.introduction-page {
  color: #080404;
}
.introduction-page .banner .bg {
  height: 20em;
  background-image: url("/assets/imgs/images/home/banner.png");
}
.introduction-page .body {
  margin: 5em auto;
  max-width: 1040px;
}
.introduction-page .info h3 {
  font-size: 1.714em;
  line-height: 2;
}
.introduction-page .info .content p {
  text-align: justify;
  line-height: 2.6;
  text-indent: 2.57em;
  letter-spacing: 1px;
}
.introduction-page .info .content .img-wrap {
  width: 100%;
  margin: 3.21em 0;
  display: flex;
}
.introduction-page .info .content .img-wrap img {
  flex: 1;
  height: 17em;
  overflow: hidden;
  object-fit: cover;
}
.introduction-page .info .content .img-wrap img + img {
  margin-left: 0.416em;
}
.introduction-page .cooperate {
  margin-bottom: 14em;
}
.introduction-page .cooperate .title {
  font-size: 1.428em;
  line-height: 3;
}
.introduction-page .cooperate .wrap {
  margin-top: 2.28em;
}
.introduction-page .cooperate .swiper {
  height: 4.2em;
  position: relative;
}
.introduction-page .cooperate .swiper-wrap {
  position: absolute;
  white-space: nowrap;
}
.introduction-page .cooperate .swiper:nth-child(1) .swiper-wrap {
  animation: swiper 30s linear infinite;
}
.introduction-page .cooperate .swiper:nth-child(2) {
  margin-top: 1em;
}
.introduction-page .cooperate .swiper:nth-child(2) .swiper-wrap {
  animation: swiper2 30s linear infinite;
}
.introduction-page .cooperate .swiper .item {
  width: 10.6em;
  height: 4.2em;
  padding: 0 0.57em;
  display: inline-block;
}
.introduction-page .cooperate .swiper .item img {
  width: 100%;
  height: 100%;
}

@keyframes swiper {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes swiper2 {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}
@media screen and (max-width: 768px) {
  .introduction-page .banner .bg {
    height: 9.375em;
    background-image: url("/assets/imgs/images/home/banner@768.png");
  }
  .introduction-page .body {
    margin: 2.4em auto;
  }
  .introduction-page .body .info h3 {
    font-size: 1.25em;
  }
  .introduction-page .body .info .content .img-wrap {
    margin: 1.5em 0;
  }
  .introduction-page .body .info .content .img-wrap img {
    height: 10em;
  }
  .introduction-page .cooperate {
    margin-bottom: 4.2em;
  }
  .introduction-page .cooperate .title {
    font-size: 1.25em;
  }
  .introduction-page .cooperate .wrap {
    height: auto;
    margin-top: 1em;
  }
  .introduction-page .cooperate .swiper {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    animation: none;
  }
  .introduction-page .cooperate .swiper:nth-child(2) {
    margin-top: 0;
  }
  .introduction-page .cooperate .swiper .swiper-wrap {
    animation-duration: 15s !important;
  }
  .introduction-page .cooperate .swiper .substitute {
    display: none;
  }
  .introduction-page .cooperate .swiper .item {
    width: 25%;
    height: auto;
    padding: 0.8em 0.3em;
  }
}<!--0.00015902519226074-->