.banner-scroll-box img{
	display: block;
	animation: fadeUpout-banner-arrow 1.5s linear 0s infinite alternate;
	margin: 0 auto;
}

.banner-scroll-box span{ 
	display: block;
	margin-top: 20px;
}

/* --------------------------------------------- */
.index-news-title-en,
.index-news-icon,
.index-news-title-ch,
.index-news-list-box,
.index-more-box,
.index-products-list-box,
.main-title-icon,
.main-title,
.main-title-icon2,
.main-title-en,
.about-list-title,
.about-list-info-p-box,
.about-list-info-img,
.about-certification-img,
.about-list-info-class,
.index-news-list,
.products-list-class-box,
.news-page-title-icon,
.news-page-title-block,
.news-page-back,
.edit-box,
.news-page-img-box,
.products-page-img-box,
.products-page-info-box,
.products-list,
.products-page-more,
.video-list,
.video-more-title,
.video-more-list,
.video-page-info-title,
.video-page-info-date-box,
.video-page-img-box,
.video-page-box,
.contact-title,
.contact-info-form,
.contact-button{
	opacity: 0;
}

.index-news-title-box.active .index-news-title-en,
.main-title-box.active .main-title-icon,
.about-list-info-class.active,
.products-list.active,
.video-list.active,
.video-more-title,
.video-more-list.active,
.video-page-info-title,
.video-page-box.active,
.contact-title,
.contact-button.active{
	animation: fade .8s linear 0s 1 forwards;
}
.index-news-title-box.active .index-news-icon,
.video-page-info-date-box{
	animation: fade .8s linear .2s 1 forwards;
}
.index-news-title-box.active .index-news-title-ch,
.video-page-img-box{
	animation: fade .8s linear .4s 1 forwards;
}
.video-page-info .edit-box{
	animation: fade .8s linear .6s 1 forwards;
}
.index-news-list-box.active{
	animation: fade .8s linear 0s 1 forwards;
}
.index-more-box.active{
	animation: fade .8s linear 0s 1 forwards;
}
.index-products-list-box.active{
	animation: fade .8s linear 0s 1 forwards;
}

.index-products-list-box.active .index-products-list:nth-child(2){
	animation: bottom-move 1s linear .8s 1 forwards;
}

.index-news-list-box.active  .index-news-list,
.news-list-box .index-news-list.active{
	animation: fade .5s linear 0s 1 forwards;
}
.main-title-box.active .main-title{
	animation: fade .5s linear .2s 1 forwards;
}
.main-title-box.active .main-title-icon2{
	animation: fade .5s linear .2s 1 forwards;
}
.main-title-box.active .main-title-en{
	animation: fade .5s linear .2s 1 forwards;
}

.products-list-class-box.active{
	animation: fade .5s linear .2s 1 forwards;
}
.about-list.active .about-list-title{
	animation: fade .5s linear 0s 1 forwards;
}
.about-list.active .about-list-info-p-box{
	animation: fade .5s linear .2s 1 forwards;
}
.about-list.active .about-list-info-img{
	animation: fade .5s linear 0s 1 forwards;
}
.about-certification.active .about-list-title{
	animation: fade .5s linear 0s 1 forwards;
}

.about-certification.active .about-certification-img:nth-child(1),
.contact-info-form-box .contact-info-form:nth-child(2){
	animation: fadeInRight .8s linear 0s 1 forwards;
}
.about-certification.active .about-certification-img:nth-child(2),
.contact-info-form-box .contact-info-form:nth-child(1){
	animation: fadeInLeft .8s linear 0s 1 forwards;
}
.news-page-title-icon{
	animation: fade .5s linear 0s 1 forwards;
}
.news-page-title-block,
.products-page-info-box{
	animation: fade .5s linear .4s 1 forwards;
}
.news-page-back{
	animation: fade .5s linear .4s 1 forwards;
}

.news-page-info-box .edit-box{
	animation: fade .5s linear .6s 1 forwards;
}
.news-page-img-box.active,
.products-page-img-box {
	animation: fade .5s linear .4s 1 forwards;
}


.products-page-box .edit-box{
	animation: fade .5s linear .2s 1 forwards;
}

.products-page-more .products-list{
	opacity: 1;
	animation: none;
}

.news-page-more-box.active .products-page-more{
	animation: fade .5s linear .0s 1 forwards;
}


/* ------------------- */
.contact-info-form li{
	position: relative;
}

#inquire .main-title-icon,
#details  .main-title-icon,
#modify  .main-title-icon,
#inquire .main-title,
#details  .main-title,
#modify  .main-title,
#inquire .main-title-icon2,
#details  .main-title-icon2,
#modify  .main-title-icon2,
#inquire .main-title-en,
#details  .main-title-en,
#modify  .main-title-en{
	opacity: 1;
	animation: none;
}

.video-logo-img{
	opacity: 0;
}

.video-logo-img{
	animation: fade .5s linear 2s 1 forwards;
}
.video-logo-svg-box{
	animation: fade-out .5s linear 2.5s 1 forwards;
}