:root {--lv: #158043;}
.tit{margin-bottom:50px;text-align:center}
/* 产品列表 */
.sy_cpzx{margin:50px auto;}
/* 左侧导航 */
.sy_cpzx .cplb{width:270px;float:left}
.sy_cpzx .cplb .tit{line-height:60px;padding:5px;background:var(--lv);margin-bottom:5px;color:#fff;font-size:20px;font-weight:bold;text-align:center}
.sy_cpzx .cplb .tit span{font-size:14px;text-transform:uppercase;font-weight:normal;display:block}
.subNav{cursor:pointer;line-height:50px;background:#f5f5f5;display:block;text-align:center;font-size:16px;color:#333;margin-bottom:5px;}
.subNav a{color:#333;display:block;}
.subNav:hover{color:#fff;background:var(--lv)}
.subNav:hover a{color:#fff;}
.navContent{display:none;}
.navContent li a{display:block;heighr:35px;text-align:center;font-size:14px;line-height:35px;color:#333;background:#f5f5f5;margin:2px 0}
.navContent li a:hover{color:#fff;background-color:var(--lv)}
/* 列表 */
.sy_cpzx ul.box{width:calc(100% - 310px);margin:0 auto;float:right}
.sy_cpzx ul.box li{width:31.3333%;float:left;margin:0 1% 30px;border:#ccc 1px solid;box-sizing:border-box;background:#eee;-webkit-box-shadow:0 10px 15px 0 rgba(0,0,0,.03),0 15px 20px 0 rgba(0,0,0,.03);box-shadow:0 10px 15px 0 rgba(0,0,0,.03),0 15px 20px 0 rgba(0,0,0,.03);}
.sy_cpzx ul.box li .tp{position:relative;overflow:hidden;}
.sy_cpzx ul.box li .tp img{width:100%;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;/* height:18vw;*/object-fit:cover;}
.sy_cpzx ul.box li:hover .tp img{-webkit-transform:scale(1.07);-moz-transform:scale(1.07);-o-transform:scale(1.07);-ms-transform:scale(1.07);transform:scale(1.07);transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.sy_cpzx ul.box li .tp .mb{width:100%;height:100%;background:rgba(0,0,0,0.5) url(../img/icon7.png) center no-repeat;position:absolute;left:0;top:-100%;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.sy_cpzx ul.box li:hover .tp .mb{transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;top:0}
.sy_cpzx ul.box li h3{padding:12px;line-height:1.5;color:#333;font-size:16px;text-align:center;}
.sy_cpzx ul.box li:hover h3{color:#fff;}
.sy_cpzx ul.box li:hover{border:var(--lv) 1px solid;background:var(--lv)}
.sy_cpzx ul.box li:nth-child(3n){margin-right:0}







.cpxq{padding:50px 0;margin:0 auto;}
.cpxq .left{width:50%;float:left;}
.cpxq .left .swiper-wrapper{align-items: stretch;}
.cpxq .left .swiper-slide{height: auto;}
.cpxq .left img{display: block;max-width:100%;}
.cpxq .left .swiper-slide img,
.cpxq .left .swiper-slide video{width:100%;height:auto;display:block;margin:auto;}
.cpxq .left .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:0;opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:var(--lv) 1px solid;background:none}
.cpxq .left .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--lv);}
.cpxq .left .swiper-button-prev:after{color:#ffffff;}
.cpxq .left .swiper-button-next:after{color:#ffffff;}
.cpxq .right{width:45%;float:right;}
.cpxq .right .h3{font-size:25px;color:#333;margin-bottom:20px;font-weight:bold;margin-top:50px;}
.cpxq .right .p{font-size:16px;line-height:1.8;color:#555;margin-bottom:20px;}
.cpxq .cptd{padding-top:50px;min-height:400px;}
.cpxq .cptd .bt{font-size:20px;color:#fff;margin-bottom:20px;font-weight:bold;border-bottom:#eee 2px solid;line-height:2.2;}
.cpxq .cptd .bt i{font-size:24px;margin-right:10px;vertical-align:middle;font-weight:normal;}
.cpxq .cptd h3{font-size:18px;color:#333;font-weight:bold;margin-bottom:15px;}
.cpxq .cptd .bt span{display:inline-block;padding:0 30px;background: #e1e1e1;border-radius:10px 10px 0 0}
.cpxq .cptd .bt span.on{background: var(--lv);}
.cpxq .cptd p{font-size:16px;line-height:2;color:#555;}
.cptd p img,
.cptd p video{max-width:100%;}
@media only screen and (max-width:1024px){
	.subNav{line-height:36px;}
	
	
	.cpxq{padding:30px 16px;}
	.cpxq .left{width:100%;}
	.cpxq .right{width:100%;}
	.cpxq .cptd .bt span{padding:0 15px;}
}
@media only screen and (max-width:600px){
	.tit{margin-bottom:30px;}
	.cpxq .cptd{padding-top:30px;}
}



.leftNav li{margin-top: 4px;}
.leftNav li:first-child{margin-top: 0;}
.leftNav .zktit{
	font-size: 16px;
	color: #333333;
	line-height: 1.4;
	padding: 16px 30px 16px 18px;
	position: relative;
	cursor: pointer;
	background: #f6f6f6;
}
.leftNav .zktit a{color: #333333;}
.leftNav .hasDown .zktit::after{
	content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid var(--lv);
    border-right: 1px solid var(--lv);
    transform: rotate(45deg) translateY(-2px);
	position: absolute;
	right: 16px;
	top: calc(50% - 5px);
	transition: all 0.3s;
}
.leftNav li.on .zktit{color: #ffffff;background: var(--lv);}
.leftNav li.on .zktit a{color: #ffffff;}
.leftNav li.on.hasDown .zktit::after{transform: rotate(-135deg) translateY(-2px) translateX(-4px);border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;}
.leftNav .zhshow{
	background: #fcf9f9;
	display: none;
}
.leftNav .zhshow a{
	color: #666666;
	font-size: 14px;
	display: block;
	padding: 16px 20px;
	line-height: 1.4;
	padding: 13px 30px 13px 18px;
	border-bottom: 1px dotted rgba(230, 230, 230, 1.0);
	padding-left: 36px;
	position: relative;
}
.leftNav .zhshow a::before{
	content: "";
	border-radius: 50%;
	background-color: var(--lv);
	opacity: 0.6;
	position: absolute;
	left: 20px;
	top: calc(50% - 2.5px);
	width: 5px;
	height: 5px;
}
.leftNav .zhshow a:last-child{border-bottom: 0;}
.leftNav .zhshow a.on,
.leftNav .zhshow a:hover{
	color: var(--lv);
}
.leftNav .zhshow a.on::before,
.leftNav .zhshow a:hover::before{opacity: 0.8;}