/* 分页 */
@media (max-width: 991.98px) {
	.dataTables_wrapper {
		display: none;
	}
}

/* 横幅 */
@media (max-width: 991.98px) {
	.banner {
		height: 3.4rem;
		padding-top: 1.24rem;
		margin-left: auto;
		margin-right: auto;
		background-image: url(../images/m-joinus-banner.jpg);
		background-size: cover;
	}

	.banner h2 {
		text-align: center;
		line-height: 1.5;
		color: #fff;
		margin-bottom: 0;
	}

	.banner strong {
		display: block;
		font-size: 30px;
		font-weight: normal;
	}

	.banner small {
		display: block;
		font-size: 12px;
		text-transform: capitalize;
	}
}

@media (min-width: 992px) {
	.banner {
		height: 340px;
		max-width: 1920px;
		padding-top: 124px;
		background-image: url(../images/pc-joinus-banner.jpg);
		background-position: center 0;
		margin-left: auto;
		margin-right: auto;
	}

	.banner h2 {
		text-align: center;
		line-height: 1.5;
		color: #fff;
		margin-bottom: 0;
	}

	.banner strong {
		display: block;
		font-size: 60px;
		font-weight: normal;
	}

	.banner small {
		display: block;
		font-size: 24px;
		text-transform: capitalize;
	}
}

/* 页面主体 */
@media (max-width: 991.98px) {
	.page-main .section {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.page-main .section__title {
		text-align: center;
		color: #333333;
		line-height: 1.5;
		margin-bottom: 16px;
	}

	.page-main .section__title strong {
		display: block;
		font-size: 16px;
		font-weight: normal;
	}

	.page-main .section__title small {
		display: block;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: normal;
        color: #bdbdbd;
	}
}

@media (min-width: 992px) {
	.page-main .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.page-main .section__title {
		text-align: center;
		color: #333333;
		line-height: 1.5;
		margin-bottom: 32px;
	}

	.page-main .section__title strong {
		display: block;
		font-size: 22px;
		font-weight: normal;
	}

	.page-main .section__title small {
		display: block;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: normal;
        color: #bdbdbd;
	}
}

/* 页面主体 - 社会招聘 */
@media (max-width: 991.98px) {
	.social-recruitment {
		background-color: #F8F8F8;
	}

	.social-recruitment .card {
		background-color: #FFFFFF;
	}

	.social-recruitment .card:not(:first-child) {
		margin-top: 10px;
	}

	.social-recruitment .card-header {
		position: relative;
		padding: 12px 120px 12px 12px;
		cursor: pointer;
	}

	.social-recruitment .card-header::after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 4px;
		height: 0;
		background-color: #2d63bb;
		transition: height 0.35s ease;
	}

	.social-recruitment .card--open .card-header::after {
		height: 100%;
	}

	.social-recruitment .card-header__button-toggle {
		position: absolute;
		top: 12px;
		right: 12px;
		color: #828282;
		font-size: 12px;
		line-height: 20px;
	}

	.social-recruitment .card-header__heading {
		font-size: 16px;
		margin-bottom: 2px;
		transition: color 0.35s ease;
		line-height: 24px;
		height: 24px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.social-recruitment .card--open .card-header__heading {
		color: #2d63bb;
	}

	.social-recruitment .card-header__description {
		font-size: 12px;
		color: #828282;
		line-height: 20px;
		height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.social-recruitment .card-body {
		padding: 20px;
		border-top: 2px solid #F8F8F8;
		font-size: 14px;
		line-height: 1.5;
	}

	.social-recruitment .card-body dl {
		margin-bottom: 0;
	}

	.social-recruitment .card-body dl:not(:first-child) {
		margin-top: 48px;
	}

	.social-recruitment .card-body dt,
	.social-recruitment .card-body dd {
		margin-bottom: 16px;
	}

	.social-recruitment .load-move {
		font-size: 14px;
		color: #666;
		text-align: center;
		line-height: 40px;
	}

	.social-recruitment .loading {
		display: inline-block;
		height: 14px;
		width: 14px;
		border-radius: 100%;
		margin: 13px 6px;
		border: 2px solid #666;
		border-bottom-color: transparent;
		vertical-align: middle;
		-webkit-animation: rotate 0.75s linear infinite;
		animation: rotate 0.75s linear infinite;
	}

	@-webkit-keyframes rotate {
		0% {
			-webkit-transform: rotate(0deg);
		}

		50% {
			-webkit-transform: rotate(180deg);
		}

		100% {
			-webkit-transform: rotate(360deg);
		}
	}

	@keyframes rotate {
		0% {
			transform: rotate(0deg);
		}

		50% {
			transform: rotate(180deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}
}

@media (min-width: 992px) {
	.social-recruitment {
		background-color: #F8F8F8;
	}

	.social-recruitment .card {
		background-color: #FFFFFF;
	}

	.social-recruitment .card:not(:first-child) {
		margin-top: 20px;
	}

	.social-recruitment .card-header {
		position: relative;
		padding: 20px 120px 20px 32px;
		cursor: pointer;
	}

	.social-recruitment .card-header::after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 8px;
		height: 0;
		background-color: #2d63bb;
		transition: height 0.35s ease;
	}

	.social-recruitment .card--open .card-header::after {
		height: 100%;
	}

	.social-recruitment .card-header__button-toggle {
		position: absolute;
		top: 50%;
		right: 32px;
		color: #828282;
		font-size: 16px;
		line-height: 24px;
		margin-top: -12px;
	}

	.social-recruitment .card-header__heading {
		font-size: 20px;
		margin-bottom: 4px;
		transition: color 0.35s ease;
		line-height: 30px;
		height: 30px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.social-recruitment .card--open .card-header__heading {
		color: #2d63bb;
	}

	.social-recruitment .card-header__description {
		font-size: 16px;
		color: #828282;
		line-height: 24px;
		height: 24px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.social-recruitment .card-body {
		padding: 32px 48px;
		border-top: 2px solid #F8F8F8;
		font-size: 14px;
		line-height: 1.5;
	}

	.social-recruitment .card-body dl {
		margin-bottom: 0;
	}

	.social-recruitment .card-body dl:not(:first-child) {
		margin-top: 48px;
	}

	.social-recruitment .card-body dt,
	.social-recruitment .card-body dd {
		margin-bottom: 16px;
	}
}

/* 页面主体 - 薪资福利 */
@media (max-width: 991.98px) {
	.salary-welfare {
		background-color: #FFFFFF;
	}

	.salary-welfare .content {}

	.salary-welfare .content ol {
		padding-left: 24px;
		margin-bottom: 0;
	}

	.salary-welfare .content li {
		font-size: 14px;
		line-height: 1.8;
	}
}

@media (min-width: 992px) {
	.salary-welfare {
		background-color: #FFFFFF;
	}

	.salary-welfare .content ol {
		padding-left: 40px;
		margin-bottom: 0;
	}

	.salary-welfare .content li {
		font-size: 16px;
		line-height: 38px;
		padding-left: 20px;
	}
}

/* 页面主体 - 团队风采 */
@media (max-width: 991.98px) {
	.team-styles {
		background-color: #f8f8f8;
	}

	.team-styles .content figure {
		margin-bottom: 20px;
	}

	.team-styles .content .image-wrap {
		position: relative;
		width: 100%;
		font-size: 0;
		line-height: 0;
		overflow: hidden;
	}

	.team-styles .content .image-wrap::before {
		display: block;
		content: "";
		padding-top: 56.25%;
	}

	.team-styles .content .image-wrap img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.team-styles .content figcaption {
		font-size: 14px;
		line-height: 24px;
		margin-top: 4px;
	}
}

@media (min-width: 992px) {
	.team-styles {
		background-color: #f8f8f8;
	}

	.team-styles .content figure {
		margin-bottom: 20px;
	}

	.team-styles .content .image-wrap {
		position: relative;
		width: 100%;
		font-size: 0;
		line-height: 0;
		overflow: hidden;
	}

	.team-styles .content .image-wrap::before {
		display: block;
		content: "";
		padding-top: 56.25%;
	}

	.team-styles .content .image-wrap img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.team-styles .content figcaption {
		font-size: 16px;
		line-height: 28px;
		margin-top: 8px;
	}
}