@charset "UTF-8";

.lp_wrap .point3 .cycle {
  position: absolute;
  top: 4.35%;
  left: 6.6%;
  width: 24%;
  animation: 12s cycle1 linear infinite;
}
.lp_wrap .point3 .head li {
  position: absolute;
}
.lp_wrap .point3 .head li:nth-child(1) {
  top: 10.65%;
  left: 30.8%;
  width: 8%;
  height: 7.9%;
  background: #fff;
  transition: 0.6s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .point3 .head li:nth-child(2) {
  top: 10.65%;
  left: 21.5%;
  width: 8%;
  height: 12%;
  background: #fff;
  transition: 0.6s 0.1s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .point3 .head li:nth-child(3) {
  top: 11.23%;
  left: 32.6%;
  width: 4.4%;
  transition: 0.6s 0.3s;
  opacity: 0;
}
.lp_wrap .point3 .head li:nth-child(4) {
  top: 11.3%;
  left: 23.3%;
  width: 4.267%;
  transition: 0.6s 0.4s;
  opacity: 0;
}
.lp_wrap .point3 .head li:nth-child(5) {
  top: 10.65%;
  left: 6.5%;
  width: 11.2%;
  transition: 0.8s 0.6s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .point3 .head li.trigger.move,
.lp_wrap .point3 .head li.trigger.move ~ li {
  clip-path: inset(0);
  opacity: 1;
}
.lp_wrap .point3 .let1 li {
  position: absolute;
}
.lp_wrap .point3 .let1 li:nth-child(1) {
  top: 34.6%;
  left: 85.3%;
  width: 8%;
  height: 10.9%;
  background: #fff;
  transition: 0.6s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .point3 .let1 li:nth-child(2) {
  top: 34.6%;
  left: 76%;
  width: 8%;
  height: 9.9%;
  background: #fff;
  transition: 0.6s 0.1s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .point3 .let1 li:nth-child(3) {
  top: 35.13%;
  left: 87.2%;
  width: 4.267%;
  transition: 0.6s 0.3s;
  opacity: 0;
}
.lp_wrap .point3 .let1 li:nth-child(4) {
  top: 35.28%;
  left: 77.8%;
  width: 4.267%;
  transition: 0.6s 0.4s;
  opacity: 0;
}
.lp_wrap .point3 .let1 li.trigger.move,
.lp_wrap .point3 .let1 li.trigger.move ~ li {
  clip-path: inset(0);
  opacity: 1;
}
.lp_wrap .point3 .slider_wrap1 {
  position: absolute;
  top: 47.79%;
  left: 0%;
  width: 100%;
}
.lp_wrap .point3 .slider_wrap2 {
  position: absolute;
  top: 51.98%;
  left: 0%;
  width: 100%;
}
.lp_wrap .point3 .slider_wrap1 img,
.lp_wrap .point3 .slider_wrap2 img {
  width: 93.85%;
  margin: auto;
}
.lp_wrap .point3 .movie {
  position: absolute;
  top: 57.83%;
  left: 40%;
  width: 53.333%;
}
.lp_wrap .point3 .let2 li {
  position: absolute;
}
.lp_wrap .point3 .let2 li:nth-child(1) {
  top: 59.5%;
  left: 25.3%;
  width: 8%;
  height: 7.9%;
  background: #fff;
  transition: 0.6s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .point3 .let2 li:nth-child(2) {
  top: 59.5%;
  left: 16%;
  width: 8%;
  height: 7%;
  background: #fff;
  transition: 0.6s 0.1s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .point3 .let2 li:nth-child(3) {
  top: 59.5%;
  left: 6.7%;
  width: 8%;
  height: 9.9%;
  background: #fff;
  transition: 0.6s 0.2s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .point3 .let2 li:nth-child(4) {
  top: 60.1%;
  left: 27.2%;
  width: 4.133%;
  transition: 0.6s 0.4s;
  opacity: 0;
}
.lp_wrap .point3 .let2 li:nth-child(5) {
  top: 60.1%;
  left: 17.7%;
  width: 4.4%;
  transition: 0.6s 0.5s;
  opacity: 0;
}
.lp_wrap .point3 .let2 li:nth-child(6) {
  top: 60.08%;
  left: 8.5%;
  width: 4.133%;
  transition: 0.6s 0.6s;
  opacity: 0;
}
.lp_wrap .point3 .let2 li.trigger.move,
.lp_wrap .point3 .let2 li.trigger.move ~ li {
  clip-path: inset(0);
  opacity: 1;
}