@charset "utf-8";
/*=========== PC public CSS ===========*/
*,:before,:after{ margin:0; padding:0; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img{ margin:0; padding:0;}
.index-protab li{font-family: 宋体;}

@font-face{
    font-family: 'OPPOSansH';
    src: url('../font/OPPOSans\ H.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: 'OPPOSansM';
    src: url('../font/OPPOSans\ M.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: 'OPPOSansR';
    src: url('../font/OPPOSans\ R.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: 'OPPOSansB';
    src: url('../font/OPPOSans\ B.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: 'OPPOSansL';
    src: url('../font/OPPOSans\ L.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: 'SourceHanSans';
    src: url('../font/SourceHanSans\ B.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{ font-family:"Microsoft YaHei","微软雅黑"; color:#333; font-size: 16px; line-height: 1.1; margin:0 auto; background-color:#e8f4eb;min-width: 320px;}
ol,ul,li{list-style:none;}
i,em{font-style: normal;}
a{ color:#333; text-decoration:none; outline:none; cursor:pointer;}
a:hover, a:active, a:link, a:visited{ text-decoration:none;}
fieldset,img,video{ max-width: 100%; border:none; vertical-align:middle;}

input,select,textarea,button{color:#333;font-size:16px;font-family:"Microsoft Yahei",sans-serif;outline:none; border: none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
input, button{ border-radius:0; -webkit-appearance:none;} /*清除IOS默认圆角*/
textarea{ resize :none; outline:none; border: none;-webkit-appearance: none;} /*去除右下角拖动边框标识*/
input:-ms-clear{ display:none;} /*消除 IE10 里的叉号*/
input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none; outline:none;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}

table{ border-collapse: separate;} /*边线重叠*/
.clearfix:after{ content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
.transition{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.wrap{width:92%;max-width:1600px;margin:0 auto;}


/* header */
.header{line-height: 105px;background-color: #009933;}
.logo{float: left;width: 229px;}
.logo img{width: 100%;margin-top: -3px;}

.header-nav{float: right;}
.header-nav li{display: inline-block;margin: 0 60px;position: relative;}
.header-nav li a{display: block;font-size: 18px;position: relative;color: #FFF;}
.header-nav li > a:after{content: ""; position: absolute; left: 50%; right: 0; bottom: 0; width: 0; height: 3px; background-color: #66cc66; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.header-nav li a:hover:after, .header-nav li.on a:after{width: 28px;}
.header-nav li a:hover, .header-nav li.on a{font-weight: bold;}

.header-link{float: right;margin-right: -40px;}
.header-link .header-search{float: right;position: relative;}
.header-search > img{cursor: pointer;}
.ser-form{position: absolute;top: 27px;right: -13px;width: 200px;line-height: 46px;border-radius: 2px;border:1px solid #999; background-color: #FFF;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;display: none;border-radius: 6px;z-index: 99;}
.ser-form input{width: 100%;line-height: 46px; padding: 0 46px 0 12px; border-radius: 4px; background-color: #FFF; font-size: 14px; color: #333;}
.ser-form button{position: absolute;right: 12px;top: 50%;margin-top: -13px;; cursor: pointer; z-index: 22; background: transparent;}
.ser-form button img{width: 20px;}
.header-search:hover .ser-form{ display: block;}

.nav-layer{position: absolute; left: 50%;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 100%; overflow: hidden; z-index: 666; display: none;}
.header-nav li.nav-layeropen .nav-layer{display: block;}
.header-nav li dl{padding:16px;border-radius:10px;-moz-box-shadow:15px 10px 60px rgba(0,0,0,.1);-webkit-box-shadow:15px 10px 60px rgba(0,0,0,.1);box-shadow:15px 10px 60px rgba(0,0,0,.1);background-color:#fff}
.header-nav li dl a{display:block;color:#333;font-size:16px;line-height:2.4;white-space:nowrap;font-weight:400}
.header-nav li dl a:hover{color:#009933;font-weight: normal;}

.one-show{position: relative; overflow: hidden;}
.one-show img{width: 100%;}
.one-show a{position: relative;display: block; }
.zone-info{position: absolute;left: 50%;margin-left: -800px;top: 26%;}
.zone-info strong{display: block;color: #003300;font-size: 60px;font-family: 'OPPOSansH';font-weight: normal;}
.zone-info p{color: #333333;font-size: 36px;font-family: 'OPPOSansM';margin-top: 20px;}
.zone-info span{margin-top: 55px;}
.more-show{display: block; line-height: 44px;width: 130px;text-align: center;background-color: #009933;border-radius: 4px 0 0 4px;position: relative;color: #FFF;font-size: 14px;cursor: pointer;}
.more-show:after{content: '';position: absolute;right: -44px; width: 0;height: 0;border-style: solid;border-width: 22px;border-color:  transparent transparent transparent #009933;}
.more-show img{width: 12px;margin-left: 6px;margin-top: -3px;}
.more-show:hover{background-color: #ffcc00;}
.more-show:hover:after{border-left-color: #ffcc00;}


.one-show .swiper-num{position: absolute;left: 50%;margin-left: -800px;bottom: 60px;color: #f2e1af;font-size: 16px;letter-spacing: 1px; z-index: 99;}
.one-show .swiper-num .active{font-size: 24px;}
.one-show .swiper-container-horizontal>.swiper-scrollbar{width: auto;height: 1px; bottom: 70px;left: 50%;margin-left: -720px;right: 50%;margin-right: -750px;background: rgba(255,255,255,.5);}
.one-show .swiper-scrollbar-drag{background: #FFF;}
.one-show .swiper-button-prev{width: 13px;height: 21px;background: url(../images/arrow-icon01.png) no-repeat center;right: 50%;margin-right: -777px;top: auto;bottom: 60px;left: auto;}
.one-show .swiper-button-next{width: 13px;height: 21px;background: url(../images/arrow-icon02.png) no-repeat center;right: 50%;margin-right: -800px;top: auto;bottom: 60px;}
.one-show .swiper-button-next.swiper-button-disabled, .one-show .swiper-button-prev.swiper-button-disabled{opacity:.6}
.zpic-m{display: none;}

.zindex-about{background: url(../images/index-bg01.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 150px 0 110px;}
.zindex-name h2{color: #333;font-size: 36px;font-weight: normal;}
.zindex-name span{position: relative;display: block; color: #999;font-size: 14px;font-weight: 300;text-transform: uppercase;padding-left: 55px;margin-top: 13px;}
.zindex-name span:before{content: '';position: absolute;left: 0;top: 4px; width: 41px;height: 5px;background: url(../images/name-line01.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.zindex-nwhite h2{color: #FFF;}
.zindex-nwhite span{color: #FFF;}
.zindex-nwhite span:before{background-image: url(../images/name-line02.png);}
.zindex-namefl{float: left;}
.zindex-namefr{float: right;}

.zindex-pro{background-color: #e8f4eb;padding: 90px 0;}
.index-protab{display: -webkit-flex;display: flex;}
.index-protab li{ display: -webkit-flex;display: flex;align-items: center;justify-content:center;width: 147px;height: 111px; font-size: 16px;/*font-weight: bold;*/ color: #003300;text-align: center; cursor: pointer;margin-right: 5px;background: url(../images/pro-tab01.png) no-repeat bottom center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.index-protab li.on,.index-protab li:hover{color: #FFF;background-image: url(../images/pro-tab02.png);}
.zpro-list{ border-radius: 10px 10px 0 0;overflow: hidden; background:#a8edbc; background: -moz-linear-gradient(bottom, #a8edbc, #FFF 59%);background: -webkit-linear-gradient(bottom, #a8edbc, #FFF 59%); background: linear-gradient(to top, #a8edbc, #FFF 59%);-moz-box-shadow: 6px 12px 15px rgba(156,150,150,.5);-webkit-box-shadow: 6px 12px 15px rgba(156,150,150,.5);box-shadow: 6px 12px 15px rgba(156,150,150,.5);}
.zpro-list .zpic-hover{background: url(../images/index-pro.png) no-repeat center bottom;z-index: 999;position: relative;}
.zpro-list .zpic-hover a{padding-top: 72%;}
.zpro-list .zpro-info{padding: 36px 50px 50px;position: relative;z-index: 99;}
.zpro-list .zpro-info:before{content: '';position: absolute;left: 0;top: 48px;width: 35px;height: 3px; background: url(../images/index-devline.png) no-repeat;z-index: -1;}
.zpro-list .zpro-info:after{content: '';position: absolute;left: 0;top: -50px;bottom: 0; width: 0; background:#009933;z-index: -1;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.zpro-list .zpro-info a.zpro-txt{display: block; color: #333;font-size: 24px;font-weight: 300; line-height: 30px;height: 60px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.zpro-list .zpro-info p{color: #666;font-weight: 300; line-height: 26px;height: 52px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 10px;}
.zpro-list .zpro-info a.zidx-more{margin-top: 22px;}
.zpro-list:hover a.zpro-txt,.zpro-list:hover p,.zpro-list:hover a.zidx-more{color: #FFF;}
.zpro-list:hover a.zidx-more:before{background-image: url(../images/more-icon03.png);}
.zpro-list:hover .zpro-info:before{display: none;}
.zpro-list:hover .zpro-info:after{width: 100%;}
.zidx-prodn{display: none;}
.zidx-probox{position: relative;margin-top: 30px;}
.zidx-probox .swiper-button-prev{width: 100px;height: 100px;background: url(../images/arrow-icon04.png) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;left: 50%;margin-left: -90px;bottom: 0;top: auto;z-index: 99;}
.zidx-probox .swiper-button-next{width: 100px;height: 100px;background: url(../images/arrow-icon05.png) no-repeat center;left: 50%;margin-left: 10px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;bottom: 0;top: auto;z-index: 99;}
.pro-swiper.swiper-container{padding: 0 20px 130px;margin-right: -20px;}
.zidx-proshow{margin: 0 -100px;position: relative;}
.pro-swiper:before{content: '';position: absolute;left: -10px;width: 110px;top: 0;bottom: 0;background-color: #e8f4eb;z-index: 9;display: none;}
.pro-swiper:after{content: '';position: absolute;right: -10px;width: 110px;top: 0;bottom: 0;background-color: #e8f4eb;z-index: 9;display: none;}

.zidx-aboutfl{float: left;width: 47%;}
.zidx-aboutfl p{color: #FFF;line-height: 1.5;font-weight: 300;margin-top: 20px;}
.zidx-aboutfl .zidx-atit{margin-right: 30px;font-size: 24px;}
.zidx-aboutfl ul{margin-top: 55px;}
.zidx-aboutfl li{display: inline-block;margin-right: 66px;position: relative;padding-left: 32px;}
.zidx-aboutfl li:before{content: '';position: absolute;left: 0;top: 6px; width: 1px;height: 54px;background-color: rgba(255,255,255,.8);}
.zidx-aboutfl li strong{display: block;color: #ffcc00;font-size: 48px;}
.zidx-aboutfl li strong i{display: inline-block; font-size: 24px;margin-left: 10px;}
.zidx-aboutfl li p{margin-top: 6px;}
.zidx-aboutfl a{margin-top: 30px;background-color: #ffcc00;}
.zidx-aboutfl a.more-show:after{border-left-color: #ffcc00;}
.zidx-aboutfl a:hover{color: #009933;font-weight: bold;}
.zidx-aboutfl a:hover img{display: none;}
.zidx-aboutfr{float: right;width: 49%;}
.zidx-aboutfr img{width: 100%;}
.zidx-avideo{cursor: pointer;}

.zpopu-show.open{top: 0;opacity: 1;filter: alpha(opacity=100);}
.zpopu-show.open video{display: block;}
.zpopu-show video{display: none;}
.zpopu-show{position: fixed;width: 100%;height: 100%;left: 0;top: -100%;-webkit-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;opacity: 0;filter: alpha(opacity=0);z-index: 99999;}
.zpopu-show .zpopu-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, .5);}
.zpopu-show .zpopu-close{position: absolute;right: 0;top:-48px;}
.zpopu-show .zpopu-close img{cursor: pointer;}
.zpopu-show .zpopu-box{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);z-index: 1; width: 94%; max-width: 960px;background-color: #FFF;text-align: left;font-size: 14px;}
.zpopu-show .zpopu-box video{width: 100%;}

.zindex-develop{background: url(../images/index-bg02.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 100px 0 150px;}
.zindex-develop .zindex-nwhite span:before{background-image: url(../images/name-line01.png);}
.zindex-namefr .more-show{margin-right: 22px;margin-top: 4px;}

.zpic-hover a{display: block;position: relative;padding-top: 65%;overflow: hidden;}
.zpic-hover a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.zpic-hover a:hover img{-webkit-transform: scale(1.08, 1.08);-moz-transform: scale(1.08, 1.08);-ms-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08);}

.zidx-devshow{padding: 50px 80px; background:#e9eff0; background: -moz-linear-gradient(left, #e9eff0, #f2f5f6);background: -webkit-linear-gradient(left, #e9eff0, #f2f5f6); background: linear-gradient(to right, #e9eff0, #f2f5f6);-moz-box-shadow: 2px 0 12px rgba(3,32,43,.5);-webkit-box-shadow: 2px 0 12px rgba(3,32,43,.5);box-shadow: 2px 0 12px rgba(3,32,43,.5);margin-left: 12px;}
.zidx-devinfo{float: left;width: 45%;margin-top: 40px;}
.zidx-devinfo i{display: block;color: #00873b;font-size: 18px;font-weight: bold;position: relative;}
.zidx-devinfo i:before{content: '';position: absolute;left: -80px;top: 6px;width: 35px;height: 3px; background: url(../images/index-devline.png) no-repeat;}
.zidx-devinfo .zidx-devtxt{display: block;color: #333;font-size: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 40px;}
.zidx-devinfo .zidx-devtxt:hover{color: #009933;}
.zidx-devinfo span{display: block;color: #666;font-size: 18px;margin-top: 12px;}
.zidx-devinfo p{color: #666;line-height: 26px;height: 104px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;margin-top: 20px;font-weight: 300;}
.zidx-devinfo .zidx-more{margin-top: 40px;}
.zidx-more{display: inline-block;color: #666;font-size: 16px;font-weight: 300;position: relative;line-height: 38px;padding-left: 46px;}
.zidx-more:before{content: '';position: absolute;left: 0;top: 0;width: 38px;height: 38px;background: url(../images/more-icon01.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.zidx-more:hover{color: #009933;font-weight: bold;}
.zidx-more:hover:before{background-image: url(../images/more-icon02.png);}
.zidx-devpic{float: right;width: 48%;}
.zidx-devpic .zpic-hover a{padding-top: 100%;border:1px dotted #009933;border-radius: 50%;}
.zidx-devpic .zpic-hover a img{border-radius: 50%;padding: 15px;}
.zidx-decbox{ margin-left: 7%;margin-top: 30px;}
.zidx-decbox .swiper-button-next{width: 83px;height: 83px;background: url(../images/arrow-icon03.png) no-repeat center;right: 50%;margin-right: -242px;margin-top: -41px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.zindex-news{padding: 90px 0 130px;background-color: #e8f4eb;}
.zidx-newsbox{margin-top: 40px;}
.zidx-newsfl{float: left;width: 27%;position: relative;-moz-box-shadow: 6px 12px 15px rgba(125,125,125,.5);-webkit-box-shadow: 6px 12px 15px rgba(125,125,125,.5);box-shadow: 6px 12px 15px rgba(125,125,125,.5);}
.zidx-newsfl > a{display: block;position: relative;}
.zidx-newsfl > a:before{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 325px; background: url(../images/index-newsbg.png) no-repeat bottom center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.zidx-newsfl > a img{width: 100%;height: 100%;-webkit-object-fit: cover;object-fit: cover;}
.zidx-newsinfo span{display: block;color: #009933;font-size: 24px;}
.zidx-newsinfo .zidx-newstxt{display: block;color: #333;font-size: 24px; line-height: 30px;height: 60px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.zidx-newsinfo .zidx-newstxt:hover{color: #009933;}
.zidx-newsinfo p{color: #666;font-size: 16px; line-height: 30px;height: 60px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 12px;}
.zidx-newsinfo .zidx-more{margin-top: 16px;}
.zidx-newsfl .zidx-newsinfo{position: absolute;left: 50px;right: 50px;bottom: 46px;}
.zidx-newsfl .zidx-newsinfo .zidx-newstxt,.zidx-newsfl .zidx-newsinfo span{color: #FFF;}
.zidx-newsfl .zidx-newsinfo span{margin-top: 18px;font-size: 18px;font-family: 'OPPOSansR';}
.zidx-newsfl .zidx-newsinfo .zidx-newstxt:hover{font-weight: bold;}
.zidx-newsfl,.zidx-newsfl > a,.zidx-newsfc{height: 624px;}

.zidx-newsfc{float: left;width: 27%;background-color: #FFF;padding: 55px 40px 40px;margin: 0 1%;-moz-box-shadow:6px 12px 15px rgba(125,125,125,.5);-webkit-box-shadow:6px 12px 15px rgba(125,125,125,.5);box-shadow:6px 12px 15px rgba(125,125,125,.5);}
.zidx-newsfc .zidx-newsinfo span{font-family: 'OPPOSansB';}
.zidx-newsfc .zidx-newsinfo .zidx-newstxt{font-size: 26px;line-height: 36px;height: 72px;margin-top: 30px;}
.zidx-newsfc .zidx-newsinfo .zidx-more{margin-top: 32px;}
.zidx-newsfc .zpic-hover{margin-top: 50px;}
.zidx-newsfc .zpic-hover a{padding-top: 56.3%;border-radius: 4px;}

.zidx-newsfr{float: right;width: 44%;}
.zidx-newsfr li{background-color: #fff;padding: 20px 36px;margin-top: 10px;position: relative;-moz-box-shadow: 3px 6px 9px rgba(125,125,125,.5);-webkit-box-shadow: 3px 6px 9px rgba(125,125,125,.5);box-shadow: 3px 6px 9px rgba(125,125,125,.5);}
.zidx-newsfr li:first-child{margin-top: 0;}
.zidx-newsfr li .zidx-newsdata{float: left;width: 106px;color: #009933; font-size: 24px;font-family: 'OPPOSansM';line-height: 1.25;}
.zidx-newsfr li .zidx-newsinfo{display: block;overflow: hidden;padding-bottom: 2px; border-left:1px solid #ebebeb;padding-left: 40px;}
.zidx-newsfr li .zidx-newsinfo .zidx-newstxt{display: block; height: auto;text-overflow: ellipsis;white-space: nowrap;margin-top: 9px;}
.zidx-newsfr li .zidx-newsinfo p{line-height: 24px; height: 48px;margin-top: 18px;}

/* footer */
.footer{background: url(../images/index-foot.jpg) no-repeat bottom center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;color: #FFF;}
.foot-show{padding: 80px 0 70px;}
.foot-show .foot-fl{float: left;width: 55%;}
.foot-show .foot-fl dl{display: inline-block;vertical-align: top;margin-left: 80px;line-height: 30px;}
.foot-show .foot-fl dl:first-child{margin-left: 0;}
.foot-show .foot-fl dl a{display: inline-block; color: #FFF;font-size: 14px;}
.foot-show .foot-fl dl a:hover{color: #ffcc00;}
.foot-show .foot-fl dl dt a{font-size: 18px;}
.foot-show .foot-fl dl.foot-zpro dd a:first-child{ width: 86px;}
.foot-fc{float: right;width: 300px;}
.foot-fc li{position: relative;padding-left: 60px;font-weight: 300;line-height: 24px;font-size: 14px;}
.foot-fc li img{position: absolute;left: 0;top: 0;}
.foot-fc li:first-child{line-height: 18px;margin-bottom: 30px;}
.foot-fc li span{display: block; margin-bottom: 16px;}
.foot-fc li p{font-size: 16px;}
.foot-fc li p i{display: inline-block; font-size: 16px;}
.foot-fc li p strong{display: inline-block;font-size: 18px;font-weight: bold;}
.foot-fr{float: right;width: 113px;text-align: center;margin-left: 90px;}
.foot-fr p{font-size: 14px;margin-top: 8px;}
.foot-base{border-top:1px solid rgba(255,255,255,.15);padding: 50px 0;line-height: 30px;text-align: center;font-size: 14px;}
.foot-base span{display: inline-block;margin: 0 16px;}
.foot-base a{display: inline-block;color: #FFF;}
.foot-base a:hover{color: #ffcc00;text-decoration: underline;}

/* side */
.zside-box{position: fixed; bottom:200px;right: 16px; z-index: 9999;}
.zside-box li{width: 50px;height: 50px;margin-bottom: 18px; cursor: pointer;position: relative;}
.zside-box li > a{display: block;}
.zside-box li .side-have{position: absolute;top: -6px;right: 60px; width: 130px;min-height: 48px;border:1px solid #e3eaf2;border-radius: 10px; background-color: #FFF;color: #666;font-size: 12px;padding: 8px 10px;line-height: 20px;text-align: left;display: none;}
.zside-box li .side-have:before{content: '';position: absolute;right: -9px;top: 24px; width: 9px;height: 12px;background: url(../images/side-arrow.png) no-repeat;}
.zside-box li .side-have strong{display: block;color: #009933;font-size: 14px;}
.zside-box li .side-have img{width: 100%;display: block; margin: 0 auto;}
.zside-box li:hover .side-have{display: block;}

.toTop{position: fixed;right: 16px;bottom: 150px;z-index: 9999;cursor: pointer;width: 50px;height: 50px;text-align: center;display: none;}
.toTop img{width: 100%; height: auto;}

/* about */
.ban-top{position: relative;}
.ban-top img{width: 100%;}
.ban-top .ban-info{position: absolute;top: 33%;left: 50%;margin-left: -800px;color: #FFF;}
.ban-top .ban-info strong{display: block;font-family: "Microsoft YaHei","微软雅黑";font-size: 48px;font-weight: normal;}
.ban-top .ban-info span{display: block;font-family: 'OPPOSansL';font-size: 36px;text-transform: uppercase;margin-top: 10px;}

.zlink-box .wrap{position: relative;}
.zlink-box .index-protab{position: absolute;right: 0;top: -55px;}
.zlink-box .index-protab li a{display: block;}
.zlink-box .index-protab li.on a, .zlink-box .index-protab li:hover a{color: #FFF;}

.zabout-box{background: #e8f4eb;padding: 155px 0 95px;}
.zabout-box .zidx-aboutfl p{color: #333;}
.zabout-box .zidx-aboutfl li:before{background-color: #978e6d;}
.zabout-box .zidx-aboutfl li strong{color: #009933;}
.zabout-box .zidx-aboutfr p{color: #009933;font-size: 22px;font-weight: bold; line-height: 1.6;margin-top: 88px;}

.zabout-job{background: url(../images/about-bg01.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 60px 0 90px;}
.zabout-job .zajob-box{margin-top: 30px;}
.zajob-box li{margin-bottom: 6px;}
.zajob-box li .zajob-name{background:#FFF;line-height: 100px;padding: 0 20px;}
.zajob-box li .zajob-fl{float: left;color: #333;font-size: 24px;font-weight: bold;}
.zajob-box li .zajob-fl i{display: inline-block;width: 50px;height: 50px;text-align: center;line-height: 50px;background-color: #009933;border-radius: 50%;color: #FFF;font-size: 18px;margin-right: 14px;}
.zajob-box li .zajob-fc{float: right;margin-right: 60px;}
.zajob-box li .zajob-fc span{display: inline-block;color: #666;margin-right: 120px;}
.zajob-box li .zajob-fr{float: right;}
.zajob-box li .zajob-fr img{cursor: pointer;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.zajob-box li .zajob-info{background-color: #FFF;padding: 30px 50px;display: none;}
.zajob-box li .zajob-show{height: 240px;overflow-y: auto;color: #666;font-size: 14px;line-height: 2.3;}
.zajob-box li .zajob-show::-webkit-scrollbar {width: 8px;}
.zajob-box li .zajob-show::-webkit-scrollbar-thumb {background-color: #009933;border-radius: 4px;}
.zajob-box li .zajob-show::-webkit-scrollbar-track {background: #f8f8f8;}
.zajob-box li .zajob-show strong{display: block; margin-top: 30px;}
.zajob-box li .zajob-show strong:first-child{margin-top: 0;}
.zajob-box li .zajob-show p{font-weight: 300;}
.zajob-box li.select .zajob-name{background:#f1f9fd; background: -moz-linear-gradient(bottom, #f1f9fd, #feffff);background: -webkit-linear-gradient(bottom, #f1f9fd, #feffff); background: linear-gradient(to top, #f1f9fd, #feffff);}
.zajob-box li.select .zajob-info{display: block;}
.zajob-box li.select .zajob-fr img{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

.page-show{text-align: center;margin-top: 40px;}
.page-show ul{font-size: 0;}
.page-show li{display: inline-block;margin: 0 6px;}
.page-show li span, .page-show li a{display: block;color: #666;font-size: 16px; width: 47px; height: 50px; line-height: 50px;border: 1px solid #e1e4f3;background-color: #FFF;}
.page-show li a:hover,.page-show li.pageactive span{background-color: #009933;border-color: #009933;color: #FFF;}
.page-show li.pagebtn span,.page-show li.pagebtn a{width: 55px;}
.zabout-job .page-show li a:hover,.zabout-job .page-show li.pageactive span{background-color: #66cc66;border-color: #66cc66;}

.zabout-intro{background-color: #e8f4eb;padding: 110px 0 120px;}
.zaintro-flr{margin-top: 40px;display: -webkit-flex;display: flex;justify-content:space-between;}
.zaintro-fl,.zaintro-fr{background-color: #FFF;width: 48%;}
.zaintro-info{padding: 40px 32px;}
.zaintro-info strong{display: block;color: #009933;font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.zaintro-info p{color: #333;line-height: 1.8;margin-top: 8px;}
.zaintro-flr img{width: 100%;}

.zabout-busns{background: url(../images/about-bg02.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 60px 0 130px;}
.zabusns-info{margin-top: 20px;color: #FFF;}
.zabusns-info strong{display: block;font-size: 30px;}
.zabusns-info p{font-size: 18px;line-height: 1.67;margin-top: 16px;font-weight: 300;}
.zabusns-box{margin-top: 48px;position: relative;}
.zabusns-list{background-color: #f3f3f3;padding: 90px 40px 50px;position: relative;}
.zabusns-list i{position: absolute;left: 30px;top: 52px; width: 50px;height: 50px;line-height: 50px;text-align: center;color: #FFF;font-size: 18px;font-weight: bold;background-color: #009933;border-radius: 50%;}
.zabusns-list .zabusns-pic{text-align: right;margin-right: 30px;}
.zabusns-list strong{display: block;color: #333;font-size: 24px;margin-top: 77px;}
.zabusns-list p{color: #666;font-size: 16px;line-height: 24px;height: 72px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;margin-top: 15px;font-weight: 300;}
.zabusns-box .swiper-button-prev{width: 67px;height: 67px;background: url(../images/arrow-icon06.png) no-repeat center;left: -80px;margin-top: -33px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.zabusns-box .swiper-button-next{width: 67px;height: 67px;background: url(../images/arrow-icon07.png) no-repeat center;right: -80px;margin-top: -33px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

/* product */
.zlink-box.zlink-probox .index-protab{left: 50%; right: auto;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%)}
.zzpro-box{padding: 120px 0 100px;background-color: #e8f4eb;}
.zzpro-show{margin-left: -2.3%;}
.zzpro-show li{float: left;width: 31%;margin-left: 2.3%;margin-bottom: 60px;}
.zzpro-box .page-show{margin-top: 20px;}

.zinner-box{padding: 90px 0;background:#e8f4eb; background: -moz-linear-gradient(top, #e8f4eb, #cdfedb);background: -webkit-linear-gradient(top, #e8f4eb, #cdfedb); background: linear-gradient(to bottom, #e8f4eb, #cdfedb);}
.place-box{line-height: 46px;}
.place-box ol{float: left;}
.place-box ol li{display: inline-block;}
.place-box ol li a{color: #333;}
.place-box ol li a:hover{color: #009933;}
.place-box ol li i{margin: 0 6px;}
.place-box .place-return{float: right;}
.place-return a{display: block;width: 182px;line-height: 46px; text-align: center;color: #FFF;font-size: 18px;background-color: #009933;border-radius: 40px;}
.place-return a img{margin-left: 24px;}
.place-return a:hover{background-color: #ffcc00;}

.zinner-show{margin-top: 90px;line-height: 1.6;}
.zinner-sfl{float: left;width: 53%;}
.zinner-sfr{float: right;width: 42%;}
.zinner-show h1{color: #003300;font-size: 48px;}
.zinner-show span{display: block;color: #003300;font-size: 30px;margin-top: 10px;margin-bottom: 36px;}
.zinner-show p{color: #333;font-size: 18px;font-weight: 300;}
.zinner-main{background-color: #e8f4eb;position: relative;padding: 70px 0;}
.zinner-name{position: absolute;top: -100px; padding: 12px 20px;height: 100px; background-color: #e8f4eb;}
.zinner-base{background-color: #f3f3f3;padding: 50px 30px;color: #303030;}
.zinner-base strong{display: block;font-size: 30px;font-weight: normal; margin-bottom: 16px;margin-top: 40px;}
.zinner-base strong:first-child{margin-top: 0;}
.zinner-base p{font-size: 18px;line-height: 2;}

/* develop */
.zdev-box{background-color: #e8f4eb;padding: 100px 0;}
.zdev-box li{margin-bottom: 50px;}
.zdev-box li .zidx-devshow{background: #FFF;position: relative;z-index: 0;}
.zdev-box li .zidx-devshow:before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 0;background-color: #009933;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;z-index: -1;}
.zdev-box li .zidx-devinfo{width: 61%;}
.zdev-box li .zidx-devpic{width: 31%;}
.zdev-box li .zidx-devinfo .zidx-devtxt{font-weight: bold;}
.zdev-box li:hover .zidx-devshow:before{width: 100%;}
.zdev-box li:hover .zidx-devinfo i,.zdev-box li:hover .zidx-devinfo .zidx-devtxt,.zdev-box li:hover .zidx-devinfo span,.zdev-box li:hover .zidx-devinfo p{color: #FFF;}
.zdev-box li:hover .zidx-more{color: #FFF;}
.zdev-box li:hover .zidx-more:before{background-image: url(../images/more-icon03.png);}
.zdev-box li:hover .zidx-devpic .zpic-hover a{border-color: #66cc66;}

/* news */
.znew-box{padding: 100px 0;}
.znew-list{margin-left: -1.3%;display: -webkit-flex;display: flex;justify-content:space-between;}
.znew-list li{float: left;width: 32%;margin-left: 1.3%;background-color: #FFF;}
.znew-list .zpic-hover a{padding-top: 62.3%;}
.znew-lhide{opacity: 0;filter: alpha(opacity=0);}
.znew-lhide a{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);color: #FFF;font-size: 20px;width: 80%;text-align: center;line-height: 1.4;}
.znew-lhide a:before{content: '';position: absolute;left: 0;right: 0; top: -6px;width: 100px;height: 1px;background-color: rgba(255,255,255,.8);margin: 0 auto;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.znew-lhide a:after{content: '';position: absolute;left: 0;right: 0; bottom: -6px;width: 100px;height: 1px;background-color: rgba(255,255,255,.8);margin: 0 auto;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.znew-list li .znew-linfo{padding: 30px 40px;position: relative;}
.znew-list li .znew-linfo:before{content: '';position: absolute;left: 0;top: 36px;width: 35px;height: 3px; background: url(../images/index-devline.png) no-repeat;}
.znew-list li .znew-linfo span{display: block;color: #009933;font-size: 18px;font-family: 'OPPOSansM';}
.znew-list li .znew-linfo .znew-ltxt{display: block;color: #333;font-size: 24px;font-weight: bold;line-height: 1.25; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;margin-top: 20px;}
.znew-list li .znew-linfo p{color: #666;font-weight: 300;line-height: 1.5; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;margin-top: 18px;}
.znew-list li .znew-linfo .zidx-more{margin-top: 16px;}
.znew-lpic{position: relative;}
.znew-list li:hover .znew-lhide{opacity: 1;filter: alpha(opacity=100);position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);}
.znew-list li:hover .znew-lhide a:before,.znew-list li:hover .znew-lhide a:after{width: 30px;}
.znew-list li:hover .zpic-hover a img{-webkit-transform: scale(1.08, 1.08);-moz-transform: scale(1.08, 1.08);-ms-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08);}
.znew-list li .znew-linfo .znew-ltxt:hover{color: #009933;}

.znew-item{margin-top: 30px;}
.znew-item li{background-color: #FFF;padding: 36px 50px;position: relative;display: -webkit-flex;display: flex;justify-content:space-between;align-items: center;z-index: 0;margin-bottom: 20px;}
.znew-item li:before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 0;background-color: #009933;z-index: -1;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.znew-item li .znew-ifl{flex: 1;}
.znew-item li .znew-ifl span{display: block;color: #009933;font-size: 18px;font-family: 'OPPOSansM';position: relative;}
.znew-item li .znew-ifl span:before{content: '';position: absolute;left: -50px;top: 8px;width: 35px;height: 3px; background: url(../images/index-devline.png) no-repeat;}
.znew-item li .znew-ifl a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333;font-size: 26px;font-weight: bold;margin-top: 30px;}
.znew-item li .znew-ifl p{color: #666;font-weight: 300;line-height: 1.5; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;margin-top: 18px;}
.znew-item li .znew-ifc{flex: 0 0 120px; margin:0 80px;}
.znew-item li .znew-ifr{flex: 0 0 320px;}
.znew-item li:hover:before{width: 100%;}
.znew-item li:hover .znew-ifl span,.znew-item li:hover .znew-ifl a,.znew-item li:hover .znew-ifl p{color: #FFF;}
.znew-item li:hover .zidx-more{color: #FFF;}
.znew-item li:hover .zidx-more:before{background-image: url(../images/more-icon03.png);}

.znew-mtit{border-bottom:1px solid #e0e0e0;padding-bottom: 20px;}
.znew-mfl{display: block;overflow: hidden;margin-left: 130px;}
.znew-mfr{float: right;width: 182px;margin-left: 110px;}
.znew-mtit h1{color: #333;font-size: 36px;line-height: 1.25;}
.znew-mtit .znew-bar{margin-top: 18px;line-height: 20px;}
.znew-mtit .znew-bar span{display: inline-block;color: #666;font-size: 14px;font-weight: 300;position: relative;padding-left: 25px;margin-right: 25px;}
.znew-mtit .znew-bar span:before{content: '';position: absolute;left: 0;top: 0;bottom: 0; width: 1px;background-color: #888;}
.znew-mtit .znew-bar span:first-child{padding-left: 0;}
.znew-mtit .znew-bar span:first-child:before{display: none;}
.znew-mtit .znew-bar span img{display: inline-block;margin-top: -3px;margin-right: 10px;}
.znew-minner{margin-top: 40px;}
.znew-minner p{color: #333;font-weight: 300;/*margin-bottom: 40px;*/line-height: 1.8;}
.znew-minner p img{max-width: 100%;}
.znew-minner ul{font-size: 0;margin-bottom: 40px;}
.znew-minner li{display: inline-block;margin: 0 1%;max-width: 48%;}
.znew-mpage{border-top:1px solid #e0e0e0;padding-top: 40px;}
.znew-mpage li{line-height: 36px;margin-top: 10px;position: relative;padding-left: 72px;font-size: 18px;}
.znew-mpage li span{position: absolute;left: 0;width:72px;color: #009933;}
.znew-mpage li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333;}
.znew-mpage li a:hover{color: #009933;}

/* contact */
.zcont-cul{background: url(../images/cont-bg.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 66px 0 32px;overflow: hidden;}
.zcont-cbox{margin-top: 50px;}
.zcont-cfl{float: left;width: 292px;margin-right: 17%;}
.zcont-cfl ul{border-radius: 18px;background-color: rgba(255,255,255,.8);text-align: center;padding: 36px 0;}
.zcont-cfl li{cursor: pointer;}
.zcont-cfl li .zcont-chide{display: none;}
.zcont-cfl li span{display: block;color: #333;font-size: 24px;margin: 24px 0;}
.zcont-cfl li.on span{color: #009933;font-weight: bold;}
.zcont-cfl li.on .zcont-chide{display: inline-block;}
.zcont-cfl li.on .zcont-cshow{display: none;}
.zcont-cfr{display: block;overflow: hidden;}
.zcont-cfont{color: #FFF;margin-right: 50px;padding: 0 80px;}
.zcont-cfont .zcont-cwft{font-family: Arial;font-size: 30px;font-weight: bold;position: relative;}
.zcont-cfont .zcont-cwfb{font-family: Arial;font-size: 30px;font-weight: bold;text-align: right;position: relative;}
.zcont-cfont .zcont-cwft:before{content: '';position: absolute;left: -80px; width: 50px;height: 29px;background: url(../images/cont-dot.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.zcont-cfont .zcont-cwfb:before{content: '';position: absolute;right: -80px; width: 50px;height: 29px;background: url(../images/cont-dot.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.zcont-cfont .zcont-cwfc{font-size: 62px;margin: 20px 0;font-family: 'SourceHanSans';}
.zcont-cword{font-family: 'SourceHanSans';font-size: 120px;color: rgba(255,255,255,.4);text-align: right;line-height: 1.25;margin-top: 240px;}
.zcont-cbox .swiper-button-prev{width: 58px;height: 58px;background: url(../images/cont-arrow01.png) no-repeat center;left: 0;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.zcont-cbox .swiper-button-next{width: 58px;height: 58px;background: url(../images/cont-arrow02.png) no-repeat center;left: 0;margin-left: 70px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.zcont-base{margin-top: 110px;}
.zcont-bshow{margin-top: 12px;}
.zcont-bsfl{float: left;width: 48%;}
.zcont-bsfr{float: right;width: 50%;}
.zcont-bsli{background-color: #FFF;padding: 40px 140px 40px 40px;margin-bottom: 8px;position: relative;}
.zcont-bsli img{position: absolute;top: 50%; right: 60px;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.zcont-bsli i{display: block;color: #333;font-size: 18px;font-weight: 300;margin-top: 20px;}
.zcont-bsli i:first-child{margin-top: 0;}
.zcont-bsli p{color: #333;font-size: 24px;margin-top: 10px;}
.zcont-bsli span{display: inline-block;margin-left: 36px;color: #333;font-weight: 300;}
.zcont-bsli span:first-child{margin-left: 0;}
.zcont-bsli span strong{display: inline-block;font-size: 24px;}
.zcont-bsli span a{display: inline-block;font-size: 24px;}
.zcont-bsli span a:hover{color: #009933;}

.zcont-map{ height: 440px; overflow: hidden; position: relative;}
.map{height: 120%;}
.map *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;max-width: none;}
.BMapLib_sendToPhone{display: none;}
.map .BMapLib_bubble_content{font-family: "Microsoft YaHei","微软雅黑";}
.map .BMapLib_SearchInfoWindow{border:none;background-color:transparent;bottom:-320px}
.map .BMapLib_SearchInfoWindow .BMapLib_bubble_top{display: none;}
.map .BMapLib_SearchInfoWindow .BMapLib_trans{display: none;}

.zcont-msg{margin-top: 150px;padding-bottom: 70px;}
.msg-show .msg-name{color: #323232;font-size: 44px;margin-bottom: 40px;}
.msg-show ul{margin-left: -1%;margin-top: 20px;}
.msg-show ul li{float: left;width: 49%;margin-left: 1%;margin-bottom: 20px;}
.msg-show ul li.msg-text{width: 99%;}
.msg-show input,.msg-show textarea{width: 100%;background-color: #FFF;border:1px solid #CCC; padding: 10px 16px;font-size: 14px;color: #646464;line-height: 30px;}
.msg-show textarea{height: 130px;}
.msg-show .msg-btn{margin-top: 30px;text-align: center;}
.msg-show .msg-btn button{display: inline-block; width: 587px;line-height: 57px;color: #fff;font-size: 18px;font-weight: bold; text-align: center;cursor: pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background:#33cc66; background: -moz-linear-gradient(left, #33cc66, #009933);background: -webkit-linear-gradient(left, #33cc66, #009933); background: linear-gradient(to right, #33cc66, #009933);}
.msg-show .msg-btn button:hover{background: #ffcc00;border-radius: 50px;color: #009933;}

@media screen and (max-width: 1800px){
    .zindex-pro{padding-bottom: 80px;}
    .zidx-proshow{margin: 0;}
    .pro-swiper:after{right: -40px;}
    .pro-swiper:before{left: -40px;}
    .zidx-decbox{margin-left: 3.5%;}
    .zabusns-box{padding: 0 60px;}
    .zabusns-box .swiper-button-prev{left: -20px;}
    .zabusns-box .swiper-button-next{right: -20px;}
}
@media screen and (max-width: 1660px){
    .zone-info,.ban-top .ban-info{left: 4%;margin-left: 0;}
    .one-show .swiper-num{left: 4%;margin-left: 0;}
    .one-show .swiper-container-horizontal>.swiper-scrollbar{left: 4%;margin-left: 80px;right:4%;margin-right: 50px;}
    .one-show .swiper-button-prev{right: 4%;margin-right: 20px;}
    .one-show .swiper-button-next{right: 4%;margin-right: 0;}
    .foot-show .foot-fl{width: 60%;}
    .foot-fr{margin-left: 30px;}
    .foot-show .foot-fl dl{margin-left: 40px;}
    .zcont-cfl{margin-right: 100px;}
    .zcont-cfont .zcont-cwfc{font-size: 56px;}
    .zcont-bsli span{margin-left: 20px;}
    .zcont-bsli img{right: 40px;}
    .zcont-bsli{padding-right: 100px;}
}
@media screen and (max-width: 1580px){
    .header-nav li{margin: 0 30px;}
    .header-link{margin-right: 0;margin-left: 20px;}
    .zone-info strong{font-size: 50px;}
    .zone-info p{font-size: 30px;}
    .zone-info span{margin-top: 24px;}
    .index-protab li{width: 110px;height: 83px;}
    .zlink-box .index-protab{top: -41px;}
    .zindex-about,.zindex-develop{padding: 100px 0;}
    .zidx-aboutfl li{margin-right: 30px;}
    .zidx-decbox .swiper-button-next{margin-right: -222px;}
    .ban-top .ban-info strong{font-size: 40px;}
    .ban-top .ban-info span{font-size: 32px;}
    .zabusns-list{padding: 80px 20px 40px;}
    .zzpro-box{padding: 100px 0;}
    .zinner-show h1{font-size: 40px;}
    .zinner-show span{font-size: 26px;}
    .znew-item li .znew-ifl{width: 40%;}
    .znew-item li .znew-ifl a{font-size: 24px;}
    .znew-mfl{margin-left: 80px;}
    .zcont-cfont .zcont-cwfc{font-size: 50px;}
    .zcont-cfont .zcont-cwft,.zcont-cfont .zcont-cwfb{font-size: 22px;}
    .zcont-cword{font-size: 100px;}
    .zcont-base{margin-top: 80px;}
    .zcont-bsli{padding: 30px 80px 30px 30px;}
    .zcont-bsli img{width: 50px;height: auto;right: 30px;}
    .zcont-map{height: 380px;}
    .zcont-msg{margin-top: 120px;}
}
@media screen and (max-width: 1440px){
    .zcont-bsli span{display: block;margin-left: 0;}
    .zcont-map{height: 410px;}
    /* .zidx-probox .swiper-button-next{width: 70px;height: 70px;} */
    /* .zidx-probox .swiper-button-prev{width: 70px;height: 70px;} */
    .pro-swiper:before{left: -16px;}
    .pro-swiper:after{right: -16px;}
    .pro-swiper:before,.pro-swiper:after{width: 55px;}
    .zabusns-box .swiper-button-prev{width: 60px;height: 60px;}
    .zabusns-box .swiper-button-next{width: 60px;height: 60px;}
    .zabusns-list strong{font-size: 20px;}
}
@media screen and (max-width: 1280px){
    .logo{width: 200px;}
    .header-nav li{margin: 0 16px;}
    .zone-info strong{font-size: 40px;}
    .zone-info p{font-size: 24px;}
    .zindex-pro{padding: 60px 0;}
    .pro-swiper:before,.pro-swiper:after{display: none;}
    .zindex-about,.zindex-develop,.zindex-news,.zabout-job,.zabout-intro{padding: 60px 0;}
    .zindex-name h2{font-size: 30px;}
    .zindex-name span{font-size: 12px;padding-left: 36px;}
    .zindex-name span:before{width: 25px;height: 3px;}
    .index-protab li{width: 86px;height: 65px;font-size: 14px;}
    .zlink-box .index-protab{top: -33px;}
    .zpro-list .zpro-info{padding: 20px;}
    .zpro-list .zpro-info a.zpro-txt{font-size: 20px;}
    .zpro-list .zpro-info:before{display: none;}
    /* .zidx-probox .swiper-button-prev{width: 70px;height: 70px;bottom: 0;top:auto;left: 50%;margin-left: -60px;} */
    /* .zidx-probox .swiper-button-next{width: 70px;height: 70px;bottom: 0;top:auto;right: 50%;margin-right: -60px;} */
    .zidx-aboutfl{width: 52%;}
    .zidx-aboutfr{width: 44%;}
    .zidx-aboutfl .zidx-atit{font-size: 20px;}
    .zidx-aboutfl ul{margin-top: 20px;}
    .zidx-aboutfl li strong{font-size: 36px;}
    .zidx-aboutfl li{padding-left: 12px;margin-right: 12px;}
    .zidx-devshow{padding: 30px;}
    .zidx-devinfo i:before{display: none;}
    .zidx-decbox .swiper-button-next{display: none;}
    .zidx-devinfo .zidx-devtxt{font-size: 24px;margin-top: 24px;}
    .zidx-devinfo{margin-top: 0;}
    .zidx-newsbox{margin-top: 30px;}
    .zidx-newsfc{padding: 24px;}
    .zidx-newsinfo span{font-size: 20px;}
    .zidx-newsfc .zidx-newsinfo .zidx-newstxt{font-size: 22px;margin-top: 20px;}
    .zidx-newsfr li .zidx-newsdata{font-size: 18px;width: 70px;padding-top: 10px;}
    .zidx-newsfr li{padding: 24px;}
    .zidx-newsfr li .zidx-newsinfo{padding-left: 16px;}
    .zidx-newsfr li .zidx-more{display: none;}
    .zidx-newsfr li .zidx-newsinfo .zidx-newstxt{margin-top: 2px;}
    .zidx-newsinfo .zidx-newstxt{font-size: 22px;}
    .zidx-newsfr li .zidx-newsinfo p{margin-top: 12px;}
    .zidx-newsfl .zidx-newsinfo{left: 20px;right: 20px;bottom: 20px;}
    .zidx-newsfl .zidx-newsinfo span{font-size: 16px;}
    .zidx-newsfl, .zidx-newsfl > a, .zidx-newsfc{height: 446px;}
    .zidx-newsfc .zidx-newsinfo .zidx-more{margin-top: 12px;}
    .zidx-newsfc .zpic-hover{margin-top: 12px;}
    .foot-show{padding: 50px 0;}
    .foot-show .foot-fl{display: none;}
    .foot-fc{float: left;}
    .foot-fr{float: left;margin-left: 0;margin-right: 50px;}
    .foot-base{padding: 20px 0;}
    .ban-top .ban-info strong{font-size: 36px;}
    .ban-top .ban-info span{font-size: 30px;}
    .zabout-box .zidx-aboutfr p{font-size: 18px;}
    .zajob-box li .zajob-fc{margin-right: 0;}
    .zajob-box li .zajob-fc span{margin-right: 60px;}
    .zaintro-info{padding: 20px;}
    .zaintro-flr{margin-top: 30px;}
    .zabusns-info strong{font-size: 20px;}
    .zabusns-info p{font-size: 16px;}
    .zabusns-box{margin-top: 30px;}
    .zabusns-list strong{font-size: 18px;margin-top: 36px;}
    .zabusns-list .zabusns-pic img{width: 60px;height: auto;}
    .zabusns-list i{width: 36px;height: 36px;line-height: 36px;font-size: 14px;left: 20px;top: 30px;}
    .zzpro-box,.zdev-box,.znew-box{padding: 80px 0;}
    .zzpro-show li{margin-bottom: 40px;}
    .zinner-box{padding: 60px 0;}
    .place-box{line-height: 40px;}
    .place-return a{width: 160px;line-height: 40px;}
    .place-return a img{margin-left: 12px;}
    .zinner-show{margin-top: 60px;}
    .zinner-show h1{font-size: 36px;}
    .zinner-show span{font-size: 22px;}
    .zinner-main{padding: 60px 0;}
    .znew-list li .znew-linfo .znew-ltxt{font-size: 20px;}
    .znew-item li .znew-ifl a{font-size: 20px;}
    .znew-item li .znew-ifr{flex:0 0 240px}
    .znew-item li .znew-ifc{margin: 0 32px;}
    .znew-mtit h1{font-size: 32px;}
    .znew-mfl{margin-left: 0;}
    .znew-mfr{margin-left: 50px;}
    .zcont-cfl{width: 240px;margin-right: 60px;}
    .zcont-cfont{margin-right: 20px;padding: 0 40px}
    .zcont-cfont .zcont-cwfc{font-size: 42px;}
    .zcont-cfont .zcont-cwft, .zcont-cfont .zcont-cwfb{font-size: 18px;}
    .zcont-cfont .zcont-cwft:before{width: 24px;height: 14px;left: -40px;}
    .zcont-cfont .zcont-cwfb:before{width: 24px;height: 14px;right: -40px;}
    .zcont-cword{font-size: 80px;}
    .zcont-base{margin-top: 60px;}
    .zcont-bsli p,.zcont-bsli span strong,.zcont-bsli span a{font-size: 20px;}
    .zcont-map{height: 390px;}
    .zcont-msg{margin-top: 80px;}

}
@media screen and (max-width: 960px){
    .header{line-height: 90px;}
    .logo{width: 160px;}
    .header-nav li{margin: 0 8px;}
    .header-nav li a{font-size: 16px;}
    .zone-info strong{font-size: 30px;}
    .zone-info p{font-size: 20px;margin-top: 12px;}
    .one-show .swiper-num,.one-show .swiper-button-prev,.one-show .swiper-button-next{bottom: 30px;}
    .one-show .swiper-container-horizontal>.swiper-scrollbar{bottom: 40px;}
    .more-show{width: 120px;line-height: 36px;}
    .more-show:after{border-width: 18px;right: -36px;}
    .zone-info span{margin-top: 12px;}
    .zside-box li{width: 42px;height: 42px;margin-bottom: 12px;}
    .toTop{width: 42px;height: 42px;}
    .zindex-pro{padding: 50px 0 30px;}
    .zindex-pro .zindex-namefr{float: left;width: 100%;margin-top: 20px;}
    .zpro-list .zpro-info a.zpro-txt{font-size: 18px;line-height: 26px;height: 52px;}
    .zidx-more{line-height: 24px;padding-left: 30px;font-size: 14px;}
    .zidx-more:before{width: 24px;height: 24px;}
    .zidx-aboutfl .zidx-atit{font-size: 18px;}
    .zidx-aboutfl p{font-size: 14px;}
    .zidx-aboutfl li{margin-bottom: 10px;}
    .zidx-aboutfl a{margin-top: 16px;}
    .zabout-box .zidx-aboutfr p{font-size: 16px;}
    .zidx-decbox{margin: 20px 0 0;}
    .zidx-devshow{margin: 0 4%;}
    .zidx-newsfl{width: 48%;}
    .zidx-newsfc{width: 50%;margin: 0;margin-left: 2%;}
    .zidx-newsfl, .zidx-newsfl > a, .zidx-newsfc{height: 500px;}
    .zidx-newsfr{width: 100%;margin-top: 16px;}
    .ban-top .ban-info strong{font-size: 32px;}
    .ban-top .ban-info span{font-size: 26px;}
    .zajob-box li .zajob-name{line-height: 80px;padding: 0 16px;}
    .zajob-box li .zajob-fl{font-size: 18px;}
    .zajob-box li .zajob-fl i{width: 36px;height: 36px;line-height: 36px;font-size: 14px;margin-right: 8px;}
    .zajob-box li .zajob-fc span{margin-right: 32px;font-size: 14px;}
    .zajob-box li .zajob-fr img{width: 40px;height: auto;}
    .zajob-box li .zajob-info{padding: 24px;}
    .zajob-box li .zajob-show::-webkit-scrollbar {width: 6px;}
    .zajob-box li .zajob-show strong{margin-top: 12px;}
    .zajob-box li .zajob-show{line-height: 1.8;height: 180px;}
    .zabout-busns{padding: 50px 0 100px;}
    .zabusns-box{padding: 0 40px;}
    .zabusns-box .swiper-button-prev{width: 40px;height: 40px;margin-top: -20px;}
    .zabusns-box .swiper-button-next{width: 40px;height: 40px;margin-top: -20px;}
    .zinner-show h1{font-size: 30px;}
    .zinner-show span{font-size: 18px;}
    .zinner-main{padding: 40px 0;}
    .zinner-name{position: static;padding: 0;height: auto;margin-bottom: 20px;}
    .zinner-base{padding: 24px;}
    .zinner-base strong{font-size: 24px;margin-top: 30px;}
    .zdev-box{padding: 60px 0;}
    .zdev-box li .zidx-devpic{margin-top: 20px;}
    .zdev-box li .zidx-devshow{margin: 0;}
    .znew-box{padding: 60px 0;}
    .znew-list li .znew-linfo:before{display: none;}
    .znew-list li .znew-linfo{padding: 20px;}
    .znew-list li .znew-linfo span{font-size: 16px;}
    .znew-list li .znew-linfo .znew-ltxt{font-size: 18px;margin-top: 12px;}
    .znew-list li .znew-linfo p{font-size: 14px;margin-top: 12px;}
    .znew-lhide a{font-size: 16px;}
    .znew-item li .znew-ifc{display: none;}
    .znew-item li .znew-ifr{margin-left: 30px;}
    .znew-item li .znew-ifl span:before{display: none;}
    .znew-item li{padding: 24px;}
    .znew-item li .znew-ifl a{margin-top: 18px;font-size: 18px;}
    .znew-mtit h1{font-size: 30px;}
    .znew-minner p{margin-bottom: 30px;}
    .znew-mpage li{font-size: 16px;}
    .zcont-bsfl{width: 100%;}
    .zcont-bsfr{width: 100%;}
    .zcont-msg{margin-top: 50px;}
}
@media screen and (max-width: 768px){
    .header{line-height: 50px;}
    .logo{width: 120px;}
    .header-link{margin-left: 0;margin-right: 20px;}
    .nav-btn{display: block;float: right; position:relative; width:24px; margin-top:10px; cursor:pointer; transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s; z-index: 999999;}
    .nav-btn i{ display:block; height:3px; background-color:#FFF; margin:6px 0; border-radius:5px; transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s}
    .nav-btn.nav-open i{ display:none; margin:0; position:absolute; left:3px; top:14px; width:30px;}
    .nav-btn.nav-open i:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
    .nav-btn.nav-open i:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}

    .header-nav{position: fixed;right: -100%;top: 0;width: 100%;height: 100vh;background-color: #009933;z-index: 99999;line-height: 50px;padding: 50px 16px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;text-align: left;margin-top: 0; overflow-y: auto;}
    .header-nav.header-on{right: 0;}
    .header-nav li{margin: 0;display: block;border-bottom:1px solid #DDD;}
    .header-nav li a:after{left: 0;}
    .header-nav li a:hover:after, .header-nav li.on a:after{width: 50px;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}

    .header-nav li.nav-sub{position: relative;padding-right: 40px;}
    .header-nav li.nav-sub:after{content: '';position: absolute;right: 0;top: 24px;width: 15px;height: 8px; background: url(../images/nav-icon.png) no-repeat center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor: pointer;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
    .header-nav li .nav-layer{position: static;height: auto;-webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none;}
    .header-nav li dl{border:none;background: transparent;padding: 0 0 10px 12px;}
    .header-nav li dl a{color: #FFF;font-size: 14px;line-height: 2.2;}

    .zside-box{display: none;}
    .zone-info strong{font-size: 18px;}
    .zone-info p{font-size: 16px;margin-top: 8px;}
    .zone-info span{display: none;}
    .one-show .swiper-num{font-size: 14px;}
    .one-show .swiper-num .active{font-size: 18px;}
    .one-show .swiper-container-horizontal>.swiper-scrollbar{margin-left: 66px;}
    .index-protab{display: -webkit-box; white-space: nowrap;overflow-x: scroll;width: 100%;}
    .pro-swiper.swiper-container{padding:0 0 70px;margin-right: 0;}
    .zidx-probox .swiper-button-prev{width: 60px;height: 60px;margin-left: -50px;}
    .zidx-probox .swiper-button-next{width: 60px;height: 60px;margin-right: -50px;}
    .zpro-list{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
    .zindex-pro,.zindex-about,.zindex-develop,.zindex-news,.zabout-job,.zabout-intro{padding: 40px 0;}
    .zindex-name h2{font-size: 26px;}
    .zidx-aboutfl{width: 100%;}
    .zidx-aboutfr{width: 100%;margin-top: 20px;}
    .zidx-devinfo{width: 50%;}
    .zidx-devpic{width: 46%;}
    .zidx-devpic .zpic-hover a img{padding: 8px;}
    .zidx-devinfo .zidx-devtxt{font-size: 20px;margin-top: 20px;}
    .zidx-devinfo span{font-size: 14px;}
    .zidx-devinfo p{font-size: 14px;line-height: 20px;height: 80px;}
    .zidx-devinfo .zidx-more{margin-top: 20px;}
    .zidx-newsfl, .zidx-newsfl > a, .zidx-newsfc{height:460px;}
    .zidx-newsfc .zidx-newsinfo .zidx-newstxt,.zidx-newsinfo .zidx-newstxt{font-size: 20px;}

    .ban-top .ban-info strong{font-size: 26px;}
    .ban-top .ban-info span{font-size: 18px;}
    .zabout-box{padding-top: 60px;}
    .zajob-box li .zajob-fc span:nth-child(2){display: none;}
    .zajob-box li .zajob-name{line-height: 60px;}
    .zajob-box li .zajob-fl{font-size: 16px;}
    .zajob-box li .zajob-fl i{width: 30px;height: 30px;line-height: 30px;margin-right: 6px;font-size: 12px;}
    .zajob-box li .zajob-fc span{margin-right: 26px;}
    .zajob-box li .zajob-fr img{width: 30px;}
    .page-show{margin-top: 30px;}
    .page-show li{margin: 0 3px;}
    .page-show li span, .page-show li a{height: 36px;line-height: 36px;width: 36px;}
    .page-show li.pagebtn span, .page-show li.pagebtn a{width: 36px;}
    .zaintro-flr{display: block;margin-top: 20px;}
    .zaintro-fl, .zaintro-fr{width: 100%;}
    .zaintro-fr{margin-top: 16px;}
    .zaintro-info{padding: 16px;}
    .zaintro-info strong{font-size: 20px;}
    .zaintro-info p{font-size: 14px;}
    .zabout-busns{padding-top: 40px;}
    .zzpro-show li{width: 47.7%;margin-bottom: 20px;}
    .zzpro-box{padding: 60px 0;}
    .zinner-box{padding: 50px 0;}
    .place-box{font-size: 14px;line-height: 36px;}
    .place-box ol li i{margin: 0 3px;}
    .place-return a{font-size: 14px;width: 110px;line-height: 36px;}
    .place-return a img{width: 10px;margin-left: 6px;}
    .zinner-show{margin-top: 36px;}
    .zinner-show h1{font-size: 24px;}
    .zinner-show span{font-size: 16px;margin-bottom: 20px;}
    .zinner-show p{font-size: 16px;}
    .zinner-sfl{width: 60%;}
    .zinner-sfr{width: 38%;}
    .zdev-box li .zidx-devinfo{width: 55%;}
    .zdev-box li .zidx-devpic{width: 42%;margin-top: 10px;}
    .zdev-box li{margin-bottom: 30px;}
    .znew-list li .znew-linfo .zidx-more{display: none;}
    .znew-lhide{display: none;}
    .znew-list li .znew-linfo{padding: 16px;}
    .znew-list li .znew-linfo span{font-size: 14px;}
    .znew-list li .znew-linfo .znew-ltxt{font-size: 16px;}
    .znew-item{margin-top: 20px;}
    .znew-item li .znew-ifl a{font-size: 16px;}
    .znew-item li .znew-ifl span{font-size: 16px;}
    .znew-item li .znew-ifr{flex: 0 0 180px;}
    .znew-item li{margin-bottom: 16px;}
    .znew-mfr{display: none;}
    .znew-mtit{padding-bottom: 12px;}
    .znew-mtit h1{font-size: 24px;}
    .znew-mtit .znew-bar{margin-top: 12px;}
    .znew-mtit .znew-bar span{padding-left: 8px;margin-right: 8px;}
    .znew-mtit .znew-bar span img{width: 16px;height: auto;margin-right: 6px;}
    .znew-minner{margin-top: 20px;}
    .znew-minner p{margin-bottom: 20px;font-size: 14px;}
    .znew-mpage{padding-top: 16px;}
    .znew-mpage li{font-size: 14px;line-height: 24px;margin-top: 8px;}
    .zcont-cul{padding: 50px 0 24px;}
    .zcont-cbox{margin-top: 24px;}
    .zcont-cfl{width: 160px;}
    .zcont-cpic img{width: 66px;height: auto;}
    .zcont-cfl ul{padding: 20px 0;}
    .zcont-cfl li span{font-size: 18px;margin: 16px 0;}
    .zcont-cfont .zcont-cwfc{font-size: 30px;}
    .zcont-cword{margin-top: 100px;font-size: 60px;}
    .zcont-cbox .swiper-button-next{width: 36px;height: 36px;margin-left: 40px;}
    .zcont-cbox .swiper-button-prev{width: 36px;height: 36px;}
    .zabusns-box{padding: 0 0 60px 0;}
    .zabusns-box .swiper-button-prev{top: auto;bottom: 0;left: 50%;margin-left: -40px;}
    .zabusns-box .swiper-button-next{top: auto;bottom: 0;right: 50%;margin-right: -40px;}
    .zabout-busns{padding-bottom: 60px;}
}
@media screen and (max-width: 660px){
    .znew-list{display: block;margin-left: 0;}
    .znew-list li{width: 100%;margin-left: 0;margin-bottom: 16px;}
    .msg-show ul{margin-left: 0;}
    .msg-show ul li{margin-left: 0;width: 100%;margin-bottom: 12px;}
    .msg-show ul li.msg-text{width: 100%;}
    .msg-show .msg-btn button{width: 100%;}
    .msg-show .msg-btn{margin-top: 16px;}
    .zcont-msg{margin-top: 40px;}
    .zcont-bsli p, .zcont-bsli span strong, .zcont-bsli span a{font-size: 18px;}
}
@media screen and (max-width: 600px){
    .zindex-pro,.zindex-about,.zindex-develop,.zindex-news,.zabout-job,.zabout-intro{padding: 30px 0;}
    .zindex-name h2{font-size: 24px;}
    .index-protab li{font-size: 12px;width: 80px;height: 60px;}
    .zlink-box .index-protab{top: -30px;}
    .zpro-list .zpro-info a.zpro-txt{font-size: 16px;}
    .zpro-list .zpro-info p{font-size: 14px;line-height: 20px;height: 40px;}
    .zpro-list .zpro-info a.zidx-more{display: none;}
    .foot-show{padding: 36px 0;}
    .foot-fc li{padding-left: 36px;}
    .foot-fc li img{width: 20px;height: auto;}
    .foot-fr{width: 90px;margin-right: 30px;}
    .foot-fc li:first-child{margin-bottom: 16px;}
    .zabout-box{padding-top: 60px;}
    .ban-top img{min-height: 160px;object-fit: cover;}
    .ban-top .ban-info{top: 25%;}
    .ban-top .ban-info strong{font-size: 20px;}
    .ban-top .ban-info span{font-size: 14px;margin-top: 6px;}
    .zajob-box li .zajob-fc{display: none;}
    .page-show li{margin: 0 2px;}
    .page-show li span, .page-show li a{height: 30px;line-height: 30px;width: 30px;font-size: 14px;}
    .page-show li.pagebtn span, .page-show li.pagebtn a{width: 30px;}
    .zabout-busns{padding-top: 30px;padding-bottom: 30px;}
    .zabusns-info p{font-size: 14px;}
    .zabusns-list{padding: 60px 16px 30px;}
    .zabusns-list .zabusns-pic{margin-right: 10px;}
    .zabusns-list .zabusns-pic img{width: 48px;}
    .zabusns-list i{left: 16px;top: 24px;width: 30px;height: 30px;line-height: 30px;font-size: 12px;}
    .zabusns-list strong{font-size: 16px;margin-top: 24px;}
    .zabusns-list p{font-size: 14px;line-height: 20px;height: 60px;}
    .place-return{display: none;}
    .place-box ol{ float: none; white-space: nowrap; overflow-x: scroll;}
    .place-box ol::-webkit-scrollbar{display:none;}
    .zinner-sfl{width: 100%;}
    .zinner-sfr{width: 100%;margin-top: 16px;text-align: center;}
    .zinner-sfr img{width: 80%;}
    .zinner-base p{font-size: 16px;}
    .znew-item{margin-top: 0;}
    .znew-item li{padding: 16px;display: block;}
    .znew-item li .znew-ifl{width: 100%;}
    .znew-item li .znew-ifr{width: 100%;margin-top: 10px;margin-left: 0;}
    .znew-item li .znew-ifl span{font-size: 14px;}
    .znew-item li .znew-ifl p{margin-top: 12px;font-size: 14px;}
    .znew-box{padding: 50px 0 40px;}
    .znew-mtit h1{font-size: 22px;}
    .znew-mtit .znew-bar{line-height: 12px;}
    .znew-mtit .znew-bar span{font-size: 12px;margin-bottom: 5px;}
    .znew-mtit .znew-bar span img{width: 12px;}
    .zcont-cfl{width: 100%;margin-right: 0;}
    .zcont-cfl li{float: left;width: 33.3%;text-align: center;}
    .zcont-cpic img{width: 48px;}
    .zcont-cfl li span{font-size: 16px;margin-bottom: 0;}
    .zcont-cfr{float: left;margin-top: 20px;}
    .zcont-cfont .zcont-cwfc{font-size: 22px;}
    .zcont-cfont .zcont-cwft, .zcont-cfont .zcont-cwfb{font-size: 14px;}
    .zcont-cfont .zcont-cwft:before{width: 16px;height: 9px;left: -24px;}
    .zcont-cfont .zcont-cwfb:before{width: 16px;height: 9px;right: -24px;}
    .zcont-cfont{padding: 0 24px;margin-right: 0;}
    .zcont-cword{font-size: 48px;margin-top: 40px;}
    .zcont-cbox .swiper-button-prev, .zcont-cbox .swiper-button-next{top: auto;bottom: 20px;}
    .zcont-base{margin-top: 40px;}
    .zcont-bsli{padding: 16px 80px 16px 16px;}
    .zcont-bsli img{width: 48px;}
}
@media screen and (max-width: 480px){
    .one-show img{min-height: 180px;object-fit: cover;}
    .one-show .swiper-num, .one-show .swiper-button-prev, .one-show .swiper-button-next{bottom: 16px;}
    .one-show .swiper-container-horizontal>.swiper-scrollbar{bottom: 26px;}
    .zone-info p{font-size: 14px;}
    .zidx-probox{margin-top: 20px;}
    .zpro-list .zpro-info a.zpro-txt,.zpro-list .zpro-info p{height: auto;}
    .zpro-list .zpro-info{padding: 16px;}
    .zidx-aboutfl li strong{font-size: 24px;}
    .zidx-devshow{padding: 16px;}
    .zidx-devinfo{width: 100%;}
    .zidx-devpic{width: 100%;margin-top: 16px;}
    .zidx-devinfo p{margin-top: 12px;height: auto;}
    .zidx-newsfl{width: 100%;}
    .zidx-newsfl .zidx-newsinfo{left: 16px;right: 16px;}
    .zidx-newsfc{width: 100%;margin: 0;margin-top: 16px;padding: 16px;}
    .zidx-newsinfo span{font-size: 14px;}
    .zidx-newsfc .zidx-newsinfo .zidx-newstxt, .zidx-newsinfo .zidx-newstxt{font-size: 18px;height: auto;line-height: 28px;}
    .zidx-newsinfo p{font-size: 14px;height: auto;line-height: 20px;}
    .zidx-newsfc .zidx-newsinfo .zidx-newstxt{margin-top: 12px;}
    .zidx-newsfl, .zidx-newsfl > a, .zidx-newsfc{height: auto;}
    .zidx-newsfr li{padding: 16px;}
    .zidx-newsfr li .zidx-newsinfo p{margin-top: 8px;}
    .zidx-newsfr li .zidx-newsdata{font-size: 16px;width: 55px;}
    .zidx-newsfl .zidx-newsinfo span{font-size: 14px;margin-top: 10px;}
    .zidx-devinfo .zidx-devtxt{font-size: 18px;}
    .foot-fr{width: 100%;margin-right: 0;}
    .foot-fc{width: 100%;margin-top: 16px;}
    .foot-base span{margin: 0 4px;}
    .foot-base{padding: 10px 0;line-height: 24px;}
    .page-show li span, .page-show li a{height: 26px;line-height: 26px;width: 26px;font-size: 12px;}
    .page-show li.pagebtn span, .page-show li.pagebtn a{width: 26px;}
    .zabusns-list strong{font-size: 14px;}
    .zabusns-list p{margin-top: 10px;}
    .zzpro-show{margin-left: 0;}
    .zzpro-show li{width: 100%;margin-left: 0;margin-bottom: 16px;}
    .zinner-show{margin-top: 30px;}
    .zinner-show h1{font-size: 22px;}
    .zinner-show p{font-size: 14px;}
    .zindex-name h2{font-size: 22px;}
    .zinner-base{padding: 16px;}
    .zinner-base strong{font-size: 20px;margin-bottom: 10px;}
    .zinner-base p{font-size: 14px;line-height: 1.8;}
    .zdev-box li .zidx-devinfo{width: 100%;}
    .zdev-box li .zidx-devpic{width: 100%;}
    .zdev-box li{margin-bottom: 16px;}
    .zidx-devinfo .zidx-devtxt{margin-top: 16px;}
    .zidx-devinfo i{font-size: 16px;}
    .zdev-box{padding: 50px 0 40px;}
    .zidx-devpic .zpic-hover{width: 80%;margin: 0 auto;}
    .znew-mtit h1{font-size: 20px;}
    .zcont-base{margin-top: 30px;}
    .zcont-msg{margin-top: 30px;padding-bottom: 30px;}
    .msg-show input, .msg-show textarea{padding: 6px 10px;line-height: 26px;}
    .msg-show ul li{margin-bottom: 10px;}
    .msg-show .msg-btn button{line-height: 50px;}
    .zcont-bsli p, .zcont-bsli span strong, .zcont-bsli span a{font-size: 16px;}
    .zcont-bsli i{font-size: 14px;}
    .zcont-bsli img{width: 32px;}
}