#banner {
	position:relative;	
}
#banner img {
	width:100%;	
}
#banner .text {
	position:absolute;
	top:50%;	
	left:50%;
	margin-top:-80px;
	margin-left:-430px;
	text-align:center;
	color:#fff;
	background:url(../image/0.5.png);
	width:860px;
	padding:45px 0;
}
#banner .text .h2 {
	padding-bottom:20px;
	background:url(../image/h2bg.jpg) no-repeat bottom center;	
}
#banner .text .h2 h2 {
	font-size:32px;
	font-weight:normal;
	padding-bottom:10px;	
}
#main .case {
	width:94%;
	margin:20px auto;	
}
#main .case ul{
	margin:20px 1.5%;
	width:30%;
	float:left;
}
#main .case li {
	margin:0 0 10px;
	font-size:16px;
	border-left:4px #d5291d solid;	
}
#main .case li a {
	display:block;
	padding:15px 2% 15px 5%;
	background:#eee url(../image/libg.jpg) repeat-y right center;
}
@media screen and (max-width:1280px){
	#main {
		background-size:100%;
	}
}
@media screen and (min-width:1025px){
	#main .case li a:hover {
		background-position:left center;
		color:white;	
		transition: 0.6s linear;
		-o-transition: 0.6s linear;
		-webkit-transition: 0.6s linear;	
	
	}
}
@media screen and (max-width:1024px){

	#main {
		padding:0;	
	}
	#banner .text {
		left:0;
		width:90%;
		padding:20px 0;
		margin:-51px 5% 0;	
	}
	#banner .text .h2 {
		padding-bottom:10px;	
	}
	#banner .text .h2 h2 {
		font-size:24px;	
	}
	#banner .text .btn {
		width:130px;
		height:30px;
		line-height:30px;	
	}
}
@media screen and (max-width:640px){
	#banner .text {
		width:80%;
		margin:-40px 10% 0;	
	}
	#banner .text .h2{
		font-size:20px;
		padding-bottom:10px;	
	}
	#banner .text .h2 P {
		display:none;	
	}
	#main .case {
		width:96%;
		padding:0 2%;
		margin:20px auto;	
	}
	#main .case ul {
		width:100%;
		margin:0;	
	}
}