锘
@charset "utf-8";
/* CSS Document */

/* CSS Document */
@-webkit-viewport {
	width: device-width;
}

@-moz-viewport {
	width: device-width;
}

@-ms-viewport {
	width: device-width;
}

@-o-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/*{ font-family:"\5FAE\8F6F\96C5\9ED1"}*/
html, body, div, span, a, p {
	margin: 0px;
	padding: 0px;
}


	a:link, a:visited {
		text-decoration: none;
		cursor: pointer;
	}

	a:hover {
		color: #ff6600;
		text-decoration: underline;
		cursor: pointer;
	}


/* view 忙聽路氓录聫  /////////////////////////////////////////////////////////////// */
.orange {
	background-color: #f60;
	color: #fff;
}


.sns {
	width: auto;
	height: 25px;
	margin: 0px;
	padding: 0px;
	float: right;
	left: 0;
	bottom: 100px;
	display: block; /* position: absolute; */
	cursor: pointer;
	display: table;
	margin-right: 20px;
}

	.sns span {
		width: 25px; /* height: 60px; */ /* float: right; */ /* padding: 0px; */ /* padding-right: 0px; */
	}

.body .title .tip .sns .p {
	background-image: url(/Content/img/share_all.png);
	background-repeat: no-repeat;
	background-position: -0px -0px;
}

.body .title .tip .sns .e {
	background-image: url(/Content/img/share_all.png);
	background-repeat: no-repeat;
	background-position: -0px -24px;
}

.body .title .tip .sns .f {
	background-image: url(/Content/img/share_all.png);
	background-repeat: no-repeat;
	background-position: -0px -48px;
}

.body .title .tip .sns .t {
	background-image: url(/Content/img/share_all.png);
	background-repeat: no-repeat;
	background-position: -0px -72px;
}

.body .title .tip .sns .l {
	background-image: url(/Content/img/share_all.png);
	background-repeat: no-repeat;
	background-position: -0px -96px;
}

.body .title .tip .sns .g {
	background-image: url(/Content/img/share_all.png);
	background-repeat: no-repeat;
	background-position: -0px -120px;
}

.body .title .tip .sns .w {
	background-image: url(/Content/img/share_all.png);
	background-repeat: no-repeat;
	background-position: -0px -144px;
}

.body .title .tip .sns .wx {
	background-image: url(/Content/img/share_all.png);
	background-repeat: no-repeat;
	background-position: -0px -168px;
}

.footer .d {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left; /* margin-left: 5%; */ /* font-size: 14px; */ /* margin-top: 20px; */ /* margin-bottom: 20px; */
	background-color: #18BC9C;
	padding-top: 30px;
	padding-bottom: 30px;
	color: white;
}

	.footer .d ul {
		width: 90%;
		height: auto;
		margin: 0px auto;
		padding: 0px; /* float:left; */
		list-style: none;
	}

		.footer .d ul li {
			width: 90%;
			height: auto;
			margin: 0px;
			padding: 0px; /* float:left; */
			font-size: 14px;
		}

			.footer .d ul li .l {
				width: 45%;
				height: 25px;
				line-height: 25px;
				margin: 0px;
				padding: 0px;
				float: left;
				cursor: pointer;
			}

			.footer .d ul li .r {
				width: 45%;
				height: 25px;
				line-height: 25px;
				margin: 0px;
				padding: 0px;
				float: right;
				text-align: right;
				cursor: pointer;
			}

/*.footer .d ul li .l:hover,.footer .d ul li .r:hover{ background-color:#05A493; color:#ffffff;}
*/




.clear {
	clear: both
}

.v {
	display: block;
}

.h {
	display: none;
}

.c {
	clear: both
}



.go_top {
	cursor: pointer;
	background-image: url(/Content/img/index2/top_1.png);
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	border: none;
	position: fixed;
	bottom: 10px;
	right: 20px;
	display: none;
	z-index: 9999;
}


.menu_list {
	font-weight: normal;
}

.body {
	display: block;
	width: 90%;
	line-height: 30px;
	height: auto;
	padding: 0px;
	margin-left: auto;
	overflow: visible;
	margin-right: auto;
	max-width: 1300px;
	margin-bottom: 50px;
}

	.body .title {
		display: block;
		width: 100%;
		line-height: 50px;
		height: auto;
		font-size: 24px;
		font-weight: bold;
		color: #888888;
		text-align: center;
		padding: 0px;
		float: left;
	}

		.body .title h3 {
			display: block;
			line-height: 50px;
			height: auto;
			width: 100%;
			text-align: center;
		}

	.body .tip {
		width: 100%;
		height: auto;
		float: left;
		border-bottom: 0px dashed #cccccc;
		margin-bottom: 20px;
		display: table;
		text-align: cneter;
		padding-bottom: 10px;
		font-weight: 100;
		margin-top: 20px;
		font: 22px;
	}

		.body .tip span {
			display: block;
			height: 24px;
			line-height: 30px;
			font-size: 12px;
			/* padding:5px; */
			/* align-items: center; */
			/* padding-right: 30px; */
			display: block;
			position: relative;
			float: left;
			margin-left: 10px;
		}

		.body .tip s {
			margin-left: 20px;
			display: block;
			width: 100px;
			height: 25px;
			float: right;
		}

			.body .tip s a {
				display: block;
				width: auto;
				float: left;
				height: auto;
			}

.tip-span {
	margin-right: 20px;
	display: block;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	/* padding: 5px; */
	/* align-items: center; */
	/* padding-right: 30px; */
	position: relative;
	float: left;
}

.body .tip a {
	display: block;
	width: 20px;
	height: 30px;
	line-height: 30px;
	float: right;
	cursor: pointer;
}

	.body .tip a:hover {
		color: #ffffff;
		background-color: #ff6600;
	}

.body .info, .body .infom {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	line-height: 25px;
	font-size: 14px;
	padding: 0px;
	zoom: 1;
	position: relative;
	/* text-indent: 30px; */
	/* max-width: 1000px; */
	min-height: 300px;
	border: 1px solid #dedede;
	padding: 30px 0px;
}

#info .i_t {
	display: block;
}

#info .i_c {
	display: block;
	width: 38%;
	height: 40px;
	line-height: 40px;
	float: left;
	border-bottom: 1px dashed #ccc;
	margin: 5px 0px;
}

	#info .i_c .i_i {
		display: block;
		width: 80%;
		height: 38px;
		line-height: 38px;
		text-indent: 10px;
		border: 0px dashed #ccc;
		/* color: #f60; */
	}

#info .i_t2 {
	display: block;
	width: 10%;
	height: 40px;
	line-height: 40px;
	text-align: right;
	cursor: pointer;
	float: left;
	cursor: pointer; /* background-color: #ccc; */
	margin: 5px 0px; /* color: #f60; */
	float: left; /* border-bottom: 1px solid #f3e9e2; */
	height: 300px;
	overflow: hidden;
}

#info .i_c2 {
	height: 300px;
	overflow: hidden;
	display: block;
	width: 88%;
}

#info .i_i2 {
	height: 260px;
	overflow: hidden;
	width: 99%;
	border: 0px;
	line-height: 150%;
	padding-top: 16px;
	border-bottom: 1px dashed #afafaf;
	overflow: auto;
	background-color: #f9f9f9;
	display: block;
	font-family: microsoft yahei, "\5FAE\8F6F\96C5\9ED1";
}

#info .i_s {
	width: 100%;
	text-align: center;
}

#info b {
	clear: both;
	display: block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	background-color: #f60;
	color: #fff;
	font-weight: 100;
	border-radius: 10px;
	padding: 0px;
	text-align: center;
	margin-left: 120px; /* text-indent: 0px; */ /* font-size: 14px; */
}

	#info b:hover {
		background-color: #ff0061;
		color: #fff;
	}

.infom > .t, .infom > .t1, .infom > .t2 {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	max-width: 1300px;
	margin: 0 auto;
}

.join_bg {
	/*display: block;
	width: 100%;
	height:auto;*/
	/*max-height:400px;*/
	/*border-bottom: 0px dashed #ccc;
	min-height: 100px;*/
	width: 聽100%;
	max-height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.join_bg_img {
	width:100%;
	height:auto;
	max-height:400px;
}

#bdmapin {
	display: block;
	height: 400px;
}

#nav { /* margin-left:20px; */
	display: block;
	width: auto;
	height: 40px;
	float: left;
	line-height: 40px;
	text-align: right;
	font-size: 16px; /* margin-top: 20px; */
	color: #222222;
	margin-right: 50px;
}

	#nav a {
		display: block;
		width: auto;
		float: left;
		height: auto;
		line-height: 30px;
		padding: 0px 5px;
		text-decoration: none;
		background-color: #888482;
		color: #ffffff;
		margin-left: 1px;
	}

		#nav a:hover {
			color: #ffffff;
			background-color: #ff6600;
		}

	#nav i {
		display: block;
		width: auto;
		float: left;
		height: auto;
		line-height: 30px;
		font-style: normal;
		padding: 0px 5px;
	}

.body .info .i_t {
	display: block;
	width: 10%;
	height: 40px;
	line-height: 40px;
	text-align: right;
	cursor: pointer;
	float: left;
	cursor: pointer; /* background-color: #ccc; */
	margin: 5px 0px; /* color: #f60; */
	float: left;
	border-bottom: 0px dashed #afafaf; /* min-width: 100px; */
}

	.body .info .i_t:hover {
		background-color: #f60;
		color: #fff;
	}

.more {
	display: block;
	width: 90%;
	height: auto;
	/* float: left; */
	margin-left: auto;
	font-size: 14px;
	padding-top: 50px;
	margin-right: auto;
	max-width: 1300px;
}

	.more .pre {
		display: block;
		width: 99%;
		height: auto;
		float: left;
		/* min-width:400px; */
		/* border: 1px solid #ccc; */
		padding: 10px 0px;
	}

	.more .next {
		display: block;
		width: 99%;
		height: auto;
		float: left;
		/* min-width:400px; */
		padding: 5px 0px;
	}

	.more a {
		color: #222222;
		font-size: 14px;
		text-decoration: none;
	}

		.more a:hover {
			color: #ffffff;
			background-color: #ff6600;
			text-decoration: none;
		}

.more {
	padding-bottom: 30px;
}

	.more .other {
		display: block;
		width: 100%;
		height: auto;
		float: left;
		margin-top: 20px;
		border: 0px;
	}

	.more .o-t {
		display: block;
		width: 90%;
		height: auto;
		font-size: 16px;
		color: #ff6600;
		margin-top: 50px;
	}

	.more ul {
		display: block;
		list-style: none;
		width: 100%;
		height: auto;
		float: left;
		padding: 0px;
	}

		.more ul li {
			display: block;
			float: left;
			height: 25px;
			line-height: 25px;
			font-size: 14px;
			padding: 5px;
			width: 100%;
			float: left;
		}


.top_bg {
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: auto;
}

	.top_bg img {
		width: 100%;
		height: auto;
		border: none;
		margin: 0px;
		padding: 0px;
	}




@media only screen and (max-width: 820px) {
	body #info {
		border: 0px;
	}

		body #info .i_t {
			width: 90%;
			text-align: left;
			margin-left: 2%;
			font-weight: bold;
		}

		body #info .i_c {
			width: 100%;
			margin-left: auto;
			border: 0px;
			margin-right: auto;
		}

			body #info .i_c .i_i {
				width: 93%;
				margin-left: 2%;
				border: 1px dashed #ccc;
			}

		body #info .i_t2 {
			width: 100%;
			text-align: left;
			margin-left: 2%;
			height: 40px;
			font-weight: bold;
		}

		body #info .i_c2 {
			width: 100%;
			margin-left: auto;
			border: 0px;
			margin-right: auto;
		}

			body #info .i_c2 .i_i2 {
				width: 93%;
				margin-left: 2%;
				border: 1px dashed #ccc;
			}

	.radio {
		margin-left: 2%;
	}

	.body .info .i_t:hover {
		background-color: #fff;
		color: #222;
	}

	#info b {
		margin-left: 2%;
	}





	@media only screen and (max-width: 800px) {
		.slide_list ul li .slide_info {
			display:;
			position: relative;
			top: 0px;
			left: 0px;
			margin-left: 0px;
			background-image: none;
			border-radius: 0px;
			background-color: #22B19D;
			width: 100%;
			padding: 10px;
		}

		/*.slide_list ul li img{min-height: 300px;}
	.slide ul li{width:100%; height:auto;}
	.slide .slide_list{width:100%; height:auto;}
	.slide_list ul {width:100%; height:auto;}
	.slide{width:100%;height:auto; margin-top:10px;}
	*/
		.slide2 ul li .info_news {
			width: 94%;
			margin-bottom: 10px;
		}

		.slide2 ul li .info {
			width: 94%;
			margin-bottom: 10px;
		}

		.slide2, .slide2 ul {
			height: auto;
		}

		.footer .sns {
			width: 200px;
			height: 70px;
			margin: 0px;
			padding: 0px; /* float:right; */
			right: 0;
			bottom: 50px;
			position: absolute; /* background-color: #0C0808; */
		}

		.footer .d ul li {
			width: 96%;
		}

		.body .tip s {
			margin-left: 0px;
			display: block;
			width: 100px;
			height: 25px;
			float: left;
		}
	}




	@media only screen and (max-width: 600px) {
		.slide_info .s0, .slide_info .s2 {
			margin-left: 10px;
			margin-right: 10px;
			font-size: 14px;
			font-weight: 100;
		}

		.sns {
			margin-top: 20px;
			margin-left: auto;
			margin-right: auto;
		}
	}

	@media only print {
		.header {
			display: none;
		}

		.more {
			display: none;
		}

		.footer {
			display: none;
		}
	}


	.disable {
		background-color: #ccc;
	}

	.ok {
		background-color: #f60;
	}
}

.h5date {
	width: 120px;
	font-size: 12px;
	font-family: sans-serif;
	border: 1px dashed #b5b3b3;
	padding: 5px;
	margin-left: 10px;
}