*{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; background:#fff}
.wrap img{ width:100%}
.sltop{
	height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    overflow: hidden;
    font-size: 0.75rem;
    color: #fff;
    font-family: "SimHei";
    background: #212121}
	.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:3% 2%}
.head .logo{ width:32%; float:left; overflow: hiddendisplay: block}
.head .logo img{ width:100%}
.head .wa{ width:59%; border-left:#e0e0e0 1px solid; margin:0 0 0 3%; padding-left:3%; float:left}
.head .wa .wa1{ width:100%; color:#333; font: bold 1.15rem "Microsoft Yahei"}
.head .wa .wa2{ color:#555; font: 1.15rem "Microsoft Yahei"; margin-top:6px; color:#eb3d01; font-weight:700}

nav{ width:100%; float:left; height:7.042rem; border-bottom: 1px solid #dddddd; background: #fff; overflow:hidden; position: relative}
nav:before{ position: absolute; content:""; top: 50%; left: 0;width: 100%; height: 1px; background: #dddddd}
nav a{ color:#222222; font-size:1.08rem; width:33%; text-align:center; height:3.5rem; line-height:3.5rem; overflow:hidden; display:block; float:left; position:relative; font-family: "SimHei"}
nav a:before{ position: absolute; content:""; top: 0; right: 0;width: 1px; height: 3.5rem; background: #ddd}
nav a:nth-child(3n):before{height: 0}


.location {
    width: 100%;
    float: left;
    line-height: 2.23rem;
    font-size: 0.7rem;

    background: #f4f4f4;
}
.location a {
    font-size: 0.8rem;
    padding: 0 0.5rem;

}

/* footer */
.backtop{ width:100%; float:left; line-height:1.5rem; background:#939393; text-align:center}
.backtop .ftb{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.8rem}

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