*{padding:0px;margin:0px;list-style:none;text-decoration:none;border-spacing:0;border-collapse:collapse;}
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
.section1 {background-image: url(404.png);background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;}
.section3 {background-image: url(../image/3.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;}
.section5 {background-image: url(../image/5.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;}
.fadeInUp {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp
}
.animated {
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 visibility: visible;
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInUpBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,2000px,0);
  transform:translate3d(0,2000px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.bounceInLeft {
 -webkit-animation-name:bounceInLeft;
 animation-name:bounceInLeft;
 animation-delay: 0.8s;
 visibility: visible;
}
@-webkit-keyframes bounceInLeft {
 0%,100%,60%,75%,90% {
  -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
  transition-timing-function:cubic-bezier(0.215,.61,.355,1)
 }
 0% {
  opacity:0;
  -webkit-transform:translate3d(-3000px,0,0);
  transform:translate3d(-3000px,0,0)
 }
 60% {
  opacity:1;
  -webkit-transform:translate3d(25px,0,0);
  transform:translate3d(25px,0,0)
 }
 75% {
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
 }
 90% {
  -webkit-transform:translate3d(5px,0,0);
  transform:translate3d(5px,0,0)
 }
 100% {
  -webkit-transform:none;
  transform:none
 }
}
@-webkit-keyframes mymove3{
0%{left:0px;top:0px;width:0px;height:600px;}
25%{left:0px;top:0px;width:50px;height:296px;}
50%{left:0px;top:0px;width:120px;height:296px;}
75%{left:0px;top:0px;width:200px;height:296px;}
100%{left:0px;top:0px;width:475px;height:296px;}
}
@-o-keyframes mymove3{
0%{left:0px;top:0px;width:0px;height:600px;}
25%{left:0px;top:0px;width:50px;height:296px;}
50%{left:0px;top:0px;width:120px;height:296px;}
75%{left:0px;top:0px;width:200px;height:296px;}
100%{left:0px;top:0px;width:475px;height:296px;}
}
.animation3{
width:475px;height:296px;position:relative;overflow:hidden;
animation-name:mymove3;
-moz-animation-name:mymove3;
-webkit-animation-name:mymove3;
-o-animation-name:mymove3;
animation-duration:1s;
-moz-animation-duration:1s;
-webkit-animation-duration:1s;
-o-animation-duration:1s;
animation-timing-function:cubic-bezier(.45,.05,.55,.95);
-moz-animation-timing-function:cubic-bezier(.45,.05,.55,.95);
-webkit-animation-timing-function:cubic-bezier(.45,.05,.55,.95);
-o-animation-timing-function:cubic-bezier(.45,.05,.55,.95);
animation-iteration-count:1;
-moz-animation-iteration-count:1;
-webkit-animation-iteration-count:1;
-o-animation-iteration-count:1;
animation-direction:normal;
-moz-animation-direction:normal;
-webkit-animation-direction:normal;
-o-animation-direction:normal;
animation-play-state:running;
-moz-animation-play-state:running;
-webkit-animation-play-state:running;
-o-animation-play-state:running;

}
@-webkit-keyframes mymove4{
0%{left:-500px;top:0px;}
25%{left:-300px;top:0px;}
50%{left:-200px;top:0px;}
75%{left:-100px;top:0px;}
100%{left:0px;top:0px;}
}
@-o-keyframes mymove4{
0%{left:-500px;top:0px;}
25%{left:-300px;top:0px;}
50%{left:-200px;top:0px;}
75%{left:-100px;top:0px;}
100%{left:0px;top:0px;}
}
.animation4{
animation-name:mymove4;
-moz-animation-name:mymove4;
-webkit-animation-name:mymove4;
-o-animation-name:mymove4;
animation-duration:1s;
-moz-animation-duration:1s;
-webkit-animation-duration:1s;
-o-animation-duration:1s;
animation-timing-function:cubic-bezier(.45,.05,.55,.95);
-moz-animation-timing-function:cubic-bezier(.45,.05,.55,.95);
-webkit-animation-timing-function:cubic-bezier(.45,.05,.55,.95);
-o-animation-timing-function:cubic-bezier(.45,.05,.55,.95);
animation-iteration-count:1;
-moz-animation-iteration-count:1;
-webkit-animation-iteration-count:1;
-o-animation-iteration-count:1;
animation-direction:normal;
-moz-animation-direction:normal;
-webkit-animation-direction:normal;
-o-animation-direction:normal;
animation-play-state:running;
-moz-animation-play-state:running;
-webkit-animation-play-state:running;
-o-animation-play-state:running;	
}
@keyframes srotateY{	
}
@keyframes bounce {
	  60%,80%,to{
		 transform: translateX(10px);
		 animation-timing-function: ease;
	   }
	   70% {transform: translateX(0px);}
	   100% {transform: translateX(10px);}
	 }
.letani{
animation: bounce 1s cubic-bezier(.1, .25, 1, .25) 1 forwards;
}
.anisom{
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);	
}