* {
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
 	/* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
 }


/* 背景图片 */
.video {
    /* margin-top: 45px; */
}
.resort{
	background: #14a17d;
	/* margin-top:-86px; */
	margin-top: -80px;
	border-radius: 15px;
	padding: 25px 50px 30px 60px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	color: #fff;
	z-index:1;
	position:relative;
	box-shadow: 5px 5px 10px rgba(108, 111, 110, 0.5);
}
.resortText{
	margin-right: 50px;
}
.resortTitle{
	font-size: 32px;
	/* font-weight: bold; */
	margin-bottom: 25px;
}
.resortSubtitle{
	font-size: 15px;
	display: flex;
	flex-wrap: wrap;
}
.understand{
	width: 170px;
	height: 35px;
	border-radius: 50px;
	border: 1px solid white;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	font-size: 15px;
}
.understand img{
	width:15px;
	height: 15px;
	margin-left: 10px;
}
.holidays{
	/* margin-top:135px; */
	margin-top:72px;

}

.holidayse{
	margin-top:135px;
}
.entertainment-box{
	margin-top: 20px;
}
/* 缤纷娱乐 */
.entertainment{
	
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	/* color: #fff; */
}
.entertainmentLeft{
	margin-right: 20px;
}
.entertainmentSubtitle{
	font-size: 16px;
	/* font-family: '宋体'; */
}
.entertainmentSubtitlese{
	font-size: 16px;
}
.entertainmentTitle{
	font-size: 40px;
	/* font-family: '宋体'; */
}
/* 卡丁车图文 */
.mentAll{
	margin-top: 65px;
}	
.mentList{
	/* height: 100%; */
	/* background: red; */
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
}
.mentList img{
	width: 100%;
	transition: transform 0.5s ease; /* 平滑过渡效果 */
}
.mentList img:hover{
	transform: scale(1.1); /* 放大1.1倍 */ 
}
.mentText{
	/* width: 100%; */
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 18px;
	padding-top: 20px;
	box-sizing: border-box;
}
.mentBtn{
	width: 105px;
	height: 25px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 15px;
	font-size: 12px;
	border:#4E4C4C 1px solid;
	color: #4E4C4C;
}
.mentBtn img{
	width:14px;
	height: 14px;
	margin-left: 5px;
}
.gray{
	margin: 0 35px;
}


/* 季节 */
.season{
	width: 100%;
	display: flex;
	margin-top: 66px;
}
.seasonList{
	width: 25%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.seasonList img{
	width: 100%;
}
.seasonText{
	color: #fff;
	position: absolute;
	font-size: 22px;
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%);
	text-align: center;
}
.english{
	font-size: 35px;
	font-weight: bold;
}
.zoom-on-hover {
    transition: transform 0.5s ease; /* 平滑过渡效果 */
}
 
.zoom-on-hover:hover {
    transform: scale(1.1); /* 放大1.1倍 */
}


/* 移动端 */
@media (max-width: 996px) {
	.holidays{
		margin-top:40px;
	}
	.entertainment-box{
		margin-top: 30px!important;
	}
	.carousel-container2{
		padding-top: 0!important;
	}
	.holidayse{
		margin-top:35px;
	}
	.swiper {
		margin-top: 20px!important;
	}
	.indicators2{
		margin-top: 0!important;
	}
	.item-conTitle{
		margin-bottom: 0!important;
		height: auto!important;
	}
	.season{
		margin-top: 20px;
	}
	.video{
		height: 400px!important;
	}
	.swiper-wrapper{
		padding-bottom: 15px!important;
		height: 463px;
    	margin-bottom: 35px;
	}
	.mentAll{
		margin-top: 35px;
	}
	.mentText{
		padding-top: 15px;
	}
	.mentList{
		margin-bottom: 20px;
	}
	.resort{
		padding: 25px 20px 25px 20px;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		flex-wrap: wrap;
		color: #fff;
		box-shadow: 5px 5px 10px rgba(108, 111, 110, 0.5);
	}
	.resortTitle{
		font-size: 23px;
	}
	.resortSubtitle{
		font-size: 10px;
	}
	.gray{
		margin: 0 10px;
	}
	.understand{
		width: 120px;
		height: 30px;
		margin-top: 15px;
		font-size: 13px;
	}
	.understand img{
		width:18px;
		height: 18px;
	}
	.english{
		font-size: 15px;
		font-weight: bold;
	}
	.entertainmentTitle{
		font-size: 30px;
		margin: 0px 0;
	}
	.entertainmentSubtitle{
		font-size: 14px;
	}
	.enjoy-delicious-food,.a-magnificent-glimpse{
		margin-top: 50px!important;
	}
}
/* 超小屏幕 */
@media (max-width: 470px){
	.gray{
		display: none;
	}
	.resortSubtitle{
		width: 90%;
		display: flex;
		flex-direction: column;
		line-height: 20px;
	}
	.resortTitle{
		font-size: 20px;
		margin-bottom: 10px;
	}
	
}
/* 平板 */
@media (min-width: 996px) and (max-width: 1200px) {
	.resortSubtitle{
		font-size: 15px;
	}
	.gray{
		margin: 0 15px;
	}
	.resortTitle{
		font-size: 28px;
	}
}


/* 第一个轮播图 */
.carousel-container2 {
            width: 100%;
            /* max-width: 1200px; */
            position: relative;
            /* margin: 20px auto 40px; */
            perspective: 1000px;
            padding: 30px 0;
            /* background: rgba(255, 255, 255, 0.08); */
            border-radius: 20px;
            backdrop-filter: blur(10px);
            /* border: 1px solid rgba(255,255,255,0.2); */
            /* box-shadow: 0 15px 35px rgba(0,0,0,0.2); */
        }
        
        .carousel2 {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 480px;
            position: relative;
            overflow: hidden;
        }
        
        .carousel-item2 {
            position: absolute;
            width: 87%;
            height: 85%;
            transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
            transform-style: preserve-3d;
            border-radius: 15px;
            overflow: hidden;
            /* box-shadow: 0 1px 10px rgba(0,0,0,0.25); */
            cursor: pointer;
            /* background: #fff; */
            display: flex;
        }
        
        .carousel-item2 .image-container2 {
            height: 100%;
            overflow: hidden;
        }
        
        .carousel-item2 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }
        
        .carousel-item2:hover img {
            transform: scale(1.05);
        }
        
        .text-content2 {
            padding: 30px;
            color: #333;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .textTitle {
            font-size:21px;
            margin-bottom: 8px;
            /* font-family: '宋体'; */
			font-weight: bolder;
        }
        
        .carousel-item2 .text-content2 .textSubtitle {
            font-size: 11px;
            line-height: 1.6;
            margin-bottom: 40px;
            color: #a2a2a2;
        }
        
        .carousel-item2 .text-content2 .textContents {
            font-size: 15px;
			line-height: 30px;
			margin-bottom: 60px;
        }
        
        .carousel-item2.activese {
            width: 66%;
            height: 90%;
            z-index: 10;
			background: #f5f5f4;
            transform: translateX(0) scale(1);
        }
        
        .carousel-item2.activese .image-container2 {
            width: 80%;
			border-radius: 15px;
        }
        
        .carousel-item2.activese .text-content2 {
            width: 45%;
            display: block;
        }
        
        .carousel-item2.prev2 {
            transform: translateX(-85%) scale(0.85);
            z-index: 5;
            opacity: 0.8;
            filter: brightness(0.7);
        }
        
        .carousel-item2.prev2 .image-container2 {
            width: 100%;
        }
        
        .carousel-item2.prev2 .text-content2 {
            display: none;
        }
        
        .carousel-item2.next2 {
            transform: translateX(85%) scale(0.85);
            z-index: 5;
            opacity: 0.8;
            filter: brightness(0.7);
        }
        
        .carousel-item2.next2 .image-container2 {
            width: 100%;
        }
        
        .carousel-item2.next2 .text-content2 {
            display: none;
        }
        
        .carousel-item2.hidden2 {
            opacity: 0;
            transform: translateX(-150%) scale(0.7);
            z-index: 1;
        }
        
        .carousel-item2.hidden2.next2 {
            transform: translateX(150%) scale(0.7);
        }
        
        .carousel-control2 {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            background: rgba(255,255,255,0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            color: white;
            cursor: pointer;
            z-index: 20;
            transition: all 0.3s;
            backdrop-filter: blur(5px);
            border: 1px solid rgba(255,255,255,0.3);
        }
        
        .carousel-control2:hover {
            background: rgba(255,255,255,0.3);
            transform: translateY(-50%) scale(1.1);
        }
        
        .carousel-control2.prev2 {
            left: 13.5vw;
        }
        
        .carousel-control2.next2 {
            right: 13.5vw;
        }
		.indicators{
			display: flex;
			align-items: center;
			justify-content: center;
		}
        .indicators>.activese{
			background-color: #0ea983;
		}
        .indicators2 {
            margin-top: 30px;
			background: #c3c3c3;
			width: 12px;
			height: 12px;
			border-radius: 50%;
        }
        .indicators2:nth-child(odd){
			margin-left: 20px;
			margin-right: 20px;
		}
        .indicator {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: rgba(255,255,255,0.3);
            cursor: pointer;
            transition: all 0.3s;
			background: #c3c3c3;
        }
        
        .indicator.activese {
            background: #0ea983;
            transform: scale(0.8);
            box-shadow: 0 0 10px rgba(255,255,255,0.5);
        }
        
        .auto-play2 {
            display: flex;
            justify-content: center;
            margin-top: 20px;
            gap: 15px;
        }
        
        .play-btn2 {
            background: rgba(255,255,255,0.15);
            border: none;
            color: white;
            padding: 10px 25px;
            border-radius: 30px;
            cursor: pointer;
            font-size: 1rem;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s;
            backdrop-filter: blur(5px);
            border: 1px solid rgba(255,255,255,0.2);
        }
        
        .play-btn2:hover {
            background: rgba(255,255,255,0.25);
            transform: translateY(-2px);
        }
        
		.textBtns{
			width: 105px;
			height: 28px;
			border-radius: 50px;
			border: 1px solid white;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 20px;
			font-size: 13px;
		}
		.textBtns img{
			width:12px;
			height: 12px;
			margin-left: 7px;
		}
		
		@media (max-width: 996px) {
			.item-content {
			    padding: 20px 16px!important;
				padding-bottom: 0!important;
				box-sizing: border-box;
			}
			.swiper-slide{
				padding: 0 30px;
			}
			.item-img {
			    width: 100%;
			    height: 223px!important;
			}
			.item-title {
			    font-size: 1.3rem!important;
				font-size: 17px;
				/* font-family: '宋体'; */
				font-weight: bolder;
			}
			.seasonText{
				font-size: 30px;
			}
			.english{
				font-size: 12px;
			}
			
			/* 自己改 */
			
			.carousel2 {
			    height: 420px;
			}
			
			.carousel-item2.activese .text-content2 .textTitle {
			    font-size: 16px;
			}
			
			.carousel-item2.activese .text-content2 .textSubtitle {
			    font-size: 8px;
				margin-bottom: 10px;
			}
			.carousel-item2 .text-content2 .textContents {
			    font-size: 12px;
				line-height: 25px;
				margin-bottom:40px;
				display: -webkit-box; 
				overflow: hidden;
				-webkit-box-orient: vertical;
				text-overflow: ellipsis;
				-webkit-line-clamp: 5; 
			}
		}
		/* 响应式设计 */
        @media (max-width: 1200px) {
            
			.item-img {
			    width: 100%;
			    height: 250px !important;
			}
			
			.item-conTitle {
			    font-size: 12px !important;
			    line-height: 25px !important;
			    height: 129px;
			}
        }
        
        @media (max-width: 768px) {
            .carousel {
                height: 700px;
            }
            
            .carousel-item2 {
                flex-direction: column;
                width: 70%;
            }
            
            .carousel-item2.activese {
                width: 80%;
                height: 85%;
            }
            
            .carousel-item2.activese .image-container2 {
                width: 100%;
                height: 50%;
            }
            
            .carousel-item2.activese .text-content2 {
                width: 100%;
                height: 50%;
                padding: 20px;
				background-color: #fff;
            }
            
            .carousel-control2 {
                width: 40px;
                height: 40px;
                font-size: 1.2rem;
            }
			.carousel-item2 .text-content2 .textContents {
			    font-size: 12px;
				line-height: 25px;
				margin-bottom:10px;
				display: -webkit-box; 
				overflow: hidden;
				-webkit-box-orient: vertical;
				text-overflow: ellipsis;
				-webkit-line-clamp: 2; 
			}
        }
        
        @media (max-width: 480px) {
            .carousel2 {
                /* height: 600px; */
            }
		
            .carousel-container2 {
			
				padding: 0 0;
			}
			.indicators2 {
				margin-top: 0;
			}
            .carousel-item2 {
                width: 85%;
            }
            
            .carousel-item2.activese {
                width: 90%;
            }
            
            .carousel-item2.activese .text-content2 {
                padding: 15px;
            }
            
            .carousel-item2.activese .text-content2 .textTitle {
                font-size: 1.3rem;
            }
            
            .carousel-control2 {
                width: 35px;
                height: 35px;
				opacity: 0.5;
            }
			.swiper-button-next,.swiper-button-prev{
				opacity: 0.5;
			}
			.indicators{
				position: relative;
				top: -0px;
			}
			.carousel-item2 .text-content2 .textContents {
			    font-size: 12px;
				line-height: 25px;
				margin-bottom:10px;
				display: -webkit-box; 
				overflow: hidden;
				-webkit-box-orient: vertical;
				text-overflow: ellipsis;
				-webkit-line-clamp: 5; 
			}
            
        }






/* 第二个轮播图 */
.containerse {
            width: 90%;
            max-width: 1900px;
            /* padding: 30px; */
            /* background: pink; */
            border-radius: 20px;
			margin-top: 46px;
			/* margin-left: 15px; */
            /* box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25); */
        }

        .carousel-container {
            position: relative;
            width: 100%;
            overflow: hidden;
            border-radius: 15px;
            /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); */
        }
		
		.carousel-indicators {
			position: relative;
			top: 0;
		    display: flex;
		    justify-content: center;
		    gap: 10px;
		    margin-top: 20px;
		}
        .carousel-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
            padding: 10px 0;
        }

        .carousel-item {
            flex: 0 0 calc(100% / 3 - 20px);
            margin: 0 10px;
            /* background: white; */
            border-radius: 12px;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
			overflow: hidden;
			height: 100%;
			background: #f5f5f4;
        }

       /* .carousel-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
        } */

        .item-img {
            width: 100%;
            height: 310px;
            background-position: center;
            background-size: cover;
            position: relative;
			border-radius: 13px;
			/* object-fit: cover;
			transition: transform 0.5s; */
			transition: transform 0.5s ease; /* 平滑过渡效果 */
        }
		
		.item-img:hover{
			transform: scale(0.9); /* 放大1.1倍 */
		}
        .item-img::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 60%;
            background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
        }

        .item-content {
            padding: 20px 30px;
			padding-bottom: 0;
			box-sizing: border-box;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .item-title {
            font-size: 21px;
            /* margin-bottom: 10px; */
            /* font-family: '宋体'; */
			font-weight: bold;
        }

        .item-desc {
            /* color: #555;
            margin-bottom: 15px;
            line-height: 1.5;
            flex-grow: 1; */
			font-size: 10px;
			color: #b7b7b7;
        }

        .item-footer {
            /* display: flex;
            justify-content: space-between;
            align-items: center; */
            /* border-top: 1px solid #eee; */
            /* padding-top: 15px; */
            margin-top: auto;
        }
.item-conTitle{
	font-size: 15px;
	line-height: 30px;
	height: 14vh;
	    margin-bottom: 30px;
}
.understandse{
	width: 105px;
	height: 28px;
	border-radius: 50px;
	border: 1px solid white;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	font-size: 13px;
}

.understandse img{
	width:12px;
	height: 12px;
	margin-left: 7px;
}


        /* .item-price {
            font-weight: bold;
            font-size: 1.2rem;
            color: #e74c3c;
        }*/

        /* .item-rating {
            color: #f1c40f;
        } */
        

        .indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #ccc;
            cursor: pointer;
            transition: all 0.3s;
        }

        .indicator.active {
            background: #14a17d;
            /* transform: scale(1.3); */
        }

        @media (max-width: 900px) {
            .carousel-item {
                flex: 0 0 calc(100% / 2 - 20px);
            }
        }

        @media (max-width: 600px) {
            .carousel-item {
                flex: 0 0 calc(100% - 20px);
            }
        }
		@media (max-width: 490px){
			/* .carousel-indicators{
				top: 800px;
			} */
		}
		
		
		
		.swiper {
		    width: 100%;
			/* padding: 0 10px; */
			box-sizing: border-box;
		    margin-top: 50px;
		}
		
		.swiper-wrapper {
		    /* padding-left: 10px;
			padding-right: 30px; */
			position: relative;
			padding-bottom: 50px;
			box-sizing: border-box;
			/* background: red; */
		}
		
		.swiper-slide {
		    /* background: rgba(255, 255, 255, 0.95); */
		    border-radius: 20px;
		    overflow: hidden;
		    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); */
		    transition: all 0.4s ease;
		    /* height: 340px; */
			/* border: 1px solid #000; */
		    display: flex;
		    flex-direction: column;
		}
		
		.swiper-slide-active {
		    transform: scale(1.05);
		    /* box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25); */
		    z-index: 2;
		}
		
		.swiper-slide-prev, .swiper-slide-next {
		    opacity: 0.85;
		}
		
		.slide-content {
		    /* padding: 30px; */
		    flex: 1;
		    display: flex;
		    flex-direction: column;
		}
		
		/* .slide-icon {
		    width: 80px;
		    height: 80px;
		    margin: 0 auto 20px;
		    border-radius: 50%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    font-size: 36px;
		    color: white;
		} */
		
		.slide-title {
		    font-size: 1.6rem;
		    margin-bottom: 15px;
		    color: #2c3e50;
		}
		
		.slide-desc {
		    color: #7f8c8d;
		    line-height: 1.7;
		    margin-bottom: 25px;
		    flex-grow: 1;
		}
		
		.slide-btn {
		    background: linear-gradient(to right, #3498db, #2980b9);
		    color: white;
		    border: none;
		    padding: 12px 30px;
		    border-radius: 50px;
		    font-weight: 600;
		    cursor: pointer;
		    transition: all 0.3s ease;
		    font-size: 1rem;
		    width: 180px;
		    margin: 0 auto;
		    box-shadow: 0 5px 15px rgba(52, 152, 219, 0.4);
		}
		
		.slide-btn:hover {
		    transform: translateY(-3px);
		    box-shadow: 0 8px 20px rgba(52, 152, 219, 0.6);
		}
		
		.swiper-pagination {
		    position: absolute;
		    /* margin-top: 300px; */
			/* top: 500px; */
		    /* bottom: -6%!important; */
			left: 0;
			display: flex;
			justify-content: center;
		}
		
		.swiper-pagination-bullet {
		    width: 12px;
		    height: 12px;
		    background: #c3c3c3;
		    opacity: 1;
		}
		
		.swiper-pagination-bullet-active {
		    background: #19ac88;
		    width: 12px;
		}
		
		.swiper-button-next, .swiper-button-prev {
		    color: #000;
		    background: white;
		    width: 40px;
		    height: 40px;
		    border-radius: 50%;
		    backdrop-filter: blur(5px);
		    transition: all 0.3s ease;
			
			/*margin-top: -150px;*/
			top:23%
		}
		.swiper-button-next{
		   margin-right:5%
		}
		.swiper-button-prev {
			margin-left:5%
		}
		.swiper-button-next:after, .swiper-button-prev:after {
		    font-size: 22px;
		    font-weight: bold;
		}
		
		.swiper-button-next:hover, .swiper-button-prev:hover {
		    background: rgba(255, 255, 255, 0.3);
		    transform: scale(1.1);
		}
		
		
		
		/* 响应式设计 */
		@media (max-width: 900px) {
		    .swiper {
		        /* height: 380px; */
		    }
		    
		    .swiper-slide {
		        /* height: 320px; */
		    }
		    
		    /* .slide-content {
		        padding: 20px;
		    } */
		    
		    .slide-icon {
		        width: 70px;
		        /* height: 70px; */
		        font-size: 30px;
		    }
		    
		    .slide-title {
		        font-size: 1.4rem;
		    }
		}
		
		@media (max-width: 600px) {
		    /* .swiper {
		        height: 350px;
		    } */
		    
		    .swiper-slide {
		        /* height: 300px; */
		    }
		    
		    /* .slide-content {
		        padding: 15px;
		    } */
		    
		    .slide-title {
		        font-size: 1.3rem;
		    }
		    
		    .slide-desc {
		        font-size: 0.95rem;
		    }
		    
		    .slide-btn {
		        width: 160px;
		        padding: 10px 25px;
		    }
		    
		}
		
		@keyframes gradientBG {
		    0% { background-position: 0% 50%; }
		    50% { background-position: 100% 50%; }
		    100% { background-position: 0% 50%; }
		}