@charset "utf-8";
*{ margin:0; padding:0; border:0;}
li{ list-style:none;}
a{ text-decoration:none; color:#FF1818} 
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:"";}

#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}

.tit{ font-size:20px; text-align:center; border-bottom:1px solid #ccc; width:95%; margin:3% auto; }
.tit span{ color:#0088bf; padding-left:1%;}
.xx{ border-bottom:2px solid #0088bf; width:20%; margin:0 auto; padding-bottom:2%}

#q2{ margin-bottom:5%}
#q2 p{ width:90%; margin:3% auto; line-height:25px;}

#q3 .q22{ background-color:#F5F5F5; padding:5% 0; margin-bottom:3%;}
#q3 .q2l{ float:left; width:40%; margin:0 2%;}
#q3 .q2r{ float:left; width:55%;}
#q3 .q2r .bt{ color:#0088bf; border-bottom:1px solid #0088bf; padding-bottom:2%; text-align:center}
#q3 .q2r p{ line-height:23px;}
#q3 .q2r strong{ color:#0088bf;}
#q3 .zx{ width:95%; margin:3% auto 0;}
#q3 .zx a{ color:#fff;}
#q3 .zx .zxl{ width:48%; background-color:#F1CA2C; height:30px; line-height:30px; margin-right:2%; float:left; border-radius:5px; text-align:center;}
#q3 .zx .zxr{ width:48%; background-color:#DD4730; height:30px; line-height:30px; float:left; border-radius:5px; text-align:center;}


#q4 ul{ width:95%; margin:4% auto;}
#q4 ul li{ float:left; width:48%; margin:0 1% 3% 1%;}


#q5 ul{ width:95%; margin:4% auto;}
#q5 ul li{ float:left; width:32%; margin:0 1% 3% 0;}
#q5 .zx{ width:70%; margin:0 auto; display:block}

#q6 .q66{ border-bottom:1px dashed #ccc; width:95%; margin:0 auto; padding:2% 0;}
#q6 h3{ color:#363636;}
#q6 ul li{ float:left; width:32%; margin:2% 0 2% 1%;}
#q6 span{ color:#999999; font-size:12px}
#q6 .zx{ width:70%; margin:3% auto; display:block}


#q7 .zx{ width:70%; margin:3% auto; display:block}
#q7 .q88{ width:95%; margin:3% auto;}
#q7 .q88 .q88l{ float:left; width:35%;}
#q7 .q88 .q88r{ float:right; width:64%;}
#q7 .q88 .q88r strong{ color:#0088bf; font-size:18px; padding-right:2%; }
#q7 .q88 .q88r h3{ color:#0088bf; font-size:16px}
#q7 .q88 .q88r p{ font-size:15px; padding:0; width:100%}
#q7 .q88 .q88r span{ color:#0088bf}
#q7 .xm{ width:95%; margin:0 auto}
#q7 .xxx{ border-bottom:1px dashed #ccc; margin:2% auto 4%; width:95%}


#q8 ul{ width:95%; margin:4% auto;}
#q8 ul li{ float:left; margin:0 2% 2% 0; width:48%; text-align:center; padding:3% 0;}
#q8 ul li a{ color:#fff;}
#q8 ul li.w1{ background-color:#6CB6B3}
#q8 ul li.w2{ background-color:#4EC4A4}
#q8 ul li.w3{ background-color:#15ACAE}
#q8 ul li.w4{ background-color:#3AAE6A}


#q9{ margin:3% auto 0;}
#q9 dl{ width:90%; padding:0; margin:0.3rem auto; overflow: hidden; }
#q9 dl p{ float:left; display:block; width:25%; color:#333; line-height: 30px;}
#q9 dl input{display: block;width: 100%;height: 30px;padding: 0 5px;font-size: 13px;line-height: 30px;border:1px solid #ccc; }
#q9 dl input::placeholder{font-size: 13px;}
#q9 dl textarea{display: block;width: 100%;height: 30px;padding:0 5px;font-size: 13px;line-height: 30px;border:1px solid #ccc; resize: none;}
#q9 .bd{float:left; width:75%;}
#q9 span{ color:#EAB000;}
#q9 .tj{ float:left;height:30px; width:33%; margin-left:12%; background-color:#F1C82B; color:#fff; border-radius:5px; margin-right:5%;}
#q9 .zx{ float:left; background-color:#ED5B3B;height:30px; width:33%; border-radius:5px; color:#fff; text-align:center; line-height:30px;}