@charset "utf-8";
*{ margin:0; padding:0; border:0;}
li{ list-style:none;}
a{ text-decoration:none; color:#333} 
body{max-width:640px;min-width:320px;margin:0 auto; font-family:"微软雅黑"; font-size: 100%;font-size:14px;}
input[type="submit"],input[type="reset"],input[type="date"]{-webkit-appearance: none;}
textarea,select,input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
.fl{ float:left;}
.fr{ float:right;}
.b{ vertical-align:top; width:100%;}
.clear{ clear:both; content:"";}

.titt{ padding:5% 0}
.tit{ font-size:20px; text-align:center; border-bottom:1px solid #6D87E2; width:90%; margin:0 auto}
.tit strong{ color:#6D87E2; font-family:Arial, Helvetica, sans-serif}
.xxx{ border-bottom:5px solid #6D87E2; width:20%; margin:0 auto;}
.wz{ text-align:center; font-size:20px; padding:1% 0; color:#6D87E2;}
.wz strong{ color:#6D87E2;}

.zx{ margin:5% 0 5% 1%;}
.zx a{ color:#fff; padding:1%; border-radius:20px;}
.zx .zxl{ background-color:#6D87E2; margin-right:2%; float:left; width:35%; text-align:center}
.zx .zxr{ background-color:#FC8380; float:right; width:58%; text-align:center; margin-right:1%}

#q2{ margin:4% auto;}
#q3,#q5{background-color:#E0ECFA;}

#q3 img{ margin:2% auto}
#q3 .sw,#q5 .sw{ width:80%; margin:2% auto; display:block}

#q4 ul,#q4 p{ width:95%; margin:0 auto;}
#q4 ul li{ width:48%; float:left}
#q4 ul li.f{ margin-right:4%}
#q4 p{ line-height:25px; padding:3% 0}
#q4 .w66{ width:95%; margin:0 auto; display:block}
#q4 .w77{ width:85%; margin:3% auto; display:block}

#q5 ul{ margin:3% auto; width:95%;}
#q5 ul li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
#q5 li.none{ margin:0}

#q6 img{ width:98%; margin:0 auto 2%; display:block}
#q7{ padding-bottom:2%; background-color:#F2F8FF;}

#pubBanner{ height:3.96rem; position:relative; overflow:hidden;}
#pubBanner .bd ul li,#pubBanner .bd{ width:6.4rem!important;position:relative}
#pubBanner .hd { bottom: 0.1rem; height: 0.12rem; position: absolute; text-align: center; width: 100%; z-index: 1; }
#pubBanner .hd ul { display: inline-block; font-size: 0; height: 0.12rem; padding: 0.03rem 0.05rem; vertical-align: top; }
#pubBanner .hd ul li {  display:block; height: 0.08rem; margin: 0 0.04rem; width: 0.7rem; background:#231815; float:left;}
#pubBanner .hd ul .on { background: none repeat scroll 0 0 red; }
.clearfix:after, #container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden }
.pub_width{max-width:6.4rem; width: 100%; margin:0 auto}

#q7 .yy{ background-color:#FC8380; margin:3% auto; text-align:center; border-radius:15px; width:50%; display:block; color:#fff; padding:2% 0}





















@media screen and (min-width:320px) and (max-width:900px) { 

} 
@media only screen and (min-width: 320px) and (max-width: 479px) {

}
@media only screen and (min-width: 480px) and (max-width: 767px) {

}
@media only screen and (min-width: 768px) and (max-width: 959px) {

}