*{margin: 0;padding: 0;list-style: none;word-wrap:break-word; }

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}

*{font-size:12px}
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}

.head{width:96%; float:left; padding:15px 2%;position:relative; z-index:100}
.head .logo{width:50px; float:left; background: url("../img/line.jpg") no-repeat right center; }
.head .logo img{width: 42px}

.head .wa{float:left; text-align: left; /*padding-left: 12px*/}
.head .wa p{font-size: 16px; font-weight: bold; color: #fff}
.head .wa span{float: left; font-size: 16px;  /*letter-spacing:8px;*/ color: #fff}

.m-header-back{width:50px; height: 45px;  position:absolute;left:0;top:0;z-index:1}
.m-header-back a{display:block;width:100%;height:100%;background:url(../img/jiantou-2016.png) no-repeat center center;background-size:12px 21px}
.m-header-back a:active{background-color:rgba(0,0,0,.1)}

.m-header-tool-key{width:28px;height:100%;background:url(../img/icon_menu.png) no-repeat center center;background-size:100%;cursor:pointer;position:absolute;right:15px;top:0}
.m-header-tool-key:active{background-color:rgba(0,0,0,.1)}
.m-header-tool-box{display:none;width:260px;height:100%;background:rgba(231,240,242,.95);box-shadow:0 2px 2px #333;position:fixed;right:-260px;top:0;z-index:1000}

.m-header-tool{display:none;width:100%;height:100%;overflow:hidden;position:fixed;left:0;top:0;z-index:10001}
.m-header-tool .shadow{width:100%;height:100%;overflow:hidden;background:#000;opacity:0;cursor:pointer;position:relative;z-index:1}
.m-header-tool .t-box-min{padding:0 10px}
.m-header-tool .t-box{width:80%; height:100%;overflow:hidden;background:#fff;position:absolute;right:-260px;top:0;z-index:22222}
.m-header-tool .t-box .m-header-nav{height:46px;line-height:46px;margin:0 15px;border-bottom:1px solid #F2F2F2;font-size:18px;color:#000;position:relative}
.m-header-tool .t-box .m-header-nav i{display:block;width:20px;height:20px;overflow:hidden;margin-top:-10px;border-radius:10px;background:#317EF3 url(../img/2016-nav-xx.png) no-repeat center center;position:absolute;right:0;top:50%;cursor:pointer}
.m-header-tool dl{ width:100%; float:left; padding-top:8px;overflow:hidden;line-height:30px}
.m-header-tool dt{width:100%; float:left; height:30px;text-indent:5px;color:#317EF3;font-size:16px}
.m-header-tool dt a{float:left;color:#099}
.m-header-tool dd{ width:48%; float:left; margin:1%; line-height:30px; margin-top:8px}
.m-header-tool dd a{display:block; font-size:14px; text-align:center;background:#f9f9f9; border:1px solid #efefef}
.m-header-tool dd a:hover{background:#317EF3; color:#fff}

.mlx{ width:100%; float:left; margin-top: 3%; background:#f5f5f5; }
.mlx dl{ width:94%; float:left; margin:0 3%; padding-bottom:3%} 
.mlx dl dt{ border-bottom:#ddd solid 1px; line-height:55px; font-size:16px; margin-bottom:10px}
.mlx dl dd{ margin:5% 0}
.mdh{ width:100%; float:left; background:#333; color:#999; padding:5% 0 20% 0}
.mdh ul{margin:0 3%; width:94%; float:left; border-bottom:#999 solid 1px; padding:0 0 5% 0; margin-bottom:5%}
.mdh ul li{ width:25%; float:left; line-height:30px; text-align:center}
.mdh ul li a{ color:#999}
.mdh p{ width:100%; float:left; color:#666; line-height:30px;text-align:center}

.mnav{position: fixed;bottom: 0;min-width: 320px;max-width: 640px;width: 100%;z-index: 999;text-align:center}
.mnav a{ display:block; color:#fff}
.mnav img{ margin-bottom: 3px}
.mnav div{ width:33.1%; float:left; padding: 2% 0; height: 45px}
.mnav .mdsy{ width:33.1%; float:left; border-right:1px solid #fff; background:#00AEF3}
.mnav .mddh{ width:33.1%; float:left; border-right:1px solid #fff; background:#00AEF3}
.mnav .mdzx{ width:33.1%; float:left; background:#00AEF3}
.ban{ width: 100%; position:absolute; top: 0px}
.ban img{width:100%}

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

}