.banner-list-solgan,
.bx-wrapper .bx-pager,
.header-logo,
.seafood-box .title,
.seafood-box .title span,
.joint-venture-box .title,
.joint-venture-box .title span,
.products-box,
.joint-venture-text span,
.about-2-bg,
.about-3-bg,
.joint-venture-info-box .joint-venture-b-img,
.joint-venture-s-list,
.about-info-box .title,
.about-info-box .title span,
.about-info-ch-p,
.about-info-en-p,
.contact-logo-box,
.contact-list{
	opacity: 0;
}
/*header*/
.header-logo{
  animation: fade 2s linear 0s 1 forwards;
}
.header-menu-box{
  animation: fadeInUp 2s linear 0s 1 forwards;
}
/*banner*/
.fadeInDown{
	animation-name: fadeInDown ;
}
.fadeInout{
	animation-name: fadeInout ;
}
.fade{
  animation-name: fade ;
}
.animate1{
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated2 {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
/*fishing*/
.seafood-box .title{
  animation: fade 2s linear 0.5s 1 forwards;
}

.seafood-box .title span{
  animation: fadeInUp .8s linear 0.8s 1 forwards;
}
.seafood-box .title:after{
  animation: line 1s linear 1.2s 1 forwards;
}
.seafood-box .products-box{
  animation: fade 2s linear 1.5s 1 forwards;
}

/*joint-venture*/
.joint-venture-box .title{
  animation: fade 2s linear 0.5s 1 forwards;
}
.joint-venture-box .title span{
  animation: fadeInUp .8s linear 0.8s 1 forwards;
}
.joint-venture-box .title:after{
  animation: line 1s linear 1.2s 1 forwards;
}
.joint-venture-text span{
  opacity: 0;
  transition: all 1s linear;
  animation: left 1s linear 2.5s 1 forwards;
}
.joint-venture-info-box .joint-venture-b-img{
  animation: fade 2s linear 1.2s 1 forwards;
}
.joint-venture-s-img-box .joint-venture-s-list:nth-child(1){
  animation: fade 2s linear 1.5s 1 forwards;
}
.joint-venture-s-img-box .joint-venture-s-list:nth-child(2){
  animation: fade 2s linear 1.8s 1 forwards;
}
.joint-venture-s-img-box .joint-venture-s-list:nth-child(3){
  vertical-align: middle;
  animation: fade 2s linear 2.1s 1 forwards;
}
.joint-venture-s-img-box .joint-venture-s-list:nth-child(4){
  animation: fade 2s linear 2.3s 1 forwards;
}


.about-1-bg {
    -webkit-animation-name: pulseS;
    animation-name: pulseS;
    -webkit-animation: pulseS 7s cubic-bezier(0.19, 1, 0.22, 1) 1 forwards;
    -moz-animation: pulseS 7s cubic-bezier(0.19, 1, 0.22, 1) 1 forwards;
    -o-animation: pulseS 7s cubic-bezier(0.19, 1, 0.22, 1) 1 forwards;
    -ms-animation: pulseS 7s cubic-bezier(0.19, 1, 0.22, 1) 1 forwards;
    animation: pulseS 7s cubic-bezier(0.19, 1, 0.22, 1) 1 forwards;
}
.about-2-bg,
.about-3-bg{
    animation: fade 2s linear 0s 1 forwards;
}
.about-info-box .title{
    animation: fadeInUp 1s linear 1s 1 forwards;
}
.about-info-box .title span{
    animation: fadeInUp 1s linear 1.5s 1 forwards;
}
.about-info-box .about-info-ch-p{
    animation: fade 1s linear 1.8s 1 forwards;
}
.about-info-box .about-info-en-p{
    animation: fade  1s linear 2.1s 1 forwards;
}
.about-info-box .contact-logo-box{
    animation: fade  1s linear 2.4s 1 forwards;
}
.about-info-box .contact-list{
    animation: fade  1s linear 2.7s 1 forwards;
}
/*右邊快速進入*/
@-webkit-keyframes fadeInRight2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/*top進入*/
@-webkit-keyframes top {
  from {
    top: -50px;
  }

  to {
 
    top: 0;
  }
}

@keyframes top {
  from {
    top: -50px;
  }

  to {
 
    top: 0;
  }
}

/*左移進入*/
@-webkit-keyframes left {
  from {
    opacity: 0;
    left: 0px;
  }

  to {
    opacity: 1;
   left: -80px;
  }
}

@keyframes left {
  from {
    opacity: 0;
    left: 0px;
  }

  to {
    opacity: 1;
    left: -80px;
  }
}