.index-b4-1,
.index-b4-2,
.index-b4-3,
.index-title-box,
.index-link,
.header-title{
  opacity: 0
}
.index-title-box:after{
  transform: scale(0);
}

.index-b3{
    animation: rotate2 360s linear 0s infinite ;
}
.index-c1{
    animation: car1 3s linear 0s infinite alternate;
}

.index-c2{
    animation: car2 3s linear 0.3s infinite alternate;
}
.index-c3{
    animation: car3 3s linear 0.5s infinite alternate;
}

.index-b4-1{
  animation: balloon 10s linear 0.5s infinite ;

}
.index-b4-2{
  animation: balloon2 10s linear 0.5s infinite ;

}
.index-b4-3{
  animation: balloon3 10s linear 0.5s infinite ;

}
.footer-car-box{
  animation: car 10s linear 0s infinite ;
}
.index-arrow-box{
  animation: fadeInDown2 3s linear 0s infinite ;
  
}
.index-title-box:after{
  transform-origin: left;
  animation: line 2s linear 0s 1 forwards ;
}
.index-title-box{
  animation: fade 1s linear 0s 1 forwards ;
}
.index-link{
  animation: fade .8s linear 0.2s 1 forwards ;
}


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

  80% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100%{
    opacity: 0;
    -webkit-transform: none;
    transform: none;
  }
}

.header-num1{
  animation: num 1s linear 0s 1 forwards ;
}
.header-title{
  animation: fade .8s linear 1s 1 forwards ;
}
.header-news .header-title{
  animation: fade .8s linear 0s 1 forwards ;
}
@keyframes num{
  0%{
    width: 150px;
  }
  100%{
    width: 650px;
  }
  
}