body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
	
	*{
		margin:0;
		padding:0;
	}
	.ov{
		overflow:hidden;
	}
		.mousepos{
			
		}
        .mouseword { position: fixed; bottom: 5px;margin-left: -24px;left: 50%;z-index:9999; color: #ffffff; -webkit-animation: colorText 10s ease-out infinite, nudgeText 10s ease-out infinite; animation: colorText 10s ease-out infinite, nudgeText 10s ease-out infinite;font-size:12px; -webkit-animation-direction: reverse; animation-direction: reverse; }
        .mouse { background: #ca8a53 linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%); position: fixed; bottom: 30px;margin-left: -14px;left: 50%;opacity:0.3;width: 28px; height: 40px;z-index:9999; border-radius: 100px; background-size: 100% 200%; -webkit-animation: colorSlide 10s linear infinite, nudgeMouse 10s ease-out infinite; animation: colorSlide 10s linear infinite, nudgeMouse 10s ease-out infinite; -webkit-animation-direction: reverse; animation-direction: reverse;}
        .mouse:before, .mouse:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
        .mouse:before { width: 20px; height: 30px; background-color: #dfb584; border-radius: 100px; }
        .mouse:after { background-color: #ffffff; width: 2px; height: 10px; border-radius: 5px; -webkit-animation: trackBallSlide 10s linear infinite; animation: trackBallSlide 10s linear infinite;  -webkit-animation-direction: reverse; animation-direction: reverse;}
		.huxi{
			animation: huxi 2s ease-in-out infinite;
		}
		@keyframes huxi {
			0%{
				transform: scale(0.88);
			  }
			50%{
				transform: scale(1.1);
			  }
			 100%{
				transform: scale(0.88);
			  }
		 }
        @-webkit-keyframes colorSlide {
            0% { background-position: 0% 100%; }
            20% { background-position: 0% 0%; }
            21% { background-color: #ca8a53; }
            29.99% { background-color: #ffffff; background-position: 0% 0%; }
            30% { background-color: #ca8a53; background-position: 0% 100%; }
            50% { background-position: 0% 0%; }
            51% { background-color: #ca8a53; }
            59% { background-color: #ffffff; background-position: 0% 0%; }
            60% { background-color: #ca8a53; background-position: 0% 100%; }
            80% { background-position: 0% 0%; }
            81% { background-color: #ca8a53; }
            90%, 100% { background-color: #ffffff; }
        }

        @keyframes colorSlide {
            0% { background-position: 0% 100%; }
            20% { background-position: 0% 0%; }
            21% { background-color: #ca8a53; }
            29.99% { background-color: #ffffff; background-position: 0% 0%; }
            30% { background-color: #ca8a53; background-position: 0% 100%; }
            50% { background-position: 0% 0%; }
            51% { background-color: #ca8a53; }
            59% { background-color: #ffffff; background-position: 0% 0%; }
            60% { background-color: #ca8a53; background-position: 0% 100%; }
            80% { background-position: 0% 0%; }
            81% { background-color: #ca8a53; }
            90%, 100% { background-color: #ffffff; }
        }

        @-webkit-keyframes trackBallSlide {
            0% { opacity: 0; -webkit-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); }
            6% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); }
            14% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); }
            15%, 19% { opacity: 0; -webkit-transform: scale(0.4) translateY(-10px); transform: scale(0.4) translateY(-10px); }
            28%, 29.99% { opacity: 1; -webkit-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); }
            30% { opacity: 1; -webkit-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); }
            36% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); }
            44% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); }
            45%, 49% { opacity: 0; -webkit-transform: scale(0.4) translateY(-10px); transform: scale(0.4) translateY(-10px); }
            58%, 59.99% { opacity: 1; -webkit-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); }
            60% { opacity: 1; -webkit-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); }
            66% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); }
            74% { opacity: 1; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); }
            75%, 79% { opacity: 1; -webkit-transform: scale(0.4) translateY(-10px); transform: scale(0.4) translateY(-10px); }
            88%, 100% { opacity: 1; -webkit-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); }
        }

        @keyframes trackBallSlide {
            0% { opacity: 0; -webkit-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); }
            6% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); }
            14% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); }
            15%, 19% { opacity: 0; -webkit-transform: scale(0.4) translateY(-10px); transform: scale(0.4) translateY(-10px); }
            28%, 29.99% { opacity: 1; -webkit-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); }
            30% { opacity: 1; -webkit-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); }
            36% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); }
            44% { opacity: 0; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); }
            45%, 49% { opacity: 0; -webkit-transform: scale(0.4) translateY(-10px); transform: scale(0.4) translateY(-10px); }
            58%, 59.99% { opacity: 1; -webkit-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); }
            60% { opacity: 1; -webkit-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); }
            66% { opacity: 1; -webkit-transform: scale(0.9) translateY(5px); transform: scale(0.9) translateY(5px); }
            74% { opacity: 1; -webkit-transform: scale(0.4) translateY(40px); transform: scale(0.4) translateY(40px); }
            75%, 79% { opacity: 1; -webkit-transform: scale(0.4) translateY(-10px); transform: scale(0.4) translateY(-10px); }
            88%, 100% { opacity: 1; -webkit-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); }
        }

        @-webkit-keyframes nudgeMouse {
            0% { -webkit-transform: translateY(0); transform: translateY(0); }
            20% { -webkit-transform: translateY(8px); transform: translateY(8px); }
            30% { -webkit-transform: translateY(0); transform: translateY(0); }
            50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
            60% { -webkit-transform: translateY(0); transform: translateY(0); }
            80% { -webkit-transform: translateY(8px); transform: translateY(8px); }
            90% { -webkit-transform: translateY(0); transform: translateY(0); }
        }

        @keyframes nudgeMouse {
            0% { -webkit-transform: translateY(0); transform: translateY(0); }
            20% { -webkit-transform: translateY(8px); transform: translateY(8px); }
            30% { -webkit-transform: translateY(0); transform: translateY(0); }
            50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
            60% { -webkit-transform: translateY(0); transform: translateY(0); }
            80% { -webkit-transform: translateY(8px); transform: translateY(8px); }
            90% { -webkit-transform: translateY(0); transform: translateY(0); }
        }

        @-webkit-keyframes nudgeText {
            0% { -webkit-transform: translateY(0); transform: translateY(0); }
            20% { -webkit-transform: translateY(2px); transform: translateY(2px); }
            30% { -webkit-transform: translateY(0); transform: translateY(0); }
            50% { -webkit-transform: translateY(2px); transform: translateY(2px); }
            60% { -webkit-transform: translateY(0); transform: translateY(0); }
            80% { -webkit-transform: translateY(2px); transform: translateY(2px); }
            90% { -webkit-transform: translateY(0); transform: translateY(0); }
        }

        @keyframes nudgeText {
            0% { -webkit-transform: translateY(0); transform: translateY(0); }
            20% { -webkit-transform: translateY(2px); transform: translateY(2px); }
            30% { -webkit-transform: translateY(0); transform: translateY(0); }
            50% { -webkit-transform: translateY(2px); transform: translateY(2px); }
            60% { -webkit-transform: translateY(0); transform: translateY(0); }
            80% { -webkit-transform: translateY(2px); transform: translateY(2px); }
            90% { -webkit-transform: translateY(0); transform: translateY(0); }
        }

        @-webkit-keyframes colorText {
            21% { color: #ca8a53; }
            30% { color: #ffffff; }
            51% { color: #ca8a53; }
            60% { color: #ffffff; }
            81% { color: #ca8a53; }
            90% { color: #ffffff; }
        }

        @keyframes colorText {
            21% { color: #ca8a53; }
            30% { color: #ffffff; }
            51% { color: #ca8a53; }
            60% { color: #ffffff; }
            81% { color: #ca8a53; }
            90% { color: #ffffff; }
        }
		
@-webkit-keyframes rotating {
	from{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
    	transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
#audio-btn{width: 44px;height: 44px;position:fixed;top:20px;right:20px;z-index:999;}
#audio-btn.on{background: url('../images/audio_play.png') no-repeat ;background-size:cover;webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite;}
#audio-btn.off{background: url('../images/audio_play.png') no-repeat;background-size:cover;}

		
	#swiper-container1 .swiper-wrapper{
		
    }
    .swiper-container {
        width: 100%;
        max-width: 640px;
        height: 100dvh;
        margin: 0 auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: url('../images/bg.png?66') no-repeat;
		background-size:cover;
		height:100%;
		
        
        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;
    }
	img{
		max-width:100%;	
	}
	.tc{
		text-align:center;
	}
	.icp{
		position:absolute;
		right:0;
		bottom:0;
		color: #fae7d3;
		font-size: 12px;
	}

	.flex {
		display:flex;
		/* gap:20px; */
	}
	
	.flex-gap {
		gap:20px;
	}
	.swiper-content{
		margin:-5% 0 10%;
		width:90%;
		height:85%;
	}
	.flex-row{
		flex-direction: row;
	}
	.flex-col{
		flex-direction: column;
	}
	.flex-between{
		justify-content: space-between;
	}
	.flex-center{
		justify-content: center;
	}
	.flex-around{
		justify-content: space-around;
	}
	.tb {
		width:95%;
		margin:0 auto;
		font-size:12px;
		border-collapse: collapse;
		border:1px solid #DFA971;
		
	}
	/* .tb,.tb th,.tb td,.tb tr {
		font-size:12px;
		border-collapse: collapse;
		border:1px solid #DFA971;
		
	} */
	.tb td,.tb th{
		padding:5px;
	}
	.tb tr:nth-child(even){
		background:#FDFBF8;
	}
	.tb tbody td{
		padding:5px 0;
	}
	.c_white{
		color:white;
	}
	.bg_1{
		background:#CA8A53;
	}
	.bg_2{
		background:#DFB584;
	}
	.bg_3{
		background:#E9C7A5;
	}
	.tb .name{
		/* width:35%; */
		color:#c08a53;
		
	}
	.tb .price{
		width:18%;
		color:#c08a53;
		font-weight: bold;
	}
	.tb .name.thname{
		font-weight:bold;
		color:#fff;
	}
	.tb td{
		color:#474443;
		border:none;
		padding:5px;
	}
	.tb td.name{
		font-size:14px;
		font-weight:bold;
		line-height:20px;
	}
	.tb td.name p{
		padding:0;
		/* line-height: 12px;        */
		margin:0;
	}
	.tb td.content .word{
		text-align:left;
		overflow: hidden;         /* 超出部分隐藏 */
		display: -webkit-box;     /* 使用 Flexbox 布局 */
		-webkit-box-orient: vertical; /* 设置盒子为垂直方向排列 */
		-webkit-line-clamp: 2;    /* 限制显示的行数 */
		text-overflow: ellipsis;  /* 超出部分用省略号表示 */
		word-break: break-all;
		border:none;
		margin:0;
	}
	.tb td.content p{
		margin:0;
	}
	.p8slide{
		overflow-x:hidden;
		overflow-y:auto;
	}

	.p8 {
		gap:30px;
	}
	.p8 {
		gap:30px;
	}
	.detail{
		font-size:8px;
		color:#0d7ed2;
		text-decoration:underline
	}
	#swiper-container2 .swiper-slide {
    }
	
	.normal{
		height:90%;
		/* width:100%; */
		/* height:100%; */
	}
	.normal img{
		max-width:100%;
		
		/* height:100%; */
	}
	.normal img{
		/* height:100%; */
	}
	.gobtn{
		/* background: radial-gradient(circle, #efcaa4, #e3c7a5); */
		background: #c0782f;
		/* width: 15px; */
		/* height: 15px; */
		display: inline-block;
		text-align: center;
		line-height: 15px;
		color: #fff;
		padding:2px 10px;
		font-size:10px;
		border-radius: 15px;
		font-weight:normal;
	}
	
	.p1{
        background: url('../images/10_bg.jpg');
		background-size:100% 100%;
	}
	.p1_word1{
		margin-top:250px;
		animation-duration: 6s;
	}
	
	.p2 .swiper-content{
		margin: -11% 0 10%;
		/* width:100%; */
	}
	.p9{
		overflow:hidden;
	}
	.p9 .mapqr img{
		max-width:80%;
	}
	.p9 .swiper-content{
		margin: -10% 0 10%;
	}
	.p8content img{
		width:100%;
		max-width:100%;
		margin-top:-80px;
	}
	
	.animate__animated.animate__delay-07s {
		-webkit-animation-delay: .7s;
		animation-delay: .5s;
		-webkit-animation-delay: calc(var(--animate-delay)*0.7);
		animation-delay: calc(var(--animate-delay)*0.7)
	}
	.animate__animated.animate__delay-05s {
		-webkit-animation-delay: .5s;
		animation-delay: .5s;
		-webkit-animation-delay: calc(var(--animate-delay)*0.5);
		animation-delay: calc(var(--animate-delay)*0.5)
	}
	.animate__animated.animate__delay-03s {
		-webkit-animation-delay: .3s;
		animation-delay: .3s;
		-webkit-animation-delay: calc(var(--animate-delay)*0.3);
		animation-delay: calc(var(--animate-delay)*0.3)
	}
	
	.animate__animated.animate__delay-15s {
		-webkit-animation-delay: 1.5s;
		animation-delay: 1.5s;
		-webkit-animation-delay: calc(var(--animate-delay)* 1.5);
		animation-delay: calc(var(--animate-delay)* 1.5)
	}
	.animate__animated.animate__delay-13s {
		-webkit-animation-delay: 1.3s;
		animation-delay: 1.3s;
		-webkit-animation-delay: calc(var(--animate-delay)* 1.3);
		animation-delay: calc(var(--animate-delay)* 1.3)
	}
	.animate__animated.animate__delay-17s {
		-webkit-animation-delay: 1.7s;
		animation-delay: 1.7s;
		-webkit-animation-delay: calc(var(--animate-delay)* 1.7);
		animation-delay: calc(var(--animate-delay)* 1.7)
	}