@charset "gb2312";
/*导航效果*/
.nav li.current span{-webkit-animation: slidetounlock 4s linear infinite;animation: slidetounlock 4s linear infinite;}

@-webkit-keyframes slidetounlock { 0% {background-position: -150px 0;} 80%{background-position: 100px 0;} 100% {background-position: 150px 0;}}
@keyframes slidetounlock { 0% {background-position: -150px 0;} 80%{background-position: 100px 0;} 100% {background-position: 150px 0;}}



/*第一屏动态*/
.shineLight{background:url(../images/shineLight.png) top center no-repeat;position: absolute;left: 0;top: 0;width:100%;height:734px;animation: shineLight 2s linear infinite;-webkit-animation: shineLight 2s linear infinite;-moz-animation: shineLight 2s linear infinite;}
@-moz-keyframes shineLight {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes shineLight {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.stars{position: absolute;z-index: 1;top: 385px;left: 838px;top:50%;left:50%;}
.start img{width:100%;height:100%;}
.stars_01{width:32px;height:32px;-webkit-animation:stars 5s linear 0s infinite;animation:stars 5s linear 0s infinite;}
.stars_02{width:20px;height:20px;-webkit-animation:stars 4s linear 0s infinite;animation:stars 4s linear 0s infinite;}
.stars_03{width:14px;height:14px;-webkit-animation:stars_1 5s linear 0s infinite;animation:stars_1 5s linear 0s infinite;}
.stars_04{width:10px;height:10px;-webkit-animation:stars_1 3s linear 0s infinite;animation:stars_1 3s linear 0s infinite;}
@-webkit-keyframes stars{0%{-webkit-transform:rotateZ(0deg);opacity:1;}50%{-webkit-transform:rotateZ(180deg);opacity:0;}100%{-webkit-transform:rotateZ(360deg);opacity:1;}}
@keyframes stars{0%{transform:rotateZ(0deg);opacity:1;}50%{transform:rotateZ(180deg);opacity:0;}100%{transform:rotateZ(360deg);opacity:1;}}
@-webkit-keyframes stars_1{0%{-webkit-transform:rotateZ(0deg);opacity:0;}50%{-webkit-transform:rotateZ(180deg);opacity:1;}100%{-webkit-transform:rotateZ(360deg);opacity:0;}}
@keyframes stars_1{0%{transform:rotateZ(0deg);opacity:0;}50%{transform:rotateZ(180deg);opacity:1;}100%{transform:rotateZ(360deg);opacity:0;}}

.current .mainTitle{animation:zoomIn 1s ease-in forwards;-moz-animation:zoomIn 1s ease-in forwards;-webkit-animation:zoomIn 1s ease-in forwards;}
.current .subTitle{animation:fadeInUp 1.5s ease-in forwards;-moz-animation:fadeInUp 1.5s ease-in forwards;-webkit-animation:fadeInUp 1.5s ease-in forwards;}
.current .logo{-webkit-animation:logo .2s 2s ease-out both;-moz-animation:logo .2s 2s ease-out both;-ms-animation:logo .2s 2s ease-out both;-o-animation:logo .2s 2s ease-out both;animation:logo .2s 2s ease-out both}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}
@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -moz-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes logo{0%{opacity:0;-webkit-transform:translate(400px,-568px);-moz-transform:translate(400px,-568px);-ms-transform:translate(400px,-568px);-o-transform:translate(400px,-568px);transform:translate(400px,-568px)}
100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes logo{0%{opacity:0;-webkit-transform:translate(400px,-568px);-moz-transform:translate(400px,-568px);-ms-transform:translate(400px,-568px);-o-transform:translate(400px,-568px);transform:translate(400px,-568px)}
100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}

/*第二屏动态*/
.current .slides-item2-news-title{animation: bounceInDown 1.5s linear forwards;-webkit-animation: bounceInDown 1.5s linear forwards;-moz-animation: bounceInDown 1.5s linear forwards;}
.current .slides-item2-news-list{animation: bounceInLeft 2s linear forwards;-webkit-animation: bounceInLeft 2s linear forwards;-moz-animation: bounceInLeft 2s linear forwards;}
.current .slides-item2-r{animation: bounceInRight 2s .1s linear forwards;-webkit-animation: bounceInRight 2s .1s linear forwards;-moz-animation: bounceInRight 2s .1s linear forwards;}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    -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);
  }

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

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    -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);
  }

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


@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    -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);
  }

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

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {

    -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);
  }

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

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    -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);
  }

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



@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
   
    -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);
  }

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

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    
    -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);
  }

  to {

    -webkit-transform: none;
    transform: none;
  }
}




/*第三屏动态*/
.moveStars1{background:url(../images/midground.png)repeat 20% 0%;height:100%;width:100%;position:absolute;-webkit-animation: moveStars  100s linear infinite;-moz-animation: moveStars  100s linear infinite;-ms-animation: moveStars  100s linear infinite;animation: moveStars  100s linear infinite;}
.moveStars2{background:url(../images/foreground.png)repeat 35% 0%;height:100%;width:100%;position:absolute;-webkit-animation: moveStars  50s linear infinite;-moz-animation: moveStars  50s linear infinite;-ms-animation: moveStars  50s linear infinite;animation: moveStars  50s linear infinite;}
@-webkit-keyframes moveStars {
	from {
		background-position:0% 0%
	}
	to { 
		background-position: 600% 0%
	}
}
 @keyframes moveStars {
	from {
		background-position: 0% 0%
	}
	to { 
		background-position: 600% 0%
	}
}

.current .slides-item3-nav,.current .slides-item3-navImg{animation:fadeInDown 1s ease-in forwards;-moz-animation:fadeInDown 1s ease-in forwards; -webkit-animation:fadeInDown 1s ease-in forwards;}
.current .slides-item3-news{animation:fadeInUp 1.5s ease-in forwards;-moz-animation:fadeInUp 1.5s ease-in forwards;-webkit-animation:fadeInUp 1.5s ease-in forwards;}


/*第四屏动态*/

.current .slides-item4-new-top{-moz-animation: silent1 1s ease-out both;-webkit-animation: silent1 1s ease-out both;-o-animation: silent1 1s ease-out both; animation: silent1 1s ease-out both }
.current  .slides-item4-img{-moz-animation: silent1 1s .5s ease-out both;-webkit-animation: silent1 1s .5s ease-out both;-o-animation: silent1 1s .5s ease-out both; animation: silent1 1s .5s ease-out both }
.current .slides-item4-new1{-moz-animation: silent2 1s .5s ease-out both;-webkit-animation: silent2 1s .5s ease-out both;-o-animation: silent2 1s .5s ease-out both; animation: silent2 1s .5s ease-out both }
.current .slides-item4-new2{-moz-animation: silent1 1s .5s ease-out both;-webkit-animation: silent1 1s .5s ease-out both;-o-animation: silent1 1s .5s ease-out both; animation: silent1 1s .5s ease-out both }
.current .slides-item4-new3{-moz-animation: silent4 1s .5s ease-out both;-webkit-animation: silent4 1s .5s ease-out both;-o-animation: silent4 1s .5s ease-out both; animation: silent4 1s .5s ease-out both }

.current .slides-item4-new-bottom{-moz-animation: silentA 1s ease-out both;-webkit-animation: silentA 1s ease-out both;-o-animation: silentA 1s ease-out both; animation: silentA 1s ease-out both }

.current .slides-item4-new-bottom-l{-moz-animation: silentB 1s .5s ease-out both;-webkit-animation: silentB 1s .5s ease-out both;-o-animation: silentB 1s .5s ease-out both; animation: silentB 1s .5s ease-out both }
.current .slides-item4-new-bottom-c{-moz-animation: silentA 1s .5s ease-out both;-webkit-animation: silentA 1s .5s ease-out both;-o-animation: silentA 1s .5s ease-out both; animation: silentA 1s .5s ease-out both }
.current .slides-item4-new-bottom-r{-moz-animation: silentC 1s .5s ease-out both;-webkit-animation: silentC 1s .5s ease-out both;-o-animation: silentC 1s .5s ease-out both; animation: silentC 1s .5s ease-out both }


/*第七屏动态*/

.blackHole{animation: p1bg_effect1 100s both infinite linear;-webkit-animation: p1bg_effect1 100s both infinite linear;}

@keyframes p1bg_effect1 {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(-360deg)
	}
}

@-webkit-keyframes p1bg_effect1 {
	0% {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(-360deg)
	}
}

.timeAxis{-webkit-animation:timeAxis 60s linear infinite;animation:timeAxis 60s linear infinite;}
@-webkit-keyframes timeAxis {
  0% {
  -webkit-transform:rotateZ(0);
  -ms-transform:rotateZ(0);
  transform:rotateZ(0)
}
100% {
  -webkit-transform:rotateZ(360deg);
  -ms-transform:rotateZ(360deg);
  transform:rotateZ(360deg)
}
}
@keyframes timeAxis {
  0% {
  -webkit-transform:rotateZ(0);
  -ms-transform:rotateZ(0);
  transform:rotateZ(0)
}
100% {
  -webkit-transform:rotateZ(360deg);
  -ms-transform:rotateZ(360deg);
  transform:rotateZ(360deg)
}
}
.timeBase{-webkit-animation:timeBase 60s linear infinite;animation:timeBase 60s linear infinite;}

@-webkit-keyframes timeBase {
  from {
  -webkit-transform:rotateZ(360deg);
  -ms-transform:rotateZ(360deg);
  transform:rotateZ(360deg)
}
to {
  -webkit-transform:rotateZ(0);
  -ms-transform:rotateZ(0);
  transform:rotateZ(0)
}
}
@keyframes timeBase {
  from {
  -webkit-transform:rotateZ(360deg);
  -ms-transform:rotateZ(360deg);
  transform:rotateZ(360deg)
 }
to {
  -webkit-transform:rotateZ(0);
  -ms-transform:rotateZ(0);
  transform:rotateZ(0)
 }
}


.current .blackHoleBg{animation:fadeInDown 1s ease-in forwards;-moz-animation:fadeInDown 1s ease-in forwards;-webkit-animation:fadeInDown 1s ease-in forwards;}
.current .slides-item7-box{animation:fadeInUp 1.5s ease-in forwards;-moz-animation:fadeInUp 1.5s ease-in forwards;-webkit-animation:fadeInUp 1.5s ease-in forwards;}

/*第五屏动态*/

.current .door.doorLeft{-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;-webkit-animation: leftDoorOpen 3.5s ease-out forwards 1s,leftDoorFlap 15s linear infinite forwards 9s;animation: leftDoorOpen 3.5s ease-out forwards 1s,leftDoorFlap 15s linear infinite forwards 9s;-webkit-transform-origin: 0 0 0;transform-origin: 0 0 0;}
.current .door.doorRight {-webkit-animation: rightDoorOpen 3s ease-out forwards 1.5s,rightDoorFlap 10s linear infinite forwards 8s;animation: rightDoorOpen 3s ease-out forwards 1.5s,rightDoorFlap 10s linear infinite forwards 8s;-webkit-transform-origin: 100% 0 0;transform-origin: 100% 0 0;}

@-webkit-keyframes leftDoorOpen {
  60% {-webkit-transform: rotateY(-115deg);transform: rotateY(-115deg)}
  100% {-webkit-transform: rotateY(-110deg);transform: rotateY(-110deg)}
}
@keyframes leftDoorOpen {
  60% {-webkit-transform: rotateY(-115deg);transform: rotateY(-115deg)}
  100% {-webkit-transform: rotateY(-110deg);transform: rotateY(-110deg)}
}
@-webkit-keyframes rightDoorOpen {
  60% {-webkit-transform: rotateY(125deg);transform: rotateY(125deg)}
  100% {-webkit-transform: rotateY(120deg);transform: rotateY(120deg)}
}
@keyframes rightDoorOpen {
  60% {-webkit-transform: rotateY(125deg);transform: rotateY(125deg)}
  100% {-webkit-transform: rotateY(120deg);transform: rotateY(120deg)}
}
@-webkit-keyframes rightDoorFlap {
  0% { -webkit-transform: rotateY(120deg); transform: rotateY(120deg)}
  5% {-webkit-transform: rotateY(125deg);transform: rotateY(125deg)}
  15% {-webkit-transform: rotateY(117deg);transform: rotateY(117deg)}
  25% {-webkit-transform: rotateY(123deg);transform: rotateY(123deg)}
  30% {-webkit-transform: rotateY(120deg);transform: rotateY(120deg)}
  100% {-webkit-transform: rotateY(120deg);transform: rotateY(120deg)}
}
@keyframes rightDoorFlap {
  0% { -webkit-transform: rotateY(120deg); transform: rotateY(120deg)}
  5% {-webkit-transform: rotateY(125deg);transform: rotateY(125deg)}
  15% {-webkit-transform: rotateY(117deg);transform: rotateY(117deg)}
  25% {-webkit-transform: rotateY(123deg);transform: rotateY(123deg)}
  30% {-webkit-transform: rotateY(120deg);transform: rotateY(120deg)}
  100% {-webkit-transform: rotateY(120deg);transform: rotateY(120deg)}
}
@-webkit-keyframes leftDoorFlap {
  0% { -webkit-transform: rotateY(-110deg); transform: rotateY(-110deg)}
  5% {-webkit-transform: rotateY(-115deg);transform: rotateY(-115deg)}
  15% {-webkit-transform: rotateY(-107deg);transform: rotateY(-107deg)}
  25% {-webkit-transform: rotateY(-113deg);transform: rotateY(-113deg)}
  30% {-webkit-transform: rotateY(-110deg);transform: rotateY(-110deg)}
  100% {-webkit-transform: rotateY(-110deg);transform: rotateY(-110deg)}
}
@keyframes leftDoorFlap {
  0% { -webkit-transform: rotateY(-110deg); transform: rotateY(-110deg)}
  5% {-webkit-transform: rotateY(-115deg);transform: rotateY(-115deg)}
  15% {-webkit-transform: rotateY(-107deg);transform: rotateY(-107deg)}
  25% {-webkit-transform: rotateY(-113deg);transform: rotateY(-113deg)}
  30% {-webkit-transform: rotateY(-110deg);transform: rotateY(-110deg)}
  100% {-webkit-transform: rotateY(-110deg);transform: rotateY(-110deg)}
}

@-webkit-keyframes bookFadeOut {
  50% {border: 1px dashed rgba(255, 255, 255, 0.1);}
}

@keyframes bookFadeOut {
  50% {border: 1px dashed rgba(255, 255, 255, 0.1);}
}


.current .fourEarth{animation: fourEarth 20s both linear infinite;-webkit-animation: fourEarth 20s both linear infinite;}

@keyframes fourEarth {
	0% {
		transform: scale(0)
	}
	100% {
		transform: scale(.98)
	}
}

@-webkit-keyframes fourEarth {
	0% {
		-webkit-transform: scale(0)
	}
	100% {
		-webkit-transform: scale(.98)
	}
}


/*第六屏动态*/
.slides-item6{perspective:340px;-webkit-perspective:340px;}
.foreStars{position: absolute;top: 50%;left: 50%;width: 2px;height: 2px;box-shadow: -447px 387px #0d44e2, -401px 118px #0d44e2, -109px 217px #0d44e2, -680px -436px #0d44e2, 514px 360px #0d44e2, -708px 298px #0d44e2, -696px -270px #0d44e2, 116px -128px #0d44e2, 179px 35px #0d44e2, -404px -90px #0d44e2, -331px -309px #0d44e2, -363px -24px #0d44e2, 277px 416px #0d44e2, -145px -244px #0d44e2, 123px 62px #0d44e2, -407px 418px #0d44e2, 535px 237px #0d44e2, -466px -78px #0d44e2, 257px 287px #0d44e2, 327px -398px #0d44e2, -602px -38px #0d44e2, 128px 398px #0d44e2, 274px -446px #0d44e2, -602px -298px #0d44e2, 526px -5px #0d44e2, -90px -158px #0d44e2, 5px 294px #0d44e2, -633px 229px #0d44e2, -475px 427px #0d44e2, 586px -453px #0d44e2, 180px -432px #0d44e2, -637px -88px #0d44e2, -453px 308px #0d44e2, -111px 1px #0d44e2, 573px -450px #0d44e2, 198px 300px #0d44e2, -355px 166px #0d44e2, -715px 13px #0d44e2, 262px -104px #0d44e2, 147px 325px #0d44e2, 1px 399px #0d44e2, 286px -100px #0d44e2, 43px -329px #0d44e2, 617px 55px #0d44e2, -168px -392px #0d44e2, 84px 219px #0d44e2, 507px -226px #0d44e2, -327px -70px #0d44e2, 386px -212px #0d44e2, -717px 4px #0d44e2, 502px -231px #0d44e2, 302px 56px #0d44e2, 649px 341px #0d44e2, 569px 350px #0d44e2, 516px -31px #0d44e2, 689px 447px #0d44e2, 591px -206px #0d44e2, 422px -137px #0d44e2, -510px -324px #0d44e2, -649px 287px #0d44e2, -194px -48px #0d44e2, -279px -329px #0d44e2, -406px 478px #0d44e2, -735px -87px #0d44e2, 30px -197px #0d44e2, -564px 233px #0d44e2, -486px -324px #0d44e2, -54px -7px #0d44e2, -441px -194px #0d44e2, -133px -95px #0d44e2, -722px -73px #0d44e2, 595px 423px #0d44e2, 568px -39px #0d44e2, 370px 377px #0d44e2, -419px -102px #0d44e2, -450px 109px #0d44e2, -57px -119px #0d44e2, -582px 150px #0d44e2, 206px -263px #0d44e2, 582px -461px #0d44e2, -268px -141px #0d44e2, -148px 291px #0d44e2, 254px -179px #0d44e2, 725px 424px #0d44e2, 391px -150px #0d44e2, 89px -299px #0d44e2, 170px 1px #0d44e2, 243px 209px #0d44e2, 27px 460px #0d44e2, -465px -380px #0d44e2, 530px -360px #0d44e2, -626px 53px #0d44e2, 706px 218px #0d44e2, 40px -82px #0d44e2, -5px -212px #0d44e2, -742px 33px #0d44e2, -714px 478px #0d44e2, -585px -125px #0d44e2, -216px 348px #0d44e2, 601px 332px #0d44e2, 344px -88px #0d44e2, 659px -22px #0d44e2, -411px 188px #0d44e2, -423px -206px #0d44e2, -359px -136px #0d44e2, 612px 406px #0d44e2, 725px 96px #0d44e2, 363px -446px #0d44e2, -204px 325px #0d44e2, 740px 176px #0d44e2, -489px -352px #0d44e2, -638px 64px #0d44e2, 537px -65px #0d44e2, 151px -32px #0d44e2, 681px 212px #0d44e2, 604px -149px #0d44e2, -542px -398px #0d44e2, -707px 66px #0d44e2, -381px 258px #0d44e2, -30px 332px #0d44e2, 512px -381px #0d44e2, 195px 288px #0d44e2, -278px 479px #0d44e2, 27px -208px #0d44e2, -288px 15px #0d44e2, -680px 248px #0d44e2, 433px 31px #0d44e2, 150px -206px #0d44e2, -79px 247px #0d44e2, -594px 115px #0d44e2, 99px 292px #0d44e2, 673px -269px #0d44e2, -257px -64px #0d44e2, 449px 81px #0d44e2, 18px -99px #0d44e2, -694px 415px #0d44e2, 240px 264px #0d44e2, 450px -172px #0d44e2, 383px 7px #0d44e2, 338px -73px #0d44e2, 291px -19px #0d44e2, 659px 137px #0d44e2, 602px -6px #0d44e2, 554px 249px #0d44e2, 625px 356px #0d44e2, 579px -183px #0d44e2, -20px 250px #0d44e2, -401px 431px #0d44e2, -645px -232px #0d44e2, -265px -148px #0d44e2, 553px 258px #0d44e2, 166px -360px #0d44e2, 719px 51px #0d44e2, 612px -129px #0d44e2, -465px -104px #0d44e2, -154px -121px #0d44e2, -1px 330px #0d44e2, -666px 248px #0d44e2, -720px 264px #0d44e2, 148px -365px #0d44e2, -388px -349px #0d44e2, 128px -88px #0d44e2, -683px -274px #0d44e2, -341px 41px #0d44e2, -59px -471px #0d44e2, -3px -427px #0d44e2, 418px 167px #0d44e2, 343px 247px #0d44e2, 623px -347px #0d44e2, 716px -217px #0d44e2, 243px -409px #0d44e2, -75px -126px #0d44e2, -730px -91px #0d44e2, -210px -397px #0d44e2, -349px 180px #0d44e2, -567px -281px #0d44e2, -460px 381px #0d44e2, -310px -22px #0d44e2, 450px -1px #0d44e2, -405px -328px #0d44e2, 5px 332px #0d44e2, -294px 302px #0d44e2, -398px 97px #0d44e2, -696px 325px #0d44e2, -589px 110px #0d44e2, 353px -411px #0d44e2, -697px -318px #0d44e2, -114px -72px #0d44e2, 259px -193px #0d44e2, 60px 26px #0d44e2, -63px -232px #0d44e2, 205px -372px #0d44e2, -464px -333px #0d44e2, -374px 123px #0d44e2, -377px -386px #0d44e2, -80px 337px #0d44e2, 478px -178px #0d44e2, 222px 420px #0d44e2, -707px 99px #0d44e2, 716px -132px #0d44e2, -253px -286px #0d44e2, 646px 178px #0d44e2, 201px 24px #0d44e2, 178px -58px #0d44e2, -557px 368px #0d44e2, 0px 219px #0d44e2, -266px -269px #0d44e2, 242px -197px #0d44e2, -419px 193px #0d44e2, -47px 91px #0d44e2, -109px 75px #0d44e2, -146px -453px #0d44e2, 671px -350px #0d44e2, 421px -91px #0d44e2, 738px 19px #0d44e2, -316px -155px #0d44e2, 419px 244px #0d44e2, -278px -418px #0d44e2, -581px -181px #0d44e2, 139px 264px #0d44e2, 691px -11px #0d44e2, -622px 402px #0d44e2, 219px 396px #0d44e2, -149px -423px #0d44e2, -716px -78px #0d44e2, -590px 341px #0d44e2, -208px 79px #0d44e2, -227px -24px #0d44e2, 239px 262px #0d44e2, 740px 443px #0d44e2, 509px 134px #0d44e2, -555px 232px #0d44e2, -67px -427px #0d44e2, -368px 250px #0d44e2, 715px -415px #0d44e2, 411px -301px #0d44e2, -322px 287px #0d44e2, -429px -90px #0d44e2, -327px -387px #0d44e2, -491px 183px #0d44e2, -133px 250px #0d44e2, 538px 139px #0d44e2, -417px -125px #0d44e2, 653px -351px #0d44e2, -549px 38px #0d44e2, 602px 110px #0d44e2, 415px 105px #0d44e2, -733px -371px #0d44e2, 286px 403px #0d44e2, 11px 320px #0d44e2, -597px 158px #0d44e2, 716px -350px #0d44e2, 321px 67px #0d44e2, -237px -300px #0d44e2, 74px 152px #0d44e2, 587px -123px #0d44e2, 699px -332px #0d44e2, 399px 355px #0d44e2, -323px 314px #0d44e2, 89px 416px #0d44e2, 445px 38px #0d44e2, 572px 122px #0d44e2, -258px 372px #0d44e2, 49px 306px #0d44e2, 437px -35px #0d44e2, 566px 174px #0d44e2, 732px -299px #0d44e2, -410px 394px #0d44e2, 131px -415px #0d44e2, 19px -326px #0d44e2, -700px -188px #0d44e2, 96px -1px #0d44e2, -328px -396px #0d44e2, -117px -214px #0d44e2, -53px 261px #0d44e2, 80px 134px #0d44e2, -364px -216px #0d44e2, -636px -125px #0d44e2, -639px -265px #0d44e2, 208px 98px #0d44e2, 172px 467px #0d44e2, 435px 309px #0d44e2, 194px -259px #0d44e2, 209px -186px #0d44e2, -312px 418px #0d44e2, 229px 407px #0d44e2, -449px -357px #0d44e2, 674px 121px #0d44e2, 608px -429px #0d44e2, -431px -428px #0d44e2, 105px 462px #0d44e2, -179px -372px #0d44e2, 143px -317px #0d44e2, -449px -149px #0d44e2, -544px 250px #0d44e2, -220px -323px #0d44e2, 658px 8px #0d44e2, -656px -244px #0d44e2, 347px 11px #0d44e2, 694px -230px #0d44e2, -317px 1px #0d44e2, 28px 23px #0d44e2, -382px 321px #0d44e2, 632px -74px #0d44e2, 154px -245px #0d44e2, -553px 337px #0d44e2, -48px -243px #0d44e2, 92px -391px #0d44e2, -71px -256px #0d44e2, -372px 57px #0d44e2, 369px -140px #0d44e2, 675px 81px #0d44e2, -663px 254px #0d44e2, 703px -203px #0d44e2, 74px -363px #0d44e2, 643px -458px #0d44e2, 198px 359px #0d44e2, 265px 309px #0d44e2, -353px -368px #0d44e2, -465px 439px #0d44e2, 693px 360px #0d44e2, 634px -397px #0d44e2, 467px 25px #0d44e2, -558px -272px #0d44e2, 671px 69px #0d44e2, 407px 357px #0d44e2, 379px 80px #0d44e2, 10px -203px #0d44e2, 104px -292px #0d44e2, -667px -29px #0d44e2, 557px -155px #0d44e2, -505px 115px #0d44e2, -605px 164px #0d44e2, -108px -223px #0d44e2, 523px -156px #0d44e2, 691px 230px #0d44e2, -507px -13px #0d44e2, -349px 332px #0d44e2, 520px 266px #0d44e2, -66px -250px #0d44e2, -496px -449px #0d44e2, 414px -170px #0d44e2, -649px 230px #0d44e2, 598px -92px #0d44e2, -638px 113px #0d44e2, 151px 363px #0d44e2, -445px -241px #0d44e2, 527px -14px #0d44e2, 203px -61px #0d44e2, -716px -284px #0d44e2, -525px 134px #0d44e2;
animation: fly 3s linear infinite;-webkit-animation: fly 3s linear infinite;-moz-animation: fly 3s linear infinite;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;}
.foreStars:before,.foreStars:after {content: "";position: absolute;width: inherit;height: inherit;box-shadow: inherit;}
.foreStars:before {transform: translateZ(-300px);-webkit-transform: translateZ(-300px);-moz-transform: translateZ(-300px);opacity: .6;}
.foreStars:after {transform: translateZ(-600px);-webkit-transform: translateZ(-600px);-moz-transform: translateZ(-600px);opacity: .4;}

@keyframes fly {
  from {
    transform: translateZ(0px);
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
    opacity: .6;
  }
  to {
    transform: translateZ(300px);
	-webkit-transform: translateZ(300px);
	-moz-transform: translateZ(300px);
    opacity: 1;
  }
}


.current .travel-con-li1{-moz-animation: Move1 1s 1s ease-out both;-webkit-animation: Move1 1s 1s ease-out both;-o-animation: Move1 1s 1s ease-out both; animation: Move1 1s 1s ease-out both;}
.current .travel-con-li2{-moz-animation: Move2 1s 1s ease-out both;-webkit-animation: Move2 1s 1s ease-out both;-o-animation: Move2 1s 1s ease-out both; animation: Move2 1s 1s ease-out both;}
.current .travel-con-li3{-moz-animation: Move3 1s 1s ease-out both;-webkit-animation: Move3 1s 1s ease-out both;-o-animation: Move3 1s 1s ease-out both; animation: Move3 1s 1s ease-out both;}
.current .travel-con-li4{-moz-animation: Move4 1s 1s ease-out both;-webkit-animation: Move4 1s 1s ease-out both;-o-animation: Move4 1s 1s ease-out both; animation: Move4 1s 1s ease-out both;}
.current .travel-top-li1,.current .travel-line-l{-moz-animation: Move5 1s 1s ease-out both;-webkit-animation: Move5 1s 1s ease-out both;-o-animation: Move5 1s 1s ease-out both; animation: Move5 1s 1s ease-out both;}
.current .travel-top-li2{-moz-animation: Move6 1s 1s ease-out both;-webkit-animation: Move6 1s 1s ease-out both;-o-animation: Move6 1s 1s ease-out both; animation: Move6 1s 1s ease-out both;}
.current .travel-top-li3,.current .travel-line-r{-moz-animation: Move7 1s 1s ease-out both;-webkit-animation: Move7 1s 1s ease-out both;-o-animation: Move7 1s 1s ease-out both; animation: Move7 1s 1s ease-out both;}


.signalTower-sun{-webkit-animation: sun_ 1.5s infinite linear;animation: sun_ 1.5s infinite linear;}

@keyframes sun_ { 
    0% {
        box-shadow: 0 0 0 transparent;
    } 50% { 
        box-shadow: 0 0 25px #fff;
    } 100% { 
        box-shadow: 0 0 0 transparent;
    }
}

@-webkit-keyframes sun_ { 
    0% {
        box-shadow: 0 0 0 transparent;
    } 50% { 
        box-shadow: 0 0 25px #fff;
    } 100% { 
        box-shadow: 0 0 0 transparent;
    }
}


/*音乐*/
@-moz-keyframes sound
{
	0%
	{
		opacity:0.35;
		height:3px;
		top:14px;
	}
	
	100%
	{
		opacity:1;       
		height:28px;
		top:1px;
	}
}

@-ms-keyframes sound
{
	0%
	{
		opacity:0.35;
		height:3px;
		top:14px;
	}
	
	100%
	{
		opacity:1;       
		height:28px;
		top:1px;
	}
}

@-webkit-keyframes sound
{
	0%
	{
		opacity:0.35;
		height:3px;
		top:14px;
	}
	
	100%
	{
		opacity:1;       
		height:28px;
		top:1px;
	}
}

@keyframes sound
{
	0%
	{
		opacity:0.35;
		height:3px;
		top:14px;
	}
	
	100%
	{
		opacity:1;       
		height:28px;
		top:1px;
	}
}

/*第二屏流星效果*/
@-webkit-keyframes meteor {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(200%, -200%, 0);
    }
    15% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
    30% {
        opacity: 0;
        -webkit-transform: translate3d(-200%, 200%, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-200%, 200%, 0);
    }
}
@-moz-keyframes meteor {
    0% {
        opacity: 0;
        -moz-transform: translate(200%, -200%);
    }
    15% {
        opacity: 1;
        -moz-transform: translate(0, 0);
    }
    30% {
        opacity: 0;
        -moz-transform: translate(-200%, 200%);
    }
    100% {
        opacity: 0;
        -moz-transform: translate(-200%, 200%);
    }
}
@keyframes meteor {
    0% {
        opacity: 0;
        transform: translate(200%, -200%);
    }
    15% {
        opacity: 1;
        transform: translate(0, 0);
    }
    30% {
        opacity: 0;
        transform: translate(-200%, 200%);
    }
    100% {
        opacity: 0;
        transform: translate(-200%, 200%);
    }
}

/*点睛贵州动态*/
@-webkit-keyframes Move1 {
	0% {
		-webkit-transform: translateX(100px) translateY(50px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-o-keyframes Move1 {
	0% {
		-o-transform: translateX(100px) translateY(50px);
		opacity: 0
	}

	100% {
		-o-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@keyframes Move1 {
	0% {
		transform: translateX(100px) translateY(50px);
		opacity: 0
	}

	100% {
		transform: translateX(0) translateY(0);
		opacity: 1
	}
}
@-webkit-keyframes Move2 {
	0% {
		-webkit-transform: translateX(100px) translateY(-50px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-o-keyframes Move2 {
	0% {
		-o-transform: translateX(100px) translateY(-50px);
		opacity: 0
	}

	100% {
		-o-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@keyframes Move2 {
	0% {
		transform: translateX(100px) translateY(-50px);
		opacity: 0
	}

	100% {
		transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes Move3 {
	0% {
		-webkit-transform: translateX(-100px) translateY(50px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-o-keyframes Move3 {
	0% {
		-o-transform: translateX(-100px) translateY(50px);
		opacity: 0
	}

	100% {
		-o-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@keyframes Move3 {
	0% {
		transform: translateX(-100px) translateY(50px);
		opacity: 0
	}

	100% {
		transform: translateX(0) translateY(0);
		opacity: 1
	}
}


@-webkit-keyframes Move4 {
	0% {
		-webkit-transform: translateX(-100px) translateY(-50px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-o-keyframes Move4 {
	0% {
		-o-transform: translateX(-100px) translateY(-50px);
		opacity: 0
	}

	100% {
		-o-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@keyframes Move4 {
	0% {
		transform: translateX(-100px) translateY(-50px);
		opacity: 0
	}

	100% {
		transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes Move5 {
	0% {
		-webkit-transform: translateX(100px) translateY(100px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-o-keyframes Move5 {
	0% {
		-o-transform: translateX(100px) translateY(100px);
		opacity: 0
	}

	100% {
		-o-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@keyframes Move5 {
	0% {
		transform: translateX(100px) translateY(100px);
		opacity: 0
	}

	100% {
		transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes Move6 {
	0% {
		-webkit-transform: translateX(0px) translateY(100px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-o-keyframes Move6 {
	0% {
		-o-transform: translateX(0px) translateY(100px);
		opacity: 0
	}

	100% {
		-o-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@keyframes Move6 {
	0% {
		transform: translateX(0px) translateY(100px);
		opacity: 0
	}

	100% {
		transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes Move7 {
	0% {
		-webkit-transform: translateX(-100px) translateY(100px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-o-keyframes Move7 {
	0% {
		-o-transform: translateX(-100px) translateY(100px);
		opacity: 0
	}

	100% {
		-o-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@keyframes Move7 {
	0% {
		transform: translateX(-100px) translateY(100px);
		opacity: 0
	}

	100% {
		transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes rotate{
	0%{
		transform: rotate(0);
		-ms-transform: rotate(0);		
		-webkit-transform: rotate(0);	
		-o-transform: rotate(0);		
		-moz-transform: rotate(0);		
	}
	100%{
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);		
		-webkit-transform: rotate(360deg);	
		-o-transform: rotate(360deg);		
		-moz-transform: rotate(360deg);		
	}
}

@keyframes rotate{
	0%{
		transform: rotate(0);
		-ms-transform: rotate(0);		
		-webkit-transform: rotate(0);	
		-o-transform: rotate(0);		
		-moz-transform: rotate(0);		
	}
	100%{
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);		
		-webkit-transform: rotate(360deg);	
		-o-transform: rotate(360deg);		
		-moz-transform: rotate(360deg);		
	}
}

@keyframes rotateX {
    0% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(-360deg);
        -webkit-transform: rotateX(-360deg);
        -moz-transform: rotateX(-360deg);
    }
}
@-webkit-keyframes rotateX {
    0% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(-360deg);
        -webkit-transform: rotateX(-360deg);
        -moz-transform: rotateX(-360deg);
    }
}

/*静旅游动态*/
@-webkit-keyframes silent1 {
	0% {
		-webkit-transform: translateX(0px) translateY(-100px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-o-keyframes silent1 {
	0% {
		-o-transform: translateX(0px) translateY(-100px);
		opacity: 0
	}

	100% {
		-o-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@keyframes silent1 {
	0% {
		transform: translateX(0px) translateY(-100px);
		opacity: 0
	}

	100% {
		transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes silent2 {
	0% {
		-webkit-transform: translateX(-50px) translateY(-100px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-o-keyframes silent2 {
	0% {
		-o-transform: translateX(-50px) translateY(-100px);
		opacity: 0
	}

	100% {
		-o-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@keyframes silent2 {
	0% {
		transform: translateX(-50px) translateY(-100px);
		opacity: 0
	}

	100% {
		transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes silent4 {
	0% {
		-webkit-transform: translateX(50px) translateY(-100px);
		opacity: 0
	}

	100% {
		-o-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-o-keyframes silent4 {
	0% {
		-o-transform: translateX(50px) translateY(-100px);
		opacity: 0
	}

	100% {
		-o-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@keyframes silent4 {
	0% {
		transform: translateX(50px) translateY(-100px);
		opacity: 0
	}

	100% {
		transform: translateX(0) translateY(0);
		opacity: 1
	}
}


@-webkit-keyframes silentA {
	0% {
		-webkit-transform: translateX(0px) translateY(100px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-o-keyframes silentA {
	0% {
		-o-transform: translateX(0px) translateY(100px);
		opacity: 0
	}

	100% {
		-o-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@keyframes silentA {
	0% {
		transform: translateX(0px) translateY(100px);
		opacity: 0
	}

	100% {
		transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes silentB {
	0% {
		-webkit-transform: translateX(-50px) translateY(100px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-o-keyframes silentB {
	0% {
		-o-transform: translateX(-50px) translateY(100px);
		opacity: 0
	}

	100% {
		-o-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@keyframes silentB {
	0% {
		transform: translateX(-50px) translateY(100px);
		opacity: 0
	}

	100% {
		transform: translateX(0) translateY(0);
		opacity: 1
	}
}
@-webkit-keyframes silentC {
	0% {
		-webkit-transform: translateX(50px) translateY(100px);
		opacity: 0
	}

	100% {
		-o-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@-o-keyframes silentC{
	0% {
		-o-transform: translateX(50px) translateY(100px);
		opacity: 0
	}

	100% {
		-o-transform: translateX(0) translateY(0);
		opacity: 1
	}
}

@keyframes silentC{
	0% {
		transform: translateX(50px) translateY(100px);
		opacity: 0
	}

	100% {
		transform: translateX(0) translateY(0);
		opacity: 1
	}
}


@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


@keyframes hx {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}