/* 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,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:#ffffff;}

.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; min-height:8.5rem;}

.p707{padding: 0.70rem 0 0;}

.p700{padding: 0.7rem 0 0;}

.p007{padding: 0 0 0.7rem;}

.p01500{padding: 0.15rem 0 0;}

.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:#eeeeee;height:100%;}

.mt01{margin-top: 0.1rem !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:#eeeeee;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;}

.allpage.nmin{min-height: 0;}



.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:100%;position:fixed;right:0;top:0;bottom:0;z-index:5;overflow-x: hidden;-webkit-overflow-scrolling: touch;}



#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:9999; -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: #475b74; overflow: hidden;}

.nheader{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: #fff; overflow: hidden; border-bottom: #e1e1e1 solid 1px;}

.head{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; background: url(../images/h_adv.jpg) 60% center no-repeat; background-size: 36% auto;}



.nav-btn{position: absolute; right: 0; top: 0; height: .7rem; width: 15.5625%; background: url(../images/nav-btn.jpg) center center no-repeat #475b74; background-size: 47% auto;}

.nav-gb{position: absolute; right: 0; top: 0; height: .7rem; width: 15.5625%; background: url(../images/nav_gb.jpg) center center no-repeat #475b74; background-size: 42% auto; display: none;}

.nav-gb.on{display:block;}

.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: 31.25%;}

.logo h1{text-indent: 1000%; overflow: hidden; line-height: .7rem;}





/*

 底部信息

 * */

.footer{width: 100%; background:#516077;}

.nfooter{width: 100%; height: 0.7rem; background:#2f312f; 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;}

.foot{padding: .5rem 0;}

.ft_con1{padding: 0 0 0 5%;}

.ft_con1 dl{width: 50%; float: left; text-indent: 15%;}

.ft_con1 dl dt{height: .4rem; font: 400 .21rem/.4rem "微软雅黑"; color: #b0bccd;}

.ft_con1 dl dt a{color: #b0bccd; text-decoration: underline;}

.ft_con1 dl dd{height: .4rem; font: 400 .18rem/.4rem "微软雅黑"; color: #b0bccd;}

.ft_con1 dl dd a{color: #b0bccd;}



.ft_pic{text-align: center; padding: .2rem 0;}

.ft_pic a{display: inline-block; width: .4rem; vertical-align: middle; margin: 0 5%;}

.ft_pic a img{width: 100%;}



.ft_lj{padding-left: 10%; font: 400 .2rem/150% "微软雅黑"; color: #b0bccd; padding-bottom: .2rem;}

.ft_lj img{display: inline-block; vertical-align: middle; margin-right: .1rem; width: .2rem;}

.ft_lj a{color: #B0BCCD;}



.ft_copy{text-align: center; font: 400 .18rem/150% "微软雅黑"; color: #333;}

.ft_copy a{color: #333;}



/*

 导航

 * */

#pfbg{background: rgba(0,0,0,.6); position: fixed; z-index: 11; left: 0; top: .7rem; height: 100%; width: 100%; display: none; border-top:#fff solid 1px;}

#pfbg.on{display:block;}

.pf_con{background: #475b74; padding: .3rem 5%;}

.pf_con li{font: 400 .22rem/.5rem "微软雅黑";}

.pf_con li .son{display: block; color: #ffffff;}

.pf_con li a.xiao{font: 400 .2rem/.4rem "微软雅黑"; color: #cce3ff; margin-left: .4rem; display: block;}





@media all and (min-width:640px){

    .content,.foot,.head,.nfoot{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;}

}