html, body {
  height: 100%; /* 确保 HTML 和 body 占满整个视口高度 */
  margin: 0;
  padding: 0;
}
#aboutBanner {
  position: relative;
  height: 50vh; /* 设置高度 */
  background: rgba(0, 0, 0, 0.7); /* 黑色透明背景 */
  display: flex; /* 启用 Flexbox 布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  color: white; /* 文字颜色 */
  text-align: center; /* 文字居中对齐 */
}

#aboutBanner .banner-content h1 {
  font-size: 48px; /* 英文大字号 */
  margin: 0;
  padding-top: 20px;

}

#aboutBanner .banner-content h3 {
  padding-top: 20px;
  font-size: 24px; /* 中文小字号 */
  margin: 0;
}

#aboutWrap #panel3 {
  color: black;
  padding-top: 80px;
  padding-bottom: 80px;
}
#aboutWrap #panel3 .erweima {
  width: 200px;
  height: 200px;
  display: block; /* 确保是块级元素 */
  margin-left: auto; /* 自动将左侧空间填充 */
  margin-right: 0; /* 靠右对齐 */
}
#aboutWrap {
  display: flex;
  flex-direction: column; /* 使用 Flexbox 布局 */
  min-height: 100%; /* 确保内容区域至少占满视口高度 */
}

#footer {
  margin-top: auto; /* 将 footer 推到页面底部 */
  background-color: #444444;
  color: #a8a8a8;
  text-align: center;
  padding: 10px 0;
}

/* 技术支持页面样式 */
#techSupportBanner {
  position: relative;
  height: 50vh; /* 设置高度 */
  background: rgba(0, 0, 0, 0.7); /* 黑色透明背景 */
  display: flex; /* 启用 Flexbox 布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  color: white; /* 文字颜色 */
  text-align: center; /* 文字居中对齐 */
}

#techSupportBanner .banner-content h1 {
  font-size: 48px; /* 英文大字号 */
  margin: 0;
  padding-top: 20px;
}

#techSupportBanner .banner-content h3 {
  padding-top: 20px;
  font-size: 24px; /* 中文小字号 */
  margin: 0;
}

#techSupportWrap {
  display: flex;
  flex-direction: column; /* 使用 Flexbox 布局 */
  min-height: 100%; /* 确保内容区域至少占满视口高度 */
}

#techSupportWrap #panel1 {
  color: black;
  padding-top: 80px;
  padding-bottom: 80px;
}

#techSupportWrap #panel2 {
  color: black;
  padding-top: 80px;
  padding-bottom: 80px;
}

#techSupportWrap #panel3 {
  color: black;
  padding-top: 80px;
  padding-bottom: 80px;
}