*{padding: 0; margin: 0}
body,html {margin: 0px; padding: 0px; -webkit-text-size-adjust: none}
body {margin: 0 auto;font-size: 12px; line-height: 1.6;}
@font-face{
    font-family: "fptm";
    src: url('fonts/FuturaPT-Medium.woff');
}
@font-face{
    font-family: "hosb";
    src: url('fonts/HarmonyOS_Sans_SC_Black.woff');
}
@font-face{
    font-family: "hosbo";
    src: url('fonts/HarmonyOS_Sans_SC_Bold.woff');
}
@font-face{
    font-family: "hosm";
    src: url('fonts/HarmonyOSMedium.woff');
}
@font-face{
    font-family: "hosr";
    src: url('fonts/HarmonyOS_Sans_SC_Regular.woff2');
}
.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}
.pdt30{padding-top: 30px}
.pdt20{padding-top: 20px}

.c499{color: #499a97}
.red{color: #cd4619}
.cd60{color: #d60d17!important}
.textc{text-align: center;}
.textl{text-align: left!important;}
.textr{text-align: right!important;}
.m{display: none;}
.pc{display: block;}
.dn{display: none;}
input:focus { outline: none; } 



.container {width: 1150px;margin: 0 auto;padding: 0;}

.header{font-size: 14px;background-image: linear-gradient(to right, rgba(27, 25, 24, 1.0),rgba(51, 41, 49, 1.0), rgba(69, 66, 61, 1.0));position: fixed; top: 0; left: 0; z-index: 999; width: 100%}
.header.zbg{background-image: linear-gradient(to right, rgba(27, 25, 24, .7),rgba(51, 41, 49, .7), rgba(69, 66, 61, .7));}
.header-box{width: 100%;height: 70px;line-height: 70px;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative; justify-content: space-between;}
.header-box .i-logo{width: 200px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-right: 125px;cursor: pointer;}
.header-box .i-logo img{width: 100%; display: block;}
.header-box .menus{display: -webkit-box;display: -ms-flexbox;display: flex;color: #000;font-size: 16px; justify-content: space-between;}
.header-box .menus .menus-item{padding: 0 8px;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-weight: 300;position: relative;}
.header-box .menus .menus-item a{color: #FFF;padding: 0 2rem; display: inline-block;}

.header-box .menus .menus-item:hover a{background-color: #af914c}
.header-box .menus .menus-item a.active{background-color: #af914c}
.header-box .menus .menus-item .menus-children{display: none;position: absolute;top: 68px;left: -30px;background: rgba(247, 247, 247, .8);z-index: 999;width: 140px;height: auto;box-shadow: 0 4px 15px rgba(0, 0, 0, .15);padding: 20px 0;}
.header-box .menus .menus-item .menus-children.special{width: 270px}
.header-box .menus .menus-item:hover .menus-children{display: block;}
.header-box .menus .menus-item:hover svg{transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.header-box .menus .menus-item .menus-children .child-nav{display: block; color: #000;position: relative;height: 32px;line-height: 32px;padding: 0 30px;}
.header-box .menus .menus-item .menus-children .child-nav:hover{color: #af914c}

.header-box .lang{color: #999;}
.header-box .lang .link{color: #999; padding: 0 5px; display: inline-block;}


.ibanner{width: 100%; font-size: 0}
.ibanner img{width: 100%}
.ibanner video{width: 100%}
.ibanner .swiper-button-next, .ibanner .swiper-container-rtl .swiper-button-prev{background-image: url(../../images/zy/right.png);background-size: initial; top:50%; right: 20px}
.ibanner .swiper-button-prev, .ibanner .swiper-container-rtl .swiper-button-next{background-image: url(../../images/zy/left.png);background-size: initial; top:50%; left: 20px}
.ibanner .swiper-pagination-bullet{width: 12px; height: 12px}
.ibanner .swiper-pagination-bullet-active{background-color: #af914c}

.ib-tip{position: absolute; top: 35%; left: 0; width: 100%; z-index: 99}
.ib-tip .ib-tiptit{font-size: 4rem; color: #af914c; line-height: 4rem}
.ib-tip .ib-tipsub{font-size: 3rem;color: #FFF}
.ib-tip .links{padding: 6px 30px; margin-top: 20px; display: inline-block; border: 1px solid #af914c; font-size: 1.2rem; color: #af914c; border-radius: 60px}


.i-vision{width: 100%; position: relative; font-size: 0; font-family: 'hosr'}
.i-vision img{width: 100%}
.i-vision .ivbg{position: absolute; top:30%; left: 0; width: 100%}
.i-vision .ivbg .tit{color: #af914c; font-size: 3rem; padding-bottom: 40px; font-weight: 600; letter-spacing: 2px}
.i-vision .ivbg .desc{color: #ebe8df; font-size: 2rem; line-height: 40px}


.i-about{background-color: #f0f6fd; position: relative; font-size: 0}
.i-about .bg{width: 100%}
.i-about .i-ab-box{position: absolute; top: 0; left: 0; width: 100%; z-index: 9}
.i-about .i-ab-box .i-ab-con{display: flex; justify-content: space-between;}

.i-about .i-ab-box .zleft{width: 35%}
.i-about .i-ab-box .zleft .zli-box{padding: 6rem 0 0 3rem}
.i-about .i-ab-box .zleft .zli-box .tit{font-size: 2.5rem; color: #af914c;font-weight: 600;font-family: 'hosb'}
.i-about .i-ab-box .zleft .zli-box .name{font-size: 1.5rem; color: #FFF}

.i-about .i-ab-box .txt{width: 60%; padding: 6rem 0 0 0}
.i-about .i-ab-box .txt p{font-size: 13px; color: #FFF; }
.i-about .i-ab-box .txt p.tit{font-size: 1.5rem; padding-bottom: 3rem;font-family: "hosbo"}
.i-about .i-ab-box .txt p.one{line-height: 20px; padding-bottom: 10px}
.i-about .i-ab-box .txt .more{padding-top: 3rem}
.i-about .i-ab-box .txt .more .more-link{font-size: 16px; border-radius: 30px;font-family: 'hosr'; background-color: rgba(175, 145, 76, .8); color: #FFF; padding: 10px 0; position: relative; display: inline-block; width: 170px; text-align: center;}
.i-about .i-ab-box .txt .more .more-link:hover{background-color: rgba(175, 145, 76, 1.0);}


.i-products{width: 100%;padding: 5rem 0 6rem 0;}
.i-products .ip-box{display: flex; justify-content: space-between;}
.i-products .ip-bleft .name{font-family: "hosbo"; font-size: 1.8rem; color: #af914c}
.i-products .ip-bleft .sub{font-size: .9rem; color: #898989}

.i-products .ip-middle{font-size: 13px; color: #898989}
.i-products .ip-btm .more-link{font-size: 16px; border-radius: 30px;font-family: 'hosr'; background-color: rgba(175, 145, 76, .8); color: #FFF; padding: 6px 0; position: relative; display: inline-block; width: 140px; text-align: center;}
.i-products .ip-btm .more-link:hover{background-color: rgba(175, 145, 76, 1.0);}

.i-products .ip-list{padding-top: 4rem; display: flex; justify-content: space-between;}
.i-products .ip-list .list-box{width: 49%; font-size: 0; position: relative;}
.i-products .ip-list .list-box img.bg{width: 100%}
.i-products .ip-list .list-box .ip-list-wrap{align-items: center;padding: 0 20px; display: flex;justify-content: space-between; }
.i-products .ip-list .list-box .txt{position: absolute; opacity: .8; overflow: hidden; width: 100%; bottom: 20px; left: 0; -webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.i-products .ip-list .list-box:hover .txt{bottom: 50px; }
.i-products .ip-list .list-box .txt img{width: 120px;}
.i-products .ip-list .list-box .txt .name{font-size: 1.4rem; color: #FFF}


.i-zxun{width: 100%; position: relative; font-size: 0}
.i-zxun img{width: 100%}
.i-zxun .txt{position: absolute; width: 100%; height: 100%; top: 0; left: 0;display: flex; align-items: center;}
.i-zxun .txt .txt-box{width: 100%; display: flex;justify-content: space-between;}
.i-zxun .txt .txt-box .zx-left{width: 35%}
.i-zxun .txt .txt-box .zx-left h3{font-size: 2rem; color: #af914c; line-height: 40px}
.i-zxun .txt .txt-box .zx-left h3 p{color: #333}
.i-zxun .txt .txt-box .zx-left .desc{font-size: 14px; color: #333; padding-top: 2rem}

.i-zxun .txt .txt-box .zx-right{width: 58%; text-align: right;}
.i-zxun .txt .txt-box .inputs{margin: 0 auto; display: flex; justify-content: space-between;}
.i-zxun .txt .txt-box .inputs input{background: rgba(255, 255, 255, .6); border: 0; padding: 25px 20px;outline-color: #FFF; color: #999; width: 43%; }
.i-zxun .txt .txt-box .zxtxt{width: 94%; margin-top: 15px; outline:1px ;outline-color: #FFF; padding: 12px 20px;background: rgba(255, 255, 255, .6); border: 0; height: 120px}
.i-zxun .txt .txt-box .subtim{padding: 8px 15px; color: #FFF; display: inline-block; font-size: 14px; width: 100px; text-align: center; margin-top: 20px; background-color: #af914c;}
.i-zxun .txt .txt-box .subtim:hover{background-color: rgba(255, 255, 255, .5);}
input::placeholder {color: #999; text-align: left;}
textarea::placeholder {color: #999; text-align: left;}


.zbanner{width: 100%; font-size: 0; position: relative;}
.zbanner img{width: 100%}
.zbanner .txt{position: absolute; left: 0; top: 40%;width: 100%; z-index: 9; }
.zbanner .txt p{font-size: 2.8rem; color: #FFF; line-height: 3.2rem; font-family: "hosm"}
.zbanner .txt p span{color: #af914c}
.zbanner .txt p.line{width: 50px; height:2px; background-color: #FFF; margin-top: 3rem}
.zbanner .txt p.lines{width: 50px; height:2px; background-color: #af914c; margin-top: 3rem}



.i-tiers{padding: 6rem 0 12rem 0; background-color: #F6F6F6; position: relative;}
.i-tiers .itbg{width: 72%}
.i-tiers .it-wrap{position: absolute; top: 6rem; left: 0; z-index: 9; width: 100%}
.i-tiers .it-box{width: 100%; position: relative; }
.i-tiers .it-box .txt{position: absolute; right: 0; top: 0; text-align: left;}
.i-tiers .it-box .txt .tit{font-size: 2rem; font-family: "hosbo"; color: #af914c; line-height: 40px}
.i-tiers .it-box .txt .sub{font-size: 14px; color: #898989}

.it-sers{position: absolute; right: 0; top: 12rem}
.it-sers .it-sers-box{display: flex; justify-content: space-between;}
.it-sers .it-sers-box .itb-list{padding: 40px 52px}
.it-sers .it-sers-box .itb-list .tit{font-size: 1.2rem}
.it-sers .it-sers-box .itb-list .tit span{font-size: 2rem; font-family: "hosbo"}
.it-sers .it-sers-box .itb-list .subtit{font-size: 2rem; font-family: "hosbo"}
.it-sers .it-sers-box .itb-list .line{width: 30px; height:3px; background-color: #FFF; margin: 10px 0 40px 0}
.it-sers .it-sers-box .itb-list .desc{font-size: 14px}
.it-sers .it-sers-box .itb-list:nth-child(1){background-color: #af914c; color: #FFF}
.it-sers .it-sers-box .itb-list:nth-child(2){background-color: #FFF;}
.it-sers .it-sers-box .itb-list:nth-child(2) .tit{color: #af914c}
.it-sers .it-sers-box .itb-list:nth-child(2) .subtit{color: #af914c}
.it-sers .it-sers-box .itb-list:nth-child(2) .line{background-color: #999}
.it-sers .it-sers-box .itb-list:nth-child(2) .desc{color: #898989}
.it-sers .it-sers-box .itb-list:nth-child(3){background-color: #444; color: #FFF}
.it-sers .it-sers-box .itb-list:nth-child(3) .tit{color: #FFF}
.it-sers .it-sers-box .itb-list:nth-child(3) .tit span{color: #af914c}
.it-sers .it-sers-box .itb-list:nth-child(3) .subtit{color: #af914c}
.it-sers .it-sers-box .itb-list:nth-child(3) .line{background-color: #999}
.it-sers .it-sers-box .itb-list:nth-child(3) .desc{color: #c4c4c4}


.i-sol{padding: 4rem 0; text-align: center;}
.i-sol img{width: 100%;}
.sol-box{position: relative;}
.sol-box .txt{position: absolute; left: 0; top: -10px; text-align: left;}
.sol-box .txt .tit{font-size: 2rem; font-family: "hosbo"; color: #af914c; line-height: 40px}
.sol-box .txt .sub{font-size: 14px; color: #898989}

.intro-con{padding: 4rem 0 0 0}
.intro-body{display: flex; justify-content: space-between;}
.intro-body .ableft{width: 42%}
.intro-body .ableft .tit{font-size: 2rem; color: #af914c; font-family: 'hosb'; line-height: 32px}
.intro-body .ableft .subtit{color: #898989; font-size: 16px}
.intro-body .ableft .con{padding-top: 4rem}
.intro-body .ableft .con h3{color: #af914c; font-size: 20px; padding-bottom: 10px}
.intro-body .ableft .con p{color: #898989; font-size: 13px; padding-bottom: 5px}

.intro-body .abright{width: 40%; position: relative;}
.intro-body .abright img.img{width: 100%}
.intro-body .abright img.abe{position: absolute; top: 0; right: 0; z-index: 9; width: 145%}

.zidata{display: flex; justify-content: space-between; padding-top: 6rem}
.zidata .zid-dbox{padding-bottom: 4rem}
.zidata .zid-dbox .data{font-size: 40px; color: #af914c; font-weight: 600; line-height: 42px;  font-family: 'hosr'}
.zidata .zid-dbox .name{color: #898989;font-size: 14px}


.zab-line{width: 100%; border-top: 1px solid #00a898; border-bottom: 1px solid #00a898; position: relative;}
.zab-line .zli-box{display: flex; justify-content: space-between;}
.zab-line .zli-left{width: 33%; padding: 1rem 0}
.zab-line .zli-left p{text-align: center; color: #00a898; font-size: 16px; font-weight: 600}
.zab-line .zli-right{background-color: #00a898;padding: 1rem 0; width: 67%}
.zab-line .zli-right .zlir-box{display: flex; justify-content: space-between;}
.zab-line .zli-right .zlir-box p{width: 50%;text-align: center; color: #FFF; font-size: 16px; font-weight: 600}
.zab-line .zli-right .zlir-box p:first-child{border-right: 1px solid #FFF;}
.zab-line .zli-rightbg{position: absolute; width: 50%; z-index: -1; right: 0; top: 0; background-color: #00a898; font-size: 16px;padding: 1rem 0;}


.z-install{}
.zin-box{display: flex; justify-content: space-between;}
.zin-box .left{width: 50%; border-right: 1px solid #ddd; padding: 2rem 0; display: flex; flex-wrap: wrap; align-items: center;}
.zin-box .left p{position: relative; font-size: 14px; color: #898989; padding-left: 15px;width: 100%}
.zin-box .left p:before{position: absolute; content: ""; width: 10px; height: 10px; background:#898989; left: 0; top: 6px; border-radius: 50%}
.zin-box .right{width: 30%; padding: 4rem 0 4rem 10%}
.zin-box .right img{width: 100%}

.wnxc-box{position: relative;}
.wnxc-box h3{font-size: 2rem; color: #af914c; font-family: 'hosb';}
.wnxc-box .zsubtit{font-size: 16px; color: #FFF;}
.wnxc-box .ztxt{font-size: 18px; color: #af914c; padding-top: 3rem}
.wnxc-box .zdesc{font-size: 14px; color: #FFF; padding-top: 15px}

.z-abilities{padding: 3rem 0 }
.z-abilities .tit{font-size: 28px; color: #af914c; font-family: 'hosb'}
.z-abilities .subtit{font-size: 14px; color: #898989; padding-bottom: 3rem}

.abli-box{padding-top: 20px; display: flex; justify-content: space-between;}
.abli-box .imgs{width: 50%; font-size: 0; overflow: hidden;}
.abli-box .imgs img{width: 100%;-webkit-transition: all .5s;transition: all .5s;}
.abli-box .imgs:hover img{-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)}
.abli-box .txt{width: 44%; background-color: #af914c; padding: 30px 3%;color: #FFF; }
.abli-box .txt h3{font-size: 2rem; position: relative;}
.abli-box .txt h3 span{font-size: 60px; position: absolute; right: 0; top: 0; z-index: 9; font-family: 'hosr'}
.abli-box .txt .zsubtit{font-size: 14px; font-family: "hosbo"}
.abli-box .txt p.line{width: 60px; height:2px; background-color: #FFF; margin: 30px 0}
.abli-box .txt .desc{font-size: 12px; padding-bottom: 5px}
.abli-box.left h3{line-height: 36px}
.abli-box.left .txt{background-color: #f6f6f6; color: #af914c; }
.abli-box.left .txt p.line{background-color: #af914c;}

.abli-btm{margin-top: 20px}
.abli-btm .imgs{width: 100%; font-size: 0; overflow: hidden; position: relative;}
.abli-btm .imgs img{width: 100%;-webkit-transition: all .8s;transition: all .8s;}
.abli-btm .imgs:hover img{-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)}
.abli-btm .imgs .txt{padding: 30px 5%;color: #FFF; width: 90%; position: absolute; left: 0; top: 0; z-index: 9}
.abli-btm .imgs .txt h3{font-size: 2rem; position: relative;}
.abli-btm .imgs .txt h3 span{font-size: 60px; position: absolute; right: 0; top: 0; z-index: 9; font-family: 'hosr'}
.abli-btm .imgs .txt .zsubtit{font-size: 14px; font-family: "hosbo"}
.abli-btm .imgs .txt p.line{width: 60px; height:2px; background-color: #FFF; margin: 30px 0}

.abbtm-box{display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #444; padding: 30px;}
.abbtm-box .abbox-list{width: 30%; margin-bottom: 15px}
.abbtm-box .abbox-list .al-tit{font-size: 14px; color: #af914c; position: relative; padding-left: 10px}
.abbtm-box .abbox-list .al-tit:before{content: "";width: 6px; height: 6px; background-color: #af914c; z-index: 9; position:absolute; top: 8px; left: 0; border-radius: 50%}
.abbtm-box .abbox-list .al-desc{font-size: 12px; color: #ddd;}


.z-partner{background-color: #f6f6f6; padding: 4rem 0}
.z-partner .tit{font-size: 28px; color: #af914c; font-family: 'hosb'}
.z-partner .subtit{font-size: 14px; color: #898989; padding-bottom: 2rem}
.zp-box{padding: 30px 0; display: flex; justify-content: space-between;}
.zp-box p{width: 20%;}
.zp-box p:nth-child(2){width: 40%;}
.zp-box p:nth-child(3){width: 15%;}
.zp-box p img{width: 100%}

.zp-box1{padding: 30px 0; display: flex; justify-content: space-between;}
.zp-box1 p{width: 18%;}
.zp-box1 p:nth-child(2){width: 30%;}
.zp-box1 p:nth-child(3){width: 17%;}
.zp-box1 p img{max-width: 100%}

.zp-box2{padding: 30px 0; display: flex; justify-content: space-between;}
.zp-box2 p{width: 15%;}
.zp-box2 p img{max-width: 100%}


.zproduct{padding: 6rem 0}
.pro-box{display: flex; justify-content: space-between;}
.pro-box .menus{width: 22%;}
.pro-box .menus ul li{padding: 15px 20px; background-color: #f6f6f6;margin-bottom: 8px}
.pro-box .menus ul li .link{color: #898989; font-size: 14px; display: flex;justify-content: space-between;}
.pro-box .menus ul li:hover{background-color: #af914c;}
.pro-box .menus ul li:hover .link{color: #FFF}
.pro-box .menus ul li.active{background-color: #af914c; color: #FFF}
.pro-box .menus ul li.active .link{color: #FFF}
.pro-list{width: 75%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.pro-list .pro-lcon{width: 49%; font-size: 0; margin-bottom: 20px;}
.pro-list .pro-lcon .goods{display: inline-block;position: relative; overflow: hidden; border-radius: 8px}
.pro-list .pro-lcon img{width: 100%; border-radius: 8px;-webkit-transition: all .8s;transition: all .8s;}
.pro-list .pro-lcon:hover img{-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)}


.pro-list .pro-lcon .goods .txt{position: absolute; padding: 24px 30px; z-index: 9; top: 0; left: 0}
.pro-list .pro-lcon .goods .txt .name{font-size: 22px; line-height: 22px; color: #898989; font-family: 'hosb'; text-decoration: underline;}
.pro-list .pro-lcon .goods .txt .yname{color: #bababa; font-size: 14px}

.nav-box{padding: 4rem 0 1rem 0; border-bottom: 1px solid #ddd;}
.znews-nav{display: flex; justify-content: space-between;}
.znews-nav .left{width: 50%}
.znews-nav .left h3{font-size: 30px}
.znews-nav .left .desc{color: #00a898}
.znews-nav .nav-wrapper{width: 50%; padding-top: 46px; text-align: right;}
.znews-nav .nav-wrapper .nav-item{font-size: 13px; color: #898989; display: inline-block; padding-left: 20px}
.znews-nav .nav-wrapper .nav-item.active{color: #00a898}

.news-box .right{padding-top: 3rem; border-top: 1px solid #ddd;}
.z-ac-listbox {display: flex; justify-content: space-between; margin-bottom: 3rem; border-bottom: 1px solid #ddd; padding-bottom: 3rem}
.z-ac-listbox .thumb{position: relative; width: 38%; font-size: 0; overflow: hidden;}
.z-ac-listbox .thumb .img{width: 100%;height: auto;overflow: hidden;background: center center no-repeat;background-size: cover;-webkit-transition: all .5s;}
.z-ac-listbox .thumb .img img{width: 100%;}
.z-ac-listbox .thumb:hover .img{-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-ac-listbox .txt{width: 52%;}
.z-ac-listbox .txt h3{font-size: 22px; font-weight: 400; color: #898989;font-family: 'hosr'}
.z-ac-listbox .txt .subtit{font-size: 18px; padding-top: 2rem; color: #af914c;font-family: 'hosb'}
.z-ac-listbox .txt .desc{padding: 1rem 0 0 0}
.z-ac-listbox .txt .desc .con{font-size: 13px; color: #666; line-height: 24px}
.z-ac-listbox .txt .desc .btm{padding-top: 5rem; font-size: 0;overflow: hidden;}
.z-ac-listbox .txt .desc .btm img{width: 100%;-webkit-transition: all .5s;transition: all .5s;}
.z-ac-listbox .txt .desc .btm:hover img{-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)}


.znews-intro{width: 100%; background-color: #FFF; padding: 3rem 0 4rem 0;}
.znews-intro-box{display: flex; justify-content:space-between;color: #606060;}
.znews-intro-box .left{width: 30%;}
.znews-intro-box .time{font-size: 22px;}
.znews-intro-box .left .nav{font-size:14px;}

.znews-intro-box .right{color: #000; width: 60%;}
.znews-intro-box .right h2{font-weight: inherit; font-size: 20px; color: #af914c; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.znews-intro-box .right .detail{font-size: 14px; padding: 2rem 0; color: #666;}
.znews-intro-box .right .detail p{padding: 15px 0; line-height: 1.7;}
.znews-intro-box .right .detail img{width: 100%;}
.znews-intro-box .right .detail p img{width: 100%;}
.tj-list{padding-top: 3rem; width: 85%;}
.tj-list h3{color: #272727; font-size: 18px;}
.tj-list p{font-size: 14px; color: #888; padding-bottom: 16px; border-bottom: 1px solid #ddd;}
.tj-list ul li{ width: 100%; }
.tj-list ul li a{display: flex; justify-content: space-between; padding-top: 25px;}
.tj-list ul li .left{width: 45%;}
.tj-list ul li .right{width: 50%;}
.tj-list ul li .left .thumb{position: relative; overflow: hidden;}
.tj-list ul li .left .thumb .thumb-box{position: relative; overflow: hidden;}

.tj-list ul li .left .img{width: 100%;height: auto;overflow: hidden;background: center center no-repeat; background-size: cover;-webkit-transition: all .5s;transition: all .5s;}
.tj-list ul li .left .img img{width: 100%;}
.tj-list ul li .left .thumb:hover .img{-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);}

.tj-list ul li .right .txt{padding: 0;position: relative;-webkit-transition: all .5s;transition: all .5s;}
.tj-list ul li .right .time{font-size: 14px; color: #a0a0a0;padding: 5px 0 10px 0; margin-bottom: 10px; border: 0;}
.tj-list ul li .right h3{font-size: 16px; line-height: 26px; color: #000;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; -webkit-transition: .5s; position: relative;}
.tj-list ul li .right .time:after{content: "";position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background-color: #af914c;}
.tj-list ul li .right .time-more{font-size: 12px; color: #888;-webkit-transition: all .5s; transition: all .5s;}

.goback{text-align: right;}
.goback a{display: inline-block; padding: 5px 20px; border: 1px solid #888; font-size: 14px; color: #888;-webkit-transition: all .5s;transition: all .5s;}
.goback a:hover{background-color: #004d9c; color: #FFF; border-color: #004d9c;}



.footer {background: #FFF;padding: 5rem 0 2rem 0}
.footer-box{display: flex; justify-content: space-between;}
.footer-left{width: 42%}
.footer-left .flogo{position: relative;}
.footer-left .flogo img{width: 200px}
.footer-left .fsafe{padding:0 0 5rem 10px}
.footer-left .fsafe p{width: 50px; height: 3px; background-color: #af914c}

.footer-right{width: 43%;}
.footer-right .links{display: flex; justify-content: space-between; color: #af914c; padding-bottom: 3rem}
.footer-right .links .link{color: #af914c; font-size: 15px; display: inline-block; position: relative;}
.footer-right .links span{width: 1.5px; margin-top: 5px; height: 15px; background-color: #af914c}
.clinks {color: #999}
.clinks .cl-box{color: #999; padding: 0 5px; line-height: 24px}
.clinks .cl-box:first-child{padding-left: 0}
.clinks .cl-box:hover{color: #af914c}

.footer-btm{padding-top: 1rem; font-size: 13px; margin-top: 1.5rem; display: flex; position: relative; border-top: 1px solid #f2f2f2;}
.footer-btm img{width: 150px}
.footer-btm .copyright{padding:15px 0 0 0; color: #898989}
.footer-btm .copyright a{color: #898989}
.footer-btm .code{position: absolute; right: 0; bottom: 0; width: 120px;}
.footer-btm .code img{width: 100%}


@media (min-width:1680px) {
	.i-tiers .itbg{width:60%}
}

@media (min-width:1440px) {
    .container{width: 1400px}
    .zproduct .container{width: 1300px};
    .i-about .i-ab-box .zleft .zli-box{top: -83%}
    .zp-box .txt .desc .more{padding-top: 5rem}
    .z-ab-btm{padding-top: 5rem;}

    .i-vision .ivbg .tit{font-size: 4.5rem;}
    .i-vision .ivbg .desc{font-size: 3rem;line-height:60px}

	.i-tiers .it-box .txt .tit{font-size: 2.5rem;}
	.i-tiers .it-box .txt .sub{font-size: 16px;}

	.i-tiers .itbg {width:70%}
	.it-sers .it-sers-box .itb-list {padding: 90px 64px}
	
	.sol-box .txt .tit{font-size: 2.5rem;}
	.sol-box .txt .sub{font-size: 16px;}

	.i-about .i-ab-box .zleft .zli-box{padding:8rem 0 0 3rem}
	.i-about .i-ab-box .txt{padding:8rem 0 0 0}
	.i-about .i-ab-box .txt p.tit{padding-bottom:5rem}
	.i-about .i-ab-box .txt p.one{padding-bottom: 20px}
	.i-about .i-ab-box .txt .more{padding-top:5rem}

	.i-zxun .txt .txt-box .zxtxt{width:95%}
	.i-zxun .txt .txt-box .zx-left .desc{padding-top:4rem}

	.wnxc-box h3{font-size: 3rem}
	.wnxc-box .ztxt{font-size: 20px;padding-top:5rem}
	.wnxc-box .zdesc{padding-top:2rem}

	.z-abilities .tit{font-size: 30px;}
	.z-abilities .subtit{font-size: 16px;}

	.z-partner .tit{font-size: 30px;}
	.z-partner .subtit{font-size: 16px;}

	.abli-box .txt p.line{margin:40px 0}
	.abli-box .txt{padding:40px 3% 30px 3%}
	.abli-btm .imgs .txt{padding:40px 5% 30px 5%}
	.zidata{padding-top: 10rem}

}

@media (min-width:1200px) {

}


.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:#71695f;position:absolute;left:50%;top:55%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}


.fixed{position:fixed;bottom:56%;right:0px;width:50px; display:block; z-index:9999}
.fixed .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:50px;height:50px;background:#71695f;line-height: 50px;margin-top:1px;}
.fixed .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.fixed .child:hover{width:135px;background: #71695f;}
.fixed .child img{position:absolute;top:0px;left:0px;}
.fixed .child p{position: absolute;left:50px;color:#fff;}
.fixed .child:hover img.call{display:none;}
.fixed .child:hover p{left:0;}

.fixed .fixedCall{bottom:-53px;}
.fixed .fixedCode{bottom:0;cursor:pointer;width:50px;height:50px;background:#71695f;line-height: 50px;margin-top:1px;}
.fixedCodeInfo{display:none;position:fixed;bottom:56%;right:53px; z-index: 999; width: 110px;font-size: 0}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
.fixedCodeInfo img{width: 100%}

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

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

    .mtd-header{position: fixed; z-index: 99; top: 0; width: 100%; background-color: #FFF; box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);}
    .mtd-header .mlogo{padding: 15px 12px 5px 15px; float: left;}
    .mtd-header .mlogo img{width: 190px;}
    .mtd-header-info {position: relative;z-index: 10;height: 70px;}
    .mtd-header-info .nav_btn{float: right;margin: 20px 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: #333;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: #333;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: #333;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:70px;transition: all 0.5s;}
    .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: #333;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; text-align: left;}
    .mtd-header-info .nav>ul>li>a em{font-size: 14px;padding-left: 5px;color: #333}

    .navPhone-li{display: none;transition: all 0.5s;}
    .navPhone-li ul li a{text-align: left !important;position: relative;font-size: 14px !important;padding-left: 43px !important;}
    .nav>ul li a i{display: inline-block;width: 9px;height: 6px;background: url(../images/icon-2.png) no-repeat;margin-left: 5px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s}
    .nav.nav-phone>ul li.active a i{ background: url(../images/icon-2.png) no-repeat;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
    
    .lang{position: absolute;right: 60px;color: #555;font-size: 14px; top:28px}
    .lang a{color: #555}

    .ibanner{margin-top: 70px}
    .zbanner{margin-top: 70px}
    .zbanner .txt p{font-size: 1.5rem; line-height: 2rem; padding: 0 20px}
    .zbanner .txt p.line{margin: 3rem 0 0 20px}


    .i-about{padding: 3rem 0 2rem 0}
    .i-about .i-ab-box .zleft{width: 100%}
    .i-about .i-ab-box .zleft .zl-box{position: initial; width: 91%; padding: 10px 16px}
    .i-about .i-ab-box .zleft .zl-box .zl-btop{padding-bottom: 4rem}
    .i-about .i-ab-box .txt{width: 100%; padding-top: 2rem}

    .i-products{padding: 3rem 0;}
    .ipro-list{display: block; text-align: center;}
    .ipro-list .ipro-box{display: inline-block; width: 80%;}

    .zproduct{padding: 4rem 12px}
    .zproduct .container{width: 100%};
    .zp-box{display: block;}
    .zp-box .thumb{width: 100%}
    .zp-box .txt{padding-top: 2rem; width: 100%}
    .zp-box .txt .subtit{padding: 10px 0 1rem 0}
    .z-ab-btm{padding-top: 2rem}

    .zp-tit{padding-bottom: 3rem}
    .zpackage{padding: 3rem 12px}
    .zpa-box .zpa-box01 .item span{top: 0; left: 3px}

    .nav-box{padding: 3rem 12px 1rem 12px}
    .intro-con{padding: 3rem 12px 2rem 12px}
    .z-ac-listbox{display: block;}
    .z-ac-listbox .thumb{width: 100%}
    .z-ac-listbox .txt{width: 100%}
    .z-ac-listbox .txt h3{padding-top: 2rem; font-size: 16px}
    .z-ac-listbox .txt .subtit{padding-top: 0}

    .znews-intro{padding: 3rem 12px 4rem 12px; width: initial;}
    .znews-intro-box{display: block;}
    .znews-intro-box .left{width: 100%}
    .znews-intro-box .right{width: 100%; padding-top: 2rem}

    .intro-body{display: block;}
    .intro-body .ableft{width: 100%}
    .intro-body .ableft .con{padding-top: 3rem}
    .intro-body .abright{width: 100%; padding-top: 2rem}


    .zidata{padding-top: 4rem}
    .zidata .zid-left{width: 100%; display: flex;}
    .zidata .zid-left .zid-dbox{width: 50%}
    .zidata .zid-right{width: 100%;}

    .z-install{padding: 0 12px;}
    .zin-box{display: block; padding-bottom: 3rem}
    .zin-box .left{width: 100%; border: 0}
    .zin-box .left p{width: initial;}
    .zin-box .right{width: 90%; padding: 0; margin: 0 auto;}

    .wnxc-box{padding: 0 12px}
    .wnxc-box h3{font-size: 26px}
    .wnxc-box .subtit{font-size: 14px}
    .wnxc-box .wnuan{font-size: 14px; bottom: -14px}
    .wnxc-box .wnuan span{width: 40px}

    .z-contact{padding: 3rem 12px}
    .z-cont-box{width: 100%}
    .zcb-list svg{width: 50px}
    .z-cont-box .zcb-list p{font-size: 14px}


    .footer{padding: 4rem 12px 2rem 12px}
    .footer-box{display: block;}
    .footer-left{width: 100%}
    .footer-right{width: 100%; padding-top: 20px}
    .footer-right .mall .media{width: 53%}


    .i-products .ip-box{flex-wrap: wrap; padding: 0 12px 2rem 12px}
    .i-products .ip-middle{padding: 2rem 0}
    .i-products .ip-list{flex-wrap: wrap; padding: 0 12px}
    .i-products .ip-list .list-box{width: 100%; margin-bottom: 15px}
    .i-products .ip-list .list-box .txt img{width: 90px}
    .i-products .ip-list .list-box .txt .name{font-size: 1.2rem; padding-top: 5px}
    .pro-list .pro-lcon .goods .txt .name{font-size: 18px; line-height: 18px}
    .pro-list .pro-lcon .goods .txt .yname{font-size: 12px}
    .pro-list .pro-lcon .goods .txt{padding: 12px 15px}

    .z-abilities{padding: 3rem 12px}
    .z-abilities .subtit{padding-bottom: 2rem}
    .abli-box{flex-wrap: wrap; }
    .abli-box .imgs{width: 100%}
    .abli-box .txt{width: 96%}
    .abbtm-box{padding: 20px}
    .abbtm-box .abbox-list{width: 48%}
    .abli-box .txt h3{font-size: 1.5rem}
    .abli-box .txt h3 span{font-size: 50rpx}
    .abli-btm .imgs .txt h3{font-size: 1.5rem}
    .abli-btm .imgs .txt h3 span{font-size: 50px}

    .z-partner{padding: 3rem 12px}
    .zp-box p{width: 25%}
    .zp-box p:nth-child(2){width: 45%}
    .zp-box p:nth-child(3){width: 18%}
    .zp-box2 p{width: 20%}
    .footer-left .fsafe{display: none;}

    .i-tiers{padding: 4rem 12px}
    .i-tiers .itbg{width: 100%}
    .i-tiers .it-box .txt{right: 12px}
    .i-tiers .it-wrap{position:relative; top: -8.5rem}
    .it-sers .it-sers-box{flex-wrap: wrap;}
    .it-sers{position: relative; top: 9rem;}
    .it-sers .it-sers-box .itb-list{padding: 25px 5%; width: 90%}

    .sol-box{padding: 0 12px}
    .sol-box .txt{position: relative; padding-bottom: 2rem}

    .pro-box{flex-wrap: wrap;}
    .pro-box .menus{width: 100%}
    .pro-list{padding-top: 2rem;width: 100%}

    .ib-tip .ib-tiptit{font-size:1.8rem;line-height:2.2rem; padding:0 12px}
    .ib-tip .ib-tipsub{font-size:1.4rem;padding:0 12px}
    .ib-tip .links{font-size:.8rem;margin: 20px 12px 0 12px}

    .zbanner .txt p.lines{margin:3rem 20px 0 20px}
    .intro-body .abright img.abe{width: 100%}

    .i-about .i-ab-box .i-ab-con{flex-wrap: wrap; padding: 0 12px}
    .i-about .i-ab-box .zleft .zli-box{padding:4rem 0 0 0}
    .i-about .i-ab-box .zleft .zli-box .tit{font-size: 1.8rem}
    .i-about .i-ab-box .zleft .zli-box .name{font-size: 1rem}
    .i-about .i-ab-box .txt p.tit{font-size: 1.2rem; padding-bottom: 1rem}
    .i-about .i-ab-box .txt p.one{line-height: 16px}
    .i-about .i-ab-box .txt .more{padding-top: 1.2rem}
    .i-about .i-ab-box .txt .more .more-link{font-size: 14px; width: 130px}

    .i-vision .ivbg .tit{font-size: 2.5rem; padding:0 12px 3rem 12px}
    .i-vision .ivbg .desc{font-size: 1.5rem; padding:0 12px}
    .i-zxun .txt .txt-box{flex-wrap: wrap; padding: 0 12px; width: auto;}
    .i-zxun .txt .txt-box .zx-left{width: 100%}
    .i-zxun .txt .txt-box .zx-right{width: 100%;text-align:initial; padding-top: 20px}

    .i-zxun .txt .txt-box .zx-left h3{font-size: 1.3rem; line-height: 25px}
    .i-zxun .txt .txt-box .zx-left .desc{padding-top:1rem; font-size: 12px}
    .i-zxun .txt .txt-box .inputs{width: 100%}
    .i-zxun .txt .txt-box .zx-left .desc .pdt30{padding-top: 10px}
    .i-zxun .txt .txt-box .inputs input{padding: 10px}
    .i-zxun .txt .txt-box .zxtxt{padding: 12px 10px; width: 95%; height: 60px}

    

    
}

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

    .mtd-header{position: fixed; z-index: 99; top: 0; width: 100%; background-color: #FFF; box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);}
    .mtd-header .mlogo{padding: 15px 12px 5px 15px; float: left;}
    .mtd-header .mlogo img{width: 190px;}
    .mtd-header-info {position: relative;z-index: 10;height: 70px;}
    .mtd-header-info .nav_btn{float: right;margin: 20px 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: #333;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: #333;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: #333;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:70px;transition: all 0.5s;}
    .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: #333;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; text-align: left;}
    .mtd-header-info .nav>ul>li>a em{font-size: 14px;padding-left: 5px;color: #333}

    .navPhone-li{display: none;transition: all 0.5s;}
    .navPhone-li ul li a{text-align: left !important;position: relative;font-size: 14px !important;padding-left: 43px !important;}
    .nav>ul li a i{display: inline-block;width: 9px;height: 6px;background: url(../images/icon-2.png) no-repeat;margin-left: 5px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s}
    .nav.nav-phone>ul li.active a i{ background: url(../images/icon-2.png) no-repeat;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
    
    .lang{position: absolute;right: 60px;color: #555;font-size: 14px; top:28px}
    .lang a{color: #555}

    .ibanner{margin-top: 70px}
    .zbanner{margin-top: 70px}
    .zbanner .txt p{font-size: 1.5rem; line-height: 2rem; padding: 0 20px}
    .zbanner .txt p.line{margin: 3rem 0 0 20px}


    .i-about{padding: 3rem 0 2rem 0}
    .i-about .i-ab-box .zleft{width: 100%}
    .i-about .i-ab-box .zleft .zl-box{position: initial; width: 91%; padding: 10px 16px}
    .i-about .i-ab-box .zleft .zl-box .zl-btop{padding-bottom: 4rem}
    .i-about .i-ab-box .txt{width: 100%; padding-top: 1rem}

    .i-products{padding: 3rem 0;}
    .ipro-list{display: block; text-align: center;}
    .ipro-list .ipro-box{display: inline-block; width: 80%;}

    .zproduct{padding: 4rem 12px}
    .zproduct .container{width: 100%};
    .zp-box{display: block;}
    .zp-box .thumb{width: 100%}
    .zp-box .txt{padding-top: 2rem; width: 100%}
    .zp-box .txt .subtit{padding: 10px 0 1rem 0}
    .z-ab-btm{padding-top: 2rem}

    .zp-tit{padding-bottom: 3rem}
    .zpackage{padding: 3rem 12px}
    .zpa-box .zpa-box01 .item span{top: 0; left: 3px}

    .nav-box{padding: 3rem 12px 1rem 12px}
    .intro-con{padding: 3rem 12px 2rem 12px}
    .z-ac-listbox{display: block;}
    .z-ac-listbox .thumb{width: 100%}
    .z-ac-listbox .txt{width: 100%}
    .z-ac-listbox .txt h3{padding-top: 2rem; font-size: 16px}
    .z-ac-listbox .txt .subtit{padding-top: 0}

    .znews-intro{padding: 3rem 12px 4rem 12px; width: initial;}
    .znews-intro-box{display: block;}
    .znews-intro-box .left{width: 100%}
    .znews-intro-box .right{width: 100%; padding-top: 2rem}

    .intro-body{display: block;}
    .intro-body .ableft{width: 100%}
    .intro-body .ableft .con{padding-top: 3rem}
    .intro-body .abright{width: 100%; padding-top: 2rem}


    .zidata{padding-top: 4rem}
    .zidata .zid-left{width: 100%; display: flex;}
    .zidata .zid-left .zid-dbox{width: 50%}
    .zidata .zid-right{width: 100%;}

    .z-install{padding: 0 12px;}
    .zin-box{display: block; padding-bottom: 3rem}
    .zin-box .left{width: 100%; border: 0}
    .zin-box .left p{width: initial;}
    .zin-box .right{width: 90%; padding: 0; margin: 0 auto;}

    .wnxc-box{padding: 0 12px}
    .wnxc-box h3{font-size: 26px}
    .wnxc-box .subtit{font-size: 14px}
    .wnxc-box .wnuan{font-size: 14px; bottom: -14px}
    .wnxc-box .wnuan span{width: 40px}

    .z-contact{padding: 3rem 12px}
    .z-cont-box{width: 100%}
    .zcb-list svg{width: 50px}
    .z-cont-box .zcb-list p{font-size: 14px}


    .footer{padding: 4rem 12px 2rem 12px}
    .footer-box{display: block;}
    .footer-left{width: 100%}
    .footer-right{width: 100%; padding-top: 20px}
    .footer-right .mall .media{width: 53%}


    .i-products .ip-box{flex-wrap: wrap; padding: 0 12px 2rem 12px}
    .i-products .ip-middle{padding: 2rem 0}
    .i-products .ip-list{flex-wrap: wrap; padding: 0 12px}
    .i-products .ip-list .list-box{width: 100%; margin-bottom: 15px}
    .i-products .ip-list .list-box .txt img{width: 90px}
    .i-products .ip-list .list-box .txt .name{font-size: 1.2rem; padding-top: 5px}
    .pro-list .pro-lcon .goods .txt .name{font-size: 18px; line-height: 18px}
    .pro-list .pro-lcon .goods .txt .yname{font-size: 12px}
    .pro-list .pro-lcon .goods .txt{padding: 12px 15px}

    .z-abilities{padding: 3rem 12px}
    .z-abilities .subtit{padding-bottom: 2rem}
    .abli-box{flex-wrap: wrap; }
    .abli-box .imgs{width: 100%}
    .abli-box .txt{width: 96%}
    .abbtm-box{padding: 20px}
    .abbtm-box .abbox-list{width: 48%}
    .abli-box .txt h3{font-size: 1.5rem}
    .abli-box .txt h3 span{font-size: 50rpx}
    .abli-btm .imgs .txt h3{font-size: 1.5rem}
    .abli-btm .imgs .txt h3 span{font-size: 50px}

    .z-partner{padding: 3rem 12px}
    .zp-box p{width: 25%}
    .zp-box p:nth-child(2){width: 45%}
    .zp-box p:nth-child(3){width: 18%}
    .zp-box2 p{width: 20%}
    .footer-left .fsafe{display: none;}

    .i-tiers{padding: 4rem 12px}
    .i-tiers .itbg{width: 100%}
    .i-tiers .it-box .txt{right: 12px}
    .i-tiers .it-wrap{position:relative; top: -8.5rem}
    .it-sers .it-sers-box{flex-wrap: wrap;}
    .it-sers{position: relative; top: 9rem;}
    .it-sers .it-sers-box .itb-list{padding: 25px 5%; width: 90%}

    .sol-box{padding: 0 12px}
    .sol-box .txt{position: relative; padding-bottom: 2rem}

    .pro-box{flex-wrap: wrap;}
    .pro-box .menus{width: 100%}
    .pro-list{padding-top: 2rem;width: 100%}

	.ib-tip .ib-tiptit{font-size:1.8rem;line-height:2.2rem; padding:0 12px}
	.ib-tip .ib-tipsub{font-size:1.4rem;padding:0 12px}
	.ib-tip .links{font-size:.8rem;margin: 20px 12px 0 12px}

	.zbanner .txt p.lines{margin:3rem 20px 0 20px}
    .intro-body .abright img.abe{width: 100%}

    .i-about .i-ab-box .i-ab-con{flex-wrap: wrap; padding: 0 12px}
    .i-about .i-ab-box .zleft .zli-box{padding:4rem 0 0 0}
    .i-about .i-ab-box .zleft .zli-box .tit{font-size: 1.8rem}
    .i-about .i-ab-box .zleft .zli-box .name{font-size: 1rem}
    .i-about .i-ab-box .txt p.tit{font-size: 1.2rem; padding-bottom: 1rem}
    .i-about .i-ab-box .txt p.one{line-height: 16px}
    .i-about .i-ab-box .txt .more{padding-top: 1.2rem}
    .i-about .i-ab-box .txt .more .more-link{font-size: 14px; width: 130px}

    .i-vision .ivbg .tit{font-size: 2.5rem; padding:0 12px 3rem 12px}
    .i-vision .ivbg .desc{font-size: 1.5rem; padding:0 12px}
    .i-zxun .txt .txt-box{flex-wrap: wrap; padding: 0 12px; width: auto;}
    .i-zxun .txt .txt-box .zx-left{width: 100%}
    .i-zxun .txt .txt-box .zx-right{width: 100%;text-align:initial; padding-top: 20px}

    .i-zxun .txt .txt-box .zx-left h3{font-size: 1.3rem; line-height: 25px}
    .i-zxun .txt .txt-box .zx-left .desc{padding-top:1rem; font-size: 12px}
    .i-zxun .txt .txt-box .inputs{width: 100%}
    .i-zxun .txt .txt-box .zx-left .desc .pdt30{padding-top: 10px}
    .i-zxun .txt .txt-box .inputs input{padding: 10px}
    .i-zxun .txt .txt-box .zxtxt{padding: 12px 10px; width: 95%; height: 60px}

}