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

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

.section {
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}
/* ---------------------------顶部图片----------------------------- */
.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: 20px 50px 50px;
}
.hero-title-box-title {
  font-size: 3.5rem;
  font-weight: 600;
  margin: 0;
  /* 添加文字阴影 */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.hero-title-box-subtitle {
  max-width: 60%;
  line-height: 30px;
  font-size: 16px;
  margin-top: 10px;
  /* 添加文字阴影 */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/** ----------------------公司发展历程-------------------- */
.company-timeline-section{
  background-color: #f8f9f9;
}
.company-timeline {
  margin: 50px 0;
  padding: 160px 20px 160px;
  border-top: 1px solid #eee;
  border-bottom: 1px 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: 2px;
  background: #ddd;
  transform: translateY(-50%);
}

.timeline-item {
  position: relative;
  flex: 1;
  text-align: center;
}

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

.timeline-year {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  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: 5;
}

.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: 10;
}

.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);
}

/** ----------------------公司介绍-------------------- */
.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);
}
.company-tag-item-right{
  flex: 1;
  padding: 20px 120px;
  color: rgba(0, 0, 0, .6);
  font-size: 16px;
  line-height: 36px;
}
.padding-top-none{
  padding-top: 0 !important;
}




.company-global-map{
  padding: 80px 0;
  background: #fbfbfb;
}
.company-global-map-t{
  padding: 0 20%;
}
.company-global-map-title{
  font-size: 46px;
}
.company-global-map-subtitle{
  max-width: 840px;
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  margin: 20px 0;
}
.company-global-map-b{
  margin-top: 56px;
  padding: 0 10%;
}
.company-global-map-b img{
  width: 100%;
  height: auto;
}





.company-global-add {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0px 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  box-sizing: border-box;
  /* background-color: #ffffff; */
}

/* 每个区域卡片 */
.company-global-add-item {
  /* background: #f9fafb; */
  border-radius: 16px;
  padding: 10px 24px 30px;
  /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); */
  transition: all 0.3s ease;
}

.company-global-add-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
}

/* 区域标题 */
.company-global-add-item-con {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 22px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
}

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

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

/* 公司名称 */
.company-name {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 6px;
}

/* 地址 */
.company-address {
  font-size: 14px;
  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: 200px;
  --item-height: 100px;
  --item-count: 18;
  padding-top: 60px;
  padding-bottom: 60px;
}
.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);
  }
}