.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.banner{
	width: 100%;
}
.y_ban1{
	width: 100%;
	height: 460px;
	overflow: hidden;
	position: relative;
}
.y_ban1 .y_bjt{
	position: absolute;
	left: 50%;
	margin-left: -1000px;
	 height: 460px;
	 z-index: 5;
}
.y_ban1 .y_quan{
	position: absolute;
	left: 50%;
	margin-left: -201px;
	display: block;
	top: 40px;
	z-index: 15;
	 /*height: 460px;*/
    -webkit-animation: skeani 13s linear infinite;
    
}
@-webkit-keyframes skeani{
    0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    }
    100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    }
}
.y_ban1 .y_zi{
	position: absolute;
	left: 50%;
	margin-left: -373px;
	display: block;
	top: 200px;
	z-index: 15;	
    animation: ind_peo 1.5s ease-in-out forwards 0s;
    -webkit-animation: ind_peo 1.5s ease-in-out forwards 0s;
}
 @keyframes ind_peo{
    0%  {transform: scale(0.85);opacity: 0;}
    100%{transform: scale(1);opacity: 1;}
}
@-webkit-keyframes ind_peo{
    0%  {-webkit-transform: scale(0.85);opacity: 0;}
    100%{-webkit-transform: scale(1);opacity: 1;}
}
.y_ban1 .y_sh{
	position: absolute;
	left: 50%;
	margin-left: -411px;
	display: block;
	top: 0;
	z-index: 15;
	animation-duration:1.5s;
    -webkit-animation-duration:1.5s; /* Safari 和 Chrome */
	 -webkit-animation-name: bounceInDown;/*向下*/
     animation-name: bounceInDown;/*向下*/
}
/*向下*/
@-webkit-keyframes bounceInDown {
  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(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInDown {
  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(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}
/*完*/
.y_ban1 .y_xia{
	position: absolute;
	left: 50%;
	margin-left: -425px;
	display: block;
	bottom: 0;
	z-index: 15;
	animation-duration:2.2s;
    -webkit-animation-duration:2.2s; /* Safari 和 Chrome */
	 -webkit-animation-name: bounceInUp;/*向下*/
     animation-name: bounceInUp;/*向下*/
}
/*向下*/
@-webkit-keyframes bounceInUp {
  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(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
@keyframes bounceInUp {
  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(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
/*完*/

.y_ban1 .y_t1{
	position: absolute;
	left: 50%;
	margin-left: -1000px;
	 height: 460px;
	 z-index: 5;
    -webkit-animation: scaleUp 5s linear both;
    -moz-animation: scaleUp 5s linear both;
    animation: scaleUp 5s linear both;	
}
@-webkit-keyframes scaleUp {
	0% { opacity: 0; -webkit-transform: scale(0.85); transform: scale(0.85); }
	50%{opacity: 1;}
	100%{opacity: 1;  -webkit-transform: scale(1.1); transform: scale(1.1); }
}
@-moz-keyframes scaleUp {
	0% { opacity: 0; -moz-transform: scale(0.85); transform: scale(0.85); }
	50%{opacity: 1;}
	100%{ opacity: 1; -moz-transform: scale(1.1); transform: scale(1.1); }
} 
@keyframes scaleUp {
	0% { opacity: 0; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85); }
	50%{opacity: 1;}
	100%{ opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
}
.y_ban1 .y_t2{
	position: absolute;
	left: 50%;
	margin-left: -1000px;
	 height: 460px;
	 z-index: 10;
	animation-duration:2s;
    -webkit-animation-duration:2s; /* Safari 和 Chrome */
	 -webkit-animation-name: rotateInUpLeft;
     animation-name: rotateInUpLeft
}
/*the animation definition*/
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
  }
}
.y_ban1 .y_t3{
	position: absolute;
	left: 50%;
	margin-left: -1000px;
	 height: 460px;
	 z-index: 12;
	animation-duration:2.2s;
    -webkit-animation-duration:2.2s; /* Safari 和 Chrome */
	 -webkit-animation-name: rotateInDownRight;
     animation-name: rotateInDownRight
}
/*the animation definition*/
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
  }
}
.y_ban1 .y_t4{
	position: absolute;
	left: 50%;
	margin-left: -1000px;
	 height: 460px;
	 z-index: 15;
	animation-duration:2.2s;
    -webkit-animation-duration:2.2s; /* Safari 和 Chrome */
	 -webkit-animation-name: rotateInDownRight;
     animation-name: rotateInDownRight
}