@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:16px;}
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;}
.cfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;line-height: 0;font-size: 0;}
.cfix{*zoom:1;}
.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{ margin:20px auto 10px;}

#q2 p,#q6 p{ width:90%; line-height:25px; margin:0 auto;}
.tab1{width:90%; margin:0 auto}
.menu li{float:left;width:23%;text-align:center; background-color:#C9C9C9; line-height:75px; margin-right:2%; height:75px; }
.menu li.off{ background:url(../images/b3.jpg) no-repeat 50%; color:#fff; height:70px}



#q4 .js{ border:1px solid #019E97; width:95%; margin:0 auto 3%;}
#q4 .js .jsl{ width:35%; float:left; border-right:1px solid #019E97; text-align:center; height:175px; overflow:hidden;}
#q4 .js .jsll{ width:35%; float:left; border-right:1px solid #019E97; text-align:center; height:155px; overflow:hidden;}
#q4 .js .jsl img,#q4 .js .jsll img{ width:100%;}
#q4 .js .jsr{ width:62%; float:right; padding:2% 1%}
#q4 .js .jsr strong{ color:#007671;}
#q4 .js .jsr p{ padding:2% 0;}
#q4 .js .xx{ border-top:1px dashed #019E97; padding:2% 0 1%;}
#q4 .js .jsr .fy{ background-color:#EAB000; color:#fff; width:100%; text-align:center; height:25px; line-height:25px;}

#q6 .n{ width:100%; margin:2% auto 0; text-align:center}
#q6 .n img{ width:90%;}
#q6 .zxl{ width:45%; margin:0 2% 2% 5%; float:left} 
#q6 .zxr{ width:45%; float:left}
#q6 .tg{ margin:3% auto 0; width:100%;}
#q6 .tg p{ width:100%; text-align:center; padding-bottom:3%;}
#q6 .zz{ color:#fff;background-color:#EAB000; width:80%; text-align:center; border-radius:15px; padding:2% 5%; margin:0 auto}


#q8 p{ width:90%; margin:0 auto; padding:3%; line-height:25px;}
#q8 p strong{ color:#019E97;}
#q8 p a{ color:#ff0000;}
#q8 .xx{ border-bottom:1px dashed #666; margin:2% 0 4%;}
#q8 .zx,#q9 .zx{ width:100%; text-align:center}
#q8 .zx img,#q9 .zx img{ width:80%;}
#q8 .q88{ width:95%; margin:0 auto;}
#q8 .q88 .q88l{ float:left; width:35%;}
#q8 .q88 .q88r{ float:right; width:64%;}
#q8 .q88 .q88r strong{ color:#007671; font-size:18px; padding-right:2%; }
#q8 .q88 .q88r h3{ color:#238884; font-size:16px}
#q8 .q88 .q88r p{ font-size:15px; padding:0; width:100%}
#q8 .q88 .q88r span{ color:#238884}

#q9{ margin:2% 0}
#q9 .wz{ width:90%; margin:0 auto 2%;}
#q9 .wz strong{ color:#ff0000;}
#q9 .wz h3{ color:#019E97; font-size:16px; padding:0 0 3%;}
#q9 .wz p{ line-height:25px;}
#q9 .wz a{ color:#ff0000;}
#q9 .wz .xx{ border-bottom:1px dashed #666; margin:3% 0;}

@media screen and (min-width:320px) and (max-width:900px) { 
.menu li{ height:60px; line-height:60px;}
} 
@media only screen and (min-width: 320px) and (max-width: 479px) {
.menu li{ height:60px; line-height:60px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.menu li{ height:60px; line-height:60px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.menu li{ height:60px; line-height:60px;}
}

.yh-btn{width:6.4rem;height: 1.25rem;overflow: hidden;margin:0 auto;background: #019e97;text-align: center;}
.yh-btn .btn{float: right;width: 1.92rem;height: 1.25rem;line-height: 1.25rem;color:#fff;font-size: 0.3rem;background: #e9b000;}
.yh-btn span{display: block;color:#fff;}
.yh-btn span.big{padding:0.25rem 0 0 0;font-size: 0.36rem;line-height: 1.3;}
.yh-btn span.small{font-size: 0.3rem;line-height: 1.3;font-weight: bold;}