/*css 动画  */
@keyframes list-jting {
    0% {
      transform: translateX(-10px);
    }
    
    100% {
      transform: translateX(10px);
    }
  }

  
  
@keyframes bannermove {
    0%   {transform: scale(1);}
    25%  {transform: scale(1.05);}
    50%  {transform: scale(1);}
    75%  {transform: scale(1.05);}
    100% {transform: scale(1);}
  }
  
  @keyframes banner-scroll {
    0%{
    transform: translateY(-15%);
    }
    50%{
      transform: translateY(15%);
    }
    100%{
    transform: translateY(-15%);
  }
}

  
  @keyframes whychose-yd {
	0% {
    transform:translateX(-100%);
	 }
	  33% {
    transform:translateX(-60%);
	 }
	  66% {
      
    transform:translateX(-30%);
	 }
	 100% {
    background: url(../images/index-information-inewarr2.png) no-repeat center;
    background-size: 100%; 
    transform:translateX(0%);

	 }
}

@keyframes shubiao {
	0% {
    /* opacity: 1; */
    -webkit-transform: scale(1);
	 }
	  33% {
      /* opacity: 0.5; */
      -webkit-transform: scale(1.2);
	 }
	  66% {
	    /* opacity: 0.5; */
    -webkit-transform: scale(1.3);
	 }
	 100% {
    /* opacity: 1; */
    -webkit-transform: scale(1);
	 }
}

@keyframes about-fiveani {
	0% {  opacity: .2;}
  33% {  opacity: .5; }
	66% { opacity: .3; }
	100% { opacity: .2; }
}
@keyframes about-fiveani2 {
	0% {  opacity: .3;}
  33% {  opacity: .5; }
	66% { opacity: .6; }
	100% { opacity: .3; }
}
@keyframes about-fiveani3 {
	0% {  opacity: .4;}
  33% {  opacity: .5; }
	66% { opacity: .6; }
	100% { opacity: .4; }
}


/*css 动画  */
@keyframes heart {
  from {
    transform: translate(0, 0) translate(-50%, -44%);
  }
  to {
    transform: translate(0, 30px) translate(-50%, -44%);
  }
}


@keyframes heart2 {
  from {
    transform: translate(0, 0) ;
  }
  to {
    transform: translate(0, 30px);
  }
}


@keyframes Tada {
  0% {
    transform: scale(1);
    transform: scale(1)
  }

  70%,73%{
      transform: scale(0.9) rotate(-3deg);
      transform: scale(0.9) rotate(-3deg)
  }

  77%,83%,90%,97%  {
      transform: scale(1.1) rotate(3deg);
      transform: scale(1.1) rotate(3deg)
  }

  80%,87%,93%{
      transform: scale(1.1) rotate(-3deg);
      transform: scale(1.1) rotate(-3deg)
  }

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