*{margin: 0;padding: 0;list-style: none;word-wrap:break-word; font-size:12px }
html{font-size:20px;}
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{ background:#f0f0f0; font-size:14px}
body,button, input, select, textarea{ font-family: "Helvetica Neue", Helvetica, STHeiTi,\5FAE\8F6F\96C5\9ED1; font-size:0.6rem;color:#555;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
small { font-size: 0.6rem; }
ul, ol { list-style: none; }
li,div,dt,a,span,input,textarea,select,label{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a {text-decoration: none; color:#555;}
a:hover { text-decoration: none;}

fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; outline:none;}
input::-moz-placeholder,textarea::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block;*zoom:1}
table { border-collapse: collapse; border-spacing: 0; }
.clear{ clear:both;height:0; overflow:hidden;}
.blank10{height:0.5rem;}
.blank15{height:0.75rem;}
.grey{ background:#F2F2F3;}
.show{ display:block !important;}
.hide{ display:none !important;}
i{ font-style:normal;}
.fl{ float:left;}
.fr{ float:right;}
.whitebg{ background:#fff;}

input,textarea,select{ -webkit-appearance: none;}

.textbox{ width:64%;height:1.3rem;line-height:1.3rem;font-size:0.7rem; margin-top:0.5rem; border-radius:0.15rem;}

.wrap{min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative}
.sltop{
	height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    overflow: hidden;
    font-size: 0.75rem;
    color: #fff;
    font-family: "SimHei";
    background: #243645;}
	.sltop span {
    font-size: 1.042rem;
    color: #fff;
    font-family: Arial;
    display: inline-block;
    padding: 0 0.3rem;}
.sltop img{ertical-align: middle;
    width: 1.5rem;
    margin-right: 0.5rem; margin-top:-8px
}
.head{ width:96%; float:left; background:#fff; padding:5% 2%}
.head .logo{ width:35%; float:left; overflow: hiddendisplay: block;}
.head .logo img{ width:100%; padding-top: 5%}
.head .wa{ width:60%; border-left:#eee 1px solid; padding-left:2%; float:right}
.head .wa .wa1{ width:100%; color:#333;font-size: 16px; font-weight: bold}
.head .wa .wa2{ color:#555; font: 14px "Microsoft Yahei"; color:#252161;}


/* 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:2rem 0 6rem 0; text-shadow: 0px 0px #333, 0 1px #fff;}
.footer p{ text-align:center; line-height:1.7rem}


.social_nav5{height:4rem;position:fixed; bottom:0; min-width:320px; max-width:640px; width:100%;  z-index:999;background: #0482CC; }
.social_nav5 li{ width:25%; float:left; position:relative;border-left: 1px solid #fff;border-right:1px solid #ccc; font-size:0.8rem; text-align:center; color:#fff;line-height:1rem; height:4rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.social_nav5 li img{ width:100%}
.social_nav5 li:last-child{border-right:none;}
.social_nav5 li em{ width:45%; display:block; margin:0 auto; padding:0.5rem 0 0.5rem 0;}
.social_nav5 li a{ color:#fff;}




@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%}
}