@charset "utf-8";
/* Style Reset */
html{font-size:625%;-webkit-text-size-adjust:none;max-height:100%}
body{font-size: 0.16rem;font-family: "microsoft yahei"; overflow-x: hidden;}
body,div,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt{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;-webkit-box-sizing:border-box;box-sizing:border-box;}
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:".";}
.w9375{width: 93.75%;margin: 0 auto;}
.w640{max-width:640px;margin: 0 auto; position: relative; height: .7rem;}
.pt015{padding-top: 0.15rem;}
.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;}
.min5rem{min-height:5rem;}
.posir{position: relative;}
.txt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
em,i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.w9375{width: 93.75%;margin: 0 auto;}
.p03125{padding: 0 3.125%;}
.p31250{padding: 3.125% 0;}
.mt15{margin-top: .15rem;}
.mt25{margin-top: .25rem;}
.none{display: none;}

/* common */
.content{min-height:5rem;overflow:hidden;font-size:0.2rem;padding-bottom: 0.7rem;}
/* index style */
.header{width:100%;height:0.7rem; background: #fff; position:relative;z-index:9999; overflow: hidden;}
.head{text-align: center;position:fixed;width:100%;height:0.7rem;top:0;right:0;line-height:0.7rem;z-index:99; padding-top: .05rem; -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:#ccc solid 1px}
.logo{position: absolute; left: 34.375%; display: block; width:31.25%; top:0;}
.nav-btn{position: absolute; right: 0; width: 15.625%; top: 0;}
.search_hl{position: absolute; left: 0; width: 15.625%; top: 0;}
.h_back{display: block; position: absolute; left: 0; top: 0; width: 15.625%;}
.nav-tit{text-align: center; font: bold .25rem/.7rem "微软雅黑"; color: #075cad;}

/* nav */
body{position:relative;}
.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:6rem;}
.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;}
.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.4rem;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}


.nav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2; background: #075cad; padding-top: .5rem;}
.fixed{width:220px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:5;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.nav li{width:220px;margin:0 auto;border-bottom:1px solid #fff;}
.nav li a{display:block;width:100%;font:400 16px/50px '微软雅黑';color:#fff;text-indent:55px;}
.nav li a i{margin-right:3%}
.nav li:last-child{margin-bottom:20%;}
.footer{width:100%;position: fixed;bottom: 0;right: 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: #000;}
.foot{width:100%;position: relative;bottom:0;left:0;z-index:10;-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: 0.7rem; max-width: 640px; margin: 0 auto; overflow: hidden;}
.foot a{display:block;float:left;width:25%;color:#fff; height: .75rem; text-align: center;font:0.18rem/0.25rem "microsoft yahei"; padding-top: .05rem;}
.foot a img{display:block; margin: 0 auto; width: 28.125%;}

/*
 头部搜索
 * */
.search{width: 100%; height: 0.7rem;padding:0 2%; position: absolute;top: -120%;left: 0;background-color: #075cad ;	font-family: "microsoft yahei";}
.search-input{width: 75%;border:1px solid #0078c1;border-radius: 15px 0 0 15px;float: left;	border-right: none;	height: 0.491rem;	font-size: 0.18rem;font-family: "microsoft yahei";	text-indent: 5%;margin-top: .1rem;	background-color:#FFFFFF}
.search-btn{width: 15%;	float: left;background:url(../images/t_sear.png) center center no-repeat #fff; background-size: auto 80%;border-radius:0 15px 15px 0;border:1px solid #0078c1;border-left: none;	height: 0.491rem;font-size: 0.25rem;margin-top: .1rem;}
.search a{display: inline-block;width: 9%;float: left;color:#fff;text-align: center;height: 0.7rem;}


@media all and (min-width:640px){
    .content{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;}
}