.page-wrap {
  position: relative;
  width: 100%;
  min-height: 814px;
  min-width: 1280px;
}

.index-wrap {
  width: 100%;
  height: 100%;

  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;

  background: transparent;
}

.page-wrap .earth-wrap {
  width: 100%;
  height: 100%;
  position: relative;

  background: gray;
  overflow: hidden;

  z-index: 0;

  background-image: url('/static/home/img/bg.png');
  background-size: cover;
}

.page-wrap .earth-wrap video.earth {
    position: absolute;
    bottom: -379px;
    right: -203px;
    width: 1200px;
    height: 1200px;
    
    opacity: 0.8;
}

.title-wrap {
  position: absolute;
  left: 5%;
  bottom: 43%;

}
.title-wrap .text {
  font-family: Outfit;
  font-size: 32px;
  font-weight: bold;
  font-variation-settings: "opsz" auto;
  /* ONCE */
  color: #FFFFFF;
  margin-bottom: 10px;
}

.title-wrap .highlight {
  color: #F37331;
}

.title-wrap .detail {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 300;
  line-height: 160%;
  letter-spacing: 0em;
  font-variation-settings: "opsz" auto;
  color: rgba(255, 255, 255, 1);

  width: 688px;
  line-height: 28px;

}
.navgitor-wrap {
  position: absolute;
  left: 5%;
  bottom: 11%;

  display: flex;
}
.navgitor-item {
  width: 300px;
  height: 150px;

  margin-right: 100px;

  cursor: pointer;
}

.navgitor-item .no {
  font-family: Outfit;
  font-size: 16px;
  color: #F37331;

  border-bottom: 1px #F37331 solid;

  padding-bottom: 10px;
}
.navgitor-item .title {
  font-size: 28px;
  font-weight: 600;
  color: #fff;

  margin: 15px 0;
}
.navgitor-item .detail {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.4);

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* 可以设置为所需的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
}