#middle{
	width: 100%;
	padding-top: 88px;
}

.lbt-div{
	width: 100%;
	height: 500px;
	background: url(/cms/templates/320557704910630000/images/banner.jpg)no-repeat center;
}
.banner-out{
	margin: 0 auto;
	padding-top: 74px;
	letter-spacing: 1px;
	color: #ffffff;
}
.banner-tit{
	font-size: 44px;
	font-weight: bold;
}
.banner-text{
	font-size: 24px;
	margin-top: 40px;
}
.banner-p{
	display: none;
}

/* 二级导航 */
.mid-nav{
	height: 70px;
	border-bottom: 1px solid #eaeaea;
	position: sticky;
	top: 89px;
	background: #ffffff;
	z-index: 100;
}
.mid-nav-box{
	margin: 0 auto;
}
.come-back{
	float: left;
	line-height: 70px;
	font-size: 18px;
	cursor: pointer;
}
.come-back a{
	display: block;
	color: #2a2a2a;
}
.come-back img{
	margin-top: 26px;
	margin-right: 8px;
}
.right-share{
	float: right;
	line-height: 70px;
}
.right-share img{
	margin-right: 6px;
	vertical-align: middle;
}

/* 公用 */
.main-contain{
	margin: 0 auto;
}
.top-title{
	color: #2a2a2a;
	font-size: 40px; margin-bottom:30px;
}
.each-title{
	font-size: 36px;
	color: #2a2a2a;
	margin-top: 52px;
}

.zp-left,
.zp-right{
	float: left;
	margin-top: 30px;
	box-sizing: border-box;
}

/* 招聘内容 */
.zp-left{
	width: calc(73% - 27px);
	background-color: #f6f6f7;
	padding: 40px 40px 40px;
	margin-bottom: 60px;
}
.info-box{
	margin-top: 40px;
}
.info-box ul li{
	font-size: 18px;
	color: #2a2a2a;
	line-height: 36px;
}
.info-box ul .text-color{
	color: #e71616;
}
.bottom-line{
	margin-top: 36px;
	height: 1px;
	background-color: #e0e0e0;
}
.apply-btn{
	width: 160px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background-color: #5171cd;
	color: #ffffff;
	font-size: 20px;
	float: left;
	border-radius: 4px;
	margin-top: 42px;
	cursor: pointer;
}
.apply-btn a{
	color: #ffffff; display:block;
}
.collect-btn{
	margin-left: 22px;
}


/* 最新职位 */
.zp-right{
	margin-left: 27px;
	width: 27%;
	height: 468px;
	background-color: #f6f6f7;
	padding: 28px 30px 0;
}
.zxzw-tit{
	font-size: 20px;
	color: #2d2d2d;
	float: left;
}
.more-zw{
	color: #2d2d2d;
	font-size: 16px;
	float: right;
	margin-top: 2px;
}
.zxzw-list{
	margin-top: 26px;
}
.zxzw-list ul li{
	border-bottom: 1px solid #dcdcdc;
	padding: 17px 0;
}
.zxzw-list ul li a{
	cursor: pointer;
}
.ji-text{
	float: left;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #f35353;
	color: #ffffff;
	text-align: center;
	
}
.zw-name{
	font-size: 18px;
	float: left;
	line-height: 30px;
	margin-left: 14px;
	width: calc(100% - 44px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* ===========视图宽度============ */

.w_1300 {
	max-width: 1300px;
}

/* ==============@media============== */

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

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

@media screen and (max-width: 1340px){
	.w_1300{
		max-width: 1200px;
	}
}


@media screen and (max-width: 1240px){
	.w_1300 {
		max-width: 1000px;
	}
	
}

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

@media screen and (max-width: 1024px){
	.w_1300 {
		box-sizing: border-box;
	}
}

@media screen and (max-width: 1000px){
	
	/* banner */
	.lbt-div{
		background: none;
		height: auto;
		position: relative;
	}
	.banner-p{
		display: inline;
		width: 100%;
	}
	.banner-out{
		position: absolute;
		margin: 0 28px 0 40px;
	}
	
	.main-contain{
		margin: 0 20px;
	}
	
	/* 二级导航 */
	.mid-nav-box{
		margin: 0 20px;
	}
	
	/* 最新职位 */
	.zp-right{
		display: none;
	}
	
	/* 职位内容 */
	.zp-left{
		float: none;
		width: 100%;
		margin-top: 0;
		background-color: #ffffff;
	}
	.zw-box{
		margin-top: 0;
		background-color: #ffffff;
	}
	.pc-page{
		display: none;
	}
	.phone-page{
		display: block;
	}
	
	
}

@media screen and (max-width: 768px){
	#middle{
		padding-top: 79px;
	}
	
	/* banner */
	.banner-out{
		padding-top: 60px;
	}
	.banner-tit{
		font-size: 36px;
	}
	.banner-text{
	    font-size: 18px;
	    margin-top: 30px;
	}
	
	.each-title{
	    font-size: 26px;
	}
	
	/* 二级导航 */
	.mid-nav{
		position: unset;
	}
	
	/* 招聘内容 */
	.zp-left{
		padding: 40px 0 70px;
	}
	.top-title{
		font-size: 32px;
	}
	.info-box{
		margin-top: 30px;
	}
	.info-box ul li{
		font-size: 16px;
	}
	.apply-btn{
		width: calc((100% - 15px) / 2);
		font-size: 18px;
	}
	.collect-btn{
		margin-left: 15px;
	}
	
	
}

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


@media screen and (max-width: 550px){
	
	.each-title{
	    font-size: 22px;
	}
	
}

@media screen and (max-width: 425px){
	#middle{
		padding-top: 69px;
	}
	
	/* banner */
	.banner-out{
		margin: 0 15px 0 20px;
	    padding-top: 40px;
	}
	.banner-tit{
	    font-size: 26px;
	}
	.banner-text{
	    font-size: 16px;
	    margin-top: 20px;
	}
	
	.each-title{
	    font-size: 20px;
	}
	
	/* 中间导航 */
	.mid-nav{
	    height: 62px;
	}
	.come-back{
		line-height: 62px;
		font-size: 16px;
	}
	.come-back img{
	    margin-top: 24px;
	    width: 8px;
	}
	.right-share{
		line-height: 62px;
		font-size: 14px;
	}
	.right-share img{
		margin-right: 4px;
		width: 24px;
	}
	
	/* 招聘内容 */
	.zp-left{
	    padding: 30px 0 40px;
	}
	.top-title{
	    font-size: 22px;
	}
	.each-title{
	    font-size: 18px;
		margin-top: 30px;
	}
	.info-box{
	    margin-top: 20px;
	}
	.info-box ul li{
	    font-size: 14px;
		line-height: 28px;
	}
	.bottom-line{
		margin-top: 26px;
	}
	.apply-btn{
		margin-top: 36px;
		height: 45px;
		line-height: 45px;
		font-size: 16px;
		width: calc((100% - 10px) / 2);
	}
	.collect-btn{
		margin-left: 10px;
	}
	
}

@media screen and (max-width: 375px){
	
	/* banner */
	.banner-out{
	    margin: 0 8px 0 15px;
	    padding-top: 30px;
	}
	.banner-tit{
	    font-size: 24px;
	}
	.banner-text{
	    font-size: 15px;
	    margin-top: 14px;
	}
	
}

@media screen and (max-width: 320px){
	.zw-list ul li .list-name{
		font-size: 14px;
	}
}