.box_16 {
  background-image: url(./img/7979db4ad54c45e4968719ee84d7b3e0_mergeImage.png);
  width: 100%;
  height: 100vh;
}
.box_17 {
  background-color: rgba(12, 26, 63, 0.8);
  width: 100%; /* 适应屏幕宽度 */
  height: 98px;
  margin-bottom: 70px;
}

/* 默认样式 (适用于小屏幕) */
.label_5 {
  width: 48px;
  height: 48px;
  margin-left: 0; /* 小屏幕时不设置 margin-left */
}

/* 大于 768px 时应用的样式 */
@media (min-width: 768px) {
  .label_5 {
      margin-left: 45px; /* 仅在电脑端设置 margin-left */
  }
}

.text_73 {
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: FZZZHONGJW--GB1-0;
  text-align: left;
  white-space: nowrap;
  line-height: 29px;
}

.active {
  background: url(./img/SketchPng58cdd85d5a971583f82ccb58ae2b39bed0469459589d52b586885fb0eaeddba3.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 70px;
  height: 98px; /* 适应父容器高度 */
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
}

.text_74 {
  color: rgba(255, 255, 255, 1) !important;
  font-size: 16px;
  font-family: STHeitiSC-Light;
  font-weight: 300;
  text-align: center; /* 水平居中 */
  white-space: nowrap;
  line-height: 16px;
}

.text_75,
.text_76,
.text_77,
.text_78 {
  width: 64px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: STHeitiSC-Light;
  font-weight: 300;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
  margin: 33px 0 0 64px; /* 可以根据需要调整 margin */
}

.text-wrapper_9 {
  background: url(./img/SketchPngb536a9323d6aa8cbf8716a3293480f08e3761a150a6ac7902bdc6800a41fe89e.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 146px;
  height: 42px; /* 适应高度 */
  margin: 28px 62px 0 64px; /* 适应外边距 */
  display: flex;
  align-items: center; /* 垂直居中 */
}

.text_79 {
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: STHeitiSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 19px;
  margin: 0 auto; /* 适应居中 */
}

/* 鼠标悬停时不改变颜色 */
.nav-link:hover {
  color: rgba(255, 255, 255, 1) !important; /* 悬停时保持原色 */
}

.nav-link:focus {
  color: rgba(255, 255, 255, 1) !important; /* 悬停时保持原色 */
}


/* 修改 image-container 的样式 */
.aimage-container {
  position: absolute; /* 绝对定位 */
  top: 80%; /* 放置在链接的正下方 */
  right: 10px; /* 对齐左侧 */
  z-index: 1000; /* 确保在其他元素之上 */
  display: none; /* 初始隐藏 */
}

.block_1 {
  background-color: rgba(6, 12, 28, 1);
}

.text_80 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 3rem;
  font-family: HuXiaoBo-MaoLiangTi-Bold;
  font-weight: NaN;
}

.text_81 {
  color: rgba(255, 255, 255, 1);
  font-size: 50px;
  font-family: HuXiaoBo-MaoLiangTi-Bold;
  font-weight: NaN;
  /* margin: 14px 0 0 43%; */
}

/* 移动端样式 */
@media (max-width: 767px) {
  .text_80 {
    font-size: 30px;
  }
  .text_1 .text_5{
      font-size: 25px !important;
  }
  .text_2 .text_6{
      font-size: 18px !important;
  }
  .text_81 {
    font-size: 25px;
  }
  .paragraph_8 {
    font-size: 14px !important;
  }
  .text-group_1{
      margin-top: 50px !important;
    }
    .box_19 {
      margin-top: 3.8rem !important;
    }
    .container-fluid {
      padding: 0 15px !important;
    }
    .text-wrapper_3{
      margin-top: 25px !important;
    }
}

.paragraph_8 {
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: STHeitiSC-Medium;
  font-weight: 500;
  margin: 12px 0 0 14px;
}

.box_18 {
  width: 240px; /* 确保宽度与背景图片相同 */
  height: 64px; /* 确保高度与背景图片相同 */
  background: url(./img/SketchPng9781deceb82c1c36d35da75172ed854a8414e21afbedbed5ee6ba4af9e9494a7.png) no-repeat;
  background-size: contain;
  display: flex; /* 使用 flex 布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  margin-top: 26px;
}

.box_19 {
  margin-top: 6.5rem;
}

.image-text_11 {
  display: flex;
  justify-content: center;
  align-items: center;
}


.label_6 {
  width: 32px;
  height: 32px;
}

.text-group_34 {
  width: 96px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: STHeitiSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 25px;
  margin-top: 4px;
}

.list_1 {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

.image-text_12-0, .image-text_12-1, .image-text_12-2, .image-text_12-3 {
flex: 1 1 45%; /* 每个按钮占据45%的宽度，留下10%作为间隔 */
margin-bottom: 1rem;
}

/* 为大屏幕设备调整样式 */
@media (min-width: 768px) {
.image-text_12-0, .image-text_12-1, .image-text_12-2, .image-text_12-3 {
  flex: 0 1 22%; /* 每个按钮占据22%的宽度，留下4%作为间隔 */
}
}
.box_19 {
  background-color: rgba(11, 24, 58, 0.74) !important;
}
.text_85-0{
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}
.download-button {
  cursor: pointer;
  transition: background-color 0.3s; /* 添加过渡效果 */
}

.download-button:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.download-button1{
  cursor: pointer;
}

.text_1 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.5rem; /* 40px */
  font-family: HuXiaoBo-MaoLiangTi-Bold;
  text-align: center;
  line-height: 1.2;
}

.text_2 {
  overflow-wrap: break-word;
  color: rgba(159, 159, 159, 1);
  font-size: 1.125rem; /* 18px */
  font-family: STHeitiSC-Medium;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
  margin-top: 1.5rem; /* 24px */
}

.text-group_1{
  margin-top: 100px;
}

.section_1 {
  width: 100%;
  margin-top: 83px;
}

.box_2, .box_3, .box_5, .box_7 {
  height: 220px;
}

.image-text_1, .image-text_2, .image-text_3, .image-text_4 {
  width: 88px;
  height: 122px;
  margin-top: 24px;
}

.group_1, .box_4, .box_6, .box_8 {
  width: 88px;
  height: 88px;
  background-size: cover;
}

.group_1 {
  background-image: url(./img/25e0dd46ccc84c439fe6ddc65dc91e2c_mergeImage.png);
}

.box_4 {
  background-image: url(./img/1fafdd9e21c54f66bde3a00e995d83fe_mergeImage.png);
}

.box_6 {
  background-image: url(./img/070a600e11b04059bd5308df2b7bc7a9_mergeImage.png);
}

.box_8 {
  background-image: url(./img/7feed5552e7c4a0d938e0c75e3020f1e_mergeImage.png);
}

.text-group_2, .text-group_3, .text-group_4, .text-group_5 {
  width: 72px;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: STHeitiSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 19px;
  margin-top: 16px;
}

.paragraph_1, .paragraph_2, .text_3, .text_4 {
  color: rgba(159, 159, 159, 1);
  font-size: 12px;
  font-family: STHeitiSC-Light;
  font-weight: 300;
  text-align: right;
  white-space: nowrap;
  line-height: 16px;
  margin-top: 24px;
}

.paragraph_1 {
  width: 168px;
}

.paragraph_2 {
  width: 108px;
}

.text_3 {
  width: 204px;
}

.text_4 {
  width: 150px;
}

.text-group_6 {
  margin-top: 78px;
}

.text_5 {
  color: rgba(255, 255, 255, 1);
  font-size: 2.5rem; /* 40px */
  font-family: HuXiaoBo-MaoLiangTi-Bold;
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
}

.text_6 {
  color: rgba(159, 159, 159, 1);
  font-size: 1.125rem; /* 18px */
  font-family: STHeitiSC-Medium;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
  margin-top: 24px;
  white-space: nowrap;
}

.text-group {
  width: 100%;
  background-image: url(./img/weijihuo.png);
  border-radius: 15px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 20px;
  cursor: pointer; /* 让鼠标指针变为手型 */
  transition: background-color 0.3s; /* 动画效果 */
  
}

.text-group.active2 {
  background-image: url(./img/jihuo.png);
  border-radius: 15px;
}

.text_7, .text_8, .text_9, .text_10 {
  color: rgba(255, 255, 255, 1);
  font-size: 2.25rem; /* 36px */
  font-family: STHeitiSC-Medium;
  font-weight: 500;
  line-height: 1.2;
  transition: color 0.3s; /* 动画效果 */
}

.text-group.active2 .text_7,
.text-group.active2 .text_8,
.text-group.active2 .text_9,
.text-group.active2 .text_10 {
  color: rgba(69, 233, 255, 1);
}

.paragraph_3, .paragraph_4, .paragraph_5, .paragraph_6 {
  color: rgba(229, 229, 229, 1);
  font-size: 1rem; /* 16px */
  font-family: STHeitiSC-Light;
  font-weight: 300;
  line-height: 1.4;
}

.block_3 {
  height: 100%;
}

.image-wrapper_1 {
  background-image: url(./img/SketchPngcdad8dec489c73f545cbd50640d12a62d3cee4038ef3abb1bb1b616bee5c3172.png);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-wrapper_1 .image_1 {
  max-width: 100%;
  height: auto;
}

@media (max-width: 992px) {
  .text-group {
    margin-bottom: 1rem;
  }
}

.bg-image-1 {
  background-image: url(./img/SketchPngbf047b21dd5877ae446fe90483a0bf6c8015d22590714086a9ccfc44d305f3a5.png);
}

.bg-image-2 {
  background-image: url(./img/SketchPngbf047b21dd5877ae446fe90483a0bf6c8015d22590714086a9ccfc44d305f3a5.png);
}

.bg-image-3 {
  background-image: url(./img/SketchPngbf047b21dd5877ae446fe90483a0bf6c8015d22590714086a9ccfc44d305f3a5.png);
}

.bg-image-1, .bg-image-2, .bg-image-3 {
  background-size: cover;
  background-position: center;
  height: 176px;
  position: relative;
  border-radius: 15px; /* 设置圆角 */
  overflow: hidden; /* 确保背景图片不会超出圆角边界 */
}

.box {
  background-size: cover;
  background-position: center;
  height: 176px;
  position: relative;
}

.image-text {
  flex: 1;
  align-items: center;
}

.image {
  width: 64px;
  height: 64px;
}

.text-group1 {
  color: rgba(255, 255, 255, 1);
  font-size: 1.3125rem; /* 21px */
  font-family: SourceHanSansCN-Regular;
  line-height: 1.2;
}

.image-large {
  max-width: 100%;
  height: auto;
  position: absolute;
  bottom: 10px;
  left: 90px; /* 修改为 left: 10px，使图片靠左 */
}

@media (max-width: 992px) {
  .text-group {
    font-size: 1rem; /* Smaller text size on smaller screens */
  }
}

.container-fluid {
  padding: 0 50px;
}

.block {
  background-color: #333;
  border-radius: 8px;
  overflow: hidden;
}

.block, .box_12 {
  background-color: #333;
  border-radius: 8px;
  overflow: hidden;
}

.section_5 {
  background: url('./img/SketchPng95edd0acd88b0d063a2fa12bc998adf2101cdbc1f1502d1d5af3ea9ef260de10.png') no-repeat center center;
  background-size: cover;
  border-radius: 6px;
  height: 260px;
  position: relative;
}

.section_6 {
  background: url('./img/018ac8929f074f09af73bb4b79cb7751_mergeImage.png') no-repeat center center;
  background-size: cover;
  border-radius: 6px;
  border: 1px solid rgba(151, 151, 151, 1);
  height: 196px;
}

.section_7 {
  background: url('./img/44a4147fd62744fc99293dd34c5278f2_mergeImage.png') no-repeat center center;
  background-size: cover;
  border-radius: 6px;
  border: 1px solid rgba(151, 151, 151, 1);
  height: 196px;
}

.block_7 {
  background: url('./img/c35f034a48714729a245245ea0ca064d_mergeImage.png') no-repeat center center;
  background-size: cover;
  border-radius: 6px;
  border: 1px solid rgba(151, 151, 151, 1);
  height: 196px;
}

.box_13 {
  background: url('./img/ec8bea867fcb4c24b2818d19042c284e_mergeImage.png') no-repeat center center;
  background-size: cover;
  border-radius: 6px;
  border: 1px solid rgba(151, 151, 151, 1);
  height: 196px;
}

.text_14, .text_15, .text_16, .text_17, .text_18, .text_19, .text_20, .text_21, .text_22, .text_23 {
  color: #fff;
  font-family: 'STHeitiSC-Medium', sans-serif;
  margin: 5px 0; /* 每个文字元素的上下外边距为5px */
}

.text_14 {
  font-size: 24px;
  font-weight: 500;
}

.text_15, .text_17, .text_19, .text_22 {
  font-size: 16px;
  font-weight: 500;
}

.text_16, .text_18, .text_20, .text_23 {
  font-size: 12px;
  font-weight: 300;
}

.text-wrapper_1 {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 1px solid rgba(151, 151, 151, 1);
  padding: 5px;
  border-radius: 4px;
}

.text-wrapper_1:hover{
  background: #25a2ff;
  color: #fff;
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
}

.text-container {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px;
  border-radius: 4px;
}

.section_8 {
  width: 100%;
  margin-top: 29px;
}

.section_9, .section_10 {
  width: 4px;
  height: 24px;
  background: url('./img/SketchPng6bf679c43f33653e7bd8c6f19d8c1da52deae9ce055c0443a6d6f43258224117.png') no-repeat;
  background-size: cover;
}

.text_25, .text_26 {
  font-size: 20px;
  font-family: 'STHeitiSC-Medium';
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  margin-left: 5px;
}

.section_11, .section_12, .section_13, .section_16 {
  width: 100%;
  margin-top: 16px;
}

.group_2, .group_3, .box_14, .box_15, .section_14, .section_15, .block_9, .block_10 {
  background-color: rgba(32, 45, 82, 1);
  width: 100%;
  height: 64px;
}

.text-group_15, .text-group_17, .text-group_19, .text-group_21, .text-group_23, .text-group_25, .text-group_27, .text-group_29 {
  width: 80px;
}

.text-group_16, .text-group_18, .text-group_20, .text-group_22, .text-group_24, .text-group_26, .text-group_28, .text-group_30 {
  width: 199px;
}

.text_27, .text_31, .text_35, .text_39, .text_43, .text_47, .text_51, .text_55 {
  font-size: 18px;
  font-family: 'STHeitiSC-Medium';
  font-weight: 500;
  color: rgba(159, 159, 159, 1);
}

.text_28, .text_32, .text_36, .text_40, .text_44, .text_48, .text_52, .text_56 {
  font-size: 14px;
  font-family: 'STHeitiSC-Medium';
  font-weight: 500;
  color: rgba(159, 159, 159, 1);
  margin-left: 7px !important;
}

.text_29, .text_33, .text_37, .text_41, .text_45, .text_49, .text_53, .text_57 {
  font-size: 16px;
  font-family: 'STHeitiSC-Medium';
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
}

.text_30{
  color: rgba(159, 159, 159, 1);
  font-size: 12px;
  font-family: STHeitiSC-Light;
  font-weight: 300;
}

.section_17 {
  background-image: url(./img/6530055c99e440959020cf74e8bfafbf_mergeImage.png);
  background-size: cover;
  background-position: center;
  height: 430px;
  margin-top: 88px;
}

.text_59 {
  font-size: 2.5rem; /* Equivalent to 48px */
  font-family: STHeitiSC-Medium;
  font-weight: 500;
  line-height: 1.04; /* Adjusted line-height for responsiveness */
  margin-top: 98px;
}

.paragraph_7 {
  font-size: 1.125rem; /* Equivalent to 18px */
  font-family: STHeitiSC-Light;
  font-weight: 300;
  line-height: 1.33; /* Adjusted line-height for responsiveness */
  margin-top: 44px;
}

.text-wrapper_3 {
  background: url(./img/SketchPngd0b0713d68ff18b4c3dfb0850c7be166dcfb0958d6ed3fac101f9b01308faa42.png) no-repeat center center;
  background-size: contain;
  height: 54px;
  margin-top: 46px;
  margin-bottom: 92px;
  cursor: pointer; /* Change cursor to pointer on hover */
}

.text_60 {
  font-size: 1.125rem; /* Equivalent to 18px */
  font-family: STHeitiSC-Medium;
  font-weight: 500;
  line-height: 1.06; /* Adjusted line-height for responsiveness */
  text-align: center; /* Center text horizontally */
}

/* 自定义样式 */
.container {
max-width: 1200px; /* 限制容器最大宽度 */
}

.text-white {
color: #ffffff;
}

.text-secondary {
color: #636c80;
}

.fs-5 {
font-size: 1.25rem; /* 主标题字体大小 */
}

.fs-6 {
font-size: 1rem; /* 子类字体大小 (可以根据需要调整) */
}

.img-fluid {
max-width: 100%;
height: auto;
}

.bg-secondary {
background-color: #6c757d;
}

.bg-dark {
background-color: #343a40;
}

.rounded-3 {
border-radius: .3rem;
}

.me-2 {
margin-right: .5rem;
}
.dowbtn{
background-color: #25a2ff !important;
cursor: pointer;
}
.dowbtn1{
cursor: pointer;
}