/*
|          (0 0)
+=====oOO====(_)=========+
|   Powered By AnXin     |
|   Tel: 0572-5220701    |
|   Creation:2026.07.23  |
+=================oOO====+
|          |__|__|
|           || ||
|          ooO Ooo
*/
@charset "UTF-8";
body, button, dd, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, input, legend, p, s, td, textarea, th { margin: 0; padding: 0; list-style: none; }
body, html { position: relative; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif; }
h1, h2, h3, h4, h5, h6 { text-transform: capitalize; }
button, input, select, textarea { font-size: 100%; outline: 0; }
a { color: #369; text-decoration: none; }
em, i { font-style: normal; }
.none { display: none; }
.block { display: block; }
img { border: 0; object-fit: cover; }
table { border-collapse: collapse; border: 0; border-collapse: collapse; }
::selection { background: #ddd; color: #111; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background-color: rgba(50, 50, 50, 0.25); border: 2px solid transparent; border-radius: 0px; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background-color: rgba(50, 50, 50, 0.5); }
::-webkit-scrollbar-track { background-color: rgba(50, 50, 50, 0.05); }
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; font-size: 0; visibility: hidden; }
.clearfix { zoom: 1; }
input, textarea, button { border: 0; }
input::placeholder, textarea::placeholder { opacity: 0.5; }
input:focus { border: 0; outline: 0; box-shadow: 0; }
input[type="radio"], input[type="checkbox"] { appearance: none; -webkit-appearance: none; outline: none; display: none; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }
.tipMain { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; border-top: 1px solid #ccc; background: #fff; font-size: 13px; line-height: 40px; }
.tipMain, .tipMain .close { height: 40px; text-align: center; }
.tipMain .close { position: absolute; top: 0; right: 10px; width: 40px; color: red; font-size: 18px; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }
span.spanleft { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
::before, ::after, a, a:hover, .images, .images img, .list-li, .list-txt, .list-txt .name, .mobileMenu b, header, header *, #banner, #banner img, .svg-arrow, .m-footer { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.svg-arrow { position: relative; }
.svg-arrow::before { content: ""; display: block; width: var(--size); height: var(--size); border-top: solid var(--border-w) var(--border-c); border-right: solid var(--border-w) var(--border-c); }
.svg-arrow.top::before { transform: rotate(-45deg); }
.svg-arrow.left::before { transform: rotate(-135deg) }
.svg-arrow.down::before { transform: rotate(135deg); }
.svg-arrow.right::before { transform: rotate(45deg); }

/*通用*/
* { font-weight: 400; box-sizing: border-box; }
body { background-color: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.wrapper { margin: 0 auto; position: relative; z-index: 2; }
.text { padding: 0; }
.text, .text * { line-height: 2; word-wrap: break-word; }
.text p:not(:last-child) { margin-bottom: 6px; }
.text img { display: inline-block; opacity: 1 !important; max-width: 100%; }
.text video { max-width: 800px; }
.text::after { content: ""; display: table; clear: both; }
.text .table { display: flex; gap: 12px; }
.txt-info { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; white-space: normal !important; word-wrap: normal !important; }
.txt-info * { -webkit-box-orient: horizontal; width: auto; display: inline; padding: 0; margin: 0; background: none !important; font-family: sans-serif !important; white-space: normal !important; word-wrap: normal !important; word-break: break-all !important; }
.txt-info img { display: none !important; opacity: 0; }
.body-overlay { position: fixed; left: 0; top: 0px; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: opacity 0.3s ease 0.2s; background: rgba(0, 0, 0, 0.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.body-overlay.show { z-index: 100; visibility: visible; opacity: 1; animation: overlayShow 1s ease 0s both; }
@keyframes overlayShow {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

/*更多*/
.main-btn { display: flex; align-items: center; pointer-events: auto; }
.main-btn .btn { overflow: hidden; position: relative; transition: all 0.5s; z-index: 3; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 2.875em; min-height: 36px; padding: 0 1.125em; background: var(--color-6); border: solid 1px var(--color-6); border-radius: var(--radius); }
.main-btn .btn .svg-arrow { --border-w: 2px; --border-c: #fff; --size: 6px; }
.main-btn .btn span { color: #F5F1E6; font-size: 0.9em; text-transform: capitalize; white-space: nowrap; }
.main-btn .btn::after { content: ""; position: absolute; height: 100%; left: 0%; top: 0%; width: 0%; z-index: 5; background: rgba(255, 255, 255, 0.1); }
.main-btn .btn:hover::after { width: 100%; }
.main-btn .btn:hover .svg-arrow { transform: translate(3px, 0); }
.main-btn.center { justify-content: center; }
.main-btn.dark .btn { background: none; border-color: var(--color-9) }
.main-btn.dark .btn::after { background: rgba(0, 0, 0, 0.1); }
.main-btn.dark span { color: var(--color-3) }
.main-btn.dark .btn .svg-arrow { --border-c: #666; }

/*banner*/
#banner { width: 100%; height: 320px; overflow: hidden; position: relative; z-index: 1; background-color: #fff; }
#banner[data-detailed] { height: 600px }
#banner img { width: 100%; height: 100%; display: block; position: absolute; z-index: 1; left: 0; top: 0; animation: fadeIn 1s ease 0s both; }
#banner::before { content: ""; display: block; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; animation: fadeIn 1s ease 0s both; background: rgba(0, 0, 0, 0.3); }
#banner .banner-txt { position: absolute; z-index: 3; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; width: min(720px, 100%); }
#banner .banner-txt .name { animation: fadeInUp 1s ease 1s both; font-family: var(--font-family); font-size: clamp(24px, 3vw, 56px); }
#banner .banner-txt .sub-name { animation: fadeInUp 1s ease 1.5s both; font-size: clamp(18px, 1.25vw, 24px); text-transform: capitalize; margin-bottom: 8px; }
#banner .banner-txt .txt { animation: fadeInUp 1s ease 2s both; font-size: clamp(14px, 0.9vw, 18px); }

/*******************************
-------[=图片切换-------
********************************/
.swiper-container { width: 100%; position: relative; overflow: hidden; }
.swiper-container img { display: block; width: 100%; height: 100%; }
.swiper-btn { z-index: 10; display: flex; width: 56px; height: 56px; border-radius: 50%; cursor: pointer; align-items: center; justify-content: center; border: 0; background: rgba(0, 0, 0, 0.4); }
.swiper-btn .svg-arrow { --border-w: 3px; --border-c: #fff; --size: 12px; }
.swiper-btn .svg-arrow.left { transform: translateX(5px); }
.swiper-btn .svg-arrow.right { transform: translateX(-5px); }
.swiper-btn.swiper-button-disabled { cursor: not-allowed; }
.swiper-btn.dark { border: solid 1px var(--border-color); background: #fff; }
.swiper-btn.dark .svg-arrow { --border-c: #666; }
.swiper-btn:hover { border-color: #666; }
.slide-inner { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: auto; left: 50%; bottom: 16px; }
.swiper-pagination { position: relative; left: 50%; transform: translateX(-50%); display: inline-flex; width: auto; align-items: center; justify-content: center; column-gap: 16px; margin-top: var(--gap-30); }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; }
.swiper-pagination-bullet { background: var(--secondary-color); opacity: 0.3; width: 10px; height: 10px; margin: 0; }
.swiper-pagination-bullet-active { opacity: 1; }
.swiper-tool { position: relative; display: flex; justify-content: center; column-gap: 1.5em; margin-top: var(--gap-40); }
.swiper-tool .swiper-btn { background: var(--color-6); }
.swiper-tool .swiper-btn .svg-arrow { --size: 12px; --border-w: 3px; }
.swiper-tool .swiper-btn .svg-arrow.left { transform: translateX(2px); }
.swiper-tool .swiper-btn .svg-arrow.right { transform: translateX(-2px); }
.swiper-tool .swiper-notification { display: none; }
.swiper-tool .swiper-pagination { position: relative; left: 0%; transform: translateX(0%); margin-top: 0; gap: 12px; }
.swiper-tool .swiper-pagination-bullet { background: var(--color-6); opacity: 1; border-radius: 5px; transition: width 0.5s; }
.swiper-tool .swiper-pagination-bullet-active { background: var(--main-color); width: 24px; border-radius: 5px; }
@media (max-width:1280px) {
	.swiper-btn { width: 42px; height: 42px; }
	.swiper-tool .swiper-btn .svg-arrow { --size: 8px; --border-w: 2px; }
	.swiper-btn .svg-arrow { --size: 8px; }
	.swiper-btn .svg-arrow.left { transform: translateX(5px); }
	.swiper-btn .svg-arrow.right { transform: translateX(-5px); }
}

/*******************************
-------[=返回顶部-------
********************************/
.backTop-wrap { position: fixed; z-index: 10000; right: 20px; bottom: 20px; height: 50px; width: 50px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1); z-index: 9; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; background: rgba(255, 255, 255, 0.5); }
.backTop-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); }
.backTop-wrap::after { position: absolute; left: 50%; top: 55%; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; content: ""; display: block; width: 10px; height: 10px; border-right: 2px solid #333; border-top: 2px solid #333; pointer-events: auto; transform: translate(-50%, -50%) rotate(-45deg); }
.backTop-wrap svg path { fill: none; }
.backTop-wrap svg.progress-circle { width: 100%; height: 100%; }
.backTop-wrap svg.progress-circle path { stroke: #333; stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; }
@media only screen and (max-width:992px) {
	.backTop-wrap { right: 5px; bottom: 5px; }
}

/*******************************
-------[=列表-------
********************************/
.images { overflow: hidden; position: relative; z-index: 1; width: 100%; height: 0; padding: 0px; margin: 0; }
.images img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; left: 0; top: 0; }
.stretching { pointer-events: none; }
.stretching::after { content: ""; display: block; position: absolute; z-index: 7; pointer-events: auto; background-color: rgba(0, 0, 0, 0); width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; }
.list { position: relative; z-index: 1; display: grid; }
.list .list-li { position: relative; }
.list-txt { box-sizing: border-box; position: relative; }
.list-txt .name { text-transform: capitalize; overflow: hidden; position: relative; display: -webkit-box !important; -webkit-box-orient: vertical; white-space: normal !important; word-wrap: normal !important; }

/* .list .list-li:hover .list-txt .name { color: var(--main-color); } */
.list .list-li:hover .images img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

/*******************************
-------[=页码-------
********************************/
.main-page { position: relative; z-index: 1; width: 100%; padding: 0; text-transform: capitalize; display: flex; justify-content: center; align-items: center; gap: 1.5em; margin-top: var(--gap-30); margin-bottom: 0px; }
.main-page .pagination-info { font-size: 16px; color: var(--color-6); }
.main-page .pagination-info span { font-size: 20px; font-weight: 600; color: var(--main-color); margin-left: 8px; margin-right: 8px; }
.main-page .pagination { display: flex; align-items: center; column-gap: 12px; }
.main-page .pagination li { border: 1px solid var(--border-color); background: #fff; border-radius: var(--radius); min-width: 38px; min-height: 38px; display: flex; align-items: center; justify-content: center; }
.main-page .pagination li * { font-size: 16px; }
.main-page .pagination li a, .main-page .pagination li.active span, .main-page .pagination li.prev span, .main-page .pagination li.next span { display: block; width: 38px; text-align: center; font-size: 16px; height: 22px; line-height: 22px; }
.main-page .pagination li a { color: var(--color-3); }
.main-page .pagination li.disabled { border: 0; cursor: not-allowed; }
.main-page .pagination li.active { border-color: var(--main-color); background-color: var(--main-color); color: #fff; }
.main-page .pagination li.active span, .main-page .pagination li.active a { color: #fff; }
.main-page .pagination li:hover a { color: var(--main-color); }
.main-page .pagination li.prev, .main-page .pagination li.next { border: 1px solid var(--border-color); width: 40px; position: relative; }
.main-page .pagination li:hover { border-color: var(--main-color); }
.pagination li.prev a::after { content: ''; position: absolute; top: 12px; left: 16px; width: 10px; height: 10px; border-top: 1px solid var(--color-3); ; border-left: 1px solid var(--color-3); ; transform: rotate(-45deg); }
.pagination li.prev:hover a::after { border-top: 1px solid var(--color-3); ; border-left: 1px solid var(--color-3); ; }
.pagination li.next a::after { content: ''; position: absolute; top: 12px; left: 12px; width: 10px; height: 10px; border-top: 1px solid var(--color-3); ; border-right: 1px solid var(--color-3); ; transform: rotate(45deg); }
.pagination li.next:hover a::after { border-top: 1px solid var(--main-color); border-right: 1px solid var(--main-color); }
@media (max-width:1024px) {
	.main-page { margin-top: 24px; }
}
@media (max-width:860px) {
	.main-page { flex-direction: column; gap: 16px; }
	.main-page .pagination li a, .main-page .pagination li.active span, .main-page .pagination li.prev span, .main-page .pagination li.next span { display: block; padding: 5px 0; width: 32px; font-size: 14px; line-height: 20px; }
	.main-page .pagination li.prev, .main-page .pagination li.next { width: 33px; }
}
@media (max-width:640px) {
	.main-page { margin-top: 16px; }
}

/*******************************
-------[=页面底部------
********************************/
.footer { background: #272831; }
.footer .wrapper { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; padding-bottom: 16px; }
.footer .item { color: rgba(255, 255, 255, 0.7); }
.m-footer { display: none; padding: 12px 16px; gap: 16px; background: #FFFFFF; box-shadow: 0px -4px 9px rgba(0, 0, 0, 0.05); }
.m-footer .item { flex: 1; height: 40px; display: flex; align-items: center; justify-content: center; gap: 6px; color: var(--color-3); font-size: 14px; background: var(--page-bg); border-radius: var(--btn-radius); }
.m-footer .item img { width: 24px; height: 24px; }
@media (max-width:1700px) { }
@media (max-width:1280px) { }
@media (max-width:1025px) { }
@media (max-width:860px) {
	.footer { display: none }
	.m-footer { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 11; transform: translateY(100%); }
	.m-footer.transformY { transform: translateY(0%); }
}
@media (max-width:641px) { }

/*******************************
-------[=页面------
********************************/
header, #header { width: 100%; }
#header, #header .wrapper, .nav, .nav .nav-item, .nav .nav-item-a { height: 100%; }
#header .wrapper { display: flex; justify-content: space-between; align-items: center; }
header { position: sticky; top: 0; z-index: 11; }
.nav, .nav .nav-item, .nav .nav-item-a { height: 100%; }
#nav { position: absolute; left: 0; bottom: 0; }
.nav { display: flex; align-items: center; }
.nav .nav-item { position: relative; }
.nav .nav-item .nav-item-a { text-decoration: none; padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; text-transform: capitalize; }
.nav .nav-item::after, .nav .nav-item::before, .nav .nav-item .sub-nav-list a::before { content: ""; z-index: 1; position: absolute; }
.nav .nav-item:last-child::after { display: none; }
.nav .nav-item::before, .nav .nav-item .sub-nav-list a::before { width: 0px; height: 2px; background: var(--main-color); left: 0; bottom: 0; }
.nav .nav-item .nav-item-a span { position: relative; z-index: 2; white-space: nowrap; text-transform: capitalize; }
.nav .nav-item.active::before, .nav .nav-item:hover::before, .nav .nav-item.active.cuf:hover::before { width: 100%; }
.nav .nav-item.active.cuf::before { width: 0; }
.nav .nav-item.sub { padding-right: 20px; }
.nav .nav-item.sub::after { content: ""; position: absolute; right: 0; top: 50%; display: block; width: 6px; height: 6px; border-right: solid 1px #333; border-bottom: solid 1px #333; transform: translateY(-50%) rotate(45deg); margin-left: 5px; }
.nav .nav-item.sub:hover::after { transform: rotate(225deg); margin-bottom: -5px; }
.nav .nav-item.active.sub::after { border-color: var(--main-color); }
.nav .nav-item .sub-nav { position: absolute; width: 200px; left: 0; top: var(--nav-header); margin-left: -20px; display: none; }
.nav .nav-item .sub-nav-list { position: relative; z-index: 2; width: 100%; display: flex; flex-direction: column; align-items: flex-start; background: #fff; border-radius: 0 0 4px 4px; padding: 8px 0 8px 24px; box-shadow: var(--box-shadow); }
.nav .nav-item .sub-nav-list a { white-space: nowrap; display: flex; align-items: center; justify-content: flex-start; color: #333; text-transform: capitalize; position: relative; font-size: 14px; line-height: 36px; }
.nav .nav-item .sub-nav-list a::before { bottom: 0px; left: 0; }
.nav .nav-item .sub-nav-list a:hover { color: var(--main-color); }
.nav .nav-item .sub-nav-list a:hover::before { width: 100%; left: 0; }
.nav .nav-item:hover .sub-nav { display: flex; animation: subNavAni 0.3s ease 0s both; }
@keyframes subNavAni {
	0% { transform: translateY(30px); opacity: 0; }
	100% { transform: translateY(-1px); opacity: 1; }
}
header { background-color: #fff; }
.web-title { width: 100%; position: relative; z-index: 20; padding-top: var(--padding-t); padding-bottom: var(--padding-b); display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.web-title .main { font-size: var(--main-size); letter-spacing: 0.05em; color: var(--color-3); line-height: 1.5; text-transform: capitalize; position: relative; }
.web-title .secondary { font-size: var(--secondary-size); font-weight: 400; color: var(--color-6); line-height: 2; text-transform: capitalize; max-width: 1000px; }
.web-title.center { align-items: center; }
.web-title.center .main, .web-title.center .secondary { text-align: center; }
.web-title.border-top { margin-top: var(--gap-80); border-top: solid 1px var(--border-color); }
.web-title.white > div { color: #fff; }
#place { margin-top: calc(0px - var(--gap-60)); padding-top: 20px; padding-bottom: 20px; border-bottom: solid 1px var(--border-color); }
.place { width: 100%; }
.place, .place a { display: flex; flex-flow: row wrap; align-items: center; }
.place { color: var(--color-3); text-transform: capitalize; }
.place a { color: var(--color-6); }
.place a:after { content: "/"; font-size: 12px; color: var(--color-6); margin-left: 8px; margin-right: 12px; }
.place a:hover { color: var(--color-3); }
.txt-info, .txt-info * { font-size: 14px; line-height: 2; color: var(--color-6); }

/* fancybox 自定义 */
.fancybox-wrap img { cursor: zoom-in; }
.fancybox__container { --fancybox-bg: rgba(0, 0, 0, 0.8); }
.f-button svg { stroke: #fff; }
.fancybox__infobar, .fancybox__infobar span { color: #fff; }
.fancybox__content > .f-button.is-close-btn { --f-button-width: 48px; --f-button-height: 48px; top: -54px; }
.fancybox__content { padding: 16px; border-radius: var(--card-radius); }
.fancybox__backdrop::after { content: ""; position: absolute; width: 10%; height: 10%; filter: blur(2px); left: 50%; top: 50%; transform: scale(11); opacity: 0.3; background-image: var(--bg-image); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.fancybox__toolbar { padding: 16px; }
.fancybox__toolbar, .fancybox__nav, .fancybox__content > .f-button.is-close-btn { --f-button-border-radius: 50%; --f-button-bg: rgba(0, 0, 0, 0.2); --f-button-hover-bg: rgba(0, 0, 0, 0.2); --f-button-active-bg: rgba(0, 0, 0, 0.4); }
.fancybox__toolbar__column.is-right { gap: 16px; }
.fancybox__nav { --f-button-svg-width: 22px; --f-button-svg-height: 22px; }
.fancybox__thumbs.is-classic { --f-thumb-width: 48px; --f-thumb-height: 48px; --f-thumb-gap: 16px; --f-thumb-border-radius: 6px; --f-thumb-outline: 0; }
@media (max-width:860px) { }
.fancybox__container.is-compact .fancybox__slide.has-iframe .fancybox__content { width: 100%; height: 600px; }
.fancybox__slide.has-iframe .fancybox__content { width: 850px; height: 520px; }
.fancybox__caption { font-size: 20px; font-weight: 500; }
.is-compact .fancybox__footer .fancybox__caption { text-align: center; }
.f-thumbs__slide { opacity: 0.5; }
.f-thumbs__slide.is-nav-selected { opacity: 1; }
.f-thumbs__slide__button { background: #fff; }
.f-thumbs__slide__img { object-fit: contain; }
.dialog { display: none; width: 90%; }
.dialog.fancybox__content > .f-button.is-close-btn, .is-compact .dialog.fancybox__content > .f-button.is-close-btn { --f-button-bg: none; --f-button-hover-bg: none; --f-button-active-bg: none; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-filter: #333; top: 0; right: 0px; }
.dialog.fancybox__content > .f-button.is-close-btn svg, .is-compact .dialog.fancybox__content > .f-button.is-close-btn svg { stroke: #333; }
.dialog-title { padding: 12px 24px; border-bottom: solid 1px var(--border-color); font-size: 18px; text-transform: capitalize; color: var(--color-3); margin-left: -16px; margin-right: -16px; margin-top: -16px; }
.dialog-body { padding: 16px; }
@media (max-width:860px) { }
.btn-play { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.btn-play::before, .btn-play::after, .video-list .images::before, .video-list .images::after { content: ""; display: block; position: absolute; }
.btn-play::before, .video-list .images::before { left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(../images/icon-play.svg) center center no-repeat; background-size: contain; width: 72px; height: 72px; z-index: 11; }
.btn-play::after, .video-list .images::after { left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 10; }
.btn-play a { display: block; width: 72px; height: 72px; position: relative; z-index: 102; }
@media (max-width:768px) {
	.btn-play a { width: 100%; height: 100%; }
	.btn-play::before, .video-list .images::before { width: 50px; height: 50px; }
}

/*资讯*/
.article { width: 100%; }
.article-info { display: flex; flex-direction: column; gap: 16px; margin-bottom: var(--gap-30); }
.article-info .h1 { letter-spacing: 1px; font-size: clamp(18px, 2vw, 24px); font-weight: 600; line-height: 1.5; color: var(--color-3); text-transform: capitalize; text-align: left; }
.article .article-txt { width: 100%; margin: 0 auto; }
.article .article-txt, .article .article-txt * { line-height: 2; }
.article .article-txt * ,.fap-detailed .faq-item .text,.fap-detailed .faq-item .text *{  white-space: normal; word-wrap: normal; word-break: break-all;text-wrap-mode:wrap !important; }
.article .article-txt h5 { font-size: 22px; color: #333; font-weight: 600; padding: 20px 0; text-align: center; }
.article .article-txt strong,.article .article-txt strong *,.fap-detailed .faq-item .text strong,.fap-detailed .faq-item .text strong * {font-weight: 600; }
.article .article-txt strong,.fap-detailed .faq-item .text strong{display: inline-block; }
.article .article-txt hr { height: 1px; width: 100%; margin: 30px 0; border: 0; display: block; background: #ddd; }
.article .article-txt img { display: inline-block; margin: 16px auto 8px auto; max-width: 100%; }
.article .article-txt table { width: 100% !important; }
.article .article-txt table td { word-wrap: break-word !important; padding: 10px !important; border: 0 !important; min-width: 50px; max-width: auto !important; line-height: 30px !important; vertical-align: middle !important; }
.article .article-txt table td * { word-wrap: break-word !important; font-size: 16px !important; font-weight: 300 !important; color: #111 !important; line-height: 36px !important; }

/*第三方字体*/
@font-face { font-family: 'lhls'; font-weight: 400; font-style: normal; font-display: swap; src: url('lhls.woff2') format('woff2'); src: url('lhls.woff') format('woff'); }
.font-din { font-family: 'D-DIN-Bold'; font-weight: 500; color: var(--main-color); position: relative; }

/*页面*/
#logo { overflow: hidden; width: var(--logo-width); height: 30px; }
.logo, .logo a, .logo a img { width: 100%; height: 100%; display: block; }
.logo a img { object-fit: contain; }
.wrapper { width: 100%; padding-left: var(--wrapper); padding-right: var(--wrapper); }
#body { position: relative; background-color: #fff; padding-top: var(--gap-60); padding-bottom: var(--gap-60); }
#body.main { padding-top: var(--gap-60); padding-bottom: var(--gap-60); background-color: #fff; }
header { height: var(--header-height); background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); }
#nav { --nav-header: 80px; top: calc((var(--header-height) - var(--nav-header)) / 2); left: 50%; transform: translateX(-50%); height: var(--nav-header); z-index: 2; display: flex; align-items: center; justify-content: center; }
.nav { gap: var(--gap-40); }
.nav .nav-item::after { display: none; }
.nav .nav-item .nav-item-a span, .nav .nav-item.active.cuf .nav-item-a span { font-size: 16px; color: var(--color-3); }
.nav .nav-item.active .nav-item-a span, .nav .nav-item .nav-item-a:hover span, .nav .nav-item:hover span, .nav-item-a:hover span, .nav .nav-item.active:hover .nav-item-a span, .nav .nav-item.active.cuf .nav-item-a:hover span { color: var(--main-color); }
@media (max-width:1370px) {
	.nav .nav-item .nav-item-a span, .nav .nav-item.active.cuf .nav-item-a span, .banner-nav .swiper-slide a { font-size: 14px; }
}
header.baion.transformY { transform: translateY(-100%); ; }
header.baion { box-shadow: var(--box-shadow); }
.list .list-li { overflow: hidden; }
.list-txt { padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.list-txt .name { color: var(--color-3); text-transform: capitalize; }
.top-right { display: flex; gap: var(--gap-30); }
.top-right .item { position: relative; display: flex; align-items: center; gap: 8px; color: var(--color-3); }
.phone-wrap { display: flex; flex-direction: column; gap: 16px; padding-top: 16px; }
.phone-wrap .item { flex: 1; display: flex; align-items: center; gap: 12px; background: var(--page-bg); border-radius: var(--btn-radius); padding: 12px 16px; font-size: 16px; color: var(--color-3); }

/*页面参数*/
:root { --main-color: #00923F;	/*主要颜色 */ --secondary-color: #4E4E4E;	/*辅助颜色 */ --color-red: #DA251D;	/*红色 */ --border-color: #DCDCDC;	/*边框颜色 */ --page-bg: #f5f6f7; --radius: 6px; --btn-radius: 8px; --card-radius: 24px; --text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); --box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1); --subNav-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); --color-3:rgba(0, 0, 0, 0.85); --color-6:rgba(0, 0, 0, 0.65); --color-9:rgba(0, 0, 0, 0.45); --header-height: 80px; --wrapper: 60px; --gap-120:120px; --gap-100:100px; --gap-90:90px; --gap-80:80px; --gap-70:70px; --gap-60:60px; --gap-50:50px; --gap-40:40px; --gap-30:30px; --gap-20:20px; --logo-width: 240px; --font-family: "lhls"; }
@media (max-width:1640px) {
	:root { --gap-120:108px; --gap-100:90px; --gap-90:81px; --gap-80:72px; --gap-70:63px; --gap-60:54px; --gap-50:45px; --gap-40:36px; --gap-30:27px; --gap-20:18px; --wrapper: 52px; }
}
@media (max-width:1400px) {
	:root { --wrapper: 42px; }
}
@media (max-width:1370px) {
	:root { --wrapper: 24px; --gap-120:96px; --gap-100:80px; --gap-90:72px; --gap-80:64px; --gap-70:56px; --gap-60:48px; --gap-50:40px; --gap-40:32px; --gap-30:24px; --gap-20:16px; }
}
@media (max-width:1280px) {
	:root { --gap-120:84px; --gap-100:70px; --gap-90:63px; --gap-80:56px; --gap-70:49px; --gap-60:42px; --gap-50:35px; --gap-40:28px; --gap-30:21px; --logo-width: 120px; --process-wrap: 64px; }
}
@media (max-width:1024px) {
	:root { --gap-120:60px; --gap-100:50px; --gap-90:45px; --gap-80:40px; --gap-70:35px; --gap-60:30px; --gap-50:25px; --gap-40:20px; --gap-30:15px; }
}
@media (max-width:860px) {
	:root { --header-height: 60px; --logo-width: 150px; }
}
@media (max-width:768px) { }
@media (max-width:640px) {
	:root { --gap-120:24px; --gap-100:24px; --gap-90:24px; --gap-80:24px; --gap-70:24px; --gap-60:16px; --gap-50:16px; --gap-40:16px; --wrapper: 16px; }
}

/* 住宿房型详细 */
#body.main.detailed2 { border-top: solid 1px var(--border-color); }
.rooms-detailed { --bigPhoto: 60%; }
.rooms-detailed { background: #fff; padding: var(--gap-30); border-radius: var(--card-radius); width: 100%; display: grid; position: relative; grid-template-columns: var(--bigPhoto) 1fr; align-items: flex-start; gap: var(--gap-60); }
.rooms-detailed .tab-wrap .tab-card { display: none; }
.rooms-detailed .tab-wrap .tab-card.active { overflow: hidden; display: flex; flex-direction: column; gap: 20px; }
.rooms-detailed .rooms-img { width: 100%; overflow: hidden; position: sticky; top: 20px; }
.big-img { flex: 1; background-color: #fff; border-radius: var(--radius); border: solid 1px var(--border-color); }
.big-img .images { padding-top: 56.25%; }
.big-img .images img { cursor: zoom-in; }
.big-img .stretching::after { display: none; }
.big-img .swiper-tool { position: absolute; right: 20px; bottom: 20px }
.small-img { padding: 0; width: 100%; height: 80px; }
.small-img .swiper-slide { width: auto; background: #fff; border: 1px solid var(--border-color); border-radius: var(--radius); cursor: pointer; opacity: 0.8; transition: all 0.3s ease; }
.small-img .swiper-slide-thumb-active { border-color: var(--color-3); border-width: 2px; position: relative; opacity: 1; }
.small-img.swiper-container img { object-fit: cover; width: 100%; height: 100%; }
.rooms-detailed .rooms-txt { position: relative; display: flex; flex-direction: column; align-items: start; gap: var(--gap-30); }
.rooms-detailed .rooms-txt .h1 { font-size: clamp(20px, 2vw, 32px); font-weight: 500; color: var(--color-3); }
.rooms-detailed .rooms-txt .h1::after { content: ""; display: block; width: 46px; height: 2px; background-color: var(--color-9); margin-top: 16px; }
.rooms-detailed .rooms-txt .card { display: flex; flex-direction: column; gap: var(--gap-20); }
.rooms-detailed .rooms-txt .no-bed { display: flex; padding: 8px 16px; border-radius: var(--radius); background: var(--page-bg); color: var(--color-3); }
.rooms-detailed .rooms-txt .card .t { font-size: clamp(16px, 1.5vw, 24px); font-weight: 500; color: var(--color-3); }
.rooms-detailed .rooms-txt .card .item-wrap, .rooms-detailed .rooms-txt .card .item-wrap .item { display: flex; align-items: center; }
.rooms-detailed .rooms-txt .card .item-wrap { gap: 10px var(--gap-30); flex-flow: row wrap; }
.rooms-detailed .rooms-txt .card .item-wrap .item { gap: 12px; }
.rooms-detailed .rooms-txt .card.child { border: solid 1px var(--border-color); border-radius: var(--radius); padding: 1.5em; }
.rooms-detailed .rooms-txt .card.child .txt { display: flex; flex-direction: column; gap: var(--gap-20); }
.rooms-detailed .rooms-txt .card.child .txt b { font-size: 1.25em; font-weight: 600; }
.rooms-detailed .rooms-txt .card.child .t, .rooms-detailed .rooms-txt .card.child .table .td span { color: #00923F; }
.rooms-detailed .rooms-txt .card.child .table { border: solid 1px var(--border-color); width: 320px; display: grid; grid-template-columns: 1fr 180px; grid-template-rows: repeat(3, 1fr); gap: 1px; background: var(--border-color); }
.rooms-detailed .rooms-txt .card.child .table .td { background: #fff; padding: 8px 12px; }
.rooms-detailed .rooms-txt .card.child .table .td span { margin: 0 6px; }
@media (max-width:1370px) {
	.rooms-detailed .tab-wrap .tab-card.active { flex-direction: column; }
	.rooms-detailed .rooms-img { height: auto; }
	.small-img { width: 100%; height: 100px; order: 3; }
}
@media (max-width:1280px) {
	.rooms-detailed .tab-wrap .tab-card.active { flex-direction: column; height: auto; }
	.big-img { flex: none; }
	.small-img { height: 60px; }
}
@media (max-width:1024px) { }
@media (max-width:900px) { }
@media (max-width:860px) {
	#body.main.detailed2 { border-top: 0; }
	.rooms-detailed { grid-template-columns: 1fr; padding: 24px 0; }
	.rooms-detailed .rooms-img { width: calc(100vw - 48px); position: relative; top: 0; }
}
@media (max-width:800px) { }
@media (max-width:768px) {
	.tab-pane .tab { flex-flow: row wrap; }

	/* .big-img .images { padding-top: 100%; } */ }
@media (max-width:640px) {
	.rooms-detailed .tab-wrap .tab-card.active { gap: 16px; }
	.rooms-detailed .rooms-img { width: calc(100vw - 32px); }
}
@media (max-width:480px) { }
body { font-size: 16px; }
.nav .nav-item .nav-item-a img { display: none; }
.faq-wrap { display: flex; flex-direction: column; gap: 1em; }
.faq-title { font-weight: 600; color: var(--color-3); }
.faq-list { display: flex; flex-flow: row wrap; gap: 1em; }
.faq-list .item { padding: 6px 16px; border-radius: var(--radius); background: var(--page-bg); color: var(--color-3); }
.faq-list .item:hover { background: #ddd; }
#body.main .faq-wrap { margin-top: var(--gap-60); }
.keyword { display: flex; flex-flow: row wrap; gap: 12px; }
.keyword span { font-size: 14px; color: var(--color-9); }

/* 住宿房型 */
.rooms-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-40); margin-bottom: var(--gap-40); }
.rooms-list .images { padding-top: 56.25%; border-radius: var(--radius); }
.rooms-list .images:hover img { transform: scale(1.1); }
.rooms-list .rooms-item { display: flex; flex-direction: column; padding: 8px; border-radius: var(--card-radius); box-shadow: var(--box-shadow); }
.rooms-item .images-group { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.rooms-item .images-group .images:first-child { grid-column: span 2; border-top-left-radius: calc(var(--card-radius) - 8px); border-top-right-radius: calc(var(--card-radius) - 8px); }
.rooms-item .list-txt-card { display: grid; grid-template-columns: 1fr 10px; align-items: center; gap: 6px 0; --border-w: 2px; --border-c: var(--color-9); --size: 6px; }
.rooms-item .list-txt-card .name { font-size: clamp(18px, 1.25vw, 24px); font-weight: 500; letter-spacing: 0.1em; color: var(--color-3); }
.rooms-item .list-txt-card .info { font-size: clamp(14px, 0.9vw, 18px); color: var(--color-6); grid-row-start: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; }
.rooms-item .list-txt-card .svg-arrow { grid-row: span 2; grid-column-start: 2; }
.rooms-item .list-txt:hover .svg-arrow { transform: translateX(6px); }
.rooms-title{width: 100%; display:flex; align-items: center; justify-content: space-between;}
.btn-movie{display:flex; align-items: center; padding: 8px 12px;
background: rgba(218, 37, 29, 0.1); border-radius: var(--radius); position: relative;}
.btn-movie img{width: 24px; height: 24px; margin-right: 12px;}
/* 特色餐饮 */
.list.food-list { --column: 4; --item: 400px; grid-template-columns: repeat(var(--column), 1fr); gap: var(--gap-40); }
.list.food-list .list-li { border: solid 1px var(--border-color); border-radius: var(--card-radius); height: var(--item); }
.list.food-list .text { grid-column: span var(--column); }
.list.food-list .images { padding-top: 0; height: 100%; }
.list.food-list .list-txt { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 12px 20px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
.list.food-list .list-txt .name { color: #fff; text-align: center; font-size: clamp(16px, 1vw, 18px); }
.list.food-list .list-li:nth-child(1), .list.food-list .list-li:nth-child(7) { grid-row: span 2; height: auto; }
.list.food-list .list-li:nth-child(3), .list.food-list .list-li:nth-child(4), .list.food-list .list-li:nth-child(8), .list.food-list .list-li:nth-child(11) { grid-column: span 2; }

/* 游玩攻略 */
.list.guide-list { grid-template-columns: repeat(2, 1fr); gap: var(--gap-40); }
.list.guide-list .list-li { border-radius: var(--btn-radius); box-shadow: var(--box-shadow); background: #fff; display: flex; padding: var(--gap-20); }
.list.guide-list .list-txt { gap: 8px; flex: 1; }
.list.guide-list .images { width: 28%; padding-top: 0; border-radius: var(--radius); height: 100%; margin-right: var(--gap-20); }
.list.guide-list .name { font-size: clamp(16px, 1.25vw, 20px); }
.list.guide-list .txt-info { -webkit-line-clamp: 2; line-clamp: 2; }

/* 服务优势 */
.list.services-list { grid-template-columns: repeat(4, 1fr); gap: var(--gap-40); }
.list.services-list .list-li { border: solid 1px var(--border-color); border-radius: var(--card-radius); }
.list.services-list .images { padding-top: 100%; }
.list.services-list .list-txt { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 12px 20px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); display: grid; grid-template-columns: 22px 1fr 6px; align-items: center; gap: 12px; --border-w: 2px; --border-c: #fff; --size: 6px; }
.list.services-list .list-txt .number { color: #fff; text-align: center; font-size: clamp(24px, 2vw, 32px); font-weight: 600; }
.list.services-list .list-txt .name { color: #fff; -webkit-line-clamp: 1; line-clamp: 1; font-size: clamp(16px, 1vw, 18px); }
.list.services-list .list-li:hover .svg-arrow { transform: translateX(6px); }

/* 预约联系 */
.contact-wrap { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-60); align-items: center; }
.contact-info { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-20); }
.contact-item { padding: 24px; box-shadow: var(--box-shadow); border-radius: var(--radius); display: grid; }
.contact-item .icon { width: 24px; height: 24px; }
.contact-item .p1 { color: var(--color-6); }
.contact-item .p2 { font-size: 1.25em; color: var(--color-3); }
.contact-item img { display: block; height: 36px; width: auto; margin-right: var(--gap-30); }
.contact-item .btn { width: 110px; height: 40px; background: var(--page-bg); border-radius: var(--btn-radius); color: var(--main-color); display: flex; justify-content: center; align-items: center; gap: 8px; --border-w: 2px; --border-c: var(--main-color); --size: 6px; }
.contact-item .btn:hover { background: #ddd; }
.contact-item .btn:hover .svg-arrow { transform: translateX(6px); }
.contact-info .item { grid-template-columns: 24px 1fr; gap: 8px 12px; }
.contact-info .item .p2, .contact-info .item .btn { grid-column: span 2; }
.contact-info .item .btn { margin-top: 16px; }
.contact-item.outside { grid-column: span 2; grid-template-columns: auto 1fr 110px; grid-template-rows: 27px 21px; align-items: center; gap: 6px 0; }
.contact-item.outside img, .contact-item.outside .btn { grid-row: span 2; }
.contact-item.outside .p1 { grid-area: 2 / 2; }
.contact-item.outside .p2 { grid-area: 1 / 2 }
.contact-map { width: 100%; height: 500px; overflow: hidden; border-radius: var(--radius); }
.contact-map iframe { width: 100%; height: 100%; }

/* 关于春林 */
.about-wrap, .text-wrap, .text-item { display: flex; flex-direction: column; gap: var(--gap-60); }
.text-wrap { gap: 0; background: var(--page-bg); border-radius: var(--card-radius); overflow: hidden; }
.text-item { gap: 0; flex-direction: row; }
.text-item .images, .text-item .text-card { flex: 1; }
.text-item .images { padding-top: 30%; }
.text-item .text-card { display: flex; align-items: center; }
.text-item .text-card .text { padding: var(--gap-30) var(--gap-60); }
.text-item:nth-child(even) { flex-direction: row-reverse; }
.list.surroundings-list { --column: 12; grid-template-columns: repeat(var(--column), 1fr); gap: var(--gap-40); --item: 400px }
.list.surroundings-list .list-li { border: solid 1px var(--border-color); border-radius: var(--card-radius); grid-column: span 3; height: var(--item); }
.list.surroundings-list .images { padding-top: 0; height: 100%; }
.list.surroundings-list .list-txt { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 12px 20px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
.list.surroundings-list .list-txt .name { color: #fff; -webkit-line-clamp: 1; line-clamp: 1; font-size: clamp(16px, 1vw, 18px); text-align: center; }
.list.surroundings-list .list-li:nth-child(1) { grid-row: span 2; height: auto; }
.list.surroundings-list .list-li:nth-child(5), .list.surroundings-list .list-li:nth-child(8), .list.surroundings-list .list-li:nth-child(11) { grid-column: span 4; }
.list.surroundings-list .list-li:nth-child(6), .list.surroundings-list .list-li:nth-child(7), .list.surroundings-list .list-li:nth-child(12) { grid-column: span 5; }

/* 详细页面 */
#body.detailed { background: var(--page-bg); min-height: 100vh; padding-top: 0; padding-bottom: 24px; }
#body.detailed .faq-list .item { background: #fff; }
#body.detailed #header { height: 60px; display: flex; align-items: center; justify-content: space-between; padding: 0; background: var(--page-bg); position: sticky; top: 0; z-index: 2; }
#body.detailed .wrapper { max-width: 750px; display: flex; flex-direction: column; padding-left: 16px; padding-right: 16px; }
#body.detailed .content { background: #fff; border-radius: var(--card-radius); padding: 24px; display: flex; flex-direction: column; gap: 32px; margin-bottom: 16px; }
.fap-detailed { display: flex; flex-direction: column; gap: 32px; }
.fap-detailed .faq-item { display: flex; flex-flow: row wrap; align-items: flex-start; }
.fap-detailed .faq-item .t { margin-left: 12px; margin-right: 24px; font-size: 16px; color: var(--color-3); }
.fap-detailed .faq-item .line { flex: 1; margin-top: 12px; height: 1px; background: var(--border-color); }
.fap-detailed .faq-item .text { width: 100%; margin-top: 24px; }
.fap-detailed .faq-item:nth-child(1) { flex-direction: row-reverse; }
.fap-detailed .faq-item:nth-child(1) .t { margin-left: 24px; margin-right: 12px;margin-bottom: 12px; }
.fap-detailed .faq-item:nth-child(1) .txt { display: inline-block; padding: 6px 12px; background: var(--page-bg); border-radius: var(--btn-radius); }
@media (max-width:768px) {
	#body.detailed .content { padding: 16px; }

		/* #body.detailed .content { animation: fadeInUp 1s ease 0s both; }
	.fap-detailed .faq-item:nth-child(1) { animation: fadeInUp 1s ease 1s both; }
	.fap-detailed .faq-item:nth-child(2) { animation: fadeInUp 1s ease 2s both; }
#body.detailed .faq-wrap { animation: fadeInUp 1s ease 2s both; } */ }

/* 适配 */
@media (max-width:1640px) {
	.list.food-list, .list.surroundings-list { --item: 360px }
}
@media (max-width:1540px) { }
@media (max-width:1440px) {
	body { font-size: 15px; }
	.list.food-list, .list.surroundings-list { --item: 320px }
}
@media (max-width:1400px) { }
@media (max-width:1370px) {
	body { font-size: 14px; }
	.list.guide-list { grid-template-columns: 1fr; }
	.list.guide-list .images { width: 300px; }
	.list.services-list { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width:1280px) {
	body { font-size: 13px; }
	.rooms-list { grid-template-columns: 1fr; }
	.rooms-list .rooms-item { display: grid; grid-template-columns: 35vw 1fr; align-items: center; }
	.rooms-item .images-group .images:first-child { border-top-right-radius: var(--radius); }
	.rooms-item .images-group .images:nth-child(2) { border-bottom-left-radius: calc(var(--card-radius) - 8px); }
	.list.food-list, .list.surroundings-list { --item: 260px }
	.contact-item.outside { grid-template-columns: 1fr; grid-template-rows: auto }
	.contact-item.outside .p1 { grid-area: 3 / 1; margin-bottom: 12px; }
	.contact-item.outside .p2 { grid-area: 2 / 1; margin-top: 8px; }
	.contact-item.outside img, .contact-item.outside .btn { grid-row: span 1; }
	.text-item .images { padding-top: 40%; }
	.list.surroundings-list { --column: 6; }
	.list.surroundings-list .list-li { grid-column: span 2; }
	.list.surroundings-list .list-li:nth-child(5), .list.surroundings-list .list-li:nth-child(8) { grid-column: span 2; }
	.list.surroundings-list .list-li:nth-child(6), .list.surroundings-list .list-li:nth-child(7), .list.surroundings-list .list-li:nth-child(11), .list.surroundings-list .list-li:nth-child(12) { grid-column: span 3; }
	.list.surroundings-list .list-li:nth-child(9) { grid-column: span 2; }
}
@media (max-width:1024px) {
	body { font-size: 12px; }
	.list.food-list { --column: 3; }
	.list.food-list .list-li:nth-child(3), .list.food-list .list-li:nth-child(4), .list.food-list .list-li:nth-child(8), .list.food-list .list-li:nth-child(11) { grid-column: span 1; }
	.list.services-list { grid-template-columns: repeat(2, 1fr); }
	.contact-wrap { grid-template-columns: 1fr; }
}
@media (max-width:900px) {
	.web-title { --gap: 12px; }
	.text-item, .text-item:nth-child(even) { flex-direction: column; }
	.text-item .images { padding-top: 56.25%; }
	.text-item .text-card .text { padding: 24px; }
}
@media (max-width:860px) {
	:root { --header-height: 60px; }
	.body-overlay { top: 60px; height: calc(100vh - 60px); }
	.mobileMenu { width: 30px; height: 30px; padding: 0; position: absolute; z-index: 1001; left: 24px; top: 15px; display: none; cursor: pointer; flex-direction: column; align-items: center; justify-content: space-between; }
	.mobileMenu i, .mobileMenu i::before, .mobileMenu i::after { width: 28px; height: 2px; background: #666; display: block; position: absolute; }
	.mobileMenu i { top: 14px; width: 20px; }
	.mobileMenu i::before, .mobileMenu i::after { content: ""; left: 0; -webkit-transform-origin: center center; transform-origin: center center; transition: all 0.25s ease; }
	.mobileMenu i::before { top: -10px; }
	.mobileMenu i::after { top: 10px; }
	.mobileMenu.close i { width: 0; }
	.mobileMenu.close i::before, .mobileMenu.close i::after { background: var(--main-color); }
	.mobileMenu.close i::before { -webkit-transform: rotate(45deg) translate(7px, 7px); transform: rotate(45deg) translate(7px, 7px); }
	.mobileMenu.close i::after { -webkit-transform: rotate(-45deg) translate(7px, -7px); transform: rotate(-45deg) translate(7px, -7px); }
	header { position: fixed; transform: none; box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.1); background: #fff; backdrop-filter: blur(0px); }
	.mobileMenu { display: inline-block; }
	.mobileMenu.hide { display: none; }
	header #header { position: relative; z-index: 102; height: 100%; }
	#nav { position: fixed; display: block; width: 300px; max-width: 80%; height: calc(100vh - 60px); left: -100%; right: 0; bottom: auto; top: 60px; padding: 0; margin: 0; background: rgba(255, 255, 255, 1); backdrop-filter: blur(27px); z-index: 101; overflow: hidden; transform: translateX(0); padding-bottom: 130px; }
	#nav.side-slide { left: 0; z-index: 101; }
	#header .wrapper { padding-left: 70px; }
	.nav { flex-direction: column; justify-content: flex-start; gap: 0; height: 100%; overflow-y: auto; overflow-x: hidden; }
	.nav .nav-item { position: relative; z-index: 10; display: flex; justify-content: center; margin-left: 0; margin-right: 0; width: 100%; height: 46px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
	.nav .nav-item::before { display: none; }
	.nav .nav-item .nav-item-a { text-decoration: none; width: 100%; display: flex; justify-content: flex-start; padding-top: 16px; padding-bottom: 16px; padding-left: 24px; align-items: center; position: relative; z-index: 2; text-transform: capitalize; }
	.nav .nav-item .nav-item-a span, .nav .nav-item.active.cuf .nav-item-a span { color: var(--color-3); padding: 0; }
	.nav .nav-item.active .nav-item-a { background: var(--main-color); }
	.nav .nav-item.active .nav-item-a span { color: #fff; }
	.nav .nav-item.active:hover .nav-item-a span { color: #fff; }
	.nav .nav-item:hover .sub-nav, .nav .nav-item.active .sub-nav { opacity: 1; visibility: visible; transform: translate(0, 0); }
	.nav .nav-item:hover .sub-nav { animation: subNavAni 0s ease 0s both; }
	.nav .nav-item { padding: 0; flex: 0; height: auto; flex-direction: column; border-bottom: solid 1px var(--border-color); }
	.nav .nav-item.sub::after { right: 24px; top: 24px; transform: translateY(0%) rotate(45deg); }
	.nav .nav-item .sub-nav { position: relative; padding: 0px; margin: 0; top: 0; left: 0; transform: translateY(0px); opacity: 1; visibility: visible; height: auto; display: none; width: 100%; }
	.nav .nav-item.active .sub-nav { display: block; }
	.nav .nav-item .sub-nav::before, .nav .nav-item .sub-nav::after { display: none; opacity: 0; }
	.nav .nav-item.active::before, .nav .nav-item:hover::before, .nav .nav-item.active.cuf:hover::before { width: 100%; }
	@keyframes subNavAni {
		0% { transform: scaleY(0); opacity: 0; transform-origin: top center; }
		100% { transform: scaleY(1); opacity: 1; transform-origin: top center; }
	}
	.nav .nav-item .sub-nav-list { background-color: #fff; box-shadow: none; padding: 0 24px; flex-direction: column; gap: 0; height: auto; border-top: solid 1px var(--border-color); }
	.nav .nav-item .sub-nav-list::before { display: none; }
	.nav .nav-item .sub-nav-list a { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 0; padding: 8px 0 8px 24px; text-align: left; display: block; }
	.nav .nav-item .sub-nav-list a:last-child { border-bottom: 0; }
	.nav .nav-item .sub-nav-list a::before { bottom: 0; }
	.nav .nav-item .sub-nav-list a:hover::before { width: 100%; }
	.nav .nav-item.sub { padding-right: 0; }
	#logo { height: 50px; }
	.nav .nav-item.active.sub::after { border-color: #fff; z-index: 2; }
	#body.main, #banner { margin-top: var(--header-height); }
	#banner ~ #body.main { margin-top: 0; }
	#banner { height: 140px; }
	#body, #body.main { padding-bottom: 86px; }
}
@media (max-width:768px) {
	:root { --card-radius: 16px; }
	header.baion.transformY { transform: translateY(0%); }
	body { font-size: 14px; }
	.more, .more::after { width: 100%; }
	.list.food-list { --column: 2; }
	.list.food-list, .list.surroundings-list { --item: 40vw }
	.contact-map { height: 40vh; }
	.list.surroundings-list { --column: 4; }
	.list.surroundings-list .list-li, .list.surroundings-list .list-li:nth-child(7) { grid-column: span 1; }
	.list.surroundings-list .list-li:nth-child(1) { grid-row: span 1; height: var(--item); }
	.list.surroundings-list .list-li:nth-child(2), .list.surroundings-list .list-li:nth-child(4), .list.surroundings-list .list-li:nth-child(9) { grid-column: span 2; }
	.list.surroundings-list .list-li:nth-child(6), .list.surroundings-list .list-li:nth-child(11) { grid-column: span 3; }
	.list.surroundings-list .list-li:nth-child(12) { grid-column: span 4; }
}
@media (max-width:640px) {
	.list-txt { gap: 6px; }
	.main-btn .btn { width: 100%; }
	.list.guide-list .images { width: 240px; }
	.list.services-list { grid-template-columns: repeat(1, 1fr); }
	.contact-item{padding: 16px;}
}
@media (max-width:480px) {
	.web-title { align-items: center; }
	.web-title > div { text-align: center; }
	.list-txt { padding: 8px; }
	.rooms-list .list-txt { padding-left: 16px; padding-right: 16px; }
	.list.guide-list .images { width: 120px; }
	.contact-info { grid-template-columns: 1fr; }
	.contact-item.outside { grid-column: span 1; align-items: center;}
	.contact-item.outside img{width: 45vw; height: auto; margin-right: 0;}
	.contact-item.outside .btn{grid-area: 1 / 2 / span 3 / auto;}

	.contact-item.outside .p1{margin-bottom: 0;}
	.contact-info .item { grid-template-columns: 24px 1fr 110px; align-items: center; }
	.contact-info .item .btn { margin-top: 0; grid-area: 1 / 3 / span 2 / auto; }
	.list.surroundings-list { --column: 2; }
	.list.surroundings-list .list-li:nth-child(2), .list.surroundings-list .list-li:nth-child(4), .list.surroundings-list .list-li:nth-child(5), .list.surroundings-list .list-li:nth-child(7), .list.surroundings-list .list-li:nth-child(8), .list.surroundings-list .list-li:nth-child(10), .list.surroundings-list .list-li:nth-child(11) { grid-column: span 1; }
	.list.surroundings-list .list-li:nth-child(3), .list.surroundings-list .list-li:nth-child(6), .list.surroundings-list .list-li:nth-child(9), .list.surroundings-list .list-li:nth-child(12) { grid-column: span 2; }
}

/*******************************
-------[=首页------
********************************/
.index-body { display: flex; flex-direction: column; }
.index-body header { --header-height: 60px; top: calc(100vh - 60px); background: none; position: absolute; animation: fadeInUp 1s ease 2s both; }
.index-body header.baion, .index-body header.baion.transformY { box-shadow: none; transform: translateY(0%); }
.index-body #nav { left: var(--wrapper); right: var(--wrapper); transform: translateX(0); --nav-header: 60px; }
.index-body .nav { gap: 20px; width: 100%; }
.index-body .nav .nav-item { flex: 1; background: var(--page-bg); border-radius: var(--btn-radius); }
.index-body .nav .nav-item .nav-item-a { gap: 12px; }
.index-body #header, .index-body .nav .nav-item.active, .index-body .nav .nav-item::before { display: none; }
.index-body .nav .nav-item .nav-item-a img { display: block; }
#index-section1 { --section1-header: calc(100vh - 60px); z-index: 2; width: 100%; height: var(--section1-header); position: relative; margin-bottom: 60px; overflow: hidden; }
#index-section1 .sky, #index-section1 .gingko { position: absolute; mask-composite: intersect; }
#index-section1 .sky { z-index: 0; left: 0; top: 0; right: 0; animation: fadeIn 0.5s ease 0s both; }
#index-section1 .gingko { z-index: 1; right: 0; top: 0; width: 28%; animation: fadeInRight 0.5s ease 0.5s both; }
#index-section1 .wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wrapper); height: 100%; padding-top: var(--wrapper); padding-bottom: var(--wrapper); animation-duration: 1s; animation-delay: 1s }
#index-section1 .swiper-group { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-30); animation: fadeInLeft 1s ease 1s both; }
#index-section1 .swiper-group .swiper-container { border-radius: var(--card-radius); }
#index-section1 .swiper-group .B { grid-row: span 2; }
#index-section1 .swiper-txt { position: absolute; z-index: 9; left: 0; right: 0; bottom: 0; padding: 24px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
#index-section1 .swiper-txt-card { display: grid; grid-template-columns: 1fr 10px; align-items: center; gap: 6px 0; color: #fff; --border-w: 2px; --border-c: #fff; --size: 6px; }
#index-section1 .swiper-txt-card .name { font-size: clamp(20px, 2vw, 40px); font-weight: 500; letter-spacing: 0.1em; }
#index-section1 .swiper-txt-card .info { font-size: clamp(14px, 0.9vw, 16px); grid-row-start: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; }
#index-section1 .swiper-txt-card .svg-arrow { grid-row: span 2; grid-column-start: 2; }
#index-section1 .swiper-container:hover .svg-arrow { transform: translateX(6px); }
#index-section1 .txt-group { display: flex; flex-direction: column; animation: fadeInRight 1s ease 1.5s both; }
#index-section1 .txt-group .h1 { font-family: var(--font-family); font-size: clamp(32px, 3vw, 64px); color: var(--color-3); line-height: 1.5; margin-bottom: 12px; }
#index-section1 .txt-group .h2 { font-size: clamp(18px, 1.25vw, 24px); font-weight: 500; color: var(--color-3); line-height: 1.5; }
#index-section1 .txt-group .text { margin-top: var(--gap-30); margin-bottom: var(--gap-30); width: 80%; }
.card-group { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-20); margin-bottom: var(--gap-40); }
.card-group .card { display: grid; grid-template-columns: 24px 1fr; gap: 8px; padding: 1em 1.5em; border-radius: var(--btn-radius); background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); box-shadow: var(--box-shadow); }
.card-group .card::before { content: ""; position: absolute; width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(180deg, rgba(255, 203, 0, 0) 0, rgba(255, 203, 0, 0) 12px, rgba(255, 203, 0, .32)); filter: blur(1px); left: 1.4em; top: 0.5em; z-index: 0; }
.card-group .card img { width: 24px; height: 24px; }
.card-group .card .p2 { grid-column: span 2; }
.index-body .faq-wrap { flex: 1; justify-content: end; }
#body.index { z-index: 5; }
.index-content { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--card-radius); }
.index-content .item { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; background: var(--page-bg); }
.index-content .images { padding-top: 56.25%; }
.index-content .txt-wrap { padding: var(--gap-30) var(--gap-60) }
.index-content .txt-wrap .name { font-size: clamp(18px, 1.25vw, 24px); font-weight: 500; color: var(--color-3); }
.index-content .txt-wrap .txt-info { margin-top: 12px; margin-bottom: var(--gap-30); -webkit-line-clamp: 3; line-clamp: 3; }
.index-content .txt-wrap .txt-info, .index-content .txt-wrap .txt-info * { font-size: 16px; }
.index-content .item:nth-child(2) .images { grid-column-start: 2; }
.index-content .item:nth-child(2) .txt-wrap { grid-row-start: 1; }

/* 首页适配 */
@media (max-width:1760px) { }
@media (max-width:1640px) { }
@media (max-width:1540px) { }
@media (max-width:1440px) {
	#index-section1 .wrapper { grid-template-columns: 800px 1fr; }
	#index-section1 { --section1-header: auto; margin-bottom: 0; }
	.index-section1 { order: 1; }
	.index-body header { position: relative; top: auto; order: 2; animation: none; }
	main.index { order: 3; }
	footer { order: 4; }
}
@media (max-width:1370px) {
	#index-section1 .sky, #index-section1 .gingko, #index-section1 .swiper-group, #index-section1 .txt-group { animation: none; }
	#index-section1 .sky { z-index: 0; left: 0; top: 40vh; right: 0; mask-image: linear-gradient(to bottom, transparent 0%, #000 30%, #000 100%); }
	#index-section1 .gingko { z-index: 1; right: 0; top: auto; bottom: 0; width: 50%; mask-image: linear-gradient(to bottom, transparent 0%, #000 30%, #000 100%); }
	#index-section1 .wrapper { grid-template-columns: 1fr; }
	#index-section1 .swiper-group { height: 50vh; }
}
@media (max-width:1280px) { }
@media (max-width:1024px) { }
@media (max-width:900px) { }
@media (max-width:860px) {
	#index-section1 { margin-top: var(--header-height); }
	#index-section1 .gingko { z-index: 1; right: 0; top: 48vh; bottom: 0; }
	.index-content .item { grid-template-columns: 1fr; }
	.index-content .txt-wrap { padding: 24px; }
	.index-content .item:nth-child(2) .images { grid-column-start: 1; }
	.index-content .item:nth-child(2) .txt-wrap { grid-row-start: 2; }
}
@media (max-width:768px) { }
@media (max-width:640px) {
	.card-group { grid-template-columns: 1fr; }
	#index-section1 .swiper-txt { padding: 12px; }
}
@media (max-width:480px) { }