/* CSS初始化 */
  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  form,
  fieldset,
  legend,
  input,
  textarea,
  button,
  p,
  blockquote,
  th,
  td {
      margin: 0;
      padding: 0;
  }

  body {
      background: #000 !important;
      ;
      text-align: center;
      font-family: 'HarmonyOS-Regular';
  }

  li {
      list-style: none;
  }

  a {
      text-decoration: none;
  }

  img {
      border: none;
  }

  body {
      max-width: 100vw;
      overflow-x: hidden;
      /* 可选，以防止任何内部元素超出 */
  }

  @font-face {
      font-family: 'HarmonyOS-Medium';
      src: url('/font-family/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
  }

  @font-face {
      font-family: 'HarmonyOS-light';
      src: url('/font-family/HarmonyOS_Sans_SC_Light.ttf') format('truetype');
  }

  @font-face {
      font-family: 'HarmonyOS-Bold';
      src: url('/font-family/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
  }

  @font-face {
      font-family: 'HarmonyOS-Regular';
      src: url('/font-family/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
  }

  #bottom {
      position: relative;
      top: 0vw;
  }

  .middle {
      margin-top: 3.2vw;
  }

  /* 幻灯片容器样式 */
  .slideshow-container {
      width: 100%;
      height: 100vh;
      position: relative;
      overflow: hidden;
      color: #fff;
  }

  /* 幻灯片样式 */
  .slide {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      display: none;
      justify-content: center;
      align-items: center;
  }

  /* 当前幻灯片显示 */
  .slide.active {
      display: flex;
      flex-direction: column;
  }

  .title1 {
      font-family: 'HarmonyOS-Bold';
      font-size: 4.8vw;
      margin-top: 0vw;
  }

  .title2 {
      font-family: 'HarmonyOS-Bold';
      font-size: 2.3vw;
      width: 24vw;
      text-align: start;
      align-self: flex-start;
      margin-left: 16vw;
  }

  .text2 {
      font-family: 'HarmonyOS-light';
      font-size: 0.9vw;
      width: 32vw;
      margin-top: 5vw;
      text-align: justify;
      align-self: flex-start;
      margin-left: 16vw;
      line-height: 1.4vw;
  }


  .title3 {
      font-family: 'HarmonyOS-Bold';
      font-size: 2.2vw;
      width: 36vw;
      text-align: start;
      align-self: flex-start;
      margin-left: 20vw;
      margin-top: -4.2vw;
  }

  .text3 {
      font-family: 'HarmonyOS-light';
      font-size: 0.86vw;
      width: 25vw;
      letter-spacing: 0.005vw;
      margin-top: 3vw;
      text-align: justify;
      align-self: flex-start;
      margin-left: 20vw;
      line-height: 1.5vw;
  }

  .title4 {
      font-family: 'HarmonyOS-Bold';
      font-size: 2.1vw;
      text-align: start;
      align-self: flex-start;
      margin-left: 56vw;
      margin-top: -4vw;
  }

  .text4 {
      font-family: 'HarmonyOS-light';
      font-size: 0.86vw;
      width: calc(450 / 1920* 100vw);
      letter-spacing: 0.015vw;
      margin-top: 9vw;
      text-align: justify;
      align-self: flex-start;
      margin-left: 56vw;
      line-height: 1.5vw;
  }

  .title5 {
      font-family: 'HarmonyOS-Bold';
      font-size: 2.1vw;
      width: 16vw;
      text-align: start;
      align-self: flex-start;
      margin-left: 56vw;
      margin-top: -4vw;
  }

  .text5 {
      font-family: 'HarmonyOS-light';
      font-size: 0.86vw;
      width: calc(450 / 1920* 100vw);
      letter-spacing: 0.015vw;
      margin-top: 9vw;
      text-align: justify;
      align-self: flex-start;
      margin-left: 56vw;
      line-height: 1.5vw;
  }

  .slide6 {
      display: flex;
  }

  .title6 {
      font-family: 'HarmonyOS-Bold';
      font-size: 2.18vw;
      width: 35vw;
      letter-spacing: 0.05vw;
      text-align: start;
      align-self: flex-start;
      position: relative;
      top: -13vw;
      left: 18vw;
  }

  .text6-1 {
      font-family: 'HarmonyOS-light';
      font-size: 0.86vw;
      width: 25vw;
      letter-spacing: 0.015vw;
      text-align: justify;
      align-self: flex-start;
      margin-left: 56vw;
      line-height: 1.5vw;
      position: relative;
      top: -19vw;
  }

  .text6-2 {
      position: relative;
      left: 0;
      top: 14.2vw;
      font-size: 0.88vw;
  }

  .title7 {
      font-family: 'HarmonyOS-Bold';
      font-size: 2.18vw;
      width: 100vw;
      letter-spacing: 0.05vw;
      text-align: center;
      align-self: flex-start;
      position: relative;
      top: -2vw;
  }



  .text7-2 {
      font-family: 'HarmonyOS-Medium';
      font-size: 1.1vw;
      width: 15vw;
      letter-spacing: 0.05vw;
      text-align: center;
      align-self: flex-start;
      position: relative;
      top: -0.5vw;
      left: 25.28vw;
  }

  .text7-3 {
      font-family: 'HarmonyOS-Medium';
      font-size: 1.1vw;
      width: 15vw;
      letter-spacing: 0.05vw;
      text-align: center;
      align-self: flex-start;
      position: relative;
      top: -3.45vw;
      left: 59.8vw;
  }

  .title8 {
      font-family: 'HarmonyOS-Bold';
      font-size: 2.1vw;
      width: 30vw;
      letter-spacing: 0.05vw;
      text-align: start;
      align-self: flex-start;
      position: relative;
      top: -12.8vw;
      left: 18vw;
  }

  .text8-1 {
      font-family: 'HarmonyOS-light';
      font-size: 0.86vw;
      width: 24.1vw;
      text-align: justify;
      align-self: flex-start;
      margin-left: 56vw;
      line-height: 1.5vw;
      position: relative;
      top: -17.5vw;
  }

  .title9 {
      font-family: 'HarmonyOS-Bold';
      font-size: 2.18vw;
      width: 100vw;
      letter-spacing: 0.05vw;
      text-align: center;
      align-self: flex-start;
      position: relative;
      top: -17.5vw;
  }

  .text9-1 {
      font-family: 'HarmonyOS-light';
      font-size: 0.88vw;
      width: 47vw;
      letter-spacing: 0.05vw;
      text-align: start;
      align-self: flex-start;
      position: relative;
      top: -13.5vw;
      left: 25vw;
      line-height: 1.3vw;
  }

  .title10,
  .title11 {
      font-family: 'HarmonyOS-Bold';
      font-size: 2.1vw;
      width: 35vw;
      letter-spacing: 0.05vw;
      text-align: start;
      align-self: flex-start;
      position: relative;
      top: -15.5vw;
      left: 18vw;
  }

  .title10 {
      top: -15vw
  }

  .text10-1,
  .text11-1 {
      font-family: 'HarmonyOS-light';
      font-size: 0.86vw;
      width: 24.5vw;
      letter-spacing: 0.015vw;
      text-align: justify;
      align-self: flex-start;
      margin-left: 56vw;
      line-height: 1.5vw;
      position: relative;
      top: -18vw;
  }

  /* 轮播指示点样式 */
  .carousel-indicators {
      position: absolute;
      left: 10vw;
      top: 70%;
      transform: translateY(-50%);
      display: flex;
      flex-direction: column;
      z-index: 1;
  }

  .indicator {
      width: 0.4vw;
      height: 0.4vw;
      border-radius: 50%;
      border: 1px solid white;
      background-color: transparent;
      margin: 0.2vw 0;
      transition: background-color 0.3s ease;
      cursor: pointer;
  }

  .indicator.active {
      background-color: #3C5FEA;
  }

  .slide {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      opacity: 0;
      /* 初始状态为透明 */
      transition: opacity 0.5s ease;
  }

  .slide.active {
      opacity: 1;
  }

  .img7-1 {
      width: 8vw;
      position: relative;
      top: 6vw;
      left: -17vw;
  }

  .img7-2 {
      width: 8vw;
      position: relative;
      top: -3vw;
      right: -17vw;
  }

  .title12 {
      font-family: 'HarmonyOS-Bold';
      font-size: 2.18vw;
      width: 100vw;
      letter-spacing: 0.05vw;
      text-align: start;
      margin-left: 40vw;
      position: relative;
      top: -1.1vw;
  }

  .text12 {
      font-family: 'HarmonyOS-light';
      font-size: 0.86vw;
      width: 24.5vw;
      letter-spacing: 0.015vw;
      text-align: justify;
      margin-left: 35vw;
      line-height: 1.5vw;
      position: relative;
      top: -3.8vw;
  }


  .video12 {
      width: 60vw;
      height: auto;
      border-radius: 0.5vw;

  }