body {
  background: #fffdf1;
  font-family: "Silkscreen", sans-serif;
}

* {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

.header {
  position: fixed;
  top: 0;
  height: 7.14vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(34px);
  -webkit-backdrop-filter: blur(34px);
  padding-left: 12.5vw;
  padding-right: 12.5vw;
  z-index: 100;
}

.header .logo {
  width: 5.73vw;
}
.header .tool_btn {
  width: 12vw;
}
#section1 {
  position: relative;
  height: 57.76vw;
  padding-top: 18.28vw;
  padding-left: 12.5vw;
  box-sizing: border-box;
}

#section1::before {
  position: absolute;
  content: "";
  top: 0;
  width: 100%;
  height: 57.76vw;
  left: 0;
  background: url(images/bg1.png) no-repeat;
  background-size: cover;
  background-position: top center;
  opacity: 0.7;
  z-index: -1;
}

#section1 .title {
  width: 55vw;
  font-size: 5vw;
  color: #000000;
  line-height: 5.94vw;
}

#section1 .desc_box {
  margin-top: 1.67vw;
  font-size: 1.46vw;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.88vw;
}

#section1 .icon {
  position: absolute;
  right: 3.85vw;
  top: 12.14vw;
  width: 34.27vw;
}

#section2 {
  position: relative;
  margin-top: -5.63vw;
  z-index: 1;
  padding-left: 12.5vw;
  padding-right: 12.5vw;
  padding-bottom: 6.25vw;
}

#section2::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 42.08vw;
  background: url(images/b2.png) no-repeat;
  background-size: cover;
  background-position: top center;
}

#section2 .ricon {
  position: absolute;
  right: 12.5vw;
  top: 0;
  width: 30.68vw;
}

#section2 .title_box {
  position: relative;
  width: 35.63vw;
}

#section2 .title_box .title_icon {
  width: 4.17vw;
  margin-bottom: 1.46vw;
}

#section2 .title_box .title {
  font-size: 3.65vw;
  color: #000000;
  line-height: 4.69vw;
  margin-bottom: 1.46vw;
}

#section2 .title_box .desc {
  color: rgba(0, 0, 0, 0.5);
  padding-right: 3.49vw;
  font-size: 1.25vw;
  line-height: 1.88vw;
}

#section2 .title_box .icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.41vw;
}

#section2 .text_col {
  position: relative;
  margin-top: 4.17vw;
}

#section2 .text_col::after {
  position: absolute;
  content: "";
  top: -7.3vw;
  left: -4.5vw;
  width: 78.75vw;
  height: 34.64vw;
  background: url(images/line.png) no-repeat;
  background-position: center;
  background-size: cover;
}

#section2 .text_col_flex {
  display: flex;
  margin-bottom: 3.75vw;
}

#section2 .text_col .col2_left {
  margin-left: 5.42vw;
}

#section2 .text_col .col2_right {
  margin-left: 10.42vw;
}

#section2 .text_col .col_item {
  width: 30.21vw;
}

#section2 .col_item .icon {
  width: 2.92vw;
  margin-bottom: 0.83vw;
}

#section2 .col_item .title {
  line-height: 1.88vw;
  font-size: 1.46vw;
  color: #000000;
  margin-bottom: 0.83vw;
}

#section2 .col_item .desc {
  font-size: 1.04vw;
  color: #00985e;
  line-height: 1.56vw;
}

#section2 .media_box {
  display: flex;
  align-items: center;
  margin-top: 6.25vw;
}

#section2 .media_box .arrow {
  width: 2.92vw;
}

#section2 .media_box .arrl {
  margin-right: 1.46vw;
}

#section2 .media_box .arr {
  margin-left: 1.46vw;
}

#section2 .media_box .media_item {
  display: flex;
  align-items: center;
  font-size: 1.04vw;
  color: #171516;
}

#section2 .media_box .media_item img {
  width: 1.25vw;
  margin-right: 0.63vw;
}

#section2 .media_box .media_split {
  width: 4px;
  height: 16px;
  background: #000000;
  margin: 0 1.3vw;
}

#section3 {
  position: relative;
  padding-left: 12.5vw;
  margin-top: 6.25vw;
}

#section3 .col2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5.21vw;
  padding-right: 12.5vw;
  box-sizing: border-box;
}

#section3 .col2 .col_left {
  width: 31.93vw;
}

#section3 .col2 .col_right {
  position: relative;
  width: 36.82vw;
  text-align: right;
}

#section3 .col2 .title {
  font-size: 0.89vw;
  color: #000000;
  line-height: 1.15vw;
  margin-bottom: 1.46vw;
}

#section3 .col2 .icon {
  width: 20.47vw;
  margin-bottom: 1.46vw;
}

#section3 .col2 .text {
  font-size: 3.25vw;
  color: #000000;
  line-height: 4.69vw;
}

#section3 .col2 .icon3 {
  position: absolute;
  width: 7.29vw;
  left: -3.23vw;
  top: 0;
}

#section3 .col2 .icon2 {
  width: 14.11vw;
  margin-bottom: 2.5vw;
}

#section3 .col2 .text2 {
  font-size: 1.04vw;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.88vw;
}

#section3 .scroll-list {
  width: 100%;
  overflow: hidden;
}

#section3 .item {
  flex-shrink: 0;
  width: 21.35vw;
}

#section3 .item .title {
  font-weight: bold;
  font-size: 1.25vw;
  color: #000000;
  line-height: 1.15vw;
  margin-bottom: 1.46vw;
}

#section3 .item .desc {
  font-size: 1.25vw;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.88vw;
}

#section4 {
  position: relative;
  padding: 0 12.5vw;
  margin-top: 7.29vw;
  padding-bottom: 13.33vw;
}

#section4 .top_icon {
  display: block;
  width: 5.63vw;
  margin: 0 auto;
}

#section4 .title2 {
  text-align: center;
  font-size: 1.04vw;
  color: #000000;
  line-height: 1.15vw;
  margin: 1.46vw auto;
}

#section4 .title {
  text-align: center;
  font-size: 3.65vw;
  color: #000000;
  line-height: 4.69vw;
}

#section4 .desc {
  text-align: center;
  width: 58.54vw;
  font-size: 1.25vw;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.88vw;
  margin: 0 auto;
  margin-top: 1.46vw;
}

#section4 .col3 {
  display: flex;
  margin-top: 4.17vw;
  gap: 4.69vw;
}

#section4 .col3 .label {
  font-size: 0.89vw;
  color: #000000;
  line-height: 1.15vw;
}

#section4 .col3 .text {
  top: 2.5vw;
  left: 2.5vw;
}

#section4 .col3 .icon {
  width: 5.21vw;
  margin: 1.46vw auto;
}

#section4 .col3 .col3_item {
  width: 21.88vw;
}

#section4 .col3 .col3_iteml {
  margin-top: 8.13vw;
}

#section4 .col3 .card {
  width: 29.06vw;
  height: 7.71vw;
  background: url(images/b3.png) no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 8.23vw;
  margin-left: -5vw;
  font-size: 0.89vw;
  color: #000000;
  line-height: 1.15vw;
  padding-left: 3.13vw;
  padding-top: 2.8vw;
}

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

#section5::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 54.06vw;
  background: url(images/b4.png) no-repeat;
  background-size: cover;
  background-position: center;
}

#section5 .title2 {
  font-size: 0.89vw;
  color: #000000;
  line-height: 1.15vw;
  margin-bottom: 1.46vw;
}

#section5 .title {
  line-height: 4.69vw;
  font-size: 3.65vw;
  color: #000000;
  margin-bottom: 1.46vw;
}

#section5 .desc {
  width: 56.88vw;
  font-size: 1.25vw;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.88vw;
  margin-bottom: 2.45vw;
}

#section5 .btn {
  display: flex;
  align-items: center;
  width: 63.8vw;
  height: 7.14vw;
  background: url(images/b5.png) no-repeat;
  background-size: cover;
  background-position: center;
  font-size: 1.67vw;
  color: #000000;
  padding-left: 4.17vw;
  margin-bottom: 5.21vw;
}

#section5 .col2 {
  display: flex;
  justify-content: space-between;
}

#section5 .col2_left {
  width: 32.81vw;
}

#section5 .col2_left .icon {
  width: 3.75vw;
}

#section5 .col2_left .label {
  font-size: 0.89vw;
  color: #000000;
  line-height: 1.15vw;
  margin: 1.46vw auto;
}

#section5 .col2_left .text {
  font-size: 1.25vw;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.88vw;
  margin-bottom: 2.08vw;
}

#section5 .col2_right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 6.25vw;
  text-align: right;
}

#section5 .col2_right .bgicon {
  width: 35.94vw;
  margin-bottom: 1.3vw;
}

#section5 .col2_right .icon {
  width: 5.68vw;
  margin-bottom: 1.67vw;
}

#section5 .col2_right .title2 {
  font-weight: bold;
  font-size: 1.67vw;
  color: #000000;
  line-height: 2.71vw;
}

#section6 {
  position: relative;
  padding: 0 12.5vw;
  padding-top: 6.25vw;
}

#section6::after {
  position: absolute;
  content: "";
  top: -8.83vw;
  left: 0;
  right: 0;
  height: 68.85vw;
  background: url(images/b7.png) no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

#section6 .bg {
  display: block;
  width: 60.36vw;
  margin: 0 auto;
}

#section6 .title {
  font-size: 3.65vw;
  color: #000000;
  line-height: 4.69vw;
  text-align: center;
  margin-top: -6.25vw;
}

#section6 .title2 {
  font-size: 0.89vw;
  color: #000000;
  line-height: 1.15vw;
  text-align: center;
  margin: 1.46vw auto;
}

#section6 .desc {
  width: 63.33vw;
  font-size: 1.25vw;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.88vw;
  text-align: center;
  margin: 0 auto;
}

#section6 .flex_wrap {
  display: flex;
  flex-wrap: wrap;
}

#section6 .flex_wrap .flex_item {
  position: relative;
  width: 20.83vw;
  padding-right: 4.58vw;
  box-sizing: border-box;
  margin-right: 4.17vw;
  margin-top: 6.25vw;
}

#section6 .flex_wrap .flex_item2 {
  position: relative;
  width: 25.89vw;
  padding-right: 4.58vw;
  box-sizing: border-box;
  margin-right: 4.17vw;
}

#section6 .flex_wrap .label {
  font-size: 0.89vw;
  color: #000000;
  line-height: 1.15vw;
  margin-bottom: 1.46vw;
}

#section6 .flex_wrap .text {
  font-size: 1.25vw;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.88vw;
}

#section6 .flex_wrap .icon {
  position: absolute;
  width: 2.5vw;
  right: 0;
  bottom: 0;
}

#section6 .arrow_box {
  display: flex;
  align-items: center;
  font-size: 1.67vw;
  color: #000000;
  line-height: 2.08vw;
  margin-top: 4.17vw;
}

#section6 .arrow_box img {
  width: 24.48vw;
  margin-right: 6.25vw;
}

#section7 {
  padding-left: 12.5vw;
  padding-top: 6.25vw;
}

#section7 .title {
  font-size: 0.89vw;
  color: #000000;
  line-height: 1.15vw;
  margin-bottom: 1.46vw;
}

#section7 .desc {
  line-height: 4.69vw;
  font-size: 3.65vw;
  color: #000000;
}

#section7 .card {
  position: relative;
  height: 35.89vw;
  background: #2d7afb;
  padding-left: 4.17vw;
  padding-top: 4.17vw;
  box-sizing: border-box;
}

#section7 .card .label {
  width: 36.98vw;
  font-size: 1.25vw;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.88vw;
  margin-bottom: 1.46vw;
}

#section7 .card .text {
  width: 39.17vw;
  font-size: 1.25vw;
  color: #ffffff;
  line-height: 2.55vw;
  margin-bottom: 1.46vw;
}

#section7 .card .desc2 {
  font-size: 0.89vw;
  color: #ffffff;
  line-height: 1.15vw;
}

#section7 .card .bg {
  position: absolute;
  left: 48.96vw;
  bottom: 0;
  width: 26.04vw;
}

#section7 .scroll_view {
  margin-top: 4.17vw;
  margin-bottom: 8.33vw;
  overflow: hidden;
}

#section7 .scroll_view img {
  width: 17.19vw;
}

.footer {
  position: relative;
  height: 50.73vw;
  padding: 0 12.5vw;
  padding-top: 8.33vw;
}

.footer::after {
  position: absolute;
  content: "";
  background: url(images/fbg.png) no-repeat;
  top: 0;
  width: 100%;
  left: 0;
  height: 50.73vw;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.footer .title {
  line-height: 4.69vw;
  font-size: 3.65vw;
  color: #000000;
}

.footer .title2 {
  font-size: 0.89vw;
  color: #000000;
  line-height: 1.15vw;
  margin: 1.46vw auto;
}

.footer .desc {
  width: 40.05vw;
  font-size: 1.25vw;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.88vw;
  margin-bottom: 1.46vw;
}

.footer .desc2 {
  font-size: 1.25vw;
  color: #000000;
  line-height: 2.5vw;
}

.footer .docs {
  font-size: 1.04vw;
  color: #000000;
  line-height: 1.15vw;
}

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

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

.footer .ficon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 31.25vw;
}