.header{ background: #fff;}

.zcz-banner{ padding: 90px 0 110px; background: url("images/banner-bg.jpg") no-repeat center/cover; }
.zcz-banner .txt{ color: #fff; width: 40%;}
.zcz-banner .txt .mpic{ display: none;}
.zcz-banner h2{ display: inline-block; position: relative; font-size: 120px; line-height: 1;}
.zcz-banner h2 span{ position: absolute; top: 0; right: -30px; width: 5em; line-height: 1.67em; text-align: center; font-size: 0.3em; background: #b21313; border-radius: 0.835em; }
.zcz-banner h2 span img{ position: absolute; left: 0.28em; bottom: -0.5em;}
.zcz-banner h3{ margin: 40px 0 30px; font-size: 30px; line-height: 1.2;}
.zcz-banner p{ margin-bottom: 60px; font-size: 18px; line-height: 1.2;}
.zcz-banner p span{ display: inline-block;}
.zcz-banner p span + span{ margin-left: 30px;}
.zcz-banner p i{ font-style: normal; display: inline-block; padding: 0 1px; background: #b21313; }
.zcz-banner .pic{ width: 38%; }


.zcz-item{ padding-top: 120px;}
.zcz-item .txt{ line-height: 2;}
.zcz-item .zt-title{ margin-bottom: 1em;}
.zt-more i{ display: inline-block; position: relative; top: 0.15em; font-size: 1.5em; margin-right: 0.5em;}
.zt-more-black{ color: #fff; background: #313131;}
.visible-xs,.visible-xxs{ display: none!important;}

.zcz-ad ul{ padding: 130px 0 120px; color: #fff; background: url("images/zcz-ad.jpg") no-repeat center/cover;}
.zcz-ad li{ float: left; width: 25%; text-align: center; font-size: 18px; }
.zcz-ad li i{ display: block; position: relative; width: 100%; padding-top: 115px;}
.zcz-ad li svg{ position: absolute; left: 50%; top: 50%;  width: auto; height: 115px; display: inline-block; fill: #fff;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
.zcz-ad li:nth-child(odd) svg{ height: 105px;}
.zcz-ad li p{ padding-top: 10px;}


.zcz-pro{ position: relative; padding-bottom: 120px; }
.zcz-pro::before,.zcz-pro .pic::before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 62%; background: #214b81;}
.zcz-pro .wrap{ position: relative;}
.zcz-pro .pic{ position: relative;}
.zcz-pro .pic::before{ left: auto; bottom: auto; right: -20px; top: -20px; width: 44%; height: 60.2%; background: #b21313;}
.zcz-pro .pic img{ position: relative;}
.zcz-pro .zt-more{ margin: 100px auto 0; display: block;}


.zcz-jidi .txt{ width: 36%;}
.zcz-jidi .txt .zt-more{ margin-top: 90px;}
.zcz-jidi .pic ul{ margin: 0 -10px;}
.zcz-jidi .pic li{ float: left; width: 33.33%; padding: 0 10px; text-align: center;}
.zcz-jidi .pic  p{ font-size: 14px; padding: 10px 0 15px;}
.zcz-jidi .pic1{ width: 50%;}
.zcz-jidi .pic1 ul{ margin-left: 0;}
.zcz-jidi .pic2 li{ width: 25%;}
.zcz-jidi .pic2 p{ padding-bottom: 0;}


.zcz-jiagong .txt{ width: 28%; margin-right: 10%;}
.zcz-jiagong .pic{ width: 50%;}
.zcz-jiagong .pic ul{ margin-right: 0;}
.zcz-jiagong .pic li{ width: 50%;}
.zcz-jiagong .pic li:nth-child(-n+2){ margin-bottom: 20px;}

.zcz-zzry .txt{ width: 40%;}
.zcz-zzry .zt-title{ margin-bottom: 0.5em;}
.zcz-zzry .txt .zt-more{ margin-top: 60px;}
.zcz-zzry .pic1{ width: 50%; padding-top: 140px; padding-left: 10px;}
.zcz-zzry .pic2{ width: 100%; margin-top: 20px; }
.zcz-zzry .pic2 li{ width: 33.3%; }

.zcz-kehu{ padding-bottom: 120px;}
.zcz-kehu .img1-1{ margin-bottom: 60px;}



@media (max-width: 1759px){
    .zcz-banner .txt{ width: 46%;}
    .zcz-banner h2{ font-size: 100px;}
    .zcz-banner h3{ font-size: 24px; margin: 35px 0 25px;}
    .zcz-banner p{ margin-bottom: 50px;}

    .zcz-item{ padding-top: 100px;}

    .zcz-ad ul{ padding: 100px 0 90px;}

    .zcz-pro{ padding-bottom: 90px;}
    .zcz-pro .zt-more{ margin-top: 80px;}

    .zcz-jidi .zt-title{ margin-bottom: 0.6em;}
    .zcz-jidi .txt .zt-more{ margin-top: 70px;}

    .zcz-jidi .txt .zt-more{ margin-top: 50px;}

    .zcz-kehu{ padding-bottom: 100px;}
}
@media (max-width: 1559px){
    .zcz-banner{ padding: 80px 0 90px; }
    .zcz-banner .txt{ width: 54%;}
    .zcz-banner h2{ font-size: 86px;}
    .zcz-banner h3{ font-size: 22px; }
    .zcz-banner p{ font-size: 16px; margin-bottom: 40px;}

    .zt-more{ font-size: 28px;}

    .zcz-item{ padding-top: 80px;}

    .zcz-ad ul{ padding: 80px 0 70px;}
    .zcz-ad li i{ padding-top: 100px;}
    .zcz-ad li svg{ height: 95px;}
    .zcz-ad li:nth-child(odd) svg{ height: 85px;}

    .zcz-pro{ padding-bottom: 80px;}
    .zcz-pro .zt-more{ margin-top: 60px;}

    .zcz-jidi .txt{ width: 40%;}
    .zcz-jidi .zt-title{ margin-bottom: 0.5em;}
    .zcz-jidi .txt .zt-more{ margin-top: 50px;}

    .zcz-jiagong .txt{ margin-right: 0;}

    .zcz-zzry .txt{ width: 42%;}
    .zcz-zzry .txt .zt-more{ margin-top: 30px;}

    .zcz-kehu{ padding-bottom: 80px;}
    .zcz-kehu .img1-1{ margin-bottom: 40px;}

}
@media (max-width: 1359px){
    .zcz-banner{ padding: 70px 0 80px; }
    .zcz-banner .txt{ width: 60%;}
    .zcz-banner h2{ font-size: 74px;}
    .zcz-banner h3{ font-size: 20px; margin: 30px 0 20px; }
    .zcz-banner p{ font-size: 14px; margin-bottom: 30px;}

    .zt-more{ font-size: 22px;}

    .zcz-item{ padding-top: 60px;}

    .zcz-ad ul{ padding: 60px 0 50px;}
    .zcz-ad li i{ padding-top: 80px;}
    .zcz-ad li svg{ height: 75px;}
    .zcz-ad li:nth-child(odd) svg{ height: 70px;}

    .zcz-pro{ padding-bottom: 60px;}
    .zcz-pro .zt-more{ margin-top: 40px;}

    .zcz-jidi .txt{ width: 43%;}
    .zcz-jidi .txt .zt-more{ margin-top: 30px;}

    .zcz-zzry .txt{ width: 44%;}
    .zcz-zzry .txt .zt-more{ margin-top: 20px;}
    .zcz-zzry .pic1{ padding-top: 130px;}

    .zcz-kehu{ padding-bottom: 60px;}
    .zcz-kehu .img1-1{ margin-bottom: 30px;}

}
@media (max-width: 1024px){
    .hidden-xs{ display: none!important;}
    .visible-xs{ display: block!important;}
    .bottom{ display: flex!important;}

    .zcz-banner{ padding: 0.6rem 0; }
    .zcz-banner .txt{ width: 5.26rem;}
    .zcz-banner h2{ font-size: 0.98rem;}
    .zcz-banner h3{ font-size: 0.25rem; margin: 0.35rem 0 0.23rem; }
    .zcz-banner p{ font-size: 0.14rem; margin-bottom: 0.3rem;}
    .zcz-banner p span + span{ margin-left: 0.3rem;}
    .zcz-banner .pic{ width: 3.9rem;}

    .zcz-item{ padding-top: 1rem; position: relative; padding-bottom: 2.4rem;}
    .zcz-item .zt-title{ margin-bottom: 0.6em;}
    .zcz-item .txt{ width: 100%!important; padding-left: 1.6rem; margin-bottom: 0.4rem;}
    .zcz-item .pic{ width: 100%!important; }
    .zcz-item .mpics1 li:nth-child(odd){ padding-right: 1.65rem;}
    .zcz-item .mpics1 li:nth-child(even){ padding-left: 1.65rem;}
    .zcz-item p{ font-size: 0.25rem;}
    .zcz-item .zt-more{ position: absolute; left: 1rem; bottom: 1rem; display: block; width: 8rem; font-size: 0.32rem; margin: 0.8rem auto 0;}

    .zcz-ad{ padding: 0!important;}
    .zcz-ad ul{ padding: 0.68rem 0; background: none;}
    .zcz-ad li{ padding-top: 0.3rem; margin-left: 0.6rem; width: 1.6rem; height: 1.6rem; background: #214b81; border-radius: 50%; }
    .zcz-ad li i{ padding-top: 0.68rem;}
    .zcz-ad li svg{ height: 100%;}
    .zcz-ad li:nth-child(odd) svg{ height: 100%;}
    .zcz-ad li p{ font-size: 0.23rem; font-weight: bold; padding-top: 0.1rem;}

    .zcz-pro .wrap{ position: static;}
    .zcz-pro .pic::before,.zcz-pro::before{ display: none;}
    .zcz-pro{ background: #214b81;}
    .zcz-pro .zt-title{ color: #fff; margin-bottom: 1em;}

    .zcz-jidi .pic ul{ margin: 0 -0.135rem; }
    .zcz-jidi .pic li{ padding: 0 0.135rem;}
    .zcz-jidi .pic p{ font-size: 0.18rem; padding: 0.107rem 0 0.146rem;}
    .zcz-jidi .pic2 li{ width: 50%;}

    .zcz-jiagong{ padding-top: 0;}
    .zcz-jiagong .pic li{ width: 100%; margin-bottom: 0!important;}

    .zcz-zzry .pic2 li{ margin-bottom: 0.27rem;}
    .zcz-zzry .pic2 li:last-child{ width: 100%;}


}
@media (max-width: 750px){
    .visible-xxs{ display: block!important;}

    .zcz-banner{ padding: 1rem 0 1.1rem; text-align: center; background-image: url("images/banner-bg2.jpg");}
    .zcz-banner .txt{ width: 100%;}
    .zcz-banner h2{ display: block; margin: 0 auto; width: 7.8rem; line-height: 1.1; font-size: 1.48rem; }
    .zcz-banner h2 span{ right: -0.84rem; top: -0.32rem;}
    .zcz-banner h2 span img{ width: 0.5rem; height: auto;}
    .zcz-banner .pic{ display: none;}
    .zcz-banner .txt .mpic{ display: block; width: 65%; margin: 0.4rem auto 0.3rem;}
    .zcz-banner .txt h3{ margin: 0; font-size: 0.5rem; line-height: 1.3; }
    .zcz-banner .txt p{ margin: 1rem 0 0;}
    .zcz-banner .txt p span{ float: left; position: relative; width: 30%; background: rgba(255,255,255,.6); color: #333; padding: 0.2rem; font-size: 0.25rem; height: 1rem; border-radius: 0 0 0.35rem 0.35rem; }
    .zcz-banner .txt p span:first-child{ line-height: 2.4;}
    .zcz-banner .txt p span + span{ width: 60%; margin-left: 10%;}
    .zcz-banner .txt p span i{ position: absolute; left: 0; top: -0.324rem; width: auto; font-size: 0.27rem; line-height: 1.2; padding: 0 0.04rem; color: #fff;}

    .zcz-item{ padding-top: 1.2rem; padding-bottom: 2.9rem;}
    .zcz-item p{ font-size: 0.4rem;}
    .zcz-item .zt-more{ left: 1.9rem; bottom: 1rem; width: 6.2rem; font-size: 0.48rem; margin: 0.8rem auto 0;}

    .zcz-ad ul{ padding: 0.8rem 0;}
    .zcz-ad li{ padding-top: 0.35rem; margin-left: 0.4rem; width: 2rem; height: 2rem; }
    .zcz-ad li:first-child{ margin-left: 0;}
    .zcz-ad li i{ padding-top: 0.86rem;}
    .zcz-ad li p{ font-size: 0.28rem; padding-top: 0.15rem;}

    .zcz-jidi .pic ul{ margin: 0 -0.2rem;}
    .zcz-jidi .pic li{ padding: 0 0.2rem; }
    .zcz-jidi .pic p{ font-size: 0.32rem; padding: 0.13rem 0 0.26rem;}

    .zcz-jidi .pic3 li{ position: relative; width: 100%; margin-bottom: 0.4rem;}
    .zcz-jidi .pic3 li:nth-child(n+6){ display: none;}
    .zcz-jidi .pic3 li:nth-child(odd){ padding-right: 3.6rem;}
    .zcz-jidi .pic3 li:nth-child(even){ padding-left: 3.6rem;}

    .zcz-jidi .pic3 li p{ position: absolute; width: 3.3rem; padding: 0.1rem 0 0; font-size: 0.32rem;}
    .zcz-jidi .pic3 li:nth-child(odd) p{ right: 0; bottom: 0; text-align: left!important;}
    .zcz-jidi .pic3 li:nth-child(even) p{ left: 0; top: 0; text-align: right!important;}

    .zcz-jidi .pic3 li p::before{ content: ''; position: absolute; width: 0; height: 0; border-style: solid; }
    .zcz-jidi .pic3 li:nth-child(odd) p::before{ left: 0; top: -0.26rem; border-width: 0.12rem 0.18rem 0.12rem 0; border-color: transparent #000 transparent transparent;}
    .zcz-jidi .pic3 li:nth-child(even) p::before{ right: 0; bottom: -0.26rem; border-width: 0.12rem 0 0.12rem 0.18rem; border-color: transparent transparent transparent #000;}

    .scrollpics .cont{ overflow-x: scroll;}
    .scrollpics ul{ width: 300%; margin: 0;}
    .scrollpics li{float: left; width: 33.33%; }
    .scrollpics li img{ width: 100%;}
    .scrollpics p{ width: 100%; padding-top: 0.2rem; text-align: center; font-size: 0.32rem;}

    .zcz-jiagong, .zcz-zzry{ padding-top: 0.5rem;}

    .zcz-kehu .img1-2{ display: none;}
    .zcz-kehu .zt-title{ margin-bottom: 0.8rem;}
}