body{
	background: #f4f4f4;
}
.header{
	overflow: hidden;
}
.header img{
	width: 100%;
	float: left;
}
.container{
	width: 1200px;
	margin: 0 auto 0.2rem;
	overflow: hidden;
}
.con_wrap{
	margin-top: 0.5rem;
}
.con_wrap h3{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 0.2rem;
}
.item_wrap{
	width: 100%;
	background: url(../images/appitembg.png) 0 0 no-repeat;
	overflow: hidden;
	background-size: 100% 100%;
}
.item_wrap img{
	display: inline-block;
	float: left;
}
.item{
	background: url(../images/itembg.png) 0 0 no-repeat;
	margin: 0.4rem 0 0 0.5rem;
	width: 236px;
	text-align: center;
	float: left;
	background-size: 100%;
	overflow: hidden;
	padding-bottom: 17px;
}
.item img{
	margin: 0.05rem 0 0 0.09rem;
	width: 93%;
	float: left;
}
.item h6{
	font-size: 16px;
	font-weight: bold;
}
.item_intro_wrap{
	overflow: hidden;
	float: left;
	margin-top: 0.7rem;
}
.item_intro{
	float: left;
	font-size: 20px;
	color: #333;
	margin-left: 0.22rem;
}
.line{
	margin-left: 0.25rem;
}
.item_intro p{
	line-height: 20px;
	margin-bottom: 28%;
}
.item_wrap_con{
	overflow: hidden;
	float: left;
	width: 44%;
	padding-bottom: 2%;
}
.cutline{
	width: 1px;
	height: 1.86rem;
	background: #e8e8e8;
	float: left;
	margin: 0.67rem 0 0 0.8rem;
}
@media screen and (max-width: 1280px) {
	.container{
		width: 90%;
	}
	.item{
		margin: 25px 0 0 25px;
	}
	.item_intro{
		font-size: 18px;
	}
	.item_wrap{
		padding: 0.4rem 0;
	}
	.item img{
		margin: 10px 0 0 10px;
	}
	.line{
		width: 10px;
		margin-top: 5px;
	}
	.cutline{
		display: none;
	}
	.item_intro p{
		margin-bottom: 14px;
	}
	.item_wrap_con{
		padding-bottom: 0;
		width: 50%;
	}
	.item_intro_wrap{
		margin: 10px 0 0 68px;
	}
	.head a{
		display: inline-block;
		background: url(../images/last.png) 0.5rem center no-repeat;
		width: 80px;
		height: 100px;
		line-height: 100px;
		background-size: 42%;
	}
}
@media screen and (max-width: 750px) {
	.container{
		width: 90%;
	}
}