.index-works-list,
.line-p,
.about-info-img-box,
.products-class-list-box,
.products-list,
.products2-back,
.products-page-img-box,
.products-page-info-box,
.products-page-edit-box,
.light-make-title-box{
	opacity: 0;
}
.header-style1 .header-menu> li .header-menu-title{
	transition: all .3s linear;
}
.header-style1.header2 .header-logo{
	padding: 5px 0;
}
.header-style1.header2 .header-menu> li{
    height: 72px;
    line-height: 72px;
}
.header-style1{
	height: 90px;
}
.header-style1.header2{
	height: 72px;
}
.index-banner-list span{
	animation: banner-fade 2s ease 0s 1 ;
}
.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.1);
}
.index-banner-list.slick-active span{
	opacity: 1;
	transform: scale(1);
}


.index-works-info-box.active .index-works-list:nth-child(odd){
	animation: index-works-list1 2s ease-in 0s 1 forwards;
}
.index-works-info-box.active .index-works-list{
	animation: index-works-list2 2s ease-in 0s 1 forwards;
}

#index .works-class-box{
	overflow: hidden;
}
.contact-title-box,
.contact-title{
	animation: fadeInLeft 1s linear 0s 1 forwards;
}
#contact .contact-title-box{
	animation: none;
	overflow: hidden;
}
#about .works-class-box{
	overflow: hidden;
}

.about-info-title-box{
	animation: fadeInDown 2s ease 0s 1 alternate;
}
.about-info-list-box,
.light-make-title-box{
	opacity: 0;
	animation: fadeInUp 2s ease .2s 1 forwards;
}

.about-info-title1 span:nth-child(1){
	display: inline-block;
	opacity: 0;
	animation: loading-word 1s ease 0s 1 forwards;
}
.about-info-title1 span:nth-child(2){
	display: inline-block;
	opacity: 0;
	animation: loading-word 1s ease .2s 1 forwards;
}
.about-info-title1 span:nth-child(3){
	display: inline-block;
	opacity: 0;
	animation: loading-word 1s ease .4s 1 forwards;
}
.about-info-title1 span:nth-child(4){
	display: inline-block;
	opacity: 0;
	animation: loading-word 1s ease .6s 1 forwards;
}
.about-info-title1 span:nth-child(5){
	display: inline-block;
	opacity: 0;
	animation: loading-word 1s ease .8s 1 forwards;
}
.about-info-title1 span:nth-child(6){
	display: inline-block;
	opacity: 0;
	animation: loading-word 1s ease .9s 1 forwards;
}
.line-p:nth-child(odd){
	animation:index-works-list1 1s ease 0.5s 1 forwards;
}
.line-p:nth-child(even){
	animation:index-works-list2 1s ease 0.5s 1 forwards;
}

.about-info-img-box,
.light-img-block{
	animation:fade 2s linear 0s 1 forwards;
}
.products-class-list-box{
	animation: fadeInDown 2s ease 0s 1 forwards;
}
.products-list.active{
	animation: fadeInUp 2s ease 0s 1 forwards;
}
.products2-back{
	animation: fadeInRight 2s ease 0s 1 forwards;
}
.products-page-img-box{
	animation: fade 2s ease 0s 1 forwards;
}
.products-page-info-box{
	animation: fadeInRight 2s ease .5s 1 forwards;
}
.products-page-edit-box{
	animation: fadeInUp 2s ease 1s 1 forwards;
}

.light-list:nth-child(1){
	opacity: 0;
	animation: fadeInLeft 2s ease .5s 1 forwards;
}
.light-list:nth-child(2){
	opacity: 0;
	animation: fadeInLeft 2s ease 1s 1 forwards;
}
.light-list:nth-child(3){
	opacity: 0;
	animation: fadeInLeft 2s ease 1.5s 1 forwards;
}
.light-list:nth-child(4){
	opacity: 0;
	animation: fadeInLeft 2s ease 2s 1 forwards;
}
.light-list:nth-child(5){
	opacity: 0;
	animation: fadeInLeft 2s ease 2.5s 1 forwards;
}
.contact-info-form{
	opacity: 0;
	animation: fade 2s ease .5s 1 forwards;
}
.contact-img-box{
	opacity: 0;
	animation:fadeInUp 2s ease .5s 1 forwards;
}
.contact-info{
	opacity: 0;
	animation: fadeInDown 2s ease .5s 1 forwards;
}
.line-p img{
	opacity: 0.3;
}
.line-v img{
	animation: line-p 2s ease 0s infinite alternate;
}
.line-e img{
	animation: line-p 2s ease 1s infinite alternate;
}
.line-c img{
	animation: line-p 2s ease .3s infinite alternate;
}
.line-t img{
	animation: line-p 2s ease 0s infinite alternate;
}
.line-o img{
	animation: line-p 2s ease 1s infinite alternate;
}
.line-r img{
	animation: line-p 2s ease .5s infinite alternate;
}


@keyframes index-works-list1{
  0% {
    opacity: 0;
    transform:rotateY(45deg)  translate(0,190px);;
  }  
  30%{
  	opacity: 1;
    transform:rotateY(0deg)  translate(0,190px);
  }
  100%{
    opacity: 1;
    transform:rotateY(0deg)  translate(0,0);
  }
}
@keyframes index-works-list2{
  0% {
    opacity: 0;
    transform:rotateY(-45deg)  translate(0,-190px);;
  }  
  50%{
  	opacity: 1;
    transform:rotateY(0deg)  translate(0,-190px);
  }
  100%{
    opacity: 1;
    transform:rotateY(0deg)  translate(0,0);
  }
}
@keyframes banner-fade{
  0% {
    opacity: 0;
    transform:scale(1.1);
  }  

  100%{
    opacity: 1;
    transform:scale(1);
  }
}



@keyframes line-p{
  0% {
    opacity: 0.3;
    
  }  

  100%{
    opacity: 1;
    
  }
}
.load{
	opacity: 0;
}
.loading-log .load1{
	animation: Rotate-left-bottom-p 1s ease 0s 1 forwards;
}
.loading-log .load2{
	animation: Rotate-left-bottom-p 1s ease 0.2s 1 forwards;
}
.loading-log .load3{
	animation: Rotate-left-bottom-p 1s ease 0.4s 1 forwards;
}
.loading-log .load4{
	animation: Rotate-left-bottom-p 1s ease 0.6s 1 forwards;
}
.loading-log .load5{
	animation: Rotate-left-bottom-p 1s ease 0.8s 1 forwards;
}
.loading-log .load6{
	animation: Rotate-left-bottom-p 1s ease 1s 1 forwards;
}
.loading-log .load7{
	animation: Rotate-left-bottom-p 1s ease 1.2s 1 forwards;
}
.load-p-box,
.loading-p2{
	opacity: 0;
}
.load-p-box{
	animation:fade 1s ease .6s 1 forwards ;
}
.loading-p2{
	animation:fade 1.5s ease 1s 1 forwards ;
}