.header-style1.header2 .header-menu> li{
  height: 60px;
  line-height: 60px;
}
.header-style1.header2{
  border-bottom: 1px solid #d1d1d1;
  padding-top: 0;

}
.header-style1.header2  .header-line-box{
  top: -2px;
}


/*---------------------------------------------*/

.sum_index_news_title_box,
.sum_index_news_title2,
.sum_index_news_list_box,
.sum_index_about,
.sum_index_news_article,
.sum_index_news_more_box,
.sum_index_products,
.news_list_box,
.news-page-path-box,
.news-page-info-animate,
.news-page-info-list-box,
.about-info-logo-box,
.about-info-article,
.about-img-box,
.products-class-menu,
.products-class-list-box,
.products-page-box,
.products-more-list-box,
.service-list-box,
.service-page-box,
.contact-icon-box,
.contact-info-title,
.contact-list,
.contact-textarea-box,
.button,
.map-box,
.download-menu-list-box,
.download-list-box{
  opacity: 0;
}
.sum_index_news_title_box .line-top1,
.sum_index_news_title_box .sum_index_news_title_line,
.news-page-info-line,
.news-page-info-recent-line{
  transform: scale(0,1);
  transform-origin: left;
}
.sum_index_news_title_box .line-left1{
  transform: scale(1,0);
  transform-origin: top;
}
.sum_index_news_title_block.active .sum_index_news_title_box,
.news-page-info-recent-box  .sum_index_news_title_box{
  animation: fade .8s linear 0s 1 both;
}
.sum_index_news_title_block.active .sum_index_news_title_box .line-top1,
.news-page-info-recent-box .sum_index_news_title_box .line-top1{
  animation: line .2s linear .8s 1 both;
}
.sum_index_news_title_block.active .sum_index_news_title_box .line-left1,
.news-page-info-recent-box .sum_index_news_title_box .line-left1{
  animation: line2 .2s linear .8s 1 both;
}
.sum_index_news_title_block.active .sum_index_news_title_box .sum_index_news_title_line,
.news-page-info-recent-box .sum_index_news_title_box .sum_index_news_title_line{
  animation: line .5s linear 1s 1 both;
}

.sum_index_news_title_block.active .sum_index_news_title2,
.news-page-info-recent-box .sum_index_news_title2{
  animation: fade .5s ease 1s 1 both;
}

.sum_index_news_list_box.active{
  animation: fade .5s ease 0s 1 both;
 }


/*-------------------index-about---------------------------------*/
.sum_index_about.active ,
.sum_index_news_more_box{
 animation: fade .5s ease 0s 1 both;
}

.sum_index_about.active .sum_index_about_img_box{
  transform: translateY(-88px);
  transition-delay: .2s ;
}

.sum_index_about.active  .sum_index_news_article{
   animation: fadeInUp .8s ease 0s 1 both;
}
/*-------------------index-products---------------------------------*/
.sum_index_products.active{
  animation: fadeInUp .8s ease 0s 1 both;
}


/*--------------------news------------------------*/
.banner-slong-box{
  overflow: hidden;
}
.banner-slong-box .index-banner-slong{
 animation: fadeInLeft .8s ease 0s 1 both;
}
.banner-slong-box .index-banner-slong2{
 animation: fadeInRight 1s ease-out 0s 1 both;
}
.main-title-en{
  animation: bounceInUp .8s ease 0s 1 both;
}

.main-title-ch{
  animation: fade .8s ease .3s 1 both;
}
.news_list_box.active{
  animation: fadeInUp .8s ease 0s 1 both; 
}

.news-page-path-box,
.products-search-box{
  animation: fade .8s ease 0s 1 both;
}
.news-page-info-line,
.news-page-info-recent-line{
  animation: line .5s ease 0s 1 both;
}

.news-page-info-animate{
  animation: fadeInUp .8s ease 0s 1 both;
}
.news-page-info-list-box{
  animation: fade .8s ease 0s 1 both;
}

.about-info-box.active .about-info-logo-box{
  animation: fadeInLeft .5s ease 0s 1 both;
}
.about-info-box.active .about-info-article{
  animation: fadeInRight .5s ease 0s 1 both;
}
 .about-img-box.active{
  animation: fadeInUp .8s ease 0s 1 both;
}
.products-line{
  transform-origin: left;
  animation: line .8s ease 0s 1 both;
}
.products-class-menu{
  animation: fadeInLeft .8s ease 0s 1 both;
}
.products-class-list-box{
  animation: fadeInUp .8s ease 0s 1 both;
}
.products-page-box{
  animation: fade .8s ease 0s 1 both;
}
.products-more-box.active .sum_index_news_title_block .sum_index_news_title_box .line-top1{
  animation: line .2s linear 0s 1 both;
}
.products-more-box.active .sum_index_news_title_block .sum_index_news_title_box .line-left1{
  animation: line2 .2s linear 0s 1 both;
}
.products-more-box.active .sum_index_news_title_block .sum_index_news_title_box .sum_index_news_title_line{
  animation: line .5s linear 1s 1 both;
}
.products-more-box.active .sum_index_news_title_block .sum_index_news_title2{
  animation: fade .5s ease 0s 1 both;
}
.products-more-list-box.active{
  animation: fadeInUp .8s ease 0s 1 forwards;
}

.service-list-box.active{
  animation: fadeInUp .8s ease 0s 1 forwards;
}
.service-page-box.active{
   animation: fade .8s ease 0s 1 both;
}
.service-page-box.active .service-page-img-box{
  transform: translateY(-100px);
}
.contact-icon-box.active{
  animation: fadeInUp .8s ease 0s 1 forwards;
}

.contact-info-title.active,
.contact-list.active,
.contact-textarea-box.active,
.button.active,
.map-box.active{
   animation: fade .8s ease 0s 1 forwards;

}
.products-page-box .sum_index_news_title_box{
  animation: fade .8s ease 0s 1 forwards;
}


.roller-mask{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ee1b2d;
  display: block;
}
.sum_index_news_list_box.active .roller-mask,
.sum_index_about.active .roller-mask,
.news_list_box.active .roller-mask{
  animation: rooler-right .5s ease .2s 1 both;

}

@keyframes rooler-right {
 0% {
    transform: translateX(0);

  }


  to {
    
    transform: translateX(100%);
  }
}

.products-class-menu-list-box.open .products-class-menu-b-title i{
  transform: rotate(90deg);
}


.download-menu-list-box.active{
  animation: fade .8s ease 0s 1 forwards;
}
.download-list-box.active{
    animation: fadeInUp .8s ease 0s 1 forwards;
}

.header-line-box{
  transform-origin: left;
  animation: line 1s linear 0s 1 both;
}

.index-video-slong-box .index-banner-slong,
.index-banner-slong-list.slick-active .index-banner-slong{

  animation: fadeInLeft 1s ease 0s 1 both;
}
.index-video-slong-box .index-banner-slong2,
.index-banner-slong-list.slick-active .index-banner-slong2{

  animation: fadeInUp  .8s ease-out 0s 1 forwards;
}
.index-banner-slong,
.index-banner-slong2{
  opacity: 0;
}