/*动画*/
/*KV背景*/
@keyframes homekvbigtosml {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 100px, 100px);
    transform: scale(1.15) translate3d(-100px, 100px, 100px);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform:scale(1) translate3d(0, 0, 0);
  }
}
/*KV下方移动的光*/
@keyframes lightBGmove {  
    0% {
    transform: translateX(0px);
    opacity: 0;
    }
    25% {
    transform: translateX(-375px);
    opacity: 1;
    }
    50% {
    transform: translateX(-750px);
    opacity: 0;
    }
    75% {
    transform: translateX(-375px);
    opacity: 1;
    }
    100% {
    transform: translateX(0px);
    opacity: 0;
    }
}

/*PT3 LOGO*/
@keyframes ptlogofadeIn {
  0% {
    opacity: 0;
  }
  25%,50%,75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*KV的SLOGAN*/
@keyframes Hometext {
  from {
    opacity: 0;
    -webkit-transform: translate3d(75px, 50px, 0);
    transform: scale(0.5) translate3d(75px, 50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform:scale(1) translate3d(0, 0, 0);
  }
}

/*kv下圈动画*/
@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    transform: scale(1.5);
    opacity: 0;
  }
}
/*1.25倍由大到小*/
@keyframes TransformScalebigtosmltext {
  from {
    opacity: 0;
    transform: scale(1.25);
  }

  to {
    opacity: 1;
    transform:scale(1);
  }
}

/*由亮变正常*/
@keyframes Transformfiltercontrast {
  from {
    opacity: 0;
    filter: contrast(4.4);
  }

  to {
    opacity: 1;
    filter: contrast(1);
  }
}

/*0.75由小变大*/
@keyframes TransformScalesmltobig {
    0% {transform: scale(0.75); opacity: 0;}
    100% {transform: scale(1); opacity: 1;}
}

/*0.75由小变大*/
@keyframes Transquan {
    0% {transform:rotate(360deg);}
    100% {transform:rotate(0deg);}
}


@keyframes fadeInUpicon {  
  0%{
      opacity: 0;
      -webkit-transform: translate3d(0, 30%, 0);
      transform: translate3d(0, 30%, 0);
  }
  25%,75% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  100% {
      opacity: 0;
      -webkit-transform: translate3d(0, -30%, 0);
      transform: translate3d(0, -30%, 0);
  }
}

@keyframes fadeInRighticon {  
  0%{
      opacity: 0;
      -webkit-transform: translate3d(-30%, 0, 0);
      transform: translate3d(-30%, 0, 0);
  }
  25%,75% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  100% {
      opacity: 0;
      -webkit-transform: translate3d(30%, 0, 0);
      transform: translate3d(30%, 0, 0);
  }
}


@keyframes fadeInUpRich {  
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 10%, 0);
      transform: translate3d(0, 10%, 0);
  }

  100% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightRich {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftRich {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownRich {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*动画*/
@keyframes fadeInUpMenu {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/**/
@keyframes fadeInDownBigImg {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: scale(0.75) translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform:scale(1) translate3d(0, 0, 0);
  }
}

/**/
@keyframes richfadeInleftBIG {
  from {
    opacity: 0;
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}