/*========== 站点主题 ==========*/
:root {
	--color-primary: #3E86E5;
	--color-primary-dark: #307DE3;
	--color-bg-page: #f0f6fc;
	--color-bg-section: #f4f4f4;
	--color-bg-card: #fff;
	--color-text: #333;
	--color-text-muted: #666;
	--color-text-light: #999;
	--color-border: #e8e8e8;
	--page-width: 1280px;
	--nav-height: 90px;
}

/*========== 公共样式 ==========*/
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; font-family: "Microsoft YaHei"; }
img { border: 0 none; vertical-align: top; }
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body {  -webkit-text-size-adjust:none;  font-family:"Helvetica Neue",Helvetica,Arial,"sans-serif","PingFang SC"; background: #fff; color: #333; min-height: 100vh; display: flex; flex-direction: column; }
a{ text-decoration: none; }
a:focus,input:focus,select:focus { outline: none; }
/*==== 导航栏 =====*/
.nav {
	position: relative;
	width: 100%;
	height: 90px;
	background: #fff;
	border-bottom: 1px solid #E0E0E0;
	box-shadow: 0 2px 8px rgba(62, 134, 229, 0.06);
	z-index: 100;
}
.nav_con {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1250px;
	max-width: 100%;
	height: 90px;
	margin: 0 auto;
	padding: 0 24px;
	box-sizing: border-box;
}
.nav_brand {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 16px;
}
.nav a.nav_logo {
	display: block;
	color: var(--color-primary);
	font-size: 28px;
	font-weight: 700;
	line-height: 90px;
	letter-spacing: 2px;
	white-space: nowrap;
}
.nav a.nav_logo:hover {
	color: var(--color-primary-dark);
}
.nav .nav_ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	margin: 0 24px;
	padding: 0;
	list-style: none;
}
.nav .nav_ul li {
	position: relative;
	text-align: center;
	line-height: 90px;
	min-width: 88px;
	padding: 0 10px;
	font-size: 16px;
	float: none;
}
.nav_li .nav_line {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	background: var(--color-primary);
}
.nav_li a.active_hover + .nav_line {
	width: 100%;
}
.nav ul li {
	margin-right: 0;
}
.nav a {
	color: #333;
}
.nav a:hover {
	color: #3E86E5;
}
.nav .active_hover {
	color: #3E86E5;
	font-weight: 600;
}
.nav_actions {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 12px;
	height: 90px;
	font-size: 14px;
	white-space: nowrap;
}
.nav_actions a {
	color: #333;
}
.nav_actions a:hover {
	color: #3E86E5;
}
.nav_actions .nav-publish {
				display: inline-block;
				padding: 0 16px;
				line-height: 32px;
				color: var(--color-primary);
				border: 1px solid var(--color-primary);
	border-radius: 4px;
	transition: background 0.2s, color 0.2s;
}
			.nav_actions .nav-publish:hover {
				background: var(--color-primary);
	color: #fff;
}
.nav_actions .nav-login,
.nav_actions .nav-user {
	display: none;
}
.nav_actions .nav-login.show {
	display: inline;
}
.nav_actions .nav-user.show {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.nav_actions .avatar,
.nav_actions .logout {
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.nav_actions .username {
	color: #333;
	font-size: 14px;
}
.nav_actions .space {
	color: #999;
}

/*==== 页脚 =====*/
.footer {
	width: 100%;
	margin-top: auto;
	background: #272A2C;
	padding: 40px 0;
	clear: both;
	flex-shrink: 0;
}
.page-wrap,
.auth-page {
	flex: 1 0 auto;
}
.page-wrap + .footer,
.auth-page + .footer,
.contact_us + .footer {
	margin-top: 0;
}
.footer_con {
	display: flex;
	align-items: flex-start;
	gap: 48px;
	width: 1250px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 24px 20px;
	box-sizing: border-box;
}
.foote_logo {
	flex-shrink: 0;
	max-width: 220px;
	color: #FAFAFA;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
}
.footer_font {
	flex: 1;
	min-width: 0;
	color: #FAFAFA;
	font-size: 15px;
}
.footer_font ul li .np {
	display: inline-block;
	width: 50px;
	color: #4B4D4F;
	text-align: center;
}
.footer_font ul li {
	line-height: 35px;
}
.footer_font ul li a {
	color: #FAFAFA;
}
.footer_font ul li a:hover {
	color: #3E86E5;
}
.footer_font ul li a img.beian-icon {
	vertical-align: middle;
	margin-right: 8px;
	height: 18px;
}
/* contact_us 联系我们（全站公共） */
.contact_us {
	width: 100%;
	margin-top: auto;
	background: #F0F0F0;
	clear: both;
	flex-shrink: 0;
}
.page-wrap + .contact_us {
	margin-top: 0;
}
.contact_us .contact_con {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 40px;
	width: 1250px;
	max-width: 100%;
	margin: 0 auto;
	padding: 28px 24px;
	box-sizing: border-box;
}
.contact_us .con_list {
	float: none;
}
.contact_us .c_c_one {
	width: 180px;
	flex-shrink: 0;
}
.contact_us .c_c_two {
	flex: 1 1 360px;
	min-width: 0;
	max-width: 460px;
	margin: 6px 0 0;
}
.contact_us .c_c_three {
	width: 320px;
	flex-shrink: 0;
	margin: 0;
}
.contact_us .con_list_title {
	font-size: 22px;
	font-weight: bold;
	color: #606060;
	padding-left: 15px;
	border-left: 3px solid #208CD4;
}
.contact_us .c_l_wx {
	display: flex;
	align-items: center;
	margin-top: 15px;
	width: 100%;
}
.contact_us .c_l_wx img {
	flex-shrink: 0;
	margin-left: 12px;
}
.contact_us .wx_font {
	font-size: 14px;
	line-height: 1.4;
	color: #111111;
	margin-left: 10px;
}
.contact_us .c_l_wb {
	margin-top: 15px;
}
.contact_us .c_c_t_con {
	display: flex;
	align-items: center;
	margin-top: 14px;
	min-width: 0;
}
.contact_us .c_c_t_con:first-child {
	margin-top: 0;
}
.contact_us .c_c_t_con img {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	margin-right: 10px;
}
.contact_us .c_c_phone {
	padding-left: 28px;
}
.contact_us .c_mail {
	font-size: 14px;
	line-height: 1.5;
	color: #111111;
	min-width: 0;
	word-break: break-all;
}
.contact_us .c_c_address {
	align-items: flex-start;
}
.contact_us .c_c_address img {
	margin-top: 3px;
}
.contact_us .c_c_three ul {
	line-height: 36px;
}
.contact_us .three_special_li {
	color: #3295D7;
	font-weight: bold;
}
@media screen and (max-width: 1250px) {
	.contact_us .contact_con {
		width: 100%;
		flex-wrap: wrap;
	}
}