/* 公共动画 */
.applicationInit{
    opacity: 0;
}
.enter-y-bottom {
    z-index: 9;
    opacity: 0;
    animation: enter-y-bottom 1s ease-in-out .1s;
    animation-fill-mode: forwards;
    transform: translateY(250px);
  }
@keyframes enter-y-bottom {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.enter-y-top {
    z-index: 9;
    opacity: 0;
    animation: enter-y-top 1s ease-in-out .1s;
    animation-fill-mode: forwards;
    transform: translateY(-250px);
  }
@keyframes enter-y-top {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.enter-x-right {
    z-index: 9;
    opacity: 0;
    animation: enter-x-right 1s ease-in-out .1s;
    animation-fill-mode: forwards;
    transform: translateX(550px);
  }
@keyframes enter-x-right {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.enter-x-left {
    z-index: 9;
    opacity: 0;
    animation: enter-x-left 1s ease-in-out .1s;
    animation-fill-mode: forwards;
    transform: translateX(-550px);
  }
@keyframes enter-x-left {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 企业文化抖动动画 */
@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
.shake >.row >.itemBgColor1 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.shake >.row >.itemBgColor2 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.shake >.row >.itemBgColor3 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.shake >.row >.itemBgColor4 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.shake >.row >.itemBgColor5 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.shake >.row >.itemBgColor6 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
.shake >.row >.item1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

/* 发展历程动画 */
.enter-y-top1 {
    z-index: 9;
    opacity: 0;
    animation: enter-y-top 1s ease-in-out .1s;
    animation-fill-mode: forwards;
    transform: translateY(-250px);
  }
@keyframes enter-y-top1 {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.enter-y-top2 {
    z-index: 9;
    opacity: 0;
    animation: enter-y-top 1s ease-in-out .6s;
    animation-fill-mode: forwards;
    transform: translateY(-250px);
  }
@keyframes enter-y-top2 {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.enter-y-top3 {
    z-index: 9;
    opacity: 0;
    animation: enter-y-top 1s ease-in-out 1.1s;
    animation-fill-mode: forwards;
    transform: translateY(-250px);
  }
@keyframes enter-y-top3 {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.enter-y-top4 {
    z-index: 9;
    opacity: 0;
    animation: enter-y-top 1s ease-in-out 1.6s;
    animation-fill-mode: forwards;
    transform: translateY(-250px);
  }
@keyframes enter-y-top4 {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 调度平台文字抖动动画num1 */
.shake-joggle {
    /* animation：规定完成动画所花费的时间，该属性必须规定，否则动画时长为0，无法播放 */
    /* -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; */
    animation: shake-joggle .6s  ease-in-out forwards 2.4s;
  }
@keyframes shake-joggle {
    2% {
      transform: translate(6px, -2px) rotate(3.5deg);
    }
 
    4% {
      opacity: .2;
      transform: translate(5px, 8px) rotate(-0.5deg);
    }
 
    6% {
        opacity: .3;
      transform: translate(6px, -3px) rotate(-2.5deg);
    }
 
    8% {
        opacity: .3;
      transform: translate(4px, -2px) rotate(1.5deg);
    }
 
    10% {
        opacity: .4;
      transform: translate(-6px, 8px) rotate(-1.5deg);
    }
 
    12% {
        opacity: .4;
      transform: translate(-5px, 5px) rotate(1.5deg);
    }
 
    14% {
        opacity: .5;
      transform: translate(4px, 10px) rotate(3.5deg);
    }
 
    16% {
        opacity: .5;
      transform: translate(0px, 4px) rotate(1.5deg);
    }
 
    18% {
        opacity: .6;
      transform: translate(-1px, -6px) rotate(-0.5deg);
    }
 
    20% {
        opacity: .6;
      transform: translate(6px, -9px) rotate(2.5deg);
    }
 
    22% {
        opacity: .7;
      transform: translate(1px, -5px) rotate(-1.5deg);
    }
 
    24% {
        opacity: .7;
      transform: translate(-9px, 6px) rotate(-0.5deg);
    }
 
    26% {
        opacity: .8;
      transform: translate(8px, -2px) rotate(-1.5deg);
    }
 
    28% {
        opacity: .8;
      transform: translate(2px, -3px) rotate(-2.5deg);
    }
 
    30% {
        opacity: .9;
      transform: translate(9px, -7px) rotate(-0.5deg);
    }
 
    32% {
        opacity: 1;
      transform: translate(8px, -6px) rotate(-2.5deg);
    }
 
    34% {
        opacity: 1;
      transform: translate(-5px, 1px) rotate(3.5deg);
    }
 
    36% {
        opacity: 1;
      transform: translate(0px, -5px) rotate(2.5deg);
    }
 
    38% {
        opacity: 1;
      transform: translate(2px, 7px) rotate(-1.5deg);
    }
 
    40% {
        opacity: 1;
      transform: translate(6px, 3px) rotate(-1.5deg);
    }
 
    42% {
        opacity: 1;
      transform: translate(1px, -5px) rotate(-1.5deg);
    }
 
    44% {
        opacity: 1;
      transform: translate(10px, -4px) rotate(-0.5deg);
    }
 
    46% {
        opacity: 1;
      transform: translate(-2px, 2px) rotate(3.5deg);
    }
 
    48% {
        opacity: 1;
      transform: translate(3px, 4px) rotate(-0.5deg);
    }
 
    50% {
        opacity: 1;
      transform: translate(8px, 1px) rotate(-1.5deg);
    }
 
    52% {
        opacity: 1;
      transform: translate(7px, 4px) rotate(-1.5deg);
    }
 
    54% {
        opacity: 1;
      transform: translate(10px, 8px) rotate(-1.5deg);
    }
 
    56% {
        opacity: 1;
      transform: translate(-3px, 0px) rotate(-0.5deg);
    }
 
    58% {
        opacity: 1;
      transform: translate(0px, -1px) rotate(1.5deg);
    }
 
    60% {
        opacity: 1;
      transform: translate(6px, 9px) rotate(-1.5deg);
    }
 
    62% {
        opacity: 1;
      transform: translate(-9px, 8px) rotate(0.5deg);
    }
 
    64% {
        opacity: 1;
      transform: translate(-6px, 10px) rotate(0.5deg);
    }
 
    66% {
        opacity: 1;
      transform: translate(7px, 0px) rotate(0.5deg);
    }
 
    68% {
        opacity: 1;
      transform: translate(3px, 8px) rotate(-0.5deg);
    }
 
    70% {
        opacity: 1;
      transform: translate(-2px, -9px) rotate(1.5deg);
    }
 
    72% {
        opacity: 1;
      transform: translate(-6px, 2px) rotate(1.5deg);
    }
 
    74% {
        opacity: 1;
      transform: translate(-2px, 10px) rotate(-1.5deg);
    }
 
    76% {
        opacity: 1;
      transform: translate(2px, 8px) rotate(2.5deg);
    }
 
    78% {
        opacity: 1;
      transform: translate(6px, -2px) rotate(-0.5deg);
    }
 
    80% {
        opacity: 1;
      transform: translate(6px, 8px) rotate(0.5deg);
    }
 
    82% {
        opacity: 1;
      transform: translate(10px, 9px) rotate(3.5deg);
    }
 
    84% {
        opacity: 1;
      transform: translate(-3px, -1px) rotate(3.5deg);
    }
 
    86% {
        opacity: 1;
      transform: translate(1px, 8px) rotate(-2.5deg);
    }
 
    88% {
        opacity: 1;
      transform: translate(-5px, -9px) rotate(2.5deg);
    }
 
    90% {
        opacity: 1;
      transform: translate(2px, 8px) rotate(0.5deg);
    }
 
    92% {
        opacity: 1;
      transform: translate(0px, -1px) rotate(1.5deg);
    }
 
    94% {
        opacity: 1;
      transform: translate(-8px, -1px) rotate(0.5deg);
    }
 
    96% {
        opacity: 1;
      transform: translate(-3px, 8px) rotate(-1.5deg);
    }
 
    98% {
        opacity: 1;
      transform: translate(4px, 8px) rotate(0.5deg);
    }
 
    0%,
    100% {
        opacity: 1;
      transform: translate(0, 0) rotate(0);
    }
}
/* 调度平台旋转放大动画 */
.rotation_scale{
    animation: rotation-scale 3s linear;
}
@keyframes rotation-scale {
    0% {
        opacity: 0;
        transform: scale(0) rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: scale(1.2) rotate(360deg);
    }

    75% {
        opacity: 1;
        transform: scale(0.8) rotate(180deg);
        }

    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

/* 调度平台旋转动画 */
.rotation{
    animation: rotation 3s linear;
}

@keyframes rotation {
    0% {
        opacity: 0;
        transform: rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: rotate(360deg);
    }

    75% {
        opacity: 1;
        transform: rotate(540deg);
        }

    100% {
        opacity: 1;
        transform: rotate(720deg);
    }
}

/* 商城系统num2 */
/* 2 */
.word_bounce {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounce;
    animation-name: bounce;
}
@keyframes bounce {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
    55% {
        opacity: 1;
        -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
        transform: scale(1.08);
    }
    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }
    85% {
        opacity: 1;
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
/* 3 */
.num2_point3_text >.edu_programme >.edu_programme_items_left2 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.num2_point3_text >.edu_programme >.edu_programme_items_right2 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.num2_point3_text >.edu_programme >.edu_programme_items_leftCenter2 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.num2_point3_text >.edu_programme >.edu_programme_items_rightCenter2 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.num2_point3_text >.edu_programme >.edu_programme_items_leftBottom2 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.num2_point3_text >.edu_programme >.edu_programme_items_rightBottom2 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
.num2_point3_text >.edu_programme >.edu_programme_items {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

/* 供应链num4 */
.applicationInit1_text >.edu_programme >.edu_programme_items_leftCenter1 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.applicationInit1_text >.edu_programme >.edu_programme_items_left1 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.applicationInit1_text >.edu_programme >.edu_programme_items_top1 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.applicationInit1_text >.edu_programme >.edu_programme_items_right1 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.applicationInit1_text >.edu_programme >.edu_programme_items_rightCenter1 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.applicationInit1_text >.edu_programme >.edu_programme_items {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

/* 语音线路call1 */
.call1_point1_text >.edu_programme >.item1 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.call1_point1_text >.edu_programme >.item2 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.call1_point1_text >.edu_programme >.item3 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.call1_point1_text >.edu_programme >.item4 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.call1_point1_text >.edu_programme >.market_system_items {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

/* 呼叫中心 */
.enter-x-right-call3 {
    z-index: 9;
    opacity: 0;
    animation: enter-x-right 1.5s ease-in-out .1s;
    animation-fill-mode: forwards;
    transform: translateX(550px);
  }
@keyframes enter-x-right {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.enter-x-left-call3 {
    z-index: 9;
    opacity: 0;
    animation: enter-x-left 1.5s ease-in-out .1s;
    animation-fill-mode: forwards;
    transform: translateX(-550px);
  }
@keyframes enter-x-left {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* 首页 */
.index_point1 >.partners_contain_flex >.img1 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.index_point1 >.partners_contain_flex >.img2 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.index_point1 >.partners_contain_flex >.img3 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.index_point1 >.partners_contain_flex >.img4 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.index_point1 >.partners_contain_flex >.img5 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.index_point1 >.partners_contain_flex >.img6 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.index_point1 >.partners_contain_flex >.img7 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.index_point1 >.partners_contain_flex >.img8 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.index_point1 >.partners_contain_flex >.img9 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.index_point1 >.partners_contain_flex >.img10 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.index_point1 >.partners_contain_flex >.img11 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.index_point1 >.partners_contain_flex >.img12 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.index_point1 >.partners_contain_flex >.img13 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.index_point1 >.partners_contain_flex >.img14 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.index_point1 >.partners_contain_flex >.img15 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.index_point1 >.partners_contain_flex >img {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}