@charset "gb2312";
/*reset*/
html{-webkit-text-size-adjust:100%;} 
/*reset*/
html{max-width: 640px; min-width:320px; margin:0 auto;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, figure, section, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0 }
fieldset, img { border: 0 none }
body{font:14px/1.5 "Microsoft Yahei",Arial,Helvetica,sans-serif; background-color: #fff; color:#333; max-width: 640px; min-width:320px; margin: 0 auto;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
table{border-collapse:collapse;border-spacing:0}
ul,ol,dd,dt,dl{list-style-type:none;}
a{color:#333;text-decoration: none;-webkit-touch-callout: none;-webkit-user-select: none;}
a,input,select{-webkit-tap-highlight-color: transparent;-webkit-appearance: none;-moz-appearance: none;-webkit-border-radius: 0;}

input,img{ border:none; }
i,em{ font-style:normal; }
:focus{ outline: none; }
select{ background: none; }

/*iphone6*/
@media(min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){body{font-size:14.5px;}}
/*iphone6plus*/
@media(min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){body{font-size:15.5px;}}


/* css common */
header { width: 100%; height: 1.2rem; background: #0081cc; }
header .sidebar, header .logo, header a { height: 1.2rem; }
header .sidebar { width: 1.04rem; }
header .logo { width: 4.33rem;}
header a { width: 1.03rem; display: block; }
header img { width: 100%; height: auto; display: block; }
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.fl { float: left; }
.fr { float: right; }
.red { color: red;}
.img_100 { width: 100%; height: auto; display: block; }

.top{ width:100%; height:50px; line-height:50px; background:#0081cc; overflow:hidden;}
.top .logo{ float:left; margin:10px 0 0 10px;}
.top .logo img{ display:block; width:240px; height:auto;}
.top .top_tel{ float:right; margin:10px 10px 0 0;}
.top .top_tel img{ display:block; width:28px; height:auto;}

.lj{position: relative}
.lj a{position: absolute;width: 2.6rem;height: .55rem;top:1.5rem;right: .8rem}

.checkme{ width:100%; height:auto; position:fixed; z-index:999; left:0; bottom:0;}
.checkwrap{ width:100%; height:auto; position:relative;}
.checkme img{ width:100%; height:auto; display:block;}
.checkme a{ height:70px; display:block; position:absolute; z-index:10000;}
.checkme a.a1{ width:20%; left:0; top:30%;}
.checkme a.a2{ width:20%; left:20%; top:30%;}
.checkme a.a3{ width:20%; left:40%; top:10%;}
.checkme a.a4{ width:20%; left:60%; top:30%;}
.checkme a.a5{ width:20%; left:80%; top:30%;}

footer{ width:100%; height:auto; padding-bottom:60px;}
footer ul{ height:45px; line-height:45px; padding:0 20px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; background:#F5F5F5; border-bottom:1px solid #DDD; border-top:1px solid #DDD;}
footer ul li{ -webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; white-space:nowrap; font-size:15px; text-align:center;}	
footer p{ font-size:14px; line-height:26px; padding:15px 10px; color:#888;}

.nav{ width:100%; height:45px; line-height:45px; background:#EEE; border-bottom:1px solid #DDD; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.nav a{ display:block; -webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; white-space:nowrap; text-align:center; font-size:15px;position: relative}
.nav img{position: absolute;width:20px;height:auto;display:block;left:17px;top:-3px;animation: dhico 0.7s linear 1s infinite alternate;-moz-animation: dhico 0.7s linear 1s infinite alternate;-o-animation: dhico 0.7s linear 1s infinite alternate;}

@keyframes dhico
{
from { top:0px; opacity:0.7; filter:alpha(opacity=70);}
to { top:-10px; opacity:1; filter:alpha(opacity=100);}
}
@-moz-keyframes dhico
{
from { top:0px; opacity:0.7; filter:alpha(opacity=70);}
to { top:-10px; opacity:1; filter:alpha(opacity=100);}
}

@-webkit-keyframes dhico
{
from { top:0px; opacity:0.7; filter:alpha(opacity=70);}
to { top:-10px; opacity:1; filter:alpha(opacity=100);}
}

@-o-keyframes dhico
{
from { top:0px; opacity:0.7; filter:alpha(opacity=70);}
to

/*placeholder css*/
::-moz-placeholder{ font-family: "Microsoft YaHei"}              
::-webkit-input-placeholder{ font-family: "Microsoft YaHei"}    
:-ms-input-placeholder{ font-family: "Microsoft YaHei"}