body, ul, p {
	margin: 0;
	padding: 0;
}
body {
	text-align: left;
	font-family: STHeiti, Arial;
}
h1, h2, h3, h4, h5, dt, dd, dl {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font-size: 12px;
background:;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearfix {
	display: inline-block;
}
header {
	width: 100%;
	max-width:640px;
	min-width:320px;
	height: auto;
	margin:0 auto;
	overflow: hidden;
}
.logo{width:100%; max-width:640px; min-width:320px;margin:0 auto; background:#a0011f;margin-top:41px;}
.logo img{ display:block; width:100%; max-width:640px; min-width:320px;margin:0 auto;}
.ban img{ width:100%; min-width:320px; max-width:640px; margin:0 auto;}
.wrap{ width:100%; min-width:320px; max-width:640px; margin:0 auto;font:14px "Microsoft YaHei";display:-webkit-box;display:-webkit-flex;display:flex;height:71px;color:#fff; background:#a0011f;}
.wrap div{-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.wrap div:nth-child(1){border-right: #fff solid 1px;}
.wrap div:nth-child(2){ border-right: #fff solid 1px;}
.wrap div:nth-child(3){border-right: #fff solid 1px;}
.wrap div a{ color:#fff; text-align:center; line-height:35px; text-decoration:none; width:100%; height:35px;border-bottom: #fff solid 1px; display:block;}
.wrap div a.nobot{ border-bottom:none;}

article:nth-child(3) {
	width: 320px;
	margin: 10px auto 0px auto;
	height: 410px;
}
article:nth-child(3) section:nth-child(1), article:nth-child(4) section:nth-child(1), article:nth-child(5) section:nth-child(1), article:nth-child(6) section:nth-child(1), article:nth-child(7) section:nth-child(1) {
	height: 38px;
	line-height: 38px;
	width: 320px;
	text-align: center;
	font-size: 17px;
	font-family: Microsoft Yahei;
	color: #fff;
	background: #a0011f;
}
article:nth-child(3) ul:nth-child(2) {
	display: block;
	width: 310px;
	height: 278px;
}
article:nth-child(3) ul:nth-child(2) li {
	float: left;
	width: 143px;
	height: 127px;
	border: 1px #e5e5e5 solid;
	border-radius: 10px 0 10px 0;
	margin: 10px 0 0 10px;
}
article:nth-child(3) ul:nth-child(2) li img {
	display: block;
	border-radius: 15px 0 0 0;
}
article:nth-child(3) ul:nth-child(2) li span {
	display: block;
	color: #666;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 143px;
	height: 31px;
	line-height: 31px;
	border-radius: 0 0 10px 0;
	background: #f1f1f1;
}
article:nth-child(3) p:nth-child(3) {
	display: block;
	width: 280px;
	text-indent: 2em;
	line-height: 24px;
	color: #2c2c2c;
	font-size: 12px;
	margin: 10px 0 0 19px;
}
article:nth-child(4) {
	width: 320px;
	margin: 0 auto;
	height: 364px;
}
article:nth-child(4) ul {
	display: block;
}
article:nth-child(4) ul li {
	float: left;
	width: 144px;
	height: 77px;
	background: #76aaf2;
	border-radius: 5px;
	margin: 10px 0 0 10px;
}
article:nth-child(4) ul li span {
	display: block;
	height: 37px;
	background: url(../images/yl_img22.jpg) center bottom no-repeat;
	text-align: center;
	line-height: 37px;
	font-size: 18px;
	font-family: Microsoft Yahei;
	color: #fff;
}
article:nth-child(4) ul li h3 {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 22px;
	font-family: Microsoft Yahei;
	color: #fff;
	font-weight: normal;
}
article:nth-child(4) ul li:nth-child(2) {
	background: #b3a6e4;
}
article:nth-child(4) ul li:nth-child(2) span {
	background: url(../images/yl_img23.jpg) center bottom no-repeat;
}
article:nth-child(4) ul li:nth-child(3) {
	background: #e77792;
}
article:nth-child(4) ul li:nth-child(3) span {
	background: url(../images/yl_img24.jpg) center bottom no-repeat;
}
article:nth-child(4) ul li:nth-child(4) {
	background: #e48f6c;
}
article:nth-child(4) ul li:nth-child(4) span {
	background: url(../images/yl_img25.jpg) center bottom no-repeat;
}
article:nth-child(4) p:nth-child(3) {
	width: 300px;
	display: inline-block;
	line-height: 22px;
	font-size: 12px;
	color: #666;
	margin: 10px 0 0 14px;
}
article:nth-child(4) p:nth-child(3) span {
	color: #a0011f;
	font-weight: bold;
}
article:nth-child(4) p:nth-child(4) {
	display: inline-block;
	width: 292px;
	height: 51px;
	margin: 10px 0 0 14px;
}
article:nth-child(4) p:nth-child(4) a {
	float: left;
}
article:nth-child(4) p:nth-child(4) a:nth-child(1) {
	width: 117px;
	height: 46px;
	background: #ed4e01 url(../images/yl_img7.jpg) 13px 4px no-repeat;
	border-radius: 6px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	padding: 5px 0 0 3px;
}
article:nth-child(4) p:nth-child(4) a:nth-child(1) b {
	font-weight: normal;
	font-size: 16px;
	font-family: Microsoft Yahei;
	color: #fff;
}
article:nth-child(4) p:nth-child(4) a:nth-child(2) {
	width: 90px;
	height: 49px;
	border: 1px #fb9664 solid;
	border-left: 0;
	border-radius: 0 6px 6px 0;
	margin: 0 0 0 -3px;
	background: url(../images/yl_img8.jpg) center 3px no-repeat;
	line-height: 75px;
	text-align: center;
	color: #fb9664;
}
article:nth-child(4) p:nth-child(4) a:nth-child(3) {
	width: 86px;
	height: 49px;
	border: 1px #fb9664 solid;
	border-left: 0;
	border-radius: 0 6px 6px 0;
	margin: 0 0 0 -3px;
	background: url(../images/yl_img9.jpg) center 3px no-repeat;
	line-height: 75px;
	text-align: center;
	color: #fb9664;
}
article:nth-child(5) {
	width: 320px;
	height: 703px;
	margin: 0 auto;
}
article:nth-child(5) p:nth-child(2) {
	display: inline-block;
	width: 288px;
	height: 82px;
	background: #f1f1f1;
	margin: 10px 0 0 10px;
	padding: 8px 6px 0;
	line-height: 24px;
	font-size: 12px;
	color: #666;
}
article:nth-child(5) h3:nth-child(3) {
	color: #a0011f;
	font-size: 16px;
	font-weight: bold;
	display: block;
	text-align: center;
	line-height: 35px;
	height: 35px;
	margin: 5px 0 0 0;
}
article:nth-child(5) img:nth-child(4) {
	display: block;
	margin: 0 0 0 10px;
}
article:nth-child(5) section:nth-child(5) {
	display: block;
	width: 296px;
	height: 284px;
	background: url(../images/yl_img11.jpg) no-repeat;
	margin: 8px 0 0 12px;
	position: relative;
}
article:nth-child(5) section:nth-child(5) ul {
	display: block;
}
article:nth-child(5) section:nth-child(5) ul li {
	float: left;
	width: 98px;
	height: 98px;
	position: absolute;
}
article:nth-child(5) section:nth-child(5) ul li span {
	display: block;
	height: 30px;
	line-height: 30px;
	margin: 10px 0 0 0;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}
article:nth-child(5) section:nth-child(5) ul li p {
	width: auto;
	height: auto;
	background: none;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	margin: 3px 0 0 0;
	padding: 0;
	text-align: center;
	display: block;
}
article:nth-child(5) section:nth-child(5) ul li:nth-child(1) {
	left: 98px;
	top: 0;
}
article:nth-child(5) section:nth-child(5) ul li:nth-child(2) {
	left: 0;
	top: 84px;
}
article:nth-child(5) section:nth-child(5) ul li:nth-child(3) {
	left: 198px;
	top: 88px;
}
article:nth-child(5) section:nth-child(5) ul li:nth-child(4) {
	left: 98px;
	bottom: 0;
}
article:nth-child(5) section:nth-child(5) b {
	float: left;
	position: absolute;
	top: 115px;
	left: 130px;
	font-size: 18px;
	font-family: Microsoft Yahei;
	color: #fff;
	font-weight: normal;
}
article:nth-child(5) a:nth-child(6) {
	display: block;
	margin: 10px 0 0 0;
}
article:nth-child(5) a:nth-child(6) img {
	display: block;
}
article:nth-child(6) {
	width: 320px;
	height: 590px;
	margin: 0 auto;
}
article:nth-child(6) div {
	display: block;
	width: 300px;
	height: 170px;
	background: #f1f1f1;
	margin: 10px 0 0 10px;
}
article:nth-child(6) div p {
	display: inline-block;
	width: 294px;
	line-height: 24px;
	font-size: 14px;
	color: #666;
	margin: 8px 4px 0;
}
article:nth-child(6) div p span {
	width: 73px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	color: #fff;
	font-size: 18px;
	font-family: Microsoft Yahei;
	background: #fe8e2a;
	display: inline-block;
	border-radius: 5px;
	margin-right: 5px;
}
article:nth-child(6) div ul {
	display: block;
}
article:nth-child(6) div ul li {
	float: left;
	width: 93px;
	height: 96px;
	background: #fff;
	margin: 8px 0 0 5px;
}
article:nth-child(6) div ul li img {
	display: block;
	margin: 3px 0 0 3px;
}
article:nth-child(6) div ul li b {
	font-weight: normal;
	font-size: 14px;
	color: #666;
	display: block;
	text-align: center;
	height: 25px;
	line-height: 25px;
}
article:nth-child(6) div:nth-child(3) p span {
	background: #7774dd;
}
article:nth-child(6) div:nth-child(4) p span {
	background: #ff4850;
}
article:nth-child(7) {
	width: 320px;
	margin: 0px auto;
}
.page{ width:100%; margin:0 auto;font:12px "Microsoft YaHei";}
.page ul li{ width:100%; height:35px;}
.pagelist {width:100%; padding:10px 0 10px;text-align: center;}
.pagelist li {display: inline;list-style: none;border: none;width:25px; color:#5d5d5d;}
.pagelist li a{ color:#b41a2e; font-weight:bold;}
.page ul.list li{ width:100%; height:32px; border-bottom:#dddddd dashed 1px; line-height:32px; position:relative;}
.page ul.list li  span{ position:absolute; right:10px; top:10px; font:1rem "ËÎÌå"; font-weight:bold; color:#bbbbbb;}
.page ul.list li  a{ padding-left:10px; color:#5d5d5d;}
.exp{ width:100%;max-width:640px; min-width:320px;margin:10px auto 0px auto; background:#f2e6d7; height:36px;}
.expz{ width:50%; height:36px;max-width:320px; min-width:160px; background:#a0011f;font:15px "Microsoft YaHei"; font-weight:bold; line-height:36px; color:#fff; text-align:center; float:left;}
.foot p{ line-height:32px; font-size:14px; color:#fff; text-align:center;}
.foot{ width:100%;max-width:640px; min-width:320px; margin:0 auto; background:#a0011f; padding-bottom:.6em;}
.back a{ display:block;width:26.87%;max-width:172px;border-radius:5px; background:#fff; margin:0 auto; position:relative; top:-0.5em; text-align:center; color:#a0011f;font:1.2rem/2.5rem "Microsoft YaHei";}
.bot img { display:block;width:100%;max-width:640px; min-width:320px; margin:0 auto; }
@media only screen and (min-width: 320px) { 
	.foot p{ line-height:32px; font-size:12px; color:#fff; text-align:center;}
}
@media only screen and (min-width: 640px) { 
	.foot p{ line-height:36px; font-size:18px; color:#fff;text-align:center;}
}
img {max-width: 100%; vertical-align: middle}
.cf:before,.cf:after{display: table;content:""}.cf:after{clear:both}.cf{zoom:1}
.img-responsive{display:inline-block;}
.shadow {z-index:999990; display: none; position: fixed; width: 100%; height: 100%; top:0; left:0; background-color: rgba(0,0,0,.2); }
.float_container {z-index:999991; display: none; position: fixed; width: 100%; left:0; bottom:0; background-image: -moz-linear-gradient(#abe5ef, #deceb7); background-image: -webkit-linear-gradient(#abe5ef, #deceb7); background-image: -o-linear-gradient(#abe5ef, #deceb7); background-image: linear-gradient(#abe5ef, #deceb7); }
.db { display: block}
.float_container .title_talk { background:#13a4db; background-size: 40px; height:40px;line-height:40px;font-size:20px; color:#fff; text-align: center; letter-spacing: -1px; }
.float_container dl { display: none; transiton:all .3s linear 0s}
.float_container dt { display: inline-block; width: 14%; float: left; margin: 34px 0 0 8px; text-align: center}
.float_container dd {margin:0; display: inline-block; position: relative; width: 68%; float: left; margin-top: 15px; }
.float_container .time1 { font-size: 12px; line-height: 1.6; color:#6c6761; text-align: center; }
.float_container .box { color:#000;position: relative; margin-left: 5%; padding:10px; border:1px solid #7ebbe4; border-top-color: #b2daf0; border-radius: 12px; box-shadow: 0 3px 0 #3ea0dd, inset 0 1px 1px #fff; background-image: -moz-linear-gradient(#c6e5fa, #a6d7f7); background-image: -webkit-linear-gradient(#c6e5fa, #a6d7f7); background-image: -o-linear-gradient(#c6e5fa, #a6d7f7); background-image: linear-gradient(#c6e5fa, #a6d7f7); letter-spacing: -1px; }
.float_container .box img { width: 22px; vertical-align: bottom}
.float_container .box:before,
.float_container .box:after { position: absolute; content: ""}
.float_container .box:before { width: 18px; height: 13px; top:-1px; left:-9px; background: url(../images/arrow.png)  0 0 no-repeat; background-size: 18px; }
.float_container .box:after { width: 40px; height: 26px; bottom:-4px; right:-7px; background:url(../images/wave.png) 0 0 no-repeat; background-size: 40px; }
.float_container .btn_cf { margin-top: 25px; padding:10px 0; border-top:1px solid #c7c7c0; border-bottom:1px solid #979185; background-color: #eaebed; overflow:hidden;}
.float_container .btn_cf a { display: inline-block; width: 39%; height: 2em; float:left; margin:0 5%; border:1px solid #a6a5a1; border-radius: 12px; background-color: #fefefe; box-shadow: 0 2px 2px #d1d1d3; font-size: 16px; color:#6c6761; line-height: 2; text-align: center; text-decoration: none; transition:all .3s linear 0s; }
.float_container .btn_cf a:hover {border-color:#959490;background-color: #f7f7f7}
