body {
	background-color: #2c2c2c;
	background-image: url('../imgnew/imgs/employ_1.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	overflow-x: hidden;
}
h2, p {
	line-height: 1;
}

.title-section h2 {
	color: #fff;
	font-size: 34px;
	
	font-weight: 200;
}

.title-section p {
	color: #d9d9d9;
	font-size: 21px;
	
}

.welcome {
	width: 1020px;
	padding: 260px 0 320px 180px;
	margin: 0 auto;
}

.welcome .welcome-btn {
	margin-top: 40px;
	width: 140px;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	color: #2c2c2c;
	
	text-align: center;
	background-color: #f9d253;
	border-radius: 4px;
	cursor: pointer;
}


.team .title-section {
	margin-bottom: 100px;
}

.team .title-section p{
	margin-top: 24px;
}

.team-show {
	width: 285px;
	padding-top: 12px;
	padding-left: 70px;
	height: 308px;
	background-image: url('../imgnew/imgs/employ_8.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
}

.team-show > div {
	position: relative;
	width: 100%;
	height: 100%;
}

.team-show .team-show-title {
	color: #fff;
	font-size: 20px;
	padding-bottom: 60px;
	
	font-weight: 300;
}

.team-show .team-show-details {
	color: #ddd;
	font-size: 16px;
	line-height: 32px;
	
	font-weight: 200;
}

.team-show .team-show-btn {
	font-size: 18px;
	color: #f9d253;
	font-weight: 200;
	position: absolute;
	left: 0;
	bottom: 8px;
	cursor: pointer;
}
.team-show .team-show-btn img{
	position: relative;
	margin-left: 8px;
	top: 2px;
}
.team-list {
	color: #fff;
	font-size: 20px;
	
	font-weight: 200;
}

.team-list li {
	float: left;
	line-height: 1;
	position: relative;
	margin-top: 45px;
	cursor: pointer;
	clear: both;
}

.team-list li:first-child {
	margin-top: 0;
}

.team-list li::after {
	display: none;
	content: "";
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
}

.team-list li.team-show-active::after {
	display: block;
}

.joinus {
	width: 900px;
	margin: 0 auto;
	padding-top: 140px;
	padding-bottom: 55px;
}

.joinus .title-section {
	text-align: center;
	padding-bottom: 40px;
}

.joinus .title-section h2 {
	margin-bottom: 18px;
}

.joinus .title-section p {
	color: #d9d9d9;
	font-size: 21px;
	font-weight: 300;
	line-height: 28px;
}

.joinus-job-title {
	position: relative;
	width: 100%;
	height: 60px;
	text-indent: 16px;
	line-height: 60px;
	font-size: 16px;
	color: #fff;
	font-weight: lighter;
	border-bottom: 1px solid #222;
	cursor: pointer;
}
.joinus-job-title:hover {
	background-color: #212121;
}
.joinus-job-title.joinus-job-title-active {
	background-color: #212121;
}
.joinus-job-title::before {
	content: "";
	width: 9px;
	height: 9px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -4.5px;
	background-image: url('../imgnew/imgs/employ_3.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}
.joinus-job-title.joinus-job-title-active::before {
	background-image: url('../imgnew/imgs/employ_2.png');
}

.joinus-job-details {
	position: relative;
	width: 884px;
	height: 0;
	overflow: hidden;
	padding-left: 16px;
	color: #9f9e9e;
}
.joinus-job-details > h4 {
	padding-top: 34px;
	font-size: 24px;
	font-weight: 300;
}

.joinus-job-details ul li {
	position: relative;
	text-indent: 20px;
	line-height: 27px;
	font-size: 16px;
	font-weight: 400;
}
.joinus-job-details ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 9.5px;
	width: 5px;
	height: 5px;
	border-radius: 10px;
	background-color: #9f9e9e;
}

.joinus-job-require, .joinus-job-occupation {
	padding-top: 36px;
}

.joinus-job-require > h5, .joinus-job-occupation > h5 {
	font-size: 16px;
	font-weight: 400;
}

.joinus-job-require h5 {
	padding-bottom: 15px;
}

.joinus-job-btn {
	height: 145px;
	padding: 45px 0 55px;
}
.joinus ul .joinus-job:last-child .joinus-job-btn {
	margin-bottom: 0px;
}

.joinus-job-btn a{
	display: block;
	width: 105px;
	height: 45px;
	margin: 45px 0 55px;
	font-size: 16px;
	line-height: 45px;
	color: #2c2c2c;
	text-align: center;
	background-color: #f9d253;
	border-radius: 4px;
	cursor: pointer;
}

@media all and (max-width: 899px){
	.joinus {
		width: 90%;
		margin: 0 auto;
	}
}

@media all and (min-width: 700px) and (max-width: 1199px){
	.welcome img{
		width: 40%;
	}
}

@media all and (max-width: 700px) {
	.welcome img{
		width: 70%;
	}
}

@media all and (min-width: 436px) and (max-width: 510px) {
	.joinus .title-section p {
		font-size: 18px;
	}
}

@media all and (max-width: 435px) {
	.joinus .title-section p {
		font-size: 16px;
	}
}

@media all and (min-width:  1200px) {
	.team, .life, .advantage, .advantage-other{
		position: relative;
		width: 1020px;
		padding-left: 180px;
		margin: 0 auto;
		/*padding-bottom: 160px;*/
	}

	.team {
		height: 690px;
	}

	.team-show {
		position: absolute;
		top: 188px;
		left: 570px;
	}

	.life {
		height: 790px;
	}

	.advantage {
		height: 760px;
	}

	.advantage-other {
		width: 100%;
		padding-left: 0;
		height: 425px;
	}

	.life {
		background-image: url('../imgnew/imgs/employ_9.png');
		background-size: 545px auto;
		background-repeat: no-repeat;
		background-position: left 265px bottom 60px;
	}

	.life .life-bg {
		position: absolute;
		top: -40px;
		right: 135px;
		width: 90px;
	}

	.life .title-section {
		margin-bottom: 84px;
	}

	.life .title-section p{
		margin-top: 24px;
		font-weight: 200;
	}
	.life .life-left {
		position: absolute;
		left: -330px;
		top: 165px;
	}

	.life .life-right {
		float: right;
		margin-right: 120px;
	}
	.life .life-right .life-right-details {
		width: 425px;
		font-size: 16px;
		
		font-weight: 200;
		color: #ddd;
	}

	.life .life-right .life-right-details p {
		line-height: 25px;
	}

	.life .life-right .life-right-details p:first-child {
		padding-bottom: 25px;
	}

	.life .life-right-bottom {
		position: relative;
		margin-top: 250px;
		
		font-weight: 200;
		color: #f9d253;
	}

	.life .life-right-bottom::after {
		content: "";
		position: absolute;
		top: -30px;
		left: 0;
		width: 40px;
		height: 2px;
		background-color: #f9d253;
	}

	.advantage {
		background-image: url('../imgnew/imgs/employ_8.png');
		background-size: 340px auto;
		background-repeat: no-repeat;
		background-position: left 370px bottom -40px;
	}
	.advantage .advantage-left {
		margin-top: 58px;
		font-size: 16px;
		color: #ddd;
	}

	.advantage .advantage-left li{
		line-height: 35px;
		font-weight: 200;
	}
	.advantage .advantage-left-bottom {
		width: 325px;
		margin-top: 83px;
		line-height: 25px;
		font-size: 14px;
		font-weight: lighter;
	}

	.advantage .advantage-right {
		position: absolute;
		left: 660px;
		top: 0;
	}

	.advantage .advantage-right-bottom {
		position: relative;
		margin-top: 32px;
		width: 508px;
		height: 200px;
	}

	.advantage .advantage-right-bottom img {
		float: left;
		display: block;
		height: 200px;
		margin-right: 20px;
	}

	.advantage .advantage-right-bottom div{
		float: left;
		position: relative;
		
		font-size: 14px;
		line-height: 22px;
		font-weight: lighter;
		color: #f9d253;
		padding-top: 30px;
	}

	.advantage .advantage-right-bottom div::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 2px;
		background-color: #f9d253;
	}

	.advantage-other  img {
		position: absolute;
		right: 295px;
		display: block;
		height: 100%;
	}

	.advantage-other .advantage-other-right{
		position: absolute;
		right: 100px;
		bottom: 5px;
	}

	.advantage-other .advantage-other-right p{
		position: relative;
		
		width: 160px;
		font-size: 14px;
		line-height: 22px;
		font-weight: lighter;
		color: #f9d253;
		padding-top: 30px;
	}

	.advantage-other .advantage-other-right p::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 2px;
		background-color: #f9d253;
	}

}

@media all and (max-width: 1199px){

	body {
		background-size: auto 550px;
	}

	.title-section {
		text-align: center;
	}
	.welcome {
		width: 100%;
		padding: 260px 0 220px 0px;
		text-align: center;
	}

	.welcome-btn {
		margin: 0 auto;
	}
	.team{
		display: -webkit-box;
		display: -o-box;
		display: -moz-box;
		display: -ms-box;
		display: -webkit-flex;
		display: -o-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-ms-box-lines:multiple;
		box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 50px 0;
		-moz-justify-content: space-around;
		-o-justify-content: space-around;
		-webkit-justify-content: space-around;
		-ms-justify-content: space-around;
		justify-content: space-around;
	}

	.team, .life, .advantage, .advantage-other{
		position: relative;
		margin: 0 auto;
	}
	.team .title-section{
		width: 100%;
		text-align: center;
	}
	.team-list {
		width: 90px;
		padding: 0 20px 30px;
	}
	.team-show {
		margin-right: 20px;
	}
	.life {
		margin-top: 50px;
	}

	.life .life-bg {
		position: absolute;
		top: -40px;
		right: 135px;
		width: 90px;
	}

	.life .title-section {
		margin-bottom: 50px;
	}

	.life .title-section p{
		margin-top: 24px;
		font-weight: 200;
	}
	.life .life-left {
		display: block;
		width: 100%;
	}

	.life .life-right {
		margin: 0 auto;
		padding-top: 20px;
	}
	.life .life-right .life-right-details {
		max-width: 425px;
		padding: 0 20px;
		margin: 0 auto;
		font-size: 16px;
		
		font-weight: 200;
		color: #ddd;
	}

	.life .life-right .life-right-details p {
		line-height: 25px;
	}

	.life .life-right .life-right-details p:first-child {
		padding-bottom: 25px;
	}

	.life .life-right-bottom {
		width: 200px;
		position: relative;
		margin: 0 auto;
		margin-top: 80px;
		
		font-weight: 200;
		color: #f9d253;
	}

	.life .life-right-bottom::after {
		content: "";
		position: absolute;
		top: -30px;
		left: 0;
		width: 40px;
		height: 2px;
		background-color: #f9d253;
	}

	.advantage {
		clear: both;
		margin-top: 50px;
		padding-bottom: 50px;
	}

	.advantage {
		background-image: url('../imgnew/imgs/employ_8.png');
		background-size: 340px auto;
		background-repeat: no-repeat;
		background-position: left 370px bottom -40px;
	}
	.advantage .advantage-left {
		
		font-size: 16px;
		color: #ddd;
		width: 85%;
		margin: 0 auto;
		margin-top: 58px;
	}

	.advantage .advantage-left li{
		line-height: 35px;
		font-weight: 200;
	}
	.advantage .advantage-left-bottom {
		margin-top: 83px;
		line-height: 25px;
		font-size: 14px;
		font-weight: lighter;
		padding-right: 10px;
	}

	.advantage .advantage-right {
		margin-top: 20px;
	}
	.advantage .advantage-right > img{
		width: 100%;
	}

	.advantage .advantage-right-bottom {
		position: relative;
		margin-top: 32px;
		width: 100%;
		height: 200px;
	}

	.advantage .advantage-right-bottom img {
		float: left;
		display: block;
		height: 200px;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.advantage .advantage-right-bottom div{
		float: left;
		position: relative;
		
		font-size: 14px;
		line-height: 22px;
		font-weight: lighter;
		color: #f9d253;
		padding: 30px 0 30px 10px;
	}

	.advantage .advantage-right-bottom div::before{
		content: "";
		position: absolute;
		top: 0;
		left: 10px;
		width: 40px;
		height: 2px;
		background-color: #f9d253;
	}

	.advantage-other {
		width: 100%;
		padding-left: 0;
		width: 100%;
	}
	.advantage-other img{
		display: block;
		width: 100%;
	}

	.advantage-other .advantage-other-right{
		margin: 0 auto;
		margin-top: 20px;
	}

	.advantage-other .advantage-other-right p{
		position: relative;
		
		width: 160px;
		font-size: 14px;
		line-height: 22px;
		font-weight: lighter;
		color: #f9d253;
		padding-top: 30px;
		margin: 0 auto;
		margin-top: 20px;
	}

	.advantage-other .advantage-other-right p::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 2px;
		background-color: #f9d253;
	}
	.joinus {
		padding-top: 60px;
	}
	.joinus-job-details .heightcalc ul {
		padding-right: 20px;
	}
	.joinus-job-details .heightcalc ul li{
		text-indent: 0;
		padding-left: 20px;
	}
	.joinus-job-details {
		position: relative;
		width: 100% !important;
		height: 0;
		overflow: hidden;
		padding-left: 16px;
		color: #9f9e9e;
		box-sizing: border-box;
	}
}