@charset "gb2312";
/* CSS Document */
/*zero*/
html{font-size:64px;}
body,
div,
menu,
ol,
ul,
li,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
input,
p,
form,
header,
nav,
article,
section,
aside,
footer,
video,
audio,
figure,
textarea{padding:0;
margin:0;}
input,
select,
textarea,
img,
area{outline:none;
border:none;}
input,
select,
textarea{background:#FFF;}
mark{background:none;}
-img{vertical-align:middle;}
textarea{resize:none;}
li{list-style-type:none;}
body{font:0.437rem/1 "Microsoft YaHei";}
em,
i,
strong,
b,
small,
h1,
h2,
h3,
h4,
h5,
h6,
address{font-style:normal;
font-weight:normal;
font-size:100%;}
span,
b,
em,
i,
strong,
small,
label,
a,
mark{display:inline-block;}
a{text-decoration:none;
outline:none;
color:inherit;}
/*clear-fix*/
.clear-fix{clear:both;
*zoom:1;}
.clear-fix:after{clear:both;
display:block;
visibility:hidden;
height:0;
line-height:0;
content:"";
font-size:0;}
.clearFix:after{ clear:both; display:block; visibility:hidden; height:0; line-height:0; content:""; font-size:0;}
/*common*/
.fl{float:left;}
.fr{float:right;}
/*noSpacing*/
.no-mt{margin-top:0 !important;}
.no-mr{margin-right:0 !important;}
.no-mb{margin-bottom:0 !important;}
.no-ml{margin-left:0 !important;}
.no-pt{padding-top:0 !important;}
.no-pr{padding-right:0 !important;}
.no-pb{padding-bottom:0 !important;}
.no-pl{padding-left:0 !important;}
.no-bt{border-top:none !important;}
.no-br{border-right:none !important;}
.no-bb{border-bottom:none !important;}
.no-bl{border-left:none !important;}
.no-ti{text-indent:0;
color:#f00;}
#container{max-width:640px;
margin:0 auto;
overflow:hidden;}
#container img{width:100%;}
/*var*/
/*header*/
header{background:#005dac;
position:relative;}
header .header-nav ul{clear:both;
*zoom:1;}
header .header-nav ul:after{clear:both;
display:block;
visibility:hidden;
height:0;
line-height:0;
content:"";
font-size:0;}
header .header-nav li{float:left;}
header .header-nav li a{display:block;
width:100%;
height:100%;}
header .header-nav li:nth-of-type(2){width:6.875rem;
height:1.75rem;
background:url("header-logo.jpg") no-repeat center;
background-size:100% 100%;}
header .header-nav li:nth-of-type(1),
header .header-nav li:nth-of-type(3){width:1.5625rem;
height:1.75rem;}
header .header-nav li:nth-of-type(1){background:url("header-nav.jpg") no-repeat center;
background-size:100% 100%;
cursor:pointer;}
header .header-nav li:nth-of-type(1).active{background-image:url("header-close.jpg");}
header .header-nav li:nth-of-type(3){background:url("header-phone.jpg") no-repeat center;
background-size:100% 100%;}
header .header-content{width:100%;
position:absolute;
z-index:999;
left:-110%;
top:1.75rem;
background:#3c3c3c;
overflow:hidden;
transition:transform 0.4s;}
header .header-content.active{transform:translateX(110%);
-webkit-transform:translateX(110%);}
header .header-content h2{text-align:right;
border-bottom:1px solid #4c4c4c;}
header .header-content em{width:1.15625rem;
height:1.15625rem;
background:url("header-return.jpg") no-repeat center;
background-size:100% 100%;}
/*header-content*/
#header-content{font-size:0.546875rem;
color:#ffffff;
clear:both;
*zoom:1;}
#header-content:after{clear:both;
display:block;
visibility:hidden;
height:0;
line-height:0;
content:"";
font-size:0;}
#header-content .hd{float:left;
position:relative;
width:4.15625rem;
height:100%;}
#header-content .hd ol{width:100%;}
#header-content .hd ol li{cursor:pointer;
border-bottom:1px solid #2a2a2a;
padding-left:0.375rem;
height:2.25rem;
line-height:2.25rem;
display:block;}
#header-content .hd ol li.on{background:#5a5a5a;}
#header-content .bd{float:right;
width:5.84375rem;
height:100%;
background:#5a5a5a;}
#header-content .bd ul{width:10000px;
height:100%;
clear:both;
*zoom:1;}
#header-content .bd ul:after{clear:both;
display:block;
visibility:hidden;
height:0;
line-height:0;
content:"";
font-size:0;}
#header-content .bd ul li{float:left;}
#header-content .bd ul li div{position:relative;
width:5.84375rem;}
#header-content .bd ul li div span{clear:both;
*zoom:1;
width:100%;}
#header-content .bd ul li div span:after{clear:both;
display:block;
visibility:hidden;
height:0;
line-height:0;
content:"";
font-size:0;}
#header-content .bd ul li div a{float:left;
text-align:center;
height:1.5rem;
line-height:1.5rem;
border-bottom:1px solid #5a5a5a;
display:block;
width:50%;}
/*nav*/
nav ul{clear:both;
*zoom:1;
border:1px solid #dddddd;
border-top:none;
box-sizing:border-box;}
nav ul:after{clear:both;
display:block;
visibility:hidden;
height:0;
line-height:0;
content:"";
font-size:0;}
nav li{float:left;
box-sizing:border-box;
width:25%;
font-size:0.4375rem;
color:#555555;
text-align:center;
word-spacing:0.78125rem;
height:2.5rem;
border-right:1px solid #dddddd;
border-top:1px solid #dddddd;}
nav li:first-of-type{background:#f5f5f5;}
nav li:nth-of-type(4n){border-right:none;}
nav li a{padding-top:0.3125rem;
display:block;
width:100%;
height:100%;
box-sizing:border-box;}
nav li p{padding-top:0.3125rem;}
nav li em{width:1.09375rem;
height:1.09375rem;}
/*footer*/
footer{background:#555555;
padding-bottom:2.1875rem;}
footer h2{margin-bottom:0.15625rem;}
footer p{padding-left:1.3125rem;
font-size:0.40625rem;
line-height:0.75rem;
color:#ffffff;}
footer section{	z-index:5;
position:fixed;
width:10rem;
height:1.375rem;
line-height:1.375rem;
bottom:0;
left:50%;
margin-left:-5rem;
box-shadow:0 0 10px #000;}
footer section a{font-size: 0.493rem;
width:50%;
height:100%;
background:#f97400;
position:absolute;
bottom:0;
color:#ffffff;}
footer section a:first-of-type{left:0;
background:#029829;}
footer section a:last-of-type{right:0;
background:#f97400;}
footer section em{position:relative;
width:0.9375rem;
height:0.9375rem;
vertical-align:middle;
margin:0 0.15625rem 0 0.375rem;}
footer section i{position:absolute;
right:0.046875rem;
top:0.03125rem;
width:0.375rem;
text-align:center;
height:0.375rem;
line-height:0.375rem;
font-size:0.28rem;}
/*guahao*/
#guahao{border-top:0.46875rem solid #e1e1e1;
padding-top:0.4375rem;
color:#666666;
font-size:0.375rem;}
#guahao .guahao-logo{margin-bottom:0.46875rem;}
#guahao h2{margin-bottom:0.625rem;
text-align:center;}
#guahao div{margin-bottom:0.375rem;}
#guahao form{padding:0 0.3125rem;}
#guahao label{width:1.875rem;
text-align:right;
height:0.703125rem;
line-height:0.703125rem;}
#guahao label[for=content]{line-height:1;}
#guahao label[for=man],
#guahao label[for=woman]{width:auto;
vertical-align:middle;}
#guahao input{width:7.1875rem;
border:1px solid #d6d6d6;
height:0.703125rem;
line-height:0.703125rem;
font-size:0.375rem;
box-sizing:border-box;
padding:0 0.25rem;}
#guahao input[type=submit]{width:3.59375rem;
border:none;
background:#fa9a00;
color:#ffffff;
height:0.875rem;
margin:0 auto;
display:block;}
#guahao input[name=sex]{width:auto;
vertical-align:middle;}
#guahao input[type=date]{/*background:url("guahao-date.jpg") no-repeat 416/64rem center;
background-size:34/64rem 38/64rem;*/
}
#guahao textarea{width:7.1875rem;
height:1.9375rem;
border:1px solid #d6d6d6;
font-size:0.375rem;
line-height:1.2;
box-sizing:border-box;
padding:0.0625rem 0.25rem;}
#guahao article{box-sizing:border-box;
width:7.1875rem;
height:0.703125rem;
line-height:0.703125rem;
float:right;}
#guahao p{line-height:0.625rem;
padding:0 0.3125rem 0.15625rem;}
#guahao p em{text-indent:0;
color:#f00;}
/*swt*/
#swt{background:#ffffff;
width:7.8125rem;
height:5.25rem;
position:fixed;
z-index:998;
left:50%;
top:50%;
margin:-2.625rem 0 0 -3.90625rem;
box-shadow:0 0 10px #000;
border-radius:10px;
transition:opacity 0.4s;
display:none;
opacity:0;}
#swt.active{opacity:1;}
#swt article{width:0.703125rem;
height:0.703125rem;
border:2px solid #fff;
box-shadow:0 0 4px #000;
border-radius:50%;
overflow:hidden;
position:absolute;
right:-0.3515625rem;
top:-0.3515625rem;}
#swt h2{font-size:0.65625rem;
text-align:center;
color:#323232;
margin:0.40625rem 0 0.15625rem 0;}
#swt h3{font-size:0.375rem;
text-align:center;
color:#323232;
margin-bottom:0.40625rem;}
#swt section{clear:both;
*zoom:1;
width:6.25rem;
margin:0 auto;}
#swt section:after{clear:both;
display:block;
visibility:hidden;
height:0;
line-height:0;
content:"";
font-size:0;}
#swt input[name=tel]{float:left;
box-sizing:border-box;
width:4.21875rem;
height:1.1875rem;
line-height:1.1875rem;
font-size:0.40625rem;
border:1px solid #323232;
border-right:none;
padding:0.15625rem;
border-radius:10px 0 0 10px;}
#swt  input[type=submit]{float:right;
box-sizing:border-box;
width:2.03125rem;
height:1.1875rem;
line-height:1.1875rem;
text-align:center;
color:#ffffff;
font-size:0.4375rem;
background:#323232;
border-radius:0 10px 10px 0;
		 -webkit-appearance: none; 
}
#swt em{position:relative;
width:0.9375rem;
height:0.9375rem;
vertical-align:middle;
margin:0 0.15625rem 0 0.375rem;}
#swt i{position:absolute;
right:0.046875rem;
top:0.03125rem;
width:0.375rem;
text-align:center;
height:0.375rem;
line-height:0.375rem;
font-size:0.3125rem;}
#swt a{width:50%;
height:1.375rem;
line-height:1.375rem;
background:#029829;
position:absolute;
bottom:0;
color:#ffffff;}
#swt a:first-of-type{border-bottom-left-radius:10px;
left:0;}
#swt a:last-of-type{border-bottom-right-radius:10px;
right:0;
background:#f97400;}
.noMt{ margin-top:0 !important;}
.noMr{ margin-right:0 !important;}
.noMb{ margin-bottom:0 !important;}
.noMl{ margin-left:0 !important;}
.noPt{ padding-top:0 !important;}
.noPr{ padding-right:0 !important;}
.noPb{ padding-bottom:0 !important;}
.noPl{ padding-left:0 !important;}
.noBt{ border-top:none !important;}
.noBr{ border-right:none !important;}
.noBb{ border-bottom:none !important;}
.noBl{ border-left:none !important;}