@charset "gb2312";
.fix:after,.ovh{overflow:hidden}blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5 Arial,Helvetica,sans-serif}button,h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:couriernew,courier,monospace}ol,ul{list-style:none}a{text-decoration:none}a:hover{text-decoration:underline}a,a:focus{outline:0}sup{vertical-align:text-top}sub{vertical-align:text-bottom}fieldset,img{border:0}tab
le{border-collapse:collapse;border-spacing:0}.m0{margin:0}.m1{margin:1px}.ml1{margin-left:1px}.mt1{margin-top:1px}.mr5{margin-right:5px}.mb1{margin-bottom:1px}.m2{margin:2px}.ml2{margin-left:2px}.mt2{margin-top:2px}.mr2{margin-right:2px}.mb2{margin-bottom:2px}.m5{margin:5px}.ml5{margin-left:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.m10{margin:10px}.ml10{margin-left:10px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.m15{margin:15px}.ml15{margin-left:15px}.mt15{margin-top:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.m20{margin:20px}.ml20{margin-left:20px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.p0{padding:0}.p1{padding:1px}.pl1{padding-left:1px}.pt1{padding-top:1px}.pr1{padding-right:1px}.pb1{padding-bottom:1px}.p2{padding:2px}.pl2{padding-left:2px}.pt2{padding-top:2px}.pr2{padding-right:2px}.pb2{padding-bottom:2px}.p5{padding:5px}.pl5{padding-left:5px}.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.p10{padding:10px}.pl10{padding-left:10px}.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.p15{padding:15px}.pl15{padding-left:15px}.pt15{padding-top:15px}.pr15{padding-right:15px}.pb15{padding-bottom:15px}.p20{padding:20px}.pl20{padding-left:20px}.pt20{padding-top:20px}.pr20{padding-right:20px}.pb20{padding-bottom:20px}.b{font-weight:700}.border{border-top:1px solid #e54a4a}.ti2{text-indent:2em}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.tc{text-align:center}.msyh{font-family:"MicroSoft YaHei"}.auto{margin-left:auto;margin-right:auto}.l{float:left}.r{float:right}.db{display:block}.dn{display:none}.lh18{line-height:18px}.lh20{line-height:20px}.lh22{line-height:22px}.lh24{line-height:24px}.lh26{line-height:26px}.fix:after{display:block;content:"clear";height:0;clear:both;visibility:hidden}.rel{position:relative}.abs{position:absolute}.mt25{margin-top:25px;}
img { vertical-align:top; }
.img-responsive {max-width: 100%;  height: auto;}
/*css*/
body{color: #2f2f2f; font-size: 15px; font-family:"MicroSoft YaHei"; }
.ti2{ text-indent:2em;}
a{text-decoration: none;color: #2f2f2f;}a:hover{text-decoration: underline; color: inherit;}
.wrapper{ width:100%; min-width:320px; max-width:640px; margin-left: auto; margin-right: auto;}
.gutter{margin-left:2% !important; margin-right:2% !important;}
.zx{ font-size:15px; text-align:center;}
.zx span{color:#f75c1c;}
.zx a{ background-color:#f75c1c; padding:1% 3%; margin-left:10px; color:#fff; border-radius:3px;}
.zx1 a{ background-color:#28ba8f; border-radius:15px;}
p{ font-size:15px; color:#515151; line-height:24px;}
h3,h4,h5{font-weight: normal;}
p em{color: #ff0000;}
.A,.B,.C,.D,.E,.F,.G{margin:15px auto 0;}
.bor-bot{border-bottom:1px dashed #e9becf; padding-bottom: 6px;}
.m-img{display: block; margin:0 auto;}
 
/*cont*/
.bg{background-color: #f2e9e8; padding:15px 0 20px;}

/*logo*/
.logo{padding:2% 3%;}
.logo img{display: block; margin:0 auto;}
/*nav*/
.nav{ background-color:#9f031b; height:54px;}
.nav ul li{ float:left; background:url(../images/nav-t.jpg) right center no-repeat; height:54px; width:25%;}
.nav ul li a{ color:#ffffda; font-size:16px; text-align:center; display:block; padding-top:14px; height:40px;}

/*banner*/
.banner img{display: block;}

/*subNav*/
.subNav{background: #eeedeb; padding:2% 0;}
.subNav ul li{width:23%; margin:1% 1%; float: left; text-align: center; padding:1% 0; border-radius:8px;}
.subNav ul li a{font-size: 16px; color: #fff;}
.subNav ul li.li1{background: #fd8584;}
.subNav ul li.li2{background: #f0ac53;}
.subNav ul li.li3{background: #7773fe;}
.subNav ul li.li4{background: #cd87fb;}
.subNav ul li.li5{background: #ff7b98;}
.subNav ul li.li6{background: #ff8a5f;}
.subNav ul li.li7{background: #7c9da2;}
.subNav ul li.li8{background: #aa8cfc;}

/*h2*/
h2{border:1px solid #f51009; font-size: 18px; color: #ed2728;}
h2 img{padding:1.5%; background: #f51009; vertical-align: middle; display: inline-block; margin-right:8px;}

/*A*/
.tab{border-collapse:separate; border-spacing: 15px 20px; }
.tab1{border-collapse:separate; border-spacing: 0 20px; }
.A table tr td{text-align: center;}

/*C*/
.C1{background: #ff8a5f; padding:1.5%; color: #fff;}

/*D*/
.D table tr td{padding:1%;}
.D table tr td.td1{background: #f6f1ce;}
.D table tr td h3{ padding:4% 0 2%;}

/*F*/
.F ul li{margin:20px 0 0 0;}
.F ul li h3{font-size: 18px; color: #000; margin-bottom: 2%;}
.F ul li img{width:30%;}

/*G*/
.G h3{height: 60px; margin-bottom: 10px;}
.G h3 span{font-size: 40px; color: #f75c1c; display: inline-block; padding-right:1%;}
.G h3 em{font-size: 21px; color: #5f5f5f; margin-top:8px; line-height: 20px; height: 40px; padding:6px 0 0 10px;  border-left: 1px solid #c4c4c4; display: inline-block;}
.G h3 em a{font-size: 13px; color:#c4c4c4;}
.G1{background: #fff0df; padding:0 10px 0 0;}
.G1 img{width: 28%;}
.G2 img{width: 35%;}

/*H*/
.H ul{margin:3% 0 2% 1%;}
.H ul li{float: left; width: 31%; margin:1% 1%; text-align: center; padding:1% 0;}
.H ul li a{color: #fff; }
.H ul li.li1{background: #fb9042;}
.H ul li.li2{background: #f94b41;}
.H ul li.li3{background: #33b2a1;}
.H ul li.li4{background: #fa568b;}
.H ul li.li5{background: #069f66;}
.H ul li.li6{background: #3791cd;}
.H ul li.li7{background: #72cb36;}


@media (min-width: 320px){
	h2 img{padding:3%;}
	.x-hidden{display: block; }
	.x-hidden img{display: block; margin:10px auto;}
	.x-hidden p{width:92%; margin:0 auto;}
	.m-hidden{display: none;}
	.y-hidden{display: none;}
	.z-hidden{display: block;}

}
@media (min-width: 360px){

}
@media (min-width: 375px){
	.x-hidden p{width: 80%; margin:0 auto;}
}
@media (min-width: 414px){
	.F ul li img{width:25%;}

}
@media (min-width: 540px){
	h2 img{padding:1.5%;}
	.m-hidden{display: block;}
	.x-hidden{display: none;}
	.z-hidden{display: none;}
	.y-hidden{display: block;}
	.H ul li{ width: 23%; }
	.F ul li img{width:20%;}

}
@media (min-width: 640px){

}
@media (min-width: 320px) and (max-width:414px){
	
}