@charset "gb2312";
/* CSS Document */
/* public css */
html { font-size: 11px; }
 @media screen and (max-width:340px) {
html { font-size: 10px; }
}
* { margin: 0px; border: 0px; padding: 0px; }
body { max-width: 640px; min-width: 320px; margin: 0 auto; background-color: #FFF; color: #666; -webkit-tap-highlight-color: rgba(255,255,255,0); }
body * { font-family: "Microsoft YaHei"; line-height: 2.2rem; }
p, dl, dt, dd, li, div, section, nav { font-size: 1.4rem; }
img { border: 0; outline: 0; max-width: 100%; vertical-align: top; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.ov { overflow: hidden; }
.text { text-align: center; }
.pad { padding: 1rem 2rem; }
.w_pad { padding: 2rem 1rem; }
section { display: block; }
a {text-decoration: none;border: none;color: #333;}
a img { vertical-align: middle; }
ul li, ol li { list-style: none; }
.clearfix { *zoom:1;
}
.clearfix:after { content: ''; display: table; clear: both; }
.container form { display: block; }
.container .page { height: 100%; position: relative; color: #fff; background: #088376; overflow: hidden; }
.container .page h1 { padding-top: 120px; line-height: 50px; display: block; color: #333; }
.container .page .s1 { display: block; width: 5rem; height: 5rem; position: absolute; bottom: 5%; left: 50%; margin-left: -2.5rem; background: url(../images/s12.png) no-repeat; background-size: contain; z-index: 9; }
.container .page .s1 img { width: 4rem; height: 4rem; margin:.5rem auto;
display: block; opacity: .7; }
.container .page0 .s1 { bottom: 5%; }
.page .box { width: 85%; border: 1px solid #FFF; margin: 4rem auto 3rem; position: relative; bottom: -120%; }
.page .box h3 { background: #FFF; color: #088376; font-size: 1.6rem; font-weight: 100; padding:.6rem 1rem;
}
.page .box h3 span { display: block; font-size: 1.6rem; padding: 0; line-height: 2.4rem; }
/*.page .box p { line-height: 3.2rem; border-top: 1px solid #FFF; padding: 0 1rem; }
.page .box p span { margin-left:.4rem;}
.page .box p i.i1 { display: inline-block; width: 1.2rem; height: 1.2rem; border: 0; background: url(../images/inp_1.gif) no-repeat; background-size: contain; border-radius: 0; }
.page .box p i.on { background: url(../images/inp_2.jpg) no-repeat; background-size: contain; }*/
.page .box label { line-height: 3.2rem; border-top: 1px solid #FFF; padding: 0 1rem; display:block; }
.page .box label a { margin-left:.4rem;}
.page .box label input.i1 { display: inline-block; width: 1.2rem; height: 1.2rem; border: 0; background: url(../images/inp_1.gif) no-repeat; background-size: contain; border-radius: 0; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.page .box label input.i1:checked { background: url(../images/inp_2.jpg) no-repeat; background-size: contain; }
.page .u1 { overflow: hidden; width: 85%; margin: 0 auto; position: relative; bottom: -120%; }
.page .u1 li { float: left; width: 49%; margin-right: 2%; position: relative; }
.page .u1 li:last-of-type { margin-right: 0; }
.page .u1 li img { display: block; margin: 0 auto; width: 100%; }
.page .u1 li span { display: block; text-align: center; margin-top:.4rem;
font-size: 1.5rem; }
.page .u2 li { width: 23.5%; margin-right: 2%; }
.page .u3 li { margin-bottom: 2%; }
.page .u3 li:nth-child(2n) { margin-right: 0; }
.page .u3 li i { display: block; position: absolute; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.7); text-align: center; color: #FFF; font-size: 1.3rem; font-style: normal; }
.page .box3 { margin-bottom: 2rem; }
.page0 .logo {  overflow: hidden; background: #FFF; }
.page0 .logo a { display: block; }
.page0 .logo a img { display: block; width: 100%; }
.page0 .logo a.fl { width: 85%; }
.page0 .logo a.fr { width: 10%; }
nav { overflow: hidden; background: #fff;    padding-bottom: 1rem;padding-top: 1.8rem;}
nav ul li { width: 20%; margin: 0 2.5% 0.25rem; float: left; text-align: center; }
nav ul li span { width: 5.8rem; height: 5.8rem; background-color: #32a689; border-radius: 50%; display: inline-block; }
nav ul li:nth-of-type(1) span {  background: url(../images/xz_nav1.jpg) no-repeat; background-size:5.8rem 5.8rem;  }
nav ul li:nth-of-type(2) span {  background: url(../images/xz_nav2.jpg) no-repeat; background-size:5.8rem 5.8rem;  }
nav ul li:nth-of-type(3) span { background: url(../images/xz_nav3.jpg) no-repeat; background-size:5.8rem 5.8rem;  }
nav ul li:nth-of-type(4) span { background: url(../images/xz_nav4.jpg) no-repeat; background-size:5.8rem 5.8rem; }
nav ul li:nth-of-type(5) span { background: url(../images/xz_nav5.jpg) no-repeat; background-size:5.8rem 5.8rem;  }
nav ul li:nth-of-type(6) span {  background: url(../images/xz_nav6.jpg) no-repeat; background-size:5.8rem 5.8rem;}
nav ul li:nth-of-type(7) span {  background: url(../images/xz_nav7.jpg) no-repeat; background-size:5.8rem 5.8rem;}
nav ul li:nth-of-type(8) span {  background: url(../images/xz_nav8.jpg) no-repeat; background-size:5.8rem 5.8rem;}
nav ul li p { line-height: 3.2rem; text-align: center; font-size: 1.6rem; }

@media screen and (max-width:550px) {
	nav ul li p { font-size: 1.4rem; }
}
nav ul li .nav_span:before { width: 0.5rem; height: 0.5rem; background-size: 4rem 2.06rem; margin: 0.15rem auto; }.container .page9 { background: #bbddd9; }
.container .page9 .foot { position: absolute; padding-top: 1.6rem; background: #088376; left: 0; bottom: 0; right: 0; }
.container .page9 .foot .p1 { text-align: center; margin-bottom:.6rem;
}
.container .page9 .foot .p1 a { display: inline-block; margin: 0 5px; font-size: 1.45rem; }
.container .page9 .foot .p2 { font-size: 1.3rem; text-align: center; line-height: 1.8rem; }
.container .page9 .foot .p3 { background: #cdcdcd; font-size: 1.1rem; text-align: center; color: #666; line-height: 2.6rem; margin-top: 1.2rem; }
.container .page9 .dl { width: 82%; margin: 4rem auto 0; position: relative; }
.container .page9 .dl .p1 { margin-bottom: 1rem; }
.container .page9 .dl .p2 { color: #ff5a00; font-size: 1rem; margin-top: 1rem; }
.container .page9 .dl .sub { width: 70%; display: block; background: #ff8b3d; height: 3.8rem; line-height: 3.8rem; font-size: 1.5rem; border-radius: 4px; color: #FFF; margin-right: 2%; text-align: center; -webkit-appearance: none; margin: 2rem auto; }
.container .page9 .dl .p1 span { color: #333; line-height: 30px; float: left; margin-right: 0.03rem; }
.container .page9 .dl .p1 input { line-height: 22px; padding: 4px 10px; border: 0; border: 1px solid #d0d0d0; color: #999; }
.container .page9 .dl .p2 span { color: #333; display: inline-block; vertical-align: top; }
.container .page9 .dl .p2 span i { display: block; font-style: normal; }
.container .page9 .dl .p2 span i:nth-child(2) { padding-left: 1rem; }
.container .page9 .dl .p2 textarea { line-height: 20px; padding: 4px 10px; border: 0; height: 60px; border: 1px solid #d0d0d0; color: #999; resize: none; }
.pic img{    margin-top: -0.05%;}#top-phone,#QQ-talk,#flagBox,#swt-piaofu,#btn_dbdh,#bot-phone,.dbdhtx,#lxb,#chatAudio,.dSwt,#footTool,#k_s_ol_newMsgWin_fl,#LXB_CONTAINER_SHOW,#mid_tc{ display:none;display:none !important;}