html {color:#4e4e4e;background:#fff}body, ul, li, ol, dl, dt, dd, form, input, textarea, img, p, h1, h2, h3, h4, h5, h6, fieldset, button,label{margin:0;padding:0; font-weight:normal}body { width:100%; min-width:320px; height:100%; background:#fff; color:#4e4e4e;line-height:20px;font-family:Arial,Tahoma,"Microsoft YaHei","SimSun"}ol, ul, li {list-style:none}img {border:0}h2 {font-size:1.8rem}h3 {font-size:1.6rem}h4, h5, h6, p{font-size:1.2rem}em, cite, i {font-style: normal}a {color:#333;text-decoration:none}a:hover {color:#f30; text-decoration:none}a:focus {outline:none}a:visited{text-decoration:none;outline:0; outline-width:0px}a:active{text-decoration:none;outline:0; outline-width:0px}b,strong{font-weight: bold}:focus,img{outline:0;outline-width:0px}table{border-collapse:collapse;border-spacing:0}
.clear:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0}   
.clear{ clear:both; zoom:1} 
.wrap { margin:0 auto; display: block; position:relative; overflow: hidden; text-align: left; width:100%; max-width:768px}
html {font-size: 62.5%}body {font-size: 1.2rem}h1 { font-size: 2.4rem}
@media screen and (min-width:320px){html{font-size:62.5%}/*10px */}
@media screen and (min-width:360px){html{font-size:70.3125%}/*12px */}
@media screen and (min-width:375px){html{font-size:73.2424875%}/*12px */}
@media screen and (min-width:400px){html{font-size:78.125%}/*12.5px */}
@media screen and (min-width:414px){html{font-size:80.86%}/*12.5px */}
@media screen and (min-width:480px){html{font-size:93.75%}/*15px*/}
@media screen and (min-width:568px){html{font-size:111%}}
@media screen and (min-width:640px){html{font-size:125%}/*20px */}
@media screen and (min-width:720px){html{font-size:137.5%}/*22px */}
@media screen and (min-width:768px){html{font-size:150%}/*24px */}
@media screen and (min-width:1024px){html{font-size:180%}/*24px */}
@media screen and (orientation:landscape){html{font-size:150%}/*24px */}
html,body {}
.header{ width:94%; height:5rem;overflow: hidden; background:#fff; padding:0 3%; position: relative}
.header img{ width:100%; height:auto}
.logo{ width:90%; height:auto; float: left; padding-top: 1rem}
.toptel{ width:8%; height:auto; float: right; padding-top: 1.5rem}
.nav{width:100%; height: 4rem; background: #0092d8; position: relative}
.nav ul{width:94%; margin: 0 auto;height: 4rem; position: relative}
.nav ul li{ width: 20%; float: left; line-height: 4rem; font-size: 1.4rem; text-align: center; position: relative} 
.nav ul li a{ width: 100%; height: 4rem; display: block; color: #fff}
.line_batn{ width:100%; clear: both; position: relative; padding-top: 1.5rem; margin-bottom: 1rem; float: left}
.line_batn li{ width:45.5%; float: left; height: 4rem;  position: relative; margin-left: 3%}
.line_batn li a{ width:100%; height: 4rem;; border-radius: 0.5rem;  display:block; color: #fff }
.line_batn li a img{ width:2.6rem; height: 2.6rem; padding:0.7rem 1rem; float: left}
.line_batn li a p{ font-size: 1.4rem; font-weight: bold; padding-top: 0.5rem}
.line_batn li a span{ font-size: 1.2rem; line-height: 1.6rem}
.line_batn .l_b_left a{background: #f30}
.line_batn .l_b_right a{background: #0092d8}
.cons{ width: 94%; margin: 2rem auto; position: relative}
.cons dl{ width:100%; position: relative}
.cons dl dd{width:50%; float: left; position: relative}
.cons dl dd b{ font-size: 4rem; line-height: 6rem; width:100%; height: 6rem; display: block; text-align: center}
.cons dl dd p{ font-size: 1.3rem ; line-height: 2rem; padding-bottom: 1rem}
.cons dl dt{width:50%; float: right; position: relative}
.cons dl dt img{ width:100%; padding-top: 4rem}
.time{ width:94%; margin: 2rem auto; border-top: 1px solid #e1e1e1; height: 4rem; line-height: 4rem; text-align: center; clear: both}
.time span{ font-size: 1.4rem; color: #000}