.index-banner-slong,
.index-about-info-box,
.index-about-linke-box,
.index-about-img,
.index-about-img-title,
.index-main-title,
.index-featured-box,
.index-blog-class-box,
.index-blog-list-block,
.contact-info-form,
.about-img,
.about-article-p,
.about-article-title,
.about-article-img-box,
.index-blog2-list-block{
  opacity: 0;
}
.index-about-img-border-top,
.index-about-img-border-bottom{
	transform: scale(0,1);
}

.index-about-img-border-right{
	transform: scale(1,0);
}

.index-banner-slong-list.slick-active .index-banner-slong:nth-child(1){
  	animation: fadeInUp .8s ease 0s 1 forwards;
}
.index-banner-slong-list.slick-active .index-banner-slong:nth-child(2){
  	animation: fadeInUp .8s ease .2s 1 forwards;
}

.index-about-block.active .index-about-info-box{
	animation: fadeInUp .8s ease 0s 1 forwards;
}
.index-about-block.active .index-about-linke-box{
	animation: fade .8s ease .6s 1 forwards;
}
.index-about-block.active .index-about-img{
	animation: fade .8s ease .0s 1 forwards;
}
.index-about-img-border-top{
	transform-origin: left;
}
.index-about-img-border-right{
	transform-origin: top;
}
.index-about-img-border-bottom{
	transform-origin: right;
}
.index-about-block.active .index-about-img-border-top{
	animation: line .8s linear .3s 1 forwards;
}
.index-about-block.active .index-about-img-border-right{
	animation: line2 .8s linear 1.1s 1 forwards;
}
.index-about-block.active .index-about-img-border-bottom{
	animation: line .8s linear 1.9s 1 forwards;
}

.index-about-block.active .index-about-img-title{
	animation: fadeInUp .8s ease .0s 1 forwards;
}

.index-main-title.active{
	animation: fade .8s ease .0s 1 forwards;
}

.index-featured-block.active .index-featured-box,
.index-blog-class-box.active,
.index-blog-list-block.active,
.contact-info-form.active{
	animation: fadeInUp .8s ease .0s 1 forwards;
}
.about-img{
	animation: fade .8s ease .0s 1 both;
}
.about-img-border-top{
	transform-origin: left;
	animation: line .5s linear .0s 1 both 
}
.about-img-border-right{
	transform-origin: top;
	animation: line2 .5s linear .5s 1 both 
}
.about-img-border-bottom{
	transform-origin: right;
	animation: line .5s linear 1s 1 both 
}
.about-img-border-left{
	transform-origin: bottom;
	animation: line2 .5s linear 1.5s 1 both 
}
.about-name{
	animation: fade .8s ease .5s 1 both;	
}
.about-name-title{
	animation: fade .8s ease .7s 1 both;
}
.about-foreword-box.active{
	animation: fade .8s ease .7s 1 both;
}
.about-article-title.active{
	animation: fade .8s ease 0s 1 both;
}
.about-article-p.active{
	animation: fade .8s ease 0s 1 both;
}
.about-article-img-box.active{
	animation: fadeInUp .8s ease 0s 1 both;
}

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

.contact-form-list-top{
	transform: scale(0,1);
	transform-origin: right;
}
.contact-form-list-right{
	transform: scale(1,0);
	transform-origin: top;
}
.contact-form-list-left{
	transform: scale(1,0);
	transform-origin: bottom;
}
.contact-form-list-bottom{
	transform: scale(0,1);
	transform-origin: left;
}
.contact-form-list.active .contact-form-list-top,
.contact-form-list.active .contact-form-list-bottom{
	animation: line .5s linear .7s 1 both;
}
.contact-form-list.active .contact-form-list-left,
.contact-form-list.active .contact-form-list-right{
	animation: line2 .5s linear .7s 1 both;
}