@charset "UTF-8";

/* ===== 基础重置 ===== */
html{ -webkit-font-smoothing:antialiased; height:100%; touch-action:manipulation; }
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{ margin:0; padding:0; }
header,hgroup,nav,menu,main,section,article,aside,figure,figcaption,footer{ display:block; margin:0; padding:0; }
ul,ol{ list-style:none; }
a{ text-decoration:none; color:inherit; }
img{ border:0; vertical-align:middle; max-width:100%; height:auto; }
input,textarea,button{ outline:0; }
textarea{ resize:none; }
body{ font-size:14px; color:#000; line-height:1.2; font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Alibaba PuHuiTi",sans-serif; }
body *{ box-sizing:border-box; }

/* ===== 流式缩放 ===== */
html{ font-size:5.2083333333vw; }
@media (max-width:900px){ html{ font-size:46.875px; } }
@media (max-width:1920px) and (min-width:551px){
  .s14{font-size:calc(12px + 0.1041666667vw)} .s16{font-size:calc(12px + 0.2083333333vw)}
  .s18{font-size:calc(12px + 0.3125vw)} .s20{font-size:calc(12px + 0.4166666667vw)}
  .s24{font-size:calc(12px + 0.625vw)} .s25{font-size:calc(12px + 0.6770833333vw)}
  .s28{font-size:calc(12px + 0.8333333333vw)} .s30{font-size:calc(12px + 0.9375vw)}
  .s36{font-size:calc(12px + 1.25vw)} .s40{font-size:calc(12px + 1.4583333333vw)}
}
@media (max-width:550px){
  .s14{font-size:12.57px} .s16{font-size:13.15px} .s18{font-size:13.72px}
  .s20{font-size:14.29px} .s24{font-size:15.44px} .s25{font-size:15.72px}
  .s28{font-size:16.58px} .s30{font-size:17.16px} .s36{font-size:18.88px} .s40{font-size:20.02px}
}
.w1200{ width:12rem; margin:0 auto; max-width:90%; }
.w1720{ width:17.2rem; margin:0 auto; max-width:98%; }

body{ padding-top:1.4rem; }
@media (max-width:1500px){ body{ padding-top:60px; } }

/* ===== 头部 ===== */
.head_pc{ position:fixed; top:0; left:0; width:100%; z-index:99; background:#fff; }
.head_box{ display:flex; align-items:center; justify-content:space-between; position:relative; height:1.4rem; }
.hb_le{ flex-shrink:0; width:2.6rem; position:relative; }
.hb_le .logo{ display:block; height:.72rem; line-height:.72rem; font-weight:bold; letter-spacing:2px; font-size:16px; }
.hb_le .logo img{ height:100%; }

.hb_ri{ display:flex; align-items:center; }
.time{ display:flex; align-items:center; justify-content:center; line-height:1; background:#a581ff; color:#fff; padding:0 .13rem; position:absolute; top:100%; right:0; height:.5rem; }
.time .s30{ font-weight:bold; margin:0 4px; }

.hb_cen .ul1{ display:flex; }
.hb_cen .ul1 .li1{ margin-right:.4rem; position:relative; }
.hb_cen .ul1 .li1:last-child{ margin-right:0; }
.hb_cen .ul1 .a1{ display:block; white-space:nowrap; line-height:1; padding:.1rem 0; }
.hb_cen .ul1 .a1:hover{ color:#A8C62E; }
.hb_cen .ul1 .ul2{ position:absolute; top:100%; left:50%; transform:translateX(-50%); min-width:100%; display:none; background:#fff; box-shadow:0 8px 7px 1px rgba(132,132,132,.5); border-radius:5px; overflow:hidden; z-index:99; }
.hb_cen .ul1 .li1:hover .ul2{ display:block; }
.hb_cen .ul1 .a2{ display:block; padding:.13rem .22rem; white-space:nowrap; line-height:1; border-bottom:1px solid #e4e4e4; }
.hb_cen .ul1 .li2:last-child .a2{ border-bottom:none; }
.hb_cen .ul1 .a2:hover{ background:#e4e4e4; }

.hb_ra{ line-height:1; margin-left:.2rem; }
.hb_a1{ padding:.13rem .2rem; background:#a9fe63; color:#000; border:2px solid #a9fe63; }
.hb_a2{ background:#fff; border:2px solid #000; padding:.13rem .2rem; }
.lang{ color:#222; margin-left:.2rem; }
.lang span{ margin:0 3px; }
.more{ display:none; width:50px; height:50px; position:relative; cursor:pointer; margin-left:10px; }
.more .line{ width:26px; height:2px; background:#333; position:absolute; left:12px; border-radius:2px; transition:.3s; }
.more .sp1{ top:34%; } .more .sp2{ top:50%; } .more .sp3{ top:66%; }
.more.on .sp1{ top:50%; transform:rotate(45deg); }
.more.on .sp2{ opacity:0; }
.more.on .sp3{ top:50%; transform:rotate(-45deg); }

@media (max-width:1500px){
  .head_box{ height:60px; }
  .head_box .hb_cen{ display:none; }
  .head_box .time{ display:none; }
  .head_box .hb_ra{ display:none; }
  .head_box .more{ display:block; }
}

/* 移动端侧滑导航 */
.md-mob_sideNav{ position:fixed; right:-100%; opacity:0; top:60px; width:100%; height:calc(100vh - 60px); background:#fff; transition:.2s linear; z-index:300; overflow-y:auto; }
.md-head.m_show .md-mob_sideNav{ right:0; opacity:1; }
.md-head.m_show .mob_mask{ display:block; }
.mob_mask{ display:none; top:0; left:0; position:fixed; z-index:99; width:100%; height:100%; background:rgba(0,0,0,.5); }
@media (min-width:1100px){ .mob_mask{ display:none !important; } }
.md-mob_sideNav .ul1{ padding:.3rem 0; }
.md-mob_sideNav .li1{ position:relative; }
.md-mob_sideNav .a1{ display:block; line-height:44px; padding-left:20px; font-size:16px; }
.md-mob_sideNav .ul2{ display:none; }
.md-mob_sideNav .li1.show .ul2{ display:block; }
.md-mob_sideNav .a2{ display:block; padding-left:40px; line-height:34px; font-size:14px; }
.md-mob_sideNav .has_nav .dt::after{ content:""; width:14px; height:14px; position:absolute; right:20px; top:15px; background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M3 5l4 4 4-4" fill="none" stroke="%23333" stroke-width="1.5"/></svg>') no-repeat center/contain; transition:.2s; }
.md-mob_sideNav .has_nav.show .dt::after{ transform:rotate(180deg); }

/* ===== 首页区块 ===== */
.ho-t{ text-align:center; letter-spacing:4px; color:#3B2F63; font-weight:bold; }

.ho_ban{ position:relative; }
.ho_ban .swiper-container{ position:relative; overflow:hidden; }
.ho_ban .ho_sw{ position:relative; width:100%; flex-shrink:0; display:none; }
.ho_ban .ho_sw.active{ display:block; }
.ho_ban .ho_sw .img{ position:relative; padding-top:23.4375%; overflow:hidden; background:#ececec; }
.ho_ban .ho_sw .img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.ho_ban .swiper-pagination{ display:flex; justify-content:center; position:absolute; bottom:.2rem; left:0; width:100%; z-index:10; }
.ho_ban .dot{ width:.15rem; height:2px; background:#fff; margin:0 5px; transition:.3s; cursor:pointer; }
.ho_ban .dot.active{ width:.6rem; }

.home_1{ margin-top:1rem; }
.ho1_box{ display:flex; flex-wrap:wrap; }
.ho1_i{ width:23.75%; margin-right:1.6666666667%; text-align:center; border:2px solid #000; padding:.38rem .1rem; margin-bottom:.2rem; }
.ho1_i:nth-child(4n){ margin-right:0; }
.ho1_i .d1{ font-weight:bold; letter-spacing:1px; }
.ho1_i .d2{ margin-top:.1rem; }
@media (max-width:900px){ .ho1_box{ justify-content:space-between; } .ho1_i{ width:48%; margin-right:0 !important; margin-bottom:4%; } }

.home_2{ margin-top:.82rem; }
.ho2_box{ text-align:center; }
.ho2_box .d1{ text-align:justify; line-height:1.9; letter-spacing:1px; min-height:.5rem; }
.ho2_box .d2{ font-weight:bold; margin-top:.3rem; }
.ho2_box .a3{ line-height:1; padding:.16rem .85rem; font-weight:500; color:#fff; background:#a581ff; border-radius:.1rem; display:inline-block; margin-top:.38rem; }

.home_3{ margin-top:1rem; }
.ho3_box{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.ho3_box .video{ width:49.1666666667%; margin-top:.08rem; }
.ho3_box .vd{ position:relative; padding-top:54.2372881356%; background:#ececec; }
.ho3_box .vd video{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.ho3_box .text{ width:49.1666666667%; line-height:1.5; color:#030000; font-family:"Source Han Sans SC","Noto Sans SC","思源黑体","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; }
.ho3_box .d1{ margin-bottom:.16rem; text-indent:2em; }
@media (max-width:900px){ .ho3_box .video{ width:100%; } .ho3_box .text{ width:100%; margin-top:20px; } }

.home_4{ margin-top:.84rem; }
.ho4_list{ display:flex; flex-wrap:wrap; margin-top:.46rem; }
.ho4_a{ position:relative; width:15.8333%; margin-right:1%; margin-bottom:.23rem; }
.ho4_a:nth-child(6n){ margin-right:0; }
.ho4_a .img{ position:relative; padding-top:80%; overflow:hidden; background:#ececec; }
.ho4_a .img::before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:5; }
.ho4_a .img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.ho4_a .te{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; z-index:10; text-align:center; color:#fff; letter-spacing:2px; font-weight:500; }
@media (max-width:900px){ .ho4_list{ justify-content:space-between; } .ho4_a{ width:48%; margin-right:0 !important; margin-bottom:4%; } }

.home_5{ margin-top:.72rem; }
.ho5_list{ display:flex; flex-wrap:wrap; margin-top:.45rem; }
.ho5_a{ width:11.625%; margin-right:1%; margin-bottom:.5rem; }
.ho5_a:nth-child(8n){ margin-right:0; }
.ho5_a .img{ width:1.1rem; height:1.1rem; margin:0 auto; border-radius:50%; overflow:hidden; background:#ececec; }
.ho5_a .img img{ width:100%; height:100%; object-fit:cover; }
.ho5_a .name{ text-align:center; margin-top:.1rem; color:#a581ff; }
@media (max-width:900px){ .ho5_a{ width:25%; margin-right:0; } }

.home_6{ margin-top:.5rem; }
.ho6_list{ display:flex; flex-wrap:wrap; margin-top:.48rem; }
.ho6_a{ width:23.75%; margin-right:1.6666666667%; margin-bottom:.2rem; position:relative; }
.ho6_a:nth-child(4n){ margin-right:0; }
.ho6_a .img{ position:relative; padding-top:70.5263157895%; overflow:hidden; background:#ececec; }
.ho6_a .img::before{ content:""; background:rgba(0,0,0,.4); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; }
.ho6_a .img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.ho6_a .name{ position:absolute; left:0; top:50%; transform:translateY(-70%); width:100%; text-align:center; letter-spacing:3px; font-weight:500; color:#fff; z-index:5; }
@media (max-width:900px){ .ho6_list{ justify-content:space-between; } .ho6_a{ width:48%; margin-right:0 !important; margin-bottom:4%; } }

.home_7{ margin-top:.75rem; }
.ho7_list{ display:flex; flex-wrap:wrap; margin-top:.48rem; }
.ho7_a{ width:23.75%; margin-right:1.6666666667%; margin-bottom:.2rem; background:#f5f5f5; }
.ho7_a:nth-child(4n){ margin-right:0; }
.ho7_a .img{ position:relative; padding-top:70.5263157895%; overflow:hidden; background:#ececec; }
.ho7_a .img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.ho7_a .text{ text-align:center; padding:.26rem .13rem .38rem; }
.ho7_a .p1{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ho7_a .p2{ line-height:1.6666666667; height:5em; margin-top:.12rem; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.ho7_a .d3{ display:inline-block; margin-top:.24rem; }
.ho7_a .d3 .sp{ display:block; padding:.06rem .25rem; line-height:1; color:#a7a7a7; border:1px solid #a7a7a7; }
@media (max-width:900px){ .ho7_list{ justify-content:space-between; } .ho7_a{ width:48%; margin-right:0 !important; margin-bottom:4%; } }

.home_8{ margin-top:.78rem; }
.ho8_swiper{ position:relative; margin-top:.35rem; }
.ho8_swiper .viewport{ overflow:hidden; }
.ho8_swiper .track{ display:flex; transition:transform .4s ease; }
.ho8_swiper .slide{ display:flex; flex-wrap:wrap; flex-shrink:0; width:100%; }
.ho8_swiper .cy{ width:12.5%; margin:.13rem 0; margin-right:2.0833333333%; }
.ho8_swiper .cy:nth-child(7n){ margin-right:0; }
.ho8_swiper .cy .img{ position:relative; padding-top:40%; background:#fff; border:1px solid #a7a7a7; overflow:hidden; }
.ho8_swiper .cy .img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.ho8_swiper .btn{ position:absolute; top:50%; transform:translateY(-50%); width:.4rem; height:.4rem; min-width:30px; min-height:30px; cursor:pointer; background:#fff; border:1px solid #ccc; border-radius:50%; z-index:5; }
.ho8_swiper .prev{ right:calc(100% + .3rem); left:auto; }
.ho8_swiper .next{ left:calc(100% + .3rem); }
.ho8_swiper .btn::before{ content:""; position:absolute; width:10px; height:10px; border-top:2px solid #333; border-left:2px solid #333; top:50%; left:50%; }
.ho8_swiper .prev::before{ transform:translate(-30%,-50%) rotate(-45deg); }
.ho8_swiper .next::before{ transform:translate(-70%,-50%) rotate(135deg); }
@media (max-width:750px){
  .ho8_swiper .cy{ width:32%; margin:0 2% 2% 0 !important; }
  .ho8_swiper .cy:nth-child(3n){ margin-right:0 !important; }
  .ho8_swiper .prev{ left:0; right:auto; }
  .ho8_swiper .next{ right:0; left:auto; }
}

/* ===== 单页 / 列表 / 详情 ===== */
.page-banner{ position:relative; }
.page-banner .img{ position:relative; padding-top:23.4375%; overflow:hidden; background:#ececec; }
.page-banner .img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.page-title{ text-align:center; letter-spacing:4px; color:#3B2F63; font-weight:bold; padding:.6rem 0 .2rem; }
.page-content{ line-height:2; color:#030000; padding-bottom:1rem; }
.page-content img{ max-width:100%; height:auto; }

.list-page{ padding-top:.5rem; }
.list-title{ text-align:center; letter-spacing:4px; color:#3B2F63; font-weight:bold; margin-bottom:.5rem; }
.news-list .n_a{ display:flex; justify-content:space-between; padding:.2rem 4px; border-bottom:1px dashed #b7b7b7; }
.news-list .n_a:hover{ color:#A8C62E; }
.news-list .sp1{ width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.news-list .time{ flex-shrink:0; color:#999; }

.detail-page{ padding-top:.6rem; }
.detail-title{ text-align:center; color:#3B2F63; font-weight:bold; }
.detail-meta{ text-align:center; color:#999; margin:.3rem 0 .6rem; }
.detail-content{ line-height:2; color:#030000; padding-bottom:1rem; }
.detail-content img{ max-width:100%; height:auto; }

.link-list{ display:flex; flex-wrap:wrap; margin-top:.5rem; }
.link-list .lk{ width:12.5%; margin-right:2.0833333333%; margin-bottom:.26rem; }
.link-list .lk:nth-child(7n){ margin-right:0; }
.link-list .lk .img{ position:relative; padding-top:40%; background:#fff; border:1px solid #a7a7a7; }
.link-list .lk .img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain; }
.link-list .lk .name{ text-align:center; margin-top:.1rem; }

/* ===== 页脚 ===== */
.md-foot{ background:#000; color:#fff; }
.foot_1{ display:flex; justify-content:space-between; padding-top:.5rem; padding-bottom:.4rem; gap:.4rem; }
.foot_1 .ft_col{ font-weight:300; line-height:1.9; }
.foot_1 .ft-tit{ font-weight:bold; letter-spacing:1px; margin-bottom:.15rem; font-size:19px; }
.foot_1 .ft_brand_name{ font-size:16px; }
.foot_1 .ft_menu{ display:flex; flex-direction:column; }
.foot_1 .ft_menu span, .foot_1 .ft_menu a{ color:#fff; line-height:1.4; font-size:16px; }
.foot_1 .ft_brand_link{ display:flex; flex-direction:column; }
.foot_1 .ft_brand_link span{ color:#fff; line-height:1.2; font-size:16px; }
.foot_1 .ft_brand_link:hover span{ color:#A8C62E; }
.foot_1 .ft_contact p{ line-height:1.9; font-size:16px; }
.foot_1 .ft_follow_list{ display:flex; flex-wrap:wrap; gap:.15rem .2rem; }
.foot_1 .ft_follow_item{ display:flex; flex-direction:column; align-items:center; gap:.08rem; }
.foot_1 .ft_follow_item img{ width:.8rem; height:.8rem; object-fit:cover; border-radius:4px; background:#fff; }
.foot_1 .ft_follow_item span{ font-size:14px; }
@media (max-width:900px){
  .foot_1{ flex-wrap:wrap; }
  .foot_1 .ft_col{ width:45%; margin-bottom:.3rem; }
}
.foot_line{ height:1px; background:rgba(255,255,255,.4); }
.foot_2{ padding:.2rem 0; font-weight:300; text-align:center; line-height:2; }
.foot_2 .sp{ display:inline-block; margin-right:.5rem; }

/* ===== 展位预订表单 ===== */
.apply-page{ padding-top:.8rem; padding-bottom:1rem; }
.apply-title{ text-align:center; color:#3B2F63; font-weight:bold; letter-spacing:2px; }
.apply-desc{ text-align:center; color:#555; margin-top:.3rem; line-height:1.8; }
.apply-msg{ text-align:center; margin:.4rem auto 0; max-width:6rem; padding:.15rem; background:#f0fdf4; color:#16a34a; border:1px solid #bbf7d0; border-radius:6px; }
.apply-msg-err{ background:#fef2f2; color:#dc2626; border-color:#fecaca; }
.apply-form{ max-width:7rem; margin:.5rem auto 0; }
.form-row{ display:flex; align-items:center; margin-bottom:.25rem; }
.form-label{ flex:0 0 3rem; text-align:right; margin-right:.15rem; font-size:16px; white-space:nowrap; }
.req{ color:#e11d48; margin-right:2px; }
.form-input{ flex:1; height:.45rem; min-height:36px; border:1px solid #ccc; border-radius:4px; padding:0 .15rem; font-size:15px; }
.check-group{ display:flex; flex-direction:column; gap:.1rem; }
.check-inline{ flex-direction:row; gap:.3rem; }
.check-item{ font-size:16px; }
.check-item input{ margin-right:.08rem; }
.form-submit{ justify-content:center; }
.apply-btn{ background:#3B2F63; color:#fff; border:none; padding:.14rem .6rem; font-size:16px; border-radius:6px; cursor:pointer; }
.apply-btn:hover{ background:#2c2450; }
@media (max-width:900px){ .form-row{ flex-wrap:wrap; } .form-label{ flex:0 0 100%; text-align:left; margin-bottom:.08rem; } .form-input{ width:100%; } }

/* ===== 悬浮特效（参考 fashionsource） ===== */
.ho4_a .img img, .ho6_a .img img, .ho7_a .img img{ transition:transform .3s ease; }
.ho4_a:hover .img img{ transform:scale(1.1); }
.ho6_a:hover .img img{ transform:scale(1.1); }
.ho7_a:hover .img img{ transform:scale(1.1); }
.ho5_a:hover .name{ color:#A8C62E; }
.ho6_a:hover .name{ color:#A8C62E; }
.ho7_a:hover .p1{ color:#A8C62E; }

/* ===== 滚动入场动画（参考 fashionsource） ===== */
.teaser{ opacity:0; transition:opacity 1s ease-out .2s, transform .7s ease-out .2s; transform:translate3d(0,25%,0); }
.teaser.is-visible{ opacity:1; transform:translate3d(0,0,0); }
.riser{ opacity:0; transition:opacity 2s ease-out .2s, transform .7s ease-out .2s; transform:translate3d(0,35%,0); }
.riser.is-visible{ opacity:1; transform:translate3d(0,0,0); }

/* ===== 手机端补充适配 ===== */
@media (max-width:900px){
  .ho_ban .ho_sw .img{ padding-top:56.25%; }
  .page-banner .img{ padding-top:56.25%; }
  .home_1{ margin-top:.5rem; }
  .home_2{ margin-top:.5rem; }
  .home_3{ margin-top:.6rem; }
  .home_4{ margin-top:.5rem; }
  .home_5{ margin-top:.5rem; }
  .home_6{ margin-top:.4rem; }
  .home_7{ margin-top:.5rem; }
  .home_8{ margin-top:.5rem; }
  .ho-t{ letter-spacing:2px; }
  .ho5_a .img{ width:.85rem; height:.85rem; }
}
@media (max-width:550px){
  .ho1_i .d1{ font-size:16px; }
  .ho2_box .d2 .s40{ font-size:22px; }
  .apply-title{ font-size:22px; }
}