.header-bg1{
	top: 0;
	position: absolute;
	transition: all .3s ease;
}
.header2 .header-bg1{
	top: -30px;
}

.header-style1 .header-box{
	padding-top: 30px;
	transition: all .3s ease;
}
.header2.header-style1 .header-box{
	padding-top: 0;
}
/*---------------------------------------*/
.index-news-title,
.index-news-title .index-news-title span,
.index-news-list-box,
.index-news-more,
.index-study-box,
.index-study-title-icon,
.index-study-title,
.index-study-list-box,
.index-course-box,
.main-icon,
.main-title,
.news-page-info-box,
.news-list-box,
.tour-page-info-box{
	opacity: 0;
}


.index-news-box.active .index-news-title{
	animation: fade .5s ease 0s 1 both;  
}
.index-news-box.active .index-news-title span{
	display: inline-block;
}

.index-news-box.active .index-news-title span{
	animation: fadeInRight2 .5s ease .1s 1 both;
}
.index-news-box.active .index-news-more{
	animation: fade .5s ease .2s 1 both;  
}


.index-news-list-box{
	animation: fadeInUp .5s ease .1s 1 both;
}


.index-study-box.active{
	animation: fade .5s ease 0s 1 both;
}

.index-study-box.active .index-study-title-icon{
	animation: fadeInLeft2 .5s ease 0s 1 both;
}
.index-study-box.active .index-study-title{
	animation: fade .5s ease .2s 1 both;  
}
.index-study-box.active .index-study-list-box{
	animation: fade .5s ease .3s 1 both;
}
.index-course-box.active,
.news-page-info-box,
.course-page-info-box{
	animation: fadeInUp .5s ease 0s 1 both;
}
.main-icon{
    animation: fadeInLeft2 .5s ease 0s 1 both;
}
.main-title{
	animation: fade .5s ease .2s 1 both;
}
.main-title-box:after{
	transform-origin: left;
	animation: line .5s ease .5s 1 both;
}


.news-list-box,
.tour-list-box,
.study-list-box{
	animation: fadeInUp .8s ease 0s 1 both;
}

.tour-page-info-box{
	animation: fadeInUp .8s ease 0s 1 both;
}

.honor-list-box,
.contact-info-form{
	animation: fade .8s ease 0s 1 both;
}

.border-top1{
	animation: line .5s ease 0s 1 both;
	transform-origin: left;
}
.border-top2{
	animation: line .5s ease 0s 1 both;
	transform-origin: right;
}
.border-bottom1{
	animation: line .5s ease 0s 1 both;
	transform-origin: right;
}
.border-bottom2{
	animation: line .5s ease 0s 1 both;
	transform-origin: left;
}
.border-right1{
	animation: line2 .5s ease 0s 1 both;
	transform-origin: top;
}
.border-right2{
	animation: line2 .5s ease 0s 1 both;
	transform-origin: bottom;
}
.border-left1{
	animation: line2 .5s ease 0s 1 both;
	transform-origin: top;
}
.border-left2{
	animation: line2 .5s ease 0s 1 both;
	transform-origin: bottom;
}


@-webkit-keyframes fadeInRight2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInLeft2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}