@charset "utf-8";
/*reset*/
html {font-size: 312.5%;}
body {font-family: Microsoft Yahei,'roboto', helvetica, arial, sans-serif;line-height: 1.5;font-size: .28rem;color: #444;}
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;}
table {border-collapse: collapse;border-spacing: 0}
img {vertical-align: middle;border: 0}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
ul, ol, li {list-style: none;}
em, i {font-style: normal}
img {border: none;}
input, img {vertical-align: middle}
input, select, textarea {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-appearance: none;border: 0;border-radius: 0;}
textarea:focus {outline: 0}
a {color: #444;text-decoration: none;outline: 0}
a:active, a:hover, a.current {outline: 0}
img {border: none;display: block}
input {border: none;font-size: .28rem;}
input:focus {outline: none;}
/*regsiter*/
 @-webkit-keyframes rotate {
 from {-webkit-transform:rotate(0deg);}
 to {-webkit-transform:rotate(360deg);}
}
@media screen and (min-width:350px) {
html {font-size: 342%;}
}
@media screen and (min-width:410px) {
html {font-size: 400%;}
}
@media screen and (min-width:480px) {
html {font-size: 469%;}
}
@media screen and (min-width:640px) {
html {font-size: 625%;}
}
@media screen and (min-width:768px) {
html {font-size: 751%;}
}
/*
@media screen and (min-width:1200px) and (max-width:1920px) {
body{width:640px; margin:0 auto; position:relative; background:#F5F5F5;}
html {font-size:469%;}
}*/
/**/
.logo{width:100%; padding:2.4% 0; float:left; overflow:hidden; background:#fff; text-align:center;}
.logo img{width:60%; margin:auto;}
.top-box{background:#0077C1; line-height:210%; color:#fff; text-align:center; font-size:.22rem;}
.nav{border-top:1px solid #0077C1; background:#fff; width:100%; float:left; overflow:hidden;}
.nav li{float:left; width:25%; border-bottom:1px solid #0077C1; line-height:195%; text-align:center; font-size:.28rem; background:url(../images/nav-r.gif) right top repeat-y;}

/*js*/
.addWrap{ position:relative;width:100%; margin:0 auto; padding:0; float:left;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;background:#fff;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;background:#EBEFF0; text-align:center;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
#position{width:100%; position:absolute; bottom:1%; right:1%; padding-right:8px;margin:0;width:100%;text-align:center;}
#position li{width:10px;height:10px;margin:0 1px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#888;}
#position li.cur{background-color:#0077C1;}
.img-responsive { display:block; width:100%; height:auto;}

/**/
.wapbox{width:98%; padding:1%; float:left; overflow:hidden; background:#fff;}
.dt-box{box-shadow:#eeeeee 0px 0px 4px 0px; background:#fff; border-radius:6px; width:94%; padding:0 1%; margin-top:2%; float:left; overflow:hidden; margin-left:2%;}
.dt-box h1{text-align:center; color:#D6251B; line-height:350%; width:22%; border-right:1px solid #f0f0f0; font-size:.28rem; font-weight:bold; float:left;}
.dt-box ul{float:left;width:70%; padding:1% 1% 1% 2%; overflow:hidden;}
.dt-box ul li{float:left; width:100%; line-height:190%; font-size:.22rem; overflow:hidden;}

/**/
.keshi, .tese, .quanwei, .shebei{padding:2% 0 1%; width:100%; margin-top:3%; overflow:hidden; float:left;}
.keshi h1, .tese h1, .quanwei h1, .shebei h1{text-align:center; font-size:.34rem; line-height:100%; height:1rem; background-repeat:no-repeat; background-position:center top;}
.keshi h1{background-image:url(../images/ks-h.gif); }
.keshi ul{float:left; width:98%; padding:2% 1%; overflow:hidden;}
.keshi ul li{float:left; width:48%; margin:1%;}
.keshi ul li img{width:100%;}
/**/
.tese h1{background-image:url(../images/ts-h.gif); line-height:10%; margin-top:1%;}
.tese ul{box-shadow:#bbbbbb 0px 0px 4px 0px; background:#fff; border-radius:6px; width:90%; padding:3% 2%; margin:0% 3%; float:left; overflow:hidden;}
.tese ul li{float:left; border:1px solid #ccc; width:44%; line-height:220%; text-align:center; font-size:.26rem; margin:1% 2%; border-radius:4px;}
/**/
.quanwei h1{background-image:url(../images/zj-h.gif); line-height:10%; margin-top:1%;}
.quanwei ul{width:100%; float:left; overflow:hidden; margin-top:2%;}
.quanwei ul li{float:left; width:32%; margin:0 0.5% 2%; overflow:hidden; text-align:center; line-height:180%;}
.quanwei ul li img{width:100%;}
.quanwei ul li h3{font-size:.29rem; color:#D6251A;}
.quanwei ul li p{width:100%; font-size:.23rem; color:#545454;}
/**/
.shebei h1{background-image:url(../images/sb.gif); line-height:10%; margin-top:1%;}
.shebei ul{width:100%; float:left; overflow:hidden; margin-top:1%;}
.shebei ul li{float:left; width:48%; margin:1%; text-align:center;}
.shebei ul li img{width:100%;}
.shebei ul li h3{line-height:270%; background:#eee; font-size:.24rem;}
/**/
.foot{width:96%; padding:4% 2%; float:left; overflow:hidden; background:#fff; text-align:center; line-height:195%; font-size:.24rem; margin-bottom:1.6rem;}
.lfooter {width:100%; background:#fff; position:fixed; bottom:0; box-shadow:#dddddd 0px 0px 4px 0px; overflow:hidden;}
.lfooter ul li { width:20%; height:auto; float:left; text-align:center; padding:3% 0;}
.lfooter ul li img{width:50%; padding-left:25%;}
.lfooter ul li a { color:#666; line-height:60%;}