@charset "gb2312";

/* 公用样式 开始 */
body{ font-family:"Microsoft YaHei";color:#676462;font-size:16px;}
body,div,img,h2,h3,h4,h5,p,dd,dl,em,form,span{margin:0; padding:0; border:0;}
ul{list-style:none;margin:0;padding:0}
a{text-decoration:none;}
a:hover{filter: alpha(opacity=80);
-khtml-opacity: 0.8;
opacity: 0.8;
}
img{ border:0px none;}
.cl{clear:both;}
.m{ margin:0 auto;}
html,body{ height:100%;}
/* 公用样式 结束 */

.container{ max-width:640px; background:#FFFFFF;  position:relative; padding-bottom:20px; }

.top img,.banner img{ width:100%; float:left;}
.a_btn{ display:block; text-align:center; margin:8% 0;}
.a_btn img{-moz-box-shadow:2px 2px 8px 0 #777;
     -webkit-box-shadow:2px 2px 8px 0 #777;
     box-shadow:2px 2px 8px 0 #777;}

.tit{ width:100%; text-align:center; background:#218DEF; padding:2% 0;}
.tit h3{ color:#FFF; font-size:27px;}
.tit p{ color:#95CAF6;}

.tit2{ text-align:center; padding:2% 0 3% 0;}
.tit2 h3{ color:#E4E4E4; font-size:30px;}
.tit2 p{ color:#218DEF; font-size:18px;}

.con1{ width:95%;}
.con1 img,.con2 img{ width:100%;}
/*.con1 .con1_L{ width:32%; float:left;  background:#F99; text-align:right;}
.con1 .con1_m{ width:30%; float:left;  background:#F66; text-align:center; padding-top:30px;}
.con1 .con1_m img{ margin-bottom:12px;}
.con1 .con1_R{ width:32%; float:left;  background:#F99; text-align:left;}
.con1 .mt{ margin-top:133px;}*/

.con2{ width:97%; margin-top:2%; margin-bottom:8%;}

.con3{ margin-top:2%; text-align:center; font-size:0;}
.con3 a{ width:32%; padding:10% 0; text-align:center; display:inline-block; margin:0.5%;vertical-align:top; background:#0083EF; font-size:24px; color:#FFF;}

.con4{ padding:3% 0 8% 0; background:#218DEF;}
.con4 h3{ background:url(images/line.jpg) no-repeat center bottom; padding-bottom:16px; text-align:center; font-size:27px; color:#FFF;}
.con4 .con4_jj{ padding:0 12%; margin:4% 0; line-height:30px; font-size:18px; color:#FFF;}
.con4 .con4_jj a{ color:#FF0000; font-size:16px;}
.con4 li{ width:25%; float:left; text-align:center;}
.con4 li p{ color:#FFF; line-height:24px; padding-top:5px;}

.tit_zj{ height:47px; background:url(images/zj_tit.jpg) no-repeat center; margin:4% 0;}
.zj img{ width:100%;}
.fuck{ padding:0 12%; text-align:center; line-height:26px;}



/*-------表单--------*/
.foot_form{ padding:8px 0 40px 0; margin-bottom:0 !important; background:#F2F2F2; }
.foot_form h4{ font-size:24px; font-weight:normal; padding:18px 2% 15px 2%; color:#444444;}
.foot_form .zxyy{ width:100%; overflow:hidden;}
.foot_form .zxyy .k01{ width:92%; height:46px; margin-left:4%; margin-bottom:12px; background:#F5F5F5; border:none; border-top:1px solid #C3C3C3; outline:none; text-indent:1em; font-size:16px; color:#888888; }

.foot_form .zxyy .k02{ width:92%; height:46px; margin-left:4%; margin-top:10px; border:0 none; outline:none; background:#BD0A5B; font-size:20px; color:#FFF; cursor:pointer; font-family:"微软雅黑";}
/*爱疯，爱撇样式清除*/
input[type=”button”], input[type=”submit”], input[type=”reset”], input[type=”text”] { 
-webkit-appearance: none; 
}
@media screen and (max-width: 330px){
.foot_form .zxyy .k01{width:87%;}
}
.foot_form input{-webkit-appearance: none;}


/*幻灯*/
.slideBox{ position:relative; overflow:hidden; margin:30px auto 0;  max-width:620px;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#fff;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}




@media screen and (max-width: 520px){
.tit h3{ font-size:24px;}
.tit p{ font-size:14px;}
.con4 .con4_jj{ font-size:16px;}
}
@media screen and (max-width: 450px){
.tit h3{ font-size:20px;}
.tit p{ font-size:14px;}
.con4 h3{ font-size:24px;}
.con4 .con4_jj{ font-size:14px; line-height:26px;}
.con4 li p{ font-size:14px;}
}
@media screen and (max-width: 370px){
.tit h3{ font-size:18px;}
.tit2 p{ font-size:16px;}
.con3 a{ font-size:16px;}
.con4 h3{ font-size:20px;}
.con4 .con4_jj{ line-height:24px;}
.con4 li img{ width:80%;}
.fuck{ font-size:15px;}
}

/*  公用底部  */
.footer{ width:100%; background:#D60640; color:#FFF; padding:20px 0;}
.footer ul{}
.footer li{ width:20%; text-align:center; float:left; padding-bottom:8px;}
.footer li a{ color:#FFF; font-size:16px;}
.footer p{ text-align:center; font-size:16px; padding-top:5px;}


@media screen and (max-width: 360px){
.footer li a{ color:#FFF; font-size:12px;}
}


.zxform{ display:none;}