.hr-list{
	
padding: 80px 0;
}
.hr-list .i .idx{
	font-size: 80px;
	color: #eee;
	position: absolute;
	top: 15px;
	right: 15px;
	line-height: 1;
}
.hr-list .i{
	margin-bottom: 30px;
	position: relative;
	background: #d82256 url(../images/hrlbg.png) no-repeat right;
	padding: 30px;
	float: left;
	width: 48%;
}
.hr-list .i:nth-child(even){
	margin-left: 4%;
}
.hr-list .hstitle{
	font-size: 28px;
	line-height: 2;
	position: relative;
	font-weight: bold;
	color: #fff;
}
.hr-list .con{
	font-size: 16px;
	color: #fff;
	line-height: 2;
	position: relative;
	height: 160px;
}
.hr-title{
	
text-align: center;
	
font-size: 24px;
	
margin-bottom: 50px;
	
color: #d65327;
}
@media (max-width: 760px) and (min-width: 320px){
	.hr-list{
		padding: 30px 15px;
	}
	.hr-list .hstitle{
		font-size: 24px;
	}
	.hr-list .i .idx{
		font-size: 60px;
	}
	.hr-list .i {
	    width: 100%;
	}
	.hr-list .i:nth-child(even){
		margin-left: 0;
	}
	.hr-list .con{
		height: inherit;
	}
	.hr .title {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
}