@charset "utf-8";

/* 产品中心首页 */

.page_main_cp {
	background-image: url(../images/home_cpc_bg01.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
	background-attachment: fixed;
}

.page_cp_list_box {
	width: 100%;
	min-height: 360px;
	background-color: #ffffff;
	border-radius: 16px;
	padding: 48px 72px;
	margin-bottom: 60px;
	transition: all .3s;
}

.page_cp_list_box:last-child {
	margin-bottom: 0;
}

.page_cp_list_box:hover {
	box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.4);
}

.page_cp_list_box li.page_cp_list_img {
	float: left;
	width: 40%;
	height: 500px;
}

.page_cp_list_box:nth-child(2n) li.page_cp_list_img {
	float: right;
}

.page_cp_list_box li.page_cp_list_img img {
	width: auto;
	height: 100%;
	margin: 0 auto;
}

.page_cp_list_box li.page_cp_list_main {
	float: right;
	width: 56%;
}

.page_cp_list_box:nth-child(2n) li.page_cp_list_main {
	float: left;
}

.page_cp_list_main h1 {
	font-family: 'SyhtSB';
	font-weight: 700;
	font-size: 48px;
	color: #4e7f37;
	line-height: 48px;
}

.page_cp_list_main>p {
	font-size: 18px;
	line-height: 34px;
	color: #666666;
	text-align: justify;
	text-indent: 2em;
	margin-top: 24px;
	margin-bottom: 64px;
}

.page_cp_list_main .cp_cs {
	float: left;
	width: 48%;
	height: 200px;
}

.page_cp_list_main .cp_yyly {
	float: right;
	width: 48%;
	height: 200px;
}

.page_cp_list_main dl dt {
	font-family: 'SyhtM';
	font-size: 22px;
	font-weight: normal;
	color: #333333;
	line-height: 30px;
	padding-bottom: 16px;
}

.page_cp_list_main dl dd {
	font-size: 18px;
	line-height: 34px;
	color: #666666;
}

.page_cp_list_main dl.cp_cs dd i {
	color: #4e7f37;
}

.page_cp_list_main dl.cp_yyly dd {
	float: left;
	width: 80px;
	margin-right: 48px;
}

.page_cp_list_main dl.cp_yyly dd img {
	width: 64px;
	margin: 0 auto;
}

.page_cp_list_main dl.cp_yyly dd p {
	width: 100%;
	font-size: 16px;
	line-height: 2;
	text-align: center;
}

.page_cp_list_main .cp_more {
	float: left;
	width: 100%;
	height: 48px;
	color: #ffffff;
	font-size: 18px;
	line-height: 48px;
	padding-left: 24px;
	margin-top: 48px;
	background-image: -moz-linear-gradient(0deg, rgb(78, 127, 55) 0%, rgb(78, 127, 55) 0%, rgb(255, 255, 255) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(78, 127, 55) 0%, rgb(78, 127, 55) 0%, rgb(255, 255, 255) 100%);
	background-image: -ms-linear-gradient(0deg, rgb(78, 127, 55) 0%, rgb(78, 127, 55) 0%, rgb(255, 255, 255) 100%);
	transition: all .3s;
}

.page_cp_list_main .cp_more:hover {
	background-image: -moz-linear-gradient(0deg, rgb(255, 64, 0) 0%, rgb(255, 64, 0) 0%, rgb(255, 255, 255) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(255, 64, 0) 0%, rgb(255, 64, 0) 0%, rgb(255, 255, 255) 100%);
	background-image: -ms-linear-gradient(0deg, rgb(255, 64, 0) 0%, rgb(255, 64, 0) 0%, rgb(255, 255, 255) 100%);
}



/* 三级导航 */

.page_nav_son_box {
	width: 100%;
	height: 40px;
	position: relative;
	margin-bottom: 36px;
}

.page_nav_son_bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.page_nav_son {
	width: auto;
	display: inline-table;
}

.page_nav_son li {
	float: left;
	margin-right: 13px;
}

.page_nav_son li:last-child {
	margin-right: 0;
}

.page_nav_son li a {
	font-size: 14px;
	line-height: 1;
	color: #333333;
	padding: 12px 15px;
	border: 1px solid #999999;
	transition: all 0.3s;
}

.page_nav_son li a:hover,
.page_nav_son li a.active {
	color: #ffffff;
	background-color: #426a9e;
	border: 1px solid #426a9e;
	transition: all 0.3s;
}

/* 产品列表页面 */

.page_cp_list_box01 {
	width: 100%;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	transition: all .3s;
}

.page_cp_list_box01 li {
	float: left;
	width: 25%;
	padding: 36px;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	transition: all .3s;
}

.page_cp_list_box01 li:nth-child(1) {
	/* border-left: 1px solid rgba(255, 255, 255, 0.7); */
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.page_cp_list_box01 li:nth-child(2) {
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.page_cp_list_box01 li:nth-child(3) {
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.page_cp_list_box01 li:nth-child(4) {
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

/* .page_cp_list_box01 li:nth-child(4n+1){
	border-left:  1px solid rgba(255, 255, 255, 0.7);
} */

.page_cp_list_box01 li img {
	width: 100%;
	margin: 0 auto;
	transition: all .3s;
}

.page_cp_list_box01 li p {
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
	text-align: center;
	/* text-shadow: 0px 2px 2px rgba(4, 0, 0, 0.4); */
	margin-top: 24px;
	transition: all .3s;
}

.page_cp_list_box01 li:hover {
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.4);
}

.page_cp_list_box01 li:hover img {
	transform: scale(1.05);
}

.page_cp_list_box01 li:hover p {
	color: #426a9e;
	text-shadow: 0px 2px 2px rgba(4, 0, 0, 0);
}


@media (max-width:1200px) {

	/* 三级导航 */
	.page_nav_son_box {
		height: auto;
		margin-bottom: 2.304rem;
	}

	.page_nav_son_bg {
		position: inherit;
		left: 0;
		bottom: 0;
		width: 100%;
		text-align: center;
	}

	.page_nav_son {
		width: auto;
		display: inline-table;
	}

	.page_nav_son li {
		margin-right: 0.192rem;
		margin-bottom: 0.192rem;
	}

	.page_nav_son li a {
		font-size: 0.96rem;
		padding: 0.768rem 0.64rem;
	}

	.page_nav_son li a:hover,
	.page_nav_son li a.active {
		color: #ffffff;
		background-color: #426a9e;
		border: 1px solid #426a9e;
		transition: all 0.3s;
	}

	/* 产品列表页面 */
	.page_cp_list_box01 li {
		width: 50%;
		padding: 1.536rem;
	}

	.page_cp_list_box01 li:nth-child(3) {
		border-top-width: 0;
	}

	.page_cp_list_box01 li:nth-child(4) {
		border-top-width: 0;
	}

	.page_cp_list_box01 li p {
		font-size: 1.344rem;
		line-height: 1.44rem;
		margin-top: 1.152rem;
	}

	.page_cp_list_box01 li:hover {
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.4);
	}

	.page_cp_list_box01 li:hover img {
		transform: scale(1.05);
	}

	.page_cp_list_box01 li:hover p {
		color: #426a9e;
		text-shadow: 0px 2px 2px rgba(4, 0, 0, 0);
	}
}