body {
  background: #000;
  font-family: "IBM Plex Mono", sans-serif;
}

* {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

.header {
  height: 5.21vw;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}

.header .logo {
  height: 3.13vw;
}


#section1 {
  position: relative;
  padding: 0 12.5vw;
  padding-bottom: 3.13vw;
  box-sizing: border-box;
}

#section1::before {
  position: absolute;
  content: '';
  top: 0;
  width: 75vw;
  height: 42.14vw;
  left: 50%;
  margin-left: -37.5vw;
  background: url(images/bg1.png) no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: -1;
}

#section1 .bg1 {
  position: absolute;
  top: -1.56vw;
  left: 0;
  height: 78.33vw;
  width: 26.15vw;
  background: url(images/bg2.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

#section1 .bg2 {
  position: absolute;
  top: -20.42vw;
  right: 0;
  width: 73.85vw;
  height: 73.85vw;
  background: url(images/bg3.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.arrow_cool_down {
  display: block;
  width: 1.67vw;
  height: 1.67vw;
  margin: 4.17vw auto 2.5vw auto;
}

#section1 .title_box {
  position: relative;
  padding-left: 6.25vw;
  padding-top: 11.41vw;
  font-weight: bold;
  z-index: 1;
}

#section1 .title_box .title {
  font-size: 2.5vw;
  color: #FFFFFF;
}

#section1 .title_box .title2 {
  height: 6.3vw;
  margin: 1.04vw 0;
}

#section1 .title_box .btn_box {
  display: flex;
  align-items: center;
  margin-top: 3.13vw;
}

#section1 .title_box .btn_box img {
  height: 3.28vw;
  margin-right: 2.92vw;
}

#section2 {
  position: relative;
  padding: 0 18.75vw;
}

#section2::before {
  position: absolute;
  content: '';
  top: 14.29vw;
  left: 50%;
  width: 62.55vw;
  height: 41.67vw;
  margin-left: -31.25vw;
  background: url(images/bg44.png) no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: -1;
}

#section2::after {
  position: absolute;
  content: '';
  top: -5vw;
  right: 0;
  width: 60.63vw;
  height: 101.72vw;
  background: url(images/bg444.png) no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: -2;
  opacity: 0.9;
}

#section2 .desc_item {
  display: flex;
  align-items: center;
}

#section2 .desc_item .icon {
  width: 4.17vw;
  height: 4.17vw;
  margin-right: 0.83vw;
}

#section2 .desc_item .title {
  font-weight: bold;
  font-size: 2.08vw;
  line-height: 2.71vw;
  margin-bottom: 0.83vw;
  text-transform: none;
  color: transparent;
  background-image: linear-gradient(315deg, #2BFFFF 0%, #23B6E6 100%);
  -webkit-background-clip: text;
}

#section2 .desc_item .desc {
  font-size: 1.25vw;
  color: rgba(255, 255, 255, 0.5);
}

#section2 .yin {
  height: 1.67vw;
  margin-top: 4.17vw;
  margin-bottom: 0.83vw;
}

#section2 .title2 {
  font-size: 1.67vw;
  color: #FFFFFF;
  line-height: 2.19vw;
  margin-bottom: 4.17vw;
}

#section2 .col2 {
  display: flex;
}

#section2 .col2l {
  flex: 1;
  margin-right: 3.13vw;
}

#section2 .col2r {
  flex: 1;
}

#section2 .icon {
  height: 4.48vw;
  margin-bottom: 1.25vw;
}

#section2 .text {
  font-weight: bold;
  font-size: 1.46vw;
  color: #FFFFFF;
  line-height: 1.88vw;
  margin-bottom: 3.13vw;
}


#section3 {
  position: relative;
  padding-left: 18.75vw;
  overflow: hidden;
  margin-top: 4.17vw;
  margin-bottom: 8.33vw;
}


#section3 .bg {
  height: 16.15vw;
}

#section4 {
  position: relative;
  padding: 0 18.75vw;
}

#section4 .desc_item {
  display: flex;
  align-items: center;
}

#section4 .desc_item .icon {
  width: 4.17vw;
  height: 4.17vw;
  margin-right: 0.83vw;
}

#section4 .desc_item .title {
  font-weight: bold;
  font-size: 2.08vw;
  line-height: 2.71vw;
  margin-bottom: 0.83vw;
  text-transform: none;
  color: transparent;
  background-image: linear-gradient(315deg, #2BFFFF 0%, #23B6E6 100%);
  -webkit-background-clip: text;
}

#section4 .desc_item .desc {
  font-size: 1.25vw;
  color: rgba(255, 255, 255, 0.5);
}

#section4 .yin {
  height: 1.67vw;
  margin-top: 4.17vw;
  margin-bottom: 0.83vw;
}

#section4 .title2 {
  font-size: 1.67vw;
  color: #FFFFFF;
  line-height: 2.19vw;
  margin-bottom: 4.17vw;
}

#section4 .col2 {
  display: flex;
  position: relative;
}

#section4 .col2::before {
  position: absolute;
  content: '';
  top: 4.27vw;
  left: -18.75vw;
  right: -18.75vw;
  height: 56.25vw;
  background: url(images/bg6.png) no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: -2;
}

#section4 .col2::after {
  position: absolute;
  content: '';
  top: 4.27vw;
  left: 50%;
  width: 78.54vw;
  height: 40.94vw;
  margin-left: -39.27vw;
  background: url(images/bg7.png) no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: -1;
}

#section4 .col2l {
  flex: 1;
  margin-right: 2.08vw;
}

#section4 .col2r {
  flex: 1;
}

#section4 .card {
  position: relative;
  height: 25.94vw;
  background-color: rgba(40, 40, 40, 0.4);
  border-radius: 1.56vw;
  backdrop-filter: blur(0.73vw);
  padding: 2.08vw 2.5vw;
  margin-bottom: 2.08vw;
}

#section4 .arl {
  position: absolute;
  bottom: -2.6vw;
  right: -1vw;
  height: 3.13vw;
}

#section4 .card2 {
  height: 11.35vw;
  background-image: url("images/bg5.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#section4 .card2::after {
  content: '';
  position: absolute;
  height: 11.35vw;
  top: 0;
  left: 0;
  right: 0;
  background-image: url("images/bg55.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 0.4;
}

#section4 .card3 {
  height: 40.52vw;
}

#section4 .icon {
  height: 5.1vw;
  margin-bottom: 2.08vw;
}

#section4 .label {
  font-weight: bold;
  font-size: 1.25vw;
  color: #FFFFFF;
  line-height: 2.08vw;
  margin-bottom: 2.08vw;
}

#section4 .text {
  font-size: 1.25vw;
  color: rgba(255, 255, 255, 0.5);
  line-height: 2.08vw;
}

#section5 {
  position: relative;
  padding: 0 18.75vw;
  margin-top: 6.25vw;
}

#section5 .desc_item {
  display: flex;
  align-items: center;
}

#section5 .desc_item .icon {
  width: 4.17vw;
  height: 4.17vw;
  margin-right: 0.83vw;
}

#section5 .desc_item .title {
  font-weight: bold;
  font-size: 2.08vw;
  line-height: 2.71vw;
  margin-bottom: 0.83vw;
  text-transform: none;
  color: transparent;
  background-image: linear-gradient(315deg, #2BFFFF 0%, #23B6E6 100%);
  -webkit-background-clip: text;
}

#section5 .desc_item .desc {
  font-size: 1.25vw;
  color: rgba(255, 255, 255, 0.5);
}

#section5 .yin {
  height: 1.67vw;
  margin-top: 4.17vw;
  margin-bottom: 0.83vw;
}

#section5 .title2 {
  font-size: 1.67vw;
  color: #FFFFFF;
  line-height: 2.19vw;
  margin-bottom: 4.17vw;
}

#section5 .icon10 {
  height: 10.16vw;
  margin-bottom: 4.17vw;
}

#section5 .scroll_box {
  height: 29.9vw;
  margin-right: -18.75vw;
  overflow: hidden;
}

#section5 .scroll_list {
  width: 100%;
  overflow-x: scroll;
  white-space: nowrap;
  overflow-x: auto;           /* 横向可滚动 */
  scroll-behavior: smooth;    /* 平滑滚动 */
  -webkit-overflow-scrolling: touch; /* iOS 惯性滚动 */
}

#section5 .scroll_item {
  display: inline-block;
  vertical-align: top;
  padding: 2.08vw 2.5vw;
  width: 27.92vw;
  height: 29.9vw;
  background: rgba(40, 40, 40, 0.8);
  border-radius: 1.56vw;
  backdrop-filter: blur(0.73vw);
  margin-right: 2.5vw;
  white-space: wrap;
}

#section5 .scroll_item .label {
  font-weight: bold;
  font-size: 1.67vw;
  line-height: 2.19vw;
  text-transform: none;
  color: transparent;
  background-image: linear-gradient(315deg, #2BFFFF 0%, #23B6E6 100%);
  -webkit-background-clip: text;
}

#section5 .scroll_item .icon2 {
  height: 7.81vw;
  margin: 2.08vw 0;
}

#section5 .scroll_item .desc2 {
  font-size: 0.89vw;
  line-height: 1.15vw;
  color: rgba(255, 255, 255, 0.5);
}

#section5 .scroll_item .text {
  font-size: 1.15vw;
  color: #FFFFFF;
}

#section6 {
  position: relative;
  padding: 0 18.75vw;
  margin-top: 9.38vw;
}

#section6::after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 39.27vw;
  height: 40.57vw;
  background: url(images/bg8.png) no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

#section6 .desc_item {
  display: flex;
  align-items: center;
}

#section6 .desc_item .icon {
  width: 4.17vw;
  height: 4.17vw;
  margin-right: 0.83vw;
}

#section6 .desc_item .title {
  font-weight: bold;
  font-size: 2.08vw;
  line-height: 2.71vw;
  margin-bottom: 0.83vw;
  text-transform: none;
  color: transparent;
  background-image: linear-gradient(315deg, #2BFFFF 0%, #23B6E6 100%);
  -webkit-background-clip: text;
}

#section6 .desc_item .desc {
  font-size: 1.25vw;
  color: rgba(255, 255, 255, 0.5);
}

#section6 .yin {
  height: 1.67vw;
  margin-top: 4.17vw;
  margin-bottom: 0.83vw;
}

#section6 .title2 {
  font-size: 1.67vw;
  color: #FFFFFF;
  line-height: 2.19vw;
  margin-bottom: 4.17vw;
}




#section6 .card {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#section6 .card .card_item {
  flex: 1;
  text-align: center;
  margin: 0 2.08vw;
}

#section6 .card .iconc {
  height: 3.33vw;
  margin-bottom: 1.46vw;
}

#section6 .card .font {
  font-weight: bold;
  font-size: 1.15vw;
  color: #FFFFFF;
  line-height: 1.35vw;
}


#section7 {
  text-align: center;
  margin-top: 8.33vw;
}

#section7 .icon {
  height: 10.42vw;
}

#section7 .media {
  height: 10.83vw;
}

#section7 .title {
  font-weight: bold;
  font-size: 2.08vw;
  line-height: 2.71vw;
  text-transform: none;
  color: transparent;
  background-image: linear-gradient(315deg, #2BFFFF 0%, #23B6E6 100%);
  -webkit-background-clip: text;
  margin: 0.83vw 0;
}

#section7 .desc {
  font-size: 1.25vw;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.88vw;
  margin-bottom: 7.6vw;
}


.footer {
  position: relative;
  padding: 0 12.5vw;
  margin-top: 8.33vw;
  padding-bottom: 5.63vw;
}

.footer::after {
  position: absolute;
  content: '';
  background: url(images/fbg.png) no-repeat;
  bottom: 2.92vw;
  height: 51.93vw;
  left: 0;
    right: 0;
  background-size: cover;
  background-position: center;
  z-index: -1;
}


.footer .top_box {
  padding: 3.13vw 0;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

.footer .top_box .label {
  font-weight: bold;
  font-size: 0.89vw;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.04vw;
}

.footer .top_box .media_box {
  display: flex;
  align-items: center;
  margin-top: 1.46vw;
}

.footer .top_box .media_box img {
  width: 1.98vw;
  margin-right: 2.08vw;
}

.footer .flogo {
  height: 3.13vw;
  margin-top: 2.19vw;
  margin-bottom: 1.88vw;
}

.footer .bottom_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer .bottom_box .copyright {
  font-size: 1.25vw;
  color: rgba(255, 255, 255, 0.5);
}

.footer .bottom_box .email_box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18.75vw;
  height: 3.28vw;
  font-weight: bold;
  font-size: 1.25vw;
  color: #FFFFFF;
  background: #2364E6;
  border: 1px solid #24FFAB;
}

.footer .bottom_box .icon {
  width: 1.25vw;
  margin-left: 0.42vw;
}