@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
html,body,div,ul,ol,li,dd,dt,dl,p,h1,h2,h3,h4,h5,h6,span,input,textarea,select,option,table,tr,td{padding:0;margin:0;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
body{font-family:"微软雅黑";width:100%;height:100%;min-width:320px;color:#666;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size: 14px; max-width:640px; margin:0 auto; background-color:#f5f5f5}
img{border:none;}
ul,li{list-style-type:none;}
input{outline: none;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}   
a{text-decoration:none; color:#000;}
.clear{display: block;overflow: hidden;clear: both;height: 0;line-height: 0;font-size: 0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*+height:1%;}
.pr{position: relative;z-index: 0;}
.pa{position: absolute;}
.tin{text-indent:2rem; overflow:hidden;}
.fl{float:left; display:block;}
.fr{float:right; display:block;}
.dis{display:none;}

img{ width:100%;}

/* header
----------------------------------------------------------*/

@media screen and (min-width:320px){html,body,input{font-size:14px}}
@media screen and (min-width:360px){html,body,input{font-size:15.75px}}
@media screen and (min-width:400px){html,body,input{font-size:17.5px}}
@media screen and (min-width:480px){html,body,input{font-size:21px}}
@media screen and (min-width:560px){html,body,input{font-size:24.5px}}
@media screen and (min-width:600px){html,body,input{font-size:26.25px}}
@media screen and (min-width:640px){html,body,input{font-size:28px}}


.logo{ background-color:#00b9d5; margin:0}
.logo a{}

.menu{ background-color:#fff; padding:0.5rem;}
.menu ul li{ width:20%; float:left; text-align:center; margin:0.5rem 0;}
.menu ul li img{ width:75%;}
.menu ul li p{ font-size:0.857rem; line-height:1.3rem; color:#333;}

.banner {overflow:hidden;}
.swh{ height:19.285em;}
.submenu{ background-color:#fff;}
.submenu ul li{ width:33.33%; float:left; text-align:center; margin:0.5rem 0;}
.submenu ul li img{ width:100%;}
.submenu ul li p{ font-size:0.857rem; line-height:1.2rem; color:#333;}
.ad{ margin-bottom:3.8em;}
.ad a{ float:left}

.dh{ padding:1px 0 10px 0;}
.footer{ margin-bottom:4rem; background-color:#009bb3}
.footer p{ color:#9bf8ff}
.footer p a{ color:#9bf8ff}
.footer .tit{ font-size:0.857rem; color:#000;}
.footer .back{ width:70px; height:70px; border-radius:70px; line-height:22px; padding-top:10px; background-color:#ff7200; margin:0 auto; text-align:center; margin-top:10px;}
.footer .back a{ font-size:20px;color:#fff;}
@media screen and (min-width:320px) and (max-width:460px){.footer .back{ width:50px; height:50px; border-radius:50px; line-height:18px; padding-top:7px; background-color:#ff7200; margin:0 auto; text-align:center; margin-top:10px;}.footer .back a{ font-size:14px;color:#fff;}}

.footer .footmp{ width:40%;text-align:center}
.footer .footmp a{font-size:0.6rem;color:#666; line-height:0.6rem }
.footer .footte{ width:60%}
.footer .footte p{ text-align:left;font-size:0.8rem; line-height:1.3rem; color:#666;}
.bottom{ width:100%; max-width:640px; min-width:320px; height:4rem;position:fixed;  z-index:3;bottom:0;}
.bottom ul li{ width:25%; height:4rem; padding-top:0.25rem; float:left; background:#30b9ee url(../images/line1.jpg) repeat-y right; text-align:center;}
.bottom ul li:nth-child(4) {background:#30b9ee;}
.bottom ul li p{ font-size:20px; color:#fff;}
.bottom ul li img{ width:40%;}
@media screen and (min-width:320px) and (max-width:460px){.bottom ul li p{ font-size:14px;}}