.join2{
	width: 1120px;
	margin: 50px auto;
	position: relative;
}

.join2 .jobsBox{
	width: 1120px;
	overflow: hidden;
	position: relative;
}

.join2  .jobBtn .btn{
	width: 62px;
	height: 113px;
	position: absolute;
	top: 200px;
	background: url(../images/left2.png) no-repeat center center;
	cursor: pointer;
}

.join2  .jobBtn .btn.left{
	left: -100px;
}

.join2  .jobBtn .btn.right{
	right: -100px;
	transform: rotateZ(180deg);
}


.join2 .joblist{
	width: 1000%;
	position: relative;
	left: 0;
	top: 0;
}

.join2 .joblist li{
	width: 380px;
	overflow: hidden;
	float: left;
	font-size: 12px;
	line-height: 24px;
	color: #333;
	padding:0 40px ;
	box-sizing: border-box;
}

.join2 .joblist li:after{content:'/';}

.join2 .joblist li .title{
	width: 199px;
	height: 172px;
	background: url(../images/ZWBG_00.png) no-repeat center center;
	line-height: 172px;
	text-align: center;
	color: #fff;
	font-size: 26px;
	font-weight: normal;
	margin: 0 auto 0.3rem;
}

.join2 .joblist li:nth-child(3n+2) .title{
	background-image:url(../images/ZWBG_01.png) ;
}

.join2 .joblist li:nth-child(3n+3) .title{
	background-image:url(../images/ZWBG_02.png) ;
}

.join2 .joblist li .text{
	padding-bottom: 15px;
}


.join2 .button{
	display: block;
	width: 430px;
	height: 110px;
	background: #eb3d00;
	margin: 50px auto 0;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
}

.join2 .button p{
	font-size: 26px;
	line-height: 36px;
	padding-top: 20px;
}
.join2 .button span{
	font-size: 16px;
	line-height: 36px;
}