body{background:#f5f5f5;}
.banner{width:100%;}
.banner img{width:100%;display:block;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#de7418;}

.wmys{text-align:center;background:#323031;padding:89px 0 95px 0;display:flex;justify-content:center;flex-wrap:wrap;margin-bottom: 5px;}
.wmys a{display:block;margin:0 70px;}
.wmys a img{display:block;margin:0 auto 35px auto;}
.wmys a h3{color:#fff;font-size:23px;font-weight:normal;margin-bottom:22px;}
.wmys a p{color:#6d6c6c;font-size:15px;text-transform:uppercase;}
.wmys a:hover img{transform: rotateY(180deg);}
.wmys a:hover h3{color:#de7418}


.cpzx{display:flex;flex-wrap:wrap;justify-content:  space-between;}
.cpzx-l{width: calc(50% - 1.5px);margin-bottom:  5px;}
.cpzx a{display:block;position:relative;overflow:hidden;}
a:hover .cpzx-s{opacity:1;}
.cpzx a:hover img{transform:scale(1.1);}
.cpzx a img{width:100%;display:block;}
.cpzx-s{position:absolute;top:  0!important;transition:  all 0.5s;left: 0!important;width:  100%;display:  flex;height:  100%;background: rgba(255, 143, 27, 0.8);align-items:  center;justify-content:  center;text-align:  center;opacity:  0;}
.cpzx-s h3{font-weight:normal;color: #fff;font-size:24px;}
.cpzx-s p{font-size:16px;color: #fff;}
.cpzx-l .cpzx-s{top:9%;right:13%}
.cpzx-r{width: calc(50% - 2.5px);display:flex;flex-wrap:wrap;justify-content:  space-between;}
.cpzx-r a{width: calc(50% - 2.5px);margin-bottom:  5px;}
.cpzx-r a:nth-child(1){width:100%;}
.cpzx-r a:nth-child(1) .cpzx-s{left:13%;top:9%;}
.cpzx-r a:nth-child(2) .cpzx-s{bottom:10%;right:16%;text-align:center;}
.cpzx-r a:nth-child(3) .cpzx-s{text-align:center;width:100%;left:0;bottom:10%;}

.gg{position:relative;margin-bottom:  5px;display:none;}
.gg img{width:100%;display:block;}
.gg-s{position:absolute;left: 7%;top: 14%;padding-left:29px;border-left:3px solid #d67d51;}
.gg-s h3{font-weight:normal;color:#323031;font-size:24px;line-height:100%;margin-bottom:28px;}
.gg-s p{line-height:;color:#8d8d8d;line-height:29px;}
.gg-s p:nth-child(2){line:100%;margin-bottom:18px;}

.cpzx2{display:flex;flex-wrap:wrap;justify-content:  space-between;}
.cpzx2>div{width: calc(50% - 2.5px);display:flex;justify-content:  space-between;margin-bottom:  5px;}
.cpzx2>.cpzx2-2 a,.cpzx2>.cpzx2-3 a{width:calc(50% - 2.5px)}
.cpzx2 a{display:block;overflow:hidden;position:relative;}
.cpzx2 a img{width:100%;display:block;height:  100%;}
.cpzx2 a:hover img{transform:scale(1.1);}
.cpzx2-1 .cpzx-s{top:18%;right:28%;}
.cpzx2-2 a:nth-child(1) .cpzx-s{width:100%;text-align:center;left:0;top:22%;}
.cpzx2-2 a:nth-child(2) .cpzx-s{left:14%;top:22%;}
.cpzx2-3 .cpzx-s{left:16%;top:13%;}
.cpzx2-4 .cpzx-s{left:10%;top:13%;}
.cpzx2-5 .cpzx-s{left:14%;top:14%;}
.cpzx2-6 .cpzx-s{left:15%;top:14%;}

.hzhb{display:flex;justify-content:center;align-items:center;background:#f7f7f7;height:154px;flex-wrap:wrap;}
.hzhb p{display:flex;align-items:center;justify-content:center;}
.hzhb img{}
.hzhb span{display:block;width:1px;height:59px;background:#d0d0d0;margin:0 94px;}
.hzhb span:last-child{display:none;}

.hzhb2{background:#33353c;padding:70px 0 50px 0}
.hzhb2-s{display:flex;flex-wrap:wrap;flex:1;margin:0 auto;width: 1526px;}
.hzhb2-s p{display:flex;align-items:center;justify-content:center;width:calc(100% / 7);margin-bottom:20px;}
.hzhb2-s p img{}
@media (max-width:1550px){
    .hzhb2-s{width:1440px;}
}
@media (max-width:1500px){
    .wmys a{margin:0 50px;}
    .hzhb span{margin:0 60px;}
}
@media (max-width:1460px){
    .hzhb2-s{width:1200px;}
}
@media (max-width:1320px){
    .wmys a{margin:0 30px;}
    .hzhb span{margin:0 50px;}
    .head-s{margin:0 30px;}
}
@media screen and (max-width:1200px){
    body{background: #f5f5f5;}
    .banner{margin-top:60px;}
    .wmys{justify-content:space-between;}
    .wmys a{margin:0 auto 0px auto;width:25%;}
    .cpzx2 a{width:100%!important;}
    .cpzx2{margin:-5px 5px 5px 5px;position:relative;min-height: 100px;}
    .cpzx2>div{flex-wrap:wrap;width: calc(100%)!important;/* position:absolute; */}
    .hzhb{justify-content: space-between;padding-top:20px!important;padding-bottom:20px!important}
    .hzhb p{width: 16%;/* text-align: left; */justify-content: left;}
    .hzhb2-s p{width: 32%;margin-right:2%}
    .hzhb2-s p:nth-child(3n){margin-right:0;}
    .cpzx-s h3{font-size:20px;margin-bottom:5px;}
    .wmys a img{height: 25px;}
    .cpzx.d-x{margin: 0px 5px 5px 5px;position: relative;min-height: 100px;}
    
    .cpzx>div{justify-content: space-between;}
    .cpzx>div a{width: calc(100%)!important;/* position: absolute; */left: 0;top: 0;}
    .wmys a p{display:none;}
    .cpzx-s h3{font-size:14px!important;}
    .cpzx-s p{font-size:12px;}  
}