body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote，th,td{font-family: "microsoft yahei";}
body{text-align:center;}
.description{
	margin-top:2%;
}
.row{padding-top:108px;}
.join-col-md-4 img{
	width:20%;
	margin:6% 40% 0;
}
.join-col-md-4 p{
	text-align:center;
	margin:1rem 0;
	font-size:16px;
}
.bottom-box {
	display:block;
	line-height:2.4rem;
	width: 103px;
	margin: auto;
	display: none;
}
.bottom-box:after{
	clear: both;
	display: block;
	zoom: 1;
	overflow:hidden; 
}
.bottom-box a{color:#2aa174;}
.bottom-box>img{
	float: left;
}
.bottom-box .btn-cont{
	border-left: #4f4f4f 1px solid;	
	border-right: #4f4f4f 1px solid;	
	float: left;
	width: 100%;
}
.join-col-md-3{
	margin-top: 25px;
	opacity: 0;
}
.join-col-md-3 .icon-cont{height: 78px; margin-bottom: 10px; position: relative; margin-top: 0px;}
.join-col-md-3 .icon{position: absolute; left: 50%; top: 0; margin-left: -40px; cursor: pointer;}
.join-col-md-3 .on{display: none;}
.join-col-md-3:hover .off{display: none;}
.join-col-md-3:hover .on{display: block;}
.join-col-md-3:hover p{color: #1fb16e;}
.flip {
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #4f4f4f;
	position: absolute;
	bottom: 135px;
	text-align: center;
	background: none;
}
.topic {
	width: 12%;
	margin: 2% auto 0;
}
.flip img {
	margin: 0;
}
.flip{
	top:481px;
	border: 0px;
}
.flip .line {
	width: 43%;
	border-top: 1px solid #4f4f4f;
	height: 1px;
	position: absolute;
	top: 4%;
}
.flip img#topic{
	transform: translate(0px, -20px);
	-moz-transform: translate(0px, -20px);
	-webkit-transform: translate(0px, -20px);
}
@media (max-width: 1596px) {
	.flip {
		top: 406px;
	}
}

.jobs-link {
	display: inline-block;
	color: #11ac65;
}

.jobs-link:hover, .jobs-link:active, .jobs-link:visited {
	color: #11ac65;
}

.jobs-link img {
	margin-bottom: 12px;
	width: 80px;
	height: 80px;
	border-radius: 6px;
	box-shadow: 1px 0 10px 0 rgba(181, 181, 181, 0.2);
}

.jobs-link  + .jobs-link {
	margin-left: 180px;
}