/*.index-banner-list span{
  transition: all 3.5s linear;
  transform: scale(1.05,1.05);
}*/
.index-banner-list span{
  transform: scale(1,1);
}
.index-banner-list.slick-active  span{
  animation: banner-slick 3s ease 0s 1 ;
}

@keyframes banner-slick {
  from {
      transform: scale(1.05,1.05);
  }

  to {
      transform: scale(1,1);
  }
}

/*----------------------about--------------------------*/
.index-about-logo-box{
  height: 90px;
  overflow: hidden;
}
.index-about-logo-box img{
  opacity: 0;
  transform: translate3d(0, 20%, 0);
}
.index-about-logo-box img{
  animation: index-about-logo-box 1s ease 0s 1 both;
}
@-webkit-keyframes index-about-logo-box {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

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

@keyframes index-about-logo-box {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

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

.index-about-info,
.products-condition-box,
.products-title-box,
.products-list-box{
  opacity: 0;
}

.index-about-info{
  animation: fadeInRight 1s ease 0s 1 both;
}
.products-condition-box{
  animation: fadeInUp 1s ease 0s 1 both;
}
.products-title-box{
  animation: fade .5s ease-out 0s 1 both;
}
.products-list-box,
.products-page-box{
  animation: fadeInUp2 1s ease .3s 1 both;
}

.products-line{
  transform-origin: left;
  animation: line 1s linear .5s 1 both;
}

.products-edit-box{
  animation: fade 1s linear .8s 1 both;

}


/*---------------news---------------------*/
.news-list,
.page{
  opacity: 0;
}
.news-list.active,
.page.active{
  animation: fade .5s ease 0s 1 both;
}
.news-back{
  animation: fade .5s ease 0s 1 both;
}
.news-line{
  animation: line 1s ease 0s 1 both;
}
.news-page-title-box{
  animation: fade .5s ease 0s 1 both;
}
.news-s-edit-box{
  animation: fadeInUp 1s ease 0s 1 both;
}
.news-edit-box,
.contact-info-form{
  animation: fadeInUp 1s ease 0s 1 both;
}
.news-line2{
  animation: line 1s ease 0s 1 both;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

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

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,50px, 0);
    transform: translate3d(0, 50px, 0);
  }

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

.contact-b-title{
  position: relative;
  animation: contact-title 1s ease 1 both;
}

@keyframes contact-title {
  from {
    opacity: 0;
    top: 10px;
    transform: scale(1.05);
  }

  to {
    opacity: 1;
    top: 0px;
    transform: scale(1);
  }
}

.header-style1.header2 .header-logo{
  width: 200px;
}
.header-style1.header2 .header-menu> li{
  height: 73px;
  line-height: 73px;
}
#index .header-style1.header2 .header-menu> li{
  height: 92px;
  line-height: 92px;
}

.banner-title{
  animation: fade 1s ease 0s 1 both;
}
.banner-title:after{
  animation: line 1s linear 0s 1 both;
}