@keyframes ApicAni {
  0% {
    transform: translate3d(0%, 0%, 0);
  }
  20% {
    transform: translate3d(0%, 0%, 0);
  }
  70% {
    transform: translate3d(0%, -73.4%, 0);
  }
  90% {
    transform: translate3d(0%, -73.4%, 0);
  }
  100% {
    transform: translate3d(0%, 0%, 0);
  }
}
@keyframes BpicAni {
  0% {
    transform: translate3d(0%, 0%, 0);
  }
  20% {
    transform: translate3d(0%, 0%, 0);
  }
  70% {
    transform: translate3d(0%, -68.4%, 0);
  }
  90% {
    transform: translate3d(0%, -68.4%, 0);
  }
  100% {
    transform: translate3d(0%, 0%, 0);
  }
}
@keyframes CpicAni {
  0% {
    transform: translate3d(0%, 0%, 0);
  }
  20% {
    transform: translate3d(0%, 0%, 0);
  }
  70% {
    transform: translate3d(0%, -67.2%, 0);
  }
  90% {
    transform: translate3d(0%, -67.2%, 0);
  }
  100% {
    transform: translate3d(0%, 0%, 0);
  }
}
.picBox {
  position: relative;
  overflow: hidden;
}
/********************/
.Apic01 {
  width: 86%;
  position: relative;
  margin: 0 auto;
  z-index: 100;
  overflow: hidden;
}
.Apic01 > img {
  position: relative;
  z-index: 100;
}
.Apic01 .coverTop {
  position: absolute;
  z-index: 98;
  left: 0;
  top: 0;
  width: 100%;
  height: 3.6%;
  background: #ffffff;
}
.Apic01 .coverLeft {
  position: absolute;
  z-index: 97;
  left: 0;
  top: 0;
  width: 5.6%;
  height: 100%;
  background: #ffffff;
}
.Apic01 .coverRight {
  position: absolute;
  z-index: 96;
  right: 0;
  top: 0;
  width: 5.6%;
  height: 100%;
  background: #ffffff;
}
.Apic02 {
  position: absolute;
  z-index: 90;
  width: 88.2%;
  height: 100%;
  left: 5.9%;
  top: 3.6%;
  animation: ApicAni 8s linear infinite;
}
/********************/
.Bpic01 {
  width: 86%;
  position: relative;
  margin: 0 auto;
  z-index: 100;
  overflow: hidden;
}
.Bpic01 > img {
  position: relative;
  z-index: 100;
}
.Bpic01 .coverTop {
  position: absolute;
  z-index: 98;
  left: 0;
  top: 0;
  width: 100%;
  height: 3.6%;
  background: #f9f9f9;
}
.Bpic01 .coverLeft {
  position: absolute;
  z-index: 97;
  left: 0;
  top: 0;
  width: 5.6%;
  height: 100%;
  background: #f9f9f9;
}
.Bpic01 .coverRight {
  position: absolute;
  z-index: 96;
  right: 0;
  top: 0;
  width: 5.6%;
  height: 100%;
  background: #f9f9f9;
}
.Bpic02 {
  position: absolute;
  z-index: 90;
  width: 88.2%;
  height: 100%;
  left: 5.9%;
  top: 3.6%;
  animation: BpicAni 8.8s linear infinite;
}
/********************/
.Cpic01 {
  width: 86%;
  position: relative;
  margin: 0 auto;
  z-index: 100;
  overflow: hidden;
}
.Cpic01 > img {
  position: relative;
  z-index: 100;
}
.Cpic01 .coverTop {
  position: absolute;
  z-index: 98;
  left: 0;
  top: 0;
  width: 100%;
  height: 3.6%;
  background: #ffffff;
}
.Cpic01 .coverLeft {
  position: absolute;
  z-index: 97;
  left: 0;
  top: 0;
  width: 5.6%;
  height: 100%;
  background: #ffffff;
}
.Cpic01 .coverRight {
  position: absolute;
  z-index: 96;
  right: 0;
  top: 0;
  width: 5.6%;
  height: 100%;
  background: #ffffff;
}
.Cpic02 {
  position: absolute;
  z-index: 90;
  width: 88.2%;
  height: 100%;
  left: 5.9%;
  top: 3.6%;
  animation: CpicAni 8s linear infinite;
}
@media screen and (min-width: 451px) and (max-width: 820px) {
  /********************/
  .Apic01 {
    width: 60%;
    position: relative;
    margin: 0 auto;
    z-index: 100;
    overflow: hidden;
  }
  .Apic01 > img {
    position: relative;
    z-index: 100;
  }
  /********************/
  .Bpic01 {
    width: 60%;
    position: relative;
    margin: 0 auto;
    z-index: 100;
    overflow: hidden;
  }
  .Bpic01 > img {
    position: relative;
    z-index: 100;
  }
  /********************/
  .Cpic01 {
    width: 60%;
    position: relative;
    margin: 0 auto;
    z-index: 100;
    overflow: hidden;
  }
  .Cpic01 > img {
    position: relative;
    z-index: 100;
  }
}
/********************/
@media screen and (min-width: 821px) {
}