/* 全局样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}
:root {
  --nav-height: 70px;
  --nav-padding: 24px;
  --title-width: 1268px; /* 首页各个块大小标题的宽度 */
  --container-max-width: 1392px; /* 内容区最大宽度 */
  --primary-color: #065D8E;
  --primary-dark: #33A8FF;
  --green-color: #028871; /* 公司简介标题下面的小绿条 */
  --text-color: #000000;
  --text-color1: #3D3D3D;
  --text-color2: #303133;
  --text-color3: #333333;
  --text-white: #FFFFFF;
  --text-light: #A8ABB2;
  --text-light1: #606266; /* 客户热点-卡片-日期 */
  --text-light2: #E5E5E5; /* 版权 */
  --text-light3: #A0A0A6; /* 产品工具文字 */
  --border-color: #DCDFE6; /* 边框 */
  --bg-color: #ffffff;
  --bg-color-main: #F3FAFF;
  --bg-color-light: #F6F6F6; /* 新闻等页面的底色 */
  --bg-color-mobile-menu: #F5F7FA;
  --bg-color-mobile-menu-hover: #ECF5FF;
  --bg-color-footer: #242424;
  --bg-color-footer2: #2E2E2E;
  --bg-color-footer-divider: #C4C4C4;
  --bg-color-footer-button-hover: #003C66;
  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --transition: all 0.3s ease;
  --staggered-offset: 8%; /* 交错轮播图偏移量，可根据视觉调整 */
}
body {
  font-family: 'Microsoft YaHei', '微软雅黑', 'PingFang SC', 'Segoe UI', system-ui, -apple-system, sans-serif;
  color: var(--text-color);
  overflow: auto;
}
html, body {
  background-color: var(--bg-color);
  height: 100%;
  margin: 0;
  padding: 0;
}

/* 安全区域适配 */
@supports (padding: max(0px)) {
  body {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/* 针对苹果手机底部指示条的适配 */
@media screen and (max-width: 768px) {
  .footer-container {
    padding-bottom: calc(30px + env(safe-area-inset-bottom, 0px));
  }
  
  .footer-copyright {
    padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  }
}

/* 轮播图左右切换按钮 */
.control-btn {
  width: 48px;
  height: 48px;
  background-color: rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.control-btn:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

/* 章节-大标题 */
.section-title {
  font-weight: 500;
  /* font-size: 36px; 动态 */
  line-height: 64px;
  margin: 0px auto 24px;
  max-width: var(--title-width); /* 宽度不够时缩中间 */
}

/* 章节-小标题 */
.section-subtitle {
  font-weight: 400;
  /* font-size: 18px; 动态 */
  line-height: 32px;
  margin: 0px auto 24px;
  max-width: var(--title-width);
}

/* 按钮-链接样式（a标签） */
.a-link {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  color: inherit;
}
/* 行内链接样式（a标签） */
.a-line-link {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

/* 按钮样式 */
.button-class {
  /* font-weight: 400;
  font-size: 24px;
  line-height: 36px; 动态 */
  background-color: var(--primary-color);
  color: white;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease; /* 定义背景颜色变化过渡 */
}

/* Tooltip 样式（默认隐藏） */
.tooltip {
  position: absolute; /* 基于视口定位 */
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  border-radius: 4px;
  font-size: 16px;
  white-space: nowrap; /* tooltip不换行 */
  z-index: 9999; /* 确保在最上层 */
  display: none; /* 默认隐藏 */
  pointer-events: none; /* 避免tooltip遮挡鼠标事件 */
}


/* -------------------------- 媒体查询：断点切换 -------------------------- */
@media (min-width: 1441px) {
  /* 章节-大标题 */
  .section-title {
    font-size: 36px;
  }

  /* 章节-小标题 */
  .section-subtitle {
    font-size: 18px;
  }
  
  /* 按钮样式 */
  .button-class {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    border-radius: 32px;
    padding: 14px 47px;
  }
}

@media (max-width: 1440px) {
  /* 章节-大标题 */
  .section-title {
    font-size: 30px;
  }

  /* 章节-小标题 */
  .section-subtitle {
    font-size: 16px;
  }
  
  /* 按钮样式 */
  .button-class {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    border-radius: 27px;
    padding: 15px 40px;
  }
}

/* 针对手机端两侧padding的响应式适配 */
@media (max-width: 500px) {
  .consultation-trial-container,
  .total-solution,
  .choose-yilong,
  .product-tools,
  .customer-hotspots,
  .footer-copyright,
  .article-banner-container,
  .article-container,
  .product-section-container,
  .solution-section-container,
  .detail-section-container
  {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

/* 针对Webkit浏览器（如Chrome、Safari）。width针对垂直滚动条，height针对水平滚动条 */
/* ::-webkit-scrollbar {
    width: 0;
    height: 0;
} */