/*清除默认样式--开始*/
html,
body {
	width: 100%;
	height: 100%;
}

* {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
}

@font-face {
	font-family: 'HarmonyOS_Sans';
	src: url('/fonts/HarmonyOS_Sans_Regular.ttf') format('truetype');
	/* 直接使用 .ttf */
	font-weight: 400;
	font-display: swap;
	/* 避免文字闪烁 */
}


body {
	font-size: 12px;
	color: #222;
	font-family: 'HarmonyOS_Sans', sans-serif;
}

inupt[type="text"],
inupt[type="button"],
inupt[type="submit"],
input,
button,
textarea,
select {
	font-family: Arial;
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

i,
em {
	font-style: normal;
}

b,
strong {
	font-weight: normal;
}

.clearfix:after {
	display: block;
	content: '';
	clear: both;
}

.clearfix {
	zoom: 1;
}

img,
li {
	vertical-align: top;
}

input,
textarea {
	outline: none;
}

textarea {
	resize: none;
}

a img {
	border: 0;
}

th,
td {
	border: 1px solid #000;
	padding: 0;
}

table {
	border-collapse: collapse;
}

@font-face {
	font-family: AmsiPro-XLight;
	src: url('../fonts/AMSIPRO-XLIGHT.OTF');
}

/*清除默认样式--结束*/

/*导航公用模块--开始 王玉娇*/
.body_wrap {
	width: 100%;
	background: url("../images/default/bodyBJ.jpg") repeat-y center;
}

.main_wrap {
	width: 1251px;
	margin: 0 auto;
}

.left_nav,
.right_main {
	float: left;
}

.left_nav {
	width: 313px;
	height: 100%;
	background: #005667;
}

.left_nav .logo {
	width: 203px;
	height: 136px;
	margin-top: 90px;
	margin-left: 64px;
	margin-bottom: 74px;
	background: url("../images/default/logo170-102.png") no-repeat;
}

.left_nav .logo a {
	display: block;
	width: 170px;
	height: 102px;
}

.primary-navigation {
	padding-bottom: 24px;
}

.primary-navigation li {
	position: relative;
	z-index: 999;
	height: 48px;
	line-height: 48px;
}

.primary-navigation li a {
	display: block;
	height: 47px !important;
	font-size: 25px;
	color: #ffffff;
	padding-left: 65px;
}

.primary-navigation li:hover {
	background: #014a58;
}

.primary-navigation li.active a {
	color: #00BFA5;
}

.primary-navigation li:hover a {
	color: #00BFA5;
}

.primary-navigation li:hover .two-level-navigation {
	display: block;
}

.primary-navigation li .two-level-navigation a {
	color: #ffffff;
}

.two-level-navigation,
.three-level-navigation {
	position: absolute;
	top: 0;
	left: 308px;
	display: none;
	background: #014a58;
}

.three-level-navigation {
	left: 395px;
}

.two-level-navigation li,
.three-level-navigation li {
	height: 48px;
	line-height: 48px;
	width: 295px;
	padding: 0 50px;
}

.two-level-navigation li a,
.three-level-navigation li a {
	padding-left: 0;
	font-size: 15px;
	border-bottom: 1px solid #757272;
}

.two-level-navigation li:hover a,
.three-level-navigation li:hover a {
	color: #00BFA5;
}

.two-level-navigation .three-level-navigation li a {
	color: #ffffff;
}

.three-level-navigation li:hover a {
	color: #00BFA5;
}

.two-level-navigation li:hover .three-level-navigation {
	display: block;
}

.two-level-navigation li a.last,
.three-level-navigation li a.last {
	border-bottom: none;
}

.change_lang {
	border-top: 2px solid #ffffff;
	width: 195px;
	margin: 12px auto 0;
	padding-top: 12px;
	padding-bottom: 100px;
}

.change_lang a {
	display: inline-block;
	width: 32px;
	height: 20px;
	background: url("../images/default/En32-20.png") no-repeat;
}

.change_lang a.En-Ch {
	background: url("../images/default/Ch32-20.png") no-repeat;
}

.change_lang span {
	font-size: 20px;
	color: #ffffff;
	padding-left: 10px;
}

.right_main .main_banner {
	width: 938px;
	height: 260px;
	font-family: AmsiPro-XLight;
}

.right_main .main_con {
	width: 730px;
	padding-left: 90px;
	padding-right: 60px;
	padding-bottom: 50px;
}

.right_main .main_honors {
	width: 730px;
	padding-left: 50px;
	padding-right: 60px;
	padding-bottom: 50px;
	min-height: 619px;
}

.right_main .main_office {
	padding-left: 63px !important;
	padding-right: 63px !important;
}

.right_main .main_team {
	padding-left: 60px !important;
	padding-right: 60px !important;
}

.main_con .breadcrumbNav {
	height: 25px;
	line-height: 25px;
	padding: 20px 0;
	text-align: left;
}

.main_con .breadcrumbNav span,
.main_con .breadcrumbNav a {
	font-weight: normal;
	font-size: 14px;
	color: #b3b3b3;
}

.main_con .honorscrumbNav {
	height: 25px;
	line-height: 25px;
	padding: 20px;
	padding-left: 0px;
}

.main_con .honorscrumbNav span,
.main_con .honorscrumbNav a {
	font-weight: normal;
	font-size: 14px;
	color: #b3b3b3;
}

.main_honors .breadcrumbNav {
	height: 25px;
	line-height: 25px;
	padding: 20px;
	text-align: center;
}

.main_honors .breadcrumbNav span,
.main_honors .breadcrumbNav a {
	font-weight: normal;
	font-size: 14px;
	color: #b3b3b3;
}

.main_honors .honorscrumbNav {
	height: 25px;
	line-height: 25px;
	padding: 20px;
	padding-left: 0px;
}

.main_honors .officecrumbNav {
	padding-left: 5px !important;
}

.main_honors .honorscrumbNav span,
.main_honors .honorscrumbNav a {
	font-weight: normal;
	font-size: 14px;
	color: #b3b3b3;
}


.footer {
	width: 810px;
	height: 50px;
	margin: 0 auto;
	padding-top: 25px;
	border-top: 1px solid #ebebeb;
}

.footer p {
	font-size: 14px;
	text-align: center;
	height: 18px;
	color: #000000;
	line-height: 18px;
}

.right_main {
	width: 938px;
	height: 100%;
	background: #ffffff;
}


.toTop {
	position: fixed;
	right: 2%;
	bottom: 10%;
	width: 32px;
	height: 32px;
	background: url('../images/default/toTop.png') no-repeat;
}

.divider {
	display: flex;
	align-items: center;
	/* 垂直居中对齐 */
	justify-content: center;
	/* 水平居中对齐 */
	margin: 20px 0;
	/* 上下外边距，可根据需要调整 */
}

.divider_honors {
	display: flex;
	align-items: center;
	/* 垂直居中对齐 */
	justify-content: center;
	/* 水平居中对齐 */
}

.line {
	flex-grow: 1;
	/* 自动填满剩余空间 */
	height: 1px;
	/* 线条高度 */
	background-color: #e0e0e0;
	/* 线条颜色 */
	margin: 0 10px;
	/* 左右外边距，避免线条与文字紧贴 */
}

.text {
	color: #00BFA5;
	/* 文字颜色，匹配图片中的青色 */
	font-size: 16px;
	/* 文字大小 */
	font-weight: bold;
	/* 文字加粗 */
	white-space: nowrap;
	/* 防止文字换行 */
}

.honorsCon_one {
	width: 790px;
	background-color: #f9f9f9;
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}


/*导航公用模块--结束*/

/* --- 顶部筛选栏 (Team Prefix) --- */
.team-filter-container {
	max-width: 800px;
	margin: 0 auto 30px auto;
	display: flex;
	gap: 20px;
	align-items: center;
	font-size: 14px;
	color: #666;
}

.team-filter-item {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 6px 0px;
	border-radius: 20px;
	transition: background-color 0.2s;
}

/* 模拟选中状态 */
/* .team-filter-item.active {
	color: #0284c7;
	font-weight: 600;
} */

.team-radio-dot {
	width: 16px;
	height: 16px;
	background-color: #f6f8f9;
	border: 1px solid #9ca3af;
	border-radius: 50%;
	margin-right: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.team-radio-dot.active {
	border-color: #13c2c2;
	background-color: #13c2c2;
}

.team-radio-dot.active::after {
	content: '';
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
}

/* --- 列表卡片容器 --- */
.team-list-wrapper {
	max-width: 818px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-bottom: 30px;
}

/* --- 单个卡片样式 --- */
.team-card {
	background: #fff;
	padding-bottom: 30px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e5e7eb;
}

.team-card:last-child {
	border-bottom: 0px;
}

.team-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* --- 头像部分 --- */
.team-avatar-wrapper {
	flex-shrink: 0;
	margin-right: 24px;
	position: relative;
}

.team-avatar {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	object-fit: cover;
	object-position: top;
}

/* --- 内容信息部分 --- */
.team-info {
	width: 508px;
	padding-right: 50px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.team-header {
	display: flex;
	align-items: baseline;
	gap: 10px;
	flex-wrap: wrap;
}

.team-name {
	font-size: 18px;
	font-weight: 700;
	color: #111;
}

.team-location {
	font-size: 14px;
	color: #005667;
	font-weight: 500;
}

.team-role {
	font-size: 14px;
	color: #13c2c2;
	padding: 2px 8px;
	border-radius: 4px;
}

/* --- 标签组 --- */
.team-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 4px;
}

.team-tag {
	font-size: 13px;
	color: #374151;
	display: flex;
	align-items: center;
	padding: 4px 0;
}

.team-tag svg {
	width: 16px;
	height: 16px;
	margin-right: 6px;
	color: #10b981;
	/* 绿色勾选 */
	flex-shrink: 0;
}

/* --- 按钮部分 --- */
.team-action {
	flex-shrink: 0;
}

.team-btn-details {
	background-color: #fff;
	border: 1px solid #005667;
	color: #005667;
	padding: 9px 21px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: all 0.2s;
	text-decoration: none;
}

.team-card:hover .team-action .team-btn-details {
	border-color: #005667;
	color: #fff;
	background-color: #005667;
}

.team-card .team-action .team-btn-details svg {
	width: 16px;
	height: 16px;
}

.team-btn-details:hover svg {
	transform: translateX(2px);
}

.team-duigou {
	padding-right: 2px;
}

/* 分页 */

.el-pagination {
	text-align: center;
}

#pages,
#pages li {
	vertical-align: top;
	margin: 0;
	display: inline-block;
	cursor: pointer;
}

#pages li {
	padding: 0 4px;
	font-size: 13px;
	min-width: 35.5px;
	height: 28px;
	line-height: 28px;
	box-sizing: border-box;
	text-align: center;
}

#pages li a {
	color: #000;
}

#pages li.active {
	color: #13c2c2;
	cursor: default;
}

#pages li.active span {
	border: 1px solid #13c2c2;
}

/* --- 个人详情容器 (使用 profile- 前缀) --- */
.profile-container {
	max-width: 850px;
	margin: 0 auto;
	background-color: #fff;
}

/* --- 顶部信息区 --- */
.profile-header {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}

/* 头像样式 */
.profile-avatar {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	object-fit: cover;
	object-position: top;
	/* 确保人脸居中或偏上 */
	margin-right: 20px;
}

/* 右侧文字信息 */
.profile-info {
	flex: 1;
	padding-top: 23px;
}

.profile-name {
	font-size: 24px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}

/* 标签组 */
.profile-tags {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.profile-tag {
	font-size: 14px;
	color: #13c2c2;
	/* 青色文字 */
	border: 1px solid #13c2c2;
	/* 青色边框 */
	padding: 8px 12px;
	border-radius: 20px;
	/* 圆角标签 */
	font-weight: 500;
}

/* --- 内容区域 --- */
.profile-content {
	font-size: 15px;
	color: #555;
	text-align: justify;
	/* 两端对齐，更像文章排版 */
}

.profile-content p {
	font-size: 16px;
	color: #585858;
	margin-bottom: 30px;
}

/* 章节标题 */
.profile-section-title {
	font-size: 18px;
	color: #005667;
	font-weight: 700;
	margin-bottom: 30px;
}

/* 列表样式（用于银行和企业名单） */
.profile-list {
	margin-bottom: 20px;
}

.footer p a {
	color: #000000;
}