.about-info-img1,
.about-info-img2,
.about-info-img3,
.service-list-info-title,
.service-list-info-p,
.service-list-img,
.products-class-box,
.products-list-box,
.page,
.contact-form-box,
.about-info-right,
.products-page-img-box,
.products-page-s-img-box,
.products-page-info
{
	opacity: 0;
}
.about-info-img1,
.products-page-img-box,
.products-page-s-img-box {
	animation: fade 1s linear 0s 1 forwards;
}
.about-info-img2{
	animation: fadeInLeft 1.2s linear 0s 1 forwards;
}
.about-info-img3{
	animation: fadeInRight 1.2s linear 0s 1 forwards;
}

.about-info-right,
.products-page-info{
	animation: fadeInUp 1.3s ease 0s 1 forwards;
}

.service-list .service-list-info-title{
	animation: fade 1s linear 0.2s 1 forwards; 
}
.service-list .service-list-info-p{
	animation: fadeInUp 1.2s linear .4s 1 forwards; 
}
.service-list .service-list-img{
	animation: fadeInLeft 1.2s linear 0s 1 forwards;
}
.service-list:nth-child(even) .service-list-info-title{
	animation: fade 1s linear .2s 1 forwards; 
}
.service-list:nth-child(even) .service-list-info-p{
	animation: fadeInUp 1.2s linear .4s 1 forwards; 
}
.service-list:nth-child(even) .service-list-img{
	animation: fadeInRight 1.2s linear 0s 1 forwards;
}
.service-list:last-child .service-list-img{
	animation: fade .8s linear .4s 1 forwards;
}
.products-class-box{
	animation: fade .8s linear 0s 1 forwards;
}
.products-list-box{
	animation: fade .8s linear .2s 1 forwards;
}
.page{
	animation: fade .8s linear .4s 1 forwards;
}

.contact-border-top1,
.contact-border-top2,
.contact-border-bottom1,
.contact-border-bottom2{
	transform: scale(0,1);
	animation: line .8s linear .5s 1 forwards;
}
.contact-border-top1,
.contact-border-bottom1{
	transform-origin: left;
}
.contact-border-top2,
.contact-border-bottom2{
	transform-origin: right;
}

.contact-border-left1,
.contact-border-left2,
.contact-border-right1,
.contact-border-right2{
	transform: scale(1,0);
	animation: line2 .8s linear 0.5s 1 forwards;
}
.contact-border-left1,
.contact-border-right1{
	transform-origin: top;
}
.contact-border-left2,
.contact-border-right2{
	transform-origin: bottom;
}
.contact-form-box{
	animation: fade .8s linear .5s 1 forwards;
}
.index-banner-slong{
	transform: translate(0,50px);
	transition: all 1s linear;
}
.slick-active .index-banner-slong, 
.slick-active .index-video-slong{
	opacity: 1;
	transform: translate(0,0%);
}
.index-banner-list span{
	transition: all 3s ease;
	opacity: 0;
	transform: scale(1.2);
}
.index-banner-list.slick-active span{
	opacity: 1;
	transform: scale(1);
}
.products-page-link-box{
	animation: fade 1s linear 0s 1 forwards;
}