/* ////////////////////////////////section-banner//////////////////////////// */
.banner {
	margin-top: 80px;
	height: 577px;
	background: url(../about/psq10gc8150ljwiv42vhrorft5q1ousoe943a45b-9f3d-48a4-9b40-3afa3c0dd836.jpg) 100% no-repeat;
}

.banner-title {
	text-shadow: 0px 14px 35px rgba(76, 76, 76, 0.23);
	font-size: 64px;

	font-weight: bold;
	color: #FFFFFF;
	line-height: 1;
	text-align: center;
	margin-top: -30px;
}

.banner-des {
	text-shadow: 0px 14px 35px rgba(76, 76, 76, 0.23);
	font-size: 42px;

	font-weight: 400;
	color: #FFFFFF;
	line-height: 1;
	text-align: center;
	margin-top: 40px;
}

/* ////////////////////////////////section-introduce//////////////////////////// */
.introduce {
	margin-top: 110px;
	padding-bottom: 85px;
}

.introduce-content {
	margin-top: 60px;
	font-size: 24px;

	font-weight: 400;
	color: #333333;
	line-height: 40px;
}

.introduce-content img {
	width: 100%
}

.introduce-content-txt-row .dot-yellow {
	margin-right: 15px;
	margin-top: 14px;
}

.introduce-content-txt-row+.introduce-content-txt-row {
	margin-top: 120px;
}



/* ////////////////////////////////section-vision//////////////////////////// */
.vision {
	padding-top: 95px;
	padding-bottom: 120px;
	background-color: #F5F5F5;
}

.vision-content {
	margin-top: 100px;
}

/* ////////////////////////////////section-value//////////////////////////// */
.value {
	padding-top: 110px;
	padding-bottom: 140px;
}

.value-content {
	margin-top: 130px;
}

.value-item {
	height: 212px;
	width: 212px;
	position: relative;
}

.value-item:before {
	content: "";
	position: absolute;
	height: 212px;
	background: url(../about/psgn4l8c1ny31ou5ofegu44yljmdhbhg8m3a8b1321-d07b-4372-9853-c173fb8bf99a.png) 100% no-repeat;
	width: 212px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.value-item:hover:before {
	-webkit-transform: translate(-50%, -50%) scale(1.05);
	transform: translate(-50%, -50%) scale(1.05);
}


.value-item-img {
	width: 181px;
	height: 180px;
}

.value-item-title {
	width: 60px;
	height: 29px;
	overflow-wrap: break-word;
	color: rgba(85, 85, 85, 1);
	font-size: 30px;
	font-family: MicrosoftYaHei;
	text-align: left;
	white-space: nowrap;
	line-height: 30px;
	display: block;
	margin-top: 27px;
}


/* ////////////////////////////////section-honor//////////////////////////// */
.honor {
	background: #F8F8F8;
	padding: 98px 0 70px;
}

.honor-content {
	margin-top: 75px;
}

.tab {
	height: 83px;
}

.tab-item {
	display: none;
	flex: 1;
	justify-content: center;
	align-items: center;
	background-color: #D9D9D9;
	font-size: 30px;
	color: #333;
}

.tab-item.active {
	display: flex;
	background: #FFF;
	border-top: 4px solid #FEC22C;
}

.tab-content {
	background-color: #FFF;
	font-size: 22px;
	font-weight: 400;
	color: #333333;
}

.tab-body {
	display: none;
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
}

.tab-body.active {
	display: block;
}

.honor-swiper-box {
	padding: 0 85px;
}

.honor-swiper-box,
.honor-swiper-box .swiper-container {
	height: 254px;
	margin-top: 53px;
	position: relative;
}

.honor-swiper .swiper-slide {
	width: 394px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.honor .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url(../about/arrow-left2.png);
	width: 30px;
	height: 55px;
	left: 20px;
}


.honor .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url(../about/arrow-right2.png);
	width: 30px;
	height: 55px;
	right: 20px;
}


/* ////////////////////////////////section-recruit//////////////////////////// */
.recruit {
	padding-top: 88px;
}

.recruit-content {
	position: relative;
	/* margin-top: 100px; */
	padding: 100px 0 260px;
}

.recruit-part {
	position: absolute;
	width: 496px;
	height: 240px;
	padding: 40px 38px;
	text-align: right;
}

.recruit-part-index {
	font-size: 88px;
	/*  */
	font-weight: bold;
	color: #FEC22C;
	position: absolute;
	left: 50px;
	top: -35px;
	line-height: 1;
	display: none;
}

.recruit-part-title {
	font-size: 28px;

	font-weight: 400;
	color: #333333;
	line-height: 1;
}

.recruit-part-des {
	font-size: 20px;

	font-weight: 400;
	color: #666666;
	line-height: 34px;
	margin-top: 35px;
}

.recruit-part-img {
	width: 462px;
	height: 462px;
}

.recruit-part.active .recruit-part-index {
	display: block;
}

.recruit-part.active {
	background: #FFFFFF;
	box-shadow: 0px 2px 14px 0px rgba(210, 210, 210, 0.61);
	border-bottom: 4px solid #FEC22C;
}

.recruit-part1 {
	left: -40px;
}

.recruit-part2 {
	right: -50px;
	top: 220px;
	text-align: left;
}

.recruit-part2 .recruit-part-index {
	left: inherit;
	right: 50px;
	top: -32px;
}

.recruit-part3 {
	bottom: 50px;
	left: 220px;
}


/* ////////////////////////////////section-join//////////////////////////// */

.join {
	padding-top: 20px;
	padding-bottom: 80px;
}

.join-content {
	margin-top: 130px;
}

.join-item {
	border-bottom: 1px solid #666666;
	padding-bottom: 20px;
}

.join-name {
	font-size: 30px;

	font-weight: 400;
	color: #333333;
	line-height: 1;
}

.join-intro {
	font-size: 22px;

	font-weight: 400;
	color: #666666;
	line-height: 1;
	margin-top: 20px;
}
