:root{
  --brand:#005ba9;--brand-dark:#003f78;--brand-soft:#eaf4ff;--brand-light:#f5faff;
  --text-main:#162033;--text-sub:#5e6b7a;--line:#e5edf5;--white:#fff;--bg:#f7fafc;
  --green:#38a169;--shadow:0 18px 45px rgba(0,57,107,.12);--radius:22px;--max:1200px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--text-main);background:var(--bg);line-height:1.65}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{max-width:var(--max);margin:0 auto;padding:0 24px}
.topbar{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,91,169,.1)}
.nav{max-width:var(--max);margin:0 auto;height:76px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:14px;min-width:280px}.logo-box{width:52px;height:58px;border-radius:14px;box-shadow:0 12px 26px rgba(0,91,169,.25);display:grid;place-items:center;color:#fff;font-weight:800}
.logo-box img{width:100%;height:100%;object-fit:contain;display:block;}
.brand-title{font-size:18px;font-weight:800;line-height:1.25}.brand-sub{font-size:12px;color:var(--text-sub);letter-spacing:.2px}
.nav-links{display:flex;align-items:center;gap:2px;font-size:15px;font-weight:700}.nav-links a{padding:10px 14px;border-radius:999px;color:#24364d;transition:.25s}.nav-links a:hover,.nav-links a.active{background:var(--brand-soft);color:var(--brand)}
.nav-cta{padding:10px 18px!important;background:var(--brand)!important;color:#fff!important;box-shadow:0 10px 20px rgba(0,91,169,.22)}
.hero{
  position:relative;
  overflow:hidden;
  min-height:720px;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(0,32,61,.88) 0%,rgba(0,73,135,.70) 38%,rgba(0,91,169,.30) 66%,rgba(0,91,169,.08) 100%),
    url('../../image/banner.png') center center/cover no-repeat;
}
.hero::after{
  content:"";
  position:absolute;
  inset:auto -10% -32% -10%;
  height:280px;
  background:#f7fafc;
  transform:rotate(-3deg);
  transform-origin:left center;
}
.hero-inner{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:128px 24px 170px;display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.12);font-size:13px;letter-spacing:.8px;text-transform:uppercase;backdrop-filter:blur(8px)}
.hero h1{margin:24px 0 18px;font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-1.5px}.hero p{max-width:680px;font-size:18px;color:rgba(255,255,255,.86);margin:0 0 34px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:900;transition:.25s;cursor:pointer}
.btn-primary{background:#fff;color:var(--brand)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,0,0,.16)}.btn-blue{background:var(--brand);color:#fff}.btn-ghost{border:1px solid rgba(255,255,255,.4);color:#fff}
.hero-panel{padding:28px;border-radius:28px;background:rgba(0,45,84,.22);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);box-shadow:0 24px 80px rgba(0,0,0,.18)}
.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stat{min-height:124px;padding:22px;border-radius:20px;background:rgba(255,255,255,.13)}.stat b{display:block;font-size:34px;line-height:1;margin-bottom:10px}.stat span{color:rgba(255,255,255,.76);font-size:14px}
.section{padding:88px 0}.white-bg{background:#fff}.blue-bg{background:linear-gradient(180deg,#f7fafc 0%,#edf6ff 100%)}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px}.section-title h2{margin:0;font-size:clamp(28px,3.4vw,44px);line-height:1.18;letter-spacing:-.8px}.section-title p{max-width:540px;margin:0;color:var(--text-sub)}
.cn-en small{display:block;margin-top:8px;color:var(--brand);text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:900}
.page-hero{padding:92px 0;background:linear-gradient(135deg,var(--brand-dark),var(--brand));color:#fff;position:relative;overflow:hidden}.page-hero::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;top:-120px;background:rgba(255,255,255,.09)}
.page-hero h1{font-size:48px;line-height:1.15;margin:0 0 16px}.page-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.82);font-size:18px}
.features{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.feature-card{position:relative;overflow:hidden;min-height:230px;padding:28px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 24px rgba(0,91,169,.06);transition:.25s}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.feature-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:24px;margin-bottom:24px}.feature-card h3{margin:0 0 6px;font-size:21px}.feature-card em{display:block;color:var(--brand);font-style:normal;font-weight:900;font-size:13px;letter-spacing:.8px;text-transform:uppercase}.feature-card p{color:var(--text-sub);margin:14px 0 0;font-size:14px}
.marquee-wrap{overflow:hidden;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:18px}.marquee-track{display:flex;width:max-content;gap:18px;animation:marquee 32s linear infinite}.marquee-wrap:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}
.photo-card{width:340px;height:220px;flex:0 0 auto;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(135deg,#dbeafe,#eef6ff)}.placeholder{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:24px;color:var(--brand);font-weight:900;background:linear-gradient(135deg,rgba(0,91,169,.08),rgba(255,255,255,.75)),repeating-linear-gradient(45deg,rgba(0,91,169,.04) 0 10px,transparent 10px 20px)}
.photo-card span{position:absolute;left:18px;bottom:16px;right:18px;padding:10px 14px;border-radius:999px;color:#fff;font-size:14px;font-weight:900;background:rgba(0,45,84,.58);backdrop-filter:blur(10px)}
.cert-card{width:240px;height:320px;flex:0 0 auto;padding:12px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 26px rgba(0,91,169,.08)}.cert-img{height:238px;border-radius:14px;overflow:hidden;background:var(--brand-soft)}.cert-card h4{margin:12px 6px 0;font-size:15px}.cert-card p{margin:2px 6px 0;color:var(--text-sub);font-size:12px}
.about-preview{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}.image-stack{position:relative;min-height:440px}.image-main{position:absolute;inset:0 60px 50px 0;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:url('../../image/about-factory.jpg') center/cover no-repeat,linear-gradient(135deg,#dbeafe,#fff)}.image-badge{position:absolute;right:0;bottom:0;width:260px;padding:28px;border-radius:28px;background:var(--brand);color:#fff;box-shadow:0 20px 45px rgba(0,91,169,.24)}.image-badge b{display:block;font-size:44px;line-height:1}.image-badge span{color:rgba(255,255,255,.8)}
.rich-text h2{margin:0 0 18px;font-size:38px;line-height:1.2}.rich-text p{color:var(--text-sub);margin:0 0 18px}.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.pill{padding:9px 14px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-weight:900;font-size:13px}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 8px 20px rgba(0,91,169,.05)}summary{cursor:pointer;font-weight:900;color:#213550}details p{margin:12px 0 0;color:var(--text-sub)}
.logo-card{width:186px;height:92px;flex:0 0 auto;border-radius:18px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:#738294;font-weight:900;letter-spacing:.4px;box-shadow:0 8px 18px rgba(0,91,169,.05)}
.logo-card img {max-width: 90% !important;max-height: 90% !important;object-fit: contain !important;}
.text-page{background:#fff;border:1px solid var(--line);border-radius:30px;padding:46px;box-shadow:var(--shadow)}.text-page h3{margin-top:0;font-size:30px}.text-page p{color:var(--text-sub)}
.text-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.mini-card{padding:22px;border-radius:20px;background:var(--brand-light);border:1px solid var(--line)}.mini-card b{color:var(--brand);font-size:20px}.mini-card p{color:var(--text-sub);margin:8px 0 0}
.timeline{position:relative;padding:20px 0 20px 36px}.timeline::before{content:"";position:absolute;left:12px;top:0;bottom:0;width:3px;background:linear-gradient(var(--brand),#95c8f3);border-radius:999px}.time-item{position:relative;display:grid;grid-template-columns:120px 1fr;gap:26px;margin-bottom:24px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 10px 24px rgba(0,91,169,.06)}.time-item::before{content:"";position:absolute;left:-31px;top:32px;width:18px;height:18px;border-radius:50%;background:#fff;border:5px solid var(--brand)}.year{color:var(--brand);font-size:28px;font-weight:900;line-height:1}.month{color:var(--text-sub);font-size:13px;margin-top:7px}.time-content ul{margin:0;padding-left:18px;color:var(--text-sub)}.time-content li{margin-bottom:7px}.time-note{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--brand-light);color:var(--brand);font-weight:800;font-size:14px}
.rd-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:stretch}.lab-photo{min-height:460px;border-radius:30px;background:url('../images/lab.jpg') center/cover no-repeat,linear-gradient(135deg,#e7f2ff,#fff);box-shadow:var(--shadow);position:relative}.lab-photo::after{content:"研发中心 / Laboratory";position:absolute;left:24px;bottom:24px;padding:12px 18px;border-radius:999px;color:#fff;background:rgba(0,45,84,.62);backdrop-filter:blur(10px);font-weight:900}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{overflow:hidden;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(0,91,169,.06);transition:.25s}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.product-img{height:210px;background:linear-gradient(135deg,rgba(0,91,169,.12),rgba(56,161,105,.12)),repeating-linear-gradient(45deg,rgba(0,91,169,.05) 0 12px,transparent 12px 24px);display:grid;place-items:center;color:var(--brand);font-weight:900}.product-body{padding:24px}.product-body h3{margin:0 0 10px}.product-body p{color:var(--text-sub);margin:0}
.news-list{display:grid;gap:18px}.news-item{display:grid;grid-template-columns:160px 1fr 120px;gap:22px;align-items:center;padding:24px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(0,91,169,.05)}.news-date{border-radius:18px;padding:18px;background:var(--brand);color:#fff;text-align:center;font-weight:900}.news-date b{display:block;font-size:30px;line-height:1}.news-item h3{margin:0 0 8px}.news-item p{margin:0;color:var(--text-sub)}.read-more{color:var(--brand);font-weight:900}
.article{background:#fff;border:1px solid var(--line);border-radius:30px;padding:52px;box-shadow:var(--shadow)}.article h1{font-size:42px;line-height:1.22;margin:0 0 14px}.article-meta{color:var(--text-sub);padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:30px}.article p{color:var(--text-sub);font-size:17px}.article h2{margin-top:34px}.article-cover{height:330px;border-radius:24px;margin:28px 0;background:linear-gradient(135deg,rgba(0,91,169,.12),rgba(255,255,255,.8)),repeating-linear-gradient(45deg,rgba(0,91,169,.05) 0 12px,transparent 12px 24px);display:grid;place-items:center;color:var(--brand);font-weight:900}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.contact-card{padding:36px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.contact-list{display:grid;gap:16px;margin-top:24px}.contact-row{display:flex;gap:14px;align-items:flex-start;color:var(--text-sub)}.contact-row b{color:var(--text-main);min-width:76px}.map-placeholder{min-height:380px;border-radius:30px;background:linear-gradient(135deg,rgba(0,91,169,.12),rgba(255,255,255,.9)),repeating-linear-gradient(-45deg,rgba(0,91,169,.06) 0 12px,transparent 12px 24px);border:1px solid var(--line);display:grid;place-items:center;color:var(--brand);font-weight:900;text-align:center;padding:30px}
footer{background:#061d33;color:#d9e8f6;padding:58px 24px 28px}.footer-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:36px}.footer-logo{display:flex;align-items:center;gap:14px;margin-bottom:18px}.qr{width:116px;height:116px;border-radius:16px;background:#fff;display:grid;place-items:center;color:var(--brand);font-weight:900;text-align:center;font-size:13px}.copyright{max-width:var(--max);margin:34px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:rgba(217,232,246,.62);font-size:13px}
@media(max-width:980px){.nav{height:auto;padding:14px 18px;align-items:flex-start;flex-direction:column}.brand{min-width:auto}.nav-links{width:100%;overflow-x:auto;padding-bottom:4px}.hero-inner,.about-preview,.rd-grid,.contact-grid{grid-template-columns:1fr}.features,.product-grid,.text-columns{grid-template-columns:repeat(2,1fr)}.hero{min-height:auto}.hero-inner{padding-top:80px}.section-title{display:block}.section-title p{margin-top:12px}.footer-inner{grid-template-columns:1fr}}
@media(max-width:640px){.features,.product-grid,.text-columns,.faq-grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:1fr}.time-item{grid-template-columns:1fr}.news-item{grid-template-columns:1fr}.text-page,.article{padding:28px}.image-main{inset:0}.image-badge{position:relative;width:auto;margin-top:300px}.page-hero h1{font-size:36px}}
.cert-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.lab-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.product-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.photo-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.products-img{
  height:210px;
}
.products-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.time-note{
  display:none;
}
/* 不显示公司timeline */