@charset "utf-8";
/* css document */

.hr-tit{
	padding-top:30px;
	padding-bottom:30px;
	font-size:28px;
	text-align:center;
	}
.hr-cate{
	margin-bottom:20px;
	text-align:center;
	}
.hr-cate li{
	display:inline-block;
	margin-bottom:15px;
	}
.hr-cate li a{
	display:block;
	min-width:80px;
	padding:8px 10px;
	background-color:#e5e5e5;
	}
.hr-cate li li a{
	margin-left:10px;
	}
.hr-cate li.active a,.hr-cate li:hover a{
	color:#fff;
	background-color:#0774ee;
	transition:.5s;
	}
.hr-list{
	overflow:hidden;
	padding:20px 20px 20px 40px;
	}
.hr-job{
	float:left;
	width:340px;
	padding:20px;
	margin-right:38px;
	margin-bottom:38px;
	border:1px solid #dddddd;
	}
.hr-job:hover{
	background-color:#0774ee;
	border-color:#0774ee;
	color:#fff;
	box-shadow:0 5px 15px rgba(15,165,252,.5);
	cursor:pointer;
	transition:1s;
	}
.hr-job h3{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:18px;
	color:#0774ee;
	}
.hr-job:hover h3{
	border-bottom-color:#e5e5e5;
	color:#fff;
	}
.hr-job ul{
	overflow:hidden;
	margin-bottom:20px;
	}
.hr-job ul li,.hr-jobbase li{
	float:left;
	width:50%;
	line-height:30px;
	color:#333333;
	}
.hr-job:hover ul li{
	color:#fff;
	}
.hr-more{
	border:1px solid #0774ee;
	padding:4px 12px;
	color:#0774ee;
	border-radius:6px;
	}

.hr-job:hover .hr-more{
	border-color:#0fa5fc;
	color:#fff;
	border-radius:6px;
	background-color:#0fa5fc;
	transition:.5s;
	}
.hr-jobbase,.hr-describe,.hr-con{
	overflow:hidden;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	}
.hr-jobbase{
	margin-bottom:50px;
	}
.hr-describe{
	margin-bottom:20px;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:12px;
	font-size:20px;
	color:#0774ee;
	}
.hr-con{
	margin-bottom:50px;
	line-height:24px;
	color:#333;
	}