.banner{width:100%;}
.banner img{width:100%;display:block;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#177a33;}
.banner .a1{background:url(../images/l.png);background-size:100% 100%;width:35px;height:35px;left:10%}
.banner .a1:hover{background:url(../images/l-1.png);background-size:100% 100%;}
.banner .a2{background:url(../images/r.png);background-size:100% 100%;width:35px;height:35px;right:10%;}
.banner .a2:hover{background:url(../images/r-1.png);background-size:100% 100%;}

.cpzx{padding:50px 0 105px 0;background:url(../images/cpzx-bj.jpg)no-repeat center bottom #000;}
.sybt{text-align:center;margin-bottom:30px;}
.sybt p{color:#4b4b4b;font-size:18px;text-transform:uppercase;margin-bottom:10px;}
.sybt h3{color:#fff;font-size:30px;}
.cpzx-t{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;margin-bottom:30px;}
.cpzx-l{width:290px;background:#177a33;}
.cpzx-l dl{display:flex;align-items:center;height:124px;justify-content:space-between;transition:all 0.5s;cursor:pointer;}
.cpzx-l dl dt{width: 50;text-align:center;}
.cpzx-l dl dt img{margin:0 auto;padding-left:10px;opacity: 0;}
.cpzx-l dl dt .img2{display:none;}
.cpzx-l dl dd{width: calc(100% - 50px);color:#fff;}
.cpzx-l dl dd h3{font-size:24px;margin-bottom:5px;}
.cpzx-l dl dd p{}
.cpzx-l dl.active{background:#1b1b1b}
.cpzx-l dl.active dt .img1{display:none;}
.cpzx-l dl.active dt .img2{display:block;}
.cpzx-l dl.active dd{color:#177a33;}
.cpzx-r{width:897px;}
.cpzx-r a{display:none;position:relative;overflow:hidden;}
.cpzx-r a:nth-child(1){display:block;}
.cpzx-r a img{display:block;width:100%;}
.cpzx-r a:hover img{transform:scale(1.1);}
.cpzx-r dl{position:absolute;width:100%;left:0;bottom:0;background:rgba(0,0,0,0.8);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:28px 40px;}
.cpzx-r dl h3{color:#177a33;font-size:24px;}
.cpzx-r dl dd{color:#fff;line-height:24px;}
.cpzx-r dl p{}
.cpzx-r dl h4{width:135px;line-height:31px;text-align:center;border:2px solid #177a33;color:#177a33;transition:all 0.5s;}
.cpzx-r a:hover dl h4{background:#177a33;color:#fff;}
.cpzx-b{position:relative;}
.cpzx-b a{display:block;text-align:center;background:#1b1b1b;padding-bottom:20px;}
.cpzx-b a h4{overflow:hidden;margin-bottom:24px;}
.cpzx-b a p{font-size:18px;color:#fff;margin: 0 10px;margin-bottom:10px;}
.cpzx-b a h5{color:#177a33;font-size:14px;}
.cpzx-b a:hover{background:#177a33;}
.cpzx-b a:hover img{transform:scale(1.1);}
.cpzx-b a:hover h5{color:#fff;}
.cpzx-b .swiper-button-next{width:35px;height:35px;background:url(../images/r.png);background-size:100% 100%;right:-70px;}
.cpzx-b .swiper-button-next:hover{background:url(../images/r-1.png);background-size:100% 100%;}
.cpzx-b .swiper-button-prev{width:35px;height:35px;background:url(../images/l.png);background-size:100% 100%;left:-70px;}
.cpzx-b .swiper-button-prev:hover{background:url(../images/l-1.png);background-size:100% 100%;}

.cgal{padding:50px 0 67px 0;background:#0c0c0c;}
.cgal-t{margin-bottom:40px;display:flex;justify-content:center;flex-wrap:wrap;}
.cgal-t a{display:flex;align-items:center;justify-content:center;width:180px;line-height:38px;border-radius:50px;color:#fff;font-size:18px;border:1px solid #313131;margin:0 10px;}
.cgal-t a img{margin-right:19px;}
.cgal-t a .img2{display:none;}
.cgal-t a.active{border-color:#177a33;color:#177a33;}
.cgal-t a.active .img1{display:none;}
.cgal-t a.active .img2{display:block;}
.cgal-b{}
.cgal-b>div{display:none;position:relative;}
.cgal-b>div:nth-child(1){display:block;}
.cgal-b a{display:block;text-align:center;color:#fff;}
.cgal-b a h4{overflow:hidden;border-radius:10px;margin-bottom:25px;}
.cgal-b a h4 img{display:block;width:100%;}
.cgal-b a h4 p{}
.cgal-b a:hover img{transform:scale(1.1);}
.cgal-b .swiper-button-next{width:35px;height:35px;background:url(../images/r2.png);right:50px;}
.cgal-b .swiper-button-prev{width:35px;height:35px;background:url(../images/l2.png);left:50px;}
#certify .swiper-slide{width:auto;height:auto;}
#certify .swiper-slide-prev,#certify .swiper-slide-next{opacity: 0.4!important;font-size:0;}
#certify .swiper-slide-active{opacity: 1!important;font-size:16px;}


@media screen and (max-width:1200px){
	.banner{margin-top:60px;}
	.cpzx-r dl{position:relative;}
	.cgal-t{justify-content:space-between;}
	.cgal-t a{width:calc(50% - 10px);font-size:16px;margin:0 5px 10px 5px;}
}