caiclouds/style_files/index.css

li{
  list-style:none; 
}
#program .ban {
  width: 950px;
  height:640px;
  margin: 50px auto 0;
}
#program .ban .slide-carousel {
  margin-bottom: 20px;
}
#program .ban .slide-3d .desc {
  display: none;
}
#program .ban .slide-3d .item-list li {
  width: 500px;
  height: 550px;
  background-color:#fff;
  transition: all 0.5s ease-out;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0px 4px 10px 2px rgba(206, 225, 243, 0.38);
  border: solid 1px #f0f3f5;
}
#program .ban .slide-3d .item-list li.item0 {
  transform: translate3d(-225px, 0, 0) scale(0.8);
}
#program .ban .slide-3d .item-list li.item1 {
  transform: translate3d(0, 0, 0) scale(0.8);
  transform-origin: 0 50%;
  opacity: 1;
  z-index: 2;
}
#program .ban .slide-3d .item-list li.item2 {
  transform: translate3d(225px, 0, 0) scale(1);
  transform-origin: 0 50%;
  opacity: 1;
  z-index: 3;
}
#program .ban .slide-3d .item-list li.item3 {
  transform: translate3d(450px, 0, 0) scale(0.8);
  transform-origin: 100% 50%;
  opacity: 1;
  z-index: 2;
}
#program .ban .slide-3d .item-list li.item4 {
  transform: translate3d(675px, 0, 0) scale(0.8);
}
#program .ban .slide-3d .item-list li.item5 {
  transform: translate3d(900px, 0, 0) scale(0.8);
}
#program .ban .slide-3d .item-list li.item6 {
  transform: translate3d(1125px, 0, 0) scale(0.8);
}
#program .ban .slide-3d .item-list li.item7 {
  transform: translate3d(1350px, 0, 0) scale(0.8);
}
#program .ban .slide-3d .item-list li.item8 {
  transform: translate3d(1575px, 0, 0) scale(0.8);
}
#program .ban .slide-3d .item-list li.item9 {
  transform: translate3d(1800px, 0, 0) scale(0.8);
}
#program .ban .slide-2d .item-list li {
  width: 1200px;
  height: 300px;
  transition: all 0.5s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
#program .ban .slide-2d .item-list li.item0 {
  transform: translateX(-1200px);
}
#program .ban .slide-2d .item-list li.item1 {
  transform: translateX(0px);
}
#program .ban .slide-2d .item-list li.item2 {
  transform: translateX(1200px);
}
#program .ban .slide-2d .item-list li.item3 {
  transform: translateX(2400px);
}
#program .ban .slide-2d .item-list li.item4 {
  transform: translateX(3600px);
}
#program .ban .slide-2d .item-list li.item5 {
  transform: translateX(4800px);
}
#program .ban .slide-2d .item-list li.item6 {
  transform: translateX(6000px);
}
#program .ban .slide-2d .item-list li.item7 {
  transform: translateX(7200px);
}
#program .ban .slide-2d .item-list li.item8 {
  transform: translateX(8400px);
}
#program .ban .slide-2d .item-list li.item9 {
  transform: translateX(9600px);
}