/* 移动端优先的响应式基础样式 */

/* 默认移动端样式 (< 768px) */
.container {
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

/* 平板样式 (768px - 1199px) */
@media (min-width: 768px) {
  .container {
    max-width: 720px;
    padding: 0 20px;
  }
}

/* 小型桌面 (1200px - 1439px) */
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
    padding: 0 30px;
  }
}

/* 大型桌面 (1440px+) */
@media (min-width: 1440px) {
  .container {
    max-width: 1320px;
  }
}

/* 响应式字体大小 */
html {
  font-size: 14px; /* 移动端基准字体 */
}

@media (min-width: 768px) {
  html {
    font-size: 15px;
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 16px; /* PC端基准字体 */
  }
}

/* 首页标题响应式字体大小调整 */

/* 大地标题（MissionArea组件） */
.mission-area .aboutdd-title .title {
  font-size: 2.8rem !important; /* 默认PC端字体大小约45px */
}

/* 生态产业链标题（ServicesTwoArea组件） */
.industri-services-area .services-title .title {
  font-size: 2.5rem; /* 默认PC端字体大小约40px */
}

/* 技术应用标题（BrandArea组件） */
.brand-area .technology-title .title {
  font-size: 2.5rem; /* 默认PC端字体大小约40px */
}

/* 新闻动态标题（BlogThreeArea组件） */
.news-area .news-title .title {
  font-size: 2.5rem; /* 默认PC端字体大小约40px */
}

.mission-area {
  padding-bottom: 60px !important;
}

/* 移动端响应式调整 */
@media (max-width: 768px) {
  /* 平板端调整 */
  .mission-area {
    padding-bottom: 30px !important;
  }
  .mission-area .aboutdd-title .title {
    font-size: 2.5rem !important; /* 平板端约33px */
  }
  .industri-services-area .services-title .title {
    font-size: 2.5rem; /* 平板端约30px */
  }
  .brand-area .technology-title .title {
    font-size: 2.5rem; /* 平板端约30px */
  }
  .news-area .news-title .title {
    font-size: 2.5rem; /* 平板端约30px */
  }
}

@media (max-width: 480px) {
  /* 手机端调整 */
  /* 平板端调整 */
  .mission-area {
    padding-bottom: 20px !important;
  }
  .mission-area .aboutdd-title .title {
    font-size: 2.5rem !important; /* 手机端约24px */
  }
  .industri-services-area .services-title .title {
    font-size: 2.5rem; /* 手机端约24px */
  }
  .news-area .news-title .title {
    font-size: 2.5rem; /* 手机端约24px */
  }
  .brand-area .technology-title .title {
    font-size: 2.5rem; /* 手机端约24px */
  }
}

/* BrandArea 移动端宽度优化 */
.brand-area {
  overflow-x: hidden; /* 防止水平滚动 */
  position: relative;
}

/* 控制图片容器最大宽度 */
.lg-hy, .lt-hy {
  max-width: 100%;
  box-sizing: border-box;
}

/* 移动端响应式调整 (768px以下) */
@media (max-width: 768px) {
  /* 技术模块标题调整 */
  .technology-title .title {
    font-size: 2.5rem !important;
  }

  /* 调整技术模块布局为单列 */
  .brand-area .module-t,
  .brand-area .module-b {
    width: 100% !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  /* 调整模块内标题字体大小 */
  .brand-area .module-t h3,
  .brand-area .module-b h3 {
    font-size: 20px !important;
  }

  /* 调整右侧图片定位和尺寸 */
  .lg-hy {
    position: static !important;
    width: 100% !important;
    text-align: center;
    margin: 20px 0;
  }

  .lg-hy img {
    width: 100% !important;
    max-width: 300px;
    height: auto;
  }

  /* 隐藏底部图片 */
  .lt-hy {
    display: none !important;
  }
}