
/****** 由上到下淡化进入 ******/

@-webkit-keyframes wow-topin {
0% {
    opacity: 0;
	-webkit-transform: translate(0,-100px);
 	transform: translate(0,-100px);
}
100% {
    opacity: 1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
}
@keyframes wow-topin {
0% {
    opacity: 0;
	-webkit-transform: translate(0,-100px);
 	transform: translate(0,-100px);
}
100% {
    opacity: 1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
}
.wow-topin {
  -webkit-animation-name: wow-topin;
          animation-name: wow-topin;
}

/****** 由下到上淡化进入 ******/

@-webkit-keyframes wow-bottomin {
0% {
    opacity: 0;
	-webkit-transform: translate(0,100px);
 	transform: translate(0,100px);
}
100% {
    opacity: 1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
}
@keyframes wow-bottomin {
0% {
    opacity: 0;
	-webkit-transform: translate(0,100px);
 	transform: translate(0,100px);
}
100% {
    opacity: 1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
}
.wow-bottomin {
  -webkit-animation-name: wow-bottomin;
          animation-name: wow-bottomin;
}

/****** 由左到右淡化进入 ******/

@-webkit-keyframes wow-leftin {
0% {
    opacity: 0;
 	-webkit-transform: translate(-100px,0);
	transform: translate(-100px,0);
}
100% {
    opacity: 1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
}
@keyframes wow-leftin {
0% {
    opacity: 0;
	-webkit-transform: translate(-100px,0);
	transform: translate(-100px,0);
}
100% {
    opacity: 1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
}
.wow-leftin {
  -webkit-animation-name: wow-leftin;
          animation-name: wow-leftin;
}

/****** 首页新闻动画延迟 ******/

.sec .news li:nth-child(1) {
	-webkit-animation-delay:.8s;
	animation-delay:.8s;
}
.sec .news li:nth-child(2) {
	-webkit-animation-delay:1.1s;
	animation-delay:1.1s;
}
.sec .news li:nth-child(3) {
	-webkit-animation-delay:1.4s;
	animation-delay:1.4s;
}

/****** 列表新闻动画延迟 ******/

.sec .l-li li:nth-child(1) {
	-webkit-animation-delay:.3s;
	animation-delay:.3s;
}
.sec .l-li li:nth-child(2) {
	-webkit-animation-delay:.5s;
	animation-delay:.5s;
}
.sec .l-li li:nth-child(3) {
	-webkit-animation-delay:.7s;
	animation-delay:.7s;
}
.sec .l-li li:nth-child(4) {
	-webkit-animation-delay:.9s;
	animation-delay:.9s;
}
.sec .l-li li:nth-child(5) {
	-webkit-animation-delay:1.1s;
	animation-delay:1.1s;
}
.sec .l-li li:nth-child(6) {
	-webkit-animation-delay:1.3s;
	animation-delay:1.3s;
}
.sec .l-li li:nth-child(7) {
	-webkit-animation-delay:1.5s;
	animation-delay:1.5s;
}
.sec .l-li li:nth-child(8) {
	-webkit-animation-delay:1.7s;
	animation-delay:1.7s;
}


/****** 必备 ******/

.animated {
  -webkit-animation-duration: .8s;
          animation-duration: .8s;
  -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;
}
