.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: "";
    width: 0;
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pcpagenav {
	padding: 24px 0;
	background: #fff;
}

.pcpagenav .pcpagenavitem {
	font-size: 16px;
	color: #108ccf;
	line-height: 1.6;
	padding-bottom: 0.2rem;
	display: inline-block;
	margin-right: 4%;
	;
	transition: .4s;
	-webkit-transition: .4s;
	border-bottom: 2px solid;
	border-bottom-color: transparent
}

.pcpagenav .pcpagenavitem.cur,
.pcpagenav .pcpagenavitem:hover {
	color: #f3a91e;
	border-bottom-color: #f3a91e
}


.pagenav {
	width: 100%;
	height: 66px;
	background-color: #f0f1f3;
	display: none
}

.pagenav a {
	padding: 0 2.5vw;
	display: block;
	line-height: 61px;
	color: #666;
	box-sizing: border-box;
	;
	border-top: 5px solid transparent
}

.pagenav .cur {
	height: 66px
}

.pagenav .cur a {
	background-color: #fff;
	color: #f3a91e;
	border-top: 5px solid #409f03
}

.pagenav .pagenavname {
	display: none
}

@media (max-width:1004px) {
	.pagenav {
		background-color: #108ccf;
		position: relative;
		padding: 0 15px;
		box-sizing: border-box
	}

	.pagenav,
	.pagenav .cur {
		display: block;
		height: 48px
	}

	.pagenav .pagenavname {
		display: block;
		color: #fff;
		font-size: 16px;
		line-height: 48px;
		position: relative
	}

	.pagenav .pagenavname:after {
		content: "";
		width: 2px;
		height: 14px;
		background-color: #fff;
		position: absolute;
		top: 50%;
		right: 21.5px;
		margin-top: -7px;
		transition: .4s;
		-webkit-transition: .4s
	}

	.pagenav .pagenavname:before {
		content: "";
		width: 14px;
		height: 2px;
		background-color: #fff;
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -1px
	}

	.pagenav .pagenavname.cur:after {
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg)
	}

	.pagenav .pagenavitems {
		width: 100%;
		display: none;
		background-color: #fff;
		z-index: 18;
		position: absolute;
		top: 48px;
		left: 0;
		box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
		height: auto
	}

	.pagenav .paganavlist {
		width: 100%;
		float: none;
		border-bottom: 1px solid #ddd;
		padding: 0 15px;
		z-index: 18
	}

	.pagenav .paganavlist.cur {
		height: 40px
	}

	.pagenav .paganavlist a {
		width: 100%;
		line-height: 40px;
		font-size: 14px;
	}

	.pagenav .paganavlist.cur a {
		line-height: 39px;
		border-top: none
	}

	.pcpagenav {
		display: none
	}
}



.recuitbox {
	padding: 24px 0;
	background-color: #fafafa
}

.recuitbox .recuittop {
	background-color: #fff;
	border: 1px solid #f5f5f5;
	z-index: 1
}

.recuitbox .recuitscreentop {
	width: 33.333333%;
	height: 70px;
	cursor: pointer;
	z-index: 1;
	border-right: 1px solid #f5f5f5;
	box-sizing: border-box;
	position: relative;
	padding: 0 .5rem
}

.recuitbox .recuitscreentop.cur {
	z-index: 19
}

.recuitbox .recuitscreentop:nth-last-of-type(1) {
	border-right: none
}

.recuitbox .recuitscreentop .box {
	width: 100%;
	max-height: 200px;
	padding: 20px 0;
	overflow-y: auto;
	z-index: 22;
	background-color: #fff;
	border: 1px solid #f5f5f5;
	border-top: none;
	box-sizing: border-box;
	position: absolute;
	top: 70px;
	left: 0;
	display: none;
	box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.04)
}

.recuitbox .recuitscreentop .recuitStopname,
.recuitbox .recuitscreentop .text {
	color: #999;
	font-size: 14px;
	line-height: 70px
}

.recuitbox .recuitscreentop.cur .icon {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg)
}

.recuitbox .recuitscreentop .icon {
	margin-top: 26px;
	margin-left: .2rem;
	transition: .4s;
	-webkit-transition: .4s
}

.recuitbox .recuitscreentop .box .list {
	width: 100%;
	padding: 0 40px;
	box-sizing: border-box;
	cursor: pointer;
	line-height: 40px;
	font-size: 14px;
	color: #999
}

.recuitbox .recuitscreentop .box .list:hover {
	color: #f3a91e
}

.recuitbox .recuitscreentop .box input {
	width: 86%;
	height: 44px;
	border: 1px solid #f5f5f5;
	border-radius: 6px;
	margin: 15px 6.5%;
	font-size: 16px;
	color: #333;
	padding: 0 15px;
	box-sizing: border-box
}

.recuititem {
	width: 31.1%;
	margin-right: 3.35%;
	/*height: 5.4rem;*/
	padding: 32px;
	box-sizing: border-box;
	margin-bottom: 60px;
	background-color: #f6f6f6;
	transition: .4s;
	-webkit-transition: .4s
}

.recuititem:nth-of-type(3n) {
	margin-right: 0
}

.recuititem .title {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	padding-top:0;
	overflow:hidden; /*//超出的文本暗藏*/
  	text-overflow:ellipsis; /*//用省略号显示*/
  	white-space:nowrap; /*//不换行*/
}

.recuititem .line {
	width: 21px;
	height: 3px;
	background-color: rgba(0, 0, 0, 0.6);
	margin: 24px 0
}

.recuititem .list {
	color: #666;
	font-size: 14px;
	line-height: 2.4
}

.recuititem .more {
	width: 100%;
	height: 55px;
	background-color: #fff;
	text-align: center;
	line-height: 55px;
	color: #25252a;
	font-size: 14px;
	margin-top: 20px;
	cursor: pointer;
	transition: .4s;
	-webkit-transition: .4s
}

.recuititem:hover {
	background-color: #fff;
	transform: translateY(-6px);
	-webkit-transform: translateY(-6px);
	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08)
}

.recuititem:hover .more {
	background-color: #f3a91e;
	color: #fff
}

.recuititems {
	margin-top: 25px
}

.recreitalertbox {
	width: 1200px;
	height: 80%;
	max-height: 600px;
	background-color: #fff;
	position: absolute;
	top: 10%;
	left: 100%;
	margin-left: -600px;
	z-index: 9999;
	transition: .4s;
	-webkit-transition: .4s
}

.recreitalertbox.cur {
	left: 50%
}

/*.recreitalertbox .swiper-container {
	width: 100%;
	height: 100%;
	padding: 90px 100px 0 100px;
	box-sizing: border-box
}

.recreitalertbox .swiper-slide {
	height: auto
}*/
.recreitalertbox .recreitalertbox-centant {
	width: 100%;
	height: 100%;
	padding: 90px 100px 0 100px;
	box-sizing: border-box;
	overflow: auto;

	scrollbar-width: thin; /* 滚动条宽度：thin细 / auto默认 / none暗藏 */
  	scrollbar-color: #f3a91e #f5f5f5; /* 滑块色彩  轨路色彩 */
}

/* ? WebKit 内核（Chrome/Edge/移动端）弹窗专属滚动条 */
/* 1. 滚动条整体宽度 */
.recreitalertbox .recreitalertbox-centant::-webkit-scrollbar {
  width: 20px; /* 垂直滚动条宽度 */
  height: 2px; /* 水平滚动条高度 */
}

/* 2. 滚动条轨路（布景槽） */
.recreitalertbox .recreitalertbox-centant::-webkit-scrollbar-track {
  background: #f5f5f5; /* 轨路布景致 */
  border-radius: 3px;  /* 轨路圆角 */
}

/* 3. 滚动条滑块（可拖动的主题部门） */
.recreitalertbox .recreitalertbox-centant::-webkit-scrollbar-thumb {
  background: #f3a91e;    /* 滑块默认色彩 */
  border-radius: 3px;  /* 滑块圆角（做成椭圆好看） */
}

/* 4. 滑块 hover 成效（交互优化） */
.recreitalertbox .recreitalertbox-centant::-webkit-scrollbar-thumb:hover {
  background: #999;    /* 鼠标悬浮时滑块变深 */
}

.recreitalertbox .topname {
	color: #231e37;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.2
}

.recreitalertbox .close {
	margin-top: 8px;
	cursor: pointer
}

.recreitalertbox .other {
	margin-top: 20px;
	padding-bottom: 32px;
	border-bottom: 1px solid #f2f2f2
}

.recreitalertbox .other .otherlist {
	margin-right: 32px;
}

.recreitalertbox .other .name,
.recreitalertbox .other .text {
	font-size: 14px;
	color: #999
}

.recreitalertbox .textbox {
	padding-top: 24px;
}

.recreitalertbox .textbox .textboxlist {
	margin-bottom: 24px;
}

.recreitalertbox .textbox .textboxlist .name {
	color: #333;
	font-size: 14px;
	font-weight: bold
}

.recreitalertbox .textbox .textboxlist .textcontent
,.recreitalertbox .textbox .textboxlist .textcontent * {
	margin-top: 20px;
	font-size: 14px;
    color: #999;
    line-height: 30px;
}

.recreitalert {
	display: none
}

.recreitalert.cur {
	display: block
}

.recreitalertbox .swiper-container-vertical>.swiper-scrollbar {
	top: 0;
	right: 0;
	width: 4px;
	height: 100%;
	background-color: #e5e5e5
}

.recreitalertbox .swiper-container-vertical>.swiper-scrollbar .swiper-scrollbar-drag {
	background-color: #f3a91e
}

.loading {
	font-family: "din";
	text-align: center;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.2);
	padding-bottom: 1.2rem;
	padding-top: .2rem;
	display: none
}

.alert {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999
}

.bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 999
}

@media (max-width:1366px) {
	.recuititem {
		padding: .5rem
	}

	.recuititem .line {
		margin: .18rem 0 .2rem
	}

	.recuititem .list {
		line-height: 2
	}

	.recuititem .title {
		font-size: 22px
	}

	.recuititem .more {
		height: 48px;
		line-height: 48px
	}

	.recreitalertbox {
		width: 86%;
		margin-left: -43%
	}
}

@media (max-width:1004px) {
	.recuititem {
		width: 48%;
		margin-right: 4%;
		padding: .4rem
	}

	.recuititem:nth-of-type(3n) {
		margin-right: 4%
	}

	.recuititem:nth-of-type(2n) {
		margin-right: 0
	}

	.recreitalertbox {
		width: 92%;
		margin-left: -46%
	}

	.recreitalertbox .swiper-container {
		padding: 35px;
	}

	.recreitalertbox .topname {
		font-size: 22px
	}
}

@media (max-width:768px) {
	.recuititem {
		width: 100%;
		height: auto;
		margin-right: 0;
		padding: 40px;
		margin-bottom: 15px
	}

	.recuititem:nth-of-type(3n) {
		margin-right: 0
	}

	.recuitbox .recuitscreentop {
		width: 100%;
		height: 58px;
		border-bottom: 1px solid #f5f5f5;
		padding: 0 30px
	}

	.recuitbox .recuitscreentop .box {
		top: 58px;
		max-height: 300px
	}

	.recuitbox .recuitscreentop:nth-last-of-type(1) {
		border-bottom: none
	}

	.recuitbox .recuitscreentop .recuitStopname,
	.recuitbox .recuitscreentop .text {
		line-height: 58px
	}

	.recuitbox .recuitscreentop .icon {
		margin-top: 21px
	}

	.recuititem .title {
		font-size: 18px
	}

	.recuititem .list {
		line-height: 1.8
	}
}<!--耗时1787061682.13秒-->