* {
  padding: 0px;
  margin: 0px;
}

ul li {
  list-style: none;
}

.middle {
  overflow: hidden;
  transform-style: preserve-3d;
  perspective: 800px;
  margin: 0.5rem auto;
  position: relative;
  /* transform: translateY(100%); */
}

.middle ul {
  position: relative;
  height: 4.615rem;
  width: 2000px;
}


.middle .swiper-button-prev {
  position: absolute;
  top: 40%;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: url(2023wm_button_icon.gif) no-repeat;
  background-position: 0 0;
  background-size: 100%;
  z-index: 9999;
}

.middle .swiper-button-prev:hover {
  background-position: 0 -0.923rem;
  background-size: 100%
}

.middle .swiper-button-next {
  position: absolute;
  top: 40%;
  z-index: 9999;
  right: 0;
  width: 1rem;
  height: 1rem;
  background: url(2023wm_button_icon.gif) no-repeat;
  background-position: 0 -2.07rem;
  background-size: 100%;
}

.middle .swiper-button-next:hover {
  background-position: 0 -3.692rem;
  background-size: 100%
}

.middle ul li {
  width: 3.846rem;
  height: 4.615rem;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.middle ul li img {
  width: 100%;
  height: 100%;
}

.middle ul li:nth-of-type(1) {
  transform: translateX(5rem) scale(.8);
  animation: three-D 12s ease -6s infinite;
}

.middle ul li:nth-of-type(2) {
  transform: translateX(5rem) scale(.8);
  animation: three-D 12s ease -3s infinite;
}

.middle ul li:nth-of-type(3) {
  transform: translateX(5rem) scale(.8);
  animation: three-D 12s ease 0s infinite;
}

.middle ul li:nth-of-type(4) {
  transform: translateX(5rem) scale(.8);
  animation: three-D 12s ease 3s infinite;
}

@keyframes three-D {

  5%,
  25% {
    opacity: 1;
    z-index: 1;
    transform: translateX(5.43rem) scale(0.8);
  }

  30%,
  50% {
    opacity: 1;
    z-index: 2;
    transform: translateX(2.530rem) scale(1);
  }

  55%,
  75% {
    opacity: 1;
    z-index: 1;
    transform: translateX(-0.35rem) scale(0.8);
  }

  77%,
  100% {
    opacity: 0;
    transform: translateX(5.33rem) scale(0.8);
  }
}