@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; overflow: hidden; *zoom: 1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}
a { color: #212121; }
a {transition: all 0.5s ease 0s; }
a:hover{color: #00923f}
.hide { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.noMr{margin-right:0 !important;}
.noBr {border-right: none !important;}
.pT {padding-top: 1px;}
.pB {padding-bottom: 1px; }
.fl{float: left!important;display: block;}
.fr{float: right!important;display: block;}
.wrapper {width: 100%;overflow: hidden;position: relative;transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);}
.g-in {width: 1360px;margin:0 auto;}.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}

@media screen and (max-width: 1400px){
	.g-in{width: 98%;}
}
@media screen and (max-width: 1024px){
	.g-in{width: 98%;}
}


.header{background: rgba(255,255,255,.8);top:0;width: 100%;z-index: 99;border-bottom: 1px solid rgba(255,255,255,.5);position: relative;}
.header .h-l{float: left;width: auto;height: 105px}
.header .h-l img{height: 100%;width: auto;}
.header .h-r{float: right; position: relative;}
.header .h-r .lanuage{ position: absolute; top: 0; right: 0; }
.header .h-r .lanuage a{ display: inline-block; height: 25px; font: 12px/25px "Microsoft YaHei"; padding: 0 20px; background: #00923f; color: #fff; transition: all .3s; }
.header .h-r .lanuage a:last-child{ background: #f00; }
.header .h-r .lanuage a:hover,.header .h-r .lanuage a.active{ height: 30px; }
.header .nav{width: auto;float: left}
.header .nav ul li{float: left;text-align: center;line-height: 105px;width: 135px;position: relative;height: 105px}
.header .nav ul li .a{font-size: 16px;color: #000; text-transform: uppercase; display: block;}
.header .nav ul li:hover .a,.nav ul li.current .a{color: #00923f}
.header .nav ul li .i{display: inline-block;width: 12px;height: 14px;background: url(../images/ico_01.png) no-repeat;margin-left: 6px;background-size: contain;}
.header .nav .subNav{position: absolute;top: 105px;left: 0;width: 150px;background: #f5f5f5;display: none}
.header .nav .subNav dt{height: 42px;line-height: 42px;transition: all .5s ease; }
.header .nav .subNav dt a{font-size: 14px;color: #333333;display: block; text-transform: uppercase;}
.header .nav .subNav dt:hover{background: #00923f}
.header .nav .subNav dt:hover a{color: #fff}
.header .h-r .search{float: right;position: relative;}
.header .h-r .search-o{display: block;width: 22px;height: 22px;background: url(../images/search.png) no-repeat;background-size: contain;margin-top: 40px;cursor: pointer;margin-left: 15px}
.header .h-r .search-form{position: absolute;right: 0;top: 107px;z-index: 9;background: #fff;display: none}
.header .h-r .search-form .inp{width: 220px;box-sizing: border-box;padding: 0 25px 0 10px;background: #f5f5f5;height: 40px;line-height: 40px;font-size: 14px;color: #333}
.header .h-r .search-form .btn{width: 22px;height: 22px;background: url(../images/search.png) no-repeat;position: absolute;right: 10px;top: 50%;margin-top: -11px;cursor: pointer;}

@media screen and (max-width: 1400px){
	.header .h-l{height: 1.05rem}
	.header .nav ul li{line-height: 1.05rem;width: 1.35rem;height: 1.05rem}
	.header .nav ul li .a{font-size: .16rem}
	.header .nav ul li .i{width: .12rem;height: .14rem}
	.header .nav .subNav{top: 1.05rem}
	.header .h-r .search-o{margin-top: .4rem;margin-left: .15rem;width: .22rem;height: .22rem;}
	.header .h-r .search-form{top: 1.07rem}
}
@media screen and (max-width: 1024px){
	.header .h-r .search{display: none}
	.header .nav{display: none}
}

.footer{background: url(../images/footer.jpg) no-repeat center center;background-size: cover;position: relative;z-index: 9}
.footer .f-t{padding: 58px 0 54px}
.footer .f-t .f-nav{float: left;}
.footer .f-t .f-nav dl{float: left; margin-right: 30px}
.footer .f-t .f-nav dl dt{margin-bottom: 25px; text-transform: uppercase; }
.footer .f-t .f-nav dl dt a{font-size: 17px;color: #1b1b1b;margin-bottom: 25px;}
.footer .f-t .f-nav dl dd{margin-bottom: 2px}
.footer .f-t .f-nav dl dd a{font-size: 14px;color: #7d7d7d}
.footer .f-t .rightArea{float: right;}
.footer .f-t .rightArea .code{}
.footer .f-t .rightArea .code .item{float: left;margin-right:40px;position: relative;}
.footer .f-t .rightArea .code .item .icon{display: inline-block;margin-right: 18px;width: 72px;height: 72px;background: #fff;border-radius: 100%;overflow: hidden;}
.footer .f-t .rightArea .code .item .icon img{width: 100%;height: 100%}
.footer .f-t .rightArea .code .item .txt{display: inline-block;vertical-align: top;padding-top: 15px}
.footer .f-t .rightArea .code .item .txt .h{font-size: 14px;color: #1b1b1b;font-weight: bold;}
.footer .f-t .rightArea .code .item .txt .p{font-size: 12px;color: #6a6c78;margin-top: 5px}
.footer .f-t .rightArea .code .item:last-child{margin-right: 0}
.footer .f-t .rightArea .code .item.wx{cursor: pointer;}
.footer .f-t .rightArea .code .item .wx-box{position: absolute;width: 120px;height: 120px;bottom: -120px;left: -20px;z-index: 4;visibility: hidden;opacity: 0;transition: all .5s ease;}
.footer .f-t .rightArea .code .item .wx-box img{width: 100%;height: 100%}
.footer .f-t .rightArea .code .item.wx:hover .wx-box{visibility: visible;opacity: 1}
.footer .f-t .rightArea .link{margin-top: 35px;font-size: 13px;color: #23ac39}
.footer .f-t .rightArea .link a{font-size: 13px;color: #313131}
.footer .f-t .rightArea .link a:hover{color: #23ac39}
.footer .copyright{padding-top: 15px;border-top: 1px solid #fff;height: 30px;line-height: 30px;color: #6a6c78;font-size: 13px;}
.footer .copyright a{color: #6a6c78;font-size: 13px;}

@media screen and (max-width: 1400px){
	.footer .f-t{padding: .58rem 0 .54rem}
	.footer .f-t .f-nav dl{margin-right: .3rem}
	.footer .f-t .f-nav dl dt{margin-bottom: .25rem}
	.footer .f-t .f-nav dl dt a{font-size: .17rem;margin-bottom: .25rem}
	.footer .f-t .f-nav dl dd a{font-size: .14rem}
	.footer .f-t .rightArea .code .item{margin-right: .4rem}
	.footer .f-t .rightArea .code .item .icon{margin-right: .18rem;width: .72rem;height: .72rem}
	.footer .f-t .rightArea .code .item .txt{padding-top: .15rem}
	.footer .f-t .rightArea .code .item .txt .h{font-size: .14rem}
	.footer .f-t .rightArea .code .item .txt .p{font-size: .12rem;margin-top: .05rem}
	.footer .f-t .rightArea .link{margin-top: .35rem;font-size: .13rem}
	.footer .f-t .rightArea .link a{font-size: .13rem}
	.footer .copyright{padding-top: .15rem;height: .3rem;line-height: .3rem;font-size: .13rem}
	.footer .copyright a{font-size: .13rem}.
	.footer .f-t .rightArea .code .item .wx-box{width: 1.2rem;height: 1.2rem;bottom: -1.2rem;left: -.2rem}
}

.u-menu { position:absolute; right:10px; top:50%; margin-top: -.25rem;width: .5rem;height: .5rem; display:block; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99;display: none;background: url(../images/u_menu.png) no-repeat;background-size: contain;}

body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .wrapper {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}

.m-nav { width:200px; height:100%; right:-200px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:100; padding:1rem 0 .3rem;box-sizing: border-box;overflow-y: scroll;}
.m-nav li { position:relative;}
.m-nav li .a { display:block; font-size: 18px;padding:15px .9rem 15px 15px;border-bottom:1px solid #666666;position: relative;}
.m-nav li .fa{display:block; font-size: 18px;padding:15px .9rem 15px 15px;border:0;}
.m-nav li .a:hover,.m-nav .current .a{ color:#29af3e; }
.m-nav li:nth-child(-n+4) .a{border-top: 1px solid #666666;}
.m-nav li:first-child .a{border-top: none;}
.m-nav .current .a:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #29af3e; content:"" }
.m-nav dl{padding: .38rem 0}
.m-nav dl dt.on a{color: #29af3e}
.m-nav dl dt a{display: block;padding: 5px 0 5px 20px;font-size: 14px;color: #666666}

.m-nav::-webkit-scrollbar-thumb{min-height:20px;border-radius:3px;background-color:transparent;height: 30px;width: 5px;position: relative;left: -1px}
.m-nav::-webkit-scrollbar-track{background:transparent;width: 3px}
.m-nav.show::-webkit-scrollbar-thumb{background-color: #666}
.m-nav.show::-webkit-scrollbar-track{background-color: #eee}
.m-nav::-webkit-scrollbar-corner{background:transparent}
.m-nav::-webkit-scrollbar{width:3px;height:3px;}


.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:999; }


@media screen and (max-width: 1024px){
	.u-menu{display: block;}
}