.md158-nav-title {
  transition: all 0.5s;
}

.md158-nav-border {
  transition: all 0.5s;
}

.md158-nav:is(:hover, .active) .md158-nav-title {
  opacity: 1;
}

.md158-nav:is(:hover, .active) .md158-nav-border {
  width: 100%;
}

.md158-scrllo {
  /* animation: 2s linear infinite alternate Mosescrllo; */
  animation: 2s linear infinite Mosescrllo;
}

/* .md158Swiper .swiper-wrapper {
  transition-timing-function: linear !important;
} */

@keyframes Mosescrllo {
  from {
    transform: translateY(0%);
  }

  to {
    transform: translateY(22px);
  }
}

.md158Swiper-pagination {
  width: fit-content !important;
}

.MD-158 .swiper-pagination-bullet {
  background: #fff !important;
  display: block;
}

.MD-158 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active).md158Swiper-border {
  border: 0px solid #fff;
  padding: 8px;
  position: relative;
  background: transparent !important;
}

.MD-158 .swiper-pagination-bullet.swiper-pagination-bullet-active.md158Swiper-border {
  border: 1px solid #fff;
  padding: 8px;
  position: relative;
  background: transparent !important;
}

.MD-158 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active).md158Swiper-border .md158Swiper-box {
  width: 10px;
  height: 10px;
  background: #fff;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
}

.MD-158 .swiper-pagination-bullet.swiper-pagination-bullet-active.md158Swiper-border .md158Swiper-box {
  width: 10px;
  height: 10px;
  background: #fff;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
}


.MD-158 .swiper-scrollbar-drag {
  background: #fff;
}


.swiper-slide .md158-text-content,
.swiper-slide .md158-text-img,
.swiper-slide .md158-text-title {
  opacity: 0;
}

.swiper-slide.swiper-slide-active .md158-text-content,
.swiper-slide.swiper-slide-active .md158-text-img,
.swiper-slide.swiper-slide-active .md158-text-title {
  opacity: 1;
  transition: all 1s 0.4s;
}


.nav-list li {
  transform: translateX(-50%);
  opacity: 0;
}

.md159Swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.md160-hollow {
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke: 1px white;
  transform: translateY(37%) translateX(-23%);
  transition: all 0.5s;
}

.md160-text {
  transform: translateX(-18%);
  transition: all 0.5s;
}

.md160-mask {
  transition: background 0.5s;
}

.md160-box:hover .md160-mask {
  background: #0045a2bd;
}

.md160-box:hover .md160-hollow {
  transform: translateY(12%) translateX(-23%);
  -webkit-text-fill-color: #fff;
  text-fill-color: #fff;
}

.md160-box:hover .md160-text {
  transform: translateX(-18%) translateY(-125%);
}

@media (max-width:1024px) {
  .md160-text {
    transform: translateX(-10%) translateY(20%);
    transition: all 0.5s;
  }

  .md160-box:hover .md160-text {
    transform: translateX(-10%) translateY(-85%);
  }

  .md160-hollow {
    -webkit-text-fill-color: transparent;
    /* Safari */
    text-fill-color: transparent;
    /* Firefox */
    -webkit-background-clip: text;
    /* Safari */
    background-clip: text;
    /* Chrome、Firefox等现代浏览器支持此属性 */
    -webkit-text-stroke: 1px white;
    transform: translateY(45%) translateX(-23%);
    transition: all 0.5s;
  }
}

@media (max-width:768px) {
  .md160-text {
    transform: translateX(-10%) translateY(70%);
    transition: all 0.5s;
  }

  .md160-box:hover .md160-text {
    transform: translateX(-10%) translateY(-44%);
  }

  .md160-hollow {
    -webkit-text-fill-color: transparent;
    /* Safari */
    text-fill-color: transparent;
    /* Firefox */
    -webkit-background-clip: text;
    /* Safari */
    background-clip: text;
    /* Chrome、Firefox等现代浏览器支持此属性 */
    -webkit-text-stroke: 1px white;
    transform: translateY(75%) translateX(-23%);
    transition: all 0.5s;
  }
}

.text-nowrap {
  text-wrap: nowrap;
}

.md161-button.active {
  color: #0254BF;
  font-weight: 700;
}

.md161Swiper-pagination {
  width: fit-content !important;
}

.swiper-pagination-bullet {
  background: #fff !important;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active).md161Swiper-border {
  border: 0px solid #0254BF;
  padding: 8px;
  position: relative;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active.md161Swiper-border {
  border: 1px solid #0254BF;
  padding: 8px;
  position: relative;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active).md161Swiper-border .md161Swiper-box {
  width: 10px;
  height: 10px;
  background: #373737;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.swiper-pagination-bullet.swiper-pagination-bullet-active.md161Swiper-border .md161Swiper-box {
  width: 10px;
  height: 10px;
  background: #0254BF;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.md161SwiperBottom .swiper-slide {
  transition: all 0.5s;
}

.md161SwiperBottom .swiper-slide .md161-title {
  transition: all 0.5s;
}

.md161SwiperBottom .swiper-slide:is(.active) .md161-title {
  transform: translateY(-3.5vw) translateX(1vw);
  color: #fff;
  transition: all 0.5s;
}

.md161SwiperBottom .swiper-slide .md161-mask {
  transition: all 0.5s;
}

.md161SwiperBottom .swiper-slide:is(.active) .md161-mask {
  opacity: 0.76;
  transition: all 0.5s;
}

.md161SwiperBottom .swiper-slide .md161-title-arrow {
  transition: all 0.5s;
}

.md161SwiperBottom .swiper-slide:is(.active) .md161-title-arrow {
  transform: translateY(-150%);
  opacity: 1;
  transition: all 0.5s;
}

@media (max-width:767.99px) {
  .md161SwiperBottom .swiper-slide:is(.active) .md161-title {
    transform: translateY(-7.5vw) translateX(2vw);
    color: #fff;
    transition: all 0.5s;
  }

  .md161SwiperBottom .swiper-slide:is(.active) .md161-title-arrow {
    transform: translateY(-115%);
    opacity: 1;
    transition: all 0.5s;
  }

  .swiper-pagination-bullet.swiper-pagination-bullet-active.md161Swiper-border {
    border: 1px solid #0254BF;
    padding: 6px;
    position: relative;
  }



  .swiper-pagination-bullet:not(.swiper-pagination-bullet-active).md161Swiper-border {
    border: 0px solid #0254BF;
    padding: 6px;
    position: relative;
  }


}

.text-nowrap {
  text-wrap: nowrap;
}

.md162-text.active {
  background: #0045A2;
  transition: all 0.3s;
}

.md162-text.active .md162-block {
  background: #E60012;
  transition: all 0.3s;
}

.md162-text.active p {
  color: #fff;
  transition: all 0.3s;
}