@import url(anim.css);
@import url(lrtk3.css);
* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background-color: #fff;
	overflow-x: hidden;
	color: #333;
	font-size: 12px;
	font-family: "微软雅黑", "Arial", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}
a {
	color: #333;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;/*-webkit-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  -moz-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;*/
}
a:hover {
	color: #00a1e9;/*text-decoration: underline;*/
}
input, select, img {
	vertical-align: middle;
}
ul, li {
	list-style: none;
}
em, cite, th {
	font-style: normal;
	font-weight: normal;
	font-style: normal;
}
.wrap {
	clear: both;
	width: 96%;
	max-width: 1300px;
	margin: 0 auto;
	text-align: left;
	zoom: 1;
	overflow: hidden;
}
.wrap2 {
	clear: both;
	width: 96%;
	max-width: 1300px;
	margin: 0 auto;
	text-align: left;
	zoom: 1;
}
.wrap3 {
	clear: both;
	width: 94%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
	zoom: 1;
	overflow: hidden;
}
.divhidden {
	display: none;
}
.l {
	float: left;
}
.r {
	float: right;
}
.c_l {
	clear: both;
	height: 0px;
	font-size: 0px;
	overflow: hidden;
}
.f50 {
	font-size: 50px;
}
.f44 {
	font-size: 44px;
}
.f41 {
	font-size: 41px;
}
.f40 {
	font-size: 40px;
}
.f38 {
	font-size: 38px;
}
.f36 {
	font-size: 36px;
}
.f32 {
	font-size: 32px;
}
.f30 {
	font-size: 30px;
}
.f28 {
	font-size: 30px;
}
.f24 {
	font-size: 24px;
}
.f22 {
	font-size: 22px;
}
.f18 {
	font-size: 18px;
}
.f16 {
	font-size: 16px;
}
:root {
	--tech-bg-top: #ffffff;
	--tech-bg-mid: #f0f7ff;
	--tech-bg-foot: #eef6ff;
	--tech-bar: #ddeaf8;
	--tech-text: #1e293b;
	--tech-text-soft: #475569;
	--tech-muted: #64748b;
	--tech-accent: #00a1e9;
	--tech-accent-bright: #38bdf8;
	--tech-border: rgba(0, 161, 233, 0.22);
	--tech-shadow: rgba(15, 23, 42, 0.08);
	/* 页脚深色科技区 */
	--tech-footer-0: #070e1a;
	--tech-footer-1: #0b1220;
	--tech-footer-2: #111c2e;
	--tech-footer-line: rgba(0, 161, 233, 0.35);
	--tech-footer-heading: #f1f5f9;
	--tech-footer-link: #cbd5e1;
	--tech-footer-muted: #94a3b8;
	/* 移动端抽屉 / 遮罩 */
	--tech-drawer-bg0: #0f172a;
	--tech-drawer-bg1: #1e293b;
	--tech-drawer-text: #e2e8f0;
	/* 导航下拉 */
	--tech-dropdown-bg: rgba(255, 255, 255, 0.97);
	--tech-dropdown-bg2: rgba(240, 247, 255, 0.96);
	--tech-dropdown-border: rgba(0, 161, 233, 0.2);
	--tech-dropdown-shadow: rgba(15, 23, 42, 0.1);
	/* 顶部导航 — 1920 设计稿基准，小屏等比缩放 */
	--header-h: clamp(64px, 4.688vw, 90px);
	--header-nav-fs: clamp(14px, 0.938vw, 18px);
	--header-nav-gap: clamp(10px, 1.823vw, 35px);
	--header-search-fs: clamp(12px, 0.677vw, 13px);
	--header-sub-nav-fs: clamp(12px, 0.729vw, 14px);
	--header-logo-h: clamp(36px, 2.708vw, 52px);
	--header-menu-item-h: clamp(44px, 4.688vw, 50px);
}
/*PC导航*/
.header-v1 {
	width: 100%;
	position: fixed;
	height: var(--header-h);
	z-index: 100;
	background: linear-gradient(180deg, #ffffff 0%, #f6faff 42%, var(--tech-bg-mid) 100%);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.85) inset,
		0 8px 28px rgba(15, 23, 42, 0.07),
		0 0 0 1px rgba(0, 161, 233, 0.1);
	border-bottom: 1px solid rgba(0, 161, 233, 0.22);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

.header-v1 .top-main {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.header-v1 .top-main .logo1 {
	float: left;
	height: var(--header-h);
	margin-left: 2%;
	justify-content: center;
	align-items: center;
	display: flex;
}
.header-v1 .top-main .logo1 a{
	display: block;
}
.header-v1 .top-main .logo1 img {
	height: var(--header-logo-h);
	width: auto;
	max-width: clamp(64px, 4.792vw, 92px);
	object-fit: contain;
	vertical-align: middle;
}
.header-v1 .top-main .logo1 img:hover {
	transition: all 0.3s;
	filter: Alpha(Opacity=60);
	opacity: 0.6;
}
.header-v1 .top-main .top-email {
	float: right;
	margin-top: 8px;
}
.header-v1 .top-main .top-email a {
	color: var(--tech-text-soft);
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	padding: 6px 14px;
	/* border: 1px solid rgba(0, 161, 233, 0.32); */
	/* border-radius: 999px; */
	/* background: rgba(255, 255, 255, 0.72); */
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	/* box-shadow: 0 0 14px rgba(0, 161, 233, 0.08); */
	transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.header-v1 .top-main .top-email a:hover {
	color: var(--tech-accent);
	background: rgba(0, 161, 233, 0.08);
	border-color: var(--tech-accent);
	box-shadow: 0 0 20px rgba(0, 161, 233, 0.18);
}
.header-v1 .top-main .top_r {
	float: right;
}
.header-v1 .languages {
	float: right;
	position: relative;
	display: block;
	font-size: 12px;
	color: #707070;
	height: 38px;
	line-height: 38px;
	padding-left: 18px;
	text-align: right;
	font-family: "宋休";
	text-decoration: none;
	margin-left: 10px;
	background: url(../images/top_pic2.png) left center no-repeat;
	margin-top: 29px;
	transition: all 0.3s;
}
.header-v1 .languages:hover {
	margin-top: 25px;
}
.header-v1 .languages:Hover {
	transition: all 0.3s;
	filter: Alpha(Opacity=80);
	opacity: 0.8;
}
/*.header-v1 .languages:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -1px;height:4px;opacity: 0;background-color: #c71d32;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/
.header-v1 .top-main .top-main-content {
	text-align: center;
}
.navBar {
}
.nav {
	list-style: none;
	padding: 0;
}
.nav .m { /*float:left; */
	display: inline-block;
	border-top: 0;
	border-bottom: 0;
	margin-right: var(--header-nav-gap);
	margin-left: var(--header-nav-gap);
	position: relative;
	vertical-align: top;
}
.nav a:hover {
	text-decoration: none; /*color:#fff;*/
	vertical-align: top;
}
.nav li:hover span {
	transform: none;
	color: var(--tech-accent);
}
.nav h3 {
	float: left;
	font-weight: normal;
	font-size: var(--header-nav-fs);
	height: var(--header-h);
	overflow: hidden;
	width: 100%;
	text-align: center;
	position: relative;
}
.nav h3 a {
	display: block;
	color: var(--tech-text-soft);
	line-height: var(--header-h);
	font-size: var(--header-nav-fs);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: clamp(0, 0.04vw, 0.08em);
	transition: color 0.2s ease;
}
.nav h3 a span {
	display: block;
	position: relative;
	transition: all 0.3s;
	height: var(--header-h);
	text-transform: uppercase;
}
.nav h3 a span:after {
	content: attr(data-title);
	position: absolute;
	left: 0;
	transform: translateY(100%);
	width: 100%;
	top: 0;
	color: var(--tech-accent);
}
.nav .m:has(.sub) h3 a span {
	padding-right: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1.2l4 3.6 4-3.6' stroke='%2364748b' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 2px center;
	background-size: 10px 6px;
	transition: background-image 0.2s ease;
}
.nav .m:has(.sub):hover h3 a span {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1.2l4 3.6 4-3.6' stroke='%2300a1e9' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.nav h3 a i {
	width: 9px;
	height: 5px;
	background: url(../images/top_pic5.png) no-repeat;
	display: inline-block;
	margin-left: 7px;
}
.nav .on {
}
.nav .on h3 a {
	color: var(--tech-text);
	font-weight: 500;
}
.nav .on h3 a i {
	background: url(../images/top_pic6.png) no-repeat;
}
.nav .on h3 a span {
	color: var(--tech-text);
	font-weight: 500;
}
.nav li.on h3 a:after {
	left: 50%;
	right: 50%;
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.nav li h3 a:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	right: 50%;
	margin-left: 0px;
	margin-right: 0px;
	bottom: 0px;
	height: 3px;
	opacity: 0;
	background: linear-gradient(90deg, transparent, var(--tech-accent), var(--tech-accent-bright), transparent);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.nav li h3 a:hover:after {
	left: 1%;
	right: 1%;
	opacity: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.nav .sub {
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 82px;
	min-width: 0;
	width: max-content;
	max-width: min(220px, 90vw);
	padding: 8px 4px;
	background: linear-gradient(
		168deg,
		var(--tech-dropdown-bg) 0%,
		rgba(248, 252, 255, 0.96) 42%,
		var(--tech-dropdown-bg2) 100%
	);
	-webkit-backdrop-filter: blur(24px) saturate(1.5);
	backdrop-filter: blur(24px) saturate(1.5);
	text-align: left;
	z-index: 110;
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.92) inset,
		0 1px 2px rgba(0, 161, 233, 0.05),
		0 8px 20px var(--tech-dropdown-shadow),
		0 24px 48px rgba(15, 23, 42, 0.05);
	border-radius: 14px;
	border: 1px solid var(--tech-dropdown-border);
	overflow: visible;
}
.nav .sub::before {
	content: "";
	position: absolute;
	left: 8px;
	right: 8px;
	top: 0;
	height: 2px;
	border-radius: 0 0 2px 2px;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(0, 161, 233, 0.2) 18%,
		var(--tech-accent) 50%,
		rgba(0, 161, 233, 0.2) 82%,
		transparent 100%
	);
	opacity: 1;
	pointer-events: none;
}
.nav .sub::after {
	content: "";
	position: absolute;
	top: -5px;
	left: 50%;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	background: linear-gradient(135deg, #ffffff 0%, #f8fcff 100%);
	border-left: 1px solid var(--tech-dropdown-border);
	border-top: 1px solid var(--tech-dropdown-border);
	transform: rotate(45deg);
	pointer-events: none;
	z-index: -1;
}
.nav .sub ul {
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 2px 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.nav .sub li {
	vertical-align: middle;
	list-style: none;
	text-decoration: none;
	display: block;
	line-height: 1.4;
	font-size: 14px;
	margin: 0;
	text-transform: none;
}
.nav .sub li span {
	display: block;
	position: relative;
}
.nav .sub li a {
	position: relative;
	text-decoration: none;
	background: transparent;
	color: var(--tech-text-soft);
	display: block;
	height: auto;
	min-height: 0;
	padding: 8px 10px 8px 16px;
	overflow: visible;
	white-space: nowrap;
	overflow-wrap: normal;
	word-break: keep-all;
	border-radius: 8px;
	font-weight: 500;
	font-size: var(--header-sub-nav-fs);
	letter-spacing: 0.02em;
	transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.nav .sub li a::before {
	content: "";
	position: absolute;
	left: 6px;
	top: 50%;
	width: 3px;
	height: 0;
	margin-top: 0;
	transform: translateY(-50%) scaleY(0);
	transform-origin: center center;
	border-radius: 2px;
	background: linear-gradient(180deg, var(--tech-accent) 0%, var(--tech-accent-bright) 100%);
	box-shadow: 0 0 10px rgba(0, 161, 233, 0.45);
	opacity: 0;
	transition: opacity 0.2s ease, transform 0.22s ease, height 0.22s ease;
}
.nav .sub li + li {
	border-top: 0;
}
.nav .sub li a:hover {
	color: var(--tech-accent);
	background: linear-gradient(
		100deg,
		rgba(0, 161, 233, 0.1) 0%,
		rgba(0, 161, 233, 0.04) 55%,
		transparent 100%
	);
	box-shadow: inset 0 0 0 1px rgba(0, 161, 233, 0.12);
	transform: translateX(2px);
}
.nav .sub li a:focus-visible {
	outline: none;
	color: var(--tech-accent);
	background: linear-gradient(
		100deg,
		rgba(0, 161, 233, 0.1) 0%,
		rgba(0, 161, 233, 0.04) 55%,
		transparent 100%
	);
	box-shadow:
		inset 0 0 0 1px rgba(0, 161, 233, 0.2),
		0 0 0 2px rgba(0, 161, 233, 0.18);
}
.nav .sub li a:hover::before,
.nav .sub li a:focus-visible::before {
	opacity: 1;
	height: 52%;
	transform: translateY(-50%) scaleY(1);
}
.nav .m:hover .sub {
	animation: navDropdownIn 0.28s ease forwards;
}
@keyframes navDropdownIn {
	from {
		opacity: 0;
		transform: translateX(-50%) translateY(-6px);
	}
	to {
		opacity: 1;
		transform: translateX(-50%) translateY(0);
	}
}
.nav .sub li:hover img {
	transition: all 0.3s;
	opacity: 0.8;
	filter: Alpha(opacity=80);
}
.header-v1 .header-search-slot {
	position: absolute;
	right: 10%;
	top: 0;
	height: var(--header-h);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index: 20;
	box-sizing: border-box;
	pointer-events: auto;
}
.header-search form {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0;
	padding: 0;
}
.header-search {
	display: flex;
	align-items: center;
	background: #ffffff;
	border: 1px solid rgba(229, 229, 229, 1);
	border-radius: 999px;
	padding: 2px 6px 2px 12px;
	box-shadow: none;
	transition: border-color 0.2s ease;
}
.header-search:focus-within {
	border-color: rgba(229, 229, 229, 1);
	box-shadow: none;
}
.header-search .search-input {
	background: none;
	border: none;
	outline: none;
	color: var(--tech-text);
	font-size: var(--header-search-fs);
	padding: 6px 10px;
	width: clamp(100px, 7.813vw, 150px);
}
.header-search .search-input::placeholder {
	color: var(--tech-muted);
}
.header-search .search-btn {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%232a82e4' stroke-width='2'/%3E%3Cpath d='M20 20l-4-4' stroke='%232a82e4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center center no-repeat;
	background-size: 18px;
	border: none;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	cursor: pointer;
	opacity: 1;
	filter: none;
	transition: opacity 0.2s ease, background-color 0.2s ease;
}
.header-search .search-btn:hover {
	opacity: 0.85;
	background-color: rgba(42, 130, 228, 0.08);
}
.blank_h {
	height: var(--header-h);
	overflow: hidden;
}
.top_search .input1 {
	width: 83%;
	text-indent: 10px;
	line-height: 30px;
	height: 30px;
	outline: medium;
	background: none;
	color: var(--tech-muted);
	text-align: left;
	font-size: 13px;
	border: 0;
}
.top_search em {
	height: 100%;
	width: 100%;
	background: url(../images/top_pic1.png) left center no-repeat;
	cursor: pointer;
	display: block;
}
.top-wechat {
	font-size: 14px;
}
.top-wechat a {
	color: #fff;
	text-decoration: none;
	padding: 8px 16px;
	border-radius: 4px;
	transition: all 0.3s;
	background-color: rgba(255, 255, 255, 0.1);
}
.top-wechat a:hover {
	background-color: rgba(255, 255, 255, 0.2);
}
.top_search em:Hover {
	transition: all 0.3s;
	opacity: 0.8;
	filter: Alpha(opacity=80);
}
.top_search .search_con {
	display: none;
	position: absolute;
	bottom: -73px;
	right: 0px;
	width: 300px;
	height: 0px;
	padding-top: 23px;
	padding-bottom: 19px;
	background: url(../images/top_bg2.png) no-repeat;
	z-index: 100;/* border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);border-radius: 2px;*/
}
.top_search .search_con .input1 {
	height: 39px;
	line-height: 39px;
	background: #f8f8f8;
	border: 0;
	padding-left: 5px;
	margin-left: 16px;
	padding-right: 47px;
	width: 174px;
	float: left;
	outline: none;
}
.top_search .search_con .bnts {
	float: left;
	width: 40px;
	height: 39px;
	background: url(../images/top_pic3.png) no-repeat;
	cursor: pointer;
}
.top_search .search_con .bnts:hover {
	transition: all 0.3s;
	background: url(../images/top_pic4.png) no-repeat;
}
/* 手机导航全局 */
.touch-top {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 99;
	background: linear-gradient(180deg, #ffffff 0%, #f4f9ff 55%, var(--tech-bg-mid) 100%);
	display: none;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.85) inset,
		0 6px 24px rgba(15, 23, 42, 0.08),
		0 0 0 1px rgba(0, 161, 233, 0.12);
	border-bottom: 1px solid rgba(0, 161, 233, 0.2);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
.touch_bg {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 8;
	background: rgba(15, 23, 42, 0.52);
	display: none;
	filter: Alpha(Opacity=60);
	opacity: 1;
	height: 100%;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}
.touch-top-wrapper {
	width: 96%;
	margin: 0 auto;
	min-height: var(--header-h);
}
.touch-top-wrapper .touch-logo {
	float: left;
	height: var(--header-h);
	display: flex;
	align-items: center;
}
.touch-top-wrapper .touch-logo img {
	height: clamp(28px, calc(var(--header-h) - 20px), 44px);
	width: auto;
	display: block;
}
.touch-navigation {
	display: block;
}
.touch-toggle {
	position: absolute;
	right: 10px;
	top: 0;
}
.touch-toggle li {
	float: left;
	height: var(--header-h);
	padding: 0 clamp(8px, 1.25vw, 12px);
	text-align: center;
}
.touch-toggle li a {
	height: var(--header-h);
}
.touch-toggle li:hover, .touch-toggle li:active {
}
.touch-toggle .touch-toggle-item-first {
	border-left: none;
}
.touch-toggle .touch-toggle-item-last {
	border-right: none;
}
.touch-toggle li a {
	display: block;
	font-size: clamp(11px, 2.67vw, 12px);
}
.touch-toggle li i {
	display: inline-block;
	width: clamp(26px, 4.27vw, 32px);
	height: clamp(26px, 4.27vw, 32px);
	overflow: hidden;
	margin-top: calc((var(--header-h) - clamp(26px, 4.27vw, 32px)) / 2);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.touch-toggle .touch-icon-language {
	background-image: url(../images/touch-icon-language.png);
}
.touch-toggle .touch-icon-user {
	background-image: url(../images/touch-icon-user.png);
}
.touch-toggle .touch-icon-search {
	background-image: url(../images/head_pic2.png);
}
.touch-toggle .touch-icon-menu {
	background-image: url(../images/head_pic1.png);
}
.touch-toggle li span {
	display: none;
	text-align: center;
}
.drawer-section {
	display: none;
	background: linear-gradient(180deg, var(--tech-drawer-bg0) 0%, var(--tech-drawer-bg1) 100%);
	border-bottom: 1px solid var(--tech-footer-line);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.drawer-section-menu {
}
.touch-toggle-content {
	clear: both;
}
.touch-menu {
	clear: both;
}
.touch-menu ul li {
	border-bottom: 1px solid rgba(148, 163, 184, 0.12);
	position: relative;
}
.touch-menu ul li a {
	color: var(--tech-drawer-text);
	display: block;
	font-size: var(--header-nav-fs);
	font-weight: 500;
	letter-spacing: 0.04em;
	height: var(--header-menu-item-h);
	line-height: var(--header-menu-item-h);
	padding-left: 16px;
	transition: color 0.18s ease, background 0.18s ease;
}
.touch-menu ul li a:hover,
.touch-menu ul li a:active {
	background: linear-gradient(
		90deg,
		rgba(0, 161, 233, 0.22) 0%,
		rgba(0, 161, 233, 0.06) 55%,
		transparent 100%
	);
	color: #f8fafc;
}
.touch-menu ul li i {
	position: absolute;
	top: calc((var(--header-menu-item-h) - 13px) / 2);
	right: 25px;
	display: block;
	width: 13px;
	height: 13px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.touch-menu ul li i.touch-arrow-right {
	display: none;
	background-image: url(../images/touch-arrow-r.png);
}
.touch-menu ul li i.touch-arrow-down {
	background-image: url(../images/touch-arrow-d.png);
}
.touch-menu ul li i.touch-arrow-up {
	background-image: url(../images/touch-arrow-u.png);
}
.touch-menu ul li a:hover i.touch-arrow-down {
	background-image: url(../images/touch-arrow-d2.png);
}
.touch-menu ul li a:hover i.touch-arrow-up {
	background-image: url(../images/touch-arrow-u2.png);
}
.touch-menu ul ul {
	display: none;
	margin: 0 0 0 12px;
	padding: 6px 0 14px 0;
	background: rgba(0, 0, 0, 0.2);
	border-left: 2px solid var(--tech-accent);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.touch-menu ul ul li {
	border-bottom: none;
	margin: 0;
	padding: 0;
}
.touch-menu ul ul li a {
	padding: 0 12px 0 16px;
	font-size: var(--header-sub-nav-fs);
	font-weight: 500;
	height: calc(var(--header-menu-item-h) - 8px);
	line-height: calc(var(--header-menu-item-h) - 8px);
	text-transform: none;
	letter-spacing: 0.03em;
	color: var(--tech-footer-muted);
	transition: color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}
.touch-menu ul ul li a:hover,
.touch-menu ul ul li a:active {
	color: var(--tech-accent-bright);
	background: rgba(0, 161, 233, 0.08);
}
.touch-menu ul ul li i {
	top: calc((var(--header-menu-item-h) - 8px - 13px) / 2);
}
.touch-menu .closetitle {
	padding-top: 10px;
	padding-bottom: 12px;
	text-align: center;
}
.touch-menu .closetitle img {
	margin: 0 auto;
	height: 20px;
	width: auto;
}
/*手机弹出搜索*/
.search_div {
	clear: both;
	width: 100%;
	overflow: hidden;
	padding-top: 2%;
	padding-bottom: 2%;
	display: none; /*z-index:999;*/
}
.search_div .search_con {
	width: 92%;
	margin: 0 auto;
	border: 1px solid rgba(0, 161, 233, 0.35);
	height: 40px !important;
	line-height: 40px;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.55);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.search_div .search_con .input1 {
	text-indent: 15px;
	width: 88%;
	float: left;
	border: 0;
	background: none;
	height: 100%;
	font-size: 15px;
	outline: none;
	color: var(--tech-drawer-text);
}
.search_div .search_con .bnt1 {
	-webkit-appearance: none;
	float: right;
	width: 12%;
	max-width: 60px;
	background: url(../images/head_pic2.png) 50% center no-repeat;
	background-size: auto 55%;
	border: 0;
	height: 100%;
	cursor: pointer;
}
/*尾部*/
.f_bg {
	overflow: hidden;
	background: rgba(5, 26, 77, 1);
	color: rgba(255, 255, 255, 0.78);
	font-size: 14px;
	clear: both;
	padding-top: clamp(48px, 4.2vw, 72px);
	padding-bottom: clamp(21px, 3vw, 31px);
	border-top: none;
}
.f_footer_inner {
	max-width: 1440px;
	width: min(1440px, calc(100% - 2 * clamp(20px, 12.5vw, 240px)));
	margin: 0 auto;
	box-sizing: border-box;
}
.f_bg_div {
	width: 100%;
	max-width: none;
	min-width: 0;
	margin: 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	box-sizing: border-box;
}
.f_footer_cols {
	--f-footer-col-gap: clamp(20px, 2.8vw, 48px);
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.35fr) minmax(0, 1.35fr) minmax(0, 1.5fr);
	gap: var(--f-footer-col-gap);
	align-items: start;
}
.f_bg a {
	color: rgba(255, 255, 255, 0.78);
	text-decoration: none;
}
.f_bg a:hover {
	color: #fff;
}
.f_bg .links {
	float: none;
	flex: none;
	width: auto;
	min-width: 0;
	max-width: none;
	padding: 0;
	margin: 0;
	overflow: visible;
	padding-bottom: 0;
	box-sizing: border-box;
}
.f_bg .links.f_links--wrap {
	flex: none;
	min-width: 0;
	max-width: none;
}
.f_bg .links h2,
.f_bg .f_footer_lv1,
.f_bg .f_links--contact .f_contact_box h2 {
	font-family: "Source Han Sans SC", "Source Han Sans CN", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
	font-size: clamp(14px, 1.11vw, 16px);
	line-height: 1.5;
	font-weight: 500;
	margin: 0 0 clamp(12px, 1.25vw, 18px) 0;
	padding: 0;
	color: #fff;
	letter-spacing: 0;
}
.f_bg .links h2 a {
	color: #fff;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	white-space: nowrap;
}
.f_bg .links h2 a:hover {
	color: rgba(255, 255, 255, 0.85);
}
.f_bg .links ul,
.f_bg .f_footer_contact_list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.f_bg .links ul li:not(.f_footer_contact_item),
.f_bg .links ul li a {
	display: block;
	height: auto;
	min-height: 0;
	line-height: 1.65;
	margin: 0 0 clamp(8px, 0.69vw, 10px) 0;
	overflow: visible;
	font-size: clamp(12px, 0.97vw, 14px);
	font-weight: 400;
	color: rgba(229, 229, 229, 1);
}
.f_bg .links ul li:last-child,
.f_bg .f_footer_contact_list li:last-child {
	margin-bottom: 0;
}
.f_bg .links:not(.f_links--contact) ul li:not(.f_footer_more) {
	max-width: 11em;
	min-width: 0;
}
.f_bg .links:not(.f_links--contact) ul li a {
	max-width: 11em;
	transition: color 0.2s ease;
	padding-right: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.f_bg .links.f_links--wrap ul li,
.f_bg .links.f_links--wrap ul li a {
	white-space: nowrap;
	word-break: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}
.f_bg .links ul li a:hover {
	margin-left: 0;
	color: #fff;
}
.f_bg .f_links--contact {
	max-width: none;
	width: auto;
	min-width: 0;
}
.f_contact_box {
	/* border: 1px solid rgba(255, 255, 255, 0.28); */
	border-left: none;
	border-top: none;
	padding: 0 16px 16px 0;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}
.f_contact_box h2 {
	margin-bottom: 18px !important;
}
.f_bg .f_footer_contact_list .f_footer_contact_item {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 12px 0 !important;
	line-height: 1.4 !important;
	color: rgba(255, 255, 255, 0.78) !important;
	font-size: clamp(12px, 0.97vw, 14px) !important;
	white-space: normal !important;
	overflow: hidden !important;
}
.f_footer_contact_item:last-child {
	margin-bottom: 0 !important;
}
.f_bg .f_footer_contact_list .f_footer_contact_item img {
	display: block;
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	margin-top: 2px;
	object-fit: contain;
}
.f_bg .f_footer_contact_list .f_footer_contact_item span {
	flex: 1 1 auto;
	min-width: 0;
	white-space: normal;
	word-break: break-word;
}
.f_footer_brand {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: clamp(26px, 3.5vw, 36px);
	padding-top: clamp(24px, 2.2vw, 34px);
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.f_footer_brand__logo {
	display: block;
	flex: 0 0 auto;
	line-height: 0;
	max-width: 100%;
}
.f_footer_brand__logo img {
	display: block;
	width: clamp(88px, 5.44vw, 110px);
	height: auto;
	aspect-ratio: 136 / 77;
	object-fit: contain;
	filter: brightness(0) invert(1);
	opacity: 0.95;
}
.f_footer_brand__qr {
	flex: 0 0 auto;
	line-height: 0;
}
.f_footer_brand__qr img {
	display: block;
	width: clamp(72px, 6vw, 96px);
	height: clamp(72px, 6vw, 96px);
	object-fit: contain;
}
.f_div3 .footx .f_copyright a {
	color: rgba(40, 41, 56, 1);
	text-decoration: none;
}
.f_div3 .footx .f_copyright a:hover {
	color: rgba(40, 41, 56, 1);
}
.f_bg .f_contact_wrap {
	display: none;
}
.f_div3 {
	line-height: 1.65;
	min-height: 24px;
	background: #fff;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	clear: both;
	overflow: hidden;
	font-size: 14px;
	padding: 16px clamp(20px, 12.5vw, 240px);
	color: rgba(128, 128, 128, 1);
	text-align: left;
}
.f_div3 .f_bg_div.footx,
.f_div3 .footx {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: clamp(12px, 1.5vw, 24px);
	text-align: left;
	flex-wrap: nowrap;
}
.f_copyright_row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 12px;
	row-gap: 6px;
	flex: 1 1 auto;
	min-width: 0;
}
.f_beian_group {
	display: inline-flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 12px;
	flex: 0 1 auto;
	min-width: 0;
}
.f_div3 .footx .l,
.f_div3 .footx .f_copyright {
	width: auto;
	max-width: none;
	float: none !important;
	display: block;
	text-align: left;
	flex: 0 1 auto;
	min-width: 0;
	font-size: clamp(12px, 0.85vw, 13px);
	color: rgba(40, 41, 56, 1);
	white-space: nowrap;
}
.f_beian {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	font-size: clamp(12px, 0.85vw, 13px);
	line-height: 1.5;
	color: rgba(40, 41, 56, 1);
	text-decoration: none;
	white-space: nowrap;
}
.f_beian:hover {
	color: rgba(40, 41, 56, 1);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.f_beian__icon {
	display: block;
	width: 16px;
	height: 16px;
	object-fit: contain;
	flex-shrink: 0;
}
.f_footer_nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	gap: clamp(10px, 1.4vw, 28px);
	flex: 0 1 auto;
	min-width: 0;
}
.f_footer_nav a {
	color: rgba(128, 128, 128, 1);
	text-decoration: none;
	font-size: clamp(12px, 0.9vw, 14px);
	line-height: 1.5;
	white-space: nowrap;
	flex-shrink: 0;
	transition: color 0.2s ease;
}
.f_footer_nav a:hover {
	color: rgba(40, 41, 56, 1);
}
.f_div3 a {
	color: rgba(56, 56, 56, 1);
}
.f_div3 a:hover {
	color: rgba(40, 41, 56, 1);
	transition: color 0.2s;
	opacity: 1;
	filter: none;
}
.f_div3 .footx a {
	display: inline;
	margin: 0;
}
.f_div3 .footx .f_beian {
	display: inline-flex;
}
/*.gotop{ position:fixed; bottom:10%; right:1%; width:51px; height:51px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
}
.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}*/

.right_ul {
	height: 46px;
	line-height: 46px;
	overflow: hidden;
	border-top: 2px solid #dedede;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	display: none;
	background-color: #fff;
}
.right_ul ul li {
	width: 25%;
	float: left;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
}
.right_ul ul li img {
	height: 22px;
	margin: 0 auto;
}
.right_ul ul li a {
	display: block;
	border-right: 1px solid #dedede;
}
.right_ul ul li:last-child a {
	border: 0;
}
/*微信弹窗*/
#hidden {
	z-index: 2147483647;
	display: none;
	background: #000;
	filter: alpha(opacity=0);
	left: 0px;
	opacity: 0;
	position: fixed;
	width: 3000px;
	height: 100%;
	padding-top: 28%;
	text-align: center;
	top: 0;
}
#hiddenimg {
	opacity: 1;
	display: none;
	position: fixed;
	left: 0%;
	width: 100%;
	height: 300px;
	padding-top: 0;
	z-index: 2147483647;
	top: 28%;
	text-align: center;
}
#hiddenimg img {
	width: 90%;
	max-width: 300px;
	margin: 0 auto;
}
#hiddenimg2 {
	text-align: center;
}
.weixinclose {
	position: fixed;
	right: 2%;
	top: 2%;
	color: #fff;
	font-size: 30px;
	cursor: pointer;
	z-index: 2147483648;
	font-weight: normal;
	display: none;
}
/*荣誉弹窗*/
.case_bgs {
	z-index: 19891024;
	background: url(../images/about_bg.png) repeat;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
}
.case_tc {
	z-index: 19891025;
	width: 90%; /* top: 157.5px; */
	left: 50%;
	margin-left: -46%; /* margin-left: -300px; */
	position: absolute;
	overflow: hidden;
	top: 270px;
	height: 0;
	display: none;
}
.case_tc .case_box {
	width: 94%;
	margin: 0 auto;
	max-width: 740px;
	background: #00a1e9;
	border: 6px solid #b3b3b3;
	border-radius: 6px;
	overflow: hidden;
}
.case_tc .case_box2 {
	width: 94%;
	margin: 0 auto;
	max-width: 1028px;
	background: #fff;
	overflow: hidden;
}
.case_tc .case_divs {
	position: relative;
	width: 100%;
}
.case_tc .case_divs .closed {
	right: 0%;
	position: absolute;
	top: 0%;
	cursor: pointer;
}
.case_tc .case_divs .closed:hover {
	filter: Alpha(Opacity=80);
	opacity: 0.8;
	transition: all 0.3s;
}
.case_tc .case_divs .closed2 {
	right: 15px;
	position: absolute;
	top: 15px;
	cursor: pointer;
}
.case_tc .case_divs .closed2:hover {
	filter: Alpha(Opacity=80);
	opacity: 0.8;
	transition: all 0.3s;
}
.case_tc #tc_big {
	width: 100%;
	display: block;
}
.case_tc .case_divs .case_txt {
	padding: 12px;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.case_tc .case_divs .case_txt h2 {
	font-size: 14px;
	line-height: 40px;
	font-weight: normal;
}
.case_tc .case_divs .case_txt2 {
	max-width: 890px;
	width: 94%;
	margin: 0 auto;
	color: #333;
	font-size: 14px;
	line-height: 22px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.case_tc .case_divs .case_txt2 h2 {
	font-size: 18px;
	line-height: 40px;
	margin-bottom: 1%;
}
.case_tc .case_divs .case_txt3 {
	max-width: 890px;
	width: 94%;
	margin: 0 auto;
	color: #333;
	font-size: 14px;
	line-height: 22px;
	padding-top: 50px;
	padding-bottom: 30px;
}
.case_tc .case_divs .case_txt3 dl dt {
	font-weight: bold;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	color: #333333;
}
.case_tc .case_divs .case_txt3 dl dd:first-child {
	font-size: 14px;
}
.case_tc .case_divs .case_txt3 dl dd {
	color: #555555;
	font-size: 13px;
	line-height: 28px;
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 2%;
	margin-bottom: 2%;
}
.case_tc .case_divs .case_txt3 dl dd h3 {
	font-size: 16px;
	height: 30px;
	line-height: 30px;
}
.case_tc .case_divs .case_txt3 dl dd:last-child {
	border-bottom: 0;
}
.case_tc .case_divs .case_txt3 dl dd .job_a {
	display: block;
	width: 150px;
	height: 44px;
	overflow: hidden;
	background-color: #409EFF;
	color: #fff;
	font-size: 14px;
	line-height: 44px;
	border-radius: 6px;
	margin-top: 50px;
	text-align: center;
	transition: all 0.3s;
}
.case_tc .case_divs .case_txt3 dl dd .job_a:hover {
	color: #fff;
	filter: Alpha(Opacity=80);
	opacity: 0.8;
}
 @media screen and (max-width: 1600px) {
.f50 {
	font-size: 47px;
}
.f44 {
	font-size: 40px;
}
.f41 {
	font-size: 38px;
}
.f40 {
	font-size: 37px;
}
.f38 {
	font-size: 36px;
}
.f36 {
	font-size: 35px;
}
}
/* 仅小屏（宽 <1600）：避免绝对定位的搜索框压住导航末项；≥1600 保持原样 */
@media screen and (max-width: 1599px) {
	:root {
		--header-nav-gap: clamp(8px, 1.25vw, 16px);
	}
	.header-v1 .top-main .top-main-content {
		box-sizing: border-box;
		padding-right: clamp(200px, 14vw, 310px);
	}
}
@media screen and (max-width: 1366px) {
	:root {
		--header-nav-gap: clamp(6px, 0.88vw, 12px);
	}
	.header-v1 .top-main .top-main-content {
		padding-right: clamp(210px, 16vw, 300px);
	}
}
@media screen and (max-width: 1440px) {
.f50 {
	font-size: 45px;
}
.f44 {
	font-size: 38px;
}
.f41 {
	font-size: 36px;
}
.f40 {
	font-size: 35px;
}
.f38 {
	font-size: 34px;
}
.f36 {
	font-size: 33px;
}
}
@media screen and (max-width: 1310px) {
.header-v1 .top-main .top_r {
	display: none;
}
}
@media screen and (max-width: 1200px) {
.f50 {
	font-size: 41px;
}
.f44 {
	font-size: 36px;
}
.f41 {
	font-size: 32px;
}
.f40 {
	font-size: 31px;
}
.f38 {
	font-size: 30px;
}
.f36 {
	font-size: 29px;
}
.f16 {
	font-size: 14px;
}
/*尾部*/
}
@media screen and (max-width: 1100px) {
.f50 {
	font-size: 39px;
}
.f44 {
	font-size: 32px;
}
.f41 {
	font-size: 30px;
}
.f40 {
	font-size: 29px;
}
.f38 {
	font-size: 28px;
}
.f36 {
	font-size: 27px;
}
.f28 {
	font-size: 22px;
}
.f24 {
	font-size: 20px;
}
.f22 {
	font-size: 18px;
}
.f18 {
	font-size: 16px;
}
/* 手机导航全局 */
:root {
	--header-h: clamp(52px, 7.27vw, 72px);
	--header-nav-fs: clamp(14px, 3.64vw, 16px);
	--header-sub-nav-fs: clamp(12px, 3.2vw, 13px);
	--header-menu-item-h: clamp(42px, 11.82vw, 50px);
}
.header-v1 {
	display: none;
}
.touch-top {
	display: block;
}
.top_search {
	width: 90%;
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 0;
	background: url(../images/search_bg.png) #eee right center no-repeat;
	margin-right: 5%;
}
}
@media screen and (max-width: 960px) {
.f50 {
	font-size: 36px;
}
.f44 {
	font-size: 30px;
}
.f41 {
	font-size: 28px;
}
.f40 {
	font-size: 27px;
}
.f38 {
	font-size: 26px;
}
.f36 {
	font-size: 25px;
}
.f24 {
	font-size: 18px;
}
/*尾部*/
.f_footer_cols {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.f_bg .links {
	display: block;
	flex: 0 1 auto;
	min-width: 140px;
	max-width: 100%;
	overflow: hidden;
}
.f_div3 .footx {
	flex-direction: column;
	align-items: flex-start;
	flex-wrap: wrap;
}
.f_footer_nav {
	justify-content: flex-start;
	width: 100%;
	flex-wrap: wrap;
}
}
@media screen and (max-width: 830px) {
.f50 {
	font-size: 34px;
}
.f44 {
	font-size: 28px;
}
.f41 {
	font-size: 27px;
}
.f40 {
	font-size: 26px;
}
.f38 {
	font-size: 25px;
}
.f36 {
	font-size: 24px;
}
.f32 {
	font-size: 27px;
}
.f30 {
	font-size: 26px;
}
.f28 {
	font-size: 20px;
}
.f24 {
	font-size: 17px;
}
.f22 {
	font-size: 16px;
}
.f18 {
	font-size: 14px;
}
/*尾部*/
.f_footer_cols {
	gap: 20px 16px;
}
.f_bg .links h2,
.f_bg .f_footer_lv1 {
	font-size: 15px;
	margin-bottom: 12px;
}
.f_bg .links ul li,
.f_bg .links ul li a,
.f_footer_contact_item {
	font-size: 13px;
	line-height: 1.6;
}
.f_div3 {
	font-size: 13px;
	padding-left: 12px;
	padding-right: 12px;
}
.f_footer_nav a {
	font-size: 13px;
}
}
@media screen and (max-width: 780px) {
.f50 {
	font-size: 30px;
}
.f40 {
	font-size: 25px;
}
.f38 {
	font-size: 24px;
}
.f36 {
	font-size: 23px;
}
/*右边浮动客服*/
.side {
	display: none;
}
.right_ul {
	display: block;
}
}
 @media screen and (max-width: 640px) {
.f50 {
	font-size: 28px;
}
.f40 {
	font-size: 23px;
}
.f38 {
	font-size: 22px;
}
.f36 {
	font-size: 21px;
}
.f32 {
	font-size: 21px;
}
.f30 {
	font-size: 20px;
}
.f28 {
	font-size: 18px;
}
.f24 {
	font-size: 16px;
}
.f22 {
	font-size: 14px;
}
.f18 {
	font-size: 13px;
}
.f16 {
	font-size: 13px;
}
}
 @media screen and (max-width: 480px) {
.f50 {
	font-size: 25px;
}
.f40 {
	font-size: 19px;
}
.f38 {
	font-size: 18px;
}
.f36 {
	font-size: 18px;
}
.f32 {
	font-size: 17px;
}
.f28 {
	font-size: 15px;
}
.f18 {
	font-size: 12px;
}
:root {
	--header-h: clamp(48px, 12.8vw, 56px);
	--header-nav-fs: clamp(14px, 3.73vw, 15px);
	--header-menu-item-h: clamp(40px, 10.67vw, 44px);
}
.touch-toggle li {
	padding-left: 8px;
	padding-right: 8px;
}
/*尾部*/
.f_footer_cols {
	grid-template-columns: 1fr;
}
.f_bg .links {
	flex: 0 0 auto;
	width: 100%;
	min-width: 0;
	max-width: none;
}
.f_footer_brand {
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}
.f_footer_brand__qr {
	align-self: flex-end;
}
}
 @media screen and (max-width: 360px) {
.f50 {
	font-size: 23px;
}
.f40 {
	font-size: 17px;
}
.f38 {
	font-size: 16px;
}
.f36 {
	font-size: 17px;
}
.f32 {
	font-size: 16px;
}
.f28 {
	font-size: 14px;
}
}
.baidu_ditu {
	width: 100%;
	height: 25rem;
	margin: 0 auto;
	border: #ccc solid 1px;
	margin-bottom: 2rem;
}
@media screen and (max-width:767px) {
body .baidu_ditu {
	width: 96%;
	height: 20rem;
	margin: 0 auto;
	border: #ccc solid 1px;
	margin-bottom: 2rem;
}

}

/* ========== 招贤纳士 recruit.htm ========== */
.job-recruit-page {
	padding-top: 48px;
	padding-bottom: 64px;
	background: linear-gradient(180deg, #f4f8fc 0%, #eef3f9 45%, #e8eef6 100%);
}
.news_bg.job-recruit-page {
	padding-top: 48px;
}
.job-recruit-inner {
	max-width: 1320px;
	margin: 0 auto;
}
/* Join us：左侧文章缩略图 + 右侧图片手风琴 */
.job-recruit-join {
	display: grid;
	grid-template-columns: minmax(220px, 280px) auto;
	gap: clamp(48px, 8vw, 152px);
	align-items: stretch;
	margin-bottom: 8px;
	min-height: 440px;
}
.job-recruit-join--no-intro {
	grid-template-columns: minmax(0, 1fr);
}
.job-recruit-join--no-gallery {
	grid-template-columns: minmax(220px, 280px);
	min-height: 0;
}
.job-recruit-join--no-intro.job-recruit-join--no-gallery {
	grid-template-columns: 1fr;
}
.job-recruit-join__thumb {
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.job-recruit-join__thumb-copy {
	width: 100%;
	max-width: 280px;
	padding: clamp(8px, 1vw, 12px) 0;
	box-sizing: border-box;
}
.job-recruit-join__thumb-line {
	margin: 0;
	font-family: "Source Han Sans SC", "Source Han Sans CN", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
	font-size: clamp(22px, 2.083vw, 40px);
	font-weight: 700;
	line-height: 1.45;
	color: #1e293b;
	letter-spacing: 0.02em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
.job-recruit-join__thumb-line + .job-recruit-join__thumb-line {
	margin-top: clamp(2px, 0.3vw, 6px);
}
.job-recruit-join__thumb-accent {
	display: block;
	width: clamp(36px, 3.125vw, 60px);
	height: 4px;
	margin-top: clamp(18px, 2.083vw, 28px);
	border-radius: 2px;
	background: linear-gradient(90deg, #00a1e9 0%, #3b82f6 100%);
}
.job-recruit-join__thumb-img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 440px;
	object-fit: contain;
	border-radius: 18px;
}
.job-recruit-join__gallery {
	display: flex;
	align-items: stretch;
	width: auto;
	max-width: 100%;
	min-width: 0;
	min-height: 400px;
	gap: 12px;
}
.job-recruit-join--no-gallery .job-recruit-join__gallery {
	display: none;
}
.job-recruit-join__panel {
	--join-panel-ease: cubic-bezier(0.33, 1, 0.68, 1);
	position: relative;
	flex: 1 1 140px;
	min-width: 140px;
	height: 400px;
	border-radius: 18px;
	overflow: hidden;
	cursor: pointer;
	background-color: #dbeafe;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	outline: none;
	transform: translateZ(0);
	backface-visibility: hidden;
	transition:
		flex-grow 0.58s var(--join-panel-ease),
		flex-basis 0.58s var(--join-panel-ease),
		min-width 0.58s var(--join-panel-ease),
		box-shadow 0.48s var(--join-panel-ease);
}
.job-recruit-join__panel.is-active {
	flex-grow: 4.2;
	flex-basis: 365px;
	min-width: 240px;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.14);
}
.job-recruit-join__panel::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(15, 23, 42, 0) 35%, rgba(15, 23, 42, 0.72) 100%);
	pointer-events: none;
	opacity: 0.88;
	transition: opacity 0.52s var(--join-panel-ease);
}
.job-recruit-join__panel.is-active::before {
	opacity: 1;
}
.job-recruit-join__caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0 16px 28px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	color: #fff;
	text-align: left;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
	z-index: 1;
	transform: translateY(0);
	opacity: 0.92;
	transition:
		left 0.58s var(--join-panel-ease),
		right 0.58s var(--join-panel-ease),
		bottom 0.58s var(--join-panel-ease),
		padding 0.58s var(--join-panel-ease),
		font-size 0.52s var(--join-panel-ease),
		line-height 0.52s var(--join-panel-ease),
		opacity 0.42s ease,
		transform 0.58s var(--join-panel-ease);
}
.job-recruit-join__panel.is-active .job-recruit-join__caption {
	left: 20px;
	right: 20px;
	bottom: 80px;
	padding: 0;
	overflow: visible;
	font-size: 19px;
	line-height: 1.5;
	text-align: left;
	opacity: 1;
	transform: translateY(0);
}
.job-recruit-join__panel:not(.is-active) .job-recruit-join__caption {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 27px;
	font-size: 19px;
	line-height: 1.4;
	transform: translateY(2px);
}
@media (prefers-reduced-motion: reduce) {
	.job-recruit-join__panel,
	.job-recruit-join__panel::before,
	.job-recruit-join__caption {
		transition-duration: 0.01ms !important;
	}
}
/* 招聘职位：顶部筛选 + 折叠列表 */
.job-recruit-positions {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.job-recruit-filter {
	padding: 24px 58px;
	background: #fff;
	border: 1px solid rgba(148, 163, 184, 0.16);
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
}
.job-recruit-filter__row {
	display: flex;
	align-items: flex-start;
	gap: 20px 28px;
}
.job-recruit-filter__row + .job-recruit-filter__row {
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid rgba(148, 163, 184, 0.14);
}
.job-recruit-filter__label {
	flex: 0 0 auto;
	min-width: 72px;
	padding-top: 8px;
	font-size: 16px;
	font-weight: 400;
	color: var(--tech-text);
	line-height: 1.4;
}
.job-recruit-filter__tabs,
.job-recruit-filter__jobs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	min-width: 0;
	flex: 1 1 auto;
}
.job-recruit-filter__tab,
.job-recruit-filter__job {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 6px 13px;
	border: none;
	border-radius: 4px;
	background: transparent;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--tech-text-soft);
	cursor: pointer;
	transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
	white-space: nowrap;
}
.job-recruit-filter__tab:hover,
.job-recruit-filter__job:hover {
	color: var(--tech-accent);
	background: rgba(0, 161, 233, 0.06);
}
.job-recruit-filter__tab.is-active,
.job-recruit-filter__job.is-active {
	color: rgba(36, 104, 242, 1);
	background: rgba(222, 237, 255, 1);
}
.job-recruit-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.job-recruit-item.is-hidden {
	display: none !important;
}
.job-recruit-item__card {
	/* border-radius: 16px; */
	background: #fff;
	/* border: 1px solid rgba(148, 163, 184, 0.14); */
	/* box-shadow: 0 8px 28px rgba(15, 23, 42, 0.05); */
	overflow: hidden;
	transition: box-shadow 0.25s ease, border-color 0.25s ease;
}
.job-recruit-item.is-expanded .job-recruit-item__card {
	border-color: rgba(0, 161, 233, 0.18);
	box-shadow: 0 12px 36px rgba(15, 23, 42, 0.08);
}
.job-recruit-item__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px 32px;
	padding: 22px 28px 22px 58px;
}
.job-recruit-item__header-main {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	text-align: left;
	cursor: pointer;
	font: inherit;
}
.job-recruit-item__header-side {
	flex: 0 0 auto;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	gap: 10px;
	min-width: 148px;
}
.job-recruit-item.is-expanded .job-recruit-item__header-side {
	justify-content: flex-start;
}
.job-recruit-item__header-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
}
.job-recruit-item__title-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
	margin-top: 22px;
    margin-bottom: 22px;
}
.job-recruit-item__title {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	color: #333333;
}
.job-recruit-item__tags {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.job-recruit-item__tag {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 12px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
}
.job-recruit-item__tag--type {
	color: #00a1e9;
	background: rgba(0, 161, 233, 0.12);
}
.job-recruit-item__tag--loc {
	color: #e67e22;
	background: rgba(255, 183, 120, 0.28);
}
.job-recruit-item__summary {
	margin: 0;
	font-size: 13px;
	line-height: 1.6;
	color: #999999;
}
.job-recruit-item__date {
	font-size: 14px;
	line-height: 1.4;
	color: var(--tech-muted);
	white-space: nowrap;
}
.job-recruit-item__contact {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 40px;
	padding: 0 22px;
	border: none;
	border-radius: 999px;
	background: linear-gradient(135deg, #00a1e9 0%, #0077b6 100%);
	box-shadow: 0 4px 16px rgba(0, 161, 233, 0.28);
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	white-space: nowrap;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.job-recruit-item.is-expanded .job-recruit-item__contact {
	display: inline-flex;
}
.job-recruit-item.is-expanded .job-recruit-item__contact.job-recruit-contact__btn {
	display: inline-flex;
}
.job-recruit-item__contact:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 22px rgba(0, 161, 233, 0.34);
}
.job-recruit-item__contact-icon {
	display: block;
	width: 18px;
	height: 18px;
	object-fit: contain;
}
.job-recruit-item__toggle-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
}
.job-recruit-item__toggle-icon {
	display: block;
	width: 36px;
	height: 36px;
	object-fit: contain;
}
.job-recruit-item__toggle-icon--up {
	display: none;
}
.job-recruit-item.is-expanded .job-recruit-item__toggle-icon--down {
	display: none;
}
.job-recruit-item.is-expanded .job-recruit-item__toggle-icon--up {
	display: block;
}
.job-recruit-item__body {
	padding: 8px 58px 32px;
	border-top: 1px solid rgba(148, 163, 184, 0.12);
}
.job-recruit-item__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.75fr) minmax(220px, 1fr);
	gap: 32px 48px;
	align-items: start;
}
.job-recruit-item__col--main {
	display: flex;
	flex-direction: column;
	gap: 0;
}
.job-recruit-item__col--side {
	padding-top: 0;
}
.job-recruit-item__section {
	margin-bottom: 28px;
}
.job-recruit-item__section:last-child {
	margin-bottom: 0;
}
.job-recruit-item__section-title {
	margin: 0 0 12px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
	color: #333333;
}
.job-recruit-item__section-body {
	font-size: 13px;
	line-height: 1.9;
	color: #666666;
}
.job-recruit-item__section-body p {
	margin: 0 0 0.55em;
}
.job-recruit-item__section-body p:last-child {
	margin-bottom: 0;
}
.job-recruit-item__section-body ol,
.job-recruit-item__section-body ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.job-recruit-item__section-body ol {
	counter-reset: job-section-item;
}
.job-recruit-item__section-body ol > li {
	counter-increment: job-section-item;
	position: relative;
	padding-left: 1.6em;
	margin-bottom: 0.45em;
}
.job-recruit-item__section-body ol > li::before {
	content: counter(job-section-item) "、";
	position: absolute;
	left: 0;
	top: 0;
	color: #666666;
}
.job-recruit-item__section-body ul > li {
	position: relative;
	padding-left: 1em;
	margin-bottom: 0.45em;
}
.job-recruit-item__section-body ul > li::before {
	content: "·";
	position: absolute;
	left: 0;
	color: #999999;
}
.job-recruit-item__section-body strong,
.job-recruit-item__section-body b {
	color: #333333;
	font-weight: 600;
}
.job-recruit-item__apply {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	align-self: flex-start;
	min-height: 40px;
	margin-top: 4px;
	padding: 0 24px;
	border-radius: 999px;
	background: #fff8e7;
	border: 1px solid rgba(251, 191, 36, 0.35);
	box-shadow: none;
	font-size: 14px;
	font-weight: 500;
	color: #555555;
	text-decoration: none;
	transition: background 0.2s ease, border-color 0.2s ease;
}
.job-recruit-item__apply:hover {
	background: #fff3d4;
	border-color: rgba(251, 191, 36, 0.55);
	color: #333333;
}
.job-recruit-item__apply-icon {
	display: block;
	flex: 0 0 auto;
	color: #f59e0b;
}
.job-recruit-empty {
	margin: 8px 0 0;
	padding: 48px 24px;
	border-radius: 16px;
	background: #fff;
	border: 1px dashed rgba(148, 163, 184, 0.35);
	font-size: 15px;
	color: var(--tech-muted);
	text-align: center;
}
.job-recruit-contact {
	flex: 0 0 auto;
	position: relative;
}
.job-recruit-contact__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 22px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	border: none;
	border-radius: 999px;
	background: linear-gradient(135deg, #00a1e9 0%, #0077b6 100%);
	box-shadow:
		0 4px 16px rgba(0, 161, 233, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.25);
	transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
	white-space: nowrap;
}
.job-recruit-item__contact.job-recruit-contact__btn {
	display: none;
	padding: 0 22px;
	min-height: 40px;
	width: 100%;
	box-shadow: 0 4px 16px rgba(0, 161, 233, 0.28);
}
.job-recruit-contact__btn:hover {
	transform: translateY(-1px);
	box-shadow:
		0 8px 24px rgba(0, 161, 233, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.job-recruit-contact__btn:active {
	transform: translateY(0);
}
.job-recruit-contact__btn-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.95;
}
.job-recruit-contact-pop {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(10, 22, 40, 0.45);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.25s ease, visibility 0.25s ease;
}
.job-recruit-contact-pop.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.job-recruit-contact-pop__card {
	position: relative;
	width: min(420px, 100%);
	padding: 28px 28px 24px;
	border-radius: 18px;
	background: linear-gradient(165deg, #fff 0%, #f4f9ff 100%);
	border: 1px solid rgba(0, 161, 233, 0.22);
	box-shadow:
		0 24px 64px rgba(15, 23, 42, 0.18),
		0 0 0 1px rgba(255, 255, 255, 0.8) inset;
	transform: translateY(12px) scale(0.98);
	transition: transform 0.25s ease;
}
.job-recruit-contact-pop.is-open .job-recruit-contact-pop__card {
	transform: translateY(0) scale(1);
}
.job-recruit-contact-pop__close {
	position: absolute;
	top: 12px;
	right: 14px;
	width: 32px;
	height: 32px;
	padding: 0;
	font-size: 22px;
	line-height: 1;
	color: #94a3b8;
	cursor: pointer;
	border: none;
	border-radius: 8px;
	background: transparent;
	transition: color 0.2s, background 0.2s;
}
.job-recruit-contact-pop__close:hover {
	color: #334155;
	background: rgba(148, 163, 184, 0.15);
}
.job-recruit-contact-pop__title {
	margin: 10px 0 10px;
	font-size: 20px;
	font-weight: 700;
	color: var(--tech-text);
}
.job-recruit-contact-pop__sub {
	margin: 0 0 20px;
	font-size: 13px;
	color: var(--tech-muted);
	line-height: 1.5;
}
.job-recruit-contact-pop__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.job-recruit-contact-pop__list li {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px 16px;
	margin-bottom: 10px;
	border-radius: 12px;
	background: rgba(0, 161, 233, 0.06);
	border: 1px solid rgba(0, 161, 233, 0.12);
}
.job-recruit-contact-pop__list li:last-child {
	margin-bottom: 0;
}
.job-recruit-contact-pop__label {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	color: var(--tech-muted);
	text-transform: uppercase;
}
.job-recruit-contact-pop__value {
	font-size: 16px;
	font-weight: 600;
	color: var(--tech-accent);
	text-decoration: none;
	word-break: break-all;
	transition: color 0.2s;
}
.job-recruit-contact-pop__value:hover {
	color: #0077b6;
	text-decoration: underline;
}
@media screen and (max-width: 960px) {
	.job-recruit-page {
		padding-top: 28px;
		padding-bottom: 40px;
	}
	.job-recruit-filter {
		padding: 18px 16px;
	}
	.job-recruit-filter__row {
		flex-direction: column;
		gap: 12px;
	}
	.job-recruit-filter__label {
		padding-top: 0;
	}
	.job-recruit-filter__jobs {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 4px;
		-webkit-overflow-scrolling: touch;
	}
	.job-recruit-filter__job {
		flex: 0 0 auto;
	}
	.job-recruit-item__header {
		flex-direction: column;
		gap: 16px;
		padding: 18px 16px;
	}
	.job-recruit-item__header-side {
		width: 100%;
		min-width: 0;
		align-items: stretch;
	}
	.job-recruit-item__body {
		padding: 0 16px 20px;
	}
	.job-recruit-item__layout {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.job-recruit-join {
		grid-template-columns: 1fr;
		min-height: 0;
	}
	.job-recruit-join__thumb-copy {
		max-width: 100%;
		padding: 0;
	}
	.job-recruit-join__thumb-line {
		font-size: clamp(20px, 5.6vw, 28px);
		line-height: 1.5;
	}
	.job-recruit-join__thumb-accent {
		margin-top: clamp(14px, 4vw, 24px);
	}
	.job-recruit-join__thumb-img {
		height: auto;
		max-height: 320px;
	}
	.job-recruit-join__gallery {
		min-height: 0;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		gap: 10px;
	}
	.job-recruit-join__panel {
		flex: 1 1 120px;
		min-width: 120px;
		height: 320px;
	}
	.job-recruit-join__panel.is-active {
		flex-grow: 3.5;
		flex-basis: min(68vw, 250px);
		min-width: min(68vw, 250px);
	}
	.job-recruit-join__panel.is-active .job-recruit-join__caption {
		left: 16px;
		bottom: 32px;
		font-size: 16px;
	}
	.job-recruit-join__panel:not(.is-active) .job-recruit-join__caption {
		font-size: 14px;
		padding-bottom: 16px;
	}
}