:root{--l1-blue:#2853b2;--l1-navy:#2853b2;--l1-text:#1a2842;--l1-muted:#5f6b7d;--l1-line:#dce4f1}.line1-page{overflow:hidden;background:#fff;color:var(--l1-text);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}.line1-page *{box-sizing:border-box}.line1-page h1,.line1-page h2,.line1-page h3,.line1-page p{margin:0}.l1-wrap{position:relative;width:min(1440px,92%);margin:0 auto}.l1-section{padding:76px 0}.l1-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.l1-hero{position:relative;height:570px;margin-top:78px}.l1-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.55),transparent 53%);pointer-events:none}.l1-hero-copy{z-index:2;padding-top:142px}.l1-hero h1{font-size:72px;line-height:1.05;letter-spacing:.06em;color:#2853b2;font-weight:800}.l1-en{margin-top:16px!important;color:var(--l1-blue);font-size:24px;letter-spacing:.04em}.l1-kicker{margin-top:16px!important;font-size:22px;color:#18376f;font-weight:600}.l1-intro{padding-bottom:54px}.l1-intro-grid{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:360px}.l1-intro .l1-copy{z-index:2;padding:20px 30px 20px 6px}.l1-intro h2,.l1-heading-row h2,.l1-advantages h2{font-size:38px;line-height:1.2;color:var(--l1-navy);font-weight:750}.l1-intro p{margin-top:30px;max-width:620px;font-size:17px;line-height:2;color:#4e5b6f;text-align:justify}.l1-intro-grid>img{width:100%;height:360px;object-fit:cover}.l1-custom{padding-top:25px}.l1-panel{padding:42px 34px 28px;border:1px solid var(--l1-line);border-radius:12px;background:#fff;box-shadow:0 14px 40px rgba(19,50,102,.04)}.l1-panel h2{text-align:center;color:var(--l1-blue);font-size:32px;font-weight:750}.l1-custom-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;margin:34px 30px}.l1-custom-card{height:172px;border:2px solid #4771c8;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;transition:.2s}.l1-custom-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(40,83,178,.14)}.l1-custom-card img{width:60px;height:60px}.l1-custom-card span{font-size:21px;color:#233a68}.l1-angle-copy{display:grid;grid-template-columns:repeat(3,1fr);padding:0 36px;margin-bottom:-51px;position:relative;z-index:2;text-align:center;color:#253c69;font-size:19px;font-weight:650}.l1-angle{display:block;width:100%;height:210px;object-fit:cover;border-radius:10px}.l1-products{padding-top:58px}.l1-heading-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.l1-heading-row a{color:var(--l1-blue);font-size:17px;font-weight:600}.l1-heading-row b,.l1-btn b{margin-left:12px;font-size:22px}.l1-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.l1-product{display:block;padding:20px 20px 25px;border:1px solid #dfe5ee;border-radius:8px;color:var(--l1-text);background:#fff;transition:.25s}.l1-product:hover{transform:translateY(-6px);border-color:#8ca9e3;box-shadow:0 16px 36px rgba(18,45,93,.1)}.l1-product img{display:block;width:100%;aspect-ratio:1.35;object-fit:contain}.l1-product h3{margin-top:18px;text-align:center;font-size:20px;font-weight:650;color:#223555;white-space:nowrap}.l1-advantages{position:relative;padding:65px 0 72px;color:#fff;background:radial-gradient(circle at 22% 110%,#1444a5 0,transparent 45%),linear-gradient(120deg,#031a46,#06286a 62%,#031b49)}.l1-advantages:after{content:"";position:absolute;left:0;right:0;bottom:25px;height:4px;background:#1d70ff;box-shadow:0 0 15px 3px #1674ff}.l1-advantages h2{color:#fff}.l1-adv-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:28px;margin-top:35px;align-items:stretch}.l1-chart{position:relative;min-height:220px;border-left:2px solid #fff;border-bottom:2px solid #fff}.l1-chart:before{content:"";position:absolute;left:25px;right:20px;top:77px;height:72px;border-top:4px solid #38a0ff;border-bottom:4px solid #38a0ff;border-radius:25% 25% 10% 10%;filter:drop-shadow(0 0 6px #238aff)}.l1-chart span{position:absolute;left:-5px;top:-30px;font-style:normal}.l1-chart em{position:absolute;right:-10px;bottom:-28px;font-style:normal}.l1-adv-grid article{min-height:220px;padding:25px 24px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:rgba(255,255,255,.045)}.l1-adv-grid article img{width:55px;height:55px}.l1-adv-grid article h3{margin-top:15px;font-size:22px}.l1-adv-grid article p{margin-top:12px;color:rgba(255,255,255,.75);font-size:15px;line-height:1.75}.l1-image-section{position:relative;height:425px}.l1-image-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.42),transparent 58%)}.l1-image-copy{z-index:2;padding-top:78px}.l1-image-copy>*{max-width:580px}.l1-eyebrow{margin-bottom:9px!important;color:var(--l1-blue);font-size:17px;font-weight:700}.l1-image-copy h2{color:var(--l1-navy);font-size:38px;line-height:1.35}.l1-image-copy>p:not(.l1-eyebrow){margin-top:19px;font-size:17px;line-height:1.85;color:#4f5d70}.l1-btn{display:inline-flex;align-items:center;margin-top:27px;padding:13px 24px;color:#fff!important;background:var(--l1-blue);font-size:16px;border-radius:3px;transition:.2s}.l1-btn:hover{background:#143e9d;transform:translateY(-2px)}.l1-case{height:350px;border-top:1px solid #e6ebf2}.l1-case .l1-image-copy{padding-top:68px}.l1-case .l1-image-copy h2{max-width:640px;font-size:34px}.line1-page+.site_shared_footer{margin-top:0!important}
.l1-heading-row a{display:inline-flex;align-items:center;white-space:nowrap}.l1-heading-row a b,.l1-btn b{display:inline-block;line-height:1}.l1-product{height:330px;overflow:hidden}.l1-product img{height:225px!important;aspect-ratio:auto!important;object-fit:contain!important}.l1-product h3{margin-top:17px;line-height:1.35}.l1-chart{height:238px;min-height:0!important;margin:0 16px 0 8px;align-self:start}.l1-chart:before{display:none}.l1-chart svg{position:absolute;left:18px;right:12px;top:30px;width:calc(100% - 30px);height:170px;overflow:visible}.l1-chart svg path{fill:none;stroke:#36a1ff;stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:url(#l1-glow)}.l1-image-section{height:385px}.l1-image-copy{padding-top:64px}.l1-image-copy h2{font-size:34px}.l1-image-copy>p:not(.l1-eyebrow){margin-top:15px;max-width:550px;font-size:16px;line-height:1.75}.l1-btn{margin-top:22px;padding:12px 22px}.l1-case{height:315px;border-top:8px solid #fff}.l1-case .l1-image-copy{padding-top:48px}.l1-case .l1-image-copy h2{font-size:30px;line-height:1.4}.l1-solution .l1-cover{object-position:78% center}.l1-case .l1-cover{object-position:center center}.l1-solution:after,.l1-case:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 37%,rgba(255,255,255,.72) 48%,rgba(255,255,255,.12) 62%,transparent 73%)}
.l1-case{margin-top:12px!important;border-top:0!important}
@media(max-width:1100px){.l1-hero{height:500px}.l1-hero h1{font-size:60px}.l1-custom-grid{gap:16px;margin-left:0;margin-right:0}.l1-custom-card{height:150px}.l1-product-grid{gap:16px}.l1-product h3{font-size:17px}.l1-adv-grid{grid-template-columns:1fr 1fr}.l1-chart{grid-row:span 2}.l1-adv-grid article{min-height:180px}}

@media (max-width: 767px) {
  .h_b_xt { display: none !important; }

  .l1-wrap {
    width: 100%;
    padding: 0 20px;
  }
  .l1-section { padding: 42px 0; }

  .l1-hero {
    height: min(380px, 70vh) !important;
    margin-top: 68px !important;
  }
  .l1-hero .l1-cover { object-position: 68% center; }
  .l1-hero:after {
    background: linear-gradient(180deg, transparent 28%, rgba(255,255,255,.55) 62%, rgba(255,255,255,.94) 100%);
  }
  .l1-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding: 0 20px 48px !important;
    box-sizing: border-box;
  }
  .l1-hero h1 {
    font-size: 32px !important;
    letter-spacing: .04em;
  }
  .l1-en {
    margin-top: 8px !important;
    font-size: 13px;
    letter-spacing: .1em;
  }
  .l1-kicker {
    margin-top: 8px !important;
    font-size: 15px;
  }

  .l1-intro { padding-bottom: 12px; }
  .l1-intro-grid {
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 18px;
  }
  .l1-intro .l1-copy { padding: 0 !important; }
  .l1-intro h2,
  .l1-heading-row h2,
  .l1-advantages h2,
  .l1-image-copy h2 {
    font-size: 26px !important;
    line-height: 1.3;
  }
  .l1-intro p {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.8;
    text-align: left;
  }
  .l1-intro-grid > img {
    height: 200px;
    margin-top: 0;
    border-radius: 6px;
  }

  .l1-custom { padding-top: 8px; }
  .l1-panel { padding: 24px 16px 18px; }
  .l1-panel h2 { font-size: 20px; }
  .l1-custom-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 18px 0 0;
  }
  .l1-custom-card {
    height: 110px;
    gap: 10px;
  }
  .l1-custom-card:last-child { grid-column: auto; }
  .l1-custom-card img { width: 40px; height: 40px; }
  .l1-custom-card span { font-size: 14px; }
  .l1-angle-copy { display: none; }
  .l1-angle {
    height: auto;
    margin-top: 16px;
  }

  .l1-products { padding-top: 12px; }
  .l1-heading-row {
    align-items: center;
    margin-bottom: 16px;
    gap: 12px;
  }
  .l1-heading-row a { font-size: 14px; }
  .l1-product-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .l1-product {
    height: auto;
    padding: 12px 10px 16px;
  }
  .l1-product img {
    height: 120px !important;
  }
  .l1-product h3 {
    margin-top: 10px;
    font-size: 13px;
    white-space: normal;
    line-height: 1.4;
  }

  .l1-advantages { padding: 42px 0 48px; }
  .l1-adv-grid {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 22px;
  }
  .l1-chart {
    grid-row: auto;
    height: 160px;
    min-height: 0 !important;
    margin: 0 8px 8px;
  }
  .l1-chart svg {
    top: 22px;
    height: 110px;
  }
  .l1-adv-grid article {
    min-height: 0;
    padding: 18px 16px;
  }
  .l1-adv-grid article img { width: 40px; height: 40px; }
  .l1-adv-grid article h3 { margin-top: 10px; font-size: 17px; }
  .l1-adv-grid article p { font-size: 13px; }

  .l1-image-section,
  .l1-case {
    height: min(420px, 72vh) !important;
  }
  .l1-image-section .l1-cover,
  .l1-case .l1-cover { object-position: 70% center; }
  .l1-solution .l1-cover { object-position: 78% center; }
  .l1-solution:after,
  .l1-case:after {
    background: linear-gradient(180deg, transparent 22%, rgba(255,255,255,.55) 58%, rgba(255,255,255,.96) 100%) !important;
  }
  .l1-image-copy,
  .l1-case .l1-image-copy {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding: 0 20px 28px !important;
    box-sizing: border-box;
  }
  .l1-image-copy > * { max-width: none; }
  .l1-image-copy > p:not(.l1-eyebrow) {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.7;
  }
  .l1-case .l1-image-copy h2 { font-size: 22px !important; }
  .l1-btn {
    align-self: flex-start;
    margin-top: 16px;
    padding: 11px 18px;
    font-size: 14px;
  }
}
