@charset "utf-8";
*{ margin:0px; padding:0px;}body { color:#6f6f6f; margin:0px; padding:0px; background:#fff;font-family:Microsoft yahei; font-size:14px;}
img{ border:0px;}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;}.wp{ padding:4% 11% 4% 11%}


.page_wrap{position:relative; width:100%;  margin:0 auto; max-width:640px; min-width:320px; background:#f4f3f3}
header{ height:100%; width:100%; text-align:center; max-width:640px; min-width:320px;}
header img,.banner img{width:100%; max-width:640px; min-width:320px; display:block}
.banner a{ display:block}
.box1{ margin:1% 1% 3% 11%}
.box1-l{ width:32%; margin-top:5%}
.box1-l ul li{ width:100%; height:2.8em; line-height:2.8em; margin-bottom:8%; border-radius:0.2em; -webkit-border-radius:0.2em; -moz-border-radius:0.2em; text-align:center}
.box1-l ul li a{ color:#fff; display:block; font-size:1.2em;}
.box1-l ul li:nth-child(1){ background:#5CB531}
.box1-l ul li:nth-child(2){ background:#139996}
.box1-l ul li:nth-child(3){ background:#72997D}
.box1-l ul li:nth-child(4){ background:#ee7800}
.box1-r{ width:68%; margin-top:2%}
.box1-r img,.js-ul li img{ display:block}
.nav-box{ background:#fefdc3;}
.nav-box table{ padding:0 11%}
.nav-box table tr { height:3.5em; padding:0 11%;}
.nav-box table tr td{ text-align:center; border-left:1px solid #fffffa; border-right:1px solid #cbca75;}
.nav-box table tr td a{ color:#6f6f6f}
.line{ border-top:1px solid #fffffa;border-bottom:1px solid #cbca75;}
.nav-box table tr td:nth-child(4){ border-right:0}
.nav-box table tr td:nth-child(5){ border-bottom:0}
.phone a{ display:block}
.doc,.tab-doc,.jbtd,.pinp-box,.tw-box{ background:#fff; border-bottom:1px solid #d5d4d4; border-top:1px solid #d5d4d4}
.doc-l{ width:33%}
.doc-r{ width:64%; margin-left:3%}
.doc-r p span{ color:#7c0114; font-size:1.1em;}
.doc-r p{ font-size:1.1em; line-height:1.6em}
.doc-r p a{color:#F00;text-decoration:underline}
.tit{ color:#7c0114; font-size:1.7em; margin:0 0 3% 0;}
.tit img{ vertical-align:middle; margin-right:3%}
.tab-doc,.pinp-box{ margin:4% 0;}
.doc-ul li{ width:50%; height:2.5em; line-height:2.5em; text-align:center; background:#f4f3f3; font-size:1.2em; float:left; border-bottom:1px solid #5cb531; cursor:pointer}
.doc-ul li:first-of-type{text-align:left;padding-left:5%;width:45%;}
.doc-ul li.active{ background:#5cb531; color:#fff; position:relative;}
.doc-ul li.active span{ vertical-align:middle; display:inline-block; width:12%; height:0.8em; background:url(xyMI_25.jpg) no-repeat; background-size:100% 100%; position:absolute; top:40%; right:2%; }
.zj-box{ margin:5% 0 0 0;}
.zj-box-l{ width:30%;}
.zj-box-l ul li{ height:2.5em; line-height:2.5em; text-align:center; font-size:1.2em; background:#a5a4a4; border-radius:0.2em; color:#fff; margin-bottom:5%; cursor:pointer}
.zj-box-l ul li font{color:#25a9ff}
.zj-box-l ul li.active{ background:#ee7800;}
.zj-box-r{ width:66%; margin-left:3%;}
.zj-rr{ width:58%; margin-left:2%}
.zj-rr p{ font-size:1.1em; line-height:1.6em; padding-left:3%}
.zj-rr p span{ color:#c01832}
.dco-que{ border:1px solid #c5d64a; border-top-right-radius:0.2em;border-bottom-right-radius:0.2em; height:3.5em; margin-top:5%}
.dco-que span{ display:inline-block; width:25%; height:100%; background:#c5d64a;  text-align:center; padding-top:2%;}
.dco-que span a{color:#fff;}
.doc-que-l{ margin:3% 0 0 6%}
.doc-que-l .p1{ color:#202020;}
.quetion{ margin-top:5%}
.quetion ul li{ float:left; width:24%; height:2.3em; line-height:2.3em; text-align:center; color:#fff; border-radius:0.2em; -webkit-border-radius:0.2em; -moz-border-radius:0.2em; margin-right:1.2%}
.quetion ul li:nth-child(1){ background:#5CB531;}
.quetion ul li:nth-child(2){ background:#139996}
.quetion ul li:nth-child(3){ background:#72997D}
.quetion ul li:nth-child(4){ background:#ee7800; margin-right:0}
.quetion ul li a{ color:#fff; font-size:1.1em; text-align:center;}
.other{ text-align:center; font-size:1.1em; margin-top:2%}
.js-ul{ margin:2% 0}
.js-ul li{ width:48%; margin-right:4%; float:left; margin-bottom:5%}
.js-ul li .pinfo{ width:100%; height:2em; line-height:2em; background:#a5a4a4; text-align:center; color:#fff ; font-size:1.1em; border-bottom-left-radius:0.2em;border-bottom-right-radius:0.2em;}
.click{ width:100%; height:3.5em; line-height:3.5em; text-align:center; border-radius:0.2em; background:#85ad32; -moz-border-radius:0.2em; -webkit-border-radius:0.2em;}
.click a{ display:block; color:#fff; font-size:1.15em; text-decoration:underline}
.jbtd-tit{ color:#202020; font-size:1.5em; text-align:center; margin-bottom:3%}
.jbtd-tit font{color:red;}
.jbtd  p{ margin-bottom:3%}
.jbtd span{ font-size:1.1em; margin:0 0.5%}
.jbtd p a{ color:#25a9ff; text-decoration:underline; float:right;  font-size:1.15em;}
.pinp-l{ width:52%}
.pinp-l p{ font-size:1.1em; border-bottom:1px dotted #969696; padding-bottom:3%;line-height:2.0em;}
.pinp-l p span{ font-size:1.3em;}
.pinp-r{ width:50%}
.tw-box .pa{ height:3em; margin-bottom:3%; padding-left:5%; line-height:3em; border-radius:0.3em}
.tw-box .pa a{ display:block; font-size:1.4em; color:#fff;}
.titp{ font-size:1.1em; color:#a4a4a4; margin:2% 0}

/*addbz*/
.addbz-ul li{ float:left; width:29%;border-radius:0.4em; -webkit-border-radius:0.4em; -moz-border-radius:0.4em; background:#d6d6d6; text-align:center; padding:2% 1.5%; margin-right:1%; margin-bottom:1%}
.addbz-ul li.active{ background:#29c47d}
.addbz-ul li a{ display:block; color:#fff; font-size:1.0em;}
.addbz-info{ margin-top:3%; display:none}
.addbz-info.on{ display:block}
.addbz-info ul li{ border-bottom:1px dashed #d6d6d6; line-height:2.4em;}
.addbz-info ul li a{ font-size:1.3em; color:#3e3a39}

@media screen and (min-width:320px) {.page_wrap {font-size:12px}}
@media screen and (min-width:350px) {.page_wrap {font-size:13px}}
@media screen and (min-width:480px) {.page_wrap {font-size:16px}}
@media screen and (min-width:640px) {.page_wrap {font-size:24px}}