.cpcenter2{margin-top:32px}
.cpcenter2 .clearfix{display:table;margin:0 auto;position:relative;text-align:center}
.cpcenter2 .clearfix:before{content:"";height:2px;position:absolute;left:91px;right:91px;bottom:0;background:#d9d8d8;opacity:0.5}
.cpcenter2 a{display:inline-block;width:320px;padding:22px 64px;font-size:26px;color:#8c8c8c;font-family:"PingFang_Medium";text-align:center;transition:all linear 0.3s}
.cpcenter2 a.on,.cpcenter2 a:hover{font-family:"PingFang_Heavy";color:#009e70}
.cpcenter3{margin:80px 0}
.cpcenter3 .list{margin-left:-2.4%}
.cpcenter3 .list li{width:22.57645%;float:left;margin-left:2.4%;margin-bottom:40px}
.cpcenter3 .list li a{display:block;overflow:hidden}
.cpcenter3 .list li img{width:100%;display:block;transition:all linear 0.3s}
.cpcenter3 .list li strong{height:100px;display:block;position:relative;z-index:1;background:#ffffff;font-size:24px;color:#181818;font-family:"PingFang_Bold";line-height:1.3;transition:all linear 0.3s}
.cpcenter3 .list li strong:before{content:"+";position:absolute;right:7.4928%;top:50%;margin-top:-36px;font-size:49px;color:#d9d9d9;font-family:"PingFang_Regular";font-weight:normal;opacity:0.8}
.cpcenter3 .list li strong:after{content:"";position:absolute;left:0;right:0;top:0;bottom:100%;z-index:-1;background:#009e70;opacity:0;transition:all linear 0.3s}
.cpcenter3 .list li strong span{position:absolute;left:7.4928%;right:21.61383%;top:50%;transform:translateY(-50%)}
.cpcenter3 .list li:hover img{transform:scale(1.1)}
.cpcenter3 .list li:hover strong{color:#ffffff}
.cpcenter3 .list li:hover strong:before{color:#ffffff}
.cpcenter3 .list li:hover strong:after{bottom:0;opacity:1}
.ie8 .cpcenter3 .list li strong span{top:18%}
@media (max-width: 1600px){
.cpcenter2 .clearfix:before{left:62px;right:62px}
.cpcenter2 a{width:260px;padding-left:42px;padding-right:42px;font-size:22px}
.cpcenter3{margin:60px 0}
.cpcenter3 .list li{margin-bottom:30px}
.cpcenter3 .list li strong{height:80px;font-size:20px}
.cpcenter3 .list li strong:before{margin-top:-29px;font-size:40px}}@media (max-width: 1280px){.w{width:960px}

.cpcenter2 .clearfix:before{left:52px;right:52px}
.cpcenter2 a{width:220px;padding-left:33px;padding-right:33px;font-size:20px}
.cpcenter3{margin:50px 0}
.cpcenter3 .list li{margin-bottom:25px}
.cpcenter3 .list li strong{height:65px;font-size:17px}
.cpcenter3 .list li strong:before{margin-top:-25px;font-size:35px}}