.index-about-title,
.index-about-article,
.index-about-icon,
.index-about-en-title,
.index-news-title,
.index-news-list-info-box,
.header-menu-knowledge-list-block,
.main-banner-slong,
.about-info-img,
.about-info-p,
.about-info-title,
.page,
.news-page-info-title,
.news-back,
.index-news-list,
.edit-box,
.service-list,
.team-list,
.recruit-list,
.recruit-page-list,
.recruit-page-info-box,
.upload-box,
.contact-title,
.contact-info-form,
.knowledge-page-title,
.knowledge-info-title,
.knowledge-info-p,
.knowledge-list-more{
    opacity: 0;
}



.index-srcoll{
    animation: mouse 2s linear 0s infinite alternate;
}

.index-about-box.active .index-about-title{
    animation: fade .8s linear 0s 1 forwards;
}

.index-about-box.active .index-about-article{
    animation: fadeInLeft 1s linear 0s 1 forwards;
}

.index-about-en-title-box.active .index-about-en-title{
    animation: fadeInDown 1s linear 0s 1 forwards;
}

.index-about-en-title-box.active .index-about-icon{
    animation: fade .8s linear .8s 1 forwards;
}

.index-link-box li:nth-child(2){
	left: -25%;
	z-index: 2;
}

.index-link-box li:nth-child(3){
	right: -25%;
	z-index: 2;
}
.index-link-box.active li:nth-child(2){
	animation: left2 .8s linear 0s 1 forwards;
}

.index-link-box.active li:nth-child(3){
	animation: right2 .8s linear 0s 1 forwards;
}


/*左移進入*/
@-webkit-keyframes left2 {
  from {
    left: -25%;
  }

  to {
   left: 0;
  }
}

@keyframes left2 {
  from {
    left: -25%;
  }

  to {
    left: 0;
  }
}

/*右移進入*/
@-webkit-keyframes right2 {
  from {
    right: -25%;
  }

  to {
   right: 0;
  }
}

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

  to {
    right: 0;
  }
}


.index-news-title{
	animation: fade .8s linear 0s 1 forwards;
}
.index-news-icon{
    animation: fadeInLeft .8s linear 0s 1 forwards;
}

.index-news-list.active .index-news-list-info-box{
    animation: fade .8s linear 0s 1 forwards;
}

.header-knowledge.open .header-menu-knowledge-list-block{
    animation: fade .3s linear 0s 1 forwards;
}

.main-banner-slong{
    animation:  fade .5s linear 0s 1 forwards;
}

.about-info-img{
    animation: fade .5s linear 0s 1 forwards;
}

.about-info-p{
    animation: fade .5s linear 0.3s 1 forwards;
}

.about-info-title.active{
	animation: fade .5s linear 0s 1 forwards;
}

.page.active{
    animation: fade .5s linear 0s 1 forwards;
}

.news-page-info-date{
    animation: fade .5s linear 0s 1 forwards;
}
.news-page-info-title{
    animation: fade .5s linear .3s 1 forwards;
}
.news-back{
    animation: fade .5s linear .3s 1 forwards;
}
.index-news-list.active{
    animation: fade .8s linear 0s 1 forwards;
}

.edit-box{
    animation: fade .5s linear .3s 1 forwards;
}

.service-list.active{
    animation: fade 1s linear 0s 1 forwards; 
}

.team-list-p.p-active{
    max-height: 130px;
}
.team-list.active{
    animation: fade .8s linear 0s 1 forwards;
}
.recruit-title{
    animation: fade .8s linear 0s 1 forwards;
}

.recruit-list.active{
	animation: fade .8s linear 0s 1 forwards;
}
.recruit-page-list.active{
    animation: fade .8s linear 0s 1 forwards;
}
.recruit-page-info-box.active{
    animation: fade .8s linear 0s 1 forwards;	
}

.upload-box.active{
	animation: fade .8s linear 0s 1 forwards;
}
.contact-title{
    animation: fade .8s linear 0s 1 forwards;
}
.knowledge-page-title.active,
.knowledge-info-title.active,
.knowledge-info-p.active,
.knowledge-list-more.active{
    animation: fade .8s linear 0s 1 forwards;
}
.contact-info-form.active{
    animation: fade .8s linear 0s 1 forwards;
}