@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}.mb25{margin-bottom:25px}.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}
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:#eb6100;}
.zx span.sp1{cursor:pointer;}
.zx a{ background-color:#eb6100; padding:1% 3%; margin-left:10px; color:#fff; border-radius:2px;}
.zx a.a1{background-color: #ff3b02;}
p{ font-size:15px; color:#515151; line-height:24px;}
p em{color: #ff0000;}
p span{color: #000;}
.A,.B,.C,.D,.E,.F,.G,.H{margin:15px auto 0;}
.m-img{margin:10px auto; display: block;}
.border-bot{border-bottom: 1px dashed #d5d5d5; padding-bottom:10px;}
h3,h4,h5{font-weight: normal; font-size: 16px;}

/*logo*/
.logo{padding:2% 3%;}
.logo img{display: block; margin:0 auto;}
.banner img{display: block;}

/*nav*/
.nav{background: #9f031b;}
.nav li{float: left; width: 25%; line-height:44px; text-align: center; position: relative;}
.nav li::after{content: ""; width: 1px; height: 100%; position: absolute; right: 0px; background: linear-gradient(to bottom,#a91c31, #cf818d,#a91c31);}
.nav li a{color: #ffffcc; font-size:17px;}

/*content*/
.content{background-color: #ededed; padding:20px 0 0;}
.bg{background-color: #fff; padding:1px 0 15px; margin:28px 0;}

/*subNav*/
.subNav ul li{float: left; width: 23%; margin:1% 1%; text-align: center;}
.subNav ul li p{margin:5px 0 0;}
.subNav ul li p a{color: #353535;}
.subNav ul li p a:hover{color: #9f031b;}
.subNav ul li div{width: 60px; height: 60px; border-radius:50%; margin:0 auto;}
.subNav ul li.li1 div{background-color: #f0a618; padding-top:13px; height: 47px;}
.subNav ul li.li1 div:hover{animation:images1 3s linear; -webkit-animation:images1 3s linear;}
.subNav ul li.li2 div{background-color: #5bb5e9; padding-top:13px; height: 47px;}
.subNav ul li.li2 div:hover{animation:images2 3s linear; -webkit-animation:images2 3s linear;}
.subNav ul li.li3 div{background-color: #dd719c; padding-top:16px; height: 44px;}
.subNav ul li.li3 div:hover{animation:images3 3s linear; -webkit-animation:images3 3s linear;}
.subNav ul li.li4 div{background-color: #eb736f; padding-top:10px; height: 50px;}
.subNav ul li.li4 div:hover{animation:images4 3s linear; -webkit-animation:images4 3s linear;}
.subNav ul li img.img1{animation:img 3s 0s linear 1; -webkit-animation:img 3s 0s linear 1;}
.subNav ul li img.img2{animation:img 3s 3s linear 1; -webkit-animation:img 3s 3s linear 1;}
.subNav ul li img.img3{animation:img 3s 6s linear 1; -webkit-animation:img 3s 6s linear 1;}
.subNav ul li img.img4{animation:img 3s 9s linear 1; -webkit-animation:img 3s 9s linear 1;}
@keyframes img{
	form{transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
@-webkit-keyframes img{
	form{-webkit-transform:rotate(0deg);}
	to  {-webkit-transform:rotate(360deg);}
}
@keyframes images1{
	0%  {background:rgba(240, 166, 24, 0.2);}
	25% {background:rgba(240, 166, 24, 0.3);}
	75% {background:rgba(240, 166, 24, 0.6);}
	100 {background:rgba(240, 166, 24, 0.9);}
}
@keyframes images2{
	0%  {background:rgba(91, 181, 233, 0.2);}
	25% {background:rgba(91, 181, 233, 0.3);}
	75% {background:rgba(91, 181, 233, 0.6);}
	100 {background:rgba(91, 181, 233, 0.9);}
}

@keyframes images3{
	0%  {background:rgba(221, 113, 156, 0.2);}
	25% {background:rgba(221, 113, 156, 0.3);}
	75% {background:rgba(221, 113, 156, 0.6);}
	100 {background:rgba(221, 113, 156, 0.9);}
}

@keyframes images4{
	0%  {background:rgba(235, 115, 111, 0.2);}
	25% {background:rgba(235, 115, 111, 0.3);}
	75% {background:rgba(235, 115, 111, 0.6);}
	100 {background:rgba(235, 115, 111, 0.9);}
}

/*h2*/
h2{font-size: 18px; color: #009a44; border-bottom: 1px solid #cccccc; padding-bottom: 8px;}

/*B*/
.B h3{color: #000000;}

/*C*/
.C h3{ color: #222222;}
.C h3 span{color: #fff; background-color: #c00b10; padding:2px 5px; position: relative; display: inline-block; margin:10px 10px 8px 0;}
.C h3 span:before{content: ""; position: absolute; right:-5px; top:0; border-left:5px solid #c00b10; border-top:13px solid transparent; border-bottom:13px solid transparent;}
.C h4{color: #e32644; margin:8px 0 2px;}
.C h4 span{display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; background-color: #fc334a; border-radius:50%; margin-right: 5px;}

/*D*/
.D1{background-color: #f3e4d1; padding:1%;}
.D1 strong{color: #ed3636;}

/*E*/
.E ul li{float: left; width: 46%; margin:1% 2%;}

/*F*/
.F p span{font-size: 20px; color: #fc6e02; display: inline-block; margin:5px 0;}


@media (min-width: 320px){
	.header p{ width:33%; float:left; font-size:12px;margin-top:-1px; margin-left:8%;}
	.m-hidden{display: block;}
	.m-hidden a{display: inline-block; margin-top:5px;}
	.x-hidden{display: none;}
}
@media (min-width: 360px){
	.header p{ font-size:14px; line-height:30px;}
}
@media (min-width: 375px){}
@media (min-width: 414px){
	.m-hidden{display: none;}
	.x-hidden{display: block;}
}
@media (min-width: 540px){
}
@media (min-width: 640px){
}
@media (min-width: 540px) and (max-width:640px){
}