/* ============================================================
   广东凯鑫医药集团 | 复刻科丝美诗(cosmax)视觉与交互
   - 满屏 icenter 布局 / Noto Sans SC 细字重 / 品牌红强调
   - 真实交互：全屏视频Hero、双行 logo 跑马灯、Swiper 新闻轮播、
     AOS 滚动动画、导航下拉、滚动隐藏、移动端汉堡菜单
   - 视频/客户logo/新闻配图暂沿用 cosmax 资源，后续替换为凯鑫自有
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@200;300;400;500;700;900&display=swap');

:root{
  --red:#dc0b0b;          /* 科丝美诗品牌红 */
  --red2:#e52332;
  --ink:#000;
  --ink2:#333;
  --ink3:#666;
  --line:#ddd;
  --line2:#eee;
  --soft:#f3f0ed;         /* 页脚米灰 */
  --header-h:70px;

  /* 统一圆角体系（全站卡片/图片/小元素共用，视觉更协调） */
  --radius-card:14px;     /* 卡片式卡片 */
  --radius-img:14px;      /* 图片展示（相册/荣誉墙/工厂图等） */
  --radius-sm:10px;       /* 表单输入框、小卡片、浮层（10px 比 8px 视觉圆润、仍克制） */
}

*{margin:0;padding:0;box-sizing:border-box;list-style:none;}
html,body{height:100%;width:100%;}
body{
  font-family:'Noto Sans SC',Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:16px;font-weight:400;color:var(--ink2);
  background:#fff;-webkit-font-smoothing:antialiased;line-height:1.7;
}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}

/* 满屏容器：左右各留 20px，呼应 cosmax 的 .icenter */
.icenter{width:calc(100% - 40px);max-width:1600px;margin:0 auto;}

/* ============ 顶部导航 ============ */
.ksmsheader{
  display:flex;align-items:center;position:fixed;width:100%;height:var(--header-h);
  top:0;left:0;background:#fff;z-index:9999;border-bottom:1px solid #f5f5f5;
  transition:transform .45s cubic-bezier(.4,0,.2,1);
}
/* 向下滚动隐藏导航 */
.ksmsheader.act{transform:translateY(-100%);}
.ksmsheader .icenter{display:flex;align-items:center;justify-content:space-between;}
.logo{display:block;}
.logo .brand{display:flex;align-items:center;gap:12px;}
.logo .mark{
  width:auto;height:46px;background:transparent;color:inherit;
  display:flex;align-items:center;justify-content:flex-start;overflow:hidden;border-radius:0;
}
.logo .mark img{height:46px;width:auto;display:block;}
.logo .txt b{display:block;font-size:18px;color:#000;font-weight:700;letter-spacing:.5px;line-height:1.1;}
.logo .txt span{display:block;font-size:11px;color:var(--ink3);letter-spacing:1px;font-weight:300;}

.pcnav{display:flex;margin-right:30px;}
.pcnav .na{margin:0 1.7rem;position:relative;}
.pcnav .na>span{display:flex;align-items:center;height:var(--header-h);}
.pcnav .na>span>a{color:#444;font-size:18px;font-weight:300;display:flex;align-items:center;height:var(--header-h);transition:color .3s;}
.pcnav .na2>span::after{content:"";display:block;width:0;height:1px;background:var(--red);position:absolute;bottom:18px;left:0;transition:width .35s;}
.pcnav .na2:hover>span::after{width:100%;}
.pcnav .na:hover>span>a{color:#000;}

/* 下拉 */
.nab{
  position:absolute;top:var(--header-h);left:50%;transform:translateX(-50%);
  background:#fff;min-width:210px;padding:14px 0;box-shadow:0 12px 34px rgba(0,0,0,.10);
  opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;z-index:5;transform:translateX(-50%) translateY(8px);
}
.nab font{display:block;}
.nab font a{display:block;padding:11px 26px;font-size:15px;color:#444;font-weight:300;white-space:nowrap;transition:.2s;}
.nab font a:hover{color:var(--red);background:#fafafa;}
.pcnav .na2:hover .nab{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}

.rh{display:flex;align-items:center;gap:20px;}
/* 搜索 */
.nav_search{position:relative;}
.nav_search .taa{cursor:pointer;display:flex;align-items:center;height:var(--header-h);}
.nav_search .taa img{width:20px;height:20px;opacity:.6;transition:.3s;}
.nav_search .taa.on img{opacity:1;}
.nav_search .searchtag{position:absolute;top:var(--header-h);right:0;width:340px;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.12);padding:22px;display:none;z-index:20;}
.nav_search .searchtag h4{font-size:16px;font-weight:300;color:#333;margin-bottom:14px;}
.nav_search .searchtag label{display:flex;border:1px solid var(--line);border-radius:3px;overflow:hidden;}
.nav_search .searchtag input{flex:1;border:0;padding:11px 14px;font-size:15px;font-family:inherit;font-weight:300;outline:0;}
.nav_search .searchtag button{border:0;background:var(--red);padding:0 16px;cursor:pointer;}
.nav_search .searchtag button img{width:18px;height:18px;filter:brightness(0) invert(1);}

.rh .global{position:relative;cursor:pointer;}
.rh .global>span{display:flex;align-items:center;font-size:15px;color:#333;height:var(--header-h);font-weight:300;}
.rh .global>span i{margin-left:5px;font-style:normal;font-size:13px;}
.rh .global p{position:absolute;top:var(--header-h);right:0;background:#fff;width:160px;
  box-shadow:0 6px 16px rgba(0,0,0,.12);opacity:0;visibility:hidden;transition:.15s;padding:8px 0;}
.rh .global:hover p{opacity:1;visibility:visible;}
.rh .global p a{display:block;padding:9px 18px;font-size:14px;color:#333;}
.rh .global p a:hover{color:var(--red);background:#f2f2f2;}

/* 汉堡（移动端） */
.nav-toggle{display:none;width:40px;height:40px;flex-direction:column;justify-content:center;gap:6px;cursor:pointer;margin-left:10px;}
.nav-toggle span{display:block;height:2px;background:#333;transition:.3s;}
.nav-toggle.on span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.nav-toggle.on span:nth-child(2){opacity:0;}
.nav-toggle.on span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

/* ============ Hero（全屏视频） ============ */
.inbanner{position:relative;width:100%;height:calc(100vh - var(--header-h));margin-top:var(--header-h);overflow:hidden;background:#000;}
.inbanner .hero-stage{position:absolute;inset:0;}
.inbanner .hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1;transition:opacity .9s ease-in-out;}
.inbanner .hero-vid.active{opacity:1;z-index:2;}
.inbanner .hero-mask{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(120,120,120,0) 38%,rgba(105,110,118,.62) 62%,rgba(105,110,118,.68) 100%);}
.inbanner video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.inbanner .text{position:absolute;z-index:3;bottom:0;width:100%;padding:34px 0 52px;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.15) 60%,transparent);}
.inbanner .text h3{text-align:center;color:#fff;font-size:46px;font-weight:200;letter-spacing:1px;line-height:1.15;}
.inbanner .text h4{text-align:center;color:#fff;font-size:46px;font-weight:200;line-height:1.2;margin-top:6px;}
.inbanner .text .sub{text-align:center;color:rgba(255,255,255,.85);font-size:16px;font-weight:300;margin-top:14px;}

/* 联系我们按钮（白描边，hover 反白） */
.more2{width:170px;height:42px;border:1px solid #fff;display:inline-flex;align-items:center;justify-content:center;
  transition:all .3s;position:relative;}
.more2 span{color:#fff;font-size:16px;font-weight:300;transition:all .3s;}
.more2::after{content:"";display:block;width:14px;height:14px;border:2px solid #fff;border-radius:50%;margin-left:10px;transition:all .3s;}
.more2:hover{background:#fff;}
.more2:hover span{color:#000;}
.more2:hover::after{width:0;height:0;margin-left:0;opacity:0;border-width:0;}
.hero-btn{text-align:center;margin-top:22px;}

/* 页脚里复用的 .more2（米色背景）：加深字色与字重，避免看不清 */
.footer .ce .more2{border-color:#000;}
.footer .ce .more2 span{color:#000;font-weight:500;}
.footer .ce .more2::after{border-color:#000;}
.footer .ce .more2:hover{background:#000;}
.footer .ce .more2:hover span{color:#fff;}
.footer .ce .more2:hover::after{border-color:#fff;}

/* Hero 多镜头指示器 */
.hero-indicators{position:absolute;left:50%;bottom:90px;transform:translateX(-50%);display:flex;gap:10px;z-index:5;}
.hero-indicators .dot{width:30px;height:3px;background:rgba(255,255,255,.35);cursor:pointer;transition:background .3s;}
.hero-indicators .dot.active,.hero-indicators .dot:hover{background:#fff;}

/* ============ 区块标题（仿 page_web_tt） ============ */
.page_web_tt{display:block;margin:36px 0 28px;}
.page_web_tt h3 span{position:relative;color:#000;font-size:54px;font-weight:300;display:inline-block;}
.page_web_tt h3 span::after{
  content:"";width:52%;height:2px;
  background:linear-gradient(90deg,#b48318 0%,#e6c063 60%,rgba(230,192,99,0));
  display:block;margin:16px 0 0;
  transition:width .6s cubic-bezier(.2,.7,.2,1);
}
.page_web_tt h3 span:hover::after{width:78%;}
.page_web_tt h4{display:block;color:#333;font-size:18px;font-weight:300;line-height:32px;}

/* ============ 品牌客户跑马灯 ============ */
.homelogos{display:block;overflow:hidden;padding:80px 0;background:#fff;}
.homelogos h3{display:block;text-align:center;color:#333;font-size:40px;font-weight:200;margin:0 0 36px;}
.inlogo{display:block;overflow:hidden;position:relative;}
.inlogo .track{display:flex;align-items:center;white-space:nowrap;width:max-content;will-change:transform;height:150px;gap:36px;margin-bottom:14px;}
.inlogo .track .brand{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:130px;}
.inlogo .track .brand img{max-height:130px;width:auto;display:block;filter:grayscale(1);opacity:.92;transition:filter .3s, opacity .3s, transform .3s;}
.inlogo .track .brand img:hover{filter:none;opacity:1;transform:scale(1.06);}
.inlogo .gd1{animation:kf-marquee-1 48s linear infinite;}
.inlogo .gd2{animation:kf-marquee-2 60s linear infinite;}
.inlogo:hover .track{animation-play-state:paused;}
@keyframes kf-marquee-1{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes kf-marquee-2{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
.homelogos .brand-hint{margin:24px 0 0;font-size:12px;color:#999;text-align:center;letter-spacing:.5px;font-weight:300;}

/* ============ 企业动态（Swiper 轮播） ============
   slide 宽度交给 swiper 自己算（slidesPerView:4 + breakpoints 控宽），
   避免 CSS calc + slidesPerView:'auto' + loop+lazy 组合下被算成 0 导致卡片不可见。 */
.china_news{display:block;overflow:visible;padding:0 0 24px;}
.china_news .icenter{max-width:100%;padding:0 4px;}
.china_news .swiper{overflow:visible;padding:6px 0 12px;position:relative;}
.china_news .swiper-slide{height:auto;width:auto;flex-shrink:0;}
.news-card{display:block;}
.news-card .pic{display:block;overflow:hidden;position:relative;aspect-ratio:4/3;max-height:480px;background:#16181a;}
.news-card .pic img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;}
.news-card:hover .pic img{transform:scale(1.06);}
.news-card .pic font{position:absolute;top:0;left:0;width:100%;padding:14px 18px;color:#fff;background:rgba(0,0,0,.42);font-style:normal;font-size:15px;font-weight:300;z-index:3;}
.news-card .txt{display:block;overflow:hidden;position:relative;padding:22px 48px 22px 0;border-bottom:1px solid var(--line);min-height:160px;}
.news-card .txt strong{display:block;color:#333;font-size:21px;font-weight:500;line-height:1.4;margin-bottom:10px;transition:color .3s;}
.news-card .txt span{display:block;color:#666;font-size:14.5px;font-weight:300;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.news-card .txt::after{content:"";width:22px;height:22px;position:absolute;border:1px solid #000;border-radius:50%;top:34px;right:8px;transition:all .3s;opacity:0;}
.news-card:hover .txt::after{opacity:1;right:0;}
.news-card:hover .txt strong{color:#000;}
/* 新闻分页：9 个圆点 + 自动滚动（参考 Swiper 默认风格：浅灰圆 + 黑实心激活）
   显式 visibility/opacity 兜底：避免 AOS/transform 触发后 bullet 被吞 */
.china_news{overflow:visible;padding:0 0 24px;}
.china_news .swiper{overflow:hidden;padding:6px 0 12px;position:relative;}
.china_news .swiper-pagination{position:relative!important;display:block!important;text-align:center;height:24px;line-height:24px;margin-top:24px;visibility:visible!important;opacity:1!important;z-index:5;}
.china_news .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;margin:0 5px!important;background:#d4d4d4;opacity:1!important;visibility:visible!important;border-radius:50%;cursor:pointer;transition:background .25s;}
.china_news .swiper-pagination-bullet:hover{background:#999;}
.china_news .swiper-pagination-bullet-active{background:#111;}
.china_news .swiper-pagination-progressbar{display:none!important;}
.china_news .swiper-pagination-bar{display:none!important;}

/* ============ 通用内容区 ============ */
.section{padding:30px 0 60px;}
.lead-txt{color:#666;font-size:17px;font-weight:300;max-width:920px;line-height:1.9;}

.grid{display:grid;gap:30px;}
.grid-2{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}

.card{border:1px solid var(--line2);padding:30px;background:#fff;border-radius:var(--radius-card);transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s, border-color .4s;}
.card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 48px -18px rgba(15,30,72,.16), 0 6px 14px -6px rgba(15,30,72,.08);
  border-color:rgba(180,131,24,.35);
}
/* 图标徽章：金色圆形 + 描边，hover 反色 + 缩放 */
.card .ic{
  width:54px;height:54px;border-radius:50%;
  background:linear-gradient(135deg,#fdf6e3,#f8ecc8);
  border:1px solid rgba(180,131,24,.28);
  color:#b48318;
  display:grid;place-items:center;font-size:22px;margin-bottom:18px;
  transition:transform .35s cubic-bezier(.2,.7,.2,1), background .35s, color .35s, box-shadow .35s;
}
.card .ic svg{width:26px;height:26px;stroke-width:1.6;}
.card:hover .ic{
  transform:scale(1.12) translateY(-3px);
  background:linear-gradient(135deg,#b48318,#d9a72f);
  color:#fff;
  box-shadow:0 12px 26px -10px rgba(180,131,24,.55);
}
.card h3{font-size:20px;font-weight:500;color:#000;margin-bottom:10px;}
.card p{color:#666;font-size:15px;font-weight:300;}
.card .tag{font-size:13px;color:var(--red);font-weight:700;letter-spacing:1px;}

/* 双栏图文 */
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;}
.visual{border-radius:var(--radius-img);min-height:340px;background:linear-gradient(135deg,#0e5c63,#103c44);display:grid;place-items:center;color:#fff;text-align:center;padding:30px;overflow:hidden;}
.visual img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-img);}
.visual .big{font-size:54px;}

/* 数据条 */
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.stat-row .it{padding:38px 20px;text-align:center;border-right:1px solid var(--line2);}
.stat-row .it:last-child{border-right:0;}
.stat-row .num{font-size:44px;font-weight:200;color:#000;line-height:1;}
.stat-row .num b{color:var(--red);font-weight:500;}
.stat-row .lab{margin-top:12px;color:#666;font-size:15px;font-weight:300;}

/* 时间线 */
.timeline{position:relative;padding-left:24px;}
.timeline::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--line);}
.timeline li{position:relative;padding:0 0 18px;}
.timeline li::before{content:"";position:absolute;left:-21px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #fff;}
.timeline .yr{font-weight:700;color:var(--red);margin-right:10px;}
.timeline .txt{color:#666;font-weight:300;}

/* 表单 */
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.field{display:flex;flex-direction:column;gap:7px;}
.field.full{grid-column:1/-1;}
.field label{font-size:14px;color:#555;font-weight:500;}
.field input,.field select,.field textarea{padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:15px;font-family:inherit;font-weight:300;background:#fff;transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#bbb;}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--red);background-color:#fffdfa;box-shadow:0 0 0 3px rgba(220,11,11,.08);}
.field textarea{resize:vertical;min-height:100px;}

/* 按钮（内容区用红描边/红底） */
.btn-line{border:1px solid var(--red);color:var(--red);padding:12px 26px;border-radius:2px;display:inline-flex;font-weight:500;transition:.25s;}
.btn-line:hover{background:var(--red);color:#fff;}
.btn-red{background:var(--red);color:#fff;padding:12px 30px;border-radius:var(--radius-sm);display:inline-flex;font-weight:500;transition:background-color .25s, transform .2s, box-shadow .2s;cursor:pointer;}
.btn-red:hover{background:#b00909;transform:translateY(-1px);box-shadow:0 6px 16px -4px rgba(220,11,11,.35);}
.btn-red:active{transform:translateY(0);box-shadow:0 2px 6px -2px rgba(220,11,11,.3);}

/* 浅底块 */
.soft{background:#fafafa;}

/* ============ 页脚（米灰 #f3f0ed） ============
   overflow:visible：二维码 popup 向上弹出时不被 overflow:hidden 裁掉（之前会被裁出白色条） */
.footer{display:block;overflow:visible;background:var(--soft);padding:48px 0 30px;margin-top:40px;}
.footer .icenter{display:flex;justify-content:space-between;align-items:stretch;gap:40px;flex-wrap:wrap;}
.footer .lf{width:480px;max-width:100%;}
.footer .lf .footer-brand{display:block;color:#000;font-size:22px;font-weight:600;letter-spacing:1px;margin:0 0 18px;line-height:1.2;}
.footer .lf .footer-brand small{display:block;color:#666;font-size:12px;font-weight:300;letter-spacing:2px;margin-top:6px;text-transform:uppercase;}
.footer .lf .flogo{display:block;width:180px;margin-bottom:22px;line-height:0;}
.footer .lf .flogo img{width:100%;height:auto;display:block;}
.footer .lf .add{display:block;color:#000;font-size:14px;font-weight:300;margin:8px 0;}
.footer .lf .tel{margin:10px 0;}
.footer .lf .tel i{font-style:normal;}
.footer .lf .tel i a{font-size:14px;color:#333;font-weight:300;}
.footer .ce{display:flex;align-items:flex-start;padding-top:6px;}
.footer .rh{flex:1;min-width:220px;}
.footer .rh strong{display:block;font-size:14px;color:#000;font-weight:500;margin-bottom:14px;}
.footer .rh .ss_fx{display:flex;gap:16px;}
.footer .rh .ss_fx dd{position:relative;}
.footer .rh .ss_fx dd>a{display:block;}
.footer .rh .ss_fx dd>a img{width:42px;height:42px;border-radius:50%;background:#fff;padding:8px;border:1px solid var(--line2);transition:.25s;box-sizing:border-box;}
.footer .rh .ss_fx dd>a:hover img{background:var(--red);border-color:var(--red);filter:brightness(0) invert(1);}
.footer .rh .ss_fx dd .cc{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);background:#fff;padding:12px;border-radius:var(--radius-sm);box-shadow:0 8px 24px rgba(0,0,0,.15);display:none;text-align:center;z-index:5;width:auto;min-width:140px;}
.footer .rh .ss_fx dd:hover .cc,.footer .rh .ss_fx dd .cc.show{display:block;}
.footer .rh .ss_fx dd .cc p{margin:0;padding:0;text-align:center;}
.footer .rh .ss_fx dd .cc img{width:120px;height:120px;margin:0 auto;display:block;object-fit:contain;background:#fff;}
.footer .rh .ss_fx dd .cc font{display:block;text-align:center;font-size:13px;color:#333;margin-top:8px;font-style:normal;white-space:nowrap;}
.Footer_copyright{display:flex;justify-content:space-between;align-items:flex-start;margin-top:34px;width:100%;border-top:1px solid #e2ddd5;padding-top:20px;gap:20px;flex-wrap:wrap;}
.Footer_copyright span,.Footer_copyright a{color:#666;font-size:13px;font-weight:300;}
.Footer_copyright a{text-decoration:underline;margin-left:16px;}

/* ============ 内页头图 ============ */
.page-head{position:relative;margin-top:var(--header-h);padding:80px 0;background:linear-gradient(120deg,#0b2f33,#103c44 60%,#16181a);color:#fff;overflow:hidden;}
.page-head::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px;}
.page-head .icenter{position:relative;}
.page-head .en{font-size:14px;letter-spacing:4px;color:#e98;font-weight:300;text-transform:uppercase;margin-bottom:12px;}
.page-head h1{color:#fff;font-size:44px;font-weight:200;letter-spacing:.5px;}
.page-head p{color:rgba(255,255,255,.82);font-size:17px;font-weight:300;margin-top:14px;max-width:760px;}

/* 面包屑 */
.crumb{font-size:13px;color:#999;font-weight:300;margin:24px 0 0;}
.crumb a:hover{color:var(--red);}

/* ============ 响应式 ============ */
@media (max-width:1024px){
  .pcnav{
    position:fixed;top:var(--header-h);left:0;width:100%;background:#fff;
    flex-direction:column;margin:0;max-height:calc(100vh - var(--header-h));overflow:auto;
    box-shadow:0 20px 40px rgba(0,0,0,.1);
    transform:translateY(-12px);opacity:0;visibility:hidden;transition:.3s;padding:10px 0;
  }
  .pcnav.open{transform:translateY(0);opacity:1;visibility:visible;}
  .pcnav .na{margin:0;width:100%;}
  .pcnav .na>span{height:auto;padding:14px 24px;}
  .pcnav .na>span>a{height:auto;width:100%;font-size:17px;}
  .pcnav .na2>span::after{display:none;}
  .nab{position:static;transform:none!important;opacity:1;visibility:visible;box-shadow:none;min-width:0;padding:0 0 8px;display:none;}
  .pcnav .na2.open .nab{display:block;}
  .nab font a{padding:10px 40px;font-size:15px;}
  .nav-toggle{display:flex;}
  .nav_search .searchtag{width:88vw;right:-10px;}
  .news-card .txt{min-height:auto;}
  .news-card .pic{aspect-ratio:16/10;max-height:240px}
  .news-card .txt strong{font-size:19px}
  .news-card .txt span{font-size:14px}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .split{grid-template-columns:1fr;gap:36px;}
  .inbanner .text h3,.inbanner .text h4{font-size:34px;}
  .stat-row{grid-template-columns:repeat(2,1fr);}
  .stat-row .it:nth-child(2){border-right:0;}
}
@media (max-width:680px){
  .grid-3,.grid-2,.grid-4,.form-grid{grid-template-columns:1fr;}
  .page_web_tt{margin:60px 0 36px;}
  .page_web_tt h3 span{font-size:38px;}
  .inbanner .text h3,.inbanner .text h4{font-size:26px;}
  .footer .icenter{flex-direction:column;}
  .homelogos h3{font-size:30px;}
  .inlogo .track{height:120px;gap:24px;}
  .inlogo .track .brand{height:104px;}
  .inlogo .track .brand img{max-height:104px;}
  .hero-indicators{bottom:60px;}
  .page-head{padding:54px 0;}
  .page-head h1{font-size:32px;}
  .stat-row{grid-template-columns:1fr;}
  .stat-row .it{border-right:0;border-bottom:1px solid var(--line2);}
}

/* 品质认证：荣誉墙 · 整面实景照片 + 米色渐变背景与页面融合 */
.honor-wall{position:relative;padding:90px 0 100px;overflow:hidden;
  background:linear-gradient(180deg,#fbf6e8 0%,#f6efde 60%,#f1e7cd 100%);
}
.honor-wall::before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 35%,rgba(180,131,24,.05) 100%);
  pointer-events:none;
}
.honor-wall__title{position:relative;text-align:center;font-size:44px;font-weight:600;color:#14315f;letter-spacing:3px;margin:0 0 14px;font-family:Georgia,'PingFang SC',serif;z-index:2;}
.honor-wall__title span{position:relative;display:inline-block;padding:0 30px;}
.honor-wall__title span::after{content:"";position:absolute;left:30%;right:30%;bottom:-18px;height:2px;background:linear-gradient(90deg,transparent,#b48318 20%,#e6c063 50%,#b48318 80%,transparent);border-radius:1px;}
.honor-wall__sub{position:relative;text-align:center;font-size:15px;color:#7a6f5a;letter-spacing:2px;margin:0 0 48px;font-weight:300;z-index:2;}

/* 照片舞台：整面实景照片 + 米色渐变背景与页面融合（全宽展示） */
.honor-wall__stage{
  position:relative;width:calc(100% - 40px);max-width:1600px;margin:0 auto;padding:0;z-index:2;
}
.honor-wall__photo{
  display:block;width:100%;height:auto;
  border-radius:var(--radius-img);
  box-shadow:
    0 1px 0 rgba(255,255,255,.6) inset,
    0 24px 60px -12px rgba(120,90,30,.28),
    0 60px 110px -20px rgba(120,90,30,.22);
  transition:transform .55s cubic-bezier(.2,.8,.25,1), box-shadow .55s ease;
}
.honor-wall__photo:hover{
  transform:translateY(-4px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.7) inset,
    0 32px 80px -12px rgba(120,90,30,.36),
    0 80px 140px -20px rgba(120,90,30,.28);
}

/* 小屏微调 */
@media (max-width:960px){
  .honor-wall{padding:60px 0 70px;}
  .honor-wall__title{font-size:30px;}
  .honor-wall__sub{font-size:13px;margin-bottom:32px;}
  .honor-wall__stage{width:calc(100% - 24px);}
  .honor-wall__photo{border-radius:var(--radius-img);}
}
/* ============ 内页版式补充（对齐 cosmax 视觉） ============ */

/* page-head 背景图版（暗色遮罩 + 真实素材） */
.page-head.bg{background-image:none;background-size:cover;background-position:center;background-color:#0b2f33;}
.page-head.bg::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(8,20,22,.78),rgba(8,20,22,.55) 60%,rgba(0,0,0,.4));}
.page-head.bg .icenter{position:relative;z-index:2;}

/* 图文大卡列表（复刻 cosmax .con_list / .webcontact_3_me） */
.con_list{display:grid;grid-template-columns:repeat(2,1fr);gap:34px;}
.con_list dl{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line2);overflow:hidden;border-radius:var(--radius-card);transition:.3s;}
.con_list dl:hover{box-shadow:0 16px 44px rgba(0,0,0,.09);transform:translateY(-3px);}
.con_list dl>i{display:block;aspect-ratio:16/10;overflow:hidden;background:#16181a;}
.con_list dl>i img{width:100%;height:100%;object-fit:cover;transition:transform .8s;}
.con_list dl:hover>i img{transform:scale(1.06);}
.con_list dl>dt{padding:26px 28px 6px;}
.con_list dl>dt strong{display:block;font-size:26px;font-weight:500;color:#000;}
.con_list dl>dt p{margin-top:12px;color:#666;font-size:15px;font-weight:300;line-height:1.95;}
.con_list .webnum{display:flex;border-top:1px solid var(--line2);margin-top:20px;}
.con_list .webnum dd{flex:1;padding:22px 14px;text-align:center;border-right:1px solid var(--line2);}
.con_list .webnum dd:last-child{border-right:0;}
.con_list .webnum dd .num{font-size:34px;font-weight:200;color:#000;line-height:1;}
.con_list .webnum dd .num .u{color:var(--red);font-weight:500;font-size:20px;margin-left:3px;}
.con_list .webnum dd strong{display:block;margin-top:10px;color:#666;font-size:14px;font-weight:300;}

/* 数字滚动 */
.counter{font-variant-numeric:tabular-nums;}

/* 新闻网格（列表页，复刻企业动态） */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.news-filter{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:6px 0 28px;
  padding-bottom:18px;
  border-bottom:1px solid var(--line2);
}
.nf-y{
  display:inline-flex;align-items:baseline;gap:6px;
  padding:8px 18px;border:1px solid var(--line2);border-radius:30px;
  font-size:13px;font-weight:500;letter-spacing:.5px;
  color:#444;background:#fff;cursor:pointer;
  transition:.25s;
}
.nf-y em{font-size:11px;font-weight:400;color:#999;font-style:normal}
.nf-y:hover{border-color:#1d3a8a;color:#1d3a8a}
.nf-y.on{background:#1d3a8a;color:#fff;border-color:#1d3a8a;box-shadow:0 6px 16px -8px rgba(29,58,138,.5)}
.nf-y.on em{color:rgba(255,255,255,.7)}
.news-item.hide{display:none}
.news-item{display:flex;flex-direction:column;border:1px solid var(--line2);background:#fff;border-radius:var(--radius-card);overflow:hidden;transition:.3s;}
.news-item:hover{box-shadow:0 16px 44px rgba(0,0,0,.09);transform:translateY(-3px);}
.news-item .pic{display:block;aspect-ratio:4/3;overflow:hidden;background:#16181a;position:relative;max-height:240px;}
.news-item .pic img{width:100%;height:100%;object-fit:cover;transition:transform .8s;}
.news-item:hover .pic img{transform:scale(1.05);}
.news-item .pic .date{position:absolute;top:0;left:0;background:rgba(0,0,0,.5);color:#fff;font-size:13px;font-weight:300;padding:9px 13px;z-index:2;}
.news-item .txt{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column;}
.news-item .txt .k{font-size:13px;color:var(--red);font-weight:700;letter-spacing:1px;}
.news-item .txt h3{font-size:20px;font-weight:500;color:#000;line-height:1.45;margin:10px 0 12px;}
.news-item .txt p{color:#666;font-size:14px;font-weight:300;line-height:1.85;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-item .more{margin-top:auto;padding-top:16px;color:#000;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:10px;}
.news-item .more::after{content:"";width:18px;height:18px;border:1px solid #000;border-radius:50%;transition:.3s;}
.news-item:hover .more::after{background:var(--red);border-color:var(--red);}
/* 外链标记（仅 type=link 显示） */
.news-item .type-tag{display:none;position:absolute;top:0;right:0;background:#1d3a8a;color:#fff;font-size:12px;font-weight:500;padding:6px 10px;letter-spacing:1px;z-index:2;border-radius:0;}
.news-item[data-type="link"] .type-tag{display:inline-block;}

/* 合作流程：横向 9 步等分网格 + 顶部金线 + 节点（圆+编号）+ 下方卡片（图标徽章+标题+描述） */
.flow{
  list-style:none;padding:0;margin:60px 0 0;
  display:grid;grid-template-columns:repeat(9,1fr);gap:0;
  position:relative;counter-reset:flow;
}
/* 顶部水平金线：跨整条流程 */
.flow::before{
  content:"";position:absolute;top:19px;left:5%;right:5%;height:2px;
  background:linear-gradient(90deg,#b48318 0%,#d4a843 50%,#b48318 100%);
  border-radius:2px;
}
/* 起点装饰小圆点 */
.flow::after{
  content:"";position:absolute;top:13px;left:calc(5% - 6px);
  width:12px;height:12px;border-radius:50%;
  background:#fff;border:2px solid #b48318;
  box-shadow:0 2px 6px rgba(180,131,24,.25);
}

/* 单个步骤：flex column，节点在上卡片在下 */
.flow__item{
  position:relative;display:flex;flex-direction:column;align-items:center;
  padding:0 4px;
  opacity:0;transform:translateY(20px);
  transition:opacity .55s ease, transform .6s cubic-bezier(.2,.7,.2,1);
}
.flow.in-view .flow__item{opacity:1;transform:translateY(0);}
.flow.in-view .flow__item:nth-child(1){transition-delay:.05s}
.flow.in-view .flow__item:nth-child(2){transition-delay:.13s}
.flow.in-view .flow__item:nth-child(3){transition-delay:.21s}
.flow.in-view .flow__item:nth-child(4){transition-delay:.29s}
.flow.in-view .flow__item:nth-child(5){transition-delay:.37s}
.flow.in-view .flow__item:nth-child(6){transition-delay:.45s}
.flow.in-view .flow__item:nth-child(7){transition-delay:.53s}
.flow.in-view .flow__item:nth-child(8){transition-delay:.61s}
.flow.in-view .flow__item:nth-child(9){transition-delay:.69s}

/* 节点：白底金边圆 + 编号内嵌（径向渐变质感） */
.flow__node{
  width:42px;height:42px;border-radius:50%;
  background:radial-gradient(circle at 32% 26%, #ffffff 0%, #fff 52%, #fdf6e6 100%);
  border:1.5px solid #c79a3a;
  display:flex;align-items:center;justify-content:center;
  position:relative;z-index:1;flex:none;
  box-shadow:0 3px 10px rgba(180,131,24,.18), inset 0 1px 2px rgba(255,255,255,.9);
  transition:transform .4s cubic-bezier(.2,.8,.25,1), box-shadow .4s ease, border-color .4s ease;
}
/* hover 外扩光环 */
.flow__node::after{
  content:"";position:absolute;inset:-7px;border-radius:50%;
  border:1.5px solid rgba(180,131,24,.45);
  opacity:0;transform:scale(.82);
  transition:opacity .4s ease, transform .45s cubic-bezier(.2,.8,.25,1);
  pointer-events:none;
}
.flow__node span{
  font-family:Georgia,'Times New Roman',serif;
  font-size:13px;font-weight:700;color:#b48318;
  letter-spacing:.5px;font-style:italic;line-height:1;
  transition:color .35s ease, transform .35s ease;
}
.flow__item:hover .flow__node{
  transform:scale(1.22);
  box-shadow:0 10px 26px rgba(180,131,24,.38), inset 0 1px 2px rgba(255,255,255,.9);
  border-color:#a97a18;
}
.flow__item:hover .flow__node::after{
  opacity:1;transform:scale(1.2);
}
.flow__item:hover .flow__node span{
  color:#9a6f14;
  transform:scale(1.06);
}

/* 卡片：图标徽章 + 标题 + 描述 */
.flow__card{
  margin-top:22px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  transition:transform .4s cubic-bezier(.2,.8,.25,1);
}
.flow__item:hover .flow__card{transform:translateY(-3px);}
.flow__icon{
  width:38px;height:38px;border-radius:var(--radius-sm);
  background:linear-gradient(135deg,#fdfbf6 0%,#f5e8c5 100%);
  border:1px solid #e8d8a8;
  display:flex;align-items:center;justify-content:center;
  color:#b48318;flex:none;
  transition:transform .3s, box-shadow .3s, background .3s;
}
.flow__icon svg{width:20px;height:20px;stroke-width:1.6;}
.flow__item:hover .flow__icon{
  transform:translateY(-2px);
  box-shadow:0 6px 14px rgba(180,131,24,.20);
  background:linear-gradient(135deg,#fff8e6 0%,#f0d896 100%);
}
.flow__title{
  font-size:18px;font-weight:700;color:#1a1a1a;
  margin:0;letter-spacing:.3px;line-height:1.4;
  transition:color .3s;
}
.flow__item:hover .flow__title{color:#b48318;}
.flow__desc{
  font-size:14px;color:#777;line-height:1.7;
  font-weight:300;margin:0;max-width:170px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* 中屏：5 列 */
@media (max-width:1100px){
  .flow{grid-template-columns:repeat(5,1fr);gap:42px 8px;}
  .flow::before,.flow::after{display:none;}
}
/* 小屏：3 列 */
@media (max-width:720px){
  .flow{grid-template-columns:repeat(3,1fr);gap:36px 14px;}
}
/* 超小屏：2 列 */
@media (max-width:420px){
  .flow{grid-template-columns:repeat(2,1fr);}
}
/* 表单（复刻 cosmax .con_form） */
.con_form{max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--line2);padding:40px;}
.con_form .n_f{margin-bottom:26px;}
.con_form .n_f>h3{font-size:17px;font-weight:500;color:#000;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.con_form .n_f>h3::before{content:"";width:4px;height:16px;background:var(--red);display:inline-block;}
.con_form .row{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.con_form .field{display:flex;flex-direction:column;gap:7px;}
.con_form .field label{font-size:14px;color:#555;font-weight:500;}
.con_form .field input,.con_form .field select,.con_form .field textarea{padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:15px;font-family:inherit;font-weight:300;background:#fff;transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;}
.con_form .field input:hover,.con_form .field select:hover,.con_form .field textarea:hover{border-color:#bbb;}
.con_form .field input:focus,.con_form .field select:focus,.con_form .field textarea:focus{outline:0;border-color:var(--red);background-color:#fffdfa;box-shadow:0 0 0 3px rgba(220,11,11,.08);}
.con_form .checkbox-list{display:flex;flex-wrap:wrap;gap:12px;}
.con_form .checkbox-list label{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--line);border-radius:30px;font-size:14px;font-weight:300;color:#555;cursor:pointer;transition:.2s;}
.con_form .checkbox-list label:hover{border-color:var(--red);color:var(--red);}
.con_form .checkbox-list input{accent-color:var(--red);}
.con_form .submit-row{text-align:center;margin-top:10px;}
.con_form .btn-red{font-size:16px;padding:14px 44px;cursor:pointer;border:0;}

@media (max-width:1024px){
  .con_list{grid-template-columns:1fr;}
  .news-grid{grid-template-columns:repeat(2,1fr);}
  .steps{grid-template-columns:1fr;}
  .con_form .row{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .news-grid{grid-template-columns:1fr;}
  .con_form{padding:26px 20px;}
}

/* ===== 核心管理团队 · 左照片 + 右理念（珀莱雅风格：白底、左半幅正方形照、左对齐文字、签名图、左下箭头、淡入淡出切换） ===== */
.founder-sec{background:#fff;}
.founder-wrap{position:relative;margin-top:44px;}
.founder-slide{display:flex;align-items:flex-start;}
/* 左侧：正方形照片块（圆角显示，与源图同比例，完整显示零裁切） */
.founder-photo{
  flex:0 0 50%;position:relative;overflow:hidden;background:#f5f5f5;aspect-ratio:1/1;border-radius:16px;
}
.founder-photo img{
  position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;
}
.founder-slider .swiper-slide{width:100%;flex-shrink:0;}
/* 右侧：语录 + 署名签名 + 简介（白底，左对齐） */
.founder-body{
  flex:1;min-width:0;padding:24px 0 84px 44px;display:flex;flex-direction:column;
  justify-content:center;text-align:left;
}
.founder-quote{
  font-size:28px;font-weight:500;color:#333;line-height:1.8;letter-spacing:.5px;
  margin:0 0 22px;font-family:'PingFang SC','Microsoft YaHei',sans-serif;
}
.founder-signline{
  display:flex;align-items:center;gap:16px;margin:0 0 30px;flex-wrap:wrap;
}
.founder-by{font-size:20px;color:#333;letter-spacing:1px;white-space:nowrap;}
.founder-sign{height:48px;width:auto;flex-shrink:0;}
/* 人物介绍 */
.founder-bio{color:#555;font-size:15px;line-height:1.95;letter-spacing:.3px;}
.founder-bio p{margin:0 0 12px;text-align:justify;}
/* 关键投入（秦玉灿版块） */
.founder-kx{
  margin:10px 0 8px !important;font-weight:700;color:#14315f;font-size:16px;
}
.founder-kx-list{
  margin:0 0 12px;padding:0;list-style:none;
}
.founder-kx-list li{
  position:relative;padding-left:24px;margin:0 0 10px;text-align:justify;
}
.founder-kx-list li::before{
  content:"";position:absolute;left:4px;top:11px;width:8px;height:8px;border-radius:50%;background:#b48318;
}
.founder-kx-list strong{color:#14315f;font-weight:600;}
/* 人物文字介绍底部中间：左右切换箭头 */
.founder-nav{
  position:absolute;left:75%;bottom:20px;transform:translateX(-50%);z-index:10;
  display:flex;gap:12px;
}
.founder-arrow{
  width:40px;height:40px;border-radius:50%;
  border:1px solid rgba(0,0,0,.18);background:#fff;color:#333;
  font-size:22px;line-height:1;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transition:.25s;padding:0;user-select:none;
}
.founder-arrow:hover{background:#14315f;color:#fff;border-color:#14315f;}
/* 覆盖 swiper 默认箭头 */
.founder-prev::after,.founder-next::after{display:none;}
.founder-prev,.founder-next{position:static;margin:0;}

@media (max-width:900px){
  .founder-slide{flex-direction:column;align-items:stretch;min-height:0;}
  .founder-photo{flex:0 0 auto;width:100%;aspect-ratio:1/1;max-height:420px;}
  .founder-body{flex:1 1 auto;width:100%;padding:32px 0 44px;}
  .founder-quote{font-size:22px;}
  .founder-nav{position:static;transform:none;justify-content:center;margin-top:20px;gap:14px;}
  .founder-sign{height:42px;}
}
@media (max-width:480px){
  .founder-body{padding:28px 16px 40px;}
  .founder-quote{font-size:19px;}
  .founder-by{font-size:16px;}
  .founder-bio{font-size:14px;}
}

/* 管理后台入口（仅站内，密码保护） */
.admin-entry{display:inline-flex;align-items:center;margin-right:14px;padding:6px 13px;border:1px solid #1d3a8a;border-radius:20px;color:#1d3a8a;font-size:13px;font-weight:600;white-space:nowrap;transition:.2s}
.admin-entry:hover{background:#1d3a8a;color:#fff}
@media(max-width:1024px){.admin-entry{margin-right:10px;padding:5px 10px;font-size:12px}}

/* ============================================================
   News Banner （COSMAX 风格全宽暗色 banner）
   ============================================================ */
.news-banner{
  position:relative;
  margin-top:var(--header-h);
  min-height:380px;
  color:#fff;
  overflow:hidden;
  isolation:isolate;
  background:#0c1e22;
}
.news-banner__bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  filter:grayscale(.45) brightness(.55) contrast(1.05);
  z-index:0;
  transform:scale(1.04);
  transition:transform 8s ease;
}
.news-banner:hover .news-banner__bg{transform:scale(1.0);}
.news-banner__shade{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(180deg,rgba(10,22,26,.55) 0%,rgba(10,22,26,.35) 35%,rgba(8,18,22,.85) 100%),
    linear-gradient(90deg,rgba(8,18,22,.78) 0%,rgba(8,18,22,.4) 55%,rgba(8,18,22,.65) 100%);
}
.news-banner__inner{
  position:relative;z-index:2;
  min-height:380px;
  display:flex;flex-direction:column;
  padding-top:40px;padding-bottom:24px;
}

/* 左上 chip */
.news-banner__chip{
  position:absolute;top:36px;left:0;
  display:inline-flex;align-items:center;gap:10px;
  padding:9px 18px 9px 14px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(8px);
  font-size:12px;letter-spacing:3px;font-weight:600;
  border-radius:30px;
}
.news-banner__chip .dot{width:8px;height:8px;border-radius:50%;background:#e22;box-shadow:0 0 0 4px rgba(226,34,34,.18);animation:pulse 1.6s infinite}
.news-banner__chip .sep{opacity:.5}
.news-banner__chip .t2{color:#e98}
@keyframes pulse{0%{box-shadow:0 0 0 4px rgba(226,34,34,.18)}70%{box-shadow:0 0 0 10px rgba(226,34,34,0)}100%{box-shadow:0 0 0 4px rgba(226,34,34,0)}}

/* 中部标题块 */
.news-banner__title{
  margin:auto 0;max-width:780px;
}
.news-banner__title h1{
  font-size:48px;font-weight:200;letter-spacing:4px;line-height:1.05;
  margin:0 0 10px;color:#fff;
  text-shadow:0 2px 22px rgba(0,0,0,.35);
}
.news-banner__title .en{
  display:inline-block;font-size:12px;letter-spacing:6px;color:#e98;
  padding-bottom:6px;border-bottom:1px solid rgba(233,136,110,.45);margin-bottom:14px;font-weight:300;
}
.news-banner__title p{
  font-size:15px;font-weight:300;color:rgba(255,255,255,.82);
  max-width:620px;line-height:1.7;letter-spacing:.5px;
}

/* 左下 breadcrumb */
.news-banner__crumb{
  position:absolute;left:0;bottom:30px;
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;letter-spacing:2px;color:rgba(255,255,255,.7);font-weight:300;
}
.news-banner__crumb i{opacity:.4;font-style:normal}
.news-banner__crumb .active{color:#e98;font-weight:600}

/* 右上大字年份 */
.news-banner__year{
  position:absolute;top:30px;right:0;
  text-align:right;color:rgba(255,255,255,.85);
}
.news-banner__year .big{
  display:block;font-size:32px;font-weight:200;letter-spacing:4px;line-height:1;
  background:linear-gradient(180deg,#fff 30%,rgba(255,255,255,.5) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.news-banner__year .caps{
  display:block;font-size:10px;letter-spacing:4px;color:#e98;margin-top:4px;font-weight:500;text-transform:uppercase;
}

/* 右下角年份导航 */
.news-banner__years{
  position:absolute;right:0;bottom:30px;
  display:flex;align-items:center;gap:14px;
}
.news-banner__years .y{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:48px;height:34px;padding:0 12px;
  font-size:13px;letter-spacing:2px;font-weight:500;
  color:rgba(255,255,255,.6);
  border:1px solid rgba(255,255,255,.18);border-radius:0;
  background:rgba(8,18,22,.3);transition:.25s;
}
.news-banner__years .y:hover{color:#fff;border-color:rgba(255,255,255,.5)}
.news-banner__years .y.on{
  color:#fff;border-color:#e22;background:#e22;
  box-shadow:0 6px 18px -6px rgba(226,34,34,.7);
}
.news-banner__years .more{
  margin-left:14px;padding-left:18px;
  border-left:1px solid rgba(255,255,255,.22);
  color:#e98;font-size:13px;letter-spacing:2px;font-weight:500;
}

/* 滚动指示 */
.news-banner__scroll{
  position:absolute;left:50%;bottom:14px;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;
  font-size:11px;letter-spacing:6px;color:rgba(255,255,255,.55);font-weight:400;
}
.news-banner__scroll i{
  width:1px;height:34px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.6));
  display:block;animation:scrollDown 1.6s infinite;
}
@keyframes scrollDown{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

@media (max-width:1024px){
  .news-banner,.news-banner__inner{min-height:480px}
  .news-banner__title h1{font-size:46px;letter-spacing:4px}
  .news-banner__chip{top:24px;font-size:11px;padding:7px 14px 7px 10px}
  .news-banner__year{top:20px}
  .news-banner__year .big{font-size:34px}
  .news-banner__years{gap:8px;flex-wrap:wrap;max-width:60%;justify-content:flex-end}
  .news-banner__years .y{min-width:42px;height:30px;font-size:12px}
}
@media (max-width:640px){
  .news-banner__years .more{display:none}
  .news-banner__title h1{font-size:34px;letter-spacing:2px}
  .news-banner__crumb{bottom:18px}
  .news-banner__scroll{display:none}
}

/* ============================================================
   集团历史 · 横向时间轴（参照 COSMAX 集团历史）
   ============================================================ */
.milestone-sec{
  position:relative;
  background:#fff;
  padding-top:70px;
}
/* === 集团历史 · COSMAX 风格（中央贯通细线 + 节点 + 上下交错 + 引线） === */
.milestone-sec{
  background:#fff;
  padding-top:80px;
}

/* 舞台容器 */
.ms-stage{
  position:relative;
  margin-top:50px;
}

/* 横向滚动容器（隐藏浏览器滚动条，仅靠左右按钮/键盘/滚轮/自动循环驱动） */
.ms-hscroll{
  position:relative;
  overflow-x:auto;
  overflow-y:visible;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:0 60px;
}
.ms-hscroll::-webkit-scrollbar{display:none; width:0; height:0}

/* 内层 wrap：保持最小宽度，使节点间距可控 */
.ms-hwrap{
  min-width:max-content;
  padding:0 40px;
}

/* 横轴容器：flex 控制横向 */
.ms-haxis{
  position:relative;
  display:flex;
  align-items:stretch;
  list-style:none;
  margin:0; padding:0;
  gap:60px;
}

/* 单节点：grid 三行组织 ＝ 上卡 / 中线 / 下卡 */
.ms-hitem{
  flex:0 0 auto;
  position:relative;
  width:220px;
  height:480px;
  display:grid;
  grid-template-rows: 1fr auto 1fr;
  grid-template-columns: 1fr;
}

/* 节点附近的小段指引（取代贯通横线，视觉更轻盈） */
.ms-hitem::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:160px;
  height:1px;
  margin:-.5px 0 0 -80px;
  background:#e5e7eb;
  z-index:1;
  pointer-events:none;
}

/* 内容卡：上卡停在 row1 底部，下卡停在 row3 顶部 */
.ms-hcard{
  position:relative;
  padding:0 0 32px 0;
  text-align:left;
  transition:.35s;
}
.ms-hitem[data-side="up"] .ms-hcard{
  grid-row:1; grid-column:1;
  align-self:end;
  padding:0 0 32px 0;
}
.ms-hitem[data-side="dn"] .ms-hcard{
  grid-row:3; grid-column:1;
  align-self:start;
  padding:32px 0 0 0;
}
/* 引线（卡 → 中线节点） */
.ms-hcard::after{
  content:"";
  position:absolute;
  left:0;
  width:1px; height:32px;
  background:#d4d4d8;
}
.ms-hitem[data-side="up"] .ms-hcard::after{bottom:0;}
.ms-hitem[data-side="dn"] .ms-hcard::after{top:0;}

/* 年份：位于 row2 中央 */
.ms-hyr{
  grid-row:2; grid-column:1;
  align-self:center; justify-self:start;
  margin-left:32px;
  font-family:'Helvetica Neue', Arial, sans-serif;
  font-size:24px; font-weight:700;
  color:#0f172a;
  letter-spacing:.5px; line-height:1;
  background:transparent;
  -webkit-text-fill-color:initial;
  white-space:nowrap;
  position:relative; z-index:3;
  transition:.3s;
  transform-origin:left center;
}

/* 节点圆点：位于 row2 中央 */
.ms-hdot{
  grid-row:2; grid-column:1;
  align-self:center; justify-self:start;
  margin-left:0;
  width:14px; height:14px;
  display:flex; align-items:center; justify-content:center;
  background:transparent;
  position:relative; z-index:3;
}
.ms-hdot i{
  display:block; width:12px; height:12px;
  border-radius:50%;
  background:#0f172a;
  box-shadow:0 0 0 4px #fff;
  transition:.35s;
}

/* 标题 */
.ms-htitle{
  margin:0 0 6px;
  font-size:14px; font-weight:600;
  color:#1f2937;
  letter-spacing:.2px;
  line-height:1.5;
}
/* 描述 */
.ms-hdesc{
  margin:0;
  font-size:12.5px; line-height:1.7;
  color:#6b7280;
  font-weight:300;
  max-width:200px;
}

/* hover */
.ms-hitem:hover .ms-hcard{transform:translateY(-2px)}
.ms-hitem[data-side="dn"]:hover .ms-hcard{transform:translateY(2px)}
.ms-hitem:hover .ms-hdot i{transform:scale(1.18)}

/* 入视动画 */
.ms-hitem{
  opacity:0; transform:translateY(16px);
  transition:opacity .8s ease, transform .8s ease;
}
.ms-hitem.in-view{opacity:1; transform:translateY(0)}
.ms-hitem[data-side="dn"]{transition-delay:.08s}

/* 活动节点高亮 */
.ms-hitem.ms-active .ms-hyr{transform:scale(1.18)}
.ms-hitem.ms-active .ms-hdot i{
  background:#c79e5a;
  box-shadow:0 0 0 4px #fff, 0 0 0 6px rgba(199,158,90,.32);
}

/* 节点小封面 */
.ms-hpic{
  display:block;
  max-width:200px;
  max-height:88px;
  object-fit:cover;
  border-radius:var(--radius-sm);
  margin-top:10px;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}

/* ============================================================
   集团历史 · 控件层（左右切换/进度条/分页点）
   ============================================================ */
.ms-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px; height:44px;
  border-radius:50%;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
  cursor:pointer; z-index:6;
  display:flex; align-items:center; justify-content:center;
  color:#0f172a;
  transition:.25s;
}
.ms-arrow:hover{background:#0f172a; color:#fff; transform:translateY(-50%) scale(1.05)}
.ms-arrow:active{transform:translateY(-50%) scale(.96)}
.ms-arrow svg{width:18px; height:18px}
.ms-prev{left:8px}
.ms-next{right:8px}

.ms-controls{
  max-width:920px;
  margin:32px auto 0;
  padding:0 30px;
  text-align:center;
}
.ms-dots{
  display:flex; flex-wrap:wrap; gap:8px;
  justify-content:center;
  padding-top:8px;
}
.ms-dot{
  appearance:none; -webkit-appearance:none;
  background:transparent; border:0;
  padding:5px;
  cursor:pointer;
  font-family:inherit;
}
.ms-dot i{
  display:block; width:6px; height:6px;
  border-radius:50%;
  background:rgba(0,0,0,.3);
  transition:.25s;
}
.ms-dot:hover i{background:#0f172a; transform:scale(1.4)}
.ms-dot.on i{
  width:22px; border-radius:3px;
  background:#0f172a;
}

@media (max-width:1180px){
  .ms-hyr{font-size:22px}
  .ms-hitem{width:180px}
}
@media (max-width:768px){
  .ms-arrow{display:none}
  .ms-hwrap{min-width:1200px}
}
/* ============================================================
   理念 · 使命 · 愿景 高级卡片
   ============================================================ */
.mission-sec{position:relative;overflow:hidden}
.mission-sec::before{
  content:"";position:absolute;inset:0;
  background-image:
    radial-gradient(circle at 20% 30%,rgba(226,34,34,.05) 0%,transparent 40%),
    radial-gradient(circle at 80% 70%,rgba(20,49,95,.05) 0%,transparent 40%);
  pointer-events:none;
}
.mv-grid{
  position:relative;
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:22px;margin-top:48px;
}
.mv-card{
  position:relative;
  padding:36px 26px 32px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  overflow:hidden;
  transition:.4s cubic-bezier(.2,.7,.2,1);
  cursor:default;
}
.mv-card::before{
  content:attr(data-i);
  position:absolute;
  right:-12px;top:-30px;
  font-family:'Georgia',serif;
  font-size:150px;font-weight:200;
  line-height:1;color:rgba(20,49,95,.05);
  letter-spacing:-4px;
  pointer-events:none;
  transition:.4s;
}
.mv-card .mv-bg{
  position:absolute;inset:auto 0 0 0;height:3px;
  background:linear-gradient(90deg,#b48318,#14315f);
  transform:scaleX(0);transform-origin:left;
  transition:.35s;
}
.mv-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px -18px rgba(20,49,95,.25)}
.mv-card:hover::before{color:rgba(180,131,24,.12)}
.mv-card:hover .mv-bg{transform:scaleX(1)}

.mv-icon{
  width:54px;height:54px;
  display:grid;place-items:center;
  border-radius:var(--radius-card);
  background:linear-gradient(135deg,#14315f,#1d3a8a);
  color:#fff;
  margin-bottom:22px;
  position:relative;
  transition:.4s;
}
.mv-icon svg{width:30px;height:30px}
.mv-icon::after{
  content:"";position:absolute;inset:auto -8px -8px auto;
  width:24px;height:24px;border-radius:50%;
  background:rgba(226,34,34,.18);
  z-index:-1;
}
.mv-card:hover .mv-icon{transform:rotate(-8deg) scale(1.05)}

.mv-en{
  display:block;font-size:12px;letter-spacing:6px;
  color:#b48318;font-weight:600;margin-bottom:8px;
}
.mv-card h3{
  font-size:24px;font-weight:700;color:#14315f;letter-spacing:2px;
  margin:0 0 14px;
}
.mv-card p{
  color:#3f4a66;font-size:14px;line-height:1.9;
  margin:0 0 18px;font-weight:300;
}
.mv-tags{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 16px;list-style:none}
.mv-tags li{
  font-size:12px;letter-spacing:2px;color:#14315f;
  padding:5px 12px;background:#f6f4ef;border-radius:30px;
}
.mv-line{
  display:block;width:32px;height:3px;background:#b48318;border-radius:2px;
  margin-top:14px;
}

/* stagger 进入动画 */
.mv-card{opacity:0;transform:translateY(40px)}
.mv-card.in-view{opacity:1;transform:none;transition:.7s cubic-bezier(.2,.7,.2,1)}
.mv-card[data-i="01"]{transition-delay:.05s}
.mv-card[data-i="02"]{transition-delay:.15s}
.mv-card[data-i="03"]{transition-delay:.25s}
.mv-card[data-i="04"]{transition-delay:.35s}

@media (max-width:1024px){
  .mv-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .mv-card::before{font-size:120px}
}
@media (max-width:640px){
  .mv-grid{grid-template-columns:1fr;gap:14px}
  .mv-card{padding:28px 22px}
  .mv-card::before{font-size:96px}
  .mv-card h3{font-size:20px}
}

/* 首页企业动态 swiper · 与集团历史时间轴一致的丝滑轮播缓动 */
.mySwiper_news .swiper-wrapper{
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);   /* easeInOutCubic，缓入缓出 */
}

/* ============ 走进工厂 · 视频与相册 ============ */
.factory-video{
  margin: 40px 0 60px;
  text-align: center;
}
.factory-video .video-wrapper{
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  border-radius: var(--radius-img);
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,.15);
}
.factory-video video{
  width: 100%;
  display: block;
  max-height: 540px;
  background: #000;
}
.factory-video .video-desc{
  margin-top: 18px;
  font-size: 15px;
  color: #666;
  letter-spacing: 1px;
}

.factory-gallery{
  margin-top: 60px;
}
.gallery-header{
  text-align: center;
  margin-bottom: 36px;
}
.gallery-header h4{
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 10px;
}
.gallery-header p{
  color: #888;
  font-size: 14px;
  letter-spacing: 1px;
}

.gallery-swiper{
  width: 100%;
  overflow: hidden;   /* 即使 swiper 初始化异常，也避免 slide 平铺溢出/露出灰条 */
}
.gallery-swiper .swiper-slide{
  border-radius: var(--radius-img);
  overflow: hidden;
  aspect-ratio: 4/3;
  background: transparent;  /* 不再有 #f5f5f5 灰底，杜绝"底部进度条"错觉 */
}
.gallery-swiper .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 分页样式与企业动态(.china_news)一致：圆点居中于轮播下方留白处，不再是紧贴图片的"进度条" */
.gallery-swiper .swiper-pagination{
  position: relative!important;
  display: block!important;
  text-align: center;
  height: 24px;
  line-height: 24px;
  margin-top: 24px;
  visibility: visible!important;
  opacity: 1!important;
}
.gallery-swiper .swiper-pagination-bullet{
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px!important;
  background: #d4d4d4;
  opacity: 1!important;
  visibility: visible!important;
  border-radius: 50%;
  cursor: pointer;
  transition: background .25s;
}
.gallery-swiper .swiper-pagination-bullet:hover{ background: #999; }
.gallery-swiper .swiper-pagination-bullet-active{ background: var(--red); }

@media (max-width: 768px){
  .factory-video{margin: 24px 0 40px}
  .factory-video video{max-height: 300px}
  .gallery-header h4{font-size: 18px}
}