@charset "utf-8";/* ==============www.lemonff.com================= */ /* 清除浮动 */ .clearFix{*zoom:1}
.clearFix:before,.clearFix:after{display:table;content:""}
.clearFix:after{clear:both}
.com-img img{transition:all 0.4s cubic-bezier(0.22,0.61,0.36,1) 0s;-webkit-transition:all 0.4s cubic-bezier(0.22,0.61,0.36,1) 0s;-moz-transition:all 0.4s cubic-bezier(0.22,0.61,0.36,1) 0s;-o-transition:all 0.4s cubic-bezier(0.22,0.61,0.36,1) 0s;}
.com-img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.ofH{overflow:hidden;}
/* 文字竖排 */ .rowWords{writing-mode:vertical-lr;writing-mode:tb-lr;white-space:nowrap;}
/* 文字限制行数 */ /* 限制一行 */ .lineLimit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 【常用】限制多行 修改行数-webkit-line-clamp:2;【兼容必须限高】 */ .lineLimits{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
/* 【不推荐】遮挡限制多行兼容 必须限高 */ .lineLimitFit{position:relative;overflow:hidden;height:auto;}
.lineLimitFit:after{content:"...";letter-spacing:3px;font-weight:bold;position:absolute;bottom:0;line-height:initial;right:0;padding-left:36px;background:-webkit-linear-gradient(left,transparent,#fff 55%);background:-o-linear-gradient(right,transparent,#fff 55%);background:-moz-linear-gradient(right,transparent,#fff 55%);background:linear-gradient(to right,transparent,#fff 55%);}
hr{border:0;height:1px;background-color:#ccc;margin:20px 0;}
.body-maxwidth{max-width:1280px;margin:0 auto;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;overflow:visible;}
address,cite,dfn,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
span{line-height:normal;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;border-radius:0;}
button{border:0;background-color:transparent;outline:none;-webkit-appearance:none;}
select{border:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:14px;background:url("../images/select_arr.png") no-repeat scroll right center transparent;}
textarea{resize:none;}
select,button,input,img{vertical-align:middle;}
input{border:none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance:none;}
input:focus{outline:none;}
:-moz-placeholder,::-moz-placeholder{color:#666;font-size:14px;}
input:-ms-input-placeholder,input::-webkit-input-placeholder{color:#666;font-size:14px;}
*{box-sizing:border-box;}
*::before,*::after{box-sizing:border-box;}
*:focus{outline:none;}
.banSelect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.clearFix{*zoom:1;}
.clearFix:before,.clearFix:after{display:table;content:"";}
.clearFix:after{clear:both;}
.com-img img{transition:all 0.4s cubic-bezier(0.22,0.61,0.36,1);}
.com-img:hover img{transform:scale(1.1);}
.ofH{overflow:hidden;}
.rowWords{writing-mode:vertical-lr;white-space:nowrap;}
.lineLimit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.lineLimits{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.lineLimitFit{position:relative;overflow:hidden;height:auto;}
.lineLimitFit:after{content:"...";letter-spacing:3px;font-weight:bold;position:absolute;bottom:0;line-height:initial;right:0;padding-left:36px;background:linear-gradient(to right,transparent,#fff 55%);}
.bodyontrue .Header-navbarbox{display:block !important;}
/* 中间+共用部分 */ .Container-wrapper{width:100%;margin-top:72px;}
.contain{width:100%;max-width:1280px;margin:0 auto;padding:0 30px;}
.toLink{display:inline-block;position:relative;font-size:14px;color:#999999;font-family:'GothamBook';text-transform:uppercase;padding-right:22px;background:url('../images/indarr.png') no-repeat right top 7px;transition:all .4s ease;}
.toLink:after{content:"";position:absolute;right:0;bottom:-2px;width:0;height:1px;background:#F2D28B;transition:all .6s ease;}
.toLink:hover:after{width:100%;right:auto;left:0;}
.toLink:hover{color:#F2D28B;background-image:url('../images/indarrh.png');}
.toLink-white{color:#fff !important;background-image:url('../images/indarrw.png') !important;}
.toLink-white:after{background:#fff !important;}
.pubTitle{width:100%;text-align:center;}
.pubTitle h6,.pubTitle h1{font-size:40px;color:#FFFFFF;}
.pubTitle i{display:block;width:40px;height:4px;background:#F2D28B;margin:24px auto;}
.sonimgban-img{width:100%;}
.pubTitle p{font-size:14px;color:#999999;line-height:24px;}
.pubTitle-white h6,.pubTitle-white h1{color:#fff;}
.pubTitle-white i{background:#fff;}
.pubTitle-white p{color:#fff;}
.text-center{text-align:center !important;}
.ToMessage{position:fixed;right:0;top:50%;margin-top:127px;z-index:999999;width:54px;height:50px;text-align:center;line-height:48px;cursor:pointer;background:#F2D28B;border-top-left-radius:6px;border-bottom-left-radius:6px;}
.ToMessage img{animation:mfade 2s infinite;}
@keyframes mfade{33.33%{opacity:0.3;transform:scale(1.1);}
66.66%{opacity:0.6;transform:scale(1);}
99.99%{opacity:0.9;}
}
#ECHAT_icon{width:54px !important;height:50px !important;}
.echat .echat-icon-link{width:54px !important;height:50px !important;}
#ECHAT_icon_img{border-top-left-radius:6px;border-bottom-left-radius:6px;object-fit:cover;}
.echat-mini-num,.echat-custom-num{right:0 !important;}
#loading_div{z-index:999999999 !important;}
.echat-icon{z-index:99999999 !important;}
/* -------------------------响应式适配--------------------------- */ @media all and (max-width:1280px){.Header-navbar ul li{margin:0 12px;}
.pubTitle h6,.pubTitle h1{font-size:36px;}
}
@media all and (max-width:1200px){.Header-navbar ul li{margin:0 8px;}
.Header-search-wordsform input{width:480px;}
.pubTitle h6,.pubTitle h1{font-size:32px;}
.pubTitle i{margin:20px auto;}
}
@media all and (max-width:1024px){.Header-logo a p{display:none;}
.Header-navbar ul li{margin:0 4px;}
.Backtop,.ToMessage{width:40px;height:37px;line-height:32px;}
.Backtop{bottom:90px;top:auto;margin-top:0;}
.ToMessage{bottom:130px;top:auto;margin-top:0;}
#ECHAT_icon{width:40px !important;height:37px !important;}
.echat .echat-icon-link{width:40px !important;height:37px !important;}
}
@media all and (max-width:1000px){body,button,input,select,textarea{font-family:'Roboto Condensed',tahoma,Helvetica,Tahoma,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei";}
.Container-wrapper{margin-top:60px;}
.top-listbox .contain{width:100%;}
.top-list{width:100%;overflow-x:auto;float:none;}
.top-list ul{float:none;width:2000px;}
.top-list ul li a{line-height:44px;padding:0 12px;font-size:14px;}
.sunMenu-blank{height:44px;}
.top-listbox.sunMenu{top:60px;}
.mdclass{top:-92px;}
.top-list ul li a:hover{background-color:transparent;}
.top-list ul li.ontrue a{background-color:#449356;}
.H-lang{position:static;}
.H-lang .Hlang-menu i{margin-right:0;}
.H-lang .Hlang-menu span{display:inline-block;}
.sonmenu,.sonlink{width:100%;}
}
@media all and (max-width:640px){.Header-logo a img{height:28px;}
.pubTitle p{display:inline;}
.Footer-copyright span{font-size:12px;}
}
/* ========================================================================== 设计变量定义 (Dark Tech Theme) ========================================================================== */:root{/* 全局黑色背景色调 */ --bg-dark-header:rgba(18,18,20,0.85);/* Header 黑色微透 */ --bg-dark-solid:#0c0c0e;/* 沉浸黑 */ --bg-dark-card:#18181b;/* 下拉/卡片黑 */ --bg-dark-hover:#232328;/* Hover 效果 */ /* 主主题色与文字 */ --color-primary:#F2D28B;/* 暖金色 */ --color-primary-hover:#e0bc70;--color-text-white:#f5f5f7;--color-text-muted:#86868b;--color-border:#27272a;/* 阴影与圆角 */ --radius-sm:8px;--radius-md:14px;--shadow-dark:0 16px 36px rgba(0,0,0,0.5);--transition-fast:all 0.25s cubic-bezier(0.25,0.1,0.25,1);--transition-smooth:all 0.35s cubic-bezier(0.4,0,0.2,1);}
/* 基础重置 */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background-color:var(--bg-dark-solid);color:var(--color-text-white);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
ul{list-style:none;}
a{text-decoration:none;color:inherit;transition:var(--transition-fast);}
/* ========================================================================== Header 黑色高质感设计 ========================================================================== */ .site-header{position:fixed;top:0;left:0;width:100%;height:72px;z-index:1000;background-color:var(--bg-dark-header);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);transition:var(--transition-fast);}
.site-header.is-scrolled{height:64px;background-color:rgba(12,12,14,0.95);box-shadow:0 4px 20px rgba(0,0,0,0.4);}
.header-container{max-width:1280px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
/* Logo 标识 */ .brand-logo{display:flex;align-items:center;gap:10px;}
.logo-icon{width:28px;height:28px;border-radius:8px;transition:var(--transition-fast);}
.brand-logo:hover .logo-icon{transform:rotate(0deg) scale(1.05);}
.logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-0.5px;color:var(--color-text-white);}
.logo-text span{color:var(--color-primary);}
/* PC 主导航 */ .main-nav{height:100%;}
.nav-list{display:flex;align-items:center;height:100%;gap:6px;}
.nav-item{position:relative;height:100%;display:flex;align-items:center;}
.nav-link{padding:0 16px;font-size:0.95rem;font-weight:500;color:#e4e4e7;display:flex;align-items:center;gap:4px;height:100%;position:relative;}
.nav-link::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%) scaleX(0);width:20px;height:2px;background-color:var(--color-primary);transition:var(--transition-fast);border-radius:2px;}
.nav-link:hover,.nav-link.active{color:#ffffff;}
.nav-link:hover::after,.nav-link.active::after{transform:translateX(-50%) scaleX(1);}
.arrow-icon{width:16px;height:16px;fill:currentColor;transition:var(--transition-fast);}
.has-dropdown:hover .arrow-icon{transform:rotate(180deg);}
/* 二级卡片下拉菜单（暗色系） */ .dropdown-menu{position:absolute;top:calc(100% - 6px);left:50%;transform:translateX(-50%) translateY(10px);opacity:0;visibility:hidden;pointer-events:none;transition:var(--transition-smooth);padding-top:12px;}
.has-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.dropdown-card{background:var(--bg-dark-card);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-dark);border:1px solid var(--color-border);min-width:480px;}
.dropdown-card--simple{min-width:220px;padding:8px;}
.dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.dropdown-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:var(--radius-sm);transition:var(--transition-fast);}
.dropdown-item:hover{background-color:var(--bg-dark-hover);}
.item-icon{font-size:1.25rem;background:rgba(255,255,255,0.05);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;}
.item-info h4{font-size:0.9rem;font-weight:600;color:var(--color-text-white);margin-bottom:2px;}
.item-info p{font-size:0.75rem;color:var(--color-text-muted);line-height:1.3;}
.dropdown-link-item{display:block;padding:10px 14px;font-size:0.9rem;color:#e4e4e7;border-radius:var(--radius-sm);}
.dropdown-link-item:hover{background-color:var(--bg-dark-hover);color:var(--color-primary);}
/* Header 右侧直接联系方式 */ .header-actions{display:flex;align-items:center;gap:16px;}
.action-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:var(--transition-fast);}
.action-btn svg{width:20px;height:20px;fill:var(--color-text-white);}
.action-btn:hover{background-color:var(--bg-dark-hover);}
/* 顶部电话按钮展示 */ .header-phone{display:flex;align-items:center;gap:8px;color:var(--color-text-white);font-weight:600;font-size:1.2rem;padding:6px 12px;border-radius:20px;transition:var(--transition-fast);}
.header-phone:hover{color:var(--color-primary);background-color:rgba(255,255,255,0.05);}
.phone-icon{width:18px;height:18px;fill:var(--color-primary);}
/* 汉堡按钮 */ .hamburger-btn{display:none;flex-direction:column;justify-content:space-between;width:22px;height:16px;background:none;border:none;cursor:pointer;}
.hamburger-btn .bar{width:100%;height:2px;background-color:var(--color-text-white);border-radius:2px;}
/* ========================================================================== Footer 黑色极简高级设计 ========================================================================== */ .site-footer{background-color:#08080a;color:var(--color-text-muted);padding:80px 0 40px;font-size:0.9rem;border-top:1px solid var(--color-border);}
.footer-container{max-width:1280px;margin:0 auto;padding:0 24px;}
.footer-layer--primary{display:grid;grid-template-columns:320px 1fr;gap:140px;}
.brand-desc{margin-top:16px;line-height:1.6;font-size:0.85rem;color:var(--color-text-muted);}
.brand-contact-info{margin-top:20px;font-size:0.85rem;line-height:1.8;}
.brand-contact-info strong{color:var(--color-text-white);}
.footer-nav-group{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.col-title{color:var(--color-text-white);font-size:1rem;font-weight:600;margin-bottom:20px;}
.col-links li{margin-bottom:12px;}
.col-links a{color:var(--color-text-muted);font-size:0.85rem;}
.col-links a:hover{color:var(--color-text-white);}
.footer-divider{border:none;height:1px;background-color:var(--color-border);margin:50px 0 30px;}
/* 社交图标 */ .footer-layer--social{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;}
.social-icons{display:flex;align-items:center;gap:12px;}
.social-item{position:relative;}
.social-btn{width:38px;height:38px;border-radius:50%;background-color:var(--bg-dark-card);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);border:1px solid rgba(255,255,255,0.05);}
.social-btn svg{width:18px;height:18px;fill:var(--color-text-muted);}
.social-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px);}
.social-btn:hover svg{fill:#121214;}
/* 微信二维码悬浮 */ .qr-popover{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);background:var(--bg-dark-card);border:1px solid var(--color-border);padding:12px;border-radius:var(--radius-sm);box-shadow:var(--shadow-dark);text-align:center;opacity:0;visibility:hidden;transition:var(--transition-fast);width:110px;}
.social-item:hover .qr-popover{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.qr-code-placeholder{width:86px;height:86px;background-color:#27272a;display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:#a1a1a6;margin:0 auto 6px;border-radius:4px;}
.qr-popover p{font-size:0.7rem;color:#a1a1a6;}
/* 版权及监管 */ .footer-layer--copyright{display:flex;align-items:center;justify-content:space-between;font-size:0.8rem;color:#6e6e73;border-top:1px solid var(--color-border);padding-top:30px;flex-wrap:wrap;gap:16px;}
.copyright-text{display:flex;gap:16px;flex-wrap:wrap;}
.copyright-text a:hover{color:var(--color-text-muted);}
.footer-legal-links{display:flex;align-items:center;gap:10px;}
.footer-legal-links .sep{color:#3a3a3c;}
/* ========================================================================== 移动端抽屉 & 底部折叠手风琴响应式设计 ========================================================================== */ .mobile-drawer-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:1998;opacity:0;pointer-events:none;transition:var(--transition-fast);}
.mobile-drawer-mask.is-active{opacity:1;pointer-events:auto;}
.mobile-drawer{position:fixed;top:0;right:-100%;width:82%;max-width:320px;height:100%;background-color:var(--bg-dark-solid);border-left:1px solid var(--color-border);z-index:1999;transition:var(--transition-smooth);display:flex;flex-direction:column;}
.mobile-drawer.is-active{right:0;}
.drawer-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);}
.drawer-title{font-weight:600;color:var(--color-text-white);}
.drawer-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted);}
.drawer-body{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.mobile-nav-list li{border-bottom:1px solid rgba(255,255,255,0.04);}
.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:0.95rem;color:var(--color-text-white);cursor:pointer;}
.mobile-sub-menu{display:none;background-color:var(--bg-dark-card);border-radius:var(--radius-sm);padding:6px 12px;margin-bottom:10px;}
.mobile-sub-menu a{display:block;padding:8px 0;font-size:0.85rem;color:var(--color-text-muted);}
.mobile-has-sub.is-open .mobile-sub-menu{display:block;}
.mobile-has-sub.is-open .arrow-icon{transform:rotate(180deg);}
.mobile-drawer-footer{margin-top:30px;padding-top:20px;border-top:1px solid var(--color-border);}
.mobile-contact-call{display:block;color:var(--color-primary);font-weight:600;font-size:0.9rem;}
/* 屏幕尺寸 < 992px：移动端样式转换 */ @media (max-width:992px){.main-nav,.header-phone .phone-num{display:none;/* 移动端顶部只保留电话图标 */}
.hamburger-btn{display:flex;}
.footer-layer--primary{grid-template-columns:1fr;gap:40px;}
.site-footer{padding:20px 0;}
/* 移动端底部菜单变成上下折叠单列布局 */ .footer-nav-group{grid-template-columns:1fr;gap:0;border-top:1px solid var(--color-border);}
.accordion-col{border-bottom:1px solid var(--color-border);}
/* 移动端标题样式：允许点击 */ .accordion-title{display:flex;align-items:center;justify-content:space-between;padding:16px 0;margin-bottom:0;cursor:pointer;user-select:none;}
/* 折叠指示图标 (+) */ .accordion-icon{position:relative;width:14px;height:14px;}
.accordion-icon::before,.accordion-icon::after{content:'';position:absolute;background-color:var(--color-text-muted);transition:var(--transition-fast);}
.accordion-icon::before{top:6px;left:0;width:14px;height:2px;}
.accordion-icon::after{top:0;left:6px;width:2px;height:14px;}
/* 展开状态下变成 (-) Icon */ .accordion-col.is-open .accordion-icon::after{transform:rotate(90deg);opacity:0;}
/* 默认隐藏子菜单 */ .accordion-content{max-height:0;overflow:hidden;transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1);}
.accordion-content li{margin-bottom:10px;}
.accordion-col.is-open .accordion-content{padding-bottom:16px;}
.footer-layer--social,.footer-layer--copyright{flex-direction:column;align-items:flex-start;gap:16px;}
.sonlinkmenu .sonlinkmenu-box{flex-wrap:wrap;}
}@charset "utf-8";/* ============================================================ 全局通用样式 ============================================================ */ .no-copy{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
/* ============================================================ CSS 变量定义 ============================================================ */:root{--section-padding:100px 0;--card-radius:20px;--card-radius-sm:14px;--transition-smooth:0.4s cubic-bezier(0.25,0.1,0.25,1);--transition-bounce:0.5s cubic-bezier(0.34,1.56,0.64,1);--shadow-card:0 4px 24px rgba(0,0,0,0.25);--shadow-card-hover:0 20px 48px rgba(0,0,0,0.4);--shadow-gold:0 8px 32px rgba(242,210,139,0.15);--shadow-gold-hover:0 16px 48px rgba(242,210,139,0.25);}
/* ============================================================ 滚动触发动画 Keyframes ============================================================ */ @keyframes fadeInUp{from{opacity:0;transform:translateY(40px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(-40px);}
to{opacity:1;transform:translateX(0);}
}
@keyframes fadeInRight{from{opacity:0;transform:translateX(40px);}
to{opacity:1;transform:translateX(0);}
}
@keyframes scaleIn{from{opacity:0;transform:scale(0.9);}
to{opacity:1;transform:scale(1);}
}
@keyframes shimmer{0%{background-position:-200% center;}
100%{background-position:200% center;}
}
@keyframes float{0%,100%{transform:translateY(0);}
50%{transform:translateY(-8px);}
}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 0 0 rgba(242,210,139,0.4);}
50%{box-shadow:0 0 0 12px rgba(242,210,139,0);}
}
@keyframes countUp{from{opacity:0;transform:translateY(20px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes borderGlow{0%,100%{border-color:rgba(242,210,139,0.15);}
50%{border-color:rgba(242,210,139,0.4);}
}
@keyframes slideInStagger{from{opacity:0;transform:translateY(30px);}
to{opacity:1;transform:translateY(0);}
}
/* 滚动触发可见状态 */ .reveal{opacity:0;transition:opacity 0.8s cubic-bezier(0.25,0.1,0.25,1),transform 0.8s cubic-bezier(0.25,0.1,0.25,1);}
.reveal.reveal-up{transform:translateY(40px);}
.reveal.reveal-down{transform:translateY(-40px);}
.reveal.reveal-left{transform:translateX(-40px);}
.reveal.reveal-right{transform:translateX(40px);}
.reveal.reveal-scale{transform:scale(0.92);}
.reveal.is-visible{opacity:1;transform:translate(0) scale(1);}
/* Stagger children */ .reveal-stagger > *{opacity:0;transform:translateY(30px);transition:opacity 0.6s cubic-bezier(0.25,0.1,0.25,1),transform 0.6s cubic-bezier(0.25,0.1,0.25,1);}
.reveal-stagger > *.is-visible{opacity:1;transform:translateY(0);}
/* ============================================================ 页面头部导航 (Header) ============================================================ */ .Header-wrapper{position:fixed;top:0;left:0;width:100%;background:rgba(13,13,13,0.95);backdrop-filter:blur(10px);z-index:9999;border-bottom:1px solid rgba(255,255,255,0.05);transition:all 0.3s ease;}
.Header-wrapper.scrolled{background:rgba(13,13,13,0.98);box-shadow:0 2px 20px rgba(0,0,0,0.3);}
.Header-container{max-width:1280px;margin:0 auto;padding:0 30px;height:70px;position:relative;}
.Header-left{float:left;}
.Header-center{margin:0 200px 0 200px;height:70px;line-height:70px;}
.Header-right{float:right;position:relative;z-index:2;padding-top:15px;}
.Header-logo{position:relative;}
.Header-logo a{text-decoration:none;}
.Header-logo img{height:35px;transition:transform 0.3s ease;}
.Header-logo:hover img{transform:scale(1.05);}
.Header-logo p{margin:0;}
.Header-logo p img{height:20px;}
.Header-navclick{display:none;cursor:pointer;padding:10px;}
.Header-navclick span{display:block;}
.Header-navclick span{width:26px;height:2px;background:#ffffff;transition:all 0.3s ease;}
.Header-navclick.active span:nth-child(1){transform:rotate(45deg) translateY(7px);}
.Header-navclick.active span:nth-child(2){opacity:0;}
.Header-navclick.active span:nth-child(3){transform:rotate(-45deg) translateY(-7px);}
.Header-contact{padding:8px 16px;background:rgba(242,210,139,0.05);border-radius:8px;transition:all 0.3s ease;position:relative;margin:8px 0;text-align:center;}
.Header-contact:hover{background:rgba(242,210,139,0.1);border-color:rgba(242,210,139,0.5);}
.Header-contact-link{text-decoration:none;color:#f2d28b;transition:color 0.3s ease;display:block;}
.Header-contact:hover .Header-contact-link{color:#ffffff;}
.contact-icon{font-size:14px;}
.contact-text{font-size:18px;font-weight:600;font-family:"Arial","Microsoft YaHei",sans-serif;}
.contact-label{font-size:10px;color:#666666;margin-top:3px;}
.Header-navbarbox{position:relative;}
.Header-navbar ul{list-style:none;margin:0;padding:0;}
.Header-navbar li{position:relative;margin:0 15px;}
.Header-Menu{color:#ffffff;text-decoration:none;font-size:15px;font-weight:500;padding:24px 0;position:relative;transition:color 0.3s ease;}
.Header-Menu:hover{color:#f2d28b;}
.Header-Menu::after{content:"";position:absolute;bottom:18px;left:0;width:0;height:2px;background:#f2d28b;transition:width 0.3s ease;}
.Header-Menu:hover::after{width:100%;}
.Header-arr{display:inline-block;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#999999 transparent transparent transparent;margin-left:6px;transition:transform 0.3s ease;}
.Header-navbar li:hover .Header-arr{transform:rotate(180deg);border-color:#f2d28b transparent transparent transparent;}
.Header-dropdown{position:absolute;top:100%;left:0;min-width:200px;background:#181818;border-radius:10px;padding:10px 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;box-shadow:0 10px 40px rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.1);}
.Header-navbar li:hover .Header-dropdown{opacity:1;visibility:visible;transform:translateY(23px);}
.Header-dropdown-contain{padding:0;}
.Header-dpmenu{padding:0;}
.Header-dpmenu p{margin:0;}
.Header-dpmenu a{display:block;padding:12px 20px;color:#999999;text-decoration:none;font-size:14px;transition:all 0.3s ease;}
.Header-dpmenu a:hover{color:#f2d28b;background:rgba(242,210,139,0.1);}
.Header-dparr{width:6px;height:6px;border-right:1px solid #999999;border-bottom:1px solid #999999;transform:rotate(-45deg);margin-right:10px;transition:all 0.3s ease;}
.Header-dpmenu a:hover .Header-dparr{border-color:#f2d28b;}
.Header-navbar li.ontrue .Header-Menu{color:#f2d28b;}
.Header-navbar li.ontrue .Header-Menu::after{width:100%;}
/* ============================================================ 页面底部 (Footer) ============================================================ */ .Backtop{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#f2d28b,#e6c47a);border-radius:50%;text-align:center;line-height:50px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s ease;z-index:9999;box-shadow:0 4px 15px rgba(242,210,139,0.3);display:flex;align-items:center;justify-content:center;}
.Backtop.show{opacity:1;visibility:visible;transform:translateY(0);}
.Backtop:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(242,210,139,0.4);}
.Backtop img{width:22px;height:22px;filter:brightness(0) saturate(100%) invert(8%) sepia(8%) saturate(7%) hue-rotate(322deg) brightness(95%) contrast(86%);}
/* ============================================================ 面包屑导航 + 分类导航 一体化横排设计 ============================================================ */ .sonlinkmenu{background:linear-gradient(135deg,#18181b,#1a1a1e);border-bottom:1px solid rgba(255,255,255,0.05);}
.sonlinkmenu .sonlinkmenu-box{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0px;min-height:64px;overflow: hidden;}
/* 面包屑导航 - 左侧 */ .sonlink{display:flex;align-items:center;gap:0;font-size:14px;flex-shrink:0;}
.sonlink a{display:flex;align-items:center;color:#888;text-decoration:none;transition:all 0.3s ease;padding:4px 8px;white-space:nowrap;}
.sonlink a:hover{color:#f2d28b;}
.sonlink a:first-child{width:32px;height:32px;background:rgba(255,255,255,0.06);border-radius:8px;text-align:center;justify-content:center;padding:0;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.08);}
.sonlink a:first-child:hover{background:rgba(242,210,139,0.12);border-color:rgba(242,210,139,0.25);}
.sonlink a:first-child::before{content:"";display:inline-block;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f2d28b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'/%3E%3C/svg%3E") center/contain no-repeat;}
.sonlink a:first-child span{display:none;}
.sonlink a:not(:first-child)::before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;opacity:0.6;transition:opacity 0.3s ease;}
.sonlink a:not(:first-child):hover::before{opacity:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f2d28b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;}
.sonlink a:last-child{color:#e0e0e0;font-weight:600;pointer-events:none;font-size:14px;}
/* 分类导航 - 右侧 */ .sonmenu{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.sonmenu a{display:inline-flex;align-items:center;padding:8px 20px;color:#999;text-decoration:none;font-size:13px;font-weight:500;border-radius:20px;transition:all 0.35s cubic-bezier(0.25,0.1,0.25,1);border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.03);white-space:nowrap;letter-spacing:0.3px;}
.sonmenu a:hover{color:#f2d28b;background:rgba(242,210,139,0.06);border-color:rgba(242,210,139,0.2);transform:translateY(-1px);}
.sonmenu a.ontrue{color:#0d0d0d;background:linear-gradient(135deg,#f2d28b,#e0bc70);font-weight:600;border-color:transparent;box-shadow:0 4px 16px rgba(242,210,139,0.25);}
.sonmenu a.ontrue:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(242,210,139,0.35);}
.sonmenu-3{gap:6px;}
.sonmenu-3 a{padding:7px 16px;font-size:12px;}
/* ============================================================ 分页样式 (Pagination) ============================================================ */ .fullpage{text-align:center;padding:40px 0;display:flex;align-items:center;justify-content:center;}
.fullpage-num{overflow:hidden;}
.fullpage-num a{float:left;margin:4px;min-width:42px;height:42px;padding:0 12px;line-height:42px;text-align:center;background:#181818;border-radius:10px;color:#999999;text-decoration:none;font-size:14px;font-weight:500;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.05);}
.fullpage-num a:hover{background:rgba(242,210,139,0.15);color:#f2d28b;border-color:rgba(242,210,139,0.3);}
.fullpage-num a.on{background:linear-gradient(135deg,#f2d28b,#e6c47a);color:#0d0d0d;border-color:#f2d28b;font-weight:600;}
.fullpage-num a:first-child,.fullpage-num a:last-child{min-width:auto;padding:0 18px;}
/* ============================================================ 内页Banner英雄区 (Hero Banner) ============================================================ */ .page-banner{background:linear-gradient( 135deg,rgba(26,26,26,0.98) 0%,rgba(13,13,13,0.95) 100% );padding:60px 30px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.05);margin-top:70px;position:relative;overflow:hidden;}
.page-banner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient( ellipse at top right,rgba(242,210,139,0.05) 0%,transparent 50% );}
.page-banner-content{position:relative;z-index:2;max-width:800px;margin:0 auto;}
.page-banner h1{font-size:40px;color:#ffffff;margin:0 0 16px 0;font-weight:700;line-height:1.2;letter-spacing:-0.5px;}
.page-banner h1::after{content:"";display:block;width:60px;height:3px;background:linear-gradient(90deg,#f2d28b,#e6c47a);border-radius:2px;margin:20px auto 0;}
.page-banner p{font-size:16px;color:#999999;margin:0;line-height:1.8;max-width:600px;margin:0 auto;}
.page-banner .banner-subtitle{display:inline-block;padding:8px 20px;background:rgba(242,210,139,0.1);border:1px solid rgba(242,210,139,0.2);border-radius:20px;font-size:13px;color:#f2d28b;margin-bottom:20px;letter-spacing:1px;}
/* ============================================================ 文章上下篇切换 (Next/Prev Navigation) ============================================================ */ .casexqpn{background:transparent;padding:30px 0;overflow:hidden;display:flex;gap:20px;}
.casexqpn-prev,.casexqpn-next{float:left;width:45%;padding:20px 24px;background:#181818;border-radius:12px;color:#999999;text-decoration:none;font-size:14px;transition:all 0.3s ease;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.05);}
.casexqpn-prev::before,.casexqpn-next::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#f2d28b,#e6c47a);opacity:0;transition:opacity 0.3s ease;}
.casexqpn-prev:hover,.casexqpn-next:hover{background:rgba(242,210,139,0.1);color:#f2d28b;border-color:rgba(242,210,139,0.3);}
.casexqpn-prev:hover::before,.casexqpn-next:hover::before{opacity:1;}
.casexqpn-prev{text-align:left;}
.casexqpn-prev::after{content:"←";margin-right:10px;font-size:16px;transition:transform 0.3s ease;}
.casexqpn-prev:hover::after{transform:translateX(-3px);}
.casexqpn-next{text-align:right;}
.casexqpn-next::before{left:auto;right:0;}
.casexqpn-next::after{content:"→";margin-left:10px;font-size:16px;transition:transform 0.3s ease;}
.casexqpn-next:hover::after{transform:translateX(3px);}
.casexqpn-more{float:left;width:80px;height:80px;margin:0 2.5%;text-align:center;line-height:80px;background:linear-gradient(135deg,#f2d28b,#e6c47a);border-radius:50%;color:#0d0d0d;text-decoration:none;font-size:12px;font-weight:600;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(242,210,139,0.3);}
.casexqpn-more:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(242,210,139,0.4);}
.casexqpn-more i{width:20px;height:20px;margin-bottom:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D0D0D' stroke-width='2'%3E%3Cpath d='M3 12h18M5 18l7-6-7-6'/%3E%3C/svg%3E") center/contain no-repeat;}
.casexqpn span{line-height:1.2;text-align:center;}
.casexqpn-prev[href="javascript:;"],.casexqpn-next[href="javascript:;"]{opacity:0.4;cursor:not-allowed;}
.casexqpn-prev[href="javascript:;"]:hover,.casexqpn-next[href="javascript:;"]:hover{background:#181818;color:#999999;border-color:rgba(255,255,255,0.05);}
/* ============================================================ 响应式适配 (Header/Breadcrumb/Pagination) ============================================================ */ @media (max-width:1000px){/* Header */ .Header-container{padding:0 20px;}
.Header-left{width:auto;}
.Header-right{float:right;}
.Header-navclick{display:block;float:right;margin-top:10px;}
.Header-navclick span:nth-child(2){width:20px;}
.Header-navbarbox{position:absolute;top:70px;left:0;width:100%;background:#181818;max-height:0;overflow:hidden;transition:max-height 0.3s ease;z-index:9998;}
.Header-navbarbox.active{max-height:600px;}
.Header-navbar ul{padding:10px 20px;}
.Header-navbar li{border-bottom:1px solid rgba(255,255,255,0.05);margin:0;}
.Header-Menu{padding:15px 0;display:block;width:100%;position:relative;}
.Header-Menu::after{display:none;}
.Header-dropdown{position:static;opacity:1;visibility:visible;transform:translateY(0);background:transparent;box-shadow:none;border:none;padding:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease;}
.Header-dropdown.active{max-height:400px;}
.Header-dpmenu a{padding-left:30px;}
.Header-contact{padding:6px 10px;background:transparent;}
.Header-contact-link{font-size:13px;}
.contact-icon{font-size:14px;}
.contact-text{font-size:13px;}
.contact-label{display:none;}
/* Footer */ .Footer-info{width:100%;float:none;clear:left;margin-top:30px;}
/* Banner */ .page-banner h1{font-size:28px;}
.page-banner p{font-size:14px;}
.casexqpn-prev,.casexqpn-next{width:100%;float:none;}
.casexqpn-more{width:60px;height:60px;}
}
@media (max-width:640px){/* Header */ .Header-left{float:left;}
.Header-center{position:static;height:auto;line-height:normal;margin:0;}
.Header-right{float:right;position:relative;}
.Header-container{padding:8px 15px;height:60px;}
.Header-logo img{height:28px;}
.Header-logo p{display:none;}
.Header-contact{padding:3px 6px;border-width:1px;background:transparent;}
.Header-contact-link{font-size:12px;}
.contact-icon{font-size:12px;}
.contact-text{font-size:12px;font-weight:600;}
.contact-label{display:none;}
.Header-navbar{width:100%;}
.Header-navbarbox{position:absolute;top:50px;left:0;width:100%;max-height:0;overflow:hidden;background:#0d0d0d;z-index:9998;}
.Header-navbarbox.active{max-height:500px;}
.Backtop{right:20px;bottom:20px;width:45px;height:45px;}
/* Breadcrumb + Sub Navigation */ .sonlinkmenu .contain{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 20px;}
.sonlinkmenu .contain::before{display:none;}
.sonlink{font-size:13px;}
.sonlink a:not(:first-child)::before{width:14px;height:14px;}
.sonmenu{justify-content:flex-start;width:100%;}
.sonmenu a{padding:6px 14px;font-size:12px;}
/* Pagination */ .fullpage-num a{min-width:36px;height:36px;font-size:13px;padding:0 8px;line-height: 36px;}
.fullpage-num a:first-child,.fullpage-num a:last-child{padding:0 12px;}
/* Banner */ .page-banner{padding:30px 20px;margin-top:60px;}
.page-banner h1{font-size:24px;}
.page-banner h1::after{width:30px;height:2px;margin-top:12px;}
.page-banner p{font-size:13px;}
}
/* ============================================================ ==================== 首页样式 - 优化版 ==================== ============================================================ */ /* --- 通用 Section 容器 --- */ .home-section{padding:var(--section-padding);position:relative;overflow:hidden;}
.home-section.gray-bg{background:#0f0f12;position:relative;}
.home-section.gray-bg::before{content:"";position:absolute;inset:0;background:radial-gradient( ellipse at 20% 50%,rgba(242,210,139,0.03) 0%,transparent 60% ),radial-gradient( ellipse at 80% 20%,rgba(242,210,139,0.02) 0%,transparent 50% );pointer-events:none;}
/* --- Section 标题优化 --- */ .section-title{text-align:center;margin-bottom:72px;position:relative;}
.section-title h2{font-size:38px;color:#ffffff;font-weight:700;letter-spacing:-0.5px;margin-bottom:20px;position:relative;display:inline-block;}
.section-title h2::after{content:"";position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);width:56px;height:3px;background:linear-gradient(90deg,#f2d28b,#e6c47a);border-radius:3px;}
.section-title p{font-size:16px;color:#888;margin-top:26px;font-weight:400;letter-spacing:0.3px;}
/* ============================================================ 核心产品分类 - 卡片优化 ============================================================ */ .product-categories{display:flex;flex-wrap:wrap;gap:24px;margin:0;}
.product-categories > div{flex:0 0 calc(25% - 18px);box-sizing:border-box;}
.product-card{background:#151518;border-radius:var(--card-radius);padding:40px 28px 32px;text-align:center;border:1px solid rgba(255,255,255,0.06);transition:var(--transition-smooth);position:relative;overflow:hidden;cursor:pointer;}
.product-card::before{content:"";position:absolute;inset:0;border-radius:var(--card-radius);background:radial-gradient( circle at 50% 0%,rgba(242,210,139,0.08),transparent 70% );opacity:0;transition:opacity 0.5s ease;pointer-events:none;}
.product-card:hover::before{opacity:1;}
.product-card::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%) scaleX(0);width:60%;height:2px;background:linear-gradient(90deg,transparent,#f2d28b,transparent);transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none;}
.product-card:hover::after{transform:translateX(-50%) scaleX(1);}
.product-card:hover{transform:translateY(-10px);border-color:rgba(242,210,139,0.25);box-shadow:var(--shadow-gold-hover);}
.product-card img{width:100%;max-width:180px;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px;margin-bottom:24px;transition:var(--transition-bounce);}
.product-card:hover img{transform:scale(1.08);}
.product-card h3{font-size:17px;color:#ffffff;font-weight:600;margin-bottom:4px;letter-spacing:0.3px;transition:color 0.3s ease;}
.product-card h3 a{color:inherit;text-decoration:none;}
.product-card:hover h3{color:#f2d28b;}
/* ============================================================ COB核心优势 - 卡片优化 ============================================================ */ .cob-advantages{display:flex;flex-wrap:wrap;gap:28px;margin:0;}
.cob-advantages > div{flex:0 0 calc(33.333% - 18.67px);box-sizing:border-box;}
.advantage-card{background:linear-gradient( 160deg,rgba(242,210,139,0.08),rgba(230,196,122,0.03) );border-radius:var(--card-radius);padding:48px 36px;text-align:center;border:1px solid rgba(242,210,139,0.12);transition:var(--transition-smooth);position:relative;overflow:hidden;}
.advantage-card::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient( circle,rgba(242,210,139,0.06) 0%,transparent 60% );opacity:0;transition:opacity 0.5s ease;pointer-events:none;}
.advantage-card:hover::before{opacity:1;}
.advantage-card:hover{transform:translateY(-8px);border-color:rgba(242,210,139,0.35);box-shadow:var(--shadow-gold-hover);}
.advantage-card .icon{width:72px;height:72px;background:linear-gradient(135deg,#f2d28b,#e6c47a);border-radius:18px;text-align:center;line-height:72px;margin:0 auto 24px;font-size:32px;color:#0d0d0d;transition:var(--transition-bounce);box-shadow:0 8px 24px rgba(242,210,139,0.2);}
.advantage-card:hover .icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 12px 32px rgba(242,210,139,0.35);}
.advantage-card h3{font-size:22px;color:#ffffff;font-weight:600;margin-bottom:14px;letter-spacing:0.3px;}
.advantage-card p{font-size:15px;color:#999;line-height:1.75;margin:0;}
/* ============================================================ 数据统计 - 数字滚动效果 ============================================================ */ .stats-section{background:linear-gradient(180deg,#0e0e11 0%,#131316 100%);padding:80px 0;position:relative;}
.stats-section::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient( 90deg,transparent,rgba(242,210,139,0.2),transparent );}
.stats-grid{display:flex;flex-wrap:wrap;gap:20px;margin:0;text-align:center;}
.stats-grid > div{flex:0 0 calc(25% - 20px);box-sizing:border-box;}
.stat-item{padding:32px 20px;position:relative;}
.stat-item:not(:last-child)::after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:linear-gradient( 180deg,transparent,rgba(255,255,255,0.1),transparent );}
.stat-item .number{font-size:56px;font-weight:800;color:#f2d28b;margin-bottom:12px;font-family:"Arial","Helvetica Neue",sans-serif;letter-spacing:-1px;transition:color 0.3s ease;}
.stat-item:hover .number{text-shadow:0 0 40px rgba(242,210,139,0.4);}
.stat-item .label{font-size:15px;color:#888;letter-spacing:0.5px;font-weight:400;}
/* ============================================================ 热销产品 - 卡片优化 ============================================================ */ .hot-products{display:flex;flex-wrap:wrap;gap:24px;margin:0;}
.hot-products > div{flex:0 0 calc(25% - 18px);box-sizing:border-box;}
.hot-product-card{background:#151518;border-radius:var(--card-radius);overflow:hidden;border:1px solid rgba(255,255,255,0.06);transition:var(--transition-smooth);position:relative;}
.hot-product-card::before{content:"";position:absolute;inset:0;border-radius:var(--card-radius);background:linear-gradient( 180deg,transparent 60%,rgba(242,210,139,0.03) 100% );opacity:0;transition:opacity 0.5s ease;pointer-events:none;z-index:1;}
.hot-product-card:hover::before{opacity:1;}
.hot-product-card:hover{transform:translateY(-10px);border-color:rgba(242,210,139,0.3);box-shadow:var(--shadow-gold-hover);}
.hot-product-card a{display:block;text-decoration:none;color:inherit;}
.hot-product-card .product-img{width:100%;height:280px;object-fit:cover;display:block;transition:transform 0.6s cubic-bezier(0.25,0.1,0.25,1);}
.hot-product-card:hover .product-img{transform:scale(1.06);}
.hot-product-card .product-info{padding:22px 20px 24px;position:relative;z-index:2;}
.hot-product-card h3{font-size:15px;color:#ffffff;font-weight:600;margin-bottom:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s ease;}
.hot-product-card:hover h3{color:#f2d28b;}
.hot-product-card p{font-size:13px;color:#777;margin:0 0 16px;line-height:1.5;}
.hot-product-card .price{font-size:18px;color:#f2d28b;font-weight:700;}
/* ============================================================ 应用场景 - 卡片优化 ============================================================ */ .application-scenarios{display:flex;flex-wrap:wrap;gap:20px;margin:0;}
.application-scenarios > div{flex:0 0 calc(25% - 15px);box-sizing:border-box;}
.scenario-card{position:relative;height:240px;border-radius:var(--card-radius);overflow:hidden;cursor:pointer;transition:var(--transition-bounce);border:1px solid rgba(255,255,255,0.06);}
.scenario-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-gold-hover);border-color:rgba(242,210,139,0.3);}
.scenario-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.7s cubic-bezier(0.25,0.1,0.25,1);}
.scenario-card:hover img{transform:scale(1.12);}
.scenario-card .overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient( to top,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.4) 60%,transparent 100% );padding:32px 24px 20px;transition:padding 0.4s ease;}
.scenario-card:hover .overlay{padding-bottom:28px;}
.scenario-card h3{font-size:17px;color:#ffffff;margin:0;font-weight:600;letter-spacing:0.3px;transition:transform 0.4s ease,color 0.3s ease;}
.scenario-card:hover h3{color:#f2d28b;transform:translateY(-2px);}
/* ============================================================ 技术研发 - 卡片优化 ============================================================ */ .tech-section{display:flex;flex-wrap:wrap;gap:24px;margin:0;}
.tech-section > div{flex:0 0 calc(25% - 18px);box-sizing:border-box;}
.tech-card{background:#151518;border-radius:var(--card-radius);padding:36px 24px 32px;text-align:center;transition:var(--transition-smooth);border:1px solid rgba(255,255,255,0.06);position:relative;overflow:hidden;}
.tech-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f2d28b,#e6c47a);transform:scaleX(0);transform-origin:left;transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1);}
.tech-card:hover::before{transform:scaleX(1);}
.tech-card:hover{background:rgba(242,210,139,0.06);border-color:rgba(242,210,139,0.2);transform:translateY(-6px);box-shadow:0 12px 36px rgba(0,0,0,0.3);}
.tech-card .icon{width:60px;height:60px;background:linear-gradient(135deg,rgba(242,210,139,0.15),rgba(242,210,139,0.05));border-radius:16px;text-align:center;line-height:60px;margin:0 auto 20px;font-size:28px;color:#f2d28b;transition:var(--transition-bounce);}
.tech-card:hover .icon{transform:scale(1.1) rotate(-3deg);background:linear-gradient(135deg,rgba(242,210,139,0.25),rgba(242,210,139,0.1));}
.tech-card h3{font-size:17px;color:#ffffff;font-weight:600;margin-bottom:10px;letter-spacing:0.3px;}
.tech-card p{font-size:14px;color:#888;margin:0;line-height:1.65;}
/* ============================================================ 为什么选择我们 - 卡片优化 ============================================================ */ .why-choose{display:flex;flex-wrap:wrap;gap:24px;margin:0;}
.why-choose > div{flex:0 0 calc(25% - 18px);box-sizing:border-box;}
.why-card{background:#151518;border-radius:var(--card-radius);padding:36px 24px 32px;text-align:center;border:1px solid rgba(255,255,255,0.06);transition:var(--transition-smooth);position:relative;overflow:hidden;}
.why-card:hover{transform:translateY(-8px);border-color:rgba(242,210,139,0.25);box-shadow:var(--shadow-gold-hover);}
.why-card .number{width:48px;height:48px;background:linear-gradient(135deg,#f2d28b,#e6c47a);border-radius:14px;text-align:center;line-height:48px;margin:0 auto 20px;font-size:20px;font-weight:800;color:#0d0d0d;transition:var(--transition-bounce);box-shadow:0 4px 16px rgba(242,210,139,0.2);}
.why-card:hover .number{transform:scale(1.1) rotate(-8deg);box-shadow:0 8px 24px rgba(242,210,139,0.35);}
.why-card h3{font-size:18px;color:#ffffff;font-weight:600;margin-bottom:12px;letter-spacing:0.3px;}
.why-card p{font-size:14px;color:#888;margin:0;line-height:1.7;}
/* ============================================================ SEO内容 - 卡片优化 ============================================================ */ .seo-section{display:flex;flex-wrap:wrap;gap:24px;margin:0;}
.seo-section > div{flex:0 0 calc(50% - 12px);box-sizing:border-box;}
.seo-card{background:#151518;border-radius:var(--card-radius);padding:32px;transition:var(--transition-smooth);border:1px solid rgba(255,255,255,0.06);position:relative;overflow:hidden;}
.seo-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#f2d28b,#e6c47a);border-radius:0 3px 3px 0;transform:scaleY(0);transform-origin:top;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);}
.seo-card:hover::before{transform:scaleY(1);}
.seo-card:hover{background:rgba(242,210,139,0.04);border-color:rgba(242,210,139,0.2);transform:translateX(6px);box-shadow:0 8px 32px rgba(0,0,0,0.3);}
.seo-card h3{font-size:17px;color:#ffffff;font-weight:600;margin-bottom:14px;line-height:1.5;transition:color 0.3s ease;}
.seo-card:hover h3{color:#f2d28b;}
.seo-card p{font-size:14px;color:#888;margin:0;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.seo-card .read-more{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:14px;color:#f2d28b;text-decoration:none;font-weight:500;transition:gap 0.3s ease;}
.seo-card .read-more:hover{gap:12px;}
/* ============================================================ 客户评价 - 优化 ============================================================ */ .testimonials-wrapper{position:relative;max-width:1200px;margin:0 auto;}
.testimonials-container{overflow:hidden;border-radius:var(--card-radius);margin:0 50px;}
.testimonials{display:flex;transition:transform 0.5s cubic-bezier(0.25,0.1,0.25,1);margin:0;}
.testimonial-card{flex:0 0 33.333%;padding:0 16px;box-sizing:border-box;position:relative;}
.testimonial-body{background:#151518;border-radius:var(--card-radius);padding:36px 28px 28px;border:1px solid rgba(255,255,255,0.06);transition:var(--transition-smooth);height:100%;position:relative;display:flex;flex-direction:column;}
.testimonial-card:hover .testimonial-body{border-color:rgba(242,210,139,0.25);box-shadow:var(--shadow-gold);transform:translateY(-4px);}
.testimonial-body .quote{font-size:48px;color:rgba(242,210,139,0.12);position:absolute;top:16px;right:20px;font-family:Georgia,serif;line-height:1;pointer-events:none;}
.testimonial-body p{font-size:15px;color:#aaa;line-height:1.8;margin:0 0 24px;position:relative;z-index:1;flex:1;}
.testimonial-body .author{display:flex;align-items:center;gap:12px;}
.testimonial-body .author-avatar{width:44px;height:44px;background:linear-gradient(135deg,#f2d28b,#e6c47a);border-radius:50%;text-align:center;line-height:44px;font-size:16px;font-weight:700;color:#0d0d0d;flex-shrink:0;}
.testimonial-body .author-info{flex:1;}
.testimonial-body .author-name{font-size:15px;color:#ffffff;font-weight:600;margin-bottom:2px;}
.testimonial-body .author-company{font-size:13px;color:#777;}
/* 评价切换按钮 */ .testimonial-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#1e1e22;border-radius:50%;text-align:center;line-height:48px;cursor:pointer;transition:var(--transition-smooth);z-index:10;border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;}
.testimonial-nav:hover{background:#f2d28b;border-color:#f2d28b;box-shadow:0 8px 24px rgba(242,210,139,0.3);}
.testimonial-nav:hover svg path{stroke:#0d0d0d;}
.testimonial-nav svg{width:18px;height:18px;}
.testimonial-nav svg path{stroke:#999;transition:stroke 0.3s ease;}
.testimonial-nav.prev{left:0;}
.testimonial-nav.next{right:0;}
/* ============================================================ FAQ - 优化 ============================================================ */ .faq-section{max-width:860px;margin:0 auto;}
.faq-item{border-bottom:1px solid rgba(255,255,255,0.08);transition:border-color 0.3s ease;}
.faq-item:last-child{border-bottom:none;}
.faq-item:hover{border-bottom-color:rgba(242,210,139,0.2);}
.faq-question{padding:22px 0;cursor:pointer;font-size:16px;color:#ddd;font-weight:500;transition:color 0.3s ease;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.faq-question:hover{color:#f2d28b;}
.faq-question::after{content:"+";width:28px;height:28px;background:#252528;border-radius:50%;text-align:center;line-height:28px;font-size:18px;color:#888;transition:var(--transition-smooth);flex-shrink:0;}
.faq-question.active::after{transform:rotate(45deg);background:#f2d28b;color:#0d0d0d;}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.45s cubic-bezier(0.25,0.1,0.25,1);}
.faq-answer.active{max-height:200px;padding-bottom:24px;}
.faq-answer p{font-size:15px;color:#999;line-height:1.8;margin:0;}
/* ============================================================ CTA区域 - 优化 ============================================================ */ .cta-section{background:linear-gradient(180deg,#0e0e11 0%,#111115 100%);padding:100px 0;text-align:center;position:relative;overflow:hidden;}
.cta-section::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient( circle,rgba(242,210,139,0.06) 0%,transparent 70% );pointer-events:none;}
.cta-section h2{font-size:36px;color:#ffffff;font-weight:700;margin-bottom:18px;letter-spacing:-0.5px;position:relative;z-index:1;}
.cta-section p{font-size:17px;color:#999;margin-bottom:36px;position:relative;z-index:1;}
.cta-button{display:inline-block;padding:16px 48px;background:linear-gradient(135deg,#f2d28b,#e6c47a);color:#0d0d0d;text-decoration:none;font-weight:700;font-size:16px;border-radius:50px;transition:var(--transition-bounce);box-shadow:0 6px 24px rgba(242,210,139,0.3);position:relative;z-index:1;letter-spacing:0.3px;}
.cta-button:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 12px 36px rgba(242,210,139,0.45);}
.cta-button:active{transform:translateY(-2px) scale(0.98);}


/* product list */
        .pro-box {
            padding: 60px 0;
            display: flex;
            gap: 40px;
        }

        .promenu {
            flex: 0 0 260px;
            background: #181818;
            border-radius: 16px;
            padding: 30px;
            position: sticky;
            top: 90px;
        }

        .promenu ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .prolist {
            width: 100%;
        }

        .category-tabs {
            background: #181818;
            border-radius: 12px;
            padding: 15px 20px;
            margin-bottom: 20px;
        }

        .category-tabs ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .category-tabs li {
            margin: 0;
        }

        .category-tabs a {
            display: inline-flex;
            padding: 10px 22px;
            background: #252525;
            border-radius: 25px;
            color: #999999;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            transition: all 0.3s ease;
            border: 1px solid transparent;
        }

        .category-tabs a:hover {
            background: rgba(242, 210, 139, 0.15);
            color: #F2D28B;
        }

        .category-tabs a.cur {
            background: linear-gradient(135deg, #F2D28B, #E6C47A);
            color: #0D0D0D;
            font-weight: 600;
        }

        .prolist .row {
            background: #181818;
            border-radius: 12px;
            padding: 20px;
            margin-bottom: 30px;
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            align-items: center;
        }

        .prolist .filter-item {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .prolist .filter-label {
            font-size: 14px;
            color: #999999;
            font-weight: 600;
        }

        .prolist select {
            padding: 12px 20px;
            background: #0D0D0D;
            border: 1px solid #333;
            border-radius: 8px;
            color: #FFFFFF;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s ease;
            min-width: 150px;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 12px center;
        }

        .prolist select:hover {
            border-color: #F2D28B;
        }

        .prolist select:focus {
            outline: none;
            border-color: #F2D28B;
            box-shadow: 0 0 0 3px rgba(242, 210, 139, 0.1);
        }

        .prolist ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
        }

        .prolist li {
            background: #181818;
            border-radius: 16px;
            overflow: hidden;
            transition: all 0.3s ease;
            border: 1px solid rgba(255, 255, 255, 0.05);
        }

        .prolist li:hover {
            transform: translateY(-8px);
            border-color: #F2D28B;
            box-shadow: 0 15px 40px rgba(242, 210, 139, 0.15);
        }

        .prolist-img {
            height: 310px;
            overflow: hidden;
        }

        .prolist-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .prolist li:hover .prolist-img img {
            transform: scale(1.05);
        }

        .prolist-wd {
            padding: 20px;
        }

        .prolist-wdtit h4 {
            font-size: 17px;
            color: #FFFFFF;
            margin: 0 0 10px 0;
            font-weight: 600;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-height: 1.5;
        }

        .prolist-wddes p {
            font-size: 13px;
            color: #999999;
            line-height: 1.6;
            margin: 0 0 15px 0;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .prolist .more {
            display: inline-flex;
            align-items: center;
            font-size: 13px;
            color: #F2D28B;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        .prolist .more::after {
            content: '�?;
            margin-left: 8px;
        }

        .prolist li:hover .more {
            padding-left: 5px;
        }

        @media (max-width: 1200px) {
            .prolist ul {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 1000px) {
            .pro-box {
                padding: 20px 0;
            }
        }

        @media (max-width: 640px) {
            .pro-box {
                padding: 20px 0;
            }

            .prolist ul {
                grid-template-columns: 1fr;
            }

            .prolist .row {
                padding: 15px 20px;
            }

        }


/* ============================================================ 首页响应式适配 ============================================================ */ @media (max-width:1200px){:root{--section-padding:80px 0;}
.section-title{margin-bottom:56px;}
.section-title h2{font-size:32px;}
.product-categories > div,.hot-products > div{flex:0 0 calc(33.333% - 16px);}
.product-card img{max-width:140px;}
.hot-product-card .product-img{height:240px;}
.stat-item .number{font-size:46px;}
}
@media (max-width:1000px){:root{--section-padding:64px 0;}
.section-title{margin-bottom:44px;}
.section-title h2{font-size:28px;}
.section-title p{font-size:14px;}
.product-categories > div{flex:0 0 calc(50% - 12px);}
.cob-advantages > div{flex:0 0 100%;}
.stats-grid > div{flex:0 0 50%;}
.hot-products > div{flex:0 0 calc(50% - 12px);}
.application-scenarios > div{flex:0 0 calc(50% - 10px);}
.tech-section > div{flex:0 0 calc(50% - 12px);}
.why-choose > div{flex:0 0 calc(50% - 12px);}
.seo-section > div{flex:0 0 100%;}
.testimonial-card{flex:0 0 50%;}
.testimonial-nav{display:none;}
.testimonials-container{margin:0 16px;}
.stat-item:not(:last-child)::after{display:none;}
.stat-item:nth-child(odd)::after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:linear-gradient( 180deg,transparent,rgba(255,255,255,0.08),transparent );}
}
@media (max-width:640px){:root{--section-padding:48px 0;}
.section-title{margin-bottom:36px;}
.section-title h2{font-size:24px;}
.section-title h2::after{width:40px;height:2px;bottom:-10px;}
.section-title p{font-size:13px;margin-top:18px;}
.product-categories{gap:14px;}
.product-categories > div{flex:0 0 calc(50% - 7px);}
.product-card{padding:28px 16px 24px;}
.product-card img{max-width:100px;}
.product-card h3{font-size:14px;}
.cob-advantages{gap:14px;}
.cob-advantages > div{flex:0 0 calc(50% - 7px);}
.advantage-card{padding:28px 16px;}
.advantage-card .icon{width:52px;height:52px;line-height:52px;font-size:24px;border-radius:14px;}
.advantage-card h3{font-size:16px;}
.advantage-card p{font-size:13px;}
.stats-grid > div{flex:0 0 50%;}
.stats-section{padding:48px 0;}
.stat-item .number{font-size:36px;}
.stat-item .label{font-size:13px;}
.hot-products{gap:14px;}
.hot-products > div{flex:0 0 calc(50% - 7px);}
.hot-product-card .product-img{height:160px;}
.hot-product-card .product-info{padding:16px 14px 18px;}
.hot-product-card h3{font-size:13px;}
.application-scenarios{gap:10px;}
.application-scenarios > div{flex:0 0 calc(50% - 5px);}
.scenario-card{height:160px;}
.scenario-card h3{font-size:14px;}
.scenario-card .overlay{padding:20px 16px 14px;}
.tech-section{gap:14px;}
.tech-section > div{flex:0 0 calc(50% - 7px);}
.tech-card{padding:24px 16px;}
.tech-card .icon{width:46px;height:46px;line-height:46px;font-size:22px;border-radius:12px;}
.tech-card h3{font-size:14px;}
.tech-card p{font-size:12px;}
.why-choose{gap:14px;}
.why-choose > div{flex:0 0 calc(50% - 7px);}
.why-card{padding:24px 14px;}
.why-card .number{width:38px;height:38px;line-height:38px;font-size:16px;border-radius:10px;}
.why-card h3{font-size:15px;}
.why-card p{font-size:12px;}
.seo-section{gap:14px;}
.seo-card{padding:24px 20px;}
.seo-card h3{font-size:15px;}
.testimonial-card{flex:0 0 100%;padding:0 8px;}
.testimonials-container{margin:0;}
.faq-question{font-size:14px;padding:18px 0;}
.faq-answer p{font-size:13px;}
.cta-section{padding:64px 0;}
.cta-section h2{font-size:24px;}
.cta-section p{font-size:14px;}
.cta-button{padding:14px 36px;font-size:14px;}
}
/* ============================================================ 关于我们页面样式 (About Page) ============================================================ */ /* Hero区域 */ /* ============================================================ About Hero - 增强版 ============================================================ */ .about-hero{position:relative;height:520px;text-align:center;overflow:hidden;}
.about-hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 135deg,rgba(13,13,13,0.96) 0%,rgba(20,20,20,0.88) 50%,rgba(13,13,13,0.95) 100% );z-index:1;}
.about-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/aboban.jpg") center/cover;opacity:0.18;animation:heroBgPulse 8s ease-in-out infinite;}
@keyframes heroBgPulse{0%,100%{opacity:0.16;transform:scale(1);}
50%{opacity:0.22;transform:scale(1.04);}
}
.about-hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:0 30px;top:50%;transform:translateY(-50%);}
.about-hero-content.reveal-up{transform:translateY(-50%) translateY(40px);}
.about-hero-content.reveal-up.is-visible{transform:translateY(-50%) translateY(0);}
.about-hero h1{font-size:52px;color:#ffffff;margin-bottom:24px;font-weight:700;line-height:1.25;letter-spacing:-0.5px;}
.about-hero p{font-size:18px;color:#a0a0a0;line-height:1.85;margin-bottom:30px;max-width:680px;margin-left:auto;margin-right:auto;}
.about-hero .highlight{color:#f2d28b;position:relative;}
.about-hero .highlight::after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:2px;background:rgba(242,210,139,0.3);border-radius:1px;}
.about-section{padding:100px 0;}
.about-section.gray-bg{background:#141416;}
/* ============================================================ Section Title - 增强版 ============================================================ */ .about-section .section-title{text-align:center;margin-bottom:56px;}
.about-section .section-title h2{font-size:38px;color:#ffffff;font-weight:700;margin-bottom:16px;letter-spacing:-0.5px;position:relative;display:inline-block;}
.about-section .section-title h2::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:50px;height:3px;background:#f2d28b;border-radius:2px;}
.about-section .section-title p{font-size:16px;color:#888;margin-top:18px;line-height:1.6;}
/* ============================================================ 企业核心数据 - 增强版 ============================================================ */ .stat-card{background:#18181b;border-radius:20px;padding:48px 30px 44px;text-align:center;transition:all 0.45s cubic-bezier(0.25,0.1,0.25,1);border:1px solid rgba(255,255,255,0.06);position:relative;overflow:hidden;}
.stat-card::before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(180deg,rgba(242,210,139,0.04) 0%,transparent 60%);opacity:0;transition:opacity 0.5s ease;pointer-events:none;}
.stat-card:hover::before{opacity:1;}
.stat-card:hover{transform:translateY(-8px);border-color:rgba(242,210,139,0.25);box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 0 1px rgba(242,210,139,0.12);}
.stat-card .stat-icon{width:72px;height:72px;margin:0 auto 24px;border-radius:18px;background:linear-gradient(135deg,rgba(242,210,139,0.15),rgba(242,210,139,0.05));text-align:center;line-height:72px;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);display:flex;align-items:center;justify-content:center;}
.stat-card:hover .stat-icon{transform:scale(1.08);}
.stat-card .stat-icon img{width:34px;height:34px;filter:brightness(0) saturate(100%) invert(85%) sepia(20%) saturate(700%) hue-rotate(352deg) brightness(100%) contrast(98%);}
.stat-card .stat-value{font-size:46px;font-weight:800;color:#f2d28b;margin-bottom:10px;font-family:"Arial","Helvetica Neue",sans-serif;letter-spacing:-1px;transition:text-shadow 0.3s ease;}
.stat-card:hover .stat-value{text-shadow:0 0 40px rgba(242,210,139,0.35);}
.stat-card .stat-label{font-size:15px;color:#888;text-transform:uppercase;letter-spacing:1.5px;font-weight:500;}
/* 产品详情页面样式 (Product Detail Page) */ .pro-box{padding:60px 0;}
.product-banner{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);padding:40px 30px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.05);}
.product-banner .banner-content h1{font-size:32px;color:#ffffff;margin:0 0 10px 0;font-weight:600;}
.product-banner .banner-content p{font-size:15px;color:#999999;margin:0;}
.procontent{max-width:100%;}
.pro-desc{margin-bottom:30px;}
.pro-desc .pro-cont-pic{width:50%;float:left;margin-top:0 !important;}
.pro-cont-pic{background:#181818;border-radius:16px;overflow:hidden;}
.big-photo{height:450px;position:relative;}
.big-photo .swiper-container{width:100%;height:100%;}
.big-photo .swiper-slide{width:100%;height:100%;text-align:center;background:#0d0d0d;}
.big-photo img{max-width:100%;max-height:100%;object-fit:contain;}
.big-photo .swiper-button-prev,.big-photo .swiper-button-next{width:45px;height:45px;background-color:rgba(13,13,13,0.8);border-radius:50%;top:50%;transform:translateY(-50%);transition:all 0.3s ease;background-size:15px auto;}
.big-photo .swiper-button-prev:hover,.big-photo .swiper-button-next:hover{background-color:#f2d28b;color:#0d0d0d;}
.big-photo .swiper-button-prev::after,.big-photo .swiper-button-next::after{font-size:18px;font-weight:700;}
.big-photo .swiper-button-prev{left:15px;}
.big-photo .swiper-button-next{right:15px;}
.small-photo{padding:15px 20px;border-top:1px solid rgba(255,255,255,0.05);background:rgba(0,0,0,0.2);}
.small-photo .swiper-container{width:100%;}
.small-photo .swiper-slide{width:calc((100% - 55px) / 6);opacity:0.5;border-radius:8px;overflow:hidden;cursor:pointer;transition:all 0.3s ease;border:2px solid transparent;}
.small-photo .swiper-slide.cur{opacity:1;border-color:#f2d28b;box-shadow:0 0 0 1px rgba(242,210,139,0.3);}
.small-photo .swiper-slide:hover{opacity:0.8;}
.small-photo img{width:100%;height:75px;object-fit:cover;}
.pro-cont-note{padding:20px 0;float:right;width:48%;}
.pro-cont-note h1{font-size:32px;color:#ffffff;margin:0 0 15px 0;font-weight:600;line-height:1.3;}
.pro-cont-note p{font-size:15px;color:#999999;line-height:1.7;margin:0 0 20px 0;}
.pro-cont-note .hn{margin-bottom:25px;}
.pro-cont-note .hn img{height:30px;}
.pro-usp{background:#181818;border-radius:12px;padding:25px;margin-bottom:25px;}
.pro-usp p{color:#ffffff;font-size:15px;line-height:1.8;margin:0;}
.procurement-table{width:100%;background:#181818;border-radius:12px;overflow:hidden;margin-bottom:25px;}
.procurement-table th,.procurement-table td{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,0.05);text-align:left;}
.procurement-table th{font-size:14px;color:#999999;font-weight:600;width:40%;}
.procurement-table td{font-size:14px;color:#ffffff;}
.procurement-table tr:last-child th,.procurement-table tr:last-child td{border-bottom:none;}
.badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;}
.badge.primary{background:#f2d28b;color:#0d0d0d;}
.badge.accent{background:rgba(242,210,139,0.2);color:#f2d28b;border:1px solid rgba(242,210,139,0.3);}
.chips{overflow:hidden;margin:-5px;}
.chip{float:left;margin:5px;}
.chip{padding:6px 14px;background:#252525;border-radius:15px;font-size:13px;color:#999999;}
.newsxq-share{overflow:hidden;}
.newsxq-share a{float:left;margin:7px;padding:14px 24px;background:linear-gradient(135deg,#f2d28b,#e6c47a);border-radius:10px;color:#0d0d0d;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.3s ease;}
.newsxq-share a:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(242,210,139,0.3);}
.newsxq-share a:last-child{background:transparent;border:1px solid #f2d28b;color:#f2d28b;}
.newsxq-share a:last-child:hover{background:#f2d28b;color:#0d0d0d;}
.pro-spec-box{background:#181818;border-radius:16px;overflow:hidden;margin-bottom:40px;}
.spec-title{padding:20px 30px;border-bottom:1px solid rgba(255,255,255,0.1);}
.spec-title h3{font-size:18px;color:#ffffff;margin:0;font-weight:600;}
.pro-cont-box{background:#181818;border-radius:16px;overflow:hidden;}
.pro-tab-tit{margin:0;padding:0;list-style:none;border-bottom:1px solid rgba(255,255,255,0.1);overflow:hidden;}
.pro-tab-tit li{float:left;padding:20px 30px;cursor:pointer;font-size:15px;color:#999999;font-weight:500;transition:all 0.3s ease;}
.pro-tab-tit li.cur{color:#f2d28b;border-bottom:2px solid #f2d28b;}
.pro-tab-tit li:hover{color:#ffffff;}
.pro-cont{padding:30px;display:none;font-size:14px;}
.pro-cont.active,.pro-cont:first-child{display:block;}
.table-responsive{overflow-x:auto;padding:20px;}
.table-responsive table{width:100%;border-collapse:collapse;}
.table-responsive th,.table-responsive td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,0.05);text-align:left;font-size:14px;}
.table-responsive th{color:#999999;font-weight:600;background:rgba(255,255,255,0.02);}
.table-responsive td{color:#ffffff;}
.relly{padding:60px 0;background:#181818;margin-top:40px;}
.relyx-title{text-align:center;margin-bottom:40px;}
.relyx-title h6{font-size:28px;color:#ffffff;margin:0 0 12px 0;font-weight:600;}
.relyx-title p{font-size:15px;color:#999999;margin:0;}
.relly .swiper-slide{background:#252525;border-radius:12px;overflow:hidden;transition:all 0.3s ease;}
.relly .swiper-slide:hover{transform:translateY(-5px);}
.relly .swiper-slide img{width:100%;height:160px;object-fit:cover;}
.relly .swiper-slide h4{padding:15px;margin:0;font-size:14px;color:#ffffff;text-align:center;}
.relly .swiper-slide h4 a{color:#ffffff;text-decoration:none;transition:color 0.3s ease;}
.relly .swiper-slide:hover h4 a{color:#f2d28b;}
@media (max-width:1000px){.pro-desc{display:block !important;}
.pro-desc .pro-cont-pic{width:100% !important;}
.pro-desc .pro-cont-note{width:100% !important;margin-top:20px !important;}
.big-photo{min-height:350px;}
.pro-cont-note h1{font-size:26px;}
.small-photo .swiper-slide{width:calc((100% - 30px) / 5);}
}
@media (max-width:640px){
  .pro-box{padding:20px;}
.product-banner{padding:30px 20px;}
.product-banner .banner-content h1{font-size:24px;}
.product-banner .banner-content p{font-size:13px;}
.big-photo{height:280px;}
.small-photo img{height:50px;}
.pro-cont-note h1{font-size:22px;}
.newsxq-share a{display:block;width:100%;text-align:center;margin:5px 0;}
.pro-tab-tit li{padding:15px 15px;font-size:14px;}
.pro-cont{padding:20px;}
.relly{padding:20px 0;margin-top:20px;}
}
/* ============================================================ 公司简介 - 增强版 ============================================================ */ .intro-content{overflow:hidden;display:flex;align-items:center;gap:60px;}
.intro-image{flex:0 0 46%;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.4);transition:transform 0.5s ease;}
.intro-image:hover{transform:translateY(-6px);}
.intro-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.25,0.1,0.25,1);}
.intro-image:hover img{transform:scale(1.04);}
.intro-text{flex:1;padding:10px 0;}
.intro-text h3{font-size:28px;color:#ffffff;margin-bottom:24px;font-weight:700;letter-spacing:-0.3px;line-height:1.3;}
.intro-text p{font-size:16px;color:#a0a0a0;line-height:1.9;margin-bottom:18px;text-align:justify;}
.intro-text .ceo-name{font-size:15px;color:#f2d28b;font-style:italic;margin-top:28px;letter-spacing:0.5px;}
/* ============================================================ 工厂与生产实力 - 增强版 ============================================================ */ .factory-grid{overflow:hidden;display:flex;flex-wrap:wrap;gap:24px;margin:0;}
.factory-grid > div{flex:0 0 calc(33.333% - 16px);box-sizing:border-box;padding:0;}
.factory-card{background:#18181b;border-radius:20px;overflow:hidden;transition:all 0.45s cubic-bezier(0.25,0.1,0.25,1);border:1px solid rgba(255,255,255,0.06);height:100%;}
.factory-card:hover{transform:translateY(-10px);box-shadow:0 24px 60px rgba(0,0,0,0.5),0 0 0 1px rgba(242,210,139,0.12);border-color:rgba(242,210,139,0.2);}
.factory-card .factory-image{height:240px;overflow:hidden;position:relative;}
.factory-card .factory-image::after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,rgba(24,24,27,0.6));pointer-events:none;}
.factory-card .factory-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.7s cubic-bezier(0.25,0.1,0.25,1);}
.factory-card:hover .factory-image img{transform:scale(1.1);}
.factory-card .factory-content{padding:28px 28px 32px;}
.factory-card h4{font-size:19px;color:#ffffff;margin-bottom:14px;font-weight:700;letter-spacing:-0.2px;}
.factory-card p{font-size:15px;color:#999;line-height:1.75;}
/* ============================================================ 研发与技术能力 - 增强版 ============================================================ */ .tech-features{display:flex;flex-wrap:wrap;gap:20px;margin:0;}
.tech-features > div{flex:0 0 calc(50% - 10px);box-sizing:border-box;padding:40px;}
.tech-item{background:#18181b;border-radius:16px;padding:36px 32px;overflow:hidden;transition:all 0.4s cubic-bezier(0.25,0.1,0.25,1);border:1px solid rgba(255,255,255,0.05);display:flex;align-items:flex-start;gap:24px;}
.tech-item:hover{border-color:rgba(242,210,139,0.25);box-shadow:0 12px 40px rgba(242,210,139,0.08);transform:translateY(-4px);}
.tech-icon{flex-shrink:0;width:56px;height:56px;border-radius:14px;background:linear-gradient( 135deg,rgba(242,210,139,0.18),rgba(242,210,139,0.04) );text-align:center;line-height:56px;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);}
.tech-item:hover .tech-icon{transform:scale(1.1) rotate(-5deg);}
.tech-icon i{font-size:24px;font-style:normal;}
.tech-content{overflow:hidden;}
.tech-content h4{font-size:17px;color:#ffffff;margin-bottom:10px;font-weight:700;}
.tech-content p{font-size:15px;color:#999;line-height:1.7;}
/* ============================================================ 品质检测体系 - 增强版 ============================================================ */ .quality-steps{display:flex;flex-wrap:wrap;gap:0;margin:0;}
.quality-steps > div{flex:1 0 20%;box-sizing:border-box;padding:0 12px;}
.quality-step{text-align:center;position:relative;padding:20px 0;}
.quality-step::after{content:"";position:absolute;top:44px;left:calc(50% + 30px);width:calc(100% - 60px);height:2px;background:linear-gradient(90deg,rgba(255,255,255,0.1),transparent);transition:background 0.5s ease;}
.quality-step:last-child::after{display:none;}
.quality-circle{width:88px;height:88px;margin:0 auto 24px;border-radius:50%;background:#18181b;border:3px solid rgba(242,210,139,0.4);text-align:center;line-height:82px;font-size:30px;font-weight:800;color:#f2d28b;transition:all 0.45s cubic-bezier(0.25,0.1,0.25,1);position:relative;}
.quality-circle:hover{border-color:#f2d28b;box-shadow:0 0 30px rgba(242,210,139,0.2),0 0 0 8px rgba(242,210,139,0.05);transform:scale(1.08);}
.quality-step h4{font-size:16px;color:#ffffff;margin-bottom:10px;font-weight:700;}
.quality-step p{font-size:13px;color:#999;line-height:1.6;}
/* ============================================================ 品牌理念 - 增强版 ============================================================ */ .brand-values{display:flex;flex-wrap:wrap;gap:24px;margin:0;}
.brand-values > div{flex:0 0 calc(25% - 18px);box-sizing:border-box;padding:40px;}
.brand-card{background:linear-gradient(160deg,#1a1a1e,#18181b);border-radius:20px;padding:40px 28px 36px;text-align:center;transition:all 0.45s cubic-bezier(0.25,0.1,0.25,1);border:1px solid rgba(255,255,255,0.05);height:100%;}
.brand-card:hover{transform:translateY(-8px);border-color:rgba(242,210,139,0.25);box-shadow:0 20px 50px rgba(0,0,0,0.5),0 0 0 1px rgba(242,210,139,0.1);}
.brand-card .brand-icon{width:76px;height:76px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,rgba(242,210,139,0.15),rgba(242,210,139,0.04));text-align:center;line-height:76px;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);display:flex;align-items:center;justify-content:center;}
.brand-card:hover .brand-icon{transform:scale(1.1);}
.brand-card .brand-icon img{width:35px;height:35px;filter:brightness(0) saturate(100%) invert(85%) sepia(20%) saturate(700%) hue-rotate(352deg) brightness(100%) contrast(98%);}
.brand-card .brand-icon svg{width:34px;height:34px;stroke:#f2d28b;}
.brand-card h4{font-size:17px;color:#ffffff;margin-bottom:14px;font-weight:700;}
.brand-card p{font-size:14px;color:#999;line-height:1.7;}
/* 全球市场 */ .global-map{position:relative;height:420px;border-radius:20px;overflow:hidden;margin-bottom:48px;background:url("../images/aboban.jpg") center/cover;}
.global-map::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 135deg,rgba(13,13,13,0.92),rgba(20,20,20,0.82) );z-index:1;}
.global-content{position:relative;z-index:2;text-align:center;padding-top:150px;}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1;}
50%{transform:scale(1.05);opacity:0.8;}
}
.global-content h3{font-size:30px;color:#ffffff;margin-bottom:14px;font-weight:700;}
.global-content p{font-size:16px;color:#a0a0a0;}
.global-content .globe-icon{width:130px;height:130px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,rgba(242,210,139,0.12),rgba(242,210,139,0.03));text-align:center;line-height:130px;font-size:60px;animation:pulse 3s ease-in-out infinite;}
.global-stats{overflow:hidden;display:flex;flex-wrap:wrap;gap:24px;margin:0;}
.global-stats > div{flex:0 0 calc(33.333% - 16px);box-sizing:border-box;padding:20px;}
.global-stat{background:#18181b;border-radius:16px;padding:36px;text-align:center;border:1px solid rgba(255,255,255,0.06);transition:all 0.4s cubic-bezier(0.25,0.1,0.25,1);}
.global-stat:hover{border-color:rgba(242,210,139,0.2);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.4);}
.global-stat .number{font-size:40px;font-weight:800;color:#f2d28b;margin-bottom:10px;letter-spacing:-1px;}
.global-stat .label{font-size:15px;color:#888;letter-spacing:0.5px;}
/* ============================================================ 认证证书 - 增强版 ============================================================ */ .certification-grid{display:flex;flex-wrap:wrap;gap:20px;margin:0;}
.certification-grid > div{flex:0 0 calc(20% - 16px);box-sizing:border-box;padding:40px;}
.cert-card{background:#18181b;border-radius:16px;padding:30px 20px 28px;text-align:center;transition:all 0.4s cubic-bezier(0.25,0.1,0.25,1);border:1px solid rgba(255,255,255,0.06);height:100%;}
.cert-card:hover{border-color:rgba(242,210,139,0.3);transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,0.5),0 0 0 1px rgba(242,210,139,0.1);}
.cert-badge{height:100px;text-align:center;line-height:100px;margin-bottom:18px;}
.cert-badge-img img{max-width:100%;max-height:100px;object-fit:contain;transition:transform 0.4s ease;}
.cert-card:hover .cert-badge-img img{transform:scale(1.08);}
.cert-badge-text{width:90px;height:90px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,#1f1f22,#252528);border:2px solid rgba(242,210,139,0.3);box-shadow:inset 0 2px 8px rgba(0,0,0,0.3);transition:all 0.4s ease;}
.cert-card:hover .cert-badge-text{border-color:rgba(242,210,139,0.6);box-shadow:inset 0 2px 8px rgba(0,0,0,0.3),0 0 24px rgba(242,210,139,0.12);}
.cert-badge-text .badge-text{font-size:18px;font-weight:700;color:#f2d28b;letter-spacing:1px;text-transform:uppercase;}
.cert-card h4{font-size:15px;color:#ffffff;font-weight:700;margin-bottom:8px;}
.cert-card p{font-size:13px;color:#888;line-height:1.5;}
/* ============================================================ 团队展示 - 增强版 ============================================================ */ .team-grid{display:flex;flex-wrap:wrap;gap:24px;margin:0;}
.team-grid > div{flex:0 0 calc(25% - 18px);box-sizing:border-box;padding:0;}
.team-card{background:#18181b;border-radius:20px;overflow:hidden;transition:all 0.45s cubic-bezier(0.25,0.1,0.25,1);border:1px solid rgba(255,255,255,0.06);height:100%;}
.team-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,0.5),0 0 0 1px rgba(242,210,139,0.1);border-color:rgba(242,210,139,0.2);}
.team-card .team-image{height:180px;overflow:hidden;position:relative;}
.team-card .team-image::after{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(transparent,rgba(24,24,27,0.5));pointer-events:none;}
.team-card .team-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.25,0.1,0.25,1);}
.team-card:hover .team-image img{transform:scale(1.08);}
.team-card .team-image-icon{text-align:center;line-height:100px;background:linear-gradient( 135deg,#1a1a1e 0%,#252528 50%,#1a1a1e 100% );height:180px;}
.team-card .team-image-icon svg{width:60px;height:60px;color:#f2d28b;opacity:0.85;transition:transform 0.5s ease,opacity 0.3s ease;margin-top:60px;}
.team-card:hover .team-image-icon svg{transform:scale(1.15);opacity:1;}
.team-card .team-info{padding:24px 20px 28px;text-align:center;}
.team-card h4{font-size:17px;color:#ffffff;margin-bottom:6px;font-weight:700;}
.team-card .team-title{font-size:13px;color:#f2d28b;margin-bottom:12px;letter-spacing:0.5px;}
.team-card p{font-size:14px;color:#999;line-height:1.6;}
@media (max-width:1000px){.intro-content{flex-direction:column;gap:0px;}
.intro-image{flex:none;width:100%;margin-bottom:30px;}
.intro-text{flex:none;width:100%;}
.about-hero h1{font-size:36px;}
.intro-image img{height:300px;}
}
@media (max-width:640px){.about-section{padding:60px 0;}
.about-section .section-title{margin-bottom:36px;}
.about-section .section-title h2{font-size:28px;}
.about-hero{height:350px;}
.about-hero h1{font-size:26px;}
.about-hero p{font-size:14px;}
.stats-grid{gap:20px; display:grid;grid-template-columns: repeat(2, 1fr);}
.stats-grid > div{flex:0 0 50%;}
.factory-grid > div{flex:0 0 100%;}
.tech-features > div{flex:0 0 100%;}
.quality-steps{flex-direction:column;gap:0;padding:10px 0;margin:0;}
.quality-steps > div{flex:1 0 100%;padding:0;}
.quality-step{padding:16px 0;position:relative;text-align:left;overflow:hidden;}
.quality-step::after{display:none;}
.quality-step::before{content:"";position:absolute;left:27px;top:72px;bottom:-16px;width:2px;background:linear-gradient( 180deg,rgba(242,210,139,0.4),rgba(242,210,139,0.05) );}
.quality-step:last-child::before{display:none;}
.quality-circle{width:56px;height:56px;line-height:50px;margin:0 16px 0 0;font-size:22px;border-width:2px;float:left;}
.quality-step h4{font-size:15px;margin-bottom:4px;overflow:hidden;}
.quality-step p{font-size:12px;line-height:1.6;}
.brand-values > div{flex:0 0 100%;}
.global-stats > div{flex:0 0 100%;}
.certification-grid > div{flex:0 0 calc(50% - 10px);}
.team-grid{gap:14px;}
.team-grid > div{flex:0 0 calc(50% - 7px);}
.team-card .team-image,.team-card .team-image-icon{height:120px;}
.team-card .team-image-icon svg{width:44px;height:44px;margin-top:48px;}
.team-card .team-info{padding:14px 10px;}
.team-card h4{font-size:14px;}
.team-card .team-title{font-size:11px;margin-bottom:6px;}
.team-card p{font-size:11px;line-height:1.4;}
}
/* ============================================================ 新闻详情页样式 (News Detail) ============================================================ */ .newsxq{padding:60px 0;}
.newsxq .contain{overflow:hidden;}
.newsxq-cont{float:left;width:70%;padding:40px;box-sizing:border-box;background:#181818;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,0.2);overflow:hidden;}
.newsxq-title{text-align:center;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.05);margin-bottom:30px;}
.newsxq-title h1{font-size:28px;color:#ffffff;margin:0 0 20px 0;font-weight:700;line-height:1.4;}
.newsxq-title p{overflow:hidden;text-align:center;margin:0;font-size:14px;color:#999999;}
.newsxq-title p span{display:inline-block;margin:0 15px;}
.newsxq-title p span::before{content:"";width:4px;height:4px;background:#f2d28b;border-radius:50%;}
.newsxq-desc{font-size:15px;color:#999999;line-height:1.9;}
.newsxq-desc p{margin:0 0 20px 0;text-align:justify;line-height:25px;}
.newsxq-desc img{max-width:100% !important;height:auto !important;border-radius:8px;margin:15px auto;display:block;}
.newsxq-desc h2,.newsxq-desc h3,.newsxq-desc h4{color:#ffffff;margin:25px 0 15px 0;font-weight:600;}
.newsxq-desc h2{font-size:22px;}
.newsxq-desc h3{font-size:20px;}
.newsxq-desc h4{font-size:18px;}
.newsxq-desc ul,.newsxq-desc ol{padding-left:20px;margin:15px 0;}
.newsxq-desc li{margin-bottom:10px;}
.newsxq-desc a{color:#f2d28b;text-decoration:none;transition:color 0.3s ease;}
.newsxq-desc a:hover{color:#ffffff;}
.newsxq-desc b,.newsxq-desc strong{color:#ffffff;font-weight:600;}
.newsxq-list{float:right;width:320px;box-sizing:border-box;}
.newsxq-item{display:block;padding:20px;margin-bottom:15px;background:#181818;border-radius:12px;text-decoration:none;transition:all 0.3s ease;border:1px solid transparent;}
.newsxq-item:hover{border-color:#f2d28b;transform:translateX(5px);box-shadow:0 4px 20px rgba(242,210,139,0.1);}
.newsxq-ltwd{overflow:hidden;}
.newsxq-ltwd span{font-size:12px;color:#666666;margin-bottom:6px;}
.newsxq-ltwd span::before{content:"";width:3px;height:3px;background:#f2d28b;border-radius:50%;}
.newsxq-ltwd p{font-size:14px;color:#ffffff;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;transition:color 0.3s ease;}
.newsxq-item:hover .newsxq-ltwd p{color:#f2d28b;}
.newsxq-nav{overflow:hidden;padding-top:30px;margin-top:30px;border-top:1px solid rgba(255,255,255,0.05);}
.newsxq-nav a{float:left;width:45%;color:#999999;text-decoration:none;font-size:14px;transition:all 0.3s ease;}
.newsxq-nav a:hover{color:#f2d28b;}
.newsxq-nav svg{width:16px;height:16px;}
.newsxq-nav svg path{stroke:currentColor;}
.newsxq-nav .prev svg{transform:rotate(180deg);}
@media (max-width:1000px){.newsxq{padding:40px 0;}
.newsxq .contain{margin:0;overflow:visible;}
.newsxq-cont{float:none;width:100%;padding:30px;box-sizing:border-box;}
.newsxq-list{float:none;width:100%;padding:0;}
.newsxq-title h1{font-size:24px;}
.newsxq-title p span{display:block;margin:5px 0;}
}
@media (max-width:640px){.newsxq{padding:30px 0;}
.newsxq-cont{padding:20px;}
.newsxq-title h1{font-size:22px;}
.newsxq-title p{overflow:hidden;margin:0;font-size:13px;}
.newsxq-desc{font-size:14px;line-height:1.8;}
.newsxq-nav a{float:none;width:100%;margin-bottom:15px;}
}
/* 新闻详情 - 内容溢出修复 */ .newsxq-desc{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;}
.newsxq-desc p,.newsxq-desc h2,.newsxq-desc h3,.newsxq-desc h4{overflow-wrap:break-word;word-wrap:break-word;}
.newsxq-desc table{width:100%;border-collapse:separate;border-spacing:0;margin:35px 0;background:#111;border-radius:10px;overflow:hidden;display:block;overflow-x:auto;white-space:nowrap;color:#ddd;font-size:15px;}
.newsxq-desc table th{background:linear-gradient(135deg,#1d1d1d,#252525);color:#fff;font-weight:600;padding:16px 20px;text-align:left;border-bottom:1px solid #333;}
.newsxq-desc table td{padding:14px 20px;border-bottom:1px solid #242424;color:#ccc;}
.newsxq-desc{color:#ddd;}
.newsxq-desc table a{color:#00c8ff;}
.newsxq-desc table td:first-child{color:#fff;font-weight:500;}
.newsxq-desc table tr:nth-child(even){background:#151515;}
.newsxq-desc table tr:hover{background:rgba(255,255,255,0.05);}
.newsxq-desc table tr:last-child td{border-bottom:none;}
.newsxq-desc table tr:first-child th:first-child{border-top-left-radius:10px;}
.newsxq-desc table tr:first-child th:last-child{border-top-right-radius:10px;}
.newsxq-desc table img{max-width:100%;height:auto;}
@media (max-width:768px){.newsxq-desc table{font-size:13px;margin:25px 0;}
.newsxq-desc table th,.newsxq-desc table td{padding:12px 14px;}
}
/* 新闻详情 - 表格美化样式 */ .newsxq-table-wrap{margin:25px 0;border-radius:12px;overflow:hidden;border:1px solid rgba(242,210,139,0.15);background:linear-gradient( 135deg,rgba(24,24,24,0.9),rgba(13,13,13,0.95) );}
.newsxq-table{width:100%;border-collapse:collapse;table-layout:fixed;}
.newsxq-table thead{background:linear-gradient( 135deg,rgba(242,210,139,0.15),rgba(230,196,122,0.08) );}
.newsxq-table th{padding:14px 16px;font-size:13px;font-weight:600;color:#f2d28b;text-align:center;border-bottom:2px solid rgba(242,210,139,0.2);white-space:nowrap;}
.newsxq-table td{padding:14px 16px;font-size:13px;color:#cccccc;text-align:center;border-bottom:1px solid rgba(255,255,255,0.05);vertical-align:top;line-height:1.6;}
.newsxq-table td b{color:#ffffff;font-weight:600;}
.newsxq-table tbody tr:hover{background:rgba(242,210,139,0.04);}
.newsxq-table tbody tr:last-child td{border-bottom:none;}
@media (max-width:1000px){.newsxq-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;}
.newsxq-table{min-width:700px;table-layout:auto;}
.newsxq-table th,.newsxq-table td{padding:12px 14px;font-size:12px;white-space:nowrap;text-align:center;}
}
@media (max-width:640px){.newsxq-table-wrap{margin:20px 0;border-radius:8px;}
.newsxq-table{min-width:650px;}
.newsxq-table th{padding:10px 12px;font-size:11px;}
.newsxq-table td{padding:10px 12px;font-size:11px;}
}
/* 新闻详情 - 展开/收起按钮 */ .newsxq-toggle{text-align:center;padding:30px 0 10px 0;position:relative;}
.newsxq-toggle::before{content:"";display:block;width:60px;height:1px;background:linear-gradient( 90deg,transparent,rgba(242,210,139,0.3),transparent );margin:0 auto 25px auto;}
.newsxq-toggle-btn{display:inline-block;padding:14px 36px;background:transparent;border:1px solid rgba(242,210,139,0.4);border-radius:30px;color:#f2d28b;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;letter-spacing:0.5px;}
.newsxq-toggle-btn:hover{background:rgba(242,210,139,0.1);border-color:#f2d28b;transform:translateY(-2px);box-shadow:0 4px 20px rgba(242,210,139,0.15);}
.newsxq-toggle-btn:active{transform:translateY(0);}
.newsxq-toggle-arrow{display:inline-block;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#f2d28b transparent transparent transparent;transition:transform 0.3s ease;}
.newsxq-toggle-btn.expanded .newsxq-toggle-arrow{transform:rotate(180deg);}
@media (max-width:640px){.newsxq-toggle{padding:25px 0 5px 0;}
.newsxq-toggle::before{margin-bottom:20px;}
.newsxq-toggle-btn{padding:12px 28px;font-size:13px;}
}
/* ============================================================ 新闻列表页样式 (News List) ============================================================ */ .news{padding:60px 0;}
.news-list{max-width:1200px;margin:0 auto;}
.news-list ul{list-style:none;padding:0;margin:0;}
.news-item-row{overflow:hidden;padding:25px 0;border-bottom:1px solid rgba(255,255,255,0.05);transition:all 0.3s ease;}
.news-item-row:last-child{border-bottom:none;}
.news-item-row:hover{background:rgba(255,255,255,0.02);transform:translateX(5px);}
.news-item-row a{float:left;width:100%;text-decoration:none;color:inherit;overflow:hidden;}
.news-img-row{float:left;width:280px;height:160px;border-radius:12px;overflow:hidden;position:relative;}
.news-img-row img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.news-item-row:hover .news-img-row img{transform:scale(1.05);}
.news-wd-row{margin-left:310px;min-height:160px;padding:10px 0;}
.news-wd-row h4{font-size:19px;color:#ffffff;margin:0 0 12px 0;font-weight:600;line-height:1.4;transition:color 0.3s ease;}
.news-item-row:hover .news-wd-row h4{color:#f2d28b;}
.news-wd-row p{font-size:14px;color:#999999;line-height:1.7;margin:0 0 15px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-wd-row span{font-size:13px;color:#666666;}
.news-wd-row span::before{content:"";width:4px;height:4px;background:#f2d28b;border-radius:50%;}
@media (max-width:1000px){.news-img-row{float:none;width:100%;height:200px;}
.news-wd-row{margin-left:0;min-height:auto;}
.news-wd-row h4{font-size:17px;}
.news-wd-row p{font-size:13px;}
}

/* case 案例中心 */
.case-page{padding:60px 0;}
.section-title{text-align:center;margin-bottom:50px;}
.section-title h2{font-size:32px;color:#FFFFFF;margin-bottom:16px;font-weight:600;position:relative;display:inline-block;}
.section-title h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#F2D28B,#E6C47A);border-radius:2px;}
.section-title p{font-size:15px;color:#999999;line-height:1.6;max-width:600px;margin:20px auto 0;}
.filter-bar{background:#181818;border-radius:12px;padding:20px;margin-bottom:40px;display:flex;flex-wrap:wrap;gap:15px;align-items:center;}
.filter-bar select{padding:12px 20px;background:#0D0D0D;border:1px solid #333;border-radius:8px;color:#FFFFFF;font-size:14px;cursor:pointer;transition:all 0.3s ease;min-width:140px;}
.filter-bar select:hover{border-color:#F2D28B;}
.filter-bar select:focus{outline:none;border-color:#F2D28B;box-shadow:0 0 0 3px rgba(242,210,139,0.1);}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.case-card{background:#181818;border-radius:16px;overflow:hidden;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.1);}
.case-card:hover{transform:translateY(-8px);border-color:#F2D28B;box-shadow:0 15px 40px rgba(242,210,139,0.15);}
.case-image{height:220px;overflow:hidden;position:relative;}
.case-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.case-card:hover .case-image img{transform:scale(1.05);}
.case-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 60%,rgba(13,13,13,0.8));opacity:0;transition:opacity 0.3s ease;}
.case-card:hover .case-overlay{opacity:1;}
.case-info{padding:20px;}
.case-category{font-size:12px;color:#F2D28B;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;}
.case-title{font-size:18px;color:#FFFFFF;font-weight:600;line-height:1.5;margin:0 0 15px 0;transition:color 0.3s ease;}
.case-card:hover .case-title{color:#F2D28B;}
.case-link{display:inline-flex;align-items:center;font-size:14px;color:#999999;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px;}
.case-link::after{content:'';width:20px;height:1px;background:#999999;margin-left:10px;transition:all 0.3s ease;}
.case-card:hover .case-link{color:#F2D28B;}
.case-card:hover .case-link::after{width:30px;background:#F2D28B;}
@media (max-width:1200px){.case-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){.case-page{padding:40px 0;}
.section-title h2{font-size:24px;}
.filter-bar{flex-direction:column;align-items:stretch;}
.filter-bar select{min-width:100%;}
.case-grid{grid-template-columns:repeat(2,1fr);gap:20px;}
.case-image{height:125px;}
.case-info{padding:15px;}
.case-info h3{font-size:16px;}
}
.gallery img{width:150px;margin:10px;cursor:pointer;border-radius:6px;transition:.3s;}
.gallery img:hover{transform:scale(1.05);}
/* Overlay */ #lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);display:none;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease;}
@keyframes fadeIn{from{opacity:0;}
to{opacity:1;}
}
/* Large Image */ #lightbox-image{max-width:90%;max-height:90%;border-radius:6px;transition:transform .3s;animation:zoomIn .3s ease;}
@keyframes zoomIn{from{transform:scale(0.8);opacity:0;}
to{transform:scale(1);opacity:1;}
}
/* Close Button */ #lightbox-close{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;cursor:pointer;}
/* Prev / Next Buttons */ #lightbox-prev,#lightbox-next{position:absolute;top:50%;font-size:50px;color:#fff;cursor:pointer;user-select:none;padding:20px;}
#lightbox-prev{left:20px;}
#lightbox-next{right:20px;}
/* Counter */ #lightbox-counter{position:absolute;bottom:30px;color:#fff;font-size:18px;background:rgba(0,0,0,0.4);padding:6px 14px;border-radius:20px;}
/* Mobile:hide arrows (swipe instead) */ @media (max-width:768px){#lightbox-prev,#lightbox-next{display:none;}
}


/* ============================================================ 联系我们页面样式 (Contact Page) ============================================================ */ .contact-page{padding:60px 0;}
.contact-section{overflow:hidden;margin-bottom:60px;}
.contact-info{float:left;width:420px;background:#181818;border-radius:16px;padding:40px;box-sizing:border-box;box-shadow:0 8px 32px rgba(0,0,0,0.3);}
.contact-info h2{font-size:28px;color:#ffffff;margin-bottom:30px;font-weight:600;padding-bottom:15px;border-bottom:2px solid #f2d28b;}
.contact-card{overflow:hidden;padding:24px 0;border-bottom:1px solid rgba(255,255,255,0.1);}
.contact-card:last-child{border-bottom:none;}
.contact-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#f2d28b 0%,#e6c47a 100%);text-align:center;line-height:42px;margin-right:10px;float:left;}
.contact-icon img{width:26px;height:26px;filter:brightness(0) saturate(100%) invert(8%) sepia(8%) saturate(7%) hue-rotate(322deg) brightness(95%) contrast(86%);}
.contact-content{overflow:hidden;}
.contact-content span{font-size:13px;color:#999999;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:8px;}
.contact-content p{font-size:16px;color:#ffffff;line-height:1.6;margin:0;}
.contact-content p a{color:#f2d28b;transition:color 0.3s ease;}
.contact-content p a:hover{color:#e6c47a;}
.contact-map{overflow:hidden;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.3);min-height:400px;margin-left:450px;}
.contact-map #map{width:100%;height:100%;min-height:490px;}
.amap-info-content{color:#000;}
.contact-form-section{background:#181818;border-radius:16px;padding:50px;box-shadow:0 8px 32px rgba(0,0,0,0.3);}
.form-title{text-align:center;margin-bottom:40px;}
.form-title h2{font-size:32px;color:#ffffff;margin-bottom:12px;font-weight:600;}
.form-title p{font-size:15px;color:#999999;line-height:1.6;max-width:600px;margin:0 auto;}
.contact-form{max-width:800px;margin:0 auto;}
.form-row{display:flex;gap: 20px;}
.form-group{float:left;width:50%;box-sizing:border-box;margin-bottom:20px;}
.form-group.full-width{width:100%;float:none;}
.form-group label{display:block;font-size:14px;color:#999999;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;}
.contact-form-section input,.contact-form-section textarea{width:100%;padding:16px 20px;background:#0d0d0d;border:1px solid #333333;border-radius:10px;color:#ffffff;font-size:15px;transition:all 0.3s ease;outline:none;}
.contact-form-section input:focus,.contact-form-section textarea:focus{border-color:#f2d28b;box-shadow:0 0 0 3px rgba(242,210,139,0.1);}
.form-group textarea{resize:none;min-height:150px;line-height:1.6;}
.form-group input::placeholder,.form-group textarea::placeholder{color:#555555;}
.form-actions{overflow:hidden;margin-top:30px;text-align:left;}
.captcha-box{overflow:hidden;display:flex;}
.captcha-box input{width:200px;padding:12px 16px;border-radius:5px;}
.captcha-box canvas{border-radius:8px;cursor:pointer;}
.submit-btn{padding:16px 50px;background:linear-gradient(135deg,#f2d28b 0%,#e6c47a 100%);color:#0d0d0d;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(242,210,139,0.3);display: block;margin-top:40px;}
.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(242,210,139,0.4);}
.submit-btn:active{transform:translateY(0);}
@media (max-width:1000px){.contact-info{float:none;width:100%;max-width:100%;margin-bottom:30px;}
.contact-map{margin-left:0;min-height:300px;}
.contact-map #map{min-height:300px;}
.site-header{padding:0 20px;}
}
@media (max-width:640px){.contact-page{padding:40px 0;}
.contact-info{padding:25px;}
.contact-info h2{font-size:22px;}
.contact-card{padding:18px 0;}
.contact-form-section{padding:30px 20px;}
.form-title h2{font-size:24px;}
.form-row{margin:0 0 20px;flex-wrap: wrap;}
.form-group{float:none;width:100%;padding:0;margin-bottom:15px;}
.form-actions{text-align:center;}
.captcha-box{text-align:center;}
.submit-btn{width:100%;}
}
@media (max-width:640px){.news{padding:40px 0;}
.news-item-row{padding:20px 0;}
.news-img-row{height:150px;}
.news-wd-row h4{font-size:15px;}
.news-wd-row p{font-size:12px;margin-bottom:12px;}
.news-wd-row span{font-size:12px;}
}
/* ============================================================ 首页轮播Banner样式 (Hero Banner) ============================================================ */ .banner-slider{position:relative;width:100%;height:700px;overflow:hidden;margin-top:72px;}
.banner-container{position:relative;width:100%;height:100%;}
.banner-wrapper{position:relative;width:100%;height:100%;}
.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 0.8s ease,visibility 0.8s ease;z-index:1;}
.banner-slide.active{opacity:1;visibility:visible;z-index:2;}
.banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.banner-bg::after{content:"";position:absolute;inset:0;background:linear-gradient( 135deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0.5) 100% );}
.banner-imgpc{display:block;width:100%;height:100%;object-fit:cover;}
.banner-imgmb{display:none;width:100%;height:100%;object-fit:cover;}
.banner-content{position:relative;z-index:3;height:100%;padding:0 30px;max-width:1280px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.banner-content h1{font-size:52px;color:#ffffff;font-weight:700;margin:0 0 20px 0;line-height:1.2;letter-spacing:-1px;text-shadow:0 2px 20px rgba(0,0,0,0.5);max-width:700px;}
.banner-content p{font-size:20px;color:#f2d28b;margin:0 0 35px 0;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,0.5);max-width:600px;}
.banner-slide.active .banner-content h1{animation:bannerFadeInUp 0.8s ease both;}
.banner-slide.active .banner-content p{animation:bannerFadeInUp 0.8s ease 0.15s both;}
.banner-slide.active .banner-content .banner-buttons{animation:bannerFadeInUp 0.8s ease 0.3s both;}
@keyframes bannerFadeInUp{from{opacity:0;transform:translateY(30px);}
to{opacity:1;transform:translateY(0);}
}
.banner-buttons{display:flex;gap:20px;overflow:visible;}
.banner-btn-primary{display:inline-block;padding:16px 45px;background:linear-gradient(135deg,#f2d28b,#e6c47a);color:#0d0d0d;text-decoration:none;font-size:16px;font-weight:600;border-radius:30px;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(242,210,139,0.4);}
.banner-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(242,210,139,0.5);}
.banner-btn-secondary{display:inline-block;padding:16px 45px;background:rgba(255,255,255,0.1);color:#ffffff;text-decoration:none;font-size:16px;font-weight:600;border-radius:30px;border:2px solid rgba(255,255,255,0.3);transition:all 0.3s ease;backdrop-filter:blur(10px);}
.banner-btn-secondary:hover{background:rgba(242,210,139,0.1);border-color:#f2d28b;color:#f2d28b;}
.banner-nav{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);overflow:visible;text-align:center;z-index:10;}
.banner-prev,.banner-next{width:48px;height:48px;background:rgba(255,255,255,0.1);border:none;border-radius:50%;color:#ffffff;cursor:pointer;text-align:center;line-height:48px;transition:all 0.3s ease;backdrop-filter:blur(10px);vertical-align:middle;}
.banner-prev:hover,.banner-next:hover{background:rgba(242,210,139,0.9);color:#0d0d0d;transform:scale(1.1);}
.banner-prev svg,.banner-next svg{width:18px;height:18px;margin-top:15px;}
.banner-dots{display:inline-block;vertical-align:middle;margin:0 15px;}
.dot{width:12px;height:12px;background:rgba(255,255,255,0.3);border-radius:50%;cursor:pointer;transition:all 0.3s ease;display:inline-block;margin:0 6px;}
.dot.active{width:32px;border-radius:6px;background:linear-gradient(135deg,#f2d28b,#e6c47a);}
.dot:hover{background:rgba(255,255,255,0.6);}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}
to{opacity:1;transform:translateY(0);}
}
@media (max-width:1000px){.banner-slider{height:480px;}
.banner-content h1{font-size:38px;}
.banner-content p{font-size:17px;}
.banner-btn-primary,.banner-btn-secondary{padding:14px 35px;font-size:15px;}
}
@media (max-width:640px){.banner-slider{height:380px;margin-top:60px;}
.banner-imgpc{display:none;}
.banner-imgmb{display:block;}
.banner-content{padding:0 20px;align-items:center;text-align:center;}
.banner-content h1{font-size:26px;}
.banner-content p{font-size:14px;margin-bottom:24px;}
.banner-buttons{flex-direction:column;gap:10px;width:100%;}
.banner-nav{width:100%;}
.banner-btn-primary,.banner-btn-secondary{padding:13px 30px;font-size:14px;text-align:center;width:60%;margin:0 auto;}
.banner-nav{bottom:20px;}
.banner-prev,.banner-next{width:40px;height:40px;}
.dot{width:10px;height:10px;}
.dot.active{width:28px;}
}
/* ============================================================ 视频列表页样式 (Video List Page) ============================================================ */ .videos-page{padding:60px 0;}
.video-section{padding:40px 0;}
.video-section-title{text-align:center;margin-bottom:50px;}
.video-section-title h2{font-size:32px;color:#ffffff;margin-bottom:16px;font-weight:600;position:relative;display:inline-block;}
.video-section-title h2::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#f2d28b,#e6c47a);border-radius:2px;}
.video-section-title p{font-size:15px;color:#999999;line-height:1.6;max-width:600px;margin:20px auto 0;}
.video-grid{overflow:hidden;margin:0 -15px;}
.video-grid > div,.video-grid > .video-card{float:left;width:33.333%;padding:0 15px;box-sizing:border-box;}
.video-card{background:#181818;border-radius:16px;overflow:hidden;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.1);}
.video-card:hover{transform:translateY(-8px);border-color:#f2d28b;box-shadow:0 15px 40px rgba(242,210,139,0.15);}
.video-thumb{position:relative;height:200px;overflow:hidden;}
.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.video-card:hover .video-thumb img{transform:scale(1.05);}
/* .play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:rgba(242,210,139,0.9);text-align:center;line-height:60px;transition:all 0.3s ease;cursor:pointer;box-shadow:0 4px 20px rgba(242,210,139,0.4);} */
.play-overlay {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:60px;
  height:60px;
  border-radius:50%;
  background:rgba(242,210,139,0.9);
  cursor:pointer;
  box-shadow:0 4px 20px rgba(242,210,139,0.4);

  display:flex;              /* 关键：用 flex 居中 */
  justify-content:center;
  align-items:center;

  /* 去掉 line-height，否则伪元素会被挤坏 */
  text-align:center;
  line-height:normal;
}

.play-overlay::before {
  content:"";
  width:0;
  height:0;
  border-style:solid;
  border-width:12px 0 12px 20px;
  border-color:transparent transparent transparent #0d0d0d;
  display:block;             /* 更稳，不用 inline-block */
}
.video-card:hover .play-overlay{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 40px rgba(242,210,139,0.6);}
.video-info{padding:20px;}
.video-date{font-size:13px;color:#999999;margin-bottom:10px;font-family:"GothamBook";}
.video-title{font-size:16px;color:#ffffff;font-weight:600;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s ease;}
.video-card:hover .video-title{color:#f2d28b;}
/* ============================================================ 视频详情页样式 (Video Detail Page) ============================================================ */ .video-detail-page{padding:60px 0;}
.video-detail-container{max-width:900px;margin:0 auto;}
.video-player-wrapper{background:#181818;border-radius:16px;overflow:hidden;margin-bottom:40px;box-shadow:0 8px 32px rgba(0,0,0,0.3);}
.video-player{position:relative;width:100%;padding-bottom:56.25%;background:#0d0d0d;}
.video-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
.video-meta{overflow:hidden;padding:25px 30px;border-top:1px solid rgba(255,255,255,0.1);}
.video-meta-item{display:inline-block;margin-right:20px;font-size:14px;color:#999999;}
.video-meta-item .icon{width:20px;height:20px;display:inline-block;text-align:center;line-height:20px;vertical-align:middle;color:#f2d28b;}
.video-description{background:#181818;border-radius:16px;padding:30px;margin-bottom:40px;}
.video-description h1{font-size:26px;color:#ffffff;margin:0 0 20px 0;font-weight:600;line-height:1.4;}
.video-description .video-content{font-size:15px;color:#999999;line-height:1.9;}
.video-description .video-content p{margin:0 0 16px 0;text-align:justify;}
.video-description .video-content p:last-child{margin-bottom:0;}

/* .related-list{overflow:hidden;margin:0 -10px;}
.related-item{float:left;width:50%;padding:0 10px;box-sizing:border-box;margin-bottom:15px;}
.related-item > div,.related-item > a{padding:15px;background:#0d0d0d;border-radius:12px;transition:all 0.3s ease;cursor:pointer;overflow:hidden;display:block;}
.related-item:hover{background:rgba(242,210,139,0.1);transform:translateX(5px);}
.related-thumb{float:left;width:120px;height:70px;border-radius:8px;overflow:hidden;position:relative;}
.related-thumb img{width:100%;height:100%;object-fit:cover;}
.related-thumb::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:rgba(242,210,139,0.9);}
.related-thumb::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-45%,-50%);width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #0d0d0d;z-index:1;}
.related-info{margin-left:135px;min-height:70px;}
.related-title{font-size:14px;color:#ffffff;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s ease;}
.related-item:hover .related-title{color:#f2d28b;}
.related-date{font-size:12px;color:#666666;}
@media (max-width:1000px){.video-grid > div,.video-grid > .video-card{width:50%;}
.related-list > div,.related-item{width:100%;float:none;}
.related-thumb{float:left;width:120px;}
.related-info{margin-left:135px;min-height:70px;}
.video-description h1{font-size:22px;}
} */
@media (max-width:640px){.videos-page{padding:40px 0;}
.video-detail-page{padding:40px 0;}
.video-section-title h2{font-size:24px;}
.video-grid > div,.video-grid > .video-card{width:100%;float:none;padding:0 0 15px 0;}
.video-thumb{height:180px;}
.video-description{padding:20px;}
.video-description h1{font-size:20px;}
.video-description .video-content{font-size:14px;}
.video-meta{padding:20px;}
.video-meta-item{font-size:13px;display:block;margin:5px 0;}
.related-item{float:none;width:100%;overflow:hidden;padding:15px;background:#0d0d0d;border-radius:12px;margin-bottom:10px;}
.related-thumb{float:none;width:100%;height:150px;}
.related-info{margin-left:0;margin-top:12px;min-height:auto;}
.captcha-box input{width:160px;}
}
/* ============================================================
   轻量滚动显现动画：替代 animate.css + WOW.js
   ============================================================ */
.reveal-item{opacity:0;transform:translate3d(0,24px,0);transition:opacity .55s ease var(--reveal-delay,0ms),transform .55s ease var(--reveal-delay,0ms);will-change:opacity,transform}
.reveal-item.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal-item{opacity:1;transform:none;transition:none}.banner-slide *{animation:none!important;transition:none!important}}

/* 原生产品图库：不再依赖 jQuery Swiper */
.big-photo .swiper-wrapper{display:block;height:auto}
.big-photo .swiper-slide{display:none;width:100%}
.big-photo .swiper-slide.is-active{display:block}
.small-photo .swiper-wrapper{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;transform:none!important}
.small-photo .swiper-slide{width:auto!important;cursor:pointer}
.relly .swiper-wrapper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px;transform:none!important}
@media(max-width:980px){.small-photo .swiper-wrapper{grid-template-columns:repeat(4,minmax(0,1fr))}.relly .swiper-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:640px){.small-photo .swiper-wrapper{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ============================================================
   新闻正文表格：桌面端卡片表格，移动端横向滚动
   ============================================================ */
.newsxq-desc{max-width:100%;overflow:hidden}
.newsxq-desc .article-table-scroll{position:relative;width:100%;margin:28px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(242,210,139,.22);border-radius:14px;background:#111;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.newsxq-desc .article-table-scroll table,.newsxq-desc>table{width:100%!important;min-width:560px;margin:0!important;border:0!important;border-collapse:collapse!important;border-spacing:0!important;display:table!important;white-space:normal!important;background:transparent!important;color:#ddd}
.newsxq-desc table th,.newsxq-desc table td{height:auto!important;padding:14px 18px!important;border:0!important;border-right:1px solid rgba(255,255,255,.07)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;vertical-align:middle!important;text-align:left!important;line-height:1.65!important;white-space:normal!important;word-break:break-word}
.newsxq-desc table th,.newsxq-desc table tr:first-child td{background:linear-gradient(135deg,rgba(242,210,139,.2),rgba(230,196,122,.08))!important;color:#f2d28b!important;font-weight:700!important}
.newsxq-desc table tr:nth-child(even){background:rgba(255,255,255,.025)}
.newsxq-desc table tr:hover{background:rgba(242,210,139,.06)}
.newsxq-desc table tr:last-child td{border-bottom:0!important}
.newsxq-desc table td:last-child,.newsxq-desc table th:last-child{border-right:0!important}

/* 新闻上下篇与返回列表：固定中间按钮尺寸，防止 flex 挤压变形 */
.casexqpn{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:16px;overflow:visible!important}
.casexqpn-prev,.casexqpn-next{display:flex;width:auto!important;min-width:0;align-items:center;padding:18px 20px!important;line-height:1.55;overflow:hidden;text-overflow:ellipsis}
.casexqpn-next{justify-content:flex-end}
.casexqpn-more{display:flex!important;flex:0 0 auto;width:92px!important;height:auto!important;min-height:64px;margin:0!important;padding:10px 14px;align-items:center;justify-content:center;gap:7px;line-height:1.2!important;border-radius:12px!important;white-space:nowrap}
.casexqpn-more i{flex:0 0 18px;margin:0!important;transform:rotate(180deg)}
.casexqpn-more span{display:block!important;white-space:nowrap}
@media(max-width:700px){.newsxq-desc .article-table-scroll{margin:20px 0;border-radius:10px}.newsxq-desc .article-table-scroll::after{content:'左右滑动查看完整表格';display:block;position:sticky;left:0;padding:8px 12px;background:rgba(242,210,139,.08);color:#bca66f;font-size:12px;text-align:center}.newsxq-desc table th,.newsxq-desc table td{padding:11px 12px!important;font-size:13px!important}.casexqpn{grid-template-columns:1fr 1fr;gap:10px;padding:22px 0!important}.casexqpn-more{grid-column:1/-1;grid-row:1;width:100%!important;min-height:48px}.casexqpn-prev,.casexqpn-next{min-height:64px;padding:14px!important;font-size:13px}}


.contact-map-fallback{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;text-align:center;border:1px solid rgba(242,210,139,.18);border-radius:16px;background:radial-gradient(circle at 50% 20%,rgba(242,210,139,.12),transparent 55%),#111}
.contact-map-fallback h3{margin:0 0 14px;color:#f2d28b;font-size:24px}
.contact-map-fallback p{max-width:520px;margin:0 0 22px;color:#ccc;line-height:1.8}
.contact-map-fallback a{display:inline-flex;min-height:44px;align-items:center;padding:0 20px;border:1px solid rgba(242,210,139,.45);border-radius:8px;color:#f2d28b;transition:.2s ease}
.contact-map-fallback a:hover{background:#f2d28b;color:#111}
@media(max-width:700px){.contact-map-fallback{min-height:260px;padding:26px 20px}.contact-map-fallback h3{font-size:20px}}
.product-card-all{min-height:240px;padding:0}.view-all-products{position:relative;z-index:2;width:100%;height:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(242,210,139,.32);border-radius:12px;background:linear-gradient(145deg,#171717,#0d0d0d);color:#fff;cursor:pointer}.view-all-products span{color:#999;font-size:14px;letter-spacing:.15em}.view-all-products strong{color:#f2d28b;font-size:20px}.view-all-products:hover{border-color:#f2d28b;transform:translateY(-4px)}
.contact-map-frame{display:block;width:100%;height:330px;border:0;filter:saturate(.75) contrast(1.05)}.contact-map-caption{display:flex;align-items:center;gap:18px;padding:17px 20px;background:#111;border:1px solid rgba(242,210,139,.18)}.contact-map-caption h3{margin:0;color:#f2d28b;white-space:nowrap}.contact-map-caption p{flex:1;margin:0;color:#bbb;line-height:1.6}.contact-map-caption a{padding:9px 14px;border:1px solid #f2d28b;border-radius:7px;color:#f2d28b;white-space:nowrap}
.newsxq-meta{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.newsxq-meta span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(242,210,139,.18);border-radius:999px;background:rgba(255,255,255,.035);color:#aaa;font-size:13px}.newsxq-meta b{color:#f2d28b;font-size:12px;font-weight:600}
.site-notice{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.68);opacity:0;visibility:hidden;transition:.22s}.site-notice.is-open{opacity:1;visibility:visible}.site-notice-card{position:relative;width:min(420px,100%);padding:34px 30px 28px;border:1px solid rgba(242,210,139,.28);border-radius:18px;background:linear-gradient(145deg,#1b1b1b,#0d0d0d);box-shadow:0 26px 80px rgba(0,0,0,.55);text-align:center;transform:translateY(14px) scale(.98);transition:.22s}.site-notice.is-open .site-notice-card{transform:none}.site-notice-icon{width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:#f2d28b;color:#111;font-size:28px;font-weight:800}.site-notice-error .site-notice-icon,.site-notice-warning .site-notice-icon{background:#e99f42}.site-notice-card h3{margin:0 0 10px;color:#fff;font-size:23px}.site-notice-card p{margin:0 0 23px;color:#bbb;line-height:1.7}.site-notice-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#999;font-size:28px;cursor:pointer}.site-notice-confirm{min-width:128px;padding:11px 20px;border:0;border-radius:8px;background:#f2d28b;color:#111;font-weight:700;cursor:pointer}
@media(max-width:700px){.contact-map-frame{height:260px}.contact-map-caption{display:block}.contact-map-caption h3,.contact-map-caption p{margin-bottom:10px}.newsxq-meta{gap:8px}.newsxq-meta span{padding:7px 11px}.product-card-all,.view-all-products{min-height:180px}}

/* COB专题页：定制方案与厂家排行榜共用 */
.topic-page{background:#0a0a0a;color:#d8d8d8}.topic-page *{box-sizing:border-box}.topic-hero{min-height:680px;display:flex;align-items:center;position:relative;background-position:center;background-size:cover;isolation:isolate}.topic-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.83) 42%,rgba(5,5,5,.18) 78%)}.custom-topic-hero{background-image:url('../../../res/202609/16/custom-cob-topic-hero.webp')}.ranking-topic-hero{background-image:url('../../../res/202609/16/cob-top10-topic-hero.webp')}.topic-hero-inner{width:100%;padding-top:85px;padding-bottom:70px}.topic-kicker{margin-bottom:18px;color:#e7c571;font-size:13px;font-weight:700;letter-spacing:.18em}.topic-hero h1{max-width:780px;margin:0;color:#fff;font-size:58px;line-height:1.12;letter-spacing:-.025em}.topic-hero p{max-width:680px;margin:24px 0 0;color:#c5c5c5;font-size:19px;line-height:1.8}.topic-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.topic-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid rgba(231,197,113,.55);border-radius:7px;color:#f2d28b;font-size:15px;font-weight:700;transition:.22s}.topic-btn:hover{transform:translateY(-2px);background:rgba(242,210,139,.08);color:#fff}.topic-btn-primary{border-color:#e7c571;background:#e7c571;color:#111}.topic-btn-primary:hover{background:#f2d28b;color:#111}.topic-proof{max-width:820px;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;border:1px solid rgba(255,255,255,.1);background:rgba(8,8,8,.62);backdrop-filter:blur(10px)}.topic-proof li{padding:20px 22px;border-right:1px solid rgba(255,255,255,.1)}.topic-proof li:last-child{border:0}.topic-proof strong,.topic-proof span{display:block}.topic-proof strong{color:#f2d28b;font-size:21px}.topic-proof span{margin-top:4px;color:#999;font-size:13px}.topic-section{padding:100px 0;background:#0c0c0c}.topic-section-dark{background:#111}.topic-heading{max-width:800px;margin:0 auto 48px;text-align:center}.topic-heading span,.topic-cta>div>span{color:#d8b760;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.topic-heading h2{margin:12px 0 16px;color:#fff;font-size:38px;line-height:1.3}.topic-heading p{margin:0;color:#999;font-size:16px;line-height:1.85}.topic-heading-left{margin:0 0 26px;text-align:left}.topic-grid{display:grid;gap:18px}.topic-grid-4{grid-template-columns:repeat(4,1fr)}.topic-grid-5{grid-template-columns:repeat(5,1fr)}.topic-card{min-height:245px;padding:30px 26px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:linear-gradient(145deg,#171717,#101010);transition:.25s}.topic-card:hover{transform:translateY(-5px);border-color:rgba(231,197,113,.5)}.topic-card b{color:#d8b760;font-size:25px}.topic-card h3{margin:30px 0 12px;color:#fff;font-size:20px}.topic-card p{margin:0;color:#999;line-height:1.75}.topic-grid-5 .topic-card{min-height:210px;padding:25px 20px}.topic-grid-5 .topic-card h3{margin-top:22px}.topic-solution-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.topic-solution-list article{padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0c0c0c}.topic-solution-list h3{margin:0 0 12px;color:#fff;font-size:21px}.topic-solution-list p{margin:0 0 18px;color:#aaa;line-height:1.75}.topic-solution-list em{color:#e7c571;font-size:13px;font-style:normal}.topic-process{margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);list-style:none}.topic-process li{position:relative;padding:24px 20px;border-top:1px solid rgba(231,197,113,.4)}.topic-process li:before{content:"";position:absolute;top:-5px;left:20px;width:9px;height:9px;border-radius:50%;background:#e7c571}.topic-process b{color:#e7c571;font-size:12px}.topic-process h3{margin:20px 0 9px;color:#fff;font-size:18px}.topic-process p{margin:0;color:#888;font-size:14px;line-height:1.65}.topic-quality{background:radial-gradient(circle at 85% 15%,rgba(231,197,113,.12),transparent 40%),#0d0d0d}.topic-split{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.topic-split>div>p{color:#aaa;font-size:16px;line-height:1.9}.topic-checks{margin:26px 0 30px;padding:0;display:grid;gap:12px;list-style:none}.topic-checks li{position:relative;padding-left:28px;color:#ddd}.topic-checks li:before{content:"✓";position:absolute;left:0;color:#e7c571;font-weight:800}.topic-data{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(231,197,113,.2);border-radius:14px;overflow:hidden}.topic-data div{min-height:135px;padding:25px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.topic-data div:nth-child(2n){border-right:0}.topic-data div:nth-last-child(-n+2){border-bottom:0}.topic-data strong{color:#f2d28b;font-size:19px}.topic-data span{margin-top:8px;color:#888;font-size:13px}.topic-faq{max-width:960px}.topic-faq details{border-bottom:1px solid rgba(255,255,255,.1)}.topic-faq summary{padding:23px 46px 23px 0;position:relative;color:#fff;font-size:17px;font-weight:700;cursor:pointer;list-style:none}.topic-faq summary:after{content:"+";position:absolute;right:8px;top:20px;color:#e7c571;font-size:24px}.topic-faq details[open] summary:after{content:"−"}.topic-faq details p{margin:-3px 0 22px;color:#999;line-height:1.8}.topic-cta h2{margin:12px 0;color:#fff;font-size:38px}.topic-cta p{margin:0 0 28px;color:#999}.ranking-disclosure{margin-bottom:64px;padding:24px 28px;display:grid;grid-template-columns:110px 1fr;gap:20px;border:1px solid rgba(231,197,113,.26);border-radius:10px;background:rgba(231,197,113,.05)}.ranking-disclosure strong{color:#f2d28b}.ranking-disclosure p{margin:0;color:#aaa;line-height:1.8}.ranking-list{display:grid;gap:14px}.ranking-item{display:grid;grid-template-columns:90px 1fr;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0c0c0c;overflow:hidden}.rank-no{display:flex;align-items:flex-start;justify-content:center;padding-top:30px;border-right:1px solid rgba(255,255,255,.08);color:#555;font-size:28px;font-weight:800}.rank-main{padding:28px 32px}.rank-main h3{margin:0 0 10px;color:#fff;font-size:22px}.rank-main p{margin:0;color:#999;line-height:1.8}.rank-main small{display:block;margin-top:13px;color:#c9ac65}.ranking-winner{border-color:rgba(231,197,113,.55);background:linear-gradient(135deg,rgba(231,197,113,.1),#0d0d0d 62%)}.ranking-winner .rank-no{color:#f2d28b;font-size:38px}.ranking-badge{display:inline-block;margin-bottom:12px;padding:5px 9px;border-radius:4px;background:#e7c571;color:#111;font-size:11px;font-weight:800}.ranking-winner ul{margin:18px 0;padding-left:20px;color:#ccc;line-height:1.9}.ranking-winner a{color:#f2d28b;font-weight:700}.ranking-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.1);border-radius:12px}.ranking-table{width:100%;border-collapse:collapse;min-width:720px}.ranking-table th,.ranking-table td{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;line-height:1.6}.ranking-table th{background:#181818;color:#f2d28b}.ranking-table td{color:#aaa}.ranking-table tr:last-child td{border:0}.ranking-table strong{color:#fff}
@media(max-width:1000px){.topic-grid-4,.topic-grid-5{grid-template-columns:repeat(2,1fr)}.topic-process{grid-template-columns:repeat(3,1fr);row-gap:24px}.topic-split{gap:40px}.topic-hero h1{font-size:48px}}
@media(max-width:700px){.topic-hero{min-height:650px;background-position:62% center}.topic-hero:after{background:linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.72))}.topic-hero-inner{padding-top:100px}.topic-hero h1{font-size:38px}.topic-hero p{font-size:16px}.topic-proof{grid-template-columns:1fr 1fr}.topic-proof li:nth-child(2){border-right:0}.topic-proof li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.topic-section{padding:68px 0}.topic-heading h2,.topic-cta h2{font-size:29px}.topic-grid-4,.topic-grid-5,.topic-solution-list,.topic-split{grid-template-columns:1fr}.topic-card{min-height:auto}.topic-process{grid-template-columns:1fr 1fr}.topic-split{gap:35px}.topic-data div{min-height:110px;padding:18px}.ranking-disclosure{grid-template-columns:1fr}.ranking-item{grid-template-columns:62px 1fr}.rank-main{padding:22px 18px}.rank-no{font-size:20px}.ranking-winner .rank-no{font-size:27px}.topic-actions .topic-btn{width:100%}}
.topic-cta{padding:90px 0;text-align:center;background:linear-gradient(135deg,#17140d,#090909)}

/* 联系我们：站内地图示意，不跳转第三方 */
.local-map{height:430px;position:relative;overflow:hidden;background-color:#131719;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 75% 30%,rgba(242,210,139,.09),transparent 38%);background-size:32px 32px,32px 32px,auto}.map-road{position:absolute;display:block;border-radius:999px;background:#343b3e;box-shadow:0 0 0 1px rgba(255,255,255,.04)}.map-road:after{content:"";position:absolute;inset:45% 0 auto;height:1px;background:repeating-linear-gradient(90deg,rgba(242,210,139,.35) 0 10px,transparent 10px 20px)}.map-road-a{width:130%;height:24px;left:-12%;top:44%;transform:rotate(-8deg)}.map-road-b{width:90%;height:18px;left:22%;top:22%;transform:rotate(62deg)}.map-road-c{width:65%;height:14px;left:-5%;top:72%;transform:rotate(17deg)}.map-road-d{width:55%;height:12px;right:-8%;top:70%;transform:rotate(-28deg)}.map-label{position:absolute;z-index:2;padding:3px 7px;border-radius:4px;background:rgba(12,14,15,.75);color:#7f898d;font-size:11px}.map-label-a{left:12%;top:36%}.map-label-b{right:26%;top:18%}.map-label-c{left:8%;bottom:12%}.map-label-d{right:7%;bottom:15%}.map-marker{position:absolute;z-index:4;left:58%;top:45%;min-width:170px;padding:13px 16px 13px 48px;border:1px solid rgba(242,210,139,.45);border-radius:8px;background:rgba(12,12,12,.92);box-shadow:0 14px 35px rgba(0,0,0,.45)}.map-marker i{position:absolute;left:17px;top:16px;width:20px;height:20px;border:6px solid #f2d28b;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 0 18px rgba(242,210,139,.45)}.map-marker i:after{content:"";position:absolute;left:1px;top:1px;width:6px;height:6px;border-radius:50%;background:#111}.map-marker strong,.map-marker small{display:block}.map-marker strong{color:#f2d28b;font-size:16px}.map-marker small{margin-top:4px;color:#999}.map-coordinates{position:absolute;z-index:3;left:20px;top:18px;padding:11px 14px;border-left:2px solid #f2d28b;background:rgba(10,10,10,.72);color:#ddd;font-weight:700}.map-coordinates small{color:#778084;font-weight:400}.contact-map-caption{border-top:1px solid rgba(242,210,139,.2)}
@media(max-width:700px){.local-map{height:260px}.map-marker{left:43%;top:42%;min-width:145px;padding-left:43px}.map-label-a,.map-label-b{display:none}.map-coordinates{font-size:12px}}