/* 首屏内容 */
.xdd-banner {
	background: url('../images/about-banner-bg.jpg') no-repeat center center;
	background-size: 100% 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-left: 150px;
	height: 880px;
}

.banner-info h1 {
	font-size: 49px;
	font-weight: 600;
	text-align: left;
	color: #333333;
	display: flex;
	align-items: center;
}

.banner-info h2 {
	font-size: 25px;
	font-weight: 600;
	text-align: left;
	color: #313541;
}

.banner-info h3 {
	width: 650px;
	font-size: 20px;
	font-weight: 400;
	text-align: left;
	color: #5b6782;
	line-height: 30px;
	/*letter-spacing: 3px;*/
}


/* 关于我们 */
.xdd-abount {
	margin-top: -150px;
}
.abount-info {
	background: #FFFFFF url('../images/abount-info-bg.png') no-repeat center center;
	background-size: 100% 100%;
	border: 2px solid #ffffff;
	border-radius: 5px;
	box-shadow: 6px 6px 20px 0px rgba(10, 57, 118, 0.10);
	padding: 32px;
	display: flex;
}

.abount-info img {
	width: 407px;
	height: 230px;
	border-radius: 6px;
}

.abount-info h3 {
	font-size: 20px;
	font-weight: 400;
	text-align: left;
	color: #5b6782;
	line-height: 30px;
	letter-spacing: 4px;
	margin-left: 40px;
	flex: 1;
}

.abount-culture h1 {
	font-size: 38px;
	font-weight: 500;
	text-align: center;
	color: #333333;
}

.abount-culture-content {
	margin-top: 60px;
}

.abount-culture-content-item {
	width: 14%;
	height: 440px;
	transition: all .7s ease 0s;
}

.abount-culture-content-item.img1 {
	width: 58%;
	background: url(../images/abount-culture-img1.jpg) no-repeat center center;
}

.abount-culture-content-item.img2 {
	background: url(../images/abount-culture-img2.jpg) no-repeat center center;
}

.abount-culture-content-item.img3 {
	background: url(../images/abount-culture-img3.jpg) no-repeat center center;
}

.abount-culture-content-item.img4 {
	background: url(../images/abount-culture-img4.jpg) no-repeat center center;
}

.abount-culture-content-item-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 82px;
	background: rgba(0, 0, 0, 0.32);
	padding: 13px 32px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	transition: all 1s ease;
}

.abount-culture-content-item-info.active {
	display: block;
}

.abount-culture-content-item-info h4 {
	font-size: 20px;
	font-weight: 600;
	text-align: left;
	color: #ffffff;
	line-height: 30px;
	letter-spacing: 4px;
	margin: 0;
}


.abount-culture-content-item-info p {
	display: none;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	color: #ffffff;
	line-height: 30px;
	letter-spacing: 2.8px;
	margin: 0;
	transition: all 1s ease;
}

.abount-culture-content-item-info.active p {
	display: block;
}


.abount-authentication h1 {
	font-size: 38px;
	font-weight: 500;
	text-align: center;
	color: #333333;
	margin-left: 15px;
}

.abount-authentication-content {
	padding: 32px 42px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	background: linear-gradient(0deg,#ffffff, #f4f6f8);
	border: 2px solid #ffffff;
	border-radius: 4px;
	box-shadow: 6px 6px 18px 0px rgba(10,57,118,0.10); 
}

.abount-authentication-content-item {
	background: linear-gradient(0deg,#ffffff, #f4f6f8);
	border: 2px solid #ffffff;
	border-radius: 4px;
	box-shadow: 6px 6px 18px 0px rgba(10,57,118,0.10); 
	padding: 11px 6px;
	width: 15%;
	position: relative;
	cursor: zoom-in;
}
.abount-authentication-content-item img {
	width: 100%;
	height: 100%;
}

.abount-authentication-content-item::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: url(../images/abount-authentication-icon.png) no-repeat center center;
	background-size: 100% 100%;
}

.abount-authentication-content-item.big {
	width: 32%;
}

.swiper-wrapper {
	align-items: center;
}
.swiper-slide {
	width: 30%;
	height: 400px;
	display: flex;
	justify-content: center;
}

.swiper-slide.swiper-slide-active {
	/* width: 65% !important; */
	height: 550px;
}

.swiper .swiper-button-prev {
	left: 23%;
	color: #3874FF;
	font-weight: 900;
}

.swiper .swiper-button-next {
	right: 23%;
	color: #3874FF;
	font-weight: 900;
}

.swiper .swiper-pagination-bullet {
	width: 43px;
	height: 5px;
	background: #FFFFFF;
	border-radius: 3px;
}

.swiper .swiper-pagination-bullet-active {
	background: #3874FF;
}

@media (max-width: 1680px) {
	.abount-info, .abount-culture, .abount-authentication, .Preview-content {
		width: 86% !important;
	}
}

@media (max-width: 1360px) {
	.abount-info, .abount-culture, .abount-authentication, .Preview-content {
		width: 90% !important;
	}
	
}



/* 手机端 */

@media (max-width: 750px) {

	/* 首屏内容 */

	.xdd-banner {
		height: 250px !important;
		background: url(../images/mobile-abount-banner-bg.png) no-repeat center center !important;
		background-size: 100% 100% !important;
		position: relative;
		margin-top: 30px;
		padding-left: 30px;
	}

	.banner-info h1, .banner-info h1 > span {
		font-size: 20px !important;
		font-weight: 600;
		text-align: left;
		color: #333333;
		letter-spacing: 2px;
	}

	.banner-info .nav-apply-btn {
		display: inline-block !important;
		margin-top: 5px;
		width: 120px;
		height: 36px;
		line-height: 36px;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		color: #ffffff;
		padding: 0 20px;
	}
	.banner-info h2, .banner-info h3 {
		display: none;
	}
	
	/* 关于我们 */
	.abount-info {
		margin-top: 0;
		padding: 12px;
		width: 100% !important;
	}
	
	.abount-info img{
		width: 150px;
		height: 110px;
	}
	
	.abount-info h3{
		font-size: 13px;
		font-family: .PingFang SC, .PingFang SC-Regular;
		font-weight: 400;
		text-align: left;
		color: #5b6782;
		line-height: 20px;
		letter-spacing: 1.3px;
		margin-left: 10px;
	}
	.abount-culture {
		margin-top: 20px !important;
		width: 100% !important;
	}
	.abount-culture h1{
		font-size: 20px;
		font-family: .PingFang SC, .PingFang SC-Semibold;
		font-weight: 600;
		text-align: center;
		color: #333333;
	}
	
	.abount-culture-content {
		display: none !important;
	}
	
	.abount-mobile-culture-content {
		display: flex !important;
		margin-top: 20px;
	}
	
	.abount-mobile-culture-content-item {
		width: 47% !important;
		border-radius: 4px;
		position: relative;
		margin-bottom: 20px;
	}
	.abount-mobile-culture-content-item > div{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 45px;
		padding: 10px 20px;
	}
	.abount-mobile-culture-content-item img{
		width: 100%;
		border-radius: 5px;
	}
	.abount-mobile-culture-content-item h4{
		width: 100%;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		color: #ffffff;
		line-height: 30px;
		letter-spacing: 3.2px;
	}
	.abount-mobile-culture-content-item p{
		width: 100%;
		font-size: 13px;
		font-weight: 300;
		text-align: center;
		color: #ffffff;
		line-height: 18px;
		letter-spacing: 2.6px;
	}
	
	.abount-authentication {
		width: 100% !important;
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	
	.abount-authentication h1{
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		color: #333333;
	}
	
	.abount-authentication-content {
		margin-top: 10px !important;
		display: flex;
		padding: 0;
		margin-bottom: 10px;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.abount-authentication-content-item {
		width: 47% !important;
		margin-bottom: 10px;
	}
	.abount-authentication-content-item.big {
		width: 96% !important;
	}

}