@charset "utf-8";
/* CSS Document */
body {
	font-size: 18px;
	color: #000;
	background: url(bg.jpg) no-repeat center top;
	font-family: microsoft yahei;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
.fl {
	float: left;
	_display: inline;
}
.fr {
	float: right;
	_display: inline;
}
.ml20 {
	margin-left: 20px;
}
.ml14 {
	margin-left: 14px;
}
.ml10 {
	margin-left: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt10 {
	margin-top: 10px;
}
@media screen and (max-width:1921px){
.main{transform:scale(0.8,0.8);margin: 200px auto 0!important;}
.btn-fixed{transform:scale(0.8,0.8);bottom:-40px!important;}
body{background-size:100% auto;}
}
.main {
	width: 1682px;
	height: 500px;
	position: relative;
	margin: 320px auto 0;
}
.bg_list {
	width: 1682px;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
}
.bg_item {
	width: 330px;
	height: 500px;
	float: left;
	margin-left: 8px;
}
.bg_item:first-child {
	margin-left: 0;
}
.bg_1 {
	background: url(sk_1.png) no-repeat center top;
}
.bg_2 {
	background: url(sk_2.png) no-repeat center top;
}
.bg_3 {
	background: url(sk_3.png) no-repeat center top;
}
.bg_4 {
	background: url(sk_4.png) no-repeat center top;
}
.bg_5 {
	background: url(sk_5.png) no-repeat center top;
}
@-webkit-keyframes bounce-down {
25% {
-webkit-transform:translateY(-10px)
}
50%, 100% {
-webkit-transform:translateY(0)
}
75% {
-webkit-transform:translateY(10px)
}
}
@keyframes bounce-down {
25% {
transform:translateY(-10px)
}
50%, 100% {
transform:translateY(0)
}
75% {
transform:translateY(10px)
}
}
.animate-bounce-down {
	-webkit-animation: bounce-down 2s linear 2;
	animation: bounce-down 2s linear 2;
}
@-webkit-keyframes bounce-up {
25% {
-webkit-transform:translateY(10px)
}
50%, 100% {
-webkit-transform:translateY(0)
}
75% {
-webkit-transform:translateY(-10px)
}
}
@keyframes bounce-up {
25% {
transform:translateY(10px)
}
50%, 100% {
transform:translateY(0)
}
75% {
transform:translateY(-10px)
}
}
.animate-bounce-up {
	-webkit-animation: bounce-up 2s linear 2;
	animation: bounce-up 2s linear 2;
}
.town-thumbs {
	position: absolute;
	top: 42px;
	left: 96px;
	width: 1480px;
	height: 220px;
	padding-top:10px!important;
	margin-left: 0!important;
}
.town-thumbs .swiper-slide {
	height: 220px;
	width: 136px;
	text-align: center;
	margin-right: 200px;
}
.town-thumbs .swiper-slide img {
}
.town-thumbs .swiper-slide a {
	display: inline-block;
	font-size: 26px;
	color: #FFFFFF;
	margin-top: 10px;
}
.town-thumbs .swiper-slide-active img{
    transform: scale(1.1);
}
.town-thumbs .swiper-slide-active a{
    color:#fcef1d;
}
.town-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}

.btn-fixed{width:1320px;height:290px;position:fixed;bottom: 0px;left:50%;margin-left:-660px;}
.btn-fixed .btn{width:280px;height:75px;display: block;z-index: 999;}
.btn-fixed .btn_1{position:absolute;left:0;top:50px;}
.btn-fixed .btn_2{position:absolute;right:0;top:50px;}
.btn-fixed .btn_3{position:absolute;left:0;bottom:50px;}
.btn-fixed .btn_4{position:absolute;right:0;bottom:50px;}

.cun_list{width:1006px;height:0;position: absolute;top:272px;left:50%;margin-left:-503px;z-index: 9999;overflow:hidden;}
.overflow{overflow:scroll;overflow-x: hidden;}
.overflow::-webkit-scrollbar-track {
    background-color: rgba(102, 102, 102, 0.1);
    -webkit-box-shadow: inset 0 0 2px rgba(102, 102, 102, 0.2);
}
.overflow::-webkit-scrollbar-thumb {
    width: 3px!important;
    background-color: rgba(102, 102, 102, 0.3);
}

.overflow::-webkit-scrollbar {
    width: 3px!important;
}
.cun_item{width:976px;height:400px;padding:40px 15px 0;background:url(cw_bg.png) no-repeat center top;text-align: justify;display: none;}
.cun_item a{margin:5px 20px;line-height:38px;display: block;float:left;color:#1e5357;padding:0 18px;width:110px;text-align: center;border:1px solid rgba(0,0,0,0);}
.cun_item a.on{background:url(btn_bg.png) repeat-x bottom;border:1px solid #c1e4e6;border-radius:10px;}
.active{display: block;}

.block{width:688px;height:258px;border:1px solid #a4dce0;border-radius: 10px;background:rgba(241, 250, 249, 0.8);position: absolute;left:50%;margin-left:-345px;top:15px;display:none;}
.gzh_arrow{width:27px;height:28px;background:url(arrow_right.png) no-repeat;position: absolute;top:58px;left:-30px;-webkit-animation: bounce-left 1.5s linear infinite;animation: bounce-left 1.5s linear infinite;}
.swiper-gzh{width:640px;margin:70px auto 0;}
.swiper-gzh .swiper-slide .img img{width:100%;}
.swiper-gzh .swiper-slide .tit{color:#45786d;font-size:18px;text-align: center;height:40px;line-height: 40px;}
.gzh_arrow{width:27px;height:28px;background:url(arrow_right.png) no-repeat;position: absolute;top:58px;left:-30px;-webkit-animation: bounce-left 1.5s linear infinite;animation: bounce-left 1.5s linear infinite;}
@keyframes bounce-left {
25% {
transform:translateX(4px)
}
50%, 100% {
transform:translateX(0)
}
75% {
transform:translateX(-6px)
}
}
.spj_arrow{width:27px;height:28px;background:url(arrow_left.png) no-repeat;position: absolute;top:58px;left:694px;-webkit-animation: bounce-left 1.5s linear infinite;animation: bounce-left 1.5s linear infinite;}
.swiper-spj{width:580px;margin:30px auto 0;}
.swiper-spj .swiper-slide .img{position:relative;width:100%;height:181px;}
.swiper-spj .swiper-slide .img .video{position:absolute;z-index: 999;top:50%;left:50%;margin-left:-32px;margin-top: -40px;width: 64px;height: 64px;border: none;}
.swiper-spj .swiper-slide .img .spk{position:absolute;z-index: 999;bottom:0;left:0;width:100%;height:21px;border: none;}
.swiper-spj .swiper-slide .img img{width:258px;height:148px;border:6px solid #000;}
.swiper-spj .swiper-slide .tit{color:#45786d;font-size:14px;text-align: center;height:40px;line-height: 40px;}

.cjjb_arrow{width:27px;height:28px;background:url(arrow_right.png) no-repeat;position: absolute;top:172px;left:-30px;-webkit-animation: bounce-left 1.5s linear infinite;animation: bounce-left 1.5s linear infinite;}
.swiper-cjjb{width:560px;margin:20px auto 0;}
.swiper-cjjb .swiper-slide .img img{width:100%;height:170px;}
.swiper-cjjb .swiper-slide .tit{color:#45786d;font-size:18px;text-align: center;height:40px;line-height: 40px;}

.zthd_arrow{width:27px;height:28px;background:url(arrow_left.png) no-repeat;position: absolute;top:172px;left:694px;-webkit-animation: bounce-left 1.5s linear infinite;animation: bounce-left 1.5s linear infinite;}
.swiper-zthd{width:620px;margin:40px auto 0;}
.swiper-zthd .swiper-slide .img img{width:100%;height:180px;}
.swiper-zthd .swiper-slide .tit{color:#45786d;font-size:14px;text-align: center;height:40px;line-height: 40px;}