/*公共样式  开始*/
html { width: 100%; height: 100%; font-size: 100px }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote { margin: 0; padding: 0; }
body { font-family: Microsoft Yahei, '微软雅黑', Arial, Helvetica, sans-serif; font-size: 16px; width: 100%; padding: 0; margin: 0; background-color: #ccc; }
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; }
input, img { vertical-align: middle }
a { text-decoration: none; cursor: pointer; }
a:link, a:visited, a:active, a:hover { text-decoration: none; color: #fff; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input[type="text"], input[type="password"], input[type="number"], input[type="button"] { -webkit-appearance: none; -moz-appearance: none; }
li { list-style: none; }
img, object { max-width: 100%; }
.clearfixd:after { content: '\20'; display: block; height: 0; clear: both; }
.hide { display: none; }
.nomarginleft { margin-left: 0 }
input:focus, select:focus { outline: none; }
.flexbox { display: -webkit-box; display: -webkit-flex; display: flex; }
.flex { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
/*公共样式  结束*/


/*头部  开始*/
.header { overflow: hidden; text-align: center; width: 100%; margin: 0 auto; z-index: 99; }
.header .header_con { width: 100%; background: #eaf4f5; max-width: 640px; min-width: 320px; color: #666; margin: 0 auto; position: relative; height: 0.88rem; font-size: 0.32rem; }
.header_con .top_tit { line-height: 0.88rem; }
.header_con .top_tit img { width: 3rem; }
.header .header_con span { position: absolute; top: 0.2rem; left: 0.16rem; display: inline-block; background: url(../images/lk_icon.png) no-repeat; background-size: 1.44rem; width: 0.48rem; height: 0.48rem; }
/*头部  结束*/


/*主体部分  开始*/
.content_div { width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; clear: both; background: #fff; overflow: hidden; min-height: 10.5rem; box-sizing: border-box; }
.dengluinput { /*border: 1px solid #c8c8c8;*/
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; overflow: hidden; }
.denglutit { border: 2px solid #57a434; width: 100%; font-size: 14px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.denglutit input[type="number"] { padding-left: 0.15rem; border: 0; width: 72%; color: #969696; font-size: 0.24rem; float:left; height:0.6rem; line-height:0.6rem;}
.denglusub { background: #969696; color: #fff; font-size: 0.16rem; height: 0.5rem; line-height: 1.2rem; display: block; text-align: center; width: 90%; margin: 0 auto; }
.denglusuba { background-color: #e94820; }
.denglusub { background: #969696; color: #fff;  font-size:.26rem; height: 0.6rem; line-height: 0.6rem; display: block; text-align: center; width:25%; float:right }
.denglusuba { background-color: #57a434; }
.shuru p { height: 0.8rem; line-height: 0.8rem; font-size: 0.24rem; }
.tishi{ margin-top:0.4rem;}
.tishi p { font-size: 0.24rem; line-height: 0.4rem; color: #666; padding:0 .15rem; margin-bottom:0.2rem;}
.tishi strong { font-size: 0.24rem; height: 0.6rem; line-height: 0.6rem; color: #57a434; }
.service_box{ position:relative; width:100%; overflow:hidden;}
.service_title{ height:39px; line-height:39px; font-size:0.26rem; color:#000; padding-left:4%; box-sizing:border-box; font-weight:bold;}
.blue{ width:14px; height:14px; position:absolute; z-index:2; left:4%; top:20px; background-color:#a5dcfa; border-radius:50%; padding-top:2px; padding-left:2px; box-sizing:border-box}
.blue div{ height:10px; width:10px; background-color:#01aff0; border-radius:50%;}
.green{ width:14px; height:14px; position:absolute; z-index:2; left:4%; top:20px; background-color:#67d3a6; border-radius:50%; padding-top:2px; padding-left:2px; box-sizing:border-box}
.green div{ height:10px; width:10px; background-color:#57a434; border-radius:50%;}
.red{ width:14px; height:14px; position:absolute; z-index:2; left:4%; top:20px; background-color:#f68181; border-radius:50%; padding-top:2px; padding-left:2px; box-sizing:border-box}
.red div{ height:10px; width:10px; background-color:#f04545; border-radius:50%;}
.gray{ width:14px; height:14px; position:absolute; z-index:0; left:4%; top:20px; padding-top:1px; padding-left:1px; box-sizing:border-box}
.gray div{ height:12px; width:12px; background-color:#ccc; border-radius:50%;}
.gray p{ position:absolute; width:2px; height:1.6rem; background-color:#ccc; left:50%; margin-left:-1px; top:-1.6rem;}
.service{ height:1.6rem; padding-top:11px; box-sizing:border-box; position:relative; box-sizing:border-box; background:#fff; padding-right:2%;}
.service h1{ line-height:0.4rem; color:#191919; font-size:0.26rem; margin-left:11%;}
.service h2{ line-height:0.3rem; color:#65646b; font-size:0.24rem; margin-left:11%}
.service > p{ line-height:0.3rem; color:#65646b; font-size:0.24rem; margin-left:11%;}
.border_bottoms{ border-top:1px solid #dedede; background-size: 100% 1px;background-repeat: no-repeat;height:1px; width:100%; margin-left:11%; margin-top:10px;}
.zibox{ background:#f8f8f8; padding:0.2rem;}
.zibox p{ height:0.4rem; line-height:0.4rem; font-size:0.24rem; color:#}
.denglu{ padding:0.15rem;}

/*主体部分  结束*/


/*尾部  开始*/
.footerbox {
height: .86rem; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%; }
.footerbox .footer { height: 0.86rem; border-top: 1px solid #d2d2d2; background: #fff; width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.footerbox .footer ul li { width: 20%; float: left; text-align: center; padding-top: .25rem;
}
.footerbox .footer ul li i { color: #595959; font-size: .3rem;
}
.footerbox .footer ul li a p {
font-size: .2rem; color: #595959; }
.footerbox .footer ul li.cur i, .footerbox .footer ul li.cur a p { color: #0094de; }
/*尾部  结束*/