*{padding: 0; margin: 0}
body,html {margin: 0px; padding: 0px; -webkit-text-size-adjust: none}
body {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}

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

.c499{color: #499a97}
.red{color: #cd4619}
.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: 90px; }
.tb-head .itb-hbox{height: 90px; line-height: 90px;}
.head-top{position: relative; width: 32%; float: left; padding-top: 1.4rem;}
.head-top img{width: 368px;}
.tb-nav{ float: right;}
.tb-nav .nav-menu{width: 100%}
.tb-nav .nav-menu li{float: left;}
.tb-nav .nav-menu li a{position: relative; line-height: 110px; height: 90px; text-align: center; padding: 0 12px; margin: 0 5px; color: #FFF; font-size: 15px; display: inline-block;}
.tb-nav .nav-menu li.active a{color: #FFF; background-color: #163590;}
.tb-nav .nav-menu li:hover a{color: #FFF;background-color: #163590;}

.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;}
.transition .tb-nav .nav-menu li.active a{color: #FFF;}
.transition .tb-nav .nav-menu li:hover a{color: #FFF;}

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

.ibanner .i-b-box{position: absolute; top: 37%; width: 100%; left: 0;}
.ibanner .i-b-box .container{width: 1180px; margin: 0 auto;}
.ibanner .i-b-box p.gs-tit{font-size: 32px; padding-top: 45px; color: #FFF;}
.ibanner .i-b-box p.gs-zcon{font-size: 14px; color: #FFF;}
.ibanner .i-b-box p.gs-tags{font-size: 15px; color: #FFF; padding-top: 30px;}
.ibanner .i-b-box p.gs-tags span{display: inline-block; padding: 0 15px;}
.ibanner .i-b-box p.gs-tags span:first-child{padding-left: 0;}
.ibanner .swiper-slide-active .i-b-box {opacity: 1;-webkit-transition-delay: 1.5s;transition-delay: 1.5s;transform: translate3d(0, 0, 0);}

.ibanner ul li img{width: 100%}

.ibanner .i-b-box1{position: absolute; top: 37%; width: 100%;}
.ibanner .i-b-box1 .container{width: 998px; margin: 0 auto;}
.ibanner .i-b-box1 h3{font-size: 42px; font-weight: 100; color: #FFF; padding-left: 5%;}
.ibanner .i-b-box1 p{font-size: 14px; color: #cd4619; padding-left: 5%; font-weight: 600;}
.ibanner .i-b-box1 span.te{display: inline-block; background-color: #cd4619;  color: #FFF; padding: 3px 10px;font-weight: 100; border-radius: 20px;}
.ibanner .i-b-box1 span.more{display: inline-block; margin:40px 0 0 5%; padding: 5px 15px; border: 1px solid #cd4619; border-radius: 20px; font-size: 12px; color: #cd4619;}
.ibanner .swiper-slide-active .i-b-box1 {opacity: 1;-webkit-transition-delay: 1.5s;transition-delay: 1.5s;transform: translate3d(0, 0, 0);}

.ibanner .swiper-slide-active .cover{-webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);} 
@-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
@keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }

.main-content{width: 100%}

.i-product{background-color: #eaecf0; padding: 3rem 0;}
.i-product h3{color: #a78e5f; font-size: 28px; text-align: center; font-weight: 400; letter-spacing: 1px;}
.i-product p.subtit{text-align: center; font-size: 16px; color: #333; position: relative; padding-top: 5px;}
.i-product p.subtit:before{position: absolute; content: ""; left: 32%; top: 20px; width: 150px; height: 1px; background: linear-gradient(to top right, #FFF, #545252);}
.i-product p.subtit:after{position: absolute;content: ""; right: 32%; top: 20px; width: 150px; height: 1px; background: linear-gradient(to top right, #545252, #FFF);}
.i-product ul{padding: 3rem 0;}
.i-product ul li{width: calc(100% / 4); float: left; text-align: center;}
.i-product ul li img{max-width: 100%;}
.i-product ul li p{font-size: 14px; color: #333; padding-top: 10px;}

.i-about{width: 100%; font-size: 0; min-height: 760px; position: relative;}
.i-about img.ab-bg{width: 100%;}
.i-abbox{position: absolute; width: 42%; right: 0; top: 0; z-index: 8;}
.i-abbox h3{font-size: 28px; color: #a78e5f; line-height: 32px; font-weight: 400; padding-top: 3rem;}
.i-abbox p.subtit{font-size: 18px; color: rgba(255, 255, 255, .9); padding-top: 10px; padding-bottom: 2rem;}
.i-abbox p.desc{font-size: 12px; color: rgba(255, 255, 255, .9); text-indent: 26px; padding-right: 2rem;}
.abmore .iviewmore{display:inline-block;position:relative;text-decoration:none;font-size:14px;color:rgba(255,255,255, .8);!important;width:140px;text-align:center;height:40px;line-height:40px;border:1px solid rgba(255,255,255,1);margin:20px 0;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;}
.abmore .iviewmore:hover{background-color: rgba(255,255,255,1); color:#333;}
.abmore .iviewmore{border: 1px solid rgba(255,255,255,.8);display: block;}
.abmore { width:100%; clear: both; padding-top: 1.5rem;}

.i-tech{background-color: #eaecf0; padding: 3rem 0;}
.i-tech h3{color: #a78e5f; font-size: 28px; text-align: center; font-weight: 400; letter-spacing: 1px;}
.i-tech p.subtit{text-align: center; font-size: 16px; color: #333; position: relative; padding-top: 5px;}
.i-tech p.subtit:before{position: absolute; content: ""; left: 32%; top: 20px; width: 150px; height: 1px; background: linear-gradient(to top right, #FFF, #545252);}
.i-tech p.subtit:after{position: absolute;content: ""; right: 32%; top: 20px; width: 150px; height: 1px; background: linear-gradient(to top right, #545252, #FFF);}
.i-tech p.zitit{font-size: 14px;text-align: center; padding-top: 10px;}

.i-tech ul{padding: 3rem 0;}
.i-tech ul li{background-color: #FFF;width: calc(100% / 4 - 24px); float: left; text-align: center; margin-left: 32px;box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}
.i-tech ul li:first-child{margin-left: 0;}
.i-tech ul li .s-ji{padding: 30px 25px 40px 25px; position: relative;}
.i-tech ul li .s-ji:after{width: 45px; height: 8px; background-color: #163590; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; content: "";}
.i-tech ul li img{max-width: 100%;}
.i-tech ul li p{font-size: 14px; color: #333;}
.i-tech ul li p.p-name{padding-top: 20px;}

.i-jce{ padding: 3rem 0;}
.i-jce h3{color: #a78e5f; font-size: 28px; text-align: center; font-weight: 400; letter-spacing: 1px;}
.i-jce p.subtit{text-align: center; font-size: 16px; color: #333; position: relative; padding-top: 5px;}
.i-jce p.subtit:before{position: absolute; content: ""; left: 30%; top: 20px; width: 150px; height: 1px; background: linear-gradient(to top right, #FFF, #545252);}
.i-jce p.subtit:after{position: absolute;content: ""; right: 30%; top: 20px; width: 150px; height: 1px; background: linear-gradient(to top right, #545252, #FFF);}

.i-jce ul{padding: 3rem 0;}
.i-jce ul li{background-color: #FFF; margin-bottom: 30px; font-size: 0;width: calc(100% / 4 - 45px); float: left; text-align: center; margin-left: 60px;box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}
.i-jce ul li:nth-child(4n+1){margin-left: 0;}
.i-jce ul li img{max-width: 100%;}


.i-news{background: url(../../images/zy/inews-bg.jpg); padding: 3rem 0;}
.i-news h3{color: #a78e5f; font-size: 28px; text-align: center; font-weight: 400; letter-spacing: 1px;}
.i-news p.subtit{text-align: center; font-size: 16px; color: #FFF; position: relative; padding-top: 5px;}
.i-news p.subtit:before{position: absolute; content: ""; left: 32%; top: 20px; width: 150px; height: 1px; background: linear-gradient(to top right, #102155, #FFF);}
.i-news p.subtit:after{position: absolute;content: ""; right: 32%; top: 20px; width: 150px; height: 1px; background: linear-gradient(to top right, #FFF, #102155);}
.i-news p.zitit{font-size: 14px;text-align: center; padding-top: 10px; color: #FFF;}

.i-news ul{padding: 3rem 0;}
.i-news ul li{background-color: #FFF;width: calc(100% / 4 - 18px); float: left; margin-left: 24px;box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2); border-top-left-radius: 4px; border-top-right-radius: 4px;}
.i-news ul li:first-child{margin-left: 0;}
.i-news ul li .con{padding: 15px 20px;}
.i-news ul li h3{font-size: 16px; color: #333; text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.i-news ul li .img{overflow: hidden; width: 100%; height: 185px;}
.i-news ul li img{width: 100%;border-top-left-radius: 4px; border-top-right-radius: 4px;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s}
.i-news ul li: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 ul li p{font-size: 12px; color: #999;}
.i-news ul li p.p-name{padding: 10px 0; color: #999;}
.i-news ul li p.desc{font-size: 12px; color: #999; height:80px; overflow: hidden;}
.i-news ul li p.inmore{text-align: right; padding-top: 5px;}
.i-news ul li p.inmore img{width: 30px;}

.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: 100%;}
.news-detail .n-content p{color: #000;}


.i-contact{padding: 5rem 0;}
.i-contact .i-con-box{width: 100%;}
.i-contact .i-con-box .map{width: 55%; float: left; height: 350px;}
.i-contact .i-con-box .txt{float: left; padding-left: 5%; width: 40%;}
.i-con-box .txt h3{font-size: 18px; font-weight: 500;}
.i-con-box .txt p{font-size: 14px;padding-top: 5px;}
.i-con-box .txt p.img{font-size: 0; padding-top: 10px;}


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

.zabout{width: 100%; padding: 4rem 0;}
.zabout h3{text-align: center; font-size: 24px; font-weight: 500;}
.zabout p{text-align: center;}
.zabout p.img{padding-top: 20px;}
.zabout p.img img{width: 100%;} 

.zab-con .desc{font-size: 14px; color: #333; padding: 10px 0 3rem 0}

/* honor */
.zhonor-con{padding: 3rem 0;}
.zhonor-con .dwhlist li{padding: 1rem 5px 1rem 5px;width: calc(100% / 3 - 26px);margin-left: 24px; background-color: #FFF;text-align: center; 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);}
.zhonor-con .dwhlist li:nth-child(3n+1){margin-left: 0;}
.zhonor-con .dwhlist li img{max-width: 100%;}
.zhonor-con .dwhlist li p{padding-top: 20px; font-size: 14px; color: #14141d;text-transform: uppercase;}

.zhonor-con .dwhlistzz li{width: calc(100% / 5 - 12px);background-color: #FFF;text-align: center; padding: 0 0 1rem 0; margin-left: 15px; 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);}
.zhonor-con .dwhlistzz li:nth-child(5n+1){margin-left: 0;}
.zhonor-con .dwhlistzz li img{max-width: 100%;}
.zhonor-con .dwhlistzz li p{padding-top: 20px; font-size: 14px; color: #14141d;text-transform: uppercase;}

.zhonor-con .dwhlist-ry li{width: calc(100% / 4 - 12px);background-color: #FFF;text-align: center; padding: 0 0 1rem 0; margin-left: 16px; 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);}
.zhonor-con .dwhlist-ry li:nth-child(4n+1){margin-left: 0;}
.zhonor-con .dwhlist-ry li img{max-width: 100%;}
.zhonor-con .dwhlist-ry li p{padding: 20px 10px 0 10px; font-size: 14px; color: #14141d;text-transform: uppercase;}

/* product */
.zproduct{width: 100%; padding: 4rem 0;}

.zp-b-left{width: 30%; 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); }
.tit-box{padding: 4rem 40px;}
.tit-box h3{text-align: center; font-size: 22px; font-weight: 500;}
.tit-box .subtit{text-align: center; font-size: 12px;}
.tit-box ul{padding-top: 2rem;}
.tit-box ul li{font-size: 14px; color: #666; position: relative; margin-bottom: 8px; padding: 8px 20px 8px 20px; background-color: #eaecf0; font-weight: 600;}
.tit-box ul li.active{background-color: #163590; color: #FFF; padding-left: 40px;}
.tit-box ul li.active:before{position: absolute; left: 20px; top: 16px; width: 8px; height: 8px; border-radius: 50%; background-color: #FFF; content: "";}
.tit-box ul li a{color: #666;}
.tit-box ul li.active a{background-color: #163590; color: #FFF;}

.zp-b-right{width: 65%; float: left; padding-left: 5%;}
.zp-b-right ul li{background-color: #FFF;width: calc(100% / 2 - 15px); margin-bottom: 30px; float: left; margin-left: 30px;}
.zp-b-right ul li:nth-child(2n+1){margin-left: 0;}
.zp-b-right 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); }
.zp-b-right ul li .con{padding: 15px 20px;}
.zp-b-right ul li h3{font-size: 16px; color: #333; text-align: left; padding-bottom: 8px;}
.zp-b-right ul li .img{overflow: hidden; width: 100%;}
.zp-b-right ul li img{width: 100%;}
.zp-b-right ul li p{font-size: 12px; color: #999;}
.zp-b-right ul li p.p-name{padding: 10px 0; color: #999; }
.zp-b-right ul li p.desc{font-size: 12px; color: #999; height:150px; overflow: hidden;}
.zp-b-right ul li p.inmore{text-align: right; padding-top: 5px; position: relative; font-size: 14px;}


/* cases */
.zcases{width: 100%; padding: 4rem 0;}
.zcases p{font-size: 0; margin-bottom: 10px;}
.zcases p img{width: 100%;}

.zcases h3{text-align: center; font-size: 24px; font-weight: 500;}
.zcases p.img{padding-top: 20px; padding-bottom: 2rem;}
.zcases p.img img{width: 100%;} 


.zcases ul{padding: 3rem 0;}
.zcases ul li{width: calc(100% / 3 - 16px); float: left; margin-left: 24px; margin-bottom: 25px;}
.zcases ul li:nth-child(3n+1){margin-left: 0;}
.zcases ul li .img{overflow: hidden; width: 100%; height: 218px;}
.zcases ul li img{width: 100%;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s}
.zcases 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)}

.zcases ul li .name{text-align: center; font-size: 14px; padding-top: 5px;}

.zab-con{padding: 3rem 0;}
.zab-con .zab-box{width: 100%; padding-top: .8rem;}
.zab-con .zab-box img{width: 99%;}
.zab-box .zab-left{width: 44%; float: left;}
.zab-box .zab-left img{width: 100%;}
.zab-box .zab-right{width: 52%; float: left; padding-left: 4%; font-size: 14px;}
.zab-box .zab-right p{text-indent: 28px;text-align: left; line-height: 24px; padding-right: 1rem;}

.zab-box .imgab-left{width: 49%; float: left; margin-left: 1%;}
.zab-box .imgab-left:first-child{margin-left: 0;}
.zab-box .imgab-left img{width: 100%;}

/* tech */
.ztech{width: 100%; padding: 5rem 0;}
.ztech .zab-con .zab-box p{width: 1080px; margin: 0 auto}
.ztech .zab-con .zab-box p img{width: 100%;}

/* news */
.znews{width: 100%; padding: 5rem 0;}
.znews ul li{background-color: #FFF;width: calc(100% / 3 - 30px); margin-bottom: 35px; float: left; margin-left: 45px;box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2); border-top-left-radius: 4px; border-top-right-radius: 4px;}
.znews ul li:nth-child(3n+1){margin-left: 0;}
.znews ul li .con{padding: 15px 20px;}
.znews ul li h3{font-size: 16px; color: #333; text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.znews ul li .img{overflow: hidden; width: 100%; height: 240px;}
.znews ul li img{width: 100%;border-top-left-radius: 4px; border-top-right-radius: 4px;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s}
.znews ul li: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 ul li p{font-size: 12px; color: #999;}
.znews ul li p.p-name{padding: 10px 0; color: #999;}
.znews ul li p.desc{font-size: 12px; color: #999; height:80px; overflow: hidden;}
.znews ul li p.inmore{text-align: right; padding-top: 5px; position: relative;}
.znews ul li p.inmore img{width: 30px;}
.znews ul li p.inmore .zn-cate{display: inline-block; padding: 3px 8px; background-color: #163590; color: #FFF; position: absolute; left: 0; bottom: 5px;}

/* contact */
.zcontact{width: 100%; padding: 5rem 0;}
.zcontact ul li{width: calc(100% / 4 - 12px); padding: 2rem 0; float: left; margin-left: 16px; text-align: center;box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}
.zcontact ul li:first-child{margin-left: 0;}
.zcontact ul li p{font-size: 14px; padding-top: 6px;}

.zc-addr{width: 100%; padding: 3rem 0;}
.zc-addr .zc-mleft{width: 48%; margin-right: 4%; float: left;}
.zc-addr .zc-mleft:last-child{margin-right: 0;}
.zc-addr .zc-mleft .tmap{width: 100%; height: 320px;}
.zc-addr .zc-mleft p{padding-bottom: 20px; font-size: 14px; text-align: center;}

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

.zp-b-con .zp-b-txt{width: 50%; float: left; padding-left: 4%;}
.zp-b-con .zp-b-txt h3{padding-top: 2rem; font-size: 20px; padding-bottom: 30px; }
.zp-b-con .zp-b-txt p{line-height: 22px; color: #5c6369; font-size: 14px; padding-top: 5px;}

.zp-b-tdian{width: 100%; }
.zp-b-tdian h3{padding-top: 2rem; font-size: 20px; padding-bottom: 20px; }
.zp-b-tdian p{line-height: 22px; color: #5c6369; font-size: 14px; padding-top: 3px;}
.zp-b-tdian.gdtdian p{padding-bottom: 1rem;}
.zp-b-tdian img{width: 100%;}

.zp-b-tdian .sd-tdian{width: 100%;}
.zp-b-tdian .sd-tdian li{width: calc(100% / 3 - 4px); margin-left: 6px;}
.zp-b-tdian .sd-tdian li:nth-child(2n+1){margin-left: 6px;}
.zp-b-tdian .sd-tdian li:nth-child(3n+1){margin-left: 0;}
.zp-b-tdian .sd-tdian li h4{padding: 10px 15px; background-color:#163590 ; color: #FFF; font-weight: 500;display: flex; align-items: center;text-align: justify;}
.zp-b-tdian .sd-tdian li h4 img{width: 20px; margin-right: 10px;}
.zp-b-tdian .sd-tdian li p{padding: 5px; min-height: 160px;}
.zp-b-tdian .sd-tdian li.tshu p{min-height: 90px;}

.footer{padding: 3rem 0 1.5rem 0; background-color: #323233;}
.footer .f-box{padding: 1rem 0;}
.f-box .flogo-box{float: left; width: 30%;}
.f-box .flogo{width: 180px;}
.f-box .fright-box{width: 45%; float: right;}
.fright-box ul li{float: left; width: 35%;}
.fright-box ul li:nth-child(2){width: 42%;}
.fright-box ul li:nth-child(3){width: 22%;}
.fright-box ul li a{display: block;}
.fright-box ul li a.tit{color: #a78e5f; font-size: 16px;}
.fright-box ul li a.link{padding-top: 7px; color: rgba(255, 255, 255, .8); font-size: 12px;}
.f-boot{padding-top: 4rem;}
.f-boot .copyright{color: rgba(255, 255, 255, .8);}
.f-boot .copyright a{color: rgba(255, 255, 255, .8);}
.f-boot .zying{float: right; color: rgba(255, 255, 255, .8);}

.showMorehandle .iviewmore{display:inline-block;position:relative;text-decoration:none;font-size:14px;color:rgba(167,142,95, .8);!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{background-color: rgba(167,142,95,1); color:#FFF;}
.showMorehandle .iviewmore{border: 1px solid rgba(167,142,95,.8);margin: auto;display: block;}
.showMorehandle { margin:auto; width:100%; text-align:center; clear: both;}

.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: #163590; color: #FFF}
.tbiao .next:hover{background-color: #163590; 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}

.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:1px 1px 0 0;border-style:solid;color:#a78e5f;position:absolute;left:50%;top:55%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}

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

@media (min-width:1680px) {
    .i-abbox h3{padding-top: 7rem;}
    .i-abbox p.subtit{padding-bottom: 5rem;}
    .i-abbox p.desc{font-size: 14px; padding-right: 5rem}
}

@media (min-width:1440px) {
	.i-abbox p.subtit{font-size: 20px; padding-top: 20px;}
	.i-abbox p.desc{font-size: 12px; text-indent: 26px; padding-right: 2rem; line-height: 30px;}
	.abmore {padding-top: 3rem;}
}

@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: 320px;}

    .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: #a78e5f;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: #a78e5f;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: #a78e5f;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: #a78e5f;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}
    .jsj-lan{padding: 20px 0 0 0; text-align: center;}
    .jsj-lan a{display: inline-block; padding: 4px 15px; margin-right: 10px; font-size: 14px; background-color: #f2f2f2; color: #a78e5f;}
    .jsj-lan a.active{color: #FFF; background-color: #a78e5f;}


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

    .m-menu{position: absolute; right: 0; top: 25%; 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;}

    .ibanner .i-b-box p.gs-tit{font-size: 18px; padding: 0 15px;}
    .ibanner .i-b-box p.gs-zcon{font-size: 12px; padding: 0 15px;}
    .ibanner .i-b-box p.gs-tags{padding: 0 15px;}
    .ibanner .i-b-box p.gs-tags span{padding: 0 4px; font-size: 12px;}

    .i-product h3{font-size: 22px;}
    .i-product p.subtit:before{left: 16%; width: 80px;}
    .i-product p.subtit:after{right: 16%; width: 80px;}

    .i-abbox{position: inherit;background-color: #163590; width: 100%;}
    .i-abbox h3{font-size: 22px; text-align: center;padding-top: 3rem}
    .i-abbox p.subtit{font-size: 16px; text-align: center;}
    .i-abbox p.desc{padding: 0 12px;}
    .abmore{padding: 2rem 0; text-align: center;}
    .abmore .iviewmore{margin: 0 auto;}

    .i-tech h3{font-size: 22px;}
    .i-tech p.subtit:before{left: 16%; width: 80px;}
    .i-tech p.subtit:after{right: 16%; width: 80px;}
    .i-tech p.zitit{font-size: 12px;}

    .yoshi-box{padding: 0 15px;}
    .i-tech ul li .s-ji{padding: 20px;}
    .i-tech ul li{margin-left: 0;}

    .ndata-box{padding: 0 15px;}
    .i-news ul li{margin-left: 0;}
    .i-news ul li h3{height: 50px; overflow: hidden;}

    .i-contact .i-con-box{width: 92%; margin: 0 auto;}
    .i-contact .i-con-box .map{width: 100%;}
    .i-contact .i-con-box .txt{width: 100%; padding-top: 2rem; padding-left: 0;}

    .footer .f-box{width: 90%; margin: 0 auto; padding-left: 10px;}
    .footer .f-box .flogo-box{width: 100%; float: initial;}
    .footer .f-box .flogo{width: 160px;}

    .footer .f-box .txt{font-size: 12px; padding-top: 1rem; color: #FFF;}
    .footer .f-box .txt .img{padding: 15px 0; position: relative}
    .footer .f-box .txt .img img{width: 110px; position: absolute; right: 0; top: -96px}
    .footer .f-box .txt a{color: #FFF; display: inline-block; padding-top: 10px;}

    .zabout{padding:  3rem 0}
    .zabout h3{font-size: 20px}
    .zab-con{padding:  2rem 0; width: 100%; margin: 0 auto}
    .zab-box .zab-left{width: 100%}
    .zab-box .zab-right{width: 100%; padding: 20px 0}
    .zab-box .zab-right p{padding-right: 0}

    .tit-box h3{font-size: 20px}
    .zp-b-left{width: 100%;box-shadow: inherit; -webkit-box-shadow: inherit}
    .tit-box{padding: 1.5rem;}
    .zp-b-right{width:  100%; padding: 3rem 0 2rem 0}
    .zp-b-right ul{width: 92%; margin: 0 auto}
    .zp-b-right ul li{width: 100%; margin-left: 0; box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}

    .ztech{width: 92%; margin: 0 auto;}
    .ztech .zab-con .zab-box p{width: 100%}

    .zproduct{padding-top: 2rem;}

    .zcontact{padding-bottom: 0;}
    .znews ul{width: 92%; margin: 0 auto;}
    .znews ul li{width: 100%; margin-left: 0}
    .zcontact ul{margin: 0 auto; width: 92%;}
    .zcontact ul li{width: 49%; margin-left: 2%; margin-bottom: 18px;}
    .zcontact ul li:nth-child(2n+1){margin-left: 0;}

    .zcases{padding: 3rem 0;}
    .zcases ul li .img{height: auto;}

    .zc-addr .zc-mleft{width: 100%; margin-bottom: 3rem;}

    .m-menu.zymenu{top: 2%;}
    .zcases ul{width: 92%; margin: 0 auto;}
    .zcases ul li{width: 49%; margin-left: 2%;}
    .zcases ul li:nth-child(3n+1){margin-left: 2%;}
    .zcases ul li:nth-child(2n+1){margin-left: 0;}

    .zp-b-con{width: 92%; margin: 0 auto;}
    .zp-b-con .zp-b-img{width: 100%;}
    .zp-b-con .zp-b-txt{width: 100%; padding-left: 0;}
    .zp-b-tdian{width: 92%; margin: 0 auto;}
    .zp-b-tdian .sd-tdian li{width: 90%; margin: 0 auto; margin-bottom: 15px; float: initial;}
    .zp-b-tdian .sd-tdian li:nth-child(2n+1){margin: 0 auto; margin-bottom: 15px;}
    .zp-b-tdian .sd-tdian li:nth-child(3n+1){margin: 0 auto; margin-bottom: 15px;}

    .i-jce h3{font-size: 22px;}
    .i-jce p.subtit:before{left: 12%; width: 80px;}
    .i-jce p.subtit:after{right: 12%; width: 80px;}
    .i-jce ul li{margin-left: 0;}
	.news-detail .n-content{padding:3rem 12px 0 12px}
}
@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: 280px;}

    .mtd-header-info {position: relative;z-index: 10;height: 65px;}
    .mtd-header-info .nav_btn{float: right;margin: 12px 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: #a78e5f;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: #a78e5f;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: #a78e5f;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: #a78e5f;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}
    .jsj-lan{padding: 20px 0 0 0; text-align: center;}
    .jsj-lan a{display: inline-block; padding: 4px 15px; margin-right: 10px; font-size: 14px; background-color: #f2f2f2; color: #a78e5f;}
    .jsj-lan a.active{color: #FFF; background-color: #a78e5f;}


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

    .m-menu{position: absolute; right: 0; top: 18%; 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;}

    .ibanner .i-b-box p.gs-tit{font-size: 18px; padding: 0 15px;}
    .ibanner .i-b-box p.gs-zcon{font-size: 12px; padding: 0 15px;}
    .ibanner .i-b-box p.gs-tags{padding: 0 15px;}
    .ibanner .i-b-box p.gs-tags span{padding: 0 4px; font-size: 12px;}

    .i-product h3{font-size: 22px;}
    .i-product p.subtit:before{left: 16%; width: 80px;}
    .i-product p.subtit:after{right: 16%; width: 80px;}

    .i-abbox{position: inherit;background-color: #163590; width: 100%;}
    .i-abbox h3{font-size: 22px; text-align: center;padding-top: 3rem}
    .i-abbox p.subtit{font-size: 16px; text-align: center;}
    .i-abbox p.desc{padding: 0 12px;}
    .abmore{padding: 2rem 0; text-align: center;}
    .abmore .iviewmore{margin: 0 auto;}

    .i-tech h3{font-size: 22px;}
    .i-tech p.subtit:before{left: 16%; width: 80px;}
    .i-tech p.subtit:after{right: 16%; width: 80px;}
    .i-tech p.zitit{font-size: 12px;}

    .yoshi-box{padding: 0 15px;}
    .i-tech ul li .s-ji{padding: 20px;}
    .i-tech ul li{margin-left: 0;}

    .ndata-box{padding: 0 15px;}
    .i-news ul li{margin-left: 0;}
    .i-news ul li h3{height: 50px; overflow: hidden;}

    .i-contact .i-con-box{width: 92%; margin: 0 auto;}
    .i-contact .i-con-box .map{width: 100%;}
    .i-contact .i-con-box .txt{width: 100%; padding-top: 2rem; padding-left: 0;}

    .footer .f-box{width: 90%; margin: 0 auto; padding-left: 10px;}
    .footer .f-box .flogo-box{width: 100%; float: initial;}
    .footer .f-box .flogo{width: 160px;}

    .footer .f-box .txt{font-size: 12px; padding-top: 1rem; color: #FFF;}
    .footer .f-box .txt .img{padding: 15px 0; position: relative}
    .footer .f-box .txt .img img{width: 110px; position: absolute; right: 0; top: -96px}
    .footer .f-box .txt a{color: #FFF; display: inline-block; padding-top: 10px;}

    .zabout{padding:  3rem 0}
    .zabout h3{font-size: 20px}
    .zab-con{padding:  2rem 0; width: 100%; margin: 0 auto}
    .zab-box .zab-left{width: 100%; float: initial;}
    .zab-box .zab-right{width: 94%; padding: 20px 0; float: initial; margin: 0 auto;}
    .zab-box .zab-right p{padding-right: 0}

    .tit-box h3{font-size: 20px}
    .zp-b-left{width: 100%;box-shadow: inherit; -webkit-box-shadow: inherit}
    .tit-box{padding: 1.5rem;}
    .zp-b-right{width:  100%; padding: 3rem 0 2rem 0}
    .zp-b-right ul{width: 92%; margin: 0 auto}
    .zp-b-right ul li{width: 100%; margin-left: 0; box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}

    .ztech{width: 92%; margin: 0 auto;}
    .ztech .zab-con .zab-box p{width: 100%}

    .zproduct{padding-top: 2rem;}

    .zcontact{padding-bottom: 0;}
    .znews ul{width: 92%; margin: 0 auto;}
    .znews ul li{width: 100%; margin-left: 0}
    .zcontact ul{margin: 0 auto; width: 92%;}
    .zcontact ul li{width: 49%; margin-left: 2%; margin-bottom: 18px;}
    .zcontact ul li:nth-child(2n+1){margin-left: 0;}

    .zcases{padding: 3rem 0;}

    .zc-addr .zc-mleft{width: 100%; margin-bottom: 3rem;}

    .m-menu.zymenu{top: 2%;}
    .zcases ul{width: 92%; margin: 0 auto;}
    .zcases ul li{width: 49%; margin-left: 2%;}
    .zcases ul li:nth-child(3n+1){margin-left: 2%;}
    .zcases ul li:nth-child(2n+1){margin-left: 0;}
    .zcases ul li .img{height: auto;}

    .zp-b-con{width: 92%; margin: 0 auto;}
    .zp-b-con .zp-b-img{width: 100%;}
    .zp-b-con .zp-b-txt{width: 100%; padding-left: 0;}
    .zp-b-tdian{width: 92%; margin: 0 auto;}
    .zp-b-tdian .sd-tdian li{width: 90%; margin: 0 auto; margin-bottom: 15px; float: initial;}
    .zp-b-tdian .sd-tdian li:nth-child(2n+1){margin: 0 auto; margin-bottom: 15px;}
    .zp-b-tdian .sd-tdian li:nth-child(3n+1){margin: 0 auto; margin-bottom: 15px;}

    .i-jce h3{font-size: 22px;}
    .i-jce p.subtit:before{left: 12%; width: 80px;}
    .i-jce p.subtit:after{right: 12%; width: 80px;}
    .i-jce ul li{margin-left: 0;}

    .zhonor-con .dwhlist li{width: 98%; margin-left: 0;}
    .zhonor-con .dwhlistzz li{width: calc(100% / 2 - 5px); height: 330px; margin-left: 10px; padding: 1rem 0; margin-bottom: 15px;}
    .zhonor-con .dwhlistzz li:nth-child(5n+1){margin-left: 10px;}
    .zhonor-con .dwhlistzz li:nth-child(2n+1){margin-left: 0px;}

    .zhonor-con .dwhlist-ry li{width: calc(100% / 2 - 5px); margin-left: 10px; padding: 1rem 0; margin-bottom: 15px;}
	.zhonor-con .dwhlist-ry li:nth-child(4n+1){margin-left: 10px;}
	.zhonor-con .dwhlist-ry li:nth-child(2n+1){margin-left: 0px;}
	.news-detail .n-content{padding:3rem 12px 0 12px}
}