/* 首页标题动画 */
.slide-in-left{-webkit-animation:slide-in-left .1.2s;animation:slide-in-left 1.2s}
.slide-in-left1{-webkit-animation:slide-in-left 1.5s;animation:slide-in-left 1.5s}
.slide-in-left2{-webkit-animation:slide-in-left 1.7s;animation:slide-in-left 1.7s}
.slide-in-left3{-webkit-animation:slide-in-left 2s;animation:slide-in-left 2s}
.slide-in-left4{-webkit-animation:slide-in-left 2.3s;animation:slide-in-left 2.3s}
.slide-in-left5{-webkit-animation:slide-in-left 2.5s;animation:slide-in-left 2.5s}
@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
/* 第一部分 */

.fade-in{-webkit-animation:fade-in 3s;animation:fade-in 3s;visibility:visible !important;}
@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}




.scale-in-center{-webkit-animation:scale-in-center 2s;animation:scale-in-center 2s;visibility:visible !important;}
.scale-in-center1{-webkit-animation:scale-in-center 1.8s;animation:scale-in-center 1.8s; visibility:visible !important;}
 @-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
 .slide-in-right{-webkit-animation:slide-in-right 1.5s;animation:slide-in-right 1.5s; visibility:visible !important}
@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}

.fade-in-bottomk1{-webkit-animation:fade-in-bottom 1s;animation:fade-in-bottom 1s; visibility:visible !important}
.fade-in-bottomk2{-webkit-animation:fade-in-bottom 3s;animation:fade-in-bottom 3s; visibility:visible !important}
.fade-in-bottomk3{-webkit-animation:fade-in-bottom 5s;animation:fade-in-bottom 5s; visibility:visible !important}
.fade-in-bottomk4{-webkit-animation:fade-in-bottom 7s;animation:fade-in-bottom 7s; visibility:visible !important}
.fade-in-bottomk5{-webkit-animation:fade-in-bottom 9s;animation:fade-in-bottom 9s; visibility:visible !important}
.fade-in-bottomk6{-webkit-animation:fade-in-bottom 9s;animation:fade-in-bottom 11s; visibility:visible !important}
.fade-in-bottomk7{-webkit-animation:fade-in-bottom 9s;animation:fade-in-bottom 13s; visibility:visible !important}
@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
/* 运营中心动画 */

  .square1 {
    animation: floatAnimation1 1.2s infinite alternate ease-in-out;
  }

  .square2 {
    animation: floatAnimation2 1.3s infinite alternate ease-in-out;
  }

  .square3 {
    animation: floatAnimation3 1.4s infinite alternate ease-in-out;
  }

  .square4 {
    animation: floatAnimation4 1.5s infinite alternate ease-in-out;
  }

  @keyframes floatAnimation1 {
    from {
      transform: translateY(0);
    }

    to {
      transform: translateY(-0.1042rem);
    }
  }

  @keyframes floatAnimation2 {
    from {
      transform: translateY(0);
    }

    to {
      transform: translateY(-0.1042rem);
    }
  }

  @keyframes floatAnimation3 {
    from {
      transform: translateY(0);
    }

    to {
      transform: translateY(-0.1042rem);
    }
  }

  @keyframes floatAnimation4 {
    from {
      transform: translateY(0);
    }

    to {
      transform: translateY(-0.1042rem);
    }
  }