/*body{font-weight: 00;}*/
.recr {
	width: 1200px;
	margin: 30px auto 30px;
	background: #FFFFFF;
	text-align: center;
	font-size: 18px;
}

.recr dt{background: #EAEAEA;color: #2E3D5F;}

dt,
.bb {
	height: 40px;
	line-height: 40px;
}

.bb {
	background: #ffffff;
	color: #E3CC76;
	cursor: pointer;
	border-bottom: 1px solid #EAEAEA;
}

.bb:hover {
	background: #FCF7E0;
}

.hspan {
	display: inline-block;
	width: 19.5%;
	font-size: 15px;
}

.bb .hsp {
	display: inline-block;
	width: 30px;
	height: 18px;
	background: url(../img/bbg1.png) no-repeat center;
	background-size: 100%;
	transition: all 0.3s ease;
	vertical-align: middle;
}

.hhsp {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.responsibility {
	padding: 50px 50px;
}

.responsibility p {
	text-align: left !important;
	margin-bottom: 5px;
}

.resume {
	margin-top: 20px;
}


.join{margin:0 auto 100px;width: 1200px;}
.join p span{height: 30px;line-height: 30px;font-size: 18px;}
.join .j_title{width: 1200px;margin: 0 auto 30px;}





 @media (max-width: 768px) {
	 .join,.join .j_title{width: 95%;margin: 0 auto;}
	 .recr span:nth-child(even){display: none;}
	 .recr{width:95%;margin: 20px auto;font-size: 16px;}
	 .hspan {width: 48%;}
	 .join p span{font-size: 16px;}
 }
@media (max-width:400px){
	/*.join p span,*/.hspan{font-size: 12px;}

}