.ajlist {
  list-style-type: none;
}
.ajlist-item {

  background-color: #f2f2f2; border-bottom:1px solid #ccc; margin-bottom:20px; font-size:18px; text-indent:2em;height:50px; width:200px; padding-top:5px;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  position: relative;
  transition: all 0.4s;
  cursor: pointer;
}
.ajlist-item::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 50px;/*后部高度*/
  background-color: #989898;/*左侧颜色*/
  transform: skewY(45deg);
  left: -30px;
  top: -15px;
  z-index: -2;
}
.ajlist-item::after {
  position: absolute;
  content: "";
  background-color: #d9d9d9;/*顶部颜色*/
  width: 100%;
  height: 30px;
  right: 0px;
  top: -30px;
  transform-origin: bottom;
  transform: skewX(45deg);
  z-index: -1;
}
.ajlist-item:hover {
  color: #333;
  transform: translateX(50px);
  height:50px; background-color: #dfdfdf;/*前部颜色指向后*/
}
.ajlist-item:hover::after, .ajlist-item:hover::before {
  background-color: #c4c4c4;/*顶部颜色指向后*/
}




.ajlist-item--1 {
  z-index: 8;
}
.ajlist-item--2 {
  z-index: 7;
}
.ajlist-item--3 {
  z-index: 6;
}
.ajlist-item--4 {
  z-index: 5;
}
.ajlist-item--5 {
  z-index: 4;
}
.ajlist-item--6 {
  z-index: 3;
}
.ajlist-item--7 {
  z-index:2;
}
.ajlist-item--8 {
  z-index: 1;
}



.popup-window {background: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;display: none;}
.popup-window-content {background: #fff;width: 800px;padding: 5% 2% 5% 5%;margin: auto;position: relative;z-index: 10;opacity: 0;transform: translate(0px,-100px);transition: all .4s;}
.popup-window-content .rolling-content{overflow: auto;height: 500px;position: relative;}
.popup-window-content .rolling-content .rolling-h{padding-right: 50px;font-size: 16px;color: #7d7d7d;line-height: 26px;}
.popup-window-content .rolling-content .rolling-h h2{color: #000;margin: 10px 0;text-transform: uppercase;font-size: 30px;}
.popup-window-content-bg {position: absolute;left: 0;top: 0;width:100%;height: 100%;z-index: 1;}
.ani-show1 {display: block;opacity: 1;transform: translate(0px,0px);transition-delay: .5s;}
.video-window-content {width: 80%;height: auto;margin: auto;position: relative;z-index: 10;}
.video-window-content video {width: 100%;height: auto;display: block;margin: auto;}
.popup-close {z-index:1;width: 100px; height:100px;background: url("xx.png")/*tpa=/themes/default/images/xx.png*/ center no-repeat;background-size: 40%;text-align:center; padding:10px; position:absolute; right:6%; display:block; top:10px;cursor: pointer;}