.recruit-list li{
	position:relative;
	background:#fff;
	padding:30px;
	margin-bottom:20px;
}
.recruit-title{
	font-size:20px;
	color:#333;
	margin:0 0 30px;
}
.recruit-salary{
	position:absolute;
	top:2px;
	right:0;
	font-size:16px;
	color:#555;
}
.recruit-info{
	float:left;
	font-size:16px;
	color:#555;
	line-height:30px;
}
.recruit-do{
	float:right;
}
.recruit-status{
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	color:#ffa600;
	margin-left:10px;
}
.recruit-do .go{
	display:inline-block;
	width:100px;
	height:30px;
	line-height: 30px;
	font-size:16px;
	font-weight:bold;
	color:#0183f1;
	text-align:center;
	margin-left:20px;
}
.go.border::before{
	border-color:#0183f1;
}
.recruit-do .go:hover{
	color:#fff;
	background:#0183f1;
}
/*staff*/
.statff-cont{
	background:#fff;
	padding:30px 50px;
}
.staff-img{
	position:relative;
	height:0;
	padding-bottom:60%;
	overflow:hidden;
}
.staff-img img{
	width:100%;
	min-height:60%;
}
.statff-cont .slick-track{
	display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;   /* 混合版本语法: IE 10 */   
	display:flexbox;
	display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
    display: flex;    
	-webkit-box-align: center;
	box-align: center;
	flex-align:center;
	-moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
.slick-center{
	z-index:10;
}
.slick-center .staff-img{
	width:160%;
	margin-left:-30%;
	padding-bottom:100%;
}
.statff-cont .slick-slide .staff-img:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.6);
}
.statff-cont .slick-center.slick-slide .staff-img:before{
	background:transparent;
}
.statff-cont .slick-prev{
	left:0;
	z-index:10;
}
.statff-cont .slick-next{
	right:0;
}
.statff-cont .slick-arrow{
	position:absolute;
	top:50%;
	font-size:40px;
	margin-top:-20px;
	color:#fff;
	z-index:10;
	cursor:pointer;
}
.statff-cont .arrow-prev{
	left:10%;
}
.statff-cont .arrow-next{
	right:10%;
}
.staff-title{
	text-align:center;
	font-size:14px;
	color:#333;
	font-weight:bold;
	margin-top:20px;
}
/*joinform*/
.resume{
	background:#fff;
	box-shadow: 0 5px 25px #ccc;
	padding:4% 8%;
}
.resume-title{
	font-size:24px;
	color:#333;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
.resume-group{
	padding:0 10px;
}
.resume-group label{
	display:block;
	font-size:14px;
	color:#999;
	line-height:24px;
	font-weight:inherit;
}
.resume-group input,
.resume-group textarea{
	width:100%;
	padding:0 5px;
	background:#eee;
	color:#555;
	outline:none;
	border:1px solid #eee;
}
.resume-group input:focus,
.resume-group textarea:focus{
	border-color:#01aef0;
}
.resume-group input{
	height:40px;
	line-height:40px;
}
.resume-group textarea{
	resize:none;
	padding:5px;
	line-height:24px;
}
.resume-group .tip{
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#b50101;
}
 
.resume-group input.submit-btn{
	background:#01aef0;
	border:1px solid #01aef0;
	color:#fff;
	font-size:14px;
}
.resume-group.yzm{
	position:relative;
	margin-bottom:20px;
}
.yzm .yzm-img{
	position:absolute;
	display:block;
	height:40px;
	width:auto;
	top:0;
	right:10px;
	border:1px solid #ddd;
}



@media screen and (max-width:1199px){

}

@media screen and (max-width:1100px){

}

@media screen and (max-width:991px){

}

@media screen and (max-width:767px){
	.recruit-list li{padding:10px;margin-bottom:10px;}
	.recruit-title{font-size:16px;margin:0 0 15px;}
	.recruit-salary,.recruit-info{font-size:14px;}
	.recruit-do .go,.recruit-status{font-size:14px;font-weight:inherit;}
	.recruit-do .go{width:75px;margin-left:10px;}
	.statff-cont{padding:20px;}
	.statff-cont .slick-arrow{font-size:20px;margin-top:-10px;}
	.resume{padding:4%;}
	.resume-title{font-size:20px;}
}

@media screen and (max-width:600px){

}

@media screen and (max-width:480px){
	
}