﻿#loading{background-color:#000;height:100vh;width:100%;position:fixed;z-index:999;margin-top:0;top:0;overflow:hidden}
#loading-center{width:100%;height:100%;position:relative}
#loading-center-absolute{position:absolute;left:0;top:50%;right:0;height:60px;width:60px;margin:-60px auto 0 auto}
body,html{font-family:Helvetica,Arial,'PingFang SC','Source Han Sans SC','Hiragino Sans GB','Microsoft YaHei',sans-serif}
#svg-canvas{position:relative;width:60px;height:60px}
.svg-title{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 3s linear forwards;-webkit-animation:draw 3s linear forwards;-moz-animation:draw 3s linear forwards;-o-animation:draw 3s linear forwards;font-stretch:semi-expanded;background:#fff}
@keyframes draw{
to{stroke-dashoffset:0}
}
@-webkit-keyframes draw{
to{stroke-dashoffset:0}
}
@-moz-keyframes draw{
to{stroke-dashoffset:0}
}
@-o-keyframes draw{
to{stroke-dashoffset:0}
}
.st0{animation:draw1 .5s linear forwards;-webkit-animation:draw1 .5s linear forwards;-moz-animation:draw1 .5s linear forwards;-o-animation:draw1 .5s linear forwards;fill:#fff;opacity:0;animation-delay:.6s;-webkit-animation-delay:.6s}
@keyframes draw1{
to{opacity:1}
}
header{position:fixed;width:100%;left:0;height:auto;z-index:9;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;top:0}
.zcz-header-top{z-index:9;height:80px;position:fixed;width:92%;margin:0 auto;left:0;right:0;-webkit-transition:all .35s ease-in;transition:all .35s ease-in;padding:0 5%;padding-top:10px}
.zcz-header-top .logo .zcz-logo-img{display:block;height:auto;width:55px;padding-top:20px}
.zcz-header-top .logo a{display:block}
.zcz-header-top nav li{width:auto;height:80px;position:relative;font-size:.45rem;margin-left:1.4rem;text-align:center;color:#00000a;display:inline-block}
.zcz-header-top nav li a{width:auto;height:80px;line-height:80px;font-size:.45rem;text-align:center;color:#8a8a8a}
.zcz-header-top nav li a:hover{color:#000;font-weight:700}
.zcz-header-top nav li .active1{font-weight:700}
.zcz-header-top.cur{background:#fff;-webkit-transform:translate3d(0,-100%,0)!important;transform:translate3d(0,-100%,0)!important;-webkit-transition:all .35s;transition:all .35s}
.zcz-header-top.active{padding-top:0;height:80px;background:#fff;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}
.zcz-header-top.active nav .zcz-header-li{height:80px;line-height:80px;color:#000}
.zcz-header-top.active nav .zcz-header-li>a{color:#000}
.zcz-header-top.active .search-icon{color:#000}
.zcz-header-top.active .hamburger-inner,.zcz-header-top.active .hamburger-inner::after,.zcz-header-top.active .hamburger-inner::before{background:#2c2c2c;-webkit-transition-duration:.15s!important;transition-duration:.15s!important}
.zcz-header-top .hamburger{padding:0;height:18px;padding-top:10px}
.zcz-header-top .hamburger-box{width:25px;height:18px;display:block;position:relative}
.zcz-header-top .hamburger-inner::before{top:-8px}
.zcz-header-top .hamburger-inner::after{bottom:8px}
.zcz-header-top .hamburger{opacity:1}
.zcz-header-top .hamburger:hover{opacity:1}
.zcz-header-top .hamburger-inner,.zcz-header-top .hamburger-inner::after,.zcz-header-top .hamburger-inner::before{width:25px;height:2px;background:#000}
.zcz-header-top .hamburger.is-active .hamburger-inner,.zcz-header-top .hamburger.is-active .hamburger-inner::after,.zcz-header-top .hamburger.is-active .hamburger-inner::before{background:#fff;-webkit-transition:-webkit-transform .6s 0s cubic-bezier(.645,.045,.355,1),background-color .5s 0s cubic-bezier(.645,.045,.355,1)!important;transition:transform .6s 0s cubic-bezier(.645,.045,.355,1),background-color .5s 0s cubic-bezier(.645,.045,.355,1)!important}
.zcz-g-ml{width:100%;display:block;height:100vh;overflow:hidden;position:relative}
.zcz-g-ml img{display:block;position:absolute;width:100%;height:100vh;left:0;top:0;object-fit:cover}
header .zcz-warp-nav{width:100%;height:100vh;left:0;top:0;background:#000;position:fixed;display:none;padding-top:1rem}
header .sub-menu{width:100%;z-index:2}
header .sub-menu .nav{width:100%;height:auto;overflow-x:hidden;overflow-y:auto;padding-top:4rem}
header .nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column wrap;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.zcz-header-top .logo{width:10%;height:80px;line-height:80px;position:relative;display:block;float:left}
.zcz-header-top .zcz-logo-img{width:100%}
.zcz-header-top nav{width:90%;height:80px;display:block;float:right;text-align:right;overflow:hidden}
.zcz-header-top nav .zcz-header-li{width:130px;height:80px;line-height:80px;position:relative;font-size:20px;margin-right:.4rem;text-align:center;color:#fff;display:inline-block}
.zcz-header-top nav .zcz-header-li>a{color:#fff;display:block;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease}
.zcz-header-top nav .zcz-header-li:last-child{margin-right:0;width:40px}
.zcz-header-top .h-right{width:67px;height:auto;display:none;float:right}
footer{width:100%;height:auto;display:block;margin:0 auto;background:#f7f7f7}
footer .zcz-footer-bottom{width:100%;height:9rem;background:#262626}
.zcz-footer-zt{width:87%;display:block;margin:0 auto;height:auto;padding-top:1.8rem}
.zcz-footer-bottom-l-top{width:100%;height:4.4rem;display:block;margin:0 auto;position:relative}
.zcz-footer-bottom-l-top .phoneNumber{font-size: 0.9rem;
    color: #fff;position: relative !important;top: 1.5rem!important;;}
.zcz-footer-bottom-l{width:50%;display:block;float:left;height:auto}
.zcz-footer-bottom-l .zcz-f-logo{width:5rem;display:block;padding-right:2rem}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p{width:100%;display:block;position:absolute;top:3rem}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p a{width:1rem;display:inline-block}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p a img{width:50%;cursor:pointer}
.zcz-footer-bottom-l-bottom{width:100%;display:block;margin:0 auto;height:auto;margin-top: 1rem;}
.zcz-footer-bottom-l-bottom p{display:inline-block;padding-right:1rem;color:#999;font-size:.32rem}
.zcz-footer-bottom-r{width:33%;display:block;float:right;position:relative}
.zcz-footer-bottom-r p{width:10rem;float:right;font-size:.38rem;line-height:.7rem;color:#999}
.zcz-footer-bottom-r p strong{display:block;padding-bottom:.2rem;font-weight:400;color:#fff;font-size:.45rem}
.zcz-footer-bottom-r p:first-child{padding-bottom:.4rem}
.zcz-icp{display:none}
#go_top{width:40px;height:40px;margin-top:0;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;bottom:40px;position:fixed;right:10px;background-color:rgba(0,0,0,.6);z-index:2;cursor:pointer}
#go_top:hover{background-color:#000}
#go_top img{width:50%;display:block;margin:10px auto 0 auto}
.zcz-footer-bottom-l .zcz-sltList{display:block;width:3rem;margin-top:.5rem;font-size:.4rem;padding:.15rem .2rem;background:#262626 url(/images/xia.png) right center no-repeat;background-position:92%;-webkit-appearance:none}
.zcz-g-text{width:50%;height:100vh;z-index:2;margin:0 auto;float:left;background:#fff;position:relative;box-shadow:20px 0 60px 0 rgba(0,0,0,.5)}
.zcz-g-ml .l-news-video{display:block;width:50%;height:100vh;object-fit:cover;position:absolute;right:0}
.zcz-g-ml .l-news-video video{display:block;width:100%;height:100vh;object-fit:cover}
.mytooltip{background:0 0}
.zcz-g-text-nr{width:75%;height:auto;display:block;position:absolute;top:25%;left:20%}
.zcz-g-text p{width:100%;display:block;margin:0 auto;height:auto}
.zcz-g-text p strong{width:100%;height:auto;display:block;margin:0 auto;text-align:left;font-size:1.2rem;color:#b4b4b4}
.zcz-g-text p .red{color:#d00c23}
.zcz-g-text h2{width:100%;height:auto;display:block;text-align:left;color:#00000a;font-size:1.8rem}
.zcz-g-text h2 em{width:100%;height:auto;display:block;text-align:left;color:#00000a;font-size:1.7rem;margin-left:-.15rem}
.zcz-g-text h2 span{font-size:.5rem;display:block;text-align:left;width:100%;font-weight:200}
.zcz-g-text a{color:#fff;background:#1b1b1b;width:3.5rem;display:block;text-align:center;height:1rem;line-height:1rem;margin-top:1rem;font-size:.36rem}
.zcz-g-about{width:100%;height:auto;display:block;margin:0 auto;position:relative}
.zcz-g-about img{width:100%;height:auto;margin:0 auto;display:block}
.zcz-g-about .zcz-g-about-t{width:600px;height:auto;position:absolute;top:22%;z-index:2;left:10%}
.zcz-g-about .zcz-g-about-t h3{width:100%;font-size:1.3rem;color:#fff;display:block;text-align:left;padding-bottom:.8rem}
.zcz-g-about .zcz-g-about-t p{width:87%;display:block;height:auto;font-size:.45rem;line-height:.75rem;text-align:justify;padding-bottom:.8rem}
.zcz-g-about .zcz-g-about-t p img{width:100%;display:inline-block}
.zcz-g-list{width:100%;height:auto;display:block;margin:0 auto;padding-top:3.5rem}
.zcz-g-list ul li{width:100%;height:auto;display:block;margin:0 auto;overflow:hidden;padding-bottom:3rem;cursor:pointer}
.zcz-g-list ul li a{width:86%;display:block;height:auto;float:right;text-align:right;transition:all .6s;-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}
.zcz-g-list ul li a img{max-width:100%;display:block;float:right;margin-left:.5rem;box-shadow:4px 4px 7px #8888}
.zcz-g-list ul li a h4{width:auto;height:auto;display:block;font-size:1rem;text-align:left;padding-right:.3rem;padding-top:1rem;color:#9b9b9b}
.zcz-g-list ul li a h4 span{width:100%;display:block;height:auto;font-size:.45rem;text-align:justify;font-weight:200;padding-top:.2rem;color:#9b9b9b}
.zcz-g-list ul .g-list-active a{float:left;transition:all .6s;-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}
.zcz-g-list ul .g-list-active a img{margin-left:0;margin-right:.5rem;float:left;box-shadow:4px 4px 7px #8888}
.zcz-g-list ul li a:hover h4{color:#484848;transition:all .6s}
.zcz-g-list ul li a:hover span{color:#484848;transition:all .6s}
.zcz-g-list ul li a:hover{transition:all .6s;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.zcz-g-list ul .g-list-active a:hover{transition:all .6s;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.zcz-g-logo-list{width:100%;height:auto;display:block;margin:0 auto;background:#fafafa}
.g-title{width:100%;display:block;height:auto;color:#000;font-size:1rem;text-align:center;font-weight:700;padding-bottom:.3rem;padding-top:1.5rem;font-family:Helvetica,Arial,'PingFang SC','Source Han Sans SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',sans-serif}
.g-title span{width:100%;height:auto;display:block;margin:0 auto;font-size:.45rem;font-weight:200;padding-top:.1rem;font-family:Helvetica,Arial,'PingFang SC','Source Han Sans SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',sans-serif}
.zcz-g-logo-list .zcz-l-list{width:90%;height:auto;display:block;margin:0 auto;overflow:hidden;padding-bottom:1rem;padding-top:2rem}
.zcz-g-logo-list .zcz-l-list ul{width:100%;height:auto;display:block}
.zcz-g-logo-list .zcz-l-list .inner{width:20%;height:2.5rem;display:block;margin:0 auto;float:left;padding-bottom:2rem;cursor:pointer;position:relative;overflow:hidden}
.zcz-g-logo-list .zcz-l-list .inner div{width:90%;top:0;left:0;right:0;margin:0 auto}
.zcz-g-logo-list .zcz-l-list .inner img{width:85%}
.zcz-g-logo-list .zcz-l-list .inner div:last-child{opacity:0;position:absolute;top:0;left:0;right:0;margin:0 auto}
.g-certify{position:relative;width:80%;height:auto;margin:0 auto}
.g-certify .swiper-container{padding-bottom:2rem}
.g-certify .swiper-slide{width:40%;height:auto;display:block;margin:0 auto;cursor:pointer}
.g-certify .swiper-slide img{display:block;width:100%;border:1px solid #aaa;border-radius:4px}
.albumList .swiper-slide img{display:block;width:100%;border:none;border-radius:4px}
.g-certify .swiper-slide p{margin:0 auto;width:97%;height:auto;text-align:left;transition:all .5s;opacity:0;background:#fff}
.g-certify-h .swiper-slide p{background:#fafafa}
.g-certify-video .swiper-slide p{background:#fafafa}
.g-certify .swiper-slide p strong{width:100%;height:auto;display:block;font-size:.5rem;color:#5b5b5b;font-weight:200;padding:.3rem 0;font-family:Helvetica,Arial,'PingFang SC','Source Han Sans SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',sans-serif}
.g-certify .swiper-slide p span{width:85%;height:auto;display:block;font-size:.4rem;color:#5b5b5b;font-weight:200;text-align:justify;font-family:Helvetica,Arial,'PingFang SC','Source Han Sans SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',sans-serif}
.g-certify .swiper-slide-active p{opacity:1}
.g-certify .g-title{padding-bottom:2rem}
.zcz-g-lxwm{width:100%;height:auto;display:block;margin:0 auto;padding-top:1.5rem;padding-bottom:2rem;overflow:hidden}
.zcz-g-lxwm .g-title img{width:1.5rem}
.zcz-g-lxwm p{width:60%;display:block;margin:0 auto;height:auto;padding-top:1rem;overflow:hidden}
.zcz-g-lxwm p.sty_2{padding-top:0}
.zcz-g-lxwm p.sty_1{padding:4rem 0}
.zcz-g-lxwm p.sty_1 a{width:33.3%;display:block;height:auto;float:left;position:relative}
.zcz-g-lxwm p.sty_1 a img:nth-child(1){display:block;width:1.925rem}
.zcz-g-lxwm p.sty_1 a span:nth-child(2){color:#3a3a3a;display:block;width:5.05rem;text-align:center;font-size:.5rem;font-weight:600;margin:10px auto 0 auto}
.zcz-g-lxwm p.sty_1 a span:nth-child(3){color:#8e8e8e;display:block;width:5.05rem;text-align:center;font-size:.34rem;margin:10px auto 0 auto}
.zcz-g-lxwm p.sty_2 a{width:100%;display:block;height:auto;float:left;position:relative}
.zcz-g-lxwm p a img{width:100%;display:block;margin:0 auto}
.zcz-g-lxwm p a span i{width:85%;display:block;font-size:.65rem;font-family:b_font}
.slideBox{width:100%;height:100%;overflow:hidden;position:absolute;top:0;opacity:0}
.g-certify .swiper-slide .slideBox{z-index:-1}
.slideBox .hd{height:.6rem;position:absolute;right:5px;bottom:1rem;z-index:1;width:100%;text-align:center}
.slideBox .hd ul{width:100%;overflow:hidden;zoom:1}
.slideBox .hd ul li{margin-right:.3rem;width:.3rem;height:.3rem;background:#bababa;cursor:pointer;display:inline-block;border-radius:1rem}
.slideBox .hd ul li.on{background:#515150}
.slideBox .bd{position:relative;height:100%;z-index:0}
.slideBox .bd li{zoom:1;vertical-align:middle}
.slideBox .bd li video{width:95%;display:block;margin:0 auto;height:auto;padding-top:0;position:absolute;left:0;right:0;top:0;margin:auto auto;bottom:0}
.slideBox .bd img{width:89%;height:auto;display:block;padding-top:0;position:absolute;left:0;right:0;top:0;margin:auto auto;bottom:0}
.slideBox .prev{position:absolute;left:1%;top:50%;margin-top:-1rem;display:block;width:1rem;height:2rem;background:url(/images/g_right.png) no-repeat;background-size:.8rem}
.slideBox .next{position:absolute;right:1%;top:50%;margin-top:-1rem;display:block;width:1rem;height:2rem;background:url(/images/g_left.png) no-repeat;background-size:.8rem}
.slideBox .prevStop{display:none}
.slideBox .nextStop{display:none}
.g-certify-h{width:100%;height:auto;display:block;margin:0 auto;background:#fafafa}
.g-certify-ad{width:100%;height:auto;display:block;margin:0 auto}
.g-certify-video{width:100%;height:auto;display:block;margin:0 auto;background:#fafafa}
.zcz-g-ml .g-pc{display:block}
.zcz-g-ml .g-wap{display:none}
.tech-slideshow{height:100vh;width:100%;margin:0 auto;position:relative;overflow:hidden;transform:translate3d(0,0,0)}
.tech-slideshow>div{width:1919px;background:url(/images/wapImg.png);position:absolute;top:0;left:0;height:100vh;transform:translate3d(0,0,0);background-size:contain}
.tech-slideshow .mover-1{animation:moveSlideshow 60s linear infinite}
.tech-slideshow .mover-2{opacity:0;transition:opacity .5s ease-out;animation:moveSlideshow 20s linear infinite}
.tech-slideshow:hover .mover-2{opacity:1}
.zcz-g-text p .animation-delay-1{-webkit-animation-delay:.1s!important;animation-delay:.1s!important}
.zcz-g-text p .animation-delay-2{-webkit-animation-delay:.2s!important;animation-delay:.2s!important}
.zcz-g-text h2 .animation-delay-3{-webkit-animation-delay:.3s!important;animation-delay:.3s!important}
.zcz-g-text h2 .animation-delay-4{-webkit-animation-delay:.4s!important;animation-delay:.4s!important}
.zcz-g-text .animation-delay-5{-webkit-animation-delay:.5s!important;animation-delay:.5s!important}
.swiper-button-prev{background-image:none;left:0;right:auto;width:30%;height:70%;display:block;top:0}
.swiper-button-next{background-image:none;left:auto;right:0;width:30%;height:70%;display:block;top:0}
.ie-ts{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;display:none}
.ie-ts .ie-bg{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
.ie-ts .ie-text{width:500px;height:200px;background:#fff;top:0;bottom:0;left:0;right:0;margin:auto;z-index:999;position:absolute;border-radius:10px}
.ie-ts .ie-text img{width:60px;display:block;margin:0 auto;padding-bottom:20px;padding-top:30px}
.ie-ts .ie-text p{width:80%;display:block;margin:0 auto;font-size:17px;line-height:30px;text-align:center;font-family:PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial}
@keyframes moveSlideshow{
100%{transform:translateX(-66.6666%)}
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
.zcz-header-top nav .zcz-header-li:hover .lia{-webkit-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}
.zcz-header-top nav .zcz-header-li.iecur:hover .lia{-webkit-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}
.zcz-header-top nav .zcz-header-li:hover .lia cn{-webkit-transform:rotateX(90deg);-ms-transform:rotateX(90deg);transform:rotateX(90deg)}
}
@media screen and (min-width:2570px) and (max-width:3840px){
html{font-size:65px!important}
.zcz-header-top{height:150px}
.zcz-header-top.active{height:150px}
.zcz-header-top .logo{height:150px;line-height:150px}
.zcz-header-top .logo .zcz-logo-img{width:65px;padding-top:40px}
.zcz-header-top nav{height:150px}
.zcz-header-top.active nav .zcz-header-li{height:150px;line-height:150px}
.zcz-header-top nav .zcz-header-li{width:200px;height:150px;line-height:150px}
.zcz-header-top .search-icon{width:45px;height:80px;padding-top:53px}
.zcz-header-top .search-icon-h{padding-top:53px}
.zcz-header{margin-top:150px}
header{height:150px}
.zcz-header-top nav li a{line-height:150px}
.zcz-g-about .zcz-g-about-t{width:40%;top:24%}
.zcz-g-about .zcz-g-about-t p{font-size:.5rem;line-height:1rem;padding-bottom:1rem}
.zcz-g-list ul li a img{width:60%}
.zcz-header ul li a{font-size:.3rem}
.zcz-header ul li{width:231px}
.zcz-search-alert .zcz-c-form .sub-butn{padding-top:.6rem}
.zcz-ml .swiper-button-prev{width:100px;height:100px;margin-right:112px}
.zcz-ml .swiper-button-next{width:100px;height:100px}
.zcz-ml .ui-loop{width:102px;height:102px}
.zcz-ml .swiper-button-next img{width:.5rem;padding-top:36px}
.zcz-txt p{line-height:1rem}
.zcz-nq2 p{line-height:1rem}
.zcz-zcz-wedo ul li p{font-size:.33rem}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p a img{width:50%}
.zcz-header-top.active1 nav .zcz-header-li{height:150px;line-height:150px;color:#000}
.mytooltip{font-size:.3rem;padding:15px}
.zcz-business-details-text ul li{margin-right:26%}
.zcz-about-banner .txt-swiper .swiper-slide .slide_num a{font-size:1.6rem;line-height:92px;color:#000}
.zcz-l-list{padding-bottom:2rem}
#go_top{width:80px;height:80px;bottom:60px}
#go_top img{margin:20px auto 0 auto}
.zcz-g-list ul li a h4{padding-top:2.2rem}
}
@media screen and (min-width:2100px) and (max-width:2560px){
html{font-size:40px!important}
}
@media (max-width:2048px){
html{font-size:40px!important}
}
@media (max-width:1920px){
html{font-size:40px!important}
}
@media (max-width:1680px){
html{font-size:35px!important}
}
@media (max-width:1600px){
html{font-size:36px!important}
.zcz-footer-bottom-r p{font-size:.35rem}
.zcz-g-list ul li a img{width:60%}
}
@media (max-width:1440px){
html{font-size:34px!important}
.zcz-g-list ul li a img{width:60%}
}
@media (max-width:1366px){
html{font-size:30px!important}
.zcz-ml .z-img img{height:2.3rem}
}
@media (max-width:1280px){
html{font-size:30px!important}
.slideBox .bd img{height:80%}
}
@media (max-width:1200px){
html{font-size:30px!important}
}
@media (max-width:1024px){
html{font-size:30px!important}
.g-certify .swiper-slide{width:55%}
.zcz-g-list ul li a{width:100%;float:none;text-align:center;color:#484848}
.zcz-g-list ul li a img{width:100%;float:none;margin-left:0}
.zcz-g-list ul li a h4{width:90%;font-size:1rem;text-align:left;padding-right:0;color:#484848;margin:0 auto;overflow:hidden}
.zcz-g-list ul li a h4 span{color:#484848;font-size:.6rem}
}
@media (min-width:962px){
.txt-swiper-wap{display:none}
}
@media (max-width:960px){
header{height:2.5rem}
.zcz-header-top nav{display:none}
.zcz-header-top .logo .zcz-logo-img{width:1.5rem;padding-top:16px}
.zcz-header-top{height:2.5rem;width:auto;padding:0 4%}
.zcz-header-top .logo{width:10%;height:2.5rem;line-height:2.5rem}
.zcz-header-top .logo .logo_h{position:absolute;top:0}
.zcz-header-top.active{height:2.5rem}
.zcz-header-top .hamburger{float:right}
.zcz-header-top .h-right{padding-top:16px;display:block}
.hamburger-inner{width:25px;height:2px;background:#fff}
.hamburger-inner::after,.hamburger-inner::before{content:'';width:25px;height:2px;background:#000;border-radius:4px;position:absolute}
.hamburger-inner::after{bottom:-8px}
.hamburger-inner::before{top:-8px}
.hamburger--3dx-r.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,8px,0) rotate(45deg);transform:translate3d(0,8px,0) rotate(45deg)}
.hamburger--3dx-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-8px,0) rotate(-45deg);transform:translate3d(0,-8px,0) rotate(-45deg)}
.header1 .hamburger.is-active .hamburger-inner{background:#222}
.zcz-header-top .hamburger--3dx-r.is-active .hamburger-inner{background:#000}
.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before{-webkit-transition:-webkit-transform .6s 0s cubic-bezier(.645,.045,.355,1)!important;transition:transform .6s 0s cubic-bezier(.645,.045,.355,1)!important}
header .nav li{width:100%}
header .nav .zcz-header-li{width:89%;display:-ms-flexbox;text-align:center;font-size:1.3rem;padding-bottom:1.8rem;color:#fff;font-family:Poppins,sans-serif;font-weight:400;display:block;margin:0 auto}
.zcz-header-top .hamburger--3dx-r.is-active1 .hamburger-inner{background:#000}
.zcz-footer-zt{width:90%;padding:1.5rem 0;overflow:hidden}
.zcz-footer-bottom-l{width:100%;float:none}
.zcz-footer-bottom-l .zcz-sltList{width:4rem;margin-top:.8rem;border-radius:0;-webkit-appearance:none;padding-left:.4rem;background-position:92%}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p a{width:1.8rem}
.zcz-footer-bottom-r{width:100%;float:none}
.zcz-footer-bottom-r p{width:100%}
footer .zcz-footer-bottom{height:auto}
.zcz-footer-bottom-l-top{height:auto}
.zcz-footer-bottom-l .zcz-footer-bottom-l-bottom{display:none}
.zcz-footer-bottom-r p strong{font-size:.6rem}
.zcz-footer-bottom-r p{line-height:.9rem}
.zcz-icp{width:100%;padding-top:.8rem}
.zcz-icp span{padding-right:1rem}
.zcz-footer-bottom-r p:first-child{padding-bottom:.6rem}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p{position:static;margin:.8rem 0}
.zcz-g-text h2{font-size:1.6rem}
.zcz-g-about img{display:block;width:100%;height:60vh;left:0;top:0;object-fit:cover}
.zcz-g-about .zcz-g-about-t p img{height:auto}
.zcz-g-about .zcz-g-about-t{width:90%;top:17%;left:0;right:0;margin:0 auto}
.zcz-g-list{padding-top:2rem}
.zcz-g-list ul li{padding-bottom:2rem}
.zcz-g-list ul li a{width:100%;float:none;text-align:center;color:#484848}
.zcz-g-list ul li a img{width:100%;float:none;margin-left:0}
.zcz-g-list ul li a h4{width:90%;font-size:.8rem;text-align:left;padding-right:0;color:#484848;margin:0 auto}
.zcz-g-list ul li a h4 span{color:#484848;font-size:.5rem}
.zcz-g-list ul .g-list-active a img{margin-right:0;float:none}
.zcz-g-about{margin:0 auto}
.zcz-g-about .zcz-g-about-t p{width:100%;font-size:.45rem;line-height:.8rem}
.zcz-g-logo-list .zcz-l-list{width:100%;padding:1rem 0}
.zcz-g-logo-list .zcz-l-list .inner div{width:108%}
.zcz-g-logo-list .zcz-l-list .inner{width:33%;height:auto;padding-bottom:1.5rem}
.zcz-g-logo-list .zcz-l-list .inner div:first-child{opacity:0}
.zcz-g-logo-list .zcz-l-list .inner div:last-child{opacity:1}
.zcz-g-logo-list .zcz-l-list .inner img{width:100%}
.g-certify{width:100%}
.g-certify .swiper-slide{width:85%}
.g-certify .swiper-slide p span{width:100%;font-size:.5rem}
.g-certify .swiper-slide p strong{font-size:.6rem}
.slideBox .bd img{width:100%;height:auto;display:block;margin:0 auto}
.zcz-g-lxwm p{width:90%;padding-top:.8rem}
.zcz-g-lxwm p a span{width:90%;left:.5rem;top:.5rem}
.zcz-g-lxwm p a span i{width:95%;display:block;font-size:.65rem}
.zcz-g-lxwm{padding-top:.5rem;padding-bottom:0}
.zcz-g-lxwm p.sty_1{padding:2rem 0}
.zcz-g-lxwm p.sty_1 a{width:100%;display:block;height:auto;position:relative;padding-bottom:1rem}
.zcz-g-lxwm p.sty_1 a span:nth-child(3){color:#8e8e8e;display:block;width:6.05rem;text-align:center;font-size:.34rem;margin:10px auto 0 auto}
.slideBox .hd ul li{width:.25rem;height:.25rem}
.zcz-g-ml .g-pc{display:none}
.zcz-g-ml .g-wap{display:block}
.slideBox .bd li video{height:29vh}
.zcz-g-list ul .g-list-active a{float:left;transition:all 0s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.zcz-g-list ul li a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.zcz-g-text{width:100%;height:100vh;position:absolute;top:0;background:rgba(255,255,255,.6);box-shadow:none}
.zcz-g-text-nr{width:90%;top:25%;left:10%}
.zcz-g-text a{width:6rem;height:1.5rem;line-height:1.5rem;font-size:.53rem}
.zcz-g-text h2 span{font-size:.55rem}
.swiper-button-prev{width:8%}
.swiper-button-next{width:8%}
.layui-layer-setwin .layui-layer-close2{right:5%!important}
}
@media (max-width:768px){
html{font-size:30px!important}
}
@media (max-width:767px){
html{font-size:26px!important}
}
@media (max-width:480px){
html{font-size:24px!important}
.zcz-nq1 .zcz-nq1-title{padding-top:1.5rem}
.zcz-nq2 h2{padding-top:.9rem}
.zcz-footer-bottom-r p strong{font-size:.65rem}
.zcz-footer-bottom-r p{font-size:.55rem}
}
@media (max-width:400px){
html{font-size:20px!important}
}
@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){
.slideBox .bd img{padding-top:.5rem}
}
@media (max-width:320px){
html{font-size:20px!important}
.g-certify .swiper-slide{width:90%}
}