.elementor-5630 .elementor-element.elementor-element-2a13288{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5630 .elementor-element.elementor-element-851fff7{width:100%;max-width:100%;}.elementor-5630 .elementor-element.elementor-element-5316db1.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-5630 .elementor-element.elementor-element-a467089 .fluentform-widget-wrapper{padding:30px 30px 30px 30px;border-radius:15px 15px 15px 15px;}.elementor-5630 .elementor-element.elementor-element-a467089 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{width:200px;}@media(max-width:1150px){.elementor-5630 .elementor-element.elementor-element-5a3f11b{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-5630 .elementor-element.elementor-element-2a13288{--width:100%;}}@media(max-width:767px){.elementor-5630 .elementor-element.elementor-element-851fff7{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5630 .elementor-element.elementor-element-5a3f11b{width:100%;max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-851fff7 */.company-history-timeline {
    --timeline-navy: #071c2b;
    --timeline-gold: #a77b3f;
    --timeline-line: rgba(7, 28, 43, 0.20);
    --timeline-text: #66727a;
    --timeline-glow: rgba(217, 165, 56, 0.20);

    width: 100%;
    margin: 0;
    padding: 46px 24px 52px;
    font-family: inherit;
    box-sizing: border-box;
}

.company-history-timeline *,
.company-history-timeline *::before,
.company-history-timeline *::after {
    box-sizing: border-box;
}

.company-history-timeline__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.company-history-timeline__item {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 0;
    text-align: center;
}


/* 年份 */

.company-history-timeline__year {
    margin: 0;
    color: var(--timeline-navy);
    font-family: "Manrope";
    font-size: clamp(27px, 2.45vw, 37px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.025em;
}


/* 时间轴横线区域 */

.company-history-timeline__rail {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 28px;
    margin: 15px 0 19px;
}


/* 横线 */

.company-history-timeline__rail::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 1px;
    background-color: var(--timeline-line);
    transform: translateY(-50%);
}

/* 第一项从圆点开始 */

.company-history-timeline__item:first-child
.company-history-timeline__rail::before {
    left: 50%;
}

/* 最后一项在圆点结束 */

.company-history-timeline__item:last-child
.company-history-timeline__rail::before {
    right: 50%;
}


/* 节点 */

.company-history-timeline__dot {
    position: relative;
    z-index: 2;
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: var(--timeline-gold);
    box-shadow:
        0 0 0 5px var(--timeline-glow),
        0 0 0 8px rgba(217, 165, 56, 0.05);
}


/* 内容区域 */

.company-history-timeline__content {
    max-width: 245px;
    margin: 0 auto;
    padding: 0 16px;
}


/* 节点标题 */

.company-history-timeline__title {
    margin: 0 0 10px;
    color: var(--timeline-gold);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.12em;
}


/* 描述 */

.company-history-timeline__description {
    margin: 0;
    color: var(--timeline-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0.005em;
    overflow-wrap: break-word;
}



@media screen and (min-width: 768px) and (max-width: 1150px) {

    .company-history-timeline {
        padding: 38px 18px 44px;
    }

    .company-history-timeline__list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        row-gap: 0;
    }

    .company-history-timeline__item {
        padding: 0;
    }

    .company-history-timeline__year {
        font-size: clamp(28px, 3.2vw, 36px);
    }

    .company-history-timeline__rail {
        height: 24px;
        margin: 14px 0 17px;
    }


    .company-history-timeline__rail::before {
        right: 0;
        left: 0;
    }


    .company-history-timeline__item:first-child
    .company-history-timeline__rail::before {
        left: 50%;
    }

    .company-history-timeline__item:last-child
    .company-history-timeline__rail::before {
        right: 50%;
    }

    .company-history-timeline__dot {
        width: 10px;
        height: 10px;
        box-shadow:
            0 0 0 4px var(--timeline-glow),
            0 0 0 7px rgba(217, 165, 56, 0.05);
    }


    .company-history-timeline__content {
        max-width: 230px;
        padding: 0 clamp(8px, 1.5vw, 17px);
    }

    .company-history-timeline__title {
        margin-bottom: 8px;
        font-size: clamp(10px, 1.1vw, 14px);
        letter-spacing: 0.1em;
        white-space: nowrap;
    }

    .company-history-timeline__description {
        font-size: clamp(11px, 1.15vw, 13px);
        line-height: 1.55;
    }
}



@media screen and (max-width: 767px) {

    .company-history-timeline {
        padding: 34px 18px 40px;
    }

    .company-history-timeline__list {
        display: block;
        max-width: 520px;
    }

    .company-history-timeline__item {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        grid-template-areas:
            "rail year"
            "rail content";
        column-gap: 17px;
        width: 100%;
        padding: 0 0 38px;
        text-align: left;
    }

    .company-history-timeline__item:last-child {
        padding-bottom: 0;
    }


    /* 年份 */

    .company-history-timeline__year {
        grid-area: year;
        margin: 0 0 10px;
        font-size: 22px;
        line-height: 1;
    }


    /* 左侧纵向时间轴 */

    .company-history-timeline__rail {
        grid-area: rail;
        align-items: flex-start;
        width: 34px;
        height: 100%;
        margin: 0;
    }

    .company-history-timeline__rail::before,
    .company-history-timeline__item:first-child
    .company-history-timeline__rail::before,
    .company-history-timeline__item:last-child
    .company-history-timeline__rail::before,
    .company-history-timeline__item:nth-child(odd)
    .company-history-timeline__rail::before,
    .company-history-timeline__item:nth-child(even)
    .company-history-timeline__rail::before {
        top: 12px;
        right: auto;
        bottom: auto;
        left: 50%;
        width: 1px;
        height: calc(100% + 38px);
        background-color: var(--timeline-line);
        transform: translateX(-50%);
    }

    .company-history-timeline__item:last-child
    .company-history-timeline__rail::before {
        display: none;
    }

    .company-history-timeline__dot {
        width: 10px;
        height: 10px;
        margin-top: 7px;
        box-shadow:
            0 0 0 5px var(--timeline-glow),
            0 0 0 8px rgba(217, 165, 56, 0.05);
    }


    /* 手机内容 */

    .company-history-timeline__content {
        grid-area: content;
        max-width: none;
        margin: 0;
        padding: 0 0 2px;
    }

    .company-history-timeline__title {
        margin-bottom: 8px;
        font-size: 12px;
        letter-spacing: 0.11em;
    }

    .company-history-timeline__description {
        max-width: 390px;
        font-size: 14px;
        line-height: 1.65;
    }
}


/* =====================================================
   Scroll reveal animation
   ===================================================== */
.company-history-timeline.is-animation-ready
.company-history-timeline__year,

.company-history-timeline.is-animation-ready
.company-history-timeline__content {
    opacity: 0;
    transform: translateY(24px);
    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

/* 节点初始状态 */
.company-history-timeline.is-animation-ready
.company-history-timeline__dot {
    opacity: 0;
    transform: scale(0);
    transition:
        opacity 0.45s ease,
        transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 桌面端横线初始状态 */
.company-history-timeline.is-animation-ready
.company-history-timeline__rail::before {
    transform: translateY(-50%) scaleX(0);
    transform-origin: left center;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* 每一个时间节点依次延迟出现 */
.company-history-timeline.is-animation-ready
.company-history-timeline__item {
    --timeline-delay: 0ms;
}

.company-history-timeline.is-animation-ready
.company-history-timeline__item:nth-child(1) {
    --timeline-delay: 0ms;
}

.company-history-timeline.is-animation-ready
.company-history-timeline__item:nth-child(2) {
    --timeline-delay: 170ms;
}

.company-history-timeline.is-animation-ready
.company-history-timeline__item:nth-child(3) {
    --timeline-delay: 340ms;
}

.company-history-timeline.is-animation-ready
.company-history-timeline__item:nth-child(4) {
    --timeline-delay: 510ms;
}

/* 年份出现时间 */
.company-history-timeline.is-animation-ready
.company-history-timeline__year {
    transition-delay: var(--timeline-delay);
}

/* 圆点稍后出现 */
.company-history-timeline.is-animation-ready
.company-history-timeline__dot {
    transition-delay: calc(var(--timeline-delay) + 100ms);
}

/* 横线展开 */
.company-history-timeline.is-animation-ready
.company-history-timeline__rail::before {
    transition-delay: calc(var(--timeline-delay) + 40ms);
}

/* 内容最后出现 */
.company-history-timeline.is-animation-ready
.company-history-timeline__content {
    transition-delay: calc(var(--timeline-delay) + 180ms);
}

/* 滚动进入模块后的最终状态 */
.company-history-timeline.is-animation-ready.is-visible
.company-history-timeline__year,

.company-history-timeline.is-animation-ready.is-visible
.company-history-timeline__content {
    opacity: 1;
    transform: translateY(0);
}

.company-history-timeline.is-animation-ready.is-visible
.company-history-timeline__dot {
    opacity: 1;
    transform: scale(1);
}

.company-history-timeline.is-animation-ready.is-visible
.company-history-timeline__rail::before {
    transform: translateY(-50%) scaleX(1);
}


.company-history-timeline.is-animation-ready.is-visible
.company-history-timeline__dot {
    animation: timeline-dot-pulse 1.5s ease-out both;
    animation-delay: calc(var(--timeline-delay) + 300ms);
}

@keyframes timeline-dot-pulse {
    0% {
        box-shadow:
            0 0 0 0 rgba(217, 165, 56, 0.42),
            0 0 0 0 rgba(217, 165, 56, 0.12);
    }

    55% {
        box-shadow:
            0 0 0 9px rgba(217, 165, 56, 0.15),
            0 0 0 15px rgba(217, 165, 56, 0.04);
    }

    100% {
        box-shadow:
            0 0 0 5px var(--timeline-glow),
            0 0 0 8px rgba(217, 165, 56, 0.05);
    }
}



@media screen and (max-width: 767px) {

    .company-history-timeline.is-animation-ready
    .company-history-timeline__rail::before {
        transform: translateX(-50%) scaleY(0);
        transform-origin: center top;
    }

    .company-history-timeline.is-animation-ready.is-visible
    .company-history-timeline__rail::before {
        transform: translateX(-50%) scaleY(1);
    }


    .company-history-timeline.is-animation-ready
    .company-history-timeline__item:nth-child(1) {
        --timeline-delay: 0ms;
    }

    .company-history-timeline.is-animation-ready
    .company-history-timeline__item:nth-child(2) {
        --timeline-delay: 130ms;
    }

    .company-history-timeline.is-animation-ready
    .company-history-timeline__item:nth-child(3) {
        --timeline-delay: 260ms;
    }

    .company-history-timeline.is-animation-ready
    .company-history-timeline__item:nth-child(4) {
        --timeline-delay: 390ms;
    }
}



@media (prefers-reduced-motion: reduce) {

    .company-history-timeline.is-animation-ready
    .company-history-timeline__year,

    .company-history-timeline.is-animation-ready
    .company-history-timeline__content,

    .company-history-timeline.is-animation-ready
    .company-history-timeline__dot,

    .company-history-timeline.is-animation-ready
    .company-history-timeline__rail::before {
        opacity: 1;
        animation: none;
        transition: none;
    }

    .company-history-timeline.is-animation-ready
    .company-history-timeline__year,

    .company-history-timeline.is-animation-ready
    .company-history-timeline__content {
        transform: none;
    }

    .company-history-timeline.is-animation-ready
    .company-history-timeline__dot {
        transform: scale(1);
    }

    .company-history-timeline.is-animation-ready
    .company-history-timeline__rail::before {
        transform: translateY(-50%) scaleX(1);
    }
}

@media screen and (max-width: 767px) and (prefers-reduced-motion: reduce) {

    .company-history-timeline.is-animation-ready
    .company-history-timeline__rail::before {
        transform: translateX(-50%) scaleY(1);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a3f11b */.bd-benefits,
.bd-benefits * {
  box-sizing: border-box;
}


/* =====================
   基础设设置
===================== */

.bd-benefits {

  --navy: #071d2c;
  --navy-light: #0b2a3d;

  --gold: #bf8c35;
  --gold-light: #d7b46d;

  --text: #102532;
  --text-soft: #5e6d75;

  --line: rgba(7, 29, 44, 0.13);
  --line-hover: rgba(191, 140, 53, 0.30);

  width: 100%;
  margin: 0;
  padding: 0;

  font-family:
    "Manrope",
    sans-serif;

}




.bd-benefits-layout {

  display: grid;

  grid-template-columns:
    minmax(340px, 0.88fr)
    minmax(0, 1.75fr);

  gap:
    clamp(38px, 4vw, 58px);

  align-items: stretch;

}



.bd-benefit-feature {

  position: relative;

  min-width: 0;
  min-height: 340px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  padding:
    31px 31px 33px;

  overflow: hidden;

  background:
    linear-gradient(
      145deg,
      var(--navy) 0%,
      var(--navy-light) 100%
    );

  border:
    1px solid rgba(255, 255, 255, 0.08);

  border-radius: 5px;

  box-shadow:
    0 20px 46px rgba(7, 29, 44, 0.11);

}



.bd-benefit-feature::before {

  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 1px;

  background:
    linear-gradient(
      90deg,
      rgba(215, 180, 109, 0.75) 0%,
      rgba(215, 180, 109, 0.18) 35%,
      transparent 72%
    );

  pointer-events: none;

}


.bd-benefit-feature::after {

  content: "";

  position: absolute;

  width: 290px;
  height: 245px;

  top: -55px;
  right: -88px;

  background:
    repeating-linear-gradient(
      120deg,
      rgba(215, 180, 109, 0.10) 0,
      rgba(215, 180, 109, 0.10) 1px,
      transparent 1px,
      transparent 27px
    );

  -webkit-mask-image:
    linear-gradient(
      135deg,
      rgba(0, 0, 0, 0.85) 0%,
      rgba(0, 0, 0, 0.32) 52%,
      transparent 82%
    );

  mask-image:
    linear-gradient(
      135deg,
      rgba(0, 0, 0, 0.85) 0%,
      rgba(0, 0, 0, 0.32) 52%,
      transparent 82%
    );

  pointer-events: none;

}


.bd-feature-number {

  position: relative;
  z-index: 1;

  color:
    var(--gold-light);

  font-size: 12px;
  font-weight: 700;
  line-height: 1;

  letter-spacing: 0.12em;

  font-variant-numeric:
    tabular-nums;

}


.bd-feature-content {

  position: relative;
  z-index: 1;

  min-width: 0;

}


.bd-feature-label {

  display: block;

  margin-bottom: 13px;

  color:
    var(--gold-light);

  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;

  letter-spacing: 0.09em;
  text-transform: uppercase;

}


.bd-feature-content h3 {

  max-width: 340px;

  margin:
    0 0 19px;

  color: #fff;

  font-size:
    clamp(30px, 2.25vw, 36px);

  font-weight: 580;
  line-height: 1.14;

  letter-spacing: -0.038em;

}


.bd-feature-content p {

  max-width: 340px;

  margin: 0;

  color:
    rgba(255, 255, 255, 0.72);

  font-size: 14px;
  font-weight: 450;
  line-height: 1.68;

}




.bd-benefits-list {

  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  column-gap:
    clamp(28px, 3vw, 42px);

  align-content: stretch;

}



.bd-benefit-item {

  position: relative;
  isolation: isolate;

  display: grid;

  grid-template-columns:
    38px minmax(0, 1fr);

  gap: 14px;

  min-width: 0;

  padding:
    26px 7px 27px;

  border-top:
    1px solid var(--line);

  transition:
    border-color 0.35s ease;

}



.bd-benefit-item::before {

  content: "";

  position: absolute;
  z-index: 2;

  top: -1px;
  left: 0;

  width: 28px;
  height: 1px;

  background:
    var(--gold);

  transform:
    scaleX(1);

  transform-origin:
    left center;

  transition:
    transform 0.4s cubic-bezier(.22, 1, .36, 1);

  pointer-events: none;

}



.bd-benefit-item::after {

  content: "";

  position: absolute;
  z-index: -1;

  inset:
    7px -8px 8px -8px;

  border-radius: 4px;

  background:
    linear-gradient(
      90deg,
      rgba(191, 140, 53, 0.045) 0%,
      rgba(255, 255, 255, 0) 78%
    );

  opacity: 0;

  transition:
    opacity 0.35s ease;

  pointer-events: none;

}


.bd-number {

  position: relative;
  z-index: 1;

  padding-top: 5px;

  color:
    rgba(7, 29, 44, 0.48);

  font-size: 12px;
  font-weight: 700;
  line-height: 1;

  letter-spacing: 0.07em;

  font-variant-numeric:
    tabular-nums;

  transition:
    color 0.3s ease;

}


.bd-benefit-copy {

  position: relative;
  z-index: 1;

  min-width: 0;

}


.bd-benefit-item h3 {

  margin:
    0 0 8px;

  color:
    var(--text);

  font-size: 17px;
  font-weight: 650;
  line-height: 1.35;

  letter-spacing: -0.022em;

  transition:
    color 0.3s ease;

}


.bd-benefit-item p {

  max-width: 380px;

  margin: 0;

  color:
    var(--text-soft);

  font-size: 13.5px;
  font-weight: 450;
  line-height: 1.58;

}




.bd-benefit-item.is-accent .bd-number,
.bd-benefit-item.is-accent h3 {

  color:
    var(--gold);

}




@media (hover: hover) and (pointer: fine) {

  .bd-benefit-item:hover {

    border-color:
      var(--line-hover);

  }


  .bd-benefit-item:hover::before {

    transform:
      scaleX(1.65);

  }


  .bd-benefit-item:hover::after {

    opacity: 1;

  }


  .bd-benefit-item:not(.is-accent):hover .bd-number {

    color:
      var(--gold);

  }

}



@media (max-width: 1100px) {

  .bd-benefits-layout {

    grid-template-columns:
      minmax(295px, 0.82fr)
      minmax(0, 1.5fr);

    gap: 34px;

  }


  .bd-benefits-list {

    column-gap: 24px;

  }


  .bd-benefit-feature {

    min-height: 350px;

    padding:
      28px 26px 30px;

  }


  .bd-feature-content h3 {

    font-size:
      clamp(27px, 2.7vw, 32px);

  }


  .bd-benefit-item {

    grid-template-columns:
      34px minmax(0, 1fr);

    gap: 11px;

    padding:
      23px 4px 24px;

  }


  .bd-benefit-item h3 {

    font-size: 16px;

  }


  .bd-benefit-item p {

    font-size: 13px;

  }

}



@media (max-width: 860px) {

  .bd-benefits-layout {

    grid-template-columns:
      1fr;

    gap: 30px;

  }


  .bd-benefit-feature {

    min-height: 270px;

  }


  .bd-feature-content h3 {

    max-width: 430px;

  }


  .bd-feature-content p {

    max-width: 520px;

  }

}



@media (max-width: 767px) {

  .bd-benefits-layout {

    gap: 23px;

  }


  .bd-benefit-feature {

    min-height: 255px;

    padding:
      24px 21px 25px;

    border-radius: 4px;

  }


  .bd-feature-label {

    margin-bottom: 10px;

    font-size: 10px;

  }


  .bd-feature-content h3 {

    margin-bottom: 15px;

    font-size:
      clamp(26px, 8vw, 31px);

    line-height: 1.16;

  }


  .bd-feature-content p {

    max-width: 400px;

    font-size: 13px;
    line-height: 1.62;

  }


  .bd-benefits-list {

    grid-template-columns:
      1fr;

  }


  .bd-benefit-item {

    grid-template-columns:
      34px minmax(0, 1fr);

    gap: 11px;

    padding:
      19px 2px 20px;

  }


  .bd-benefit-item::after {

    inset:
      5px -5px 6px -5px;

  }


  .bd-benefit-item h3 {

    margin-bottom: 6px;

    font-size: 15px;
    line-height: 1.36;

  }


  .bd-benefit-item p {

    max-width: none;

    font-size: 12.8px;
    line-height: 1.55;

  }


  .bd-number {

    padding-top: 4px;

    font-size: 11px;

  }

}


@media (prefers-reduced-motion: reduce) {

  .bd-benefit-item,
  .bd-benefit-item::before,
  .bd-benefit-item::after,
  .bd-benefit-item h3,
  .bd-number {

    transition: none;

  }

}/* End custom CSS */