.ss {
  width: 1200px;
  height: 500px;
  margin: 50px auto 0;
  padding-left: 75px;
}
.ss .slide-carousel {
  margin-bottom: 20px;
}
.ss .slide-3d .desc {
  display: none;
}
.ss .slide-3d .item-list li {
  /*width: 600px;*/
  /*height: 500px;*/
  width: 639.5px;
  height: 400px;
  transition: all 0.5s ease-out;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.ss .slide-3d .item-list li.item0 {
  transform: translate3d(-250px, 0, 0) scale(0.7);
}
.ss .slide-3d .item-list li.item1 {
  transform: translate3d(0, 0, 0) scale(0.7);
  transform-origin: 0 50%;
  opacity: 1;
  z-index: 2;
}
.ss .slide-3d .item-list li.item2 {
  transform: translate3d(250px, 0, 0) scale(1);
  transform-origin: 0 50%;
  opacity: 1;
  z-index: 3;
}
.ss .slide-3d .item-list li.item3 {
  transform: translate3d(500px, 0, 0) scale(0.7);
  transform-origin: 100% 50%;
  opacity: 1;
  z-index: 2;
}
.ss .slide-3d .item-list li.item4 {
  transform: translate3d(750px, 0, 0) scale(0.7);
}
.ss .slide-3d .item-list li.item5 {
  transform: translate3d(1000px, 0, 0) scale(0.7);
}
/*.ss .slide-3d .item-list li.item6 {*/
  /*transform: translate3d(1125px, 0, 0) scale(0.8);*/
/*}*/
/*.ss .slide-3d .item-list li.item7 {*/
  /*transform: translate3d(1350px, 0, 0) scale(0.8);*/
/*}*/
/*.ss .slide-3d .item-list li.item8 {*/
  /*transform: translate3d(1575px, 0, 0) scale(0.8);*/
/*}*/
/*.ss .slide-3d .item-list li.item9 {*/
  /*transform: translate3d(1800px, 0, 0) scale(0.8);*/
/*}*/
.ss .slide-2d .item-list li {
  width: 1200px;
  height: 300px;
  transition: all 0.5s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
.ss .slide-2d .item-list li.item0 {
  transform: translateX(-1200px);
}
.ss .slide-2d .item-list li.item1 {
  transform: translateX(0px);
}
.ss .slide-2d .item-list li.item2 {
  transform: translateX(1200px);
}
.ss .slide-2d .item-list li.item3 {
  transform: translateX(2400px);
}
.ss .slide-2d .item-list li.item4 {
  transform: translateX(3600px);
}
.ss .slide-2d .item-list li.item5 {
  transform: translateX(4800px);
}
.ss .slide-2d .item-list li.item6 {
  transform: translateX(6000px);
}
.ss .slide-2d .item-list li.item7 {
  transform: translateX(7200px);
}
.ss .slide-2d .item-list li.item8 {
  transform: translateX(8400px);
}
.ss .slide-2d .item-list li.item9 {
  transform: translateX(9600px);
}

/*手机端兼容*/
@media screen and (max-width: 1199px) {
  .ss {
    width: 100%;
    height: 290px;
    padding-left: 0;
  }
  .slide-carousel .item-list,.slide-carousel .controls{
    position: relative;
    width: 350px;
    margin: 0 auto;
  }
  .ss .slide-3d .item-list li {
    width: 220px;
    height: 146px;
  }
  .ss .slide-3d .item-list li.item0 {
    transform: translate3d(-80px, 0, 0) scale(0.7);
  }
  .ss .slide-3d .item-list li.item1 {
    transform: translate3d(0, 0, 0) scale(0.7);
    transform-origin: 0 50%;
    opacity: 1;
    z-index: 2;
  }
  .ss .slide-3d .item-list li.item2 {
    transform: translate3d(60px, 0, 0) scale(1);
    transform-origin: 0 50%;
    opacity: 1;
    z-index: 3;
  }
  .ss .slide-3d .item-list li.item3 {
    transform: translate3d(160px, 0, 0) scale(0.7);
    transform-origin: 100% 50%;
    opacity: 1;
    z-index: 2;
  }
  .ss .slide-3d .item-list li.item4 {
    transform: translate3d(240px, 0, 0) scale(0.7);
  }
  .ss .slide-3d .item-list li.item5 {
    transform: translate3d(320px, 0, 0) scale(0.7);
  }

}