/* custom.css — 自定义类与动画，复刻自 fuxinsoft.cn 编译后的 CSS（图片路径本地化） */

/* 字体兜底（原站使用 Source Han Sans CN） */
html {
  font-family: "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ===== 首屏 banner 响应式背景 ===== */
.bg-about {
  background: url(assets/banner1a.webp) no-repeat 50% / cover;
}
@media (max-width: 1199px) {
  .bg-about {
    background: url(assets/banner2a.webp) no-repeat 50% / cover;
  }
}
@media (max-width: 959px) {
  .bg-about {
    background: url(assets/banner3a.webp) no-repeat 50% / cover;
  }
}
@media (max-width: 751px) {
  .bg-about {
    background: url(assets/banner4a.webp) no-repeat 50% / cover;
  }
}
@media (max-width: 376px) {
  .bg-about {
    background: url(assets/banner5a.webp) no-repeat 50% / cover;
  }
}

/* ===== 公司简介区底纹 ===== */
.bg-bannerDiv {
  background: url(assets/headerBgMain.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

/* ===== 页脚底图 ===== */
.bg-footer {
  background: url(assets/footer1.webp) no-repeat 50% / cover;
}

/* ===== logo 入场动画 ===== */
@keyframes move-and-fade {
  0% { opacity: 0; transform: translateX(-30px); }
  to { opacity: 1; transform: translateX(0); }
}
.logoAnimation {
  animation: move-and-fade 0.3s ease-in-out both;
}

/* ===== 业务卡片悬停文案淡入 ===== */
@keyframes fadeIn {
  to { opacity: 1; }
}
.opacityDiv {
  animation: fadeIn 0.3s ease-in-out 0.4s forwards;
}

/* ===== 大事记横向滚动 ===== */
.eventImg img {
  max-width: fit-content !important;
}
.eventImg::-webkit-scrollbar {
  display: none;
}

/* 大事记长图自动滚动动画（桌面端，悬停暂停） */
@keyframes event-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-100% + 100vw)); }
}
.event-animation {
  animation: event-scroll 40s linear infinite;
}
.event-animation:hover {
  animation-play-state: paused;
}

/* ===== 宽度兜底 ===== */
.w702 {
  width: 100%;
}

/* ===== Swiper 分页样式覆盖（橙色横条） ===== */
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-pagination {
  margin-top: 70px;
  position: relative !important;
}
.swiper-pagination-bullet {
  height: 2px !important;
  width: 32px !important;
  border-radius: 0 !important;
}
.swiper-pagination-bullet-active {
  background: #fd5a0d !important;
}

/* ===== 字间距工具类 ===== */
.tracking-2 { letter-spacing: 2px; }
.tracking-5 { letter-spacing: 5px; }

/* ===== 顶部导航与子导航整体左移，保持两排对齐 ===== */
.nav-align-offset {
  margin-right: 256px;
}
@media (max-width: 1199px) {
  .nav-align-offset {
    margin-right: 192px;
  }
}
@media (max-width: 959px) {
  .nav-align-offset {
    margin-right: 128px;
  }
}

/* ===== 回到顶部按钮显隐 ===== */
.scroll-top-show {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* ===== 子导航当前激活态 ===== */
.subnav-active {
  color: #FD5A0D !important;
}

/* ===== 锚点滚动留白（复刻原站 scroll-margin-top） ===== */
/* 公司简介：162px；其余 section：62px */
.scroll-target {
  scroll-margin-top: 62px;
}
.scroll-targetM {
  scroll-margin-top: 162px;
}

/* ===== 子导航吸顶：向下滚动后从 top:80px 落到 top:0（复刻原站） ===== */
@media (min-width: 768px) {
  #subnav.subnav-stuck {
    top: 0 !important;
  }
}