@charset "gb2312";

/* CSS Document */

/* public css */

/* global 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:#fcfdfd;color:#666;}

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;display: inline;}

.fr{float: right;display: inline;}

.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;}

.container {}

.clearfix { *zoom:1;}/*兼容IE低版本*/

.clearfix:after { content:''; display:table; clear:both;}

/*-----------------------------------公共样式结束-------------------------------------------*/



/*--- btn S ---*/ 

.btn { overflow:hidden; margin-top:1.6rem; padding:0 1rem;}

.btn a{ display:block; border-radius:0.3em; padding:3% 0;  width:47%; text-align:center;}

.btn a img { display:inline-block; width:25%; margin-top:-2px;}

.btn a:nth-of-type(1){ background-color:#ff9c00;}

.btn a:nth-of-type(2){ background-color:#f57448;}

.oneBtn { display:block; width:85%; padding:2% 0; color:#FFF; background:#ff8400; font-weight:100; border-radius:0.3em; text-align:center; margin:1.4rem auto;}

.oneBtn img { display:inline-block; width:4rem; margin-top:-2px;}

@media screen and (min-width:320px) {.btn a,.oneBtn{font-size: 14px}}

@media screen and (min-width:340px) {.btn a,.oneBtn{font-size: 16px}}

@media screen and (min-width:480px) {.btn a,.oneBtn{font-size: 18px}}

@media screen and (min-width:640px) {.btn a,.oneBtn{font-size: 20px}}





.a_1 { display:block; text-align:center; font-size:1.45rem; color:#ff9c00; text-decoration:underline;}





/*--- btn E ---*/ 



/*header S*/

header {}

header .top { padding:1.2rem 1rem; background:#000; overflow:hidden;}

header .top .dh { float:left; width:60%;}

header .top .zxdh { float:right; width:3rem;}

header .top .dh a ,header .top .zxdh a { display:block;}

header .navitems{ clear:both;font-size:1.4rem;background:#231f20; overflow: hidden;padding:1rem 1rem 0; }

header .nav li {display:inline-block;width:100%;text-align: left; margin-bottom:1.2rem;}

header .nav li a {color:#fff;}

header .nav{width:100%;background:#231f20;overflow:hidden;display:none;z-index:3;position:relative;top:0px;lef:0px;}

header .nav .ico1,.nav .ico2,.nav .ico3,.nav .ico4,.nav .ico5{ padding-left:3rem;}

header .nav .ico1{background:url(../images/menu1.gif) no-repeat left;background-size:contain;}

header .nav .ico2{background:url(../images/menu2.gif) no-repeat left;background-size:contain; background-size:2rem;}

header .nav .ico3{background:url(../images/menu3.gif) no-repeat left;background-size:contain; background-size:2rem;}

header .nav .ico4{background:url(../images/menu4.gif) no-repeat left;background-size:contain; background-size:2rem;}

header .nav .ico5{background:url(../images/menu5.gif) no-repeat left;background-size:contain; background-size:2rem;}

header .logo { padding:1.4rem 1rem; background:#FFF;}

header .logo a { display:block;}

header .logo a img { display:block; width:65%; margin:0 auto;}

header .banner a { display:block;}

header .banner a img { display:block; width:100%; }

/*header E*/



/*----------本页公共样式开始------------*/

.tit { }

.tit a { display:block;}

.tit a img { display:block; width:100%;}

.s_tit { margin:1.2rem 1rem ;}

.s_tit h2 { font-size:2rem; font-weight:100; text-align:center; color:#333; line-height:2rem; margin-bottom:1.2rem;}

.s_tit .line { width:80%; margin:0 auto; height:0; border-bottom:1px solid #666666; position:relative;}

.s_tit .line span { display:block; position:absolute; left:50%; top:-.5rem; margin-left:-.8rem; width:1.5rem; height:1.2rem; background:url(../images/s_tit.png) no-repeat center center; background-size:100% 100%;}

/*----------本页公共样式结束-----------*/





/*dd*/

.dd {}

.dd p { line-height:2rem; color:#333;}

.dd p span { font-weight:900;}

.dd .p1 { text-align:center; font-size:1.3rem; color:#333; margin:1rem 0 0rem;}

.dd .btn { margin-top:1rem;}

/*m1*/

.m1 {}

.m1 .box { padding:1.8rem 1rem;}

.m1 .box ul { overflow:hidden;}

.m1 .box ul li { width:32%; float:left; margin-right:2%; background:#f6f6f6; padding-bottom:1rem; margin-bottom:1.4rem;}

.m1 .box ul li img { display:block; width:100%; margin-bottom:.8rem;}

.m1 .box ul li span { display:block; text-align:center; line-height:1.8rem; height:1.8rem; overflow:hidden;  font-size:1.3rem;}

.m1 .zhhy_1 a { display:block;}

.m1 .zhhy_1 a img { display:block; width:100%;}

.m1 .box1 { padding:1.4rem 1rem 1.6rem;}

.m1 .box1 p { line-height:2rem; padding-top:.2rem; font-size:1.3rem; color:#333;}

.m1 .box1 a { margin-top:.8rem;}



/*m2*/

.m2 {}

.m2 .box { padding:1.8rem 1rem .8rem; margin-top:1.4rem;}

.m2 .box .u1 { margin-bottom:1.2rem;}

.m2 .box .u1 li { width:50%; float:left;}

.m2 .box .u1 li .dl { width:90%; margin:0 auto; border:1px solid #e6e6e6; position:relative; padding:2rem 0 1rem;}

.m2 .box .u1 li .dl span { display:block; position:absolute; top:-1.5rem; left:50%; margin-left:-5.5rem; background:#c03427; font-size:1.5rem; text-align:center; color:#FFF; line-height:3rem; width:11rem; }

.m2 .box .u1 li .dl p { line-height:2rem; text-align:center; color:#333;}

.m2 .box .u1 li:nth-child(2) .dl{ padding:4rem 0 3rem; }

.m2 .p_1 { text-indent:2em; line-height:2rem; color:#333;}

.m2 .u2 { width:65%; margin:1.4rem auto; border:1px solid #e6e6e6; border-radius:5px; padding:1rem;}

.m2 .u2 li p { padding-left:3rem; line-height:2.6rem; color:#333; background:url(../images/duihao.gif) no-repeat .7rem .5rem; background-size:1.6rem 1.5rem;}

.m2 .pic { width:90%; margin:0 auto;}

.m2 .pic img { display:block; width:100%;}

.m2 .p2 { text-align:center;}



/*m3*/

.m3 .box { padding:1.4rem 1rem;}

.m3 .box .p_1 { text-indent:2em; line-height:2rem; color:#333;}

.m3 .box h2 { font-size:1.6rem; height:1rem; line-height:1.6rem; font-weight:100; color:#333; text-align:center; width:90%; margin:1.4rem auto; border-bottom:1px solid #707070;}

.m3 .box h2 span { display:inline-block; line-height:1.6rem; padding:0 .6rem; background:#FFF;}

.m3 .box h2 i { display:inline-block; width:.5rem; height:.5rem; border:1px solid #707070; border-radius:50%; line-height:0; background:#FFF; margin-top:-3px;}

.m3 .box h3 { width:30rem; margin:1.6rem auto 1.4rem;}

.m3 .box h3 img { display:block; width:100%;}

.m3 .box ul { overflow:hidden; }

.m3 .box ul li { width:32%; float:left; margin-right:2%; position:relative;}

.m3 .box ul li img { display:block; width:100%;}

.m3 .box ul li p { position:absolute; left:0; bottom:0; padding:.4rem 0; width:100%; background:rgba(0,0,0,.7);}

.m3 .box ul li p span { display:block; text-align:center; font-size:1.2rem; line-height:1.4rem; color:#FFF; height:1.4rem; overflow:hidden;}

.m3 .box .a_1 { margin-top:1.2rem;}

.m3 .box1 { padding:1.6rem 1rem .6rem; background:#f6f6f6;}

.m3 .box1 p { font-size:1.3rem; text-align:center; line-height:1.4rem; margin-top:.6rem;}

.m3 .box1 .s_tit { margin:0 1rem;}

.m3 .box1 ul { overflow:hidden; margin-top:2.2rem;}

.m3 .box1 ul li { float:left; width:49%; margin-right:2%; margin-bottom:1.2rem;}

.m3 .box1 ul li:nth-child(2n) { margin-right:0;}

.m3 .box1 ul li .pic { position:relative; margin-bottom:.6rem;}

.m3 .box1 ul li .pic img { display:block; width:100%;}

.m3 .box1 ul li .pic span { display:block; position:absolute; left:0; bottom:0; text-align:center; font-size:1.3rem; color:#FFF; line-height:2.6rem; background:rgba(0,0,0,.7); width:100%; height:2.6rem; overflow:hidden;}

.m3 .box1 ul li .a_1 { font-size:1.4rem;}



/*m4*/

.m4 {}

.m4 .box { padding:1.6rem 1rem;}

.m4 .box .p_1 { text-indent:2em; line-height:2rem; color:#333;}

.m4 .box .pic { width:95%; margin:1.4rem auto;}

.m4 .box .pic img { display:block; width:100%;}

.m4 .box1 { padding:1.6rem 1rem 1.8rem; background:#f6f6f6;}

.m4 .box1 .s_tit { margin:0 1rem 2.2rem;}

.m4 .dm { border:1px solid #eaeaea; padding:1rem; background:#FFF; margin-bottom:1.2rem;}

.m4 .dm h2 { font-size:1.6rem; color:#333; font-weight:100; margin-bottom:.8rem;}

.m4 .dm ul { overflow:hidden;}

.m4 .dm ul li { width:32%; float:left; margin-right:2%; position:relative;}

.m4 .dm ul li img { display:block; width:100%;}

.m4 .dm ul li p { position:absolute; left:0; bottom:0; padding:.4rem 0; width:100%; background:rgba(0,0,0,.7)}

.m4 .dm ul li p span { display:block; text-align:center; font-size:1.2rem; color:#FFF; text-align:center; line-height:1.6rem; height:1.6rem; overflow:hidden;}



/*ask*/

.ask { border-bottom:5px solid #e6e6e6; padding:1.6rem 1rem 1.4rem;}

.ask h3 { text-align:center; font-weight:100; color:#333; font-size:1.8rem;}

.ask h4 { text-align:center; font-size:2.2rem; font-weight:900; color:#333; line-height:2.8rem}

.ask ul { overflow:hidden; margin-top:1.2rem}

.ask ul li { width:49%; float:left; margin-right:2%; margin-bottom:.8rem;}

.ask ul li:nth-child(2n) { margin-right:0;}

.ask ul li a { display:block; line-height:3.2rem; border:1px solid #e6e6e6; border-radius:4px; color:#666; text-align:center;}









/*footer S*/



footer { padding:1.8rem 1rem;}

footer .foot_nav { overflow:hidden; margin-bottom:1rem;}

footer .foot_nav li { width:25%; float:left;}

footer .foot_nav li a { display:block;}

footer .foot_nav li a img { display:block; width:5rem; margin:0 auto;}

footer .foot_nav li a span { display:block; text-align:center; line-height:2rem; margin-top:.4rem; color:#666;}

footer p{ text-align:center;}

footer .p1 { font-size:1.6rem; color:#333; }

footer .p1:nth-of-type(2) { margin-bottom:.8rem;}

footer .p2 { line-height:1.8rem;}



#xx { line-height:2.8rem; background:#e5e6e6; text-align:center;  margin-bottom: 5rem;}

#xx a { color:#333; line-height:2.8rem;}