/*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.html) 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) ;
  }
  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)
  }
}


@keyframes bg-color {

  0% { width: 0%; }

  20% { width: 20%;  }

  40% { width: 40%; }

  60% {width: 60%; }

  80% { width: 80%; }

  100% {width: 100%; }

}

/* 文字弹跳动画 */
/*  animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate; 持续弹跳 */
/* .banner-swiper .box .request span:nth-child(1) {
  animation-delay: 0s;
}
.banner-swiper .box .request span:nth-child(2) {
  animation-delay: 1s;
}
.banner-swiper .box .request span:nth-child(3) {
  animation-delay: 2s;
}
.banner-swiper .box .request span:nth-child(4) {
  animation-delay: 3s;
}
.banner-swiper .box .request span:nth-child(5) {
  animation-delay: 4s;
}
.banner-swiper .box .request span:nth-child(6) {
  animation-delay: 5s;
}
.banner-swiper .box .request span:nth-child(7) {
  animation-delay: 6s;
} */

@keyframes bounce {
  0% {
    transform: translate3d(0, 0, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
  }
  100% {
    transform: translate3d(0, -10px, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em;
  }
}




/* 元素旋转动画 */
/* -webkit-animation:changeright 6s linear infinite; */
@-webkit-keyframes changeright{       
		 
  0%{-webkit-transform:rotate(0deg);}

  50%{-webkit-transform:rotate(180deg);}

  100%{-webkit-transform:rotate(360deg);}
}