@charset "utf-8";
*{ margin:0px; padding:0px;}body { color:#313131; margin:0px; padding:0px; background:#fff;font-family: 'microsoft yahei'; font-size:14px;}
img{vertical-align:middle; }
img{ border:0px;vertical-align:middle; }ul,li{ list-style-type:none; margin:0px; padding:0px;}a{ text-decoration:none;} .auto{ margin:0 auto}
.ov{ overflow:hidden;}.fleft{ float:left}.fright{ float:right;}.mt10{ margin-top:10px;}.wp{ padding:1% 10% 0% 10%}.mt20{ margin-top:20px}.mt30{ margin-top:30px;}

.page_wrap{position:relative; width:100%;  margin:0 auto; max-width:640px; min-width:320px; background:#fff}
header{ height:89px; height:100%; width:100%; text-align:center; max-width:640px; min-width:320px;}
header img,.banner img,.ads img{width:100%; max-width:640px; min-width:320px; display:block}
.banner{ max-width:640px; min-width:320px; width:100%; display:block;}
.title{ background:url(../images/title_bg.jpg) no-repeat; background-size:100% 100%; height:2.8em; line-height:2.8em; font-size:1.3em; color:#fff; padding-left:11%}
.title span{ font-weight:bold; color:#fceec4; margin-right:7%}
.p1{ font-size:1.2em; line-height:1.8em; text-indent:2em; margin-top:3%; color:#666}
.p1 a{ color:#c48200;}
.click_a{ text-align:center;}
.click_a a{ color:#c48200; text-decoration:underline; font-size:1.2em;}
.line{ border-bottom:2px dashed #a1a1a1; margin:6% 0 3% 0}
.zj_box{ padding-bottom:3%;border-bottom:2px dashed #a1a1a1;}
.zj_tit{ font-size:1.3em; color:#c48200; margin-top:4%}
.zj_tit img{ vertical-align:middle; margin-right:2%;}
.zj_tit span{ font-size:.8em; color:#a8a8a8}
.zj_main{ margin:1% 0;}
.zj_r{ width:52%;}
.zj_name{ font-size:1.21em;}
.zj_name span{ font-weight:bold;}
.zj_btn a{ display:block; color:#fff; background:#c48200; width:100%; line-height:3em; font-size:1.0em; text-align:center;}
.zj_ul li{ width:48%; float:left; margin-right:4%; text-align:center; margin-bottom:5%}
.zj_ul li:nth-child(even){ margin-right:0;}
.zj_ul li p{ font-size:1.2em; color:#666;}
.zj_ul li p a{ color:#c48200; text-decoration:underline; margin-left:5%}
.js_ul li{ float:left; width:48%; margin-right:4%; margin-bottom:5%;}
.js_ul li:nth-child(even){ margin-right:0}
.p_t{ font-size:1.1em; color:#666; text-align:center; margin-top:2%;}
.icon_ul{ margin-top:5%}
.icon_ul li{ text-align:center; width:30%; float:left; margin-right:4%;}
.icon_ul li a{ color:#666; font-size:1.0em;}
.back{ background:#e1e1e1;height:2em; line-height:2em;padding:2% 0; text-align:center; margin-top:8%}
.back a{ font-size:1.2em; color:#515151;}
@media screen and (min-width:320px) {.page_wrap {font-size:12px}}
@media screen and (min-width:350px) {.page_wrap {font-size:14px}}
@media screen and (min-width:480px) {.page_wrap {font-size:16px}}
@media screen and (min-width:640px) {.page_wrap {font-size:24px}}