.index-banner-box .index-banner-list span{
  transform: scale(1,1);
  opacity: 0.2;
}
.index-banner-list:nth-child(even).slick-active span{
  animation: banner-slick2 4s ease-out 0s 1 both;
}
.index-banner-list.slick-active span{
  animation: banner-slick 4s ease-out 0s 1 both;
}

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

@keyframes banner-slick2 {
  from {
    opacity: 0.2;
      transform: scale(1.1,1.1) translate(0px , -40px);
  }
  to {
    opacity: 1;
      transform: scale(1,1) translate(0px , 0px);
  }
}

/*------------------index-title------------------------*/
.toruism_index_products_title_box.active .toruism_index_products_title span:nth-child(1){
    opacity: 1;
    transform: translate(0,0px) rotate(0deg)
}
.toruism_index_products_title_box.active .toruism_index_products_title span:nth-child(2){
    color: #00a0e9;
    opacity: 1;
    transform: translate(0,-14px) rotate(-11deg)
}

.toruism_index_products_title_box.active .toruism_index_products_title span:nth-child(3){
    color: #96c72f;
    opacity: 1;
    transform: translate(0,5px) rotate(8deg);
}

.toruism_index_products_title_box.active .toruism_index_products_title span:nth-child(4){
    color: #ea9413;
    opacity: 1;
    transform: translate(0,0px) rotate(-8deg)
}

.toruism_index_products_title_box.active .toruism_index_products_title span:nth-child(5){
    color: #00a0e9;
    opacity: 1;
    transform: translate(0,-14px) rotate(5deg);
}

.toruism_index_products_title_box.active .toruism_index_products_title span:nth-child(6){
    color: #96c72f;
    opacity: 1;
    transform: translate(0,0px) rotate(9deg);
}
.toruism_index_products_title_box.active .toruism_index_products_title span:nth-child(7){
    color: #ea9413;
    opacity: 1;
    transform: translate(0,-6px) rotate(0deg);
}

.toruism_index_products_title_box.active .toruism_index_products_title span:nth-child(8){
    color: #00a0e9;
    opacity: 1;
    transform: translate(0,1px) rotate(-10deg);
}

.toruism_index_products_title_box.active .toruism_index_products_title span:nth-child(9){
    color: #96c72f;
    opacity: 1;
    transform: translate(0,-18px) rotate(10deg)
}

.toruism_index_products_title_box.active .toruism_index_products_title span:nth-child(10){
    color: #ea9413;
    opacity: 1;
    transform: translate(0,6px) rotate(-9deg);
}

.toruism_index_products_title_box.active .toruism_index_products_title span:nth-child(11){
    color: #00a0e9;
    opacity: 1;
    transform: translate(0,0px) rotate(12deg);
}
.toruism_index_products_title span{
  transition-delay: .2s;
    opacity: 0;
    transform: translate(0,-80px) rotate(0deg);
}
.toruism_index_products_title_box.active .toruism_index_products_icon_box{
    transform: rotate(0deg);
}
.toruism_index_products_tree_box{
    opacity: 0;
    transition: all 1s linear;
}
.toruism_index_products_title_box.active .toruism_index_products_tree_box{
    opacity: 1;
}
.toruism_index_products_title_box.active .toruism_index_products_border_box{
  opacity: 1;
}
.enterprise-out{
  animation: fade .8s linear .2s 1 both;
}



/*----------index-products-----------*/
.toruism_index_products_list,
.enterprise-title-icon,
.main-title,
.news-list,
.news-page-date,
.news-page-info-title,
.news-page-info-left,
.news-page-info-right,
.about-title-box,
.about-company-list-box,
.about-company-history-title,
.about-brand-menu-box,
.about-brand-company-article,
.about-brand-introduction-list-box,
.about-brand-founder-info-box,
.team-list,
.beginning-page-title,
.products-b-img-box,
.products-s-img-box,
.products-page-info-box,
.products-edit-box,
.beginning-class-list-box,
.beginning-class-second-list-box,
.products-list-box,
.enterprise-info-box,
.fax-download-list-box,
.contact-info-box,
.about-brand-license,
.about-service-list {
    opacity: 0;
}
.toruism_index_products_list:nth-child(odd) .toruism_index_products_list_mask{
    opacity: 0.1;
    transform: translate3d(20%, 0, 0);
}
.toruism_index_products_list:nth-child(even) .toruism_index_products_list_mask{
    opacity: 0.1;
    transform: translate3d(-20%, 0, 0);
}
.about-company-history-mid{
  transform: scale(1,0);
  transform-origin: top;
}
.about-company-history-line,
.about-brand-line,
.products-line{
  transform: scale(0,1);
}

.toruism_index_products_list.active{
    animation: fadeInUp .8s ease 0s 1 both;
}

.toruism_index_products_list.active:nth-child(odd) .toruism_index_products_list_mask{
    animation: fadeInRight2  .8s ease .3s 1 both;
}
.toruism_index_products_list.active:nth-child(even) .toruism_index_products_list_mask{
    animation: fadeInLeft2  .8s ease .3s 1 both;
}

@keyframes fadeInRight2 {
  from {
    opacity: 0.1;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft2 {
  from {
    opacity: 0.1;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


/*---------------news--------------------*/
.enterprise-title-icon.active,
.beginning-title-icon.active{
  animation: fade .5s linear 0s 1 both;
}
.main-title.active{
  animation: fadeInUp .5s linear .2s 1 both;
}
.news-list-box.active .news-list{
   animation: fadeInUp 1s ease 0s 1 both;
}

.news-page-title{
  animation: fade .5s linear 0s 1 both;
}
.news-page-info-box.active .news-page-date{
  animation: fadeInUp .5s ease 0s 1 both;
}
.news-page-info-box.active .news-page-info-title{
  animation: fadeInUp .5s ease .2s 1 both;
}
.news-page-info.active .news-page-info-left{
  animation: fadeInUp .8s ease 0s 1 both;

}
.news-page-info.active .news-page-info-right{
  animation: fadeInRight .8s ease 0s 1 both;
}


/*---------------about--------------------*/
.about-title-box.active{
  animation: fade .8s ease 0s 1 both;
}
.about-company-list-box.active{
  animation: fadeInUp .8s ease 0s 1 both;
}

.about-company-history-box.active .about-company-history-mid{
  animation: line2 .8s linear 0s 1 both;
}
.about-company-history-list:nth-child(odd) .about-company-history-line{
  transform-origin: right;
}
.about-company-history-list:nth-child(even) .about-company-history-line{
  transform-origin: left;
}
.about-company-history-list:nth-child(odd).active .about-company-history-line{
  animation: line .5s linear 0s 1 both;
}
.about-company-history-list:nth-child(even).active .about-company-history-line{
  animation: line .5s linear 0s 1 both;
}
.about-company-history-list.active .about-company-history-title{
  animation: fade .8s linear .3s 1 both;
}

.about-brand-menu-box{
  animation: fadeInUp .8s ease 0s 1 both;
}

.about-brand-company-article.active{
  animation: fadeInUp .8s linear 0s 1 both;
}

.about-brand-line{
  transform-origin: center;
}
.about-brand-line.active{
  animation: line 1s linear 0s 1 both;
}

.about-brand-introduction-list-box.active,
.about-brand-license.active{
  animation: fadeInUp .8s linear 0s 1 both;
}
.about-brand-founder-info-box.active{
  animation: fadeInUp .8s linear 0s 1 both;
}
.team-list.active{
  animation: fadeInUp .5s linear 0s 1 both;
}
/*-----------------beginning---------------------------*/
.beginning-page-main-title-path-box.active{
  animation: fadeInUp .5s linear .3s 1 both;
}
.products-line{
  transform-origin: left;
}
.products-line.active{
  animation: line .5s linear 0s 1 both;
}
.beginning-page-title{
  animation: fade .8s linear 0s 1 both;
}
.products-b-img-box.active{
  animation: fade .5s linear .0s 1 both;

}
.products-s-img-box{
  animation: fade .5s linear .2s 1 both;
}
.products-page-info-box.active{
  animation: fadeInUp .5s linear 0s 1 both;
}
.products-edit-box.active{
  animation: fadeInUp .5s linear 0s 1 both;
}

.beginning-class-list-box.active{
  animation: fade .5s linear 0s 1 both;
}
.beginning-class-second-list-box.active,
.beginning-main-title-box.active .beginning-title-icon,
.beginning-main-title-box.active .main-title{
  animation: fade .8s linear 0s 1 both;
}
.products-list-block.active .products-list-box{
  animation: fadeInUp .8s linear .0s 1 both;
}

.enterprise-info-box,
.fax-download-list-box,
.contact-info-box{
  animation: fadeInUp .8s linear .0s 1 both;
}
.find-luck-block{
  animation: fade .8s linear .0s 1 both;
}
.about-service-list.active{
  animation: fade .8s linear .0s 1 forwards;
}