.ltp-bannerbox{animation-name: bannerMove;animation-duration: 2s;animation-iteration-count: infinite;}


.jjfa-box img{    
	-webkit-transition: all .5s ease-in-out;
   	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
}

.jjfa-box img:hover{ -webkit-transform: rotate(360deg); }

@keyframes bounceInLeft {
        from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
        0% {opacity: 0;transform: translate3d(-3000px, 0, 0);}
        60% {opacity: 1;transform: translate3d(25px, 0, 0);}
        75% {transform: translate3d(-10px, 0, 0);}
        90% {transform: translate3d(5px, 0, 0);}
        100% {opacity: 1;transform: none;}
    }
 @keyframes bounceInRight {
        from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
        0% {opacity: 0;transform: translate3d(3000px, 0, 0);}
        60% {opacity: 1;transform: translate3d(-25px, 0, 0);}
        75% {transform: translate3d(10px, 0, 0);}
        90% {transform: translate3d(-5px, 0, 0);}
        100% {opacity: 1;transform: none;}
    }
 /* .gsjj-left{
        animation: bounceInLeft 0.5s 0.25s linear forwards;
    }*/
/*  .gsjj-right{
  	animation: bounceInRight 1.1s 0.85s linear forwards;
  }*/

  @keyframes fadeInBig{
    from{opacity: 0;transform: scale(1.5);}
        to{opacity: 1;transform: scale(1);}
}

/*  .gsjj-left:hover{
           position: absolute;    
            left:0;
            opacity: 0;
            animation: fadeInBig 1s 1s linear forwards;
            -webkit-animation: fadeInBig 1s 1s linear forwards;
    }
   .gsjj-right:hover{
  	position: absolute;    
            left:50%;
            opacity: 0;
            animation: fadeInBig 1s 1s linear forwards;
            -webkit-animation: fadeInBig 1s 1s linear forwards;
  }*/

@keyframes move1{
	from{ opacity:0; margin-top:200px;}
	to{ opacity:1; margin-top:0;}
}
@keyframes move2{
	from{ opacity:0; margin-left:-200px;}
	to{ opacity:1; margin-left:0;}
}

.main1-bg .ltp-txt .ltp-gsjjbox {
	animation:move1 1s forwards;
	animation-play-state:paused;
	}


.main2-bg {
	animation:move1 1s forwards;
	animation-play-state:paused;
	}



.main3-bg {
	animation:move1 1s forwards;
	animation-play-state:paused;
	}

.main4-bg {
	animation:move1 1s forwards;
	animation-play-state:paused;
	}

.main1-bg .ltp-txt,.main2-bg,.main3-bg,.main4-bg {animation-play-state:running; }

.youshi-box img{
  cursor: pointer;
  transition: all 0.6s;
}
.youshi-box img:hover{
  transform: scale(1.3);
}