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

*{ margin: 0; padding: 0; color: #333; font-size: 14px; font-family: 微软雅黑;}
body { background:#fff;}
img { border:0px; display: block;}
ul, li { list-style-type:none; }
a{text-decoration: none;display: block}
span {display: block}


/*菜单*/

	.header {height: 44px;display: flex;align-items:center}	
	.header>a>img {width: 50%;padding-left: 10px;}

/*菜单*/
/*首页轮播*/
.box {
	width: 100%;
	height: 6rem;}

.slider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
/*盒子带容器*/
.slides {
	height: auto;
	/* Simple clear fix */
	overflow: hidden;
	/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {
	height: auto;
	float: left;
	clear: none;
}
.slider-arrows {
}
.slider-arrow {
	position: absolute;
	display: block;
	margin-bottom: -20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size: 2em;
	background-color: #333;
	background-color: rgba(50,50,50,.3);
	border-radius: 50%;
}/*左右按钮样式及放置位置*/
.slider-arrow--right {
	bottom: 50%;
	right: 30px;
}
.slider-arrow--left {
	bottom: 50%;
	left: 30px;
}
/*
background:url(img/.png) no-repeat;
*/

.slider-nav {
	position: absolute;
	bottom: 10px;
}
.slider-nav__item {  /*nva样式*/
	width: 12px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	background: rgba(255,255,255,.5);
	border-radius: 100%;
}
.slider-nav__item:hover {
	background: #ccc;
}
.slider-nav__item--current {
	background: #fff;
} /*被选中后的样式*/

/*首页轮播*/

/*公告*/
.gonggao-all {width: 100%;padding: 20px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;background-color: #f3f3f3}
	.gonggao-all>div:first-child {background-color: #418f90;height: 26px;font-size: 16px;color: #fff;text-align: center;width: 100px;border-radius: 13px}
	.gonggao-all a {background-image: url(../img/gonggao-more.png);background-size: contain;width: 150px;height: 40px;background-position: center;background-repeat: no-repeatl;text-align: center;line-height: 40px;margin-top: 10px}
	.gonggao-all div:last-child {display: flex;flex-direction: column;align-items: center}
	.gonggao-all div:last-child span {font-weight: bold;font-size: 18px;margin: 10px 0}
	.gonggao-all div:last-child p {text-indent: 2em;line-height: 2em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-align: justify}
	.gonggao-bottom {width: 100%}


	.tongzhi_row{
		display: flex;
		height: 24px;
		position: relative;background-color: rgba(255,255,255,.9);border-radius: 12px;display: flex;align-items: center;padding-left: 10px
		/* top: -10px; */
	}
	#mar_word{
		margin: 0 10px;
	}
	.tongzhi_icon{
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../img/tongzhi.png)no-repeat;
		background-size: contain;
	}
/*公告*/


/*季节*/
.jijie-all {width: 100%;position: relative}
	.jijie-ul {display: flex;flex-wrap: wrap}
	.jijie-ul li {width: 50%;}
	.jijie-ul li a {height: 4rem;width: 100%;background-position: center;background-size: cover;display: flex;flex-direction: column;align-items: center;justify-content: center}
	.jijie-center {position: absolute;height: 100%;width: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;}
	
	.jijie-center img {width: 38%}
	
	.jijie-ul li:nth-child(1) a {background-image: url(../img/jijie-chun.jpg)}
	.jijie-ul li:nth-child(2) a {background-image: url(../img/jijie-xia.jpg)}
	.jijie-ul li:nth-child(3) a {background-image: url(../img/jijie-qiu.jpg)}
	.jijie-ul li:nth-child(4) a {background-image: url(../img/jijie-dong.jpg)}
	
	.jijie-ul li a img {width: 140px;}
/*季节*/

/*景点*/
.news-all {width: 100%;background-image: url(../img/news-bg.jpg);background-position: center;background-size: cover}
	.news-ul {width: 100%;}	
	.news-ul>li>a {padding: 14px 20px;box-sizing: border-box;background-color: rgba(255,255,255,.9);display: flex;align-items: center;justify-content: space-between;border-radius: 10px;}
.news-ul>li>a>div:first-child {width: 74%}
	/* .news-ul>li>a>{padding: 20px;box-sizing: border-box;background-color: rgba(255,255,255,.8);position: relative;padding-bottom: 0} */
	.bt-all {background-image: url(../img/bt-all-bg.png);background-repeat: no-repeat;background-size: contain;background-position: center;display: flex;flex-direction: column;align-items: center;height: 110px;justify-content: center;}
	.bt-all img {width: 56px;}
	.bt-all span {font-size: 20px;font-weight: bold;}
.news-time {background-color: #418f90;width: 60px;height: 60px;border-radius: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center}
	.news-time div {color: #fff;font-size: 20px;font-weight: bold}  .news-time span {color: #fff;font-size: 12px;}
	.news-all>div {height: 100%;width: 100%;padding: 20px;box-sizing: border-box;padding-top: 0;}
	.bt-all {margin-bottom: 30px;}
	.news-ul li>a>span {margin-bottom: 10px;;font-size: 16px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news-ul li a>div:first-child span {overflow: hidden;font-size: 16px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
	.news-ul li a p {text-align: justify;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 1.5em;color: #666}
	.news-ul li a div:last-child {text-align: center}
	.news-ul>:nth-child(1)>a{margin-bottom: 14px}
	.news-ul>:nth-child(2)>a{margin-bottom: 20px}

	.news-all>div>a {color: #fff;font-weight: bold;text-align: center;font-size: 14px}
	.news_more {          line-height: 28px;border-radius: 14px;
		width: 50%;
		background: #418F90;
		text-align: center;
		color: #FFFFFF!important;
		margin: 0 auto;
		border-radius: 10px;
		margin-bottom: 10px;}
/*景点*/

/*景点介绍*/
	.jingdian-all {background-image: url(../img/jingdian-bg.jpg);background-size: cover}
	.top_menu>div{
		width: 120px;
		
	}
	.top_menu>div>div {
	
		width: 100px;
		margin-right: 20px;
		text-align: center;
			/* width: 90%; */
		height: 30px;background-color: #418f90;color: #fff;box-shadow: 2px 2px 4px rgba(0,0,0,.3);line-height: 30px;border-radius: 20px;font-size: 12px;}
	.container{width: 100%;padding: 10px;box-sizing: border-box;overflow: hidden;}
.top_menu{
	width: 100%;
	/* overflow: hidden; */
	padding:0 120px;
	position: relative;
	/* height: 4rem; */
	display: flex;
	padding-top: 10px;
	/* flex-wrap: wrap;
	text-align: center; */
}
.common{
	width: 25%;display: flex;align-items: center;justify-content: center
}
.ul{width: 100%;
	height: 8rem;
	position: relative;
	overflow-x:hidden ;}
.bottom_content{
	width: 1100%;
	padding-top: .4rem;
	height: 7rem;
	display: flex;
	transition: all .5s ease;
	position: absolute;
	top: 0;
	left: 0%;}
.body_1{
	width: 100%;
	height: 7rem;padding: 10px;
	text-align: center;border-radius: 10px;display: flex;flex-direction: column;align-items: center
}
	.body_1 div {width: 100%;height: 100%;background-size: cover;display: flex;flex-direction: column;align-items: center;border-radius: 10px;background-size: cover;background-position: center}
.liactive {border-bottom: 0;}
	.liactive div {background-color: #fff!important;color: #418f90!important}
	.body_1>div>img {width: 30%;margin-top: -50px;}
	.body_1>img {width: 160px;margin-top: 20px;}
/*景点介绍*/

/*小镇活动*/
.huodong-all {background-image: url(../img/huodong-bg.jpg);background-position: center;background-size: cover;width: 100%;display: flex;flex-direction: column;align-items: center}
	.huodong-all>a>img {width: 70px;margin-bottom: 10px;}
	.huodong-bt{display: flex;align-items: center}	
	.huodong-kuai {background-color: #fff;display: flex;align-items: center;padding: 10px;box-sizing: border-box;box-shadow: 2px 2px 8px rgba(0,0,0,.1)}
	.huodong-kuai div:first-child {background-color: #418f90;width: 110px;margin-left: -30px;height: 24px;border-radius: 12px;display: flex;align-items: center;justify-content: center}
	.huodong-kuai div:first-child span {color: #fff;display: flex;align-items: center;justify-content: center;font-size: 12px;}
	.huodong-kuai div:first-child span img {width: 16px;margin-left: 4px}
	.huodong-kuai div:last-child {width: 70%;margin-left: 10px}
	.huodong-ul {padding: 20px;box-sizing: border-box;padding-left: 30px;padding-bottom: 0}
	.huodong-ul li {margin-bottom: 20px;}
	.huodong-kuai div:last-child span{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.huodong-kuai div:last-child p {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 12px;color: #999;text-align: justify;line-height: 1.7em;text-indent: 2em;margin-top: 10px}
	.huodong-bt img {width: 10px;}
	.huodong-bt span {font-size: 20px;font-weight: bold;margin: 20px 10px}
/*小镇活动*/

/*留言问题*/
.liuyan-all {padding: 10px;background-color: #165854;display: flex;flex-wrap: nowrap}	
	.liuyan-all div:first-child {background-color: #0ccacd;margin-right: 5px;height: 70px;width: 50%;background-image: url(../img/liuyan-1.png);background-position: bottom;background-size: cover}
	.liuyan-all div:last-child {background-color: #15daa9;margin-left: 5px;height: 70px;width: 50%;background-image: url(../img/liuyan-2.png);background-position: bottom;background-size: cover}
	.liuyan-all div span {color: #fff;text-shadow: 1px 1px 4px rgba(0,0,0,.2);margin-top: 10px;margin-left: 10px;font-size: 16px;}
/*留言问题*/