@charset "utf-8";
/*Copyright (c) 2018 www.3306web.com All Rights Reserved*/

/*CSS全局重置*/
a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/*body, button, input, select, textarea {
	font: 14px/1.5em 'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif;
	color: #555;
}

code, kbd, pre, samp, tt {
	font-family: "Courier New",Courier,monospace
}*/

address, cite, dfn, em, var {
	font-style: normal
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none
}

a {
	text-decoration: none;

}

	a:hover {
		text-decoration: none;
		color: #B76F28
	}

img {
	padding: 0;
	border: none;
	display: block;
	-ms-interpolation-mode: bicubic;
	max-width: 100%
}

blockquote, q {
	quotes: none
}

	blockquote:after, blockquote:before, q:after, q:before {
		content: '';
		content: none
	}

:focus {
	outline: 0
}

ins {
	text-decoration: none
}

del {
	text-decoration: line-through
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	height: 1px;
	border: none;
	background: #ddd
}

html {
	overflow-y: scroll
}

button, input {
	overflow: visible
}

button, select {
	text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button
}

	[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
		padding: 0;
		border-style: none
	}

	[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
		outline: 1px dotted ButtonText
	}

fieldset {
	margin: 0 2px;
	padding: .35em .625em .75em;
	border: 1px solid silver
}

legend {
	display: table;
	box-sizing: border-box;
	padding: 0;
	max-width: 100%;
	color: inherit;
	white-space: normal
}

textarea {
	overflow: auto
}

[type=checkbox], [type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	outline-offset: -2px;
	-webkit-appearance: textfield
}

	[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
		-webkit-appearance: none
	}

::-webkit-input-placeholder {
	color: 999;
	opacity: .54
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

/*全局通用*/
.clearfix {
	*zoom: 1;
}


.clearfix:after {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
	visibility: hidden;
	content: ".";
}

.fl {
	float: left !important
}

.fr {
	float: right !important
}

.bor {
	border: 1px dashed #999
}

.min {
	min-width: 1200px
}

.wrap {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	max-width: 1200px;
	min-width: 1200px;
	background:none;
}

.wrap900 {
	width: 900px;
	margin: 0 auto;
	position: relative;
	min-width: 900px
}

.wrap750 {
	width: 750px;
	margin: 0 auto;
	position: relative;
	min-width: 750px
}

.wrap1000 {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	min-width: 1000px
}

.wrap1100 {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	min-width: 1100px
}

.texto {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#tips {
	position: absolute;
	padding: 5px 10px;
	z-index: 99999;
	background: #2C9B81;
	color: #fff;
	border-radius: 5px;
}
/*默认选中文字样式*/
::selection {
	background: #308ECC;
	color: #fff;
}

::-moz-selection {
	background: #308ECC;
	color: #fff;
}

::-webkit-selection {
	background: #308ECC;
	color: #fff;
}

.totop {
	position: fixed;
	width: 60px;
	height: 60px;
	cursor: pointer;
	border-radius: 5px;
	display: none;
	background: url(../img/totop.png) #B76F28 no-repeat top center;
	left: 50%;
	margin-left: 626px;
	bottom: 10px;
}

@media screen and (max-width: 1366px) {
	.totop {
		position: fixed;
		width: 60px;
		height: 60px;
		cursor: pointer;
		border-radius: 5px;
		display: none;
		background: url(../img/totop.png) #B76F28 no-repeat top center;
		left: 50%;
		margin-left: 606px;
		bottom: 20px;
	}
}
/*font-size*/
.font12 {
	font-size: 12px
}

.font13 {
	font-size: 13px
}

.font14 {
	font-size: 14px
}

.font15 {
	font-size: 15px
}

.font16 {
	font-size: 16px
}

.font17 {
	font-size: 17px
}

.font18 {
	font-size: 18px
}

.font19 {
	font-size: 19px
}

.font20 {
	font-size: 20px
}

.font22 {
	font-size: 22px
}

.font23 {
	font-size: 23px
}

.font24 {
	font-size: 24px
}

.font25 {
	font-size: 25px
}

.font26 {
	font-size: 26px
}

.font27 {
	font-size: 27px
}

.font28 {
	font-size: 28px
}

.font29 {
	font-size: 29px
}

.font30 {
	font-size: 30px
}

.font30 {
	font-size: 30px
}

.font60 {
	font-size: 60px
}

/*图片*/
.imgin {
	display: inline-block !important;
	vertical-align: middle;
}

.imgmr {
	margin: 0 auto;
}

.imgmax {
	width: 100%
}
/*站位*/
.h10 {
	width: 100%;
	height: 10px
}

.h20 {
	width: 100%;
	height: 20px
}

.h30 {
	width: 100%;
	height: 30px
}

.h40 {
	width: 100%;
	height: 40px
}

.h50 {
	width: 100%;
	height: 50px
}

.h57 {
	height: 57px
}

.h60 {
	width: 100%;
	height: 60px
}

.h70 {
	width: 100%;
	height: 70px
}

.h80 {
	width: 100%;
	height: 80px
}

.h90 {
	width: 100%;
	height: 90px
}

.h100 {
	width: 100%;
	height: 100px
}

.h120 {
	width: 100%;
	height: 120px
}

.h140 {
	width: 100%;
	height: 140px
}

.h160 {
	width: 100%;
	height: 160px
}
/*边距*/
.mr10 {
	margin: 10px auto
}

.mr15 {
	margin: 15px auto
}

.mr20 {
	margin: 20px auto
}

.mr30 {
	margin: 30px auto
}

.mr40 {
	margin: 40px auto
}

.mr50 {
	margin: 50px auto
}

.mr60 {
	margin: 60px auto
}

.mr80 {
	margin: 80px auto
}
/*内边距*/
.pa10 {
	padding: 10px 0
}

.pa20 {
	padding: 20px 0
}

.pa30 {
	padding: 30px 0
}

.pa40 {
	padding: 40px 0
}

.pa50 {
	padding: 50px 0
}

.pa60 {
	padding: 60px 0
}

.pa70 {
	padding: 70px 0
}

.text-r {
	text-align: right !important
}

.text-l {
	text-align: left !important
}

.text-m {
	text-align: center !important;
}

.mrl50 {
	margin-left: 40px
}

.pore {
	position: relative;
}

.poab {
	position: absolute;
}

.pofix {
	position: fixed
}

/*@font-face {
	font-family: 'Conv_impact';
	src: url('../fonts/impact.eot');
	src: local('☺'), url('../fonts/impact1.woff') format('woff'), url('../fonts/impact2.ttf') format('truetype'), url('../fonts/impact3.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
.main {
	/*background: url('../images/Scenic/back.png') no-repeat;
	background-size:100% 100%;*/
	position: relative;
	padding-top: 10px;
	/*background-color: #dbedf9;*/
}
.p {
	height: 40px;
	clear: both;
	line-height: 40px;
	text-align: center;
	margin: 10px auto;
	font-size: 18px;
	border: 1px solid #2ab9b5;
	width: 200px;	
	border-radius: 20px;
}
	.p:hover {
		background: #2ab9b5;
		
	}
	.p a {
	color:#fff
	}
	.wrap_top {
		padding-left: 20px
	}
.ms-jd {
	padding: 30px 0 30px;
	height: 650px;
	background: url(../images/Scenic/jd_bgs.png) no-repeat;
	background-size: 100% 100%;
}

.scroll-jd {
	position: relative;
	margin-top: 30px
}

	.scroll-jd .swiper-container {
		margin: 0 auto;
		padding: 0px 0 30px 30px;
		width: 1100px
	}

		.scroll-jd .swiper-container .swiper-slide {
			position: relative;		
			width: 700px;
			height:300px;
			background: url(../images/Scenic/jd_pic_bg.png) no-repeat;
			background-size:100% 100%;	
		}

			.scroll-jd .swiper-container .swiper-slide img {
				margin: 0 auto;
				padding: 10px 15px;
				height:100%;
			}

			.scroll-jd .swiper-container .swiper-slide p {
				position: absolute;
				bottom: -10px;
				left: -25px;
				z-index: 99;
				padding: 15px 18px 10px;
				width: 55px;			
				text-align:center;
				background: url(../images/Scenic/jd_t_bg.png) no-repeat;
				background-size:100% 100%;				
				font-size: 18px
			}
				.scroll-jd .swiper-container .swiper-slide p a {
					color: #fff !important;
				}
	.scroll-jd .swiper-button-prev {
		position: absolute;
		top: 50%;
		left: 10px;
		z-index: 999;
		margin-top: -35px;
		width: 30px;
		height: 31px;		
		background: url(../images/Scenic/arrl.png) no-repeat left top;
		opacity: .5;
		-webkit-transition: opacity .5s;
		-o-transition: opacity .5s;
		transition: opacity .5s
	}

	.scroll-jd .swiper-button-next {
		position: absolute;
		top: 50%;
		right: 0;
		z-index: 999;
		margin-top: -35px;
		width: 30px;
		height: 31px;
		background: url(../images/Scenic/arrr.png) no-repeat right top;
		opacity: .5;
		-webkit-transition: opacity .5s;
		-o-transition: opacity .5s;
		transition: opacity .5s
	}

		.scroll-jd .swiper-button-next:hover, .scroll-jd .swiper-button-prev:hover {
			opacity: 1
		}






/*A级景区*/

.container {
	position: relative;
	padding-bottom: 0;
	z-index: 4;
}

	.container img {
		vertical-align: top;
	}

.con-01 {
	padding: 15px 0 10px;
	background: #e5f6ed;
	width: 100%;
	background-size: cover;
}

.c1-bott li {
	float: left;
	position: relative;
	overflow: hidden;
	margin-right: 2px;
	z-index: 9;
	cursor: pointer;
}

	.c1-bott li:nth-child(odd) {
		background: #86e5b7;
	}

	.c1-bott li:nth-child(even) {
		background: #84ccef;
	}

.titCon {
	width: 150px;
	height: 352px;
	text-align: center;
	padding-top: 30px;
	float: left;
}
.titCon i{
	display:block;
}
	.imgPic { /*position: absolute;left: 158px;top: 0;display: none;height:428px;*/
		float: left;
		width: 580px;
		height: 428px;
		position:relative;
	}

	.imgPic img {
		width:100%;
		height:100%;
	}
		.imgPic p {
			/*position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			margin: auto;
			width: 100%;
			text-align: center;
			height: 50px;
				line-height:50px;
			font-size: 24px;
			color: #fff;*/
			position: absolute;
			left: 0;
			right: 0;
			background: rgba(0,0,0,.5);
			bottom: 0;
			margin: auto;
			width: 100%;
			text-align: center;
			/*padding-left: 20px;*/
			height: 50px;
			line-height: 50px;
			font-size: 24px;
			color: #fff;
		}
		.titCon h2 {
			font-size: 24px;
			color: #fff;
			padding: 54px 0;
			/*background: url(../images/Scenic/bg-09.png) no-repeat center;*/
		}

.titCon .info {
	height: 88px;
	margin: 0 auto;
	width: 100px;
	
	text-align: center;
	/*writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;*/
	position: relative;
	font-size: 14px;
	color: #fff;
}
	.titCon .info a {
		width: 110px;
		height:100px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		display: block;
	}

	.titCon .info:before {
		content: "";
		position: absolute;
		top: -22px;
		left: 50%;
		margin-left: -15px;
		width: 29px;
		height: 16px;
		background: url(../images/Scenic/bg-11.png) no-repeat;
	}

	.titCon .info:after {
		content: "";
		position: absolute;
		bottom: -30px;
		left: 50%;
		margin-left: -15px;
		width: 29px;
		height: 16px;
		background: url(../images/Scenic/bg-10.png) no-repeat;
	}

.titCon .view {
	display: inline-block;
	font-size: 13px;
	color: #999;
	padding: 2px 18px;
	border-radius: 20px;
	background: #fff;
	margin-top: 40px;
}

/*自然保护&森林公园*/
.bh_main {
	height:580px;
	margin-bottom:30px;
	/*box-shadow:0px 0px 10px #308ECC;*/
	border-radius:10px
}
.bh_l,.bh_r {
	width:50%
}
.bh_l_lb{
	width:90%;
	height:386px;
	overflow:hidden;
	margin:20px auto 0;
	background:rgba(255,255,255,1);
	border-radius:10px
}

.gds {
	height: 140px;
	padding: 10px 20px;	
	border-bottom: 1px dashed #eee;
	/*animation: mymove 1s infinite linear;*/
}


	.gds dl {
		display: flex;
		margin: 10px 5px;
		
	}
	.gds dl dt {
		width: 200px;
		height: 100px;
		border: 1px solid #fff;
		border-radius: 10px;
		float: left\9;
		box-shadow: 0px 0px 6px 2px #2af7f1;
	}
		.gds dl dt img {
			width: 100%;
			height: 100%;
			border-radius: 10px;
		}
	.gds dl dd {
		width: 270px;
		margin-left: 15px;
		float: right\9;
	}
.gds dl dd h5 {
	font-size: 18px;
	line-height: 36px;
	overflow: hidden;
}
		.gds dl dd h6 {
			font-size: 14px;
			line-height: 22px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
			text-indent: 2em;
			height: 66px;
		}
	.gds:hover dt {
		transform: scale(1.1,1.1);
	}
	.gds:hover dd {
		margin-left: 30px;
		margin-left: 20px\9;
	}



.bh_l_lb ul {
	padding: 0px 20px 15px;
	height: 230px;
	overflow: hidden;
	
}
	.bh_l_lb ul li {
		clear: both;
		font-size: 16px;
		border-bottom: 1px dashed rgb(234,234,234);
		animation: 30s rowup linear infinite normal;
	}
			.bh_l_lb ul li span {
				display: inline-block;
				width: 366px;
				height: 40px;
				padding-left:10px;
				line-height:40px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		
			.bh_l_lb ul li:hover{
				background: rgba(1,213,206,.6);
				
			}

			.bh_l_lb ul li:hover a{
				color: #fff;
			}


@keyframes rowup {
	0% {
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0);
	
	}

	100% {
		-webkit-transform: translate3d(0, -400px, 0);
		transform: translate3d(0, -400px, 0);
		
	}
}

			/*历史文物*/
			in-tit {
				padding-left: 30px;
				font-size: 26px
			}

.bt-tit {
	padding: 25px 25px 30px;
	background: #fff;
	font-size: 22px;
	line-height: 29px
}

	.bt-tit a {
		float: right;
		padding: 0 10px;
		border: 1px solid #B76F25;
		color: #B76F25;
		font-size: 14px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s
	}

		.bt-tit a:hover {
			background: #B76F25;
			color: #fff
		}

.pubbtn {
	padding: 5px 12px;
	border: 1px solid #B76F25;
	color: #B76F25;
	font-size: 14px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.pubbtn1 {
	padding: 5px 12px;
	border: 1px solid #B76F25;
	color: #B76F25;
	background: #fff;
	font-size: 14px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.pubbtn2 {
	padding: 5px 15px;
	border: 1px solid #DDDCDC;
	color: #444;
	background: #DDDCDC;
	font-size: 14px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.pubbtn:hover {
	background: #B76F25;
	color: #fff
}

.scroll-gl .swiper-container {
	padding-right: 5px;
	padding-bottom: 10px
}

	.scroll-gl .swiper-container .swiper-slide {
		-webkit-box-shadow: 3px 3px 5px #ddd;
		box-shadow: 3px 3px 5px #ddd
	}

.scroll-gl .swiper-button-prev {
	position: absolute;
	top: 50%;
	left: 10px;
	z-index: 999;
	margin-top: -35px;
	width: 30px;
	height: 31px;
	background: url(../images/Scenic/arrl.png) no-repeat left top;
	opacity: .5;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s
}

.scroll-gl .swiper-button-next {
	position: absolute;
	top: 50%;
	right: 10px;
	z-index: 999;
	margin-top: -35px;
	width: 30px;
	height: 31px;
	background: url(../images/Scenic/arrr.png) no-repeat right top;
	opacity: .5;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s
}

	.scroll-gl .swiper-button-next:hover, .scroll-gl .swiper-button-prev:hover {
		opacity: 1
	}

.msh {
	padding: 70px 0;
	background: url(../img/msh_bg.jpg) no-repeat center center
}

.msh-list {
	margin: 80px auto;
	width: 1200px
}

	.msh-list ul li {
		float: left;
		margin-right: 32px;
		-webkit-box-shadow: 0 0 5px #999;
		box-shadow: 0 0 5px #999
	}

		.msh-list ul li:last-child {
			margin-right: 0
		}

.btico {
	margin: 0 auto;
	padding: 1px 0;
	width: 100%;
	height: 316px;
	background: url(../img/b_bg.png) no-repeat center center
}

	.btico ul li {
		float: left;
		width: 20%;
		text-align: center;
		font-size: 22px
	}

		.btico ul li a {
			display: block;
			margin-top: 80px
		}

		.btico ul li i {
			display: block;
			margin: 40px auto 40px;
			width: 100px;
			height: 100px;
			background-position: center;
			background-repeat: no-repeat
		}

/*列表页css*/

.scenic_nav {
	background: #fff;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	padding-left: 20px
}
	/*.scenic_nav a {
		color:#fff;
	}*/
	.scenic_nav li {
		float: left;
	}

	.scenic_nav > li + li:before {
		/*color: #fff;*/
		content: "/ ";
		padding: 0 5px;
	}

.active {
	color: orange;
}
.bh_mains {
	display: flex;
	clear: both;
}
.scenic_sousuo {	
	line-height:60px;
	height:614px;	
	position:relative;
}


.scenic_sou {
	width: 250px;
	position: absolute;
	line-height: 34px;
	bottom: 6px;
	right: 0px;
}
			.scenic_sou span {
				display: inline-block;
				height: 40px;
				margin-top: 5px;
				width: 250px;
				font-size: 16px;
				padding-left: 20px;
				margin-right: 20px;
				border: 1px solid #00d9cb;
				border-radius: 10px;
			}

	.scenic_sou i {
		position: absolute;
		right: 0px;
		top: 0;
		width: 66px;
		padding-left: 18px;		
		height:40px;
		margin-top: 5px;
		background: #00d9cb;
		color: #fff;
		border-radius: 0px 10px 10px 0px;
	}
		.scenic_sou i input {
			color: #fff;
			font-size: 16px;
		}

.scenic_sele {
	/*margin: 5px 0 10px 0;*/
	border-radius: 10px;
	/*float: left;*/
	width: 100%;
	padding: 10px 0;
	background: #fff;
}
.scenic_sele select {
	width: 150px;
	border: 1px solid #00d9cb;
	border-radius: 10px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	margin-top: 10px;
	padding-left: 10px;
}
	.scenic_sele p {
		border-radius: 20px;
		line-height: 40px;
		text-align: center;
		margin: 0 4px;
		width: 196px;
		display: inline-block;
		border: 1px solid #2ab9b5;
	}
		.scenic_sele p:hover {
			background: #2ab9b5;
			color:#fff;
		}
		.scenic_sele p i {
			margin-left: 10px;
			font-size: 18px;
			color: orange;
			font-weight: bolder;
		}
	/*.scenic_sele select option{
		width: 150px;
		border: 1px solid #00d9cb;
		border-radius: 10px;
		height: 40px;
		font-size: 16px;
		line-height: 40px;
		margin-top: 10px;
		padding-left: 10px;
	}*/
.bh_main_l {
	width: 68%;
	margin-bottom:20px;
	float:left;
}
	.bh_main_l ol {
		height: 1700px;
		width:100%;
		padding: 10px;
		/*margin: 20px 0;*/
		border-radius: 10px;
		overflow: hidden;
		background: rgba(255,255,255,.4);
		/*overflow-y: inherit;*/
		/*box-shadow: 0px 0px 5px #00d9cb;*/
		border: 1px solid rgb(234,234,234)
	}
		.bh_main_l ol li {
			line-height: 80px;
			height: 80px;
			font-size: 16px;
			border-bottom: 1px solid rgb(234,234,234);
			padding-left: 20px
		}
			.bh_main_l ol li:first-child{
				font-size:18px;
				font-weight:bold
			}
			.bh_main_l ol li:hover {
				transform: scale(1.1,1.1);
			}
		/*.bh_main_l ol li:hover a{
		
			color: #fff;
		}*/
		
		.bh_main_l ol li span:before {
			width: 0;
			height: 0;
			border: 7px solid transparent;
			border-left-color: orange;
			display: inline-block;
			content: '';
		}
			.bh_main_l ol li i {
				text-align:center;
				display:block;
				float:left
			}
				.bh_main_l ol li i:first-child{
					width:200px;

				}

				.bh_main_l ol li i:last-child {
					width: 480px;
					overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
				}

.scenic_zs  ul{
	display:flex;
	
}
	.scenic_zs ul li {
		width: 30%;
		margin: 20px 2%;
		margin: 20px 1.5%\9;
		background: #fff;
	}
	
.scenic_zs ul li dl dt {
	width:100%;
	height:140px;
	}
	.scenic_zs ul li dl dt img{
		width: 100%;
		height:100%;
	}
		.scenic_zs ul li dl dd {
			padding: 8px 10px 20px 10px;			
			height: 115px;			
		}
			.scenic_zs ul li dl dd span {
				display: block;
				line-height: 30px;
				font-size: 16px;
				height: 35px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.scenic_zs ul li dl dd i {
				line-height: 24px;
				font-size: 14px;
				height: 50px;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
			}
				.bh_main_r {
					width: 28%;
					margin-left: 4%;
					float:left;
				}
.bh_main_l ol li:nth-child(2n+1) {
	background:#eee;
}
.bh_main_l h4 {
	width: 300px;
	height: 60px;
	clear: both;
	line-height: 60px;
	text-align: center;
	margin: 10px auto;
	font-size: 22px;
	position:relative
	/*color: #fff;
	background: url(../images/Scenic/g_backd.png) no-repeat;
	background-size: 100% 100%;*/
}
	.bh_main_l h4:after {
		width: 38px;
		height: 1px;
		position: absolute;
		left: 50%;
		margin-left: -19px;
		background: #d2d2d2;
		content: '';
		top: 50px;
	}
.bh_main_r h4 {
	line-height: 40px;
	font-size: 20px;
	/*color:#fff;*/
	/*background: #01d5ce;*/
	margin-top: 10px;
	padding-left: 10px;
	border-left: 5px solid orange;
}
.bh_main_l > p {
	line-height: 30px;
	text-indent: 2em;
	background: #fff;
	border-radius: 10px;
	padding: 20px;
	margin-top: 10px;
	font-size: 16px;
}
.bh_main_r ul {
	margin-top: 20px;
}
		.bh_main_r ul li {
			border: 1px solid rgb(234,234,234);
			background: rgba(255,255,255,.4);
			padding: 10px 0;
			margin: 10px 0;
		}
	.bh_main_r ul li dl {
		width: 90%;
		margin: 0 auto;
	}
	.bh_main_r ul li dl dt {
		height:150px;
		border: 1px solid #ccc;
		border-radius: 10px;
	}
		.bh_main_r ul li dl dt img {
			border-radius: 10px;
			width:100%;
			height:100%;
		}
		.bh_main_r ul li dl dd {
			width: 90%;
			height:100px;
			margin:0 auto
		}
			.bh_main_r ul li dl dd h5 {
				line-height: 46px;
				height: 46px;
				font-size: 18px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.bh_main_r ul li dl dd p {
				line-height: 24px;
				height:50px;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
			}

	.bh_main_r ol {
		border: 1px solid rgb(234,234,234);
		background: rgba(255,255,255,.4);
		padding:3px 10px;
		margin:10px 0 20px;
	}

		.bh_main_r ol li {
			line-height: 50px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			border-bottom: 1px solid rgb(234,234,234);
		}
			.bh_main_r ol li span:before {
				border-radius: 50%;
				width: 20px;
				line-height: 20px;
				text-align: center;
				color: #fff;
				display: inline-block;
				margin-right: 10px;
				background: #8eb9f5;
			}

			.bh_main_r ol li:nth-child(1) span:before {
				content: '1';
				background: #FF3030;
			}

			.bh_main_r ol li:nth-child(2) span:before {
				content: '2';
				background: #FF4500;
			}

			.bh_main_r ol li:nth-child(3) span:before {
				content: '3';
				background: #ffac38;
			}

.bh_main_r ol li:nth-child(4) span:before {
	content: '4';
}

			.bh_main_r ol li:nth-child(5) span:before {
				content: '5';
			}
			.bh_main_r ol li:nth-child(5) {
				border:none;
			}
			.bh_main_l ol::-webkit-scrollbar {
				width: 1px;
				height: 1px;
			}
/*滚动条里面小方块样式*/
.bh_main_l ol::-webkit-scrollbar-thumb {
	border-radius: 100px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background:#00d9cb;
}
/*滚动条里面轨道样式*/
.bh_main_l ol::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(0,0,0,0.1);
}
.scenic_center {
	padding: 10px 20px;
	height: 1155px;
	background: rgba(255,255,255,.4);
	border: 1px solid rgb(234,234,234);
	margin-top: 20px;
	overflow: hidden;
	overflow-y: inherit;
	border-radius: 10px;
	/*box-shadow: 0px 0px 10px #00d9cb;*/
}
.scenic_center h5 {
	text-align: center;
	line-height: 60px;
	font-size: 18px;
}
	.scenic_center p {
		line-height:30px;
		font-size:16px;
		text-indent:2em;
	}
	.scenic_center::-webkit-scrollbar {
		width: 1px;
		height: 1px;
	}
/*滚动条里面小方块样式*/
	.scenic_center::-webkit-scrollbar-thumb {
		border-radius: 100px;
		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
		background: #00d9cb;
	}
/*滚动条里面轨道样式*/
	.scenic_center::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
		border-radius: 0;
		background: rgba(0,0,0,0.1);
	}

.back-to {
	width: 70px;
	height: 70px;
	
	margin: 10px;
	line-height: 70px;
	text-align: center;
	background: #0babf5;
	
	float: right;
}
	.back-to a {
		color:#fff;
	}




	/*排行*/
.top_mouth {
	height:580px;
	background:#fff;
}
.top_mouth_top h3{
	line-height:80px;
	color:#fff;
	text-align:center;
}
	.top_mouth_top h3 span {
		
		
		background: url('../images/Scenic/g_backd.png') no-repeat;
		background-size:100% 100%;
		border-radius: 10px;
		padding: 15px 50px;
		/*border: 1px solid #00d9cb;*/
	}
		
	.mouth_top ul li {
		width: 20%;
	}
		.mouth_top ul li dl:hover {
			border:1px solid orange;
		}
		.mouth_top ul li dl dt {
			position: relative;
		}
	.mouth_top ul li dl dt img {
		width: 100%;
		height: 100%;
	}
	.mouth_top ul li dl dt span {
		position: absolute;
		top: 0;
		left: 0;
		width: 70px;
		text-align: center;	
		background: red;
		height: 30px;
		color:#fff;
		
	}
		.mouth_top ul li dl dt span i {
			margin-left:5px;
			font-size:20px;
			font-weight:bolder;
		}
		.mouth_top ul li dl dd {
			background:#f1f1f1;
			padding:0 10px;
			padding-bottom:10px;
			}
			.mouth_top ul li dl dd h5 {
				line-height: 30px;
				overflow: hidden;
				font-size:18px;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
				.mouth_top ul li dl dd h5::before {
					width: 0;
					height: 0;
					border: 7px solid transparent;
					border-left-color: orange;
					display: inline-block;
					content: '';
				
				}
				.mouth_top ul li dl dd p {
					line-height: 24px;
					text-indent: 2em;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
				}
.top_mouth_tops h3 {
	text-align: center;
	line-height: 80px;
	position:relative
}
	.top_mouth_tops h3 span {		
		padding-bottom:5px;
	}
		.top_mouth_tops h3 span:after, .zy_inco span:after {
			width: 50px;
			height: 3px;
			position: absolute;
			left: 50%;
			margin-left: -25px;
			background: #ffac38;
			content: '';
			top: 70px;
		}
	.mouth_tops_lb {
		display: flex;
		height: 420px;
		background: #fff;
	}
.gdsa {
	width: 400px;
float:left;margin:20px 0 20px 20px;
}
	.gdsa dl dt {
		width: 400px;
		height: 300px;
		position: relative;
	}
		.gdsa dl dt img {
			width:100%;
			height:100%;
		}




		.gdsa dl dt span {
			position: absolute;
			top: 0;
			left: 0;
			width: 70px;
			text-align: center;
			background: red;
			line-height: 30px;
			color: #fff;
		}
.gdsa dl dd {
	background: #eee;
	padding: 0 10px;
	padding-bottom: 10px;
}

	.gdsa dl dd h5 {
		line-height: 30px;
		overflow: hidden;
		font-size: 18px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

.gdsa dl dd h5::before {
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-left-color: orange;
	display: inline-block;
	content: '';
}

	.gdsa dl dd h6 {
		line-height: 24px;
		text-indent: 2em;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

.mouth_tops_lb ul {
	float: left;
	margin: 20px;
	width: 100%;
	padding: 10px 20px 15px;
	height: 386px;
	overflow: hidden;
	background: rgba(233,233,233,.5);
}


	.mouth_tops_lb ul li {
		clear: both;
		font-size: 16px;		
		border-bottom: 1px dashed #fff;
		/*animation: 30s rowup linear infinite normal;*/
	}
		.mouth_tops_lb ul li span:before {
			border-radius: 50%;
			width: 20px;
			line-height: 20px;
			text-align: center;
			color: #fff;
			display:inline-block;
			margin-right: 10px;
			background: #8eb9f5;
			
		}
		.mouth_tops_lb ul li:nth-child(1) span:before {
		
			content: '1';
			background: #FF3030;
		}
		.mouth_tops_lb ul li:nth-child(2) span:before {
			
			content: '2';
			background: #FF4500;
		}
		.mouth_tops_lb ul li:nth-child(3) span:before {
			
			content: '3';
			background: #ffac38;
		}
		.mouth_tops_lb ul li:nth-child(4) span:before {
			content: '4';
		}
		.mouth_tops_lb ul li:nth-child(5) span:before {			
			content: '5';			
		}
		.mouth_tops_lb ul li:nth-child(6) span:before {
			content: '6';
		}
		.mouth_tops_lb ul li:nth-child(7) span:before {
			content: '7';
		}
		.mouth_tops_lb ul li:nth-child(8) span:before {
			content: '8';
		}
		.mouth_tops_lb ul li:nth-child(9) span:before {
			content: '9';
		}
		.mouth_tops_lb ul li:nth-child(10) span:before {
			content: '10';
		}
		


.mouth_tops_lb ul li span {
	display: inline-block;
	width: 500px;
	height: 40px;
	padding-left: 10px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

		.mouth_tops_lb ul li:hover {
			background: rgba(1,213,206,.6);
		}

.mouth_tops_lb li:hover a {
	color: #fff;
}


@keyframes rowup {
	0% {
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0);
	}

	100% {
		-webkit-transform: translate3d(0, -400px, 0);
		transform: translate3d(0, -400px, 0);
	}
}
.qdtj .col-sm-4 img {
	height: 270px;
}
.qdtj a:hover {
	background: rgba(0,0,0,.2);
	transform: scale(1.1,1.1);
}



.bh_l h3, .bh_r h3 {
	text-align: center;
	line-height: 80px;
	position: relative
}

	.bh_l h3 span, .bh_r h3 span {
		padding-bottom: 5px;
	}

		.bh_l h3 span:after, .bh_r h3 span:after {
			width: 50px;
			height: 3px;
			position: absolute;
			left: 50%;
			margin-left: -25px;
			background: #ffac38;
			content: '';
			top: 70px;
		}

.bh_l_lbs ul li {	
	animation:none;
}

.swipers img{
	width:150px;
	height:100px;
	margin-top:10px;
}

.swipers p {
	line-height:36px;
	text-align:center
}
.swiper-slides:hover {
	box-shadow: 0px 0px 6px 2px #2af7f1!important;
	
}

.but {
	clear: both;
	height: 40px;
	line-height: 40px;
	width: 160px;
	border-radius: 20px;
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
	margin-left: 10px;
	border: 1px solid #2ab9b5;
}
	.but:hover {
		background: #2ab9b5
	}
	.but:hover a{
		color:#fff;
	}






	.index_main {
		width: 100%;
		height: 100%;
	}

.index_one, .index_two, .index_three, .index_four {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align:center;
	font-size: 300px;
}
.index_one {
	background:red;
	display:none;
}
.index_two {
	background: blue;
}
.index_three {
	background: orange;
}
.index_four {
	background:#00d9cb;
}



#certify {
	position: relative;
	width: 1200px;
	margin: 50px auto
}

	/*#certify .swiper-container {
		padding-bottom: 60px;
	}*/

	#certify .swiper-slide {
		width: 500px;
		height: 370px;
		background: #fff;
		box-shadow: 0 8px 30px #ddd;
	}

		#certify .swiper-slide p {
			width: 500px;
			height: 300px;
		}
		#certify .swiper-slide img {
			width:100%;
			height:100%;
		}

		#certify .swiper-slide span {
			display:block;
			line-height: 70px;
			padding-top: 0;
			text-align: center;
			color: #636363;
			font-size: 1.1em;
			margin: 0;
		}

	#certify .swiper-pagination {
		width: 100%;
		bottom: 20px;
	}

	#certify .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 5px;
		border: 3px solid #fff;
		background-color: #d5d5d5;
		width: 10px;
		height: 10px;
		opacity: 1;
	}

	#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
		border: 3px solid #00aadc;
		background-color: #fff;
	}

	#certify .swiper-button-prev {
		left: 30px;
		width: 45px;
		height: 45px;
		background: url(../images/Scenic/arrl.png) no-repeat;
		
		background-size: 100%;
	}

		#certify .swiper-button-prev:hover {
			background-position: 0 -46px;
			background-size: 100%
		}

	#certify .swiper-button-next {
		right: 30px;
		width: 45px;
		height: 45px;
		background: url(../images/Scenic/arrr.png) no-repeat;
		
		background-size: 100%;
	}

		#certify .swiper-button-next:hover {
			background-position: 0 -139px;
			background-size: 100%
		}
.scroll-gls .swiper-slide {
	
	height: 200px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
	.scroll-gls .swiper-slide p {
		width: 500px;
		height: 300px;
	}

	.scroll-gls .swiper-slide img {
		width: 100%;
		height: 100%;
	}

	.scroll-gls .swiper-slide span {
		display: block;
		line-height: 70px;
		padding-top: 0;
		text-align: center;
		color: #636363;
		font-size: 1.1em;
		margin: 0;
	}

.scroll-gls .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

.scroll-gls .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	border-radius: 50px;
	height: 10px;
	opacity: 1;
}

.scroll-gls  .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}
.gls_img {
	width:348px;
	float:left
}
	.gls_img img {
		width: 100%;
		height:100%
	}
.bt-tits {
	float: right;
	width: 30px;
	padding: 10px 7px;
	height: 200px;
	font-size:18px;
	overflow: hidden;
	line-height:20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	writing-mode: tb-rl;
}
.scroll-gls .swiper-button-prev {
	left: 30px;
	width: 45px;
	height: 45px;
	background: url(../images/Scenic/arrl.png) no-repeat;
	background-size: 100%;
}

	.scroll-gls .swiper-button-prev:hover {
		background-position: 0 -46px;
		background-size: 100%
	}

.scroll-gls .swiper-button-next {
	right: 30px;
	width: 45px;
	height: 45px;
	background: url(../images/Scenic/arrr.png) no-repeat;
	background-size: 100%;
}

	.scroll-gls .swiper-button-next:hover {
		background-position: 0 -139px;
		background-size: 100%
	}