@charset "utf-8";

/* CSS Document */

@charset "UTF-8";

/*!

Animate.css - http://daneden.me/animate

Licensed under the MIT license - http://opensource.org/licenses/MIT



Copyright (c) 2014 Daniel Eden

*/

.wow{

	*display:inline;

	zoom:1;

}



.animated {

  -webkit-animation-duration: 2s;

          animation-duration: 2s;

  -webkit-animation-fill-mode: both;

          animation-fill-mode: both;

}





.opacity{

	animation-name:opacity;

	-webkit-animation-name:opacity;

	animation-duration: 1s;

	-webkit-animation-duration:1s;	

	animation-delay: 0;

	-webkit-animation-delay: 0;



}

@keyframes opacity{

	0%{



		opacity:0;

	}

	100%{



		opacity:1;

	}

}





.big{

	animation-name: big;

	-webkit-animation-name: big;

	animation-duration: 8s;

	-webkit-animation-duration: 8s;	

	animation-iteration-count: infinite;

	-webkit-animation-iteration-count: infinite;

}

@keyframes big{

	0%{

		transform:scale(1,1);

		-webkit-transform:scale(1,1);

		opacity:1;

	}

	40%{

		transform:scale(1.1,1.1);

		-webkit-transform:scale(1.1,1.1);

		opacity:0.8;

	}

	60%{

		transform:scale(1.1,1.1);

		-webkit-transform:scale(1.1,1.1);

		opacity:0.8;

	}

	100%{

		transform:scale(1,1);

		-webkit-transform:scale(1,1);

		opacity:1;

	}

}

@-webkit-keyframes big{

	0%{

		transform:scale(1,1);

		-webkit-transform:scale(1,1);

		opacity:1;

	}

	40%{

		transform:scale(1.1,1.1);

		-webkit-transform:scale(1.1,1.1);

		opacity:0.8;

	}

	60%{

		transform:scale(1.1,1.1);

		-webkit-transform:scale(1.1,1.1);

		opacity:0.8;

	}

	100%{

		transform:scale(1,1);

		-webkit-transform:scale(1,1);

		opacity:1;

	}

}



.diao{

	animation-name:diao;

	-webkit-animation-name: diao;

	animation-duration: 4s;

	-webkit-animation-duration: 4s;

}

@keyframes diao{

	0%{

		top:-1000px;

				transform:scale(0.5,0.5);

		-webkit-transform:scale(0.5,0.8);	

	}

	100%{

		top:0px;

		transform:scale(1,1);

		-webkit-transform:scale(1,1);

	}

}

@-webkit-keyframes diao{

	0%{

		top:-1000px;

				transform:scale(0.5,0.5);

		-webkit-transform:scale(0.5,0.8);	

	}

	100%{

		top:0px;

		transform:scale(1,1);

		-webkit-transform:scale(1,1);

	}

}



.zuojin{

	animation-name:zuojin;

	-webkit-animation-name: zuojin;

	animation-duration: 2s;

	-webkit-animation-duration: 2s;

}

@keyframes zuojin{

	0%{

		opacity:0;

			transform: translate3d(-200px, 0, 0);

	-webkit-transform: translate3d(-200px, 0, 0);      

	}

	100%{

		opacity:1;

			transform: translate3d(0px, 0, 0);

	-webkit-transform: translate3d(0px, 0, 0);      

	}

}

@-webkit-keyframes zuojin{

	0%{

		opacity:0;

			transform: translate3d(-200px, 0, 0);

	-webkit-transform: translate3d(-200px, 0, 0);      

	}

	100%{

		opacity:1;

			transform: translate3d(0px, 0, 0);

	-webkit-transform: translate3d(0px, 0, 0);      

	}

}



.bigbg{

	animation-name: bigbg;

	-webkit-animation-name: bigbg;

	animation-duration: 8s;

	-webkit-animation-duration: 8s;	

}

@keyframes bigbg{

	0%{

 		opacity:1;

		background-size:100%;

		background-position:center center;

	}

	40%{

		background-size:106%;

		opacity:0.8;

		background-position:center center;

	}

	60%{

		background-size:106%;

		opacity:0.8;

		background-position:center center;

	}

	100%{

		background-size:100%;

		opacity:1;

		background-position:center center;

	}

}

@-webkit-keyframes bigbg{

	0%{

 		opacity:1;

		background-size:100%;

	}

	40%{

		background-size:105%;

		opacity:0.8;

	}

	60%{

		background-size:105%;

		opacity:0.8;

	}

	100%{

		background-size:100%;

		opacity:1;

	}

}



.fadeInUpDown{

	animation-name: fadeInUpDown;

	-webkit-animation-name: fadeInUpDown;

	animation-duration: 4s;

	-webkit-animation-duration: 4s;

}

@keyframes fadeInUpDown{

	0%{

		opacity:0;

		transform: translate3d(0px, 0px, 0);

		-webkit-transform: translate3d(0px, 0px, 0);  

	}

	30%{

		opacity:1;

		transform: translate3d(0px, -300px, 0);

		-webkit-transform: translate3d(0px,-300 px, 0);  

	}

	60%{

		opacity:1;

		transform: translate3d(0px, -300px, 0);

		-webkit-transform: translate3d(0px,-300 px, 0);  

	}

	100%{

		opacity:1;

		transform: translate3d(0px, 0px, 0);

		-webkit-transform: translate3d(0px, 0px, 0);  

	}

}

@-webkit-keyframes fadeInUpDown{

	0%{

		opacity:0;

		transform: translate3d(0px, 0px, 0);

		-webkit-transform: translate3d(0px, 0px, 0);  

	}

	30%{

		opacity:1;

		transform: translate3d(0px, -300px, 0);

		-webkit-transform: translate3d(0px,-300 px, 0);  

	}

	60%{

		opacity:1;

		transform: translate3d(0px, -300px, 0);

		-webkit-transform: translate3d(0px,-300 px, 0);  

	}

	100%{

		opacity:1;

		transform: translate3d(0px, 0px, 0);

		-webkit-transform: translate3d(0px, 0px, 0);  

	}

}



.fadeInLeft{

	animation-name: fadeInLeft;

	-webkit-animation-name: fadeInLeft;

	animation-delay: .5s;

	-webkit-animation-delay: .5s;

}

@keyframes fadeInLeft {

from{ 

	opacity: 0;

	transform: translate3d(-200px, 0, 0);

	-webkit-transform: translate3d(-200px, 0, 0);          

}

to{

	opacity: 1;

	transform: translate3d(0px, 0, 0);

	-webkit-transform: translate3d(0px, 0, 0);         

}



}

@-webkit-keyframes fadeInLeft {

from{ 

	opacity: 0;

	transform: translate3d(-200px, 0, 0);

	-webkit-transform: translate3d(-200px, 0, 0);          

}

to{

	opacity: 1;

	transform: translate3d(0px, 0, 0);

	-webkit-transform: translate3d(0px, 0, 0);         

}

}









.fadeInRight{

	animation-name: fadeInRight;

	-webkit-animation-name: fadeInRight;

}

@keyframes fadeInRight {

from{ 

	opacity: 1;

	transform: translate3d(200px, 0, 0);

	-webkit-transform: translate3d(200px, 0, 0);          

}

to{

	opacity: 1;

	transform: translate3d(0px, 0, 0);

	-webkit-transform: translate3d(0px, 0, 0);         

}

}

@-webkit-keyframes fadeInRight {

from{ 

	opacity: 1;

	transform: translate3d(900px, 0, 0);

	-webkit-transform: translate3d(900px, 0, 0);          

}

to{

	opacity: 1;

	-webkit-transform: translate3d(400px, 0, 0);

	transform: translate3d(400px, 0, 0);

}

}



.fadeIn {

  -webkit-animation-name: fadeIn;

          animation-name: fadeIn;

}

@keyframes fadeIn {

  0% {opacity: 0;}

  100% {opacity: 1;}

}

@-webkit-keyframes fadeIn {

  0% {opacity: 0;}

  100% {opacity: 1;}

}



.fadeInDown {

  -webkit-animation-name: fadeInDown;

          animation-name: fadeInDown;

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -20%, 0);

            transform: translate3d(0, -20%, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}

@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -20%, 0);

            transform: translate3d(0, -20%, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

          animation-name: fadeInDownBig;

}

@keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

            transform: translate3d(0, -2000px, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}

@-webkit-keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

            transform: translate3d(0, -2000px, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



.fadeInRight {

  -webkit-animation-name: fadeInRight;

          animation-name: fadeInRight;

}

@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

            transform: translate3d(100%, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}

@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

            transform: translate3d(100%, 0, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



.tui {

  -webkit-animation-name: tui;

          animation-name: tui;

		    -webkit-animation-duration: 5s;

          animation-duration: 5s;  

}

@keyframes tui {

  0% {

	      -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }



  100% {

	      -webkit-transform: translate3d(1000px, 0, 0);

            transform: translate3d(1000px, 0, 0);

		 }

}

@-webkit-keyframes tui {

  0% {

	      -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

  100% {

	-webkit-transform: translate3d(1000px, 0, 0);

	  transform: translate3d(1000px, 0, 0);

	}

}



.tui2 {

  -webkit-animation-name: tui2;

          animation-name: tui2;

		    -webkit-animation-duration: 3s;

          animation-duration: 3s;  

}

@keyframes tui2 {

  0% {

	 width:0;

  }



  100% {

	  width:1200px;		

}

}

@-webkit-keyframes tui2 {

  0% {

	      -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

			width:1200px;

  }



  100% {

	      -webkit-transform: translate3d(1200px, 0, 0);

            transform: translate3d(1200px, 0, 0);

			width:0px;

		 }

}



.tuidown {

  -webkit-animation-name: tuidown;

          animation-name: tuidown;

		    -webkit-animation-duration: 15s;

          animation-duration: 15s;  

}

@keyframes tuidown {

  0% {

	      -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

			height:920px;

  }



  100% {

	      -webkit-transform: translate3d(0px, 920px, 0);

            transform: translate3d(0px, 920px, 0);

			height:0px;

		 }

}

@-webkit-keyframes tuidown {

  0% {

	      -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

  100% {

	-webkit-transform: translate3d(1000px, 0, 0);

	  transform: translate3d(1000px, 0, 0);

	}

}



.fantui {

  -webkit-animation-name:fantui;

          animation-name:fantui;

		    -webkit-animation-duration: 5s;

          animation-duration: 5s;  

}

@keyframes fantui{

  0% {

	      -webkit-transform: translate3d(300px, 0, 0);

            transform: translate3d(300px, 0, 0);

  }



  100% {

	      -webkit-transform: translate3d(0px, 0, 0);

            transform: translate3d(0px, 0, 0);

		 }

}

@-webkit-keyframes fantui{

  0% {

	      -webkit-transform: translate3d(300px, 0, 0);

            transform: translate3d(300px, 0, 0);

  }

  100% {

	-webkit-transform: translate3d(0px, 0, 0);

	  transform: translate3d(0px, 0, 0);

	}

}



.zhang{

  -webkit-animation-name:zhang;

          animation-name:zhang;

		  animation-delay:2.5s;

		  -webkit-animation-delay:2.5s;

		    -webkit-animation-duration: 2s;

          animation-duration: 2s;  

}

@keyframes zhang{

  0% {

	  width:0px;

  }



  100% {

 width:750px;

		 }

}

@-webkit-keyframes zhang{

  0% {

	      -webkit-transform: translate3d(300px, 0, 0);

            transform: translate3d(300px, 0, 0);

  }

  100% {

	-webkit-transform: translate3d(0px, 0, 0);

	  transform: translate3d(0px, 0, 0);

	}

}



.fadeInUp {

  -webkit-animation-name: fadeInUp;

          animation-name: fadeInUp;

		  animation-delay:1s;

		  -webkit-animation-delay:1s;

		  

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

            transform: translate3d(0, 100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}

@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

            transform: translate3d(0, 100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}

.star{

	animation-name:star;

    animation-duration:1s;

    animation-timing-function:linear;

    animation-delay:1s;

}

@keyframes star{

    0%{

        opacity: 0;

        transform:scale(0.8,0.8);

    }

    50%{

        opacity: 1;

    }

    75%{

        opacity: 0;

        transform:scale(0.8,0.8);

    }

    100%{

        opacity: 1;

    }

}





@-webkit-keyframes bounceIn {

    0%,20%,40%,60%,80%,to {

        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);

        animation-timing-function: cubic-bezier(.215,.61,.355,1)

    }



    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3,.3,.3);

        transform: scale3d(.3,.3,.3)

    }



    20% {

        -webkit-transform: scale3d(1.1,1.1,1.1);

        transform: scale3d(1.1,1.1,1.1)

    }



    40% {

        -webkit-transform: scale3d(.9,.9,.9);

        transform: scale3d(.9,.9,.9)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03,1.03,1.03);

        transform: scale3d(1.03,1.03,1.03)

    }



    80% {

        -webkit-transform: scale3d(.97,.97,.97);

        transform: scale3d(.97,.97,.97)

    }



    to {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



@keyframes bounceIn {

    0%,20%,40%,60%,80%,to {

        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);

        animation-timing-function: cubic-bezier(.215,.61,.355,1)

    }



    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3,.3,.3);

        transform: scale3d(.3,.3,.3)

    }



    20% {

        -webkit-transform: scale3d(1.1,1.1,1.1);

        transform: scale3d(1.1,1.1,1.1)

    }



    40% {

        -webkit-transform: scale3d(.9,.9,.9);

        transform: scale3d(.9,.9,.9)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03,1.03,1.03);

        transform: scale3d(1.03,1.03,1.03)

    }



    80% {

        -webkit-transform: scale3d(.97,.97,.97);

        transform: scale3d(.97,.97,.97)

    }



    to {

        opacity: 1;

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



.bounceIn {

    -webkit-animation-name: bounceIn;

    animation-name: bounceIn;

    animation:bounceIn;

    animation-duration:1s;

    animation-timing-function:linear;

}



@-webkit-keyframes fadeOut {

    0% {

        opacity: 1

    }



    to {

        opacity: 0

    }

}



@keyframes fadeOut {

    0% {

        opacity: 1

    }



    to {

        opacity: 0

    }

}



.fadeOut {



    animation: fadeOut 0.5s linear;

}



@-webkit-keyframes rotateInUpLeft {

    0% {

        transform-origin: left bottom;

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg);

        opacity: 0

    }



    0%,to {

        -webkit-transform-origin: left bottom

    }



    to {

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@keyframes rotateInUpLeft {

    0% {

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg);

        opacity: 0

    }





    to {

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



.rotate {

    animation:rotateInUpLeft 3s ease-in-out;

    animation-fill-mode: backwards, forwards;

}



@-webkit-keyframes rubberBand {

    0% {

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    30% {

        -webkit-transform: scale3d(1.25,.75,1);

        transform: scale3d(1.25,.75,1)

    }



    40% {

        -webkit-transform: scale3d(.75,1.25,1);

        transform: scale3d(.75,1.25,1)

    }



    50% {

        -webkit-transform: scale3d(1.15,.85,1);

        transform: scale3d(1.15,.85,1)

    }



    65% {

        -webkit-transform: scale3d(.95,1.05,1);

        transform: scale3d(.95,1.05,1)

    }



    75% {

        -webkit-transform: scale3d(1.05,.95,1);

        transform: scale3d(1.05,.95,1)

    }



    to {

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



@keyframes rubberBand {

    0% {

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    30% {

        -webkit-transform: scale3d(1.25,.75,1);

        transform: scale3d(1.25,.75,1)

    }



    40% {

        -webkit-transform: scale3d(.75,1.25,1);

        transform: scale3d(.75,1.25,1)

    }



    50% {

        -webkit-transform: scale3d(1.15,.85,1);

        transform: scale3d(1.15,.85,1)

    }



    65% {

        -webkit-transform: scale3d(.95,1.05,1);

        transform: scale3d(.95,1.05,1)

    }



    75% {

        -webkit-transform: scale3d(1.05,.95,1);

        transform: scale3d(1.05,.95,1)

    }



    to {

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

}



.rubberBand {

    -webkit-animation-name: rubberBand;

    animation-name: rubberBand;

      animation-duration:1s;

    animation-timing-function:linear;

}









/*从上往下淡入，距离80px*/



@keyframes fadeInDown80 {

	from {

		transform: translateY(-80px);

		opacity: 0;

	}

	to {

		transform: translateY(0);

		opacity: 1;

	}

}



.fadeInDown80 {

	animation-name: fadeInDown80;

	animation-duration: 1s;

}

@keyframes fadeInDown40 {

	from {

		transform: translateY(-40px);

		opacity: 0;

	}

	to {

		transform: translateY(0);

		opacity: 1;

	}

}



.fadeInDown40 {

	animation-name: fadeInDown40;

	animation-duration: 1s;

}



/*从下往上淡入，距离80px*/



@keyframes fadeInUp60 {

	from {

		transform: translateY(40px) scale(1.1);

		opacity: 0;

	}

	to {

		transform: translateY(0) scale(1);

		opacity: 1;

	}

}



.fadeInUp60 {

	animation-name: fadeInUp60;

	animation-duration: 1s;

}





/*360° 选择Z轴*/



@keyframes myrotato {

	from {

		transform: rotateZ(0);

	}

	to {

		transform: rotateZ(360deg);

	}

}





/*果冻QQ弹*/

@keyframes shake {

	from,

	to {

		-webkit-transform: scale(1, 1);

		transform: scale(1, 1);

	}

	25% {

		-webkit-transform: scale(0.9, 1.1);

		transform: scale(0.9, 1.1);

	}

	50% {

		-webkit-transform: scale(1.1, 0.9);

		transform: scale(1.1, 0.9);

	}

	75% {

		-webkit-transform: scale(0.95, 1.05);

		transform: scale(0.95, 1.05);

	}

	from,

	to {

		-webkit-transform: scale(1, 1);

		transform: scale(1, 1);

	}

	25% {

		-webkit-transform: scale(0.9, 1.1);

		transform: scale(0.9, 1.1);

	}

	50% {

		-webkit-transform: scale(1.1, 0.9);

		transform: scale(1.1, 0.9);

	}

	75% {

		-webkit-transform: scale(0.95, 1.05);

		transform: scale(0.95, 1.05);

	}

}



@-webkit-keyframes shake {

	from,

	to {

		-webkit-transform: scale(1, 1);

		transform: scale(1, 1);

	}

	25% {

		-webkit-transform: scale(0.9, 1.1);

		transform: scale(0.9, 1.1);

	}

	50% {

		-webkit-transform: scale(1.1, 0.9);

		transform: scale(1.1, 0.9);

	}

	75% {

		-webkit-transform: scale(0.95, 1.05);

		transform: scale(0.95, 1.05);

	}

	from,

	to {

		-webkit-transform: scale(1, 1);

		transform: scale(1, 1);

	}

	25% {

		-webkit-transform: scale(0.9, 1.1);

		transform: scale(0.9, 1.1);

	}

	50% {

		-webkit-transform: scale(1.1, 0.9);

		transform: scale(1.1, 0.9);

	}

	75% {

		-webkit-transform: scale(0.95, 1.05);

		transform: scale(0.95, 1.05);

	}

}

/*变大*/



.toBig {

	transform-origin: bottom center;

	animation: toBig 1.3s;

	animation-fill-mode: backwards, forwards;

}

@keyframes toBig {

	from {

		transform: scale(0);

	}

	to {

		transform: scale(1);

	}

}



/*闪*/

@keyframes toShine {

	from {

		transform: scale(0.8);

	}

	to {

		transform: scale(1.5);

	}

}

.width {

	transform-origin: left;

	animation: width 1.3s;

	animation-fill-mode: backwards, forwards;

}

@keyframes width{

	from{

		width: 0;

	}

	to{

		width: 100%;

	}

}

.height {

	transform-origin: left;

	animation: height 1.3s;

	animation-fill-mode: backwards, forwards;

}

@keyframes height{

	from{

		height: 0;

	}

	to{

		height: calc(100% - 40px);

	}

}



.height2 {

	transform-origin: left;

	animation: height2 1.3s;

	animation-fill-mode: backwards, forwards;

}

@keyframes height2{

	from{

		height: 0;

	}

	to{

		height: calc(100% - 20px);

	}

}

@keyframes toSmall {

	from {

		transform: scale(1.3)

	}

	to {

		transform: scale(1);



	}

}



.toSmall {

	animation-name: toSmall;

	animation-duration: 3s;

}

.fadeInRight80 {

	animation-name: fadeInRight80;

	animation-duration: 1s;

}

@keyframes fadeInDown40 {

	from {

		transform: translateX(-40px);

		opacity: 0;

	}

	to {

		transform: translateX(0);

		opacity: 1;

	}

}