.index-products-img-box,
.index-products-line:after,
.index-products-title,
.index-products-text-box,
.index-products-more,
.about-info-title,
.about-info,
.about-info-img,
.products-title-icon2:before,
.products-title-icon2:after,
.products-img-list,
.prodcuts-page-info-img-list,
.products-page-title,
.products-page-original,
.products-page-price,
.products-page-text,
.products-page-buy,
.contact-info-form{
  opacity: 0;
}
.index-products-line,
.about-line1,
.products-title-icon2{
  transform: scaleX(0);
}
.about-line2,
.products-title-icon1{
  transform: scaleY(0);
}

.index-products-line:after,
.index-products-title,
.index-products-text-box,
.index-products-more{
  transition: all .3s linear;
}

.header-info-list,
.index-banner-slong-box{
  opacity: 0;
}
/* ----------------------------------------------- */
.header-info-list{
  animation: fadeInDown .5s linear 0.3s 1 forwards;
}
.header-info-loading{
  transform-origin: left;
  transform: scale(0, 0);
  animation: line .3s linear 0s  1 forwards;
}
.slick-active .index-banner-slong-box{
  animation: fadeInDown .5s linear .4s 1 forwards;
}
.index-products-img-box{
  transition: all 0.3s linear;
}
.index-products-list.active .index-products-img-box{
  opacity: 1;
}

.index-products-line{

  transition: all .3s linear;
  transform-origin: left;
 
}

.index-products-list.active .index-products-line{
  transform: scaleX(1);
  animation: line .3s linear .1s 1 forwards;
}

.index-products-list.active .index-products-line:after{

  animation: fade .5s linear .4s 1 forwards;
}


.index-products-list.active .index-products-title{
  animation: fade .3s linear .4s 1 forwards;
}

.index-products-list.active .index-products-text-box
{
  animation: fadeInUp .5s linear .4s 1 forwards;
}
.index-products-list.active .index-products-more{
  animation: fadeInRight .5s linear .8s 1 forwards;
}
.index-products-box .index-products-list:nth-child(even) .index-products-line{
  transform-origin: right;
}


/* --------------------about--------------------- */
.about-info-title{
  animation: fade .5s linear .0s 1 forwards;
}
.about-info{
  animation: fadeInUp .5s linear .2s 1 forwards;
}
.about-line1{
  transform-origin: left;
  animation: line 1s  linear .4s 1 forwards;
}
.about-line2{
  transform-origin: top;
  animation: line2 1s  linear .4s 1 forwards;
}
.about-info-img{
  animation: fade .5s linear .0s 1 forwards;
}


/*--------------products----------*/
.products-title-icon1{
  transform-origin: top;
  animation: line2 .1s  linear 0s 1 forwards;
}
.products-title-icon2{
  animation: line .4s  linear .1s 1 forwards;
}
.products-title-icon2:before,
.products-title-icon2:after{
  animation: fade .5s linear .5s 1 forwards;
}
.products-img-list{
  animation: fade .5s linear 0s 1 forwards;
}


.prodcuts-page-info-img-list{
  animation: fade .5s linear 0s 1 forwards;
}
.products-page-title{
  animation: fade .5s linear .2s 1 forwards;
}
.products-page-original{
  animation: fade .5s linear .3s 1 forwards;
}
.products-page-price{
  animation: fade .5s linear .4s 1 forwards;
}
.products-page-text{
  animation: fadeInUp .5s linear .5s 1 forwards;
}
.products-page-buy{
 animation: fade .5s linear .2s 1 forwards;
}

.contact-info-form{
 animation: fade .5s linear 0s 1 forwards;
}