/* ===== 万普铸造官网公共样式 ===== */
:root{
  --primary:#0f3d6e;
  --primary-light:#1a5ca8;
  --accent:#e8890c;
  --accent-dark:#c96f00;
  --dark:#152435;
  --text:#33404f;
  --muted:#6b7a89;
  --bg:#f5f7fa;
  --white:#ffffff;
  --line:#e3e8ef;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.7;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;display:block;}
.container{width:min(1200px,92%);margin:0 auto;}

/* ===== 顶部工具条 ===== */
.topbar{background:var(--dark);color:#aab8c7;font-size:13px;padding:8px 0;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;}
.topbar span{display:inline-flex;align-items:center;gap:6px;}
.topbar .hotline{color:#ffb84d;font-weight:bold;}

/* ===== 导航 ===== */
header{position:sticky;top:0;z-index:1000;background:var(--white);box-shadow:0 2px 12px rgba(15,61,110,.08);}
.nav-wrap{display:flex;justify-content:space-between;align-items:center;padding:16px 0;position:relative;}
.logo{display:flex;align-items:center;gap:12px;}
.logo-img{height:70px;width:auto;object-fit:contain;display:block;}
.logo-text .cn{font-size:23px;font-weight:bold;color:var(--primary);letter-spacing:1px;white-space:nowrap;}
.logo-text .en{font-size:14px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;}
nav ul{display:flex;gap:8px;align-items:center;}
nav li{display:flex;align-items:center;}
nav a{display:flex;align-items:center;height:42px;padding:0 18px;font-size:16px;color:var(--text);border-radius:6px;transition:.25s;}
nav a:hover,nav a.active{background:var(--primary);color:#fff;}
.menu-btn{display:none;font-size:26px;background:none;border:none;color:var(--primary);cursor:pointer;}

/* 二级下拉菜单 */
nav li.has-sub{position:relative;}
nav li.has-sub > a{gap:4px;}
nav li.has-sub > a::after{content:"▾";font-size:12px;}
nav li.has-sub:hover > a,nav li.has-sub.open > a{background:var(--primary);color:#fff;}
nav .submenu{display:none;position:absolute;top:100%;left:0;min-width:170px;background:#fff;border-radius:10px;box-shadow:0 12px 32px rgba(15,61,110,.18);padding:8px 0;border:1px solid var(--line);z-index:1100;}
nav .submenu::before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px;}
nav li.has-sub:hover .submenu,nav li.has-sub.open .submenu{display:block;animation:fadeIn .2s;}
nav .submenu a{display:block;height:auto;padding:10px 22px;font-size:14px;border-radius:0;white-space:nowrap;}
nav .submenu a:hover{background:var(--primary);color:#fff;}
@keyframes fadeIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}

/* ===== Hero ===== */
.hero{position:relative;overflow:hidden;background:#0a2342;color:#fff;text-align:center;padding:110px 0 130px;}
/* 背景图+深蓝叠层单独一层，缓慢缩放（Ken Burns） */
.hero::before{content:'';position:absolute;top:0;bottom:0;left:-4cm;right:-4cm;background:linear-gradient(rgba(10,35,66,.78),rgba(10,35,66,.62)),url('../images/hero.png') calc(50% - 4cm) calc(50% + 1cm)/cover no-repeat;z-index:0;animation:heroZoom 22s ease-in-out infinite alternate;will-change:transform;}
.hero .container{position:relative;z-index:1;}
@keyframes heroZoom{from{transform:scale(1);}to{transform:scale(1.1);}}
/* 内容依次浮入 */
.hero .hero-motto,.hero h1,.hero .sub,.hero .en-sub,.hero .btns{opacity:0;animation:heroUp .9s cubic-bezier(.22,.61,.36,1) forwards;}
.hero .hero-motto{animation-delay:.15s;}
.hero h1{animation-delay:.35s;}
.hero .sub{animation-delay:.55s;}
.hero .en-sub{animation-delay:.7s;}
.hero .btns{animation-delay:.85s;}
@keyframes heroUp{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}
.hero .hero-motto{font-size:22px;color:#e3edfa;letter-spacing:5px;line-height:2;margin-bottom:16px;text-shadow:0 2px 10px rgba(0,0,0,.4);}
.hero .hero-motto .motto-hl{color:#ffcf40;font-weight:800;font-size:1.2em;text-shadow:0 0 18px rgba(255,207,64,.45);animation:mottoGlow 3s ease-in-out infinite alternate;}
@keyframes mottoGlow{from{text-shadow:0 0 12px rgba(255,207,64,.35);}to{text-shadow:0 0 24px rgba(255,207,64,.7);}}
.hero h1{font-size:44px;font-weight:800;letter-spacing:3px;margin-bottom:18px;text-shadow:0 3px 14px rgba(0,0,0,.4);}
.hero .sub{font-size:20px;color:#cfe0f5;margin-bottom:14px;letter-spacing:2px;}
.hero .en-sub{font-size:13px;color:#8fa8c9;letter-spacing:4px;text-transform:uppercase;margin-bottom:38px;}
.hero .btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;}
.hero .btn-ghost{animation:ghostBreath 2.6s ease-in-out infinite;}
@keyframes ghostBreath{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.25);}50%{box-shadow:0 0 0 8px rgba(255,255,255,0);}}
/* 用户偏好减少动效时全部关闭 */
@media (prefers-reduced-motion:reduce){
  .hero::before,.hero .hero-motto,.hero h1,.hero .sub,.hero .en-sub,.hero .btns,.hero .motto-hl,.hero .btn-ghost{animation:none!important;}
  .hero .hero-motto,.hero h1,.hero .sub,.hero .en-sub,.hero .btns{opacity:1!important;}
}

/* 页面横幅（二级页） */
.page-banner{background:linear-gradient(rgba(58,110,168,.82),rgba(84,130,185,.72)),url('../images/banner-detail.jpg') center/cover no-repeat;color:#fff;text-align:center;padding:58px 0 54px;}
.page-banner h1{font-size:34px;font-weight:800;letter-spacing:3px;text-shadow:0 2px 10px rgba(30,70,120,.5);}
.page-banner .en{font-size:13px;letter-spacing:4px;color:#eaf2fb;text-transform:uppercase;margin-top:8px;}
/* 产品中心专用清新横幅 */
.page-banner.banner-products{background:linear-gradient(rgba(16,48,90,.46),rgba(16,48,90,.38)),url('../images/banner-products.jpg') center/cover no-repeat;}
.page-banner.banner-products h1{text-shadow:0 2px 12px rgba(10,30,60,.45);}
.page-banner.banner-products .en{color:#dce8f5;text-shadow:0 1px 8px rgba(10,30,60,.45);}

/* 面包屑 */
.crumbs{background:var(--bg);border-bottom:1px solid var(--line);font-size:13.5px;color:var(--muted);padding:12px 0;}
.crumbs a{color:var(--muted);}
.crumbs a:hover{color:var(--accent);}
.crumbs .sep{margin:0 8px;color:#c2ccd6;}
.crumbs .cur{color:var(--primary);font-weight:bold;}

.btn{display:inline-block;padding:14px 38px;border-radius:6px;font-size:16px;letter-spacing:1px;transition:.25s;cursor:pointer;}
.btn-primary{background:var(--accent);color:#fff;font-weight:bold;border:none;font-family:inherit;}
.btn-primary:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 20px rgba(232,137,12,.4);}
.btn-ghost{border:1.5px solid rgba(255,255,255,.7);color:#fff;}
.btn-ghost:hover{background:rgba(255,255,255,.15);}

/* 数据条 */
.stats{background:var(--primary);color:#fff;padding:34px 0;}
.stats .container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
.stat-num{font-size:38px;font-weight:800;color:#ffc36b;}
.stat-num small{font-size:18px;}
.stat-label{font-size:14px;color:#bcd2ec;margin-top:4px;letter-spacing:1px;}

/* ===== 通用板块 ===== */
.section{padding:80px 0;}
.section.alt{background:var(--bg);}
.sec-head{text-align:center;margin-bottom:56px;}
.sec-head .tag{display:inline-block;color:var(--accent);font-size:14px;letter-spacing:3px;text-transform:uppercase;font-weight:bold;margin-bottom:10px;}
.sec-head h2{font-size:34px;color:var(--primary);font-weight:800;letter-spacing:2px;}
.sec-head .bar{width:64px;height:4px;background:linear-gradient(90deg,var(--accent),var(--primary));margin:16px auto 0;border-radius:2px;}
.sec-head p{color:var(--muted);margin-top:14px;max-width:720px;margin-left:auto;margin-right:auto;}

/* ===== 产品中心 ===== */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.prod-grid-2{grid-template-columns:repeat(2,1fr);}
.prod-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px rgba(21,36,53,.07);transition:.3s;border:1px solid var(--line);display:flex;flex-direction:column;}
.prod-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(15,61,110,.18);}
.prod-thumb{height:190px;display:flex;align-items:center;justify-content:center;}
.prod-thumb .icon{font-size:64px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18));}
.prod-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
.prod-card:hover .prod-thumb img{transform:scale(1.06);}
.prod-body{padding:24px 24px 28px;flex:1;display:flex;flex-direction:column;}
.prod-body h3{font-size:20px;color:var(--primary);margin-bottom:8px;font-weight:700;}
.prod-body .en{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;}
.prod-body p{font-size:14px;color:var(--muted);flex:1;}
.prod-body .specs{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 16px;}
.prod-body .specs span{font-size:12px;background:#eef4fb;color:var(--primary-light);padding:3px 10px;border-radius:20px;}
.prod-body .more{color:var(--accent);font-size:14px;font-weight:bold;align-self:flex-start;}
.prod-body .more:hover{color:var(--accent-dark);}

/* ===== 关于我们 ===== */
.about-flex{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;}
.about-text h3{font-size:26px;color:var(--primary);margin-bottom:18px;font-weight:700;}
.about-text p{margin-bottom:14px;color:var(--text);font-size:15px;text-align:justify;}
.about-points{margin-top:22px;display:grid;gap:12px;}
.about-points li{display:flex;gap:10px;align-items:flex-start;font-size:15px;}
.about-points .dot{flex:none;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;margin-top:2px;font-weight:bold;}
.about-visual{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 200px;gap:14px;}
.abox{border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:16px;}
.abox .big{font-size:34px;font-weight:800;}
.abox .sm{font-size:13px;opacity:.85;margin-top:4px;}
.abox1{background:linear-gradient(135deg,#0f3d6e,#1a5ca8);}
.abox2{background:linear-gradient(135deg,#e8890c,#f2a93b);}
.abox3{background:linear-gradient(135deg,#2c6e63,#3f9183);}
.abox4{background:linear-gradient(135deg,#152435,#2b4363);}
.abox3{grid-column:span 2;}

/* ===== 优势 ===== */
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.adv-card{background:#fff;border-radius:12px;padding:34px 26px;text-align:center;box-shadow:0 4px 16px rgba(21,36,53,.06);transition:.3s;border-top:4px solid var(--primary);}
.adv-card:nth-child(even){border-top-color:var(--accent);}
.adv-card:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(15,61,110,.15);}
.adv-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:#eef4fb;display:flex;align-items:center;justify-content:center;font-size:34px;}
.adv-card h3{font-size:19px;color:var(--primary);margin-bottom:10px;}
.adv-card p{font-size:13.5px;color:var(--muted);}

/* ===== 生产流程 ===== */
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;}
.flow-step{text-align:center;position:relative;padding:0 10px;}
.flow-step .cir{width:86px;height:86px;margin:0 auto 16px;border-radius:50%;background:#fff;border:3px solid var(--primary);display:flex;align-items:center;justify-content:center;font-size:34px;position:relative;z-index:2;transition:.3s;}
.flow-step:hover .cir{background:var(--primary);transform:scale(1.06);}
.flow-step:not(:last-child)::after{content:"";position:absolute;top:41px;left:calc(50% + 46px);width:calc(100% - 92px);height:3px;background:repeating-linear-gradient(90deg,var(--accent) 0 10px,transparent 10px 18px);z-index:1;}
.flow-step h4{font-size:17px;color:var(--primary);margin-bottom:6px;}
.flow-step p{font-size:13px;color:var(--muted);}

/* ===== 应用领域 ===== */
.apply-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.apply-item{background:#fff;border-radius:10px;padding:28px 20px;text-align:center;border:1px solid var(--line);transition:.3s;}
.apply-item:hover{border-color:var(--accent);box-shadow:0 10px 26px rgba(232,137,12,.15);}
.apply-item .ic{font-size:42px;margin-bottom:12px;}
.apply-item h4{font-size:16px;color:var(--primary);}

/* ===== 产品详情页 ===== */
.detail-layout{display:grid;grid-template-columns:250px 1fr;gap:40px;padding:56px 0 80px;align-items:start;}
.side-box{background:var(--bg);border-radius:12px;overflow:hidden;border:1px solid var(--line);}
.side-box h3{background:var(--primary);color:#fff;font-size:17px;padding:14px 20px;letter-spacing:1px;}
.side-menu li a{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;font-size:14.5px;color:var(--text);border-bottom:1px solid var(--line);transition:.25s;}
.side-menu li:last-child a{border-bottom:none;}
.side-menu li a:hover{color:var(--accent);padding-left:26px;}
.side-menu li a.cur{background:#fff;color:var(--accent);font-weight:bold;border-left:4px solid var(--accent);padding-left:16px;}
.side-call{margin-top:22px;background:linear-gradient(135deg,var(--accent),#f2a93b);border-radius:12px;color:#fff;padding:22px 20px;text-align:center;}
.side-call .t{font-size:14px;opacity:.9;}
.side-call .num{font-size:22px;font-weight:800;margin:6px 0 10px;}
.side-call a{display:inline-block;background:#fff;color:var(--accent-dark);font-size:13px;font-weight:bold;padding:8px 22px;border-radius:20px;transition:.25s;}
.side-call a:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.2);}

.detail-main h1{font-size:30px;color:var(--primary);font-weight:800;letter-spacing:1px;}
.detail-main .d-en{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin:6px 0 20px;}
.detail-main .lead{background:#eef4fb;border-left:4px solid var(--primary);padding:18px 22px;border-radius:0 10px 10px 0;color:var(--text);font-size:15px;margin-bottom:30px;}
.detail-main h2{font-size:21px;color:var(--primary);font-weight:700;margin:38px 0 16px;padding-left:12px;border-left:5px solid var(--accent);line-height:1.4;}
.detail-main p{font-size:15px;margin-bottom:12px;text-align:justify;}
.detail-main ul.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px;}
.detail-main ul.feature-list li{background:var(--bg);border-radius:10px;padding:14px 18px;font-size:14px;display:flex;gap:10px;align-items:flex-start;}
.feature-list .fi{flex:none;width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;margin-top:2px;}

/* 详情页内嵌图文板块（碳化硅） */
.sic-intro{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:start;margin-bottom:6px;}
.sic-intro img{width:100%;border-radius:10px;box-shadow:0 4px 14px rgba(15,40,80,.12);}
.sic-intro p{font-size:14.5px;}

/* 参数表格 */
.table-wrap{overflow-x:auto;border-radius:10px;box-shadow:0 4px 16px rgba(21,36,53,.08);border:1px solid var(--line);}
table.spec{width:100%;border-collapse:collapse;background:#fff;font-size:13.5px;min-width:560px;}
table.spec th{background:var(--primary);color:#fff;padding:12px 14px;text-align:left;font-weight:700;white-space:nowrap;}
table.spec td{padding:11px 14px;border-bottom:1px solid var(--line);color:var(--text);}
table.spec tr:nth-child(even) td{background:#f8fafc;}
table.spec tr:hover td{background:#fdf3e3;}
table.spec td.hl{color:var(--accent-dark);font-weight:bold;}

.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px;}
.tag-row span{background:#eef4fb;color:var(--primary-light);font-size:13px;padding:5px 14px;border-radius:20px;}

.step-list{counter-reset:s; display:grid;gap:14px;}
.step-list li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px 16px 60px;position:relative;font-size:14.5px;counter-increment:s;}
.step-list li::before{content:counter(s);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;}
.step-list b{color:var(--primary);}

.notice{background:#fff8ec;border:1px solid #f3ddb5;border-radius:10px;padding:16px 20px;font-size:14px;color:#8a6116;}
.notice b{color:var(--accent-dark);}

.cta-box{margin-top:44px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:14px;color:#fff;padding:32px 36px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.cta-box h3{font-size:22px;font-weight:800;margin-bottom:6px;}
.cta-box p{color:#c6d8ef;font-size:14px;margin:0;}

/* 相关产品 */
.rel-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.rel-item{background:#fff;border:1px solid var(--line);border-radius:10px;text-align:center;padding:12px 10px 14px;font-size:14px;color:var(--text);transition:.3s;}
.rel-item:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 8px 20px rgba(232,137,12,.15);transform:translateY(-4px);}
.rel-item.cur{border-color:var(--accent);color:var(--accent);background:#fffaf3;}
.rel-item img{width:100%;height:96px;object-fit:cover;border-radius:8px;margin-bottom:10px;display:block;}
.rel-item .rt{line-height:1.4;}

/* ===== 联系我们 ===== */
.contact-flex{display:grid;grid-template-columns:1fr 0.8fr;gap:50px;align-items:center;}
.map-card{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 8px 30px rgba(15,61,110,.12);}
.map-card img{display:block;width:100%;height:auto;}
.map-card .map-link{position:absolute;right:14px;bottom:14px;background:rgba(10,35,66,.85);color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;letter-spacing:1px;transition:.25s;}
.map-card .map-link:hover{background:var(--accent);}
.contact-info h3{font-size:24px;color:var(--primary);margin-bottom:22px;}
.c-item{display:flex;gap:14px;margin-bottom:20px;align-items:flex-start;}
.c-item .ic{flex:none;width:44px;height:44px;border-radius:10px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;}
.c-item b{display:block;color:var(--primary);font-size:15px;margin-bottom:2px;}
.c-item span{color:var(--muted);font-size:14.5px;}

/* ===== 页脚 ===== */
footer{background:var(--dark);color:#9db0c5;padding:60px 0 0;font-size:14px;}
.foot-grid{display:grid;grid-template-columns:2.1fr 1.55fr 0.9fr 1.5fr 0.95fr;gap:34px;padding-bottom:44px;align-items:start;}
.foot-grid > div:nth-child(3){padding-left:40px;}
.foot-grid h4{color:#fff;font-size:17px;margin-bottom:18px;letter-spacing:1px;}
.foot-grid p{margin-bottom:10px;line-height:1.9;}
.foot-grid a:hover{color:#ffc36b;}
.foot-qr img{width:118px;height:auto;background:#fff;padding:6px;border-radius:8px;display:block;}
.foot-qr p{font-size:12.5px;color:#7488a1;margin-top:8px;letter-spacing:1px;}
.foot-links li{margin-bottom:10px;}
.foot-links-2{columns:2;column-gap:36px;}
.foot-links-2 li{break-inside:avoid;}
.foot-bottom{border-top:1px solid #263850;text-align:center;padding:20px 0;font-size:13px;color:#7488a1;}
.foot-bottom a{color:#a8c0dc;text-decoration:none;}
.foot-bottom a:hover{text-decoration:underline;}
/* 页脚品牌栏（左下角公司介绍） */
.foot-intro{color:#9db0c5;text-align:justify;}
.foot-badges{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 16px;}
.foot-badges li{background:#1d3049;border:1px solid #2b4363;border-radius:8px;padding:7px 10px;font-size:12.5px;color:#c6d4e6;white-space:nowrap;}

/* ===== 浮动咨询 ===== */


/* ===== 响应式 ===== */
@media (max-width:1150px){
  nav ul{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:10px 20px 18px;box-shadow:0 12px 24px rgba(0,0,0,.12);z-index:1100;}
  nav ul.open{display:flex;max-height:calc(100vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch;}
  .menu-btn{display:block;padding:6px 10px;}
  nav .submenu{position:static;display:none;box-shadow:none;border:none;padding:0 0 6px 16px;}
  nav li.has-sub.open .submenu{display:block;}
  nav li.has-sub > a{justify-content:space-between;}
  nav li.has-sub > a::after{margin-left:8px;}
}
@media (max-width:1000px){
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .adv-grid{grid-template-columns:repeat(2,1fr);}
  .flow{grid-template-columns:repeat(2,1fr);row-gap:40px;}
  .flow-step:not(:last-child)::after{display:none;}
  .apply-grid{grid-template-columns:repeat(2,1fr);}
  .about-flex,.contact-flex{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr 1fr;}
  .foot-grid > div:nth-child(3){padding-left:0;}
  .stats .container{grid-template-columns:repeat(2,1fr);row-gap:24px;}
  .detail-layout{grid-template-columns:1fr;}
  .rel-grid{grid-template-columns:repeat(3,1fr);}
  .detail-main ul.feature-list{grid-template-columns:1fr;}
  .sic-intro{grid-template-columns:1fr;}
  .sic-intro img{max-width:420px;}
}
@media (max-width:720px){
  .topbar .container{justify-content:center;}
  .nav-wrap{padding:10px 0;}
  .hero{padding:64px 0 80px;}
  .hero .hero-motto{font-size:17px;letter-spacing:2px;}
  .hero h1{font-size:26px;letter-spacing:1px;}
  .hero .sub{font-size:15px;letter-spacing:1px;}
  .hero .btns{gap:12px;}
  .hero .btn{padding:12px 26px;font-size:15px;}
  .section{padding:56px 0;}
  .sec-head{margin-bottom:36px;}
  .sec-head h2{font-size:26px;}
  .page-banner{padding:42px 0 38px;}
  .page-banner h1{font-size:24px;letter-spacing:1px;}
  .stats{padding:24px 0;}
  .stats .container{grid-template-columns:repeat(2,1fr);row-gap:20px;}
  .stat-num{font-size:28px;}
  .prod-grid,.prod-grid-2{grid-template-columns:1fr;}
  .prod-thumb{height:180px;}
  .adv-grid,.flow,.apply-grid{grid-template-columns:1fr;}
  .about-visual{grid-template-rows:150px 150px;}
  .detail-layout{padding:32px 0 56px;}
  .detail-main h1{font-size:23px;}
  .detail-main h2{font-size:19px;}
  .rel-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .rel-item img{height:72px;}
  .cta-box{flex-direction:column;text-align:center;padding:24px 20px;}
  .contact-flex{gap:30px;}
  .foot-grid{grid-template-columns:1fr;gap:26px;}
  .foot-links-2{column-gap:20px;}
  .logo-img{height:56px;}
}
@media (max-width:480px){
  .logo-img{height:48px;}
  .logo-text .cn{font-size:16px;}
  .logo-text .en{font-size:11px;}
  .hero{padding:52px 0 64px;}
  .hero h1{font-size:22px;}
  .hero .hero-motto{font-size:15px;line-height:1.9;}
  .hero .btns{flex-direction:column;align-items:center;}
  .hero .btn{width:min(280px,86%);text-align:center;}
  .topbar{font-size:12px;}
}