/* Style Reset */
html{font-size:625%;-webkit-text-size-adjust:none;max-height:100%}
body{font-size: 0.16rem;font-family: "microsoft yahei";}
body,div,p,h1,ul,li,input,img,figure,h4,h3,h1,h2,dl,dd,dt,a,textarea{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset, img {border:0;}
img{display:block;max-width: 100%}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}
.clear{clear:both;width:100%;}
.clear-fix:after{display:block;clear:both;visibility:hidden;height:0;font-size:0;content:".";}
.fl{float: left;}
.fr{float: right;}
input{outline:none;}
body{background:#f9f9f9;}
.w9375{width: 93.75%;margin: 0 auto;}
.pt015{padding-top: 0.15rem;}
.p03125{padding: 0 3.125% !important;}
.p31250{padding: 3.125% 0 !important;}
.h07rem{clear: both; height: 0.7rem;}
.content{overflow:hidden;font-size:0.2rem;}
.p707{padding: 0.70rem 0;}
.p700{padding: 0.7rem 0 0;}
.p007{padding: 0 0 0.7rem;}
.p01500{padding: 0.15rem 0 0;}
.p1307{padding: 1.3rem 0 .7rem;}
.min5rem{min-height:5rem;}
.w96875{width: 96.875% !important; margin: 0 auto;}
.posir{position: relative;}
.txt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
em,i{font-style: normal;}
body{position:relative;width:100%;background:#fff;height:100%;}
.mt01{margin-top: 0.1rem !important;}
.mt02{margin-top: 0.2rem !important;}
.animate{-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.none{display: none;}


.allpage{position:relative;z-index:10;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:5rem;}
.allpage.bgf9{background: #f9f9f9 !important;}

.clicked{right:220px!important;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.fixed{width:220px;height:150%;position:fixed;right:0;top:0;bottom:0;z-index:5;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.nav{width:220px;position:fixed;right:0;top:0;bottom:0;z-index:2; background:#33a948;}
.nav ul{padding-top: .7rem;}
.nav li{width:180px;margin:0 auto;border-bottom:1px dashed #43c05e;}
.nav li a{display:block;width:100%;font:100 16px/50px '微软雅黑';color:#fff;text-indent:60px;}

#allmap{width:100%;height:8rem;font-size:0.18rem}
.share{width:160px;margin:0.5rem auto;}
.black-fixed{position: fixed;z-index:99999!important;left:0;width:0;top:0;height:150%;background:rgba(0,0,0,0.7);text-align:right;font-size:0.3rem;color:#fff;line-height:2;right:0;overflow:hidden;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 0}
.black-clicked{width:100%;padding-right:2%;left:-220px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1}

/*
 头部信息
 * */
.header{width:100%;height:0.7rem; position: fixed; right: 0; top: 0;z-index:99; -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; background:url(../images/h_bg.jpg) left top repeat-x; background-size: auto 100%; overflow: hidden;}
.head,.foot{position: relative; -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; height: .7rem;}

.logo{display: block; position: absolute; top: 0; left: 3.125%; height: .7rem; background: url(../images/logo.jpg) center center no-repeat; background-size: 100% auto; width:25%;}
.logo h1{text-indent: 100%; overflow: hidden; line-height: .7rem;}
.h-sear{width: 45.3125%; height: .4rem; position: absolute; top: .15rem; left: 34.375%; background: #fff; border-radius: .2rem; overflow: hidden;}
.h-sear input{float: left; width: 80%; height: .4rem; border: none; background: none; font: 400 .2rem/.4rem "微软雅黑"; color: #939393;}
.h-sear input.btn{width: 20%; height: .4rem; background: url(../images/sear_btn.jpg) center center no-repeat; background-size:auto 60%;}
.nav-fb{width: 13.28125%;position: absolute; top: 0; right: 3.125%; height: .7rem; display: block; text-align: center; font: 400 .2rem/.7rem "微软雅黑"; color: #fff;}
.nav-fb i{width: .2rem; height: .2rem; display: inline-block; vertical-align: middle; background: url(../images/fb_btn.jpg) center center no-repeat; background-size: 100% auto; margin-right: 5%;}

.nheader{width:100%;height:0.6rem; position: fixed; right: 0; top: .7rem;z-index:99; -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; background: #fff; overflow: hidden; border-bottom: #f3f3f3 solid .1rem;}
.nhead{position: relative; -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; height: .5rem;}
.back{position: absolute; left:0; top: 0; height: .5rem; width: 11.25%; text-align: center; display: block; background: url(../images/back.jpg) center .08rem no-repeat; background-size: 41.66%;}
.back h3{font: 400 .18rem/.2rem "微软雅黑"; color: #444444; padding: .3rem 0 0;}
.nav-tit{text-align: center; font: 400 .25rem/.5rem "微软雅黑"; color: #444444;}
.nav-btn{position: absolute; position: absolute; right: 0; top: 0; text-align: center; background: url(../images/nav-btn.jpg) center .08rem no-repeat; background-size: 40.67%; width: 11.25%;}
.nav-btn h3{font: 400 .18rem/.2rem "微软雅黑"; color: #444444; padding: .3rem 0 0;}

/*
 底部信息
 * */
.footer{width: 100%; background:#fff; position: fixed; right: 0; bottom: 0;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot{height: .7rem; text-align: center;}
.foot li{width: 20%; float: left; height: .7rem;}
.foot li a{display: block; text-align: center; padding: .05rem 0 0; height: .7rem;}
.foot li a i{height: .3rem; display: block;}
.foot li a h3{font: 400 .2rem/.25rem "微软雅黑"; color: #848484;}
.foot li.hover a h3{color: #33a746;}
.foot li:nth-child(1) a i{background: url(../images/bt_ico1.jpg) center center no-repeat; background-size: 25% auto;}
.foot li.hover:nth-child(1) a i{background: url(../images/bt_ico1x.jpg) center center no-repeat; background-size: 25% auto;}
.foot li:nth-child(2) a i{background: url(../images/bt_ico2.jpg) center center no-repeat; background-size: 25% auto;}
.foot li.hover:nth-child(2) a i{background: url(../images/bt_ico2x.jpg) center center no-repeat; background-size: 25% auto;}
.foot li:nth-child(3) a i{background: url(../images/bt_ico3.jpg) center center no-repeat; background-size: 25% auto;}
.foot li.hover:nth-child(3) a i{background: url(../images/bt_ico3x.jpg) center center no-repeat; background-size: 25% auto;}
.foot li:nth-child(4) a i{background: url(../images/bt_ico4.jpg) center center no-repeat; background-size: 25% auto;}
.foot li.hover:nth-child(4) a i{background: url(../images/bt_ico4x.jpg) center center no-repeat; background-size: 25% auto;}
.foot li:nth-child(5) a i{background: url(../images/bt_ico5.jpg) center center no-repeat; background-size: 25% auto;}
.foot li.hover:nth-child(5) a i{background: url(../images/bt_ico5x.jpg) center center no-repeat; background-size: 25% auto;}

@media all and (min-width:640px){
    .content,.foot,.head,.nhead{width:640px;margin:0 auto;}
}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size:70px;}
}
@media only screen and (max-width: 320px) {
    html{font-size:60px;}
}