.about-list-title-icon,
.about-list-title,
.about-list,
.about-list a span,
.about-list a .about-list-name,
.about-title,
.about-article1,
.about-article2,
.about-img-box,
.about-certification-list-box,
.about-certification-list-box li,
.broadcast-title,
.broadcast-info-list-title,
.broadcast-info-video,
.products-editor,
.faq-title,
.faq-list-box,
.contact-title,
.contact-info-form,
.contact-info-box{
	opacity: 0;
}
.about-list-line,
.about-line,
.broadcast-line,
.faq-line,
.contact-line{
	transform: scale(0);
}
/*about*/
.about-list-title-icon{
	animation: fade 0.8s linear 0s 1 forwards;
}
.about-list-title{
	animation: fadeInLeft  0.8s linear 0.5s 1 forwards;
}
.about-list-line{
	transform-origin: left;
	animation: line 0.8s ease-out .8s 1 forwards;
}
.about-list{
	animation: fade 0.8s linear 1s 1 forwards;
}
.about-list a span{
	animation: fade 0.8s linear 1.3s 1 forwards;
}
.about-list a .about-list-name{
	animation: fadeInUp 0.8s linear 1.3s 1 forwards;
}

.about-title{
	animation: fade 1s linear 0s 1 forwards;
}
.about-line{
	transform-origin: left;
	animation: line 0.8s ease-out .8s 1 forwards;
}
.about-article1{
	animation: fade .8s linear 1s 1 forwards;
}
.about-article2{
	animation: fade .8s linear 1.5s 1 forwards;
}
.about-img-box{
	animation: fadeInUp 0.8s linear 1.5s 1 forwards;
}
.about-certification-list-box{
	animation: fade .8s linear 1s 1 forwards;
}
.about-certification-box ul:nth-child(1) li{
	animation: fadeInLeft 0.8s linear 1.3s 1 forwards;
}
.about-certification-box ul:nth-child(2) li{
	animation: fade .8s linear 1.3s 1 forwards;
}
.about-certification-box ul:nth-child(3) li{
	animation: fadeInRight .8s linear 1.3s 1 forwards;
}
/*broadcast*/
.broadcast-title{
	animation: fade 1s linear 0s 1 forwards;
}
.broadcast-line{
	animation: line 1s linear 0.5s 1 forwards;
}
.broadcast-info-list-title{
	animation: fade 1s linear .8s 1 forwards;
}
.broadcast-info-video{
	animation: fade 1s linear 1s 1 forwards;
}
.products-editor{
	animation: fade 1s linear 1s 1 forwards;
}
.faq-title{
	animation: fade 1s linear 0s 1 forwards;
}
.faq-line{
	transform-origin: left;
	animation: line 1s linear .5s 1 forwards;
}
.faq-list-box{
	animation: fade 1s linear 1s 1 forwards;
}

.contact-title{
	animation: fade 1s linear 0s 1 forwards;
}
.contact-line{
	animation: line 1s linear 0.5s 1 forwards;	
}
.contact-info-form,
.contact-info-box{
	animation: fade 1s linear 1.3s 1 forwards;
}