/* 背景图动画 */

@-webkit-keyframes imgmove {
  0% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }

  50% {
    -webkit-transform: scale(1.22);
    transform: scale(1.22);
  }

  100% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    
  }
}

@keyframes imgmove {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.23);
    transform: scale(1.23)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

/*  五大板块渐变 */

@-webkit-keyframes jianbian {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.01);
    transform: scale(0.01);
    z-index: -1;
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 11;
  }
}

@keyframes jianbian {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    z-index: -1;
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 11;
  }
}

/* 文字渐变 */

@-webkit-keyframes text1 {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@keyframes text1 {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes text2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  50% {
    opacity: 0.8;
  }

  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
  }
}

@keyframes text2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  50% {
    opacity: 0.8;
  }

  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
  }
}

/* 五块内部旋转 */

@-webkit-keyframes rodel {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rodel {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* .text p:nth-child(1):hover {

  text-shadow: 2px 2px  2px rgb(230, 200, 200);
}
.text p:nth-child(2):hover {

  text-shadow: 2px 2px  2px rgb(185, 170, 170);
} */
/* 五大块悬浮动画 */
@-webkit-keyframes twinkling {
  0% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -webkit-transform: scale(1);
  }

  50% {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transform: scale(1.12);
  }

  100% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -webkit-transform: scale(1);
  }
}

@keyframes twinkling {
  0% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -webkit-transform: scale(1);
  }

  50% {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transform: scale(1.12);
  }

  100% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -webkit-transform: scale(1);
  }
}

/* 菜单动画 */
@keyframes repeat {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.9);
  }
}

/* 生态圈十二大模块动画 */
@keyframes sxmove {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  50% {
    transform: translateY(5px);
    opacity: 0.4;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes snake {

  0%,
  40%,
  60%,
  80%,
  100% {
    transform: translateX(0);
  }

  50%,
  70%,
  90% {
    transform: translateX(10px);
  }
}

@keyframes swing {
  10% {
    transform: rotate(10deg);
  }

  20% {
    transform: rotate(-10deg);
  }

  30% {
    transform: rotate(10deg);
  }

  40% {
    transform: rotate(-5deg);
  }

  100% {
    transform: rotate(0deg);
  }
}
