.wrap-5 {
  overflow: hidden; /* 确保溢出文本不显示 */
  white-space: normal; /* 允许换行 */
  word-break: break-all; /* 允许在任意字符处换行 */
}

.wrap-5::after {
  content: "";
  display: inline-block;
  width: 100%; /* 强制父元素换行 */
}
.md159-stroke {
  color: transparent;
  text-stroke: 1px #b71b21;
  -webkit-text-stroke: 1px #b71b21;
}
.md120-fit-content {
  width: fit-content;
}
.filler-loader .fill-path {
  fill: none;
  stroke: white;
  stroke-linecap: butt;
  /*描边端点的表现方式*/

  stroke-width: 8px;
}
.filter-white {
  filter: brightness(0) invert(1);
}
.md120-fit-content div:hover img {
  filter: none;
}

.AS-04 .elli1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.AS-04 .aboutSwiper {
  width: 92%;
  /* padding-left: 80px;
      padding-right: 80px;  */
}

.AS-04 .aboutSwiper .swiper-slide span,
.AS-04 .aboutSwiper .swiper-slide .aboutus04-bottom {
  display: none;
}

.AS-04 .aboutSwiper .swiper-slide .as04mask {
  border-radius: 20px;
  opacity: 0.2;
}

.AS-04 .aboutSwiper .swiper-slide-active span,
.AS-04 .aboutSwiper .swiper-slide-active .aboutus04-bottom {
  display: block;
}

.AS-04 .aboutSwiper .swiper-slide {
  height: 300px;
}

.AS-04 .aboutSwiper .swiper-slide .clickImg {
  vertical-align: bottom;
}

.AS-04 .aboutSwiper .swiper-slide-next,
.AS-04 .aboutSwiper .swiper-slide-prev {
  height: 370px;
}

.AS-04 .aboutSwiper .swiper-slide-active {
  height: 430px;
  transform: scaleX(1.18) !important;
}

.AS-04 .aboutSwiper .swiper-slide-active .book a {
  transform: scaleX(calc(1 / 1.18));
}
.AS-04 .aboutSwiper .swiper-slide-active .linkTo {
  top: 43.5%;
}

.AS-04 .aboutSwiper .swiper-slide-active .book {
  display: flex;
}

.AS-04 .aboutSwiper .swiper-slide-active:hover .linkTo {
  display: block;
}

.AS-04 .aboutSwiper .swiper-slide:hover .as04mask {
  opacity: 0;
}

.AS-04 .aboutSwiper .swiper-slide-active .linkTo {
  transform: scaleX(calc(1 / 1.18));
}
@media screen and (max-width: 900px) {
  .AS-04 .aboutSwiper .swiper-slide-active {
    height: 340px;
    transform: scaleX(1.18) !important;
  }
  .AS-04 .aboutSwiper .swiper-slide-next,
  .AS-04 .aboutSwiper .swiper-slide-prev {
    height: 300px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1400px) {
  .AS-04 .aboutSwiper .swiper-slide {
    height: 200px;
  }
  .AS-04 .aboutSwiper .swiper-slide-next,
  .AS-04 .aboutSwiper .swiper-slide-prev {
    height: 240px;
  }
  .AS-04 .aboutSwiper .swiper-slide-active {
    height: 300px;
  }
}
@media screen and (min-width: 900px) and (max-width: 1099px) {
  .AS-04 .aboutSwiper .swiper-slide {
    height: 200px;
  }
  .AS-04 .aboutSwiper .swiper-slide-next,
  .AS-04 .aboutSwiper .swiper-slide-prev {
    height: 240px;
  }
  .AS-04 .aboutSwiper .swiper-slide-active {
    height: 300px;
  }
}
@media screen and (min-width: 1921px) {
  .AS-04 .aboutSwiper .swiper-slide-active {
    height: 490px;
    transform: scaleX(1.18) !important;
  }
}
@media screen and (min-width: 2559px) {
  .AS-04 .aboutSwiper .swiper-slide {
    height: 460px;
  }
  .AS-04 .aboutSwiper .swiper-slide-next,
  .AS-04 .aboutSwiper .swiper-slide-prev {
    height: 500px;
  }
  .AS-04 .aboutSwiper .swiper-slide-active {
    height: 550px;
    transform: scaleX(1.18) !important;
  }
  .AS-04 .aboutSwiper .swiper-slide a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1600px) {
  .AS-04 .aboutSwiper .swiper-slide-active {
    height: 380px;
    transform: scaleX(1.18) !important;
  }
}
@media screen and (max-width: 376px) {
  .wapTitle {
    left: 65%;
    width: 100px;
  }
}
@media screen and (max-width: 768px) {
  .AS-04 .aboutSwiper .swiper-slide-active,
  .AS-04 .aboutSwiper .swiper-slide,
  .AS-04 .aboutSwiper .swiper-slide-next,
  .AS-04 .aboutSwiper .swiper-slide-prev {
    width: 100%;
    height: 100%;
  }

  .AS-04 .aboutSwiper .swiper-slide-active {
    display: block;
    transform: unset !important;
  }

  .AS-04 .aboutSwiper .swiper-slide-active .book a {
    transform: unset;
  }

  .AS-04 .aboutSwiper .swiper-slide-active:hover .linkTo {
    display: none;
  }

  .AS-04 .aboutSwiper .swiper-slide-active .clickImg {
    border-radius: 10px;
  }
}

.md136-fit-content {
  width: fit-content;
}
@media (max-width: 767px) {
  .md126-box {
    width: calc(100% - 80px) !important;
  }
}

.MD-115 .md115-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
}
.MD-115 .md115-box .square {
  position: absolute;
  right: -50%;
  top: 50%;
  background-color: #fff;
  transform: translate(-70%, -50%) rotate(-45deg);
  border-radius: 8px;
}

.MD-115 .md115-box .more {
  position: absolute;
  right: 0%;
  top: 50%;
  transform: translate(0%, -50%);
  border-bottom: 2px solid transparent;
  z-index: 1;
}
.MD-115 .md115-box .more:hover {
  border-color: #cf161e;
}
.MD-115 .md115-box .list a:hover i {
  background: #cf161e;
}
.MD-115 .md115-box .list a {
  border-top: 1px solid #000;
}
.MD-115 .md115-box .list a:last-child {
  border-bottom: 1px solid #000;
}
.MD-115 .md115-box .list a .md115-active {
  width: 1%;
  transition: width 0.4s ease;
  opacity: 0;
}
.MD-115 .md115-box .list a .md115-active .md115-list-one .swiper-slide span {
  font-weight: bold;
  color: rgba(0, 0, 0, 0);
  opacity: 0.5;
  -webkit-text-stroke: 1px #ffffff;
  text-stroke: 1px #ffffff;
  display: block;
  line-height: 1;
}
.MD-115 .md115-box .list a:hover:nth-child(even) .md115-active {
  transform: rotate(6deg);
  width: 110%;
  margin-left: -5%;
  opacity: 1;
}
.MD-115 .md115-box .list a:hover:nth-child(odd) .md115-active {
  transform: rotate(-6deg);
  width: 110%;
  margin-left: -5%;
  opacity: 1;
}
.MD-115 .md115-box .list a:hover .md115-active {
  animation-play-state: running;
  opacity: 1;
}
.MD-115 .md115-box .swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}
@media (max-width: 1024px) {
  .MD-115 .md115-box .more {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(-87%, -50%);
    border-bottom: 2px solid transparent;
    z-index: 1;
  }
  .MD-115 .md115-box .square {
    position: absolute;
    right: 0%;
    top: 50%;
    background-color: #fff;
    transform: translate(-37%, -50%) rotate(-45deg);
    border-radius: 8px;
  }
}

.md126-fit-content {
  width: fit-content;
}
.MD-126 .filler-loader .fill-path {
  fill: none;
  stroke: white;
  stroke-linecap: butt;
  /*描边端点的表现方式*/
  stroke-width: 8px;
}
.MD-126 .swiper-slide {
  width: auto !important;
}
.MD-126 .md126Swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}
.MD-126 .text-stoke {
  color: transparent;
  -webkit-text-stroke: 1px #adadad;
  text-stroke: 1px #adadad;
  opacity: 0.2;
}
.NAV-10 .SecondaryNavigation {
  overflow: hidden;
}
.md185-title a.active {
  color: #b81c22;
}
.header01 #checkbox {
  display: none;
}
.header01 .bars {
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.header01 #checkbox:checked + .toggle .bars {
  position: absolute;
  transition-duration: 0.5s;
}

.header01 #checkbox:checked + .toggle #bar2 {
  transform: scaleX(0);
  transition-duration: 0.5s;
}

.header01 #checkbox:checked + .toggle #bar1 {
  width: 100%;
  transform: rotate(45deg);
  transition-duration: 0.5s;
}

.header01 #checkbox:checked + .toggle #bar3 {
  width: 100%;
  transform: rotate(-45deg);
  transition-duration: 0.5s;
}

.header01 #checkbox:checked + .toggle {
  transition-duration: 0.5s;
  transform: rotate(180deg);
}
.NAV-10 .SecondaryNavigation {
  overflow: hidden;
}
@media (max-width: 767.8px) {
  .header01 .bars {
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
  }
  .header01 #bar2 {
    transition-duration: 0.8s;
  }
  .header01 #bar1,
  .header01 #bar2,
  .header01 #bar3 {
    width: 85%;
  }
  .header01 .toggle {
    position: relative;
    width: 36px;
    height: 38px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition-duration: 0.5s;
  }
  .headerSwiper {
    padding-top: 70px !important;
  }
}
.header01 .NAV-10 {
  --nav-height: 70px;
  height: var(--nav-height);
}
@media (min-width: 1024px) {
  .header01 .NAV-10 {
    --nav-height: 80px;
  }
}
@media (min-width: 1536px) {
  .header01 .NAV-10 {
    --nav-height: 120px;
  }
}
.md120-productSwiper-img {
  overflow: hidden;
}
.md120-productSwiper-img img{
  transform: scale(1);
  transition: all 0.7s;
}
.md120-productSwiper-img:hover img{
  transform: scale(1.2);
}