header .banner {
  width: 700px;
  height: 300px;
  margin: 50px auto 0;
}
header .banner .slide-carousel {
  margin-bottom: 20px;
}
header .banner .slide-3d .desc {
  display: none;
}
header .banner .slide-3d .item-list li {
  width: 500px;
  height: 300px;
  transition: all 0.5s ease-out;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
header .banner .slide-3d .item-list li.item0 {
  transform: translate3d(-100px, 0, 0) scale(0.8);
}
header .banner .slide-3d .item-list li.item1 {
  transform: translate3d(0, 0, 0) scale(0.8);
  transform-origin: 0 50%;
  opacity: 1;
  z-index: 2;
}
header .banner .slide-3d .item-list li.item2 {
  transform: translate3d(100px, 0, 0) scale(1);
  transform-origin: 0 50%;
  opacity: 1;
  z-index: 3;
}
header .banner .slide-3d .item-list li.item3 {
  transform: translate3d(200px, 0, 0) scale(0.8);
  transform-origin: 100% 50%;
  opacity: 1;
  z-index: 2;
}

header .banner .slide-3d .item-list li.item4 {
  transform: translate3d(300px, 0, 0) scale(0.8);
  transform-origin: 100% 50%;
  opacity: 1;
  z-index: 2;
}