@font-face {
	font-family: "Hunsome Source Han Sans";
	src: local("Source Han Sans SC Light"), local("Source Han Sans CN Light"), local("Noto Sans CJK SC Light");
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}
@font-face {
	font-family: "Hunsome Source Han Sans";
	src: local("Source Han Sans SC"), local("Source Han Sans CN"), local("Noto Sans CJK SC"), url("../../../../fonts/SourceHanSansK-Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: "Hunsome Source Han Sans";
	src: local("Source Han Sans SC Bold"), local("Source Han Sans CN Bold"), local("Noto Sans CJK SC Bold");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}
:root {
	--hunsome-primary: #204995;
	--hunsome-ink: #040000;
	--hunsome-surface: #f4f6fa;
	--hunsome-border: #d9e1ef;
}
/*易优CMS（eyoucms.com）做最好的易优整站模板下载网站*/
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	line-height: 1.15;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
	margin: 0;
	line-height: 1.42857143;
	font-size: 14px;
	font-weight: 400;
	min-width: 1230px;
	background: #fff;
	color: #333;
}
h1 {
	font-size: 2em;
	margin: .67em 0;
}
figure {
	margin: 1em 40px;
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
a {
	-webkit-text-decoration-skip: objects;
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}
b, strong {
	font-weight: 700;
}
dfn {
	font-style: italic;
}
mark {
	background-color: #ff0;
	color: #040000;
}
small {
	font-size: 80%;
	font-weight: 300;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -.25em;
}
sup {
	top: -.5em;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}
button, input, optgroup, select, textarea {
	line-height: 1.42857143;
	margin: 0;
	outline: none;
}
body, button, input, select, textarea {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga", "kern";
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}
button, input {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html [type=button],/* 1 */ [type=reset], [type=submit] {
-webkit-appearance:button;
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
border-style:none;
padding:0;
}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
outline:1px dotted ButtonText;
}
fieldset {
	padding: .35em .75em .625em;
}
legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	display: inline-block;
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type=checkbox], [type=radio] {
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto;
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none;
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit;
}
summary {
	display: list-item;
}
article, aside, footer, header, nav, section, figcaption, figure, main, details,/* 1 */ menu {
	display: block;
}
pre, code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
audio, video, canvas {
	display: inline-block;
}
template, [hidden] {
display:none;
}
.clearfix {
	zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #204995;
}
ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.foot-link {
	padding: 20px 0;
}
.foot-link h4,
.foot-link h2 {
	border-bottom: 1px solid #ddd;
	margin: 0;
	font-size: 18px;
	color: #040000;
	padding-bottom: 15px;
}
.foot-link h4 small,
.foot-link h2 small {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	color: #999;
}
.foot-link ul {
	margin-left: -20px;
}
.foot-link li {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
.kf {
	width: 208px;
	position: fixed;/* right: 20px; */
	right: -208px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
}
.kt-top {
	height: 40px;
	line-height: 40px;
	background: url(../images/kefu.png) 12px center no-repeat #040000;
	-ms-background-size: auto 20px;
	background-size: auto 20px;
	padding-left: 46px;
	font-size: 14px;
	color: #fff;
}
.kt-top span:hover {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.kt-top span {
	width: 18px;
	height: 16px;
	float: right;
	position: relative;
	margin: 10px 10px 0 0;
	cursor: pointer;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}
.kt-top span b {
	width: 100%;
	height: 2px;
	background: #fff;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
}
.kt-top span b:first-child {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.kt-top span b:last-child {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
.kf .con {
	overflow: hidden;
	background: #fff;
}
.kf .qq li {
	height: 36px;
	line-height: 36px;
	border-bottom: #f4f6fa solid 1px;
	padding-left: 16px;
}
.kf .qq li a {
	height: 36px!important;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: initial;
	display: block;
}
.kf .qq li a img {
	padding-right: 6px;
}
.kf .con h5 {
	height: 26px;
	line-height: 26px;
	margin-top: 12px;
	background: url(../images/lianxi.png) 16px center no-repeat;
	padding-left: 45px;
	color: #666;
	font-size: 14px;
	margin-bottom: 0;
}
.kf .contact1 {
	margin-top: 1px;
	height: auto;
}
.kf .contact1 p {
	height: 26px;
	line-height: 26px;
	color: #666;
	font-size: 14px;
	padding-left: 22px;
	margin: 0;
}
.kf .contact1 p:nth-child(2n) {
	padding-left: 32px;
}
.kf .con h5.qr-icon {
	background: url(../images/erweima.png) 16px center no-repeat;
}
.kf .con .qr {
	margin-top: 10px;
	padding-left: 40px;
}
.kf .con .qr img {
	width: 110px;
	height: 110px;
}
.kf .backTop {
	width: 100%;
	height: 40px;
	margin-top: 10px;
	background: url(../images/huidaodingbu.png) center center no-repeat #040000;
	background-size: 18px auto;
	cursor: pointer;
}
.kf-side {
	padding: 18px 10px 10px;
	background: #040000;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	left: -34px;
	cursor: pointer;
}
.kf-side b {
	display: block;
	color: #fff;
	line-height: 18px;
	font-size: 14px;
	font-weight: 400;
}
.kf-side span.arrow {
	width: 12px;
	height: 12px;
	background: url(../images/jt-1.png) no-repeat;
	-ms-background-size: auto 12px;
	background-size: auto 12px;
	display: block;
	margin-top: 10px;
}
.kf-side span.on {
	background: url(../images/jt-2.png) no-repeat;
	-ms-background-size: auto 12px;
	background-size: auto 12px;
}
.footer-fix {
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	display: none;
}
.footer-fix li {
	float: left;
	width: 25%;
}
.footer-fix li a {
	display: block;
	text-align: center;
	padding: 7px 0;
	font-size: 12px;
	line-height: 1;
}
.footer-fix li i {
	display: block;
	height: 20px;
	background: no-repeat center;
	background-size: contain;
	margin-bottom: 4px;
}
.footer-fix li i.i1 {
	background-image: url(../images/f_01.png);
}
.footer-fix li i.i2 {
	background-image: url(../images/f_02.png);
}
.footer-fix li i.i3 {
	background-image: url(../images/f_03.png);
}
.footer-fix li i.i4 {
	background-image: url(../images/f_04.png);
}
.img-center {
	text-align: center;
	font-size: 0;
}
.img-center img {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.img-cover {
	overflow: hidden;
}
.img-cover span {
	display: block;
	width: 100%;
	background: no-repeat center / cover;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.container {
	padding: 0 15px;
	min-width: 1200px;
	margin: 0 auto;
	max-width: 1600px;
}
.more-big {
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	line-height: 50px;
	margin-top: 50px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(214,214,214)), to(rgb(255,255,255)));
	background-image: linear-gradient(to top, rgb(214,214,214), rgb(255,255,255));
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.more-big span {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	padding: 0 40px;
}
.more-big i {
	display: inline-block;
	background: url(../images/icon2a.png) no-repeat center;
	width: 50px;
	border-left: 1px solid #ccc;
	height: 50px;
	vertical-align: middle;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.more-big:hover {
	background: #204995;
	color: #fff;
}
.more-big:hover i {
	border-color: rgba(255,255,255,0.4);
	background-image: url(../images/icon2.png);
}
.header {
	position: fixed;
	z-index: 10;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	background-color: rgba(0,0,0,0.2);
}
/*.header .container {width: auto;padding: 0 60px;}*/
.header .logo {
	float: left;
	font-size: 0;
	height: 50px;
	line-height: 50px;
	text-align: left;
	padding: 25px 0;
}
.header .nav {
	float: right;
}
.header .nav li {
	margin-left: 10px;
	float: left;
}
.header .nav li>a {
	display: block;
	font-size: 18px;
	line-height: 100px;
	position: relative;
	color: #fff;
	padding: 0 30px;
}
.header .nav li>a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	background-color: #204995;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	content: '';
}
.header .nav li .arr {
	float: right;
	height: 40px;
	width: 40px;
	position: relative;
	display: none;
}
.header .nav li .arr:after {
	content: '';
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	right: 15px;
}
.header .nav li.dropdown {
	position: relative;
}
.header .nav .dropdown-box {
	position: absolute;
	left: 0;
	min-width: 100%;
	top: 100%;
	display: none;
	z-index: 10;
	text-align: center;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.header .nav .dropdown-box p {
	margin: 0;
}
.header .nav .dropdown-box a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
	font-size: 14px;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	line-height: 40px;
	color: #333;
}
.header .nav .dropdown-box a:hover {
	background-color: #204995;
	color: #fff;
}
.header .nav li.active>a, .header .nav li.open>a, .header .nav li>a:hover {
}
.header .nav li.open>a:after, .header .nav li.active>a:after, .header .nav li>a:hover:after {
	width: 100%;
}
.header .nav li.open .dropdown-box {
	display: block;
}
.header .sc {
	float: right;
	position: relative;
	margin-left: 40px;
}
.header .sc-btn {
	display: block;
	height: 100px;
	width: 30px;
	background: url(../images/icon1.png) no-repeat center;
}
.header .sc-box {
	position: absolute;
	right: 0;
	top: 100%;
	overflow: hidden;
	display: none;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.header .sc-box input {
	display: block;
	padding: 9px 62px 9px 12px;
	border: 1px solid transparent;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	width: 200px;
}
.header .sc-box button {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	width: 60px;
	height: 40px;
	background: #204995;
	color: #fff;
	border: 0;
	cursor: pointer;
	font-size: 14px;
}
.header-active {
	background: #040000;
}
.menu-btn {
	display: none;
	padding: 6px 0;
	float: right;
}
.menu-btn:before, .menu-btn:after, .menu-btn span {
	display: block;
	height: 2px;
	background-color: #fff;
	content: '';
}
.menu-btn:before {
	width: 24px;
}
.menu-btn:after {
	width: 18px;
	margin-left: 6px;
}
.menu-btn span {
	width: 12px;
	margin: 6px 0 6px 12px;
}
.banner .swiper-slide {
	height: auto;
}
.banner .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
}
.banner .swiper-pagination {
	bottom: 24px;
	left: 50%;
	right: auto;
	width: auto;
	padding: 8px 11px;
	font-size: 0;
	line-height: 0;
	background: rgba(255, 255, 255, 0.84);
	border: 1px solid rgba(32, 73, 149, 0.14);
	border-radius: 999px;
	box-shadow: 0 6px 18px rgba(32, 73, 149, 0.14);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.banner .swiper-pagination-bullet {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px !important;
	background-color: #9fb2d5;
	border: 2px solid #fff;
	border-radius: 50%;
	box-sizing: border-box;
	opacity: 1;
	box-shadow: 0 0 0 1px rgba(32, 73, 149, 0.18);
	-webkit-transition: background-color 0.25s, box-shadow 0.25s, -webkit-transform 0.25s;
	transition: background-color 0.25s, box-shadow 0.25s, transform 0.25s;
}
.banner .swiper-pagination-bullet-active {
	background-color: #204995;
	box-shadow: 0 0 0 2px rgba(32, 73, 149, 0.22);
	-webkit-transform: scale(1.16);
	transform: scale(1.16);
}
.banner-sub {
	background: no-repeat center / cover;
	height: 550px;
}
.banner-sub .container {
	height: 100%;
}
.banner-sub .wrap {
	display: flex;
	align-items: center;
	height: 100%;
	color: #173d7e;
}
.banner-sub .inner {
	display: block;
	width: max-content;
	max-width: min(520px, 90vw);
	padding: 24px 30px 26px;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.86);
	border-left: 5px solid #204995;
	border-radius: 0 10px 10px 0;
	box-shadow: 0 14px 36px rgba(21, 55, 115, 0.16);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
}
.banner-sub h4 {
	margin: 0;
	font-size: 44px;
	line-height: 1.1;
	color: #204995;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.banner-sub h4:after {
	display: block;
	content: '';
	height: 3px;
	width: 48px;
	margin-top: 16px;
	background-color: #204995;
}
.banner-sub small {
	margin: 14px 0 0;
	font-size: 34px;
	display: block;
	color: #162f5d;
	font-weight: 600;
	line-height: 1.35;
	text-transform: uppercase;
}
.section {
	padding: 80px 0;
}
.section-title {
	margin-bottom: 50px;
}
.section-title .more-big {
	margin-top: 25px;
	float: right;
	display: none;
}
.section-title small {
	display: block;
	border-bottom: 1px solid #ddd;
	text-transform: uppercase;
	font-size: 48px;
	line-height: 1.1;
	padding-bottom: 25px;
}
.section-title h4,
.section-title h1,
.section-title h2 {
	margin: -1px 0 0;
	padding-top: 25px;
	font-size: 48px;
	line-height: 1.1;
	border-top: 5px solid #204995;
	display: inline-block;
	vertical-align: top;
	font-weight: normal;
}
.section-title-1 {
	margin-bottom: 50px;
	text-align: center;
	font-size: 30px;
}
.section-title-1 small {
	display: block;
	color: #999;
	font-size: 20px;
	text-transform: uppercase;
}
.section-title-1 i {
	display: block;
	content: '';
	background: url(../images/icon10.png) no-repeat center / contain;
	height: 32px;
	margin-top: 5px;
}
.contact-2 .map {
	height: 300px;
}
.contact-2 .info {
	padding: 15px;
	background-color: #204995;
	color: #fff;
}
.contact-2 .info h4 {
	margin: 0 0 15px;
	border-bottom: 1px solid #6f8dc5;
	font-weight: normal;
	font-size: 18px;
	padding-bottom: 15px;
}
.contact-2 .info p {
	margin: 0 0 15px;
	background: no-repeat 0 center;
	background-size: 15px 15px;
	padding-left: 25px;
}
.contact-2 .info .btn {
	display: block;
	width: 120px;
	line-height: 40px;
	background-color: #fff;
	color: #204995;
	text-align: center;
}
.contact-2 .map {
	float: left;
	width: 50%;
	height: 550px;
}
.contact-2 .info {
	margin-left: 50%;
	padding: 75px;
	height: 550px;
}
.contact-2 .info h4 {
	font-size: 34px;
	margin-bottom: 30px;
}
.contact-2 .info p {
	line-height: 30px;
	font-size: 20px;
	margin-bottom: 20px;
}
.contact-2 .info .btn {
	line-height: 50px;
	font-size: 18px;
	width: 140px;
}
.bg1 {
	background: url(../images/bg1.png) no-repeat center / cover;
}
.bg2 {
	background: url(../images/bg2.jpg) no-repeat center / cover;
	color: #fff;
}
.bg3 {
	background: url(../images/bg3.jpg) no-repeat center / cover;
	color: #fff;
}
.bg3 .section-title-1 small {
	color: #fff;
}
.bg3 .section-title-1:after {
	background-image: url(../images/icon11.png);
}
.bg4 {
	background: url(../images/bg4.png) no-repeat center / cover;
}
.in-about {
	margin: 0;
}
.in-about dt {
	float: right;
	width: 50%;
	margin-top: -80px;
}
.in-about dd {
	margin: 0 50% 0 0;
	padding: 25px 5% 0 0;
	overflow: hidden;
}
.in-about dd p {
	margin: 0;
	font-size: 16px;
	line-height: 2;
	text-align: justify;
	text-indent: 2em;
}
.in-about dd .home-entity-intro {
	margin-bottom: 16px;
	color: #26364d;
	text-indent: 0;
}
.in-about dd .home-entity-intro strong {
	color: #204995;
	font-weight: 700;
}
.in-about ul {
	overflow: hidden;
	margin-top: 10%;
	border-bottom: 1px solid #ddd;
	margin-left: -30px;
}
.in-about li {
	float: left;
	width: 25%;
	padding-bottom: 30px;
	margin-bottom: -1px;
}
.in-about li .wrap {
	line-height: 1;
	border-right: 1px solid #eee;
	margin-left: 30px;
}
.in-about li p {
	font-size: 14px;
	line-height: 1;
	text-align: left;
	margin-top: 15px;
	text-indent: 0;
}
.in-about li .num strong {
	font-size: 30px;
	color: #204995;
	font-family: Impact;
	margin-right: 5px;
}
.in-about li.active {
	border-bottom: 3px solid #204995;
}
.in-about li:last-child .wrap {
	border-right: 0;
}
.about-s dt {
	margin-top: 0;
}
.about-s dd h4 {
	font-size: 28px;
	margin: 0 0 20px;
}
.about-s ul {
	border-bottom: 0;
}
.about-s li {
	margin-bottom: 0;
}
.in-service .swiper-slide {
	height: 500px;
	font-size: 0;
	line-height: 500px;
}
.in-service .swiper-slide a {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	position: relative;
}
.in-service .swiper-slide a:before {
	position: absolute;
	content: '';
	left: 10px;
	top: 10px;
	bottom: 10px;
	right: 10px;
	border: 1px solid rgba(255,255,255,0.4);
	z-index: 1;
	-webkit-transition: all 1s;
	transition: all 1s;
	opacity: 0;
}
.in-service .swiper-slide .img-cover {
	position: relative;
	background-color: #040000;
	color: #fff;
}
.in-service .swiper-slide .img-cover span {
	height: 380px;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.in-service .swiper-slide .img-cover p {
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	line-height: 22px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.in-service .swiper-slide .img-cover p em {
	display: block;
	padding: 60px 7% 0;
	font-style: normal;
	text-align: justify;
}
.in-service .swiper-slide .img-cover i {
	position: absolute;
	bottom: 40px;
	left: 50%;
	background: url(../images/icon3.png) no-repeat center / contain;
	width: 60px;
	height: 60px;
	margin-left: -30px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.in-service .swiper-slide .text {
	-webkit-transition: all 1s;
	transition: all 1s;
}
.in-service .swiper-slide .text span,
.in-service .swiper-slide .text h3 {
	display: block;
	width: 60%;
	margin: 0 auto;
	font-size: 30px;
	line-height: 1;
	text-align: center;
	border-bottom: 2px solid #ccc;
	padding: 15px 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.in-service .swiper-slide a:hover:before {
	opacity: 1;
}
.in-service .swiper-slide a:hover .img-cover span {
	opacity: 0.4;
	height: 350px;
}
.in-service .swiper-slide a:hover .img-cover p {
	opacity: 1;
}
.in-service .swiper-slide a:hover .img-cover i {
	opacity: 1;
}
.in-service .swiper-slide a:hover .text {
	background-color: #204995;
	padding: 30px 0 58px;
}
.in-service .swiper-slide a:hover .text span,
.in-service .swiper-slide a:hover .text h3 {
	color: #fff;
	border-color: #fff;
}
.in-service .swiper-button-next, .in-service .swiper-button-prev {
	background-color: #6e6e6e;
	width: 50px;
	height: 80px;
	opacity: 0.5;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.in-service .swiper-button-next:hover, .in-service .swiper-button-prev:hover {
	opacity: 1;
}
.in-equipment {
	padding-bottom: 10px;
}
.in-equipment .swiper-slide {
	width: 1000px;
}
.in-equipment .swiper-slide a {
	display: block;
	position: relative;
}
.in-equipment .swiper-slide .in-equipment-image img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 0.5;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.in-equipment .swiper-slide .text {
	position: absolute;
	left: 40px;
	top: 50px;
	background-color: #fff;
	padding: 40px 30px;
	width: 280px;
	/*height: 320px;*/
	color: #333;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.in-equipment .swiper-slide .text h4,
.in-equipment .swiper-slide .text h3 {
	margin: 0;
	font-size: 36px;
	font-weight: normal;
	position: relative;
}
.in-equipment .swiper-slide .text h4:after,
.in-equipment .swiper-slide .text h3:after {
	display: block;
	content: '';
	margin-top: 20px;
	width: 150px;
	height: 3px;
	background-color: #204995;
	margin-left: -90px;
}
.in-equipment .swiper-slide .text p {
	font-size: 16px;
	color: #666;
	line-height: 1.8;
	margin: 30px 0 0;
	text-align: justify;
	height: 140px;
	overflow: hidden;
}
.in-equipment .swiper-slide .text .more {
	display: inline-block;
	margin-top: 20px;
	font-size: 16px;
	color: #204995;
	background: url(../images/icon4.png) no-repeat right center;
	padding-right: 36px;
}
.in-equipment .swiper-slide .text .p {
	position: absolute;
	right: 40px;
	bottom: 30px;
	font-size: 24px;
	color: #999;
}
.in-equipment .swiper-slide .text .p span {
	color: #204995;
}
.in-equipment .swiper-slide-active .in-equipment-image img {
	opacity: 1;
}
.in-equipment .swiper-slide-active .text {
	opacity: 1;
}
.in-equipment .swiper-button-next, .in-equipment .swiper-button-prev {
	background-color: #6e6e6e;
	width: 50px;
	height: 80px;
	opacity: 0.5;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	margin-top: -40px;
}
.in-equipment .swiper-button-prev {
	left: 50%;
	margin-left: -600px;
}
.in-equipment .swiper-button-next {
	right: 50%;
	margin-right: -600px;
}
.in-equipment .swiper-button-next:hover, .in-equipment .swiper-button-prev:hover {
	opacity: 1;
}
.in-equipment .swiper-pagination {
	position: static;
	font-size: 0;
	margin-top: 50px;
}
.in-equipment .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	border-radius: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0 8px !important;
}
.in-equipment .swiper-pagination-bullet-active {
	background-color: #204995;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.in-news {
	background-color: #f4f6fa;
}
.in-news .list-1 {
	margin-bottom: -20px;
}
.list-1 {
	margin: -20px 0 0 -20px;
}
.list-1 li {
	float: left;
	width: 33.333333%;
}
.list-1 li .item {
	display: block;
	background-color: #fff;
	margin: 20px 0 0 20px;
	-webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.06);
	box-shadow: 0 2px 12px rgba(0,0,0,0.06);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.list-1 li .img-cover span {
	padding-top: 60%;
}
.list-1 li .text {
	padding: 20px 20px 25px;
}
.list-1 li .date {
	display: block;
	font-size: 14px;
	color: #999;
}
.list-1 li h4,
.list-1 li h3 {
	margin: 10px 0 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	color: #333;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.list-1 li .item:hover {
	-webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.15);
	box-shadow: 0 8px 24px rgba(0,0,0,0.15);
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
}
.list-1 li .item:hover h4,
.list-1 li .item:hover h3 {
	color: #204995;
}
.list-1 li .item:hover .img-cover span {
	opacity: 0.8;
}
.footer {
	background-color: #040000;
	padding-top: 60px;
	padding-bottom: 32px;
	color: #c7c7c7;
	border-top: 5px solid #fff;
}
.footer a {
	color: #c7c7c7;
}
.footer a:hover {
	color: #fff;
}
.footer-left {
	margin-right: 600px;
}
.footer-right {
	float: right;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 560px;
}
.footer-logo {
	width: 190px;
	height: 143px;
	line-height: 143px;
	text-align: left;
	margin-bottom: 24px;
}
.footer-logo img {
	max-width: 190px;
	max-height: 143px;
}
.footer-nav {
	font-size: 16px;
}
.footer-nav a + a:before {
	display: inline-block;
	margin: 0 10px;
	color: #c7c7c7;
	opacity: 0.3;
	content: '|';
	pointer-events: none;
}
.footer-ewm {
	float: none;
	width: 110px;
	height: 110px;
	line-height: 110px;
	margin: 0 0 22px;
}
.footer-ewm img[src=""] {
	visibility: hidden;
}
.footer-text {
	width: 100%;
	margin-right: 0;
	font-size: 16px;
}
.footer-contact-item {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	align-items: center;
	column-gap: 12px;
	margin: 0 0 14px;
}
.footer-contact-item:last-child {
	margin-bottom: 0;
}
.footer-contact-icon {
	display: block;
	width: 20px;
	height: 20px;
	background: no-repeat center / contain;
}
.footer-contact-value,
.footer-contact-value p {
	min-width: 0;
	margin: 0;
	color: #c7c7c7;
	font-size: 16px;
	line-height: 1.55;
	text-align: left;
	overflow-wrap: anywhere;
}
.footer-contact-icon.i1 {
	background-image: url(../images/icon6.png);
}
.footer-contact-icon.i2 {
	background-image: url(../images/icon7.png);
}
.footer-contact-icon.i3 {
	background-image: url(../images/icon5.png);
}
.footer-copy {
	margin-top: 42px;
	padding: 0;
	background: transparent;
}
.footer-copy .zc {
	float: right;
}
.position {
	line-height: 34px;
	margin-top: -50px;
	margin-bottom: 60px;
}
.position .tit {
	font-size: 22px;
	background: url(../images/icon8.png) no-repeat 0 center;
	padding-left: 40px;
	font-weight: bold;
}
.position .tit:after {
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 30px;
	height: 3px;
	background-color: #204995;
	margin-left: 20px;
}
.position .wz {
	float: right;
	color: #999;
	font-size: 16px;
	background: url(../images/icon9.png) no-repeat 0 center;
	padding-left: 28px;
}
.position .wz a {
	color: #999;
}
.position .wz a:hover {
	color: #204995;
}
.list-2 {
	margin: -30px 0 0 -40px;
}
.list-2 li {
	float: left;
	width: 33.333333%;
}
.list-2 li a {
	display: block;
	margin: 40px 0 0 40px;
}
.list-2 li .img-cover span {
	padding-top: 104%;
}
.list-2 li .text {
	width: 90%;
	margin: -30px auto 0;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	text-align: center;
	padding: 15px 0;
	position: relative;
	z-index: 1;
}
.list-2 li .text h4 {
	margin: 0;
	font-weight: normal;
	font-size: 20px;
}
.list-2 li .text p {
	margin: 0;
}

/* 联系页面 */
#allmap {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
}
.sections {
	padding: 30px 0;
}
.section-muted {
	background-color: #f4f6fa;
}
.sections.contact-sections {
	padding-top: 0;
}
.sections-title {
	margin-bottom: 20px;
	font-size: 18px;
	text-align: center;
}
.sections-title p {
	margin: 10px 0 0;
	color: #888;
	font-size: 12px;
}
.contacts-2 .map {
	height: 300px;
}
.contacts-2 .info {
	padding: 15px;
	background-color: #204995;
	color: #fff;
}
.contacts-2 .info h4 {
	margin: 0 0 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c76464;
	font-size: 18px;
	font-weight: normal;
}
.contacts-2 .info p {
	margin: 0 0 15px;
	padding-left: 25px;
	background: no-repeat 0 center;
	background-size: 15px 15px;
}
.contacts-2 .info .contact-address {
	background-image: url(../images/icon17.png);
}
.contacts-2 .info .contact-phone {
	background-image: url(../images/icon18.png);
}
.contacts-2 .info .contact-mobile {
	background-image: url(../images/icon19.png);
}
.contacts-2 .info .contact-email {
	background-image: url(../images/icon22.png);
}
.contacts-2 .info .btn {
	display: block;
	width: 120px;
	background-color: #fff;
	color: #204995;
	line-height: 40px;
	text-align: center;
}

/* 全站返回顶部 */
.site-backtop {
	position: fixed;
	right: 24px;
	bottom: 28px;
	z-index: 98;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	padding: 0;
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid rgba(32, 73, 149, 0.24);
	border-radius: 50%;
	box-shadow: 0 8px 24px rgba(20, 35, 61, 0.16);
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	cursor: pointer;
	transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.site-backtop.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.site-backtop span {
	width: 12px;
	height: 12px;
	margin-top: 6px;
	border-top: 2px solid #204995;
	border-left: 2px solid #204995;
	box-sizing: border-box;
	transform: rotate(45deg);
	transition: border-color 0.2s ease;
}
.site-backtop:hover {
	background: #204995;
	border-color: #204995;
}
.site-backtop:hover span {
	border-color: #fff;
}
.site-backtop:focus-visible {
	outline: 2px solid #204995;
	outline-offset: 3px;
}

@media screen and (min-width: 768px) {
	.containers {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	.containers-fluid {
		width: 100%;
		min-width: 0;
		margin: 0 auto;
	}
	.sections {
		padding: 60px 0;
	}
	.sections.contact-sections {
		padding-top: 0;
	}
	.sections-title {
		margin-bottom: 40px;
		font-size: 30px;
	}
	.sections-title p {
		font-size: 18px;
	}
	.contacts-1 {
		text-align: center;
	}
	.contacts-2 .map {
		float: right;
		width: 50%;
		height: 550px;
	}
	.contacts-2 .info {
		height: 400px;
		margin-right: 50%;
		padding: 75px;
	}
	.contacts-2 .info h4 {
		margin-bottom: 30px;
		font-size: 34px;
	}
	.contacts-2 .info p {
		margin-bottom: 20px;
		font-size: 20px;
		line-height: 30px;
	}
	.contacts-2 .info .btn {
		width: 140px;
		font-size: 18px;
		line-height: 50px;
	}
}

@media screen and (max-width: 767px) {
	.site-backtop {
		right: 14px;
		bottom: 76px;
		width: 42px;
		height: 42px;
	}
}

.product-list-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 44px 40px;
	margin: 38px 0 0;
}
.product-list-grid:before,
.product-list-grid:after {
	display: none;
	content: none;
}
.product-list-grid li {
	float: none;
	width: auto;
	min-width: 0;
}
.product-list-grid li > a {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 0;
}
.product-list-grid li .img-cover {
	background: #f7f9fc;
	border: 1px solid #edf0f5;
	border-radius: 4px;
	overflow: hidden;
}
.product-list-grid li .img-cover span {
	padding-top: 100%;
}
.product-list-grid li .text {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	width: calc(100% - 40px);
	min-height: 126px;
	margin: -28px auto 0;
	padding: 18px 20px 20px;
	border: 1px solid #e5e9f0;
	border-radius: 3px;
	box-shadow: 0 7px 20px rgba(22, 45, 82, 0.08);
	transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.product-list-grid li .text h4 {
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 11px;
	padding: 0 4px 11px;
	border-bottom: 1px solid #e8edf4;
	color: #17233d;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.45;
}
.product-list-grid li .text p {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	color: #667085;
	font-size: 14px;
	line-height: 1.75;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.product-list-grid li .text p:empty {
	display: none;
}
.product-list-grid li > a:hover .text {
	border-color: #cbd9ee;
	box-shadow: 0 12px 28px rgba(32, 73, 149, 0.14);
	transform: translateY(-3px);
}
.product-list-grid li > a:hover .text h4 {
	color: #204995;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.product-list-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 34px 28px;
	}
}
.list-2 li a:hover .img-cover span {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.equipment .swiper-slide {
	width: 820px;
}
.equipment .swiper-slide a {
	display: block;
}
.equipment .swiper-slide .img-cover {
	background-color: #fff;
}
.equipment .swiper-slide .img-cover span {
	padding-top: 56%;
	opacity: 0.4;
}
.equipment .swiper-slide .text {
	width: 90%;
	margin: -32px auto 0;
	position: relative;
	z-index: 1;
}
.equipment .swiper-slide .text span {
	display: block;
	line-height: 64px;
	text-align: center;
	background-color: #204995;
	color: #fff;
	font-size: 18px;
	height: 64px;
	overflow: hidden;
	width: 0;
}
.equipment .swiper-slide-active .img-cover span {
	opacity: 1;
}
.equipment .swiper-slide-active .text span {
	width: 100%;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.equipment .swiper-button-next, .equipment .swiper-button-prev {
	background: no-repeat center #fff;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-top: -30px;
}
.equipment .swiper-button-prev {
	left: 50%;
	margin-left: -600px;
	background-image: url(../images/icon13.png);
}
.equipment .swiper-button-next {
	right: 50%;
	margin-right: -600px;
	background-image: url(../images/icon12.png);
}
.shengchan .swiper-slide {
	width: 550px;
}
.shengchan .swiper-slide a {
	display: block;
	position: relative;
}
.shengchan .swiper-slide .img-cover span {
	padding-top: 122%;
}
.shengchan .swiper-slide .text {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #204995;
	color: #fff;
	text-align: center;
}
.shengchan .swiper-slide .text p {
	margin: 0;
	line-height: 60px;
	padding: 0 15px;
	font-size: 20px;
}
.shengchan .swiper-slide a:hover .img-cover span {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.shengchan .ctl {
	margin-top: 40px;
}
.shengchan .swiper-button-next, .shengchan .swiper-button-prev {
	float: left;
	width: 27px;
	height: 19px;
	margin: 0 20px 0 0;
	background: no-repeat center;
	position: static;
	outline: none;
}
.shengchan .swiper-button-next {
	background-image: url(../images/icon14.png);
}
.shengchan .swiper-button-prev {
	background-image: url(../images/icon15.png);
}
.shengchan .swiper-pagination {
	margin-left: 100px;
	position: static;
	height: 3px;
	margin-top: 8px;
}
.shengchan .swiper-pagination-progressbar-fill {
	background-color: #204995;
}
.list-3 {
	margin: -30px 0 0 -30px;
}
.list-3 li {
	float: left;
	width: 33.333333%;
}
.list-3 li a {
	margin: 30px 0 0 30px;
	display: block;
}
.list-3 li .img-cover span {
	padding-top: 60%;
}
.list-3 li .text {
	margin: 20px 0 0;
}
.list-3 li .text .date {
	margin: 0 0 10px;
	font-size: 14px;
	color: #999;
}
.list-3 li .text h4 {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.list-3 li .text p {
	margin: 10px 0 0;
	height: 44px;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	color: #999;
	line-height: 22px;
}
.list-3 li a:hover .text h4 {
	color: #204995;
}
.list-3 li a:hover .img-cover span {
	opacity: 0.8;
}
.list-4 {
	margin: -40px 0 0 -60px;
}
.list-4 li {
	float: left;
	width: 50%;
}
.list-4 li a {
	display: block;
	margin: 40px 0 0 60px;
	overflow: hidden;
}
.list-4 li .date {
	float: left;
	width: 90px;
	text-align: right;
	font-size: 25px;
	line-height: 1.1;
	color: #333;
}
.list-4 li .date span {
	display: block;
	font-size: 14px;
	color: #999;
	margin-top: 10px;
}
/* .list-4 li .text {margin-left: 120px;} */
.list-4 li .text h4 {
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	font-weight: normal;
}
.list-4 li .text p {
	color: #999;
	margin: 10px 0 0;
	-webkit-line-clamp: 2;
	height: 48px;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-height: 24px;
}
.content-title {
	margin-bottom: 30px;
}
.content-title h1 {
	border-left: 5px solid #204995;
	margin: 0;
	padding-left: 15px;
	font-size: 24px;
}
.content-title p {
	margin: 15px 0 0;
	font-size: 0;
}
.content-title p span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	color: #999;
	font-size: 14px;
}
.content-body {
	line-height: 1.8;
	font-size: 16px;
}
.content-body img {
	max-width: 100%;
	width: auto !important;
	height: auto !important;
}
.content-exp {
	margin-top: 50px;
}
.content-exp li {
	float: left;
	width: 50%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.content-exp li:last-child {
	text-align: right;
}
.prd-show {
	background-color: #eef2f8;
	margin-bottom: 50px;
}
.prd-show .swiper-slide {
	height: 600px;
	line-height: 600px;
}
.prd-show .swiper-button-next, .prd-show .swiper-button-prev {
	background-color: #6e6e6e;
	width: 50px;
	height: 80px;
	opacity: 0.5;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	margin-top: -40px;
}
.prd-show .swiper-button-next {
	right: 0;
}
.prd-show .swiper-button-prev {
	left: 0;
}
.prd-show .swiper-button-next:hover, .prd-show .swiper-button-prev:hover {
	opacity: 1;
}

/* 产品详情页 - 淘宝式左右布局 */
.prd-detail-section {
	padding-top: 40px;
}
.prd-detail-section .position .tit {
	display: none;
}
.prd-breadcrumb {
	margin-bottom: 12px;
	color: #999;
	font-size: 14px;
	line-height: 1.5;
}
.prd-breadcrumb a {
	color: #999;
}
.prd-breadcrumb a:hover {
	color: #204995;
}
.prd-breadcrumb .sep {
	margin: 0 6px;
	color: #ccc;
}
.prd-detail {
	display: grid;
	grid-template-columns: 604px minmax(0, 1fr);
	gap: 36px;
	align-items: start;
	margin-bottom: 50px;
}
.prd-detail-gallery {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	grid-template-rows: 520px auto;
	grid-template-areas:
		"rail main"
		". mode";
	column-gap: 12px;
	row-gap: 12px;
	min-width: 0;
	max-width: 100%;
}
.prd-gallery-main {
	grid-area: main;
	position: relative;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	background: #f4f6fa;
	border: 1px solid #e3e9f2;
	border-radius: 4px;
	overflow: hidden;
}
.prd-gallery-main.is-mode-hidden {
	visibility: hidden;
}
.prd-gallery-main .swiper-slide {
	height: 520px;
	line-height: 520px;
}
.prd-gallery-main .swiper-slide img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.prd-gallery-main .prd-slide-image {
	position: relative;
}
.prd-gallery-main .prd-slide-image > a {
	display: block;
	height: 100%;
}
.prd-gallery-zoom-lens {
	position: absolute;
	z-index: 6;
	display: none;
	background: rgba(220, 231, 250, 0.46);
	border: 1px solid rgba(32, 73, 149, 0.5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.48);
	box-sizing: border-box;
	line-height: 0;
	opacity: 0;
	transition: opacity 0.1s ease;
	pointer-events: none;
	will-change: left, top;
}
.prd-gallery-zoom-lens.is-visible {
	opacity: 1;
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
	.prd-gallery-main .prd-slide-image > a {
		cursor: crosshair;
	}
	.prd-gallery-zoom-lens {
		display: block;
	}
}
.prd-gallery-main .prd-video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: #040000;
}
.prd-gallery-main .swiper-button-next,
.prd-gallery-main .swiper-button-prev {
	z-index: 15;
	width: 46px;
	height: 46px;
	margin-top: -23px;
	background-color: rgba(255, 255, 255, 0.96);
	background-image: none;
	border: 1px solid rgba(20, 35, 61, 0.12);
	border-radius: 50%;
	box-shadow: 0 6px 18px rgba(20, 35, 61, 0.13);
	box-sizing: border-box;
	opacity: 1;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.prd-gallery-main .swiper-button-prev {
	left: 16px;
}
.prd-gallery-main .swiper-button-next {
	right: 16px;
}
.prd-gallery-main .swiper-button-next:before,
.prd-gallery-main .swiper-button-prev:before {
	position: absolute;
	top: 15px;
	width: 12px;
	height: 12px;
	content: '';
	border-top: 2px solid #161c25;
	border-right: 2px solid #161c25;
}
.prd-gallery-main .swiper-button-prev:before {
	left: 18px;
	transform: rotate(-135deg);
}
.prd-gallery-main .swiper-button-next:before {
	right: 18px;
	transform: rotate(45deg);
}
.prd-gallery-main .swiper-button-next:hover,
.prd-gallery-main .swiper-button-prev:hover {
	background-color: #fff;
	border-color: rgba(32, 73, 149, 0.38);
	box-shadow: 0 8px 24px rgba(20, 35, 61, 0.18);
	transform: scale(1.04);
}
.prd-gallery-rail {
	grid-area: rail;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 72px;
	height: 520px;
	min-height: 0;
	box-sizing: border-box;
}
.prd-gallery-thumbs {
	flex: 1;
	width: 72px;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 1px 0;
	box-sizing: border-box;
	overscroll-behavior: contain;
	cursor: grab;
}
.prd-gallery-thumbs:active {
	cursor: grabbing;
}
.prd-gallery-thumbs .swiper-slide {
	width: 72px;
	height: 72px;
	border: 2px solid transparent;
	border-radius: 2px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.55;
	transition: border-color 0.2s ease, opacity 0.2s ease;
	box-sizing: border-box;
}
.prd-gallery-thumbs .swiper-slide-thumb-active {
	border-color: #204995;
	opacity: 1;
}
.prd-gallery-thumbs .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.prd-gallery-rail.is-params-active .prd-gallery-thumbs {
	opacity: 0.42;
}
.prd-gallery-params-entry {
	display: flex;
	flex: 0 0 68px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 72px;
	height: 68px;
	padding: 0;
	background: #f2f3f5;
	border: 1px solid transparent;
	border-radius: 10px;
	box-sizing: border-box;
	color: #9aa1aa;
	font-size: 12px;
	line-height: 1;
	cursor: pointer;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.prd-gallery-params-entry:hover,
.prd-gallery-params-entry.active {
	background: #eef3fb;
	border-color: #204995;
	color: #204995;
}
.prd-params-entry-icon {
	position: relative;
	width: 18px;
	height: 16px;
	background: currentColor;
	border-radius: 4px;
}
.prd-params-entry-icon:before,
.prd-params-entry-icon:after {
	position: absolute;
	left: 4px;
	content: '';
	width: 10px;
	height: 2px;
	background: #fff;
	border-radius: 2px;
}
.prd-params-entry-icon:before {
	top: 5px;
}
.prd-params-entry-icon:after {
	top: 9px;
}
.prd-gallery-mode {
	grid-area: mode;
	display: inline-flex;
	justify-self: center;
	align-items: center;
	padding: 3px;
	background: #f3f5f8;
	border-radius: 999px;
}
.prd-gallery-mode button {
	min-width: 58px;
	height: 32px;
	padding: 0 16px;
	background: transparent;
	border: 0;
	border-radius: 999px;
	color: #6f7782;
	font-size: 13px;
	line-height: 32px;
	cursor: pointer;
	transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.prd-gallery-mode button:hover {
	color: #204995;
}
.prd-gallery-mode button.active {
	background: #fff;
	color: #13213a;
	font-weight: 600;
	box-shadow: 0 2px 8px rgba(25, 48, 86, 0.1);
}
.prd-gallery-mode button:focus-visible {
	outline: 2px solid #204995;
	outline-offset: 2px;
}
.prd-gallery-params {
	grid-area: main;
	position: relative;
	z-index: 8;
	height: 520px;
	background: #fff;
	border: 1px solid #e3e9f2;
	border-radius: 4px;
	box-sizing: border-box;
	overflow: auto;
}
.prd-gallery-panel-nav {
	position: absolute;
	top: 50%;
	z-index: 10;
	width: 46px;
	height: 46px;
	margin-top: -23px;
	padding: 0;
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid rgba(20, 35, 61, 0.12);
	border-radius: 50%;
	box-shadow: 0 6px 18px rgba(20, 35, 61, 0.13);
	box-sizing: border-box;
	cursor: pointer;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.prd-gallery-panel-nav:hover {
	border-color: rgba(32, 73, 149, 0.38);
	box-shadow: 0 8px 24px rgba(20, 35, 61, 0.18);
	transform: scale(1.04);
}
.prd-gallery-panel-nav:before {
	position: absolute;
	top: 15px;
	width: 12px;
	height: 12px;
	content: '';
	border-top: 2px solid #161c25;
	border-right: 2px solid #161c25;
}
.prd-gallery-panel-nav.is-prev {
	left: 14px;
}
.prd-gallery-panel-nav.is-prev:before {
	left: 18px;
	transform: rotate(-135deg);
}
.prd-gallery-panel-nav.is-next {
	right: 14px;
}
.prd-gallery-panel-nav.is-next:before {
	right: 18px;
	transform: rotate(45deg);
}
.prd-gallery-params-inner {
	padding: 34px 36px;
}
.prd-gallery-params-heading {
	margin-bottom: 26px;
	padding-bottom: 16px;
	border-bottom: 1px solid #e7ecf3;
}
.prd-gallery-params-heading span,
.prd-gallery-params-heading strong {
	display: block;
}
.prd-gallery-params-heading span {
	margin-bottom: 5px;
	color: #98a2b0;
	font-size: 10px;
	line-height: 1.4;
	letter-spacing: 1.5px;
}
.prd-gallery-params-heading strong {
	color: #14233d;
	font-size: 22px;
	line-height: 1.4;
}
.prd-gallery-params-list {
	margin: 0;
}
.prd-gallery-params-list > div {
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	gap: 16px;
	padding: 14px 0;
	border-bottom: 1px solid #eef2f7;
}
.prd-gallery-params-list dt,
.prd-gallery-params-list dd {
	margin: 0;
	font-size: 14px;
	line-height: 1.65;
}
.prd-gallery-params-list dt {
	color: #8a93a0;
}
.prd-gallery-params-list dd {
	color: #25334b;
}
.prd-gallery-params-content {
	color: #39465a;
	font-size: 14px;
	line-height: 1.75;
}
.prd-gallery-params-content table {
	width: 100% !important;
	border-collapse: collapse;
}
.prd-gallery-params-content th,
.prd-gallery-params-content td {
	padding: 11px 12px;
	border: 1px solid #e2e8f1;
	text-align: left;
}
.prd-gallery-params-content th {
	background: #f4f7fb;
	color: #204995;
}
.prd-thumb-video {
	position: relative;
}
.prd-thumb-play {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background: rgba(32, 73, 149, 0.85);
	border-radius: 50%;
}
.prd-thumb-play:after {
	position: absolute;
	left: 9px;
	top: 6px;
	content: '';
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #fff;
}
.prd-detail-info {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	width: 100%;
}
.prd-gallery-zoom-pane {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 30;
	width: 100%;
	height: 520px;
	background-color: #fff;
	background-repeat: no-repeat;
	border: 1px solid #d8e1ee;
	border-radius: 4px;
	box-shadow: 0 16px 36px rgba(15, 39, 78, 0.2);
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.12s ease, visibility 0.12s ease;
	pointer-events: none;
}
.prd-gallery-zoom-pane.is-visible {
	opacity: 1;
	visibility: visible;
}
.prd-side-header {
	margin-bottom: 12px;
}
.prd-detail-title {
	margin: 0 0 10px;
	padding: 0;
	border: 0;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	color: #040000;
}
.prd-side-cat {
	display: inline-block;
	padding: 4px 12px;
	background: #edf3fb;
	border-radius: 2px;
	color: #204995;
	font-size: 13px;
	line-height: 1.5;
}
.prd-side-cat:hover {
	background: #dce8f8;
	color: #173d7e;
}
.prd-side-intro {
	margin: 0 0 14px;
	color: #5c6570;
	font-size: 14px;
	line-height: 1.65;
}
.prd-side-intro.is-default {
	color: #7a818a;
}
.prd-info-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
	gap: 24px;
	align-items: stretch;
	width: 100%;
	min-height: 570px;
}
.prd-info-main,
.prd-info-aside {
	box-sizing: border-box;
	min-width: 0;
	padding: 16px;
	background: #fff;
	border: 1px solid #e3e9f2;
	border-radius: 6px;
	box-shadow: 0 6px 22px rgba(32, 73, 149, 0.06);
	overflow: hidden;
}
.prd-info-aside {
	display: flex;
	flex-direction: column;
}
.prd-info-main {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
}
.prd-info-main .prd-breadcrumb {
	margin-bottom: 12px;
}
.prd-info-main .prd-side-header {
	margin-bottom: 8px;
}
.prd-info-main .prd-side-intro {
	margin-bottom: 16px;
}
.prd-trade-price {
	display: grid;
	grid-template-columns: 72px auto minmax(0, 1fr);
	align-items: baseline;
	gap: 10px;
	padding: 4px 0 14px;
	border-bottom: 1px solid #edf0f4;
}
.prd-trade-price > span {
	color: #8b929c;
	font-size: 14px;
}
.prd-trade-price > strong {
	color: #204995;
	font-size: 27px;
	font-weight: 700;
	line-height: 1.2;
}
.prd-trade-price > small {
	color: #9299a4;
	font-size: 12px;
}
.prd-trade-recommend {
	display: flex;
	align-items: center;
	margin: 14px 0;
	background: #edf3fb;
	border-radius: 7px;
	overflow: hidden;
}
.prd-trade-recommend strong {
	position: relative;
	flex: 0 0 auto;
	padding: 9px 14px 9px 34px;
	background: #173d7e;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
}
.prd-trade-recommend strong:before {
	position: absolute;
	left: 14px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	border: 2px solid #dbe8fb;
	border-radius: 50%;
	content: '';
}
.prd-trade-recommend span {
	min-width: 0;
	padding: 8px 12px;
	color: #204995;
	font-size: 12px;
	line-height: 1.4;
}
.prd-trade-meta {
	margin: 0;
	border-top: 1px solid #edf0f4;
}
.prd-trade-meta > div {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 18px;
	padding: 14px 0;
	border-bottom: 1px solid #edf0f4;
}
.prd-trade-meta dt,
.prd-trade-meta dd {
	margin: 0;
	font-size: 13px;
	line-height: 1.55;
}
.prd-trade-meta dt {
	color: #8b929c;
}
.prd-trade-meta dd {
	color: #202733;
}
.prd-trade-meta dd a {
	color: #204995;
}
.prd-trade-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 108px;
	margin-top: 18px;
	overflow: hidden;
	border-radius: 8px;
}
.prd-trade-action {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 52px;
	padding: 0 14px;
	border: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	transition: filter 0.2s ease;
}
.prd-trade-action:hover {
	color: #fff;
	filter: brightness(0.96);
}
.prd-trade-action.is-phone {
	background: #173d7e;
}
.prd-trade-action.is-online {
	background: #2a5eb8;
}
.prd-trade-action.is-quote {
	background: #f3f7fd;
	border: 1px solid #cbd9ee;
	color: #204995;
	font-size: 13px;
	font-weight: 600;
}
.prd-trade-action.is-quote:hover {
	background: #e4edf9;
	color: #173d7e;
}
.prd-side-phone {
	display: block;
	margin-bottom: 14px;
	padding: 14px 16px;
	border-radius: 4px;
	background: linear-gradient(135deg, #204995 0%, #2a5eb8 100%);
	color: #fff;
	text-decoration: none;
	transition: box-shadow 0.2s ease;
}
.prd-side-phone:hover {
	color: #fff;
	box-shadow: 0 10px 24px rgba(32, 73, 149, 0.22);
}
.prd-side-phone .phone-label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 400;
	opacity: 0.88;
}
.prd-side-phone .phone-num,
.prd-side-phone .phone-num p {
	display: block;
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.2px;
	word-break: break-all;
}
.prd-side-phone .phone-tip {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	line-height: 1.5;
	opacity: 0.82;
}
.prd-side-about {
	margin-bottom: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid #eef2f8;
}
.prd-side-about.is-last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.prd-side-about-title,
.prd-side-block-title {
	margin-bottom: 8px;
	color: #204995;
	font-size: 14px;
	font-weight: 700;
}
.prd-side-about p {
	margin: 0 0 10px;
	color: #555;
	font-size: 13px;
	line-height: 1.65;
}
.prd-side-points {
	margin: 0;
	padding: 0;
	list-style: none;
}
.prd-side-points li {
	position: relative;
	margin-bottom: 6px;
	padding-left: 14px;
	color: #666;
	font-size: 12px;
	line-height: 1.55;
}
.prd-side-points li:last-child {
	margin-bottom: 0;
}
.prd-side-points li:before {
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #204995;
	content: '';
}
.prd-side-block {
	margin-bottom: 0;
	padding-bottom: 0;
}
.prd-side-block.is-last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.prd-side-block-content {
	color: #555;
	font-size: 12px;
	line-height: 1.65;
}
.prd-inquiry-aside {
	justify-content: space-between;
	overflow: visible;
}
.prd-inquiry-company {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}
.prd-inquiry-logo {
	flex: 0 0 46px;
	width: 46px;
	height: 46px;
	padding: 5px;
	background: #f4f6f8;
	border: 1px solid #edf0f3;
	border-radius: 50%;
}
.prd-inquiry-logo img {
	max-width: 100%;
	max-height: 100%;
}
.prd-inquiry-company-copy {
	min-width: 0;
}
.prd-inquiry-company-copy > strong {
	display: block;
	margin-bottom: 5px;
	color: #111827;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.45;
}
.prd-inquiry-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.prd-inquiry-badges span {
	display: inline-flex;
	align-items: center;
	height: 17px;
	padding: 0 4px;
	border: 1px solid currentColor;
	border-radius: 2px;
	font-size: 10px;
	line-height: 1;
}
.prd-inquiry-badges .is-year {
	color: #204995;
}
.prd-inquiry-badges .is-verified {
	color: #2a5eb8;
}
.prd-inquiry-scope {
	display: -webkit-box;
	overflow: hidden;
	margin: 0 0 10px;
	color: #7b8490;
	font-size: 12px;
	line-height: 1.65;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.prd-inquiry-title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
	color: #111827;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}

.prd-inquiry-title small {
	color: #7f8b9c;
	font-size: 10px;
	font-weight: 400;
}
.prd-inquiry-form {
	margin: 0 0 14px;
}
.prd-inquiry-form label > span {
	display: block;
	margin: 0 0 5px;
	color: #626d7c;
	font-size: 11px;
	line-height: 1.35;
}
.prd-inquiry-control {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 40px;
	margin: 0 0 10px;
	padding: 0 12px;
	background: #fff;
	border: 1px solid #d9dee7;
	border-radius: 8px;
	outline: 0;
	color: #29313d;
	font-size: 13px;
	line-height: 38px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.prd-inquiry-control::placeholder {
	color: #a4aab3;
}
.prd-inquiry-control:focus {
	border-color: #2a5eb8;
	box-shadow: 0 0 0 3px rgba(32, 73, 149, 0.12);
}
.prd-inquiry-product {
	overflow: hidden;
	background: #f5f7fa;
	color: #445064;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.prd-inquiry-two-cols {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}
.prd-inquiry-more {
	margin: 0 0 10px;
	border: 1px solid #e3e8f0;
	border-radius: 7px;
	background: #fafbfd;
}
.prd-inquiry-more summary {
	position: relative;
	display: block;
	padding: 10px 30px 10px 11px;
	color: #526176;
	font-size: 11px;
	line-height: 1.45;
	cursor: pointer;
	list-style: none;
}
.prd-inquiry-more summary::-webkit-details-marker { display: none; }
.prd-inquiry-more summary i,
.prd-inquiry-more summary i:after {
	position: absolute;
	width: 10px;
	height: 1px;
	background: #6580a8;
	content: '';
}
.prd-inquiry-more summary i {
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
}
.prd-inquiry-more summary i:after {
	transform: rotate(90deg);
}
.prd-inquiry-more[open] summary i:after { display: none; }
.prd-inquiry-more-body {
	padding: 10px 10px 1px;
	border-top: 1px solid #e8ecf2;
}
.prd-inquiry-file {
	display: block;
	margin: 0 0 10px;
	padding: 9px 10px;
	background: #fff;
	border: 1px dashed #cbd5e3;
	border-radius: 6px;
}
.prd-inquiry-file input {
	display: block;
	width: 100%;
	color: #5d6878;
	font-size: 11px;
}
.prd-inquiry-file small {
	display: block;
	margin-top: 5px;
	color: #929baa;
	font-size: 9px;
	line-height: 1.45;
}
.prd-inquiry-demand {
	display: block;
}
.prd-inquiry-demand textarea.prd-inquiry-control {
	height: 66px;
	padding: 8px 11px;
	line-height: 1.55;
	resize: vertical;
}
.prd-inquiry-captcha {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 96px;
	gap: 8px;
	margin-bottom: 10px;
}
.prd-inquiry-captcha .prd-inquiry-control {
	margin-bottom: 0;
}
.prd-inquiry-captcha button {
	height: 40px;
	padding: 0;
	overflow: hidden;
	background: #f3f6fa;
	border: 1px solid #d9dee7;
	border-radius: 7px;
	cursor: pointer;
}
.prd-inquiry-captcha img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.prd-inquiry-consent {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	margin: 0 0 10px;
	color: #7b8490;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.45;
	cursor: pointer;
}
.prd-inquiry-consent input {
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
	margin: 2px 0 0;
	accent-color: #204995;
}
.prd-inquiry-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 44px;
	padding: 0 12px;
	background: #edf3fb;
	border: 0;
	border-radius: 8px;
	color: #204995;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.prd-inquiry-submit:hover {
	background: #204995;
	color: #fff;
}
.prd-inquiry-submit:disabled {
	cursor: wait;
	opacity: 0.72;
}
.prd-inquiry-feedback {
	display: none;
	margin: 9px 0 0;
	padding: 8px 10px;
	border-radius: 6px;
	font-size: 11px;
	line-height: 1.5;
}
.prd-inquiry-feedback.is-success,
.prd-inquiry-feedback.is-error { display: block; }
.prd-inquiry-feedback.is-success { background: #edf8f2; color: #1f7b4d; }
.prd-inquiry-feedback.is-error { background: #fff1f1; color: #bd3232; }
.prd-inquiry-terms {
	margin: 9px 0 0;
	color: #a0a6ae;
	font-size: 10px;
	line-height: 1.5;
}
.prd-inquiry-terms a {
	color: #4c5562;
}
.prd-inquiry-terms a:hover {
	color: #204995;
}

.home-hot-products-section {
	background: linear-gradient(180deg, #f7f9fc 0%, #fff 100%);
}
.home-hot-products-desc {
	margin: 8px 0 0;
	color: #778396;
	font-size: 13px;
	line-height: 1.6;
}
.prd-info-aside .prd-side-features {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
	border: 1px solid #eef2f8;
	border-radius: 4px;
	overflow: hidden;
}
.prd-info-aside .prd-side-features li {
	min-width: 0;
	padding: 10px 6px;
	text-align: center;
	border-right: 1px solid #eef2f8;
	border-bottom: 1px solid #eef2f8;
}
.prd-info-aside .prd-side-features li:nth-child(2n) {
	border-right: 0;
}
.prd-info-aside .prd-side-features li:nth-last-child(-n+2) {
	border-bottom: 0;
}
.prd-side-features strong {
	display: block;
	margin-bottom: 3px;
	color: #333;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
}
.prd-side-features span {
	display: block;
	color: #8a929c;
	font-size: 11px;
	line-height: 1.3;
}
.prd-info-aside .prd-side-extra {
	margin-bottom: 12px;
	padding: 10px 12px;
	background: #f8fafc;
	border-radius: 4px;
}
.prd-info-aside .prd-side-extra-row {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	line-height: 1.55;
}
.prd-info-aside .prd-side-extra-row .label {
	display: block;
	margin-bottom: 2px;
}
.prd-side-extra-row:last-child {
	margin-bottom: 0;
}
.prd-side-extra-row .label {
	color: #8a929c;
}
.prd-side-extra-row .value,
.prd-side-extra-row .value p {
	margin: 0;
	color: #444;
	word-break: break-all;
}
.prd-info-aside .prd-side-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin-bottom: 12px;
}
.prd-info-aside .prd-side-step {
	padding: 8px 4px;
	background: #f4f7fb;
	border-radius: 4px;
	text-align: center;
}
.prd-info-aside .prd-side-step em {
	display: block;
	margin-bottom: 3px;
	color: #204995;
	font-style: normal;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
}
.prd-info-aside .prd-side-step span {
	display: block;
	color: #555;
	font-size: 11px;
	line-height: 1.3;
}
.prd-info-aside .prd-side-actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 14px;
}
.prd-info-aside .prd-side-actions .prd-btn {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	height: 40px;
	padding: 0 8px;
	font-size: 14px;
}
.prd-empty-detail {
	padding: 36px 20px;
	text-align: center;
	background: #fafbfd;
	border: 1px dashed #d9e1ef;
}
.prd-empty-detail p {
	max-width: 520px;
	margin: 0 auto;
	color: #7a818a;
	font-size: 15px;
	line-height: 1.8;
}
.prd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 148px;
	height: 46px;
	padding: 0 28px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.prd-btn-primary {
	background: #204995;
	border: 1px solid #204995;
	color: #fff;
}
.prd-btn-primary:hover {
	background: #173d7e;
	border-color: #173d7e;
	color: #fff;
}
.prd-btn-outline {
	background: #fff;
	border: 1px solid #204995;
	color: #204995;
}
.prd-btn-outline:hover {
	background: #f3f7fd;
	color: #173d7e;
}
.hansen-page {
	padding-bottom: 50px;
}
.hansen-page-content {
	line-height: 1.85;
	color: #444;
}
.hansen-search-form {
	display: flex;
	gap: 10px;
	margin-bottom: 18px;
	max-width: 520px;
}
.hansen-search-form input[type="search"],
.hansen-search-form input[type="text"] {
	flex: 1;
	min-width: 0;
	height: 42px;
	padding: 0 14px;
	border: 1px solid #d9e1ef;
	border-radius: 4px;
}
.hansen-search-form button {
	height: 42px;
	padding: 0 22px;
	border: 0;
	border-radius: 4px;
	background: #204995;
	color: #fff;
	cursor: pointer;
}
.hansen-search-count {
	margin: 0 0 18px;
	color: #666;
	font-size: 14px;
}
.hansen-special-intro {
	margin-bottom: 24px;
	padding: 16px 18px;
	background: #f8fafc;
	border-left: 3px solid #204995;
	color: #555;
	line-height: 1.75;
}
.hansen-diyform-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 20px;
}
.hansen-diyform-list {
	border-top: 1px solid #eef2f8;
}
.hansen-diyform-item {
	padding: 18px 0;
	border-bottom: 1px solid #eef2f8;
}
.hansen-diyform-item h3 {
	margin: 0 0 8px;
	font-size: 18px;
}
.hansen-diyform-item h3 a {
	color: #222;
}
.hansen-diyform-item .meta {
	color: #999;
	font-size: 13px;
}
.hansen-diyform-item .desc {
	margin-top: 8px;
	color: #666;
	line-height: 1.65;
}
.hansen-diyform-panel {
	padding: 32px 36px 36px;
	background: #fff;
	border: 1px solid #e3e9f2;
	border-radius: 10px;
	box-shadow: 0 8px 28px rgba(32, 73, 149, 0.06);
}
.banner-sub-sm {
	height: 200px;
	background-color: #204995;
	margin-top: 0;
}
.banner-sub-sm h4 {
	font-size: 32px;
}
.banner-sub-sm small {
	font-size: 24px;
}
.hansen-diyform-page {
	padding-top: 36px;
	padding-bottom: 60px;
}
.hansen-diyform-page .hansen-page-head {
	margin-bottom: 24px;
}
.hansen-diyform-page .hansen-breadcrumb {
	margin-bottom: 10px;
	color: #999;
	font-size: 14px;
	line-height: 1.6;
}
.hansen-diyform-page .hansen-breadcrumb a {
	color: #999;
}
.hansen-diyform-page .hansen-breadcrumb a:hover {
	color: #204995;
}
.hansen-diyform-page .hansen-breadcrumb .sep {
	margin: 0 6px;
	color: #ccc;
}
.hansen-diyform-page .hansen-page-title {
	margin: 0;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	color: #040000;
}
.hansen-diyform-page .hansen-diyform-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 24px;
	align-items: start;
}
.hansen-diyform-lead {
	margin-bottom: 28px;
	padding: 16px 20px;
	background: linear-gradient(90deg, #f4f7fb 0%, #f8fafc 100%);
	border-left: 3px solid #204995;
	border-radius: 0 8px 8px 0;
	color: #555;
	font-size: 14px;
	line-height: 1.75;
}
.hansen-diyform-panel .hansen-diyform-lead {
	margin-top: 0;
	margin-bottom: 28px;
}
.hansen-diyform-lead p {
	margin: 0;
}
.hansen-diyform-post .hansen-diyform-form {
	width: 100%;
}
.hansen-diyform-post .hansen-form-row,
.hansen-diyform-post .form-group {
	display: block;
	margin-bottom: 26px;
}
.hansen-diyform-post .hansen-form-row:last-child,
.hansen-diyform-post .form-group:last-child {
	margin-bottom: 0;
}
.hansen-diyform-post .hansen-form-row:before,
.hansen-diyform-post .hansen-form-row:after,
.hansen-diyform-post .form-group:before,
.hansen-diyform-post .form-group:after {
	display: none;
}
.hansen-diyform-post .hansen-form-label,
.hansen-diyform-post .control-label {
	display: block;
	float: none;
	width: auto;
	margin: 0 0 10px;
	padding: 0;
	color: #222;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-align: left;
}
.hansen-diyform-post .hansen-form-control {
	width: 100%;
	min-width: 0;
}
.hansen-diyform-post .hansen-diyform-submit {
	margin-top: 6px;
	padding-top: 28px;
	border-top: 1px solid #eef2f8;
}
.hansen-diyform-post .hansen-diyform-submit .hansen-form-control-full {
	padding-left: 0;
}
.hansen-diyform-post .form-control {
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 46px;
	padding: 0 16px;
	border: 1px solid #dce4ef;
	border-radius: 6px;
	background: #f8fafc;
	box-shadow: none;
	color: #333;
	font-size: 14px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.hansen-diyform-post textarea.form-control {
	min-height: 180px;
	height: auto;
	padding: 14px 16px;
	line-height: 1.7;
	resize: vertical;
}
.hansen-diyform-post .form-control:hover {
	border-color: #c5d0e0;
	background: #fff;
}
.hansen-diyform-post .form-control:focus {
	border-color: #204995;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(32, 73, 149, 0.12);
}
.hansen-diyform-post .form-control::placeholder {
	color: #b0b8c4;
}
.hansen-diyform-post select.form-control {
	appearance: none;
	padding-right: 36px;
	background-color: #f8fafc;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	cursor: pointer;
}
.hansen-diyform-post select.form-control:hover,
.hansen-diyform-post select.form-control:focus {
	background-color: #fff;
}
.hansen-diyform-post select.form-control[multiple] {
	height: auto;
	min-height: 120px;
	padding: 8px 14px;
	background-image: none;
}
.hansen-diyform-post .hansen-choice-group {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	padding-top: 2px;
}
.hansen-diyform-post .hansen-choice {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	color: #444;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	user-select: none;
}
.hansen-diyform-post .hansen-choice input {
	margin: 0;
	accent-color: #204995;
}
.hansen-diyform-post .hansen-choice span {
	line-height: 1.5;
}
.hansen-diyform-post .input-group {
	display: flex;
	align-items: stretch;
	width: 100%;
	max-width: 100%;
}
.hansen-diyform-post .input-group > .form-control {
	flex: 1;
	min-width: 0;
	border-radius: 4px 0 0 4px;
}
.hansen-diyform-post .input-group-addon {
	display: flex;
	flex-shrink: 0;
}
.hansen-diyform-post .input-group-addon.no-border {
	border: none;
	background: none;
}
.hansen-diyform-post .input-group-addon.no-padding {
	padding: 0;
}
.hansen-diyform-post .input-group-addon > span {
	display: flex;
}
.hansen-diyform-post .input-group-addon .btn {
	height: 46px;
	padding: 0 16px;
	border: 1px solid #dce4ef;
	border-left: 0;
	border-radius: 0;
	background: #f4f7fb;
	color: #204995;
	font-size: 13px;
	line-height: 44px;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}
.hansen-diyform-post .input-group-addon .btn:last-child {
	border-radius: 0 4px 4px 0;
}
.hansen-diyform-post .input-group-addon .btn:hover {
	background: #204995;
	border-color: #204995;
	color: #fff;
}
.hansen-diyform-post .input-group-addon .btn.btn-danger {
	color: #c0392b;
}
.hansen-diyform-post .input-group-addon .btn.btn-danger:hover {
	background: #c0392b;
	border-color: #c0392b;
	color: #fff;
}
.hansen-diyform-post .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 0 14px;
	border: 1px solid #d9e1ef;
	border-radius: 4px;
	background: #f4f7fb;
	color: #204995;
	font-size: 13px;
	line-height: 32px;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.hansen-diyform-post .btn:hover {
	background: #204995;
	border-color: #204995;
	color: #fff;
}
.hansen-diyform-post .btn.btn-sm {
	height: 32px;
	padding: 0 12px;
	font-size: 12px;
}
.hansen-diyform-post .btn.btn-success {
	background: #204995;
	border-color: #204995;
	color: #fff;
}
.hansen-diyform-post .btn.btn-success:hover {
	background: #173d7e;
	border-color: #173d7e;
}
.hansen-diyform-post .btn.btn-danger {
	background: #fff;
	border-color: #e8c4c4;
	color: #c0392b;
}
.hansen-diyform-post .btn.btn-danger:hover {
	background: #c0392b;
	border-color: #c0392b;
	color: #fff;
}
.hansen-diyform-post .btn.btn-primary {
	background: #204995;
	border-color: #204995;
	color: #fff;
}
.hansen-diyform-post .btn-group {
	display: inline-flex;
	vertical-align: middle;
}
.hansen-diyform-post .btn-group .btn {
	border-radius: 0;
}
.hansen-diyform-post .btn-group .btn:first-child {
	border-radius: 4px 0 0 4px;
}
.hansen-diyform-post .btn-group .btn:last-child {
	border-radius: 0 4px 4px 0;
}
.hansen-diyform-post .fieldlist {
	margin: 0;
}
.hansen-diyform-post .fieldlist dd {
	margin: 0 0 10px;
}
.hansen-diyform-post .fieldlist ins {
	display: inline-block;
	margin-right: 8px;
	padding-bottom: 4px;
	color: #666;
	font-size: 12px;
	text-decoration: none;
}
.hansen-diyform-post .fieldlist .form-inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.hansen-diyform-post .fieldlist .form-inline .form-control {
	width: auto;
	flex: 0 0 auto;
}
.hansen-diyform-post .plupload-preview {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}
.hansen-diyform-post .plupload-preview li {
	margin: 0;
}
.hansen-diyform-post .plupload-preview img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border: 1px solid #e3e9f2;
	border-radius: 4px;
}
.hansen-diyform-post .hansen-native-upload {
	padding: 15px 16px;
	background: #f8fafc;
	border: 1px dashed #c8d3e2;
	border-radius: 6px;
}
.hansen-diyform-post .hansen-native-upload-input {
	display: block;
	width: 100%;
	color: #4f5d70;
	font-size: 14px;
}
.hansen-diyform-post .hansen-native-upload small {
	display: block;
	margin-top: 8px;
	color: #8a96a6;
	font-size: 12px;
	line-height: 1.55;
}
.hansen-diyform-post .hide {
	display: none !important;
}
.hansen-diyform-post .hansen-city-wrap {
	position: relative;
}
.hansen-diyform-post .msg-box {
	display: block;
	margin-top: 6px;
	color: #c0392b;
	font-size: 12px;
	line-height: 1.5;
}
.hansen-diyform-post .form-group.has-error .form-control,
.hansen-diyform-post .hansen-form-row.has-error .form-control {
	border-color: #e74c3c;
}
.hansen-diyform-post .form-group.has-error .form-control:focus,
.hansen-diyform-post .hansen-form-row.has-error .form-control:focus {
	box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.12);
}
.hansen-diyform-post .btn-switcher {
	display: inline-block;
	color: #204995;
	text-decoration: none;
}
.hansen-diyform-post .text-gray {
	color: #bbb;
}
.hansen-diyform-post .text-success {
	color: #204995;
}
.hansen-captcha-row {
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: 320px;
}
.hansen-captcha-row .form-control {
	flex: 0 1 160px;
	width: auto;
	min-width: 120px;
}
.hansen-captcha-img {
	flex-shrink: 0;
	padding: 0;
	border: 1px solid #dce4ef;
	border-radius: 6px;
	background: #f8fafc;
	cursor: pointer;
	overflow: hidden;
	line-height: 0;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.hansen-captcha-img:hover {
	border-color: #204995;
	box-shadow: 0 0 0 3px rgba(32, 73, 149, 0.08);
}
.hansen-diyform-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 0;
}
.hansen-diyform-btns .prd-btn {
	min-width: 140px;
	height: 46px;
	padding: 0 28px;
	font-size: 15px;
	border-radius: 6px;
}
.hansen-diyform-tip {
	margin: 16px 0 0;
	padding-left: 22px;
	color: #999;
	font-size: 12px;
	line-height: 1.6;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='6.5' fill='none' stroke='%23ccc'/%3E%3Cpath fill='%23aaa' d='M7 4a.75.75 0 110 1.5.75.75 0 010-1.5zm0 2.5c.4 0 .75.35.75.75v3a.75.75 0 01-1.5 0v-3c0-.4.35-.75.75-.75z'/%3E%3C/svg%3E") no-repeat left 1px;
}
.hansen-diyform-aside {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.hansen-diyform-contact {
	padding: 22px 22px 24px;
	background: linear-gradient(135deg, #204995 0%, #2a5eb8 100%);
	border-radius: 8px;
	color: #fff;
	box-shadow: 0 10px 24px rgba(32, 73, 149, 0.18);
	text-align: left;
}
.hansen-diyform-contact .contact-head {
	margin-bottom: 18px;
	padding-bottom: 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
}
.hansen-contact-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.hansen-contact-item {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	align-items: start;
	gap: 12px;
	margin-bottom: 18px;
	text-align: left;
}
.hansen-contact-item:last-child {
	margin-bottom: 0;
}
.hansen-contact-icon {
	display: block;
	width: 22px;
	height: 22px;
	margin-top: 2px;
	background: no-repeat center / contain;
	opacity: 0.95;
}
.hansen-contact-icon.i-phone {
	background-image: url(../images/icon6.png);
}
.hansen-contact-icon.i-mail {
	background-image: url(../images/icon5.png);
}
.hansen-contact-icon.i-address {
	background-image: url(../images/icon7.png);
}
.hansen-contact-body {
	min-width: 0;
	text-align: left;
}
.hansen-contact-body .label {
	display: block;
	margin-bottom: 6px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 12px;
	line-height: 1.4;
	text-align: left;
}
.hansen-contact-body .value,
.hansen-contact-body .value p {
	margin: 0;
	color: #fff;
	font-size: 14px;
	line-height: 1.65;
	text-align: left !important;
	word-break: break-word;
	overflow-wrap: anywhere;
}
.hansen-contact-item.is-address .value,
.hansen-contact-item.is-address .value p {
	font-size: 13px;
	line-height: 1.7;
}
.hansen-diyform-notes {
	margin: 0;
	padding: 16px 18px 16px 34px;
	background: #fff;
	border: 1px solid #e3e9f2;
	border-radius: 8px;
	list-style: disc;
}
.hansen-diyform-notes li {
	margin-bottom: 8px;
	color: #666;
	font-size: 13px;
	line-height: 1.6;
}
.hansen-diyform-notes li:last-child {
	margin-bottom: 0;
}
.hansen-diyform-post .msg-box {
	font-size: 12px;
}
.hansen-diyform-detail {
	padding: 24px;
	background: #fff;
	border: 1px solid #e3e9f2;
	border-radius: 6px;
}
.hansen-diyform-field {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 12px;
	padding: 14px 0;
	border-bottom: 1px solid #eef2f8;
}
.hansen-diyform-field .label {
	color: #204995;
	font-weight: 700;
}
.hansen-diyform-field .value {
	color: #444;
	line-height: 1.65;
	word-break: break-all;
}
.hansen-diyform-images a {
	display: inline-block;
	margin: 0 8px 8px 0;
}
.hansen-diyform-images img {
	width: 96px;
	height: 96px;
	object-fit: cover;
	border-radius: 4px;
	border: 1px solid #e3e9f2;
}
.hansen-diyform-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}
.hansen-download-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 24px;
}
.hansen-outlink-box {
	max-width: 720px;
	margin: 80px auto;
	padding: 36px;
	background: #fff;
	border: 1px solid #e3e9f2;
	border-radius: 6px;
	box-shadow: 0 8px 28px rgba(32, 73, 149, 0.08);
	text-align: center;
}
.hansen-outlink-box h1 {
	margin: 0 0 16px;
	font-size: 24px;
}
.hansen-outlink-url {
	margin: 0 0 12px;
	padding: 12px;
	background: #f8fafc;
	border-radius: 4px;
	color: #666;
	word-break: break-all;
}
.hansen-outlink-tip {
	margin: 0 0 24px;
	color: #888;
}
.hansen-outlink-box .prd-btn {
	margin: 0 6px 8px;
}
.prd-detail-tabs {
	margin-bottom: 40px;
}
.prd-tab-nav {
	position: relative;
	background: linear-gradient(135deg, #173d7e 0%, #204995 72%, #2a5eb8 100%);
	border: 0;
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(32, 73, 149, 0.16);
	overflow: hidden;
}
.prd-tab-nav span {
	display: flex;
	align-items: baseline;
	gap: 14px;
	margin: 0;
	padding: 18px 24px;
	border: 0;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.02em;
}
.prd-tab-nav span:after {
	content: "PRODUCT DETAILS";
	color: rgba(255, 255, 255, 0.62);
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.12em;
}
.prd-tab-body {
	padding-top: 32px;
}
/* 产品详情富文本标题：限定在正文区域，避免影响页面主标题和其他栏目 */
.prd-tab-body h1,
.prd-tab-body h2,
.prd-tab-body h3,
.prd-tab-body h4,
.prd-tab-body h5,
.prd-tab-body h6 {
	position: relative;
	clear: both;
	color: #17233d;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.02em;
	scroll-margin-top: 110px;
}
.prd-tab-body h1,
.prd-tab-body h2 {
	margin: 30px 0 18px;
	padding: 12px 18px 12px 22px;
	background: linear-gradient(90deg, #f2f6fc 0%, #f8fafd 58%, rgba(248, 250, 253, 0) 100%);
	border-bottom: 1px solid #e3e9f2;
	border-radius: 3px 0 0 3px;
}
.prd-tab-body h1:before,
.prd-tab-body h2:before {
	position: absolute;
	top: 12px;
	bottom: 12px;
	left: 0;
	width: 5px;
	background: #204995;
	border-radius: 0 3px 3px 0;
	content: "";
}
.prd-tab-body h1 {
	font-size: 23px;
}
.prd-tab-body h2 {
	font-size: 21px;
}
.prd-tab-body h3,
.prd-tab-body h4 {
	margin: 30px 0 16px;
	padding: 0 0 11px 18px;
	border-bottom: 1px solid #e4e9f1;
}
.prd-tab-body h3:before,
.prd-tab-body h4:before {
	position: absolute;
	top: 0.42em;
	left: 0;
	width: 8px;
	height: 8px;
	background: #2f62bb;
	box-shadow: 4px 4px 0 #dbe7f8;
	content: "";
}
.prd-tab-body h3 {
	font-size: 21px;
}
.prd-tab-body h4 {
	font-size: 18px;
}
.prd-tab-body h5,
.prd-tab-body h6 {
	margin: 24px 0 12px;
	padding-left: 14px;
	color: #204995;
}
.prd-tab-body h5:before,
.prd-tab-body h6:before {
	position: absolute;
	top: 0.42em;
	left: 0;
	width: 3px;
	height: 0.9em;
	background: #8aa8d8;
	content: "";
}
.prd-tab-body h5 {
	font-size: 17px;
}
.prd-tab-body h6 {
	font-size: 15px;
}
.prd-tab-body > h1:first-child,
.prd-tab-body > h2:first-child,
.prd-tab-body > h3:first-child,
.prd-tab-body > h4:first-child,
.prd-tab-body > h5:first-child,
.prd-tab-body > h6:first-child {
	margin-top: 0;
}
.prd-tab-body ul {
	display: grid;
	gap: 12px;
	margin: 18px 0 28px;
	padding: 18px 22px;
	background: #f8fbff;
	border: 1px solid #e0e9f6;
	border-radius: 4px;
	list-style: none;
}
.prd-tab-body ul li {
	position: relative;
	margin: 0;
	padding-left: 21px;
	line-height: 1.8;
	list-style: none !important;
}
.prd-tab-body ul li::marker {
	content: "";
}
.prd-tab-body ul li:before {
	position: absolute;
	top: 0.72em;
	left: 2px;
	width: 7px;
	height: 7px;
	background: #2f62bb;
	box-shadow: 3px 3px 0 #d7e4f7;
	transform: rotate(45deg);
	content: "";
}
.prd-tab-body ul ul {
	gap: 8px;
	margin: 10px 0 2px;
	padding: 10px 0 0 14px;
	background: transparent;
	border: 0;
}
.prd-tab-body ul ul li:before {
	width: 6px;
	height: 6px;
	background: transparent;
	border: 1px solid #6f8fbe;
	box-shadow: none;
}
.prd-detail-image-link {
	position: relative;
	display: inline-block;
	max-width: 100%;
	line-height: 0;
	cursor: zoom-in;
}
.prd-detail-image-link:after {
	position: absolute;
	right: 12px;
	bottom: 12px;
	padding: 7px 10px;
	background: rgba(23, 54, 112, 0.9);
	border-radius: 3px;
	box-shadow: 0 4px 12px rgba(23, 54, 112, 0.18);
	color: #fff;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 0.06em;
	content: "点击放大";
	opacity: 0;
	transform: translateY(5px);
	transition: opacity 0.2s ease, transform 0.2s ease;
	pointer-events: none;
}
.prd-detail-image-link:hover:after,
.prd-detail-image-link:focus:after {
	opacity: 1;
	transform: translateY(0);
}
.prd-detail-image-link img {
	display: block;
	transition: box-shadow 0.25s ease, opacity 0.25s ease;
}
.prd-detail-image-link:hover img,
.prd-detail-image-link:focus img {
	box-shadow: 0 10px 28px rgba(32, 73, 149, 0.14);
	opacity: 0.96;
}
.prd-table-scroll {
	max-width: 100%;
	margin: 20px 0 30px;
	overflow-x: auto;
	border: 1px solid #d9e3f0;
	border-radius: 5px;
	box-shadow: 0 5px 18px rgba(32, 73, 149, 0.06);
	-webkit-overflow-scrolling: touch;
}
.prd-tab-body table {
	width: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fff;
	color: #303b4e;
	font-size: 15px;
	line-height: 1.6;
}
.prd-tab-body table th,
.prd-tab-body table td {
	min-width: 90px;
	padding: 12px 14px !important;
	border: 1px solid #dfe6f0 !important;
	text-align: center;
	vertical-align: middle;
}
.prd-tab-body table th {
	background: #204995 !important;
	color: #fff !important;
	font-weight: 600;
}
.prd-tab-body table tr:first-child td {
	background: #edf4ff !important;
	color: #183665;
	font-weight: 600;
}
.prd-tab-body table tr:nth-child(even) td {
	background: #f8fafc !important;
}
.prd-tab-body table tr:hover td {
	background: #eef5ff !important;
}
.prd-tab-body table p {
	margin: 0;
}
.prd-detail-param-section {
	margin: 0 0 38px;
}
.prd-detail-param-heading {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin-bottom: 14px;
}
.prd-detail-param-heading strong {
	color: #17233d;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.4;
}
.prd-detail-param-heading small {
	color: #9aa2ae;
	font-size: 10px;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
.prd-detail-param-scroll.prd-table-scroll {
	max-width: 100%;
	margin: 0;
	background: #fff;
	border: 1px solid #e4e7ed;
	border-radius: 14px;
	box-shadow: none;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-color: #b8c5d9 #f2f4f7;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}
.prd-detail-param-scroll::-webkit-scrollbar {
	height: 7px;
}
.prd-detail-param-scroll::-webkit-scrollbar-track {
	background: #f2f4f7;
}
.prd-detail-param-scroll::-webkit-scrollbar-thumb {
	background: #b8c5d9;
	border-radius: 999px;
}
.prd-tab-body .prd-detail-param-table {
	width: 100% !important;
	min-width: 920px;
	table-layout: fixed;
	border-collapse: separate !important;
	border-spacing: 0;
	font-size: 14px;
}
.prd-detail-param-table col.is-name {
	width: 12%;
}
.prd-detail-param-table col.is-value {
	width: 21.3333%;
}
.prd-tab-body .prd-detail-param-table th,
.prd-tab-body .prd-detail-param-table td {
	min-width: 0;
	padding: 14px 16px !important;
	border: 0 !important;
	border-right: 1px solid #e7e9ee !important;
	border-bottom: 1px solid #e7e9ee !important;
	text-align: left;
	vertical-align: middle;
	word-break: break-word;
}
.prd-tab-body .prd-detail-param-table th {
	background: #f6f7fa !important;
	color: #253047 !important;
	font-weight: 500;
}
.prd-tab-body .prd-detail-param-table td,
.prd-tab-body .prd-detail-param-table tr:first-child td,
.prd-tab-body .prd-detail-param-table tr:nth-child(even) td,
.prd-tab-body .prd-detail-param-table tr:hover td {
	background: #fff !important;
	color: #111827;
	font-weight: 400;
}
.prd-tab-body .prd-detail-param-table tr > *:last-child {
	border-right: 0 !important;
}
.prd-tab-body .prd-detail-param-table tr:last-child > * {
	border-bottom: 0 !important;
}
.prd-tab-body .prd-detail-param-table th:empty,
.prd-tab-body .prd-detail-param-table td:empty {
	background: #fbfbfc !important;
}
.prd-detail-param-hint {
	display: none;
	margin: 8px 0 0;
	color: #8d96a3;
	font-size: 12px;
	line-height: 1.5;
	text-align: right;
}
.prd-relate {
	margin-top: 10px;
}
.prd-relate .related-product-grid {
	margin: 28px 0 0;
}
.prd-relate .related-product-grid li {
	width: auto;
	margin: 0;
}
.prd-relate .related-product-grid li .text p {
	height: auto;
	max-height: none;
	overflow: hidden;
}
@media screen and (min-width: 992px) {
	.prd-relate .related-product-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 36px 26px;
	}
	.prd-relate .related-product-grid li .text {
		width: calc(100% - 24px);
		min-height: 132px;
		margin-top: -20px;
		padding: 16px 16px 18px;
	}
	.prd-relate .related-product-grid li .text h4 {
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-size: 18px;
	}
	.prd-relate .related-product-grid li .text p {
		font-size: 13px;
		line-height: 1.7;
	}
}
.contact {
	position: relative;
	top: -50px;
}
.contact li {
	float: left;
	width: 33.333333%;
	background-color: #fff;
	text-align: center;
	padding: 30px 0;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
	box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
}
.contact li img {
	display: block;
	margin: 0 auto;
}
.contact li p {
	margin: 20px 0 0;
}
.contact-list {
	margin: -30px 0 0 -30px;
}
.contact-list li {
	float: left;
	width: 33.333333%;
}
.contact-list li .wrap {
	margin: 30px 0 0 30px;
	background-color: #fff;
	padding: 7%;
	-webkit-box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.06);
	box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.06);
}
.contact-list li h4 {
	margin: 0 0 15px;
	font-weight: normal;
	font-size: 24px;
	background: url(../images/icon19.png) no-repeat 0 center;
	padding-left: 40px;
}
.contact-list li p {
	margin: 0;
	line-height: 1.8;
}
.contact-list li.c {
	clear: both;
	width: 100%;
}
.mo {
	display: none;
}
.nnnns {
	margin: 20px 0 30px 0;
}
.nnnns li {
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	float: left;
	margin-right: 20px;
	border: #ddd 1px solid;
}
.nnnns li.on {
	background: #204995;
	color: #fff;
}
.nnnns li:hover {
	background: #204995;
	color: #fff;
}
.nnnns li.on a {
	color: #fff;
}
@media screen and (max-width: 1450px) {
/*.header .container {padding: 0 15px;}*/
.header .nav li>a {
	padding: 0 20px;
}
.shengchan .swiper-slide {
	width: 380px;
}
.shengchan .swiper-slide .text p {
	line-height: 50px;
	font-size: 18px;
}
}
 @media screen and (max-width: 767px) {
body {
	min-width: 320px;
	padding-top: 50px;
}
.container {
	width: auto;
	min-width: auto;
	max-width: none;
}
.footer-fix {
	display: block;
}
.kf {
	display: none;
}
.more-big {
	margin-top: 30px;
	line-height: 40px;
}
.more-big span {
	font-size: 14px;
	padding: 0 20px;
}
.more-big i {
	height: 40px;
	width: 40px;
	background-size: 15px auto;
}
.header {
	padding: 10px 0;
	background-color: #040000;
}
.header .logo {
	height: 30px;
	line-height: 30px;
	float: none;
	padding: 0;
}
.header .nav {
	margin: 10px -15px -10px;
	display: none;
	float: none;
}
.header .nav li {
	display: block;
	margin: 0;
	border-top: 1px solid #404040;
	float: none;
}
.header .nav li a {
	line-height: 40px;
	padding: 0 15px;
	font-size: 16px;
}
.header .nav li .arr {
	display: block;
	position: relative;
	z-index: 1;
}
.header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {
}
.header .nav li.open>a:after, .header .nav li.active>a:after, .header .nav li>a:hover:after {
	width: 0;
}
.header .nav li.open .arr:after {
	border-color: #fff;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.header .nav .dropdown-box {
	position: static;
	background-color: #f4f6fa;
	min-width: auto;
	text-align: left;
}
.header .nav .dropdown-box a {
	color: #333 !important;
	border-top: 1px dotted #ddd;
	padding: 0 15px;
	line-height: 40px;
	background-color: transparent !important;
	border-bottom: 0;
}
.menu-btn {
	display: block;
}
.header .sc {
	margin-left: 0;
	margin-right: 20px;
}
.header .sc-btn {
	height: 30px;
	background-size: 18px auto;
}
.header .sc-box {
	margin-top: 10px;
	margin-right: -59px;
}
.banner .swiper-slide {
	height: auto;
}
.banner .swiper-pagination {
	bottom: 10px;
	left: 50%;
	right: auto;
	width: auto;
	padding: 6px 8px;
}
.banner .swiper-pagination-bullet {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 4px !important;
}
.banner-sub {
	height: 200px;
}
.banner-sub h4 {
	font-size: 18px;
}
.banner-sub .inner {
	max-width: calc(100vw - 40px);
	padding: 16px 18px 17px;
	border-left-width: 4px;
	border-radius: 0 7px 7px 0;
}
.banner-sub h4:after {
	width: 34px;
	margin-top: 10px;
}
.banner-sub small {
	margin-top: 9px;
	font-size: 18px;
}
.section {
	padding: 30px 0;
}
.section-title {
	margin-bottom: 30px;
}
.section-title small {
	font-size: 22px;
	padding-bottom: 15px;
}
.section-title h4,
.section-title h1,
.section-title h2 {
	padding-top: 15px;
	font-size: 22px;
}
.section-title .more-big {
	margin-top: 5px;
}
.section-title-1 {
	margin-bottom: 30px;
	font-size: 20px;
}
.section-title-1 small {
	font-size: 14px;
}
.section-title-1 i {
	height: 20px;
}
.in-about dt {
	float: none;
	width: auto;
	margin: 0;
}
.in-about dd {
	margin: 0;
	padding: 20px 0 0;
}
.in-about dd p {
	font-size: 14px;
	line-height: 1.8;
}
.in-about ul {
	margin-left: 0;
	margin-top: 20px;
}
.in-about li {
	width: 50%;
}
.in-about li .wrap {
	text-align: center;
	margin-left: 0;
}
.in-about li:nth-child(2) .wrap {
	border-right: 0;
}
.in-about li.active {
	border: 0;
}
.in-about li p {
	line-height: 1;
	margin-top: 10px;
	text-align: center;
}
.about-s dd h4 {
	font-size: 18px;
	margin-bottom: 10px;
}
.about-s ul {
	margin-bottom: -30px;
}
.in-service .swiper-slide {
	height: 276px;
	line-height: 276px;
}
.in-service .swiper-slide .img-cover span {
	height: 200px;
}
.in-service .swiper-slide .img-cover p {
	font-size: 12px;
}
.in-service .swiper-slide .img-cover p em {
	padding: 20px 20px 0;
}
.in-service .swiper-slide .img-cover i {
	height: 30px;
	bottom: 20px;
}
.in-service .swiper-slide .text span,
.in-service .swiper-slide .text h3 {
	width: 75%;
	font-size: 14px;
	padding: 10px 0;
}
.in-service .swiper-slide a:hover .img-cover span {
	height: 200px;
}
.in-service .swiper-slide a:hover .text {
	padding: 10px 0 30px;
}
.in-service .swiper-button-next, .in-service .swiper-button-prev {
	width: 30px;
	height: 50px;
	background-size: 15px auto;
}
.in-equipment .swiper-slide {
	width: 280px;
}
.in-equipment .swiper-slide .text {
	position: static;
	width: auto;
	height: auto;
	padding: 15px;
}
.in-equipment .swiper-slide .text h4,
.in-equipment .swiper-slide .text h3 {
	font-size: 18px;
}
.in-equipment .swiper-slide .text h4:after,
.in-equipment .swiper-slide .text h3:after {
	margin-left: 0;
	margin-top: 10px;
	width: 50px;
}
.in-equipment .swiper-slide .text p {
	font-size: 14px;
	margin-top: 15px;
	height: auto;
}
.in-equipment .swiper-slide .text .more {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 14px;
	background-size: auto 6px;
	padding-right: 20px;
}
.in-equipment .swiper-slide .text .p {
	font-size: 12px;
	right: 15px;
	bottom: 15px;
}
.in-equipment .swiper-pagination {
	margin-top: 30px;
}
.in-equipment .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0 5px !important;
}
.in-equipment .swiper-button-next, .in-equipment .swiper-button-prev {
	display: none;
}
.list-1 {
	margin: -10px 0 0 -10px;
}
.in-news .list-1 {
	margin-bottom: -10px;
}
.list-1 li {
	width: 50%;
}
.list-1 li .item {
	margin: 10px 0 0 10px;
}
.list-1 li .text {
	padding: 12px 12px 15px;
}
.list-1 li .date {
	font-size: 12px;
}
.list-1 li h4 {
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	margin-top: 5px;
}
.footer {
	padding-top: 30px;
}
.footer-left {
	display: block;
	margin-right: 0;
}
.footer-logo,
.footer-nav {
	display: none;
}
.footer-right {
	float: none;
	width: auto;
}
.footer-ewm {
	width: 80px;
	height: 80px;
	line-height: 80px;
	margin: 0 0 18px;
}
.footer-text {
	width: 100%;
	margin-right: 0;
	text-align: left;
}
.footer-contact-item {
	grid-template-columns: 15px minmax(0, 1fr);
	column-gap: 10px;
	margin-bottom: 7px;
}
.footer-contact-icon {
	width: 15px;
	height: 15px;
}
.footer-contact-value,
.footer-contact-value p {
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
}
.footer-copy {
	margin-top: 30px;
	font-size: 12px;
	padding: 15px 0;
}
.footer-copy .zc {
	display: none;
}
.position {
	margin: 0 0 20px;
	line-height: 20px;
}
.position .tit {
	font-size: 18px;
	background-size: auto 20px;
	padding-left: 22px;
}
.position .tit:after {
	width: 20px;
	margin-left: 10px;
}
.position .wz {
	display: none;
}
.list-2 {
	margin: -10px 0 0 -10px;
}
.list-2 li {
	width: 50%;
}
.list-2 li a {
	margin: 10px 0 0 10px;
}
.list-2 li .text {
	padding: 10px 0;
}
.list-2 li .text h4 {
	font-size: 16px;
}
.list-2 li .text p {
	font-size: 12px;
}
.equipment .swiper-slide {
	width: 280px;
}
.equipment .swiper-slide .text {
	margin-top: -17px;
}
.equipment .swiper-slide .text span {
	line-height: 34px;
	height: 34px;
	font-size: 14px;
}
.equipment .swiper-button-next, .equipment .swiper-button-prev {
	width: 30px;
	height: 30px;
	margin: -15px 0 0;
	background-size: 7px auto;
}
.equipment .swiper-button-next {
	right: 10px;
}
.equipment .swiper-button-prev {
	left: 10px;
}
.shengchan .swiper-slide {
	width: 170px;
}
.shengchan .swiper-slide .text p {
	font-size: 14px;
	line-height: 34px;
}
.shengchan .ctl {
	margin-top: 20px;
}
.shengchan .swiper-button-next, .shengchan .swiper-button-prev {
	height: 14px;
	background-size: contain;
	width: 20px;
	margin-right: 10px;
}
.shengchan .swiper-pagination {
	margin-top: 5px;
	margin-left: 65px;
}
.list-3 {
	margin: -10px 0 0 -10px;
}
.list-3 li {
	width: 50%;
}
.list-3 li a {
	margin: 10px 0 0 10px;
}
.list-3 li .text {
	margin-top: 10px;
}
.list-3 li .text .date {
	margin-bottom: 5px;
	font-size: 12px;
}
.list-3 li .text h4 {
	font-size: 14px;
	line-height: 20px;
	height: 40px;
}
.list-3 li .text p {
	font-size: 12px;
	height: 40px;
	line-height: 20px;
}
/*.list-4 {margin-top: -15px;}*/
.list-4 {
	margin: -10px 20px 0 -110px;
}
.list-4 li {
	width: 100%;
}
.list-4 li a {
	margin-top: 15px;
}
.list-4 li .date {
	font-size: 20px;
	width: 60px;
}
.list-4 li .date span {
	font-size: 14px;
}
.list-4 li .text {
	margin-left: 75px;
}
.list-4 li .text h4 {
	font-size: 16px;
}
.list-4 li .text p {
	font-size: 12px;
	line-height: 20px;
	height: 40px;
	margin-top: 5px;
}
.content-title {
	margin-bottom: 20px;
}
.content-title h1 {
	font-size: 18px;
	padding-left: 10px;
	border-left-width: 3px;
}
.content-title p {
	margin-top: 10px;
}
.content-title p span {
	font-size: 12px;
}
.content-body {
	font-size: 14px;
}
.content-exp {
	margin-top: 20px;
	font-size: 12px;
}
.prd-show {
	margin-bottom: 30px;
}
.prd-show .swiper-slide {
	height: 300px;
	line-height: 300px;
}
.prd-show .swiper-button-next, .prd-show .swiper-button-prev {
	width: 30px;
	height: 50px;
	background-size: 15px auto;
	margin-top: -25px;
}
.prd-detail {
	display: block;
}
.prd-detail-gallery {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: 300px 56px auto;
	grid-template-areas:
		"main"
		"rail"
		"mode";
	gap: 10px;
	width: auto;
	margin-bottom: 24px;
}
.prd-gallery-main .swiper-slide {
	height: 300px;
	line-height: 300px;
}
.prd-gallery-rail {
	flex-direction: row;
	gap: 8px;
	width: 100%;
	height: 56px;
}
.prd-gallery-thumbs {
	flex: 1;
	width: auto;
	height: 56px;
	margin: 0;
	padding: 0;
}
.prd-gallery-thumbs .swiper-slide {
	width: 56px;
	height: 56px;
}
.prd-gallery-params-entry {
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	border-radius: 8px;
}
.prd-gallery-mode {
	margin-top: 2px;
}
.prd-gallery-params {
	height: 300px;
}
.prd-gallery-params-inner {
	padding: 24px 20px;
}
.prd-gallery-params-heading {
	margin-bottom: 16px;
}
.prd-gallery-params-list > div {
	grid-template-columns: 76px minmax(0, 1fr);
	gap: 12px;
	padding: 10px 0;
}
.prd-side {
	min-height: 0;
}
.prd-info-grid {
	grid-template-columns: 1fr;
	gap: 12px;
	min-height: 0;
}
.prd-info-main {
	padding: 0;
}
.prd-info-aside {
	padding: 14px;
}
.prd-trade-price {
	grid-template-columns: 58px auto;
}
.prd-trade-price > small {
	grid-column: 2;
}
.prd-trade-meta > div {
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 12px;
}
.prd-trade-actions {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.prd-trade-action.is-quote {
	grid-column: 1 / -1;
	height: 42px;
}
.prd-detail-title {
	font-size: 22px;
}
.prd-side-intro {
	font-size: 14px;
	margin-bottom: 12px;
}
.prd-side-phone {
	padding: 14px;
}
.prd-side-phone .phone-num,
.prd-side-phone .phone-num p {
	font-size: 17px;
}
.prd-info-aside .prd-side-features {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.prd-info-aside .prd-side-steps {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.prd-info-aside .prd-side-actions {
	flex-direction: row;
}
.prd-info-aside .prd-side-actions .prd-btn {
	height: 42px;
}
.prd-empty-detail {
	padding: 28px 16px;
}
.prd-empty-detail p {
	font-size: 14px;
}
.prd-tab-nav span {
	gap: 9px;
	padding: 14px 16px;
	font-size: 20px;
}
.prd-tab-nav span:after {
	font-size: 9px;
}
.prd-tab-body {
	padding-top: 20px;
}
.prd-relate .related-product-grid li {
	width: 100%;
}
.contact {
	top: -30px;
}
.contact li {
	padding: 20px 0;
	width: 100%;
}
.contact-list {
	margin-top: -15px;
}
.contact-list li {
	width: 100%;
}
.contact-list li .wrap {
	margin-top: 15px;
}
.contact-list li h4 {
	font-size: 18px;
	background-size: auto 22px;
	padding-left: 30px;
}
.m-tc {
	text-align: center;
}
.mo {
	display: block;
}
.nnnns {
	margin: 10px 0;
}
.nnnns li {
	width: 25%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	margin-right: 5%;
	border: #ddd 1px solid;
	margin-bottom: 10px;
}
.header .nav .dropdown-box {
	background: none;
}
.header .nav .dropdown-box a {
	background: #fff!important;
}
}
/*网分页样式*/
.pages {
	clear: both;
	margin: 40px auto 20px auto;
	padding-top: 40px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
}
.pages ul li {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 6px 15px;
	margin: 0 1px;
	line-height: 24px;
	background: #fff;
	color: #999;
	border-radius: 2px
}
.pages ul li:hover {
	background: #040000;
	color: #fff;
	border: 1px solid #040000
}
.pages ul li:hover a {
	color: #fff;
}
.pages ul li.thisclass {
	display: inline-block;
	border: 1px solid #040000;
	padding: 6px 15px;
	margin: 0 1px;
	background: #040000;
	color: #fff;
}
.pages ul li.thisclass a {
	color: #fff;
}
.pages ul li a {
	display: block;
	color: #999
}
.pages ul li a:hover {
	color: #fff;
}
.header .nav .tej {
	background-color: #333;
}

/* HUNSOME 品牌字体层级：Light / Normal / Bold */
.section-title small,
.section-title-1 small,
.in-equipment .swiper-slide .text p,
.list-1 li .date,
.list-3 li .text p,
.list-4 li .text p,
.content-title p,
.footer-copy {
	font-weight: 300;
}
.header .nav li > a,
.header .nav .dropdown-box a,
.list-2 li .text h4,
.list-3 li .text h4,
.list-4 li .text h4,
.nnnns li {
	font-weight: 400;
}
.section-title h4,
.section-title h1,
.section-title h2,
.section-title-1,
.in-equipment .swiper-slide .text h4,
.in-equipment .swiper-slide .text h3,
.position .tit,
.content-title h1,
.contact-list li h4 {
	font-weight: 700;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* HUNSOME 白底吸顶导航 */
body {
	padding-top: 88px;
}
.header {
	--mega-menu-height: 0px;
	z-index: 100;
	background: #fff;
	border-bottom: 0;
	box-shadow: none;
}
.header.header-active {
	background: #fff;
	box-shadow: 0 8px 24px rgba(32, 73, 149, 0.08);
}
.header .header-inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 190px minmax(0, 1fr) 260px;
	align-items: center;
	height: 88px;
	min-width: 0;
	max-width: 1360px;
}
.mega-menu-panel {
	position: absolute;
	left: 0;
	top: 88px;
	z-index: 1;
	width: 100%;
	height: 0;
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #d9dfe8;
	box-shadow: none;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.mega-menu-panel-inner {
	position: relative;
	height: 100%;
	max-width: 1360px;
}
.mega-contact {
	position: absolute;
	left: 170px;
	top: 22px;
	display: none;
	width: 300px;
	color: #404040;
}
.header.mega-menu-about .mega-contact {
	display: block;
}
.mega-contact-item {
	margin-bottom: 14px;
}
.mega-contact-label {
	display: block;
	margin-bottom: 4px;
	color: #7d8794;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.45;
}
.mega-contact-value,
.mega-contact-value p {
	margin: 0;
	color: #303944;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
}
.mega-follow {
	display: flex;
	align-items: center;
	width: 190px;
	height: 52px;
	margin-top: 18px;
	padding: 0 12px;
	background: #f2f5f9;
	border-radius: 5px;
	box-sizing: border-box;
}
.mega-follow-copy {
	min-width: 0;
	margin-right: auto;
}
.mega-follow-copy strong,
.mega-follow-copy small {
	display: block;
	white-space: nowrap;
}
.mega-follow-copy strong {
	color: #333;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
}
.mega-follow-copy small {
	color: #999;
	font-size: 10px;
	font-weight: 300;
	line-height: 1.45;
}
.mega-social-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	margin-left: 6px;
	border-radius: 4px;
}
.mega-social-icon svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.mega-social-wechat {
	background: #fff;
	color: #2fbd58;
}
.mega-social-douyin {
	background: #fff;
	color: #111;
}
.header.mega-open .mega-menu-panel {
	height: var(--mega-menu-height);
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.header .header-inner:after {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	height: 1px;
	background: #d9dfe8;
	content: '';
	pointer-events: none;
}
.header .logo {
	float: none;
	height: 72px;
	line-height: 72px;
	padding: 8px 0;
	text-align: center;
}
.header .logo a {
	display: inline-block;
	height: 72px;
	margin-left: 0;
}
.header .logo img {
	max-width: 96px;
	max-height: 72px;
}
.site-nav {
	align-self: stretch;
	min-width: 0;
}
.header .nav {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 40px;
	float: none;
	height: 88px;
	margin: 0;
}
.header .nav > .nav-item {
	position: relative;
	display: block;
	float: none;
	flex: 0 0 auto;
	min-width: 0;
	margin: 0;
}
.header .nav > .nav-item > .nav-link {
	display: block;
	padding: 0;
	color: #292929;
	font-size: 18px;
	font-weight: 400 !important;
	line-height: 88px;
	text-align: center;
	white-space: nowrap;
}
.header .nav > .nav-item > .nav-link:after {
	position: absolute;
	left: 50%;
	bottom: -1px;
	width: 0;
	height: 2px;
	background-color: #204995;
	content: '';
	transform: translateX(-50%);
	transition: width 0.22s ease;
}
.header .nav > .nav-item.active > .nav-link,
.header .nav > .nav-item:hover > .nav-link,
.header .nav > .nav-item:focus-within > .nav-link {
	color: #204995;
}
.header .nav > .nav-item.active > .nav-link:after,
.header .nav > .nav-item:hover > .nav-link:after,
.header .nav > .nav-item:focus-within > .nav-link:after {
	width: 100%;
}
.header .nav-link:focus-visible,
.header .navmc:focus-visible,
.header .sc-btn:focus-visible,
.header .menu-btn:focus-visible,
.header .arr:focus-visible {
	outline: 2px solid #204995;
	outline-offset: 3px;
}
.header .nav > .nav-item > .arr {
	display: none;
}
.header .nav > .nav-item > .nav-submenu {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 101;
	display: block;
	width: max-content;
	min-width: 100%;
	max-height: calc(var(--mega-menu-height) - 56px);
	margin: 0;
	padding: 26px 0 30px;
	overflow-x: hidden;
	overflow-y: auto;
	background: transparent;
	border-top: 0;
	box-shadow: none;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: none;
	transition: none;
}
.header.mega-open .nav > .nav-item.mega-active > .nav-submenu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: none;
}
.header.mega-open .nav > .nav-item.mega-overview-visible > .nav-submenu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: none;
}
.header .nav > .nav-item.mega-about-item > .nav-submenu {
	left: -35px;
	max-height: none;
	padding-left: 35px;
	overflow: visible;
	border-left: 1px solid #d9dfe8;
	box-sizing: border-box;
}
.header .nav > .nav-item > .nav-submenu > li {
	display: block;
	float: none;
	width: 100%;
	margin: 0;
}
.header .navmc {
	display: block !important;
	padding: 0 !important;
	color: #333 !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 35px !important;
	text-align: left;
	text-decoration: none !important;
	white-space: nowrap;
	transition: color 0.2s ease;
}
.header .navmc:hover,
.header .navmc:focus-visible {
	color: #204995 !important;
	transform: none;
}

/* ========================================================================
 * Homepage business modules · index.html
 * ===================================================================== */
.home-module-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 42px;
}
.home-module-heading > div {
	max-width: 760px;
}
.home-module-heading small {
	display: block;
	margin-bottom: 9px;
	color: #204995;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.16em;
}
.home-module-heading h2 {
	margin: 0;
	color: #202a37;
	font-size: 38px;
	font-weight: 600;
	line-height: 1.25;
}
.home-module-heading p {
	margin: 13px 0 0;
	color: #6d7888;
	font-size: 15px;
	line-height: 1.8;
}
.home-module-more {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	flex: 0 0 auto;
	min-height: 42px;
	padding: 0 18px;
	border: 1px solid #ccd6e5;
	color: #46556a;
	font-size: 14px;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.home-module-more span {
	color: #204995;
	font-size: 18px;
}
.home-module-more:hover,
.home-module-more:focus-visible {
	background: #204995;
	border-color: #204995;
	color: #fff;
}
.home-module-more:hover span,
.home-module-more:focus-visible span {
	color: #fff;
}
.home-module-more:focus-visible,
.home-category-card > a:focus-visible,
.home-application-card > a:focus-visible,
.home-honor-card > a:focus-visible,
.home-inquiry-cta a:focus-visible {
	outline: 2px solid #2f67c7;
	outline-offset: 3px;
}

/* 九大产品分类 */
.home-category-section {
	position: relative;
	overflow: hidden;
	background: #fff;
}
.home-category-section:before {
	position: absolute;
	right: -120px;
	top: 0;
	width: 520px;
	height: 520px;
	background: repeating-linear-gradient(135deg, rgba(32,73,149,0.025) 0, rgba(32,73,149,0.025) 1px, transparent 1px, transparent 12px);
	content: '';
	pointer-events: none;
}
.home-category-grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}
.home-category-card {
	min-width: 0;
}
.home-category-card > a {
	position: relative;
	display: block;
	height: 184px;
	overflow: hidden;
	background: #f3f6fa;
	border: 1px solid #e0e6ef;
	color: #273344;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.home-category-card > a:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: #204995;
	content: '';
	transition: width 0.25s ease;
}
.home-category-card > a:hover {
	border-color: #b9cae3;
	box-shadow: 0 16px 34px rgba(30, 63, 116, 0.12);
	transform: translateY(-4px);
}
.home-category-card > a:hover:before {
	width: 7px;
}
.home-category-no {
	position: absolute;
	left: 24px;
	top: 18px;
	z-index: 2;
	color: #94a2b5;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.12em;
}
.home-category-visual {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52%;
	height: 100%;
	overflow: hidden;
	background: linear-gradient(135deg, rgba(255,255,255,0.15), #fff);
}
.home-category-visual:before {
	position: absolute;
	left: -36px;
	top: -15%;
	width: 85px;
	height: 130%;
	background: #f3f6fa;
	content: '';
	transform: rotate(8deg);
}
.home-category-visual:after {
	position: absolute;
	right: 22%;
	top: 50%;
	width: 64px;
	height: 64px;
	border: 8px solid rgba(32,73,149,0.07);
	border-radius: 50%;
	box-shadow: 0 0 0 12px rgba(32,73,149,0.025), inset 0 0 0 12px rgba(32,73,149,0.025);
	content: '';
	transform: translate(50%, -50%);
}
.home-category-visual img {
	position: relative;
	z-index: 1;
	width: 90%;
	height: 90%;
	object-fit: contain;
	transition: transform 0.35s ease;
}
.home-category-card > a:hover .home-category-visual img {
	transform: scale(1.07);
}
.home-category-copy {
	position: absolute;
	left: 24px;
	bottom: 27px;
	z-index: 2;
	display: block;
	max-width: 43%;
}
.home-category-copy strong,
.home-category-copy small {
	display: block;
}
.home-category-copy strong {
	color: #243146;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.35;
}
.home-category-copy small {
	margin-top: 5px;
	color: #8793a3;
	font-size: 10px;
	letter-spacing: 0.12em;
}
.home-category-card > a > i {
	position: absolute;
	left: 24px;
	top: 48px;
	z-index: 2;
	color: #204995;
	font-size: 17px;
	font-style: normal;
}

/* 首页产品目录：左侧层级分类，右侧产品列表。 */
.home-catalog-layout {
	position: relative;
	display: grid;
	grid-template-columns: 330px minmax(0, 1fr);
	gap: 26px;
}
.home-catalog-sidebar {
	align-self: start;
	background: #fff;
	border: 1px solid #dbe3ee;
}
.home-catalog-sidebar-head {
	position: relative;
	padding: 23px 24px 21px;
	overflow: hidden;
	background: linear-gradient(135deg, #173b76, #204995);
	color: #fff;
}
.home-catalog-sidebar-head:after {
	position: absolute;
	right: -32px;
	top: -45px;
	width: 118px;
	height: 118px;
	border: 1px solid rgba(255,255,255,0.17);
	border-radius: 50%;
	box-shadow: 0 0 0 22px rgba(255,255,255,0.035);
	content: '';
}
.home-catalog-sidebar-head small,
.home-catalog-sidebar-head strong {
	position: relative;
	z-index: 1;
	display: block;
}
.home-catalog-sidebar-head small {
	margin-bottom: 5px;
	color: rgba(255,255,255,0.65);
	font-size: 10px;
	letter-spacing: 0.14em;
}
.home-catalog-sidebar-head strong {
	font-size: 23px;
	font-weight: 600;
}
.home-catalog-group {
	border-bottom: 1px solid #e1e7ef;
}
.home-catalog-group:last-child {
	border-bottom: 0;
}
.home-catalog-group-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 49px;
	min-height: 52px;
}
.home-catalog-trigger,
.home-catalog-group-link {
	background: transparent;
	border: 0;
	color: #344154;
	cursor: pointer;
}
.home-catalog-trigger {
	position: relative;
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) 18px;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	padding: 0 12px 0 17px;
	text-align: left;
}
.home-catalog-trigger > span {
	color: #91a0b4;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.08em;
}
.home-catalog-trigger > strong {
	font-size: 16px;
	font-weight: 500;
}
.home-catalog-trigger > i {
	position: relative;
	width: 14px;
	height: 14px;
}
.home-catalog-trigger > i:before,
.home-catalog-trigger > i:after {
	position: absolute;
	left: 50%;
	top: 50%;
	background: #7d8a9d;
	content: '';
	transform: translate(-50%, -50%);
	transition: transform 0.2s ease, opacity 0.2s ease;
}
.home-catalog-trigger > i:before { width: 10px; height: 1px; }
.home-catalog-trigger > i:after { width: 1px; height: 10px; }
.home-catalog-group.open .home-catalog-trigger > i:after {
	opacity: 0;
	transform: translate(-50%, -50%) rotate(90deg);
}
.home-catalog-group-link {
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #e1e7ef;
	color: #204995;
	font-size: 16px;
}
.home-catalog-group.active .home-catalog-group-head,
.home-catalog-group-head:hover {
	background: #eef3fa;
}
.home-catalog-group.active .home-catalog-trigger > span,
.home-catalog-group.active .home-catalog-trigger > strong {
	color: #204995;
}
.home-catalog-trigger:focus-visible,
.home-catalog-group-link:focus-visible,
.home-catalog-children a:focus-visible,
.home-catalog-product-card > a:focus-visible {
	position: relative;
	z-index: 2;
	outline: 2px solid #204995;
	outline-offset: -2px;
}
.home-catalog-children {
	display: none;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px 12px;
	max-height: 244px;
	padding: 8px 13px 12px 51px;
	overflow-y: auto;
	background: #f7f9fc;
	border-top: 1px solid #e1e7ef;
}
.home-catalog-group.open .home-catalog-children {
	display: grid;
}
.home-catalog-children a,
.home-catalog-empty {
	position: relative;
	display: block;
	min-width: 0;
	padding: 6px 0 6px 10px;
	overflow: hidden;
	color: #667387;
	font-size: 12px;
	line-height: 1.45;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.home-catalog-children a:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 4px;
	height: 4px;
	background: #aab6c7;
	border-radius: 50%;
	content: '';
	transform: translateY(-50%);
}
.home-catalog-children a:hover {
	color: #204995;
}
.home-catalog-children a:hover:before {
	background: #204995;
}
.home-catalog-products {
	min-width: 0;
}
.home-catalog-product-panel {
	display: none;
}
.home-catalog-product-panel.active {
	display: block;
	animation: homeCatalogPanelIn 0.28s ease both;
}
@keyframes homeCatalogPanelIn {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}
.home-catalog-product-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	min-height: 68px;
	box-sizing: border-box;
	margin-bottom: 14px;
	padding: 0 2px 14px;
	border-bottom: 1px solid #dbe3ee;
}
.home-catalog-product-head small,
.home-catalog-product-head h3 {
	display: block;
}
.home-catalog-product-head small {
	margin-bottom: 4px;
	color: #8a97a9;
	font-size: 9px;
	letter-spacing: 0.12em;
}
.home-catalog-product-head h3 {
	margin: 0;
	color: #263247;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.3;
}
.home-catalog-product-head > a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding-bottom: 4px;
	color: #657287;
	font-size: 13px;
}
.home-catalog-product-head > a span {
	color: #204995;
	font-size: 17px;
}
.home-catalog-product-head > a:hover {
	color: #204995;
}
.home-catalog-product-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.home-catalog-product-card {
	min-width: 0;
}
.home-catalog-product-card > a {
	position: relative;
	display: grid;
	grid-template-columns: minmax(180px, 42%) minmax(0, 1fr);
	align-items: stretch;
	height: auto;
	min-height: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid #dfe6ef;
	color: #29364a;
	transition: border-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;
}
.home-catalog-product-card > a:hover {
	border-color: #afc3df;
	box-shadow: 0 12px 26px rgba(31,65,120,0.11);
	transform: translateY(-3px);
}
.home-catalog-product-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	box-sizing: border-box;
	padding: 0;
	overflow: hidden;
	background: #f7f8fa;
	border-right: 1px solid #edf0f4;
}
.home-catalog-product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}
.home-catalog-product-card > a:hover .home-catalog-product-image img {
	transform: scale(1.055);
}
.home-catalog-product-copy {
	display: flex;
	align-self: stretch;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	height: auto;
	min-width: 0;
	padding: 20px 18px;
}
.home-catalog-product-copy small,
.home-catalog-product-copy strong,
.home-catalog-product-copy p {
	display: block;
}
.home-catalog-product-copy small {
	margin-bottom: 5px;
	color: #8e9bad;
	font-size: 8px;
	letter-spacing: 0.1em;
}
.home-catalog-product-copy strong {
	overflow: hidden;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.45;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.home-catalog-product-copy p {
	display: -webkit-box;
	margin: 5px 0 0;
	overflow: hidden;
	color: #7c8796;
	font-size: 12px;
	line-height: 1.65;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.home-catalog-product-card > a > i {
	position: absolute;
	right: 13px;
	top: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	background: rgba(32,73,149,0.9);
	border-radius: 50%;
	color: #fff;
	font-size: 13px;
	font-style: normal;
	opacity: 0;
	transition: opacity 0.2s ease;
}
.home-catalog-product-card > a:hover > i {
	opacity: 1;
}
.home-catalog-product-empty {
	grid-column: 1 / -1;
	min-height: 250px;
	box-sizing: border-box;
	padding: 84px 30px 30px;
	background: #f5f7fa;
	border: 1px dashed #c9d4e4;
	text-align: center;
}
.home-catalog-product-empty strong {
	color: #344154;
	font-size: 18px;
	font-weight: 500;
}
.home-catalog-product-empty p {
	margin: 8px 0 0;
	color: #8793a3;
	font-size: 13px;
}

/* 应用领域：使用企业优势式大图卡片。 */
.home-application-section {
	position: relative;
	overflow: hidden;
	background: #10284e;
}
.home-application-section:before {
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
	background-size: 72px 72px;
	content: '';
	pointer-events: none;
}
.home-module-heading-light {
	position: relative;
}
.home-module-heading-light small,
.home-module-heading-light h2,
.home-module-heading-light p {
	color: #fff;
}
.home-module-heading-light p {
	color: rgba(255,255,255,0.68);
}
.home-module-heading-light .home-module-more {
	border-color: rgba(255,255,255,0.35);
	color: #fff;
}
.home-module-heading-light .home-module-more span {
	color: #8fb6ff;
}
.home-application-grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	background: rgba(255,255,255,0.18);
	border: 1px solid rgba(255,255,255,0.18);
}
.home-application-card {
	min-width: 0;
	background: #18325b;
}
.home-application-card > a {
	position: relative;
	display: block;
	height: 440px;
	overflow: hidden;
	color: #fff;
}
.home-application-bg,
.home-application-overlay {
	position: absolute;
	inset: 0;
	display: block;
}
.home-application-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(0.72);
	transition: filter 0.45s ease, transform 0.55s ease;
}
.home-application-overlay {
	background: linear-gradient(180deg, rgba(8,25,52,0.12) 10%, rgba(8,25,52,0.93) 92%);
	transition: background 0.35s ease;
}
.home-application-card > a:hover .home-application-bg img {
	filter: saturate(1);
	transform: scale(1.06);
}
.home-application-card > a:hover .home-application-overlay {
	background: linear-gradient(180deg, rgba(15,55,113,0.3), rgba(16,65,137,0.95));
}
.home-application-content {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding: 30px 28px 26px;
}
.home-application-content > b {
	margin-bottom: auto;
	color: rgba(255,255,255,0.78);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.14em;
}
.home-application-content > small {
	margin-bottom: 9px;
	color: #8fb6ff;
	font-size: 10px;
	letter-spacing: 0.14em;
}
.home-application-content > strong {
	font-size: 23px;
	font-weight: 600;
	line-height: 1.35;
}
.home-application-content > p {
	display: -webkit-box;
	min-height: 44px;
	margin: 12px 0 17px;
	overflow: hidden;
	color: rgba(255,255,255,0.7);
	font-size: 13px;
	line-height: 1.7;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.home-application-content > em {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 15px;
	border-top: 1px solid rgba(255,255,255,0.2);
	color: #fff;
	font-size: 13px;
	font-style: normal;
}
.home-application-content > em i {
	font-size: 17px;
	font-style: normal;
}

/* 企业优势：参考企业实力展示的错落菱形图文布局。 */
.home-advantage-section {
	position: relative;
	overflow: hidden;
	background: #fff;
}
.home-advantage-section:before,
.home-advantage-section:after {
	position: absolute;
	width: 360px;
	height: 360px;
	background: repeating-linear-gradient(135deg, rgba(32,73,149,0.035) 0, rgba(32,73,149,0.035) 1px, transparent 1px, transparent 12px);
	content: '';
	pointer-events: none;
}
.home-advantage-section:before { left: -180px; top: -160px; }
.home-advantage-section:after { right: -180px; bottom: -170px; }
.home-advantage-heading {
	position: relative;
	z-index: 1;
	margin-bottom: 36px;
	text-align: center;
}
.home-advantage-heading > small {
	display: block;
	margin-bottom: 7px;
	color: #6f7e92;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.24em;
}
.home-advantage-heading > h2 {
	margin: 0;
	color: #1c2b40;
	font-size: 38px;
	font-weight: 600;
	line-height: 1.35;
}
.home-advantage-heading > p {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 11px 0 0;
	color: #7e8999;
	font-size: 14px;
}
.home-advantage-heading > p i {
	display: block;
	width: 36px;
	height: 2px;
	background: #2859a7;
}
.home-advantage-layout {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 46%) minmax(0, 54%);
	grid-template-rows: repeat(2, 350px);
	align-items: center;
}
.home-advantage-visual {
	position: relative;
	width: 100%;
	height: 100%;
}
.home-advantage-diamond {
	position: absolute;
	display: block;
	overflow: hidden;
	background: #eef3f9;
	clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.home-advantage-diamond:after {
	position: absolute;
	inset: 0;
	background: linear-gradient(145deg, rgba(32,73,149,0.03), rgba(32,73,149,0.18));
	content: '';
	pointer-events: none;
}
.home-advantage-diamond img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.55s ease;
}
.home-advantage-visual:hover .home-advantage-diamond img { transform: scale(1.055); }
.home-advantage-diamond-large {
	left: 5%;
	top: 28px;
	width: 310px;
	height: 310px;
}
.home-advantage-diamond-top {
	left: 51%;
	top: 5px;
	width: 190px;
	height: 190px;
}
.home-advantage-diamond-small {
	left: 55%;
	top: 174px;
	width: 148px;
	height: 148px;
}
.home-advantage-visual-secondary .home-advantage-diamond-large { left: auto; right: 4%; top: 13px; }
.home-advantage-visual-secondary .home-advantage-diamond-top { left: 9%; top: 96px; }
.home-advantage-visual-secondary .home-advantage-diamond-small { left: 33%; top: 8px; }
.home-advantage-list {
	display: grid;
	gap: 28px;
	box-sizing: border-box;
	padding: 20px 22px;
}
.home-advantage-list-top { padding-left: 34px; }
.home-advantage-list-bottom { padding-right: 48px; }
.home-advantage-item {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	align-items: start;
	gap: 18px;
}
.home-advantage-item > b {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 64px;
	height: 72px;
	padding-bottom: 10px;
	background: #204995;
	color: #fff;
	font-size: 27px;
	font-weight: 400;
	line-height: 1;
}
.home-advantage-item > b i {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 11px;
	height: 2px;
	background: rgba(255,255,255,0.8);
}
.home-advantage-item > div {
	min-width: 0;
	padding-bottom: 16px;
	border-bottom: 1px dashed #c8d0db;
}
.home-advantage-item h3 {
	margin: -2px 0 4px;
	color: #204995;
	font-size: 23px;
	font-weight: 600;
	line-height: 1.4;
}
.home-advantage-item small {
	display: block;
	margin-bottom: 9px;
	color: #9ba4b1;
	font-size: 12px;
	letter-spacing: 0.07em;
}
.home-advantage-item p {
	margin: 0;
	color: #667385;
	font-size: 14px;
	line-height: 1.75;
}
.home-advantage-more {
	position: relative;
	z-index: 1;
	margin-top: 18px;
	text-align: center;
}
.home-advantage-more a {
	display: inline-flex;
	align-items: center;
	gap: 30px;
	padding: 13px 20px;
	border: 1px solid #c9d5e6;
	color: #27466f;
	font-size: 14px;
	transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
.home-advantage-more a:hover { background: #204995; border-color: #204995; color: #fff; }
.home-advantage-more a:focus-visible { outline: 2px solid #2f67c7; outline-offset: 3px; }

/* 荣誉资质 */
.home-honor-section {
	background: #f3f6fa;
}
.home-honor-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 15px;
}
.home-honor-grid > .hansen-empty-state {
	grid-column: 1 / -1;
}
.home-honor-card {
	min-width: 0;
}
.home-honor-card > a {
	position: relative;
	display: block;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e0e5ed;
	color: #263348;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.home-honor-card > a:hover {
	border-color: #b7c8e2;
	box-shadow: 0 14px 32px rgba(30,63,116,0.12);
	transform: translateY(-5px);
}
.home-honor-image {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 250px;
	box-sizing: border-box;
	padding: 15px;
	overflow: hidden;
	background: #f9fafc;
	border-bottom: 1px solid #edf0f4;
}
.home-honor-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform 0.35s ease;
}
.home-honor-card > a:hover .home-honor-image img {
	transform: scale(1.035);
}
.home-honor-copy {
	display: block;
	box-sizing: border-box;
	height: 96px;
	padding: 16px 17px;
}
.home-honor-copy small,
.home-honor-copy strong {
	display: block;
}
.home-honor-copy small {
	margin-bottom: 7px;
	color: #8a96a7;
	font-size: 9px;
	letter-spacing: 0.1em;
}
.home-honor-copy strong {
	display: -webkit-box;
	overflow: hidden;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.55;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.home-honor-card > a > i {
	position: absolute;
	right: 14px;
	top: 14px;
	width: 28px;
	height: 28px;
	background: rgba(32,73,149,0.9);
	border-radius: 50%;
	opacity: 0;
	transition: opacity 0.2s ease;
}
.home-honor-card > a > i:before,
.home-honor-card > a > i:after {
	position: absolute;
	left: 50%;
	top: 50%;
	background: #fff;
	content: '';
	transform: translate(-50%, -50%);
}
.home-honor-card > a > i:before { width: 10px; height: 1px; }
.home-honor-card > a > i:after { width: 1px; height: 10px; }
.home-honor-card > a:hover > i { opacity: 1; }

/* 服务流程 */
.home-service-flow {
	position: relative;
	overflow: hidden;
	background: #fff;
}
.home-service-flow:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 120px;
	background: linear-gradient(180deg, transparent, rgba(32,73,149,0.035));
	content: '';
	pointer-events: none;
}
.home-service-steps {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin: 0;
	padding: 0;
	list-style: none;
}
.home-service-steps:before {
	position: absolute;
	left: 8%;
	right: 8%;
	top: 54px;
	height: 1px;
	background: #cbd7e8;
	content: '';
}
.home-service-steps > li {
	position: relative;
	min-width: 0;
	padding: 0 18px;
	text-align: center;
}
.home-service-steps > li > b {
	position: absolute;
	left: calc(50% + 31px);
	top: 0;
	z-index: 3;
	color: #92a2b8;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.08em;
}
.home-service-icon {
	position: relative;
	z-index: 2;
	display: block;
	width: 74px;
	height: 74px;
	box-sizing: border-box;
	margin: 17px auto 23px;
	background: #fff;
	border: 1px solid #c9d6e8;
	border-radius: 50%;
	box-shadow: 0 0 0 9px #fff;
	transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
.home-service-steps > li:hover .home-service-icon {
	background: #204995;
	border-color: #204995;
	transform: translateY(-4px);
}
.home-service-icon:before,
.home-service-icon:after {
	position: absolute;
	left: 50%;
	top: 50%;
	box-sizing: border-box;
	content: '';
	transform: translate(-50%, -50%);
}
.home-service-icon:before {
	width: 28px;
	height: 22px;
	border: 2px solid #204995;
	border-radius: 3px;
}
.home-service-icon:after {
	width: 11px;
	height: 7px;
	border-left: 2px solid #204995;
	border-bottom: 2px solid #204995;
	transform: translate(-50%, -62%) rotate(-45deg);
}
.home-service-icon.is-chat:before { border-radius: 9px; }
.home-service-icon.is-chat:after { width: 7px; height: 7px; border: 0; border-left: 2px solid #204995; transform: translate(-11px, 7px) skew(-22deg); }
.home-service-icon.is-drawing:before { width: 24px; height: 30px; border-radius: 1px; }
.home-service-icon.is-drawing:after { width: 11px; height: 8px; }
.home-service-icon.is-plan:before { width: 30px; height: 30px; border-radius: 50%; }
.home-service-icon.is-production:before { width: 30px; height: 30px; border-radius: 50%; box-shadow: inset 0 0 0 7px #fff; background: #204995; }
.home-service-icon.is-production:after { display: none; }
.home-service-icon.is-check:before { width: 28px; height: 28px; }
.home-service-icon.is-delivery:before { width: 32px; height: 20px; border-radius: 2px; }
.home-service-icon.is-delivery:after { width: 7px; height: 7px; border: 2px solid #204995; border-radius: 50%; transform: translate(5px, 7px); }
.home-service-steps > li:hover .home-service-icon:before,
.home-service-steps > li:hover .home-service-icon:after {
	border-color: #fff;
}
.home-service-steps > li:hover .home-service-icon.is-production:before {
	background: #fff;
	box-shadow: inset 0 0 0 7px #204995;
}
.home-service-steps > li > strong {
	display: block;
	margin-bottom: 9px;
	color: #253247;
	font-size: 18px;
	font-weight: 600;
}
.home-service-steps > li > p {
	margin: 0;
	color: #7b8797;
	font-size: 13px;
	line-height: 1.7;
}

/* 底部咨询转化 */
.home-inquiry-cta {
	position: relative;
	overflow: hidden;
	padding: 68px 0;
	background: linear-gradient(115deg, #0d2448 0%, #163f80 58%, #204995 100%);
	color: #fff;
}
.home-inquiry-cta:before {
	position: absolute;
	right: -70px;
	top: -145px;
	width: 460px;
	height: 460px;
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 50%;
	box-shadow: 0 0 0 55px rgba(255,255,255,0.025), 0 0 0 110px rgba(255,255,255,0.02);
	content: '';
}
.home-inquiry-grid {
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
	background-size: 64px 64px;
}
.home-inquiry-inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
}
.home-inquiry-copy {
	max-width: 700px;
}
.home-inquiry-copy small {
	display: block;
	margin-bottom: 10px;
	color: #98bfff;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.16em;
}
.home-inquiry-copy h2 {
	margin: 0;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.3;
}
.home-inquiry-copy p {
	margin: 14px 0 0;
	color: rgba(255,255,255,0.72);
	font-size: 14px;
	line-height: 1.8;
}
.home-inquiry-contact {
	display: grid;
	grid-template-columns: repeat(2, minmax(150px, 1fr));
	gap: 10px;
	flex: 0 0 420px;
}
.home-inquiry-phone {
	grid-column: 1 / -1;
	display: block;
	padding: 0 0 16px;
	border-bottom: 1px solid rgba(255,255,255,0.25);
	color: #fff;
}
.home-inquiry-phone span,
.home-inquiry-phone strong {
	display: block;
}
.home-inquiry-phone span {
	margin-bottom: 3px;
	color: rgba(255,255,255,0.62);
	font-size: 12px;
}
.home-inquiry-phone strong,
.home-inquiry-phone strong p {
	margin: 0;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.45;
}
.home-inquiry-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 48px;
	box-sizing: border-box;
	padding: 0 17px;
	border: 1px solid rgba(255,255,255,0.45);
	color: #fff;
	font-size: 14px;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.home-inquiry-button i {
	font-size: 17px;
	font-style: normal;
}
.home-inquiry-button.is-primary,
.home-inquiry-button:hover {
	background: #fff;
	border-color: #fff;
	color: #204995;
}
.home-inquiry-button.is-primary:hover {
	background: #edf3fc;
}

@media screen and (max-width: 1450px) {
	.home-category-grid { gap: 14px; }
	.home-category-card > a { height: 172px; }
	.home-service-steps > li { padding: 0 12px; }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
	.home-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.home-catalog-layout { grid-template-columns: 300px minmax(0, 1fr); gap: 18px; }
	.home-catalog-product-grid { grid-template-columns: 1fr; }
	.home-application-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.home-advantage-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, 330px); }
	.home-advantage-diamond-large { left: 0; top: 45px; width: 260px; height: 260px; }
	.home-advantage-diamond-top { left: 48%; width: 155px; height: 155px; }
	.home-advantage-diamond-small { left: 55%; top: 148px; width: 125px; height: 125px; }
	.home-advantage-visual-secondary .home-advantage-diamond-large { right: 0; }
	.home-advantage-list { gap: 22px; padding: 16px; }
	.home-advantage-item { grid-template-columns: 56px minmax(0, 1fr); gap: 13px; }
	.home-advantage-item > b { width: 56px; height: 64px; font-size: 23px; }
	.home-advantage-item h3 { font-size: 19px; }
	.home-advantage-item p { font-size: 12px; }
	.home-honor-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
	.home-service-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px 0; }
	.home-service-steps:before { display: none; }
	.home-inquiry-inner { align-items: flex-start; flex-direction: column; }
	.home-inquiry-contact { width: 100%; flex-basis: auto; }
}

@media screen and (max-width: 767px) {
	.home-module-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 20px;
		margin-bottom: 26px;
	}
	.home-module-heading small { margin-bottom: 6px; font-size: 10px; }
	.home-module-heading h2 { font-size: 27px; }
	.home-module-heading p { margin-top: 9px; font-size: 13px; line-height: 1.7; }
	.home-module-more { min-height: 38px; padding: 0 14px; font-size: 13px; }
	.home-category-grid { grid-template-columns: 1fr; gap: 10px; }
	.home-category-card > a { height: 138px; }
	.home-category-no { left: 17px; top: 13px; }
	.home-category-copy { left: 17px; bottom: 18px; }
	.home-category-copy strong { font-size: 19px; }
	.home-category-card > a > i { left: 17px; top: 39px; }
	.home-category-visual { width: 55%; }
	.home-catalog-layout { grid-template-columns: 1fr; gap: 22px; }
	.home-catalog-sidebar-head { padding: 18px 18px 16px; }
	.home-catalog-sidebar-head strong { font-size: 21px; }
	.home-catalog-group-head { min-height: 48px; }
	.home-catalog-trigger { grid-template-columns: 32px minmax(0, 1fr) 18px; padding-left: 13px; }
	.home-catalog-trigger > strong { font-size: 15px; }
	.home-catalog-children { max-height: 230px; padding: 8px 11px 11px 45px; }
	.home-catalog-product-head { min-height: 58px; margin-bottom: 10px; }
	.home-catalog-product-head h3 { font-size: 22px; }
	.home-catalog-product-head > a { font-size: 12px; }
	.home-catalog-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
	.home-catalog-product-card > a { display: block; min-height: 0; }
	.home-catalog-product-image { width: 100%; height: auto; aspect-ratio: 1 / 1; padding: 0; border-right: 0; border-bottom: 1px solid #edf0f4; }
	.home-catalog-product-copy { height: 86px; padding: 11px 10px; }
	.home-catalog-product-copy strong { font-size: 13px; }
	.home-catalog-product-copy p { display: none; }
	.home-catalog-product-card > a > i { display: none; }
	.home-catalog-product-empty { min-height: 190px; padding: 65px 18px 20px; }
	.home-application-grid { grid-template-columns: 1fr; }
	.home-application-card > a { height: 310px; }
	.home-application-content { padding: 22px 20px 20px; }
	.home-application-content > strong { font-size: 21px; }
	.home-advantage-heading { margin-bottom: 22px; text-align: left; }
	.home-advantage-heading > small { font-size: 10px; }
	.home-advantage-heading > h2 { font-size: 28px; }
	.home-advantage-heading > p { align-items: flex-start; justify-content: flex-start; gap: 10px; font-size: 13px; line-height: 1.7; }
	.home-advantage-heading > p i { flex: 0 0 22px; margin-top: 10px; }
	.home-advantage-layout { grid-template-columns: 1fr; grid-template-rows: 300px auto auto; gap: 12px; }
	.home-advantage-visual-primary { grid-row: 1; }
	.home-advantage-list-top { grid-row: 2; }
	.home-advantage-list-bottom { grid-row: 3; }
	.home-advantage-visual-secondary { display: none; }
	.home-advantage-diamond-large { left: -6px; top: 20px; width: 270px; height: 270px; }
	.home-advantage-diamond-top { left: auto; right: -8px; top: 2px; width: 155px; height: 155px; }
	.home-advantage-diamond-small { left: auto; right: 36px; top: 139px; width: 122px; height: 122px; }
	.home-advantage-list { gap: 22px; padding: 0; }
	.home-advantage-list-bottom { margin-top: 10px; }
	.home-advantage-item { grid-template-columns: 52px minmax(0, 1fr); gap: 13px; }
	.home-advantage-item > b { width: 52px; height: 60px; font-size: 21px; }
	.home-advantage-item h3 { font-size: 18px; }
	.home-advantage-item small { margin-bottom: 7px; font-size: 9px; }
	.home-advantage-item p { font-size: 12px; line-height: 1.7; }
	.home-advantage-more { margin-top: 30px; }
	.home-honor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
	.home-honor-image { height: 188px; padding: 9px; }
	.home-honor-copy { height: 88px; padding: 12px 10px; }
	.home-honor-copy small { font-size: 8px; }
	.home-honor-copy strong { font-size: 12px; }
	.home-service-steps { grid-template-columns: 1fr; gap: 0; }
	.home-service-steps:before {
		left: 36px;
		right: auto;
		top: 26px;
		bottom: 26px;
		width: 1px;
		height: auto;
	}
	.home-service-steps > li {
		display: grid;
		grid-template-columns: 72px 1fr;
		padding: 0 0 24px;
		text-align: left;
	}
	.home-service-steps > li > b { left: 55px; top: 0; }
	.home-service-icon { grid-row: 1 / span 2; width: 58px; height: 58px; margin: 5px 14px 0 7px; box-shadow: 0 0 0 6px #fff; }
	.home-service-icon:before { transform: translate(-50%, -50%) scale(0.82); }
	.home-service-icon:after { transform: translate(-50%, -62%) rotate(-45deg) scale(0.82); }
	.home-service-steps > li > strong { align-self: end; margin-bottom: 4px; font-size: 17px; }
	.home-service-steps > li > p { font-size: 12px; }
	.home-inquiry-cta { padding: 48px 0; }
	.home-inquiry-inner { align-items: flex-start; flex-direction: column; gap: 30px; }
	.home-inquiry-copy h2 { font-size: 25px; }
	.home-inquiry-copy p { font-size: 13px; }
	.home-inquiry-contact { grid-template-columns: 1fr; width: 100%; flex-basis: auto; }
	.home-inquiry-phone { grid-column: auto; }
	.home-inquiry-phone strong,
	.home-inquiry-phone strong p { font-size: 20px; }
}

/* 产品中心超级菜单：一级分类由后台栏目动态生成，首个分类跨三行展示。 */
.product-mega-content {
	position: absolute;
	left: 15px;
	right: 15px;
	top: 0;
	display: none;
	box-sizing: border-box;
	padding: 24px 0 30px;
	color: #303944;
}
.header.mega-menu-product .product-mega-content {
	display: block;
}
.product-mega-topline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 22px;
	padding-bottom: 16px;
	border-bottom: 1px solid #dfe5ee;
}
.product-mega-title {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 0 20px;
	background: #204995;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 38px;
}
.product-mega-title:hover,
.product-mega-title:focus-visible {
	background: #173d82;
	color: #fff;
}
.product-mega-all {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #667284;
	font-size: 14px;
	line-height: 30px;
}
.product-mega-all span {
	color: #204995;
	font-size: 18px;
}
.product-mega-all:hover,
.product-mega-all:focus-visible {
	color: #204995;
}
.product-mega-grid {
	display: grid;
	grid-template-columns: minmax(320px, 1.15fr) repeat(3, minmax(205px, 1fr));
	grid-auto-flow: row;
	gap: 0 28px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.product-mega-group {
	display: grid;
	grid-template-columns: 126px minmax(0, 1fr);
	align-content: start;
	min-height: 116px;
	margin: 0;
	padding: 0 0 16px;
}
.product-mega-group.is-featured {
	grid-row: span 3;
	min-height: 348px;
}
.product-mega-parent {
	display: block;
	min-height: 100%;
	box-sizing: border-box;
	padding: 2px 18px 0 0;
	border-right: 1px solid #d9dfe8;
	color: #222b37;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.55;
}
.product-mega-parent:hover,
.product-mega-parent:focus-visible {
	color: #204995;
}
.product-mega-children {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
}
.product-mega-children li {
	float: none !important;
	margin: 0 !important;
	padding: 0;
}
.header .product-mega-children a {
	display: inline-block;
	max-width: 100%;
	padding: 0 !important;
	overflow: hidden;
	color: #5b6470 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 29px !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.header .product-mega-children a:hover,
.header .product-mega-children a:focus-visible {
	color: #204995 !important;
}
.product-mega-title:focus-visible,
.product-mega-all:focus-visible,
.product-mega-parent:focus-visible,
.product-mega-children a:focus-visible {
	outline: 2px solid #204995;
	outline-offset: 2px;
}
.product-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
}
.product-breadcrumb .sep {
	margin: 0 8px;
	color: #a6afbb;
}
.product-breadcrumb [aria-current="page"],
.product-breadcrumb .current {
	color: #204995;
}

/* 产品列表页两级分类导航。 */
.product-category-nav {
	margin: 22px 0 38px;
}
.product-category-primary-list {
	display: grid;
	grid-template-columns: repeat(9, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.product-category-primary-list > .product-category-primary-item {
	float: none;
	width: auto;
	height: auto;
	margin: 0;
	border: 0;
	line-height: normal;
}
.product-category-primary-item > a {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 44px;
	padding: 7px 10px;
	background: #fff;
	border: 1px solid #d9dfe8;
	color: #303944;
	font-size: 16px;
	line-height: 1.35;
	text-align: center;
	transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}
.product-category-primary-list > .product-category-primary-item:hover,
.product-category-primary-list > .product-category-primary-item.active {
	background: transparent;
}
.product-category-primary-item:hover > a,
.product-category-primary-item.active > a,
.product-category-primary-item > a:focus-visible {
	background: #204995;
	border-color: #204995;
	color: #fff;
}
.product-category-primary-item > a:focus-visible,
.product-category-sublist a:focus-visible {
	outline: 2px solid #204995;
	outline-offset: 2px;
}
.product-category-subgroups {
	margin-top: 16px;
}
.product-category-subgroup {
	display: none;
	align-items: stretch;
	min-height: 64px;
	box-sizing: border-box;
	background: #f5f8fc;
	border: 1px solid #dce4ef;
	border-left: 3px solid #204995;
}
.product-category-subgroup.active {
	display: flex;
}
.product-category-subtitle {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 108px;
	box-sizing: border-box;
	padding: 12px 16px;
	border-right: 1px solid #dce4ef;
	color: #204995;
	font-size: 15px;
	font-weight: 600;
}
.product-category-sublist {
	display: flex;
	align-content: center;
	align-items: center;
	flex: 1 1 auto;
	flex-wrap: wrap;
	gap: 8px 10px;
	min-width: 0;
	padding: 12px 16px;
}
.product-category-sublist a {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	box-sizing: border-box;
	padding: 4px 13px;
	background: #fff;
	border: 1px solid #d9e1ec;
	border-radius: 2px;
	color: #59677a;
	font-size: 14px;
	line-height: 20px;
	transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
}
.product-category-sublist a:hover,
.product-category-sublist a.active {
	background: #e9f0fa;
	border-color: #204995;
	color: #204995;
}
.product-category-empty {
	color: #8792a2;
	font-size: 14px;
}

@media screen and (min-width: 768px) {
	.header.mega-menu-product .nav > .nav-item.mega-active > .product-source-submenu {
		display: none !important;
	}
}

/* 企业单页通用内容 */
.hansen-page-content {
	max-width: 1080px;
	margin: 0 auto;
	color: #3c4148;
	font-size: 17px;
	line-height: 1.9;
}
.hansen-page-content h2 {
	margin: 42px 0 14px;
	color: #204995;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.4;
}
.hansen-page-content p {
	margin: 0 0 18px;
}
.hansen-page-content a {
	color: #204995;
}
.page-lead {
	padding: 24px 28px;
	background: #f4f7fb;
	border-left: 3px solid #204995;
}
.page-lead p:last-child {
	margin-bottom: 0;
}
.page-facts,
.culture-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin: 32px 0;
	background: #d9dfe8;
	border: 1px solid #d9dfe8;
}
.page-facts > div,
.culture-grid > section {
	padding: 24px;
	background: #fff;
}
.page-facts strong,
.page-facts span {
	display: block;
}
.page-facts strong {
	color: #204995;
	font-size: 28px;
	font-weight: 600;
}
.page-facts span {
	margin-top: 5px;
	color: #7a818a;
	font-size: 14px;
}
.culture-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.culture-grid h2 {
	margin-top: 0;
}
.content-checklist {
	margin: 0 0 24px;
	padding-left: 24px;
}
.content-checklist li {
	margin-bottom: 8px;
	list-style: disc;
}
.content-note {
	padding: 16px 18px;
	color: #68707a;
	background: #f7f7f7;
}
.contact-details {
	padding: 8px 0;
}

@media (max-width: 767px) {
	.hansen-page-content {
		font-size: 15px;
		line-height: 1.8;
	}
	.hansen-page-content h2 {
		margin-top: 30px;
		font-size: 22px;
	}
	.page-lead {
		padding: 18px;
	}
	.page-facts,
	.culture-grid {
		grid-template-columns: 1fr;
	}
	.page-facts > div,
	.culture-grid > section {
		padding: 18px;
	}
	.hansen-diyform-page .hansen-diyform-layout {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.hansen-diyform-panel {
		padding: 22px 18px 24px;
	}
	.hansen-diyform-post .hansen-form-row,
	.hansen-diyform-post .form-group {
		margin-bottom: 22px;
	}
	.hansen-diyform-post .hansen-diyform-submit {
		padding-top: 22px;
	}
	.hansen-diyform-btns {
		flex-direction: column;
	}
	.hansen-diyform-btns .prd-btn {
		width: 100%;
	}
	.hansen-captcha-row {
		max-width: none;
	}
	.hansen-captcha-row .form-control {
		flex: 1;
		width: auto;
	}
	.banner-sub-sm {
		height: 140px;
	}
	.banner-sub-sm small {
		font-size: 18px;
	}
	.banner-sub > .container,
	.hansen-diyform-page > .container {
		min-width: 0 !important;
		width: auto !important;
	}
}
.header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 0 0 260px;
	gap: 10px;
}
.header-phone {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: auto;
	height: 42px;
	padding: 0 10px;
	background: #f3f7fd;
	border: 1px solid #dce6f4;
	border-radius: 6px;
	box-sizing: border-box;
	color: #204995;
	line-height: 1;
	white-space: nowrap;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.header-phone:hover,
.header-phone:focus-visible {
	color: #163d84;
	background: #eaf1fb;
	border-color: #b8cae5;
}
.header-phone:focus-visible {
	outline: 2px solid #204995;
	outline-offset: 3px;
}
.header-phone svg {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.header-phone-copy,
.header-phone-label,
.header-phone-number {
	display: block;
}
.header-phone-copy {
	line-height: 1;
}
.header-phone-label {
	margin-bottom: 3px;
	color: #7185a3;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.5px;
}
.header-phone-number {
	color: #204995;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.2px;
}
.header-divider {
	width: 1px;
	height: 20px;
	background: #d6dee9;
}
.header .sc {
	float: none;
	position: relative;
	margin: 0;
}
.header .sc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 72px;
	height: 36px;
	padding: 0 10px;
	background: #204995;
	border: 1px solid #204995;
	border-radius: 6px;
	box-shadow: 0 5px 12px rgba(32, 73, 149, 0.18);
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-size: 13px;
	font-weight: 500;
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.header .sc-btn:hover,
.header .sc-btn[aria-expanded="true"] {
	border-color: #173d7e;
	color: #fff;
	background-color: #173d7e;
	box-shadow: 0 7px 16px rgba(32, 73, 149, 0.24);
}
.header .sc-btn:active {
	transform: translateY(1px);
}
.header .sc-btn svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
}
.header .sc-box {
	right: 0;
	top: calc(100% + 14px);
	z-index: 103;
	width: 320px;
	padding: 8px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #d9dfe8;
	border-radius: 8px;
	box-shadow: 0 18px 36px rgba(32, 73, 149, 0.16);
}
.header .sc-box form {
	position: relative;
}
.header .sc-box input {
	box-sizing: border-box;
	width: 100%;
	height: 44px;
	padding: 0 80px 0 14px;
	border-color: #d9dfe8;
	border-radius: 6px;
	outline: none;
}
.header .sc-box input:focus {
	border-color: #204995;
	box-shadow: 0 0 0 3px rgba(32, 73, 149, 0.1);
}
.header .sc-box button {
	width: 70px;
	height: 44px;
	background: #204995;
	border-radius: 0 6px 6px 0;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.header .header-inner {
		grid-template-columns: 140px minmax(0, 1fr) 110px;
	}
	.header .logo a {
		height: 60px;
	}
	.header .logo img {
		max-width: 80px;
		max-height: 60px;
	}
	.header .nav {
		gap: 22px;
	}
	.header .nav > .nav-item > .nav-link {
		font-size: 16px;
	}
	.header-actions {
		flex-basis: 110px;
		gap: 9px;
	}
	.header-phone {
		justify-content: center;
		width: 34px;
		height: 34px;
		padding: 0;
	}
	.header-phone svg {
		margin-right: 0;
	}
	.header-phone-copy {
		display: none;
	}
	.header .sc-btn {
		width: 36px;
		height: 34px;
		padding: 0;
	}
	.header .sc-btn span {
		display: none;
	}
	.prd-detail {
		grid-template-columns: 420px minmax(0, 1fr);
		gap: 24px;
	}
	.prd-detail-gallery {
		grid-template-rows: 420px auto;
		width: auto;
	}
	.prd-gallery-rail {
		height: 420px;
	}
	.prd-gallery-main .swiper-slide {
		height: 420px;
		line-height: 420px;
	}
	.prd-gallery-params {
		height: 420px;
	}
	.prd-gallery-zoom-pane {
		height: 420px;
	}
	.prd-info-grid {
		grid-template-columns: minmax(0, 1fr) 240px;
		gap: 14px;
		min-height: 470px;
	}
	.prd-detail-title {
		font-size: 24px;
	}
}

@media screen and (min-width: 768px) {
	.header .nav .v_list {
		display: none !important;
	}
}

.mobile-nav-overlay,
.mobile-nav-contact {
	display: none;
}

@media screen and (max-width: 767px) {
	body {
		padding-top: 60px;
	}
	body.mobile-nav-lock {
		overflow: hidden;
	}
	.header,
	.header.header-active {
		padding: 10px 0;
		background: #fff;
		border-bottom: 1px solid #dbe5f3;
		box-shadow: 0 6px 20px rgba(32, 73, 149, 0.1);
	}
	.header .header-inner {
		position: relative;
		z-index: 106;
		display: block;
		height: auto;
		min-height: 40px;
	}
	.header .header-inner:after {
		display: none;
	}
	.mega-menu-panel {
		display: none;
	}
	.header .logo {
		float: none;
		height: 40px;
		line-height: 40px;
		padding: 0;
		text-align: center;
	}
	.header .logo a {
		height: 40px;
	}
	.header .logo img {
		max-width: 120px;
		max-height: 40px;
	}
	.site-nav {
		position: fixed;
		left: 0;
		top: 60px;
		bottom: 0;
		z-index: 105;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		width: min(86vw, 360px);
		padding-top: 0;
		overflow: hidden;
		background: #fff;
		border-right: 1px solid #d8e3f2;
		box-shadow: 14px 0 36px rgba(20, 51, 103, 0.18);
		transform: translateX(-105%);
		visibility: hidden;
		transition: transform 0.28s ease, visibility 0s linear 0.28s;
	}
	.header.mobile-nav-open .site-nav {
		transform: translateX(0);
		visibility: visible;
		transition-delay: 0s;
	}
	.header .nav {
		display: block !important;
		flex: 1 1 auto;
		float: none;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		min-height: 0;
		margin: 0;
		padding: 12px 14px 20px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	.header .nav > .nav-item {
		display: block;
		float: none;
		width: auto;
		min-width: 0;
		margin: 0;
		border-top: 0;
		border-bottom: 1px solid #e1e9f4;
	}
	.header .nav > .nav-item > .nav-link {
		padding: 0 52px 0 10px;
		color: #204995;
		font-size: 16px;
		font-weight: 600 !important;
		line-height: 52px;
		text-align: left;
	}
	.header .nav > .nav-item > .nav-link:after {
		display: none;
	}
	.header .nav > .nav-item.active > .nav-link,
	.header .nav > .nav-item:hover > .nav-link,
	.header .nav > .nav-item:focus-within > .nav-link {
		color: #163d82;
		background: #eef4fc;
	}
	.header .nav > .nav-item > .arr {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		display: block;
		width: 48px;
		height: 52px;
		padding: 0;
		background: transparent;
		border: 0;
		cursor: pointer;
	}
	.header .nav > .nav-item > .arr:after {
		right: 18px;
		border-color: #204995;
		transition: transform 0.2s ease;
	}
	.header .nav > .nav-item.open > .arr:after {
		transform: rotate(225deg);
	}
	.header .nav > .nav-item > .nav-submenu {
		display: none !important;
	}
	.header .nav .dropdown-box {
		position: static;
		min-width: 0;
		margin: 0 0 10px;
		background: #eef4fc;
		border-radius: 6px;
		box-shadow: none;
		text-align: left;
	}
	.header .nav .dropdown-box a {
		padding: 0 22px;
		color: #365989 !important;
		border-bottom-color: #d8e4f3;
		line-height: 42px;
	}
	.header .nav .product-mobile-menu {
		padding: 0 10px;
	}
	.product-mobile-group + .product-mobile-group {
		border-top: 1px solid #d8e4f3;
	}
	.product-mobile-heading {
		display: flex;
		align-items: stretch;
		min-height: 44px;
	}
	.header .nav .product-mobile-parent {
		flex: 1 1 auto;
		min-width: 0;
		padding: 0 12px;
		border: 0;
		color: #284e83 !important;
		font-size: 15px;
		font-weight: 600;
		line-height: 44px;
	}
	.product-mobile-toggle {
		position: relative;
		flex: 0 0 44px;
		width: 44px;
		padding: 0;
		background: transparent;
		border: 0;
		border-left: 1px solid #d8e4f3;
		cursor: pointer;
	}
	.product-mobile-toggle:after {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 7px;
		height: 7px;
		margin: -6px 0 0 -4px;
		border-right: 2px solid #204995;
		border-bottom: 2px solid #204995;
		content: '';
		transform: rotate(45deg);
		transition: transform 0.18s ease, margin 0.18s ease;
	}
	.product-mobile-group.open .product-mobile-toggle:after {
		margin-top: -2px;
		transform: rotate(225deg);
	}
	.product-mobile-children {
		display: none;
		margin: 0 -10px;
		padding: 5px 10px 8px 22px;
		background: #e5eef9;
	}
	.header .nav .product-mobile-children a {
		padding: 0 12px;
		border-bottom: 1px solid rgba(32, 73, 149, 0.1);
		color: #536b8c !important;
		font-size: 14px;
		line-height: 38px;
	}
	.header .nav .product-mobile-children a:last-child {
		border-bottom: 0;
	}
	.product-category-nav {
		margin: 16px 0 28px;
	}
	.product-category-primary-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}
	.product-category-primary-item > a {
		min-height: 40px;
		padding: 6px 8px;
		font-size: 14px;
	}
	.product-category-subgroups {
		margin-top: 10px;
	}
	.product-category-subgroup.active {
		display: block;
	}
	.product-category-subtitle {
		display: block;
		padding: 10px 12px;
		border-right: 0;
		border-bottom: 1px solid #dce4ef;
		font-size: 14px;
		text-align: left;
	}
	.product-category-sublist {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		padding: 10px;
	}
	.product-category-sublist a {
		justify-content: center;
		min-width: 0;
		padding: 5px 8px;
		font-size: 13px;
		text-align: center;
	}
	.menu-btn {
		position: absolute;
		top: 5px;
		right: 15px;
		z-index: 107;
		display: block;
		width: 32px;
		height: 30px;
		padding: 5px 4px;
		background: transparent;
		border: 0;
		cursor: pointer;
	}
	.menu-btn:before,
	.menu-btn:after,
	.menu-btn span {
		width: 24px;
		height: 2px;
		margin-left: 0;
		background: #204995;
		transition: transform 0.22s ease, opacity 0.22s ease;
	}
	.menu-btn span {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.menu-btn[aria-expanded="true"]:before {
		transform: translateY(7px) rotate(45deg);
	}
	.menu-btn[aria-expanded="true"] span {
		opacity: 0;
	}
	.menu-btn[aria-expanded="true"]:after {
		transform: translateY(-7px) rotate(-45deg);
	}
	.header-actions {
		position: absolute;
		top: 5px;
		left: 15px;
		z-index: 107;
		display: block;
		width: 32px;
	}
	.header-phone,
	.header-divider {
		display: none;
	}
	.header .sc {
		margin: 0;
	}
	.header .sc-btn {
		width: 32px;
		height: 30px;
		padding: 0;
		background: transparent;
		border: 0;
		box-shadow: none;
		color: #204995;
	}
	.header .sc-btn span {
		display: none;
	}
	.header .sc-btn svg {
		width: 19px;
		height: 19px;
	}
	.header .sc-box {
		left: 0;
		right: auto;
		top: 45px;
		z-index: 108;
		width: 260px;
		margin: 0;
	}
	.mobile-nav-contact {
		display: block;
		flex: 0 0 auto;
		margin: 0 14px 14px;
		padding: 18px;
		background: #eef4fc;
		border: 1px solid #d7e3f3;
		border-radius: 8px;
		color: #204995;
	}
	.mobile-nav-contact-title {
		display: block;
		margin-bottom: 12px;
		font-size: 16px;
		line-height: 1.4;
	}
	.mobile-nav-contact-item {
		display: flex;
		align-items: flex-start;
		gap: 11px;
		padding: 8px 0;
		color: #204995;
		border-top: 1px solid rgba(32, 73, 149, 0.12);
	}
	.mobile-nav-contact-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 34px;
		box-sizing: border-box;
		width: 34px;
		height: 34px;
		margin-top: 2px;
		background: #fff;
		border: 1px solid #d5e1f2;
		border-radius: 50%;
		color: #204995;
	}
	.mobile-nav-contact-icon svg {
		width: 18px;
		height: 18px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.8;
		stroke-linecap: round;
		stroke-linejoin: round;
	}
	.mobile-nav-contact-copy {
		flex: 1 1 auto;
		min-width: 0;
	}
	.mobile-nav-contact-item span,
	.mobile-nav-contact-item b,
	.mobile-nav-contact-item b p {
		display: block;
		margin: 0;
	}
	.mobile-nav-contact-item span {
		margin-bottom: 3px;
		color: #7184a1;
		font-size: 12px;
	}
	.mobile-nav-contact-item b,
	.mobile-nav-contact-item b p {
		color: #204995;
		font-size: 13px;
		font-weight: 600;
		line-height: 1.55;
	}
	.mobile-nav-overlay {
		position: fixed;
		left: 0;
		right: 0;
		top: 60px;
		bottom: 0;
		z-index: 104;
		display: block;
		padding: 0;
		background: rgba(15, 34, 67, 0.48);
		border: 0;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.25s ease, visibility 0s linear 0.25s;
	}
	.header.mobile-nav-open .mobile-nav-overlay {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition-delay: 0s;
	}
	.prd-tab-body h1,
	.prd-tab-body h2 {
		margin: 26px 0 16px;
		padding: 11px 14px 11px 19px;
	}
	.prd-tab-body h1:before,
	.prd-tab-body h2:before {
		top: 9px;
		bottom: 9px;
		width: 4px;
	}
	.prd-tab-body h1 {
		font-size: 20px;
	}
	.prd-tab-body h2 {
		font-size: 18px;
	}
	.prd-tab-body h3,
	.prd-tab-body h4 {
		margin: 24px 0 14px;
		padding: 0 0 9px 16px;
	}
	.prd-tab-body h3 {
		font-size: 18px;
	}
	.prd-tab-body h4 {
		font-size: 17px;
	}
	.prd-tab-body h5 {
		font-size: 16px;
	}
	.prd-tab-body h6 {
		font-size: 14px;
	}
	.prd-tab-body ul {
		gap: 10px;
		margin: 15px 0 24px;
		padding: 15px 14px;
	}
	.prd-tab-body ul li {
		padding-left: 18px;
		line-height: 1.75;
	}
	.prd-detail-image-link:after {
		right: 8px;
		bottom: 8px;
		padding: 6px 8px;
		font-size: 11px;
		content: "放大";
		opacity: 0.92;
		transform: none;
	}
	.prd-table-scroll {
		margin: 16px 0 24px;
	}
	.prd-detail-param-section {
		margin-bottom: 30px;
	}
	.prd-detail-param-heading {
		margin-bottom: 11px;
	}
	.prd-detail-param-heading strong {
		font-size: 18px;
	}
	.prd-detail-param-scroll.prd-table-scroll {
		margin: 0;
		border-radius: 10px;
	}
	.prd-detail-param-hint {
		display: block;
	}
	.prd-tab-body table {
		min-width: 620px;
		font-size: 13px;
	}
	.prd-tab-body table th,
	.prd-tab-body table td {
		padding: 10px 11px !important;
	}
}

@media screen and (max-width: 767px) {
	.product-list-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 30px;
		margin: 25px 0 0;
	}
	.product-list-grid li {
		width: 100%;
	}
	.product-list-grid li > a {
		margin: 0;
	}
	.product-list-grid li .text {
		width: calc(100% - 24px);
		min-height: 0;
		margin-top: -18px;
		padding: 16px 16px 18px;
	}
	.product-list-grid li .text h4 {
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-size: 18px;
	}
	.product-list-grid li .text p {
		font-size: 14px;
		line-height: 1.7;
	}
}

/* 荣誉资质证书列表 */
.honor-gallery-section {
	padding-top: 48px;
	padding-bottom: 70px;
}
.honor-gallery-intro {
	max-width: 920px;
	margin: -10px 0 30px;
	color: #687488;
	font-size: 15px;
	line-height: 1.9;
}
.honor-gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 30px 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.honor-gallery-grid > .hansen-empty-state {
	grid-column: 1 / -1;
}
.honor-gallery-item {
	min-width: 0;
	margin: 0;
	padding: 0;
}
.honor-gallery-card {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	background: #fff;
	border: 1px solid #e4eaf3;
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(25, 54, 105, 0.08);
	overflow: hidden;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: zoom-in;
	appearance: none;
	-webkit-appearance: none;
	transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}
.honor-gallery-card:hover,
.honor-gallery-card:focus-visible {
	border-color: #b9cbe5;
	box-shadow: 0 20px 46px rgba(25, 65, 132, 0.16);
	transform: translateY(-6px);
}
.honor-gallery-card:focus-visible {
	outline: 2px solid #204995;
	outline-offset: 3px;
}
.honor-gallery-card.is-empty {
	cursor: default;
}
.honor-gallery-card.is-empty:hover {
	border-color: #e4eaf3;
	box-shadow: 0 10px 30px rgba(25, 54, 105, 0.08);
	transform: none;
}
.honor-gallery-visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	aspect-ratio: 4 / 5;
	padding: 20px;
	background-color: #f3f6fb;
	background-image: linear-gradient(rgba(32, 73, 149, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(32, 73, 149, 0.035) 1px, transparent 1px);
	background-size: 24px 24px;
	overflow: hidden;
}
.honor-gallery-frame {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 8px;
	background: #fff;
	border: 1px solid #d8e0ec;
	box-shadow: 0 8px 24px rgba(30, 55, 94, 0.12);
	overflow: hidden;
}
.honor-gallery-frame:before,
.honor-gallery-frame:after {
	position: absolute;
	z-index: 1;
	width: 25px;
	height: 25px;
	border-color: #204995;
	border-style: solid;
	content: '';
	pointer-events: none;
}
.honor-gallery-frame:before {
	left: 5px;
	top: 5px;
	border-width: 2px 0 0 2px;
}
.honor-gallery-frame:after {
	right: 5px;
	bottom: 5px;
	border-width: 0 2px 2px 0;
}
.honor-gallery-frame img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform 0.5s cubic-bezier(0.2, 0.65, 0.3, 1);
}
.honor-gallery-card:hover .honor-gallery-frame img,
.honor-gallery-card:focus-visible .honor-gallery-frame img {
	transform: scale(1.035);
}
.honor-gallery-zoom {
	position: absolute;
	right: 30px;
	bottom: 30px;
	z-index: 3;
	width: 38px;
	height: 38px;
	background: rgba(32, 73, 149, 0.94);
	border-radius: 50%;
	box-shadow: 0 7px 20px rgba(13, 38, 78, 0.26);
	opacity: 0;
	transform: translateY(6px);
	transition: opacity 0.24s ease, transform 0.24s ease;
	pointer-events: none;
}
.honor-gallery-zoom:before {
	position: absolute;
	left: 10px;
	top: 9px;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	border-radius: 50%;
	content: '';
}
.honor-gallery-zoom:after {
	position: absolute;
	left: 23px;
	top: 23px;
	width: 8px;
	height: 2px;
	background: #fff;
	border-radius: 2px;
	content: '';
	transform: rotate(45deg);
	transform-origin: left center;
}
.honor-gallery-card:hover .honor-gallery-zoom,
.honor-gallery-card:focus-visible .honor-gallery-zoom {
	opacity: 1;
	transform: translateY(0);
}
.honor-gallery-copy {
	position: relative;
	display: block;
	box-sizing: border-box;
	min-height: 96px;
	padding: 17px 20px 19px;
	background: #fff;
	text-align: center;
}
.honor-gallery-copy:before {
	position: absolute;
	left: 50%;
	top: 0;
	width: 44px;
	height: 3px;
	background: #204995;
	border-radius: 3px;
	content: '';
	transform: translateX(-50%);
}
.honor-gallery-copy small {
	display: block;
	margin-bottom: 5px;
	color: #8793a5;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 1.1px;
	line-height: 1.4;
}
.honor-gallery-copy strong {
	display: block;
	overflow: hidden;
	color: #172a49;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.5;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color 0.25s ease;
}
.honor-gallery-copy em {
	display: -webkit-box;
	overflow: hidden;
	margin-top: 6px;
	color: #7a8594;
	font-size: 12px;
	font-style: normal;
	line-height: 1.6;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.honor-gallery-card:hover .honor-gallery-copy strong,
.honor-gallery-card:focus-visible .honor-gallery-copy strong {
	color: #204995;
}
.honor-gallery-image-empty {
	color: #8d99a8;
	font-size: 14px;
}

@media screen and (max-width: 991px) {
	.honor-gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 22px;
	}
}

@media screen and (max-width: 767px) {
	.honor-gallery-section {
		padding-top: 28px;
		padding-bottom: 48px;
	}
	.honor-gallery-intro {
		margin: -4px 0 22px;
		font-size: 14px;
		line-height: 1.75;
	}
	.honor-gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px 12px;
	}
	.honor-gallery-visual {
		padding: 10px;
	}
	.honor-gallery-frame {
		padding: 5px;
	}
	.honor-gallery-zoom {
		right: 17px;
		bottom: 17px;
		width: 32px;
		height: 32px;
		opacity: 1;
		transform: none;
	}
	.honor-gallery-zoom:before {
		left: 8px;
		top: 7px;
		width: 13px;
		height: 13px;
	}
	.honor-gallery-zoom:after {
		left: 20px;
		top: 20px;
		width: 7px;
	}
	.honor-gallery-copy {
		min-height: 78px;
		padding: 14px 8px 15px;
	}
	.honor-gallery-copy small {
		font-size: 8px;
		letter-spacing: 0.6px;
	}
	.honor-gallery-copy strong {
		font-size: 14px;
	}
	.honor-gallery-copy em {
		display: none;
	}
}

/* 内容列表空状态 */
.hansen-empty-state,
ul > li.hansen-empty-state {
	float: none !important;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100% !important;
	min-height: 180px;
	margin: 0 !important;
	padding: 38px 24px !important;
	background: linear-gradient(135deg, #f8fafd 0%, #f2f6fc 100%);
	border: 1px dashed #c7d5e9;
	border-radius: 10px;
	color: #7a8594;
	line-height: 1.6 !important;
	text-align: center;
	list-style: none;
}
.hansen-empty-state-icon {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 48px;
	height: 38px;
	margin-bottom: 16px;
	background: #fff;
	border: 2px solid #9eb4d3;
	border-radius: 6px;
}
.hansen-empty-state-icon:before {
	position: absolute;
	left: 7px;
	top: -9px;
	box-sizing: border-box;
	width: 20px;
	height: 10px;
	background: #fff;
	border: 2px solid #9eb4d3;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
	content: '';
}
.hansen-empty-state-icon:after {
	position: absolute;
	left: 11px;
	right: 11px;
	top: 16px;
	height: 2px;
	background: #c7d5e9;
	box-shadow: 0 7px 0 #d9e3f0;
	content: '';
}
.hansen-empty-state strong {
	display: block;
	margin: 0;
	color: #34445b;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
}
.hansen-empty-state p {
	margin: 7px 0 0;
	color: #7a8594;
	font-size: 13px;
	line-height: 1.7;
}
.hansen-empty-state.is-slide {
	flex: 0 0 calc(100% - 40px) !important;
	width: calc(100% - 40px) !important;
	height: 220px !important;
	min-height: 220px;
	margin: 0 20px !important;
	line-height: normal !important;
}
.product-list-grid > .hansen-empty-state,
.related-product-grid > .hansen-empty-state {
	grid-column: 1 / -1;
}
.foot-link .hansen-empty-state.is-compact,
.hansen-empty-state.is-compact {
	min-height: 54px;
	padding: 14px 18px !important;
	border-radius: 6px;
}
.hansen-empty-state.is-compact strong {
	color: #7a8594;
	font-size: 13px;
	font-weight: 400;
}

@media screen and (max-width: 767px) {
	.hansen-empty-state,
	ul > li.hansen-empty-state {
		min-height: 150px;
		padding: 30px 18px !important;
	}
	.hansen-empty-state.is-slide {
		flex-basis: calc(100% - 24px) !important;
		width: calc(100% - 24px) !important;
		height: 180px !important;
		min-height: 180px;
		margin: 0 12px !important;
	}
	.hansen-empty-state strong {
		font-size: 16px;
	}
}

/* 企业文化图片列表 */
.culture-gallery-section {
	padding-top: 48px;
	padding-bottom: 70px;
}
.culture-gallery-intro {
	max-width: 920px;
	margin: -10px 0 30px;
	color: #687488;
	font-size: 15px;
	line-height: 1.9;
}
.culture-gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 32px 28px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.culture-gallery-grid > .hansen-empty-state {
	grid-column: 1 / -1;
}
.culture-gallery-item {
	min-width: 0;
	margin: 0;
	padding: 0;
}
.culture-gallery-card {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	background: #fff;
	border: 1px solid #e8edf5;
	border-radius: 16px;
	box-shadow: 0 10px 32px rgba(25, 54, 105, 0.08);
	overflow: hidden;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: zoom-in;
	appearance: none;
	-webkit-appearance: none;
	transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}
.culture-gallery-card:hover,
.culture-gallery-card:focus-visible {
	border-color: #c8d7ed;
	box-shadow: 0 20px 46px rgba(25, 65, 132, 0.16);
	transform: translateY(-6px);
}
.culture-gallery-card:focus-visible {
	outline: 2px solid #204995;
	outline-offset: 3px;
}
.culture-gallery-card.is-empty {
	cursor: default;
}
.culture-gallery-card.is-empty:hover {
	border-color: #e1e8f2;
	box-shadow: 0 10px 32px rgba(25, 54, 105, 0.08);
	transform: none;
}
.culture-gallery-image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 10;
	background: #f3f6fa;
	overflow: hidden;
}
.culture-gallery-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.55s cubic-bezier(0.2, 0.65, 0.3, 1);
}
.culture-gallery-card:hover .culture-gallery-image img {
	transform: scale(1.055);
}
.culture-gallery-image:after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 50%, rgba(8, 32, 75, 0.28) 100%);
	content: '';
	opacity: 0;
	transition: opacity 0.22s ease;
	pointer-events: none;
}
.culture-gallery-card:hover .culture-gallery-image:after,
.culture-gallery-card:focus-visible .culture-gallery-image:after {
	opacity: 1;
}
.culture-gallery-zoom {
	position: absolute;
	right: 16px;
	bottom: 16px;
	z-index: 2;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.96);
	border-radius: 50%;
	box-shadow: 0 8px 22px rgba(13, 38, 78, 0.24);
	opacity: 0;
	transform: translateY(6px);
	transition: opacity 0.22s ease, transform 0.22s ease;
	pointer-events: none;
}
.culture-gallery-zoom:before {
	position: absolute;
	left: 11px;
	top: 9px;
	box-sizing: border-box;
	width: 15px;
	height: 15px;
	border: 2px solid #204995;
	border-radius: 50%;
	content: '';
}
.culture-gallery-zoom:after {
	position: absolute;
	left: 25px;
	top: 24px;
	width: 9px;
	height: 2px;
	background: #204995;
	border-radius: 2px;
	content: '';
	transform: rotate(45deg);
	transform-origin: left center;
}
.culture-gallery-card:hover .culture-gallery-zoom,
.culture-gallery-card:focus-visible .culture-gallery-zoom {
	opacity: 1;
	transform: translateY(0);
}
.culture-gallery-copy {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	box-sizing: border-box;
	min-height: 76px;
	padding: 18px 22px 19px 26px;
	background: linear-gradient(135deg, #fff 0%, #fbfcff 100%);
}
.culture-gallery-copy:before {
	position: absolute;
	left: 0;
	top: 20px;
	width: 4px;
	height: 30px;
	background: #204995;
	border-radius: 0 4px 4px 0;
	content: '';
}
.culture-gallery-copy:after {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	background: #edf3fc;
	border-radius: 50%;
	color: #204995;
	content: '\2197';
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
.culture-gallery-copy strong {
	display: block;
	overflow: hidden;
	flex: 1;
	color: #172a49;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.5;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color 0.25s ease;
}
.culture-gallery-copy small {
	display: none;
	overflow: hidden;
	margin-top: 8px;
	color: #7a8594;
	font-size: 13px;
	line-height: 1.65;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.culture-gallery-card:hover .culture-gallery-copy strong,
.culture-gallery-card:focus-visible .culture-gallery-copy strong {
	color: #204995;
}
.culture-gallery-card:hover .culture-gallery-copy:after,
.culture-gallery-card:focus-visible .culture-gallery-copy:after {
	background: #204995;
	color: #fff;
	transform: translate(2px, -2px);
}
.culture-gallery-image-empty {
	color: #8d99a8;
	font-size: 14px;
}

@media screen and (max-width: 991px) {
	.culture-gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 22px;
	}
}

@media screen and (max-width: 767px) {
	.culture-gallery-section {
		padding-top: 28px;
		padding-bottom: 48px;
	}
	.culture-gallery-intro {
		margin: -4px 0 22px;
		font-size: 14px;
		line-height: 1.75;
	}
	.culture-gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px 12px;
	}
	.culture-gallery-copy {
		min-height: 58px;
		padding: 12px 12px 13px 17px;
	}
	.culture-gallery-copy strong {
		font-size: 15px;
	}
	.culture-gallery-copy:before {
		top: 15px;
		height: 24px;
	}
	.culture-gallery-copy:after {
		display: none;
	}
	.culture-gallery-zoom {
		right: 12px;
		bottom: 12px;
		opacity: 1;
		transform: none;
	}
}

/* News and application case detail content */
.content-body .hansen-article {
	max-width: 1180px;
	margin: 0 auto;
	color: #26364d;
	font-size: 16px;
	line-height: 1.95;
}
.content-body .hansen-article-lead {
	position: relative;
	margin: 0 0 30px;
	padding: 22px 26px 22px 30px;
	border: 1px solid #dce6f5;
	border-radius: 8px;
	background: linear-gradient(135deg, #f2f6fd 0%, #fbfdff 100%);
	color: #33455e;
	font-size: 17px;
	line-height: 1.9;
}
.content-body .hansen-article-lead:before {
	position: absolute;
	top: 22px;
	bottom: 22px;
	left: 0;
	width: 4px;
	border-radius: 0 4px 4px 0;
	background: #204995;
	content: '';
}
.content-body .hansen-article-section {
	margin: 34px 0 0;
}
.content-body .hansen-article-section h2 {
	position: relative;
	margin: 0 0 18px;
	padding: 12px 18px 12px 22px;
	border-bottom: 1px solid #d9e3f1;
	background: linear-gradient(90deg, #edf3fc 0%, rgba(237, 243, 252, 0) 78%);
	color: #17386f;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5;
}
.content-body .hansen-article-section h2:before {
	position: absolute;
	top: 12px;
	bottom: 12px;
	left: 0;
	width: 4px;
	border-radius: 4px;
	background: #2857a4;
	content: '';
}
.content-body .hansen-article-section p {
	margin: 0 0 14px;
}
.content-body .hansen-article-points {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 18px;
	margin: 4px 0 18px;
	padding: 0;
	list-style: none;
}
.content-body .hansen-article-points li {
	position: relative;
	box-sizing: border-box;
	margin: 0;
	padding: 14px 16px 14px 42px;
	border: 1px solid #e2e9f4;
	border-radius: 6px;
	background: #fbfcfe;
	color: #33445d;
	line-height: 1.7;
}
.content-body .hansen-article-points li:before {
	position: absolute;
	top: 20px;
	left: 19px;
	width: 8px;
	height: 8px;
	border: 2px solid #2c5ca8;
	border-radius: 50%;
	box-sizing: border-box;
	background: #fff;
	content: '';
}
.content-body .hansen-article-figure {
	margin: 0;
	overflow: hidden;
	border: 1px solid #e0e7f0;
	border-radius: 8px;
	background: #f7f9fc;
}
.content-body .hansen-article-figure--hero {
	margin: 0 0 36px;
}
.content-body .hansen-article-figure img {
	display: block;
	width: 100%;
	height: 360px;
	object-fit: contain;
	background: #fff;
}
.content-body .hansen-article-figure--hero img {
	height: 520px;
}
.content-body .hansen-article-figure figcaption {
	padding: 12px 16px;
	border-top: 1px solid #e7edf5;
	color: #728097;
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
}
.content-body .hansen-article-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	margin: 32px 0;
}
.content-body .hansen-article-note {
	margin: 34px 0 0;
	padding: 18px 22px;
	border-left: 4px solid #2857a4;
	border-radius: 0 6px 6px 0;
	background: #f3f7fd;
	color: #54647a;
}
.content-body .hansen-article-note strong {
	display: block;
	margin-bottom: 5px;
	color: #204995;
	font-size: 16px;
}
.content-body .hansen-article-note p {
	margin: 0;
}

@media screen and (max-width: 767px) {
	.content-body .hansen-article {
		font-size: 15px;
		line-height: 1.85;
	}
	.content-body .hansen-article-lead {
		margin-bottom: 22px;
		padding: 17px 18px 17px 22px;
		font-size: 15px;
	}
	.content-body .hansen-article-section {
		margin-top: 26px;
	}
	.content-body .hansen-article-section h2 {
		margin-bottom: 14px;
		padding: 10px 14px 10px 18px;
		font-size: 19px;
	}
	.content-body .hansen-article-points,
	.content-body .hansen-article-gallery {
		grid-template-columns: 1fr;
	}
	.content-body .hansen-article-points {
		gap: 9px;
	}
	.content-body .hansen-article-points li {
		padding: 12px 14px 12px 36px;
	}
	.content-body .hansen-article-points li:before {
		top: 18px;
		left: 16px;
	}
	.content-body .hansen-article-figure--hero {
		margin-bottom: 26px;
	}
	.content-body .hansen-article-figure img,
	.content-body .hansen-article-figure--hero img {
		height: auto;
		max-height: 420px;
	}
	.content-body .hansen-article-gallery {
		gap: 16px;
		margin: 24px 0;
	}
}

/* Homepage factual profile, announcement and FAQ */
.home-facts .num strong {
	display: block;
	font-family: inherit;
	font-size: 24px;
	line-height: 1.3;
}
.in-announcement {
	background: #f5f7fb;
}
.home-section-intro {
	max-width: 920px;
	margin: -18px 0 30px;
	color: #637187;
	font-size: 16px;
	line-height: 1.85;
}
.home-announcement-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}
.home-announcement-list > .hansen-empty-state {
	grid-column: 1 / -1;
}
.home-announcement-card {
	min-width: 0;
	border: 1px solid #dbe4f1;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 8px 26px rgba(32, 73, 149, 0.07);
	transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.home-announcement-card:hover {
	border-color: #b8c9e4;
	box-shadow: 0 14px 34px rgba(32, 73, 149, 0.13);
	transform: translateY(-4px);
}
.home-announcement-card > a {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	min-height: 260px;
	padding: 28px 30px;
	color: #26364d;
}
.home-announcement-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 22px;
}
.home-announcement-badge {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 12px;
	border-radius: 14px;
	background: #eaf1fb;
	color: #204995;
	font-size: 13px;
	font-weight: 700;
}
.home-announcement-meta time {
	color: #8996a8;
	font-size: 14px;
}
.home-announcement-card h3 {
	margin: 0 0 14px;
	color: #172b4d;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.55;
}
.home-announcement-card p {
	display: -webkit-box;
	overflow: hidden;
	margin: 0 0 22px;
	color: #607086;
	font-size: 15px;
	line-height: 1.85;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.home-announcement-more {
	display: inline-flex;
	align-items: center;
	margin-top: auto;
	color: #204995;
	font-weight: 600;
}
.home-announcement-more:after {
	margin-left: 8px;
	content: '\2192';
	transition: transform 0.2s ease;
}
.home-announcement-card:hover .home-announcement-more:after,
.home-announcement-card a:focus-visible .home-announcement-more:after {
	transform: translateX(4px);
}
.home-announcement-card a:focus-visible {
	border-radius: 9px;
	outline: 3px solid rgba(32, 73, 149, 0.28);
	outline-offset: -3px;
}
.in-faq {
	background: #fff;
}
.in-faq .section-title .more-big {
	display: inline-flex;
	align-items: center;
}
.home-faq-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 22px;
}
.home-faq-list > .hansen-empty-state {
	grid-column: 1 / -1;
}
.home-faq-item {
	align-self: start;
	overflow: hidden;
	border: 1px solid #dbe4f1;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 7px 24px rgba(32, 73, 149, 0.06);
	transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.home-faq-item:hover,
.home-faq-item[open] {
	border-color: #b9cae4;
	box-shadow: 0 12px 30px rgba(32, 73, 149, 0.11);
}
.home-faq-item[open] {
	transform: translateY(-2px);
}
.home-faq-item summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	box-sizing: border-box;
	min-height: 78px;
	padding: 20px 22px;
	color: #182b49;
	cursor: pointer;
	list-style: none;
	transition: background-color 0.25s ease, color 0.25s ease;
}
.home-faq-item summary::-webkit-details-marker {
	display: none;
}
.home-faq-item summary:focus-visible {
	outline: 3px solid rgba(32, 73, 149, 0.28);
	outline-offset: -3px;
}
.home-faq-item[open] summary {
	border-bottom: 1px solid #dfe7f3;
	background: linear-gradient(135deg, #edf3fc 0%, #f8faff 100%);
	color: #204995;
}
.home-faq-item summary h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.55;
}
.home-faq-toggle {
	position: relative;
	display: inline-flex;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #edf3fc;
	transition: background-color 0.25s ease, transform 0.25s ease;
}
.home-faq-toggle:before,
.home-faq-toggle:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	border-radius: 2px;
	background: #204995;
	content: '';
	transform: translate(-50%, -50%);
}
.home-faq-toggle:after {
	transform: translate(-50%, -50%) rotate(90deg);
	transition: transform 0.25s ease;
}
.home-faq-item[open] .home-faq-toggle {
	background: #204995;
	transform: rotate(180deg);
}
.home-faq-item[open] .home-faq-toggle:before,
.home-faq-item[open] .home-faq-toggle:after {
	background: #fff;
}
.home-faq-item[open] .home-faq-toggle:after {
	transform: translate(-50%, -50%) rotate(0deg);
}
.home-faq-answer {
	padding: 20px 22px 22px;
	color: #536176;
	font-size: 15px;
	line-height: 1.85;
}
.home-faq-answer p {
	margin: 0;
}
.home-faq-answer a {
	display: inline-flex;
	align-items: center;
	margin-top: 13px;
	color: #204995;
	font-weight: 600;
}
.home-faq-answer a:after {
	margin-left: 7px;
	content: '\2192';
	transition: transform 0.2s ease;
}
.home-faq-answer a:hover:after,
.home-faq-answer a:focus-visible:after {
	transform: translateX(4px);
}

@media screen and (max-width: 767px) {
	.home-facts .num strong {
		font-size: 20px;
	}
	.in-announcement .section-title .more-big {
		display: none;
	}
	.home-announcement-list {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	.home-section-intro {
		margin: -8px 0 22px;
		font-size: 14px;
		line-height: 1.75;
	}
	.home-announcement-card > a {
		min-height: 0;
		padding: 22px 20px;
	}
	.home-announcement-meta {
		margin-bottom: 16px;
	}
	.home-announcement-card h3 {
		font-size: 18px;
	}
	.home-announcement-card p {
		margin-bottom: 16px;
		font-size: 14px;
	}
	.in-faq .section-title .more-big {
		display: none;
	}
	.home-faq-list {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.home-faq-item summary {
		min-height: 66px;
		padding: 16px;
	}
	.home-faq-item summary h3 {
		font-size: 16px;
	}
	.home-faq-toggle {
		flex-basis: 28px;
		width: 28px;
		height: 28px;
	}
	.home-faq-answer {
		padding: 16px;
		font-size: 14px;
	}
}
/* ============================================================
 * Company profile · page_about.html
 * Industrial editorial layout, scoped to .about-page
 * ============================================================ */
.about-page {
	--about-blue: #1f4f9c;
	--about-blue-deep: #0b2248;
	--about-ink: #10213a;
	--about-muted: #6e7c90;
	--about-line: #dfe6ef;
	--about-paper: #f5f7fa;
	overflow: hidden;
	background: #fff;
	color: var(--about-ink);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
}
.about-page *,
.about-page *:before,
.about-page *:after {
	box-sizing: border-box;
}
.about-hero {
	position: relative;
	min-height: 680px;
	overflow: hidden;
	background: #0a1b36;
	isolation: isolate;
}
.about-hero-media {
	position: absolute;
	inset: 0;
	z-index: -3;
	background: url(../images/about.png) no-repeat center 46% / cover;
	transform: scale(1.015);
	animation: aboutHeroReveal 1.4s cubic-bezier(.2,.7,.2,1) both;
}
.about-hero:before {
	position: absolute;
	inset: 0;
	z-index: -2;
	background: linear-gradient(90deg, rgba(5, 18, 40, .93) 0%, rgba(7, 26, 55, .78) 38%, rgba(8, 26, 52, .28) 72%, rgba(5, 17, 37, .46) 100%);
	content: '';
}
.about-hero:after {
	position: absolute;
	inset: auto 0 0;
	z-index: -1;
	height: 42%;
	background: linear-gradient(0deg, rgba(4, 15, 34, .68), transparent);
	content: '';
}
.about-hero-grid {
	position: absolute;
	inset: 0;
	z-index: -1;
	opacity: .12;
	background-image: linear-gradient(rgba(255,255,255,.28) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.28) 1px, transparent 1px);
	background-size: 80px 80px;
	-webkit-mask-image: linear-gradient(90deg, #000 0, transparent 70%);
	mask-image: linear-gradient(90deg, #000 0, transparent 70%);
}
.about-hero-inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 680px;
	padding-top: 105px;
	padding-bottom: 70px;
}
.about-hero-copy {
	width: min(720px, 68%);
	color: #fff;
}
.about-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 13px;
	margin-bottom: 28px;
	color: #c8d8f0;
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .22em;
}
.about-eyebrow i {
	display: block;
	width: 44px;
	height: 2px;
	background: #5e91df;
}
.about-hero h1 {
	margin: 0;
	color: #fff;
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: clamp(48px, 4.5vw, 72px);
	font-weight: 500;
	line-height: 1.22;
	letter-spacing: .04em;
}
.about-hero h1 strong {
	position: relative;
	color: #fff;
	font-weight: 700;
}
.about-hero h1 strong:after {
	position: absolute;
	right: -.08em;
	bottom: .06em;
	left: -.08em;
	z-index: -1;
	height: .18em;
	background: var(--about-blue);
	content: '';
}
.about-hero-copy > p {
	max-width: 580px;
	margin: 28px 0 34px;
	color: rgba(255,255,255,.78);
	font-size: 18px;
	line-height: 1.9;
	letter-spacing: .04em;
}
.about-hero-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}
.about-hero-tags span {
	display: inline-flex;
	align-items: center;
	height: 34px;
	padding: 0 17px;
	border: 1px solid rgba(255,255,255,.3);
	background: rgba(255,255,255,.06);
	color: rgba(255,255,255,.9);
	font-size: 14px;
	letter-spacing: .12em;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}
.about-hero-mark {
	align-self: flex-end;
	min-width: 230px;
	margin-bottom: 37px;
	padding: 18px 0 17px 28px;
	border-left: 1px solid rgba(255,255,255,.42);
	color: #fff;
	text-align: left;
}
.about-hero-mark span,
.about-hero-mark small {
	display: block;
	color: rgba(255,255,255,.62);
	font-size: 11px;
	letter-spacing: .2em;
}
.about-hero-mark b {
	display: block;
	margin: 3px 0 5px;
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 64px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: -.025em;
}
.about-scroll-cue {
	position: absolute;
	right: 50%;
	bottom: 24px;
	display: flex;
	align-items: center;
	gap: 12px;
	color: rgba(255,255,255,.58);
	font-size: 10px;
	letter-spacing: .26em;
	transform: translateX(50%) rotate(90deg) translateX(42px);
	transform-origin: center;
}
.about-scroll-cue:hover {
	color: #fff;
}
.about-scroll-cue i {
	display: block;
	width: 34px;
	height: 1px;
	background: currentColor;
	animation: aboutScroll 1.6s ease-in-out infinite;
}
.about-breadcrumb {
	position: relative;
	z-index: 2;
	margin-top: -1px;
	border-bottom: 1px solid var(--about-line);
	background: #fff;
}
.about-breadcrumb .container {
	display: flex;
	align-items: center;
	height: 48px;
	color: #9aa5b4;
	font-size: 14px;
}
.about-breadcrumb a {
	color: #7f8b9b;
}
.about-breadcrumb a:last-child,
.about-breadcrumb a:hover {
	color: var(--about-blue);
}
.about-breadcrumb i {
	margin: 0 10px;
	color: #c5cbd3;
	font-style: normal;
}
.about-breadcrumb-home {
	display: inline-flex;
	width: 18px;
	height: 18px;
	margin-right: 10px;
}
.about-breadcrumb-home svg {
	fill: none;
	stroke: #9ba6b4;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.about-intro {
	position: relative;
	padding: 108px 0 116px;
	background: #fff;
}
.about-intro:after {
	position: absolute;
	top: 70px;
	right: -180px;
	width: 560px;
	height: 560px;
	border: 1px solid #eef2f7;
	border-radius: 50%;
	box-shadow: 0 0 0 52px #fafbfd, 0 0 0 53px #eef2f7, 0 0 0 104px #fff, 0 0 0 105px #f2f5f8;
	content: '';
	pointer-events: none;
}
.about-section-heading {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-start;
	gap: 23px;
	margin-bottom: 54px;
}
.about-section-index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 24px;
	margin-top: 2px;
	background: var(--about-blue);
	color: #fff;
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .1em;
}
.about-section-heading small {
	display: block;
	margin-bottom: 8px;
	color: var(--about-blue);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .2em;
}
.about-section-heading h2 {
	margin: 0;
	color: var(--about-ink);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 38px;
	font-weight: 650;
	line-height: 1.35;
}
.about-intro-layout {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(240px, 330px) minmax(0, 1fr);
	gap: clamp(50px, 8vw, 120px);
	align-items: start;
}
.about-intro-year {
	position: relative;
	padding: 2px 0 38px;
	border-bottom: 1px solid #cdd7e4;
}
.about-intro-year:after {
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 70px;
	height: 3px;
	background: var(--about-blue);
	content: '';
}
.about-intro-year b {
	display: block;
	color: #dce4ef;
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: clamp(76px, 8vw, 124px);
	font-weight: 300;
	line-height: .9;
	letter-spacing: -.055em;
}
.about-intro-year span {
	display: block;
	margin-top: 20px;
	color: #42536a;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .14em;
}
.about-intro-content {
	max-width: 790px;
}
.about-intro-lead {
	margin: 0 0 23px;
	color: var(--about-ink);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.6;
}
.about-cms-content {
	color: #536176;
	font-size: 17px;
	line-height: 2.05;
}
.about-cms-content p {
	margin: 0 0 15px;
}
.about-cms-content > :last-child {
	margin-bottom: 0;
}
.about-focus-line {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 31px;
	color: var(--about-blue);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .09em;
}
.about-focus-line i {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #99a8bb;
}
.about-facts {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 84px;
	border: 1px solid var(--about-line);
	background: #fff;
	box-shadow: 0 24px 60px rgba(26, 48, 83, .08);
}
.about-fact {
	position: relative;
	min-height: 175px;
	padding: 31px 34px 25px;
	border-right: 1px solid var(--about-line);
}
.about-fact:last-child {
	border-right: 0;
}
.about-fact:before {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 0;
	height: 3px;
	background: var(--about-blue);
	content: '';
	transition: width .35s ease;
}
.about-fact:hover:before {
	width: calc(100% + 1px);
}
.about-fact strong {
	display: flex;
	align-items: flex-start;
	color: var(--about-blue);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 48px;
	font-weight: 500;
	line-height: 1;
}
.about-fact sup {
	margin: 3px 0 0 5px;
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
}
.about-fact p {
	margin: 12px 0 6px;
	color: #263a56;
	font-size: 16px;
	font-weight: 600;
}
.about-fact small {
	color: #a0aabb;
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 10px;
	letter-spacing: .08em;
}
.about-products {
	position: relative;
	padding: 110px 0 120px;
	background: var(--about-blue-deep);
	color: #fff;
}
.about-products:before {
	position: absolute;
	inset: 0;
	opacity: .08;
	background-image: linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
	background-size: 64px 64px;
	content: '';
}
.about-products:after {
	position: absolute;
	top: -260px;
	right: -240px;
	width: 720px;
	height: 720px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 50%;
	box-shadow: 0 0 0 60px rgba(255,255,255,.018), 0 0 0 61px rgba(255,255,255,.08), 0 0 0 120px rgba(255,255,255,.018), 0 0 0 121px rgba(255,255,255,.06);
	content: '';
}
.about-products .container {
	position: relative;
	z-index: 1;
}
.about-products-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 60px;
	margin-bottom: 52px;
}
.about-products-head .about-section-heading {
	margin-bottom: 0;
}
.about-section-heading-light .about-section-index {
	background: #fff;
	color: var(--about-blue-deep);
}
.about-section-heading-light small {
	color: #7da6e5;
}
.about-section-heading-light h2 {
	color: #fff;
}
.about-products-head > p {
	max-width: 440px;
	margin: 0 0 3px;
	color: rgba(255,255,255,.6);
	font-size: 15px;
	line-height: 1.9;
}
.about-product-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid rgba(255,255,255,.14);
	border-left: 1px solid rgba(255,255,255,.14);
}
.about-product-card {
	position: relative;
	min-height: 330px;
	padding: 38px 31px 34px;
	border-right: 1px solid rgba(255,255,255,.14);
	border-bottom: 1px solid rgba(255,255,255,.14);
	background: rgba(255,255,255,.025);
	transition: background-color .35s ease, transform .35s ease;
}
.about-product-card:hover {
	z-index: 2;
	background: rgba(255,255,255,.09);
	transform: translateY(-8px);
}
.about-product-card-accent {
	background: var(--about-blue);
}
.about-product-no {
	position: absolute;
	top: 24px;
	right: 26px;
	color: rgba(255,255,255,.34);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 12px;
	letter-spacing: .12em;
}
.about-product-card svg {
	width: 66px;
	height: 66px;
	margin: 23px 0 37px;
	fill: none;
	stroke: #81a8e2;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.about-product-card-accent svg {
	stroke: #fff;
}
.about-product-card h3 {
	margin: 0 0 16px;
	color: #fff;
	font-size: 21px;
	font-weight: 600;
}
.about-product-card p {
	margin: 0;
	color: rgba(255,255,255,.58);
	font-size: 14px;
	line-height: 1.9;
}
.about-product-card-accent p {
	color: rgba(255,255,255,.75);
}
.about-capability {
	padding: 120px 0;
	background: var(--about-paper);
}
.about-capability-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
	gap: clamp(55px, 7vw, 105px);
	align-items: center;
}
.about-capability-visual {
	position: relative;
	padding: 0 34px 34px 0;
}
.about-capability-visual:before {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 72%;
	height: 74%;
	border: 1px solid #bdcbe0;
	content: '';
}
.about-capability-visual:after {
	position: absolute;
	top: 32px;
	right: 4px;
	width: 5px;
	height: 86px;
	background: var(--about-blue);
	content: '';
}
.about-capability-visual img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	aspect-ratio: 1.5 / 1;
	object-fit: cover;
	box-shadow: 0 30px 65px rgba(19, 44, 79, .18);
}
.about-image-label {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	min-width: 235px;
	padding: 19px 25px 20px;
	background: #fff;
	box-shadow: 0 16px 35px rgba(24, 46, 76, .13);
}
.about-image-label span {
	display: block;
	margin-bottom: 5px;
	color: #8c98a8;
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 10px;
	letter-spacing: .18em;
}
.about-image-label strong {
	color: var(--about-ink);
	font-size: 18px;
	font-weight: 600;
}
.about-capability-copy .about-section-heading {
	margin-bottom: 31px;
}
.about-capability-copy > p {
	margin: 0 0 34px;
	color: #637186;
	font-size: 16px;
	line-height: 1.95;
}
.about-machine-list {
	margin: 0;
	padding: 0;
	border-top: 1px solid #d6dee9;
	list-style: none;
}
.about-machine-list li {
	display: grid;
	grid-template-columns: 35px 100px minmax(0, 1fr);
	gap: 13px;
	align-items: center;
	min-height: 62px;
	border-bottom: 1px solid #d6dee9;
}
.about-machine-list b {
	color: var(--about-blue);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 11px;
	letter-spacing: .08em;
}
.about-machine-list span {
	color: #253952;
	font-size: 15px;
	font-weight: 600;
}
.about-machine-list small {
	color: #7d8999;
	font-size: 13px;
}
.about-cta {
	position: relative;
	padding: 64px 0;
	background: var(--about-blue);
	color: #fff;
}
.about-cta:before {
	position: absolute;
	inset: 0;
	opacity: .13;
	background-image: linear-gradient(125deg, transparent 0 48%, #fff 48% 48.15%, transparent 48.15% 52%, #fff 52% 52.15%, transparent 52.15%);
	content: '';
}
.about-cta-inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
}
.about-cta-inner > div > span {
	display: block;
	margin-bottom: 9px;
	color: rgba(255,255,255,.64);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 11px;
	letter-spacing: .2em;
}
.about-cta h2 {
	margin: 0 0 12px;
	color: #fff;
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 34px;
	font-weight: 650;
}
.about-cta p {
	margin: 0;
	color: rgba(255,255,255,.7);
	font-size: 15px;
}
.about-cta-links {
	display: flex;
	gap: 10px;
	flex: 0 0 auto;
}
.about-cta-links a {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-width: 142px;
	height: 50px;
	padding: 0 18px;
	border: 1px solid rgba(255,255,255,.42);
	color: #fff;
	font-size: 14px;
	transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}
.about-cta-links a:hover {
	border-color: #fff;
	background: #fff;
	color: var(--about-blue);
}
.about-cta-links i {
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 17px;
	font-style: normal;
}
.about-page + .footer {
	border-top: 0;
}
@keyframes aboutHeroReveal {
	from { opacity: .55; transform: scale(1.08); }
	to { opacity: 1; transform: scale(1.015); }
}
@keyframes aboutScroll {
	0%, 100% { transform: scaleX(.45); transform-origin: left; }
	50% { transform: scaleX(1); transform-origin: left; }
}
@media screen and (max-width: 1199px) {
	.about-hero,
	.about-hero-inner {
		min-height: 610px;
	}
	.about-hero-mark {
		min-width: 185px;
	}
	.about-intro,
	.about-products,
	.about-capability {
		padding-top: 88px;
		padding-bottom: 94px;
	}
	.about-fact {
		padding-right: 22px;
		padding-left: 22px;
	}
	.about-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.about-product-card {
		min-height: 290px;
	}
	.about-capability-layout {
		grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
		gap: 48px;
	}
	.about-cta-inner {
		align-items: flex-start;
		flex-direction: column;
		gap: 34px;
	}
}
@media screen and (max-width: 767px) {
	.about-hero,
	.about-hero-inner {
		min-height: 570px;
	}
	.about-hero-media {
		background-position: 56% center;
	}
	.about-hero:before {
		background: linear-gradient(90deg, rgba(4,17,38,.93), rgba(6,22,47,.6));
	}
	.about-hero-grid {
		background-size: 48px 48px;
	}
	.about-hero-inner {
		align-items: flex-end;
		padding-top: 115px;
		padding-bottom: 78px;
	}
	.about-hero-copy {
		width: 100%;
	}
	.about-eyebrow {
		margin-bottom: 20px;
		font-size: 11px;
	}
	.about-eyebrow i {
		width: 30px;
	}
	.about-hero h1 {
		font-size: 40px;
		line-height: 1.3;
	}
	.about-hero-copy > p {
		margin: 20px 0 26px;
		font-size: 15px;
		line-height: 1.75;
	}
	.about-hero-tags span {
		height: 30px;
		padding: 0 12px;
		font-size: 12px;
	}
	.about-hero-mark,
	.about-scroll-cue {
		display: none;
	}
	.about-breadcrumb .container {
		height: 44px;
		font-size: 12px;
	}
	.about-intro,
	.about-products,
	.about-capability {
		padding-top: 62px;
		padding-bottom: 68px;
	}
	.about-section-heading {
		gap: 14px;
		margin-bottom: 34px;
	}
	.about-section-index {
		width: 36px;
		height: 21px;
		font-size: 10px;
	}
	.about-section-heading small {
		margin-bottom: 5px;
		font-size: 10px;
	}
	.about-section-heading h2 {
		font-size: 27px;
	}
	.about-intro-layout {
		grid-template-columns: 1fr;
		gap: 34px;
	}
	.about-intro-year {
		padding-bottom: 24px;
	}
	.about-intro-year b {
		font-size: 76px;
	}
	.about-intro-year span {
		margin-top: 12px;
		font-size: 14px;
	}
	.about-intro-lead {
		font-size: 20px;
	}
	.about-cms-content {
		font-size: 15px;
		line-height: 1.9;
	}
	.about-focus-line {
		flex-wrap: wrap;
		gap: 10px;
		font-size: 12px;
	}
	.about-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 50px;
	}
	.about-fact {
		min-height: 146px;
		padding: 24px 18px 20px;
	}
	.about-fact:nth-child(2) {
		border-right: 0;
	}
	.about-fact:nth-child(-n+2) {
		border-bottom: 1px solid var(--about-line);
	}
	.about-fact strong {
		font-size: 39px;
	}
	.about-fact sup {
		font-size: 12px;
	}
	.about-fact p {
		font-size: 14px;
	}
	.about-fact small {
		display: none;
	}
	.about-products-head {
		align-items: flex-start;
		flex-direction: column;
		gap: 0;
		margin-bottom: 32px;
	}
	.about-products-head .about-section-heading {
		margin-bottom: 18px;
	}
	.about-products-head > p {
		font-size: 14px;
	}
	.about-product-grid {
		grid-template-columns: 1fr;
	}
	.about-product-card {
		min-height: 240px;
		padding: 28px 25px;
	}
	.about-product-card:hover {
		transform: none;
	}
	.about-product-card svg {
		width: 54px;
		height: 54px;
		margin: 13px 0 25px;
	}
	.about-capability-layout {
		grid-template-columns: 1fr;
		gap: 48px;
	}
	.about-capability-visual {
		padding: 0 18px 20px 0;
	}
	.about-capability-visual:after {
		display: none;
	}
	.about-image-label {
		min-width: 192px;
		padding: 14px 17px 15px;
	}
	.about-image-label strong {
		font-size: 15px;
	}
	.about-capability-copy > p {
		font-size: 15px;
	}
	.about-machine-list li {
		grid-template-columns: 28px 82px minmax(0, 1fr);
		gap: 8px;
		min-height: 58px;
	}
	.about-machine-list span {
		font-size: 14px;
	}
	.about-machine-list small {
		font-size: 12px;
	}
	.about-cta {
		padding: 48px 0;
	}
	.about-cta h2 {
		font-size: 27px;
	}
	.about-cta p {
		font-size: 14px;
		line-height: 1.7;
	}
	.about-cta-links {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
	}
	.about-cta-links a {
		width: 100%;
	}
}
@media (prefers-reduced-motion: reduce) {
	.about-hero-media,
	.about-scroll-cue i {
		animation: none;
	}
}

/* ============================================================
 * Corporate culture · page_culture.html
 * Values-led editorial layout, scoped to .culture-page
 * ============================================================ */
.culture-page {
	--culture-blue: #204f9a;
	--culture-blue-bright: #3973ca;
	--culture-navy: #091d3d;
	--culture-ink: #10223d;
	--culture-muted: #68778c;
	--culture-line: #dce4ee;
	overflow: hidden;
	background: #fff;
	color: var(--culture-ink);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
}
.culture-page *,
.culture-page *:before,
.culture-page *:after {
	box-sizing: border-box;
}
.culture-hero {
	position: relative;
	min-height: 590px;
	overflow: hidden;
	background: var(--culture-navy);
	color: #fff;
	isolation: isolate;
}
.culture-hero:before {
	position: absolute;
	inset: 0;
	z-index: -3;
	background:
		radial-gradient(circle at 78% 45%, rgba(63, 117, 199, .28), transparent 28%),
		linear-gradient(115deg, #07182f 0%, #0d2b57 57%, #143e75 100%);
	content: '';
}
.culture-hero:after {
	position: absolute;
	top: -260px;
	right: -200px;
	z-index: -2;
	width: 760px;
	height: 760px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 50%;
	box-shadow: 0 0 0 68px rgba(255,255,255,.015), 0 0 0 69px rgba(255,255,255,.08), 0 0 0 138px rgba(255,255,255,.015), 0 0 0 139px rgba(255,255,255,.055);
	content: '';
}
.culture-hero-grid {
	position: absolute;
	inset: 0;
	z-index: -1;
	opacity: .1;
	background-image: linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
	background-size: 72px 72px;
	-webkit-mask-image: linear-gradient(90deg, #000, transparent 75%);
	mask-image: linear-gradient(90deg, #000, transparent 75%);
}
.culture-hero-word {
	position: absolute;
	right: -30px;
	bottom: 42px;
	z-index: -1;
	color: transparent;
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: clamp(120px, 13vw, 240px);
	font-weight: 700;
	line-height: .75;
	letter-spacing: -.055em;
	-webkit-text-stroke: 1px rgba(255,255,255,.08);
}
.culture-hero-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 590px;
	padding-top: 78px;
	padding-bottom: 100px;
}
.culture-hero-copy {
	position: relative;
	z-index: 1;
	width: min(710px, 60%);
}
.culture-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 26px;
	color: #9ebbe4;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .23em;
}
.culture-eyebrow i {
	display: block;
	width: 46px;
	height: 2px;
	background: #5f94df;
}
.culture-hero h1 {
	margin: 0;
	color: #fff;
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: clamp(52px, 4.5vw, 76px);
	font-weight: 300;
	line-height: 1.25;
	letter-spacing: .055em;
}
.culture-hero h1 strong {
	position: relative;
	display: inline-block;
	font-weight: 700;
}
.culture-hero h1 strong:after {
	position: absolute;
	right: 0;
	bottom: .02em;
	left: 0;
	z-index: -1;
	height: .14em;
	background: var(--culture-blue-bright);
	content: '';
}
.culture-hero-copy p {
	max-width: 610px;
	margin: 27px 0 0;
	color: rgba(255,255,255,.68);
	font-size: 17px;
	line-height: 1.9;
	letter-spacing: .035em;
}
.culture-compass {
	position: relative;
	width: 330px;
	height: 330px;
	margin-right: 55px;
	flex: 0 0 auto;
}
.culture-compass:before,
.culture-compass:after {
	position: absolute;
	top: 50%;
	left: 50%;
	background: rgba(255,255,255,.16);
	content: '';
	transform: translate(-50%, -50%);
}
.culture-compass:before {
	width: 1px;
	height: calc(100% + 78px);
}
.culture-compass:after {
	width: calc(100% + 78px);
	height: 1px;
}
.culture-compass-ring {
	position: absolute;
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 50%;
}
.culture-compass-ring-outer {
	inset: 0;
	animation: cultureRotate 28s linear infinite;
}
.culture-compass-ring-outer:before,
.culture-compass-ring-outer:after {
	position: absolute;
	width: 9px;
	height: 9px;
	border: 2px solid #76a6eb;
	background: var(--culture-navy);
	content: '';
	transform: rotate(45deg);
}
.culture-compass-ring-outer:before {
	top: 16px;
	left: 60px;
}
.culture-compass-ring-outer:after {
	right: 34px;
	bottom: 44px;
}
.culture-compass-ring-inner {
	inset: 58px;
	border-style: dashed;
	opacity: .65;
}
.culture-compass-core {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: rgba(45, 95, 170, .5);
	box-shadow: 0 0 45px rgba(60, 119, 206, .28);
	text-align: center;
	transform: translate(-50%, -50%);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.culture-compass-core small {
	margin-bottom: 7px;
	color: #a8c6ef;
	font-size: 9px;
	letter-spacing: .18em;
}
.culture-compass-core b {
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: .15em;
}
.culture-compass-point {
	position: absolute;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 28px;
	background: var(--culture-navy);
	color: #b9cfed;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .1em;
}
.culture-compass-point-top {
	top: -14px;
	left: 50%;
	transform: translateX(-50%);
}
.culture-compass-point-right {
	top: 50%;
	right: -27px;
	transform: translateY(-50%);
}
.culture-compass-point-bottom {
	bottom: -14px;
	left: 50%;
	transform: translateX(-50%);
}
.culture-compass-point-left {
	top: 50%;
	left: -27px;
	transform: translateY(-50%);
}
.culture-hero-axis {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 58px;
	border-top: 1px solid rgba(255,255,255,.13);
	background: rgba(3, 16, 35, .34);
}
.culture-hero-axis .container {
	display: flex;
	align-items: center;
	height: 100%;
	color: rgba(255,255,255,.42);
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .17em;
}
.culture-hero-axis i {
	width: 3px;
	height: 3px;
	margin: 0 22px;
	border-radius: 50%;
	background: #5b8ed8;
}
.culture-breadcrumb {
	position: relative;
	z-index: 2;
	margin-top: -1px;
	border-bottom: 1px solid var(--culture-line);
	background: #fff;
}
.culture-breadcrumb .container {
	display: flex;
	align-items: center;
	height: 48px;
	color: #9aa5b4;
	font-size: 14px;
}
.culture-breadcrumb a {
	color: #7f8b9b;
}
.culture-breadcrumb a:last-child,
.culture-breadcrumb a:hover {
	color: var(--culture-blue);
}
.culture-breadcrumb i {
	margin: 0 10px;
	color: #c5cbd3;
	font-style: normal;
}
.culture-breadcrumb-home {
	display: inline-flex;
	width: 18px;
	height: 18px;
	margin-right: 10px;
}
.culture-breadcrumb-home svg {
	fill: none;
	stroke: #9ba6b4;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.culture-values {
	position: relative;
	padding: 105px 0 118px;
	background: #fff;
}
.culture-values:before {
	position: absolute;
	top: 78px;
	left: -150px;
	width: 440px;
	height: 440px;
	border: 1px solid #edf1f6;
	border-radius: 50%;
	box-shadow: 0 0 0 50px #fafbfd, 0 0 0 51px #edf1f6;
	content: '';
}
.culture-section-heading {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-start;
	gap: 22px;
	margin-bottom: 52px;
}
.culture-section-no {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 24px;
	margin-top: 2px;
	background: var(--culture-blue);
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .1em;
}
.culture-section-heading small {
	display: block;
	margin-bottom: 8px;
	color: var(--culture-blue);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .2em;
}
.culture-section-heading h2 {
	margin: 0;
	color: var(--culture-ink);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 36px;
	font-weight: 650;
	line-height: 1.4;
}
.culture-cms-content {
	position: relative;
	z-index: 1;
}
.culture-cms-content .page-lead {
	position: relative;
	max-width: 960px;
	margin: 0 0 58px auto;
	padding: 0 0 0 72px;
	border: 0;
	background: transparent;
	color: #536277;
	font-size: 18px;
	line-height: 2;
}
.culture-cms-content .page-lead:before {
	position: absolute;
	top: -12px;
	left: 0;
	color: #d7e2f1;
	font-size: 70px;
	font-weight: 700;
	line-height: 1;
	content: '“';
}
.culture-cms-content .page-lead p {
	margin: 0;
}
.culture-cms-content .culture-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
	border-top: 1px solid var(--culture-line);
	border-left: 1px solid var(--culture-line);
}
.culture-cms-content .culture-grid > section {
	position: relative;
	min-height: 245px;
	padding: 45px 48px 38px 98px;
	border: 0;
	border-right: 1px solid var(--culture-line);
	border-bottom: 1px solid var(--culture-line);
	background: #fff;
	transition: background-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.culture-cms-content .culture-grid > section:hover {
	z-index: 2;
	background: #f7f9fc;
	box-shadow: 0 20px 40px rgba(25, 52, 89, .08);
	transform: translateY(-5px);
}
.culture-cms-content .culture-grid > section:before {
	position: absolute;
	top: 47px;
	left: 40px;
	color: #9eb4d3;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .08em;
}
.culture-cms-content .culture-grid > section:nth-child(1):before { content: '01'; }
.culture-cms-content .culture-grid > section:nth-child(2):before { content: '02'; }
.culture-cms-content .culture-grid > section:nth-child(3):before { content: '03'; }
.culture-cms-content .culture-grid > section:nth-child(4):before { content: '04'; }
.culture-cms-content .culture-grid > section:after {
	position: absolute;
	top: 42px;
	left: 70px;
	width: 3px;
	height: 38px;
	background: var(--culture-blue);
	content: '';
}
.culture-cms-content .culture-grid h2 {
	margin: 0 0 17px;
	color: var(--culture-ink);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 24px;
	font-weight: 650;
	line-height: 1.45;
}
.culture-cms-content .culture-grid p {
	margin: 0;
	color: #66758a;
	font-size: 15px;
	line-height: 1.95;
}
.culture-principles {
	position: relative;
	padding: 105px 0 120px;
	background: #f3f6fa;
}
.culture-principles-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 55px;
	margin-bottom: 56px;
}
.culture-principles-head .culture-section-heading {
	margin-bottom: 0;
}
.culture-principles-head > p {
	max-width: 440px;
	margin: 0 0 4px;
	color: #6d7b8f;
	font-size: 15px;
	line-height: 1.9;
}
.culture-flow {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0;
	padding: 0;
	list-style: none;
}
.culture-flow:before {
	position: absolute;
	top: 103px;
	right: 11%;
	left: 11%;
	height: 1px;
	background: #bdcbe0;
	content: '';
}
.culture-flow li {
	position: relative;
	z-index: 1;
	padding: 0 25px;
	text-align: center;
}
.culture-flow-no {
	display: block;
	margin-bottom: 24px;
	color: #91a0b5;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
}
.culture-flow-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	margin: 0 auto 28px;
	border: 1px solid #bdcbe0;
	border-radius: 50%;
	background: #f3f6fa;
	transition: background-color .3s ease, border-color .3s ease, transform .3s ease;
}
.culture-flow li:hover .culture-flow-icon {
	border-color: var(--culture-blue);
	background: var(--culture-blue);
	transform: translateY(-6px);
}
.culture-flow-icon svg {
	width: 48px;
	height: 48px;
	fill: none;
	stroke: var(--culture-blue);
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: stroke .3s ease;
}
.culture-flow li:hover .culture-flow-icon svg {
	stroke: #fff;
}
.culture-flow h3 {
	margin: 0 0 11px;
	color: var(--culture-ink);
	font-size: 20px;
	font-weight: 650;
}
.culture-flow p {
	margin: 0;
	color: #758397;
	font-size: 14px;
	line-height: 1.75;
}
.culture-statement {
	position: relative;
	padding: 105px 0;
	overflow: hidden;
	background: #fff;
}
.culture-statement-lines {
	position: absolute;
	top: -130px;
	right: -70px;
	width: 480px;
	height: 480px;
	border: 1px solid #e3e9f1;
	border-radius: 50%;
	box-shadow: 0 0 0 42px #fafbfd, 0 0 0 43px #e9eef4, 0 0 0 84px #fff, 0 0 0 85px #edf1f6;
}
.culture-statement-inner {
	position: relative;
	display: grid;
	grid-template-columns: 170px minmax(0, 1fr);
	align-items: center;
	max-width: 1050px;
}
.culture-statement-mark {
	align-self: start;
	color: #dbe5f2;
	font-size: 168px;
	font-weight: 700;
	line-height: .75;
}
.culture-statement small {
	display: block;
	margin-bottom: 16px;
	color: var(--culture-blue);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .22em;
}
.culture-statement h2 {
	max-width: 820px;
	margin: 0 0 20px;
	color: var(--culture-ink);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 38px;
	font-weight: 650;
	line-height: 1.5;
}
.culture-statement p {
	margin: 0;
	color: #68778c;
	font-size: 16px;
	line-height: 1.9;
}
.culture-cta {
	position: relative;
	padding: 62px 0;
	background: var(--culture-blue);
	color: #fff;
}
.culture-cta:before {
	position: absolute;
	inset: 0;
	opacity: .12;
	background-image: linear-gradient(125deg, transparent 0 48%, #fff 48% 48.12%, transparent 48.12% 52%, #fff 52% 52.12%, transparent 52.12%);
	content: '';
}
.culture-cta-inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 55px;
}
.culture-cta-inner > div > span {
	display: block;
	margin-bottom: 8px;
	color: rgba(255,255,255,.6);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .2em;
}
.culture-cta h2 {
	margin: 0;
	color: #fff;
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 32px;
	font-weight: 650;
}
.culture-cta-links {
	display: flex;
	gap: 10px;
	flex: 0 0 auto;
}
.culture-cta-links a {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 23px;
	min-width: 142px;
	height: 50px;
	padding: 0 18px;
	border: 1px solid rgba(255,255,255,.42);
	color: #fff;
	font-size: 14px;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}
.culture-cta-links a:hover {
	border-color: #fff;
	background: #fff;
	color: var(--culture-blue);
}
.culture-cta-links i {
	font-style: normal;
	font-size: 17px;
}
.culture-page + .footer {
	border-top: 0;
}
@keyframes cultureRotate {
	to { transform: rotate(360deg); }
}
@media screen and (max-width: 1199px) {
	.culture-hero,
	.culture-hero-inner {
		min-height: 550px;
	}
	.culture-compass {
		width: 280px;
		height: 280px;
		margin-right: 30px;
	}
	.culture-values,
	.culture-principles,
	.culture-statement {
		padding-top: 86px;
		padding-bottom: 92px;
	}
	.culture-cms-content .culture-grid > section {
		padding-right: 35px;
	}
	.culture-cta-inner {
		align-items: flex-start;
		flex-direction: column;
		gap: 32px;
	}
}
@media screen and (max-width: 767px) {
	.culture-hero,
	.culture-hero-inner {
		min-height: 590px;
	}
	.culture-hero-inner {
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		padding-top: 102px;
		padding-bottom: 78px;
	}
	.culture-hero-copy {
		width: 100%;
	}
	.culture-eyebrow {
		margin-bottom: 19px;
		font-size: 10px;
	}
	.culture-eyebrow i {
		width: 30px;
	}
	.culture-hero h1 {
		font-size: 39px;
		line-height: 1.3;
	}
	.culture-hero-copy p {
		margin-top: 18px;
		font-size: 14px;
		line-height: 1.75;
	}
	.culture-compass {
		width: 190px;
		height: 190px;
		margin: 34px auto 0;
	}
	.culture-compass:before {
		height: calc(100% + 38px);
	}
	.culture-compass:after {
		width: calc(100% + 38px);
	}
	.culture-compass-ring-inner {
		inset: 34px;
	}
	.culture-compass-core {
		width: 102px;
		height: 102px;
	}
	.culture-compass-core small {
		font-size: 7px;
	}
	.culture-compass-core b {
		font-size: 20px;
	}
	.culture-compass-point {
		width: 42px;
		height: 24px;
		font-size: 11px;
	}
	.culture-compass-point-top { top: -12px; }
	.culture-compass-point-right { right: -21px; }
	.culture-compass-point-bottom { bottom: -12px; }
	.culture-compass-point-left { left: -21px; }
	.culture-hero-axis {
		display: none;
	}
	.culture-hero-word {
		right: -5px;
		bottom: 9px;
		font-size: 76px;
	}
	.culture-breadcrumb .container {
		height: 44px;
		font-size: 12px;
	}
	.culture-values,
	.culture-principles,
	.culture-statement {
		padding-top: 62px;
		padding-bottom: 68px;
	}
	.culture-section-heading {
		gap: 14px;
		margin-bottom: 34px;
	}
	.culture-section-no {
		width: 36px;
		height: 21px;
		font-size: 10px;
	}
	.culture-section-heading small {
		margin-bottom: 5px;
		font-size: 9px;
	}
	.culture-section-heading h2 {
		font-size: 27px;
	}
	.culture-cms-content .page-lead {
		margin-bottom: 36px;
		padding-left: 36px;
		font-size: 15px;
		line-height: 1.9;
	}
	.culture-cms-content .page-lead:before {
		top: -7px;
		font-size: 45px;
	}
	.culture-cms-content .culture-grid {
		grid-template-columns: 1fr;
	}
	.culture-cms-content .culture-grid > section {
		min-height: 0;
		padding: 32px 24px 30px 70px;
	}
	.culture-cms-content .culture-grid > section:hover {
		transform: none;
	}
	.culture-cms-content .culture-grid > section:before {
		top: 35px;
		left: 22px;
	}
	.culture-cms-content .culture-grid > section:after {
		top: 31px;
		left: 49px;
		height: 32px;
	}
	.culture-cms-content .culture-grid h2 {
		font-size: 20px;
	}
	.culture-cms-content .culture-grid p {
		font-size: 14px;
	}
	.culture-principles-head {
		align-items: flex-start;
		flex-direction: column;
		gap: 0;
		margin-bottom: 42px;
	}
	.culture-principles-head .culture-section-heading {
		margin-bottom: 16px;
	}
	.culture-principles-head > p {
		font-size: 14px;
	}
	.culture-flow {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.culture-flow:before {
		top: 38px;
		bottom: 38px;
		left: 43px;
		width: 1px;
		height: auto;
	}
	.culture-flow li {
		display: grid;
		grid-template-columns: 28px 68px minmax(0, 1fr);
		grid-template-rows: auto auto;
		gap: 2px 14px;
		align-items: center;
		padding: 14px 0;
		text-align: left;
	}
	.culture-flow-no {
		grid-row: 1 / 3;
		margin: 0;
	}
	.culture-flow-icon {
		grid-row: 1 / 3;
		width: 68px;
		height: 68px;
		margin: 0;
	}
	.culture-flow-icon svg {
		width: 36px;
		height: 36px;
	}
	.culture-flow h3 {
		align-self: end;
		margin: 0;
		font-size: 17px;
	}
	.culture-flow p {
		align-self: start;
		font-size: 13px;
	}
	.culture-statement-inner {
		grid-template-columns: 48px minmax(0, 1fr);
		align-items: start;
	}
	.culture-statement-mark {
		font-size: 72px;
	}
	.culture-statement h2 {
		font-size: 25px;
		line-height: 1.55;
	}
	.culture-statement p {
		font-size: 14px;
	}
	.culture-cta {
		padding: 48px 0;
	}
	.culture-cta h2 {
		font-size: 26px;
	}
	.culture-cta-links {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
	}
	.culture-cta-links a {
		width: 100%;
	}
}
@media (prefers-reduced-motion: reduce) {
	.culture-compass-ring-outer {
		animation: none;
	}
}

/* ============================================================
 * Manufacturing strength · page_production.html
 * Ten-stage gear production workflow
 * ============================================================ */
.production-page {
	--production-blue: #204f9a;
	--production-blue-light: #4b82cf;
	--production-navy: #081d3e;
	--production-ink: #10223d;
	--production-muted: #68778c;
	--production-line: #dce5ef;
	--production-surface: #f3f6fa;
	background: #fff;
	color: var(--production-ink);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
}
.production-page *,
.production-page *:before,
.production-page *:after {
	box-sizing: border-box;
}
.production-hero {
	position: relative;
	min-height: 680px;
	overflow: hidden;
	background: var(--production-navy);
	color: #fff;
	isolation: isolate;
}
.production-hero:before {
	position: absolute;
	inset: 0;
	z-index: -3;
	background: radial-gradient(circle at 80% 38%, rgba(61, 118, 203, .34), transparent 30%), linear-gradient(115deg, #07172e 0%, #0c2b58 58%, #17477f 100%);
	content: '';
}
.production-hero-grid {
	position: absolute;
	inset: 0;
	z-index: -2;
	opacity: .11;
	background-image: linear-gradient(rgba(255,255,255,.32) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.32) 1px, transparent 1px);
	background-size: 70px 70px;
	-webkit-mask-image: linear-gradient(90deg, #000, transparent 76%);
	mask-image: linear-gradient(90deg, #000, transparent 76%);
}
.production-hero-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 560px;
	padding-top: 85px;
	padding-bottom: 45px;
}
.production-hero-copy {
	position: relative;
	z-index: 2;
	width: min(760px, 62%);
}
.production-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 27px;
	color: #a2bfe8;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .22em;
}
.production-eyebrow i {
	display: block;
	width: 46px;
	height: 2px;
	background: #67a0ec;
}
.production-hero h1 {
	margin: 0;
	color: #fff;
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: clamp(48px, 4.2vw, 70px);
	font-weight: 300;
	line-height: 1.28;
	letter-spacing: .045em;
}
.production-hero h1 strong {
	position: relative;
	display: inline-block;
	font-weight: 700;
}
.production-hero h1 strong:after {
	position: absolute;
	right: 0;
	bottom: .03em;
	left: 0;
	z-index: -1;
	height: .14em;
	background: #3975ca;
	content: '';
}
.production-hero-copy > p {
	max-width: 650px;
	margin: 27px 0 31px;
	color: rgba(255,255,255,.68);
	font-size: 17px;
	line-height: 1.9;
}
.production-hero-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}
.production-hero-tags span {
	display: inline-flex;
	align-items: center;
	height: 34px;
	padding: 0 15px;
	border: 1px solid rgba(255,255,255,.28);
	background: rgba(255,255,255,.045);
	color: rgba(255,255,255,.88);
	font-size: 13px;
	letter-spacing: .08em;
}
.production-hero-visual {
	position: relative;
	width: 420px;
	height: 420px;
	margin-right: 35px;
	flex: 0 0 auto;
}
.production-gear {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}
.production-gear-spin {
	fill: rgba(43, 100, 181, .18);
	stroke: rgba(149, 188, 239, .55);
	stroke-width: 1.3;
	transform-origin: center;
	animation: productionGearSpin 42s linear infinite;
}
.production-gear-spin circle {
	fill: none;
}
.production-gear-orbit {
	fill: none;
	stroke: rgba(255,255,255,.17);
	stroke-width: 1;
	stroke-dasharray: 3 8;
}
.production-gear-cross {
	fill: none;
	stroke: rgba(255,255,255,.12);
	stroke-width: 1;
}
.production-visual-core {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 128px;
	height: 128px;
	border: 1px solid rgba(255,255,255,.24);
	border-radius: 50%;
	background: rgba(21, 67, 128, .76);
	box-shadow: 0 0 45px rgba(57, 119, 205, .24);
	transform: translate(-50%, -50%);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
.production-visual-core small,
.production-visual-core span {
	color: #aac6ea;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: .2em;
}
.production-visual-core b {
	margin: 1px 0 -1px;
	color: #fff;
	font-size: 42px;
	font-weight: 600;
	line-height: 1;
}
.production-visual-label {
	position: absolute;
	padding: 5px 8px;
	background: #0b264e;
	color: #adc7eb;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: .14em;
}
.production-visual-label-a { top: 57px; left: 21px; }
.production-visual-label-b { top: 68px; right: -2px; }
.production-visual-label-c { right: 28px; bottom: 35px; }
.production-hero-stats {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 120px;
	border-top: 1px solid rgba(255,255,255,.13);
	background: rgba(3, 15, 33, .48);
}
.production-hero-stats .container {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	height: 100%;
}
.production-hero-stats .container > div {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-content: center;
	column-gap: 14px;
	padding: 0 34px;
	border-right: 1px solid rgba(255,255,255,.12);
}
.production-hero-stats .container > div:first-child {
	border-left: 1px solid rgba(255,255,255,.12);
}
.production-hero-stats b {
	grid-row: 1 / 3;
	align-self: center;
	color: #fff;
	font-size: 34px;
	font-weight: 500;
	line-height: 1;
}
.production-hero-stats span {
	align-self: end;
	color: rgba(255,255,255,.84);
	font-size: 13px;
	font-weight: 600;
}
.production-hero-stats small {
	align-self: start;
	margin-top: 4px;
	color: rgba(255,255,255,.36);
	font-size: 8px;
	letter-spacing: .12em;
}
.production-breadcrumb {
	position: relative;
	z-index: 8;
	margin-top: -1px;
	border-bottom: 1px solid var(--production-line);
	background: #fff;
}
.production-breadcrumb .container {
	display: flex;
	align-items: center;
	height: 48px;
	color: #9aa5b4;
	font-size: 14px;
}
.production-breadcrumb a { color: #7f8b9b; }
.production-breadcrumb a:last-child,
.production-breadcrumb a:hover { color: var(--production-blue); }
.production-breadcrumb i {
	margin: 0 10px;
	color: #c5cbd3;
	font-style: normal;
}
.production-breadcrumb-home {
	display: inline-flex;
	width: 18px;
	height: 18px;
	margin-right: 10px;
}
.production-breadcrumb-home svg {
	fill: none;
	stroke: #9ba6b4;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.production-intro {
	padding: 94px 0 86px;
	background: #fff;
}
.production-intro-layout {
	display: grid;
	grid-template-columns: minmax(430px, .9fr) minmax(0, 1.1fr);
	gap: clamp(55px, 8vw, 120px);
	align-items: end;
}
.production-section-heading {
	display: flex;
	align-items: flex-start;
	gap: 22px;
}
.production-section-no {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 50px;
	height: 24px;
	margin-top: 2px;
	padding: 0 8px;
	background: var(--production-blue);
	color: #fff;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .11em;
}
.production-section-heading small {
	display: block;
	margin-bottom: 8px;
	color: var(--production-blue);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .18em;
}
.production-section-heading h2 {
	margin: 0;
	color: var(--production-ink);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 35px;
	font-weight: 650;
	line-height: 1.45;
}
.production-intro-copy > p {
	margin: 0 0 26px;
	color: #637287;
	font-size: 16px;
	line-height: 1.95;
}
.production-intro-line {
	display: flex;
	align-items: center;
	color: var(--production-blue);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .08em;
}
.production-intro-line i {
	flex: 1;
	height: 1px;
	margin: 0 13px;
	background: #c7d3e3;
}
.production-stage-nav {
	position: sticky;
	top: 88px;
	z-index: 8;
	border-top: 1px solid #d9e2ed;
	border-bottom: 1px solid #d9e2ed;
	background: rgba(255,255,255,.96);
	box-shadow: 0 8px 24px rgba(19, 43, 77, .06);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}
.production-stage-nav .container {
	display: grid;
	grid-template-columns: repeat(10, minmax(0, 1fr));
}
.production-stage-nav a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 72px;
	border-right: 1px solid #e3e9f1;
	color: #69788d;
	font-size: 11px;
	transition: color .2s ease, background-color .2s ease;
}
.production-stage-nav a:first-child { border-left: 1px solid #e3e9f1; }
.production-stage-nav a:after {
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 0;
	background: var(--production-blue);
	content: '';
	transition: height .2s ease;
}
.production-stage-nav a:hover {
	background: #f5f8fc;
	color: var(--production-blue);
}
.production-stage-nav a:hover:after { height: 3px; }
.production-stage-nav b {
	margin-bottom: 4px;
	color: var(--production-blue);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .08em;
}
.production-stage {
	padding: 105px 0 112px;
	scroll-margin-top: 160px;
	background: #fff;
}
.production-stage-tint { background: var(--production-surface); }
.production-stage-dark {
	position: relative;
	overflow: hidden;
	background: var(--production-navy);
	color: #fff;
}
.production-stage-dark:before {
	position: absolute;
	top: -270px;
	right: -200px;
	width: 620px;
	height: 620px;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 50%;
	box-shadow: 0 0 0 55px rgba(255,255,255,.018), 0 0 0 56px rgba(255,255,255,.07), 0 0 0 112px rgba(255,255,255,.018), 0 0 0 113px rgba(255,255,255,.05);
	content: '';
}
.production-stage-layout {
	position: relative;
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: clamp(55px, 7vw, 105px);
}
.production-stage-head {
	position: relative;
	padding-top: 59px;
}
.production-stage-head > span {
	position: absolute;
	top: 0;
	left: 0;
	color: #dce5f1;
	font-size: 56px;
	font-weight: 300;
	line-height: 1;
}
.production-stage-head > span:after {
	display: inline-block;
	width: 52px;
	height: 2px;
	margin-left: 14px;
	background: var(--production-blue);
	vertical-align: middle;
	content: '';
}
.production-stage-head small {
	display: block;
	margin-bottom: 10px;
	color: var(--production-blue);
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .18em;
}
.production-stage-head h2 {
	margin: 0 0 17px;
	color: var(--production-ink);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 30px;
	font-weight: 650;
	line-height: 1.45;
}
.production-stage-head p {
	margin: 0;
	color: #768397;
	font-size: 14px;
	line-height: 1.85;
}
.production-stage-dark .production-stage-head > span { color: rgba(255,255,255,.14); }
.production-stage-dark .production-stage-head small { color: #82a9e1; }
.production-stage-dark .production-stage-head h2 { color: #fff; }
.production-stage-dark .production-stage-head p { color: rgba(255,255,255,.55); }
.production-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}
.production-card-grid-single { grid-template-columns: minmax(0, 1fr); }
.production-process-card {
	position: relative;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--production-line);
	background: #fff;
	box-shadow: 0 16px 40px rgba(22, 48, 83, .06);
	transition: box-shadow .3s ease, transform .3s ease;
}
.production-process-card:hover {
	box-shadow: 0 24px 55px rgba(22, 48, 83, .13);
	transform: translateY(-6px);
}
.production-process-card-wide {
	display: grid;
	grid-template-columns: minmax(300px, .85fr) minmax(0, 1.15fr);
}
.production-card-visual {
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	min-height: 205px;
	overflow: hidden;
	padding: 35px 38px;
	background: linear-gradient(120deg, #164b8b 0%, #2b70bd 58%, #6c9bd3 100%);
	color: #fff;
}
.production-card-visual:before {
	position: absolute;
	inset: 0;
	opacity: .17;
	background-image: linear-gradient(rgba(255,255,255,.35) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.35) 1px, transparent 1px);
	background-size: 34px 34px;
	content: '';
}
.production-card-visual:after {
	position: absolute;
	top: -72px;
	right: -52px;
	width: 210px;
	height: 210px;
	border: 1px solid rgba(255,255,255,.24);
	border-radius: 50%;
	box-shadow: 0 0 0 28px rgba(255,255,255,.035), 0 0 0 29px rgba(255,255,255,.14);
	content: '';
}
.production-card-visual-heat { background: linear-gradient(120deg, #173d73 0%, #7b4e42 58%, #c0774f 100%); }
.production-card-visual em,
.production-card-visual strong,
.production-card-visual span {
	position: relative;
	z-index: 1;
}
.production-card-visual em {
	margin-bottom: 15px;
	color: rgba(255,255,255,.62);
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: .18em;
}
.production-card-visual strong {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.3;
}
.production-card-visual span {
	margin-top: 12px;
	color: rgba(255,255,255,.66);
	font-size: 12px;
	letter-spacing: .07em;
}
.production-card-visual i {
	position: absolute;
	right: 34px;
	bottom: 28px;
	width: 56px;
	height: 56px;
	border: 1px solid rgba(255,255,255,.28);
	border-radius: 50%;
}
.production-card-visual i:before,
.production-card-visual i:after {
	position: absolute;
	top: 50%;
	left: 50%;
	background: rgba(255,255,255,.34);
	content: '';
	transform: translate(-50%, -50%);
}
.production-card-visual i:before { width: 76px; height: 1px; }
.production-card-visual i:after { width: 1px; height: 76px; }
.production-card-body {
	position: relative;
	padding: 34px 36px 38px;
}
.production-card-code {
	position: absolute;
	top: 36px;
	right: 34px;
	color: #a2b3c9;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .12em;
}
.production-card-body h3 {
	margin: 0 45px 17px 0;
	color: var(--production-ink);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 21px;
	font-weight: 650;
	line-height: 1.5;
}
.production-card-body p,
.production-card-body ol {
	margin: 0;
	color: #66758a;
	font-size: 14px;
	line-height: 1.9;
}
.production-card-body ol { padding-left: 20px; }
.production-card-body li + li { margin-top: 6px; }
.production-stage-dark .production-process-card {
	border-color: rgba(255,255,255,.15);
	background: rgba(255,255,255,.045);
	box-shadow: none;
}
.production-stage-dark .production-card-body h3 { color: #fff; }
.production-stage-dark .production-card-body p,
.production-stage-dark .production-card-body ol { color: rgba(255,255,255,.58); }
.production-stage-dark .production-card-code { color: rgba(255,255,255,.34); }
.production-assurance {
	position: relative;
	overflow: hidden;
	padding: 102px 0;
	background: #fff;
}
.production-assurance:after {
	position: absolute;
	top: -180px;
	right: -120px;
	width: 500px;
	height: 500px;
	border: 1px solid #e7edf4;
	border-radius: 50%;
	box-shadow: 0 0 0 45px #fafbfd, 0 0 0 46px #e9eef4, 0 0 0 92px #fff, 0 0 0 93px #eef2f7;
	content: '';
}
.production-assurance-inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
	gap: 80px;
	align-items: center;
}
.production-assurance small {
	display: block;
	margin-bottom: 12px;
	color: var(--production-blue);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .2em;
}
.production-assurance h2 {
	margin: 0 0 18px;
	color: var(--production-ink);
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 35px;
	font-weight: 650;
	line-height: 1.45;
}
.production-assurance p {
	margin: 0;
	color: #68778c;
	font-size: 15px;
	line-height: 1.9;
}
.production-standard-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid var(--production-line);
	border-left: 1px solid var(--production-line);
}
.production-standard-list > span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 128px;
	border-right: 1px solid var(--production-line);
	border-bottom: 1px solid var(--production-line);
	color: var(--production-blue);
	font-size: 19px;
	font-weight: 650;
	text-align: center;
}
.production-standard-list small {
	margin: 8px 0 0;
	color: #8996a7;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: .05em;
}
.production-cta {
	position: relative;
	padding: 64px 0;
	background: var(--production-blue);
	color: #fff;
}
.production-cta:before {
	position: absolute;
	inset: 0;
	opacity: .12;
	background-image: linear-gradient(125deg, transparent 0 48%, #fff 48% 48.12%, transparent 48.12% 52%, #fff 52% 52.12%, transparent 52.12%);
	content: '';
}
.production-cta-inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 55px;
}
.production-cta-inner > div > span {
	display: block;
	margin-bottom: 8px;
	color: rgba(255,255,255,.6);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .2em;
}
.production-cta h2 {
	margin: 0 0 8px;
	color: #fff;
	font-family: "Hunsome Source Han Sans", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
	font-size: 31px;
	font-weight: 650;
}
.production-cta p {
	margin: 0;
	color: rgba(255,255,255,.67);
	font-size: 14px;
}
.production-cta-links {
	display: flex;
	gap: 10px;
	flex: 0 0 auto;
}
.production-cta-links a {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 26px;
	min-width: 150px;
	height: 50px;
	padding: 0 18px;
	border: 1px solid rgba(255,255,255,.42);
	color: #fff;
	font-size: 14px;
	transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}
.production-cta-links a:hover {
	border-color: #fff;
	background: #fff;
	color: var(--production-blue);
}
.production-cta-links i { font-size: 17px; font-style: normal; }
.production-page + .footer { border-top: 0; }
@keyframes productionGearSpin { to { transform: rotate(360deg); } }
@media screen and (max-width: 1199px) {
	.production-hero-visual { width: 340px; height: 340px; margin-right: 10px; }
	.production-hero-stats .container > div { padding: 0 20px; }
	.production-intro-layout { grid-template-columns: 1fr 1fr; gap: 48px; }
	.production-stage-nav a { height: 66px; font-size: 10px; }
	.production-stage-layout { grid-template-columns: 235px minmax(0, 1fr); gap: 45px; }
	.production-process-card-wide { grid-template-columns: minmax(270px, .75fr) minmax(0, 1.25fr); }
	.production-card-visual { padding-right: 28px; padding-left: 28px; }
	.production-assurance-inner { grid-template-columns: 1fr 1fr; gap: 45px; }
}
@media screen and (max-width: 767px) {
	.production-hero { min-height: 690px; }
	.production-hero-inner {
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		min-height: 570px;
		padding-top: 96px;
		padding-bottom: 20px;
	}
	.production-hero-copy { width: 100%; }
	.production-eyebrow { margin-bottom: 19px; font-size: 10px; }
	.production-eyebrow i { width: 30px; }
	.production-hero h1 { font-size: 37px; line-height: 1.34; }
	.production-hero-copy > p { margin: 18px 0 23px; font-size: 14px; line-height: 1.75; }
	.production-hero-tags span { height: 30px; padding: 0 11px; font-size: 11px; }
	.production-hero-visual { width: 220px; height: 220px; margin: 28px auto 0; }
	.production-visual-core { width: 78px; height: 78px; }
	.production-visual-core b { font-size: 28px; }
	.production-visual-label { display: none; }
	.production-hero-stats { height: 120px; }
	.production-hero-stats .container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.production-hero-stats .container > div { padding: 0 14px; border-bottom: 1px solid rgba(255,255,255,.1); }
	.production-hero-stats b { font-size: 24px; }
	.production-hero-stats span { font-size: 11px; }
	.production-hero-stats small { display: none; }
	.production-breadcrumb .container { height: 44px; font-size: 12px; }
	.production-intro { padding: 61px 0 56px; }
	.production-intro-layout { grid-template-columns: 1fr; gap: 28px; }
	.production-section-heading { gap: 14px; }
	.production-section-no { min-width: 40px; height: 21px; }
	.production-section-heading small { margin-bottom: 5px; font-size: 9px; }
	.production-section-heading h2 { font-size: 26px; }
	.production-intro-copy > p { font-size: 14px; }
	.production-intro-line { flex-wrap: wrap; gap: 7px 0; font-size: 10px; }
	.production-intro-line i { min-width: 16px; margin: 0 7px; }
	.production-stage-nav { position: relative; top: auto; overflow-x: auto; box-shadow: none; }
	.production-stage-nav .container { display: flex; width: max-content; min-width: 100%; padding: 0; }
	.production-stage-nav a { width: 76px; height: 58px; flex: 0 0 76px; }
	.production-stage { padding: 64px 0 70px; scroll-margin-top: 20px; }
	.production-stage-layout { grid-template-columns: 1fr; gap: 34px; }
	.production-stage-head { padding-top: 47px; }
	.production-stage-head > span { font-size: 44px; }
	.production-stage-head > span:after { width: 36px; }
	.production-stage-head h2 { font-size: 25px; }
	.production-card-grid { grid-template-columns: 1fr; gap: 18px; }
	.production-process-card:hover { transform: none; }
	.production-process-card-wide { display: block; }
	.production-card-visual { min-height: 164px; padding: 28px 25px; }
	.production-card-visual strong { font-size: 23px; }
	.production-card-visual i { right: 23px; bottom: 21px; }
	.production-card-body { padding: 27px 24px 30px; }
	.production-card-code { top: 29px; right: 23px; }
	.production-card-body h3 { font-size: 19px; }
	.production-card-body p,
	.production-card-body ol { font-size: 13px; line-height: 1.85; }
	.production-assurance { padding: 65px 0; }
	.production-assurance-inner { grid-template-columns: 1fr; gap: 34px; }
	.production-assurance h2 { font-size: 26px; }
	.production-assurance p { font-size: 14px; }
	.production-standard-list > span { min-height: 100px; font-size: 15px; }
	.production-standard-list small { font-size: 8px; }
	.production-cta { padding: 48px 0; }
	.production-cta-inner { align-items: flex-start; flex-direction: column; gap: 30px; }
	.production-cta h2 { font-size: 25px; }
	.production-cta p { font-size: 13px; line-height: 1.7; }
	.production-cta-links { display: grid; grid-template-columns: 1fr; width: 100%; }
	.production-cta-links a { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
	.production-gear-spin { animation: none; }
}
/* Production process photography — generated specifically for this page. */
.production-card-visual.production-img {
	background-color: #102e57;
	background-repeat: no-repeat;
	background-size: 200% 200%;
}
.production-card-visual.production-img:before {
	opacity: 1;
	background-image:
		linear-gradient(90deg, rgba(5, 20, 43, .92) 0%, rgba(7, 31, 62, .72) 48%, rgba(7, 27, 53, .20) 100%),
		linear-gradient(0deg, rgba(3, 16, 35, .36) 0%, transparent 66%);
	background-size: auto;
}
.production-card-visual.production-img:after {
	top: -72px;
	right: -52px;
	border-color: rgba(255, 255, 255, .20);
	box-shadow: 0 0 0 28px rgba(255, 255, 255, .025), 0 0 0 29px rgba(255, 255, 255, .10);
}
.production-card-visual.production-img em { color: rgba(255, 255, 255, .74); }
.production-card-visual.production-img span { color: rgba(255, 255, 255, .80); }

.production-img-01,
.production-img-02,
.production-img-03,
.production-img-04 { background-image: url('../images/production/gear-process-01-04.png'); }
.production-img-05,
.production-img-06,
.production-img-07,
.production-img-08 { background-image: url('../images/production/gear-process-05-08.png'); }
.production-img-09,
.production-img-10,
.production-img-11,
.production-img-12 { background-image: url('../images/production/gear-process-09-12.png'); }
.production-img-13,
.production-img-14,
.production-img-15,
.production-img-16 { background-image: url('../images/production/gear-process-13-16.png'); }

.production-img-01,
.production-img-05,
.production-img-09,
.production-img-13 { background-position: 0 0; }
.production-img-02,
.production-img-06,
.production-img-10,
.production-img-14 { background-position: 100% 0; }
.production-img-03,
.production-img-07,
.production-img-11,
.production-img-15 { background-position: 0 100%; }
.production-img-04,
.production-img-08,
.production-img-12,
.production-img-16 { background-position: 100% 100%; }

/* Production page visual refresh v2
 * A compact precision-workflow treatment: less empty space, lighter surfaces,
 * clearer stage hierarchy and more visible process photography.
 */
.production-stage-nav {
	border-top: 0;
	border-bottom-color: #dbe4ef;
	box-shadow: 0 7px 22px rgba(19, 43, 77, .045);
}
.production-stage-nav a {
	flex-direction: row;
	gap: 7px;
	height: 58px;
	border-right: 0;
	font-size: 11px;
}
.production-stage-nav a:first-child { border-left: 0; }
.production-stage-nav a + a:before {
	position: absolute;
	top: 18px;
	bottom: 18px;
	left: 0;
	width: 1px;
	background: #e5ebf3;
	content: '';
}
.production-stage-nav b {
	margin: 0;
	font-size: 10px;
}
.production-stage-nav a:hover { background: #f7f9fc; }

.production-process {
	padding: 22px 0 42px;
	background: #f2f5f8;
}
.production-stage,
.production-stage-tint,
.production-stage-dark {
	position: relative;
	overflow: visible;
	padding: 48px 0;
	border-bottom: 1px solid #dfe6ee;
	background: transparent;
	color: var(--production-ink);
}
.production-stage:first-child { padding-top: 42px; }
.production-stage:last-child { border-bottom: 0; }
.production-stage-dark:before { display: none; }
.production-stage:nth-child(even):after {
	position: absolute;
	inset: 12px 0;
	z-index: 0;
	background: rgba(255, 255, 255, .38);
	content: '';
	pointer-events: none;
}
.production-stage-layout {
	position: relative;
	z-index: 1;
	grid-template-columns: 230px minmax(0, 1fr);
	gap: 42px;
}
.production-stage-head {
	align-self: start;
	padding: 4px 0 4px 24px;
	border-left: 2px solid var(--production-blue);
}
.production-stage-head > span {
	position: static;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 27px;
	margin-bottom: 16px;
	border: 1px solid #b8cae2;
	background: #fff;
	color: var(--production-blue);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .08em;
}
.production-stage-head > span:after { display: none; }
.production-stage-head small,
.production-stage-dark .production-stage-head small {
	margin-bottom: 8px;
	color: #6682a8;
	font-size: 8px;
}
.production-stage-head h2,
.production-stage-dark .production-stage-head h2 {
	margin-bottom: 12px;
	color: var(--production-ink);
	font-size: 25px;
	line-height: 1.35;
}
.production-stage-head p,
.production-stage-dark .production-stage-head p {
	color: #748195;
	font-size: 13px;
	line-height: 1.75;
}
.production-card-grid { gap: 18px; }
.production-process-card,
.production-stage-dark .production-process-card {
	border: 1px solid #dbe3ec;
	border-top: 3px solid #315fa7;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(24, 49, 78, .07);
}
.production-process-card:hover {
	box-shadow: 0 18px 38px rgba(24, 49, 78, .12);
	transform: translateY(-3px);
}
.production-process-card-wide {
	grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr);
}
.production-card-visual {
	min-height: 172px;
	padding: 27px 30px;
}
.production-process-card-wide .production-card-visual { min-height: 200px; }
.production-card-visual.production-img:before {
	background-image:
		linear-gradient(90deg, rgba(4, 18, 38, .82) 0%, rgba(5, 27, 55, .56) 47%, rgba(6, 25, 48, .09) 100%),
		linear-gradient(0deg, rgba(3, 15, 32, .25) 0%, transparent 62%);
}
.production-card-visual.production-img:after {
	op: -92px;
	right: -74px;
	opacity: .56;
}
.production-card-visual strong { font-size: 24px; }
.production-card-visual span { margin-top: 9px; }
.production-card-visual i {
	right: 24px;
	bottom: 22px;
	width: 44px;
	height: 44px;
	opacity: .64;
}
.production-card-visual i:before { width: 60px; }
.production-card-visual i:after { height: 60px; }
.production-card-body { padding: 25px 27px 28px; }
.production-card-body h3,
.production-stage-dark .production-card-body h3 {
	margin: 0 45px 12px 0;
	color: var(--production-ink);
	font-size: 19px;
}
.production-card-body p,
.production-card-body ol,
.production-stage-dark .production-card-body p,
.production-stage-dark .production-card-body ol {
	color: #627086;
	font-size: 13px;
	line-height: 1.75;
}
.production-card-code,
.production-stage-dark .production-card-code {
	top: 27px;
	right: 25px;
	color: #8fa6c4;
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
	.production-stage-layout { grid-template-columns: 200px minmax(0, 1fr); gap: 30px; }
	.production-stage-head { padding-left: 19px; }
	.production-process-card-wide { grid-template-columns: minmax(245px, .7fr) minmax(0, 1.3fr); }
}
@media screen and (max-width: 767px) {
	.production-stage-nav a { flex-direction: column; gap: 2px; height: 58px; }
	.production-stage-nav a + a:before { display: none; }
	.production-process { padding-top: 8px; }
	.production-stage,
	.production-stage-tint,
	.production-stage-dark { padding: 45px 0; }
	.production-stage-layout { grid-template-columns: 1fr; gap: 24px; }
	.production-stage-head { padding: 0 0 0 17px; }
	.production-stage-head > span { width: 42px; height: 25px; margin-bottom: 13px; font-size: 13px; }
	.production-stage-head h2,
	.production-stage-dark .production-stage-head h2 { font-size: 23px; }
	.production-card-grid { grid-template-columns: 1fr; gap: 15px; }
	.production-process-card-wide { display: block; }
	.production-card-visual,
	.production-process-card-wide .production-card-visual { min-height: 170px; }
	.production-card-body { padding: 23px 22px 26px; }
	.production-card-code,
	.production-stage-dark .production-card-code { top: 25px; right: 21px; }
}

/* Production page visual refresh v3
 * Image-led technical dossier: every operation becomes a horizontal process
 * record instead of a conventional tiled card.
 */
.production-process {
	padding: 0;
	background: #fff;
}
.production-stage,
.production-stage-tint,
.production-stage-dark {
	padding: 70px 0;
	border: 0;
	background: #fff;
	color: var(--production-ink);
}
.production-stage:nth-child(even),
.production-stage-dark { background: #f3f6f9; }
.production-stage:first-child { padding-top: 70px; }
.production-stage:nth-child(even):after { display: none; }
.production-stage-layout {
	grid-template-columns: 245px minmax(0, 1fr);
	gap: 64px;
}
.production-stage-head {
	padding: 5px 0 0;
	border-left: 0;
}
.production-stage-head > span {
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 18px;
	border: 0;
	background: transparent;
	color: #d4deea;
	font-size: 62px;
	font-weight: 300;
	line-height: .9;
	letter-spacing: -.04em;
}
.production-stage-head > span:after {
	display: inline-block;
	width: 48px;
	height: 2px;
	margin-left: 14px;
	background: var(--production-blue);
	vertical-align: middle;
	content: '';
}
.production-stage-head small,
.production-stage-dark .production-stage-head small {
	margin-bottom: 11px;
	color: var(--production-blue);
	font-size: 9px;
	letter-spacing: .19em;
}
.production-stage-head h2,
.production-stage-dark .production-stage-head h2 {
	margin-bottom: 14px;
	font-size: 28px;
	font-weight: 650;
}
.production-stage-head p,
.production-stage-dark .production-stage-head p {
	max-width: 220px;
	color: #69788c;
	font-size: 13px;
	line-height: 1.85;
}
.production-card-grid,
.production-card-grid-single {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
}
.production-process-card,
.production-process-card-wide,
.production-stage-dark .production-process-card {
	display: grid;
	grid-template-columns: minmax(300px, 41%) minmax(0, 59%);
	min-height: 174px;
	border: 0;
	border-radius: 0;
	background: #f5f7fa;
	box-shadow: none;
}
.production-stage:nth-child(even) .production-process-card,
.production-stage-dark .production-process-card { background: #fff; }
.production-process-card:after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 44px;
	height: 3px;
	background: var(--production-blue);
	content: '';
	transition: width .3s ease;
}
.production-process-card:hover {
	box-shadow: 0 14px 34px rgba(22, 48, 83, .08);
	transform: none;
}
.production-process-card:hover:after { width: 112px; }
.production-process-card:nth-child(even) {
	grid-template-columns: minmax(0, 59%) minmax(300px, 41%);
}
.production-process-card:nth-child(even) .production-card-visual { order: 2; }
.production-process-card:nth-child(even) .production-card-body { order: 1; }
.production-card-visual,
.production-process-card-wide .production-card-visual {
	min-height: 174px;
	padding: 28px 32px;
}
.production-card-visual.production-img:before {
	background-image:
		linear-gradient(90deg, rgba(4, 18, 38, .78) 0%, rgba(5, 27, 55, .44) 48%, rgba(6, 25, 48, .04) 100%),
		linear-gradient(0deg, rgba(3, 15, 32, .22) 0%, transparent 60%);
}
.production-process-card:nth-child(even) .production-card-visual.production-img:before {
	background-image:
		linear-gradient(270deg, rgba(4, 18, 38, .76) 0%, rgba(5, 27, 55, .40) 50%, rgba(6, 25, 48, .04) 100%),
		linear-gradient(0deg, rgba(3, 15, 32, .20) 0%, transparent 60%);
}
.production-card-visual strong { font-size: 25px; }
.production-card-body {
	display: flex;
	justify-content: center;
	flex-direction: column;
	min-height: 174px;
	padding: 28px 38px 30px;
}
.production-card-body:before {
	position: absolute;
	top: 31px;
	bottom: 31px;
	left: 0;
	width: 2px;
	background: #d6e1ef;
	content: '';
}
.production-process-card:nth-child(even) .production-card-body:before {
	right: 0;
	left: auto;
}
.production-card-body h3,
.production-stage-dark .production-card-body h3 {
	margin: 0 54px 11px 0;
	font-size: 19px;
}
.production-card-body p,
.production-card-body ol,
.production-stage-dark .production-card-body p,
.production-stage-dark .production-card-body ol {
	font-size: 13px;
	line-height: 1.72;
}
.production-card-body ol { padding-left: 18px; }
.production-card-body li + li { margin-top: 3px; }
.production-card-code,
.production-stage-dark .production-card-code {
	top: 31px;
	right: 31px;
	color: #8da3bf;
}
.production-process-card:nth-child(even) .production-card-code {
	right: 31px;
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
	.production-stage { padding: 58px 0; }
	.production-stage-layout { grid-template-columns: 205px minmax(0, 1fr); gap: 38px; }
	.production-process-card,
	.production-process-card-wide,
	.production-stage-dark .production-process-card { grid-template-columns: minmax(250px, 40%) minmax(0, 60%); }
	.production-process-card:nth-child(even) { grid-template-columns: minmax(0, 60%) minmax(250px, 40%); }
	.production-card-body { padding-right: 28px; padding-left: 28px; }
}
@media screen and (max-width: 767px) {
	.production-stage,
	.production-stage-tint,
	.production-stage-dark,
	.production-stage:first-child { padding: 52px 0; }
	.production-stage-layout { grid-template-columns: 1fr; gap: 27px; }
	.production-stage-head { padding: 0; }
	.production-stage-head > span { margin-bottom: 14px; font-size: 48px; }
	.production-stage-head > span:after { width: 34px; }
	.production-stage-head p,
	.production-stage-dark .production-stage-head p { max-width: none; }
	.production-process-card,
	.production-process-card-wide,
	.production-stage-dark .production-process-card,
	.production-process-card:nth-child(even) { display: block; min-height: 0; }
	.production-process-card:nth-child(even) .production-card-visual,
	.production-process-card:nth-child(even) .production-card-body { order: initial; }
	.production-card-visual,
	.production-process-card-wide .production-card-visual { min-height: 180px; }
	.production-card-body { min-height: 0; padding: 25px 23px 28px; }
	.production-card-body:before,
	.production-process-card:nth-child(even) .production-card-body:before {
		top: 0;
		right: auto;
		bottom: auto;
		left: 23px;
		width: 48px;
		height: 2px;
	}
	.production-card-code,
	.production-stage-dark .production-card-code { top: 27px; right: 22px; }
}

/* Keep every generated photo at its native aspect ratio.
 * The source files are 2×2 contact sheets, so only width is scaled; vertical
 * positioning crops the excess instead of stretching it into the card. */
.production-card-visual.production-img { background-size: 200% auto; }
.production-img-01 { background-position: 0 12%; }
.production-img-02 { background-position: 100% 12%; }
.production-img-03 { background-position: 0 88%; }
.production-img-04 { background-position: 100% 88%; }
.production-img-05 { background-position: 0 16.5%; }
.production-img-06 { background-position: 100% 16.5%; }
.production-img-07 { background-position: 0 83.5%; }
.production-img-08 { background-position: 100% 83.5%; }
.production-img-09 { background-position: 0 12%; }
.production-img-10 { background-position: 100% 12%; }
.production-img-11 { background-position: 0 88%; }
.production-img-12 { background-position: 100% 88%; }
.production-img-13 { background-position: 0 14%; }
.production-img-14 { background-position: 100% 14%; }
.production-img-15 { background-position: 0 86%; }
.production-img-16 { background-position: 100% 86%; }

@media screen and (max-width: 767px) {
	.production-img-01 { background-position: 0 0; }
	.production-img-02 { background-position: 100% 0; }
	.production-img-03 { background-position: 0 100%; }
	.production-img-04 { background-position: 100% 100%; }
	.production-img-05 { background-position: 0 10%; }
	.production-img-06 { background-position: 100% 10%; }
	.production-img-07 { background-position: 0 90%; }
	.production-img-08 { background-position: 100% 90%; }
	.production-img-09 { background-position: 0 0; }
	.production-img-10 { background-position: 100% 0; }
	.production-img-11 { background-position: 0 100%; }
	.production-img-12 { background-position: 100% 100%; }
	.production-img-13 { background-position: 0 5%; }
	.production-img-14 { background-position: 100% 5%; }
	.production-img-15 { background-position: 0 95%; }
	.production-img-16 { background-position: 100% 95%; }
}

/* Production page visual refresh v4
 * Chapter-board layout: a strong stage masthead followed by consistently
 * aligned process modules. No alternating/crossed image direction. */
.production-stage,
.production-stage-tint,
.production-stage-dark,
.production-stage:first-child {
	padding: 66px 0 72px;
	background: #fff;
}
.production-stage:nth-child(even),
.production-stage-dark { background: #f3f6f9; }
.production-stage-layout {
	display: block;
}
.production-stage-head {
	display: grid;
	grid-template-columns: 88px minmax(250px, 340px) minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-items: center;
	gap: 4px 28px;
	margin-bottom: 30px;
	padding: 0 0 28px;
	border-bottom: 1px solid #d7e0ea;
}
.production-stage-head > span {
	display: flex;
	align-items: center;
	justify-content: center;
	grid-column: 1;
	grid-row: 1 / 3;
	width: 78px;
	height: 78px;
	margin: 0;
	background: #174c91;
	color: #fff;
	font-size: 31px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: .02em;
}
.production-stage:nth-child(even) .production-stage-head > span { background: #0a294f; }
.production-stage-head > span:after { display: none; }
.production-stage-head small,
.production-stage-dark .production-stage-head small {
	grid-column: 2;
	grid-row: 1;
	align-self: end;
	margin: 0 0 5px;
	color: #5074a6;
	font-size: 9px;
}
.production-stage-head h2,
.production-stage-dark .production-stage-head h2 {
	grid-column: 2;
	grid-row: 2;
	align-self: start;
	margin: 0;
	color: var(--production-ink);
	font-size: 27px;
	line-height: 1.35;
}
.production-stage-head p,
.production-stage-dark .production-stage-head p {
	grid-column: 3;
	grid-row: 1 / 3;
	max-width: 580px;
	margin: 0;
	padding: 7px 0 7px 30px;
	border-left: 2px solid #ccd8e7;
	color: #66758a;
	font-size: 13px;
	line-height: 1.8;
}
.production-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}
.production-card-grid-single { grid-template-columns: minmax(0, 1fr); }
.production-process-card,
.production-stage-dark .production-process-card,
.production-process-card:nth-child(even) {
	display: block;
	min-height: 0;
	overflow: hidden;
	border: 1px solid #d7e0e9;
	border-bottom: 3px solid #2459a1;
	background: #fff;
	box-shadow: 0 12px 30px rgba(19, 43, 75, .06);
}
.production-stage:nth-child(odd) .production-process-card { background: #f7f9fb; }
.production-process-card:after { display: none; }
.production-process-card:hover {
	box-shadow: 0 18px 38px rgba(19, 43, 75, .11);
	transform: translateY(-3px);
}
.production-process-card:nth-child(even) .production-card-visual,
.production-process-card:nth-child(even) .production-card-body {
	order: initial;
}
.production-process-card-wide {
	display: grid;
	grid-template-columns: minmax(360px, 42%) minmax(0, 58%);
}
.production-card-visual,
.production-process-card-wide .production-card-visual {
	min-height: 220px;
	padding: 33px 36px;
}
.production-process-card:nth-child(even) .production-card-visual.production-img:before,
.production-card-visual.production-img:before {
	background-image:
		linear-gradient(90deg, rgba(4, 18, 38, .79) 0%, rgba(5, 27, 55, .45) 50%, rgba(6, 25, 48, .04) 100%),
		linear-gradient(0deg, rgba(3, 15, 32, .24) 0%, transparent 62%);
}
.production-card-visual strong { font-size: 27px; }
.production-card-body {
	display: block;
	min-height: 152px;
	padding: 29px 32px 32px;
}
.production-process-card-wide .production-card-body {
	display: flex;
	justify-content: center;
	flex-direction: column;
	min-height: 220px;
	padding: 35px 42px;
}
.production-card-body:before,
.production-process-card:nth-child(even) .production-card-body:before {
	top: 0;
	right: auto;
	bottom: auto;
	left: 31px;
	width: 54px;
	height: 2px;
	background: #2459a1;
}
.production-process-card-wide .production-card-body:before {
	top: 34px;
	bottom: 34px;
	left: 0;
	width: 2px;
	height: auto;
}
.production-card-body h3,
.production-stage-dark .production-card-body h3 {
	margin: 0 52px 12px 0;
	font-size: 20px;
}
.production-card-body p,
.production-card-body ol,
.production-stage-dark .production-card-body p,
.production-stage-dark .production-card-body ol {
	font-size: 13px;
	line-height: 1.78;
}
.production-card-code,
.production-stage-dark .production-card-code {
	top: 31px;
	right: 29px;
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
	.production-stage-head { grid-template-columns: 76px minmax(225px, 300px) minmax(0, 1fr); gap: 4px 21px; }
	.production-stage-head > span { width: 68px; height: 68px; font-size: 27px; }
	.production-stage-head p { padding-left: 22px; }
	.production-process-card-wide { grid-template-columns: minmax(300px, 40%) minmax(0, 60%); }
}
@media screen and (max-width: 767px) {
	.production-stage,
	.production-stage-tint,
	.production-stage-dark,
	.production-stage:first-child { padding: 50px 0 56px; }
	.production-stage-head {
		grid-template-columns: 64px minmax(0, 1fr);
		grid-template-rows: auto auto auto;
		gap: 3px 17px;
		margin-bottom: 24px;
		padding-bottom: 23px;
	}
	.production-stage-head > span { grid-column: 1; grid-row: 1 / 3; width: 58px; height: 58px; font-size: 23px; }
	.production-stage-head small { grid-column: 2; grid-row: 1; }
	.production-stage-head h2 { grid-column: 2; grid-row: 2; font-size: 22px; }
	.production-stage-head p,
	.production-stage-dark .production-stage-head p {
		grid-column: 1 / 3;
		grid-row: 3;
		max-width: none;
		margin-top: 15px;
		padding: 0;
		border-left: 0;
	}
	.production-card-grid,
	.production-card-grid-single { grid-template-columns: 1fr; gap: 17px; }
	.production-process-card-wide { display: block; }
	.production-card-visual,
	.production-process-card-wide .production-card-visual { min-height: 190px; padding: 29px 25px; }
	.production-card-body,
	.production-process-card-wide .production-card-body { display: block; min-height: 0; padding: 27px 23px 29px; }
	.production-card-body:before,
	.production-process-card-wide .production-card-body:before { top: 0; bottom: auto; left: 23px; width: 48px; height: 2px; }
}

/* 产品详情询价：桌面端保留紧凑快速询价，详细参数放入独立弹窗。 */
.prd-inquiry-aside {
	justify-content: flex-start;
}
.prd-inquiry-quick {
	margin-bottom: 0;
}
.prd-inquiry-current {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	padding: 9px 11px;
	background: #f4f7fb;
	border: 1px solid #e3e9f2;
	border-radius: 7px;
}
.prd-inquiry-current span {
	color: #8993a2;
	font-size: 10px;
	line-height: 1.35;
}
.prd-inquiry-current strong {
	overflow: hidden;
	color: #1a2943;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.45;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.prd-inquiry-phone-label {
	display: block;
}
.prd-inquiry-detail-open {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 39px;
	margin-top: 8px;
	padding: 0 12px;
	background: #fff;
	border: 1px solid #cfd9e8;
	border-radius: 7px;
	color: #31517f;
	font-size: 12px;
	cursor: pointer;
	transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}
.prd-inquiry-detail-open i {
	font-size: 17px;
	font-style: normal;
	transition: transform .2s ease;
}
.prd-inquiry-detail-open:hover {
	background: #f4f7fb;
	border-color: #204995;
	color: #204995;
}
.prd-inquiry-detail-open:hover i {
	transform: translateX(3px);
}
.prd-inquiry-quick .prd-inquiry-terms {
	margin-top: 7px;
	text-align: center;
}

body.prd-inquiry-modal-open {
	overflow: hidden;
}
.prd-inquiry-modal {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .22s ease, visibility .22s ease;
}
.prd-inquiry-modal.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.prd-inquiry-modal-backdrop {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	background: rgba(8, 19, 38, .66);
	border: 0;
	backdrop-filter: blur(3px);
	cursor: pointer;
}
.prd-inquiry-modal-dialog {
	position: relative;
	z-index: 1;
	width: min(820px, 100%);
	max-height: calc(100vh - 48px);
	overflow-x: hidden;
	overflow-y: auto;
	background: #fff;
	border: 1px solid rgba(255, 255, 255, .82);
	border-radius: 12px;
	box-shadow: 0 28px 80px rgba(5, 23, 54, .28);
	box-sizing: border-box;
	transform: translateY(14px) scale(.985);
	transition: transform .22s ease;
}
.prd-inquiry-modal.is-open .prd-inquiry-modal-dialog {
	transform: translateY(0) scale(1);
}
.prd-inquiry-modal-header {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	padding: 25px 28px 21px;
	background: linear-gradient(120deg, #173e81 0%, #285eb1 100%);
	color: #fff;
}
.prd-inquiry-modal-header:after {
	position: absolute;
	right: 76px;
	top: -76px;
	width: 190px;
	height: 190px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 50%;
	content: '';
}
.prd-inquiry-modal-header small {
	display: block;
	margin-bottom: 4px;
	color: rgba(255, 255, 255, .62);
	font-size: 9px;
	letter-spacing: 1.8px;
}
.prd-inquiry-modal-header h2 {
	margin: 0;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.35;
}
.prd-inquiry-modal-header p {
	margin: 6px 0 0;
	color: rgba(255, 255, 255, .76);
	font-size: 12px;
	line-height: 1.6;
}
.prd-inquiry-modal-header > button {
	position: relative;
	z-index: 2;
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	padding: 0;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 50%;
	cursor: pointer;
}
.prd-inquiry-modal-header > button span:before,
.prd-inquiry-modal-header > button span:after {
	position: absolute;
	left: 11px;
	top: 18px;
	width: 15px;
	height: 1px;
	background: #fff;
	content: '';
}
.prd-inquiry-modal-header > button span:before { transform: rotate(45deg); }
.prd-inquiry-modal-header > button span:after { transform: rotate(-45deg); }
.prd-inquiry-modal-form {
	margin: 0;
	padding: 24px 28px 26px;
}
.prd-inquiry-modal-form label > span {
	margin-bottom: 6px;
	color: #4f5d70;
	font-size: 12px;
}
.prd-inquiry-modal-form .prd-inquiry-control {
	margin-bottom: 0;
}
.prd-inquiry-modal-product {
	display: block;
	margin-bottom: 14px;
}
.prd-inquiry-modal-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 13px 16px;
	margin-bottom: 14px;
}
.prd-inquiry-modal-grid label {
	display: block;
}
.prd-inquiry-modal-form .prd-inquiry-demand {
	margin-bottom: 14px;
}
.prd-inquiry-modal-form .prd-inquiry-demand textarea.prd-inquiry-control {
	height: 86px;
}
.prd-inquiry-modal-form .prd-inquiry-file {
	margin-bottom: 17px;
	padding: 11px 12px;
	background: #f8fafc;
}
.prd-inquiry-modal-form .prd-inquiry-file small {
	font-size: 10px;
}
.prd-inquiry-modal-footer {
	display: grid;
	grid-template-columns: 230px minmax(0, 1fr) 178px;
	align-items: center;
	gap: 16px;
	padding-top: 17px;
	border-top: 1px solid #e8edf4;
}
.prd-inquiry-modal-footer .prd-inquiry-captcha,
.prd-inquiry-modal-footer .prd-inquiry-consent {
	margin-bottom: 0;
}
.prd-inquiry-modal-footer .prd-inquiry-submit {
	height: 42px;
	background: #204995;
	color: #fff;
}
.prd-inquiry-modal-footer .prd-inquiry-submit:hover {
	background: #173d7e;
}
.prd-inquiry-modal-form > .prd-inquiry-feedback {
	margin-top: 13px;
}

@media screen and (max-width: 767px) {
	.prd-inquiry-company,
	.prd-inquiry-scope {
		display: none;
	}
	.prd-inquiry-modal {
		align-items: flex-end;
		padding: 0;
	}
	.prd-inquiry-modal-dialog {
		width: 100%;
		max-height: 92vh;
		border-radius: 16px 16px 0 0;
		transform: translateY(28px);
	}
	.prd-inquiry-modal-header {
		padding: 20px 20px 17px;
	}
	.prd-inquiry-modal-header h2 {
		font-size: 21px;
	}
	.prd-inquiry-modal-header p {
		max-width: 270px;
	}
	.prd-inquiry-modal-form {
		padding: 18px 18px 24px;
	}
	.prd-inquiry-modal-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.prd-inquiry-modal-footer {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.prd-inquiry-modal-footer .prd-inquiry-consent {
		grid-row: 2;
	}
	.prd-inquiry-modal-footer .prd-inquiry-submit {
		grid-row: 3;
	}
}

@media (prefers-reduced-motion: reduce) {
	.prd-inquiry-modal,
	.prd-inquiry-modal-dialog,
	.prd-inquiry-detail-open i {
		transition: none;
	}
}

/* 生产实力：手机端工作流程采用纵向时间轴，避免横向步骤被截断。 */
.production-title-mobile-break,
.production-stage-nav-title {
	display: none;
}

@media screen and (max-width: 767px) {
	.production-intro {
		padding: 44px 0 34px;
	}
	.production-intro-layout {
		display: block;
	}
	.production-section-heading {
		display: grid;
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 0 12px;
		align-items: start;
	}
	.production-section-no {
		min-width: 42px;
		height: 22px;
		padding: 0 7px;
		font-size: 9px;
		line-height: 22px;
		text-align: center;
	}
	.production-section-heading small {
		display: block;
		margin: -2px 0 5px;
		font-size: 8px;
		line-height: 1.5;
		letter-spacing: .14em;
	}
	.production-section-heading h2 {
		margin: 0;
		font-size: 24px;
		line-height: 1.35;
		letter-spacing: -.02em;
	}
	.production-title-mobile-break {
		display: inline;
	}
	.production-intro-copy {
		margin-top: 25px;
	}
	.production-intro-copy p {
		margin: 0;
		font-size: 14px;
		line-height: 1.9;
	}
	.production-intro-line {
		display: grid;
		grid-template-columns: 24px minmax(0, 1fr);
		gap: 0 10px;
		margin-top: 22px;
		padding: 2px 0;
	}
	.production-intro-line i {
		display: none;
	}
	.production-intro-line span {
		position: relative;
		grid-column: 2;
		display: flex;
		align-items: center;
		min-height: 37px;
		padding: 0 12px;
		background: #f5f8fd;
		border: 1px solid #e3eaf5;
		color: #17488e;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: .04em;
	}
	.production-intro-line span + span {
		margin-top: 8px;
	}
	.production-intro-line span::before {
		position: absolute;
		top: 50%;
		left: -27px;
		z-index: 2;
		width: 9px;
		height: 9px;
		background: #fff;
		border: 2px solid #2457a3;
		border-radius: 50%;
		content: "";
		transform: translateY(-50%);
	}
	.production-intro-line span:not(:last-child)::after {
		position: absolute;
		top: 50%;
		left: -22px;
		width: 1px;
		height: 46px;
		background: #cbd8eb;
		content: "";
	}

	.production-stage-nav {
		position: relative;
		top: auto;
		overflow: visible;
		padding: 25px 0 29px;
		background: #f5f8fc;
		border-top: 1px solid #e2e9f3;
		border-bottom: 1px solid #e2e9f3;
		box-shadow: none;
	}
	.production-stage-nav-title {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		width: auto;
		min-width: 0;
		margin-bottom: 16px;
		padding: 0 15px;
	}
	.production-stage-nav-title div {
		display: flex;
		flex-direction: column;
		gap: 3px;
	}
	.production-stage-nav-title small {
		color: #6680a6;
		font-size: 8px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: .16em;
	}
	.production-stage-nav-title strong {
		color: #102d59;
		font-size: 20px;
		line-height: 1.25;
	}
	.production-stage-nav-title > span {
		padding-bottom: 2px;
		color: #718198;
		font-size: 11px;
	}
	.production-stage-nav > .container:not(.production-stage-nav-title) {
		display: grid;
		grid-template-columns: 1fr;
		width: auto;
		min-width: 0;
		padding: 0 15px;
	}
	.production-stage-nav a {
		position: relative;
		display: grid;
		grid-template-columns: 42px minmax(0, 1fr) 16px;
		align-items: center;
		gap: 0 10px;
		width: auto;
		height: 50px;
		min-height: 50px;
		padding: 0 10px 0 0;
		background: #fff;
		border: 0;
		border-bottom: 1px solid #e8edf5;
		color: #213a61;
		text-align: left;
	}
	.production-stage-nav a:first-child {
		border-top: 1px solid #e8edf5;
	}
	.production-stage-nav a b {
		position: relative;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		margin-left: 6px;
		background: #eef4fc;
		border: 1px solid #cbd9ed;
		border-radius: 50%;
		color: #2457a3;
		font-size: 10px;
		font-weight: 700;
	}
	.production-stage-nav a span {
		font-size: 13px;
		font-weight: 700;
		line-height: 1.3;
	}
	.production-stage-nav a::after {
		position: static;
		justify-self: end;
		width: 7px;
		height: 7px;
		background: transparent;
		border: 0;
		border-top: 1px solid #8095b4;
		border-right: 1px solid #8095b4;
		content: "";
		transform: rotate(45deg);
	}
	.production-stage-nav a + a::before {
		position: absolute;
		top: -10px;
		bottom: auto;
		left: 21px;
		display: block;
		width: 1px;
		height: 20px;
		background: #cbd8eb;
		content: "";
		transform: none;
	}
	.production-stage-nav a:hover,
	.production-stage-nav a:focus {
		background: #f9fbfe;
		color: #174b96;
	}
	.production-stage-nav a:hover b,
	.production-stage-nav a:focus b {
		background: #2457a3;
		border-color: #2457a3;
		color: #fff;
	}
	.production-stage {
		scroll-margin-top: 68px;
	}
}

/* 案例展示：分类导航 + 场景案例卡片列表。 */
.case-list-page {
	background: #fff;
}
.case-list-page .container {
	box-sizing: border-box;
	max-width: 1400px;
}
.case-directory {
	padding: 54px 24px 64px;
	background: #f4f7fb;
}
.case-page-position.position {
	margin: 0 0 34px;
}
.case-directory-panel {
	display: grid;
	grid-template-columns: 350px minmax(0, 1fr);
	overflow: hidden;
	background: #fff;
	border: 1px solid #dfe7f2;
	box-shadow: 0 18px 42px rgba(24, 53, 91, .075);
}
.case-directory-panel > header {
	position: relative;
	padding: 40px 42px;
	overflow: hidden;
	background: linear-gradient(135deg, #173f7d 0%, #2457a3 100%);
	color: #fff;
}
.case-directory-panel > header::after {
	position: absolute;
	right: -54px;
	bottom: -75px;
	width: 190px;
	height: 190px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 50%;
	box-shadow: 0 0 0 27px rgba(255, 255, 255, .035);
	content: "";
}
.case-directory-panel > header small {
	display: block;
	margin-bottom: 11px;
	color: #bcd0ee;
	font-size: 9px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .18em;
}
.case-directory-panel > header h1 {
	position: relative;
	z-index: 1;
	margin: 0;
	font-size: 30px;
	line-height: 1.3;
}
.case-directory-panel > header p {
	position: relative;
	z-index: 1;
	max-width: 250px;
	margin: 17px 0 0;
	color: #dbe7f8;
	font-size: 13px;
	line-height: 1.8;
}
.case-directory-nav {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	align-content: center;
	padding: 26px;
}
.case-directory-nav a {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 16px;
	grid-template-rows: auto auto;
	gap: 7px 8px;
	box-sizing: border-box;
	min-width: 0;
	min-height: 100px;
	padding: 20px 17px;
	background: #f7f9fc;
	border: 1px solid #e1e8f2;
	color: #213b63;
	transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.case-directory-nav a span {
	grid-column: 1;
	color: #7990b1;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .08em;
}
.case-directory-nav a strong {
	grid-column: 1;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.4;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.case-directory-nav a i {
	grid-row: 1 / 3;
	grid-column: 2;
	align-self: center;
	justify-self: end;
	width: 7px;
	height: 7px;
	border-top: 1px solid #7c93b3;
	border-right: 1px solid #7c93b3;
	transform: rotate(45deg);
}
.case-directory-nav a:hover,
.case-directory-nav a:focus {
	background: #fff;
	border-color: #9db7dc;
	box-shadow: 0 10px 22px rgba(31, 73, 132, .1);
	color: #174a94;
	transform: translateY(-2px);
}

.case-category-section {
	padding: 76px 24px;
	scroll-margin-top: 92px;
}
.case-category-section:nth-of-type(odd) {
	background: #f5f8fc;
}
.case-category-layout {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 54px;
	align-items: start;
}
.case-category-head {
	position: relative;
	padding: 6px 0 4px 24px;
	border-left: 3px solid #2457a3;
}
.case-category-index {
	display: block;
	margin-bottom: 25px;
	color: #d3deed;
	font-size: 48px;
	font-weight: 700;
	line-height: .85;
	letter-spacing: -.05em;
}
.case-category-head > small {
	display: block;
	margin-bottom: 9px;
	color: #7187a7;
	font-size: 8px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .17em;
}
.case-category-head h2 {
	margin: 0;
	color: #122f59;
	font-size: 28px;
	line-height: 1.35;
}
.case-category-head p {
	margin: 17px 0 0;
	color: #667890;
	font-size: 13px;
	line-height: 1.85;
}
.case-category-more {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-top: 27px;
	color: #204f96;
	font-size: 12px;
	font-weight: 700;
}
.case-category-more i,
.case-card-foot i {
	position: relative;
	width: 24px;
	height: 1px;
	background: currentColor;
}
.case-category-more i::after,
.case-card-foot i::after {
	position: absolute;
	top: -3px;
	right: 0;
	width: 6px;
	height: 6px;
	border-top: 1px solid currentColor;
	border-right: 1px solid currentColor;
	content: "";
	transform: rotate(45deg);
}
.case-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}
.case-card-grid > .hansen-empty-state {
	grid-column: 1 / -1;
}
.case-card {
	min-width: 0;
	background: #fff;
	border: 1px solid #e0e7f0;
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.case-card > a {
	display: block;
	color: inherit;
}
.case-card-image {
	position: relative;
	overflow: hidden;
	background: #eef2f7;
}
.case-card-image > span {
	display: block;
	width: 100%;
	padding-top: 56.25%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: transform .55s cubic-bezier(.2, .7, .2, 1);
}
.case-card-image::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 38%;
	background: linear-gradient(to top, rgba(8, 30, 62, .34), transparent);
	content: "";
	pointer-events: none;
}
.case-card-image em {
	position: absolute;
	bottom: 16px;
	left: 18px;
	z-index: 1;
	padding: 7px 11px;
	background: rgba(255, 255, 255, .94);
	color: #17498f;
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	box-shadow: 0 5px 14px rgba(18, 42, 76, .12);
}
.case-card-body {
	padding: 25px 26px 22px;
}
.case-card-body > small {
	display: block;
	margin-bottom: 9px;
	color: #8295af;
	font-size: 8px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .15em;
}
.case-card-body h3 {
	display: -webkit-box;
	overflow: hidden;
	min-height: 52px;
	margin: 0;
	color: #162f54;
	font-size: 19px;
	line-height: 1.42;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.case-card-body > p {
	display: -webkit-box;
	overflow: hidden;
	min-height: 46px;
	margin: 12px 0 0;
	color: #6c7c91;
	font-size: 12px;
	line-height: 1.8;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.case-card-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 21px;
	padding-top: 17px;
	border-top: 1px solid #e9edf3;
	color: #2457a3;
	font-size: 11px;
	font-weight: 700;
}
.case-card:hover,
.case-card:focus-within {
	border-color: #a4badd;
	box-shadow: 0 17px 38px rgba(26, 61, 111, .12);
	transform: translateY(-4px);
}
.case-card:hover .case-card-image > span,
.case-card:focus-within .case-card-image > span {
	transform: scale(1.045);
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
	.case-directory-panel {
		grid-template-columns: 300px minmax(0, 1fr);
	}
	.case-directory-nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.case-category-layout {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.case-category-head {
		max-width: 620px;
	}
}

@media screen and (max-width: 767px) {
	.case-directory {
		padding: 26px 14px 34px;
	}
	.case-page-position.position {
		margin-bottom: 22px;
	}
	.case-directory-panel {
		display: block;
		border-radius: 10px;
		box-shadow: 0 10px 28px rgba(24, 53, 91, .065);
	}
	.case-directory-panel > header {
		padding: 26px 22px 25px;
	}
	.case-directory-panel > header small {
		font-size: 8px;
	}
	.case-directory-panel > header h1 {
		font-size: 24px;
	}
	.case-directory-panel > header p {
		max-width: none;
		margin-top: 12px;
		font-size: 12px;
		line-height: 1.75;
	}
	.case-directory-nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		padding: 14px;
	}
	.case-directory-nav a {
		grid-template-columns: 1fr 12px;
		min-height: 76px;
		padding: 14px 12px;
	}
	.case-directory-nav a span {
		font-size: 8px;
	}
	.case-directory-nav a strong {
		font-size: 12px;
	}

	.case-category-section {
		padding: 40px 14px;
		scroll-margin-top: 68px;
	}
	.case-category-layout {
		display: block;
	}
	.case-category-head {
		margin-bottom: 22px;
		padding: 2px 0 2px 17px;
		border-left-width: 2px;
	}
	.case-category-index {
		position: absolute;
		top: 1px;
		right: 0;
		margin: 0;
		font-size: 38px;
	}
	.case-category-head > small {
		font-size: 7px;
	}
	.case-category-head h2 {
		padding-right: 52px;
		font-size: 23px;
	}
	.case-category-head p {
		max-width: 285px;
		margin-top: 11px;
		font-size: 12px;
		line-height: 1.7;
	}
	.case-category-more {
		margin-top: 16px;
		font-size: 11px;
	}
	.case-card-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.case-card {
		border-radius: 8px;
		overflow: hidden;
	}
	.case-card-body {
		padding: 19px 18px 17px;
	}
	.case-card-body h3 {
		min-height: auto;
		font-size: 17px;
		line-height: 1.45;
	}
	.case-card-body > p {
		min-height: 42px;
		margin-top: 9px;
		font-size: 12px;
		line-height: 1.7;
	}
	.case-card-foot {
		margin-top: 15px;
		padding-top: 14px;
	}
	.case-card:hover,
	.case-card:focus-within {
		transform: none;
	}
}

/* 联系我们：移除地图，改为企业信息、快捷联系和需求沟通入口。 */
.contact-refined-page {
	background: #f4f7fb;
}
.contact-refined-section {
	padding: 56px 24px 82px;
}
.contact-refined-page .container {
	box-sizing: border-box;
	max-width: 1400px;
}
.contact-refined-position.position {
	margin: 0 0 38px;
}
.contact-refined-heading {
	max-width: 790px;
	margin: 0 auto 42px;
	text-align: center;
}
.contact-refined-heading > small,
.contact-card-eyebrow {
	display: block;
	color: #6680a4;
	font-size: 9px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .2em;
}
.contact-refined-heading h1 {
	margin: 13px 0 0;
	color: #122f59;
	font-size: 34px;
	line-height: 1.35;
}
.contact-refined-heading p {
	margin: 17px auto 0;
	color: #64758c;
	font-size: 14px;
	line-height: 1.85;
}
.contact-refined-panel {
	display: grid;
	grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
	overflow: hidden;
	background: #fff;
	border: 1px solid #dce5f0;
	box-shadow: 0 22px 50px rgba(26, 56, 96, .09);
}
.contact-company-card,
.contact-action-card {
	position: relative;
	box-sizing: border-box;
	min-width: 0;
	padding: 52px 54px 48px;
}
.contact-company-card {
	overflow: hidden;
	background: linear-gradient(145deg, #173e7a 0%, #2457a3 100%);
	color: #fff;
}
.contact-company-card::after {
	position: absolute;
	right: -92px;
	bottom: -118px;
	width: 310px;
	height: 310px;
	border: 1px solid rgba(255, 255, 255, .13);
	border-radius: 50%;
	box-shadow: 0 0 0 42px rgba(255, 255, 255, .03);
	content: "";
	pointer-events: none;
}
.contact-company-card .contact-card-eyebrow {
	color: #bdd0eb;
}
.contact-company-card h2,
.contact-action-card h2 {
	position: relative;
	z-index: 1;
	margin: 13px 0 0;
	line-height: 1.35;
}
.contact-company-card h2 {
	color: #fff;
	font-size: 30px;
}
.contact-company-lead {
	position: relative;
	z-index: 1;
	max-width: 500px;
	margin: 17px 0 0;
	color: #dce8f8;
	font-size: 13px;
	line-height: 1.8;
}
.contact-detail-list {
	position: relative;
	z-index: 1;
	margin-top: 32px;
	border-top: 1px solid rgba(255, 255, 255, .18);
}
.contact-detail-item {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 15px;
	align-items: center;
	padding: 18px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .16);
}
.contact-detail-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .24);
	border-radius: 50%;
	color: #fff;
}
.contact-detail-icon svg,
.contact-action-icon svg {
	display: block;
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.contact-detail-item > div {
	min-width: 0;
}
.contact-detail-item small {
	display: block;
	margin-bottom: 5px;
	color: #bcd0ec;
	font-size: 10px;
	line-height: 1.3;
}
.contact-detail-value,
.contact-detail-value p {
	margin: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.65;
	word-break: break-word;
}
.contact-company-tags {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 25px;
}
.contact-company-tags span {
	padding: 7px 11px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .19);
	color: #e8f0fb;
	font-size: 10px;
	line-height: 1;
}

.contact-action-card {
	background: #fff;
}
.contact-action-card h2 {
	color: #142f57;
	font-size: 27px;
}
.contact-action-card > p {
	margin: 14px 0 0;
	color: #687990;
	font-size: 13px;
	line-height: 1.8;
}
.contact-action-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 11px;
	margin-top: 27px;
}
.contact-action-item {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) 8px;
	gap: 11px;
	align-items: center;
	box-sizing: border-box;
	min-width: 0;
	min-height: 82px;
	padding: 14px;
	background: #f7f9fc;
	border: 1px solid #e0e7f1;
	color: #214c8f;
	transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.contact-action-item.is-wide {
	grid-column: 1 / -1;
}
.contact-action-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 38px;
	height: 38px;
	background: #fff;
	border: 1px solid #d5e0ef;
	border-radius: 50%;
}
.contact-action-icon svg {
	width: 18px;
	height: 18px;
}
.contact-action-item > span:nth-child(2) {
	min-width: 0;
}
.contact-action-item small,
.contact-action-item strong {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.contact-action-item small {
	margin-bottom: 4px;
	color: #7a8ca6;
	font-size: 9px;
	font-weight: 400;
}
.contact-action-item strong {
	color: #173f7d;
	font-size: 13px;
	line-height: 1.4;
}
.contact-action-item > i {
	width: 6px;
	height: 6px;
	border-top: 1px solid #7790b3;
	border-right: 1px solid #7790b3;
	transform: rotate(45deg);
}
.contact-action-item:hover,
.contact-action-item:focus {
	background: #fff;
	border-color: #9db6d9;
	box-shadow: 0 10px 23px rgba(30, 69, 124, .1);
	transform: translateY(-2px);
}
.contact-inquiry-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	width: 100%;
	min-height: 52px;
	margin-top: 12px;
	padding: 0 19px;
	background: #2457a3;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	transition: background .2s ease;
}
.contact-inquiry-button:hover,
.contact-inquiry-button:focus {
	background: #173f7d;
	color: #fff;
}
.contact-inquiry-button i {
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
}
.contact-response-flow {
	display: grid;
	grid-template-columns: auto 1fr auto 1fr auto;
	gap: 12px;
	align-items: center;
	margin-top: 28px;
	padding-top: 22px;
	border-top: 1px solid #e7ecf3;
}
.contact-response-flow span {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.contact-response-flow b {
	color: #2457a3;
	font-size: 9px;
	line-height: 1;
}
.contact-response-flow em {
	color: #526780;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
}
.contact-response-flow > i {
	height: 1px;
	background: #cfdae9;
}

.contact-service-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 20px;
}
.contact-service-grid article {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 15px;
	box-sizing: border-box;
	min-width: 0;
	padding: 25px 24px;
	background: #fff;
	border: 1px solid #dfe6f0;
}
.contact-service-grid article > span {
	color: #b5c5da;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}
.contact-service-grid h3 {
	margin: 0;
	color: #18375f;
	font-size: 15px;
	line-height: 1.4;
}
.contact-service-grid p {
	margin: 8px 0 0;
	color: #718096;
	font-size: 11px;
	line-height: 1.75;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
	.contact-refined-panel {
		grid-template-columns: 1fr;
	}
	.contact-service-grid {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 767px) {
	.contact-refined-section {
		padding: 26px 14px 46px;
	}
	.contact-refined-position.position {
		margin-bottom: 22px;
	}
	.contact-refined-heading {
		margin-bottom: 25px;
		text-align: left;
	}
	.contact-refined-heading > small {
		font-size: 8px;
	}
	.contact-refined-heading h1 {
		margin-top: 9px;
		font-size: 25px;
		line-height: 1.4;
	}
	.contact-refined-heading p {
		margin-top: 11px;
		font-size: 12px;
		line-height: 1.75;
	}
	.contact-refined-panel {
		display: block;
		border-radius: 10px;
		box-shadow: 0 11px 30px rgba(26, 56, 96, .075);
	}
	.contact-company-card,
	.contact-action-card {
		padding: 27px 21px 25px;
	}
	.contact-card-eyebrow {
		font-size: 8px;
	}
	.contact-company-card h2 {
		margin-top: 10px;
		font-size: 23px;
	}
	.contact-company-lead {
		margin-top: 11px;
		font-size: 12px;
		line-height: 1.7;
	}
	.contact-detail-list {
		margin-top: 22px;
	}
	.contact-detail-item {
		grid-template-columns: 36px minmax(0, 1fr);
		gap: 12px;
		padding: 14px 0;
	}
	.contact-detail-icon {
		width: 34px;
		height: 34px;
	}
	.contact-detail-icon svg {
		width: 17px;
		height: 17px;
	}
	.contact-detail-value,
	.contact-detail-value p {
		font-size: 12px;
		line-height: 1.6;
	}
	.contact-company-tags {
		margin-top: 19px;
	}
	.contact-action-card h2 {
		margin-top: 10px;
		font-size: 22px;
	}
	.contact-action-card > p {
		margin-top: 10px;
		font-size: 12px;
		line-height: 1.7;
	}
	.contact-action-list {
		grid-template-columns: 1fr;
		gap: 8px;
		margin-top: 20px;
	}
	.contact-action-item.is-wide {
		grid-column: auto;
	}
	.contact-action-item {
		min-height: 70px;
		padding: 11px 12px;
	}
	.contact-action-item:hover,
	.contact-action-item:focus {
		transform: none;
	}
	.contact-inquiry-button {
		min-height: 48px;
	}
	.contact-response-flow {
		gap: 7px;
		margin-top: 22px;
		padding-top: 18px;
	}
	.contact-response-flow em {
		font-size: 9px;
	}
	.contact-service-grid {
		grid-template-columns: 1fr;
		gap: 10px;
		margin-top: 14px;
	}
	.contact-service-grid article {
		grid-template-columns: 34px minmax(0, 1fr);
		gap: 12px;
		padding: 19px 18px;
		border-radius: 7px;
	}
	.contact-service-grid article > span {
		font-size: 20px;
	}
}

/* 联系页面右侧内嵌需求表单。 */
.contact-form-card {
	display: flex;
	flex-direction: column;
}
.contact-inline-form {
	margin-top: 24px;
}
.contact-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}
.contact-form-field {
	display: block;
	min-width: 0;
	margin: 0;
}
.contact-form-field.is-wide {
	grid-column: 1 / -1;
}
.contact-form-field > span,
.contact-form-captcha > label {
	display: block;
	margin-bottom: 7px;
	color: #4f6380;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.3;
}
.contact-form-field em,
.contact-form-captcha em {
	color: #d54d4d;
	font-style: normal;
}
.contact-form-field input,
.contact-form-field textarea,
.contact-form-captcha input {
	box-sizing: border-box;
	width: 100%;
	background: #f7f9fc;
	border: 1px solid #dfe6f0;
	border-radius: 0;
	outline: 0;
	color: #243a59;
	font-family: inherit;
	font-size: 12px;
	transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.contact-form-field input {
	height: 43px;
	padding: 0 13px;
}
.contact-form-field textarea {
	display: block;
	min-height: 76px;
	padding: 11px 13px;
	line-height: 1.65;
	resize: vertical;
}
.contact-form-field input::placeholder,
.contact-form-field textarea::placeholder,
.contact-form-captcha input::placeholder {
	color: #9aa8bb;
}
.contact-form-field input:focus,
.contact-form-field textarea:focus,
.contact-form-captcha input:focus {
	background: #fff;
	border-color: #7698c9;
	box-shadow: 0 0 0 3px rgba(36, 87, 163, .08);
}
.contact-form-captcha {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	margin-top: 13px;
}
.contact-form-captcha > label {
	margin: 0;
}
.contact-form-captcha > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 110px;
	gap: 8px;
}
.contact-form-captcha input {
	height: 42px;
	padding: 0 12px;
}
.contact-form-captcha button {
	display: block;
	box-sizing: border-box;
	width: 110px;
	height: 42px;
	padding: 0;
	overflow: hidden;
	background: #f5f7fa;
	border: 1px solid #dfe6f0;
	cursor: pointer;
}
.contact-form-captcha button img {
	display: block;
	width: 100%;
	height: 40px;
	object-fit: cover;
}
.contact-form-consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 14px 0 0;
	color: #718096;
	font-size: 10px;
	line-height: 1.5;
}
.contact-form-consent input {
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
	margin: 0;
	accent-color: #2457a3;
}
.contact-form-submit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	width: 100%;
	min-height: 50px;
	margin-top: 14px;
	padding: 0 18px;
	background: #2457a3;
	border: 0;
	color: #fff;
	font-family: inherit;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	transition: background .2s ease, opacity .2s ease;
}
.contact-form-submit:hover,
.contact-form-submit:focus {
	background: #173f7d;
}
.contact-form-submit:disabled,
.contact-form-submit.is-loading {
	cursor: wait;
	opacity: .72;
}
.contact-form-submit i {
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
}
.contact-form-feedback {
	min-height: 18px;
	margin: 8px 0 0;
	font-size: 10px;
	line-height: 1.5;
}
.contact-form-feedback.is-success {
	color: #16835e;
}
.contact-form-feedback.is-error {
	color: #c64c4c;
}

@media screen and (max-width: 767px) {
	.contact-inline-form {
		margin-top: 20px;
	}
	.contact-form-grid {
		grid-template-columns: 1fr;
		gap: 11px;
	}
	.contact-form-field.is-wide {
		grid-column: auto;
	}
	.contact-form-captcha {
		grid-template-columns: 1fr;
		gap: 7px;
		margin-top: 12px;
	}
	.contact-form-captcha > div {
		grid-template-columns: minmax(0, 1fr) 100px;
	}
	.contact-form-captcha button {
		width: 100px;
	}
	.contact-form-submit {
		min-height: 48px;
	}
}

/* 移动端主导航：去卡片化，以字号、缩进和引导线区分三级栏目。 */
@media screen and (max-width: 767px) {
	.site-nav {
		width: min(88vw, 344px);
		border-right-color: #e4e9f0;
		box-shadow: 10px 0 28px rgba(17, 36, 68, .14);
	}
	.header .nav {
		padding: 10px 18px 16px;
	}
	.header .nav > .nav-item {
		position: relative;
		border-bottom: 1px solid #edf0f4;
	}
	.header .nav > .nav-item > .nav-link {
		position: relative;
		padding: 0 44px 0 13px;
		color: #26364e;
		font-size: 16px;
		font-weight: 600 !important;
		line-height: 48px;
	}
	.header .nav > .nav-item > .nav-link:before {
		position: absolute;
		left: 0;
		top: 18px;
		width: 3px;
		height: 12px;
		background: #2457a4;
		border-radius: 3px;
		content: '';
		opacity: 0;
		transform: scaleY(.45);
		transition: opacity .18s ease, transform .18s ease;
	}
	.header .nav > .nav-item.active > .nav-link,
	.header .nav > .nav-item.open > .nav-link,
	.header .nav > .nav-item:hover > .nav-link,
	.header .nav > .nav-item:focus-within > .nav-link {
		background: transparent;
		color: #19478f;
	}
	.header .nav > .nav-item.active > .nav-link:before {
		opacity: 1;
		transform: scaleY(1);
	}
	.header .nav > .nav-item > .arr {
		width: 42px;
		height: 48px;
	}
	.header .nav > .nav-item > .arr:after {
		right: 14px;
		width: 7px;
		height: 7px;
		border: 0;
		border-right: 1.5px solid #6d7d92;
		border-bottom: 1.5px solid #6d7d92;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.header .nav > .nav-item.open > .arr:after {
		border-right-color: #526d94;
		border-bottom-color: #526d94;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	.header .nav .dropdown-box {
		margin: -1px 0 7px 13px;
		padding: 1px 0 5px 15px;
		background: transparent;
		border-left: 1px solid #dce3ec;
		border-radius: 0;
	}
	.header .nav .dropdown-box > a {
		position: relative;
		padding: 0 8px 0 15px;
		border: 0;
		color: #55657b !important;
		font-size: 14px;
		font-weight: 400;
		line-height: 39px;
	}
	.header .nav .dropdown-box > a:before {
		position: absolute;
		left: 0;
		top: 19px;
		width: 7px;
		height: 1px;
		background: #aeb9c8;
		content: '';
	}
	.header .nav .product-mobile-menu {
		margin: -1px 0 8px 13px;
		padding: 1px 0 4px 15px;
		background: transparent;
	}
	.product-mobile-group + .product-mobile-group {
		border-top: 1px solid #eef1f5;
	}
	.product-mobile-heading {
		position: relative;
		min-height: 43px;
		transition: background-color .18s ease;
	}
	.product-mobile-group.open > .product-mobile-heading {
		background: #f7f9fc;
	}
	.header .nav .product-mobile-parent {
		padding: 0 8px;
		color: #3e526e !important;
		font-size: 14px;
		font-weight: 500 !important;
		line-height: 43px;
	}
	.product-mobile-group.open .product-mobile-parent {
		color: #19478f !important;
		font-weight: 600 !important;
	}
	.product-mobile-toggle {
		align-self: center;
		flex-basis: 34px;
		width: 34px;
		height: 34px;
		margin-right: 1px;
		border: 0;
		border-radius: 50%;
		transition: background-color .18s ease;
	}
	.product-mobile-toggle:hover,
	.product-mobile-toggle:focus-visible,
	.product-mobile-group.open .product-mobile-toggle {
		background: #edf3fb;
	}
	.product-mobile-toggle:after {
		width: 6px;
		height: 6px;
		margin: -5px 0 0 -4px;
		border-width: 0 1.5px 1.5px 0;
		border-color: #537099;
	}
	.product-mobile-children {
		margin: 0 0 4px 9px;
		padding: 3px 0 6px 13px;
		background: transparent;
		border-left: 1px solid #d3dce8;
	}
	.header .nav .product-mobile-children a {
		position: relative;
		padding: 0 8px 0 14px;
		border: 0;
		color: #708096 !important;
		font-size: 13px;
		font-weight: 400;
		line-height: 36px;
	}
	.header .nav .product-mobile-children a:before {
		position: absolute;
		left: 0;
		top: 16px;
		width: 4px;
		height: 4px;
		background: #8ca0bd;
		border-radius: 50%;
		content: '';
	}
	.header .nav .product-mobile-children a:hover,
	.header .nav .product-mobile-children a:focus-visible {
		color: #19478f !important;
	}
	.mobile-nav-contact {
		margin: 6px 18px 16px;
		padding: 13px 0 0;
		background: #fff;
		border: 0;
		border-top: 1px solid #e5eaf0;
		border-radius: 0;
		color: #26364e;
	}
	.mobile-nav-contact-title {
		margin-bottom: 6px;
		color: #26364e;
		font-size: 14px;
	}
	.mobile-nav-contact-item {
		gap: 9px;
		padding: 6px 0;
		border-top: 0;
		color: #405a7d;
	}
	.mobile-nav-contact-icon {
		flex-basis: 28px;
		width: 28px;
		height: 28px;
		margin-top: 1px;
		background: #f7f9fc;
		border-color: #e2e8f0;
	}
	.mobile-nav-contact-icon svg {
		width: 15px;
		height: 15px;
	}
	.mobile-nav-contact-item span {
		margin-bottom: 1px;
		font-size: 11px;
	}
	.mobile-nav-contact-item b,
	.mobile-nav-contact-item b p {
		color: #405a7d;
		font-size: 12px;
		line-height: 1.45;
	}
}

/* 手机端底部四项快捷导航。 */
@media screen and (max-width: 767px) {
	body {
		padding-bottom: calc(58px + env(safe-area-inset-bottom));
	}
	.footer-fix {
		z-index: 103;
		padding-bottom: env(safe-area-inset-bottom);
		background: rgba(255, 255, 255, .97);
		border-top: 1px solid #e5eaf1;
		box-shadow: 0 -5px 18px rgba(20, 39, 72, .08);
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
	}
	.footer-fix ul {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.footer-fix li {
		float: none;
		width: auto;
		min-width: 0;
	}
	.footer-fix li a {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 3px;
		box-sizing: border-box;
		min-height: 57px;
		padding: 6px 2px 5px;
		color: #536176;
		font-size: 11px;
		line-height: 1.2;
		white-space: nowrap;
		transition: color .18s ease, background-color .18s ease;
	}
	.footer-fix li a:hover,
	.footer-fix li a:focus-visible {
		background: #f5f8fc;
		color: #1f4f98;
	}
	.footer-fix li i {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 22px;
		height: 22px;
		margin: 0;
		background: none;
		color: currentColor;
	}
	.footer-fix li i svg {
		display: block;
		width: 20px;
		height: 20px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.7;
		stroke-linecap: round;
		stroke-linejoin: round;
	}
	.footer-fix li span {
		display: block;
		overflow: hidden;
		max-width: 100%;
		text-overflow: ellipsis;
	}
}

/* 手机端产品卡片统一为每行两项。 */
@media screen and (max-width: 767px) {
	.product-list-grid,
	.prd-relate .related-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px 10px;
		margin-top: 24px;
	}
	.product-list-grid li,
	.prd-relate .related-product-grid li {
		width: auto;
		min-width: 0;
	}
	.product-list-grid li > a,
	.prd-relate .related-product-grid li > a {
		box-sizing: border-box;
		overflow: hidden;
		background: #fff;
		border: 1px solid #e5eaf1;
		border-radius: 4px;
		box-shadow: 0 4px 13px rgba(26, 46, 78, .055);
	}
	.product-list-grid li .img-cover {
		border: 0;
		border-bottom: 1px solid #edf0f4;
		border-radius: 0;
	}
	.product-list-grid li .text,
	.prd-relate .related-product-grid li .text {
		width: 100%;
		min-height: 96px;
		margin: 0;
		padding: 11px 10px 12px;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		transform: none;
	}
	.product-list-grid li > a:hover .text,
	.prd-relate .related-product-grid li > a:hover .text {
		border: 0;
		box-shadow: none;
		transform: none;
	}
	.product-list-grid li .text h4,
	.prd-relate .related-product-grid li .text h4 {
		display: -webkit-box;
		overflow: hidden;
		min-height: 40px;
		margin: 0 0 6px;
		padding: 0 1px 6px;
		font-size: 14px;
		line-height: 1.4;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.product-list-grid li .text p,
	.prd-relate .related-product-grid li .text p {
		display: -webkit-box;
		overflow: hidden;
		font-size: 11px;
		line-height: 1.55;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.product-list-grid > .hansen-empty-state,
	.related-product-grid > .hansen-empty-state {
		grid-column: 1 / -1;
	}
}

/* 生产实力工作流程视觉重构：PC 与手机端统一为留白充足的流程卡片。 */
.production-intro {
	padding: 72px 24px 0;
	background: #f4f7fb;
}
.production-intro-layout {
	position: relative;
	box-sizing: border-box;
	max-width: 1400px;
	padding: 50px 54px 44px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #dde6f2;
	border-bottom: 0;
	box-shadow: 0 18px 45px rgba(30, 58, 96, .07);
}
.production-intro-layout::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 148px;
	height: 3px;
	background: #2457a3;
	content: "";
}
.production-intro-layout::after {
	position: absolute;
	top: -92px;
	right: -92px;
	width: 230px;
	height: 230px;
	border: 1px solid rgba(36, 87, 163, .08);
	border-radius: 50%;
	box-shadow: 0 0 0 32px rgba(36, 87, 163, .025);
	content: "";
	pointer-events: none;
}
.production-intro .production-intro-layout {
	display: grid;
	grid-template-columns: minmax(360px, .82fr) minmax(520px, 1.18fr);
	gap: 64px;
	align-items: center;
}
.production-section-heading {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 20px;
	align-items: flex-start;
}
.production-section-no {
	flex: 0 0 auto;
	min-width: 50px;
	height: 25px;
	padding: 0 9px;
	line-height: 25px;
	text-align: center;
}
.production-section-heading small {
	display: block;
	margin: 0 0 11px;
	font-size: 9px;
	line-height: 1.4;
	letter-spacing: .18em;
}
.production-section-heading h2 {
	margin: 0;
	color: #102c54;
	font-size: 34px;
	line-height: 1.35;
	letter-spacing: -.025em;
}
.production-title-mobile-break {
	display: none !important;
}
.production-intro-copy {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	padding-left: 54px;
	border-left: 1px solid #e3e9f2;
}
.production-intro-copy p {
	margin: 0;
	color: #536984;
	font-size: 15px;
	line-height: 1.9;
}
.production-intro-line {
	counter-reset: production-phase;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-top: 28px;
}
.production-intro-line i {
	display: none;
}
.production-intro-line span {
	counter-increment: production-phase;
	position: relative;
	display: flex;
	align-items: flex-end;
	box-sizing: border-box;
	min-width: 0;
	min-height: 66px;
	padding: 27px 13px 12px;
	background: #f5f8fc;
	border: 1px solid #e1e8f2;
	color: #17498f;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: .02em;
}
.production-intro-line span::before {
	position: absolute;
	top: 10px;
	left: 13px;
	width: auto;
	height: auto;
	background: none;
	border: 0;
	border-radius: 0;
	color: #8ba0bf;
	font-size: 9px;
	font-weight: 700;
	line-height: 1;
	content: "0" counter(production-phase);
	transform: none;
}
.production-intro-line span::after {
	display: none !important;
}

.production-stage-nav {
	position: relative;
	top: auto;
	box-sizing: border-box;
	width: calc(100% - 48px);
	max-width: 1400px;
	margin: 0 auto 76px;
	padding: 0 54px 48px;
	overflow: visible;
	background: #fff;
	border: 1px solid #dde6f2;
	border-top: 0;
	box-shadow: 0 22px 45px rgba(30, 58, 96, .07);
}
.production-stage-nav-title,
.production-stage-nav > .production-stage-nav-title {
	display: flex !important;
	align-items: flex-end;
	justify-content: space-between;
	box-sizing: border-box;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 26px 0 22px;
	border-top: 1px solid #e7edf5;
}
.production-stage-nav-title div {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.production-stage-nav-title small {
	color: #7488a5;
	font-size: 8px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .18em;
}
.production-stage-nav-title strong {
	color: #102c54;
	font-size: 22px;
	line-height: 1.25;
}
.production-stage-nav-title > span {
	padding-bottom: 2px;
	color: #718198;
	font-size: 11px;
}
.production-stage-nav > .container:not(.production-stage-nav-title) {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	box-sizing: border-box;
	width: auto;
	min-width: 0;
	padding: 0;
}
.production-stage-nav a {
	position: relative;
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) 10px;
	align-items: center;
	gap: 10px;
	box-sizing: border-box;
	width: auto;
	height: 72px;
	min-height: 72px;
	padding: 0 15px;
	background: #f8fafd;
	border: 1px solid #e1e8f2;
	color: #263e61;
	text-align: left;
	transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.production-stage-nav a + a::before {
	display: none;
}
.production-stage-nav a b {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin: 0;
	background: #fff;
	border: 1px solid #cbd8eb;
	border-radius: 50%;
	color: #2457a3;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}
.production-stage-nav a span {
	overflow: hidden;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.production-stage-nav a::after {
	position: static;
	justify-self: end;
	width: 7px;
	height: 7px;
	background: transparent;
	border: 0;
	border-top: 1px solid #8398b6;
	border-right: 1px solid #8398b6;
	content: "";
	transform: rotate(45deg);
}
.production-stage-nav a:hover,
.production-stage-nav a:focus {
	background: #fff;
	border-color: #9cb7dd;
	box-shadow: 0 10px 24px rgba(27, 67, 124, .1);
	color: #174b96;
	transform: translateY(-2px);
}
.production-stage-nav a:hover b,
.production-stage-nav a:focus b {
	background: #2457a3;
	border-color: #2457a3;
	color: #fff;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.production-intro .production-intro-layout {
		grid-template-columns: 1fr;
		gap: 34px;
		padding: 42px;
	}
	.production-intro-copy {
		padding: 30px 0 0;
		border-top: 1px solid #e3e9f2;
		border-left: 0;
	}
	.production-stage-nav {
		padding-right: 42px;
		padding-left: 42px;
	}
	.production-stage-nav > .container:not(.production-stage-nav-title) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width: 767px) {
	.production-intro {
		padding: 24px 14px 0;
	}
	.production-intro .production-intro-layout {
		display: block;
		width: auto;
		max-width: none;
		padding: 26px 20px 22px;
		background: #fff;
		border: 1px solid #dfe7f2;
		border-radius: 12px;
		box-shadow: 0 10px 28px rgba(24, 53, 91, .06);
	}
	.production-intro-layout::before {
		width: 74px;
		height: 3px;
	}
	.production-intro-layout::after {
		display: none;
	}
	.production-section-heading {
		display: grid;
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 0 12px;
		align-items: start;
	}
	.production-section-no {
		min-width: 42px;
		height: 22px;
		padding: 0 7px;
		font-size: 9px;
		line-height: 22px;
	}
	.production-section-heading small {
		margin: -1px 0 5px;
		font-size: 8px;
		line-height: 1.45;
		letter-spacing: .13em;
	}
	.production-section-heading h2 {
		font-size: 23px;
		line-height: 1.4;
	}
	.production-title-mobile-break {
		display: inline !important;
	}
	.production-intro-copy {
		margin-top: 22px;
		padding: 20px 0 0;
		border-top: 1px solid #e8edf4;
		border-left: 0;
	}
	.production-intro-copy p {
		font-size: 13px;
		line-height: 1.85;
	}
	.production-intro-line {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 9px;
		margin-top: 18px;
	}
	.production-intro-line span,
	.production-intro-line span + span,
	.production-intro-line span:not(:first-child) {
		grid-column: auto;
		min-height: 58px;
		margin: 0;
		padding: 26px 11px 10px;
		background: #f5f8fc;
		border: 1px solid #e0e8f3;
		border-radius: 7px;
		font-size: 12px;
	}
	.production-intro-line span::before {
		top: 10px;
		left: 11px;
		width: auto;
		height: auto;
		background: none;
		border: 0;
		border-radius: 0;
		font-size: 8px;
		transform: none;
	}
	.production-intro-line span::after {
		display: none !important;
	}

	.production-stage-nav {
		width: auto;
		max-width: none;
		margin: 14px 14px 42px;
		padding: 0 20px 22px;
		overflow: visible;
		background: #fff;
		border: 1px solid #dfe7f2;
		border-radius: 12px;
		box-shadow: 0 10px 28px rgba(24, 53, 91, .06);
	}
	.production-stage-nav-title,
	.production-stage-nav > .production-stage-nav-title {
		align-items: flex-end;
		width: auto;
		min-width: 0;
		margin: 0;
		padding: 21px 0 16px;
		border-top: 0;
	}
	.production-stage-nav-title div {
		gap: 4px;
	}
	.production-stage-nav-title small {
		font-size: 7px;
		letter-spacing: .16em;
	}
	.production-stage-nav-title strong {
		font-size: 19px;
	}
	.production-stage-nav-title > span {
		max-width: 100px;
		padding-bottom: 1px;
		font-size: 10px;
		line-height: 1.35;
		text-align: right;
	}
	.production-stage-nav > .container:not(.production-stage-nav-title) {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		width: auto;
		min-width: 0;
		padding: 0;
	}
	.production-stage-nav a {
		display: grid;
		grid-template-columns: 30px minmax(0, 1fr) 7px;
		gap: 8px;
		width: auto;
		height: 62px;
		min-height: 62px;
		padding: 0 10px;
		background: #f8fafd;
		border: 1px solid #e1e8f2;
		border-radius: 7px;
	}
	.production-stage-nav a:first-child {
		border-top: 1px solid #e1e8f2;
	}
	.production-stage-nav a + a::before {
		display: none;
	}
	.production-stage-nav a b {
		width: 28px;
		height: 28px;
		margin: 0;
		font-size: 9px;
	}
	.production-stage-nav a span {
		font-size: 12px;
		line-height: 1.3;
	}
	.production-stage-nav a::after {
		width: 6px;
		height: 6px;
	}
	.production-stage-nav a:hover,
	.production-stage-nav a:focus {
		transform: none;
	}
	.production-stage {
		scroll-margin-top: 68px;
	}
}