锘?{padding: 0; margin: 0}
body,html {margin: 0px; padding: 0px; -webkit-text-size-adjust: none}
body {max-width: 1920px; margin: 0 auto;margin: 0 auto; font-family: 'Microsoft YaHei',sans-serif; font-size: 12px; line-height: 1.6;}
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.clearfix:after{display:block;clear:both;width:100%;height:0px;line-height:0px;font-size:0px;margin:0;padding:0; content: ""}
a{text-decoration: none;}
ul,li{list-style: none;}
.fw600{font-weight: 600}
.fs12{font-size: 12px}
.fs13{font-size: 13px}
.fs14{font-size: 14px}
.fs15{font-size: 15px}
.fs16{font-size: 16px!important}
.fs20{font-size: 20px!important}

.fl{float: left;}
.fr{float: right;}
.pdl30{padding-left: 30px}
.pdl20{padding-left: 20px}

.padt10{padding-top: 10px;}

.c499{color: #499a97}
.red{color: #cd4619}
.cd60{color: #d60d17!important}
.textc{text-align: center;}
.textl{text-align: left!important;}
.textr{text-align: right!important;}
.container{width: 1180px; margin: 0 auto; position: relative;}
.m{display: none;}
.pc{display: block;}
.dn{display: none;}


.tb-head{width: 100%; position: fixed; top: 0; left: 0; z-index: 5; height: 80px; border-bottom: 1px solid #FFF;}
.tb-head .itb-hbox{height: 80px; line-height: 80px;}
.head-top{position: relative; width: 28%; float: left; padding-top: 1.2rem;}
.head-top img{}
.tb-nav{ float: right;}
.tb-nav .nav-menu{width: 100%}
.tb-nav .nav-menu li{display: inline-block; margin-left: 30px;}
.tb-nav .nav-menu li a{width: 100%; position: relative; line-height: 45px; height: 45px; text-align: center; color: #FFF; font-size: 15px; display: inline-block;}
.tb-nav .nav-menu li.active a{color: #d60d17;}
.tb-nav .nav-menu li.active a:after{width: 100%; content: ""; position: absolute; left: 0; bottom: -19px; height: 2px; background-color: #d60d17;}
.tb-nav .nav-menu li:hover a{color: #d60d17;}
.tb-nav .nav-menu li:hover a:after{width: 100%; content: ""; position: absolute; left: 0; bottom: -19px; height: 2px; background-color: #d60d17;}

.tb-nav .nav-menu li a.lan{display: inline-block;width: 30px; height: 30px;margin: 0 5px; line-height: 30px;}
.tb-nav .nav-menu li a.lan.active{background-color: #d60d17; color: #FFF;}
.tb-nav .nav-menu li:hover a.lan:after{width: 0; content: ""; position: absolute; left: 0; bottom: -19px; height: 2px; background-color: #d60d17;}

.transition{background-color: #FFF;transition: transform .3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1);box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); top: 0; z-index: 9000;}
.transition .tb-nav .nav-menu li a{color: #333;}


.ibanner{width: 100%; position: relative; font-size: 0;}
.ibanner .ivideo{width: 100%;}

.ibanner .i-b-box{position: absolute; top: 45%; width: 100%;}
.ibanner .i-b-box .container{width: 1180px; margin: 0 auto;}
.ibanner .i-b-box h3{font-size: 46px; color: #FFF;}
.ibanner .i-b-box h3 span{color: #d60d17;}
.ibanner .i-b-box p.subtit{font-size: 30px; color: #FFF; font-weight: 600; margin-top: -20px; position: relative;}
.ibanner .i-b-box p.subtit:after{content: ""; position: absolute; width: 50px; height: 3px; background-color: #FFF; bottom: -20px; left: 0;}
.ibanner .i-b-box p.gs-tit{font-size: 24px; padding-top: 45px; color: #FFF;}
.ibanner .i-b-box p.gs-zcon{font-size: 14px; color: #333; padding-top: 5px; padding: 5px 10px; background-color: #FFF; display: inline-block;}

.main-content{width: 100%}

.i-about{width: 100%; padding: 4rem 0;}
.i-about .i-about-box{width: 100%;}
.i-about-box .i-ab-left{width: 52%; float: left; padding-right: 3%;}
.i-about-box .i-ab-left>h3{font-size: 22px; padding-bottom: 16px; font-weight: 500;}
.i-about-box .i-ab-left .i-ab-txt p{text-indent: 28px; line-height: 22px; font-size: 14px; color: #666;}
.i-about-box .i-ab-mk{width: 100%; padding-top: 1.8rem}
.i-about-box .i-ab-mk .i-b-mktxt{width: 42%; float: left; min-height: 185px; border: 1px solid #CCC; padding: 3% 3% 3% 3%; margin-left: 3%}
.i-about-box .i-ab-mk .i-b-mktxt:first-child{margin-left: 0}
.i-about-box .i-ab-mk .i-b-mktxt h3{padding: 10px 0 8px 0; font-size: 16px}
.i-about-box .i-ab-mk .i-b-mktxt p{color: #666; font-size: 12px}

.i-about-box .i-ab-right{width: 45%; float: left;}
.i-about-box .i-ab-right img{width: 100%;}

.i-product{padding: 0 0 3rem 0; position: relative; min-height: 820px;}
.i-product .ip-bg{width: 100%;}
.i-p-box{position: absolute; width: 100%; top: 4rem; left: 0;}
.i-p-box h3{text-align: center; font-size: 22px; color: #FFF; padding-bottom: 3rem;}
.i-p-box .i-p-list{width: 68%; margin: 0 auto;}
.i-p-list .ip-l-box ul li{width: calc(100% / 2 - 20px);float: left;background-color: #FFF;margin-left: 40px;box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2); margin-bottom: 10px;}
.i-p-list .ip-l-box ul li:first-child{margin-left: 0;}
.i-p-list .ip-l-box ul li .img{overflow: hidden; font-size: 0;}
.i-p-list .ip-l-box ul li .img img{width: 100%;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s}
.i-p-list .ip-l-box ul li .img img:hover{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}
.i-p-list .ip-l-box ul li .con{padding: 12px 30px;}
.i-p-list .ip-l-box ul li .con h2{font-size: 18px; padding-bottom: 20px; font-weight: 500;}
.i-p-list .ip-l-box ul li .con p{color: #666;}
.i-p-list .ip-l-box ul li .con p.desc{text-indent: 26px;}
.i-p-list .ip-l-box ul li .con h2 p{font-size: 12px; color: #666;}
.i-p-list .ip-l-box ul li .con .pb-tse{padding: 20px 0 0 0; min-height: 120px;}
.i-p-list .ip-l-box ul li .con .pb-tse span{min-width: 80px;display: inline-block; padding: 5px 12px 5px 30px; position: relative; color: #666; font-size: 12px; border: 1px solid #666; border-radius: 15px; margin-right: 10px; margin-bottom: 8px;}
.i-p-list .ip-l-box ul li .con .pb-tse span:before{position: absolute; content: ""; width: 12px; height: 12px; border: 1px solid #da2730; border-radius: 50%; left: 8px; top: 8px;}
.i-p-list .ip-l-box ul li .i-p-more{text-align: right;}
.i-p-list .ip-l-box ul li .i-p-more a{font-size: 12px; color:#da2730 ;}
.i-p-list .ip-l-box ul li .i-p-more a:hover{text-decoration: underline;}

.i-tech{background-color: #f7f5f4; padding: 4rem 0 0 0; overflow: hidden;}
.i-tech .subtit{font-size: 14px; color: #333; text-align: center;}
.i-tech .tit{font-size: 20px; text-align: center; padding-top: 5px;}
.i-tech ul{padding: 3rem 0;}
.i-tech ul li{width: calc(100% / 3 - 50px); margin-left: 75px; float: left; font-size: 0; margin-bottom: 30px;}
.i-tech ul li:nth-child(3n+1){margin-left: 0;}
.i-tech ul li img{ border-radius: 4px; width: 100%;}
.i-tech ul li p{padding: 12px 0 12px 25px; position: relative; font-size: 15px; color: #333;}
.i-tech ul li p.tdjiang{font-size: 14px;}
.i-tech ul li p:before{position: absolute; width: 1px; height: 20px; background-color: #333; left: 0; top: 14px; content: ""} 
.i-tech ul li p.tdjiang:before{top: 24px;}

.i-case{padding: 4rem 0;}
.i-case .subtit{font-size: 14px; color: #333; text-align: center;}
.i-case .tit{font-size: 20px; text-align: center; padding-top: 5px;}
.i-case ul{padding: 3rem 0;}
.i-case ul li{width: calc(100% / 4 - 12px); font-size: 0;}
.i-case ul li img{ width: 100%;}
.i-case ul li p{padding: 12px 0 12px 0; position: relative; font-size: 16px; color: #333;}

.i-news{padding: 4rem 0;background-color: #f7f5f4;}
.i-news .tit{font-size: 20px; text-align: center; padding-top: 5px;}
.i-news ul{padding: 3rem 0;}
.i-news ul li{width: calc(100% / 3 - 24px);float: left;margin-left: 36px;}
.i-news ul li:hover{box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2); }
.i-news ul li:first-child{margin-left: 0;}
.i-news ul li .img{overflow: hidden; font-size: 0;}
.i-news ul li .img img{width: 100%;}
.i-news ul li .con{padding: 15px 20px;}
.i-news ul li .con h2{font-size: 18px; padding-bottom: 15px; font-weight: 500; color: #333;}
.i-news ul li .con p{color: #999;}
.i-news ul li .con p.time{padding-bottom: 10px;}
.i-news ul li .con .pb-tse{padding: 20px 0 0 0; min-height: 120px;}
.i-news ul li .con .pb-tse span{min-width: 80px;display: inline-block; padding: 5px 12px 5px 30px; position: relative; color: #666; font-size: 12px; border: 1px solid #666; border-radius: 15px; margin-right: 10px; margin-bottom: 8px;}
.i-news ul li .con .pb-tse span:before{position: absolute; content: ""; width: 12px; height: 12px; border: 1px solid #da2730; border-radius: 50%; left: 8px; top: 8px;}
.i-news ul li .i-p-more{text-align: right;}
.i-news ul li .i-p-more a{font-size: 12px; color:#da2730 ;}
.i-news ul li .i-p-more a:hover{text-decoration: underline;}

.ic-l-all{position: relative;}
.ic-l-all .swiper-button-next{background-image: url(../../images/zy/c-right.png); background-size: 40px 40px; right: -50px; width: 40px;}
.ic-l-all .swiper-button-prev{background-image: url(../../images/zy/c-left.png); background-size: 40px 40px; left: -50px; width: 40px;}

.ab-zli03 ul{padding: 3rem 0;}
.ab-zli03 ul li{width: calc(100% / 4 - 12px); font-size: 0;box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2); }
.ab-zli03 ul li img{ width: 100%;}
.ab-zli03 ul li p{padding: 12px 0 12px 0; position: relative; font-size: 16px; color: #333;}

.ztb-head{width: 100%; z-index: 5; height: 80px; border-bottom: 1px solid #FFF;}
.ztb-head .zitb-hbox{height: 80px; line-height: 80px;}
.zhead-top{position: relative; width: 28%; float: left; height: 80px;}
.zhead-top .l-logo{position: absolute; top: 1.3rem; left: 0;}
.zhead-top .ll-logo{position: absolute; top: 1.3rem; left: 0;}
.ztb-nav{ float: right;}
.ztb-nav .nav-menu{width: 100%}
.ztb-nav .nav-menu li{display: inline-block; margin-left: 30px;}
.ztb-nav .nav-menu li a{width: 100%; position: relative; line-height: 45px; height: 45px; text-align: center; color: #333; font-size: 15px; display: inline-block;}
.ztb-nav .nav-menu li.active a{color: #d60d17;}
.ztb-nav .nav-menu li.active a:after{width: 100%; content: ""; position: absolute; left: 0; bottom: -19px; height: 2px; background-color: #d60d17;}
.ztb-nav .nav-menu li:hover a{color: #d60d17;}
.ztb-nav .nav-menu li:hover a:after{width: 100%; content: ""; position: absolute; left: 0; bottom: -19px; height: 2px; background-color: #d60d17;}

.ztb-nav .nav-menu li a.lan{display: inline-block;width: 30px; height: 30px; margin: 0 5px; line-height: 30px;}
.ztb-nav .nav-menu li a.lan.active{background-color: #d60d17; color: #FFF;}
.ztb-nav .nav-menu li:hover a.lan:after{width: 0; content: ""; position: absolute; left: 0; bottom: -19px; height: 2px; background-color: #d60d17;}

.zbanner{width: 100%; font-size: 0;}
.zbanner img{width: 100%;}

/* about  */
.zab-box{width: 100%; background-color: #f7f5f4; padding: 4rem 0;}
.zab-box p.zab-desc{font-size: 14px; color: #14141d; padding-bottom: 1.5rem; text-indent: 32px; line-height: 30px;}

.zab-cqu{padding: 4rem 0;}
.zab-cqu h3{ font-size: 22px; text-align: center; padding-bottom:2rem;}
.zab-cqu .zab-cq-box{width: 100%;}
.zab-cqu .zab-cq-box li{width: calc(100% / 4 - 12px);height: 185px; overflow: hidden; margin-left: 16px; float: left; margin-bottom: 12px; cursor: pointer;}
.zab-cqu .zab-cq-box li img{width: 100%;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s}
.zab-cqu .zab-cq-box li img:hover{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}
.zab-cqu .zab-cq-box li:nth-child(4n+1){margin-left: 0;}

.zab-cqu .zab-cq-fwu{width: 100%;}
.zab-cqu .zab-cq-fwu li{width: calc(100% / 4 - 12px); border: 1px solid #ddd; margin-left: 12px; float: left; margin-bottom: 12px;}
.zab-cqu .zab-cq-fwu li:first-child{margin-left: 0;}
.zab-cqu .zab-cq-fwu li .img{text-align: center; padding: 3rem 0 10px 0;}
.zab-cqu .zab-cq-fwu li h4{font-size: 20px; color: #333; text-align: center; padding-bottom: 15px;}
.zab-cqu .zab-cq-fwu li p{padding: 0 20px; min-height: 130px;}
.zab-cqu .zab-cq-fwu li:hover{box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}

.zab-cqu .ab-map{padding: 2rem 0;}
.zab-cqu .ab-map img{width: 100%;}

.ldian{padding: 4rem 0;width: 100%; background-color: #f7f5f4;}
.ldian h3{ font-size: 22px; text-align: center; padding-bottom:2rem;}
.ldian .ldian-box{padding: 3rem 0 0 0;}
.ldian .ldian-box ul{float: left; width: 50%;}
.ldian .ldian-box ul li{padding: 0 3.2rem 1.2rem 2rem; height: 80px; font-size: 13px; color: #5c6369; position: relative;}
.ldian .ldian-box ul li:before{content: ""; position: absolute; left: 0; top: 5px; border: 1px solid #d60d17; width: 12px; height: 12px; border-radius: 50%;}
.ldian p{color: #5c6369; font-size: 13px; text-indent: 30px;}

.hydwei{width: 100%; padding: 4rem 0;}
.hydwei h3.tit{ font-size: 22px; text-align: center; padding-bottom: 5px;}
.hydwei .dwhzhang{width: 100%; padding-top: 3rem; padding-bottom: 24px;}
.hydwei .dwhzhang li{width: calc(100% / 3 - 26px);text-align: center; padding: 1.5rem 5px 1rem 5px; margin-left: 24px; float: left;box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}
.hydwei .dwhzhang li:first-child{margin-left: 0;}
.hydwei .dwhzhang li img{max-width: 100%;}
.hydwei .dwhzhang li p{padding-top: 20px; font-size: 14px; color: #14141d;}

.hydwei .dwhlist li{width: calc(100% / 4 - 28px);text-align: center; padding: 1.5rem 5px 1rem 5px; margin-left: 24px; margin-bottom: 24px; float: left;box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}
.hydwei .dwhlist li:nth-child(4n+1){margin-left: 0;}
.hydwei .dwhlist li img{max-width: 100%;}
.hydwei .dwhlist li p{padding-top: 20px; font-size: 14px; color: #14141d;}

.hxyshi{width: 100%; background-color: #f7f5f4;padding: 4rem 0;}
.hxyshi h3.tit{ font-size: 22px; text-align: center; padding-bottom: 5px;}
.hxyshi .subtit{font-size: 14px; text-align: center; color: #5c6369;}

.hxyshi .ab-zli{width: 100%; padding: 3rem 0;}
.hxyshi .ab-zli .ab-zli-l1{width: 40%; padding-right: 12%; float: left;}
.hxyshi .ab-zli .ab-zli-l1 img{width: 100%;}
.hxyshi .ab-zli .ab-zli-r1{width: 46%; float: left; padding-top: 4rem; font-size: 15px; color: #5c6369;}
.hxyshi .ab-zli .ab-zli-r1 .zltit{font-size: 24px; color: #333; letter-spacing: 2px;}
.hxyshi .ab-zli .ab-zli-r1 .zltit span{ color: #FFF; background-color: #d60d17; display: inline-block; font-size: 24px; font-weight: 500; width: 40px; height: 40px; border-radius: 50%; margin-right: 15px; text-align: center; line-height: 40px;}
.hxyshi .ab-zli .ab-zli-r1 p{padding-top: 1rem;text-indent: 30px;}

.hxyshi .ab-zli01{width: 100%; padding: 0 0 3rem 0; border-bottom: 2px solid #ddd;}
.hxyshi .ab-zli01 .ab-zli-l1{width: 36%; float: left; padding-top: 4rem; font-size: 15px; color: #5c6369; text-indent: 30px;}
.hxyshi .ab-zli01 .ab-zli-l1 img{width: 100%;}
.hxyshi .ab-zli01 .ab-zli-r1{width: 100%;}
.hxyshi .ab-zli01 .ab-zli-r1 img{width: 100%;}

.hxyshi .ab-zli02{width: 100%; padding: 4rem 0 3rem 0;}
.hxyshi .ab-zli02 .ab-zli-l1{width: 100%; font-size: 15px; color: #5c6369;}
.hxyshi .ab-zli02 .ab-zli-l1 .zltit{font-size: 24px; color: #333; letter-spacing: 2px; padding-bottom: 2rem;}
.hxyshi .ab-zli02 .ab-zli-l1 .zltit span{ color: #FFF; background-color: #d60d17; display: inline-block; font-size: 24px; font-weight: 500; width: 40px; height: 40px; border-radius: 50%; margin-right: 15px; text-align: center; line-height: 40px;}
.hxyshi .ab-zli02 .ab-zli-l1 .ab-z-zshu{padding: 3rem 0 3rem 0;}
.hxyshi .ab-zli02 .ab-zli-l1 .ab-z-zshu .ab-zl1l{float: left; width: 50%; text-align: center;}
.hxyshi .ab-zli02 .ab-zli-l1 p{text-indent: 30px;}
.hxyshi .ab-zli02 .ab-zli-l1 p.txt{padding-bottom: 1rem;}
.hxyshi .ab-zli02 .ab-zli-l1 img{max-width: 100%;}

.hxyshi .ab-zli02 .ab-zli-r1{width: 100%;}
.hxyshi .ab-zli02 .cbdwei{background-color: #FFF; font-size: 14px; color: #5c6369;}
.hxyshi .ab-zli02 .cbdwei .cbdw-tit{background-color: #14141d; color: #FFF; padding: 15px 3rem; font-size: 18px;}
.hxyshi .ab-zli02 .cbdwei ul{padding: 2rem 4%; width: 42%; float: left;}
.hxyshi .ab-zli02 .cbdwei ul li{padding-top: 10px;}

.hxyshi .ab-zli03{width: 100%; padding: 0 0 3rem 0;}
.hxyshi .ab-zli03 img{width: 100%;}

/* honor  */
.z-hon-nav{background-color: #eee; width: 100%;}
.z-hon-nav .link{padding: 14px 24px; font-size: 14px; color: #000; display: inline-block;}
.z-hon-nav .link.active{background-color: #d60d17; color: #FFF;}

.z-honor-box{width: 100%; padding: 4rem 0;}
.z-honor-box h3{ font-size: 22px; text-align: center; padding-bottom: 3rem;}
.z-honor-box .dwhlist{}
.z-honor-box .dwhlist li{width: calc(100% / 4 - 18px);background-color: #FFF;text-align: center; padding: 0 0 1rem 0; margin-left: 24px; margin-bottom: 24px; float: left;box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}
.z-honor-box .dwhlist li:nth-child(4n+1){margin-left: 0;}
.z-honor-box .dwhlist li img{max-width: 100%;}
.z-honor-box .dwhlist li p{padding-top: 20px; font-size: 14px; color: #14141d;text-transform: uppercase;}

.z-honor-box .dwhlist.dwhlist-zz li{padding: 1rem 5px 1rem 5px;width: calc(100% / 3 - 26px);margin-left: 24px;}
.z-honor-box .dwhlist.dwhlist-zz li:nth-child(3n+1){margin-left: 0;}

.z-honor-box .dwhlist.dwhlist-gren li{padding: 1rem 5px 1rem 5px;width: calc(100% / 4 - 28px);}
/*z pro*/
.z-pbanner{width: 100%;}
.z-pbanner img{width: 100%;}

.z-pro-box{width: 100%; padding: 2rem 0 3rem 0; }
.zpro-con{border-bottom: 1px solid #f2f2f2; padding-bottom: 2rem;}
.zpro-con .img{overflow: hidden; font-size: 0; float: left; width: 45%; margin-right: 5%;}
.zpro-con .img img{width: 100%;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s}
.zpro-con .img img:hover{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}
.zpro-con .con{padding: 3rem  0; width: 35%; float: left;}
.zpro-con .con h2{font-size: 18px; padding-bottom: 20px; }
.zpro-con .con p{color: #666;}
.zpro-con .con p.desc{text-indent: 26px;}
.zpro-con .con h2 p{font-size: 12px; color: #666;}
.zpro-con .con .pb-tse{padding: 20px 0 0 0; min-height: 120px;}
.zpro-con .con .pb-tse span{min-width: 80px;display: inline-block; padding: 5px 12px 5px 30px; position: relative; color: #666; font-size: 12px; border: 1px solid #666; border-radius: 15px; margin-right: 10px; margin-bottom: 8px;}
.zpro-con .con .pb-tse span:before{position: absolute; content: ""; width: 12px; height: 12px; border: 1px solid #da2730; border-radius: 50%; left: 8px; top: 8px;}

.zpro-con .img-thum{width: 100%; padding-top: 6px;}
.zpro-con .img-thum li{font-size: 0; float: left; width: calc(100% / 4 - 10px);cursor: pointer; margin-left: 8px; border: 2px solid #999;}
.zpro-con .img-thum li:first-child{margin-left: 0;}
.zpro-con .img-thum li.active{border-color: #d60d17;}
.zpro-con .img-thum li img{width: 100%;}

.zpldian{padding: 1rem 0 5rem 0;width: 100%;}
.zpldian h3{ font-size: 22px; text-align: center; padding-bottom:2rem;}
.zpldian .ldian-box{padding: 3rem 0 0 0;}
.zpldian .ldian-box ul{float: left; width: 50%;}
.zpldian .ldian-box ul li{padding: 0 3.2rem 1.2rem 2rem; height: 80px; font-size: 13px; color: #5c6369; position: relative;}
.zpldian .ldian-box ul li:before{content: ""; position: absolute; left: 0; top: 5px; border: 1px solid #d60d17; width: 12px; height: 12px; border-radius: 50%;}
.zpldian p{color: #5c6369; font-size: 13px; text-indent: 30px;}

.zp-desc{padding: 3rem 0;}
.zpd-jshao{width: 100%; float: left; text-align: left;}
.zpd-jshao h3{font-size: 22px; font-weight: 500;}
.zpd-jshao p.subtit{color: #5c6369; padding: 5px 0 2rem 0;}
.zpd-jshao p.txt{color: #5c6369; line-height: 24px; text-indent: 30px; padding-bottom: 6px; font-size: 13px;}

.zpd-yshi{width: 100%; float: left; padding-top: 3rem;}
.zpd-yshi h3{font-size: 22px; font-weight: 500;}
.zpd-yshi h3 span{font-size: 16px;}
.zpd-yshi p.subtit{color: #5c6369; padding: 5px 0 2rem 0;}
.zpd-yshi p.img{padding-top: 2rem;}
.zpd-yshi p.img img{max-width: 100%;}

.zpd-yshi ul{padding-top: 2rem;}
.zpd-yshi ul li{width: calc(100% / 4 - 12px); margin-left: 16px; float: left; padding: 0 0 1.5rem 0; margin-bottom: 3rem;}
.zpd-yshi ul li:first-child{margin-left: 0;}
.zpd-yshi ul li img{width: 100%;}
.zpd-yshi ul li h4{margin: 1rem 0;background-color: #d60d17; padding: 6px 16px; color: #FFF; font-size: 16px; display: inline-block; font-weight: 500;}
.zpd-yshi ul li p{font-size: 14px; color: #797e83;}
.zpd-yshi ul li:hover{box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}
.zpd-yshi ul li:hover h4{margin-left: 20px;}
.zpd-yshi ul li:hover p{margin-left: 20px;}

.zp-d-02{padding: 3rem 0;}
.zp-d-02 .zp-d-l{width: 50%; float: left; text-align: center;}
.zp-d-02 .zp-d-l img{max-width: 70%; margin-top: 2rem;}
.zp-d-02 .zp-d-r{width: 50%; float: left;}
.zp-d-02 .zp-d-r img{max-width: 70%; text-align: center;}
.zp-d-03{color: #5c6369; padding-bottom: 4rem;}

.zp-d-04{padding: 0 0 2rem 0;}
.zp-d-04 .zpd-04-l{width: 14%; float: left;}
.zp-d-04 .zpd-04-l h3{font-size: 26px; letter-spacing: 2px; text-align: center; padding-top: 10px;}
.zp-d-04 .zpd-04-l h3 span{color: #5c6369; font-size: 14px; font-weight: 500; letter-spacing: 0;}
.zp-d-04 .zpd-04-m{width: 40%; float: left; margin-right: 5%;}
.zp-d-04 .zpd-04-r{width: 40%; float: left; }

/* z tech */
.z-tech-box{width: 100%; padding: 2rem 0 4rem 0;}
.z-tech-box h3{text-align: center;font-size: 22px; padding-top: 3rem;}
.z-tech-box p.subtitle{text-align: center; font-size: 12px; color: #666;}
.z-tech-box .ztech-con{padding: 3rem 0; border-bottom: 1px solid #f2f2f2;}
.z-tech-box .ztech-con .ztech-bleft{float: left; width: 42%; padding-right: 8%;}
.z-tech-box .ztech-con .ztech-bleft p.zztxt{text-align: left; color: #555; font-size: 14px;}
.z-tech-box .ztech-con .ztech-bleft p.ttxt{text-align: left; font-size: 16px; font-weight: 600;}

.z-tech-box .ztech-con .ztech-box{padding-top: 1.5rem;}
.z-tech-box .ztech-con .ztech-box p.img{width: 1080px; margin: 0 auto; }
.z-tech-box .ztech-con .ztech-box p.ztxt{text-align: center; color: #555; font-size: 14px;}
.z-tech-box .ztech-con .ztech-box p.txt{text-align: center;font-size: 14px;}
.z-tech-box .ztech-con .ztech-box p img{width: 100%;}

.ztech-boxbg{background-color: #d60d17; color: #FFF; padding: 1.5rem 1rem;}
.z-tech-box .ztech-con .ztech-box.ztech-boxbg p.ztxt{color: #FFF;}
.z-tech-box .ztech-con .ztech-box.ztech-boxbg p.titxt{padding-bottom: 10px;}
.z-tech-box .ztech-con .ztech-box.ztech-boxbg p.btittxt{padding-top: 10px;}

.ztech-fshutxt{padding-left: 250px; font-size: 14px; width: 875px;}
.ztech-fshutxtz{padding-left: 250px; font-size: 14px; padding-top: 15px;width: 875px;}

.ztech-fshutxt04{padding-left: 200px; font-size: 14px; width: 925px;}
.ztech-fshutxtz04{padding-left: 200px; font-size: 14px; padding-top: 15px;width: 925px;}


/* z news */
.z-news-box{width: 100%; padding: 4rem 0;}
.z-news-box ul{width: 100%; margin: 0 auto;}
.z-news-box ul li{width: calc(100% / 2 - 16px);background-color: #FFF; padding: 20px 0; height: 145px;position: relative; margin-left: 24px; margin-bottom: 30px; float: left;box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}
.z-news-box ul li:nth-child(2n+1){margin-left: 0;}
.z-news-box ul li .img{width: 250px; position: absolute; left: 20px; top: 20px; overflow: hidden; height: 145px;}
.z-news-box ul li img{width: 100%;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s}
.z-news-box ul li img:hover{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}

.z-news-box ul li .txt{padding: 0 20px 0 285px; }
.z-news-box ul li .desc{color: #999; padding-top: 6px;}
.z-news-box ul li p.time{font-size: 12px; color: #686868; position: absolute; bottom: 8px; right: 15px;}
.z-news-box ul li h3.n-tit{font-size: 16px; color: #14141d;}
.z-news-box ul li h3.n-tit:hover{color: #d60d17;}

.newsd-content {padding: 2rem 0;}
.news-detail{width: 100%; }
.news-detail h2{text-align: center; font-size: 22px; padding-bottom: 10px}
.news-detail p.time{color: #000; text-align: center;padding-bottom: 1rem;}
.news-detail .n-content{overflow: hidden; padding:3rem 5rem 0 5rem;}
.news-detail .n-content img{text-align: center; max-width: 650px;}
.news-detail .n-content img.img{text-align: center; max-width: 100%;}
.news-detail .n-content p{color: #000;}

/* z cases  */
.z-cases-box{width: 100%; padding: 4rem 0;}
.z-c-fbu{width: 90%; margin: 0 auto;}
.z-c-fbu img{width: 100%;}
.z-c-cshibg{background: url(../../images/zy/zcase-02bg.jpg) no-repeat bottom center; padding-bottom: 20px;}
.z-c-cshi{width: 96%; margin: 0 auto; padding: 3rem 0;}
.z-c-cshi img{width: 100%;}
.zcaes-list{padding: 4rem 0; background-color: #ededed;}
.zcaes-list ul li{width: calc(100% / 3 - 16px); float: left; margin-left: 24px; margin-bottom: 25px; border-radius: 5px;}
.zcaes-list ul li:nth-child(3n+1){margin-left: 0;}
.zcaes-list ul li .img{width: 100%; height: 225px; overflow: hidden;border-radius: 5px}
.zcaes-list ul li img{border-top-left-radius:5px; border-top-right-radius: 5px;width: 100%;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s}
.zcaes-list ul li img:hover{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}

.zcaes-list ul li .name{text-align: center; font-size: 14px; padding-top: 10px;}

/* z contact */
.z-contact-box{width: 100%; padding: 4rem 0;}
.z-contact-box .map{padding-bottom: 4rem;}
#map{width: 100%; height: 400px;}
.zcon-box .f-con-left{width: 50%; float: left; font-size:14px}
.zcon-box .f-con-left .flogo{padding: 15px 0 4rem 0;}
.zcon-box .f-con-leftt p{padding: 10px 0 0 0; font-size: 14px; color: #FFF;}
.zcon-box .f-con-left p.tshu{padding-top: 2px;}

.f-con-right{float: left; width: 50%;}
.f-con-right .zab-txt{position: relative;font-size: 14px; color: #FFF;}
.f-con-right .zab-txt h3{font-size: 22px; color: #e46255; font-weight: 100; padding-bottom: 20px;}
.f-con-right .zab-txt input{height: 28px; margin-right: 2%; margin-bottom: 15px; width: 42%; padding: 5px 2%; border: 1px solid #333;background-color: inherit;}
.f-con-right .zab-txt textarea{width: 92%; height: 150px; padding: 5px 2%; border: 1px solid #333; background-color: inherit; margin-bottom: 15px;}
.f-con-right .zab-txt input.addr{width: 92%;}
.f-con-right .zab-txt .dosubmit{border: 0;width: 200px; border-radius: 2px; cursor: pointer; height: 45px; background-color: #d7131c; color: #FFF;}
.f-con-right .zab-txt .dosubmit:hover{background-color: #c70c14;}


textarea::-webkit-input-placeholder{  color:#777 !important; font-family: 'Microsoft YaHei',sans-serif;}
.footer{ background-color: #000; padding: 3rem 0 0 0; }
.footer .tit{font-size: 20px; text-align: center; padding-top: 5px;color: #FFF;}
.footer .f-wrap{padding: 4rem 0 5rem 0;}
.footer .f-wrap .f-w-left{width: 33%; float: left;}
.f-w-left .zab-txt{position: relative;font-size: 14px; color: #FFF;}
.f-w-left .zab-txt h3{font-size: 22px; color: #e46255; font-weight: 100; padding-bottom: 20px;}
.f-w-left .zab-txt input{height: 28px; margin-right: 2%; margin-bottom: 15px; width: 42%; padding: 5px 2%; border: 1px solid #FFF;background-color: inherit;}
.f-w-left .zab-txt textarea{width: 92%; height: 150px; padding: 5px 2%; border: 1px solid #FFF; background-color: inherit; margin-bottom: 15px;}
.f-w-left .zab-txt input.addr{width: 92%;}
.f-w-left .zab-txt .dosubmit{border: 0;width: 200px; border-radius: 2px; cursor: pointer; height: 45px; background-color: #d7131c; color: #FFF;}
.f-w-left .zab-txt .dosubmit:hover{background-color: #c70c14;}

.footer .f-wrap .f-w-middle{width: 40%; float: left; margin-left: 1%;}
.f-w-middle #map{height: 276px; width: 100%; border: 1px solid #FFF;}

.footer .f-wrap .f-w-right{padding-left: 2%; float: left; width: 24%;}
.f-w-right .flogo{padding: 15px 0 10px 0;}
.f-w-right p{padding: 10px 0 0 0; font-size: 14px; color: #FFF;}
.f-w-right p.tshu{padding-top: 2px;}

.footer .footer-bottom{padding-bottom: 20px;}
.footer .footer-bottom .copyright{font-size: 12px; color: #FFF; margin-right: 27px;}
.footer .footer-bottom .copyright a{display: inline-block; color: #FFF;}
.footer .footer-bottom .copyright img{width: 20px; margin-right: 5px; vertical-align: middle;}
.footer .footer-bottom .copyright a:hover p{color: #FFF;}

.f-wrap .f-fwleft{width: 75%; float: left;}
.f-wrap .f-fwleft ul{}
.f-wrap .f-fwleft ul li{width: 13%; float: left;}
.f-wrap .f-fwleft ul li:nth-child(3){width: 20%;}
.f-wrap .f-fwleft ul li h4{font-size: 14px; color: #FFF; position: relative; padding-bottom: 10px;}
.f-wrap .f-fwleft ul li h4 a{position: relative; color: #c5c5c5;}
.f-wrap .f-fwleft ul li h4 a:after{position: absolute; content: " "; left: 0; width: 100%; height: 1px; background-color: #c5c5c5; bottom: -8px;}
.f-wrap .f-fwleft ul li a.f-link{display: block; color: #FFF; padding: 10px 0 0 0; font-size: 14px;}

.f-wrap .f-fwright{float: left; width: 25%;}
.f-wrap .f-fwright .code-box{width: 45%; float: left; text-align: center;}
.f-wrap .f-fwright .code-box p{font-size: 14px; color: #FFF; text-align: center;}

.footer .footer-bottom.te-cent{text-align: center;}

.showMorehandle .iviewmore{display:inline-block;position:relative;text-decoration:none;font-size:14px;color:rgba(51, 51, 51, .6);!important;width:140px;text-align:center;height:40px;line-height:40px;border:1px solid rgba(255,255,255,1);margin:20px auto;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.showMorehandle .iviewmore:hover{border:1px solid rgba(51,51,51,1); color:#FFF;}
.showMorehandle .iviewmore .line{display:inline-block;background-color:#FFF;position:absolute; z-index:99;-webkit-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;}
.showMorehandle .iviewmore .line_top{height:1px;width:0;left:-50%;top:0px;}
.showMorehandle .iviewmore:hover .line_top{width:100%;left:0px;}
.showMorehandle .iviewmore .line_right{height:0;width:1px;top:-50%;right:0px;}
.showMorehandle .iviewmore:hover .line_right{height:100%;top:0px;}
.showMorehandle .iviewmore .line_bottom{width:1px;height:0;bottom:-50%;left:0px;}
.showMorehandle .iviewmore:hover .line_bottom{height:100%;bottom:0px;}
.showMorehandle .iviewmore .line_left{height:1px;width:0;right:-50%;bottom:0px;}
.showMorehandle .iviewmore:hover .line_left{width:100%;right:0px;}
.showMorehandle .iviewmore{border: 1px solid rgba(51,51,51,.6);margin: auto;display: block;}
.showMorehandle .iviewmore .line {background-color:#333!important;}
.showMorehandle .iviewmore:hover {color:#333!important;}
.showMorehandle { margin:auto; width:100%; text-align:center; clear: both;}
#showMore1{text-align: left; margin: inherit; margin-top: 2rem;}
#showMore1 .iviewmore{margin: inherit; height: 34px; line-height: 34px; width: 100px;}

.z-slide-wrap {position: fixed; right: 0; bottom: 50px; z-index: 1000;}
.z-slide-wrap  ul{position: relative;}
.z-slide-wrap  ul li{width: 50px; height: 50px; background: #fff; border: 1px solid #f0f0f0; margin-bottom: 1px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  position: relative; font-size: 12px; color: #2895c9; text-align: center; cursor: pointer; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.z-slide-wrap  ul li.to-feedback{height: 43px; line-height: 1.5; padding-top: 7px;}
.z-slide-wrap  ul li:hover{color: #333;}
.z-slide-wrap  ul li:before{font-size: 16px;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.z-slide-wrap  ul li:hover:before{color: #333;}
.to-up:after {content:"";display:block;width:14px;height:14px;border-width:2px 2px 0 0;border-style:solid;color:#d82626;position:absolute;left:50%;top:55%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}

.tbiao{padding: 5rem 5rem}
.tbiao .prev{padding: 15px 20px 15px 40px; color: #333; position: relative; background-color: #f2f2f2}
.tbiao .next{padding: 15px 40px 15px 20px; color: #333; margin-left: 10px; position: relative; background-color: #f2f2f2}
.tbiao .prev:hover{background-color: #d82626; color: #FFF}
.tbiao .next:hover{background-color: #d82626; color: #FFF}

.tbiao .prev i{position: absolute; left: 7px; top: 5px; font-size: 24px; color: #333; z-index: 1}
.tbiao .next i{position: absolute; right: 7px; top: 5px; font-size: 24px; color: #333; z-index: 1}
.tbiao .prev:hover i{color: #FFF}
.tbiao .next:hover i{color: #FFF}

.s-hou{position:absolute; right: 20%; top:0; font-size:16px;}

#pages{text-align: center; padding: 2rem 0 0 0;}
#pages a{padding: 10px 12px; color: #333; font-size: 14px;}
#pages span{background-color: #d82626; color: #FFF; padding: 10px 12px;}

@media (min-width:1680px) {

}

@media (min-width:1440px) {

}

@media (min-width:1200px) {

}

@media (min-width:768px) {

}
@media (max-width:1025px) {
	.pc{display: none;}
    .m{display: block;}
    .container{width: 100%}

    .mtd-header{position: fixed; z-index: 99; width: 100%;}
    .mtd-header .mlogo{padding: 15px 12px 10px 15px; float: left;}
    .mtd-header .mlogo img{width: 140px;}

    .mtd-header-info {position: relative;z-index: 10;height: 65px;}
    .mtd-header-info .nav_btn{float: right;margin: 16px 20px 0 0;cursor:pointer;height: 32px;width: 25px;position: relative;}
    .mtd-header-info .nav_btn span{display: inline-block;width: 25px;height: 2px;background-color: #d60d17;position: absolute;top: 16px;left: 0px;transition:background-color 0.3s ease-out 0.1s}
    .mtd-header-info .nav_btn span:after{content:'';display: inline-block;width: 25px;height: 2px;background-color: #d60d17;position: absolute;top: 8px;left:0px;transition:transform 0.3s ease-out,top 0.5s ease 0.4s;transform: rotate(0deg)}
    .mtd-header-info .nav_btn span:before{content:'';display: inline-block;width: 25px;height: 2px;background-color: #d60d17;position: absolute;top: -8px;left:0px;transition:transform 0.3s ease-out,top 0.5s ease 0.4s;transform: rotate(0deg)}
    .mtd-header-info.btn_click .nav_btn span{background-color: transparent;}
    .mtd-header-info.btn_click .nav_btn span:after{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(-45deg);top: 0px }
    .mtd-header-info.btn_click .nav_btn span:before{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(45deg);top: 0px}
    .mtd-header-info .nav {position: fixed;top: 65px;left: 0px;right: 0px;bottom: 0px;background: #fff;visibility: hidden;filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;transition: all 0.5s;overflow: auto}
    .mtd-header-info.btn_click .nav{visibility: visible;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;top:65px}
    .mtd-header-info .nav>ul {overflow-y: auto}
    .mtd-header-info .nav>ul>li{border-top: 1px solid #dcdcdc}
    .mtd-header-info .nav>ul>li:last-child{border-bottom: 1px solid #dcdcdc}
    .mtd-header-info .nav li a{color: #d60d17;display:block;text-align: center;height: 100%}
    .mtd-header-info .nav li>a{padding:15px 25px }
    .mtd-header-info .nav>ul>li>a{font-size: 16px; font-weight: 600;text-align: left;}
    .mtd-header-info .nav>ul>li>a em{font-size: 14px;padding-left: 5px;color: #333}

    .mtd-header-info.transition{background-color: #FFF;}

    .m-menu{position: absolute; right: 0; top: 10%; z-index: 889;}
    .m-menu a.link{width: 76px; padding: 5px 15px 5px 10px; display: block; color: #FFF; font-size: 12px; text-align: right;}
    .m-menu a.link.active{background-color: #163590;}

    .m-menu.zymenu{top: 5%;}

    .ibanner{width: 100%;}
    .ibanner img{width: 100%;}

    .ibanner .i-b-box{padding: 0 12px; top: 40%}
    .ibanner .i-b-box h3{font-size: 20px;}
    .ibanner .i-b-box p{font-size: 12px; color: #FFF;}
    .ibanner .i-b-box p.msubtit{font-size: 16px; margin-top: -5px; padding-bottom: 16px; position: relative;}
    .ibanner .i-b-box p.msubtit:before{content: ""; position: absolute; left: 0; bottom: 8px; width: 20px; height: 2px; background-color: #FFF;}

    .m-menu{position: absolute; right: 0; top: 15%; z-index: 1001;}
    .m-menu a.link{width: 70px; padding: 4px 15px 4px 10px; display: block; color: #FFF; font-size: 12px; text-align: right;}
    .m-menu a.link.active{background-color: #d60d17;}

    .i-about{width: 92%; margin: 0 auto; padding: 2.5rem 12px;}
    .i-about-box .i-ab-left{width: 100%;}
    .i-about-box .i-ab-mk .i-b-mktxt{width: 43%; padding: 3% 2% 3% 2%; min-height: 272px;}
    .i-about-box .i-ab-right{padding-top: 15px; width: 100%;}

    .i-product{min-height: auto; padding-bottom: 2rem;}
    .i-p-box{position: inherit; margin-top: -4rem; top: inherit;}
    .i-p-box .i-p-list{width: 92%; padding: 0 12px;}
    .i-p-list .ip-l-box ul li{width: 100%; margin-left: 0; margin-bottom: 0; box-shadow: inherit;}
    .i-p-list .ip-l-box ul li .con{padding: 12px 20px;}

    .i-tech{padding: 4rem 12px 0 12px;}
    .i-tech ul li{width: 48%; margin-left: 10px; margin-bottom: 10px;}
    .i-tech ul li:nth-child(3n+1){margin-left: 10px;}
    .i-tech ul li:nth-child(2n+1){margin-left: 0;}
    .i-tech ul li p{padding: 10px 0; text-align: center; font-size: 14px; min-height: 45px;}
    .i-tech ul li p:before{width: 0;}

    .i-case{padding: 3rem 12px;}

    .i-news{padding: 2rem 12px 4rem 12px;}
    .i-news ul li{width: 48%;margin-left: 10px;}
    .i-tech ul li:first-child{margin-left: 0;}
    .i-news ul{padding: 2rem 0;}
    .i-news ul li .con{padding: 10px 15px;}
    .i-news ul li .con h2{font-size: 14px; padding-bottom: 10px;}
    .i-news ul li .i-p-more{padding-top: 10px;}

    .swiper-pagination-bullet-active{background-color: #da2730!important;}

    .zab-box p.zab-desc{padding: 0 12px 1rem 12px;}
    .zab-cqu{padding: 3rem 0;}
    .zab-cqu .zab-cq-box{width: 92%; margin: 0 auto;}
    .zab-cqu .zab-cq-box li{width: calc(100% / 2 - 5px); margin-left: 10px; height: auto;}
    .zab-cqu .zab-cq-box li:nth-child(2n+1){margin-left: 0;}

    .zab-cqu .zab-cq-fwu{width: 92%; margin: 0 auto;}
    .zab-cqu .zab-cq-fwu li{width: calc(100% / 2 - 7px); margin-left: 10px;}
    .zab-cqu .zab-cq-fwu li:nth-child(2n+1){margin-left: 0;}
    .zab-cqu .zab-cq-fwu li p{padding: 0 10px; min-height: 185px;}

    .ldian p{padding: 0 12px;}
    .ldian .ldian-box{padding: 3rem 12px 0 12px;}
    .ldian .ldian-box ul{width: 100%;}
    .ldian .ldian-box ul li{padding: 0 0 1.2rem 2rem;}
    .hydwei .dwhzhang{width: 92%; margin: 0 auto;}
    .hydwei .dwhzhang li{width: 97%; margin-left: 0; margin-bottom: 15px;}
    .hydwei .dwhlist li{width: calc(100% / 2 - 5px); margin-left: 10px; padding: 1rem 0; margin-bottom: 15px; height: 185px;}
    .hydwei .dwhlist li:nth-child(4n+1){margin-left: 10px;}
    .hydwei .dwhlist li:nth-child(2n+1){margin-left: 0;}
    .hydwei .dwhlist li p{font-size: 12px;}
    .hxyshi .ab-zli{width: 92%; margin: 0 auto;}
    .hxyshi .ab-zli .ab-zli-l1{width: 100%;}
    .hxyshi .ab-zli .ab-zli-r1{width: 100%;}
    .hxyshi .ab-zli01{width: 92%; margin: 0 auto;}
    .hxyshi .ab-zli01 .ab-zli-l1{width: 100%; padding-top: 2rem;}
    .hxyshi .ab-zli01 .ab-zli-r1{width: 100%; padding-top: 1rem; padding-left: 0;}
    .hxyshi .ab-zli02{width: 92%; margin: 0 auto;}
    .hxyshi .ab-zli02 .ab-zli-l1{width: 100%;}
    .hxyshi .ab-zli02 .ab-zli-r1{width: 100%; padding-left: 0; padding-top: 2rem;}
    .hxyshi .ab-zli02 .cbdwei ul{padding: 2rem 1rem 0 1rem; width: inherit;}
    .hxyshi .ab-zli02 .cbdwei ul:last-child{padding: 0 1rem 2rem 1rem;}

    .z-hon-nav .link{width: 32%; padding: 14px 0; text-align: center; font-size: 12px;}
    .z-honor-box .dwhlist{width: 92%; margin: 0 auto;}
    .z-honor-box .dwhlist li{width: 100%; margin-left: 0; margin-bottom: 15px;}
    .z-honor-box .dwhlist li{width: calc(100% / 2 - 5px); margin-left: 10px; padding: 1rem 0; margin-bottom: 15px; height: 220px;}
    .z-honor-box .dwhlist li:nth-child(4n+1){margin-left: 10px;}
    .z-honor-box .dwhlist li:nth-child(2n+1){margin-left: 0;}
    .z-honor-box .dwhlist li p{font-size: 12px;}

    .zpro-con{padding: 0 12px 2rem 12px;}
    .z-hon-nav.z-pro-nav .link{width: 44%; padding: 14px 10px; text-align: center; font-size: 12px;}
    .zpro-con .img{width: 100%;}
    .zpro-con .con{width: 100%; padding-bottom: 0;}
    .zpd-jshao{width: 100%;}
    .zp-desc{padding:0 12px;}
    .zpd-yshi{width: 100%; padding-top: 15px; padding-left: 0;}
    .zp-d-04 .zpd-04-l{width: 100%;}
    .zp-d-04 .zpd-04-m{width: 100%; padding: 1rem 0;}
    .zp-d-04 .zpd-04-m img{width: 100%;}
    .zp-d-04 .zpd-04-r{width: 100%;}
    .zp-d-04 .zpd-04-r img{width: 100%;}
    .zpd-yshi p.img{padding-top: 0;}
    .zp-d-02{padding: 1rem 0;}
    .zpldian p{padding: 0 12px;}
    .zpldian .ldian-box{padding: 3rem 12px 0 12px;}
    .zpldian .ldian-box ul{width: 100%;}
    .zpldian .ldian-box ul li{padding: 0 0 1.2rem 2rem;}

    .z-tech-box .ztech-con .ztech-box p.img{width: 100%;}

    .z-news-box ul{width: 92%;}
    .z-news-box ul li{width: 100%; margin-left: 0; height: auto;}
    .z-news-box ul li .img{position: relative; width: 94%; height: auto; left: 3%; top: 0;}
    .z-news-box ul li p.time{position: relative; padding-top: 10px; bottom: inherit; right: inherit;}
    .z-news-box ul li .txt{padding-left: 10px; padding-top: 8px;}
    .z-tech-box{width: 92%; margin: 0 auto;}
    .zcon-box{padding: 0 12px; }

    .z-contact-box .map{padding-bottom: 20px;}
    #map{height: 320px;}

    .zcaes-list{padding: 3rem 12px;}
    .zcaes-list ul li{width: calc(100% / 2 - 5px); margin-left: 10px;}
    .zcaes-list ul li:nth-child(3n+1){margin-left: 10px;}
    .zcaes-list ul li:nth-child(2n+1){margin-left:0;}

    .footer .f-wrap{padding-top: 2rem;}
    .f-wrap .f-fwleft{width: 100%;}
    .f-wrap .f-fwright{width: 100%;}
    .f-wrap .f-fwright .code-box{width: 50%;}


    .footer{padding: 3rem 12px 0 12px;}
    .footer .f-wrap .f-w-middle{width: 100%; margin-left: 0;}
    .footer .f-wrap .f-w-right{width: 100%; padding-left: 0; padding-top: 10px;}
    .f-w-right p{padding-top: 2px;}

    .zcon-box .f-con-left{width: 100%}
    .zcon-box .f-con-left .flogo{padding: 15px 0 2rem 0;}
    .zpro-con .con .pb-tse{min-height: 95px;}
    .z-tech-box .ztech-con .ztech-bleft{width: 100%; padding-right: 0;}
    .z-tech-box .ztech-con .ztech-box{padding-top: 1rem;}
    .news-detail .n-content{padding: 3rem 10px 0 10px;}
    .news-detail .n-content img{max-width: 100%;}
    .newsd-content{padding: 0 12px;}
    .s-hou{right: 12px;}

   	.lan-menu{padding: 12px 0; text-align: center;}
    .lan-menu a{display: inline-block; padding: 5px 10px; color: #000; margin-right: 10px; font-size: 16px;}
    .lan-menu a.active{color: #FFF; background-color: #d60d17;}
    .z-c-cshibg{background: url(../../images/zy/zcase-m02bg.jpg) no-repeat bottom center; padding-bottom: 20px;}

}
@media (max-width:767px) {
    .pc{display: none;}
    .m{display: block;}
    .container{width: 100%}

    .mtd-header{position: fixed; z-index: 99; width: 100%;}
    .mtd-header .mlogo{padding: 15px 12px 10px 15px; float: left;}
    .mtd-header .mlogo img{width: 140px;}

    .mtd-header-info {position: relative;z-index: 10;height: 65px;}
    .mtd-header-info .nav_btn{float: right;margin: 16px 20px 0 0;cursor:pointer;height: 32px;width: 25px;position: relative;}
    .mtd-header-info .nav_btn span{display: inline-block;width: 25px;height: 2px;background-color: #d60d17;position: absolute;top: 16px;left: 0px;transition:background-color 0.3s ease-out 0.1s}
    .mtd-header-info .nav_btn span:after{content:'';display: inline-block;width: 25px;height: 2px;background-color: #d60d17;position: absolute;top: 8px;left:0px;transition:transform 0.3s ease-out,top 0.5s ease 0.4s;transform: rotate(0deg)}
    .mtd-header-info .nav_btn span:before{content:'';display: inline-block;width: 25px;height: 2px;background-color: #d60d17;position: absolute;top: -8px;left:0px;transition:transform 0.3s ease-out,top 0.5s ease 0.4s;transform: rotate(0deg)}
    .mtd-header-info.btn_click .nav_btn span{background-color: transparent;}
    .mtd-header-info.btn_click .nav_btn span:after{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(-45deg);top: 0px }
    .mtd-header-info.btn_click .nav_btn span:before{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(45deg);top: 0px}
    .mtd-header-info .nav {position: fixed;top: 65px;left: 0px;right: 0px;bottom: 0px;background: #fff;visibility: hidden;filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;transition: all 0.5s;overflow: auto}
    .mtd-header-info.btn_click .nav{visibility: visible;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;top:65px}
    .mtd-header-info .nav>ul {overflow-y: auto}
    .mtd-header-info .nav>ul>li{border-top: 1px solid #dcdcdc}
    .mtd-header-info .nav>ul>li:last-child{border-bottom: 1px solid #dcdcdc}
    .mtd-header-info .nav li a{color: #d60d17;display:block;text-align: center;height: 100%}
    .mtd-header-info .nav li>a{padding:12px 25px }
    .mtd-header-info .nav>ul>li>a{font-size: 16px; font-weight: 600;text-align: left;}
    .mtd-header-info .nav>ul>li>a em{font-size: 14px;padding-left: 5px;color: #333}

    .mtd-header-info.transition{background-color: #FFF;}

    .m-menu{position: absolute; right: 0; top: 10%; z-index: 889;}
    .m-menu a.link{width: 76px; padding: 5px 15px 5px 10px; display: block; color: #FFF; font-size: 12px; text-align: right;}
    .m-menu a.link.active{background-color: #163590;}

    .m-menu.zymenu{top: 5%;}

    .ibanner{width: 100%;}
    .ibanner img{width: 100%;}

    .ibanner .i-b-box{padding: 0 12px; top: 40%}
    .ibanner .i-b-box h3{font-size: 20px;}
    .ibanner .i-b-box p{font-size: 12px; color: #FFF;}
    .ibanner .i-b-box p.msubtit{font-size: 16px; margin-top: -5px; padding-bottom: 16px; position: relative;}
    .ibanner .i-b-box p.msubtit:before{content: ""; position: absolute; left: 0; bottom: 8px; width: 20px; height: 2px; background-color: #FFF;}

    .m-menu{position: absolute; right: 0; top: 15%; z-index: 1001;}
    .m-menu a.link{width: 70px; padding: 4px 15px 4px 10px; display: block; color: #FFF; font-size: 12px; text-align: right;}
    .m-menu a.link.active{background-color: #d60d17;}

    .i-about{width: 92%; margin: 0 auto; padding: 2.5rem 12px;}
    .i-about-box .i-ab-left{width: 100%;}
    .i-about-box .i-ab-mk .i-b-mktxt{width: 43%; padding: 3% 2% 3% 2%; min-height: 272px;}
    .i-about-box .i-ab-right{padding-top: 15px; width: 100%;}

    .i-product{min-height: auto; padding-bottom: 2rem;}
    .i-p-box{position: inherit; margin-top: -4rem; top: inherit;}
    .i-p-box .i-p-list{width: 92%; padding: 0 12px;}
    .i-p-list .ip-l-box ul li{width: 100%; margin-left: 0; margin-bottom: 0; box-shadow: inherit;}
    .i-p-list .ip-l-box ul li .con{padding: 12px 20px;}

    .i-tech{padding: 4rem 12px 0 12px;}
    .i-tech ul li{width: 48%; margin-left: 10px; margin-bottom: 10px;}
    .i-tech ul li:nth-child(3n+1){margin-left: 10px;}
    .i-tech ul li:nth-child(2n+1){margin-left: 0;}
    .i-tech ul li p{padding: 10px 0; text-align: center; font-size: 14px; min-height: 45px;}
    .i-tech ul li p:before{width: 0;}

    .i-case{padding: 3rem 12px;}

    .i-news{padding: 2rem 12px 4rem 12px;}
    .i-news ul li{width: 48%;margin-left: 10px;}
    .i-tech ul li:first-child{margin-left: 0;}
    .i-news ul{padding: 2rem 0;}
    .i-news ul li .con{padding: 10px 15px;}
    .i-news ul li .con h2{font-size: 14px; padding-bottom: 10px;}
    .i-news ul li .i-p-more{padding-top: 10px;}

    .swiper-pagination-bullet-active{background-color: #da2730!important;}

    .zab-box p.zab-desc{padding: 0 12px 1rem 12px;}
    .zab-cqu{padding: 3rem 0;}
    .zab-cqu .zab-cq-box{width: 92%; margin: 0 auto;}
    .zab-cqu .zab-cq-box li{width: calc(100% / 2 - 5px); margin-left: 10px; height: auto;}
    .zab-cqu .zab-cq-box li:nth-child(2n+1){margin-left: 0;}

    .zab-cqu .zab-cq-fwu{width: 92%; margin: 0 auto;}
    .zab-cqu .zab-cq-fwu li{width: calc(100% / 2 - 7px); margin-left: 10px;}
    .zab-cqu .zab-cq-fwu li:nth-child(2n+1){margin-left: 0;}
    .zab-cqu .zab-cq-fwu li p{padding: 0 10px; min-height: 185px;}

    .ldian p{padding: 0 12px;}
    .ldian .ldian-box{padding: 3rem 12px 0 12px;}
    .ldian .ldian-box ul{width: 100%;}
    .ldian .ldian-box ul li{padding: 0 0 1.2rem 2rem;}
    .hydwei .dwhzhang{width: 92%; margin: 0 auto;}
    .hydwei .dwhzhang li{width: 97%; margin-left: 0; margin-bottom: 15px;}
    .hydwei .dwhlist li{width: calc(100% / 2 - 5px); margin-left: 10px; padding: 1rem 0; margin-bottom: 15px; height: 185px;}
    .hydwei .dwhlist li:nth-child(4n+1){margin-left: 10px;}
    .hydwei .dwhlist li:nth-child(2n+1){margin-left: 0;}
    .hydwei .dwhlist li p{font-size: 12px;}
    .hxyshi .ab-zli{width: 92%; margin: 0 auto;}
    .hxyshi .ab-zli .ab-zli-l1{width: 100%;}
    .hxyshi .ab-zli .ab-zli-r1{width: 100%;}
    .hxyshi .ab-zli01{width: 92%; margin: 0 auto;}
    .hxyshi .ab-zli01 .ab-zli-l1{width: 100%; padding-top: 2rem;}
    .hxyshi .ab-zli01 .ab-zli-r1{width: 100%; padding-top: 1rem; padding-left: 0;}
    .hxyshi .ab-zli02{width: 92%; margin: 0 auto;}
    .hxyshi .ab-zli02 .ab-zli-l1{width: 100%;}
    .hxyshi .ab-zli02 .ab-zli-r1{width: 100%; padding-left: 0; padding-top: 2rem;}
    .hxyshi .ab-zli02 .cbdwei ul{padding: 2rem 1rem 0 1rem; width: inherit;}
    .hxyshi .ab-zli02 .cbdwei ul:last-child{padding: 0 1rem 2rem 1rem;}

    .z-hon-nav .link{width: 32%; padding: 14px 0; text-align: center; font-size: 12px;}
    .z-honor-box .dwhlist{width: 92%; margin: 0 auto;}
    .z-honor-box .dwhlist li{width: 100%; margin-left: 0; margin-bottom: 15px;}
    .z-honor-box .dwhlist li{width: calc(100% / 2 - 5px); margin-left: 10px; padding: 1rem 0; margin-bottom: 15px; height: 220px;}
    .z-honor-box .dwhlist li:nth-child(4n+1){margin-left: 10px;}
    .z-honor-box .dwhlist li:nth-child(2n+1){margin-left: 0;}
    .z-honor-box .dwhlist li p{font-size: 12px;}

    .zpro-con{padding: 0 12px 2rem 12px;}
    .z-hon-nav.z-pro-nav .link{width: 44%; padding: 14px 10px; text-align: center; font-size: 12px;}
    .zpro-con .img{width: 100%;}
    .zpro-con .con{width: 100%; padding-bottom: 0;}
    .zpd-jshao{width: 100%;}
    .zp-desc{padding:0 12px;}
    .zpd-yshi{width: 100%; padding-top: 15px; padding-left: 0;}
    .zp-d-04 .zpd-04-l{width: 100%;}
    .zp-d-04 .zpd-04-m{width: 100%; padding: 1rem 0;}
    .zp-d-04 .zpd-04-m img{width: 100%;}
    .zp-d-04 .zpd-04-r{width: 100%;}
    .zp-d-04 .zpd-04-r img{width: 100%;}
    .zpd-yshi p.img{padding-top: 0;}
    .zp-d-02{padding: 1rem 0;}
    .zpldian p{padding: 0 12px;}
    .zpldian .ldian-box{padding: 3rem 12px 0 12px;}
    .zpldian .ldian-box ul{width: 100%;}
    .zpldian .ldian-box ul li{padding: 0 0 1.2rem 2rem;}

    .z-tech-box .ztech-con .ztech-box p.img{width: 100%;}

    .z-news-box ul{width: 92%;}
    .z-news-box ul li{width: 100%; margin-left: 0; height: auto;}
    .z-news-box ul li .img{position: relative; width: 94%; height: auto; left: 3%; top: 0;}
    .z-news-box ul li p.time{position: relative; padding-top: 10px; bottom: inherit; right: inherit;}
    .z-news-box ul li .txt{padding-left: 10px; padding-top: 8px;}

    .z-tech-box{width: 92%; margin: 0 auto;}
    .zcon-box{padding: 0 12px; }

    .z-contact-box .map{padding-bottom: 20px;}
    #map{height: 320px;}

    .zcaes-list{padding: 3rem 12px;}
    .zcaes-list ul li{width: calc(100% / 2 - 5px); margin-left: 10px;}
    .zcaes-list ul li:nth-child(3n+1){margin-left: 10px;}
    .zcaes-list ul li:nth-child(2n+1){margin-left:0;}

    .footer .f-wrap{padding-top: 2rem;}
    .f-wrap .f-fwleft{width: 100%;}
    .f-wrap .f-fwright{width: 100%;}
    .f-wrap .f-fwright .code-box{width: 50%;}


    .footer{padding: 3rem 12px 0 12px;}
    .footer .f-wrap .f-w-middle{width: 100%; margin-left: 0;}
    .footer .f-wrap .f-w-right{width: 100%; padding-left: 0; padding-top: 10px;}
    .f-w-right p{padding-top: 2px;}

    .zcon-box .f-con-left{width: 100%}
    .zcon-box .f-con-left .flogo{padding: 15px 0 2rem 0;}
    .zpro-con .con .pb-tse{min-height: 95px;}
    .s-hou{right: 12px;}

    .z-honor-box .dwhlist.dwhlist-zz li{width: 98%; margin-left: 0; min-height: 300px;}
    .z-honor-box .dwhlist.dwhlist-gren li{width: calc(100% / 2 - 5px); margin-left: 10px; padding: 1rem 0; margin-bottom: 15px;}
    .z-honor-box .dwhlist.dwhlist-zz.datu li{height: auto;}

    .z-tech-box .ztech-con .ztech-bleft{width: 100%; padding-right: 0;}
    .z-tech-box .ztech-con .ztech-box{padding-top: 1rem;}
    .hxyshi .ab-zli02 .ab-zli-l1 .ab-z-zshu .ab-zl1l{width: 100%; }
    .hxyshi .ab-zli02 .ab-zli-l1 p{text-indent: inherit;}

    .newsd-content{padding: 0 12px;}
    .news-detail .n-content{padding: 3rem 10px 0 10px;}
    .news-detail .n-content img{max-width: 100%;}

    .lan-menu{padding: 12px 0; text-align: center;}
    .lan-menu a{display: inline-block; padding: 5px 10px; color: #000; margin-right: 10px; font-size: 16px;}
    .lan-menu a.active{color: #FFF; background-color: #d60d17;}
    .z-c-cshibg{background: url(../../images/zy/zcase-m02bg.jpg) no-repeat bottom center; padding-bottom: 20px;}

}