.culture{
	padding: 100px 0;
}
.culture .content .txtBox{
	float: right;
	width: 60%;
	padding-top: 25px;
}
.culture .content .txtBox .cusTitle{
	margin-bottom: 25px;
	text-align: left;
}
.culture .content .txtBox .p{
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 30px;
}
.culture .content .img{
	float: left;
	width: 32.8%;
}

.recruit{
	padding: 0 0 150px;
	background: linear-gradient(to bottom,#f0f6f6,#f9fcfc,#fbfdfd,#fff,#fff);
}
.recruit .recruitInfo{
	border-bottom: 1px solid #eee;
}
.recruitInfo .content .txtBox{
	float: left;
	width: 60%;
	padding: 55px 0;
}
.recruitInfo .content .txtBox .cusTitle{
	margin-bottom: 25px;
	text-align: left;
}
.recruitInfo .content .txtBox .p{
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 30px;
}
.recruitInfo .content .img{
	float: right;
	width: 32.8%;
	margin: 90px 0;
}
.recruitList>li{
	padding: 35px 0 0;
	border-bottom: 1px solid #eee;
	position: relative;
	background: url(../images/icon/bgRecruit.png) no-repeat right top;
}
.recruitList .showDetailBtn{
	width: 24px;
	height: 20px;
	background: #03d4dd;
	border-radius: 3px;
	cursor: pointer;
	position: absolute;
	top: 35px;
	right: 0;
}
.recruitList .showDetailBtn:hover{
	opacity: 0.8;
}
.recruitList .showDetailBtn::before,
.recruitList .showDetailBtn::after{
	content: "";
	display: block;
	width: 2px;
	height: 7px;
	background: #fff;
	position: absolute;
	top: 7px;
}
.recruitList .showDetailBtn::before{
	left: 9px;
	transform: rotate(-45deg);
}
.recruitList .showDetailBtn::after{
	right: 9px;
	transform: rotate(45deg);
}
.recruitList .showDetailBtnOpen::before{
	top: 6px;
	transform: rotate(45deg);
}
.recruitList .showDetailBtnOpen::after{
	top: 6px;
	transform: rotate(-45deg);
}
.recruitList .title{
	font-size: 22px;
	color: #000;
	margin-bottom: 15px;
	padding-right: 30px;
}
.recruitList .info1{
	padding-bottom: 30px;
	font-size: 16px;
}
.recruitList .info1 .item{
	display: inline-block;
	margin-right: 65px;
}
.recruitList .info1 .item .attr{
	color: #999;
}
.recruitList .detailContent{
	display: none;
}
.detailContent .info2{
	padding: 10px 0 20px;
}
.detailContent .info2 .h4,
.detailContent .info2 .p{
	font-size: 16px;
	line-height: 28px;
}
.detailContent .info2 .h4{
	margin-bottom: 5px;
}
.detailContent .btnBox{
	padding: 35px 0 40px;
	text-align: center;
}
.detailContent .btnBox .btn{
	display: inline-block;
	height:50px;
	line-height: 50px;
	border-radius: 50px;
	padding: 0 40px;
	font-size: 16px;
	color: #fff;
	background: #00d3dd;
}
.detailContent .btnBox .btn:hover{
	opacity: 0.8;
}

.popup{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.49);
	display: none;
}
.popup .popupM{
	width: 500px;
	max-width: 90%;
	max-height: 90%;
	min-height: 100px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	padding-top: 60px;
	border-radius: 10px;
	display: flex;
}
.popupM .popupTitle{
	padding: 30px 20px 0;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.popupM .iconPopupClose{
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 22px;
	position: absolute;
	top: 20px;
	right: 30px;
	z-index: 9;
	cursor: pointer;
}
.popupM .iconPopupClose:hover{
	opacity: 0.8;
}
.popupM .iconPopupClose::before,
.popupM .iconPopupClose::after{
	content: '';
	display: block;
	width: 2px;
	height: 30px;
	background: #00d3dd;
	position: absolute;
	left: 10px;
	top: 5px;
}
.popupM .iconPopupClose::before{
	transform: rotate(45deg);
}
.popupM .iconPopupClose::after{
	transform: rotate(-45deg);
}
.popup .popupContent{
	overflow: auto;
	border-radius: 10px;
	width: 100%;
}
.applyContent{
	padding: 20px 30px 30px;
}
.applyContent .formItem{
	margin-bottom:15px;
	padding-left: 50px;
	position: relative;
}
.formItem .attr{
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 36px;
	line-height: 36px;
	text-align: right;
}
.formItem .content .cusInput{
	border:none;
	outline: none;
	background: #f9f9f9;
	width:100%;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
}
.applyContent .btnItem{
	text-align: center;
	padding-top: 10px;
}
.applyContent .btnItem .btn{
	width: 100px;
	height: 36px;
	line-height: 36px;
	border:none;
	outline: none;
	color: #fff;
	background: #00d3dd;
	cursor: pointer;
}
.applyContent .btnItem .btn:hover{
	opacity: 0.8;
}
.applyContent .fileForm{
	position: relative;
}
.fileForm .fileInput{
	display: none;
}
.fileForm .fileInputTxt{
	padding-right: 60px;
}
.fileForm .fileChoose{
	width: 60px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.fileForm .fileChoose:hover{
	opacity: 0.8;
}
.fileForm .fileChoose::before{
	content: '';
	display: block;
	width: 1px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 11px;
	background: #e8eaea;
}

@media screen and (max-width:800px) {
	.culture{
		padding: 30px 0;
	}
	.recruit{
		padding: 0 0 50px;
	}
	.recruitInfo{
		padding: 30px 0 0;
	}
	.culture .content .img,
	.culture .content .txtBox,
	.recruitInfo .content .img,
	.recruitInfo .content .txtBox{
		float: none;
		width: 100%;
		padding: 0;
	}
	.recruitInfo .content .img{
		margin: 0;
	}
	.culture .content .txtBox .cusTitle,
	.recruitInfo .content .txtBox .cusTitle{
		text-align: center;
		margin-bottom: 15px;
	}
	.aboutInfo1 .content .h4{
		font-size: 22px;
		margin-bottom: 15px;
	}
	.culture .content .txtBox .p,
	.recruitInfo .content .txtBox .p{
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 15px;
	}
	.recruitList .info1{
		padding-bottom: 20px;
	}
	.recruitList .info1 .item{
		margin: 0 20px 10px 0;
	}
	.detailContent .info2 .h4,
	.detailContent .info2 .p{
		font-size: 14px;
    line-height: 22px;
	}
}

@media screen and (max-width:640px) {
	.recruitList .title{
		font-size: 18px;
	}
}