.index-video-slong{
  opacity: 0;
}

.index-news-more,
.index-news-list-box,
.index-teacher-info-box,
.index-teacher-b-title,
.about-title,
.about-info-title,
.about-info-p,
.juniorhigh-title,
.juniorhigh-page-title,
.juniorhigh-img-box,
.news-page-info-img-box,
.news-page-date,
.news-editor,
.juniorhigh-info-box{
  opacity: 0;
}
.index-teacher-b-title span{
  transform: scale(0);
}
/* banner */
.slick-active .index-video-slong{
  animation: fade 1s linear 0s 1 forwards;
} 
.index-video-box .index-video-slong{
  animation: fade 1s linear 0s 1 forwards;
}
.index-news-title:before{
  animation: fadeInRight 1.5s linear 0s infinite alternate;
}


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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.index-news-box.active .index-news-more{
    animation: fade .8s linear 0s 1 forwards;
}
.index-news-more:after{
  transform: scale(0);
  transform-origin: left;

}
.index-news-box.active .index-news-more:after{
  animation: line .8s linear .3s 1 forwards;
}
.index-news-line{
  transform: scale(0);
  transform-origin: top;
}
.index-news-box.active .index-news-line{
  animation: line2 1s linear .5s 1 forwards;
}
.index-news-box.active .index-news-list-box{
  animation: fade .8s linear .5s 1 forwards;
}

.index-teacher-list-box .index-teacher-list:nth-child(2){
  left: -25%;
  z-index: 1;
}
.index-teacher-list-box .index-teacher-list:nth-child(3){
  right: -25%;
  z-index: 1
}
.index-teacher-box.active .index-teacher-list-box .index-teacher-list:nth-child(2){
  animation: left2 1s  ease-out 0s 1 forwards;
}
.index-teacher-box.active .index-teacher-list-box .index-teacher-list:nth-child(3){
  animation: right2 1s  ease-out 0s 1 forwards;
}
@keyframes left2 {
  from {
    left: -25%;
  }

  to {
    left: 0;
  }
}
@keyframes right2 {
  from {
    right: -25%;
  }

  to {
    right: 0;
  }
}

.index-teacher-box.active  .index-teacher-info-box{
   animation:  fadeInUp 1s  ease-out 1s 1 forwards;
  
}
.index-teacher-box.active  .index-teacher-b-title{
  animation: fade .8s linear .5s 1 forwards;
}
.index-teacher-b-title span:first-child,
.index-teacher-b-title span:nth-child(2)
{
  transform-origin: left;
}
.index-teacher-box.active .index-teacher-b-title span:first-child{
  animation: line .5s linear .8s 1 forwards;
}

.index-teacher-box.active .index-teacher-b-title span:nth-child(2){
  animation: line .8s linear 1s 1 forwards;
}



/* -------------------about---------------------- */
.about-icon{
  animation: butterfly-skew 2s linear 0s infinite alternate;
}



@keyframes butterfly-skew
{
  0% {
    -webkit-transform: skewX(0) rotate(0);
    transform: skewX(0) rotate(0);
  }
    50% {
   
    transform:skewX(10deg) rotate(5deg);
     -webkit-transform: skewX(10deg) rotate(5deg);
  }
    100%{
    
    transform: skewX(0) rotate(0);
    -webkit-transform: skewX(0) rotate(0);
  }
}

.active .about-title{
  animation: fade .8s linear 0s 1 forwards;
}
.active .about-info-title{
  animation: fadeInLeft .8s linear 0s 1 forwards;
}
.active .about-info-p{
  animation: fadeInRight .8s linear 0s 1 forwards;
}


.news-box .index-news-list-box{
  animation:  fade .8s linear .3s 1 forwards;
}
.index-news-title{
  animation:  fade .8s linear 0s 1 forwards;
}
.news-box .index-news-line{
  animation: line2 1s linear 0s 1 forwards;
}
.news-box .index-news-more{
  animation:  fade .8s linear 0s 1 forwards;
}
.news-box .index-news-more:after{
  animation: line 1s linear 0s 1 forwards;
}

.juniorhigh-title,
.news-page-title{
  animation:  fade .8s linear 0s 1 forwards;
}
.juniorhigh-title:before,
.news-page-title:before {
  opacity: 0;
  animation:  fadeInRight 1.5s linear 0.5s infinite alternate;
}

.juniorhigh-page-title{
  animation:  fade .8s linear 0s 1 forwards;
}

.juniorhigh-page-title:before{
  animation:  fadeInRight 1.5s linear 0.5s infinite alternate;
}
.juniorhigh-page-box{
  animation: top .8s linear 0s 1 forwards;
}
.juniorhigh-img-box{
  animation: fade .8s linear 0.8s 1 forwards;
}
.juniorhigh-info-box{
  animation: fade .8s linear 1s 1 forwards;
}

.news-page-line-top,
.news-page-line-top2,
.news-page-line-bottom,
.news-page-line-bottom2{
  transform: scale(0);
}
.news-page-line-top{
  transform-origin: left;
}
.news-page-line-bottom{
  transform-origin: right;
}
.news-page-line-top2{
  transform-origin: top;
}
.news-page-line-bottom2{
  transform-origin: bottom;
}
.news-page-line-top,
.news-page-line-bottom{
  animation: line 1s linear 0s 1 forwards;
}

.news-page-line-top2,
.news-page-line-bottom2{
  animation: line2 1s linear 0s 1 forwards;
}
.news-page-info-img-box{
  animation: fade .8s linear 0.3s 1 forwards;
}
.news-page-date{
  animation: fade .8s linear 0.5s 1 forwards;
}
.news-editor{
  animation: fade .8s linear 0.5s 1 forwards;
}