.index-banner-box .index-banner-list span{
  opacity: 0.2;
  transform: scale(1.2) translate(-40px , 0px);

}
.index-banner-list:nth-child(even).slick-active span{
  animation: banner-slick2 3s ease-out 0s 1 forwards;
}
.index-banner-list.slick-active span{
  animation: banner-slick 3s ease-out 0s 1 forwards;
}

@keyframes banner-slick{
  from {
      opacity: 0.5;
      transform: scale(1.2) translate(-40px , 0px);
  }
  to {
      opacity: 1;
      transform: scale(1) translate(0px , 0px);
  }
}

@keyframes banner-slick2 {
  from {
      opacity: 0.5;
      transform: scale(1.2) translate(0px , -40px);
  }
  to {
      opacity: 1;
      transform: scale(1) translate(0px , 0px);
  }
}
/*-----------------------------------------------------------*/
.header-style1.header2 .header-logo a{
  width: 180px;
}
.header-style1.header2 .header-menu-title{
  font-size: 16px;
}


.justtop-title,
.news-list-block,
.index-news-more-box,
.about-info-logo-box,
.about-info-articlebox,
.justtop-index-slong,
.company-logo-box,
.company-info-list,
.company-info-list2,
.company-history-line1-box p,
.company-history-list-dot,
.company-history-list-info,
.comapny-equipments-list,
.company-innovation-info-box,
.company-innovation-label-title,
.justtop_news_page_title,
.justtop_news_page_time,
.justtio_news_page_left,
.justtio_news_page_right,
.products-title,
.products-class-block,
.products-list-box,
.products-page-right-box,
.products-page-left-box,
.products-edit-box,
.contact-box{
  opacity: 0;
}
.justtop-border-top1,
.justtop-border-top2,
.justtop-border-bottom2,
.index-separation-line,
.company-line,
.company-history-list-line,
.company-history-line,
.company-innovation-label-line,
.company-innovation-label-border-top,
.products-class-line{
  transform: scale(0,1);
}
.justtop-border-left1,
.justtop-border-right1,
.justtop-border-right2,
.company-history-line1-box span,
.company-innovation-label-line2 span,
.company-innovation-label-border-left{
  transform: scale(1,0);
}

.justtop-title-box.active .justtop-title,
.index-news-more-box.active{
  animation: fade .8s ease 0s 1 forwards;
}

.justtop-title-box.active .justtop-border-top1,
.justtop-title-box.active .justtop-border-top2,
.justtop-title-box.active .justtop-border-bottom2{
  animation: line .6s linear .3s 1 both;
}

.justtop-title-box.active .justtop-border-left1,
.justtop-title-box.active .justtop-border-right1,
.justtop-title-box.active .justtop-border-right2{
  animation: line2 .6s linear .3s 1 both;
}

.news-list-block.active,
.justtop_index_about_box.active .about-info-logo-box{
  animation: fadeInUp .8s ease 0s 1 both;
}

.justtop_index_about_box.active .index-separation-line{
  animation: line .8s ease 0s 1 forwards;
}

.justtop_index_about_box.active .about-info-articlebox{
  animation: fade .8s ease .2s 1 both;
}

.justtop_index_slong_box.active .justtop-index-slong{
  animation: fade .8s ease 0s 1 both;
}

.company-logo-box.active{
  animation: fade .8s ease 0s 1 both;
}
.company-line.active{
  animation: line .8s linear 0s 1 both;
}

.company-info-list.active,
.company-info-list2.active{
  animation: fadeInUp .8s ease 0s 1 both;
}

.company-history-line1-box.active p{
  animation: fade .8s ease 0s 1 both;
}
.company-history-line1-box span{
  transform-origin: top;
}
.company-history-line1-box.active span{
  animation: line2 1s linear .2s 1 both;
}
.company-history-list-line{
  transition: all .5s linear;
  transform-origin: left;
}
.company-history-list-dot{
  transition: all .3s linear;
  transition-delay: .5s ;
}
.company-history-list-info{
  transition: all .8s ease;
  transition-delay: .5s;
}
.company-history-info-list.active .company-history-list-line{
  transform: scale(1,1);
}
.company-history-info-list.active .company-history-list-dot,
.company-history-info-list.active .company-history-list-info{
  opacity: 1;
}

.company-history-line.active{
  animation: line .8s ease 0s 1 forwards;
}

.comapny-equipments-list-box.active .comapny-equipments-list{
  animation: fade .8s linear .2s 1 forwards;
}

.company-innovation-info-box.active{
  animation: fadeInUp .8s ease 0s 1 both;
}
.company-innovation-label-line2 span{
  transform-origin: top;
}
.company-innovation-label-block.active .company-innovation-label-line2 span{
  animation: line2 .8s ease 0s 1 both;
}
.company-innovation-label-list.active .company-innovation-label-line{
  animation: line .3s linear 0s 1 forwards;
}

.company-innovation-label-list.active .company-innovation-label-title{
    animation: fade .8s linear .3s 1 forwards;
}
.company-innovation-label-border-top{
  transform-origin: left;
}
.company-innovation-label-border-left{
  transform-origin: top;
}

.company-innovation-label-list.active .company-innovation-label-border-top{
  animation: line .3s linear .5s 1 forwards;
}
.company-innovation-label-list.active .company-innovation-label-border-left{
  animation: line .3s linear .5s 1 forwards;
}
.justtop_news_page_title{
  animation: fade .8s ease .2s 1 forwards;
}
.justtop_news_page_time{
  animation: fade .8s ease .4s 1 forwards; 
}

.justtio_news_page_left.active{
  animation: fadeInUp .8s ease 0s 1 both;
}
.justtio_news_page_right.active{
  animation: fadeInRight .8s ease 0s 1 both;
}

.products-title.active{
  animation: fade .8s ease 0s 1 forwards;
}

.products-class-block.active{
  animation: fadeInUp .8s ease 0s 1 both;
}

.products-class-line.active{
  animation: line .8s linear 0s 1 both;
}

.products-list-box{
  animation:  fadeInUp .8s ease 0s 1 both;
}
.products-page-right-box.active{

  animation: fadeInRight  .8s ease 0s 1 both;
}

.products-page-left-box.active{
  animation:  fadeInLeft .8s ease 0s 1 both;
}
.products-edit-box.active{
  animation:  fadeInUp .8s ease 0s 1 both;
}
.contact-box{
  animation:  fadeInUp .8s ease 0s 1 both;
  
}