@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; color:#FFF; -webkit-tap-highlight-color:rgba(255,0,0,0);}
a img{ vertical-align:middle;}
ul li,ol li{list-style: none;}
.clearfix { *zoom:1;}/*¼æÈÝIEµÍ°æ±¾*/
.clearfix:after { content:''; display:table; clear:both;}

.page .pic img {
    width: 100%;
    margin: 0 auto;
    display: block;
} 

.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 .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 { padding:1rem; overflow:hidden; background:#FFF; }
.page0 .logo a { display:block;}
.page0 .logo a img { display:block; width:100%;}
.page0 .logo a.fl { width:88%;}
.page0 .logo a.fr { width:10%; margin-top:2%;}
.page0 .nav { overflow:hidden; padding:.8rem 1rem; background:#088376;}
.page0 .nav li { width:16.5%; float:left; height:2rem; line-height:2rem;}
.page0 .nav li a { display:block; line-height:2rem; border-right:1px solid #fff; text-align:center; font-size:1.5rem;}

.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:80%; margin:4rem auto 0; position:relative;}
.container .page9 .dl .p1 { margin-bottom:1rem;}
.container .page9 .dl .p2 { color:#666; 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;}
.container .page9 .dl .p1 input { line-height:22px; padding:4px 10px; border:0; border:1px solid #d0d0d0; color:#666;}
.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;}