.section-1 {
  background-color: #ecf3f7;
}

.section-1 .section-1-title {
  margin-top: 1vw;
  margin-bottom: 4vw;
}

.section-2 .section-con {
  background: linear-gradient(to right, #edeff3, #f5f8fb, #f1f4f7);
  padding-top: 5.4vw;
}

.section-2 .section-2-title {
  background: linear-gradient(to right, #3373de, #0b227e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.section-2 .section-2-line {
  width: 60px;
  height: 1px;
  background-color: #6b6b6c;
  margin-top: 2vw;
  margin-bottom: 1.6vw;
}

.section-2 .section-2-content {
  margin-top: 2vw;
}

.section-3 {
  background-color: #2d2d2d;
}

.section-3 .section-con {
  padding-top: 5.4vw;
}

.section-3 .section-3-title {
  background: linear-gradient(to right, #4994ec, #d1554d);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.section-3 .section-3-line {
  width: 60px;
  height: 1px;
  background-color: #6b6b6c;
  margin-top: 2vw;
  margin-bottom: 1.6vw;
}

.section-3 .section-3-content {
  margin-top: 2vw;
}

.section-3 .section-con-video {
  margin-top: 4vw;
  margin-bottom: 4vw;
}

.section-3 .section-con-video video {
  width: 90%;
  border-radius: 60px;
}

.section-4 {
  background: linear-gradient(to right, #010101, #101012);
}

.section-4 .section-con-video video {
  width: 100%;
}

.section-4 .section-con {
  padding: 0 5%;
  position: absolute;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-top: 5.4vw;
}
.section-4 .section-4-title {
  background: linear-gradient(to right, #4994ec, #d1554d);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.section-4 .section-4-line {
  width: 60px;
  height: 1px;
  background-color: #6b6b6c;
  margin-top: 2vw;
  margin-bottom: 1.6vw;
}

.section-4 .section-4-content {
  margin-top: 2vw;
}

.section-5 {
  background-color: #eef5f7;
}

.section-5 .section-5-title {
  background: linear-gradient(to right, #3373de, #0b227e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  margin-top: 3.5vw;
}

.section-5 .section-con {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 5vw;
  margin-bottom: 5vw;
}

.section-5 .grid-span-2 {
  grid-column: span 2;
}

.section-5 .parameters-item {
  border-bottom: 1px solid #d5dcde;
  padding-left: 3vw;
}

.section-5 .parameters-item .parameters-title {
  padding-bottom: 0.8vw;
  padding-top: 1vw;
}

.section-5 .parameters-item .parameters-content {
  padding-bottom: 1.8vw;
}

@media (max-width: 768px) {
  .section-1 {
    padding-top: 8vw;
  }
  .section-1 .section-1-title {
    padding-bottom: 6vw;
  }
  .section-2 .section-con,
  .section-3 .section-con,
  .section-4 .section-con {
    padding-top: 13vw;
  }
  .section-2 .section-2-content,
  .section-3 .section-3-content,
  .section-4 .section-4-content {
    margin-top: 3vw;
  }
  .section-2 .section-2-line {
    margin-top: 4.8vw;
    margin-bottom: 4.4vw;
  }

  .section-3 .section-3-line {
    margin-top: 4.8vw;
    margin-bottom: 4.4vw;
  }

  .section-3 .section-con-video video {
    border-radius: 30px;
  }
  .section-3 .section-con-video {
    margin-top: 10vw;
    margin-bottom: 16vw;
  }
  .section-4 .section-con-video video {
    width: 140%;
    margin-top: 20%;
  }

  .section-4 .section-4-line {
    margin-top: 4.8vw;
    margin-bottom: 4.4vw;
  }

  .section-5 .section-con {
    grid-template-columns: 1fr;
    text-align: center;
    margin-bottom: 13vw;
  }
  .section-5 .section-5-title {
    margin-top: 13vw;
  }
  .section-5 .parameters-item {
    padding-left: 0;
    border: 0;
  }
  .section-5 .grid-span-2 {
    grid-column: span 1;
  }
  .section-5 .parameters-item .parameters-content {
    padding-bottom: 2vw;
  }
}