@font-face {
    font-family: 'czy';
    src: url('images/czy.ttf') format('woff2'), 
         url('images/czy.ttf') format('woff1'),
         url('images/czy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* 全局样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 16px; /* 定义1rem = 16px（可根据需求调整） */
}

body {
  font-family: "czy", sans-serif;
  background-color: #f5f5f5;
  padding-top: 0;
  /* 防止轮播内容被banner遮挡后出现滚动条 */
  overflow-x: hidden;
}

/* 轮播容器父级：用于定位banner，让banner悬浮在轮播顶部 */
.swiper-wrapper-container {
  position: relative; /* 作为banner的定位父级 */
  width: 100%;
  margin: 0 auto;
}

/* 顶部渐变Banner样式：悬浮于swiper-container顶部上方 */
.header-banner {
  width: 100%;
  height: 11.625rem; /* Banner高度11.625rem */
  /* 从上往下渐变：#953e01渐变至透明 */
  background: linear-gradient(to bottom, #953e01, transparent);
  display: flex;
  justify-content: center; /* 让内部的banner-nav居中 */
  align-items: center;
  padding: 0 2rem;
  color: #fff;
  /* 取消box-shadow效果 */
  position: absolute; /* 相对于父级swiper-wrapper-container定位 */
  top: 0;
  left: 0;
  z-index: 100; /* 提高层级，确保在轮播之上 */
  /* 透明背景下的文字防锯齿（可选） */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* banner-nav容器：固定宽度75rem，居中，弹性布局 */
.banner-nav {
  width: 75rem; /* 固定宽度75rem */
  display: flex;
  justify-content: space-between; /* logo左，a标签右 */
  align-items: center; /* 垂直居中 */
  gap: 2rem; /* 防止内容挤在一起 */
}

.banner-logo {
  /* 调整宽度为13rem */
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 13rem; /* 固定宽度13rem */
  /* 保证logo在最左侧，不被挤压 */
  flex-shrink: 0;
}

.logo-text {
  font-size: 2.9375rem; /* 红色展陈文字大小2.9375rem */
  font-weight: normal; /* 取消文字加粗 */
  line-height: 1.2; /* 优化行高 */
  letter-spacing: 3px; /* 中文字间距3px */
  width: 100%; /* 强制继承父容器宽度 */
}

.logo-en {
  font-size: 1rem; /* 英文文字大小1rem */
  line-height: 1.2; /* 优化行高 */
  letter-spacing: -1px; /* 英文字间距-1px */
  width: 100%; /* 强制继承父容器宽度 */
  white-space: nowrap; /* 防止英文换行 */
  opacity: 0.9; /* 轻微透明，视觉更和谐 */
  text-transform: uppercase; /* 英文大写（可选） */
}

/* 导航a标签容器 */
.nav-links {
  display: flex;
  gap: 2rem; /* 原a标签之间的间距 */
  justify-content: flex-end; /* a标签居右 */
  flex-wrap: wrap; /* 小屏时换行 */
}

.nav-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1.7rem;
  transition: color 0.3s;
  white-space: nowrap; /* 防止导航项换行 */
  /* 白色下划线 */
  border-bottom: 1px solid #fff;
  padding-bottom: 0.25rem; /* 下划线与文字间距 */
}

.nav-links a:hover,
.nav-links a.active {
  color: #fff3cd;
  font-weight: bold;
  /* hover/active时下划线颜色同步变化 */
  border-bottom-color: #fff3cd;
}

/* Swiper轮播容器样式：宽度100%，高度自适应保持宽高比 */
.swiper-container {
  width: 100%; /* 轮播宽度100% */
  /* 1920px时高度为53.875rem（53.875*16=862px），通过aspect-ratio保持宽高比 */
  /* 宽高比计算：1920 / 862 ≈ 2.227，即aspect-ratio: 1920/862（或简化为约2.23/1） */
  aspect-ratio: 1920 / 862;
  max-height: 53.875rem; /* 1920px时最大高度为53.875rem */
  margin: 0 auto; /* 水平居中 */
  overflow: hidden;
  box-shadow: none; /* 取消阴影，适配全屏 */
  position: relative;
  z-index: 1; /* 层级低于banner */
  /* 轮播顶部留出banner的高度？不，banner是绝对定位，直接覆盖在轮播顶部 */
  padding-top: 0;
}

.swiper-slide {
  width: 100%;
  height: 100%;
}

/* 轮播图片容器：宽高撑满swiper-container */
.slide-link {
  display: block; /* 保留块级显示，移除超链接功能 */
  width: 100%; /* 宽度撑满 */
  height: 100%; /* 高度撑满 */
  /* 取消超链接的点击效果（若保留a标签时用） */
  pointer-events: none;
}

.slide-link img {
  width: 100%; /* 图片宽度100%撑满 */
  height: 100%; /* 图片高度100%撑满 */
  object-fit: cover; /* 保持图片比例填充容器，超出部分裁剪 */
}

/* 核心新增：items样式 */
.items {
  width: 100%;
  padding-top: 4.375rem; /* 设置顶部内边距为4.375rem */
  padding-bottom: 4.375rem;
  display: flex;
  justify-content: center; /* 让内部div水平居中 */
  align-items: flex-start; /* 对齐方式，可根据需求调整 */
  /* 背景图相关样式：覆盖、居中、不重复 */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 第一个items背景图 */
.al{
  background: url(images/al.png) no-repeat center top;
  background-size: cover;
}

/* 第二个items背景图 */
.cx {
  background: url(images/cx.png) no-repeat center top;
  background-size: cover;
}
.swiper-button-prev{
    background: url(/material/2025gb/images/left.png) no-repeat center center;
}
.swiper-button-next{
    background: url(/material/2025gb/images/right.png) no-repeat center center;
}

/* items内部的居中div */
.items .items-inner {
  width: 75rem; /* 宽度75rem */
  height: 37.5rem; /* 高度37.5rem */
  /* 新增：弹性布局分左右 */
  display: flex;
  justify-content: space-between;
  align-items: stretch; /* 让子div高度100% */
  position: relative; /* 保留原有定位 */
  /* 可选：添加背景色便于查看，后期可删除 */
  /* background-color: rgba(255, 255, 255, 0.5); */
}

/* 新增：左侧div样式 */
.items-inner-left {
  width: 11.625rem; /* 指定宽度 */
  height: 100%; /* 高度100% */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* 标题在上，按钮在下 */
  padding: 2rem 0; /* 上下内边距，可调整 */
  /* 紧贴左侧，无需额外设置，flex布局默认靠左 */
}

/* 新增：右侧div样式 */
.items-inner-right {
  width: 53.5rem; /* 指定宽度 */
  height: 100%; /* 高度100% */
  /* 紧贴右侧，flex的space-between会让其靠右 */
  display: flex; /* 新增：弹性布局排列三个子div */
  justify-content: space-between; /* 间距1rem，通过父容器gap和宽度适配 */
  align-items: stretch; /* 子div高度100% */
  gap: 1rem; /* 三个div之间的间距1rem */
  padding: 0; /* 清除内边距 */
}

/* 新增：al右侧的三个内容div样式 */
.al-card {
  width: 16.25rem; /* 指定宽度 */
  height: 100%; /* 高度100% */
  border-radius: 0.5rem; /* 小圆角，可调整大小 */
  overflow: hidden; /* 隐藏超出部分，保证图片和渐变圆角一致 */
  position: relative; /* 作为渐变层和文字的定位父级 */
  cursor: pointer; /* 鼠标悬浮显示手型，标识可点击 */
  transition: all 0.3s ease; /* 过渡效果，提升交互体验 */
}

/* 卡片内图片样式 */
.al-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 图片撑满div并保持比例 */
}

/* 卡片渐变层样式 */
.al-card-gradient {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease; /* 渐变层透明度过渡 */
}

/* 三个卡片的渐变颜色分别设置 */
.al-card-1 .al-card-gradient {
  background: linear-gradient(to top, #d07635, transparent); /* 从下至上渐变 */
}

.al-card-2 .al-card-gradient {
  background: linear-gradient(to top, #72c2a4, transparent);
}

.al-card-3 .al-card-gradient {
  background: linear-gradient(to top, #a67959, transparent);
}

/* 卡片底部文字样式 */
.al-card-text {
  position: absolute;
  left: 0;
  bottom: 2rem; /* 文字距离底部的距离，可调整 */
  width: 100%;
  text-align: center; /* 文字居中 */
  font-size: 2rem;
  color: #fff;
  z-index: 2; /* 文字在渐变层上方 */
  text-shadow: 0 1px 2px rgba(0,0,0,0.2); /* 可选：添加文字阴影，提升可读性 */
}

/* 鼠标悬浮时取消渐变效果 */
.al-card:hover .al-card-gradient {
  opacity: 0; /* 渐变层透明 */
}

/* 调整：items-inner左上角标题样式（现在在左侧div内） */
.items-title {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; /* 中文和英文之间的间距 */
}

.cx .items-title {
    color: #fff;
}

.items-title-cn {
  font-size: 2.8125rem;
  line-height: 1.2;
}

.items-title-en {
  font-size: 1.875rem;
  line-height: 1.2;
  opacity: 0.9;
}

/* 调整：查看更多按钮样式（现在在左侧div内） */
.more-btn {
  font-size: 1.875rem;
  background-color: #fff;
  border-radius: 0.5rem; /* 圆角大小，可根据需求调整 */
  padding: 0.1rem 2rem; /* 内边距，让按钮更美观 */
  white-space: nowrap;
  cursor: pointer; /* 鼠标悬浮显示手型 */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 可选：添加轻微阴影增强立体感 */
  /* 移除原有绝对定位，改用flex的space-between布局 */
  border-radius: 4.5rem;
}

/* a标签样式重置（去除默认样式） */
.more-btn a {
  color: inherit; /* 继承父级颜色 */
  text-decoration: none; /* 去除下划线 */
  display: block; /* 让a标签撑满按钮 */
  width: 100%;
  height: 100%;
  color: #737373;
}

/* ===================== 新增：cx竖向堆叠轮播样式 ===================== */
/* 覆盖cx的items-inner-right默认flex布局，改为相对定位（为swiper提供父级） */
#cx .items-inner-right {
  display: block;
  position: relative;
  width: 50rem;
  height: 100%;
  /* 隐藏超出的slide，避免布局混乱 */
  overflow: hidden;
}
/* cx竖向轮播容器：关键调整高度为100%，开启相对定位 */
.cx-swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  /* 取消原有flex布局，改为默认 */
}
/* cx轮播slide基础样式：核心调整为初始宽度*/
.cx-swiper .swiper-slide {
  width: 50% !important; /* 初始宽度为50%，激活后变为100% */
  max-height: 23.5rem; 
  height: auto; /* 高度自适应 */
  margin: 0 auto; /* 水平居中 */
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease; /* 延长过渡动画，提升流畅度 */
  z-index: 1; /* 初始层级低 */
  /* 初始状态：水平居中，宽度50%（遮挡50%宽度） */
  transform: translateX(0);
}
.swiper-slide-duplicate{
  max-height: 0 auto;
}

/* 激活的slide：宽度100%，完全不透明，层级最高 */
.cx-swiper .swiper-slide-active {
  width: 100% !important; /* 激活后宽度100% */
  opacity: 1;
  z-index: 10; /* 激活slide层级最高 */
  margin: 0 auto;
}
/* 激活slide的上一个（prev）：宽度75%，向上偏移，层级5 */
.cx-swiper .swiper-slide-prev {
  width: 87% !important; /* 比激活的小，比prev-prev大 */
  z-index: 5;
  transform: translateY(0%) translateX(0%); /* 向上偏移+水平移动，遮挡50%宽度 */
  margin: 0 auto;
}
/* 激活slide的上上个（prev-prev）：宽度50%，向上偏移更多，层级3 */
.cx-swiper .swiper-slide-prev-prev {
  width: 75% !important; /* 最顶部的slide宽度50% */
  z-index: 3;
  transform: translateY(0%) translateX(0%); /* 向上偏移更多+水平移动，遮挡50%宽度 */
  margin: 0 auto;
}
/* 激活slide的下一个（next）：宽度75%，向下偏移，层级5 */
.cx-swiper .swiper-slide-next {
  width: 87% !important;
  z-index: 5;
  transform: translateY(0%) translateX(0%); /* 向下偏移+水平移动，遮挡50%宽度 */
  margin: 0 auto;
}
/* 激活slide的下下个（next-next）：宽度50%，向下偏移更多，层级3 */
.cx-swiper .swiper-slide-next-next {
  width: 75% !important;
  z-index: 3;
  transform: translateY(0%) translateX(0%); /* 向下偏移更多+水平移动，遮挡50%宽度 */
  margin: 0 auto;
}
/* cx卡片内图片：适配最大高度，宽度100% */
.cx-card-img {
  width: 100%;
  height: 100%;
  max-height: 23.5rem; /* 图片最大高度同步 */
  object-fit: cover;
}
/* cx卡片渐变层（参考al卡片风格） */
.cx-card-gradient {
  position: absolute;
  left: 0;
  margin: 0 auto;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0,0,0,0.4), transparent);
}
/* cx卡片文字（参考al卡片风格） */
.cx-card-text {
  position: absolute;
  left: 25%;
  bottom: 1rem;
  width: 50%;
  text-align: center;
  font-size: 2rem;
  color: #fff;
  z-index: 2;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
  background: #000;
  opacity: 0.65;
  height: 3rem;
  border-radius: 2rem;
}
/* 新增：cx轮播控制按钮，调整位置和样式 */
.cx-swiper .swiper-button-prev,
.cx-swiper .swiper-button-next {
  color: #953e01;
  top: 50%;
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  z-index: 20; /* 按钮层级最高 */
}
.cx-swiper .swiper-button-prev {
  left: 1rem;
}
.cx-swiper .swiper-button-next {
  right: 1rem;
}
.cx-swiper .swiper-button-prev::after,
.cx-swiper .swiper-button-next::after {
  font-size: 1.5rem;
}

/* ===================== 新增：waptiems 样式 ===================== */
.waptiems {
  width: 100%;
  padding: 2rem 1rem; /* 上下内边距，左右留白 */
  display: none; /* 默认隐藏（大于48rem时隐藏） */
  position: relative; /* 作为文字定位的父级 */
  margin-bottom: -2rem;
}

.waptiems-link {
  display: block; /* 让a标签撑满容器 */
  width: 100%;
  max-width: 100%; /* 最大宽度限制 */
  position: relative; /* 作为图片和文字的容器 */
}

.waptiems-img {
  width: 100%; /* 图片宽度自适应 */
  height: auto; /* 高度自动，保持比例 */
  object-fit: cover; /* 图片比例适配 */
  border-radius: 0.5rem; /* 可选：添加圆角，和卡片风格统一 */
  box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* 可选：添加轻微阴影 */
}

/* waptiems底部文字样式 */
.waptiems-text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.5rem 1rem; /* 文字区域内边距 */
  text-align: center; /* 文字居中 */
  background: linear-gradient(to top, rgba(0,0,0,0.5), transparent); /* 可选：添加渐变背景，提升文字可读性 */
  border-bottom-left-radius: 0.5rem; /* 和图片圆角对齐 */
  border-bottom-right-radius: 0.5rem;
  color: #fff; /* 文字颜色白色 */
}

.waptiems-cn {
  font-size: 2.2rem; /* 中文文字大小2.2rem */
  line-height: 1.2;
  margin-bottom: 0.5rem; /* 中文和英文之间的间距 */
  text-shadow: 0 1px 2px rgba(0,0,0,0.3); /* 文字阴影提升可读性 */
}

.waptiems-en {
  font-size: 1.8rem; /* 英文文字大小1.8rem */
  line-height: 1.2;
  opacity: 0.9;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3); /* 文字阴影提升可读性 */
}

/* ===================== 新增：about 样式 ===================== */
.about{
  background: url(images/about.png) no-repeat center top;
  background-size: cover;
  width: 100%;
  height: 58.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
/* about内容容器（居中） */
.about-inner {
  width: 75rem; /* 与banner-nav宽度一致，保持布局统一 */
  padding: 0 2rem;
  color: #333; /* 文字颜色（可根据背景图调整） */
  position: relative;
}
/* 关于我们标题 */
.about-title {
  text-align: center;
  margin-bottom: 2rem;
}
.about-title-cn {
  font-size: 2.8125rem;
  line-height: 1.2;
}
.about-title-en {
  font-size: 1.2rem;
  line-height: 1.2;
  opacity: 0.8;
  margin-top: 0.5rem;
}
/* 关于我们正文 */
.about-content {
  font-size: 1.5rem;
  line-height: 2;
  text-indent: 2em; /* 首行缩进2字符 */
  margin-bottom: 2rem;
  text-align: center;
}
/* 新增：hzaboutwap 默认隐藏（仅手机端显示） */

.hzaboutwap {
  display: none;
}
.hzaboutwap img{
  width: 100%;
}
/* 分割线 */
.about-divider {
  width: 10rem;
  height: 2px;
  background-color: #953e01; /* 与banner颜色统一 */
  margin: 2rem auto;
}
/* 联系方式区域 */
.about-contact {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 1.125rem;
  margin-top: 1rem;
  text-align: center;
  margin: 0 auto;
  width: 14rem;
}
.address{
  width: 22rem;
}
.about-contact i {
    width: 1.8rem;    
    height: 1.8rem;
    background: url(/material/2025gb/images/tel.png) no-repeat center top;
    background-size: cover;
}
.address i{
    width: 1.8rem;    
    height: 1.8rem;
    background: url(/material/2025gb/images/addr.png) no-repeat center top;
    background-size: cover;
}
/* 响应式下的about适配 */
@media (max-width: 75rem) {
  .about-inner {
    width: 100%;
  }
  .about-title-cn {
    font-size: 2.2rem;
  }
  .about-content {
    font-size: 1.125rem;
  }
  .banner-logo{
    width: 8rem;
  }
  .banner-logo img{
    width: 100%;
  }
  .swiper-button-prev{
    display: none;
  }
  .swiper-button-next{
    display: none;
  }
}

/* ===================== 响应式：显示/隐藏逻辑 ===================== */
/* 小于等于48rem（768px）时：隐藏al、cx，显示waptiems */
@media (max-width: 48rem) {
  #al, #cx {
    display: none;
  }
  .about{
    height: 30.5rem;
    background: #e9e9e9;
  }
  .waptiems {
    display: block;
    background: #e9e9e9;
  }
  .banner-logo{
    width: 8rem;
  }
  .swiper-button-prev{
    display: none;
  }
  .swiper-button-next{
    display: none;
  }
  /* 核心修改：手机端隐藏about-content，显示hzaboutwap */
  .about-content {
    display: none !important;
  }
  .hzaboutwap {
    display: block !important;
  }
}

/* 大于48rem（768px）时：显示al、cx，隐藏waptiems（默认就是隐藏，这里显式声明更清晰） */
@media (min-width: 48rem) {
  #al, #cx {
    display: flex; /* 恢复原有的flex布局 */
  }

  .waptiems {
    display: none;
  }
  /* 非手机端：显示about-content，隐藏hzaboutwap */
  .about-content {
    display: block !important;
  }
  .hzaboutwap {
    display: none !important;
  }
}

/* 原有响应式适配：不同尺寸下的轮播高度（基于宽高比自动适配，以下为微调）+ Banner自适应 */
/* 视口宽度≥1920px（120rem，1920/16=120） */
@media (min-width: 120rem) {
  .swiper-container {
    max-height: 53.875rem; /* 保持最大高度为53.875rem */
    width: 100%; /* 宽度100% */
  }

  .header-banner {
    height: 11.625rem; /* 保持Banner高度 */
  }
}

/* 视口宽度1200px-1919px（75rem-119.9375rem） */
@media (min-width: 75rem) and (max-width: 119.9375rem) {
  .swiper-container {
    max-height: calc(100vw * 862 / 1920); /* 按宽高比计算高度 */
  }

  .header-banner {
    height: 11.625rem; /* 保持Banner高度 */
  }
}

/* 视口宽度768px-1199px（48rem-74.9375rem） */
@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .swiper-container {
    max-height: calc(100vw * 862 / 1920);  /*按宽高比计算高度 */
  }

  .header-banner {
    height: 8rem; /* 小屏减小Banner高度，仍悬浮在轮播顶部 */
    padding: 0 1rem;
  }

  /* 核心修改：48rem时隐藏nav-links，banner-logo居中 */
  .nav-links {
    display: none !important; /* 隐藏导航链接 */
  }

  .banner-nav {
    justify-content: center; /* banner-nav改为居中对齐，让logo居中 */
  }

  .logo-text {
    font-size: 2.5rem; /* 缩小logo文字 */
  }

  .logo-en {
    font-size: 0.875rem; /* 缩小英文文字 */
  }

  /* items内部div响应式：小屏宽度占满，高度按比例调整 */
  .items .items-inner {
    width: 90%; /* 小屏宽度90% */
    height: calc(90vw * 37.5 / 75); /* 按原宽高比（75:37.5=2:1）计算高度 */
    max-height: 37.5rem; /* 最大高度不超过37.5rem */
  }

  .items-inner-left {
    width: 10rem; /* 小屏调整左侧宽度 */
  }

  /* 适配cx的items-inner-right宽度 */
  #cx .items-inner-right {
    width: calc(100% - 12rem);
  }

  .al-card {
    width: calc((100% - 1.6rem) / 3); /* 自适应宽度，保持三个列 */
  }

  .al-card-text {
    font-size: 1.5rem; /* 小屏缩小文字大小 */
  }

  /* cx轮播slide响应式：最大高度同步缩放，宽度比例不变 */
  .cx-swiper .swiper-slide {
    max-height: 23.5rem; /* 小屏最大高度按比例缩小 */
  }
  .cx-swiper .swiper-slide-active{
    height: 25rem;
  }
  .cx-swiper .swiper-slide-prev,
  .cx-swiper .swiper-slide-next,
  .cx-swiper .swiper-slide-prev-prev,
  .cx-swiper .swiper-slide-next-next {
    max-height: calc(23.5rem * 0.9);
  }
  .cx-card-text {
    font-size: 1.5rem;
  }

  /* 响应式调整items内文字大小 */
  .items-title-cn {
    font-size: 2.2rem;
  }
  .items-title-en, .more-btn {
    font-size: 1.5rem;
  }
}

/* 视口宽度480px-767px（30rem-47.9375rem） */
@media (min-width: 30rem) and (max-width: 47.9375rem) {
  .swiper-container {
    max-height: calc(100vw * 862 / 1920); /* 按宽高比计算高度 */
  }

  .header-banner {
    height: 6rem; /* 进一步减小Banner高度 */
    padding: 0 1rem;
  }

  /* 延续48rem的样式：隐藏nav-links，logo居中（可选，根据需求决定是否保留） */
  .nav-links {
    display: none !important;
  }

  .banner-nav {
    justify-content: center;
  }

  .logo-text {
    font-size: 2rem; /* 进一步缩小logo文字 */
  }

  .logo-en {
    font-size: 0.75rem; /* 进一步缩小英文文字 */
  }

  .nav-links {
    gap: 1rem; /* 减小导航间距 */
  }

  .nav-links a {
    padding-bottom: 0.125rem; /* 减小下划线间距 */
  }

  /* items内部div响应式（这里实际已被隐藏，保留代码兼容） */
  .items .items-inner {
    width: 90%;
    height: calc(90vw * 37.5 / 75);
    max-height: 37.5rem;
  }

  .items-inner-left {
    width: 8rem; /* 小屏调整左侧宽度 */
  }

  .items-inner-right {
    width: calc(100% - 10rem); /* 小屏调整右侧宽度 */
    gap: 0.5rem; /* 小屏缩小间距 */
    flex-wrap: wrap; /* 超小屏时换行 */
  }

  .al-card {
    width: calc((100% - 1rem) / 2); /* 改为两列布局 */
    height: calc(50% - 0.25rem); /* 高度自适应 */
    margin-bottom: 0.5rem;
  }

  .al-card-text {
    font-size: 1.2rem; /* 小屏缩小文字大小 */
  }

  /* 响应式调整items内文字大小 */
  .items-title-cn {
    font-size: 1.8rem;
  }
  .items-title-en, .more-btn {
    font-size: 1.2rem;
  }
}

@media (max-width: 29.9375rem) {
  .swiper-container {
    max-height: calc(100vw * 862 / 1920); /*按宽高比计算高度 */
  }

  .header-banner {
    height: 5rem; /* 最小Banner高度 */
    padding: 0 0.5rem;
  }

  /* 延续48rem的样式：隐藏nav-links，logo居中（可选，根据需求决定是否保留） */
  .nav-links {
    display: none !important;
  }

  .banner-nav {
    justify-content: center;
  }

  .logo-text {
    font-size: 1.5rem; /* 最小logo文字 */
  }

  .logo-en {
    font-size: 0.6rem; /* 最小英文文字 */
  }

  .nav-links {
    gap: 0.5rem; /* 最小导航间距 */
  }

  .nav-links a {
    font-size: 0.75rem; /* 缩小导航文字 */
    padding-bottom: 0.1rem; /* 最小下划线间距 */
  }

  /* items内部div响应式（这里实际已被隐藏，保留代码兼容） */
  .items .items-inner {
    width: 90%;
    height: calc(90vw * 37.5 / 75);
    max-height: 37.5rem;
    flex-direction: column; /* 小屏改为垂直布局 */
  }

  .items-inner-left {
    width: 100%; /* 垂直布局后宽度100% */
    height: auto; /* 高度自适应 */
    flex-direction: row; /* 标题和按钮横向排列 */
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
  }

  .items-inner-right {
    width: 100%; /* 垂直布局后宽度100% */
    height: calc(100% - 6rem); /* 剩余高度 */
    gap: 0.5rem; /* 小屏缩小间距 */
    flex-wrap: wrap; /* 换行 */
  }

  .al-card {
    width: 100%; /* 单列布局 */
    height: calc(33.33% - 0.33rem); /* 高度均分 */
  }

  .al-card-text {
    font-size: 1rem; /* 最小文字大小 */
  }

  /* 响应式调整items内文字大小 */
  .items-title-cn {
    font-size: 1.5rem;
  }
  .items-title-en, .more-btn {
    font-size: 1rem;
  }

  /* 小屏下调整waptiems文字大小，避免过大 */
  .waptiems-cn {
    font-size: 1.8rem;
  }
  .waptiems-en {
    font-size: 1.4rem;
  }
}

/* 适配75rem宽度的临界值：当屏幕小于75rem（1200px）时，banner-nav占满宽度 */
@media (max-width: 75rem) { /* 75rem = 1200px */
  .banner-nav {
    width: 100%; /* 屏幕不足75rem时，nav占满宽度 */
    padding: 0 1rem; /* 加内边距，防止贴边 */
  }
}

/* Swiper按钮颜色修改为#953e01 */
.swiper-button-prev::after,
.swiper-button-next::after {
  color: #953e01 !important; /* 强制修改图标颜色 */
  font-size: 2rem !important; /* 可选：调整按钮大小 */
}

.swiper-button-prev:hover::after,
.swiper-button-next:hover::after {
  color: #7a3200 !important; /* 悬浮时稍深的颜色 */
}

/* 响应式调整按钮大小 */
@media (min-width: 120rem) {
  .swiper-button-prev::after,
  .swiper-button-next::after {
    font-size: 2.5rem !important;
  }
}

@media (max-width: 48rem) {
  .swiper-button-prev::after,
  .swiper-button-next::after {
    font-size: 1.5rem !important;
  }
}