body, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, div {
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: bottom;
	font-family: 微软雅黑;
}
img, input, select {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border: 0
}
a {
	text-decoration: none;
	color: #924900
}
.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:#b01127; margin-bottom:2%;}
.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;}
.logo{width:100%; max-width:640px; min-width:320px;margin:0 auto; background:#b01127;margin-top:41px;}
.logo img{ display:block; width:100%; max-width:640px; min-width:320px;margin:0 auto;}
.page ul li{ width:100%; height:40px;}
.pagelist {width: 100%;padding: 10px 0 10px;text-align: center;}
.pagelist li {display: inline;list-style: none;border: none;width: 30px; color:#5d5d5d;}
.pagelist li a{ color:#b41a2e; font-weight:bold;}
.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:#b01127; 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:#b01127;font:1.5rem/3.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) { 
	.page{width:100%; min-width:320px; margin:0 auto;font:12px "Microsoft YaHei";}
	.page ul.list li{ width:100%; height:30px; border-bottom:#dddddd dashed 1px; line-height:30px; position:relative;}
	.page ul.list li  span{ position:absolute; right:10px; top:5px; font:1em "宋体"; font-weight:bold; color:#bbbbbb;}
	.page ul.list li  a{ padding-left:10px; color:#5d5d5d;}
	.foot p{ line-height:32px; font-size:12px; color:#fff; text-align:center;}
}
@media only screen and (min-width: 640px) { 
	.page{width:100%; max-width:640px; margin:0 auto;font:14px "Microsoft YaHei";}
	.page ul.list li{ width:100%; height:40px; border-bottom:#dddddd dashed 1px; line-height:40px; position:relative;}
	.page ul.list li span{ position:absolute; right:10px; top:15px; font:1em "宋体"; font-weight:bold; color:#bbbbbb;}
	.page ul.list li a{ padding-left:10px; color:#5d5d5d;}
	.foot p{ line-height:36px; font-size:18px; color:#fff;text-align:center;}
}

 @media only screen and (min-width: 1px) and (max-width: 320px) {
html {
	font-size: 50%;
}
}
 @media only screen and (min-width: 320px) and (max-width: 640px) {
html {
	font-size: 62.5%;
}
}
 @media only screen and (min-width: 641px) and (max-width: 1440px) {
html {
	font-size: 62.5%;
}
}
 @media only screen and (min-width: 640px) and (max-width: 1440px) {
body {
	font-size: 1.5em;
}
}
 @media only screen and (min-width: 320px) and (max-width: 640px) {
body {
	font-size: 1.4em
}
}
img {
	max-width: 100%;
}
body {
	max-width: 640px;
	margin: 0 auto
}
.header {
	margin-bottom: 1px
}

.con {
	padding: 0 2%;
	overflow: hidden;
	clear: both
}
.dao {
	font-size: 15px;
	line-height: 24px;
	width: 90%;
	margin: 2% auto 2%;
	text-indent: 2em
}
.title {
	width: 100%;
	height: 54px;
	background: #b01127;
	margin: 2% 0;
	overflow: hidden
}
.title p {
	text-align: center;
	line-height: 54px;
	color: #fff;
	font-family: "微软雅黑";
}
 @media only screen and (min-width: 640px) and (max-width: 1440px) {
.title p {
	font-size: 1.5em;
}
}
 @media only screen and (min-width: 320px) and (max-width: 640px) {
.title p {
	font-size: 1.4em
}
}
.c_tit {
	width: 100%;
	margin: 1% auto;
	height: 55px;
	background: #f1f1f1
}
.c_tit strong {
	float: left;
	color: #f08f1a;
	font-size: 16px;
	line-height: 55px;
	padding-left: 1%;
	display: block;
	width: 33%
}
.c_tit p {
	display: block;
	float: left;
	line-height: 55px;
	padding-left: 1%
}
.con1 {
	text-align: center;
}
.four {
	overflow: hidden;
	margin-top: 2%
}
.four li {
	width: 45%;
	float: left;
	display: inline;
	border-radius: 5px;
	background: #f2f1f1;
	border: 1px solid #df7e7e;
	text-align: center;
	margin-bottom: 4%;
	padding: 1%;
}
.four li h2 {
	color: #9d0000;
	border-bottom: 1px solid #9b9a9a;
	width: 90%;
	margin: 5% auto 0;
	padding-bottom: 5%;
	font-size: 1.4em
}
.four li p {
	font-size: 0.9em;
	padding: 5%
}
.four li:nth-child(1) {
	margin-right: 4%
}
.four li:nth-child(3) {
	margin-right: 4%
}
.swt {
	width: 100%;
	overflow: hidden;
}
.swt a {
	color: #fff;
	font-size: 0.9em;
	display: block;
	text-align: center;
	width: 96%;
	border: 1px solid #fff;
	line-height: 32px;
	margin: 1% auto
}
.swt_l {
	float: left;
	display: inline;
	margin-right: 4%;
	background: #bb0909;
	width: 33%;
	margin-left: 15%
}
.swt_r {
	float: left;
	display: inline;
	background: #139a72;
	width: 33%
}
/********/

.con2 {
	padding-bottom: 2%;
	border-bottom: 2px solid #e6e6e6;
	overflow: hidden;
	margin: 2% 0
}
.con2_l {
	float: left;
	display: inline;
	width: 30%
}
.con2_r {
	float: left;
	display: inline;
	margin-left: 3%;
	width: 60%;
	margin-top: 5%
}
.dao span {
	color: #f00
}
/********/



.con3_2 {
	overflow: hidden;
	margin: 2% auto
}
.con3_2 li {
	float: left;
	display: inline;
	width: 30%
}
.con3_2 li:nth-child(2) {
	margin: 0 5%
}
/********/

.con4_2 {
	padding: 3%;
	margin-top: 1%;
	background: url(../images/bl.jpg) repeat-x #e88181 center bottom;
	margin-bottom: 3%
}
.con4_2 p {
	width: 270px;
	margin: 0 auto;
	color: #fff;
	font-size: 15px;
	line-height: 25px
}
.con5 {
	text-align: center
}
.con5_1 {
	verflow: hidden
}
.con5_1 li {
	width: 45%;
	float: left;
	color: #f09527;
	font-size: 21px;
	margin: 1% 0 1% 3.5%;
	font-weight: 500 !important;
}
 @media only screen and (min-width: 320px) and (max-width: 640px) {
.con5_1 li {
	font-size: 12px
}
}
/**/
.con1_1 li {
	width: 47%;
	float: left;
	margin: 1% 0 1.5% 2%;
}
/**/

.con8 {
	width: 91.5%;
	margin: 1% auto
}
.con8_fl {
	float: left;
	margin-top: 4%;
	width: 42.5%
}
.con8_fr {
	float: right;
	width: 54.5%
}
.con8_fr li {
	position: relative;
	margin-bottom: 1.5%
}
.con8_fr li p {
	position: absolute;
	top: 10%;
	left: 22%;
	width: 77%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.con8_fr li p span {
	color: #ea7b04
}
 @media only screen and (min-width: 320px) and (max-width: 640px) {
.con8_fr li p {
	font-size: 12px
}
}
/**/

.con9 {
	text-align: center
}
.h_nav {
	width: 36%;
	padding: 1.5% 10%;
	background: #bb0909;
	color: #fff;
	border-radius: 6px;
	font-size: 18px;
	margin: 1% auto;
	text-align: center;
}
 @media only screen and (min-width: 320px) and (max-width: 640px) {
.h_nav {
	font-size: 14px
}
}
.con9_c {
	padding: 3% 3% 12% 3%;
	margin: 1% auto;
	width: 90%;
	background: #f5f5f5;
	margin-bottom: 3%;
	border-radius: 6px;
	border: 1px dashed #F00
}
.con9_c strong {
	color: #df6742;
}
.con9_c p {
	text-indent: 2em;
	line-height: 22px
}
.con9_c a {
	display: block;
	width: 60%;
	float: right;
	margin-right: 2%;
	background: #df6742;
	color: #FFF;
	line-height: 30px;
	text-align: center;
	margin-top: 1%;
}
 @media only screen and (min-width: 320px) and (max-width: 640px) {
.con9_c a {
	font-size: 12px
}
}
.con9_1 {
	padding: 0% 2%;
	margin: 1% auto;
	width: 90%;
	background: #faf3d9;
	margin-bottom: 3%;
	position: relative
}
.con9_1 img {
	width: 11%
}
.con9_1 p {
	position: absolute;
	top: 1%;
	left: 14%;
	width: 84%;
	text-align: left;
}
.con9_1 span {
	color: #f00
}
 @media only screen and (min-width: 320px) and (max-width: 640px) {
.con9_1 p {
	font-size: 12px
}
}
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}
