/* ----------------------------------------公共部分---------------------------------------- */

.banner-p {
	width: 100%;
	font-size: 2.125rem;
}

/*---------------------------- 一段话----------------------- */
.paragraph {
	width: 85rem;
	/* width: 1360px; */
	height: auto;
	margin: 3.75rem auto 5rem;
	/* margin: 60px auto 80px; */
	text-align: center;
	font-size: 1.25rem;
	/* font-size: 20px; */
	font-family: 'SourceHanSansCN-Regular';
	color: #333333;
}

/*---------------------------- 导航菜单----------------------- */

.about-navigation {
	width: 100rem;
	margin: 0 auto;
	padding-bottom: 4.375rem;
}

.about-navigation-ul {
	width: auto;
	height: 4.25rem;
	line-height: 4.25rem;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: center;
}

.about-navigation-li1 {
	width: 20.625rem;
	list-style: none;
	display: inline-block;
	font-size: 1.625rem;
	font-family: 'SourceHanSansCN-Medium';
	background-color: #ebf9ff;
	border-right: 0.5px solid #ffffff;
	color: #0781c5;
	padding: 0 0.25rem;
	cursor: pointer;
}

.about-navigation-li2 {
	color: #ffffff !important;
	background-color: #0781c5 !important;
}

.about-navigation-li1:hover {
	color: #ffffff;
	background-color: #0781c5;
}

.about-p {
	width: 85rem;
	/* width: 1360px; */
	height: auto;
	margin: 0rem auto 5rem;
	/* margin: 60px auto 80px; */
	text-align: center;
	font-size: 1.25rem;
	/* font-size: 20px; */
	font-family: 'SourceHanSansCN-Regular';
	color: #333333;
}


/*---------------------------------------- 价值观-------------------------------------- */
.values {
	width: 100%;
	/* display: none; */
}

.values-1 {
	width: 100%;
}

.values-2 {
	width: 100%;
	padding: 2.5rem 0;
	background-color: #f5f6fa;
	margin: 3.75rem 0;
}

.values-3 {
	width: 100%;
	background-color: #f5f6fa;
	margin: 3.75rem 0 0;
	padding: 2.5rem 0 4.875rem;
}

.values-div {
	width: 100rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.values-img {
	width: 40.625rem;
	height: 21.875rem;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
}

.values-img:hover .values-img-1 {
	transform: scale(1.1);
}

.values-img-1 {
	width: 100%;
	height: 100%;
	transition: transform 0.5s ease;
}

.values-div-c {
	width: 56.25rem;
	/* width: 900px; */
	display: inline-block;
}

.values-1-title {
	width: 100%;
	display: flex;
	align-items: flex-start;
}

.values-1-title-span {
	background-color: #0781c5;
	width: 0.25rem;
	height: 1.875rem;
	display: inline-block;
}

.values-1-title-p {
	width: 100%;
	height: 2rem;
	display: inline-block;
	font-family: 'SourceHanSansCN-Bold';
	color: #333333;
	font-size: 1.625rem;
	margin: 0;
	line-height: 2rem;
	padding-left: 0.8rem;
}

.values-content {
	width: 100%;
	font-size: 1.25rem;
	font-family: 'SourceHanSansCN-Regular';
	margin-top: 2.5rem;
	line-height: 2.125rem;
}

.values-a {
	color: #436cff;
	text-decoration: none;
}

/*---------------------------------------- 董事会-------------------------------------- */
.board {
	width: 100rem;
	margin: 0 auto;
	padding-bottom: 4.875rem;
	display: none;
}

.board-c {
	width: 100%;
	height: auto;
	background-color: #0781c5;
	padding: 1rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.board-img-div {
	width: 13.125rem;
	height: 16.25rem;
	margin-left: 2.125rem;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
}

.board-img-1 {
	width: 100%;
	height: 100%;
	display: block;
	transition: transform 0.5s ease;
}

.board-img-div:hover .board-img-1 {
	transform: scale(1.1);
}

.board-c-1 {
	width: 80rem;
	margin-right: 2.125rem;
	display: inline-block;
	color: #ffffff;
}

.board-c-1-span1 {
	font-size: 2.375rem;
	font-family: 'SourceHanSansCN-Medium';
}

.board-c-1-span2 {
	font-size: 1.25rem;
	font-family: 'SourceHanSansCN-Regular';
}

.board-c-1-p {
	font-size: 1.25rem;
	font-family: 'SourceHanSansCN-Regular';
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	white-space: normal;
	word-break: break-word;
	-webkit-line-clamp: 6;

}

.board-ul {
	width: 100%;
	height: 16.25rem;
	margin: 0.875rem auto 0;
	padding: 0;
	display: flex;
	/* justify-content: space-between; */
}

.board-ul-li-1,
.board-ul-li-2 {
	width: 13.125rem;
	height: 16.25rem;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
	list-style: none;
	background-size: cover;
	position: relative;
	transition: transform 0.5s ease;
	margin-left: 1.125rem;
}


.board-ul-li-1:hover .board-more-div1 {
	background-image: none;
}


.board-ul-li-img1 {
	width: 100%;
	height: 100%;
	z-index: 0;
}

.board-more-div1,
.board-more-div2 {
	width: 13.125rem;
	height: 16.25rem;
	position: absolute;
	top: 0;
	transition: transform 0.5s ease;
}

.board-more-div1 {
	background-image: linear-gradient(rgb(75 134 209 / 34%), rgb(58 79 237 / 32%));
}

.board-more-div2 {
	background-image: none;
}

.board-ul-li-1:hover .board-more-1 {
	display: block;
}

.board-more-2,
.board-more-1 {
	text-align: center;
	font-family: 'SourceHanSansCN-Medium';
	font-size: 1.125rem;
	width: 10.375rem;
	height: 2.125rem;
	line-height: 2.125rem;
	color: #0781c5;
	background-color: #ffffff;
	border: 0.0625rem solid #0781c5;
	margin: 0 auto;
	position: relative;
	top: 12.8rem;
	cursor: pointer;
	transition: transform 0.5s ease;
	transition: background-color 0.5s;
}

.board-more-1 {
	display: none;
}

.board-more-2:hover {
	background-color: #0781c5;
	color: #ffffff;
}

.board-more-1:hover {
	background-color: #0781c5;
	color: #ffffff;
}

/*---------------------------------------- 管理-------------------------------------- */
.management {
	width: 100rem;
	margin: 0 auto;
	padding-bottom: 4.875rem;
	display: none;
}

.management-c {
	width: 100%;
	height: auto;
	background-color: #0781c5;
	padding: 1rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.management-img-div {
	width: 13.125rem;
	height: 16.25rem;
	margin-left: 2.125rem;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
}

.management-img-1 {
	width: 100%;
	height: 100%;
	display: block;
	transition: transform 0.5s ease;
}

.management-img-div:hover .management-img-1 {
	transform: scale(1.1);
}

.management-c-1 {
	width: 80rem;
	margin-right: 2.125rem;
	display: inline-block;
	color: #ffffff;
}
.management-c-1-desc {
	width: 110px;
	height: 30px;
	background:#FFFFFF;
	color: #0781c5;
	font-size: 15px;
	align-content: center;
	margin-top: 10px
}


.management-c-1-span1 {
	font-size: 2.375rem;
	font-family: 'SourceHanSansCN-Medium';
}

.management-c-1-span2 {
	font-size: 1.25rem;
	font-family: 'SourceHanSansCN-Regular';
}

.management-c-1-p {
	font-size: 1.25rem;
	font-family: 'SourceHanSansCN-Regular';
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	white-space: normal;
	word-break: break-word;
	-webkit-line-clamp: 6;
}

.management-ul {
	width: 100%;
	height: 16.25rem;
	margin: 0.875rem auto 0;
	padding: 0;
	display: flex;
	/* justify-content: space-between; */
}

.management-ul-li-1,
.management-ul-li-2 {
	width: 13.125rem;
	height: 16.25rem;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
	list-style: none;
	background-size: cover;
	position: relative;
	transition: transform 0.5s ease;
	margin-left: 1.125rem;
}

.management-ul-li-1:hover .management-more-div1 {
	background-image: none;
}

.management-ul-li-img1 {
	width: 100%;
	height: 100%;
	z-index: 0;
}

.management-more-div1,
.management-more-div2 {
	width: 13.125rem;
	height: 16.25rem;
	position: absolute;
	top: 0;
	transition: transform 0.5s ease;
}

.management-more-div1 {
	background-image: linear-gradient(rgb(75 134 209 / 34%), rgb(58 79 237 / 32%));
}

.management-more-div2 {
	background-image: none;
}

.management-ul-li-1:hover .management-more-1 {
	display: block;
}

.management-more-2,
.management-more-1 {
	text-align: center;
	font-family: 'SourceHanSansCN-Medium';
	font-size: 1.125rem;
	width: 10.375rem;
	height: 2.125rem;
	line-height: 2.125rem;
	color: #0781c5;
	background-color: #ffffff;
	border: 0.0625rem solid #0781c5;
	margin: 0 auto;
	position: relative;
	top: 12.8rem;
	cursor: pointer;
	transition: transform 0.5s ease;
	transition: background-color 0.5s;
}

.management-more-1 {
	display: none;
}

.management-more-2:hover {
	background-color: #0781c5;
	color: #ffffff;
}

.management-more-1:hover {
	background-color: #0781c5;
	color: #ffffff;
}
/*---------------------------------------- 发展历程-------------------------------------- */
.history {
	width: 100%;
	height: 40.375rem;
	background-image: url(../img/about/history-1.png);
	background-size: 100% 100%;
	display: none;
}

.history-1 {
	width: 100rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 6.25rem;
}

.history-left,
.history-right {
	width: 3.5rem;
	height: 11rem;
	display: inline-block;
	cursor: pointer;
}

.history-left-img,
.history-right-img {
	width: 100%;
	height: 100%;
}

.history-c {
	width: 72.625rem;
	height: 17.125rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.history-c-time {
	width: 16.75rem;
	height: 17.125rem;
	line-height: 17.125rem;
	color: #0781c5;
	font-size: 3.75rem;
	font-family: 'SourceHanSansCN-Bold';
	display: inline-block;
	border-right: 0.0625rem solid #cecece;
}

.history-c-i {
	width: 23.625rem;
	padding: 0 2rem;
}

.history-c-i-span {
	color: #333333;
	font-size: 1.625rem;
	font-family: 'SourceHanSansCN-Medium';
	display: block;
}

.history-c-p {
	width: 100%;
	margin: 1.25rem 0 0;
	padding: 0;
	color: #333333;
	font-size: 1.125rem;
	font-family: 'SourceHanSansCN-Regular';
}

.history-img-div {
	width: 27.375rem;
	height: 17.125rem;
	overflow: hidden;
	display: inline-block;
	cursor: pointer;
}

.history-img {
	width: 100%;
	height: 100%;
	display: block;
	transition: transform 0.5s ease;
}

.history-img-div:hover .history-img {
	transform: scale(1.1);
}

.history-2 {
	width: 100rem;
	margin: 0 auto;
	padding-top: 7rem;
}

.history-2-ul {
	width: 100%;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.history-2-li {
	display: inline-block;
	list-style: none;
}

.history-2-li-span1 {
	width: 1.125rem;
	height: 1.125rem;
	border-radius: 6.25rem;
	display: block;
	background-color: #cecece;
	margin: 0 auto 1.25rem;
	cursor: pointer;
}

.history-2-li-span2 {
	font-size: 2.25rem;
	color: #333333;
	font-family: 'SourceHanSansCN-Medium';
	text-align: center;
	cursor: pointer;
}

.history-2-li-span1-1 {
	background-color: #0781c5 !important;
	box-shadow: 0 0 10px #0781c5;
}

.history-2-li-span2-1 {
	color: #0781c5 !important;
	
}

.history-2-li:hover .history-2-li-span1 {
	background-color: #0781c5;
	box-shadow: 0 0 10px #0781c5;
}

.history-2-li:hover .history-2-li-span2 {
	color: #0781c5;
}

hr {
	position: relative;
	bottom: 90px;
	z-index: -999;
	border: 1px solid #ebebeb;
}

/* 左侧内容从左滑入 */
@keyframes slideInFromLeft {
	0% {
		transform: translateX(-100px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

/* 右侧内容从右滑入 */
@keyframes slideInFromRight {
	0% {
		transform: translateX(100px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

/* 定义动画类 */
.animate-left {
	animation: slideInFromLeft 1s ease-out forwards;
}

.animate-right {
	animation: slideInFromRight 1s ease-out forwards;
}

.board {
	width: 90rem;
	margin: 2rem auto;
	display: flex;
	justify-content: space-between;
}

.member-1 {
	width: 27.75rem;
	height: auto;
	/* height: 650px; */
	background-color: #fff;
	box-shadow: 0px 0px 2px #e8e8e8;
	padding: 2rem;
}

.member-div1 {
	/* width: 30.2rem; */
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.member-div-p {
	width: 16.625rem;
	height: 13.125rem;
	overflow: hidden;
	cursor: pointer;
}

.member-div-p-img {
	width: 100%;
	height: 100%;
	transition: transform 0.5s ease;
}

.member-div-p:hover .member-div-p-img {
	transform: scale(1.1);
}

.member-div-n {
	width: 16rem;
	margin-left: 2rem;
}

.member-div-n-span1 {
	display: block;
	font-size: 1.8rem;
	font-family: 'SourceHanSansCN-Medium';
	color: #333333;
}

.member-div-n-span2 {
	display: block;
	font-size: 1rem;
	font-family: 'SourceHanSansCN-Regular';
	color: #333333;
	margin-top: 1.5rem;
}
.member-div2{
	width: 100%;
	color: #333333;
	font-size: 1.25rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	white-space: normal;
	word-break: break-word;
	-webkit-line-clamp: 4;
	margin-top: 1rem;
	line-height: 1.875rem;
}


.member-div3 {
	color: #0780c2;
	font-size: 1.125rem;
	font-family: 'SourceHanSansCN-Regular';
	width: 10.375rem;
	height: 2.125rem;
	margin: 1.5rem 0 0 0;
	background-color: #ffffff;
	border: 0.0625rem solid #0780c2;
	text-align: center;
	line-height: 2.215rem;
	cursor: pointer;
	transition: background-color 0.5s;
}

.member-div3:hover {
	background-color: #0780c2;
	color: #ffffff;
}