@charset "utf-8";
/*
color:red !important;/* Firefox、IE7支持 
_color:red;  IE6支持 
*color:red;  IE6、IE7支持 
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持 
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
background:linear-gradient(#e99c40,#d35224);-webkit-background:linear-gradient(#e99c40,#d35224);
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#8fc320,endcolorstr=#122b88,gradientType=1);
-webkit-appearance:none;
appearance:none;
pointer-events:none;
select::-ms-expand{display:none;}
@media screen and (min-width:540px){}
@media screen and (max-width:320px){}
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
*/
@font-face{
  font-family: 'gabo'; 
  src: url('../fonts/gabo_drive.otf');
}
/*--默认--*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}
body{font-family:'Microsoft YaHei',微软雅黑,黑体;min-width:320px;margin:auto;max-width: 1920px;margin: 0 auto !important;}
ol,ul,li{list-style:none outside none;}
a{text-decoration:none;color:inherit;cursor:pointer;outline:none;}
img{border:none;vertical-align:middle;max-width:100%;max-height:100%;}
table{border-collapse:collapse;width:100%;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:1.3;}
i,em,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{padding:0;font-family:inherit;outline:none;resize:none;background:none;border:none;font-size:inherit;color:inherit;}
input::-moz-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
textarea::-moz-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
select::-moz-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
::-webkit-input-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
::-ms-input-placeholder{color:inherit;opacity:0.5;font-size:inherit;}


/*--滚动条插件--*/
.jspContainer{overflow:hidden;position:relative;}.jspPane{position:absolute;}.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}.jspCap{display:none;}.jspHorizontalBar .jspCap{float:left;}.jspTrack{background:#dde;position:relative;}.jspDrag{background:#ddd;position:relative;top:0;left:0;cursor:pointer;}.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}.jspArrow.jspDisabled{cursor:default;background:#80808d;}.jspVerticalBar .jspArrow{height:16px;}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}.jspVerticalBar .jspArrow:focus{outline:none;}.jspCorner{background:#eeeef4;float:left;height:100%;}* html .jspCorner{margin:0 -3px 0 0;}.jspVerticalBar{width:6px;}.jspDrag{background:#a99479;border-radius:8px;}.jspTrack{background:#f5f5f5;border-radius:8px;}

.mCSB_scrollTools .mCSB_draggerRail{background:#ddd;width:2px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#333;}

@font-face{
    font-family:en;
    src: url('fonts/futura_medium.eot');
    src: url('fonts/futura_medium.eot?#iefix') format('embedded-opentype'),url('fonts/futura_medium.woff2') format('woff2'),url('fonts/futura_medium.woff') format('woff'),url('fonts/futura_medium.ttf') format('truetype'),url('fonts/futura_medium.svg#futura_medium') format('svg');
}
@font-face {
    font-family:impact;
		src: url('fonts/impact.eot');
    src: url("fonts/impact.eot?#iefix") format("embedded-opentype"), url("fonts/impact.woff") format("woff"), url("fonts/impact.ttf") format("truetype"), url("fonts/impact.svg#impact") format("svg");
}
@font-face{
    font-family:icon;
    src: url('fonts/iconfont.eot');
    src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('fonts/iconfont.woff') format('woff'),url('fonts/iconfont.ttf') format('truetype'),url('fonts/iconfont.svg#iconfont') format('svg');
}

/*--类--*/
.gray{-webkit-filter: grayscale(100%);filter:grayscale(100%);filter:gray;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content:"";clear:both;display:block;}
.footer_b{position:fixed;left:0;bottom:0;width:100%;}

.select{display:inline-block;width:210px;height:30px;line-height:30px;color: #707070;position: relative;border:1px solid #ddd;text-align: left;cursor: pointer;}
.select:before{content:"";background:url(../image/arrow7.png) center center no-repeat;width:21px;height:12px;right:10px;top:50%;margin-top:-6px;position: absolute;}
.select span{display:block;margin:0 10px 0 10px;}
.select ul{position:absolute;left:-1px;right:-1px;top:100%;background: #f0f0f0;display:none;}
.select li{padding:0 20px;line-height:40px;}

.checkbox{cursor: pointer;}
.checkbox i{display:inline-block;vertical-align: sub;width: 15px;height:15px;text-align: center;border:1px solid #fff;margin-right:10px;line-height:15px;font-size: 0;}
.checkbox.ckd i:after{content:"";width:5px;height:5px;background:#fff;display:block;margin:5px 5px 0;}

.radio{cursor: pointer;margin-right:45px;}
.radio i{display:inline-block;vertical-align: sub;width: 15px;height:15px;text-align: center;border:1px solid #fff;margin-right:10px;line-height:15px;font-size: 0;border-radius:100%;}
.radio.ckd i:after{content:"";width:5px;height:5px;background:#fff;display:block;margin:5px 5px 0;border-radius:100%;}

/*--通用--*/
body{font-size:14px;color:#333;line-height:1.6;}
.h{line-height:1;}
.h1{line-height:1;}
.h2{line-height:1;}
.h3{line-height:1;}.block{width:1230px;margin:auto;}
.p{line-height:1.6;text-align: justify;}
.text{line-height:1.7;}
.menu{display:none;}
.nav_main_m{display:none;}
.search_m{display:none;}
.scmbtn{display:none;}
.list:after{content:"";vertical-align: middle;display:block;clear: both;font-size: 0;}
.prev{cursor: pointer;}
.next{cursor: pointer;}

.transTop{transform:translateY(100px);-webkit-transform:translateY(100px);opacity: 0;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.transTop_1{transform:translateY(100px);-webkit-transform:translateY(100px);opacity: 0;
transition:all 0.5s ease-out 0.1s;-webkit-transition:all 0.5s ease-out 0.1s;}
.transTop_2{transform:translateY(100px);-webkit-transform:translateY(100px);opacity: 0;
transition:all 0.5s ease-out 0.2s;-webkit-transition:all 0.5s ease-out 0.2s;}
.transTop_3{transform:translateY(100px);-webkit-transform:translateY(100px);opacity: 0;
transition:all 0.5s ease-out 0.3s;-webkit-transition:all 0.5s ease-out 0.3s;}
.transTop_4{transform:translateY(100px);-webkit-transform:translateY(100px);opacity: 0;
transition:all 0.5s ease-out 0.4s;-webkit-transition:all 0.5s ease-out 0.4s;}
.transBottom-100{transform:translateY(-100px);-webkit-transform:translateY(-100px);opacity: 0;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.show .transTop{transform:none;-webkit-transform:none;opacity: 1;}
.show .transTop_1{transform:none;-webkit-transform:none;opacity: 1;}
.show .transTop_2{transform:none;-webkit-transform:none;opacity: 1;}
.show .transTop_3{transform:none;-webkit-transform:none;opacity: 1;}
.show .transTop_4{transform:none;-webkit-transform:none;opacity: 1;}
.show .transBottom{transform:none;-webkit-transform:none;opacity: 1;}
.transLeft{transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity: 0;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.transLeft_1{transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity: 0;
transition:all 0.5s ease-out 0.1s;-webkit-transition:all 0.5s ease-out 0.1s;}
.transLeft_2{transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity: 0;
transition:all 0.5s ease-out 0.2s;-webkit-transition:all 0.5s ease-out 0.2s;}
.transLeft_3{transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity: 0;
transition:all 0.5s ease-out 0.3s;-webkit-transition:all 0.5s ease-out 0.3s;}
.transRight{transform:translateX(100px);-webkit-transform:translateX(100px);opacity: 0;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.transRight_1{transform:translateX(100px);-webkit-transform:translateX(100px);opacity: 0;
transition:all 0.5s ease-out 0.1s;-webkit-transition:all 0.5s ease-out 0.1s;}
.transRight_2{transform:translateX(100px);-webkit-transform:translateX(100px);opacity: 0;
transition:all 0.5s ease-out 0.2s;-webkit-transition:all 0.5s ease-out 0.2s;}
.transRight_3{transform:translateX(100px);-webkit-transform:translateX(100px);opacity: 0;
transition:all 0.5s ease-out 0.3s;-webkit-transition:all 0.5s ease-out 0.3s;}
.show .transLeft{transform:none;-webkit-transform:none;opacity: 1;}
.show .transLeft_1{transform:none;-webkit-transform:none;opacity: 1;}
.show .transLeft_2{transform:none;-webkit-transform:none;opacity: 1;}
.show .transLeft_3{transform:none;-webkit-transform:none;opacity: 1;}
.show .transRight{transform:none;-webkit-transform:none;opacity: 1;}
.show .transRight_1{transform:none;-webkit-transform:none;opacity: 1;}
.show .transRight_2{transform:none;-webkit-transform:none;opacity: 1;}
.show .transRight_3{transform:none;-webkit-transform:none;opacity: 1;}

.shadow{background:url(../image/black50.png);position: fixed;left:0;top:0;right:0;bottom:0;z-index:10;display: none;}
.layer{background:#fff;position: fixed;width:930px;margin-left:-465px;left:50%;top:50%;z-index:11;display: none;}
.layer .close{font-size:25px;font-family:icon;position: absolute;right:0;top:0;width:80px;height:80px;text-align: center;line-height:80px;cursor: pointer;}
.layer .inner{padding:65px;}
.layer h1{font-size:30px;}
.layer .content{margin-top:20px;max-height:345px;overflow: hidden;}


.share-label{display:inline-block;}
.share-box{display:inline-block;vertical-align:middle;text-align:center;}
.share-box:after{content:'';display:table;clear:both;}
.share-box .share-item{position:relative;float:left;border-radius:50%;cursor:pointer;}
.share-box a.share-item{margin:0;padding-left:0;height:auto;background-image:none;font-size:inherit;line-height:inherit;}
.share-box .share-item:after{content:'';vertical-align:top;font-family:"icon" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;display: inline-block;}
.share-box .icon-wchat:after{content:'\e602';font-size:1.05em;margin-top:0.05em;}
.share-box .icon-qq:after{content:'\e603';}
.share-box .icon-qzone:after{content:'\e604';}
.share-box .icon-sinawb:after{content:'\e605';}
.share-box .icon-txwb:after{content:'\e606';}
.share-box .icon-smore:after{content:'\e600';}
.share-item .code{position:absolute;right:0%;top:100%; margin-top:15px;padding:20px 10px 10px;width:140px;height:140px;background-color:#fff;border-radius:3px;line-height:34px;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translateY(50%);-moz-transform:translateY(50%);transform:translateY(50%);box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:5px;}
.share-item .code:before{content:'0';position:absolute;right:7px;bottom:100%;margin:auto;width:0;height:0;border:8px solid transparent;font-size:0;border-bottom-color:rgba(0,0,0,0.15);}
.share-item .code:after{content:'0';position:absolute;right:8px;bottom:100%;margin:auto;width:0;height:0;border:7px solid transparent;font-size:0;border-bottom-color:#fff;}
.share-item .code > img{display:block;width:100%;}
.share-item:hover .code{visibility:visible;opacity:1;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%);}
.share-box a.share-item{margin-left:3px;width:32px;height:32px;line-height:32px;font-size:20px;}
.share-box a.share-item.icon-sinawb{font-size:23px;}
.share-box a.share-item:hover{opacity:1;z-index:1;}
#bdshare_weixin_qrcode_dialog{-webkit-box-sizing:content-box;box-sizing:content-box;}

.header{position:absolute;left:0;top:0;right:0;}
.logo{position:absolute;left:80px;top:30px;z-index: 3;}

.footer{padding:100px 0 0;color: #333333;}
.footer .block{max-width:1230px;padding:0;}
.footer .d1{padding:50px 90px;border-top: 1px solid #ddd;margin-top: 100px;}
.footer .d1 .list{float:left;}
.footer .d1 .list .item{float:left;margin-right:25px;font-size:16px;text-align:center;}
.footer .d1 .list .item span{width:100px;height:100px;line-height:100px;box-sizing:border-box;border:1px solid #ccc;border-radius:100%;display:block;position:relative;perspective:300px;}
.footer .d1 .list .item span:after{width:100%;height:100%;content:"";display: block;}
.footer .d1 .list .item span.ico1:after{background:url(../image/icon3_1.png) center center no-repeat;background-size:auto 60%;}
.footer .d1 .list .item span.ico2:after{background:url(../image/icon3_2.png) center center no-repeat;background-size:auto 60%;}
.footer .d1 .list .item span.ico3:after{background:url(../image/icon3_3.png) center center no-repeat;background-size:auto 60%;}
.footer .d1 .list .item span.ico4:after{background:url(../image/icon3_4.png) center center no-repeat;background-size:auto 60%;}
.footer .d1 .list .item span.ico5:after{background:url(../image/icon3_5.png) center center no-repeat;background-size:auto 60%;}
.footer .d1 .list .item span.ico1{position:relative;z-index:1;}
.footer .d1 .list .item span.ico1 img{position:absolute;left:50%;top:50%;width:160px;height:160px;margin:-80px 0 0 -80px;z-index:1;box-shadow:0 0 5px rgba(0,0,0,0.2);opacity: 0; transition:all 0.2s ease-out 0s;visibility: hidden; transform:scale(0.9);max-width:none;max-height:none;}
.footer .d1 .list .item span.ico1:hover img{opacity: 1;visibility: visible; transform:none;}
.footer .d1 .list .item:hover span:after{transform:rotateY(-360deg);-webkit-transform:rotateY(-360deg);
    transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.footer .d1 .list .item:hover span.ico1:after{transform:none;-webkit-transform:none;}
.footer .d1 .list .item strong{margin-top:8px;display:inline-block;}
.footer .d1 .tel{float:right;padding-top:30px;}
.footer .d1 .tel .d{float:left;margin-left:30px;text-align:right;}
.footer .d1 .tel .d .h3{font-size:46px;font-family:Arial;}
.footer .d1 .tel .d p{margin-top:5px;}
.friend{padding:30px 90px;line-height:1.5;font-size:18px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.friend .tit{float: left;}
.friend .inner{padding:0 0 0 90px;}
.friend a{margin:0 10px;display:inline-block;}
.footer .d2{background:url(../image/bg4.png);padding:40px 90px;}
.footer .d2 .nav{float:left;width:65%;font-size:0;}
.footer .d2 .nav .item{display: inline-block;vertical-align: top;padding-right:70px;}
.footer .d2 .nav .item:last-child{padding-right:0;}
.footer .d2 .nav .item .h3{font-size:24px;color:inherit;line-height:1;}
.footer .d2 .nav .item ul{padding-top:20px;line-height:1.7;font-size:18px;}
.footer .d2 .nav .item li{margin-top:10px;}
.footer .d2 .nav .item li:first-child{margin-top:0;}
.footer .d2 .nav .item .p{font-size:14px;color:inherit;margin-top:3px;line-height:1;}
.footer .d2 .nav .item .p a{display: inline-block;margin-right:10px;}
.footer .d2 .des{float:right;width:30%;}
.footer .d2 .des .d{margin-bottom:30px;}
.footer .d2 .des .d .h3{font-size:24px;color:inherit;}
.footer .d2 .des .d .text{padding-top:20px;line-height:1.7;}
.footer .d2 .des .d .text p{margin-top:10px;}
.footer .d2 .des .d .text p:first-child{margin-top:0;}
.footer .d3{background:url(../image/bg4.png);padding:40px 90px;border-top:1px solid #cccccc;}
.footer .d3 .list{font-size:0;text-align: center;}
.footer .d3 .item{width:20%;display: inline-block;text-align: left;vertical-align: top;}
.footer .d3 .item .h{font-size:24px;}
.footer .d3 .item .p{font-size:14px;margin-top:15px;width:90%;}
.footer .copy{line-height:90px;text-align: center;background:url(../image/bg4.png);padding:0 90px;border-top:1px solid #ccc;}
.title1{text-align:center;perspective:500px;}
.title1 .h2{font-size:48px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;}
.title1 .h2 i{transform:rotateY(90deg) translateZ(-90px) scale(0.3);-webkit-transform:rotateY(90deg) translateZ(-90px) scale(0.3);opacity:0;display:inline-block;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.title1 .h3{font-size:24px;margin-top:5px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;}
.title1 .h3 i{transform:rotateY(-90deg) translateZ(-90px) scale(0.3);-webkit-transform:rotateY(-90deg) translateZ(-90px) scale(0.3);opacity:0;display:inline-block;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.title1.act i{transform:rotateY(0deg) translateZ(0px) scale(1);-webkit-transform:rotateY(0deg) translateZ(0px) scale(1);opacity:1;}
.title1 .button{margin-top:30px;}
.title1 .button .a{display:inline-block;min-width:265px;line-height:52px;font-size:30px;position:relative;text-align:center;}
.title1 .button .a:before{content:"";position: absolute;left:0;top:0;height:100%;right:100%;animation:bt1 4s ease-in-out 0s infinite;background:#0f663a;}
.title1 .button .a a{display:block;height:100%;position:relative;border:2px solid #0f663a;padding:0 20px;animation:bt2 4s ease-in-out 0s infinite;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.title1 .button .a:hover:before{animation:none;}
.title1 .button .a:hover a{background:#0f663a;color:#fff;border-color:#0f663a;animation:none;}
@-webkit-keyframes bt1{
0%{left:0;right:100%;}
10%{left:0;right:0%;}
30%{left:0;right:0%;}
40%{left:100%;right:0%;}
100%{left:100%;right:0%;}
}
@keyframes bt1{
0%{left:0;right:100%;}
10%{left:0;right:0%;}
30%{left:0;right:0%;}
40%{left:100%;right:0%;}
100%{left:100%;right:0%;}
}
@-webkit-keyframes bt2{
0%{color:#0f663a;}
10%{color:#fff;}
30%{color:#fff;}
40%{color:#0f663a;}
100%{color:#0f663a;}
}
@keyframes bt2{
0%{color:#0f663a;}
10%{color:#fff;}
30%{color:#fff;}
40%{color:#0f663a;}
100%{color:#0f663a;}
}


.home1{background:url(../image/banner-2.jpg) no-repeat center;background-size:cover;height:1900px;color: #fff;position: relative;opacity: 0;transition:opacity 1s ease-out 0.3s;/* padding-top:100px; */}
.home1.show{opacity:1;}

.home1 .banner{position:relative;height:800px;}
.home1 .banner .frame{position:absolute;left:0;top:0;right:0;bottom:0;}
.home1 .banner .frame .child{position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;box-sizing:border-box;}
.home1 .banner .child .l{width:50%;display:inline-block;height:100%;text-align: center;}
.home1 .banner .child .l:after{content:"";vertical-align: middle;height:100%;display: inline-block;}
.home1 .banner .child .r{width:50%;display:inline-block;height:100%;text-align: center;}
.home1 .banner .child .r:after{content:"";vertical-align: middle;height:100%;display: inline-block;}
.home1 .banner .child .inner{display: inline-block;vertical-align: middle;}
.home1 .banner .child video{width:100%;height:auto;}
.home1 .banner .c1 .l{width:30%;transform:translateX(-80px);opacity:0;}
.home1 .banner .c1 .r{width:70%;padding:0 20px;box-sizing:border-box;}
.home1 .banner .c1 .h{font-size:62px;}
.home1 .banner .c1 .p{font-size:28px;margin-top:15px;}
.home1 .banner .c2{padding:0 15%;}
.home1 .banner .c2 .l{transform:translateX(-80px);opacity:0;}
.home1 .banner .c2 img{max-width:80%;}
.home1 .banner .c2 .r{transform:translateX(80px);opacity:0;}

.home1 .banner .now .l{transform:none;opacity:1;transition:all 0.8s ease-out 0.5s;}
.home1 .banner .now .r{transform:none;opacity:1;transition:all 0.8s ease-out 0.5s;}

.home1 .banner .d1{height:100%;text-align:center;}
.home1 .banner .d1:after{content:"";vertical-align: middle;display: inline-block;height:100%;}
.home1 .banner .d2{height:100%;text-align:center;}
.home1 .banner .d2:after{content:"";vertical-align: middle;display: inline-block;height:100%;}
.home1 .banner .inner{display: inline-block;vertical-align: middle;}

.home1 .person{position: absolute;left:3%;top:0;width:95%;height:auto;transition:all 1.5s ease-out 0.5s;background:url(../image/png10.png) center center no-repeat;padding-top:47%;background-size:contain;}
.home1 .person .t1{background:url(../image/png4.png) center center no-repeat;width:10%;height:21%;position:absolute;left:47%;top:17%;background-size:contain;transform-origin:center bottom;opacity:0;}
.home1 .person .t2{background:url(../image/png5.png) center center no-repeat;width:10%;height:21%;position:absolute;left:57%;top:12%;background-size:contain;transform-origin:center bottom;opacity:0;}
.home1 .person .t3{background:url(../image/png6.png) center center no-repeat;width:10%;height:21%;position:absolute;left:74.5%;top:5.5%;background-size:contain;transform-origin:center bottom;opacity:0;}
.home1 .now .person .t1.act{animation:tt 2s linear 0s 1 both;}
.home1 .now .person .t2.act{animation:tt 2s linear 0s 1 both;}
.home1 .now .person .t3.act{animation:tt 2s linear 0s 1 both;}

@-webkit-keyframes tt{
0%{transform:scale(0.7);opacity:0;}
15%{transform:scale(1);opacity:1;}
70%{transform:scale(1);opacity:1;}
100%{transform:scale(1);opacity:0;}
}
@keyframes tt{
0%{transform:scale(0.7);opacity:0;}
15%{transform:scale(1);opacity:1;}
70%{transform:scale(1);opacity:1;}
100%{transform:scale(1);opacity:0;}
}


.home1 .tit1{position:absolute;left:18%;top:0;margin-top:27%;}
.home1 .tit1 .h1{font-size:60px;}
.home1 .tit1 .h2{font-size:18px;margin-top:20px;}
.home1 .tit2{position:absolute;left:50px;bottom:100px;writing-mode: vertical-rl;text-align: center;transform:translateY(100px);opacity:0;transition:all 1s cubic-bezier(0,1,1,1) 0s;}
.home1 .tit2.show{transform:none;opacity:1;}
.home1 .tit2 .h1{font-size:48px;}
.home1 .tit2 .h2{font-size:175px;font-family:Impact;color:#1f3d39;margin-right:50px;text-transform:uppercase;}
.home1 .nav{position:absolute;right:50px;left:50px;bottom:100px;}
.home1 .nav .item{width:0;height:140px;line-height:140px;text-align:center;background:#00a592;float:right;font-size:24px;margin-bottom:10px;clear:both;overflow:hidden;cursor: pointer;transition:all 1s cubic-bezier(0,1,1,1) 0s;}
.home1 .nav .item span{font-size:18px;font-family:en;margin-left:20px;}
.home1 .nav.show .item:nth-child(1){background:#00a592;width:58%;}
.home1 .nav.show .item:nth-child(2){background:#09949d;width:65%;}
.home1 .nav.show .item:nth-child(3){background:#1b90de;width:52%;}
.home1 .nav.show .item:nth-child(4){background:#64b396;width:46%;}
.home1 .nav.show .item:nth-child(5){background:#3556e7;width:58%;}
.home1 .nav.show .item:nth-child(6){background:#00a592;width:75%;}
.home1 .nav .item:hover{padding:0 3%;}
.fp-scrollable{height: 100%;}
.home1 .tools{position:absolute;right:50px;top:30px;z-index:5;}
.home1 .links{width:160px;height:52px;border-radius:26px;box-shadow:0 0 20px rgba(0,0,0,0.15);line-height:52px;text-align:center;margin-right:15px;float:left;background:#fff;font-size:18px;color:#015128;}
.home1 .tel{font-size:36px;color:#fff;line-height:52px;float: left;}
.home1 .tel i{width:52px;height:52px;border-radius:100%;box-shadow:0 0 20px rgba(0,0,0,0.15);line-height:45px;text-align: center;margin-right:15px;float:left;background:#fff;background:#fff url(../image/ico_tel.png) center center no-repeat;background-size:50% auto;}
.home1 .box .tit{font-size: 48px;transition: all 1s ease-out 1.4s;opacity: 0;transform: translate(0,40px);}
.home1 .box{text-align: center;position: absolute;top: 50%;margin-top: -276px;left:50%;margin-left: -276px;width: 552px;height: 552px;display: table;z-index: 2;}
.home1 .box .cell{display: table-cell;vertical-align: middle;}
.home1 .box .desc{font-size: 28px;line-height: 37.5px;margin-top: 16px;transition: all 1s ease-out 1.8s;opacity: 0;transform: translate(0,40px);}
/* .home1 .mask{width: 552px;height: 552px;position: absolute;top: 50%;margin-top: -276px;left:50%;margin-left: -276px;z-index: 1; filter: blur(10px);background: #015125;border-radius: 50%; opacity: 0; animation: home1mask 1.4s ease 1.4s infinite alternate;} */
.home1 .bg1{width: 34%;position: absolute;top: 50%;left: 50%;padding-top: 34%;margin: -17% 0 0 -17%;}
.home1 .bg1-1{background: url(../image/home1-3.png) no-repeat center;background-size: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.home1 .bg1-2{background: url(../image/home1-5.png) no-repeat center;background-size: cover;width: 13.14%;height: 46.94%;position: absolute;top: 11%;left: 114%;}
.home1 .bg2{background: url(../image/home1-4.png) no-repeat center;width: 28.8%;position: absolute;top: 50%;left: 50%;padding-top: 28.8%;margin: -14% 0 0 -14.4%;background-size: cover;transition: all 1.5s ease 1.5s;}
.home1 .bg3{background: url(../image/home1-2.png) no-repeat center;width: 16.56%;position: absolute;top: 50%;left: 50%;padding-top: 16.56%;margin:6% 0 0 20%;background-size: cover;overflow: hidden;}
.home1 .bg3-1{background: url(../image/home1-1.png) repeat-y center 0;position: absolute;top:0;left:0;width:100%;height:100%;  background-size: 61.32% ;}
.home1 .bg3-2{top: 100%;margin-top: 0;}
.home1 .bg3 .scroll{position: absolute;top: 0%;left: 0;width: 100%;height: 127%;}
.home1 .bg3 .box1{position: absolute;top: 50%;left: 0;width: 100%;height: 93%;margin-top: -46.5%;overflow: hidden;border-radius: 50%;}
.home1.show .tit{opacity: 1;transform: translate(0,0);}
.home1.show .desc{opacity: 1;transform: translate(0,0);}
.home1.show .bg2{opacity: 0.5;}
.active .home1 .bg1-1{animation: home1bg1 10s linear 0.3s infinite;}
.active .home1 .bg3 .scroll{animation: home1bg3 10s linear 0.3s infinite;}


@keyframes home1bg1{
  0%{transform: rotate(0);}
  100%{transform: rotate(-180deg);}
}
@keyframes home1bg3{
  0%{transform: translateY(0);}
  100%{transform: translateY(-100%);}
}
.title .h{font-size:40px;}
.home2{}
.home2 .part7{padding:120px 0 0;height:auto;position: relative;}
.home2 .part7 .title{text-align:center;}
.home2 .part7 .list{perspective:1200px;margin-top:50px;padding:0 6px;}
.home2 .part7 .list .item{position:relative;overflow:hidden;display:inline-block;width:390px;height:auto;margin:0 6px 12px;opacity: 0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:translateY(100px);-webkit-transform:translateY(100px);}
.home2 .part7 .list .item:nth-child(1){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.home2 .part7 .list .item:nth-child(2){transition-delay:0.1s;-webkit-transition-delay:0.1s;}
.home2 .part7 .list .item:nth-child(3){transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.home2 .part7 .list .item:nth-child(4){transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.home2 .part7 .list .item:nth-child(5){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.home2 .part7 .list .item:nth-child(6){transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.home2 .part7.show .list .item{opacity:1;transform:translateY(0px) rotateX(0deg);-webkit-transform:translateY(0px) rotateX(0deg);}
.home2 .part7 .list .item img{width:100%;height:auto;
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .part7 .list .item .logo{height:100%;position:absolute;left:0;top:0;width:100%;background-position:center center;background-repeat:no-repeat;}
.home2 .part7 .list .item .mask{background:#0f663a;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;opacity:0;filter:alpha(opacity='0');
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .part7 .list .item .mask .cell{position:absolute;left:0;top:50%;width:100%;height:80px;margin-top:-40px;}
.home2 .part7 .list .item .mask .h3{font-size:36px;color:#fff;line-height:1.3;padding:0 30px;
transform:translateY(-20px);-webkit-transform:translateY(-20px);
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .part7 .list .item .mask p{font-size:16px;color:#fff;margin-top:20px;
transform:translateY(20px);-webkit-transform:translateY(20px);
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .part7 .list .item .mask p a{margin:0 10px;}
.home2 .part7 .list .item:hover .mask{opacity:0.85;filter:alpha(opacity='85');}
.home2 .part7 .list .item:hover .mask .h3{transform:translateY(0px);-webkit-transform:translateY(0px);}
.home2 .part7 .list .item:hover .mask p{transform:translateY(0px);-webkit-transform:translateY(0px);}
.home2 .part7 .list .item .more{position:absolute;left:0;top:0;width:100%;height:100%;}
.home2 .part7 .title1{margin-top:60px;}
.home2 .part7 .copy{text-align:center;margin-top:60px;}
.home2 .part7 .mCSB_inside > .mCSB_container{margin-right:0;}
.section1 .home1 {height: 921px;}

.home2 .titbox{text-align: center;color: #333333;line-height: 1;}
.home2 .titbox .tit{font-size: 52px;}
.home2 .titbox .desc{font-size: 22px;margin-top: 15px;line-height: 1.4;}
.ptafter{position: relative;}
.ptafter:after{content: "";display: block;}
.section2{background: url(../image/home2-1.jpg) no-repeat center;background-size:cover;padding: 100px 0;}
.home2 .part1{overflow: hidden;position: relative;}
.home2 .part1:after{padding-top: 60.416%;}
.home2 .part1 .box{text-align: center; position: relative;margin-top: 48px;}
.home2 .part1 .box .img1{width: 48.07%;}
.home2 .part1 .box .item{position: absolute;width: 400px;}
.home2 .part1 .box .item .tit{font-size: 26px;}
.home2 .part1 .box .item .desc{font-size: 16px;line-height: 24px;margin-top: 6px;}
.home2 .part1 .box .tal{text-align: left;}
.home2 .part1 .box .tar{text-align: right;}
.home2 .part1 .box .item.i1{top:2.6%;right: 65%;}
.home2 .part1 .box .item.i2{top:27.2%;right: 74%;}
.home2 .part1 .box .item.i3{top:54.6%;right: 69.8%;}
.home2 .part1 .box .item.i4{top:80.6%;right: 65.2%;}
.home2 .part1 .box .item.i5{top:9%;left: 67.5%;}
.home2 .part1 .box .item.i6{top:40.8%;left: 74%;}
.home2 .part1 .box .item.i7{top:72%;left: 71.4%;}
.home2 .part1 .box .ig{position: absolute;left: 50%;transform: translate(-50%,0);}
.section3{background: url(../image/home2-2.jpg) no-repeat center;background-size:cover;padding: 200px 0;}
.home2 .part2 .titbox{color:#b1eacc;}
.home2 .part2 .box{color: #fff;text-align: center;font-size: 0;padding: 12.76% 5.729% 0;}
.home2 .part2 .box .tit{font-size: 22px;position: relative;z-index: 4;}
.home2 .part2 .box .desc{font-size: 16px;line-height: 24px;text-align: justify;margin-top: 8px;position: relative;z-index: 4;}
.home2 .part2 .box .item{width: 20%;display: inline-block;vertical-align: top;}
.home2 .part2 .box .item .inner{margin: 0 7.5%;}
.home2 .part2 .box .item .img{width: 150px;height: 150px;margin: 0 auto;position: relative;}
.home2 .part2 .box .item .img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.home2 .part2 .box .item .img:after{content: "";display: block;background: url(../image/home3-1.png) no-repeat center;background-size:100%;width: 411px;height: 411px;position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);z-index: 0;opacity: 0;}
.home2 .part2 .box .item .i1{z-index: 1;}
.home2 .part2 .box .item .i2{z-index: 2;opacity: 0;}
.home2 .part3:after{padding-top: 51.302%;}
.home2 .part3 .bg1{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.home2 .part3 .box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
.home2 .part3 .box .item{width: 33.33333%;height: 50%;float: left;display: table;}
.home2 .part3 .box .img{width: 120px;height: 100px;}
.home2 .part3 .box .img img{width: 100%;}
.home2 .part3 .box .tit1{font-size: 22px;margin-top: 10px;}
.home2 .part3 .box .desc1{font-size: 16px;line-height: 24px;margin-top: 10px;min-height: 72px;}
.home2 .part3 .box .tit{font-size: 52px;}
.home2 .part3 .box .desc{font-size: 22px;line-height: 32px;margin-top: 3px;}
.home2 .part3 .box .cell{display: table-cell;vertical-align: middle;}
.home2 .part3 .box .inner{padding: 0 15%;}
.home2 .part3 .box .item.i2,
.home2 .part3 .box .item.i5,
.home2 .part3 .box .item.i6{color: #fff;}
.home2 .part3 .box .item.i2,.home2 .part3 .box .item.i5{/* background: rgba(15,102,58,0.9); */}
.home2 .part3 .box .item.i6{/* background: rgba(27,172,170,0.9); */}
.home2 .part3 .box .item.i1{background: url(../image/home2-3-1.jpg) no-repeat center;background-size:100%;}
.home2 .part3 .box .item.i2{background: url(../image/home2-3-2.jpg) no-repeat center;background-size:100%;}
.home2 .part3 .box .item.i4{background: url(../image/home2-3-3.jpg) no-repeat center;background-size:100%;}
.home2 .part3 .box .item.i5{background: url(../image/home2-3-4.jpg) no-repeat center;background-size:100%;}
.home2 .part3 .box .item.i6{background: url(../image/home2-3-5.jpg) no-repeat center;background-size:100%;}
.section4     {padding: 70px 0;}
/* .section5 .home2{margin-top: -10%;} */
.section5{background: url(../image/part4-1.jpg) no-repeat center;background-size: cover;position: relative;padding: 150px 0 280px;}
.section5 .bottom{background: url(../image/part4-1.png) no-repeat center;position: absolute;bottom: 0;left: 0;right: 0;padding-top: 14.32%;background-size: 100%;}
.section5 .titbox .tit{font-size: 52px;}
.section5 .titbox .desc{font-size: 22px;}
.section5 .titbox {color: #fff;}
.section5 .box{width: 86%;margin: 0 auto;margin-top: 3%;}
.section5 .box .item{width: 48.85%;/* border: 1px dashed #ec8d8b;border-radius: 5px; */float: right;margin-bottom: 2%;height:190px;background: url(../image/border-1.png) no-repeat left center;background-size: 100% 100%;}
.section5 .box .item.i1{float: left;}
.section5 .box .item .img{width:85px;float: left;overflow: hidden;}
.section5 .box .item .img img{width: 100%;}
.section5 .box .item .text{overflow: hidden;padding-left: 8px;color: #fff;}
.section5 .box .item .text .tit{font-size: 22px;}
.section5 .box .item .text .desc{font-size: 16px;margin-top: 2px;line-height: 24px;height: 48px;overflow: hidden;;}
.section5 .box .item .inner{padding: 6.5% 7%;}
.section5 .box .list{}
@keyframes part4-icon{
  0%{transform: translate(0,0);opacity: 0.9;}
  100%{transform: translate(0,15px);opacity: 1;}
}
@media screen and (max-width:1520px){
  .home2 .part1 .box .item .tit{font-size: 18px;}
  .home2 .part1 .box .item .desc{font-size: 14px;line-height: 1.3;margin-top: 0;}
  .home2 .part2 .box .item{margin: 10px 0;}
  .home2 .part2 .box{padding: 6.76% 0.729% 0;}
  .home2 .part2 .box .item .img:after{width: 250px;height: 250px;}
  .home1 .box .tit{font-size: 36px;}
  .home1 .box .desc{font-size: 22px;line-height: 1.4;margin-top: 10px;}
  .home2 .titbox .tit{font-size: 40px;}
  .home2 .part3 .box .tit{font-size: 40px;}
  .home2 .part3 .box .desc{font-size: 18px;}
}


.case-list ul {
	height:auto;
	overflow:hidden;
	width:100%
}
.case-list li .tag {
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
	text-align:center;
	color:#333;
	transition:0.5s;
	z-index:99;
	opacity:0;
	font-size:16px
}
.case-list li .tag span {
	margin:0 6px
}
.case-list li:hover .tag {
	bottom:35px;
	opacity:1
}
.case-list li {
	width:33.3333%;
	float:left;
	overflow:hidden
}
.case-list .con{padding-top: 72%;
  height: 0;position: relative;overflow: hidden;}
.case-list li a {
	width:100%;
	height:100%;
	display:block;
	position:relative
}
.case-list li a:before {
	position:absolute;
	display:inline-block;
	width:100%;
	height:100%;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:rgba(255,255,255,0.95);
	z-index:99;
	content:'';
	opacity:0;
	filter:alpha(opacity=0);
	transition:0.5s
}
.case-list li .img {
	width:100%;
	height:100%
}
.case-list li .p-logo {
	max-width:80%;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:9999;
	transition:0.7s;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform:translate(-40%,-50%);
	transform:translate(-40%,-50%)
}
.case-list li:hover a:before {
	opacity:1;
	filter:alpha(opacity=100)
}
.case-list li:hover .p-logo {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.case-list {
    padding-bottom:0;
    margin-top: 50px;
}
.case-list li {
	overflow:hidden;
	position:relative
}
.case-list li:hover .item a::before {
	opacity:0
}
.case-list li:hover .item a::before {
	opacity:1
}
.case-list .item {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	z-index:2;
	width: 100%;
}
.case-list .item.active {
	z-index:99
}
.case-list a {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center
}
.g-seek{padding: 41px 10px 45px;overflow: hidden;
	background-color: #2fad38;box-shadow: 0px 2px 27px rgba(0,0,0,.2);
}
.g-seek .con{max-width: 678px;margin: 0 auto;
	background: url(../image/i-tel.png) no-repeat left center;text-align: center;
}
.g-seek .btn {
  width: 264px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  font-size: 20px;
  color: #2fad38;
  border: 0;
  cursor: pointer;
  border-radius: 54px;
  position: relative;
  background-color: #fff;
  transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
}
.g-seek .btn i{width: 25px;height: 25px;margin-right: 25px;
	display: inline-block;vertical-align: middle;
	background: url(../image/i-09.png) no-repeat center center;
}
.g-seek .btn:hover{opacity: .9;}
.fix-right{
	z-index:101;
	right:10px;
	position:fixed;
	top:50%;
	-ms-transform:translate(0,-50%);
	transform:translate(0,-50%)
}
.fix-right li {
	margin-bottom:1px;
	height:58px;
	width:58px;
	transition:0.5s;
	position:relative
}
.fix-right .txt {
	position:absolute;
	right:0;
	height:58px;
	overflow:hidden;
	transition:0.5s;
	width:58px;
	line-height:58px;
	font-size:16px;
	color:#ffffff;
	padding-right:58px;
	text-align:center;
	background:rgba(47,173,56,0.8);
  border-radius:5px;
  box-sizing: border-box;
}
.fix-right li:hover .txt {
	width:190px
}
.fix-right .ico {
	transition:0.5s;
	position:absolute;
	right:0;
	top:0;
	display:inline-block;
	height:58px;
	width:58px;
	border-radius:5px;
	background-color:#2fad38;
	background-repeat:no-repeat;
	background-position: center center;
}
.fix-right .ico-phone {
	/*background-position:0 -70px*/
	background-image: url(../image/i-fix1.png);
}
.fix-right .ico-zx {
	background-image: url(../image/i-fix2.png);
}
.fix-right .ico-top {
	background-image: url(../image/i-fix3.png);
}
.fix-right li:hover .txt {
	width:190px
}
.fix-right li:hover .ico {
	background-color:#2FAD38
}
.fix-right .top {display: none;}
.pop-seek{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1026;display: none;}
.pop-seek .bg{position: absolute;top: 0;bottom: 0;left: 0;right: 0;
	background-color: rgba(0,0,0,.3);
}
.pop-seek .inner{width: 690px;position: absolute;top: 50%;left: 50%;
	background-color: #2fad38;padding: 24px 30px;color: #fff;border-radius: 5px;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.pop-seek h4{font-size: 22px;font-weight: normal;margin-bottom: 35px;}
.pop-seek .tel{font-size: 22px;overflow: hidden;margin-bottom: 15px;}
.pop-seek .tel p{width: 50%;float: left;}
.pop-seek .tel span{font-size: 2vw;font-family: 'gabo';display: inline-block;vertical-align: middle;
	position: relative;top: -2px;margin-left: 8px;
}
.pop-seek .tel .p2{text-align: right;}
.pop-seek .inp{overflow: hidden;position: relative;margin-bottom: 7px;}
.pop-seek .inp input{width: 100%;display: block;height: 52px;
	border: 0;font-size: 18px;color: #000;padding: 0 150px 0 19px;
}
.pop-seek .inp button{width: 130px;position: absolute;top: 0;bottom: 0;right: 0;
	background: #00970b;cursor: pointer;font-size: 20px;color: #fff;
	border: 0;
}
.pop-seek .inp button:hover,.pop-seek .btn:hover{background-color: #147b1b;}
.pop-seek .tips{padding-left: 19px;font-size: 14px;color: #00ff0c;margin-bottom: 37px;
	background: url(../image/i-07.png) no-repeat left center;
}
.pop-seek .btn{display: block;height: 52px;text-align: center;line-height: 50px;
	font-size: 20px;color: #fff;border-left: 2px solid #2fad38;
	background-color: #00970b;
}
.pop-seek .btn i{width: 24px;height: 24px;display: inline-block;vertical-align: middle;
	background: url(../image/ico-qq.png) no-repeat center center;
	position: relative;top: -2px;margin-right: 8px;
}
.pop-seek .wx{font-size: 0;line-height: 52px;text-align: center;}
.pop-seek .wx span{float: left;font-size: 22px;padding-left: 34px;margin-right: 7px;
	background: url(../image/ico-qr1.png) no-repeat left center;
}
.pop-seek .qr{float: left;font-size: 18px;position: relative;cursor: pointer;margin-right: 10px;}
.pop-seek .qr em{display: block;padding-left: 23px;
	background: url(../image/ico-qr2.png) no-repeat left center;
}
.pop-seek .qr .pic{width: 117px;height: 118px;position: absolute;bottom: 52px;left: 0%;
	display: none;background-color: #fff;
	box-shadow: 0px 16px 43px rgba(7,18,101,.3);
}
.pop-seek .qr .img{display: block;width: 100%;height: 100%;}
.pop-seek .qr1{margin-right: 20px;}
.pop-seek .close{width: 30px;height: 30px;position: absolute;top: 22px;right: 28px;cursor: pointer;
	transition:0.5s;
	background: url(../image/i-close.png) no-repeat center center;
}
.pop-seek .close:hover{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.pop-seek .bot{height: 52px;
	background-color: #00970b;
}
.pop-seek .wx{width: 440px;float: left;}
.pop-seek .btn{overflow: hidden;}
.dib {
  -moz-inline-stack: inline-block;
  display: inline-block;
}
.top-meun {
  position: fixed;
  z-index: 98;
  height: 30px;
  left: 100px;
  top: 30px;
  line-height: 30px;
}
.top-meun-1 {
    position: absolute;
    left: 40px;
}
.top-meun span {
  font-size: 20px;
  display: inline-block;
  position: relative;color: #fff;
}
.js-meun i{font-style: normal;}

.top-meun > a {
  display: inline-block;
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
  position: relative;
  line-height: 30px;
}
.top-meun b a{color: #fff;}
.top-meun .js-meun {
  cursor: pointer;
}
.top-meun .arr {
  position: relative;
  margin-right: 10px;
  top: 7px;
  background: url(../image/new-22.png) no-repeat center;
  width: 15px;
  line-height: 30px;
  height: 30px;
  display: inline-block;
}

.top-meun .arr.on {
  transform: rotate(90deg);
}

.top-meun ul {
  display: none;
  width: 175px;
  padding: 10px;
  left: 0;
  background: #ffffff;
  position: absolute;
  border-radius: 5px;
  margin-top: 10px;
}

.top-meun ul li {
  padding-left: 10px;
}

.top-meun ul a {
  color: #535353;
  font-size: 14px;
  padding-left: 15px;
  background: url(../image/new-21.png) no-repeat left center;
}

.top-meun ul a:hover {
  color: #2fad38;
  text-decoration: underline;
}
.m-header {
  display: none;
}
.menuBtn {
  position: relative;
  z-index: 9;
  display: none;
  float: right;
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin-top: 20px;
  background: url(../image/i-span.png) no-repeat center center;
  -o-background-size: 100% auto;
  -ms-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
}