*{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');
}
.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}

.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: 15px;position: absolute; top: 0; left: 0; z-index: 999; width: 100%; margin-top: 20px}
.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: 480px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-right: 50px;cursor: pointer;}
.header-box .i-logo img{width: 100%; display: block;}
.header-box .menus{width: 55%; display: -webkit-box;display: -ms-flexbox;display: flex;color: #000;font-size: 14px;}
.header-box .menus .menus-item{width: 120px; text-align: center; cursor: pointer;font-weight: 300;position: relative;}
.header-box .menus .menus-item a{color: #FFF;}

.header-box .menus .menus-item:hover a{color: #FFF}
.header-box .menus .menus-item a.active{color: #026db7; font-weight: 600}
.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: #026db7}
.header-box .menus .menus-item:after{content:'';display: block;width:0px;height: 2px;transition: all 0.6s;background: #026db7;margin:0 auto;margin-top: -4px;background-size:cover;}
.header-box .menus .menus-item.active:after{content:'';display: block;width:0px;height: 2px;transition: all 0.6s;background: #026db7;margin:0 auto;margin-top: -4px;background-size:cover;}

.header-box .menus .menus-item:hover:after,.header-box .menus .menus-item.active:after{width:50px;}

.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:60%; right: 20px}
.ibanner .swiper-button-prev, .ibanner .swiper-container-rtl .swiper-button-next{background-image: url(../../images/zy/left.png);background-size: initial; top:60%; left: 20px}
.ibanner .swiper-pagination-bullet{width: 12px; height: 12px}
.ibanner .swiper-pagination-bullet-active{background-color: #2b65a1}


.i-about{padding: 5rem 0}
.i-about-box{display: flex; justify-content: space-between;}
.i-about-box .left{width: 40%; position: relative;}
.i-about-box .left h2{font-size: 32px; color: #333; font-weight: initial;}
.i-about-box .left .tit{font-size: 26px; color: #2b65a1;line-height: 18px; padding: 10px 0}
.i-about-box .left .ico{position: absolute; bottom: -5px; left: 0; width: 100%}
.i-about-box .left .ico img{width: 100%}
.i-about-box .right{width: 58%}
.i-about-box .right p{font-size: 14px; padding-bottom: 2rem; color: #666; line-height: 24px}
.i-about-box .right .img{font-size: 0}
.i-about-box .right .img img{width: 100%}

.data-wrap{display: flex; justify-content: space-between; padding-top: 12rem}
.data-wrap .dw-box{width: 30%; padding: 10px 15px; border-left: 1px solid #ddd; cursor: pointer; position: relative;}
.data-wrap .dw-box:before{ content: "";position: absolute; left: -2px; width: 2px; top: 0; height: 5px; background-color:#2b65a1;-webkit-transition: all .5s;transition: all .5s;}
.data-wrap .dw-box:hover:before{height: 100%}
.data-wrap .dw-box .ntit{font-size: 14px; color: #2b65a1; font-weight: 600; line-height: 32px}
.data-wrap .dw-box .ntit span{font-size: 34px;}

.iab-more{padding-top: 10px}
.iab-more a{display: flex; align-items: center; color: #333}
.iab-more span.svg{display: flex; align-items: center; margin-right: 15px; background-color: #026db7; width: 45px; height: 45px; justify-content: center; border-radius: 50%}

.i-skill{background-color: #FFF; padding: 3rem 0 0 0;}
.i-skill h2{text-align: center; font-weight: 400; font-size: 32px}
.i-skill .subtit{text-align: center; color: #676767; padding-top: 10px; font-size: 16px}
.service-row {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px; padding-top: 3rem}
.service-card {text-align: center;padding: 20px;transition: 0.3s;}
.service-card:hover {transform: translateY(-8px);box-shadow: 0 10px 30px rgba(0,0,0,0.08);}
.service-icon {font-size: 36px;color: #009E8F;margin-bottom: 20px;}
.service-card h4 {font-size: 16px;color: #333;margin-bottom: 15px;}
.service-card p {font-size: 13px;color: #666;line-height: 1.8;margin-bottom: 20px;}

.i-cases{background-color: #FFF; padding: 3rem 0 0 0;}
.i-cases h2{text-align: center; font-weight: 400; font-size: 32px}
.i-cases .subtit{text-align: center; color: #676767; padding-top: 10px; font-size: 16px}

.i-cases-box{width: 100%; padding-top: 3rem}
.i-cases-box .link-list{display: flex; flex-wrap: wrap;}
.i-cases-box .link-list a{width: calc(100% / 3 - 32px); border: 1px solid #ddd; display: inline-block; margin-right: 45px; margin-bottom: 25px; transition: .5s; -webkit-transition: .5s;}
.i-cases-box .link-list a:nth-child(3n+3){margin-right: 0;}
.i-cases-box .link-list .thumb{position: relative; overflow: hidden;}
.i-cases-box .link-list .thumb .thumb-box{position: relative; overflow: hidden;}
.i-cases-box .link-list .thumb .thumb-box .syin{width: 120px;position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}

.i-cases-box .link-list .img{width: 100%;height: auto;overflow: hidden;background: center center no-repeat; background-size: cover;-webkit-transition: all .5s;transition: all .5s;}
.i-cases-box .link-list .img img{width: 100%;}
.i-cases-box .link-list .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);}

.i-cases-box .link-list .txt{padding: 20px 30px;position: relative;-webkit-transition: all .5s;transition: all .5s;}
.i-cases-box .link-list .time{font-size: 14px; color: #a0a0a0; font-style: italic;}
.i-cases-box .link-list  h3{font-size: 16px; line-height: 28px; color: #000; padding: 5px 0 15px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; -webkit-transition: .5s; position: relative;}
.i-cases-box .link-list .desc{color: #676767; }
.i-cases-box .link-list .time-more{font-size: 13px; padding: 0 30px 15px 30px; color: rgba(0, 0, 0, .8);-webkit-transition: all .5s;transition: all .5s;}


.i-cases-box .link-list em {position: relative;display: block;width: 10px;background-color: #fff;z-index: 1;}
.i-cases-box .link-list em::after {position: absolute;display: block;content: "";top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0px;height: 8vw;background-color: rgba(0, 74, 157, .8);}
.i-cases-box .link-list em:last-of-type {display: none;}
.i-cases-box .link-list .link-lbox{flex: 1;transition: all 1s;position: relative;overflow: hidden;height: 38.125vw;font-size: clamp(14px, 1.2vw, 22px);border-right: 1px solid #fff;}
.i-cases-box .link-list .link-lbox .ll-icon {width: 5em;height: 5em;display: flex;justify-content: center;align-items: center;border: 2px solid rgba(255, 255, 255, .8);border-radius: 50%;}
.i-cases-box .link-list .link-lbox .ll-icon svg {width: 3em;height: 3em;object-fit: scale-down;}
.i-cases-box .link-list .link-lbox .bg {position: absolute;display: block;width: 100%;height: 100%;object-fit: cover;}
.i-cases-box .link-list .link-lbox .ll-mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;background-color: rgba(0, 0, 0, 0.3);transition: all 0.5s;}
.i-cases-box .link-list .link-lbox .ll-mask h4 {color: #fff;font-weight: 700;margin-top: 0.6em;line-height: 1.45; transition: .5s; -webkit-transition: .5s;}
.i-cases-box .link-list .link-lbox:hover {flex: 3;}
.i-cases-box .link-list .link-lbox:hover .ll-mask h4{ margin-top:1.8em; }


.i-certificate{background-color: #FFF; padding: 5rem 0;}
.i-certificate h2{text-align: center; font-weight: 400; font-size: 32px}
.i-certificate .subtit{text-align: center; color: #676767; padding-top: 10px; font-size: 16px}

.zcul-xanp{background-color: #FFF; height: 380px; padding-top: 4rem}
.zcul-xanp ul{padding: 10px 10px 0 10px}
.zcul-xanp ul li{position: relative;}
.zcul-xanp ul li img{width: 100%;box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}
.zcul-xanp ul li.swiper-slide .img{font-size: 0;padding: 2rem;-webkit-transition: all .5s;transition: all .5s;}
.zcul-xanp ul li.swiper-slide.swiper-slide-active .img{padding: 0;}

.i-news{padding: 5rem 0}
.i-news .i-news-box{}
.i-news .i-news-box h2{text-align: center; font-weight: 400; font-size: 32px}
.i-news .i-news-box .subtit{text-align: center; color: #676767; padding-top: 10px; font-size: 16px}

.news-row {display: grid; grid-template-columns: 1fr 1fr;gap: 40px;text-align: left; padding-top: 5rem}
.news-row .news-left img {width: 100%;height: 320px;object-fit: cover;margin-bottom: 20px;}
.news-row .news-left p {color: #666;font-size: 14px;}
.news-row .news-item {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.news-row .news-date {font-size: 12px;color: #999;margin-bottom: 5px;}
.news-row .news-item h5 {font-size: 16px;color: #555;margin-bottom: 8px;}
.news-row .news-item p {font-size: 14px;color: #666;}
.in-more{text-align: right; padding-top: 10px}
.in-more a{color: #666;}

.i-contact{padding:0;min-height: 380px;background-image: url(../../images/zy/iconbg.jpg); position: relative; background-position: center left;background-repeat: no-repeat;background-size: cover;}
.i-conbox{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .6); z-index: 9}
.i-conbox .i-cb-wrap{display: flex; align-items: center; min-height: 380px;}
.i-conbox .i-cb-wrap .txt{padding: 0; color: #FFF; font-size: .9rem}
.i-conbox h3{font-size: 1.6rem; color: #FFF; font-weight: 600; padding-bottom: 10px}

.i-more{padding-top: 2rem;}
.i-more .more-box{display: inline-block;}
.i-more .more{display: inline-block; color: #FFF; border-radius: 2px; padding:10px 20px; background-color: rgba(0, 74, 157, 1); font-size: 14px;display: flex; justify-content: left; align-items: center;}
.i-more .more span{display: inline-block; padding: 2px 0; font-size: 14px; color: #FFF}
.i-more .more img{width: 16px; margin-left: 10px;-webkit-transition: all .5s; transition: all .5s;}
.i-more .more:hover img{margin-left: 18px}
.i-more .more:hover{background-color: rgba(4, 54, 110, 1);}


.i-partner{padding: 0 0 5rem 0}
.i-partner .i-partner-box h2{text-align: center; font-weight: 400; font-size: 32px}
.i-partner .i-partner-box .subtit{text-align: center; color: #676767; padding-top: 10px; font-size: 16px}

.i-partner-box ul{padding: 5rem 0 2rem 0;}
.i-partner-box ul li{width: calc(100% / 6 - 45px); padding: 4px 15px; border: 1px solid #ddd; margin-left: 10px; font-size: 0; display: inline-block; margin-bottom: 20px;}
.i-partner-box ul li:nth-child(6n+1){margin-left: 0;}
.i-partner-box ul li img{width: 100%;}

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

.zintro{background-color: #f4f4f4; padding:2rem 0 5rem 0}
.zi-box{display: flex;}

.sidebar {width: 18%;flex-shrink: 0;border: 1px solid #eee; position: relative;}
.sidebar .sidebar-box{position: absolute; top: -8rem; left: 0;background-color: #fff; width: 100%;box-shadow: 1px 1px 6px rgb(77 77 77 / 20%);}
.sidebar .sidebar-title {padding: 30px 0;text-align: center;background-color: #fff;}
.sidebar .sidebar-title h2 {font-size: 24px;color: #333;margin-bottom: 5px;}
.sidebar-title p {font-size: 14px;color: #999;text-transform: uppercase;}
.sidebar-menu { padding: 30px 0;}
.sidebar-menu li a {display: block;padding: 12px 40px;position: relative;color: #666; font-size: 14px}
.sidebar-menu li.active a {color: #026db7;background-color: #f7f7f7;}
.sidebar-menu li a:hover{color: #026db7;background-color: #f7f7f7;}
.sidebar-menu li.active a::before {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 4px;background-color: #026db7;}

/* 右侧内容区 */
.content-area {flex: 1; margin-left: 3%; }
/* 面包屑 */
.breadcrumb {font-size: 14px;color: #999;margin-bottom: 20px;}
.breadcrumb .crumbs{}
.breadcrumb .crumbs a{font-size: 14px; color: #999}

.content-box{background-color: #fff;padding: 40px 50px;border: 1px solid #eee; min-height: 500px}
.article-title {font-size: 20px;color: #333;margin-bottom: 30px;}
.article-img {width: 100%;margin-bottom: 30px;}
.article-img img{width: 100%}
.article-content {font-size: 15px;color: #333;text-indent: 2em;}
.article-content p{padding-bottom: 20px; line-height: 1.8}


.zab-controller-box{}
.zab-controller-box h3{font-size: 18px; color: #272727; padding: 20px 0; line-height: 1.4;}
.zab-controller-box .desc{padding-bottom: 20px; line-height: 1.8;font-size: 15px;color: #333;text-indent: 2em;}
.zab-controller-list{padding: 2rem 0 3rem 0; display: flex; justify-content: space-between;}
.zab-controller-list li{width: calc(100% / 4 - 12px); margin-left: 15px; position: relative; cursor: pointer;}
.zab-controller-list li:first-child{margin-left: 0;}
.zab-controller-list 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-controller-list li .img{position: relative; overflow: hidden; font-size: 0;}
.zab-controller-list li .img img{width: 100%;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;}
.zab-controller-list li .img: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);}
.zab-controller-list li .tit{position: absolute; color: #FFF; text-align: center; width: 100%;left: 0; bottom: 0; padding: 12px 0; background-color: #004d9c; font-size: 16px; line-height: 1.4;}

.zab-controller-list li .nr{height: 0; font-size: 12px;visibility: hidden; padding: 0 10px; line-height: 1.6;transition: all 0.9s ease;-webkit-transform: all 0.9s ease}
.zab-controller-list li:hover .nr{height: 60px;visibility: visible; padding-top: 5px}
.zab-controller-list li:nth-child(3):hover .nr{height: 85px;visibility: visible; padding-top: 5px}

.rylist{padding: 2rem 0 3rem 0; display: flex; flex-wrap: wrap;}
.rylist li{width: calc(100% / 3 - 12px); margin-left: 18px; position: relative; cursor: pointer; font-size: 0; margin-bottom: 20px}
.rylist li:nth-child(3n+1){margin-left: 0;}
.rylist li img{width: 100%}

.palist{padding: 2rem 0 3rem 0; display: flex; flex-wrap: wrap;}
.palist li{width: calc(100% / 5 - 12px); margin-left: 12px; position: relative; cursor: pointer; font-size: 0; margin-bottom: 25px}
.palist li:nth-child(5n+1){margin-left: 0;}
.palist li img{width: 100%}


.news-box ul {margin-top: -1.125rem;}
.news-box ul li {position: relative;margin-top: 1.125rem;background: #fff;border: 1px solid #e5e5e5;}
.news-box ul li a{display: flex;}
.news-box ul li .time {width: 7.5rem;padding: 10px 0;height: 100%;font-size: 12px;background: #fff;text-align: center;color: #515151;float: left;transition: .5s; border-right: 1px solid #e5e5e5;}
.news-box ul li .time span { font-size: 2.5rem;display: block;color: #014099;transition: .5s;}
.news-box ul li .time i {display: block;width: 1.875rem;height: 1px;background: #e4a100;margin: 0 auto;margin-bottom: .5rem;}
.news-box ul li .txt {padding: 0.5rem 1rem;width: calc(100% - 10.6rem);float: right;}
.news-box ul li .txt h5 {font-size: 1.05rem;color: #3b3b3b;font-weight: bold;margin-bottom: .5rem;}
.news-box ul li .txt p {font-size: .875rem;color: #7f7f82;line-height: 1.25rem;height: 2.5rem;overflow: hidden;}
.news-box ul li:hover .time {background: #2156a1;color: #fff;}
.news-box ul li:hover .time span {color: #fff;}

.content-box h2{font-size: 22px; padding-bottom: 20px; text-align: center; }
.content-box h4{padding-bottom: 20px}
.content-box h4 span {font-size: .875rem;color: #404040;line-height: 35px; font-weight: initial;}
.content-boxt .detail{font-size: 14px; padding: 2rem 0; color: #666;}
.content-box .detail p{padding: 15px 0; line-height: 1.7;}
.content-box .detail img{width: 100%;}
.content-box .detail p img{width: 100%;}

.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;}

.cont-wrap{}
.cont-wrap .img{width: 100%}
.cont-wrap .img img{width: 100%}

.cont-wrap .txt{display: flex; padding: 3rem 0}
.cont-wrap .txt .txt-left{width: 50%; display: flex;}
.cont-wrap .txt .txt-left .code{width: 46%; text-align: center;}
.cont-wrap .txt .txt-left .code img{width: 120px}
.cont-wrap .txt .txt-left .code p{font-size: 14px; padding-top: 20px}
.cont-wrap .txt .txt-right{width: 48%;font-size: 16px; color: #333; }
.cont-wrap .txt .txt-right h3{padding-bottom: 1rem}
.cont-wrap .txt .txt-right p{padding-bottom: 1rem}

.i-news-txt{padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.i-news-txt li{width: 48%; -webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease; margin-bottom: 20px}
.i-news-txt li a{display: block; position: relative;}
.i-news-txt li .thumb{position: relative; overflow: hidden;}
.i-news-txt li .thumb .thumb-box{position: relative; overflow: hidden;}
.i-news-txt li .thumb .thumb-box .syin{width: 120px;position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.i-news-txt li .img{width: 100%;height: auto;overflow: hidden;background: center center no-repeat; background-size: cover;-webkit-transition: all .5s;transition: all .5s;}
.i-news-txt li .img img{width: 100%;}
.i-news-txt li .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);}
.i-news-txt li .txt{padding: 20px 0;position: relative;-webkit-transition: all .5s;transition: all .5s;}
.i-news-txt li .time{font-size: 14px; color: #a0a0a0;}
.i-news-txt li  h3{font-size: 16px; line-height: 28px; color: #272727; padding: 5px 0 15px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; -webkit-transition: .5s; position: relative;}
.i-news-txt li  h3:after{content: "";position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background-color: #026db7;}
.i-news-txt li .time-more{padding-top: 10px; font-size: 13px; color: #888;-webkit-transition: all .5s;transition: all .5s;}
.i-news-txt li:hover .txt{background-color: #026db7; padding-left: 10px;}
.i-news-txt li:hover .time{color: #FFF}
.i-news-txt li:hover h3{color: #FFF;}
.i-news-txt li:hover h3:after{background-color: #FFF;}
.i-news-txt li:hover .time-more{color: #FFF;}


.content-box h3{font-size: 18px; color: #272727; padding:0 0 20px 0; line-height: 1.4;}
.cltxt{display: flex; padding: 20px 0 40px 0}
.cltxt span{display: inline-block; padding: 8px 15px; background-color: #f2f2f2; margin-right: 20px; font-size: 16px}
.cltxt .box{display: inline-block; padding: 10px 20px; background-color: #f2f2f2; margin-right: 20px; font-size: 16px}
.cltxt .box h4{font-size: 16px; padding-bottom: 15px}

.footer {background: #FFF;padding: 0}
.footer-box{display: flex; justify-content: space-between;}
.footer-btm{padding: 18px 0; text-align: center; position: relative; background-color: #036db7;border-top: 3px solid #004a9d;}
.footer-btm img{width: 150px}
.footer-btm .copyright{color: #FFF}
.footer-btm .copyright a{color: #FFF}
.footer-btm .code{position: absolute; right: 0; bottom: 0; width: 120px;}
.footer-btm .code img{width: 100%}

@media (min-width:1680px) {
}

@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;}
}

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


.fixed{position:fixed;bottom:50%;right:0px;width:50px; display:block; z-index:9999}
.fixed .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:50px;height:50px;background:#026db7;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: #026db7;}
.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:#026db7;line-height: 50px;margin-top:1px;}
.fixedCodeInfo{display:none;position:fixed;bottom:50%;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: 25px 12px 5px 10px; 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}

    .i-about {padding: 3rem 12px 2rem 12px;}
    .i-about-box{display: block;}
    .i-about-box .left{width: 100%}
    .i-about-box .right{width: 100%; padding-top: 2rem}
    .i-about-box .left .ico{z-index: 0; opacity: .2}
    .i-skill{padding: 3rem 12px 0 12px}
    .service-row{display: flex; flex-wrap:wrap;}
	.service-card{width:40%; padding:10px}
    .i-cases-box .link-list{display: block;}
    .i-cases{padding: 3rem 12px 0 12px}
    .i-cases-box .link-list a{width: 100%;margin-right: 0}
    .i-certificate{padding: 3rem 12px 0 12px}

    .zcul-xanp{height: auto;}
    .news-row{display: block;}

    .i-contact{}
    .i-conbox{width: auto;padding:0 12px }

    .zintro{padding: 2rem 12px 5rem 12px}
    .zi-box{display: block;}
    .sidebar{width: 100%}
    .sidebar .sidebar-box{position: initial;}
    .sidebar .sidebar-title{padding: 20px 0}
    .sidebar-menu{padding-top: 0}

    .content-area{padding-top: 20px; margin-left: 0}
    .content-box{padding: 20px}

    .zab-controller-list{display: block;}
    .zab-controller-list li{width: 100%; margin-left: 0; margin-bottom: 20px}

    .rylist li{width: 100%; margin-left: 0;}
    .palist li{width: calc(100% / 2 - 6px); margin-left: 10px}
    .palist li:nth-child(5n+1){margin-left: 10px}
    .palist li:nth-child(2n+1){margin-left: 0}
    .i-news-txt li{width: 100%; margin-left: 0}

    .news-box ul li .time{width: 5rem; display: flex; align-items: center;justify-content: center;}
    .news-box ul li .time span{font-size: 1.2rem}
    .news-box ul li .txt{padding: 10px;width: calc(100% - 6.6rem)}
    .news-box ul li .txt h5{font-size: .8rem}
    .news-box ul li .txt p{font-size: 0.6rem}

    .cont-wrap .txt{display: block;}
    .cont-wrap .txt .txt-left{width: 100%; margin-bottom: 2rem}
    .cont-wrap .txt .txt-right{width: 100%;}

    .sidebar .sidebar-title h2{font-size: 18px}
	.i-news{padding: 5rem 12px}
    
}

@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: 26px 12px 5px 10px; float: left;}
    .mtd-header .mlogo img{width: 280px;}
    .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}

    .i-about {padding: 3rem 12px 2rem 12px;}
    .i-about-box{display: block;}
    .i-about-box .left{width: 100%}
    .i-about-box .right{width: 100%; padding-top: 2rem}
    .i-about-box .left .ico{z-index: 0; opacity: .2}
    .i-skill{padding: 3rem 12px 0 12px}
    .service-row{display: flex; flex-wrap:wrap;}
	.service-card{width:40%; padding:10px}
    .i-cases-box .link-list{display: block;}
    .i-cases{padding: 3rem 12px 0 12px}
    .i-cases-box .link-list a{width: 100%;margin-right:0}
    .i-certificate{padding: 3rem 12px 0 12px}

    .zcul-xanp{height: auto;}
    .news-row{display: block;}

    .i-contact{}
    .i-conbox{width: auto;padding:0 12px }

    .zintro{padding: 2rem 12px 5rem 12px}
    .zi-box{display: block;}
    .sidebar{width: 100%}
    .sidebar .sidebar-box{position: initial;}
    .sidebar .sidebar-title{padding: 20px 0}
    .sidebar-menu{padding-top: 0}

    .content-area{padding-top: 20px; margin-left: 0}
    .content-box{padding: 20px}

    .zab-controller-list{display: block;}
    .zab-controller-list li{width: 100%; margin-left: 0; margin-bottom: 20px}

    .rylist li{width: 100%; margin-left: 0;}
    .palist li{width: calc(100% / 2 - 6px); margin-left: 10px}
    .palist li:nth-child(5n+1){margin-left: 10px}
    .palist li:nth-child(2n+1){margin-left: 0}
    .i-news-txt li{width: 100%; margin-left: 0}

    .news-box ul li .time{width: 5rem; display: flex; align-items: center;justify-content: center;}
    .news-box ul li .time span{font-size: 1.2rem}
    .news-box ul li .txt{padding: 10px;width: calc(100% - 6.6rem)}
    .news-box ul li .txt h5{font-size: .8rem}
    .news-box ul li .txt p{font-size: 0.6rem}

    .cont-wrap .txt{display: block;}
    .cont-wrap .txt .txt-left{width: 100%; margin-bottom: 2rem}
    .cont-wrap .txt .txt-right{width: 100%;}

    .sidebar .sidebar-title h2{font-size: 18px}
    .cltxt{display: block;}
    .cltxt span{margin-bottom: 10px}
    .cltxt .box{margin-bottom: 10px; padding: 10px 3%; width: 94%}

	.i-news{padding: 5rem 12px}
    .data-wrap{padding-top: 3rem}

    .i-partner{padding: 0 12px 5rem 12px}
    .i-partner-box ul{padding: 3rem 0 2rem 0}
    .i-partner-box ul li{width: calc(100% / 3 - 42px); margin-left: 12px}
    .i-partner-box ul li:nth-child(6n+1){margin-left: 18px}
    .i-partner-box ul li:nth-child(3n+1){margin-left: 0}
}