.contactUsBox{

	margin: 80px 65px 78px;

}

.contactUsBox .col{

	display: block;

	width: 500px;

	text-align: center;

}

.contactUsBox .col .imgBox{

	margin-bottom: 14px;

}

.contactUsBox .col .imgBox .front{

	display: inline-block;

}

.contactUsBox .col .imgBox .back{

	display: none;

}

.contactUsBox .col:hover .imgBox .front{

	display: none;

}

.contactUsBox .col:hover .imgBox .back{

	display: inline-block;

}

.contactUsBox .col .tit,.contactUsBox .col p{

	color: #999;

	font-weight: 400;

}

.contactUsBox .col p{

	line-height: 1.2;

}

.contactUsBox .col small{

	display: block;

	margin: 14px 0 16px;

}



.recruitList{

	width: 100%;

	margin-top: 60px;

}

.recruitList .unit{

	box-sizing: border-box;

	margin-bottom: 8px;

	width: 100%;

	background: #f5f5f5;

}

.recruitList .unit.show .content{

	max-height: 999px;

	padding: 40px 74px;

}
.recruitList .unit.show .textBox:after{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}

.recruitList .unit .textBox{

	position: relative;

	box-sizing: border-box;

	padding: 27px 25px;

	width: 100%;

	overflow: hidden;

}

.recruitList .unit .textBox h4{

	float: left;

	margin-right: 58px;

	border-right: 1px solid #999;

	width: 175px;

	line-height: 40px;

	color: #0084c9;

	font-size: 18px;

	font-weight: 400;

}

.recruitList .unit .textBox .remarks{

	float: left;

	font-size: 14px;

	line-height: 40px;

}

.recruitList .unit .textBox:after{

	content: '';

	display: block;

	position: absolute;

	right: 20px;

	top: 50%;

	margin-top: -8px;

	width: 30px;

	height: 16px;

	background: url(../images/icon10-on.png) no-repeat center;

	background-size: 100% 100%;

	image-rendering: pixelated;

}

.recruitList .unit .content{

	max-height: 0;

	padding: 0;

	overflow: hidden;

	line-height: 2.2;

	font-size: 14px;

	/*transition: all 0.6s;*/

	background: #e6e6e6;

}