/*
* @Author: Administrator
* @Date:   2018-04-27 14:55:03
* @Last Modified by:   Administrator
* @Last Modified time: 2018-05-03 18:04:48
*/
*{
	padding: 0;
	margin: 0;
	list-style: none;
}
	img{
		display: block;
	}
	.box{
		width: 1200px;
		margin: 0 auto;
	}
	.list{
		position: relative;
	}
	.list ul{
		width: 100%;
		position: absolute;
		top: 10px;
		left: 0;
		overflow: hidden;
	}
	.list ul li{
		width: 15%;
		float: left;
		padding-top: 35px;
    padding-left: 20px;
	}
	@keyframes bounce {
	  0%, 20%, 53%, 80%, 100% {
	    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	    -webkit-transform: translate3d(0,0,0);
	            transform: translate3d(0,0,0);
	  }

	  40%, 43% {
	    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	    -webkit-transform: translate3d(0, -30px, 0);
	            transform: translate3d(0, -30px, 0);
	  }

	  70% {
	    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	    -webkit-transform: translate3d(0, -15px, 0);
	            transform: translate3d(0, -15px, 0);
	  }

	  90% {
	    -webkit-transform: translate3d(0,-4px,0);
	            transform: translate3d(0,-4px,0);
	  }
	}
	li:hover {
		-webkit-animation: bounce 1.2s ease-in ;
		-o-animation: bounce 1.2s ease-in ;
		animation: bounce 1.2s ease-in ;
	}