	.banner .small-banner {
		position: absolute;
		left: 0;
		top: 0;
		text-align: center;
	}
	
	.banner .content {
		position: absolute;
		left: 74px;
		top: 122px;
	}
	
	.banner .content .desc {
		display: inline-block;
		width: 230px;
		position: absolute;
		top: -20px;
		left: 360px;
		color: white;
		font-weight: bolder;
		font-size: 54px;
	}
	
	.banner .content .dashed-line {
		position: absolute;
		left: 260px;
		top: 50px;
	}
	
	.banner .content .majoy {
		position: absolute;
		top: 80px;
		left: 270px;
		color: white;
		font-weight: 200;
		font-size: 24px;
		display: inline-block;
		width: 470px;
	}
	
	.banner .balloon-left {
		position: absolute;
		left: -160px;
		animation: balloon-left 7s infinite alternate;
		-webkit-animation: balloon-left 7s infinite alternate;
		animation-timing-function: ease-in-out;
		-webkit-animation-timing-function: ease-in-out;
	}
	
	.banner .balloon-right1 {
		position: absolute;
		left: 948px;
		animation: balloon-right1 3s infinite alternate;
		-webkit-animation: balloon-right1 3s infinite alternate;
		animation-timing-function: ease-in-out;
		-webkit-animation-timing-function: ease-in-out;
	}
	
	.banner .balloon-right2 {
		position: absolute;
		left: 1000px;
		animation: balloon-right2 2s infinite alternate;
		-webkit-animation: balloon-right2 2s infinite alternate;
		animation-timing-function: ease-in-out;
		-webkit-animation-timing-function: ease-in-out;
	}
	
	@-webkit-keyframes balloon-left {
		from {
			top: 30px;
		}
		to {
			top: 210px;
		}
	}
	
	@keyframes balloon-left {
		from {
			top: 30px;
		}
		to {
			top: 210px;
		}
	}
	
	@-webkit-keyframes balloon-right1 {
		from {
			top: 50px;
		}
		to {
			top: 200px;
		}
	}
	
	@keyframes balloon-right1 {
		from {
			top: 50px;
		}
		to {
			top: 200px;
		}
	}
	
	@-webkit-keyframes balloon-right2 {
		from {
			top: 370px;
		}
		to {
			top: 390px;
		}
	}
	
	@keyframes balloon-right2 {
		from {
			top: 370px;
		}
		to {
			top: 390px;
		}
	}
	
	<!--[if le IE 10]> 
	.banner .balloon-left{
		
	}
	.banner .balloon-left{
		top: 210px;
	}
	.banner .balloon-right1 {
		top: 220px;
	}
	
	.banner .balloon-right2 {
		top: 610px;
	}
	
	<![endif]-->
	/*@media only screen and (min-width: 1280px) and (max-width: 1920px) {


}*/
	/*@media only screen and (max-width: 1279px) {
	.banner .small-banner {
		position: absolute;
		top: 130px;
		left: 500px;
	}
	.banner .content {
		position: absolute;
		left: 260px;
		top: 250px;
	}
	.banner .content .desc {
		position: relative;
		left: 150px;
		top: -30px;
		color: white;
		font-weight: bolder;
		font-size: 54px;
	}
	.banner .content .dashed-line {
		position: relative;
		top: -70px;
		left: 270px;
	}
	.banner .content .majoy {
		position: relative;
		left: 280px;
		top: -40px;
		color: white;
		font-weight: 200;
		font-size: 24px;
		display: inline-block;
		width: 470px;
	}
}*/
/* new */
.banner .banner_middle{
	position:absolute;
	width:100%;
	height:auto;
	top:400px;
	left:0;right:0;
}
.banner{
	width: 900px;
    height: 500px;
    position: absolute;
    top: 220px;
    left: 50%;
    margin-left: -450px;
}