.wrap{
  width:100% !important;
  max-width:1600px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
@media (min-width:768px){ .wrap{ max-width:720px !important; } }
@media (min-width:992px){ .wrap{ max-width:960px !important; } }
@media (min-width:1200px){ .wrap{ max-width:1140px !important; } }
@media (min-width:1440px){ .wrap{ max-width:1400px !important; } }
@media (min-width:1640px){ .wrap{ max-width:1600px !important; } }
@media (max-width:767px){
  .wrap{
    width:100% !important;
    max-width:none !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }
}
/* ==========================================================================
   全局基础
   首页板块字体和响应式版心
   ========================================================================== */
.jly-hero,.jly-stats,.jly-products,.jly-showcase-flow,.jly-map{
  width:100%;
  max-width:100%;
  margin-left:0;
  overflow:hidden;
  font-family:Arial, Helvetica, "Microsoft YaHei", sans-serif;
  color:#172b4b;
  background:#fff;
}

/* 当前页面版心，仅作用于首页板块 */
:is(.jly-hero,.jly-stats,.jly-products,.jly-showcase-flow,.jly-map) .wrap{
  max-width:1600px !important;
}

@media (min-width:768px){
  :is(.jly-hero,.jly-stats,.jly-products,.jly-showcase-flow,.jly-map) .wrap{ max-width:720px !important; }
}
@media (min-width:992px){
  :is(.jly-hero,.jly-stats,.jly-products,.jly-showcase-flow,.jly-map) .wrap{ max-width:960px !important; }
}
@media (min-width:1200px){
  :is(.jly-hero,.jly-stats,.jly-products,.jly-showcase-flow,.jly-map) .wrap{ max-width:1140px !important; }
}
@media (min-width:1440px){
  :is(.jly-hero,.jly-stats,.jly-products,.jly-showcase-flow,.jly-map) .wrap{ max-width:1400px !important; }
}
@media (min-width:1640px){
  :is(.jly-hero,.jly-stats,.jly-products,.jly-showcase-flow,.jly-map) .wrap{ max-width:1600px !important; }
}

/* ==========================================================================
   通用零件：章节标签（标签 + 金色短线）
   供制造、交付、仓储、案例和合作板块复用
   ========================================================================== */
.jly-label{
  font-size:18px; font-weight:700; color:#fff; line-height:normal;
  letter-spacing:.01em;
}
.jly-label-rule{
  width:110px; height:5px; background:#d6a45e; margin-top:35px;
}
/* V1 母稿里的「Project Spotlight」标签短线更宽，单列出来 */
.jly-label-rule-wide{ width:159px; height:6px; margin-top:22px; }

/* ==========================================================================
   通用零件：图片压暗渐变
   默认压暗左侧；.jly-shade-right 用于右侧文案板块
   ========================================================================== */
.jly-shade{
  position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(90deg,
    rgba(3,18,45,.42)    0%,
    rgba(3,18,45,.364)  10%,
    rgba(3,18,45,.311)  20%,
    rgba(3,18,45,.260)  30%,
    rgba(3,18,45,.211)  40%,
    rgba(3,18,45,.165)  50%,
    rgba(3,18,45,.122)  60%,
    rgba(3,18,45,.083)  70%,
    rgba(3,18,45,.048)  80%,
    rgba(3,18,45,.019)  90%,
    rgba(3,18,45,0)                    100%);
}
.jly-shade-right{ transform: scaleX(-1); }

/* Project Spotlight：主体画面保持清晰，仅在左侧文案和底部导航后方局部压暗。 */
.jly-shade-projects{
  background:
    linear-gradient(0deg,
      rgba(3,18,45,.20) 0%,
      rgba(3,18,45,.065) 17%,
      rgba(3,18,45,0) 34%),
    linear-gradient(90deg,
      rgba(3,18,45,.34) 0%,
      rgba(3,18,45,.14) 30%,
      rgba(3,18,45,.025) 52%,
      rgba(3,18,45,0) 66%);
}

/* ==========================================================================
   通用零件：底部信息条（图标 + 分隔线 + 文案）
   用于制造、交付和仓储板块
   ========================================================================== */
.jly-strip{
  position:absolute; left:0; right:0; bottom:0; height:150px; z-index:3;
}
.jly-strip-fade{
  position:absolute; left:50%; width:100vw; bottom:6px; top:0; transform:translateX(-50%);
  background:linear-gradient(0deg,rgba(3,18,45,.58) 0%,rgba(3,18,45,.23) 58%,rgba(3,18,45,0) 100%);
  pointer-events:none;
}
.jly-strip-item{
  position:absolute; top:34px; left:0; display:flex; align-items:center;
}
.jly-strip-icon{
  flex:0 0 auto; width:52px; height:58px; stroke-width:2.5;
  filter:drop-shadow(0 4px 10px rgba(1,17,43,.28));
}
.jly-strip-text{
  margin-left:17px; font-size:16px; font-weight:700; color:#fff; line-height:1.2;
  letter-spacing:.035em; white-space:nowrap; text-shadow:0 2px 10px rgba(1,17,43,.45);
}
.jly-strip-sep{
  position:absolute; top:38px; width:1px; height:52px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.62),transparent);
}
.jly-strip-edge{
  position:absolute; left:50%; width:100vw; bottom:0; height:6px; transform:translateX(-50%); background:#061b43;
}

@media (max-width:1199px){
  .jly-strip-text{ font-size:16px; }
  .jly-strip{ height:120px; }
}
@media (max-width:1023px){
  .jly-strip{ display:none; }
}

/* ========================================================================== 
   板块 01：Hero 首屏（1920 × 870）
   无字场景图与版心内文案交叉轮播
   ========================================================================== */
.jly-hero{ position:relative; height:870px; overflow:hidden; background:#061b43; color:#fff; }
.jly-hero-media{ position:absolute; inset:0; }
.jly-hero-slide{
  position:absolute; inset:0; width:100%; height:100%;
  opacity:0; transition:opacity .9s ease;
}
.jly-hero-slide-active{ opacity:1; z-index:1; }
.jly-hero-slide>img{ position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; }
.jly-hero-slide::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,20,51,.86) 0%,rgba(2,20,51,.70) 29%,rgba(2,20,51,.28) 57%,rgba(2,20,51,.04) 82%); pointer-events:none; }
.jly-hero-slide>.wrap{ position:relative; z-index:1; display:flex; align-items:flex-start; width:100%; height:100%; margin:0 auto; }
.jly-hero-copy{ min-width:0; max-width:min(900px,100%); padding:clamp(105px,9vw,170px) 0 28px; }
.jly-hero-kicker{ margin:0 0 24px; color:#fff; font-size:clamp(13px,1.02vw,20px); font-weight:700; line-height:1.2; letter-spacing:.24em; text-transform:uppercase; }
.jly-hero-copy h1,.jly-hero-copy h2{ margin:0; color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:clamp(58px,5.1vw,100px); font-weight:700; line-height:.96; letter-spacing:-.04em; text-transform:uppercase; text-shadow:0 2px 12px rgba(2,20,51,.14); }
.jly-hero-copy h1::after,.jly-hero-copy h2::after{ content:""; display:block; width:clamp(74px,5.5vw,108px); height:clamp(6px,.55vw,10px); margin-top:clamp(22px,2.2vw,34px); background:#f6b43a; }
.jly-hero-description{ max-width:720px; margin:25px 0 0; color:#f6f8fc; font-size:clamp(19px,1.5vw,27px); font-weight:400; line-height:1.4; letter-spacing:0; text-transform:none; text-wrap:pretty; }
.jly-hero-dots{ position:absolute; z-index:4; left:50%; bottom:28px; display:flex; gap:10px; transform:translateX(-50%); }
.jly-hero-dot{
  width:34px; height:4px; border-radius:3px; cursor:pointer; background:rgba(255,255,255,.42);
  transition:width .25s ease, background .25s ease;
}
.jly-hero-dot-active{ width:54px; background:#f3ad22; }

@keyframes jlyHeroFromLeft{
  from{ opacity:0; transform:translate3d(-48px,0,0); }
  to{ opacity:1; transform:translate3d(0,0,0); }
}
@keyframes jlyHeroFromRight{
  from{ opacity:0; transform:translate3d(42px,0,0); }
  to{ opacity:1; transform:translate3d(0,0,0); }
}
.jly-hero-motion .jly-hero-slide:not(.jly-hero-enter) .jly-hero-copy > *{ opacity:0; }
.jly-hero-enter .jly-hero-copy h1,
.jly-hero-enter .jly-hero-copy h2{ animation:jlyHeroFromLeft .9s cubic-bezier(.2,.7,.2,1) .08s both; }
.jly-hero-enter .jly-hero-kicker{ animation:jlyHeroFromRight .72s cubic-bezier(.2,.7,.2,1) both; }
.jly-hero-enter .jly-hero-description{ animation:jlyHeroFromRight .82s cubic-bezier(.2,.7,.2,1) .24s both; }

@media (max-width:1199px){
  .jly-hero{ height:620px; }
  .jly-hero-copy{ max-width:720px; padding-top:100px; }
  .jly-hero-copy h1,.jly-hero-copy h2{ font-size:clamp(48px,5.6vw,68px); }
}
@media (max-width:767px){
  .jly-hero-slide>img{ object-position:62% center; }
  .jly-hero-slide::after{ background:linear-gradient(90deg,rgba(2,20,51,.88),rgba(2,20,51,.62) 75%,rgba(2,20,51,.42)); }
  .jly-hero-copy{ max-width:100%; padding:86px 0 24px; }
  .jly-hero-kicker{ margin-bottom:20px; font-size:11px; letter-spacing:.17em; }
  .jly-hero-copy h1,.jly-hero-copy h2{ font-size:clamp(29px,9.2vw,46px); line-height:1; letter-spacing:-.045em; }
  .jly-hero-copy h1::after,.jly-hero-copy h2::after{ width:66px; height:6px; margin-top:24px; }
  .jly-hero-description{ max-width:340px; margin-top:20px; font-size:16px; line-height:1.45; }
}
@media (prefers-reduced-motion:reduce){
  .jly-hero-enter .jly-hero-copy h1,.jly-hero-enter .jly-hero-copy h2,
  .jly-hero-enter .jly-hero-kicker,.jly-hero-enter .jly-hero-description{ animation:none; }
}

/* ==========================================================================
   板块 02：企业数据条
   1440px 版心内四列网格；图标分别对应厂区、线缆产能、团队和全球区域
   ========================================================================== */
.jly-stats{
  position:relative; height:auto; padding:40px 0; overflow:hidden; box-sizing:border-box;
}
.jly-stats > .wrap{ position:relative; height:140px; }
.jly-stats-list{
  position:relative; z-index:1; height:100%;
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
}
.jly-stats-item{
  position:relative; min-width:0;
  display:grid; grid-template-columns:86px minmax(0,1fr); align-items:center; gap:24px;
  padding:0 28px;
  transition:background .25s ease, transform .25s ease;
}
.jly-stats-item + .jly-stats-item::before{
  content:""; position:absolute; left:0; top:52px; bottom:52px; width:1px;
  background:linear-gradient(180deg,transparent,#d9e2ef 22%,#d9e2ef 78%,transparent);
}
.jly-stats-item:hover{
  background:rgba(7,49,144,.055);
}
.jly-stats-icon{
  position:relative; width:86px; height:86px;
  display:grid; place-items:center;
  color:#0b43b4; background:transparent; border:0; border-radius:0; box-shadow:none;
  transition:transform .35s cubic-bezier(.22,.75,.18,1);
}
.jly-stats-item:hover .jly-stats-icon{ transform:translateY(-3px) scale(1.025); }
.jly-stats-icon svg{
  width:74px; height:74px; display:block;
  stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
}
.jly-stats-icon .jly-icon-accent{ fill:#d6a45e; stroke:none; }
.jly-stats-text{ min-width:0; display:flex; flex-direction:column; align-items:flex-start; }
.jly-stats-value{
  order:2; display:flex; align-items:baseline; min-height:53px; white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.jly-stats-num{
  color:#253b5e; font-size:46px; font-weight:700; line-height:1;
  letter-spacing:-.045em; transition:color .28s ease,text-shadow .28s ease;
}
.jly-stats-item:hover .jly-stats-num{
  color:#0b43b4; text-shadow:0 5px 18px rgba(7,49,144,.12);
}
.jly-stats-unit{
  margin-left:7px; color:#496181; font-size:15px; font-weight:700; line-height:1;
}
.jly-stats-sub{
  order:1; margin:0 0 12px; color:#697891; font-size:12px; font-weight:700; line-height:1.2;
  letter-spacing:.11em; text-transform:uppercase;
}

/* 数据区始终可见：两组同时从屏幕外横移进入。 */
.jly-stats-ready .jly-stats-item{ transition:none; }
.jly-stats-ready .jly-stats-item:nth-child(-n/**/+2){ transform:translate3d(-100vw,0,0); }
.jly-stats-ready .jly-stats-item:nth-child(n/**/+3){ transform:translate3d(100vw,0,0); }
.jly-stats-ready.jly-stats-in .jly-stats-item{
  transform:none;
  transition:transform 1.35s cubic-bezier(.18,.75,.18,1),background .25s ease;
}
@media (max-width:1199px){
  .jly-stats-ready .jly-stats-item:nth-child(odd){ transform:translate3d(-100vw,0,0); }
  .jly-stats-ready .jly-stats-item:nth-child(even){ transform:translate3d(100vw,0,0); }
  .jly-stats-ready.jly-stats-in .jly-stats-item{ transform:none; }
}
@media (prefers-reduced-motion:reduce){
  .jly-stats-ready .jly-stats-item,
  .jly-stats-ready.jly-stats-in .jly-stats-item{ transform:none; transition:none; }
}

@media (min-width:1200px) and (max-width:1599px){
  .jly-stats-item{ grid-template-columns:64px minmax(0,1fr); gap:16px; padding:0 20px; }
  .jly-stats-icon{ width:64px; height:64px; }
  .jly-stats-icon svg{ width:56px; height:56px; }
  .jly-stats-num{ font-size:39px; }
  .jly-stats-unit{ margin-left:5px; font-size:13px; }
  .jly-stats-sub{ margin-bottom:9px; font-size:10px; letter-spacing:.07em; }
}
@media (max-width:1199px){
  .jly-stats{ height:auto; padding:40px 0; }
  .jly-stats > .wrap,.jly-stats-list{ height:auto; }
  .jly-stats-list{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .jly-stats-item{ min-height:98px; }
  .jly-stats-item:nth-child(3)::before{ display:none; }
  .jly-stats-item:nth-child(n/**/+3)::after{
    content:""; position:absolute; left:28px; right:28px; top:0; height:1px; background:#e5ebf4;
  }
}
@media (max-width:767px){

  .jly-stats-item + .jly-stats-item::before{ display:none; }
  .jly-stats-item:nth-child(n/**/+2)::after{
    content:""; position:absolute; left:18px; right:18px; top:0; height:1px; background:#e5ebf4;
  }

  .jly-stats-sub{ margin-top:5px;   margin:0 0 7px;font-size:8px;line-height:1.25;letter-spacing:.055em;}
}

/* ==========================================================================
   板块 03：产品与应用
   9 张应用场景交叉淡入；分类导航每屏显示 3 项
   ========================================================================== */
.jly-products{ position:relative; height:910px; border-bottom:40px solid #082451; background:#fff; box-sizing:content-box; }
.jly-products *,.jly-products *::before,.jly-products *::after{ box-sizing:border-box; }

.jly-products-stage{ position:relative; height:750px; overflow:hidden; background:#061b43; }
.jly-products-scene{
  position:absolute; inset:0; background-size:cover; background-position:center;
  opacity:0; transition:opacity .45s ease;
}
.jly-products-scene-active{ opacity:1; }

.jly-products > .wrap{ position:relative; height:160px; background:#fff; display:flex; }
.jly-products-track{
  width:100%; height:100%; display:flex; transition:transform .48s cubic-bezier(.22,.75,.18,1);
  will-change:transform;
}
.jly-products-control{ display:none; }

.jly-products-tab{
  position:relative; flex:1 1 0; min-width:0; height:159px;
  background:#fff; border:0; text-align:left; cursor:default; font-family:inherit;
  transition:background .3s ease, color .3s ease;
}
/* 第 2 / 3 项左侧竖分隔线（设计稿 y 27–133，色 #d8e1ed） */
.jly-products-tab + .jly-products-tab::before{
  content:""; position:absolute; left:0; top:27px; width:2px; height:106px; background:#d8e1ed;
}
.jly-products-tab-active{ background:#073190; }
.jly-products-tab-active::before{ display:none; }

/* 产品白卡：110×134，圆角 5，描边 #e4eaf2，切图高 118px
   设计稿坐标：卡片 left 72 / top 13；切图中心 left 127 */
.jly-products-thumb{
  position:absolute; left:72px; top:13px; width:110px; height:134px;
  border-radius:5px; background:#fff; border:2px solid #e4eaf2;
  display:flex; align-items:center; justify-content:center; overflow:hidden; cursor:pointer;
}
.jly-products-thumb,.jly-products-tab-name{ text-decoration:none; }
.jly-products-thumb img{
  display:block; width:auto; height:auto; max-width:88%; max-height:88%; object-fit:contain;
  transition:transform .28s ease;
}

/* 分类文案：序号 left 218 / top 40（17px）；名称 left 218 / top 66（26px，行高 32） */
.jly-products-tab-num{
  position:absolute; left:218px; top:40px;
  font-size:17px; font-weight:700; color:#073190; line-height:normal;
}
.jly-products-tab-active .jly-products-tab-num{ color:#d6a45e; }
.jly-products-tab-name{
  position:absolute; left:218px; top:66px;
  font-size:26px; font-weight:700; color:#172b4b; line-height:32px; cursor:pointer;
}
.jly-products-tab-active .jly-products-tab-name{ color:#fff; }
.jly-products-thumb:focus-visible,.jly-products-tab-name:focus-visible{
  outline:3px solid #f0ad3d; outline-offset:3px;
}

@media (max-width:1199px){
  .jly-products{ height:auto; border-bottom-width:30px; }
  .jly-products-stage{ height:560px; }
  .jly-products > .wrap{ height:150px; }
  .jly-products-tab{ flex:0 0 33.333333%; height:149px; }
  .jly-products-thumb{ left:26px; top:12px; width:88px; height:110px; }
  .jly-products-tab-num{ left:130px; top:38px; font-size:15px; }
  .jly-products-tab-name{ left:130px; top:60px; font-size:20px; line-height:26px; }
}
@media (max-width:1023px){
  .jly-products-stage{ height:420px; }
  .jly-products > .wrap{ height:110px; display:block; overflow:hidden; }
  .jly-products-track{ height:110px; }
  .jly-products-tab{ flex:0 0 100%; height:110px; width:auto; }
  .jly-products-tab + .jly-products-tab::before{ top:0; left:24px; right:24px; width:auto; height:2px; }
  .jly-products-thumb{ left:24px; top:10px; width:64px; height:76px; border-width:1px; }
  .jly-products-tab-num{ left:104px; top:18px; font-size:13px; }
  .jly-products-tab-name{ left:104px; top:37px; font-size:18px; line-height:22px; }
}
@media (max-width:767px){
  .jly-products{ border-bottom-width:32px; }

  .jly-products-tab{ flex-basis:100%;   height:104px;}

}

/* ========================================================================== 
   连续大图板块：独立标题区
   四个标题和图片由各自外层统一控制间距
   ========================================================================== */
.jly-showcase-flow{ background:#082451; }
.jly-feature-sequence{ background:transparent; }
.jly-feature-block{
  display:grid;
  row-gap:40px;
  padding:40px 0;
}
.jly-scene-intro{
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
  padding:0;
  background:transparent;
}
.jly-scene-intro *{ box-sizing:border-box; }
.jly-scene-intro > .wrap{
  position:relative;
  z-index:1;
  width:calc(100% - 48px);
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.jly-scene-intro-kicker{
  display:flex;
  align-items:center;
  gap:15px;
  margin:0 0 8px;
  color:#d6a45e;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.jly-scene-intro-kicker::after{ content:""; width:54px; height:3px; background:#d6a45e; }
.jly-scene-intro-title{
  max-width:1320px;
  margin:0;
  color:#fff;
  font-size:clamp(38px,2.5vw,48px);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.jly-scene-intro-description{
  max-width:920px;
  margin:8px 0 0;
  color:#c9d6e8;
  font-size:16px;
  line-height:1.55;
}
@media (max-width:767px){
  
  .jly-scene-intro > .wrap{ width:calc(100% - 40px); }
  .jly-scene-intro-kicker{ margin-bottom:15px; font-size:10px; gap:11px; }
  .jly-scene-intro-kicker::after{ width:38px; height:2px; }
  .jly-scene-intro-title{ max-width:340px; font-size:28px; line-height:1.1; }
  .jly-scene-intro-description{ max-width:340px; margin-top:13px; font-size:14px; line-height:1.55; }
}

/* ==========================================================================
   板块 04：Manufacturing at Scale
   左侧文案、背景图和三项能力信息
   ========================================================================== */
.jly-mfg{ position:relative; height:870px; overflow:hidden; background:#082451; }
.jly-mfg-bg{
  position:absolute; inset:0;
  background:url("https://bsg-i.nbxc.com/product/87/09/d9/088971a0b94cee874295ea0532.jpg") center / cover no-repeat;
}
.jly-mfg-shade{
  background:linear-gradient(90deg,rgba(3,18,45,.42) 0%,rgba(3,18,45,.311) 20%,rgba(3,18,45,.211) 40%,rgba(3,18,45,.122) 60%,rgba(3,18,45,.048) 80%,rgba(3,18,45,0) 100%);
}

.jly-mfg-label{ position:absolute; left:112px; top:70px; }
.jly-mfg-title{
  position:absolute; left:112px; font-size:61px; font-weight:700; color:#fff;
  line-height:normal; letter-spacing:-.014em;
}
.jly-mfg-title-1{ top:158px; }
.jly-mfg-title-2{ top:226px; }
.jly-mfg-sub{ position:absolute; left:112px; top:360px; font-size:21px; color:#fff; }

.jly-mfg .jly-strip{ height:150px; }

@media (max-width:1199px){
  .jly-mfg{ height:640px; }
  .jly-mfg-label,.jly-mfg-title,.jly-mfg-sub{ left:64px; }
  .jly-mfg-title{ font-size:48px; }
  .jly-mfg-title-1{ top:170px; }
  .jly-mfg-sub{ top:330px; font-size:18px; }
}
@media (max-width:1023px){
  .jly-mfg{ height:520px; }
  .jly-mfg-title{ font-size:36px; }
  .jly-mfg-title-1{ top:130px; }
  .jly-mfg-title-2{ top:172px; }
  .jly-mfg-sub{ top:250px; font-size:16px; }
}
@media (max-width:767px){
  .jly-mfg{ height:420px; }
  .jly-mfg-label,.jly-mfg-title,.jly-mfg-sub{ left:24px; }
  .jly-mfg-title{ font-size:26px; }
  .jly-mfg-label{ top:40px; }
  .jly-mfg-title-1{ top:96px; }
  .jly-mfg-title-2{ top:130px; }
  .jly-mfg-sub{ top:200px; font-size:13px; }
}

/* ==========================================================================
   板块 05：Global Delivery
   右侧文案、背景图和三项交付信息
   ========================================================================== */
.jly-delivery{ position:relative; height:870px; overflow:hidden; background:#082451; }
.jly-delivery-bg{
  position:absolute; inset:0;
  background:url("https://bsg-i.nbxc.com/product/15/6a/a6/924d70c337dc041814e45005a5.jpg") center / cover no-repeat;
}
.jly-delivery-shade{
  background:linear-gradient(90deg,rgba(3,18,45,.46) 0%,rgba(3,18,45,.340) 20%,rgba(3,18,45,.231) 40%,rgba(3,18,45,.133) 60%,rgba(3,18,45,.052) 80%,rgba(3,18,45,0) 100%);
}

.jly-delivery-label{ position:absolute; left:1110px; top:77px; }
.jly-delivery-title{
  position:absolute; left:1110px; font-size:58px; font-weight:700; color:#fff;
  line-height:normal; letter-spacing:-.014em;
}
.jly-delivery-title-1{ top:171px; }
.jly-delivery-title-2{ top:235px; }
.jly-delivery-sub{ position:absolute; left:1110px; top:360px; font-size:18px; color:#fff; }

.jly-delivery .jly-strip{ height:150px; }

@media (min-width:1200px) and (max-width:1599px){
  .jly-delivery-label,
  .jly-delivery-title,
  .jly-delivery-sub{ left:58%; right:5%; }
}

@media (max-width:1199px){
  .jly-delivery{ height:640px; }
  .jly-delivery-label{ left:64px; }
  .jly-delivery-title,.jly-delivery-sub{ left:64px; }
  .jly-delivery-title{ font-size:46px; }
  .jly-delivery-title-1{ top:150px; }
  .jly-delivery-title-2{ top:208px; }
  .jly-delivery-sub{ top:300px; font-size:17px; }
}
@media (max-width:1023px){
  .jly-delivery{ height:520px; }
  .jly-delivery-title{ font-size:36px; line-height:42px; }
  .jly-delivery-title-1{ top:120px; }
  .jly-delivery-title-2{ top:162px; }
  .jly-delivery-sub{ top:240px; font-size:15px; }
}
@media (max-width:767px){
  .jly-delivery{ height:420px; }
  .jly-delivery-label,.jly-delivery-title,.jly-delivery-sub{ left:24px; }
  .jly-delivery-label{ top:40px; }
  .jly-delivery-title{ font-size:26px; line-height:32px; }
  .jly-delivery-title-1{ top:96px; }
  .jly-delivery-title-2{ top:130px; }
  .jly-delivery-sub{ top:200px; font-size:13px; }
}

/* ==========================================================================
   板块 06：Warehousing & Inventory
   左侧文案、背景图和三项仓储信息
   ========================================================================== */
.jly-warehouse{ position:relative; height:870px; overflow:hidden; background:#082451; }
.jly-warehouse-bg{
  position:absolute; inset:0;
  background:url("https://bsg-i.nbxc.com/product/74/3f/3b/d8ad1c320f5cc91d4808ede172.jpg") center / cover no-repeat;
}
.jly-warehouse-shade{
  background:linear-gradient(90deg,rgba(3,18,45,.36) 0%,rgba(3,18,45,.266) 20%,rgba(3,18,45,.181) 40%,rgba(3,18,45,.104) 60%,rgba(3,18,45,.041) 80%,rgba(3,18,45,0) 100%);
}

.jly-warehouse-label{ position:absolute; left:112px; top:350px; }
.jly-warehouse-title{
  position:absolute; left:112px; font-size:62px; font-weight:700; color:#fff;
  line-height:normal; letter-spacing:-.014em;
}
.jly-warehouse-title-1{ top:444px; }
.jly-warehouse-title-2{ top:513px; }
.jly-warehouse-sub{ position:absolute; left:112px; top:642px; font-size:20px; color:#fff; }

.jly-warehouse .jly-strip{ height:150px; }

@media (max-width:1199px){
  .jly-warehouse{ height:640px; }
  .jly-warehouse-label,.jly-warehouse-title,.jly-warehouse-sub{ left:64px; }
  .jly-warehouse-title{ font-size:48px; }
  .jly-warehouse-label{ top:280px; }
  .jly-warehouse-title-1{ top:360px; }
  .jly-warehouse-title-2{ top:415px; }
  .jly-warehouse-sub{ top:520px; font-size:17px; }
}
@media (max-width:1023px){
  .jly-warehouse{ height:520px; }
  .jly-warehouse-title{ font-size:36px; }
  .jly-warehouse-label{ top:200px; }
  .jly-warehouse-title-1{ top:260px; }
  .jly-warehouse-title-2{ top:302px; }
  .jly-warehouse-sub{ top:400px; font-size:15px; }
}
@media (max-width:767px){
  .jly-warehouse{ height:420px; }
  .jly-warehouse-label,.jly-warehouse-title,.jly-warehouse-sub{ left:24px; }
  .jly-warehouse-title{ font-size:26px; }
  .jly-warehouse-label{ top:130px; }
  .jly-warehouse-title-1{ top:186px; }
  .jly-warehouse-title-2{ top:220px; }
  .jly-warehouse-sub{ top:300px; font-size:13px; }
}

/* ==========================================================================
   板块 07：Project Spotlight
   5 张高清案例交叉浮现，底部固定显示当前项及后续两项
   ========================================================================== */
.jly-projects{ position:relative; height:870px; overflow:hidden; background:#082451; }
.jly-projects-bg{
  position:absolute; inset:0; overflow:hidden;
}
.jly-projects-slide{
  position:absolute; inset:0;
  opacity:0; z-index:0;
  transition:opacity .78s ease;
  backface-visibility:hidden; will-change:opacity;
}
.jly-projects-slide img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.jly-projects-slide-active{ opacity:1; z-index:2; }
/* 该板块的过渡滤镜是线性横向压暗，见文件顶部 .jly-shade-projects */

.jly-projects-label{ position:absolute; left:112px; top:66px; }
/* 该板块的标签来自原始模块，比其它板块的 18px 略小、字距略松 */
.jly-projects-label .jly-label{ font-size:16px; letter-spacing:.02em; }

.jly-projects-title{
  position:absolute; left:112px;  font-weight:700; color:#fff;
  line-height:66px; letter-spacing:.026em; text-shadow:0 2px 18px rgba(3,18,45,.28);
 font-size:clamp(34px,2.25vw,43px);}
.jly-projects-title-1{ top:179px; }
.jly-projects-title-2{ top:245px; }
.jly-projects-title-3{ top:311px; }

/* 描边按钮：文字左对齐、内边距 24px（不是居中） */
.jly-projects-cta{
  position:absolute;  
    border:1px solid rgba(255,255,255,.9); border-radius:2px;
  display:flex; align-items:center; justify-content:flex-start; 
   font-weight:700; color:#fff; letter-spacing:0;
  text-decoration:none; background:rgba(3,25,60,.12); overflow:hidden;
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;
}
.jly-projects-cta::before,
.jly-projects-cta::after{
  content:""; position:absolute; top:50%; pointer-events:none; transition:transform .25s ease;
}
.jly-projects-cta::before{ right:25px; width:18px; height:2px; margin-top:-1px; background:currentColor; }
.jly-projects-cta::after{
  right:24px; width:8px; height:8px; margin-top:-5px;
  border-top:2px solid currentColor; border-right:2px solid currentColor; transform:rotate(45deg);
}
.jly-projects-cta:hover{ background:#fff; border-color:#fff; color:#061b43; transform:translateY(-2px); }
.jly-projects-cta:hover::before,
.jly-projects-cta:hover::after{ transform:translateX(3px); }
.jly-projects-cta:hover::after{ transform:translateX(3px) rotate(45deg); }

/* 底部项目名：01/02/03 分别位于 x 112 / 632 / 1152（间隔 520），文字行 y 651 */
.jly-projects-nav{
  position:absolute; left:112px; right:360px; top:648px; height:50px; overflow:hidden;
}
.jly-projects-nav-track{
  height:100%; display:flex;
}
.jly-projects-nav-item{
  position:relative; flex:0 0 33.333333%; min-width:0; display:flex; align-items:baseline;
  color:#fff; text-decoration:none; cursor:pointer; border:0; padding:0; background:transparent;
  font:inherit; text-align:left;
}
.jly-projects-nav-num{
  font-size:15px; font-weight:700; color:#d6a45e; width:60px; flex:0 0 60px;
}
.jly-projects-nav-name{
  min-width:0; overflow:hidden; text-overflow:ellipsis;
  font-size:15px; font-weight:700; color:#fff; letter-spacing:0; white-space:nowrap;
  text-shadow:0 1px 8px rgba(3,18,45,.32);
}
.jly-projects-nav-item:hover .jly-projects-nav-name,
.jly-projects-nav-item-active .jly-projects-nav-name{ color:#d6a45e; }

/* 右下两个翻页方钮 55×55 */
.jly-projects-arrows{
  position:absolute; right:128px; top:620px; display:flex; gap:14px;
}
.jly-projects-arrow{
  position:relative; width:55px; height:55px; border:1px solid rgba(255,255,255,.58);
  border-radius:50%; background:rgba(3,25,60,.34); color:#fff; font-size:0; cursor:pointer;
  box-shadow:0 10px 26px rgba(0,14,39,.18); backdrop-filter:blur(8px);
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;
}
.jly-projects-arrow::before,
.jly-projects-arrow::after{ content:""; position:absolute; top:50%; left:50%; pointer-events:none; }
.jly-projects-arrow::before{ width:14px; height:2px; margin:-1px 0 0 -7px; background:currentColor; }
.jly-projects-arrow::after{
  width:8px; height:8px; margin-top:-5px; border-top:2px solid currentColor; border-right:2px solid currentColor;
}
.jly-projects-arrow:first-child::after{ margin-left:-6px; transform:rotate(-135deg); }
.jly-projects-arrow:last-child::after{ margin-left:-4px; transform:rotate(45deg); }
.jly-projects-arrow:hover{ background:#d6a45e; border-color:#d6a45e; color:#061b43; transform:translateY(-2px); }

@media (min-width:1200px) and (max-width:1599px){
  .jly-projects-nav{ left:6%; right:220px; }
  .jly-projects-arrows{ right:5%; }
}

@media (max-width:1199px){
  .jly-projects{ height:620px; }
  .jly-projects-label,.jly-projects-title,.jly-projects-cta{ left:64px; }
  .jly-projects-title{  line-height:52px;  font-size:34px;}
  .jly-projects-title-1{ top:150px; }
  .jly-projects-title-2{ top:202px; }
  .jly-projects-title-3{ top:254px; }
  .jly-projects-cta{ top:400px; }
  .jly-projects-nav{ left:64px; right:220px; top:540px; }
  .jly-projects-arrows{ top:530px; right:64px; }
}
@media (max-width:1023px){
  .jly-projects{ height:520px; }
  .jly-projects-title{ font-size:36px; line-height:42px; }
  .jly-projects-title-1{ top:120px; }
  .jly-projects-title-2{ top:162px; }
  .jly-projects-title-3{ top:204px; }
  .jly-projects-cta{ top:320px; width:200px; height:50px; font-size:12px; }
  .jly-projects-nav{ display:none; }
  .jly-projects-arrows{ top:420px; }
}
@media (max-width:767px){
  .jly-projects{ height:420px; }
  .jly-projects-label,.jly-projects-title,.jly-projects-cta{ left:24px; }
  .jly-projects-title{  line-height:32px; }
  .jly-projects-label{ top:40px; }
  .jly-projects-title-1{ top:96px; }
  .jly-projects-title-2{ top:130px; }
  .jly-projects-title-3{ top:164px; }
  .jly-projects-cta{ top:250px;    }
  
  .jly-projects-arrow{   font-size:16px;  width:46px;height:46px;}
}

/* ==========================================================================
   板块 04–07：主图只用透明度浮现，文案保留各自的入场效果
   ========================================================================== */
.jly-motion-ready .jly-mfg-bg,
.jly-motion-ready .jly-delivery-bg,
.jly-motion-ready .jly-warehouse-bg,
.jly-motion-ready .jly-projects-bg,
.jly-motion-ready .jly-mfg-shade,
.jly-motion-ready .jly-delivery-shade,
.jly-motion-ready .jly-warehouse-shade,
.jly-motion-ready .jly-shade-projects{ opacity:0; transition:none; }
.jly-motion-ready.jly-motion-armed .jly-mfg-bg,
.jly-motion-ready.jly-motion-armed .jly-delivery-bg,
.jly-motion-ready.jly-motion-armed .jly-warehouse-bg,
.jly-motion-ready.jly-motion-armed .jly-projects-bg,
.jly-motion-ready.jly-motion-armed .jly-mfg-shade,
.jly-motion-ready.jly-motion-armed .jly-delivery-shade,
.jly-motion-ready.jly-motion-armed .jly-warehouse-shade,
.jly-motion-ready.jly-motion-armed .jly-shade-projects{ transition:opacity .95s ease; }
.jly-motion-ready.jly-section-in .jly-mfg-bg,
.jly-motion-ready.jly-section-in .jly-delivery-bg,
.jly-motion-ready.jly-section-in .jly-warehouse-bg,
.jly-motion-ready.jly-section-in .jly-projects-bg,
.jly-motion-ready.jly-section-in .jly-mfg-shade,
.jly-motion-ready.jly-section-in .jly-delivery-shade,
.jly-motion-ready.jly-section-in .jly-warehouse-shade,
.jly-motion-ready.jly-section-in .jly-shade-projects{ opacity:1; }
.jly-motion-ready .jly-mfg-label,
.jly-motion-ready .jly-delivery-label,
.jly-motion-ready .jly-warehouse-label,
.jly-motion-ready .jly-projects-label{
  opacity:0; transform:translateY(18px);
  transition:none;
}
.jly-motion-ready .jly-mfg-title,
.jly-motion-ready .jly-delivery-title,
.jly-motion-ready .jly-warehouse-title,
.jly-motion-ready .jly-projects-title{
  opacity:0; transform:translateY(24px);
  transition:none;
}
.jly-motion-ready .jly-mfg-sub,
.jly-motion-ready .jly-delivery-sub,
.jly-motion-ready .jly-warehouse-sub,
.jly-motion-ready .jly-projects-cta{
  opacity:0; transform:translateX(72px);
  transition:none;
}
.jly-motion-ready .jly-strip-item,
.jly-motion-ready .jly-projects-nav-item{
  opacity:0; transform:translateY(30px);
  transition:none;
}
.jly-motion-ready .jly-strip-sep{
  opacity:0; transform:scaleY(.35);
  transform-origin:center bottom;
  transition:none;
}
.jly-motion-ready.jly-motion-armed .jly-mfg-label,
.jly-motion-ready.jly-motion-armed .jly-delivery-label,
.jly-motion-ready.jly-motion-armed .jly-warehouse-label,
.jly-motion-ready.jly-motion-armed .jly-projects-label{
  transition:opacity .78s ease,transform .9s cubic-bezier(.22,.75,.18,1);
}
.jly-motion-ready.jly-motion-armed .jly-mfg-title,
.jly-motion-ready.jly-motion-armed .jly-delivery-title,
.jly-motion-ready.jly-motion-armed .jly-warehouse-title,
.jly-motion-ready.jly-motion-armed .jly-projects-title{
  transition:opacity .9s ease,transform 1s cubic-bezier(.22,.75,.18,1);
}
.jly-motion-ready.jly-motion-armed .jly-mfg-sub,
.jly-motion-ready.jly-motion-armed .jly-delivery-sub,
.jly-motion-ready.jly-motion-armed .jly-warehouse-sub,
.jly-motion-ready.jly-motion-armed .jly-projects-cta{
  transition:opacity 1.15s ease,transform 1.45s cubic-bezier(.22,.75,.18,1);
}
.jly-motion-ready.jly-motion-armed .jly-strip-item,
.jly-motion-ready.jly-motion-armed .jly-projects-nav-item{
  transition:opacity 1s ease,transform 1.2s cubic-bezier(.22,.75,.18,1);
}
.jly-motion-ready.jly-motion-armed .jly-strip-sep{
  transition:opacity .65s ease,transform .82s cubic-bezier(.22,.75,.18,1);
}
.jly-motion-ready.jly-section-in .jly-mfg-label,
.jly-motion-ready.jly-section-in .jly-delivery-label,
.jly-motion-ready.jly-section-in .jly-warehouse-label,
.jly-motion-ready.jly-section-in .jly-projects-label,
.jly-motion-ready.jly-section-in .jly-mfg-title,
.jly-motion-ready.jly-section-in .jly-delivery-title,
.jly-motion-ready.jly-section-in .jly-warehouse-title,
.jly-motion-ready.jly-section-in .jly-projects-title,
.jly-motion-ready.jly-section-in .jly-mfg-sub,
.jly-motion-ready.jly-section-in .jly-delivery-sub,
.jly-motion-ready.jly-section-in .jly-warehouse-sub,
.jly-motion-ready.jly-section-in .jly-projects-cta,
.jly-motion-ready.jly-section-in .jly-strip-item,
.jly-motion-ready.jly-section-in .jly-projects-nav-item{
  opacity:1; transform:translate(0); clip-path:inset(0);
}
.jly-motion-ready.jly-section-in .jly-strip-sep{
  opacity:1; transform:scaleY(1);
}
.jly-motion-ready.jly-motion-armed .jly-mfg-title-1,
.jly-motion-ready.jly-motion-armed .jly-delivery-title-1,
.jly-motion-ready.jly-motion-armed .jly-warehouse-title-1,
.jly-motion-ready.jly-motion-armed .jly-projects-title-1{ transition-delay:.25s; }
.jly-motion-ready.jly-motion-armed .jly-mfg-title-2,
.jly-motion-ready.jly-motion-armed .jly-delivery-title-2,
.jly-motion-ready.jly-motion-armed .jly-warehouse-title-2,
.jly-motion-ready.jly-motion-armed .jly-projects-title-2{ transition-delay:.38s; }
.jly-motion-ready.jly-motion-armed .jly-projects-title-3{ transition-delay:.51s; }
.jly-motion-ready.jly-motion-armed .jly-mfg-sub,
.jly-motion-ready.jly-motion-armed .jly-delivery-sub,
.jly-motion-ready.jly-motion-armed .jly-warehouse-sub,
.jly-motion-ready.jly-motion-armed .jly-projects-cta{ transition-delay:1.18s; }
.jly-motion-ready.jly-motion-armed .jly-mfg-label,
.jly-motion-ready.jly-motion-armed .jly-delivery-label,
.jly-motion-ready.jly-motion-armed .jly-warehouse-label,
.jly-motion-ready.jly-motion-armed .jly-projects-label{ transition-delay:.52s; }
.jly-motion-ready .jly-strip-item:nth-child(2),
.jly-motion-ready .jly-projects-nav-item:nth-child(1){ transition-delay:1.34s; }
.jly-motion-ready .jly-strip-sep:nth-child(3){ transition-delay:1.42s; }
.jly-motion-ready .jly-strip-item:nth-child(4),
.jly-motion-ready .jly-projects-nav-item:nth-child(2){ transition-delay:1.52s; }
.jly-motion-ready .jly-strip-sep:nth-child(5){ transition-delay:1.60s; }
.jly-motion-ready .jly-strip-item:nth-child(6),
.jly-motion-ready .jly-projects-nav-item:nth-child(3){ transition-delay:1.70s; }
@media (prefers-reduced-motion:reduce){
  .jly-motion-ready *{ transition:none !important; }
}

/* ==========================================================================
   板块 08：Global Engagement
   左侧品牌叙事与右侧一大两小展会图片拼版
   ========================================================================== */
.jly-engagement{
  position:relative;
  box-sizing:border-box;
  padding:40px 0;
  overflow:hidden;
  color:#fff;
  background:transparent;
}
.jly-engagement-reverse{
  background:transparent;
}
.jly-engagement *,
.jly-engagement *::before,
.jly-engagement *::after{ box-sizing:border-box; }
.jly-engagement > .wrap{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(630px,.98fr) minmax(0,1.25fr);
  align-items:center;
  gap:clamp(48px,4vw,72px);
  width:calc(100% - 48px);
  margin:0 auto;
}
.jly-engagement-reverse > .wrap{
  grid-template-columns:minmax(0,1fr);
  gap:34px;
}
.jly-engagement-reverse .jly-engagement-copy{
  grid-column:1;
  grid-row:1;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
  align-items:end;
  column-gap:clamp(40px,4vw,72px);
}
.jly-engagement-reverse .jly-engagement-label{ grid-column:1; grid-row:1; }
.jly-engagement-reverse .jly-engagement-title{ grid-column:1; grid-row:2 / 4; margin:24px 0 0; }
.jly-engagement-reverse .jly-engagement-sub{ grid-column:2; grid-row:2; max-width:480px; }
.jly-engagement-reverse .jly-engagement-note{ grid-column:2; grid-row:3; margin-top:18px; }
.jly-engagement-reverse .jly-engagement-gallery{ grid-column:1; grid-row:2;  overflow:hidden;}
.jly-engagement-reverse .jly-engagement-track{
  --jly-visits-gap:18px;
  display:flex;
  gap:var(--jly-visits-gap);
  height:370px;
  will-change:transform;
}

.jly-engagement-reverse .jly-engagement-photo{
  flex:0 0 calc((100% - 2 * var(--jly-visits-gap)) / 3);
  height:100%;
}
.jly-engagement-reverse .jly-engagement-photo:first-child .jly-engagement-caption{ bottom:18px; }
.jly-engagement-copy{ min-width:0; }
.jly-engagement-label{ position:static; }
.jly-engagement-label .jly-label{ font-size:17px; letter-spacing:.01em; }
.jly-engagement-label .jly-label-rule{ width:66px; height:4px; margin-top:16px; }
.jly-engagement-title{
  position:static;
  max-width:700px;
  margin:28px 0 22px;
  color:#fff;
  font-size:clamp(44px,2.5vw,48px);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.018em;
  text-wrap:balance;
}
.jly-engagement-sub{
  position:static;
  max-width:470px;
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:17px;
  line-height:1.65;
}
.jly-engagement-note{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:30px;
  color:#d6a45e;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1.4;
  text-transform:uppercase;
}
.jly-engagement-note::before{ content:""; flex:0 0 34px; height:1px; background:currentColor; }
.jly-engagement-gallery{
  position:relative;
  min-width:0;
  padding-bottom:0;
  overflow:visible;
}
.jly-engagement-track{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(240px,.82fr);
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:18px;
  height:430px;
}
.jly-engagement-photo{
  position:relative;
  width:auto;
  height:auto;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background:#082451;
  box-shadow:0 24px 52px rgba(0,14,39,.32);
  opacity:1;
  transform:translateY(0) scale(1);
  transition:opacity .38s ease,transform .52s cubic-bezier(.22,.75,.18,1),border-color .3s ease;
  cursor:pointer;
}
.jly-engagement-photo:first-child{ grid-row:1 / 3; }
@media (min-width:1440px){
  #sec-engagement .jly-engagement-photo:nth-child(n+4){ display:none; }
}
.jly-engagement-photo::after{
  content:"";
  position:absolute;
  inset:35% 0 0;
  background:linear-gradient(180deg,transparent,rgba(2,17,43,.82));
  pointer-events:none;
}
.jly-engagement-reverse .jly-engagement-photo::after{
  inset:auto 0 0;
  height:28%;
  background:linear-gradient(180deg,transparent,rgba(2,17,43,.36));
}
.jly-engagement-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s cubic-bezier(.22,.75,.18,1),filter .45s ease;
}
.jly-engagement-photo:hover img{ transform:scale(1.035); filter:saturate(1.06); }
.jly-engagement-photo:focus-visible{ outline:3px solid #d6a45e; outline-offset:3px; }
.jly-motion-ready.jly-section-in .jly-engagement-track.jly-engagement-switching .jly-engagement-photo{
  opacity:0;
  transform:translateY(12px) scale(.988);
  transition:opacity .38s ease,transform .52s cubic-bezier(.22,.75,.18,1);
}
.jly-motion-ready.jly-section-in .jly-engagement-track.jly-engagement-switching .jly-engagement-photo:nth-child(1){ transition-delay:0s; }
.jly-motion-ready.jly-section-in .jly-engagement-track.jly-engagement-switching .jly-engagement-photo:nth-child(2){ transition-delay:.09s; }
.jly-motion-ready.jly-section-in .jly-engagement-track.jly-engagement-switching .jly-engagement-photo:nth-child(3){ transition-delay:.18s; }
.jly-motion-ready.jly-section-in .jly-engagement-track.jly-engagement-revealing .jly-engagement-photo:nth-child(1){ transition-delay:.03s; }
.jly-motion-ready.jly-section-in .jly-engagement-track.jly-engagement-revealing .jly-engagement-photo:nth-child(2){ transition-delay:.15s; }
.jly-motion-ready.jly-section-in .jly-engagement-track.jly-engagement-revealing .jly-engagement-photo:nth-child(3){ transition-delay:.27s; }
.jly-engagement-caption{
  position:absolute;
  left:22px;
  right:18px;
  bottom:18px;
  z-index:2;
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:1.25;
  text-transform:uppercase;
}
.jly-engagement-reverse .jly-engagement-caption{ text-shadow:0 1px 4px rgba(0,10,29,.85); }
.jly-engagement-caption span{ color:#d6a45e; font-size:12px; letter-spacing:.08em; }
#sec-engagement .jly-engagement-caption{
  left:14px;
  right:14px;
  gap:8px;
  overflow:hidden;
  white-space:nowrap;
  font-size:clamp(11px,.9vw,14px);
}
#sec-engagement .jly-engagement-caption span{ flex:none; }
#sec-engagement .jly-engagement-photo:first-child .jly-engagement-caption{ right:18px; bottom:18px; }
.jly-engagement-nav{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
}
.jly-engagement-count{ display:none; }
.jly-engagement-control{
  position:absolute;
  top:50%;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:50%;
  color:#fff;
  background:rgba(3,25,60,.78);
  font:inherit;
  font-size:0;
  line-height:1;
  opacity:0;
  pointer-events:none;
  cursor:pointer;
  transform:translateY(-50%);
  transition:opacity .25s ease,background .24s ease,border-color .24s ease,color .24s ease,transform .2s ease;
}
.jly-engagement-control-prev{ left:16px; }
.jly-engagement-control-next{ right:16px; }
.jly-engagement-gallery:hover .jly-engagement-control,
.jly-engagement-gallery:focus-within .jly-engagement-control{ opacity:1; pointer-events:auto; }
@media (hover:none){
  .jly-engagement-control{ opacity:1; pointer-events:auto; }
}
.jly-engagement-control::before,
.jly-engagement-control::after{ content:""; position:absolute; top:50%; left:50%; pointer-events:none; }
.jly-engagement-control::before{ width:13px; height:2px; margin:-1px 0 0 -6px; background:currentColor; }
.jly-engagement-control::after{
  width:7px; height:7px; margin-top:-4.5px; border-top:2px solid currentColor; border-right:2px solid currentColor;
}
.jly-engagement-control-prev::after{ margin-left:-5px; transform:rotate(-135deg); }
.jly-engagement-control-next::after{ margin-left:-3px; transform:rotate(45deg); }
.jly-engagement-control:hover{ border-color:#d6a45e; color:#061b43; background:#d6a45e; }
.jly-engagement-control:active{ transform:translateY(-50%) scale(.94); }
.jly-engagement-control:focus-visible{ outline:3px solid #fff; outline-offset:3px; }
.jly-motion-ready .jly-engagement-photo{ opacity:0; transform:translateY(28px); }
.jly-motion-ready.jly-motion-armed .jly-engagement-photo{
  transition:opacity .8s ease,transform 1s cubic-bezier(.22,.75,.18,1);
}
.jly-motion-ready.jly-section-in .jly-engagement-photo{ opacity:1; transform:translateY(0); }
.jly-engagement-reverse.jly-motion-ready .jly-engagement-photo,
.jly-engagement-reverse.jly-motion-ready.jly-section-in .jly-engagement-photo{
  opacity:1;
  transform:none;
  transition:none;
}
.jly-motion-ready.jly-motion-armed .jly-engagement-photo:nth-child(1){ transition-delay:.16s; }
.jly-motion-ready.jly-motion-armed .jly-engagement-photo:nth-child(2){ transition-delay:.28s; }
.jly-motion-ready.jly-motion-armed .jly-engagement-photo:nth-child(3){ transition-delay:.40s; }

/* 标题统一自下向上浮现；全球交付沿用图片区淡入、文案依次出现的节奏。 */
.jly-motion-ready .jly-scene-intro-kicker,
.jly-motion-ready .jly-scene-intro-title,
.jly-motion-ready .jly-scene-intro-description,
.jly-motion-ready .jly-engagement-label,
.jly-motion-ready .jly-engagement-title,
.jly-motion-ready .jly-engagement-sub,
.jly-motion-ready .jly-engagement-note,
.jly-motion-ready .jly-map-label,
.jly-motion-ready .jly-map-title,
.jly-motion-ready .jly-map-description,
.jly-motion-ready .jly-map-benefit,
.jly-motion-ready .jly-map-contact{
  opacity:0;
  transform:translateY(24px);
  transition:none;
}
.jly-motion-ready.jly-motion-armed .jly-scene-intro-kicker,
.jly-motion-ready.jly-motion-armed .jly-scene-intro-title,
.jly-motion-ready.jly-motion-armed .jly-scene-intro-description,
.jly-motion-ready.jly-motion-armed .jly-engagement-label,
.jly-motion-ready.jly-motion-armed .jly-engagement-title,
.jly-motion-ready.jly-motion-armed .jly-engagement-sub,
.jly-motion-ready.jly-motion-armed .jly-engagement-note,
.jly-motion-ready.jly-motion-armed .jly-map-label,
.jly-motion-ready.jly-motion-armed .jly-map-title,
.jly-motion-ready.jly-motion-armed .jly-map-description,
.jly-motion-ready.jly-motion-armed .jly-map-benefit,
.jly-motion-ready.jly-motion-armed .jly-map-contact{
  transition:opacity .8s ease,transform .95s cubic-bezier(.22,.75,.18,1);
}
.jly-motion-ready.jly-section-in .jly-scene-intro-kicker,
.jly-motion-ready.jly-section-in .jly-scene-intro-title,
.jly-motion-ready.jly-section-in .jly-scene-intro-description,
.jly-motion-ready.jly-section-in .jly-engagement-label,
.jly-motion-ready.jly-section-in .jly-engagement-title,
.jly-motion-ready.jly-section-in .jly-engagement-sub,
.jly-motion-ready.jly-section-in .jly-engagement-note,
.jly-motion-ready.jly-section-in .jly-map-label,
.jly-motion-ready.jly-section-in .jly-map-title,
.jly-motion-ready.jly-section-in .jly-map-description,
.jly-motion-ready.jly-section-in .jly-map-benefit,
.jly-motion-ready.jly-section-in .jly-map-contact{ opacity:1; transform:none; }
.jly-motion-ready.jly-motion-armed .jly-scene-intro-title,
.jly-motion-ready.jly-motion-armed .jly-engagement-title,
.jly-motion-ready.jly-motion-armed .jly-map-title{ transition-delay:.12s; }
.jly-motion-ready.jly-motion-armed .jly-scene-intro-description,
.jly-motion-ready.jly-motion-armed .jly-engagement-sub,
.jly-motion-ready.jly-motion-armed .jly-map-description{ transition-delay:.28s; }
.jly-motion-ready.jly-motion-armed .jly-engagement-note,
.jly-motion-ready.jly-motion-armed .jly-map-benefit{ transition-delay:.42s; }
.jly-motion-ready.jly-motion-armed .jly-map-benefit:nth-child(2){ transition-delay:.52s; }
.jly-motion-ready.jly-motion-armed .jly-map-benefit:nth-child(3){ transition-delay:.62s; }
.jly-motion-ready.jly-motion-armed .jly-map-contact{ transition-delay:.72s; }
.jly-motion-ready .jly-map-image{ opacity:0; transition:none; }
.jly-motion-ready.jly-motion-armed .jly-map-image{ transition:opacity .95s ease; }
.jly-motion-ready.jly-section-in .jly-map-image{ opacity:1; }

@media (min-width:1200px) and (max-width:1399px){
  .jly-engagement > .wrap{ grid-template-columns:minmax(520px,.92fr) minmax(0,1.08fr); gap:48px; }
  .jly-engagement-reverse > .wrap{ grid-template-columns:minmax(0,1fr); gap:34px; }
  .jly-engagement-title{ font-size:40px; }
  .jly-engagement-track{ grid-template-columns:minmax(0,1.08fr) minmax(220px,.92fr); }
}
@media (max-width:1199px){
  .jly-engagement{ padding:30px 0; }
  .jly-engagement > .wrap{ grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr); gap:44px; }
  .jly-engagement-reverse > .wrap{ grid-template-columns:minmax(0,1fr); gap:28px; }
  .jly-engagement-title{ font-size:38px; }
  .jly-engagement-track{ height:370px; gap:14px; }
  .jly-engagement-reverse .jly-engagement-track{ --jly-visits-gap:14px; height:320px; }
}
@media (max-width:899px){
  .jly-engagement > .wrap{ grid-template-columns:1fr; gap:42px; }
  .jly-engagement-reverse .jly-engagement-copy{ grid-column:1; grid-row:1; grid-template-columns:minmax(0,1fr); }
  .jly-engagement-reverse .jly-engagement-title{ grid-column:1; grid-row:2; }
  .jly-engagement-reverse .jly-engagement-sub{ grid-column:1; grid-row:3; margin-top:18px; }
  .jly-engagement-reverse .jly-engagement-note{ grid-column:1; grid-row:4; margin-top:20px; }
  .jly-engagement-reverse .jly-engagement-gallery{ grid-column:1; grid-row:2; }
  .jly-engagement-copy{ max-width:650px; }
  .jly-engagement-title{ max-width:620px; }
  .jly-engagement-track{ height:470px; }
}
@media (max-width:767px){

  .jly-engagement-label .jly-label{ font-size:13px; }

  .jly-engagement-track{ grid-template-columns:repeat(2,minmax(0,1fr));  height:auto; gap:10px;  grid-template-rows:clamp(210px,62vw,260px) clamp(120px,36vw,150px);}
  .jly-engagement-photo:first-child{ grid-column:1 / 3; grid-row:auto; }
  .jly-engagement-caption{ left:14px; bottom:12px; gap:8px; font-size:11px; }
  .jly-engagement-caption span{ font-size:10px; }
  #sec-engagement .jly-engagement-photo:first-child .jly-engagement-caption{ right:14px; bottom:12px; }
  .jly-engagement-control-prev{ left:10px; }
  .jly-engagement-control-next{ right:10px; }
  
  .jly-engagement-reverse .jly-engagement-track{ --jly-visits-gap:8px; height:320px; }
  .jly-engagement-reverse .jly-engagement-photo{ flex-basis:100%; }
}

/* 小于 1440px 时，展会图库沿用客户访问的横向轮播排版。 */
@media (max-width:1439px){
  #sec-engagement > .wrap{ grid-template-columns:minmax(0,1fr); gap:34px; }
  #sec-engagement .jly-engagement-copy{
    grid-column:1;
    grid-row:1;
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
    align-items:end;
    column-gap:clamp(40px,4vw,72px);
  }
  #sec-engagement .jly-engagement-label{ grid-column:1; grid-row:1; }
  #sec-engagement .jly-engagement-title{ grid-column:1; grid-row:2 / 4; margin:24px 0 0; }
  #sec-engagement .jly-engagement-sub{ grid-column:2; grid-row:2; max-width:480px; }
  #sec-engagement .jly-engagement-note{ grid-column:2; grid-row:3; margin-top:18px; }
  #sec-engagement .jly-engagement-gallery{ grid-column:1; grid-row:2; overflow:hidden; }
  #sec-engagement .jly-engagement-track{
    --jly-exhibition-gap:18px;
    display:flex;
    gap:var(--jly-exhibition-gap);
    height:370px;
    will-change:transform;
  }
  #sec-engagement .jly-engagement-photo{
    flex:0 0 calc((100% - 2 * var(--jly-exhibition-gap)) / 3);
    height:100%;
  }
  #sec-engagement .jly-engagement-photo::after{
    inset:auto 0 0;
    height:28%;
    background:linear-gradient(180deg,transparent,rgba(2,17,43,.36));
  }
}
@media (max-width:1199px){
  #sec-engagement > .wrap{ gap:28px; }
  #sec-engagement .jly-engagement-track{ --jly-exhibition-gap:14px; height:320px; }
}
@media (max-width:899px){
  #sec-engagement > .wrap{ gap:42px; }
  #sec-engagement .jly-engagement-copy{ grid-template-columns:minmax(0,1fr); }
  #sec-engagement .jly-engagement-title{ grid-column:1; grid-row:2; }
  #sec-engagement .jly-engagement-sub{ grid-column:1; grid-row:3; margin-top:18px; }
  #sec-engagement .jly-engagement-note{ grid-column:1; grid-row:4; margin-top:20px; }
}
@media (max-width:767px){
  #sec-engagement > .wrap{ gap:30px; }
  #sec-engagement .jly-engagement-track{ --jly-exhibition-gap:8px; height:320px; }
  #sec-engagement .jly-engagement-photo{ flex-basis:100%; }
}

/* ========================================================================== 
   板块 09：全球交付
   港口背景、左侧内容与右侧联系入口
   ========================================================================== */
.jly-map{
  position:relative;
  width:100%;
  min-height:620px;
  overflow:hidden;
  aspect-ratio:2678 / 1049;
  box-sizing:content-box;
  border-top:40px solid #082451;
  border-bottom:40px solid #082451;
  color:#fff;
  background:#00316d;
}
.jly-map *,
.jly-map *::before,
.jly-map *::after{ box-sizing:border-box; }
.jly-map-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.jly-map::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(1,35,78,.28) 0%,rgba(1,35,78,.12) 38%,rgba(1,35,78,.02) 68%,rgba(1,35,78,.10) 100%);
  pointer-events:none;
}
.jly-map-content{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  min-height:620px;
  padding:clamp(48px,5.2vw,100px) clamp(34px,5vw,96px);
}
.jly-map-copy{ width:min(800px,46vw); }
.jly-map-label{
  margin:0;
  font-size:18px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.01em;
  text-transform:uppercase;
}
.jly-map-label::after{
  content:"";
  display:block;
  width:56px;
  height:4px;
  margin-top:14px;
  background:#d6a45e;
}
.jly-map-title{
  max-width:800px;
  margin:20px 0 22px;
  color:#fff;
  font-size:clamp(42px,3vw,58px);
  font-weight:700;
  line-height:1.04;
  letter-spacing:-.014em;
  text-transform:uppercase;
  text-wrap:balance;
}
.jly-map-description{
  max-width:630px;
  margin:0;
  color:rgba(255,255,255,.92);
  font-size:17px;
  line-height:1.55;
}
.jly-map-benefits{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.04fr) minmax(0,1.14fr);
  gap:0;
  width:min(920px,54vw);
  margin-top:42px;
}
.jly-map-benefit{
  display:grid;
  grid-template-columns:76px 1fr;
  align-items:center;
  min-width:0;
  min-height:78px;
  padding:0 30px;
  border-left:1px solid rgba(255,255,255,.42);
}
.jly-map-benefit:first-child{ padding-left:0; border-left:0; }
.jly-map-benefit svg{
  width:60px;
  height:60px;
  fill:none;
  stroke:#fff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.jly-map-benefit strong,
.jly-map-benefit span{ display:block; }
.jly-map-benefit strong{ color:#fff; font-size:26px; font-weight:700; line-height:1.08; letter-spacing:-.015em; }
.jly-map-benefit:first-child strong{ font-size:30px; }
.jly-map-benefit span{ margin-top:7px; color:rgba(255,255,255,.84); font-size:14px; line-height:1.32; }
.jly-map-contact{
  position:absolute;
  z-index:2;
  top:43%;
  right:6%;
  width:270px;
  padding-left:26px;
  border-left:2px solid rgba(255,255,255,.72);
}
.jly-map-contact p{
  margin:0 0 25px;
  color:#fff;
  font-size:17px;
  font-weight:700;
  line-height:1.28;
  text-transform:uppercase;
}
.jly-map-contact-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  min-width:185px;
  min-height:52px;
  padding:12px 58px 12px 25px;
  border-radius:999px;
  color:#fff;
  background:#f5821f;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(4,24,58,.22);
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}
.jly-map-contact-link::before,
.jly-map-contact-link::after{ content:""; position:absolute; top:50%; pointer-events:none; }
.jly-map-contact-link::before{ right:27px; width:17px; height:2px; margin-top:-1px; background:currentColor; }
.jly-map-contact-link::after{
  right:26px; width:8px; height:8px; margin-top:-5px;
  border-top:2px solid currentColor; border-right:2px solid currentColor; transform:rotate(45deg);
}
.jly-map-contact-link:hover::before{ transform:translateX(3px); }
.jly-map-contact-link:hover::after{ transform:translateX(3px) rotate(45deg); }
.jly-map-contact-link:hover{
  color:#fff;
  background:#e97312;
  box-shadow:0 13px 30px rgba(4,24,58,.32);
  transform:translateY(-2px);
}
.jly-map-contact-link:focus-visible{ outline:3px solid #fff; outline-offset:4px; }

@media (max-width:1199px){
  .jly-map{ min-height:680px; aspect-ratio:auto; border-top-width:30px; border-bottom-width:30px; }
  .jly-map-image{ object-position:58% center; }
  .jly-map-content{ min-height:680px; padding:58px 54px; }
  .jly-map-copy{ width:54%; }
  .jly-map-title{ font-size:42px; }
  .jly-map-description{ font-size:16px; }
  .jly-map-benefits{ width:66%; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .jly-map-benefit{ grid-template-columns:50px 1fr; padding:0 15px; }
  .jly-map-benefit strong{ font-size:18px; }
  .jly-map-benefit span{ font-size:12px; }
  .jly-map-contact{ right:4%; width:230px; }
}
@media (max-width:767px){
  .jly-map{  border-top-width:32px; border-bottom-width:32px;  min-height:0;aspect-ratio:auto;}
  .jly-map-image{ object-position:64% center; }
  .jly-map::after{ background:linear-gradient(180deg,rgba(1,32,72,.88) 0%,rgba(1,32,72,.68) 58%,rgba(1,32,72,.18) 100%); }
  
  .jly-map-copy{ width:100%; }
  .jly-map-label{ font-size:13px; }
  .jly-map-label::after{ width:44px; height:3px; margin-top:10px; }
  .jly-map-title{  margin:16px 0 18px;  line-height:1.08;  max-width:330px;font-size:clamp(28px,8vw,34px);}
  .jly-map-description{ max-width:36em;  line-height:1.55;  font-size:14px;}
  .jly-map-benefits{ width:100%; grid-template-columns:1fr;    gap:16px;margin-top:28px;}
  .jly-map-benefit,.jly-map-benefit:first-child{  min-height:48px; padding:0; border-left:0; }
  .jly-map-benefit svg{ width:40px; height:40px; }
  .jly-map-benefit strong{ font-size:17px; }
  .jly-map-benefit span{ margin-top:4px;   font-size:11px;}
  .jly-map-contact{ position:relative; top:auto; right:auto; width:100%;    margin-top:28px;padding-left:16px;}
  .jly-map-contact p{ margin-bottom:18px; font-size:14px; }
  
}

/* ========================================================================== 
   全局响应式布局
   各模块的桌面比例、版心对齐及平板/手机高度集中维护
   ========================================================================== */
@media (min-width:1200px){
  /* 01 Hero / 02 企业数据 / 03 产品与应用 */
  .jly-hero{ height:auto; aspect-ratio:1920 / 870; }
  .jly-stats{ height:auto; aspect-ratio:auto; padding:40px 0; }
  .jly-stats > .wrap{ height:clamp(104px,7.3vw,140px); }
  .jly-products{ height:auto; aspect-ratio:1920 / 900; overflow:hidden; background:#061b43; }

  /* 04 制造 / 05 交付 / 06 仓储 / 07 案例 */
  .jly-mfg,
  .jly-delivery,
  .jly-warehouse,
  .jly-projects{
    height:auto;
    aspect-ratio:1920 / 750;
  }
  /* 产品板块：场景图满铺，分类导航悬浮于底部版心内 */
  .jly-products-stage{ height:100%; }
  .jly-products-stage::after{
    content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
    background:linear-gradient(180deg,transparent 50%,rgba(2,22,55,.12) 70%,rgba(2,22,55,.55) 100%);
  }
  .jly-products > .wrap{
    position:absolute; left:50%; bottom:clamp(24px,2.083vw,40px); z-index:3;
    transform:translateX(-50%);
    height:clamp(142px,8.333vw,160px);
    display:block;
    background:rgba(255,255,255,.975); border:1px solid rgba(255,255,255,.82); border-radius:6px;
    box-shadow:0 24px 58px rgba(3,18,45,.3),inset 0 1px 0 #fff; overflow:hidden;
  }
  .jly-products-tab{
    flex:0 0 33.333333%;
    height:100%; display:grid; grid-template-columns:clamp(88px,5.73vw,110px) minmax(0,1fr);
    align-items:center; column-gap:clamp(20px,1.56vw,30px);
    padding:clamp(14px,1vw,20px) clamp(26px,2.08vw,40px);
    transition:background .32s ease,transform .28s ease,box-shadow .32s ease;
  }
  .jly-products-tab + .jly-products-tab::before{
    top:22%; bottom:22%; left:0; width:1px; height:auto;
    background:linear-gradient(180deg,transparent,#d7e0ec 20%,#d7e0ec 80%,transparent);
  }
  .jly-products-tab:nth-child(3n/**/+1)::before{ display:none; }
  .jly-products-tab-active{
    background:linear-gradient(135deg,#0b3ba5 0%,#073190 58%,#062872 100%);
    box-shadow:inset 0 0 34px rgba(2,17,43,.12);
  }
  .jly-products-tab-active::after{
    content:""; position:absolute; left:0; right:0; top:0; height:5px;
    background:linear-gradient(90deg,#d6a45e,#efc477 55%,#d6a45e);
  }
  .jly-products-tab:not(.jly-products-tab-active):hover{ background:#f2f6fb; }
  .jly-products-tab:active{ transform:translateY(1px); }
  .jly-products-tab:focus-visible{ outline:3px solid #f0ad3d; outline-offset:-3px; }
  .jly-products-thumb{
    position:relative; left:auto; top:auto; width:clamp(88px,5.73vw,110px); height:clamp(108px,6.77vw,130px);
    border:0; border-radius:4px; background:#f8faff;
    box-shadow:inset 0 0 0 1px #dce4ef,0 8px 20px rgba(9,42,92,.07);
  }
  .jly-products-tab-active .jly-products-thumb{
    background:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 10px 24px rgba(2,17,43,.2);
  }
  .jly-products-tab:hover .jly-products-thumb img{ transform:scale(1.045) translateY(-1px); }
  .jly-products-tab-copy{ min-width:0; display:block; }
  .jly-products-tab-num{
    position:static; display:flex; align-items:center; gap:10px; margin-bottom:clamp(9px,.625vw,12px);
    font-size:clamp(13px,.833vw,16px); line-height:1; letter-spacing:.1em;
  }
  .jly-products-tab-num::after{
    content:""; width:30px; height:1px; background:currentColor; opacity:.34;
  }
  .jly-products-tab-name{
    position:static; display:block; font-size:clamp(21px,1.35vw,26px);
    line-height:1.1; letter-spacing:-.025em; text-wrap:balance;
  }
  .jly-products-control{
    position:absolute; bottom:calc(clamp(24px,2.083vw,40px) + clamp(71px,4.1665vw,80px)); z-index:5;
    width:56px; height:56px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    border:1px solid rgba(7,49,144,.24); background:rgba(255,255,255,.94);
    color:#073190; font-size:0; cursor:pointer;
    box-shadow:0 12px 30px rgba(3,18,45,.2),inset 0 0 0 1px rgba(255,255,255,.55);
    backdrop-filter:blur(10px);
    opacity:0; pointer-events:none;
    transition:opacity .3s ease,background .25s ease,color .25s ease,transform .3s cubic-bezier(.22,.75,.18,1);
  }
  .jly-products-control::before{
    content:""; width:15px; height:2px; background:currentColor;
  }
  .jly-products-control::after{
    content:""; position:absolute; width:9px; height:9px;
    border-top:2px solid currentColor; border-right:2px solid currentColor;
  }
  .jly-products-control-prev{ left:max(8px,calc(50% - 892px)); transform:translate(-12px,50%); }
  .jly-products-control-next{ right:max(8px,calc(50% - 892px)); transform:translate(12px,50%); }
  .jly-products-control-prev::before{ margin-left:2px; }
  .jly-products-control-next::before{ margin-right:2px; }
  .jly-products-control-prev::after{ transform:rotate(-135deg); margin-left:-7px; }
  .jly-products-control-next::after{ transform:rotate(45deg); margin-right:-7px; }
  .jly-products:hover .jly-products-control,
  .jly-products > .wrap:focus-within ~ .jly-products-control,
  .jly-products-control:focus-visible{ opacity:1; pointer-events:auto; transform:translate(0,50%); }
  .jly-products-control:hover{ background:#073190; border-color:#d6a45e; color:#fff; }
  .jly-products-control:active{ transform:translate(0,50%) scale(.95); }
  .jly-products-control:focus-visible{ outline:3px solid #fff; outline-offset:3px; }

  /* 04–08 主视觉文案与版心 */
  .jly-mfg > .wrap,
  .jly-delivery > .wrap,
  .jly-warehouse > .wrap,
  .jly-projects > .wrap{ position:relative; height:100%; }

  .jly-mfg-label,.jly-mfg-title,.jly-mfg-sub,
  .jly-warehouse-label,.jly-warehouse-title,.jly-warehouse-sub,
  .jly-projects-label,.jly-projects-title,.jly-projects-cta{ left:20px; }

  .jly-mfg-title,
  .jly-warehouse-title,
  .jly-projects-title{ font-size:clamp(46px,3.23vw,62px); }
  .jly-delivery-title{ font-size:clamp(44px,3.02vw,58px); }

  .jly-mfg-label{ top:9%; }
  .jly-mfg-title-1{ top:20%; }
  .jly-mfg-title-2{ top:29%; }
  .jly-mfg-sub{ top:46%; }

  .jly-delivery-label,.jly-delivery-title,.jly-delivery-sub{
    left:auto; right:20px; width:min(650px,43%);
  }
  .jly-delivery-label{ top:10%; }
  .jly-delivery-title-1{ top:22%; }
  .jly-delivery-title-2{ top:30%; }
  .jly-delivery-sub{ top:46%; }

  .jly-warehouse-label{ top:9%; }
  .jly-warehouse-title-1{ top:20%; }
  .jly-warehouse-title-2{ top:29%; }
  .jly-warehouse-sub{ top:46%; }

  .jly-projects-label{ top:9%; }
  .jly-projects-title-1{ top:25%; }
  .jly-projects-title-2{ top:34%; }
  .jly-projects-title-3{ top:43%; }
  .jly-projects-cta{ top:58%; }
  .jly-projects-nav{ top:auto; bottom:20px; }
  .jly-projects-arrows{ top:auto; right:20px; bottom:30px; }

  .jly-strip .jly-strip-item:nth-child(2){ left:20px !important; }
  .jly-strip .jly-strip-item:nth-child(4){ left:calc(33.333% + 20px) !important; }
  .jly-strip .jly-strip-item:nth-child(6){ left:calc(66.666% + 20px) !important; }
  .jly-strip .jly-strip-sep:nth-child(3){ left:33.333% !important; }
  .jly-strip .jly-strip-sep:nth-child(5){ left:66.666% !important; }

  .jly-mfg-label,.jly-mfg-title,.jly-mfg-sub,
  .jly-delivery-label,.jly-delivery-title,.jly-delivery-sub,
  .jly-warehouse-label,.jly-warehouse-title,.jly-warehouse-sub,
  .jly-projects-label,.jly-projects-title{
    text-shadow:0 3px 20px rgba(2,17,43,.38);
  }

  /* 02 企业数据桌面布局 */
  .jly-stats-list{ height:100%;  grid-template-columns:repeat(4,minmax(0,1fr));}
  
  .jly-stats-item{
    display:grid; grid-template-columns:clamp(68px,4.48vw,86px) minmax(0,1fr);
    align-items:center; justify-content:stretch;
    gap:clamp(12px,.94vw,18px); padding:clamp(12px,1vw,20px) clamp(14px,1.3vw,25px);
    text-align:left;
  }
  .jly-stats-icon{
    width:clamp(68px,4.48vw,86px); height:clamp(68px,4.48vw,86px);
  }
  .jly-stats-icon svg{
    width:clamp(62px,3.96vw,76px); height:clamp(62px,3.96vw,76px);
  }
  .jly-stats-text{ margin-top:0; align-items:flex-start; }
  .jly-stats-value{ justify-content:flex-start; min-height:clamp(35px,2.5vw,48px); }
  .jly-stats-num{ font-size:clamp(40px,2.6vw,50px); }
  .jly-stats-sub{ margin:0 0 clamp(8px,.62vw,12px); font-size:clamp(9px,.625vw,12px); }
  .jly-stats-item + .jly-stats-item::before{ top:16%; bottom:16%; }
}

/* 平板横屏：保留底栏，使用有上下限的高度，避免矮屏内容重叠 */
@media (min-width:1024px) and (max-width:1199px){
  .jly-mfg,
  .jly-delivery,
  .jly-warehouse,
  .jly-projects{
    height:clamp(640px,calc(100svh - 60px),720px);
    aspect-ratio:auto;
  }
}

/* 平板竖屏：隐藏三项底栏后压缩画面高度，保留标题和主要操作 */
@media (min-width:768px) and (max-width:1023px){
  .jly-mfg,
  .jly-delivery,
  .jly-warehouse,
  .jly-projects{
    height:clamp(500px,72svh,580px);
    aspect-ratio:auto;
  }
}

/* 手机端：不做满屏锁定，按设备高度在 390–460px 内自适应 */
@media (max-width:767px){
  :is(.jly-hero,.jly-stats,.jly-products,.jly-showcase-flow,.jly-map) .wrap{ width:calc(100% - 40px); margin-left:auto; margin-right:auto; }
  .jly-label{ font-size:12px; letter-spacing:.04em; }
  .jly-label-rule{ width:48px; height:3px; margin-top:12px; }

  .jly-hero{ height:clamp(550px,155vw,660px); }
  .jly-hero-dots{ bottom:18px; gap:8px; }
  .jly-hero-dot{ width:24px; height:3px; }
  .jly-hero-dot-active{ width:40px; }

  .jly-stats{ padding:36px 0; }
  .jly-stats > .wrap{ width:calc(100% - 24px); }
  .jly-stats-item{
    min-height:90px; grid-template-columns:44px minmax(0,1fr); gap:10px; padding:8px 12px;
  }
  .jly-stats-item:nth-child(n/**/+2)::after{ display:none; }
  .jly-stats-item:nth-child(2n)::before{
    content:""; display:block; position:absolute; left:0; top:18px; bottom:18px; width:1px;
    background:linear-gradient(180deg,transparent,#d9e2ef 22%,#d9e2ef 78%,transparent);
  }
  .jly-stats-item:nth-child(n/**/+3)::after{
    content:""; display:block; position:absolute; left:12px; right:12px; top:0; height:1px; background:#e5ebf4;
  }
  .jly-stats-icon{ width:44px; height:44px; }
  .jly-stats-icon svg{ width:36px; height:36px; }
  .jly-stats-num{ font-size:clamp(25px,7vw,31px); letter-spacing:-.04em; }
  .jly-stats-unit{ margin-left:4px; font-size:10px; }

  .jly-products-stage{ height:clamp(260px,76vw,320px); }
  .jly-products > .wrap,.jly-products-track{ height:104px; }
  
  .jly-products-thumb{ left:12px; top:12px; width:58px; height:78px; }
  .jly-products-tab-num{ left:84px; top:19px; font-size:11px; letter-spacing:.08em; }
  .jly-products-tab-name{ left:84px; top:39px; right:12px; font-size:16px; line-height:1.12; }

  .jly-mfg,
  .jly-delivery,
  .jly-warehouse,
  .jly-projects{
    height:clamp(410px,66svh,470px);
    aspect-ratio:auto;
  }
  .jly-projects-slide img{ object-position:center; }
  .jly-mfg-shade,.jly-delivery-shade,.jly-warehouse-shade,.jly-shade-projects{
    background:linear-gradient(90deg,rgba(3,18,45,.78) 0%,rgba(3,18,45,.48) 48%,rgba(3,18,45,.12) 100%);
  }
  .jly-mfg-label,.jly-mfg-title,.jly-mfg-sub,
  .jly-delivery-label,.jly-delivery-title,.jly-delivery-sub,
  .jly-warehouse-label,.jly-warehouse-title,.jly-warehouse-sub,
  .jly-projects-label,.jly-projects-title,.jly-projects-cta{ left:20px; }
  .jly-mfg-title,.jly-delivery-title,.jly-warehouse-title,.jly-projects-title{
    font-size:clamp(26px,7.4vw,31px); line-height:1.08; letter-spacing:-.02em;
  }
  .jly-mfg-sub,.jly-delivery-sub,.jly-warehouse-sub{ max-width:calc(100% - 40px);   }
  .jly-projects-cta{
      padding-left:18px; padding-right:48px; font-size:11px; border-radius:3px;
  }
  .jly-projects-cta::before{ right:20px; width:15px; }
  .jly-projects-cta::after{ right:19px; width:7px; height:7px; margin-top:-4.5px; }
  .jly-projects-arrows{ right:20px; gap:10px;  top:auto;bottom:20px;}

  .jly-engagement{ padding:32px 0; }
  .jly-engagement > .wrap{ width:calc(100% - 40px); gap:30px; }
  .jly-engagement-title{ margin:18px 0 16px; font-size:clamp(28px,8vw,34px); line-height:1.08; }
  .jly-engagement-sub{ font-size:14px; line-height:1.58; }
  .jly-engagement-note{ gap:10px; margin-top:20px; font-size:9px; letter-spacing:.1em; }
  .jly-engagement-note::before{ flex-basis:28px; }
  
  .jly-engagement-nav{ right:10px; bottom:10px; }
  .jly-engagement-control{ width:42px; height:42px; }
  .jly-engagement-count{ min-width:56px; }

  .jly-map-content{ min-height:0; padding:48px 20px 42px; }

  .jly-map-benefit,.jly-map-benefit:first-child{ grid-template-columns:50px 1fr; }
  .jly-map-benefit strong,.jly-map-benefit:first-child strong{ font-size:19px; }

  .jly-map-contact-link{ min-width:170px; min-height:48px; padding-right:54px; font-size:13px; }
}

/* 四张主图：上方独立标题，下方只保留简短图片说明。 */
.jly-mfg .jly-strip,
.jly-delivery .jly-strip,
.jly-warehouse .jly-strip{ display:none; }

.jly-feature-sequence .jly-mfg::after,
.jly-feature-sequence .jly-delivery::after,
.jly-feature-sequence .jly-warehouse::after,
.jly-feature-sequence .jly-projects::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(3,18,45,.48),transparent 42%);
}

.jly-mfg > .wrap,.jly-delivery > .wrap,
.jly-warehouse > .wrap,.jly-projects > .wrap{ position:relative; z-index:2; height:100%; }
.jly-scene-photo-copy{
  position:absolute;
  z-index:3;
  left:20px;
  bottom:54px;
  width:min(560px,48%);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  color:#fff;
  text-shadow:0 3px 20px rgba(2,17,43,.5);
}
.jly-delivery .jly-scene-photo-copy{ left:auto; right:20px; }
.jly-mfg-label,.jly-mfg-title,.jly-mfg-sub,
.jly-delivery-label,.jly-delivery-title,.jly-delivery-sub,
.jly-warehouse-label,.jly-warehouse-title,.jly-warehouse-sub,
.jly-projects-label,.jly-projects-title{
  position:static;
  left:auto;
  right:auto;
  top:auto;
  bottom:auto;
  width:auto;
  max-width:100%;
}
.jly-mfg-label,.jly-delivery-label,.jly-warehouse-label,.jly-projects-label{ margin-bottom:21px; }
.jly-scene-photo-copy .jly-label{ font-size:14px; letter-spacing:.08em; }
.jly-mfg-title,.jly-delivery-title,.jly-warehouse-title,.jly-projects-title{
  margin:0;
  font-size:clamp(34px,2.25vw,43px);
  line-height:1.12;
  letter-spacing:-.015em;
  text-wrap:balance;
}
.jly-mfg-sub,.jly-delivery-sub,.jly-warehouse-sub{
  margin-top:12px;
  color:rgba(255,255,255,.9);
  font-size:17px;
  line-height:1.45;
}
.jly-mfg-label .jly-label-rule,
.jly-delivery-label .jly-label-rule,
.jly-warehouse-label .jly-label-rule{ width:54px; height:3px; margin-top:10px; }

.jly-projects .jly-scene-photo-copy{ bottom:115px; width:min(600px,51%); }
.jly-projects-label .jly-label-rule-wide{ width:54px; height:3px; margin-top:10px; }

.jly-projects-cta{
  left:auto;
  right:20px;
  top:auto;
  bottom:119px;
  width:188px;
  height:48px;
  padding-left:18px;
  font-size:12px;
}

@media (max-width:1199px){
  .jly-feature-block{ row-gap:30px; padding:30px 0; }
  .jly-scene-photo-copy{ bottom:48px; width:min(500px,55%); }
  .jly-mfg-title,.jly-delivery-title,.jly-warehouse-title{ font-size:34px; }
  .jly-mfg-sub,.jly-delivery-sub,.jly-warehouse-sub{ font-size:16px; }
  .jly-projects .jly-scene-photo-copy{ bottom:105px; }
  
  .jly-projects-cta{ bottom:105px; }
}
@media (max-width:767px){
  .jly-feature-block{ row-gap:32px; padding:32px 0; }
  .jly-scene-photo-copy,.jly-delivery .jly-scene-photo-copy{
    left:20px; right:20px; bottom:43px; width:auto;
  }
  .jly-scene-photo-copy .jly-label{ font-size:13px; }
  .jly-mfg-label,.jly-delivery-label,.jly-warehouse-label,.jly-projects-label{ margin-bottom:16px; }
  .jly-mfg-title,.jly-delivery-title,.jly-warehouse-title{
    font-size:clamp(26px,7vw,30px);
    line-height:1.13;
  }
  .jly-mfg-sub,.jly-delivery-sub,.jly-warehouse-sub{
    margin-top:9px;
    font-size:14px;
    line-height:1.4;
  }
  .jly-projects .jly-scene-photo-copy{ bottom:93px; width:calc(100% - 40px); }
  .jly-projects-title{ font-size:clamp(26px,7vw,30px); }
  .jly-projects-cta{ left:20px; right:auto; bottom:22px; width:165px; height:43px; }
  
}

/* solution */
.jly-solution{width:100%;max-width:100%;margin:0;overflow:hidden;color:#172b4b;background:#fff;font-family:Arial,Helvetica,"Microsoft YaHei",sans-serif;}
.jly-solution *,.jly-solution *::before,.jly-solution *::after{box-sizing:border-box;}
.jly-solution img{display:block;max-width:100%;}.jly-solution a{color:inherit;text-decoration:none;}
.jly-solution .wrap{width:100%;max-width:1600px!important;margin:0 auto;padding-left:24px;padding-right:24px;}
@media(min-width:768px){.jly-solution .wrap{max-width:720px!important;padding-left:0;padding-right:0;}}
@media(min-width:992px){.jly-solution .wrap{max-width:960px!important;}}
@media(min-width:1200px){.jly-solution .wrap{max-width:1140px!important;}}
@media(min-width:1440px){.jly-solution .wrap{max-width:1400px!important;}}
@media(min-width:1640px){.jly-solution .wrap{max-width:1600px!important;}}
.jly-solution-kicker{display:flex;align-items:center;gap:20px;margin:0 0 23px;color:#075db6;font-size:14px;font-weight:700;line-height:1;letter-spacing:.22em;text-transform:uppercase;}
.jly-solution-kicker::after{content:"";width:58px;height:4px;background:#d6a45e;}.jly-solution-kicker-light{color:#fff;}
.jly-solution-title{margin:0;color:#061b43;font-size:40px;font-weight:500;line-height:1.2;}
.jly-solution-lead{margin:13px 0 0;color:#52627a;font-size:18px;line-height:1.65;}
.jly-solution-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:222px;min-height:58px;padding:16px 58px 16px 28px;border:1px solid #d6a45e;border-radius:30px;color:#061b43;background:#d6a45e;font-size:14px;font-weight:700;line-height:1;letter-spacing:.02em;text-transform:uppercase;transition:color .25s ease,background .25s ease,transform .25s ease;}
.jly-solution-button::before,.jly-solution-button::after{content:"";position:absolute;right:27px;top:50%;pointer-events:none;transition:transform .25s ease;}
.jly-solution-button::before{width:17px;height:2px;margin-top:-1px;background:currentColor;}.jly-solution-button::after{width:8px;height:8px;margin-top:-4px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);}
.jly-solution-button:hover{color:#061b43;background:#fff;transform:translateY(-2px);}.jly-solution-button:hover::before{transform:translateX(3px);}.jly-solution-button:hover::after{transform:translateX(3px) rotate(45deg);}.jly-solution-button:focus-visible{outline:3px solid #d6a45e;outline-offset:4px;}

/* Projects */

.jly-solution-project-grid{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:20px;margin-top:48px;}.jly-solution-project-card{min-width:0;overflow:hidden;background:#fff;box-shadow:0 18px 40px rgba(1,17,43,.22);transition:transform .3s ease; border-radius:0;}.jly-solution-project-card:hover{transform:translateY(-7px);}.jly-solution-project-image{aspect-ratio:16/9;overflow:hidden;background:#d9e2ef;}.jly-solution-project-image img{width:100%;object-fit:cover;transition:transform .45s ease; object-position:center; height:100%;}.jly-solution-project-card:hover .jly-solution-project-image img{transform:scale(1.04);}
.jly-solution-project-copy{color:#172b4b; min-height:0;padding:26px;}.jly-solution-project-copy h3{margin:0;color:#073190;font-weight:700;}.jly-solution-project-copy p{color:#52627a; line-height:1.55; margin:7px 0 15px;font-size:14px;}.jly-solution-project-link{position:relative;display:inline-block;padding-right:30px;color:#075db6;font-size:12px;font-weight:700;line-height:1;letter-spacing:.03em;text-transform:uppercase; align-self:flex-start; margin-top:auto;}.jly-solution-project-link::before,.jly-solution-project-link::after{content:"";position:absolute;right:0;top:50%;}.jly-solution-project-link::before{width:18px;height:2px;margin-top:-1px;background:#d6a45e;}.jly-solution-project-link::after{width:8px;height:8px;margin-top:-4px;border-top:2px solid #d6a45e;border-right:2px solid #d6a45e;transform:rotate(45deg);}

/* Partner carousel */
.jly-template-carousel{ position:relative; margin-top:58px; }
.jly-template-viewport{ overflow:hidden; }
.jly-template-track{
  display:flex;
  gap:20px;
  transition:transform .58s ease;
  will-change:transform;
}
.jly-template-arrows{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  z-index:3;
  display:flex;
  justify-content:space-between;
  padding:0 12px;
  transform:translateY(-50%);
  pointer-events:none;
  opacity:0;
  transition:opacity .25s ease;
}
.jly-template-carousel:hover .jly-template-arrows,
.jly-template-carousel:focus-within .jly-template-arrows{ opacity:1; }
.jly-template-arrow{
  display:grid;
  place-items:center;
  width:46px;
  height:56px;
  border:0;
  color:#292929;
  background:rgba(255,255,255,.88);
  cursor:pointer;
  pointer-events:auto;
  transition:background .2s ease;
}
.jly-template-arrow:hover{ color:#ffffff; background:#073190; }
.jly-template-arrow:focus-visible{ outline:3px solid #d6a45e; outline-offset:2px; }
.jly-template-arrow svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; }
@media (max-width:767px){
  .jly-template-carousel{ margin-top:34px; }
  .jly-template-arrows{ opacity:1; }
}

/* Partners and FAQ */

.jly-partner-carousel{ position:relative; margin-top:56px; padding-bottom:66px; }
.jly-partner-card{
  flex:0 0 calc((100% - 100px) / 6);
  display:grid;
  place-items:center;
  height:132px;
  padding:18px 22px;
  border:1px solid #d9e2ef;
  background:#ffffff;
  box-shadow:0 8px 22px rgba(6,27,67,.06);
  overflow:hidden;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.jly-partner-card img{
  width:auto;
  max-width:88%;
  height:auto;
  max-height:86px;
  object-fit:contain;
  filter:none;
  opacity:1;
  mix-blend-mode:normal;
  transform:translateY(0);
  transition:transform .25s ease;
}
.jly-partner-card:hover{ border-color:#d6a45e; box-shadow:0 13px 30px rgba(6,27,67,.12); }
.jly-partner-card:hover img{ transform:translateY(-5px); }
.jly-partner-carousel .jly-template-arrows{
  left:auto;
  right:0;
  top:auto;
  bottom:0;
  width:auto;
  justify-content:flex-end;
  gap:10px;
  padding:0;
  transform:none;
  opacity:1;
}
.jly-partner-carousel .jly-template-arrow{
  width:48px;
  height:44px;
  border:1px solid #073190;
  color:#ffffff;
  background:#073190;
  transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;
}
.jly-partner-carousel .jly-template-arrow:hover{
  color:#061b43;
  border-color:#d6a45e;
  background:#d6a45e;
  transform:translateY(-3px);
}
@media (max-width:1199px){ .jly-partner-card{ flex-basis:calc((100% - 60px) / 4); } }
@media (max-width:767px){ .jly-partner-card{ flex-basis:calc((100% - 20px) / 2); height:112px; padding:14px; } .jly-partner-card img{ max-height:76px; } }

/* ==========================================================================
   板块 08：常见问题
   ========================================================================== */

.jly-faq-layout{
  display:grid;
  grid-template-columns:320px 1fr;
  align-items:start;
  gap:100px;
}
.jly-faq-graphic{
  position:relative;
  display:grid;
  place-items:center;
  width:320px;
  height:190px;
  color:#ffffff;
  background:#061b43;
  font-size:76px;
  font-weight:500;
}
.jly-faq-graphic::after{
  content:"";
  position:absolute;
  right:32px;
  bottom:-38px;
  border-top:40px solid #061b43;
  border-left:62px solid transparent;
}
.jly-faq-list{ border-top:1px solid #d4dde5; }
.jly-faq-item{ border-bottom:1px solid #d4dde5; }
.jly-faq-question{
  display:grid;
  grid-template-columns:1fr 30px;
  align-items:center;
  gap:18px;
  width:100%;
  padding:25px 0;
  border:0;
  color:#061b43;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.jly-faq-question strong{ font-size:20px; font-weight:500; line-height:1.35; }
.jly-faq-question:focus-visible{ outline:3px solid #d6a45e; outline-offset:3px; }
.jly-faq-symbol{ position:relative; width:20px; height:20px; justify-self:end; }
.jly-faq-symbol::before,
.jly-faq-symbol::after{
  content:"";
  position:absolute;
  left:2px;
  top:9px;
  width:16px;
  height:2px;
  background:#073190;
  transition:transform .25s ease;
}
.jly-faq-symbol::after{ transform:rotate(90deg); }
.jly-faq-question[aria-expanded="true"] .jly-faq-symbol::after{ transform:rotate(0); }
.jly-faq-answer{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s ease; }
.jly-faq-answer > div{ overflow:hidden; }
.jly-faq-answer p{ margin:0; padding:0 45px 24px 0; color:#525f69; font-size:15px; line-height:1.7; }
.jly-faq-question[aria-expanded="true"] + .jly-faq-answer{ grid-template-rows:1fr; }
@media (max-width:991px){ .jly-faq-layout{ grid-template-columns:220px 1fr; gap:55px; } .jly-faq-graphic{ width:220px; height:150px; font-size:56px; } }
@media (max-width:767px){
  .jly-faq-layout{ grid-template-columns:1fr; gap:58px; }
  .jly-faq-graphic{ width:210px; height:130px; font-size:52px; }
  .jly-faq-question strong{ font-size:17px; }
}

.jly-solution h1,.jly-solution h2,.jly-solution h3,.jly-solution p,.jly-solution button{font-family:inherit;}
.jly-solution-section{padding:78px 0 92px;}
.jly-solution-section .jly-solution-title,.jly-solution-section .jly-solution-lead{text-align:center;}
.jly-solution-section .jly-solution-lead{max-width:920px;margin:12px auto 0;}
.jly-solution-banner{position:relative;overflow:hidden;color:#fff;background:#061b43; min-height:720px;}
.jly-solution-banner>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover; object-position:center center;}
.jly-solution-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,45,.84),rgba(3,18,45,.58) 46%,rgba(3,18,45,.18) 86%);}
.jly-solution-banner>.wrap{position:relative;z-index:1; min-height:720px; display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding-top:clamp(125px,10vw,170px);padding-bottom:38px;}

.jly-solution-banner h1{margin:0;color:#fff;font-size:clamp(52px,4.7vw,74px);font-weight:500;line-height:.98;letter-spacing:-.025em;text-transform:uppercase;}
.jly-solution-banner p{max-width:540px;margin:14px 0 28px;color:#fff;font-size:clamp(19px,1.6vw,24px);line-height:1.25;letter-spacing:.02em;text-transform:uppercase;}

.jly-solution-delivery{position:relative;overflow:hidden; min-height:0;aspect-ratio:1715/917;color:#061b43;background:#f3f9fe;}
.jly-solution-delivery>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;}

.jly-solution-delivery>.wrap{z-index:1; position:absolute;inset:0;}

/* Loading photos share one card ratio and an uninterrupted full-width strip. */
.jly-solution-loading{--loading-gap:20px;width:100%;padding:78px 0 92px;overflow:hidden;background:#fff;}
.jly-solution-loading .jly-solution-loading-head{margin-bottom:44px;text-align:center;}
.jly-solution-loading-viewport{overflow:hidden;touch-action:pan-y;cursor:grab;}
.jly-solution-loading-viewport.is-dragging{cursor:grabbing;}
.jly-solution-loading-track{display:flex;gap:var(--loading-gap);width:max-content;will-change:transform;user-select:none;}
.jly-solution-loading-slide{flex:0 0 auto;width:clamp(300px,28vw,460px);aspect-ratio:3.8/2.5;overflow:hidden;border-radius:10px;background:#e5edf6;}
.jly-solution-loading-slide img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;-webkit-user-drag:none;}
.jly-solution-loading-slide[data-loading-first] img{object-position:center 58%;}
@media(max-width:767px){
 .jly-solution-loading{--loading-gap:14px;padding:54px 0 62px;}
 .jly-solution-loading .jly-solution-loading-head{margin-bottom:30px;}
 .jly-solution-loading-slide{width:clamp(270px,78vw,380px);border-radius:8px;}
}

.jly-partners .jly-solution-title,.jly-partners .jly-solution-subtitle,.jly-solution-loading-head .jly-solution-title,.jly-solution-loading-head .jly-solution-subtitle{text-align:center;}
.jly-partners .jly-solution-subtitle,.jly-solution-loading-head .jly-solution-subtitle{max-width:920px;margin:12px auto 0;color:#52627a;font-size:18px;line-height:1.65;}

@media(prefers-reduced-motion:reduce){.jly-solution *,.jly-solution *::before,.jly-solution *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;}}

/* Solution visual refinement */

.jly-solution-research{background:#f8fbff;color:#172b4b;}
.jly-solution-research .jly-solution-lead{color:#52627a;}

.jly-solution-project-card:first-child{grid-row:span 2;display:flex;flex-direction:column;}
.jly-solution-project-card:first-child .jly-solution-project-image{aspect-ratio:auto;flex:1;min-height:440px;}
.jly-solution-project-card:first-child .jly-solution-project-copy{min-height:0;}
.jly-solution-project-card:not(:first-child){display:grid;grid-template-columns:44% 56%;}
.jly-solution-project-card:not(:first-child) .jly-solution-project-image{aspect-ratio:auto;}

@media(max-width:1199px){
 
 .jly-solution-project-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
 .jly-solution-project-card:first-child{grid-row:auto;display:block;}
 .jly-solution-project-card:first-child .jly-solution-project-image{aspect-ratio:16/9;min-height:0;}
 .jly-solution-project-card:not(:first-child){display:block;}
 .jly-solution-project-card:not(:first-child) .jly-solution-project-image{aspect-ratio:16/9;}
}
@media(max-width:991px){

 .jly-solution-project-grid{grid-template-columns:1fr;max-width:700px;margin-left:auto;margin-right:auto;}
}
@media(max-width:767px){
 .jly-solution .wrap{padding-left:20px;padding-right:20px;}
 .jly-solution-section{padding:58px 0 68px;}
 .jly-solution-title{font-size:30px;}
 .jly-solution-lead,.jly-partners .jly-solution-subtitle,.jly-solution-loading-head .jly-solution-subtitle{font-size:15px;}
 .jly-solution-kicker{gap:13px;margin-bottom:18px;font-size:11px;letter-spacing:.17em;}
 .jly-solution-kicker::after{width:40px;height:3px;}

 .jly-solution-delivery{min-height:0;}
 .jly-solution-delivery>img{object-position:68% center;}

 .jly-solution-project-grid{gap:16px;margin-top:32px;}
 .jly-solution-project-card:first-child .jly-solution-project-image{aspect-ratio:16/9;}
 .jly-solution-project-copy{padding:22px;}

}

/* Compact contact close */
.jly-solution-contact{color:#fff; position:relative;min-height:500px;overflow:hidden;background:#061b43;}
.jly-solution-contact>.wrap{grid-template-columns:1fr 1fr;align-items:stretch; position:relative;z-index:2;display:flex;flex-direction:column;min-height:500px;padding-top:55px;padding-bottom:50px;}

.jly-solution-contact .jly-solution-lead{color:#d9e2ef; max-width:640px;margin-top:14px;font-size:18px;line-height:1.45;}

@media(max-width:767px){
 .jly-solution-contact>.wrap{grid-template-columns:1fr;padding-left:0;padding-right:0; padding:52px 20px 36px;}
 .jly-solution-contact-copy{padding:65px 20px 44px;}

}

/* A light case carousel follows the full-width delivery image. */

.jly-solution-project-head{display:flex;justify-content:space-between;gap:32px; position:static;align-items:flex-start;}
.jly-solution-project-head .jly-solution-lead{max-width:720px;}
.jly-solution-project-controls{gap:10px;padding-bottom:3px; align-self:auto; position:absolute;z-index:3;left:8px;right:8px;top:35%;bottom:auto;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none;}
.jly-solution-project-arrow{display:grid;place-items:center;border:1px solid #075db6;border-radius:50%;cursor:pointer;transition:color .2s ease,background .2s ease,transform .2s ease; box-shadow:0 5px 22px rgba(0,20,55,.18); width:50px;height:50px;border-color:#fff;color:#073190;background:rgba(255,255,255,.95);pointer-events:auto;}
.jly-solution-project-arrow:hover{transform:translateY(-2px);}
.jly-solution-project-arrow:focus-visible{outline:3px solid #d6a45e;outline-offset:3px;}
.jly-solution-project-arrow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.jly-solution-project-viewport{overflow:hidden;}
.jly-solution-projects .jly-solution-project-grid{display:flex;grid-template-columns:none;grid-template-rows:none;gap:20px;width:100%;max-width:none;margin:0;transition:transform .55s ease;will-change:transform;}
.jly-solution-projects .jly-solution-project-card,.jly-solution-projects .jly-solution-project-card:first-child,.jly-solution-projects .jly-solution-project-card:not(:first-child){grid-template-columns:48% 52%;grid-row:auto;min-width:0;background:#fff;}
.jly-solution-projects .jly-solution-project-card:hover{border-color:#9cbad9;}
.jly-solution-projects .jly-solution-project-card .jly-solution-project-image{width:100%;min-height:0;overflow:hidden; height:auto;aspect-ratio:1.72/1;flex:none;}
.jly-solution-projects .jly-solution-project-card .jly-solution-project-image img{width:100%;height:100%;object-fit:cover; transition:transform .55s ease;}
.jly-solution-projects .jly-solution-project-copy{display:flex;flex-direction:column; justify-content:flex-start; align-items:flex-start;min-height:155px;padding:18px 21px 20px;}

@media(max-width:1199px){
 .jly-solution-projects .jly-solution-project-card,.jly-solution-projects .jly-solution-project-card:first-child,.jly-solution-projects .jly-solution-project-card:not(:first-child){min-height:320px;}
}
@media(max-width:767px){
 
 .jly-solution-project-head{gap:12px; align-items:flex-end; display:block;}
 .jly-solution-project-controls{gap:6px; top:31%;}
 
 .jly-solution-project-viewport{margin-top:28px;}
 .jly-solution-projects .jly-solution-project-card,.jly-solution-projects .jly-solution-project-card:first-child,.jly-solution-projects .jly-solution-project-card:not(:first-child){grid-template-columns:43% 57%;min-height:265px;}
 
 .jly-solution-project-copy h3{font-size:16px;}
 .jly-solution-project-copy p{margin:10px 0 16px;font-size:13px;}
 .jly-solution-project-link{font-size:11px;}
 
}

/* Reference-matched delivery, project and contact compositions. */

.jly-solution-delivery>img{object-fit:contain;object-position:center center;}

.jly-solution-delivery>.wrap{min-height:0;padding-bottom:55px;}
.jly-solution-delivery .jly-solution-kicker{color:#082451;}
.jly-solution-delivery .jly-solution-title{color:#061b43;line-height:1.08;text-transform:uppercase; max-width:1100px;font-size:clamp(42px,3.55vw,64px);font-weight:800;letter-spacing:-.025em;}
.jly-solution-delivery .jly-solution-lead{margin-top:12px;color:#263f64;line-height:1.4; max-width:800px;font-size:clamp(18px,1.45vw,23px);}
.jly-solution-delivery-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); max-width:850px;margin-top:50px;}
.jly-solution-delivery-metrics>div{padding:0 24px;border-left:1px solid rgba(7,93,182,.28);}
.jly-solution-delivery-metrics>div:first-child{padding-left:0;border-left:0;}
.jly-solution-delivery-metrics strong{display:block;color:#0876ca;font-weight:700;line-height:1; font-size:clamp(48px,4vw,68px);}
.jly-solution-delivery-metrics b{display:block;margin-top:4px;color:#082451;line-height:1.25; font-size:19px;}
.jly-solution-delivery-metrics span{display:block;margin-top:4px;color:#52627a;font-size:13px;line-height:1.35;}
.jly-solution-delivery-tag{position:absolute;color:#075db6;font-weight:700;line-height:1.5;letter-spacing:.18em;text-transform:uppercase; right:6%;top:36%; font-size:14px;}
@media(prefers-reduced-motion:no-preference){
 .jly-solution-delivery.is-reveal-ready .jly-solution-kicker,.jly-solution-delivery.is-reveal-ready .jly-solution-title,.jly-solution-delivery.is-reveal-ready .jly-solution-lead,.jly-solution-delivery.is-reveal-ready .jly-solution-delivery-metrics>div,.jly-solution-delivery.is-reveal-ready .jly-solution-delivery-tag{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1);}
 .jly-solution-delivery.is-reveal-ready.is-visible .jly-solution-kicker,.jly-solution-delivery.is-reveal-ready.is-visible .jly-solution-title,.jly-solution-delivery.is-reveal-ready.is-visible .jly-solution-lead,.jly-solution-delivery.is-reveal-ready.is-visible .jly-solution-delivery-metrics>div,.jly-solution-delivery.is-reveal-ready.is-visible .jly-solution-delivery-tag{opacity:1;transform:none;}
 .jly-solution-delivery.is-reveal-ready .jly-solution-title{transition-delay:.08s;}
 .jly-solution-delivery.is-reveal-ready .jly-solution-lead{transition-delay:.16s;}
 .jly-solution-delivery.is-reveal-ready .jly-solution-delivery-metrics>div:nth-child(1){transition-delay:.26s;}
 .jly-solution-delivery.is-reveal-ready .jly-solution-delivery-metrics>div:nth-child(2){transition-delay:.34s;}
 .jly-solution-delivery.is-reveal-ready .jly-solution-delivery-metrics>div:nth-child(3){transition-delay:.42s;}
 .jly-solution-delivery.is-reveal-ready .jly-solution-delivery-tag{transition-delay:.45s;}
}
.jly-solution-projects{padding:54px 0 62px; color:#061b43;background:#eef2f7;}
.jly-solution-projects>.wrap{position:relative;}

.jly-solution-projects .jly-solution-lead{margin-top:8px;font-size:19px; color:#52627a;}
.jly-solution-project-note{align-self:center;max-width:190px;margin-left:auto;font-size:13px;font-weight:700;line-height:1.5;letter-spacing:.22em;text-transform:uppercase; display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:175px; color:#49617c;}
.jly-solution-project-note::before{content:"";display:block;width:48px;height:3px;margin-bottom:12px;background:#d6a45e;}

.jly-solution-project-viewport{margin-top:24px;}
.jly-solution-projects .jly-solution-project-card,.jly-solution-projects .jly-solution-project-card:first-child,.jly-solution-projects .jly-solution-project-card:not(:first-child){display:flex;flex-direction:column;flex:0 0 calc((100% - 40px)/3);min-height:0;}

.jly-solution-project-copy h3{font-size:19px;line-height:1.25;}

.jly-partners{background:#ffffff;}
.jly-faq{background:#eef2f7;}

/* Banner follows the supplied industrial-cable composition; navigation belongs to the host site. */
.jly-solution-banner,.jly-solution-banner>.wrap{min-height:clamp(620px,47vw,760px);}

.jly-solution-banner-copy{max-width:680px;padding:0;}
.jly-solution-banner .jly-solution-button{min-height:60px;min-width:300px;color:#fff;background:#ff8a1b;border-color:#ff8a1b;font-size:16px;}
.jly-solution-banner .jly-solution-button:hover{color:#fff;background:#ef7908;}
.jly-solution-banner-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;width:100%;}
.jly-solution-banner-benefits{display:flex;align-items:center;flex-wrap:wrap;gap:26px 38px;}
.jly-solution-banner-benefit{display:flex;align-items:center;gap:10px;color:#fff;font-size:12px;font-weight:700;line-height:1.28;letter-spacing:.05em;text-transform:uppercase;}
.jly-solution-banner-benefit svg{width:36px;height:36px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.jly-solution-banner-tag{flex:none;min-width:165px;color:#fff;font-size:13px;font-weight:700;line-height:1.45;letter-spacing:.18em;text-transform:uppercase;}
.jly-solution-banner-tag::before{content:"";display:block;width:48px;height:3px;margin-bottom:12px;background:#ff9a26;}
@keyframes jlySolutionBannerFromLeft{from{opacity:0;transform:translate3d(-48px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes jlySolutionBannerFromRight{from{opacity:0;transform:translate3d(42px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes jlySolutionBannerRise{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.jly-solution-banner.is-banner-motion :is(.jly-solution-kicker,h1,p,.jly-solution-button,.jly-solution-banner-benefit,.jly-solution-banner-tag){opacity:0;}
.jly-solution-banner.is-banner-enter h1{animation:jlySolutionBannerFromLeft .9s cubic-bezier(.2,.7,.2,1) .08s both;}
.jly-solution-banner.is-banner-enter .jly-solution-kicker{animation:jlySolutionBannerFromRight .72s cubic-bezier(.2,.7,.2,1) both;}
.jly-solution-banner.is-banner-enter p{animation:jlySolutionBannerFromRight .82s cubic-bezier(.2,.7,.2,1) .24s both;}
.jly-solution-banner.is-banner-enter .jly-solution-button{animation:jlySolutionBannerRise .7s ease-out .55s both;}
.jly-solution-banner.is-banner-enter .jly-solution-banner-benefit{animation:jlySolutionBannerRise .55s ease-out var(--jly-benefit-delay,.82s) both;}
.jly-solution-banner.is-banner-enter .jly-solution-banner-tag{animation:jlySolutionBannerRise .65s ease-out 1.25s both;}
/* One laboratory image at a time lets the three different scenes breathe. */
.jly-solution-research-stage{position:relative;height:clamp(350px,38vw,570px);margin-top:42px;overflow:hidden;background:#dce8f3;}
.jly-solution-research-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease;}
.jly-solution-research-slide.is-active{opacity:1;visibility:visible;}
.jly-solution-research-slide img{width:100%;height:100%;object-fit:cover;object-position:center center;}

.jly-solution-research-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d7e3ee;}
.jly-solution-research-tabs button{display:flex;align-items:center;gap:15px;min-height:86px;padding:20px 24px;border:0;border-top:4px solid transparent;color:#304567;background:#fff;text-align:left;font:600 16px/1.3 Arial,Helvetica,sans-serif;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease;}
.jly-solution-research-tabs button span{color:#1680cf;font-size:13px;letter-spacing:.12em;}
.jly-solution-research-tabs button:hover,.jly-solution-research-tabs button[aria-selected=true]{border-top-color:#ff9a26;color:#061b43;background:#f0f7fd;}
.jly-solution-research-tabs button:focus-visible{outline:3px solid #ff9a26;outline-offset:-4px;}

.jly-solution-delivery>.wrap{max-width:none!important;padding-left:6%;padding-right:6%;padding-top:60px;}

/* Carousel arrows sit over the card edges; the archive link lives below the right note. */

.jly-solution-project-note a{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #d6a45e;padding-bottom:5px;transition:color .2s ease; color:#075db6;}

.jly-solution-project-viewport{position:relative;}

.jly-solution-project-arrow:hover{color:#fff;background:#073190;border-color:#073190;}

.jly-solution-contact>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;}
.jly-solution-contact::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(3,18,45,.64),rgba(3,18,45,.08) 70%);pointer-events:none;}

.jly-solution-contact-copy{align-self:stretch;max-width:none;padding:0;}
.jly-solution-contact .jly-solution-title{max-width:1050px;color:#fff;font-size:clamp(34px,3.3vw,49px);font-weight:700;line-height:1.1;text-transform:uppercase;}

.jly-solution-contact .jly-solution-button{margin-top:27px;}
.jly-solution-contact-details{display:flex;align-items:center;gap:0;margin-top:auto;padding-top:62px;}
.jly-solution-contact-details>a,.jly-solution-contact-details>span{display:flex;align-items:center;gap:12px;max-width:330px;min-height:48px;padding:0 24px;border-left:1px solid rgba(255,255,255,.4);color:#fff;font-size:14px;line-height:1.4;}
.jly-solution-contact-details a:first-child{padding-left:0;border-left:0;}
.jly-solution-contact-details svg{width:26px;height:26px;flex:none;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.jly-solution-contact-tag{position:absolute;right:24px;bottom:49px;padding-left:22px;border-left:3px solid #d6a45e;color:#fff;font-size:12px;font-weight:700;line-height:1.45;letter-spacing:.18em;text-transform:uppercase;}
@media(max-width:1199px){
 .jly-solution-delivery-tag,.jly-solution-contact-tag{display:none;}
 .jly-solution-project-note{display:flex;min-width:0;}
 .jly-solution-project-note>span{display:none;}
 .jly-solution-banner>.wrap{padding-top:110px;padding-bottom:30px;}
 .jly-solution-banner-benefits{gap:22px;}
 .jly-solution-delivery{display:flex;flex-direction:column;min-height:0;aspect-ratio:auto;}
 .jly-solution-delivery>img{position:relative;order:2;width:100%;height:auto;object-fit:contain;}
 
 .jly-solution-delivery>.wrap{position:relative;order:1;min-height:0;padding-top:54px;padding-bottom:40px;}
 .jly-solution-project-controls{left:8px;right:8px;top:35%;bottom:auto;}
 .jly-solution-projects .jly-solution-project-card,.jly-solution-projects .jly-solution-project-card:first-child,.jly-solution-projects .jly-solution-project-card:not(:first-child){flex-basis:calc((100% - 20px)/2);}
 
}
@media(max-width:767px){
 .jly-solution-banner,.jly-solution-banner>.wrap{min-height:660px;}
 .jly-solution-banner>img{object-position:62% center;}
 
 .jly-solution-banner>.wrap{padding-top:90px;padding-bottom:26px;}
 .jly-solution-banner h1{font-size:clamp(42px,11vw,58px);}
 .jly-solution-banner p{font-size:16px;line-height:1.4;}
 .jly-solution-banner .jly-solution-button{min-width:240px;min-height:54px;font-size:13px;}
 .jly-solution-banner-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px;}
 .jly-solution-banner-benefit{gap:7px;font-size:10px;}
 .jly-solution-banner-benefit svg{width:28px;height:28px;}
 .jly-solution-banner-tag{display:none;}
 .jly-solution-research-stage{height:320px;margin-top:30px;}
 
 .jly-solution-research-tabs button{min-height:76px;flex-direction:column;align-items:flex-start;gap:6px;padding:11px 8px;font-size:11px;}

 .jly-solution-delivery>.wrap{min-height:0;padding-top:48px;padding-bottom:38px;}
 .jly-solution-delivery .jly-solution-title{font-size:34px;}
 .jly-solution-delivery .jly-solution-lead{font-size:15px;}
 .jly-solution-delivery-metrics{margin-top:30px;}
 .jly-solution-delivery-metrics>div{padding:0 8px;}
 .jly-solution-delivery-metrics strong{font-size:29px;}
 .jly-solution-delivery-metrics b{font-size:11px;}
 .jly-solution-delivery-metrics span{font-size:10px;}
 .jly-solution-projects{padding:54px 0 65px;}

 .jly-solution-project-note{margin:15px 0 0;}
 
 .jly-solution-project-arrow{width:42px;height:42px;}
 .jly-solution-projects .jly-solution-project-card,.jly-solution-projects .jly-solution-project-card:first-child,.jly-solution-projects .jly-solution-project-card:not(:first-child){flex-basis:100%;}
 .jly-solution-projects .jly-solution-project-copy{min-height:150px;padding:18px;}
 .jly-solution-contact,.jly-solution-contact>.wrap{min-height:540px;}
 .jly-solution-contact>img{object-position:58% center;}
 .jly-solution-contact::before{background:linear-gradient(90deg,rgba(3,18,45,.82),rgba(3,18,45,.28));}
 
 .jly-solution-contact .jly-solution-title{font-size:34px;}
 .jly-solution-contact .jly-solution-lead{font-size:15px;}
 .jly-solution-contact-details{flex-direction:column;align-items:flex-start;gap:13px;padding-top:44px;}
 .jly-solution-contact-details>a,.jly-solution-contact-details>span{padding:0;border:0;font-size:12px;}
}
/* Laboratory: text choices on the left, a single unobstructed photograph on the right. */
.jly-solution-research-split{display:grid;grid-template-columns:minmax(340px,38%) minmax(0,62%);align-items:stretch;min-height:560px;background:#fff;box-shadow:0 18px 40px rgba(6,27,67,.07);}
.jly-solution-research-copy{display:flex;flex-direction:column;min-width:0;background:#fff; position:relative; padding:54px 40px 32px;}

.jly-solution-section .jly-solution-research-copy .jly-solution-title{text-align:left;}
.jly-solution-section .jly-solution-research-copy .jly-solution-lead{text-align:left; margin:19px 0 32px;font-size:17px;line-height:1.55;}
.jly-solution-research-copy .jly-solution-research-tabs{display:flex;flex-direction:column;background:transparent; margin-top:auto;gap:8px;}
.jly-solution-research-copy .jly-solution-research-tabs button{display:flex;flex-direction:row;border:0;background:#fff;color:#061b43;font-size:16px; transition:background .3s ease,border-color .3s ease,transform .3s ease; min-height:104px;padding:18px 16px;gap:17px;border-top:0;border-bottom:1px solid #dbe5ef;border-left:4px solid transparent;border-radius:6px;font-family:inherit;font-weight:400; align-items:center;}

.jly-solution-research-copy .jly-solution-research-tabs button:hover,.jly-solution-research-copy .jly-solution-research-tabs button[aria-selected=true]{border-top-color:#dbe5ef;border-left-color:#ff9a26;background:#edf5fd;}
.jly-solution-research-copy .jly-solution-research-tabs button>span:last-child{display:flex;flex-direction:column;gap:7px;color:#061b43;letter-spacing:normal;}
.jly-solution-research-number{min-width:25px;padding-top:2px;color:#0876ca;font-size:13px;letter-spacing:.1em;}
.jly-solution-research-copy .jly-solution-research-tabs strong{color:#061b43;letter-spacing:normal; font-size:16px;font-weight:700;line-height:1.3;}
.jly-solution-research-copy .jly-solution-research-tabs small{max-width:320px;color:#586b82;font-weight:400;letter-spacing:normal; font-size:14px;line-height:1.45;}
.jly-solution-research-split .jly-solution-research-stage{min-height:560px;margin:0; border-left:1px solid #dce7f1; align-self:stretch;width:100%;height:auto;aspect-ratio:auto;border-radius:0;box-shadow:none;}

.jly-solution-research-split .jly-solution-research-slide img{object-position:center center;}
.jly-solution-research-split .jly-solution-research-slide:first-child img{object-position:left center;}
.jly-solution-research-split .jly-solution-research-slide:nth-child(2) img{object-position:65% center;}
@media(max-width:1199px){
 .jly-solution-research-split{grid-template-columns:minmax(300px,40%) minmax(0,60%); min-height:610px;}
 
 .jly-solution-research-split .jly-solution-research-stage{min-height:520px;}
 
}
@media(max-width:767px){
 .jly-solution-banner::after{background:linear-gradient(90deg,rgba(3,18,45,.88),rgba(3,18,45,.62) 80%);}
 .jly-solution-research-split{grid-template-columns:1fr;}
 
 .jly-solution-research-copy .jly-solution-lead{font-size:15px;}

}
/* Delivery is a full-width 1920 × 870 composition on desktop. */
@media(min-width:1200px){
 .jly-solution-delivery{min-height:0;aspect-ratio:1920/870;}
 .jly-solution-delivery>img{width:100%;height:100%;object-fit:cover;object-position:center center;}
 .jly-solution-delivery>.wrap{padding-top:clamp(58px,4.3vw,82px);}
 .jly-solution-delivery .jly-solution-title{max-width:none;font-size:clamp(43px,3.12vw,60px);line-height:1.04;white-space:nowrap;}
 .jly-solution-delivery .jly-solution-lead{margin-top:12px;font-size:clamp(18px,1.2vw,22px);line-height:1.4;}
 .jly-solution-delivery-metrics{margin-top:clamp(36px,2.8vw,54px);}
 .jly-solution-delivery-tag{top:37%;}
}
/* Project descriptions and actions form a consistent card baseline. */
.jly-solution-projects .jly-solution-project-card .jly-solution-project-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:222px;padding:19px 21px 21px;}
.jly-solution-projects .jly-solution-project-card .jly-solution-project-category{margin:7px 0 8px;color:#667790;font-size:13px;line-height:1.3;}
.jly-solution-projects .jly-solution-project-card .jly-solution-project-description{margin:0 0 17px;color:#405571;font-size:14px;line-height:1.4;}
.jly-solution-projects .jly-solution-project-card .jly-solution-project-link{margin-top:auto;}
.jly-solution-project-viewport .jly-solution-project-controls{opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease; top:50%;}
.jly-solution-projects:hover .jly-solution-project-controls,.jly-solution-projects:focus-within .jly-solution-project-controls{opacity:1;visibility:visible;}
@media(hover:none){.jly-solution-project-viewport .jly-solution-project-controls{opacity:1;visibility:visible;}}
@media(max-width:767px){
 .jly-solution-projects .jly-solution-project-card .jly-solution-project-copy{min-height:218px;padding:17px 18px 18px;}
 .jly-solution-projects .jly-solution-project-card .jly-solution-project-description{font-size:13px;}
}
/* Cases share FAQ's solid background and the site's navy-blue text palette. */

.jly-solution-projects .jly-solution-kicker{color:#075db6;}

.jly-solution-project-note a:hover{color:#003f82;}
.jly-solution-projects .jly-solution-project-card{box-shadow:0 12px 26px rgba(6,27,67,.09);}
.jly-solution-projects .jly-solution-project-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(6,27,67,.15);}
/* Refinements for the rotating laboratory selector. */

.jly-solution-research-copy .jly-solution-research-tabs button[aria-selected=true]{box-shadow:inset 0 0 0 1px rgba(7,93,182,.08);}
.jly-solution-research-copy .jly-solution-research-tabs .jly-solution-research-number{display:grid;place-items:center;flex:none;padding:0;border:1px solid #c8ddec;border-radius:50%;color:#075db6;background:#fff;line-height:1;letter-spacing:0; width:46px;height:46px;font-size:13px;font-weight:700;}
.jly-solution-research-copy .jly-solution-research-tabs button[aria-selected=true] .jly-solution-research-number{border-color:#075db6;color:#fff;background:#075db6;}
.jly-solution-research-progress{display:flex;align-items:center;gap:16px;color:#075db6;font-size:12px;font-weight:700;letter-spacing:.14em; margin-top:22px;}
.jly-solution-research-progress-track{position:relative;display:block;flex:1;height:2px;background:#d5e2ee;}
.jly-solution-research-progress-track i{display:block;width:33.333%;height:2px;background:#d6a45e;transition:width .45s ease;}

/* Use the same section rhythm as About; keep full-bleed image compositions intact. */
.jly-solution .jly-solution-section,.jly-solution .jly-solution-projects{padding:78px 0 92px;}
.jly-solution .jly-solution-contact>.wrap{padding-top:78px;padding-bottom:92px;}
/* Each card keeps one compact shadow; hover changes only its photograph. */
.jly-solution-projects .jly-solution-project-card,.jly-solution-projects .jly-solution-project-card:first-child,.jly-solution-projects .jly-solution-project-card:not(:first-child){overflow:hidden;border:1px solid #dce5ef;border-radius:12px;box-shadow:0 4px 10px rgba(6,27,67,.11);transition:none;}
.jly-solution-projects .jly-solution-project-card:hover,.jly-solution-projects .jly-solution-project-card:focus-within{transform:none;border-color:#dce5ef;box-shadow:0 4px 10px rgba(6,27,67,.11);}

.jly-solution-projects .jly-solution-project-card:hover .jly-solution-project-image img,.jly-solution-projects .jly-solution-project-card:focus-within .jly-solution-project-image img{transform:scale(1.065);}

.jly-solution-research-split,.jly-solution-research-split .jly-solution-research-stage{min-height:clamp(630px,37vw,680px);}

.jly-solution-research-copy .jly-solution-kicker{margin-bottom:24px;}

.jly-solution-research-copy .jly-solution-research-tabs button:last-child{border-bottom:1px solid #dbe5ef;}
.jly-solution-research-copy .jly-solution-research-tabs button:hover,.jly-solution-research-copy .jly-solution-research-tabs button[aria-selected=true]{border-top:0;border-bottom-color:#dbe5ef;}
.jly-solution-research-copy .jly-solution-research-tabs button:hover{transform:none;}

/* Three visible testing options move upward while the first position remains active. */
.jly-solution-research-tabs{--research-row:104px;--research-gap:8px;}
.jly-solution-research-window{height:calc(var(--research-row)*3 + var(--research-gap)*2);overflow:hidden;}
.jly-solution-research-track{display:flex;flex-direction:column;gap:var(--research-gap);transition:transform .48s cubic-bezier(.22,.7,.25,1);will-change:transform;}
.jly-solution-research-copy .jly-solution-research-track button{flex:0 0 var(--research-row);height:var(--research-row);min-height:var(--research-row);}
.jly-solution-research-footer{display:flex;align-items:center;gap:18px;margin-top:20px;}
.jly-solution-research-footer .jly-solution-research-progress{flex:1;min-width:0;margin-top:0;}
.jly-solution-research-controls{display:flex;gap:7px;}
.jly-solution-research-controls button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c8ddec;border-radius:50%;color:#075db6;background:#fff;font-size:19px;line-height:1;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease;}
.jly-solution-research-controls button:hover{color:#fff;background:#075db6;border-color:#075db6;}
.jly-solution-research-controls button:focus-visible{outline:3px solid #d6a45e;outline-offset:2px;}
@media(max-width:767px){.jly-solution-research-tabs{--research-row:92px;}.jly-solution-research-footer{margin-top:16px;}}
@media(prefers-reduced-motion:reduce){.jly-solution-research-track{transition:none;}}

@media(min-width:900px){.jly-solution-research-split{grid-template-columns:minmax(0,40%) minmax(0,60%);}}
/* The photograph fills the right column, with no blank bands above or below it. */

@media(min-width:1200px){
 .jly-solution-banner{min-height:0;aspect-ratio:1920/870;}
 .jly-solution-banner>.wrap{position:absolute;inset:0;max-width:none!important;min-height:0;padding:clamp(135px,10vw,190px) 6% clamp(30px,3vw,50px);}
 .jly-solution-banner-copy{max-width:min(850px,70vw);}
 .jly-solution-banner h1{font-size:clamp(54px,4.6vw,80px);line-height:1.01;}
 .jly-solution-banner p{font-size:clamp(20px,1.35vw,25px);}
}
@media(max-width:1199px){
 .jly-solution .jly-solution-section,.jly-solution .jly-solution-projects{padding:72px 0 80px;}
 .jly-solution .jly-solution-contact>.wrap{padding-top:72px;padding-bottom:80px;}
 
 .jly-solution-research-copy{padding:38px 28px 25px;}
 .jly-solution-research-copy .jly-solution-research-tabs button{min-height:99px;padding:15px 12px;}
}
@media(max-width:767px){
 .jly-solution .jly-solution-section,.jly-solution .jly-solution-projects{padding:54px 0 62px;}
 .jly-solution .jly-solution-contact>.wrap{padding-top:54px;padding-bottom:62px;}
 .jly-solution-research-split{min-height:0;}
 .jly-solution-research-split .jly-solution-research-stage{min-height:0;height:auto;aspect-ratio:3/2;}
 .jly-solution-research-copy{padding:30px 22px 24px;}
 .jly-solution-section .jly-solution-research-copy .jly-solution-lead{margin:14px 0 22px;font-size:15px;}
 .jly-solution-research-copy .jly-solution-research-tabs{margin-top:0;gap:4px;}
 .jly-solution-research-copy .jly-solution-research-tabs button{min-height:78px;padding:12px;gap:12px;}
 .jly-solution-research-copy .jly-solution-research-tabs strong{font-size:15px;}
 .jly-solution-research-copy .jly-solution-research-tabs small{font-size:13px;}
 .jly-solution-research-copy .jly-solution-research-tabs .jly-solution-research-number{width:42px;height:42px;}
 .jly-solution-research-progress{margin-top:16px;}
}
@media(min-width:768px) and (max-width:899px){
 .jly-solution-research-split{grid-template-columns:1fr;min-height:0;}
 .jly-solution-research-copy{padding:42px 36px 32px;}
 .jly-solution-research-copy .jly-solution-research-tabs{margin-top:32px;}
 .jly-solution-research-split .jly-solution-research-stage{width:100%;min-height:0;margin:0;aspect-ratio:3/2;}
}
/* about */
.jly-about{
  width:100%;
  max-width:100%;
  margin-left:0;
  overflow:hidden;
  color:#172b4b;
  background:#ffffff;
  font-family:Arial,Helvetica,"Microsoft YaHei",sans-serif;
}
.jly-about *,
.jly-about *::before,
.jly-about *::after{ box-sizing:border-box; }
.jly-about img{ display:block; max-width:100%; }
.jly-about button{ font:inherit; }
.jly-about h1,.jly-about h2,.jly-about h3,.jly-about p{ font-family:inherit; }
.jly-about .wrap{
  width:100%;
  max-width:1600px !important;
  margin:0 auto;
  padding-left:24px;
  padding-right:24px;
}
@media (min-width:768px){ .jly-about .wrap{ max-width:720px !important; padding-left:0; padding-right:0; } }
@media (min-width:992px){ .jly-about .wrap{ max-width:960px !important; } }
@media (min-width:1200px){ .jly-about .wrap{ max-width:1140px !important; } }
@media (min-width:1440px){ .jly-about .wrap{ max-width:1400px !important; } }
@media (min-width:1640px){ .jly-about .wrap{ max-width:1600px !important; } }
.jly-about-section{ padding:78px 0 92px; }
.jly-about-title{
  margin:0;
  color:#061b43;
  font-size:40px;
  font-weight:500;
  line-height:1.2;
  text-align:center;
}
.jly-about-subtitle{
  max-width:920px;
  margin:12px auto 0;
  color:#52627a;
  font-size:18px;
  line-height:1.65;
  text-align:center;
}
@media (max-width:767px){
  .jly-about-section{ padding:58px 0 68px; }
  .jly-about-title{ font-size:30px; }
  .jly-about-subtitle{ font-size:15px; }
}

/* ==========================================================================
   通用组件：About 页面轮播
   ========================================================================== */
.jly-about-carousel{ position:relative; margin-top:58px; }
.jly-about-carousel-viewport{ overflow:hidden; }
.jly-about-carousel-track{
  display:flex;
  gap:20px;
  transition:transform .58s ease;
  will-change:transform;
}
.jly-about-carousel-arrows{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  z-index:3;
  display:flex;
  justify-content:space-between;
  padding:0 12px;
  transform:translateY(-50%);
  pointer-events:none;
  opacity:0;
  transition:opacity .25s ease;
}
.jly-about-carousel:hover .jly-about-carousel-arrows,
.jly-about-carousel:focus-within .jly-about-carousel-arrows{ opacity:1; }
.jly-about-carousel-arrow{
  display:grid;
  place-items:center;
  width:46px;
  height:56px;
  border:0;
  color:#292929;
  background:rgba(255,255,255,.88);
  cursor:pointer;
  pointer-events:auto;
  transition:background .2s ease;
}
.jly-about-carousel-arrow:hover{ color:#ffffff; background:#073190; }
.jly-about-carousel-arrow:focus-visible{ outline:3px solid #d6a45e; outline-offset:2px; }
.jly-about-carousel-arrow svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; }
@media (max-width:767px){
  .jly-about-carousel{ margin-top:34px; }
  .jly-about-carousel-arrows{ opacity:1; }
}

/* ==========================================================================
   板块 01：About Banner
   ========================================================================== */
.jly-about-banner{
  position:relative;
  height:870px;
  overflow:hidden;
  background:#e9ecec;
}
.jly-about-banner > img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
}
.jly-about-banner-info{
  position:absolute;
  left:50%;
  bottom:8%;
  width:min(86%,1648px);
  padding:28px 55px 30px;
  transform:translateX(-50%);
  background:rgba(255,255,255,.78);
  text-align:center;
}
.jly-about-banner-info h1{
  margin:0;
  color:#061b43;
  font-size:40px;
  font-weight:500;
  line-height:1.2;
}
.jly-about-banner-info p{
  max-width:1380px;
  margin:22px auto 0;
  color:#52627a;
  font-size:18px;
  line-height:1.65;
}
@media (min-width:1024px){
  .jly-about-banner{ height:auto; aspect-ratio:1920 / 870; max-height:870px; min-height:620px; }
}
@media (max-width:991px){
  .jly-about-banner{ height:620px; }
  .jly-about-banner-info{ bottom:7%; width:90%; padding:24px 30px; }
}
@media (max-width:767px){
  .jly-about-banner{ height:520px; }
  .jly-about-banner > img{ object-position:55% center; }
  .jly-about-banner-info{ bottom:6%; width:calc(100% - 32px); padding:20px 24px 22px; }
  .jly-about-banner-info h1{ font-size:30px; }
  .jly-about-banner-info p{ margin-top:12px; font-size:15px; }
}

/* ==========================================================================
   板块 02：公司介绍与企业数据
   PDF 参考排版：左侧介绍，右侧视频，下方数据
   ========================================================================== */
.jly-about-company{
  position:relative;
  padding:86px 0 94px;
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 20%,rgba(38,145,222,.08),transparent 27%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.jly-about-company::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#dbe7f3 18%,#dbe7f3 82%,transparent);
}
.jly-about-company-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(420px,.78fr) minmax(0,1.42fr);
  align-items:center;
  gap:clamp(56px,5vw,92px);
}
.jly-about-company-copy{
  position:relative;
  align-self:center;
  padding:12px 0 12px 28px;
  border-left:4px solid #d6a45e;
}
.jly-about-eyebrow{
  display:inline-block;
  margin-bottom:27px;
  padding-bottom:11px;
  border-bottom:2px solid #118bd3;
  color:#075db6;
  font-size:14px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.jly-about-company-copy h2{
  max-width:610px;
  text-align:left;
  text-wrap:balance;
}
.jly-about-company-copy h3{
  max-width:520px;
  margin:34px 0 20px;
  color:#172b4b;
  font-size:20px;
  font-weight:700;
  line-height:1.34;
  text-wrap:balance;
}
.jly-about-company-copy p{
  max-width:55ch;
  margin:0;
  color:#52627a;
  font-size:17px;
  line-height:1.65;
  text-wrap:pretty;
}
.jly-about-company-visual{
  display:flex;
  flex-direction:column;
  min-width:0;
  border-top:4px solid #118bd3;
  box-shadow:0 24px 56px rgba(7,49,100,.12);
}
.jly-about-company-video{
  position:relative;
  width:100%;
  overflow:hidden;
  aspect-ratio:16 / 9;
  background:#061b43;
}
.jly-about-company-video::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
}
.jly-about-company-video video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#061b43;
}
.jly-about-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin-top:1px;
  background:#d9e6f3;
}
.jly-about-stat{
  min-width:0;
  min-height:174px;
  padding:27px 12px 23px;
  border:0;
  border-top:3px solid transparent;
  background:#f0f6fc;
  text-align:center;
  transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;
}
.jly-about-stat:first-child{ border-top-color:#118bd3; }
.jly-about-stat:hover{ border-top-color:#0b43b4; background:#e8f3fc; box-shadow:inset 0 8px 22px rgba(7,63,117,.06); transform:translateY(-2px); }
.jly-about-stat svg{
  width:42px;
  height:42px;
  fill:none;
  stroke:#0b43b4;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.jly-about-stat strong{
  display:block;
  margin-top:12px;
  color:#253b5e;
  font-size:36px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  line-height:1.1;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.jly-about-stat strong small{ font-size:.7em; font-weight:700; }
.jly-about-stat:nth-child(2) strong{ letter-spacing:-.06em; }
.jly-about-stat > span{ display:block; margin-top:9px; color:#697891; font-size:14px; font-weight:700; line-height:1.4; }
.jly-about-stat:hover strong{ color:#0b43b4; }
@media (max-width:1199px){
  .jly-about-company{ padding:72px 0 80px; }
  .jly-about-company-grid{ grid-template-columns:1fr; }
  .jly-about-company-copy{ max-width:760px; }
  .jly-about-company-copy p{ max-width:68ch; }
}
@media (max-width:767px){
  .jly-about-company{ padding:54px 0 62px; }
  .jly-about-company-grid{ gap:34px; }
  .jly-about-company-copy{ padding:4px 0 4px 18px; border-left-width:3px; }
  .jly-about-eyebrow{ margin-bottom:21px; font-size:12px; }
  .jly-about-company-copy h3{ margin-top:25px; font-size:18px; }
  .jly-about-company-copy p{ font-size:15px; }
  .jly-about-stats{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .jly-about-stat{ min-height:148px; padding:22px 9px 19px; }
  .jly-about-stat svg{ width:38px; height:38px; }
  .jly-about-stat strong{ font-size:28px; }
  .jly-about-stat > span{ font-size:12px; }
}

/* ==========================================================================
   板块 03：制造实力轮播
   ========================================================================== */
.jly-about-factory{ background:#ffffff; }
.jly-about-factory-card{
  position:relative;
  flex:0 0 calc((100% - 60px) / 4);
  aspect-ratio:1 / 1;
  overflow:hidden;
  background:#e9ecef;
}
.jly-about-factory-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.jly-about-factory-card::after{
  content:"";
  position:absolute;
  inset:48% 0 0;
  background:linear-gradient(0deg,rgba(0,0,0,.62),rgba(0,0,0,0));
}
.jly-about-factory-card span{
  position:absolute;
  left:20px;
  right:20px;
  bottom:18px;
  z-index:2;
  color:#ffffff;
  font-size:18px;
  font-weight:700;
  line-height:1.35;
}
.jly-about-factory-card:hover img{ transform:scale(1.045); }
@media (max-width:991px){ .jly-about-factory-card{ flex-basis:calc((100% - 20px) / 2); } }
@media (max-width:767px){ .jly-about-factory-card{ flex-basis:100%; } }

/* ==========================================================================
   板块 04：资质证书
   ========================================================================== */
.jly-about-certificates{ color:#ffffff; background:#073190; }
.jly-about-certificates.jly-about-section{ padding-top:48px; padding-bottom:50px; }
.jly-about-cert-top{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:center;
  gap:80px;
  padding-bottom:50px;
}
.jly-about-cert-heading h2{ margin-bottom:22px; color:#ffffff; text-align:left; }
.jly-about-cert-heading p{ max-width:650px; margin:0; color:#d9e2ef; font-size:17px; line-height:1.65; }
.jly-about-cert-marks{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:18px 0;
}
.jly-about-cert-mark{
  position:relative;
  min-width:31%;
  padding:12px 22px;
  color:#d6a45e;
  font-size:24px;
  font-weight:700;
  letter-spacing:.04em;
  text-align:center;
}
.jly-about-cert-mark:not(:nth-child(3n))::after{
  content:"";
  position:absolute;
  right:0;
  top:15%;
  width:1px;
  height:70%;
  background:rgba(255,255,255,.24);
}
.jly-about-cert-carousel{
  position:relative;
  padding:4px 0 52px;
  background:transparent;
}
.jly-about-cert-viewport{ overflow:hidden; }
.jly-about-cert-track{
  display:flex;
  gap:20px;
  transition:transform .58s ease;
  will-change:transform;
}
.jly-about-cert-card{
  flex:0 0 calc((100% - 80px) / 5);
  min-width:0;
  padding:0 12px 18px 0;
  border:0;
  background:transparent;
  cursor:zoom-in;
  transition:transform .25s ease;
}
.jly-about-cert-card:hover{ transform:translateY(-3px); }
.jly-about-cert-card:focus-visible{ outline:3px solid #d6a45e; outline-offset:2px; }
.jly-about-cert-image{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:auto;
  padding:0;
  overflow:hidden;
  background:transparent;
  box-shadow:none;
}
.jly-about-cert-image img{
  width:100%;
  max-width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  filter:drop-shadow(0 8px 10px rgba(6,27,67,.12));
}
.jly-about-cert-card h3{ margin:14px 2px 4px; color:#ffffff; font-size:18px; font-weight:700; line-height:1.35; }
.jly-about-cert-card p{ margin:0; color:#aebbd0; font-size:12px; line-height:1.4; }
.jly-about-cert-controls{
  position:absolute;
  right:0;
  bottom:8px;
  display:flex;
  gap:10px;
}
.jly-about-cert-control{
  display:grid;
  place-items:center;
  width:46px;
  height:42px;
  border:1px solid #d6a45e;
  color:#061b43;
  background:#d6a45e;
  cursor:pointer;
  transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;
}
.jly-about-cert-control:hover{ color:#073190; border-color:#ffffff; background:#ffffff; transform:translateY(-3px); }
.jly-about-cert-control:focus-visible{ outline:3px solid #d6a45e; outline-offset:2px; }
.jly-about-cert-control svg{ width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; }
@media (max-width:1199px){ .jly-about-cert-card{ flex-basis:calc((100% - 40px) / 3); } }
@media (max-width:991px){
  .jly-about-cert-top{ grid-template-columns:1fr; gap:40px; }
  .jly-about-cert-marks{ justify-content:flex-start; }
  .jly-about-cert-card{ flex-basis:calc((100% - 40px) / 3); }
}
@media (max-width:767px){ .jly-about-cert-card{ flex-basis:calc((100% - 20px) / 2); padding-right:0; } }
@media (max-width:600px){
  .jly-about-cert-heading p{ font-size:15px; }
  .jly-about-cert-mark{ min-width:50%; padding:10px 14px; font-size:20px; }
  .jly-about-cert-mark:not(:nth-child(3n))::after{ display:none; }
  .jly-about-cert-mark:nth-child(odd)::after{ content:""; display:block; position:absolute; right:0; top:15%; width:1px; height:70%; background:rgba(255,255,255,.24); }
  .jly-about-cert-carousel{ padding:0 0 62px; }
  .jly-about-cert-card h3{ font-size:14px; }
  .jly-about-cert-card p{ font-size:11px; }
  .jly-about-cert-controls{ right:18px; bottom:18px; }
}

/* ==========================================================================
   板块 05：从设计到交付的五步流程
   ========================================================================== */
.jly-about-process{
  position:relative;
  overflow:hidden;
  background:#ffffff;
}
.jly-about-process::before,.jly-about-process::after{
  content:"";
  position:absolute;
  right:-350px;
  top:-105px;
  width:980px;
  height:280px;
  border:1px solid rgba(7,93,182,.30);
  border-radius:50%;
  transform:rotate(-8deg);
  pointer-events:none;
}
.jly-about-process::after{ right:-470px; top:-120px; width:1220px; height:350px; }
.jly-about-process > .wrap{ position:relative; z-index:1; }
.jly-about-process-kicker{
  display:flex;
  align-items:center;
  gap:18px;
  margin:0 0 20px;
  color:#075db6;
  font-size:14px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.jly-about-process-kicker::after{ content:""; width:58px; height:4px; background:#d6a45e; }
.jly-about-process-title{ text-align:left; }
.jly-about-process-lead{ margin-left:0; margin-right:0; text-align:left; }
.jly-about-process-list{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:52px; }
.jly-about-process-item{ position:relative; min-width:0; padding:0 24px; text-align:center; }
.jly-about-process-item + .jly-about-process-item{ background:linear-gradient(#d9e2ef,#d9e2ef) left top 150px / 1px calc(100% - 150px) no-repeat; }
.jly-about-process-item:not(:last-child)::before,
.jly-about-process-item:not(:last-child)::after{ content:""; position:absolute; z-index:2; top:55px; right:-11px; }
.jly-about-process-item:not(:last-child)::before{ width:30px; height:2px; background:#118bd3; }
.jly-about-process-item:not(:last-child)::after{ width:11px; height:11px; margin-top:-5px; border-top:2px solid #118bd3; border-right:2px solid #118bd3; transform:rotate(45deg); }
.jly-about-process-icon{
  display:grid;
  place-items:center;
  width:112px;
  height:112px;
  margin:0 auto 20px;
  border:2px solid #118bd3;
  border-radius:50%;
  color:#0b43b4;
  background:#ffffff;
  transition:transform .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.jly-about-process-icon svg{ width:54px; height:54px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.jly-about-process-number{ display:block; color:#075db6; font-size:19px; font-weight:700; line-height:1; }
.jly-about-process-item h3{ min-height:58px; margin:8px 0 9px; color:#172b4b; font-size:18px; font-weight:700; line-height:1.35; transition:color .3s ease; }
.jly-about-process-item p{ margin:0; color:#52627a; font-size:17px; line-height:1.65; }
@media (hover:hover){
  .jly-about-process-item:hover .jly-about-process-icon{ transform:translateY(-5px); border-color:#0b43b4; background:#e8f3fc; box-shadow:0 12px 24px rgba(7,63,117,.12); }
  .jly-about-process-item:hover h3{ color:#0b43b4; }
}
@media (max-width:1439px){
  .jly-about-process-item{ padding:0 18px; }
}
@media (max-width:1199px){
  .jly-about-process-list{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px 0; }
  .jly-about-process-item:nth-child(4){ background:none; }
  .jly-about-process-item:nth-child(3)::before,.jly-about-process-item:nth-child(3)::after{ display:none; }
}
@media (max-width:767px){
  .jly-about-process::before,.jly-about-process::after{ opacity:.45; }
  .jly-about-process::before{ right:-820px; top:-190px; }
  .jly-about-process::after{ right:-920px; top:-235px; }
  .jly-about-process-kicker{ gap:13px; margin-bottom:18px; font-size:11px; letter-spacing:.15em; }
  .jly-about-process-kicker::after{ width:40px; height:3px; }
  .jly-about-process-list{ grid-template-columns:1fr; gap:0; margin-top:36px; }
  .jly-about-process-item{ display:grid; grid-template-columns:78px minmax(0,1fr); grid-template-rows:auto auto auto; column-gap:20px; padding:22px 0; text-align:left; border-bottom:1px solid #d9e2ef; background:none!important; }
  .jly-about-process-item:last-child{ border-bottom:0; }
  .jly-about-process-item::before,.jly-about-process-item::after{ display:none!important; }
  .jly-about-process-icon{ grid-row:1 / 4; width:74px; height:74px; margin:0; }
  .jly-about-process-icon svg{ width:36px; height:36px; }
  .jly-about-process-number{ font-size:14px; }
  .jly-about-process-item h3{ min-height:0; margin:4px 0 6px; font-size:16px; }
  .jly-about-process-item p{ font-size:15px; }
}

/* ==========================================================================
   板块 06：实验室与检测
   ========================================================================== */
.jly-about-lab{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:#172b4b;
  counter-reset:jly-about-lab-item;
}
.jly-about-lab-cell{ position:relative; min-height:310px; overflow:hidden; }
.jly-about-lab-photo img{ width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.jly-about-lab-photo:hover img{ transform:scale(1.035); }
.jly-about-lab-data{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:36px 30px 32px;
  color:#061b43;
  background:#f8faff;
  counter-increment:jly-about-lab-item;
}
.jly-about-lab-data::before{
  content:"";
  position:absolute;
  left:30px;
  bottom:116px;
  width:42px;
  height:3px;
  background:#d6a45e;
}
.jly-about-lab-data::after{
  content:"0" counter(jly-about-lab-item);
  position:absolute;
  right:28px;
  top:20px;
  color:rgba(7,49,144,.10);
  font-size:72px;
  font-weight:700;
  line-height:1;
  letter-spacing:-.05em;
  pointer-events:none;
}
.jly-about-lab-data:nth-child(4n){ background:#d9e2ef; }
.jly-about-lab-data.jly-about-lab-blue{ color:#ffffff; background:#073190; }
.jly-about-lab-data.jly-about-lab-blue span{ color:#e5ebf4; }
.jly-about-lab-data.jly-about-lab-gray{ color:#ffffff; background:#172b4b; }
.jly-about-lab-data.jly-about-lab-gray span{ color:#d9e2ef; }
.jly-about-lab-data.jly-about-lab-blue::after,
.jly-about-lab-data.jly-about-lab-gray::after{ color:rgba(255,255,255,.12); }
.jly-about-lab-data strong{
  display:block;
  margin-bottom:8px;
  font-size:18px;
  font-weight:700;
  line-height:1.35;
}
.jly-about-lab-data span{ color:#52627a; font-size:17px; line-height:1.65; }
@media (max-width:1199px){
  .jly-about-lab-cell{ min-height:250px; }
}
@media (max-width:991px){ .jly-about-lab{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){
  .jly-about-lab-cell{ min-height:220px; }
  .jly-about-lab-data{ padding:26px 22px; }
  .jly-about-lab-data strong{ font-size:16px; }
  .jly-about-lab-data span{ font-size:15px; }
}

/* 证书放大预览 */
.jly-about-cert-modal{
  position:fixed;
  inset:0;
  z-index:80;
  display:none;
  align-items:center;
  justify-content:center;
  padding:30px;
  background:rgba(0,0,0,.86);
}
.jly-about-cert-modal.jly-about-modal-open{ display:flex; }
.jly-about-cert-modal > img{ max-width:90vw; max-height:88vh; object-fit:contain; }
.jly-about-cert-close{
  position:absolute;
  top:22px;
  right:28px;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.65);
  color:#ffffff;
  background:transparent;
  font-size:27px;
  cursor:pointer;
}

@media (prefers-reduced-motion:reduce){
  .jly-about *,
  .jly-about *::before,
  .jly-about *::after{ transition-duration:.01ms !important; animation-duration:.01ms !important; }
}