@charset "UTF-8";/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden
*/
.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
}



/*产品分类*/
@-webkit-keyframes t_30{
	0%{ transform:translateY(-30px); opacity:0;}
	100%{ transform:translateY(0); opacity:1;}
}

@-webkit-keyframes b_30{
	0%{ transform:translateY(30px); opacity:0;}
	100%{ transform:translateY(0); opacity:1;}
}


@-webkit-keyframes l_30{
	0%{ transform:translateX(-30px); opacity:0;}
	100%{ transform:translateX(0); opacity:1;}
}

@-webkit-keyframes r_30{
	0%{ transform:translateX(30px); opacity:0;}
	100%{ transform:translateX(0); opacity:1;}
}


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

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


@-webkit-keyframes l_80{
	0%{ transform:translateX(-80px); opacity:0;}
	100%{ transform:translateX(0); opacity:1;}
}

@-webkit-keyframes r_80{
	0%{ transform:translateX(80px); opacity:0;}
	100%{ transform:translateX(0); opacity:1;}
}






@-webkit-keyframes item{
	0%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}

	40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}

	60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}

	80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}

	100% {-webkit-transform: perspective(400px);transform: perspective(400px);}
}