@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;}
.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);}
.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;}
}