@charset "utf-8";
/*格式化*/
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; padding-top:1px; background:#555;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";color:#333;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
html,body{position: relative; font-size:12px; color:#333;font-family:"Microsoft YaHei UI"}
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}

/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative; background:#fff;} /*网站首页宽度*/


.wrap img{ width:100%;}
.g-hd{ height:6.917rem; background:#fff; overflow:hidden;}
.g-hd p{ height: 2.5rem; line-height: 2.5rem; text-align: center; overflow: hidden; font-size: 0.75rem; color: #fff; font-family: "SimHei"; background: #243645; }
.g-hd p img{vertical-align: middle; width: 1.5rem; margin-right:0.5rem ;}
.g-hd p span{ font-size: 1.042rem; color: #fff; font-family: Arial; display: inline-block; padding:0 0.3rem;}
.m-logo{ display:block; width:7rem; border-right: 1px dashed #dcdcdc; overflow:hidden; margin:0.833rem 0 0 1.167rem; height: 3.0rem;}
.m-logo img{ width: 7rem; display: block;}
.m-wz{ width:66.25%;  font-size: 0.833rem;font-family: "SimHei"; line-height:1.4rem;}
.m-wz span{ display:block;font-size:1.25rem;  color:#191919; padding-top:0.875rem;}
.m-wz b{ color: #c5161c;}



/* footer */
.backtop{ width:100%; float:left; line-height:1.5rem; background:#939393; text-align:center}
.backtop .ftb{argin-top: 18px;padding-top: 17px;display: block;width: 100%;height: 24px;line-height: 18px;text-align: center;font-size: 13px;color: #fff;background: url(../img/backtop.gif) #939393 no-repeat center 5px; background-size: 19px 10px;}

.footer{ width:100%; float:left; background:#EDEDED; padding:1rem 0 6rem 0; text-shadow: 0px 0px #333, 0 1px #fff;}
.footer p{ text-align:center; line-height:1.5rem}

.social_nav5{ height:4.667rem; position:fixed; bottom:0; min-width:320px; max-width:640px; width:100%;z-index:999; background-color:#c5161d; border-top: 1px solid #d55455;}
.social_nav5 li{ width:25%; float:left; position:relative; font-size:1rem; text-align:center; color:#666; line-height:1rem; height:4.667rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; position:relative;}
.social_nav5 li:before{ position: absolute; content: ""; width: 1px; height: 7rem; background:#d55455; border-left: 1px solid #ae0c10; top: 0; right: 0;}
.social_nav5 li:last-child:before{ height:0;}
.social_nav5 li em{ width:2rem; display:block; margin:0 auto; padding:0.625rem 0 0.22em 0;}
.social_nav5 li a{ color:#fff;}

.social_nav5 li .erji{ position:absolute; bottom:4.667rem; left:0; width:100%; background:#45b344; display:none; text-align:left;}
.social_nav5 li .erji a{ display:block; line-height:2.33rem; line-height:2.33rem;position:relative; text-align:center;}
.social_nav5 li .erji a:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#60b960; }
.social_nav5 li .erji a:last-child:before{ width:0;}
.social_nav5 li.cur .erji{ display:none;}




@media screen and (min-width:320px) {
	html { font-size:75%}
}
@media screen and (min-width:360px) {
	html { font-size:85%}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%}
}
@media screen and (min-width:414px) {
	html { font-size:96%}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%}
}
@media screen and (min-width:568px) {
	html { font-size:129%}

}
@media screen and (min-width:639px) {
	html { font-size:150%}
}