@charset "utf-8";


html,body{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}




@media screen and (max-width: 999px){
	body{ 
		background: #fff;
		padding-bottom: 1rem;
	}
	.mainbody{ 
		width: 100%;
	}
}
@media screen and (min-width: 1000px){
	body{ 
		background: #f5f5f5;
		padding-bottom: 15px;
	}
	.mainbody{ 
		width: 1000px; 
		margin: 0 auto;
	}
}

.header{
	background: url("../../img/job/banner.jpg") no-repeat center 0 / cover;
}
.header img{
	display: block;
}
.header p{
	color: #fff;
}
.header p a{
	color: #fff;
}

@media screen and (max-width: 999px){
	.header{
		padding: 1.2rem 1rem;
	}
	.header img{
		width: 80%;
		height: auto;
		margin: 0 auto 1rem auto;
	}
	.header p{
		line-height: 1.6;
		text-indent: 2rem;
		font-size: .8rem;
	}
}
@media screen and (min-width: 1000px){
	.header{
		padding: 0 15px;
		height: 200px;
	}
	.header img{
		height: 50px;
		width: auto;
		margin: 40px 0 17px 0;
	}
	.header p{
		line-height: 1.6;
		text-indent: 2rem;
	}
}

/*  图片  */
@media screen and (max-width: 999px){
	.img-list ul{
		padding: .7rem;
	}
	.img-list ul li{
		float: left;
		width: 33.333333%;
		height: 90px;
		overflow: hidden;
		padding: .3rem;
	}
	.img-list ul li img{
		display: block;
		width: 100%;
		height: 100%;
	}
	
}
@media screen and (min-width: 1000px){
	.img-list{
		background: #fff;
		padding: 15px 0 0 15px;
	}
	.img-list ul{
		width: 1100px;
	}
	.img-list ul li{
		float: left;
		overflow: hidden;
		width: 313px;
		margin: 0 15px 15px 0;
	}
	.img-list ul li img{
		display: block;
		width: 100%;
		height: 200px;
	}
}



/*  企业招聘  */
.company-list{
	background: #fff;
	border-top: 15px solid #f5f5f5;
}
.company-list .title{
	padding: 15px 15px;
}
.company-list .title h5{
	font-size: 16px;
	font-weight: 900;
	color: #c00;
}
.company-list ul{
	padding: 0 15px;
}
.company-list ul li{
	clear: both;
	overflow: hidden;
	border-top: 1px solid #eee;
}
.company-list ul li a{
	display: block;
	padding: 12px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
@media screen and (max-width: 999px){
	.company-list ul li a{
		padding: 10px 0;
	}
}






