.banner {
  width: 100%;
  height: 400px;
  margin: 0 auto;
}
ul{
  padding:0;
}
.banner .slide-carousel {
  margin-bottom: 20px;
  overflow: initial;
}
.banner .slide-3d .desc {
  display: none;
}
.banner .slide-3d .item-list li {
  transition: all 0.5s ease-out;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}
.banner .slide-3d .item-list li.item0 {
  transform: translate3d(450px, 0, 0) scale(0.8);
  -webkit-transform: translate3d(450px, 0, 0) scale(0.8);
  -moz-transform: translate3d(450px, 0, 0) scale(0.8);
  -ms-transform: translate3d(450px, 0, 0) scale(0.8);
  -o-transform: translate3d(450px, 0, 0) scale(0.8);
}
.banner .slide-3d .item-list li.item1 {
  transform: translate3d(0, 0, 0) scale(0.8);
  transform-origin: 0 50%;
  opacity: 1;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0) scale(0.8);
  -moz-transform: translate3d(0, 0, 0) scale(0.8);
  -ms-transform: translate3d(0, 0, 0) scale(0.8);
  -o-transform: translate3d(0, 0, 0) scale(0.8);
}
.banner .slide-3d .item-list li.item2 {
  transform: translate3d(160px, 0, 0) scale(1);
  transform-origin: 0 50%;
  opacity: 1;
  z-index: 3;
  -webkit-transform: translate3d(160px, 0, 0) scale(1);
  -moz-transform: translate3d(160px, 0, 0) scale(1);
  -ms-transform: translate3d(160px, 0, 0) scale(1);
  -o-transform: translate3d(160px, 0, 0) scale(1);
}