@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:"Source Han Sans CN","思源黑体","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{ display:inline-block; line-height:1; margin-left:.2rem; text-align:center; border-radius:.06rem; }
.hb_a1{ padding:.14rem .26rem; background:#a9fe63; color:#000; border:2px solid #a9fe63; }
.hb_a2{ background:#fff; border:2px solid #000; padding:.14rem .26rem; }
.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,') 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 .btns{ display:flex; justify-content:center; align-items:center; gap:.2rem; flex-wrap:wrap; margin-top:.38rem; }
.ho2_box .a3{ line-height:1; padding:.16rem .7rem; font-weight:500; color:#fff; background:#a581ff; border:2px solid #a581ff; border-radius:.1rem; display:inline-block; }
.ho2_box .a3-ghost{ background:#fff; color:#a581ff; }
.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 .vd img{ 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:#000000; font-family:"Source Han Sans CN","思源黑体",sans-serif; font-weight:500; }
@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; }
.foot_1 .ft_col{ width:100% !important; margin-bottom:.3rem; }
.page-title{ font-size:24px !important; }
.page-content{ font-size:15px !important; }
}
/* ===== 单页通用排版升级 (思源黑体、1.5倍行距、图文自适应) ===== */
.page-wrap{
padding: .5rem 0 1rem;
font-family: 'Source Han Sans CN', 'Source Han Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
color: #333;
}
.page-header-block{
text-align: center;
margin-bottom: .4rem;
}
.page-title{
color: #3B2F63;
font-weight: 700;
letter-spacing: 2px;
position: relative;
display: inline-block;
padding-bottom: .15rem;
}
.page-title::after{
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 60px;
height: 3px;
background: #A8C62E;
border-radius: 2px;
}
.page-content{
line-height: 1.8;
font-size: 17px;
color: #444;
}
.page-content p{
margin-bottom: .25rem;
text-align: justify;
}
.page-content h3{
color: #3B2F63;
font-size: 20px;
font-weight: 700;
margin: .35rem 0 .15rem;
display: flex;
align-items: center;
}
.page-content h3::before{
content: '';
display: inline-block;
width: 6px;
height: 18px;
background: #3B2F63;
margin-right: 10px;
border-radius: 2px;
}
.page-content img{
max-width: 100%;
height: auto;
display: block;
margin: .25rem auto;
border-radius: 6px;
}
/* 单页内容引入副标题（如：关于LINK FASHION国际纺织服装优质供应链展） */
.page-intro-text .intro-subheading{
text-align: center;
font-size: 24px;
font-weight: 700;
color: #3B2F63;
margin: .35rem 0 .3rem;
letter-spacing: 1.5px;
line-height: 1.5;
}
@media (max-width: 768px){
.page-intro-text .intro-subheading{
font-size: 20px;
margin: .25rem 0;
}
}
/* 3图并列画廊排版 */
.page-gallery-3{
display: flex;
gap: .2rem;
margin: .35rem 0;
}
.page-gallery-3 .gallery-item{
flex: 1;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 4px 14px rgba(0,0,0,.08);
transition: transform .3s ease, box-shadow .3s ease;
}
.page-gallery-3 .gallery-item:hover{
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(59,47,99,.15);
}
.page-gallery-3 .gallery-item img{
width: 100%;
height: 240px;
object-fit: cover;
display: block;
margin: 0;
}
@media (max-width: 768px){
.page-gallery-3{
flex-direction: column;
}
.page-gallery-3 .gallery-item img{
height: 200px;
}
}
/* 更多信息即将上线，敬请期待卡片 */
.page-coming-soon{
background: linear-gradient(135deg, #fbfbfe 0%, #f4f3fa 100%);
border: 1px dashed #d5d0ea;
border-radius: 12px;
padding: .8rem .4rem;
text-align: center;
margin: .4rem auto;
max-width: 800px;
}
.page-coming-soon .cs-icon{
width: 64px;
height: 64px;
margin: 0 auto .2rem;
background: #ede9f6;
color: #3B2F63;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
}
.page-coming-soon .cs-title{
color: #3B2F63;
font-size: 22px;
font-weight: 700;
margin-bottom: .1rem;
}
.page-coming-soon .cs-desc{
color: #777;
font-size: 15px;
}
/* 联系方式精致信息卡片 */
.page-contact-grid{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: .25rem;
margin: .35rem 0;
}
.page-contact-box{
background: #fff;
border: 1px solid #eee;
border-radius: 8px;
padding: .3rem .25rem;
box-shadow: 0 4px 12px rgba(0,0,0,.04);
transition: all .3s;
}
.page-contact-box:hover{
border-color: #3B2F63;
box-shadow: 0 6px 16px rgba(59,47,99,.1);
}
.page-contact-box .label{
color: #888;
font-size: 13px;
margin-bottom: .05rem;
}
.page-contact-box .val{
color: #3B2F63;
font-size: 18px;
font-weight: 700;
}
/* 提示区块（更多信息即将上线，敬请期待！） */
.page-notice-block,
.page-content .page-notice-block{
text-align: center !important;
padding: 70px 20px 80px;
width: 100%;
box-sizing: border-box;
font-family: "Source Han Sans CN", "思源黑体", sans-serif;
}
.page-notice-block p,
.page-notice-block .notice-text,
.page-content .page-notice-block p,
.page-content p.notice-text{
font-size: 26px !important;
font-weight: 700 !important;
color: #222222 !important;
letter-spacing: 1.5px !important;
line-height: 1.6 !important;
text-align: center !important;
margin: 0 auto !important;
display: block !important;
}
/* 合作媒体 Logo 墙 */
.media-wall-section{
max-width: 1200px;
margin: 0 auto;
padding: 10px 0 60px;
}
.media-wall-grid{
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
}
.media-wall-item{
width: calc((100% - 80px) / 6);
background: #fff;
border: 1px solid #ebebeb;
border-radius: 6px;
box-sizing: border-box;
padding: 12px;
display: flex;
align-items: center;
justify-content: center;
height: 96px;
transition: all .25s ease;
}
.media-wall-item:hover{
border-color: #d0d0d0;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
transform: translateY(-2px);
}
.media-wall-item img{
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
}
@media (max-width: 992px){
.media-wall-item{ width: calc((100% - 48px) / 4); height: 80px; }
}
@media (max-width: 576px){
.media-wall-item{ width: calc((100% - 16px) / 2); height: 72px; padding: 8px; }
}
/* 展品类别网格 */
.exhibit-category-grid{
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 1200px;
margin: 30px auto 60px;
}
.exhibit-category-item{
width: 12.5%;
box-sizing: border-box;
padding: 15px 10px;
text-align: center;
}
.exhibit-category-item .cat-icon{
width: 84px;
height: 84px;
margin: 0 auto;
border-radius: 50%;
overflow: hidden;
background: #ececec;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
transition: transform .25s ease, box-shadow .25s ease;
}
.exhibit-category-item:hover .cat-icon{
transform: translateY(-3px) scale(1.04);
box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}
.exhibit-category-item .cat-icon img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.exhibit-category-item .cat-name{
margin-top: 14px;
color: #000000;
font-family: "Source Han Sans CN", "思源黑体", sans-serif;
font-size: 16px;
font-weight: 500;
text-align: center;
letter-spacing: 0.5px;
line-height: 1.4;
}
@media (max-width: 992px){
.exhibit-category-item{ width: 25%; }
}
@media (max-width: 576px){
.exhibit-category-item{ width: 25%; padding: 10px 4px; }
.exhibit-category-item .cat-icon{ width: 58px; height: 58px; }
.exhibit-category-item .cat-name{ font-size: 13px; margin-top: 8px; }
}