.m-index-move1 {
  width: 850px;
  height: 631px;
  margin: 0 auto;
  position: relative;
  opacity: 0;
}
.m-index-move1.active {
  opacity: 1;
  transition: opacity 2s;
}
.m-index-move1.active .img-bg {
  animation: indexMoveDownUp 2s;
  animation-fill-mode: forwards;
}
.m-index-move1.active .img-linemove {
  animation: indexMoveLineShow 0.5s linear 4s;
  animation-fill-mode: forwards;
}
.m-index-move1.active .img-cloud {
  animation: indexMoveLineShow 2s linear 2s;
  animation-fill-mode: forwards;
}
.m-index-move1.active .js .one1 {
  animation: indexMoveLineShow 2s linear 2s;
  animation-fill-mode: forwards;
}
.m-index-move1.active .js .one2 {
  animation: indexMoveLineShow 2s linear 2s;
  animation-fill-mode: forwards;
}
.m-index-move1.active .js .one3 {
  animation: indexMoveLineShow 2s linear 2s;
  animation-fill-mode: forwards;
}
.m-index-move1.active .img-line {
  animation: indexMoveLineShow 1s linear 3s;
  animation-fill-mode: forwards;
}
.m-index-move1.active .img-tag .tag-img.tag-img1 {
  animation: indexMoveTag-1 1s linear 3s;
  animation-fill-mode: forwards;
}
.m-index-move1.active .img-tag .tag-img.tag-img2 {
  animation: indexMoveTag-2 1s linear 3.1s;
  animation-fill-mode: forwards;
}
.m-index-move1.active .img-tag .tag-img.tag-img3 {
  animation: indexMoveTag-3 1s linear 3.2s;
  animation-fill-mode: forwards;
}
.m-index-move1.active .img-tag .tag-img.tag-img4 {
  animation: indexMoveTag-4 1s linear 3.3s;
  animation-fill-mode: forwards;
}
.m-index-move1.active .img-tag .tag-img.tag-img5 {
  animation: indexMoveTag-5 1s linear 3.4s;
  animation-fill-mode: forwards;
}
.m-index-move1 .img-p img {
  width: 100%;
  height: 100%;
}
.m-index-move1 .img-bg {
  position: relative;
  width: 850px;
  height: 631px;
  margin: 0 auto;
  opacity: 0;
}
.m-index-move1 .img-cloud {
  opacity: 0;
}
.m-index-move1 .img-cloud .cloud-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 105px;
  height: 110px;
}
.m-index-move1 .img-cloud .cloud-img img {
  width: 100%;
  height: 100%;
}
.m-index-move1 .img-cloud .cloud-img1 {
  left: 300px;
  top: -30px;
}
.m-index-move1 .img-cloud .cloud-img2 {
  left: 710px;
  top: 50px;
}
.m-index-move1 .img-cloud .cloud-img3 {
  left: 0;
  top: 150px;
}
.m-index-move1 .img-cloud .cloud-img4 {
  left: 170px;
  top: 180px;
}
.m-index-move1 .img-cloud .cloud-img5 {
  left: 567px;
  top: 123px;
}
.m-index-move1 .img-cloud .cloud-img6 {
  left: -36px;
  top: 300px;
}
.m-index-move1 .img-cloud .cloud-img7 {
  left: 696px;
  top: 339px;
}
.m-index-move1 .img-cloud .cloud-img8 {
  left: 337px;
  top: 537px;
}
.m-index-move1 .img-tag {
  position: absolute;
  left: 0px;
  top: 0px;
}
.m-index-move1 .img-tag .tag-img {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
}
.m-index-move1 .img-tag .tag-img img {
  width: 100%;
  height: 100%;
}
.m-index-move1 .img-tag .tag-img.tag-img1 {
  left: 188px;
  top: 71px;
  width: 68px;
  height: auto;
}
.m-index-move1 .img-tag .tag-img.tag-img2 {
  left: 270px;
  top: 46px;
  width: 92px;
  height: auto;
}
.m-index-move1 .img-tag .tag-img.tag-img3 {
  left: 380px;
  top: 45px;
  width: 104px;
  height: auto;
}
.m-index-move1 .img-tag .tag-img.tag-img4 {
  left: 497px;
  top: 53px;
  width: 97px;
  height: auto;
}
.m-index-move1 .img-tag .tag-img.tag-img5 {
  left: 606px;
  top: 66px;
  width: 65px;
  height: auto;
}
.m-index-move1 .img-line {
  position: absolute;
  left: 342px;
  top: 165px;
  width: 155px;
  height: 180px;
  overflow: hidden;
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  opacity: 0;
}
.m-index-move1 .img-line i {
  display: block;
  position: relative;
  opacity: 0;
}
.m-index-move1 .img-line i:nth-child(1) {
  animation: indexNumberLineMove 5s linear infinite;
}
.m-index-move1 .img-line i:nth-child(2) {
  animation: indexNumberLineMove 5s linear 3s infinite;
  left: 20px;
}
.m-index-move1 .img-line i:nth-child(3) {
  animation: indexNumberLineMove 5s linear 6s infinite;
  left: 40px;
}
.m-index-move1 .img-line i:nth-child(4) {
  animation: indexNumberLineMove 5s linear 3s infinite;
  left: 60px;
}
.m-index-move1 .img-line i:nth-child(5) {
  animation: indexNumberLineMove 5s linear 0s infinite;
  left: 80px;
}
.m-index-move1 .img-line i:nth-child(6) {
  animation: indexNumberLineMove 5s linear 6s infinite;
  left: 100px;
}
.m-index-move1 .img-line i:nth-child(7) {
  animation: indexNumberLineMove 5s linear 3s infinite;
  left: 120px;
}
.m-index-move1 .img-line i:nth-child(8) {
  animation: indexNumberLineMove 5s linear 9s infinite;
  left: 140px;
}
.m-index-move1 .img-line i::after {
  content: "658315098";
  display: block;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 0;
  writing-mode: vertical-rl;
  color: #0058b6b9;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 1px;
}
.m-index-move1 .img-p1 {
  position: absolute;
  left: 50%;
  top: 77px;
  width: 247px;
  height: auto;
  margin-left: -135px;
  opacity: 0;
}
.m-index-move1 .img-p1.active {
  opacity: 1;
  transition: opacity 1s ease-in-out;
}
.m-index-move1 .img-p2 {
  position: absolute;
  left: 50%;
  top: 80px;
  width: 240px;
  height: 240px;
  margin-left: -125px;
  animation: indexImgP2 3s linear infinite;
  animation-play-state: running;
  opacity: 0;
}
.m-index-move1 .img-p2.active {
  opacity: 1;
  transition: opacity 1s ease-in-out;
}
.m-index-move1 .img-p2 .p2-img {
  width: 240px;
  height: 240px;
  background: url(../img/move/index-move1-img05.png) no-repeat;
  background-size: 100% auto;
  background-position: top;
  animation: indexMoveCenter 3s steps(32) infinite forwards;
}
.m-index-move1 .img-linemove {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
}
.m-index-move1 .img-linemove .linemove {
  position: absolute;
  left: 280px;
  top: 438px;
  transform: rotateZ(65deg);
  width: 19px;
  height: 19px;
  background: url(../img/move/index-move1-img04.png) no-repeat;
  background-size: 100% 100%;
  animation-play-state: running;
}
.m-index-move1 .img-linemove .linemove.linemove-1 {
  left: 280px;
  top: 438px;
  transform: rotateZ(65deg);
  animation: indexLineMove1 10s linear 5s infinite;
}
.m-index-move1 .img-linemove .linemove.linemove-2 {
  left: 280px;
  top: 438px;
  transform: rotateZ(65deg);
  animation: indexLineMove1 10s linear 8s infinite;
}
.m-index-move1 .img-linemove .linemove.linemove-3 {
  left: 280px;
  top: 438px;
  transform: rotateZ(65deg);
  animation: indexLineMove1 10s linear 11s infinite;
}
.m-index-move1 .img-linemove .linemove.linemove-4 {
  left: 520px;
  top: 413px;
  transform: rotateZ(69deg);
  animation: indexLineMove2 10s linear 5s infinite;
}
.m-index-move1 .js {
  position: absolute;
  left: 0;
  top: 0;
}
.m-index-move1 .js .one {
  position: absolute;
  display: block;
  text-decoration: none;
  left: 0;
  top: 0;
  width: 290px;
  opacity: 0;
}
.m-index-move1 .js .one .title {
  width: 304px;
  height: 76px;
  text-align: center;
  font-size: 21px;
  color: #0057B6;
  line-height: 28px;
}
.m-index-move1 .js .one .title div {
  margin-right: 100px;
  padding-top: 10px;
}
.m-index-move1 .js .one .one-line {
  margin-top: 10px;
}
.m-index-move1 .js .one .one-line p {
  font-size: 18px;
  color: #999;
  line-height: 25px;
}
.m-index-move1 .js .one1 {
  left: -242px;
  top: 410px;
}
.m-index-move1 .js .one1 .title {
  background: url(../img/index-platform-line1.png) no-repeat 100%;
}
.m-index-move1 .js .one2 {
  left: 801px;
  top: 240px;
}
.m-index-move1 .js .one2 .title {
  background: url(../img/index-platform-line2.png) no-repeat 100%;
}
.m-index-move1 .js .one2 .title div {
  margin-right: 0;
  margin-left: 100px;
}
.m-index-move1 .js .one2 .one-line p {
  text-align: right;
}
.m-index-move1 .js .one3 {
  left: 684px;
  top: 485px;
}
.m-index-move1 .js .one3 .title {
  background: url(../img/index-platform-line3.png) no-repeat 100%;
}
.m-index-move1 .js .one3 .title div {
  margin-right: 0;
  margin-left: 100px;
}
.m-index-move1 .js .one3 .one-line p {
  text-align: right;
}
.m-platform-move1 {
  width: 1200px;
  height: 882px;
  margin: 0 auto;
  position: relative;
}
.m-platform-move1.active .img-bg {
  animation: platformMove1 1s linear;
  animation-fill-mode: forwards;
  transform: translateY(30%) scale(0.5);
}
.m-platform-move1.active .img-p1 {
  animation: platformMove2-1 1s linear 1s;
  animation-fill-mode: forwards;
}
.m-platform-move1.active .img-p2 {
  animation: platformMove2-2 1s linear 1.1s;
  animation-fill-mode: forwards;
}
.m-platform-move1.active .img-p3 {
  animation: platformMove2-3 1s linear 1.2s;
  animation-fill-mode: forwards;
}
.m-platform-move1.active .img-p4 {
  animation: platformMove2-4 1s linear 1.3s;
  animation-fill-mode: forwards;
}
.m-platform-move1.active .img-p5 {
  animation: platformMove2-5 1s linear 1.4s;
  animation-fill-mode: forwards;
}
.m-platform-move1.active .img-p6 {
  animation: platformMove2-6 1s linear 1.5s;
  animation-fill-mode: forwards;
}
.m-platform-move1.active .img-p7 {
  animation: platformMove2-7 1s linear 1.6s;
  animation-fill-mode: forwards;
}
.m-platform-move1.active .img2-p1 {
  animation: platformMove3-1 1s linear 1.7s;
  animation-fill-mode: forwards;
}
.m-platform-move1.active .img2-p2 {
  animation: platformMove3-2 1s linear 1.8s;
  animation-fill-mode: forwards;
}
.m-platform-move1.active .img2-p3 {
  animation: platformMove3-3 1s linear 1.9s;
  animation-fill-mode: forwards;
}
.m-platform-move1.active .img2-p4 {
  animation: platformMove3-4 1s linear 2s;
  animation-fill-mode: forwards;
}
.m-platform-move1.active .img2-p5 {
  animation: platformMove3-5 1s linear 2.1s;
  animation-fill-mode: forwards;
}
.m-platform-move1.active .img2-p6 {
  animation: platformMove3-6 1s linear 2.2s;
  animation-fill-mode: forwards;
}
.m-platform-move1.active .img2-p7 {
  animation: platformMove3-7 1s linear 2.3s;
  animation-fill-mode: forwards;
}
.m-platform-move1.active .img2-p8 {
  animation: platformMove3-8 1s linear 2.4s;
  animation-fill-mode: forwards;
}
.m-platform-move1 .img2-p,
.m-platform-move1 .img-p {
  opacity: 0;
}
.m-platform-move1 .img2-p img,
.m-platform-move1 .img-p img {
  width: 100%;
  height: 100%;
}
.m-platform-move1 .img-bg {
  position: relative;
  width: 1200px;
  height: 880px;
  margin: 0 auto;
  opacity: 0;
}
.m-platform-move1 .img-p1 {
  position: absolute;
  left: 0px;
  top: 600px;
  width: 115px;
  height: 128px;
}
.m-platform-move1 .img-p2 {
  position: absolute;
  left: 165px;
  top: 678px;
  width: 115px;
  height: 128px;
}
.m-platform-move1 .img-p3 {
  position: absolute;
  left: 340px;
  top: 726px;
  width: 115px;
  height: 128px;
}
.m-platform-move1 .img-p4 {
  position: absolute;
  left: 538px;
  top: 740px;
  width: 115px;
  height: 128px;
}
.m-platform-move1 .img-p5 {
  position: absolute;
  left: 717px;
  top: 732px;
  width: 115px;
  height: 128px;
}
.m-platform-move1 .img-p6 {
  position: absolute;
  left: 891px;
  top: 699px;
  width: 115px;
  height: 128px;
}
.m-platform-move1 .img-p7 {
  position: absolute;
  left: 1059px;
  top: 620px;
  width: 115px;
  height: 128px;
}
.m-platform-move1 .img2-p1,
.m-platform-move1 .img2-p2,
.m-platform-move1 .img2-p3,
.m-platform-move1 .img2-p4,
.m-platform-move1 .img2-p5,
.m-platform-move1 .img2-p6,
.m-platform-move1 .img2-p7,
.m-platform-move1 .img2-p8 {
  width: 110px;
  height: 100px;
}
.m-platform-move1 .img2-p1 {
  position: absolute;
  left: 0px;
  top: 164px;
}
.m-platform-move1 .img2-p1 img {
  animation: platformMove4 3s linear 0s infinite;
}
.m-platform-move1 .img2-p2 {
  position: absolute;
  left: 132px;
  top: 50px;
}
.m-platform-move1 .img2-p2 img {
  animation: platformMove4 3s linear 0.5s infinite;
}
.m-platform-move1 .img2-p3 {
  position: absolute;
  left: 291px;
  top: 20px;
}
.m-platform-move1 .img2-p3 img {
  animation: platformMove4 3s linear 1s infinite;
}
.m-platform-move1 .img2-p4 {
  position: absolute;
  left: 448px;
  top: 5px;
}
.m-platform-move1 .img2-p4 img {
  animation: platformMove4 3s linear 1.5s infinite;
}
.m-platform-move1 .img2-p5 {
  position: absolute;
  left: 620px;
  top: 5px;
}
.m-platform-move1 .img2-p5 img {
  animation: platformMove4 3s linear 2s infinite;
}
.m-platform-move1 .img2-p6 {
  position: absolute;
  left: 770px;
  top: 20px;
}
.m-platform-move1 .img2-p6 img {
  animation: platformMove4 3s linear 2.5s infinite;
}
.m-platform-move1 .img2-p7 {
  position: absolute;
  left: 925px;
  top: 50px;
}
.m-platform-move1 .img2-p7 img {
  animation: platformMove4 3s linear 3s infinite;
}
.m-platform-move1 .img2-p8 {
  position: absolute;
  left: 1073px;
  top: 145px;
}
.m-platform-move1 .img2-p8 img {
  animation: platformMove4 3s linear 3.5s infinite;
}
.m-platform-move2 {
  width: 1280px;
  height: 900px;
  margin: 0 auto;
  position: relative;
}
.m-platform-move2.active .img-down {
  animation: platformMoveDownToUp 1s;
  animation-fill-mode: forwards;
}
.m-platform-move2.active .img-top {
  animation: platformMoveUpToDown 1s linear 0.5s;
  animation-fill-mode: forwards;
}
.m-platform-move2.active .img2-p {
  animation: indexMoveLineShow 1s linear 1.5s;
  animation-fill-mode: forwards;
}
.m-platform-move2.active .img-left {
  animation: platformMoveDownToUp 1s linear 1.5s;
  animation-fill-mode: forwards;
}
.m-platform-move2.active .img-right {
  animation: platformMoveUpToDown 1s linear 1.5s;
  animation-fill-mode: forwards;
}
.m-platform-move2 .img-p {
  opacity: 0;
}
.m-platform-move2 .img-p img {
  width: 100%;
  height: 100%;
}
.m-platform-move2 .img-down {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 834px;
  height: 589px;
  margin-left: -417px;
}
.m-platform-move2 .img-top {
  position: absolute;
  left: 50%;
  top: 0;
  width: 912px;
  height: 300px;
  margin-left: -456px;
  opacity: 0;
}
.m-platform-move2 .img-left {
  position: absolute;
  left: 0;
  top: 50%;
  width: 220px;
  height: 176px;
  margin-top: -88px;
}
.m-platform-move2 .img-right {
  position: absolute;
  right: 0;
  top: 50%;
  width: 224px;
  height: 193px;
  margin-top: -96px;
}
.m-platform-move2 .img2-p {
  position: absolute;
  left: 0;
  top: 300px;
  width: 65px;
  height: 83px;
  opacity: 0;
}
.m-platform-move2 .p2-img1 {
  left: 200px;
  top: 234px;
}
.m-platform-move2 .p2-img1 img {
  animation: platformMove4 3s linear 0s infinite;
}
.m-platform-move2 .p2-img2 {
  left: 308px;
  top: 284px;
}
.m-platform-move2 .p2-img2 img {
  animation: platformMove4 3s linear 0.5s infinite;
}
.m-platform-move2 .p2-img3 {
  left: 418px;
  top: 310px;
}
.m-platform-move2 .p2-img3 img {
  animation: platformMove4 3s linear 1s infinite;
}
.m-platform-move2 .p2-img4 {
  left: 523px;
  top: 287px;
}
.m-platform-move2 .p2-img4 img {
  animation: platformMove4 3s linear 1.5s infinite;
}
.m-platform-move2 .p2-img5 {
  left: 645px;
  top: 310px;
}
.m-platform-move2 .p2-img5 img {
  animation: platformMove4 3s linear 2s infinite;
}
.m-platform-move2 .p2-img6 {
  left: 753px;
  top: 288px;
}
.m-platform-move2 .p2-img6 img {
  animation: platformMove4 3s linear 2.5s infinite;
}
.m-platform-move2 .p2-img7 {
  left: 873px;
  top: 300px;
}
.m-platform-move2 .p2-img7 img {
  animation: platformMove4 3s linear 3s infinite;
}
.m-platform-move2 .p2-img8 {
  left: 980px;
  top: 248px;
}
.m-platform-move2 .p2-img8 img {
  animation: platformMove4 3s linear 3.5s infinite;
}
.m-platform-move3 {
  width: 1280px;
  height: 908px;
  margin: 0 auto;
  position: relative;
}
.m-platform-move3.active .img-bg {
  animation: platformMoveDownToUp 2s;
  animation-fill-mode: forwards;
}
.m-platform-move3.active .img2-p1 {
  animation: indexMoveLineShow 1s linear 2s;
  animation-fill-mode: forwards;
}
.m-platform-move3.active .img2-p1 img {
  animation: platformMove5 3s linear 1.5s infinite;
}
.m-platform-move3.active .img2-p2 {
  animation: indexMoveLineShow 1s linear 2.1s;
  animation-fill-mode: forwards;
}
.m-platform-move3.active .img2-p2 img {
  animation: platformMove5 3s linear 1.5s infinite;
}
.m-platform-move3.active .img2-p3 {
  animation: indexMoveLineShow 1s linear 2.2s;
  animation-fill-mode: forwards;
}
.m-platform-move3.active .img2-p3 img {
  animation: platformMove5 3s linear 1.5s infinite;
}
.m-platform-move3.active .img2-p4 {
  animation: indexMoveLineShow 1s linear 2.3s;
  animation-fill-mode: forwards;
}
.m-platform-move3.active .img2-p4 img {
  animation: platformMove5 3s linear 1.5s infinite;
}
.m-platform-move3.active .img3-p1 {
  animation: indexMoveLineShow 1s linear 2.4s;
  animation-fill-mode: forwards;
}
.m-platform-move3.active .img3-p2 {
  animation: indexMoveLineShow 1s linear 2.6s;
  animation-fill-mode: forwards;
}
.m-platform-move3.active .img3-p3 {
  animation: indexMoveLineShow 1s linear 2.8s;
  animation-fill-mode: forwards;
}
.m-platform-move3.active .img3-p4 {
  animation: indexMoveLineShow 1s linear 3s;
  animation-fill-mode: forwards;
}
.m-platform-move3 .img-p img {
  width: 100%;
  height: 100%;
}
.m-platform-move3 .img-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1280px;
  height: 908px;
  opacity: 0;
}
.m-platform-move3 .img2-p {
  position: absolute;
  left: 0;
  top: 0;
  width: 217px;
  height: 268px;
  opacity: 0;
}
.m-platform-move3 .img2-p.img2-p4 .txt,
.m-platform-move3 .img2-p.img2-p2 .txt {
  left: 74%;
}
.m-platform-move3 .img2-p:hover .txt {
  transition: opacity 2s;
  opacity: 1;
}
.m-platform-move3 .img2-p img {
  width: 100%;
  height: 100%;
}
.m-platform-move3 .img2-p .txt {
  position: relative;
  left: -50%;
  top: -70%;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.m-platform-move3 .img2-p .txt span {
  display: block;
  font-size: 20px;
  color: #000;
}
.m-platform-move3 .img2-p1 {
  left: 260px;
  top: 195px;
  width: 217px;
  height: 268px;
}
.m-platform-move3 .img2-p2 {
  left: 810px;
  top: 51px;
  width: 296px;
  height: 278px;
}
.m-platform-move3 .img2-p3 {
  left: 168px;
  top: 509px;
  width: 209px;
  height: 313px;
}
.m-platform-move3 .img2-p4 {
  left: 892px;
  top: 419px;
  width: 203px;
  height: 328px;
}
.m-platform-move3 .img3-p {
  position: absolute;
  left: 0;
  top: 0;
  width: 122px;
  height: 170px;
  opacity: 0;
}
.m-platform-move3 .img3-p img {
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
.m-platform-move3 .img3-p1 {
  left: 361px;
  top: 306px;
  width: 122px;
  height: 170px;
}
.m-platform-move3 .img3-p2 {
  left: 505px;
  top: 233px;
  width: 122px;
  height: 157px;
}
.m-platform-move3 .img3-p3 {
  left: 645px;
  top: 234px;
  width: 132px;
  height: 120px;
}
.m-platform-move3 .img3-p4 {
  left: 800px;
  top: 283px;
  width: 132px;
  height: 120px;
}