header{
  transition: all .3s linear;
}
.header2{
  background-color: #FFF;
}
.header2 .header-menu-list{
  color: #888;
}

.header2 .header-menu-list{
  height: 68px;
  line-height: 68px;
}

.index-news-box .index-news-list-box {
  animation: fadeInUp 1s ease 0s 1 both;
}
.index-news-box .index-news-more{
  animation: fade .5s ease .5s 1 both;
}
/*------------------------------------------*/

.index-cases-list-box,
.index-cases-title,
.index-cases-more,
.index-service-list-box,
.about-list2-tilte,
.about-list2-title-en,
.about-list3-info,
.about-list3-img-box,
.cases-list-box,
.course-sort-box,
.servcie-list-box,
.servcie-box,
.service-page-title,
.service-page-edit-box,
.service-page-link-next,
.service-page-link-prev,
.news-page-box,
.course-box,
.contact-narrative> i,
.contact-narrative-p,
.contact-info-form{
  opacity: 0;
}
.about-list2-line,
.service-page-title-line{
  transform: scale(1,0);
}
.about-list2-line2,
.about-list-mask,
.about-list-mask-line,
.service-page-line,
.contact-narrative-line
{
  transform: scale(0,1);
}
.index-cases-box.active .index-cases-list-box{
   animation: fadeInUp .8s ease 0s 1 both;
}

.index-cases-box.active .index-cases-title,
.index-cases-box.active .index-cases-more,
.index-service-box.active .index-cases-title{
  animation: fade .8s ease 0s 1 both;
}

.index-service-box.active .index-service-list-box{
  animation: fade .8s ease 0s 1 both;
}

.main-tab-box,
.cases-list-box{
  animation: fade .8s ease 0s 1 both;
}

.about-list1-box .about-img-box{
  animation: fadeInLeft .8s ease 0s 1 both;
}

.about-list1-box .about-list-info-box{
  animation: fadeInUp .8s ease 0s 1 both;
}

.about-list2-box.active .about-list2-tilte,
.index-search-title{
  animation: fade .8s ease 0s 1 both;
}
.about-list2-line{
  transform-origin: top;
}
.about-list2-box.active .about-list2-line:nth-child(2){
  animation: line2 .5s ease .1s 1 both;
}
.about-list2-box.active .about-list2-line:nth-child(4){
  animation: line2 .5s ease .4s 1 both;
}
.about-list2-box.active .about-list2-p,
.index-search-input-box{
  animation: fade .8s ease .2s 1 both;
}
.about-list2-box.active .about-list2-line2{
  animation: line .8s ease .5s 1 both;
}
.about-list2-box.active .about-list2-title{
  animation: fade .8s ease .7s 1 both;
}

.about-list2-box.active .about-list2-title-en{
  animation: fade .8s ease .9s 1 both;
}
.about-list3-box .about-list-mask,
.about-list3-box .about-list-mask-line{
  transform-origin: left;
}
.about-list3-box.active .about-list-mask,
.about-list3-box.active .about-list-mask-line{
  animation: line .8s ease 0s 1 both;
}
.about-list3-box.active .about-list3-info{
  animation: fadeInUp .8s ease .2s 1 both;
}

.about-list3-box.active .about-list3-img-box{
  animation: fade .8s ease .3s 1 both;
}
.course-sort-box {
  animation: fade .8s ease 0s 1 both;
}
.servcie-list-box,
.servcie-box{
  animation: fadeInUp .8s ease .2s 1 both;
}
.service-page-line{
  animation: line .8s ease 0s 1 both;
}
.service-page-title-line{
  transform-origin: top;
}
.service-page-title-line{
  animation: line2 .5s ease .7s 1 both;
}

.service-page-title{
  animation: fade .5s ease .5s 1 both;
}
.service-page-edit-box{
  animation: fadeInUp .8s ease .5s 1 both;
}

.service-page-link-next{
  animation: fadeInLeft .8s ease .5s 1 both;
}
.service-page-link-prev{
  animation: fadeInRight .8s ease .5s 1 both;
}
.news-page-box,
.course-left{
  animation: fade .8s ease 0s 1 both;
}
.course-info-box{
  animation: fadeInUp .8s ease 0s 1 both;
}
.course-box{
  animation: fadeInUp .8s ease 0s 1 both;
  padding-bottom: 80px;
}
.contact-narrative-line:first-child{
  transform-origin: left;
  animation: line .8s linear 0s 1 both;
}
.contact-narrative-line:last-child{
  transform-origin: right;
  animation: line .8s linear 0s 1 both;
}
.contact-narrative> i:first-child{
  animation: fade .5s linear 0s 1 both;
}
.contact-narrative-p:nth-child(2){
  animation: fade .5s linear .1s 1 both;
}
.contact-narrative-p:nth-child(3){
  animation: fade .5s linear .2s 1 both;
}
.contact-narrative-p:nth-child(4){
  animation: fade .5s linear .3s 1 both;
}
.contact-info-form.active{
  animation: fadeInUp .8s ease 0s 1 both;
}