.nav-contact {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 0.0625rem rgba(255, 255, 255, 0.25); /* 1px */
}

.nav-contact:hover {
  background: rgba(255, 255, 255, 0.3);
}

.section {
  box-shadow: 0 1.125rem 3rem rgba(15, 23, 42, 0.08); /* 18px 48px */
}

/* ---------------------------顶部图片----------------------------- */
.company-page{
  overflow: hidden;
}
.company-hero {
  height: 100vh;
}

.company-hero-container {
  width: 100%;
  height: 100%;
  background: url("/assets/images/company/company.webp");
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}

.hero-title-box {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 1.25rem 3.125rem 3.125rem; /* 20px 50px 50px */
}

.hero-title-box-title {
  font-size: 3.5rem;
  font-weight: 600;
  margin: 0;
  text-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.5); /* 2px 2px 4px */
}

.hero-title-box-subtitle {
  max-width: 60%;
  line-height: 1.875rem; /* 30px */
  font-size: 1rem; /* 16px */
  margin-top: 0.625rem; /* 10px */
  text-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
  .hero-title-box-title {
    font-size: 2rem;
  }
  .hero-title-box-subtitle {
    max-width: 80%;
  }
  .hero-title-box-subtitle__mobile-none {
    display: none;
  }
}

/** ----------------------公司发展历程-------------------- */
.company-timeline-section {
  background-color: #f8f9f9;
}

.company-timeline {
  margin: 3.125rem 0;
  padding: 10rem 1.25rem 10rem;
  border-top: 0.0625rem solid #eee;
  border-bottom: 0.0625rem solid #eee;
  background-color: #f9f9f9;
}

.timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 11%;
}

/* 中心时间轴 */
.timeline::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 0.125rem;
  background: #ddd;
  transform: translateY(-50%);
}

.timeline-item {
  position: relative;
  flex: 1;
  text-align: center;
  z-index: 1;
}
.timeline-item:hover {
  z-index: 20;
}

/* 时间点 */
.timeline-point {
  position: relative;
  width: 0.875rem;
  height: 0.875rem;
  background: #1e80ff;
  border-radius: 50%;
  margin: 0 auto;
  z-index: 1;
}

.timeline-year {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.875rem;
  color: #333;
  white-space: nowrap;
}

.timeline-item:nth-child(odd) .timeline-year {
  top: calc(50% + 10px);
}
.timeline-item:nth-child(even) .timeline-year {
  bottom: calc(50% + 10px);
}

/* 连接线 */
.timeline-line {
  position: absolute;
  left: 50%;
  width: 2px;
  height: 60px;
  background: #1e80ff;
  transform: translateX(-50%);
}

/* logo */
.timeline-logo {
  position: absolute;
  left: 50%;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 2;
}

.timeline-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}

/* 上下交错布局 */
.timeline-item:nth-child(odd) .timeline-line {
  bottom: 50%;
}

.timeline-item:nth-child(odd) .timeline-logo {
  bottom: calc(50% + 60px);
}

.timeline-item:nth-child(even) .timeline-line {
  top: 50%;
}

.timeline-item:nth-child(even) .timeline-logo {
  top: calc(50% + 60px);
}

/* 悬浮详情 */
.timeline-detail {
  position: absolute;
  left: 50%;
  top: 110%;
  width: 260px;
  padding: 16px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(10px);
  transition: all 0.3s ease;
  z-index: 100;
}

.timeline-detail h4 {
  font-size: 16px;
  margin-bottom: 8px;
}

.timeline-detail p {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
}

.timeline-logo:hover .timeline-detail {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

@media (max-width: 768px) {
  /* 默认位置 */
  /* .timeline-item:first-child .timeline-detail {
    transform: translateX(50%) translateY(10px);
  } */

  /* hover 位置 */
  .timeline-item:first-child .timeline-logo:hover .timeline-detail {
    transform: translateX(-20%) translateY(0);
  }
  /* hover 位置 */
  .timeline-item:last-child .timeline-logo:hover .timeline-detail {
    transform: translateX(-80%) translateY(0);
  }
}

/** ----------------------公司介绍-------------------- */
.company-dec-section {
  padding-top: 160px;
  padding-bottom: 80px;
}
.company-dec-title {
  font-size: 46px;
  color: #191919;
  padding-bottom: 16px;
  line-height: 1.3478;
  text-align: center;
}
.company-dec-subtitle {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  text-align: center;
  padding: 0 20%;
  margin-bottom: 80px;
}
.sceneservicehome-bg {
  background: url("/assets/images/company/mt_power.webp");
  height: 32.29vw;
  max-height: 620px;
  background-position: 50%;
  background-size: cover;
}
.company-tag-list {
  padding: 80px 20%;
}
.tag-warp {
  background-color: #fafafa;
  border-radius: 5px;
}
.company-tag-item {
  display: flex;
  padding: 40px 0;
}
.company-tag-item-left {
  width: 30%;
  border-right: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  padding: 0 5%;
}
.company-tag-item-right {
  flex: 1;
  padding: 20px 120px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 36px;
}
.padding-top-none {
  padding-top: 0 !important;
}

.company-global-map {
  padding: 5rem 0;
  background: #fbfbfb;
}
.company-global-map-t {
  padding: 0 20%;
}

.company-global-map-title {
  font-size: 2.875rem;
}

.company-global-map-subtitle {
  max-width: 52.5rem;
  font-size: 1rem;
  color: #666;
  line-height: 1.5;
  margin: 1.25rem 0;
}

.company-global-map-b {
  margin-top: 3.5rem;
  padding: 0 10%;
}
.company-global-map-b img {
  width: 100%;
  height: auto;
}

.company-global-add {
  max-width: 87.5rem;
  margin: 0 auto;
  padding: 0 1.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  box-sizing: border-box;
}

/* 每个区域卡片 */
.company-global-add-item {
  border-radius: 1rem;
  padding: 0.625rem 1.5rem 1.875rem;
  transition: all 0.3s ease;
}

.company-global-add-item:hover {
  transform: translateY(-0.25rem);
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.08);
}

.company-global-add-item-con {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 1.375rem;
  padding-bottom: 0.75rem;
  border-bottom: 0.0625rem solid #e5e7eb;
}

/* 单行公司信息 */
.company-global-add-item-line {
  margin-bottom: 1.125rem;
}

.company-global-add-item-line:last-child {
  margin-bottom: 0;
}

/* 公司名称 */
.company-name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.375rem;
}

/* 地址 */
.company-address {
  font-size: 0.875rem;
  line-height: 1.6;
  color: #6b7280;
}

/* 仅作用于“中国 / China”这个区块（假设它是第 4 个） */
.company-global-add-item:nth-child(4) .company-global-add-item-con {
  position: relative;
  color: #b91c1c;
  font-weight: 700;
  padding-left: 14px;
  border-bottom: none;
  margin-bottom: 26px;
}

/* 左侧强调条 */
.company-global-add-item:nth-child(4) .company-global-add-item-con::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 4px;
  height: 20px;
  border-radius: 2px;
  background: linear-gradient(180deg, #dc2626, #991b1b);
}

/* 中国区域卡片整体略微不同 */
.company-global-add-item:nth-child(4) {
  background: linear-gradient(180deg, #fff7f7 0%, #ffffff 60%);
  border: 1px solid rgba(220, 38, 38, 0.15);
}

/* ====== 响应式适配 ====== */

/* 平板 & 小屏笔记本：两栏 */
@media screen and (max-width: 1200px) {
  .company-global-add {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 手机端：两栏 */
@media screen and (max-width: 768px) {
  .company-global-add {
    padding: 40px 16px;
    gap: 20px;
  }

  .company-global-add-item {
    padding: 22px 18px;
  }

  .company-global-add-item-con {
    font-size: 16px;
  }
}

/* 超小屏手机：一栏 */
@media screen and (max-width: 480px) {
  .company-global-add {
    grid-template-columns: 1fr;
  }
}

.company-footer {
  --item-width: 12.5rem;
  --item-height: 6.25rem;
  --item-count: 18;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.partners-wrapper {
  margin: 2rem auto;
  height: var(--item-height);
  position: relative;
  overflow: hidden;

  /* 每一行单独控制速度 */
  --duration: 30s;

  mask-image: linear-gradient(
    to right,
    transparent,
    #000 20%,
    #000 80%,
    transparent
  );
}

/* hover 到某一行时暂停该行 */
.partners-wrapper:hover .partners-item {
  animation-play-state: paused;
}

.partners-item {
  position: absolute;
  width: var(--item-width);
  height: var(--item-height);
  border-radius: 6px;

  animation-duration: var(--duration);
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  will-change: transform;
  padding: 20px;
  background-origin: content-box !important;
}

/* 左 → 右 */
.partners-left .partners-item {
  left: max(calc(var(--item-width) * var(--item-count)), 100%);
  animation-name: scroll-left;
}

/* 右 → 左 */
.partners-right .partners-item {
  right: max(
    calc(var(--item-width) * var(--item-count)),
    calc(100% + var(--item-width))
  );
  animation-name: scroll-right;
}

/* 动画延迟：保证首屏均匀分布 */
.partners-item {
  animation-delay: calc(
    var(--duration) / var(--item-count) * (var(--item-count) - var(--i)) * -1
  );
  background-image: var(--img);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #ebeffc;
}

/* 索引 */
.partners-item1:nth-child(1) {
  --i: 1;
  --img: url("/assets/images/company/partners-logo-001.png");
}
.partners-item1:nth-child(2) {
  --i: 2;
  --img: url("/assets/images/company/partners-logo-002.png");
}
.partners-item1:nth-child(3) {
  --i: 3;
  --img: url("/assets/images/company/partners-logo-003.png");
}
.partners-item1:nth-child(4) {
  --i: 4;
  --img: url("/assets/images/company/partners-logo-004.png");
}
.partners-item1:nth-child(5) {
  --i: 5;
  --img: url("/assets/images/company/partners-logo-005.png");
}
.partners-item1:nth-child(6) {
  --i: 6;
  --img: url("/assets/images/company/partners-logo-006.png");
}
.partners-item1:nth-child(7) {
  --i: 7;
  --img: url("/assets/images/company/partners-logo-007.png");
}
.partners-item1:nth-child(8) {
  --i: 8;
  --img: url("/assets/images/company/partners-logo-008.png");
}
.partners-item1:nth-child(9) {
  --i: 9;
  --img: url("/assets/images/company/partners-logo-009.png");
}
.partners-item1:nth-child(10) {
  --i: 10;
  --img: url("/assets/images/company/partners-logo-010.png");
}
.partners-item1:nth-child(11) {
  --i: 11;
  --img: url("/assets/images/company/partners-logo-011.png");
}
.partners-item1:nth-child(12) {
  --i: 12;
  --img: url("/assets/images/company/partners-logo-012.png");
}
.partners-item1:nth-child(13) {
  --i: 13;
  --img: url("/assets/images/company/partners-logo-013.png");
}
.partners-item1:nth-child(14) {
  --i: 14;
  --img: url("/assets/images/company/partners-logo-014.png");
}
.partners-item1:nth-child(15) {
  --i: 15;
  --img: url("/assets/images/company/partners-logo-015.png");
}
.partners-item1:nth-child(16) {
  --i: 16;
  --img: url("/assets/images/company/partners-logo-016.png");
}
.partners-item1:nth-child(17) {
  --i: 17;
  --img: url("/assets/images/company/partners-logo-017.png");
}
.partners-item1:nth-child(18) {
  --i: 18;
  --img: url("/assets/images/company/partners-logo-018.png");
}

.partners-item2:nth-child(1) {
  --i: 1;
  --img: url("/assets/images/company/partners-logo-019.png");
}
.partners-item2:nth-child(2) {
  --i: 2;
  --img: url("/assets/images/company/partners-logo-020.png");
}
.partners-item2:nth-child(3) {
  --i: 3;
  --img: url("/assets/images/company/partners-logo-021.png");
}
.partners-item2:nth-child(4) {
  --i: 4;
  --img: url("/assets/images/company/partners-logo-022.png");
}
.partners-item2:nth-child(5) {
  --i: 5;
  --img: url("/assets/images/company/partners-logo-023.png");
}
.partners-item2:nth-child(6) {
  --i: 6;
  --img: url("/assets/images/company/partners-logo-024.png");
}
.partners-item2:nth-child(7) {
  --i: 7;
  --img: url("/assets/images/company/partners-logo-025.png");
}
.partners-item2:nth-child(8) {
  --i: 8;
  --img: url("/assets/images/company/partners-logo-026.png");
}
.partners-item2:nth-child(9) {
  --i: 9;
  --img: url("/assets/images/company/partners-logo-027.png");
}
.partners-item2:nth-child(10) {
  --i: 10;
  --img: url("/assets/images/company/partners-logo-028.png");
}
.partners-item2:nth-child(11) {
  --i: 11;
  --img: url("/assets/images/company/partners-logo-029.png");
}
.partners-item2:nth-child(12) {
  --i: 12;
  --img: url("/assets/images/company/partners-logo-030.png");
}
.partners-item2:nth-child(13) {
  --i: 13;
  --img: url("/assets/images/company/partners-logo-031.png");
  background-color: #340c70;
}
.partners-item2:nth-child(14) {
  --i: 14;
  --img: url("/assets/images/company/partners-logo-032.png");
  background-color: #340c70;
}
.partners-item2:nth-child(15) {
  --i: 15;
  --img: url("/assets/images/company/partners-logo-033.png");
  background-color: #340c70;
}
.partners-item2:nth-child(16) {
  --i: 16;
  --img: url("/assets/images/company/partners-logo-034.png");
  background-color: #340c70;
}
.partners-item2:nth-child(17) {
  --i: 17;
  --img: url("/assets/images/company/partners-logo-035.png");
  background-color: #340c70;
}
.partners-item2:nth-child(18) {
  --i: 18;
  --img: url("/assets/images/company/partners-logo-036.png");
  background-color: #340c70;
}

.partners-item3:nth-child(1) {
  --i: 18;
  --img: url("/assets/images/company/partners-logo-037.png");
}
.partners-item3:nth-child(2) {
  --i: 17;
  --img: url("/assets/images/company/partners-logo-038.png");
}
.partners-item3:nth-child(3) {
  --i: 16;
  --img: url("/assets/images/company/partners-logo-039.png");
}
.partners-item3:nth-child(4) {
  --i: 15;
  --img: url("/assets/images/company/partners-logo-040.png");
}
.partners-item3:nth-child(5) {
  --i: 14;
  --img: url("/assets/images/company/partners-logo-041.png");
}
.partners-item3:nth-child(6) {
  --i: 13;
  --img: url("/assets/images/company/partners-logo-042.png");
}
.partners-item3:nth-child(7) {
  --i: 12;
  --img: url("/assets/images/company/partners-logo-043.png");
}
.partners-item3:nth-child(8) {
  --i: 11;
  --img: url("/assets/images/company/partners-logo-044.png");
}
.partners-item3:nth-child(9) {
  --i: 10;
  --img: url("/assets/images/company/partners-logo-045.png");
}
.partners-item3:nth-child(10) {
  --i: 9;
  --img: url("/assets/images/company/partners-logo-046.png");
}
.partners-item3:nth-child(11) {
  --i: 8;
  --img: url("/assets/images/company/partners-logo-047.png");
}
.partners-item3:nth-child(12) {
  --i: 7;
  --img: url("/assets/images/company/partners-logo-048.png");
}
.partners-item3:nth-child(13) {
  --i: 6;
  --img: url("/assets/images/company/partners-logo-049.png");
}
.partners-item3:nth-child(14) {
  --i: 5;
  --img: url("/assets/images/company/partners-logo-050.png");
}
.partners-item3:nth-child(15) {
  --i: 4;
  --img: url("/assets/images/company/partners-logo-051.png");
}
.partners-item3:nth-child(16) {
  --i: 3;
  --img: url("/assets/images/company/partners-logo-052.png");
}
.partners-item3:nth-child(17) {
  --i: 2;
  --img: url("/assets/images/company/partners-logo-053.png");
}
.partners-item3:nth-child(18) {
  --i: 1;
  --img: url("/assets/images/company/partners-logo-054.png");
}

.partners-item4:nth-child(1) {
  --i: 1;
  --img: url("/assets/images/company/partners-logo-055.png");
}
.partners-item4:nth-child(2) {
  --i: 2;
  --img: url("/assets/images/company/partners-logo-056.png");
}
.partners-item4:nth-child(3) {
  --i: 3;
  --img: url("/assets/images/company/partners-logo-057.png");
}
.partners-item4:nth-child(4) {
  --i: 4;
  --img: url("/assets/images/company/partners-logo-058.png");
}
.partners-item4:nth-child(5) {
  --i: 5;
  --img: url("/assets/images/company/partners-logo-059.png");
}
.partners-item4:nth-child(6) {
  --i: 6;
  --img: url("/assets/images/company/partners-logo-060.png");
}
.partners-item4:nth-child(7) {
  --i: 7;
  --img: url("/assets/images/company/partners-logo-061.png");
}
.partners-item4:nth-child(8) {
  --i: 8;
  --img: url("/assets/images/company/partners-logo-062.png");
}
.partners-item4:nth-child(9) {
  --i: 9;
  --img: url("/assets/images/company/partners-logo-063.png");
}
.partners-item4:nth-child(10) {
  --i: 10;
  --img: url("/assets/images/company/partners-logo-064.png");
}
.partners-item4:nth-child(11) {
  --i: 11;
  --img: url("/assets/images/company/partners-logo-065.png");
}
.partners-item4:nth-child(12) {
  --i: 12;
  --img: url("/assets/images/company/partners-logo-066.png");
}
.partners-item4:nth-child(13) {
  --i: 13;
  --img: url("/assets/images/company/partners-logo-067.png");
  background-color: #340c70;
}
.partners-item4:nth-child(14) {
  --i: 14;
  --img: url("/assets/images/company/partners-logo-068.png");
  background-color: #340c70;
}
.partners-item4:nth-child(15) {
  --i: 15;
  --img: url("/assets/images/company/partners-logo-069.png");
  background-color: #340c70;
}
.partners-item4:nth-child(16) {
  --i: 16;
  --img: url("/assets/images/company/partners-logo-070.png");
  background-color: #340c70;
}
.partners-item4:nth-child(17) {
  --i: 17;
  --img: url("/assets/images/company/partners-logo-071.png");
  background-color: #340c70;
}
.partners-item4:nth-child(18) {
  --i: 18;
  --img: url("/assets/images/company/partners-logo-072.png");
  background-color: #340c70;
}

@keyframes scroll-left {
  to {
    left: calc(var(--item-width) * -1);
  }
}

@keyframes scroll-right {
  to {
    right: calc(var(--item-width) * -1);
  }
}


/* ===============================
   产品页移动端适配
================================ */
@media (max-width: 768px) {
  .company-dec-section{
    padding-top: 5rem;
    padding-bottom: 2rem;
  }
  .company-dec-title {
    font-size: 2rem;
    padding: 0 5%;
    margin-bottom: 2rem;
  }
  .company-dec-subtitle{
    font-size: 1rem;
    padding: 0 9%;
    margin-bottom: 2rem;
  }
  .sceneservicehome-bg{
    height: 16rem;
  }
  .company-tag-list{
    padding: 5rem 10% 2rem;
  }
  .tag-warp{
    background-color: #fff;
  }
  .company-tag-item{
    display: block;
    margin-bottom: 1rem;
    background-color: #fafafa;
    border-radius: 5px;
    padding: 2.5rem 0 !important;
  }
  .company-tag-item-left{
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
  }
  .company-tag-item-right{
    padding: 1rem 5%;
  }
  .company-global-map-t{
    padding: 0 10%;
  }
  .company-global-map-title{
    font-size: 2rem;
  }
  .company-global-map-b{
    margin-top: 2rem;
    padding: 0 5%;
  }
  .company-global-add{
    padding: 2rem 1rem;
  }
  .company-global-add-item{
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.08);
  }
}