html,
body {
	position: relative;
	height: 100%;
	background: #e9f5f5;
}

body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}
ul,ol{
	padding: 0;
	margin: 0;
	list-style: none;
}
p{
	margin-bottom: 0;
}
/*网页滚动条*/
::-webkit-scrollbar{
    width: 6px; height:6px;-webkit-overflow-scrolling : touch;
    background-color: #e6e6e6;
}
::-webkit-scrollbar-track{
    background-color: #e6e6e6;
}
::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: #2eb0a7;
}
::-webkit-scrollbar-button{
    height: 0px;
    background-color: #e6e6e6;
}
/* 整体 */
.container{
	max-width: 1200px;
}
/*banner*/
.swiper-container {
	width: 100%;
	/* height: 100%; */
	margin-left: auto;
	margin-right: auto;
}
.swiper-pagination{
	text-align: right;
	padding-right: 15%;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 50px;
}
.swiper-pagination-bullet{
	width: 30px;
	height: 4px;
	border-radius:0;
	background: #fff;
	opacity: 1;
}
.swiper-pagination-bullet-active{
	background: #2C979B;
}
.swiper-slide {
	position: relative;
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide img{
	width: 100%;
}
.banner-txt{
	position: absolute;
	/* width: 20%; */
    right: 10%;
    top:15%;
    color: #fff;
    line-height: 35px;
    transform: translateX(-150px);
    -webkit-transform: translateX(-150px);
    opacity:0;
    transition: all 2s;
	text-align: right;
}
.swiper-slide:nth-child(2) .banner-txt{
	position: absolute;
	/* width: 20%; */
	right:auto;
	top:15%;
	left:200px;
	color: #006600;
	line-height: 35px;
	transform: translateX(-150px);
	-webkit-transform: translateX(-150px);
	opacity:0;
	transition: all 2s;
	text-align: right;
}
.banner-txt p{
	margin-bottom: 15px;
	font-size: 30px;
}
.banner-txt p:last-child{
	/* padding-right: 15px; */
}
.banner-txt p a{
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	letter-spacing: 3px;
	transition: 0.5s;
}
.banner-txt p a:hover{
	color: #339999;
}
.swiper-slide-active  .banner-txt{
	top:20%;
	color:#fff;
	opacity: 1;
}
.swiper-slide:nth-child(2).swiper-slide-active  .banner-txt{
	top:45%;
	color:#006600;
	opacity: 1;
}
.banner .swiper-button-prev, .banner .swiper-button-next{
	background-image: none;
	opacity:1;
    border-radius: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
	text-align: center;
}
.banner .swiper-button-prev{
	left:-50px;
	transition: 0.5s;
}
.banner .swiper-button-next{
	right: -50px;
	transition: 0.5s;
}
.banner:hover .swiper-button-prev{
	left:50px;
}
.banner:hover .swiper-button-next{
	right:50px;
}
/* sectioin1 information */
.index-max{
	max-width: 2400px;
	margin: 0 auto;
}
.indexMessage{
	padding: 30px 0;
}
.indexMessage .container{
	padding: 0;
}
.indexMessage .flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.indexMessage .indexMessageItem{
	width: 23%;
}
.indexMessage .indexMessageItem:last-child{
	/*width: 25%;*/
	margin-right: 0;
}
.indexMessage .indexMessageItem .indexMessageBorder{
	display: flex;
	align-items: center;
	padding:15px 0 30px 0;
	border-bottom:1px solid #999;
}
.indexMessage .indexMessageItem p{
	margin-bottom: 0;
	font-size:16px;
}
.indexMessageItem img{
	width: 68px;
	height: 68px;
}
.indexMessage .indexMessageBorder > p:nth-child(2){
	font-size: 22px;
	color: #333;
	padding: 0 15px;
	white-space: nowrap;
}
.indexMessage .indexMessageBorder div p{
	color: #666;
	line-height:32px;
}
.indexMessage .indexMessageBorder div p span{
	color: #2C979B;
	margin-right:2px;
	font-weight: bold;
}
/* section2 news */
.indexNews{
	padding: 30px 0;
}
.indexNews .container{
	padding:0;
}
.index-title{
	display: flex;
	justify-content: space-between;
	align-items:center;
	margin-bottom: 20px;
}
.index-title-lf{
	display:flex;
	align-items:center;
	padding-left: 60px;
	background: url(../images/title-ico.png) no-repeat;
	min-height: 48px;
}
.index-title-lf  > p{
	font-size:32px;
	font-weight: bold;
	margin-right: 10px;
}
.index-title-lf div p{
	color: #2C979B;
	font-size: 14px;
}
.link-more{
	text-decoration: none !important;
	font-size: 16px;
	background: url(../images/more.png) no-repeat;
	padding-right: 20px;
    background-position: center right;
    background-size: auto 10px;
    color: #666;
}
.link-more:hover{
	color: #339999;
}
.indexNewsContainer{
	display: flex;
}
.indexNewsBg{
	width:350px;
	
	height: 350px;
	margin-left:15px;
	overflow:hidden;
	position: relative;
	background: #fff;
	padding: 15px;
}
.indexNewsBg:first-child{
	width:870px;
	margin-left: 0;
}
.indexNewsBg:first-child .indexNewsTxt{
	padding: 30px 50px 50px 65%;
	position: relative;
	z-index: 4;
}
.indexNewsBg:first-child .indexNewsTxt .indexNewsDate{
	text-align: right;
}
.indexNewsBg:first-child .indexNewsTxt .indexNewsTitle{
	margin-top:0;
	padding-top: 10px;
	height: 170px;
}

.indexNewsBg .indexNewsItem{
	display: block;
	/* background: #fff; */
	width: 100%;
	height: 100%;
	text-decoration: none;
	/* padding: 10px; */
	position: relative;
	cursor: pointer;
	transition: 0.5s;
}
.indexNewsBg .indexNewsItem:hover .indexNewsTitle{
	color: #339999;
}
.indexNewsBg .newsPic{
	position: absolute;
	top: 0;
	left: 0;
	width: 60%;
	height: 100%;
}
.item-border{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.item-border-gao{
	background: url(../images/border-gao.png) no-repeat;
	background-size: 100% 100%;
}
.item-border-fang{
	background: url(../images/border-fang.png) no-repeat;
	background-size: 100% 100%;
}
.item-border-chang{
	background: url(../images/border-chang.png) no-repeat;
	background-size: 100% 100%;
}
.indexNews .indexNewsBg .item-border-gao{
	background: url(../images/index-dongtai.png) no-repeat;
	background-size: 100% 100%;
}
.indexNewsTxt{
	height: 100%;
	padding:50px;
}
.indexNewsTxt .indexNewsTitle{
	font-size: 24px;
	line-height:40px;
	color: #333;
	height: 160px;
	overflow: hidden;
}
.indexNewsTxt .indexNewsDate{
	color: #999;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #999;
	
	margin-top: 10px;
}
.indexNewsTxt .indexNewsMore{
	display: flex;
	align-items: center;
}
.indexNewsTxt .indexNewsMore{
	display: flex;
	align-items: center;
	text-decoration: none;
	height: 50px;
}
.indexNewsTxt .indexNewsMore span{
	margin-right: 10px;
	color: #666;
}
.indexNewsTxt .indexNewsMore img{
	height: 8px;
}
.border-gao{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: ;
	background: url(../images/border-gao.png) no-repeat;
	background-size:100% 100%;
}
/* section3 play */
.indexPlay{
	padding: 30px 0;
	background: url(../images/other-bg.png) no-repeat;
	background-size: 100% auto;
}
.indexPlay > .container{
	padding: 0;
}
.indexPlayContainer{
	display: flex;
	flex-wrap: wrap;
}
.indexPlayItem{
	position: relative;
	margin-bottom: 15px;
	width: 49.5%;
}
.indexPlayItem:nth-child(even){
	margin-left:1%;
}
.indexPlayBox{
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.indexPlayImg{
	position: relative;
	display: block;
}
.indexPlayBorder{
	position: absolute;
	z-index: 2;
	top:4%;
	left:2%;
	width: 96%;
	height: 92%;
}
.indexPlayImg .medical-title{
	position: absolute;
	width:80%;
	height:60px;
	line-height: 60px;
	font-size: 22px;
	z-index: 2;
	top:30px;
	left:10%;
	color: #fff;
	border-bottom: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.indexPlayImg .medical-title img{
	height: 10px;
}
.indexPlayMask{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	left: 0;
	background: rgba(41,151,155,0.5);
	text-align: center;
	color: #fff;
	text-decoration: none !important;
	padding:0 10%;
	overflow: hidden;
	opacity: 0;
	transition: all 1s;
}
.indexPlayMask .medical-title{
	width:100%;
	height:60px;
	margin: 30px auto;
	line-height: 60px;
	font-size: 22px;
	color: #fff;
	border-bottom: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.indexPlayMask .medical-title img{
	height: 10px;
}
.indexPlayMask:hover{
	color: #fff;
}
.indexPlayMask h3{
	margin: 40px 0;
}
.indexPlayMask  p{
	line-height: 28px;
}
.indexPlayMaskspan{
	display: inline-block;
	border: 1px solid #fff;
	padding: 0 15px;
}
.indexPlayBox:hover .indexPlayMask{
	opacity: 1;
}
.indexPlayDesc{
	color: #fff;
	font-size: 16px;
	line-height:40px;
	text-align: left;
}
/* section4 about */
.indexAbout{
	padding: 30px 0;
}
.indexAbout > .container{
	padding: 0;
	display: flex;
}
.indexAboutLf{
	width: 38%;
	margin-right: 2%;
}
.indexAboutRt{
	width: 60%;
}
.indexGovContainer .indexNewsBg:first-child{
	width: 100%;
}

.indexGovContainer .indexNewsBg:first-child .indexNewsTxt .indexNewsDate{
	text-align: left;
	border-bottom: none;
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	color: #2C979B;
	font-size: 14px;
}
.indexGovContainer .indexNewsTxt .indexNewsTitle{
	font-size: 18px;
	line-height: 27px;
	height: 100px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 0 !important;
}
.indexGovContainer .item-border-gao{
	background: url(../images/border-chang.png) no-repeat;
	    background-size: 100% 100%;
}
.indexGovContainer .indexNewsBg:first-child .item-border-gao{
	    background: url(../images/gov8231.png) no-repeat;
	    background-size: 100% 100%;
}
.indexGovContainer .indexNewsBg .indexNewsItem{
	padding: 10px;
}
.indexGovContainer .indexNewsBg{
	height: auto;
}
.indexGovContainer .indexNewsBg:first-child .indexNewsTxt .indexNewsTitle{
	padding-top: 0;
	height: 84px;
}
.indexNewsList li{
	background: #fff;
	margin-top: 20px;
	padding: 10px;
}
.indexNewsList li a{
	display: block;
	background: url(../images/newsList.png) no-repeat;
	background-size:100% 100%;
	padding:20px 30px;
	text-decoration: none;
}
.indexNewsList li a P:first-child{
	color: #2C979B;
	font-size: 14px;
}
.indexNewsList li a P:last-child{
	color: #333;
	font-size: 18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-top: 15px;
}
.indexNewsList li a:hover{
	color: #339999;
}
.indexVIdeolist{
	display: flex;
	justify-content: space-between;
}
.indexVIdeolist .indexVIdeoItem{
	width: 49%;
	height: 240px;
	cursor: pointer;
}
.indexVIdeolist .indexVIdeoItem .video-pic{
	width: 100%;
	height: 100%;
}
.indexVIdeolist .indexVIdeoItem .video-pic img{
	width: 100%;
	height: 100%;
}
.indexAboutUs{
	margin-top: 20px;
}
.indexAboutBox{
	height:310px;
	padding: 10px;
	background: #fff;
}
.indexAboutBox .indexAboutBg{
	background: url(../images/about13038.png) no-repeat;
	width: 100%;
	height: 100%;
	background-size:100% 100%;
	padding: 0 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.indexAboutBg p{
	width: 70%;
	color: #000;
	font-size: 16px;
	line-height: 32px;
	text-indent: 32px;
}
/*section5 service*/
.indexService{
	padding: 30px 0;
	background: url(../images/other-bg.png) no-repeat;
	background-size: 100% auto;
}
.indexService > .container{
	padding: 0;
}
.indexSerrviceList{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;s
}
.indexServiceItem{
	width: 32%;
	position: relative;
	background: #fff;
}
.indexServiceItem .indexServiceImg{
	width: 100%;
	height: 300px;
}
.indexServiceItem .indexServiceImg img{
	width: 100%;
	height: 100%;
}
.indexServiceTag{
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	z-index: 2;
	width: 32px;
	height: 66px;
	font-size: 18px;
	padding: 5px 5px 0;
}
.tag-green{
	background: url(../images/tag.png) no-repeat;
	background-size:100% 100%;
}
.tag-red{
	background: url(../images/tag.png) no-repeat;
	background-size:100% 100%;
}
.indexServiceBorder{
	background: url(../images/indexNewsBg.png) no-repeat;
    background-size:100% 100%;
    position: absolute;
    width: 94%;
    height: 94%;
    top: 3%;
    left: 3%;
    z-index: 2;
}
.indexServicetxt{
	padding:0 50px 50px;
	position: relative;
	z-index: 3;
	text-align: left;
}
.indexServiceTitle{
	font-size: 24px;
    position: relative;
    z-index: 3;
    height: 70px;
    line-height: 70px;
    margin-bottom: 0;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.indexServiceDesc{
	height: 72px;
    line-height: 24px;
    overflow: hidden;
    color: #666;
}
.indexServicetxt .indexNewsMore{
	display: block;
	color: #666;
	text-decoration: none;
	font-size: 14px;	
	cursor: pointer;
}
.indexServicetxt .indexNewsMore span{
	margin-right: 10px;
}
.indexServicetxt .indexNewsMore img{
	height: 10px;
}
.indexService .swiper-button-prev, .indexService .swiper-button-next{
	background-image: none;
	opacity:1;
    border-radius: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
	text-align: center;
}
.indexService .swiper-button-prev{
	left:-50px;
	transition: 0.5s;
}
.indexService .swiper-button-next{
	right: -50px;
	transition: 0.5s;
}
.indexService:hover .swiper-button-prev{
	left:15px;
}
.indexService:hover .swiper-button-next{
	right:15px;
}
.fuwuSwiper .indexServiceItem{
	width: 100%;
}
.fuwuSwiper .swiper-container-fuwu {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    height: 100%;
}
.indexServiceBg{
	position: absolute;
	width: 100%;
    height: 100%;
    top: 0;
	padding: 10px;
}
.indexService .indexServiceBg img{
	width: 100%;
	height: 100%;
}

/*footer*/
.footer{
	background:url(../images/footer.png) no-repeat;
	background-size:100% 100%;
    padding-top: 150px;
}
.footer > container{
	padding: 0;
}
.footer-container{
	padding-bottom: 30px;
    border-bottom: 1px solid #fff;
    display: flex;
    justify-content: space-between;
}
.footer-nav-container{
	width: 65%;
	display: flex;
	justify-content: flex-end;
}
.footer-code {
    width: 30%;
    display: flex;
    justify-content:space-between;
    overflow: hidden;
}
.footer-list-container {
    width: 12%;
    padding-right: 30px;
}
.footer-title {
    font-size: 18px;
    color: #fff;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 30px;
    overflow: hidden;
}
.footer-list li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.footer-list li a {
    color: #fff;
}
.footer-num {
    width: 55%;
    font-size: 14px;
    color: #fff;
    margin-right: 5%;
}
.footer-num div {
    border-bottom: 1px solid #d5d5d5;
}
.footer-num div p {
    margin: 10px 0;
}
.wx-code {
    width: 30%;
}
.wx-code img {
    width: 100%;
}
.wx-code p {
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
}
.footer-link {
    height: 80px;
    line-height: 80px;
}
.footer-link .icp {
    font-size: 14px;
    color: #fff;
    float: left;
}

/* About */
.banner{
	position: relative;
	width: 100%;
}
.banner .bannerDetail{
	display: block;
	width: 100%;
}
.banner .bannerBg{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.detail-title{
	width: 100%;
	text-align: center;
	padding:30px 0;
}
.detail-title p{
	color: #000;
	font-weight: bold;
	font-size: 36px;
	margin: 15px 0 30px 0;
}
.detail-nav{
	display: flex;
	align-items: center;
	justify-content: center;
}
.detail-nav li{
	padding: 0 15px;
}
.detail-nav li a{
	position: relative;
	text-decoration: none;
	font-size: 24px;
	color: #000;
	transition: .5s;
}
.detail-nav  span{
	margin:auto;
	display:inline-block;
	position: absolute;
	bottom:-15px;
	left:0;
	right:0;
	width:0px;
	height:2px;
	background:#2C979BFF;
	transition: .5s;
	border-radius:50px;
}
.detail-nav a:hover{
	color:#2C979BFF;
}
.detail-nav a:hover span{
    width:100%;
}
.content{
	padding: 30px 0;
}
.detail-nav .active a{
	color:#2C979BFF;
}
.detail-nav .active span{
	width: 100%;
}
.content img{
	max-width: 100%;
}
.about-item{
	display: flex;
	margin-bottom: 50px;
}
.about-item .about-item-lf{
	width: 50%;
}
.about-item .about-item-lf img{
	width: 100%;
}
.about-item .about-item-rt{
	width: 50%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
}
.about-item .about-item-rt .about-item-bg{
	position: absolute;
	width: 40%;
	height: 100%;
	background: #e5efe0;
	z-index: 2;
}
.about-item-txt{
	position:relative;
	z-index: 3;
	padding-left: 50px;
}
.about-item-location{
	font-size: 24px;
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
}
.about-item-location span{
	display: block;
	width:20px;
	height: 20px;
	border: 3px solid #2C979BFF;
	border-radius: 50%;
	position: absolute;
	top: -10px;
	right: -20px;
}
.about-item-title{
	width: 100%;
	font-size: 36px;
	margin-bottom: 30px;
}
.about-item-desc{
	width: 100%;
	position: relative;
	padding-left: 30px;
}
.about-item-desc p{
	font-size: 16px;
	line-height: 32px;
}
.about-item-desc span{
	display: block;
	background:#2C979BFF;
	width: 10px;
	height: 1px;
	position: absolute;
	top: 14px;
	left: 0;
}
.about-item:nth-child(even){
	flex-flow: row-reverse;
}
.about-item:nth-child(even) .about-item-rt .about-item-bg{
	right: 0;
}
.about-item:nth-child(even) .about-item-txt{
	padding-right: 50px;
	padding-left: 0;
}
.about-item-top .about-item{
	flex-wrap: wrap;
}
.about-item-top .about-item .about-item-lf{
	width: 100%;
}
.about-item-top .about-item .about-item-rt{
	width: 100%;
}
.about-item-top .about-item .about-item-rt .about-item-bg{
	right: 0;
	height: 50%;
	top: 0;
	width: 70%;
}
.about-item-top .about-item-txt{
	padding:30px 50px;
}
/* 魅力采石矶-采石矶影像 */
.video-list{
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.video-list .video-item{
	width: 49%;
	margin-bottom:20px;
	cursor:pointer;
}
.video-list .video-item:nth-child(even){
	margin-right:2%;
}
.video-list .video-item:first-child{
	width: 100%;
	margin-right: 0;
}
.video-bg{
	background: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
.video-modal{
	display:none;
	align-items: center;
	justify-content: center;
	position:fixed;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9;
}
.video-box{
	width: 55%;
	position: relative;
}
.video-pic{
	position: relative;
	z-index: 2;
}
.video-pic i{
	width: 56px;
	height: 56px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -28px 0 0 -28px;
    background: url(../images/play2.png);
    background-size: contain;
}
.video-title{
	position: relative;
	z-index: 2;
	background: #fff;
	font-size: 16px;
	color: #252C2DFF;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height: 60px;
	line-height: 60px;
	padding: 0 50px;
}
.video-item:first-child .video-title{
	padding: 0 70px;
	height: 80px;
	line-height: 80px;
	font-size: 24px;
}
.video-title span{
	display: inline-block;
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 3px solid #2C979BFF;
	top: 15px;
	left: 30px;
}
.video-item:first-child .video-title span{
	position: absolute;
	top: 15px;
	left: 30px;
	width: 26px;
	height: 26px;
}
.video-pic img{
	width: 100%;
}
.video-box video{
	width: 100%;
}
.videoClose{
	color: #fff;
	font-weight: bold;
	opacity: 1;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -40px;
    top: -40px;
	font-size: 36px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	 transition: all 0.5s ease-in-out;
}
.videoClose:hover{
	transform: rotate(180deg);
}
/* 畅游采石矶-旅游景点 */
.sight-container{
	padding: 30px 0;
}
.sight-item{
	display:flex;
	flex-wrap:nowrap;
	margin-bottom: 30px;
	text-decoration: none !important;
	color: #666;
}
.sight-item:nth-child(even){
	flex-flow: row-reverse;
}
.sight-item .sight-lf{
	width: 65%;
}
.sight-item .sight-rt{
	width: 35%;
	background: #fff;
	padding: 30px;
}
.sight-lf img{
	width: 100%;
}
.sight-desc{
	color: #666;
	font-size: 16px;
	line-height: 28px;
	height: 140px;
	overflow: hidden;
}
.sight-more{
	display:flex;
	height: 30px;
	align-items: center;
	color: #666;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
}
.sight-more img{
	height: 8px;
	display: inline-block;
	margin-left: 10px;
}

/*畅游采石矶 导游导览 */
.tourism-container{
	padding: 30px 0;
}
.guide-item{
	background: #fff;
	margin-bottom: 15px;
}
.guide-link{
	display: flex;
	text-decoration:none !important;
	position: relative;
}
.guide-lf{
	width: 35%;
}
.guide-lf img{
	width: 100%;
	height: 100%;
}
.guide-rt{
	width: 65%;
	padding: 30px 50px;
}
.guide-title{
	border-bottom: 1px solid #c2c0bf;
	color: #252c2d;
	font-size: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 60px;
	line-height: 60px;
}
.guide-desc{
	color: #666;
	font-size: 16px;
	line-height: 32px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 15px 0 30px 0;
}
.guide-date{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.guide-date{
	color:#2c979b ;
}
.guide-item .item-border-chang{
	background: url(../images/daoyou17636.png) no-repeat;
    background-size: 99% 90%;
    background-position: 1% 15px;
}

/* 交通信息 */
.toruism-item{
	background: #fff;
	padding: 15px;
	margin-bottom: 30px;
}
.toruism-item .toruism-bg{
	background: url(../images/jiaotong17648.png);
	background-size:100% 100%;
	padding: 30px 50px;
	
}
.toruism-title{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 15px 0;
	font-size: 24px;
	color: #252c2d;
	border-bottom: 1px solid #ccc;
}
.toruism-person i{
	display: block;
	width: 10px;
	height: 2px;
	background: #2C979B;
	position: absolute;
	bottom: 0;
}
.toruism-person .about-item-location span{
	top:15px;
}
.toruism-desc{
	padding: 30px 0;
}
.toruism-person ul{
	display: flex;
	flex-wrap: wrap;
}
.toruism-person ul li{
	width: 50%;
	padding-right: 50px;
}
.toruism-person .about-item-location{
	padding: 30px 0;
}
.toruism-desc{
	color:#666;
	font-size: 16px;
	line-height: 32px;
}
.toruism-public{
	padding: 30px 0 0 0;
}
.toruism-public ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.toruism-public ul li{
	width: 32%;
	display: flex;
	margin-bottom:30px;
}
.public-lf{
	width:25%;
}
.public-rt{
	width:75%;
	padding: 0 4%;
	position: relative;
}
.public-lf > div:first-child{
	background: #339999;
	height: 30px;
	border-radius: 15px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	margin-bottom:20px;
}
.public-lf > div:last-child{
	position: relative;
	color: #339999;
}
.public-lf > div:last-child b{
	font-size: 36px;
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
}
.public-lf > div:last-child i{
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 20px;
    border: 3px solid #2C979BFF;
    border-radius: 50%;
}
.public-rt > p{
	padding: 20px 0 0 ;
	line-height: 32px;
	color: #666;
}
.public-rt i{
	display: block;
	width: 10px;
    height: 2px;
    background: #2C979B;
    position: absolute;
    top: 0;
}
/* 游览攻略 */
.introduction-title{
	text-align: center;
	font-weight: bold;
	margin: 30px 0;
}
.introduction-item{
	padding:10px;
	background: #fff;
}
.introduction-bg{
	width: 100%;
	height: 100%;
    background: url(../images/menpiao17770.png) no-repeat;	    
	background-size: 100% 100%;
	padding: 30px;
}
.menpiao-price{
	padding:15px 0;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
}
.menpiao{
	background: url(../images/menpiao.png) no-repeat;
	background-size:100% 100%;
	width: 49%;
	margin-bottom: 15px;
	padding:50px 30px;
	display: flex;
	align-items: center;
	position: relative;
}
.menpiao-lf{
	width: 40%;
}
.menpiao-lf p:first-child{
	color: #333;
	font-size: 24px;
	margin-bottom:10px;
	/* font-weight: bold; */
}
.menpiao-lf p:nth-child(2){
	color: #666;
}
.menpiao-lf p:nth-child(2) span{
    color: #339999;
	display: inline-block;
	font-size: 18px;
}
.menpiao-lf p:nth-child(3){
	position: absolute;
	bottom:15px;
	left: 30px;
	color: #666;
}
.menpiao-rt{
	width: 60%;
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
}
.menpiao-rt div{
	width: 48%;
}
.menpiao-rt div p:first-child{
	color: #000;
	font-size: 18px;
	margin-bottom: 10px;
}
.menpiao-rt div p:nth-child(2){
	color: #339999;
	font-size: 16px;
}
.menpiao-rt div p:nth-child(2) b{
	display: inline-block;
	margin-right: 5px;
	font-size: 36px;
	font-weight: bold;
}
.menpiao-desc{
	padding:0 30px 30px 30px;
}
.menpiao-tag{
	display: flex;
	margin-bottom: 15px;
}
.menpiao-tag-lf p{
	color: #fff;
	background: #339999;
	height:44px;
	width: 160px;
	line-height: 44px;
	border-radius: 22px;
	font-size: 18px;
	text-align:center;
}
.menpiao-tag-rt{
	color: #666;
	padding: 0 30px;
}
.menpiao-tag-rt p{
	line-height: 32px;
}
.yc .menpiao{
	padding: 30px;
}
.sd .menpiao-lf{
	width: 50%;
}
.sd .menpiao-rt{
	width: 50%;
}
.yc .menpiao-lf{
	width: 50%;
}
.yc .menpiao-rt{
	width: 50%;
	padding-left: 5%;
}
.yc .menpiao-rt div{
	width: 100%;
}
.yc .menpiao-rt div:first-child{
	margin-bottom: 10px;
}
.yc .menpiao-rt div p:first-child{
	margin-bottom: 0;
}
.park{
	padding: 30px;
}
.park thead{
	background: url(../images/thead.png) no-repeat;
	background-size:100% 100%;
}
.park thead th{
	font-size: 24px;
	padding: 20px !important;
}
.park tbody td{
	padding:20px !important;
	vertical-align: middle !important;
	color: #339999;
}
.park tbody td b{
	font-weight: bold;
	font-size: 24px;
	display: inline-block;
	margin-right: 5px;
}
.park tbody td:first-child{
	font-size: 24px;
	color: #000;
}
.food-container{
	display: flex;
}
.food-lf{
	width: 40%;
}
.food-rt{
	width: 60%;
}
.food-lf .indexServiceItem{
	width: 100%;
}
.food-lf .indexServiceDesc{
	height: auto;
	font-size: 16px;
}
.food-rt{
	display: flex;
	flex-wrap: wrap;
}
.food-item{
	width: 48%;
	margin-left: 2%;
	background: #fff;
	margin-top: 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px;
}
.food-item:first-child,.food-item:nth-child(2){
	margin-top: 0;
}
.food-item p{
	width: 100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	min-height: 16px;
}
.food-item p span{
	display: inline-block;
}
.food-item p i{
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: 0 3px;
	background: url(../images/xin.png);
}
.food .food-lf .indexServiceBorder{
	background: url(../images/techan5677.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
    width: 96%;
    height: 96%;
    top: 2%;
    left: 2%;
    z-index: 2;
}
/* 住宿 */
.other-container{
    padding: 30px 0;
    background: url(../images/other-bg.png) no-repeat;
    background-size: 100% auto;
}
.zhusu .indexServiceItem{
	width: 100%;
}
.zhusu .indexServiceItem .indexServiceDesc{
	text-align: left;
	padding: 15px 0;
}
.zhusu .indexServicetxt{
	padding: 0 30px 30px;
}
.zhusu .indexServiceTitle{
	text-align: left;
	border-bottom: 1px solid #ccc;
	height: 60px;
	font-size: 18px;
	font-weight: bold;
}
.zhusu .indexServiceDesc{
	height: auto;
}
.zhusu .indexServiceDesc p{
	margin-bottom: 10px;
	font-size: 16px;
}
.zhusu .indexServiceDesc p:first-child{
	line-height:32px;
	height: 64px;
	overflow: hidden;
}
.zhusu .indexServiceDesc p span{
	color: #339999;
}
.zhusu .swiper-container-zhusu{
	margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    height: 100%;
}
.zhusu .swiper-button-prev, .zhusu .swiper-button-next {
    background-image: none;
    opacity: 1;
    border-radius: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.zhusu .swiper-button-next {
    right: -50px;
    transition: 0.5s;
}
.zhusu .swiper-button-prev {
    left: -50px;
    transition: 0.5s;
}
.zhusu:hover .swiper-button-prev{
	left:15px;
}
.zhusu:hover .swiper-button-next{
	right:15px;
}
.zhusu .indexServiceBorder{
	background: url(../images/zhusu5671.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;    
	width: 94%;
    height: 96%;
    top: 2%;
    left: 3%;
    z-index: 2;
}
.techan .swiper-container-techan{
	margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    height: 100%;
}
.techan .indexServiceItem{
	width: 100%;
}
.techan .indexServiceItem .indexServiceDesc{
	text-align: left;
	padding: 15px 0;
}
.techan .indexServicetxt{
	padding: 0 30px 30px;
}
.techan .indexServiceTitle{
	text-align: left;
	border-bottom: 1px solid #ccc;
	height: 60px;
	font-size: 18px;
	font-weight: bold;
}
.techan .indexServiceDesc{
	height: auto;
}
.techan .indexServiceDesc p{
	margin-bottom: 10px;
	font-size: 16px;
	min-height:192px;
}
.techan .swiper-button-prev, .techan .swiper-button-next {
    background-image: none;
    opacity: 1;
    border-radius: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.techan .swiper-button-next {
    right: -50px;
    transition: 0.5s;
}
.techan .swiper-button-prev {
    left: -50px;
    transition: 0.5s;
}
.techan:hover .swiper-button-prev{
	left:15px;
}
.techan:hover .swiper-button-next{
	right:15px;
}
.techan .indexServiceBorder{
	background: url(../images/techan5677.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 94%;
    height: 96%;
    top: 2%;
    left:10px;
    z-index: 2;
}
.youlan-list{
	padding: 30px 0;
}
.youlan{
	margin-bottom: 30px;
	display: flex;
}
.youlan-lf{
	color: #fff;
	background: #339999;
    height: 40px;
    width: 100px;
    line-height: 40px;
    border-radius: 22px;
    font-size: 18px;
    text-align: center;
}
.youlan-rt{
	display: flex;
	padding-left: 30px;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
}
.youlan-rt li{
	position: relative;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	margin-right: 30px;
	margin-bottom: 15px;
}
.youlan-rt li span{
	position: absolute;
	bottom:-25px;
	left: 0;
	color: #666;
	font-size: 14px;
	font-weight: normal;
}
.youlan-box .toruism-item{
	margin-bottom: 30px;
}
.youlan:last-child{
	margin-bottom: 0;
}
.indexServiceItem .indexServiceImg.yuantu{
	height: auto;
}
.indexServiceItem .indexServiceImg.yuantu img{
	width: 300px;
	height:300px;
	border-radius: 50%;
	display: block;
	margin: 40px auto 0;
}

/* 在线虚拟游 */
.detail-nav.detail-nav a{
	font-size: 20px;
	font-weight:bold;
}
.vr-container .guide-title{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.vr-container .guide-title img{
	display: inline-block;
	margin-right: 10px;
}

.vr-container .guide-title a{
	text-decoration: none;
	color: #339999;
	font-size: 18px;
}
.vr-container .guide-lf{
	width: 45%;
}
.vr-container .guide-lf img{
	width: 100%;
	height: 100%;
}
.vr-container .guide-rt{
	width: 55%;
}
.vr-container .guide-rt{
	padding:20px 50px 30px 50px;
}
.vr-container .guide-title{
	height: 70px;
	line-height: 70px;
}
.vr-container .guide-title a{
	background: url(../images/more.png) no-repeat;
	padding-right: 30px;
	background-position: right;
}
.vr-desc{
	padding: 15px 0;
	color: #666;
}
.vr-desc p{
	margin-bottom: 10px;
	line-height: 24px;
}
.vr-container .guide-item{
	margin-bottom: 30px;
}
.vr-container .guide-title p img{
	width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #339999;
}
/* 游记攻略 */
.newslist .youji .indexServiceBorder{
	background: url(../images/youji8293.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 96%;
    height: 96%;
    top: 2%;
    left: 2%;
    z-index: 2;
}
.newslist .youji .indexServicetxt .indexServiceTitle{
	display: block;
	line-height: 70px;
}
/* 景区资讯 */
.newslist{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.newslist .indexServiceItem{
	width: 48%;
	margin-bottom: 30px;
}
.newslist .indexServiceTitle{
	border-bottom: 1px solid #adadad;
	display: flex;
	align-items: center;
	line-height:32px;
	overflow: hidden;
}
.newslist .indexServiceItem .indexServicetxt .indexServiceTitle{
	display:block;
	line-height:70px;
}
.newslist .indexServicetxt{
	padding: 0 60px 50px 60px;
}
.newslist .indexServiceDesc{
	margin: 30px 0;
	font-size: 16px;
}
.news-more{
	display: flex;
	justify-content: space-between;
}
.news-more p{
	color: #339999;
}
.newslist .indexServiceBorder{
	background: url(../images/youji8293.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 96%;
    height: 96%;
    top: 2%;
    left: 2%;
    z-index: 2;
}
.newslist .link-more{
	font-size: 14px;
}
/* 分页 */
.page{
	text-align: center;
}
.pagination{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pagination > li > a, .pagination > li > span{
	color: #666;
	margin-right: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background-color: #339999;
	border-color: #339999;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
	background-color: #339999;
	border-color: #339999;
	color: #fff;
}
/*新闻详情*/
.detail-title{
	padding: 30px 0;
}
.detail-title h2{
	padding:0 150px;
	font-weight: bold;
	color: #333;
}
.detail-title-date{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: #333;
}
.detail-title-date .share .bshare-custom{
	font-size: 16px;
}
.detail-title-date > div{
	margin:5px 15px 5px 0;
	color: #666;
}
.detail-info{
	border-top: 1px solid #b5caca;
	border-bottom: 1px solid #b5caca;
	padding: 30px 0;
	margin-bottom: 30px;
	
}
.detail-info img{
	max-width: 100%;
}
.detail-info-bg{
	background: #fff;
	padding: 30px 50px;
}
.detail-info-bgs img{
	max-width: 100%;
}
.detail-bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.detail-next{
	width: 70%;
	text-align: left;
}
.detail-back{
	width: 30%;
	text-align: right;
}
.detail-next a{
	display: block;
	width: 100%;
	border-bottom: 1px solid #b5caca;
	padding:15px 0;
	text-decoration: none;
	color: #333;
}
.detail-back a{
	display:inline-block;
	color: #339999;
	padding-left:60px;
	height: 44px;
	line-height: 44px;
	background: url(../images/back.png) no-repeat;
	background-size:44px 44px;
	font-weight: bold;
	font-size: 18px;;
}
/*在线预订*/
.reserve-container .detail-title p{
	margin:15px 0 0 0;
}
.reserve-container .introduction-item{
	margin-bottom: 30px;
	padding: 10px;
}
.reserve-container .introduction-item:first-child .dingpiao{
	background: url(../images/menpiao17740.png) no-repeat;
	background-size: 100% 100%;
}
.dingpiao{
	display: flex;
	padding:50px 30px;
}
.dingpiao > div{
	width: 50%;
}
.dingpiao-lf{
	padding:30px;
}
.dingpiao-lf h3{
	display: inline-block;
	position: relative;
}
.dingpiao-lf p{
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
}
.dingpiao-lf span{
	display: block;
    width: 20px;
    height: 20px;
    border: 3px solid #2C979BFF;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    right: -30px;
}
.dingpiao-rt{
	border-left: 1px solid #b5caca;
	text-align: center;
	padding:0px 50px;
}
.dingpiao-rt p{
	font-size: 16px;
	color: #333;
	margin-top: 10px;
}
/*在线互动*/
.service-form{
	margin: 30px 0;
}
.service-form .toruism-bg{
	padding: 50px 70px;
}
.hudong-input{
	border-bottom: 1px solid #b5caca;
	padding: 10px 0;
}
.hudong-input label{
	border-right: 1px solid #b5caca;
	margin-bottom: 0;
	padding: 5px 20px 5px 0;
	font-size: 18px;
	color: #333;
	font-weight: normal;
	
}
.hudong-input input{
	outline: none;
	border: none;
	width:60%;
	padding: 5px 20px;
	font-size: 18px;
	color: #333;
}
.hudong-text p{
	padding:15px 0;
	font-size: 18px;
	color: #333;
}
.hudong-text textarea{
	resize: none;
	outline: none;
	width: 100%;
	min-height: 120px;
	padding:0 15px 15px 0;
	color: #333;
	line-height: 32px;
	border: none;
}
.hudong-btn button{
	display: block;
	width:100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #339999;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	border: none;
	letter-spacing: 5px;
}
/*联系我们*/
.contact > img{
	display: block;
	margin-bottom: 30px;
}
.hot-line{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hot-line li{
	width: 32%;
}
.hot-line li p{
	font-size: 16px;
	color: #333;
}
.hot-line li h2{
	color: #339999;
	margin: 15px 0 0 0;
}

/*景区服务*/

.service-container .introduction-bg{
	padding: 40px;
}
.table-service{
	border-color: #fff;
	margin-bottom: 0;
}
.table-service tr th,.table-service tr td{
	text-align: center;
	border-color: #fff !important;
	color: #306262;
	font-size: 16px;
}
.table-service thead tr th:nth-child(odd),
.table-service tbody tr td:nth-child(odd){
	background: #dcd8d1;
}
.table-service thead tr th:nth-child(even),
.table-service tbody tr td:nth-child(even){
	background: #c1dede;
}
.service-desc td{
	background:#c1dede !important;
	text-align: left !important;
	padding: 10px 30px !important;
	color: #306262 !important;
}
.service-desc td p{
	font-size: 16px;
	line-height: 32px;
	margin-bottom:10px;
}
.service-container .xuzhi{
	margin-top: 30px;
}
.service-container .xuzhi .introduction-bg{
	padding: 15px 50px 30px 50px;
}
.xuzhi-info{
	padding: 15px 0;
	color: #666;
	font-size: 16px;
	line-height: 32px;
}
.indexMessage .indexMessageItem {
	width: 22%;	margin-right: 4%;
}

.indexMessage .indexMessageItem .indexMessageBorder {
	padding: 15px 0;
}

.indexMessage .indexMessageBorder>p:nth-child(2) {
	padding: 0 10px 0 0;
}

.indexMessage .indexMessageBorder div p {
	font-size: 14px;
}

.indexNewsBg {
	padding: 10px;
}

.indexPlayMask {
	overflow: hidden;
}.indexPlayBox .indexPlayImg .img-responsive{
	width: 100%;
}

.indexPlayImg .medical-title {
	top: 30px;
}

.indexPlayMask .medical-title {
	margin: 30px auto;
}

.indexPlayDesc {
	font-size: 16px;
}
.indexPlayMask p{
	line-height: 32px;
}
.indexGovContainer .indexNewsBg:first-child {
	padding: 10px;
}


.indexNewsContainer .indexNewsMore {
	position: absolute;
	bottom: 10px;
}

.indexGovContainer .indexNewsBg:first-child .indexNewsTxt {
	padding: 0 0 0 65%;
}
.indexNewsTxt .indexNewsMore .link-more {
	font-size: 14px;
}


.indexServicetxt {
	padding: 0 40px 40px 40px;
}

.indexServiceDesc {
	font-size: 16px;
	margin-bottom: 10px;
}

.footer-list-container {
	width: 15%;
	padding-right: 20px;
}
.search a{
	height: 40px;
	overflow: hidden;
}

/* 返回顶部 */
.toTop{
	width:80px;
	height:80px;
	padding:10px;cursor:pointer;
	position:fixed;
	right:40px;
	bottom:100px;
	background: url(../images/top.png) no-repeat;
	background-size:100% 100%;
	transition:0.5s;
}
/* .toTop:hover{
	width:90px;
	height:90px;
	right: 35px;
	bottom: 95px;
} */
*html .toTop{
	position:absolute;
	bottom:auto;
	top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	margin-bottom:80px;
}