@charset "utf-8";

@media screen and (min-width: 980px){
	#lowerHed div {
		padding: 0;
	}
	#lowerHed ul {
		width: 50%;
	}

	.list .info {
		width: 720px;
		float: left;
	}
	.list p.detail {
		background: #FFF;
		margin: 30px 0 0 200px;
	}
	
	.jobList {
		width: 980px;
		float: left;
		padding: 0 0 10px 0;
	}
	.jobList h4 {
		margin: 0;
		padding: 0;
	}
	.jobList h4 span {
		display: none;
	}
	.jobList ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: none;
	}
	.jobList ul li {
		float: left;
		padding: 5px;
	}
	.jobList li a:hover {
		opacity: 0.6; 
	}

	.jobBanner3-2 {
		clear: both;
		list-style: none;
		float: left;
		padding: 10px 0 0 0;
		margin: 0;
	}
	
	.jobBanner3-2 li {
		float: left;
		padding: 0 10px 0 0;
		margin: 0;
	}
	
	.jobBanner3-2 li:last-child {
		padding: 0;
	}
	
	.jobBanner3-2 a:hover {
		opacity: 0.6; 
	}
}
@media screen and (max-width: 979px){
	.jobList {
		width: 100%;
		float: left;
		padding: 0 0 10px 0;
	}
	.jobList h4 img {
		display: none;
	}
	.jobList h4 {
		display: block;
		background: #00AE7D;
		color: #FFF;
		padding: 10px 5px;
	}
	.jobList h4 span {
		display: block;
	}
	.jobList ul li {
		width: 50%;
		float: left;
		padding: 5px;
		box-sizing: border-box;
	}
	.jobList ul li img {
		width: 100%;
		height: auto;
	}
	
	.jobBanner3-2 {
		width: 100%;
		clear: both;
		list-style: none;
		float: left;
		padding: 10px 0 0 0;
		margin: 0;
	}
	
	.jobBanner3-2 li {
		width: calc(100%/3);
		padding: 0 5px;
		margin: 0;
		text-align: center;
		box-sizing: border-box;
		float: left;
	}
	
	.jobBanner3-2 li img {
		max-width: 100%;
	}
}