@font-face {
	font-family:'SH';
	src: url('https://files.wxlxit.com/lx_img/font/SourceHanSansCN-Normal.ttf');
}

*{
	padding: 0;
	margin: 0;
	font-family: 'SH';
}

.primary_color{
	color: #313134;
}

.primary_sty{
	font-size: 36px;
	font-weight: bold;
	line-height: 42px;
	letter-spacing: 5px;
	text-align: center;
}


.sub_color{
	color: #919194;
}

.color_white{
	color: #FFFFFF!important;
}

.sub_sty{
	font-size: 24px;
	font-weight: 400;
	line-height: 28px;
	text-align: center;
}
html,body{
	min-width: 1200px;
}

.title_top_box {
	display: flex;
	padding: 48px 0;
	justify-content: center;
	align-items: center;
}

.title_midline {
	width: 3px;
	height: 30px;
	background: #CCCCCC;
	margin: 0 24px;
}

	
.padd_bottom{
	padding-bottom: 48px;
}

.two_title_content{
	display: flex;
	flex-direction: column;
	padding-top: 120px;
	align-items: center;
}
.two_title{
	font-size: 36px;
	font-weight: 400;
	color: #313134;
}
.two_subtitle{
	font-size: 16px;
	font-weight: 400;
	color: #919194;
	width: 1200px;
	text-align: center;
	margin: 0 auto;
	margin-top: 10px;
}

.two_bomsubtitle{
	font-size: 16px;
	font-weight: 400;
	color: #919194;
	width: 1200px;
	text-align: center;
	margin: 0 auto;
}

.tit_paddtop{
	padding-top: 100px!important;
}

/* =========================================================
   Mimimaya Industrial Technology Theme
   ========================================================= */
:root {
	--navy-950: #07111F;
	--navy-900: #0D1B2A;
	--navy-800: #122438;
	--navy-700: #18334D;
	--tech-blue: #1677FF;
	--cyan: #19C2C9;
	--orange: #FF8A34;
	--surface: #F5F7FA;
	--surface-strong: #FFFFFF;
	--ink: #16202A;
	--text-light: #F4F7FA;
	--text-muted: #A8B4C2;
	--line-light: rgba(22, 32, 42, 0.10);
	--line-dark: rgba(168, 180, 194, 0.18);
	--shadow-card: 0 18px 45px rgba(7, 17, 31, 0.10);
}

* {
	box-sizing: border-box;
}

html,
body {
	min-width: 0 !important;
	background: var(--surface);
	color: var(--ink);
	font-family: "Inter", "Microsoft YaHei", "PingFang SC", "SH", sans-serif;
	scroll-behavior: smooth;
}

body {
	overflow-x: hidden;
}

img {
	max-width: 100%;
}

::selection {
	background: rgba(25, 194, 201, 0.28);
	color: var(--navy-950);
}

/* Shared section typography */
.primary_color,
.two_title,
.itemtitcn,
.warecontent,
.companybody > div,
.advanttit,
.functiontit,
.caseimgnamebox > div,
.flowtitle,
.objectitemcn {
	color: var(--ink) !important;
}

.sub_color,
.two_subtitle,
.two_bomsubtitle,
.advantsubtit,
.functioncontent,
.flowsubtit,
.infocontent,
.newscontent,
.timeview {
	color: #627284 !important;
}

.primary_sty,
.two_title {
	font-size: clamp(30px, 3vw, 42px) !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
}

.sub_sty {
	margin-top: 12px;
	font-size: 13px !important;
	line-height: 1.5 !important;
	font-weight: 700 !important;
	letter-spacing: 0.22em !important;
	text-transform: uppercase;
	color: #6D7C8E !important;
}

.two_title_content {
	padding-top: 96px !important;
}

.two_subtitle,
.two_bomsubtitle {
	width: min(760px, calc(100% - 40px)) !important;
	margin-top: 16px !important;
	font-size: 16px !important;
	line-height: 1.9 !important;
}

.title_top_box,
.companytit {
	padding: 88px 20px 52px !important;
}

.title_midline,
.midline {
	width: 36px !important;
	height: 3px !important;
	margin: 0 20px !important;
	background: linear-gradient(90deg, var(--tech-blue), var(--cyan)) !important;
}

/* Navigation */
.titlebox {
	height: 76px !important;
	min-width: 0 !important;
	background: rgba(7, 17, 31, 0.94) !important;
	border-bottom: 1px solid var(--line-dark) !important;
	box-shadow: 0 12px 32px rgba(3, 10, 18, 0.22) !important;
	backdrop-filter: blur(16px);
}

.headbox {
	height: 76px !important;
}

.middlebox {
	position: relative;
	width: min(1400px, calc(100% - 64px)) !important;
}

.logo {
	position: relative;
	display: flex;
	flex: 0 0 auto;
	gap: 12px;
	padding-right: 22px;
}

.logo::after {
	display: none;
}

.logo > img.logoSymbol {
	width: 42px !important;
	height: 42px !important;
	flex: 0 0 42px;
	object-fit: contain;
	padding: 4px;
	border: 1px solid rgba(255, 255, 255, .78);
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .2);
	filter: none;
}

.logoCrop {
	position: relative;
	height: 42px;
	overflow: hidden;
	background: #FFFFFF;
}

.logoCrop > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	object-fit: contain;
	user-select: none;
	pointer-events: none;
}

.logoMark {
	width: 42px;
	flex: 0 0 42px;
	border: 1px solid rgba(255, 255, 255, .78);
	border-radius: 6px;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
}

.logoWord {
	display: flex;
	flex-direction: column;
	justify-content: center;
	white-space: nowrap;
}

.logoName {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: .1em;
}

.logoEn {
	margin-top: 4px;
	color: var(--text-muted);
	font-size: 8px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .12em;
}

.menulist > div {
	margin-left: 30px !important;
	font-size: 14px !important;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.menuli {
	padding: 28px 0 25px !important;
	color: #D6DEE7 !important;
	border-bottom: 3px solid transparent !important;
}

.menuactive,
.menuli:hover {
	color: #FFFFFF !important;
	border-bottom-color: var(--cyan) !important;
}

.activemenu {
	color: var(--tech-blue) !important;
}

.consult,
.sendbtn,
.sendinfo,
.openconsult,
.linkphonebtn,
.mibotany,
.itembtn {
	border: 1px solid transparent !important;
	border-radius: 4px !important;
	background: linear-gradient(135deg, var(--tech-blue), #0C63D8) !important;
	color: #FFFFFF !important;
	box-shadow: 0 10px 24px rgba(22, 119, 255, 0.22);
	transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.consult:hover,
.sendbtn:hover,
.sendinfo:hover,
.openconsult:hover,
.linkphonebtn:hover,
.mibotany:hover,
.itembtn:hover {
	transform: translateY(-2px);
	background: linear-gradient(135deg, var(--cyan), #139DA3) !important;
	box-shadow: 0 14px 30px rgba(25, 194, 201, 0.23);
}

.downboxlist,
.casedownboxlist {
	top: 60px !important;
	width: 190px !important;
	padding: 10px !important;
	background: rgba(13, 27, 42, 0.98) !important;
	border: 1px solid var(--line-dark);
	border-radius: 6px;
	box-shadow: 0 24px 56px rgba(0, 0, 0, 0.35) !important;
}

.downboxlist > div,
.casedownboxlist > div {
	height: 42px !important;
	justify-content: flex-start !important;
	padding: 0 12px;
	color: #D6DEE7 !important;
	border-radius: 3px;
}

.downboxlist > div:hover,
.casedownboxlist > div:hover {
	background: rgba(22, 119, 255, 0.14);
	color: #FFFFFF !important;
}

/* Shared internal-page banner */
.midbanner {
	margin-top: 76px;
}

.mid_banner_box {
	position: relative;
	height: 420px !important;
	background-position: center !important;
	isolation: isolate;
}

.mid_banner_box::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, rgba(7, 17, 31, 0.96) 0%, rgba(7, 17, 31, 0.78) 48%, rgba(7, 17, 31, 0.30) 100%),
		linear-gradient(rgba(25, 194, 201, 0.08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(25, 194, 201, 0.08) 1px, transparent 1px);
	background-size: auto, 48px 48px, 48px 48px;
}

.mid_banner_box_in {
	width: min(1200px, calc(100% - 64px)) !important;
	align-items: flex-start;
}

.midboxin_top {
	position: relative;
	font-size: clamp(38px, 5vw, 58px) !important;
	line-height: 1.18;
	font-weight: 700 !important;
	letter-spacing: 0.05em;
}

.midboxin_top::before {
	content: "MIMIMAYA / ENTERPRISE TECHNOLOGY";
	display: block;
	margin-bottom: 18px;
	color: var(--cyan);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.2em;
}

.midboxin_bot {
	margin-top: 18px !important;
	color: var(--text-muted) !important;
	font-size: 17px !important;
	font-weight: 400 !important;
}

.consult {
	width: 148px !important;
	height: 46px !important;
	margin-top: 40px !important;
	line-height: 44px !important;
}

/* Homepage */
.indexpage,
.indexpage > .swiper-container,
.index-swiper {
	min-width: 0 !important;
}

.indexpage {
	background: var(--navy-950);
}

.bannerbox {
	isolation: isolate;
}

.bannerbox::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 5;
	background:
		linear-gradient(
			90deg,
			rgba(7, 17, 31, .52) 0%,
			rgba(7, 17, 31, .28) 34%,
			rgba(7, 17, 31, .08) 62%,
			rgba(7, 17, 31, 0) 100%
		),
		linear-gradient(rgba(25, 194, 201, .03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(25, 194, 201, .03) 1px, transparent 1px);
	background-size: auto, 54px 54px, 54px 54px;
	pointer-events: none;
}

.banmiddlebox {
	top: 50% !important;
	left: max(60px, calc((100% - 1200px) / 2)) !important;
	width: min(900px, calc(100% - 120px));
	transform: translateY(-46%) !important;
}

.midtopbox {
	width: auto !important;
	height: auto !important;
	padding-left: 28px;
	background: transparent !important;
	border-left: 3px solid var(--cyan);
}

.midtitle {
	padding-top: 0 !important;
	color: var(--text-light) !important;
	font-size: clamp(32px, 5vw, 64px) !important;
	line-height: 1.12 !important;
	text-align: left !important;
	letter-spacing: -0.02em;
	white-space: nowrap;
}

.midtitle::before {
	content: attr(data-eyebrow);
	display: block;
	margin-bottom: 20px;
	color: var(--cyan);
	font-size: 11px;
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: 0.22em;
	white-space: normal;
}

.banmiddlebox .midtitle,
.banmiddlebox .midcenbox,
.banmiddlebox .midbotbox {
	opacity: 1;
	transform: translateY(0);
	transition:
		opacity .22s ease,
		transform .3s cubic-bezier(.2, .75, .2, 1);
}

.banmiddlebox.is-copy-changing .midtitle,
.banmiddlebox.is-copy-changing .midcenbox,
.banmiddlebox.is-copy-changing .midbotbox {
	opacity: 0;
	transform: translateY(10px);
}

.midcenbox {
	margin-top: 30px !important;
	align-items: flex-start !important;
	color: #D7E0EA !important;
	font-size: 21px !important;
	line-height: 1.65 !important;
}

.midbotbox {
	margin-top: 28px !important;
	color: var(--text-muted) !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
	text-align: left !important;
	letter-spacing: 0.05em;
}

.miboxbotbox {
	justify-content: flex-start !important;
	margin-top: 44px !important;
}

.mibotimg > img {
	width: 40px !important;
	height: 40px !important;
	filter: none;
	opacity: 1;
}

.mibottext {
	width: 330px !important;
	height: 40px !important;
	background: rgba(7, 17, 31, 0.72) !important;
	border: 1px solid var(--line-dark);
	border-right: 0;
	color: #D6DEE7 !important;
}

.mibotany {
	width: 82px !important;
	height: 40px !important;
	margin-left: 0 !important;
}

.swiper-button-prev,
.swiper-button-next {
	opacity: .72 !important;
	filter: saturate(0) brightness(2);
}

.swiper-pagination-bullet {
	width: 22px !important;
	height: 3px !important;
	border-radius: 0 !important;
	background: var(--text-muted) !important;
}

.swiper-pagination-bullet-active {
	width: 54px !important;
	background: var(--cyan) !important;
}

/* Homepage motion system */
#middleswiper .swiper-slide > img {
	transform: scale(1.015);
	transition: transform 6.2s cubic-bezier(.2, .6, .2, 1);
	will-change: transform;
}

#middleswiper .swiper-slide-active > img {
	transform: scale(1.065);
}

.bannerbox::after {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 28%;
	z-index: 6;
	pointer-events: none;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(25, 194, 201, .025) 34%,
		rgba(25, 194, 201, .11) 50%,
		rgba(22, 119, 255, .035) 66%,
		transparent 100%
	);
	transform: translateX(-150%) skewX(-12deg);
	animation: homeSignalScan 9s ease-in-out infinite 1.4s;
}

.index-swiper > .swiper-wrapper > .swiper-slide .banmiddlebox {
	opacity: 0;
	translate: 0 22px;
	filter: blur(5px);
}

.index-swiper > .swiper-wrapper > .swiper-slide-active .banmiddlebox {
	animation: homeHeroReveal .85s cubic-bezier(.2, .75, .2, 1) both;
}

.index-swiper > .swiper-wrapper > .swiper-slide .bustitle,
.index-swiper > .swiper-wrapper > .swiper-slide .bussubtitle,
.index-swiper > .swiper-wrapper > .swiper-slide .casetop,
.index-swiper > .swiper-wrapper > .swiper-slide .casebot,
.index-swiper > .swiper-wrapper > .swiper-slide .partnertop,
.index-swiper > .swiper-wrapper > .swiper-slide .partnerbot {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .55s ease, transform .65s cubic-bezier(.2, .75, .2, 1);
}

.index-swiper > .swiper-wrapper > .swiper-slide-active .bustitle,
.index-swiper > .swiper-wrapper > .swiper-slide-active .casetop,
.index-swiper > .swiper-wrapper > .swiper-slide-active .partnertop {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .08s;
}

.index-swiper > .swiper-wrapper > .swiper-slide-active .bussubtitle,
.index-swiper > .swiper-wrapper > .swiper-slide-active .casebot,
.index-swiper > .swiper-wrapper > .swiper-slide-active .partnerbot {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .16s;
}

.index-swiper > .swiper-wrapper > .swiper-slide .buslist > div,
.index-swiper > .swiper-wrapper > .swiper-slide .caselistbox > div,
.index-swiper > .swiper-wrapper > .swiper-slide .partnerlistbox > div,
.index-swiper > .swiper-wrapper > .swiper-slide .flowbodybox > div {
	--home-item-delay: .18s;
	translate: 0 20px;
	filter: opacity(0) blur(4px);
	transition:
		translate .62s cubic-bezier(.2, .75, .2, 1) var(--home-item-delay),
		filter .5s ease var(--home-item-delay);
}

.index-swiper > .swiper-wrapper > .swiper-slide-active .buslist > div,
.index-swiper > .swiper-wrapper > .swiper-slide-active .caselistbox > div,
.index-swiper > .swiper-wrapper > .swiper-slide-active .partnerlistbox > div,
.index-swiper > .swiper-wrapper > .swiper-slide-active .flowbodybox > div {
	translate: 0 0;
	filter: opacity(1) blur(0);
}

.index-swiper > .swiper-wrapper > .swiper-slide :is(
	.buslist,
	.caselistbox,
	.partnerlistbox,
	.flowbodybox
) > div:nth-child(2) {
	--home-item-delay: .25s;
}

.index-swiper > .swiper-wrapper > .swiper-slide :is(
	.buslist,
	.caselistbox,
	.partnerlistbox,
	.flowbodybox
) > div:nth-child(3) {
	--home-item-delay: .32s;
}

.index-swiper > .swiper-wrapper > .swiper-slide :is(
	.buslist,
	.caselistbox,
	.partnerlistbox,
	.flowbodybox
) > div:nth-child(4) {
	--home-item-delay: .39s;
}

.index-swiper > .swiper-wrapper > .swiper-slide :is(
	.caselistbox,
	.partnerlistbox,
	.flowbodybox
) > div:nth-child(5) {
	--home-item-delay: .46s;
}

.index-swiper > .swiper-wrapper > .swiper-slide :is(
	.partnerlistbox,
	.flowbodybox
) > div:nth-child(6) {
	--home-item-delay: .53s;
}

@keyframes homeSignalScan {
	0%,
	16% {
		transform: translateX(-150%) skewX(-12deg);
		opacity: 0;
	}

	24% {
		opacity: 1;
	}

	58% {
		opacity: .8;
	}

	72%,
	100% {
		transform: translateX(470%) skewX(-12deg);
		opacity: 0;
	}
}

@keyframes homeHeroReveal {
	from {
		opacity: 0;
		translate: 0 22px;
		filter: blur(5px);
	}

	to {
		opacity: 1;
		translate: 0 0;
		filter: blur(0);
	}
}

.businessintroduction {
	background:
		linear-gradient(rgba(25, 194, 201, 0.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(25, 194, 201, 0.055) 1px, transparent 1px),
		var(--navy-900) !important;
	background-size: 48px 48px !important;
}

.businessintroduction .primary_color,
.serverflow .primary_color {
	color: var(--text-light) !important;
}

.businessintroduction .sub_color,
.serverflow .sub_color {
	color: var(--text-muted) !important;
}

.buslist {
	width: min(1200px, calc(100% - 64px)) !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 22px !important;
}

.buslist > div {
	height: 340px !important;
	overflow: hidden;
	background: rgba(18, 36, 56, 0.92) !important;
	border: 1px solid var(--line-dark);
	border-radius: 6px !important;
	opacity: 1 !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
	transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.buslist > div:hover {
	transform: translateY(-8px);
	border-color: rgba(25, 194, 201, 0.7);
	background: var(--navy-800) !important;
	box-shadow: 0 22px 44px rgba(0, 0, 0, 0.30) !important;
}

.busitemtop > img {
	filter: saturate(.8);
}

.busitembot {
	position: relative;
	height: 82px !important;
	padding-top: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid var(--line-dark);
	color: var(--text-light);
	font-weight: 600 !important;
	letter-spacing: 0.05em;
}

.buslist > div:hover .busitembot {
	background: linear-gradient(90deg, rgba(22, 119, 255, .18), rgba(25, 194, 201, .12)) !important;
}

.caselistbox {
	background: var(--navy-950);
}

.casetitlebox .primary_color {
	color: var(--text-light) !important;
}

.casetitlebox .sub_color {
	color: var(--text-muted) !important;
}

.caselistbox > div::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(7, 17, 31, .35), rgba(7, 17, 31, .88));
	transition: background .3s ease;
}

.caselistbox > div:hover::before {
	background: linear-gradient(180deg, rgba(22, 119, 255, .12), rgba(25, 194, 201, .58)) !important;
}

.casecenterbox {
	z-index: 20 !important;
	padding: 30px 16px;
}

.casecenterbox > img {
	width: 76px !important;
	height: 76px !important;
}

.textcn {
	font-size: 20px !important;
	font-weight: 600 !important;
}

.texten {
	color: var(--text-muted) !important;
	font-size: 12px !important;
	letter-spacing: .08em;
}

.partnerbox {
	background:
		linear-gradient(rgba(22, 32, 42, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(22, 32, 42, .035) 1px, transparent 1px),
		var(--surface) !important;
	background-size: 48px 48px !important;
}

.partnerlistbox {
	width: min(1080px, calc(100% - 64px)) !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 28px !important;
}

.partnerlistbox > div {
	height: 132px !important;
	padding: 18px;
	background: #FFFFFF;
	border: 1px solid var(--line-light);
	border-radius: 6px;
	box-shadow: var(--shadow-card);
}

.partnerlistbox > div > img {
	object-fit: contain !important;
	filter: none;
	opacity: 1;
	transition: transform .28s ease, filter .28s ease;
}

.partnerlistbox > div:hover > img {
	transform: scale(1.035);
	filter: saturate(1.08) contrast(1.02);
}

.serverflow {
	background:
		linear-gradient(rgba(25, 194, 201, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(25, 194, 201, 0.05) 1px, transparent 1px),
		var(--navy-900);
	background-size: 48px 48px;
}

.flowbodybox {
	width: 1200px !important;
	min-width: 1200px;
}

.flowbodybox > div {
	overflow: hidden;
	border: 1px solid var(--line-dark);
	border-radius: 5px;
}

.flowbodybox > div::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(7, 17, 31, .36), rgba(7, 17, 31, .84));
}

.flowitembox {
	z-index: 2;
}

.flowitembox > img {
	width: 68px !important;
	height: 68px !important;
}

.flowcn {
	font-size: 23px !important;
	font-weight: 600 !important;
}

.flowen {
	color: var(--text-muted) !important;
	font-size: 11px !important;
	letter-spacing: .1em;
}

.clientheightbox {
	background-color: var(--navy-950) !important;
}

.clientheightbox::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(7, 17, 31, .54), rgba(7, 17, 31, .90));
}

.clientheightbox > * {
	position: relative;
	z-index: 2;
}

.clientheightbox > .clientfootbox {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.clientcontent {
	width: min(1200px, calc(100% - 64px));
	margin: 46px auto 0;
}

.clientpromise {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.clientpromise > article {
	position: relative;
	min-height: 148px;
	padding: 24px 22px 22px;
	overflow: hidden;
	border: 1px solid rgba(168, 180, 194, .2);
	border-radius: 6px;
	background: rgba(13, 27, 42, .74);
	box-shadow: 0 18px 42px rgba(0, 0, 0, .2);
	backdrop-filter: blur(8px);
	transition:
		transform .28s ease,
		border-color .28s ease,
		background-color .28s ease,
		box-shadow .28s ease;
}

.clientpromise > article::before {
	content: "";
	position: absolute;
	inset: 0 auto auto 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, var(--tech-blue), var(--cyan));
}

.clientpromise > article:nth-child(even)::before {
	background: linear-gradient(90deg, var(--cyan), var(--orange));
}

.clientpromise > article:hover {
	transform: translateY(-5px);
	border-color: rgba(25, 194, 201, .46);
	background: rgba(18, 36, 56, .9);
	box-shadow: 0 22px 48px rgba(0, 0, 0, .28);
}

.clientindex {
	position: absolute;
	top: 17px;
	right: 19px;
	color: rgba(168, 180, 194, .24);
	font-size: 38px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.04em;
}

.clientpromiseen {
	color: var(--cyan);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .2em;
}

.clientpromise h3 {
	margin: 13px 0 8px;
	color: var(--text-light);
	font-size: 20px;
	line-height: 1.3;
}

.clientpromise p {
	margin: 0;
	color: var(--text-muted);
	font-size: 13px;
	line-height: 1.7;
}

.clientaction {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	margin-top: 22px;
	padding: 17px 20px 17px 24px;
	border: 1px solid rgba(168, 180, 194, .18);
	border-left: 3px solid var(--orange);
	border-radius: 5px;
	background: rgba(7, 17, 31, .66);
	backdrop-filter: blur(8px);
}

.clientaction > div {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.clientaction > div > span {
	color: var(--orange);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .18em;
}

.clientaction strong {
	color: var(--text-light);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .03em;
}

.clientaction > a {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	height: 42px;
	padding: 0 20px;
	border: 1px solid rgba(25, 194, 201, .48);
	border-radius: 4px;
	background: rgba(22, 119, 255, .18);
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: transform .25s ease, background-color .25s ease, border-color .25s ease;
}

.clientaction > a:hover {
	transform: translateX(3px);
	border-color: var(--cyan);
	background: rgba(25, 194, 201, .22);
}

.index-swiper > .swiper-wrapper > .swiper-slide .clientpromise > article,
.index-swiper > .swiper-wrapper > .swiper-slide .clientaction {
	opacity: 0;
	translate: 0 20px;
	filter: blur(4px);
	transition:
		opacity .5s ease,
		translate .62s cubic-bezier(.2, .75, .2, 1),
		filter .5s ease,
		transform .28s ease,
		border-color .28s ease,
		background-color .28s ease,
		box-shadow .28s ease;
}

.index-swiper > .swiper-wrapper > .swiper-slide-active .clientpromise > article,
.index-swiper > .swiper-wrapper > .swiper-slide-active .clientaction {
	opacity: 1;
	translate: 0 0;
	filter: blur(0);
}

.index-swiper > .swiper-wrapper > .swiper-slide-active .clientpromise > article:nth-child(1) {
	transition-delay: .18s;
}

.index-swiper > .swiper-wrapper > .swiper-slide-active .clientpromise > article:nth-child(2) {
	transition-delay: .25s;
}

.index-swiper > .swiper-wrapper > .swiper-slide-active .clientpromise > article:nth-child(3) {
	transition-delay: .32s;
}

.index-swiper > .swiper-wrapper > .swiper-slide-active .clientpromise > article:nth-child(4) {
	transition-delay: .39s;
}

.index-swiper > .swiper-wrapper > .swiper-slide-active .clientaction {
	transition-delay: .46s;
}

@media (max-height: 900px) {
	.clientheightbox .partnertop {
		padding-top: 108px;
	}

	.clientcontent {
		margin-top: 28px;
	}

	.clientpromise > article {
		min-height: 118px;
		padding: 18px 20px;
	}

	.clientpromise h3 {
		margin: 9px 0 5px;
	}

	.clientaction {
		margin-top: 16px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
}

@media (max-height: 760px) {
	.clientheightbox .partnertop {
		padding-top: 82px;
	}

	.clientcontent {
		margin-top: 20px;
	}

	.clientpromise > article {
		min-height: 82px;
	}

	.clientpromise p {
		display: none;
	}

	.clientaction {
		margin-top: 12px;
	}
}

/* Content surfaces and cards */
.manageidea,
.mainequipment,
.capacitybox,
.masterfunction,
.applyscene,
.exploitbox,
.appletAdvantage,
.newestbox,
.newslistbox {
	background: var(--surface) !important;
}

.companyintroductory,
.certification,
.eightarea,
.headwarebox,
.caseadvantage,
.slovecasebox,
.applyenvoir,
.customizedstep,
.wantcustomized,
.whereServer,
.caseviewbox,
.serverobject,
.applicable,
.whatapplet {
	background: #FFFFFF;
}

.companybody {
	width: min(980px, calc(100% - 48px)) !important;
}

.companybody > div {
	font-size: 16px !important;
	line-height: 2 !important;
}

.ideabody,
.equibody,
.casebodybox,
.stepbody,
.caseadvantbody,
.advantagebody,
.authoritybody,
.newestbody,
.caseviewbody,
.medialistbox,
body > .newsinfo {
	width: min(1200px, calc(100% - 64px)) !important;
}

.ideabody > div,
.equibody > div,
.caseitem,
.caseimgnamebox,
.caseadvantbody > div,
.serveritembox > div,
.serobjectitem,
.fourstepbody,
.applicablebody > div,
.mediaitembox {
	border-radius: 6px;
	overflow: hidden;
}

.ideaitemodd {
	background:
		linear-gradient(145deg, rgba(22, 119, 255, .94), rgba(13, 27, 42, .97)) !important;
	border: 1px solid rgba(25, 194, 201, .35);
}

.zhizhiicon,
.exploitbody > img,
.masterbody > img,
.applyenbody > img,
.applyscenebody > img,
.detailbox > img {
	width: min(1200px, calc(100% - 64px)) !important;
	height: auto !important;
}

.itemlenzhen > div {
	color: var(--ink) !important;
}

.areabody {
	width: min(940px, calc(100% - 64px)) !important;
}

.areabody > div {
	padding: 18px 10px;
	border: 1px solid var(--line-light);
	border-radius: 5px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(7, 17, 31, .06);
}

.areabody > div > div {
	color: var(--ink) !important;
	font-weight: 600 !important;
}

.equibody > div::after,
.caseitem::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(7, 17, 31, .18), rgba(7, 17, 31, .78));
}

.equibody > div > div,
.caseitem > div {
	z-index: 20 !important;
}

.warebody,
.capacitybody {
	width: min(1080px, calc(100% - 64px));
	margin: 0 auto;
	padding-bottom: 96px;
}

.wareimgbox > img {
	border-radius: 6px;
	box-shadow: var(--shadow-card);
}

.waretexttit {
	color: rgba(22, 119, 255, .12) !important;
}

.capacityright > div,
.functionbody > div {
	padding: 20px;
	border: 1px solid var(--line-light);
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(7, 17, 31, .06);
}

.functionbody {
	width: min(1080px, calc(100% - 64px)) !important;
	gap: 24px 0;
}

.casebodybox {
	padding: 88px 0 !important;
}

.caseitem,
.caseimgnamebox {
	border: 1px solid var(--line-light);
	background: #FFFFFF;
	box-shadow: var(--shadow-card);
}

.caseimgnamebox > div {
	margin-top: 0 !important;
	padding: 18px 16px;
	text-align: left !important;
	font-weight: 600 !important;
	letter-spacing: .04em !important;
}

.contactUs .midbanner,
body > .midbanner[style] {
	background-color: var(--navy-900);
}

.linkbox {
	width: min(1008px, calc(100% - 64px)) !important;
}

.titcn,
.titen {
	color: var(--text-light) !important;
	font-size: clamp(34px, 4vw, 48px) !important;
}

.titen {
	color: var(--text-muted) !important;
}

.emailbox,
.twocode {
	border: 1px solid var(--line-dark);
	border-radius: 6px;
	background: rgba(13, 27, 42, .92) !important;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .24);
}

.linkname,
.wantaskcontent,
.itembox,
.itemcount {
	background: rgba(168, 180, 194, .09) !important;
	border: 1px solid var(--line-dark);
	border-radius: 4px !important;
}

.boxtit,
.asktit,
.itemtit,
.conuttit {
	color: var(--text-muted) !important;
}

.boxcont > input,
.askcontent > textarea,
.itemcont > input,
.countarea > textarea {
	color: var(--text-light) !important;
}

.stepbody > div {
	overflow: hidden;
	border: 1px solid var(--line-light);
	border-radius: 6px;
	box-shadow: var(--shadow-card);
}

.serveritembox {
	width: min(1200px, calc(100% - 64px)) !important;
}

.serveritembox > div {
	border: 1px solid var(--line-dark);
	box-shadow: var(--shadow-card);
}

.serveritembox > div > div {
	background: linear-gradient(180deg, rgba(7, 17, 31, .40), rgba(7, 17, 31, .88)) !important;
}

.serveritembox > div > div:hover {
	background: linear-gradient(145deg, rgba(22, 119, 255, .90), rgba(13, 27, 42, .95)) !important;
}

.linkbtn,
.caseviewbtn > div,
.newestfloot > div {
	border-radius: 4px !important;
}

.technology {
	position: relative;
	isolation: isolate;
}

.technology::before,
.openapplet::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg, rgba(7, 17, 31, .28), rgba(7, 17, 31, .90));
}

.telbody,
.flowbox,
.serobjectbody,
.applicablebody,
.fourstepbody {
	width: min(1200px, calc(100% - 64px)) !important;
}

.serobjectbody,
.fourstepbody {
	border: 1px solid var(--line-light);
	border-radius: 6px;
	background: #FFFFFF !important;
	box-shadow: var(--shadow-card) !important;
}

.serobjectitem::after {
	background: var(--line-light) !important;
}

.objectitemen,
.objtctapplication {
	color: #627284;
}

.applicablebody > div {
	border-color: rgba(22, 119, 255, .24) !important;
	background: #FFFFFF;
	box-shadow: 0 12px 30px rgba(7, 17, 31, .07);
}

.applicablebody > div:hover {
	background: linear-gradient(145deg, var(--tech-blue), var(--navy-800));
	color: #FFFFFF;
}

.wechatauthority {
	position: relative;
	isolation: isolate;
}

.wechatauthority::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: rgba(7, 17, 31, .42);
}

.caseadvantbody > div {
	min-height: 230px;
	padding: 30px 20px;
	border: 1px solid var(--line-light);
	background: #FFFFFF;
	box-shadow: 0 14px 34px rgba(7, 17, 31, .07);
}

.slovebody,
.applyenbody {
	background-color: #FFFFFF !important;
}

.masterfunction,
.applyscene {
	height: auto !important;
	padding-bottom: 88px;
}

.applyenvoir {
	height: auto !important;
	padding-bottom: 88px;
}

.newslistbox {
	padding: 72px 0 !important;
}

.medialistbox {
	border: 1px solid var(--line-light);
	border-radius: 6px;
	overflow: hidden;
	box-shadow: var(--shadow-card);
}

.mediaitembox {
	border-radius: 0 !important;
	transition: background .25s ease;
}

.mediaitembox:hover {
	background: rgba(22, 119, 255, .045);
}

.mediaitembox:hover .timemonth,
.mediaitembox:hover .timeyear,
.mediaitembox:hover .infotit,
.mediaitembox:hover .infomore {
	color: var(--tech-blue) !important;
}

.timemonth,
.infotit,
.title {
	color: var(--ink) !important;
}

.mediaimg > img,
.newsimg > img {
	border-radius: 5px;
}

body > .newsinfo {
	padding: 76px 0;
}

body > .newsinfo .title {
	padding-top: 0 !important;
	font-size: clamp(26px, 3vw, 38px) !important;
}

.midbanner:has(.linkbox) {
	position: relative;
	background-color: var(--navy-950) !important;
	background-blend-mode: multiply;
}

.mobileMenuToggle {
	display: none;
}

/* Footer */
.flootbox,
.clientfootbox {
	background: var(--navy-950) !important;
	border-top: 1px solid var(--line-dark);
}

.foot_box {
	width: min(1200px, calc(100% - 64px)) !important;
	height: auto !important;
	min-height: 330px;
	color: var(--text-light) !important;
}

.box_top {
	padding: 54px 0 34px;
}

.companyname {
	font-size: 18px;
	color: var(--text-light);
}

.hotline {
	color: var(--orange) !important;
}

.website,
.codename,
.box_floot {
	color: var(--text-muted) !important;
}

.box_top_middle,
.companycode {
	overflow: hidden;
	border: 1px solid var(--line-dark);
	border-radius: 4px;
}

.box_floot {
	margin: 0 !important;
	padding: 22px 0 28px;
	border-top: 1px solid var(--line-dark);
	line-height: 1.7 !important;
}

/* Responsive behavior */
@media (max-width: 1100px) {
	.logo::after {
		display: none;
	}

	.logo {
		padding-right: 0;
	}

	.menulist > div {
		margin-left: 18px !important;
	}

	.buslist {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		margin-top: 48px !important;
	}

	.businessintroduction {
		overflow-y: auto;
		padding-bottom: 60px;
	}

	.caselistbox > div:nth-child(n+4) {
		display: none;
	}

	.partnerlistbox {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 820px) {
	.titlebox,
	.headbox {
		height: 66px !important;
	}

	.middlebox {
		width: calc(100% - 32px) !important;
	}

	.logo {
		gap: 9px;
		padding-right: 0;
	}

	.logo > img.logoSymbol {
		width: 36px !important;
		height: 36px !important;
		flex-basis: 36px;
	}

	.logoCrop {
		height: 36px;
	}

	.logoMark {
		width: 36px;
		flex-basis: 36px;
	}

	.logoName {
		font-size: clamp(12px, 3.8vw, 15px);
		letter-spacing: .02em;
	}

	.logoEn {
		font-size: 7px;
	}

	.mobileMenuToggle {
		position: relative;
		display: grid;
		width: 42px;
		height: 42px;
		padding: 9px;
		border: 1px solid var(--line-dark);
		border-radius: 4px;
		background: transparent;
		cursor: pointer;
	}

	.mobileMenuToggle span {
		display: block;
		height: 2px;
		margin: 3px 0;
		background: var(--text-light);
		transition: transform .2s ease, opacity .2s ease;
	}

	.menulist {
		position: absolute;
		top: 66px;
		left: -16px;
		right: -16px;
		display: none !important;
		padding: 12px 16px 18px;
		flex-direction: column;
		align-items: stretch !important;
		background: rgba(7, 17, 31, .98);
		border-top: 1px solid var(--line-dark);
		border-bottom: 1px solid var(--line-dark);
		box-shadow: 0 24px 40px rgba(0, 0, 0, .32);
	}

	.menulist.mobile-open {
		display: flex !important;
	}

	.menulist .menuli {
		display: block;
		width: 100%;
		margin-left: 0 !important;
		padding: 14px 10px !important;
		border-bottom: 1px solid rgba(168, 180, 194, .10) !important;
	}

	.downboxlist,
	.casedownboxlist {
		top: 48px !important;
		left: auto !important;
		right: 0;
		transform: none !important;
	}

	.midbanner {
		margin-top: 66px;
	}

	.mid_banner_box {
		height: 360px !important;
	}

	.mid_banner_box_in,
	.ideabody,
	.equibody,
	.casebodybox,
	.stepbody,
	.caseadvantbody,
	.advantagebody,
	.authoritybody,
	.newestbody,
	.caseviewbody,
	.medialistbox,
	body > .newsinfo,
	.telbody,
	.flowbox,
	.serobjectbody,
	.applicablebody,
	.fourstepbody,
	.warebody,
	.capacitybody {
		width: calc(100% - 32px) !important;
	}

	.banmiddlebox {
		left: 28px !important;
		width: calc(100% - 56px);
	}

	.midtopbox {
		padding-left: 18px;
	}

	.midtitle {
		font-size: clamp(20px, 6vw, 42px) !important;
		letter-spacing: -0.035em;
	}

	.midcenbox {
		font-size: 17px !important;
	}

	.midbotbox {
		display: none;
	}

	.mibottext {
		width: min(240px, calc(100vw - 190px)) !important;
	}

	.swiper-button-prev,
	.swiper-button-next {
		display: none;
	}

	.buslist {
		width: calc(100% - 32px) !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 12px !important;
	}

	.buslist > div {
		height: 250px !important;
	}

	.busitemtop > img {
		width: 94px !important;
		height: 94px !important;
		margin-top: 44px !important;
	}

	.caselistbox > div:nth-child(n+3) {
		display: none;
	}

	.partnerlistbox {
		width: calc(100% - 32px) !important;
		grid-template-columns: repeat(2, 1fr) !important;
		margin-top: 48px !important;
	}

	.flowbodybox {
		width: calc(100% - 32px) !important;
		grid-template-columns: 1fr 1fr !important;
	}

	.flowbodybox > div {
		grid-column: auto !important;
	}

	.areabody,
	.functionbody {
		width: calc(100% - 32px) !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 16px !important;
	}

	.warebody,
	.capacitybody,
	.linkcont,
	.customibody,
	.box_top {
		flex-direction: column;
		align-items: center;
	}

	.wareimgbox > img {
		width: 100% !important;
		height: auto !important;
		margin-right: 0 !important;
	}

	.waretextbox,
	.capacityright {
		width: 100% !important;
		margin-left: 0 !important;
		margin-top: 30px;
	}

	.serveritembox {
		width: calc(100% - 32px) !important;
		grid-template-columns: 1fr !important;
		gap: 18px;
	}

	.serveritembox > div {
		width: 100% !important;
	}

	.serobjectbody,
	.applicablebody,
	.fourstepbody {
		height: auto !important;
		flex-wrap: wrap;
	}

	.serobjectitem,
	.applicablebody > div,
	.fourstepbody > div {
		width: 50% !important;
		min-height: 250px;
		flex: none !important;
	}

	.foot_box {
		width: calc(100% - 32px) !important;
	}

	.box_top_left {
		margin-right: 0 !important;
		margin-bottom: 28px;
		text-align: center;
	}

	.box_top_middle {
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 28px !important;
	}
}

/* =========================================================
   Subpage composition system
   ========================================================= */
.site-subpage {
	background:
		linear-gradient(90deg, rgba(22, 119, 255, .018) 1px, transparent 1px),
		#FFFFFF;
	background-size: 64px 64px;
}

.site-subpage > div[style*="height: 80px"] {
	height: 76px !important;
	background: var(--navy-950);
}

.site-subpage .midbanner {
	margin-top: 0 !important;
}

.heroMeta {
	display: flex;
	gap: 10px;
	margin-top: 28px;
}

.heroMeta span {
	padding: 8px 11px;
	border: 1px solid rgba(25, 194, 201, .24);
	border-radius: 3px;
	background: rgba(7, 17, 31, .48);
	color: #C9D4DF;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .12em;
}

.site-subpage .midboxin_bot {
	width: min(680px, 100%);
	line-height: 1.8 !important;
}

.site-subpage .title_top_box,
.site-subpage .companytit,
.site-subpage .two_title_content {
	position: relative;
}

.site-subpage .title_top_box::after,
.site-subpage .companytit::after,
.site-subpage .two_title_content::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 30px;
	width: 72px;
	height: 1px;
	transform: translateX(-50%);
	background: linear-gradient(90deg, transparent, var(--cyan), transparent);
}

.site-subpage .companytit::after {
	bottom: 28px;
}

.site-subpage .two_title_content::after {
	bottom: -24px;
}

/* About */
.page-about .companyintroductory {
	padding-bottom: 96px !important;
}

.page-about .companybody {
	position: relative;
	padding: 46px 50px 46px 58px;
	border: 1px solid var(--line-light);
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: var(--shadow-card);
}

.page-about .companybody::before {
	content: "01";
	position: absolute;
	top: 42px;
	left: 0;
	width: 4px;
	height: 92px;
	background: linear-gradient(var(--tech-blue), var(--cyan));
	color: transparent;
}

.page-about .companybody::after {
	content: "TECHNOLOGY · DELIVERY · SERVICE";
	position: absolute;
	right: 22px;
	bottom: 18px;
	color: rgba(22, 119, 255, .16);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .18em;
}

/* About: company profile motion and pointer glow */
.page-about .companybody {
	--about-glow-x: 18%;
	--about-glow-y: 18%;
	background:
		radial-gradient(
			circle 360px at var(--about-glow-x) var(--about-glow-y),
			rgba(22, 119, 255, .085),
			rgba(25, 194, 201, .025) 42%,
			transparent 72%
		),
		#FFFFFF;
	transition: border-color .3s ease, box-shadow .3s ease;
}

.page-about .companybody:hover {
	border-color: rgba(22, 119, 255, .24);
	box-shadow: 0 22px 54px rgba(7, 17, 31, .12);
}

.about-motion-ready .page-about .companyintroductory .companytit > div {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity .52s ease, transform .62s cubic-bezier(.2, .75, .2, 1);
}

.about-motion-ready .page-about .companyintroductory .companytit::after {
	transform: translateX(-50%) scaleX(0);
	transform-origin: center;
	transition: transform .72s cubic-bezier(.2, .75, .2, 1) .2s;
}

.about-motion-ready .page-about .companyintroductory .companytit > div:nth-child(2) {
	transition-delay: .08s;
}

.about-motion-ready .page-about .companyintroductory .companytit > div:nth-child(3) {
	transition-delay: .16s;
}

.about-motion-ready .page-about .companyintroductory .companybody {
	opacity: 0;
	transform: translateY(34px) scale(.985);
	filter: blur(5px);
	transition:
		opacity .65s ease .18s,
		transform .78s cubic-bezier(.2, .75, .2, 1) .18s,
		filter .6s ease .18s,
		border-color .3s ease,
		box-shadow .3s ease;
}

.about-motion-ready .page-about .companyintroductory .companybody > div {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity .5s ease, transform .6s cubic-bezier(.2, .75, .2, 1);
}

.about-motion-ready .page-about .companyintroductory .companybody > div:nth-child(1) {
	transition-delay: .38s;
}

.about-motion-ready .page-about .companyintroductory .companybody > div:nth-child(2) {
	transition-delay: .48s;
}

.about-motion-ready .page-about .companyintroductory .companybody > div:nth-child(3) {
	transition-delay: .58s;
}

.about-motion-ready .page-about .companyintroductory .companybody > div:nth-child(4) {
	transition-delay: .68s;
}

.about-motion-ready .page-about .companyintroductory .companybody::before {
	transform: scaleY(0);
	transform-origin: top;
	transition: transform .72s cubic-bezier(.2, .75, .2, 1) .3s;
}

.about-motion-ready .page-about .companyintroductory .companybody::after {
	opacity: 0;
	translate: 14px 0;
	transition: opacity .5s ease .7s, translate .6s ease .7s;
}

.about-motion-ready .page-about .companyintroductory.is-visible .companytit > div,
.about-motion-ready .page-about .companyintroductory.is-visible .companybody,
.about-motion-ready .page-about .companyintroductory.is-visible .companybody > div {
	opacity: 1;
	transform: translateY(0) scale(1);
	filter: none;
}

.about-motion-ready .page-about .companyintroductory.is-visible .companytit::after {
	transform: translateX(-50%) scaleX(1);
}

.about-motion-ready .page-about .companyintroductory.is-visible .companybody::before {
	transform: scaleY(1);
}

.about-motion-ready .page-about .companyintroductory.is-visible .companybody::after {
	opacity: 1;
	translate: 0 0;
}

.page-about .manageidea {
	padding-bottom: 104px !important;
	background:
		linear-gradient(rgba(25, 194, 201, .045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(25, 194, 201, .045) 1px, transparent 1px),
		var(--navy-900) !important;
	background-size: 48px 48px !important;
}

.page-about .manageidea .primary_color {
	color: var(--text-light) !important;
}

.page-about .manageidea .sub_color {
	color: var(--text-muted) !important;
}

.page-about .ideabody {
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 18px !important;
}

.page-about .ideabody > div {
	height: 272px !important;
	border: 1px solid var(--line-dark);
}

.page-about .ideaitemeven {
	position: relative;
}

.page-about .ideaitemeven::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 35%, rgba(7, 17, 31, .68));
}

.page-about .certification {
	padding-bottom: 96px;
}

.page-about .zhizhiicon {
	padding: 14px;
	border: 1px solid var(--line-light);
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: var(--shadow-card);
}

.page-about .lenzhengbox {
	width: min(1200px, calc(100% - 64px)) !important;
	margin-top: 24px !important;
	padding: 22px 0 !important;
	border-top: 1px solid var(--line-light);
	border-bottom: 1px solid var(--line-light);
}

/* Business domains */
.page-business .eightarea {
	padding-bottom: 108px !important;
	background: #FFFFFF;
}

.page-business .areabody {
	width: min(1120px, calc(100% - 64px)) !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 18px !important;
}

.page-business .areabody > div {
	position: relative;
	min-height: 218px;
	padding: 28px 18px 22px;
	overflow: hidden;
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.page-business .areabody > div::before {
	content: "0" counter(domain-card);
	position: absolute;
	top: 12px;
	right: 14px;
	color: rgba(22, 119, 255, .13);
	font-size: 28px;
	font-weight: 800;
}

.page-business .areabody {
	counter-reset: domain-card;
}

.page-business .areabody > div {
	counter-increment: domain-card;
}

.page-business .areabody > div:hover {
	transform: translateY(-6px);
	border-color: rgba(25, 194, 201, .55);
	box-shadow: 0 22px 46px rgba(7, 17, 31, .12);
}

.page-business .areabody > div > img {
	width: 104px !important;
	height: 104px !important;
}

.page-business .mainequipment {
	padding-bottom: 110px !important;
}

.page-business .equibody {
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 22px !important;
}

.page-business .equibody > div {
	height: 300px !important;
	border: 1px solid var(--line-light);
	box-shadow: var(--shadow-card);
}

.page-business .equibody > div > div {
	align-self: flex-end;
	width: 100%;
	padding: 22px 24px;
	font-size: 20px;
	font-weight: 600;
	text-align: left;
	letter-spacing: .04em;
}

/* Intelligent hardware */
.page-hardware .headwarebox {
	padding-bottom: 112px !important;
}

.page-hardware .warebody {
	display: grid !important;
	grid-template-columns: 1.08fr .92fr;
	gap: 0;
	padding-bottom: 0 !important;
	overflow: hidden;
	border: 1px solid var(--line-light);
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: var(--shadow-card);
}

.page-hardware .wareimgbox {
	min-height: 450px;
}

.page-hardware .wareimgbox > img {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.page-hardware .waretextbox {
	width: auto !important;
	padding: 48px 52px;
}

.page-hardware .waretexttit {
	margin: 0 0 18px !important;
	color: var(--tech-blue) !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	font-weight: 800 !important;
	letter-spacing: .22em;
	text-transform: uppercase;
}

.page-hardware .warecontent {
	font-size: 16px !important;
	line-height: 2.05 !important;
}

/* Intelligent hardware overview motion */
.page-hardware .headwarebox .warebody {
	--hardware-glow-x: 72%;
	--hardware-glow-y: 20%;
	background:
		radial-gradient(
			circle 380px at var(--hardware-glow-x) var(--hardware-glow-y),
			rgba(22, 119, 255, .1),
			rgba(25, 194, 201, .025) 44%,
			transparent 72%
		),
		#FFFFFF;
	transition: border-color .3s ease, box-shadow .3s ease;
}

.page-hardware .headwarebox .warebody:hover {
	border-color: rgba(22, 119, 255, .24);
	box-shadow: 0 24px 56px rgba(7, 17, 31, .13);
}

.page-hardware .headwarebox .wareimgbox {
	overflow: hidden;
}

.page-hardware .headwarebox .wareimgbox > img {
	transform: scale(1);
	transition: transform .8s cubic-bezier(.2, .75, .2, 1), filter .5s ease;
}

.page-hardware .headwarebox .warebody:hover .wareimgbox > img {
	transform: scale(1.028);
	filter: saturate(1.06) contrast(1.02);
}

.page-hardware .headwarebox .waretextbox {
	position: relative;
}

.page-hardware .headwarebox .waretextbox::before {
	content: "";
	position: absolute;
	top: 48px;
	left: 0;
	width: 3px;
	height: 88px;
	background: linear-gradient(var(--tech-blue), var(--cyan));
	transform-origin: top;
}

.hardware-motion-ready .page-hardware .headwarebox .title_top_box > div {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity .52s ease, transform .62s cubic-bezier(.2, .75, .2, 1);
}

.hardware-motion-ready .page-hardware .headwarebox .title_top_box > div:nth-child(2) {
	transition-delay: .08s;
}

.hardware-motion-ready .page-hardware .headwarebox .title_top_box > div:nth-child(3) {
	transition-delay: .16s;
}

.hardware-motion-ready .page-hardware .headwarebox .title_top_box::after {
	transform: translateX(-50%) scaleX(0);
	transform-origin: center;
	transition: transform .7s cubic-bezier(.2, .75, .2, 1) .2s;
}

.hardware-motion-ready .page-hardware .headwarebox .warebody {
	opacity: 0;
	transform: translateY(34px) scale(.985);
	filter: blur(5px);
	transition:
		opacity .65s ease .2s,
		transform .78s cubic-bezier(.2, .75, .2, 1) .2s,
		filter .58s ease .2s,
		border-color .3s ease,
		box-shadow .3s ease;
}

.hardware-motion-ready .page-hardware .headwarebox .wareimgbox {
	clip-path: inset(0 100% 0 0);
	transition: clip-path .9s cubic-bezier(.2, .75, .2, 1) .34s;
}

.hardware-motion-ready .page-hardware .headwarebox .wareimgbox > img {
	transform: scale(1.075);
}

.hardware-motion-ready .page-hardware .headwarebox .waretexttit,
.hardware-motion-ready .page-hardware .headwarebox .warecontent {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .52s ease, transform .65s cubic-bezier(.2, .75, .2, 1);
}

.hardware-motion-ready .page-hardware .headwarebox .waretexttit {
	transition-delay: .48s;
}

.hardware-motion-ready .page-hardware .headwarebox .warecontent {
	transition-delay: .6s;
}

.hardware-motion-ready .page-hardware .headwarebox .waretextbox::before {
	transform: scaleY(0);
	transition: transform .72s cubic-bezier(.2, .75, .2, 1) .48s;
}

.hardware-motion-ready .page-hardware .headwarebox.is-visible .title_top_box > div,
.hardware-motion-ready .page-hardware .headwarebox.is-visible .warebody,
.hardware-motion-ready .page-hardware .headwarebox.is-visible .waretexttit,
.hardware-motion-ready .page-hardware .headwarebox.is-visible .warecontent {
	opacity: 1;
	transform: translateY(0) scale(1);
	filter: none;
}

.hardware-motion-ready .page-hardware .headwarebox.is-visible .title_top_box::after {
	transform: translateX(-50%) scaleX(1);
}

.hardware-motion-ready .page-hardware .headwarebox.is-visible .wareimgbox {
	clip-path: inset(0);
}

.hardware-motion-ready .page-hardware .headwarebox.is-visible .wareimgbox > img {
	transform: scale(1);
}

.hardware-motion-ready .page-hardware .headwarebox.is-visible .warebody:hover .wareimgbox > img {
	transform: scale(1.028);
	filter: saturate(1.06) contrast(1.02);
}

.hardware-motion-ready .page-hardware .headwarebox.is-visible .waretextbox::before {
	transform: scaleY(1);
}

.page-hardware .capacitybox {
	padding-bottom: 112px !important;
	background:
		linear-gradient(rgba(25, 194, 201, .04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(25, 194, 201, .04) 1px, transparent 1px),
		var(--navy-900) !important;
	background-size: 48px 48px !important;
}

.page-hardware .capacitybox .primary_color,
.page-hardware .capacitybox .warecontent {
	color: var(--text-light) !important;
}

.page-hardware .capacitybox .sub_color {
	color: var(--text-muted) !important;
}

.page-hardware .capacitybody {
	display: grid !important;
	grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
	gap: 18px;
	align-items: stretch;
	padding-bottom: 0;
}

.page-hardware .capacitybody > .waretextbox {
	min-width: 0;
	margin: 0 !important;
	padding: 40px;
	border: 1px solid var(--line-dark);
	border-radius: 6px;
	background: rgba(18, 36, 56, .82);
}

.page-hardware .capacityright {
	display: grid !important;
	width: 100% !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 16px !important;
	margin: 0 !important;
}

.page-hardware .capacityright > div {
	min-width: 0;
	min-height: 190px;
	padding: 24px 16px;
	align-items: center;
	justify-content: center;
	background: rgba(18, 36, 56, .92) !important;
	border-color: var(--line-dark) !important;
}

.page-hardware .capacityright > div > img {
	width: 88px !important;
	height: 88px !important;
	object-fit: contain !important;
}

.page-hardware .capacityright > div > div {
	margin-top: 14px !important;
	color: var(--text-light) !important;
	font-size: 15px !important;
	line-height: 1.55 !important;
}

.page-hardware .masterfunction {
	padding-bottom: 112px !important;
	background: #FFFFFF !important;
}

.page-hardware .functionbody {
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 18px !important;
}

.page-hardware .functionbody > div {
	min-height: 284px;
	justify-content: center;
	transition: transform .25s ease, box-shadow .25s ease;
}

.page-hardware .functionbody > div:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(7, 17, 31, .12);
}

.page-hardware .functioncontent {
	font-size: 14px !important;
	line-height: 1.7 !important;
	text-align: center;
}

/* Hardware: connection and function section motion */
.page-hardware .capacityright > div {
	transition:
		translate .6s cubic-bezier(.2, .75, .2, 1) var(--hardware-item-delay, 0s),
		filter .5s ease var(--hardware-item-delay, 0s),
		transform .25s ease 0s,
		border-color .25s ease 0s,
		box-shadow .25s ease 0s;
}

.page-hardware .functionbody > div {
	transition:
		translate .6s cubic-bezier(.2, .75, .2, 1) var(--hardware-item-delay, 0s),
		filter .5s ease var(--hardware-item-delay, 0s),
		transform .25s ease 0s,
		box-shadow .25s ease 0s;
}

.page-hardware .capacityright > div:hover {
	transform: translateY(-5px);
	border-color: rgba(25, 194, 201, .62) !important;
	box-shadow: 0 18px 38px rgba(0, 0, 0, .24);
}

.page-hardware .capacityright > div > img,
.page-hardware .functionbody > div > img {
	transition: transform .35s ease, filter .35s ease;
}

.page-hardware .capacityright > div:hover > img,
.page-hardware .functionbody > div:hover > img {
	transform: translateY(-3px) scale(1.055);
	filter: saturate(1.08);
}

.hardware-motion-ready .page-hardware .capacitybox .title_top_box > div,
.hardware-motion-ready .page-hardware .masterfunction .title_top_box > div {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity .5s ease, transform .62s cubic-bezier(.2, .75, .2, 1);
}

.hardware-motion-ready .page-hardware .capacitybox .title_top_box > div:nth-child(2),
.hardware-motion-ready .page-hardware .masterfunction .title_top_box > div:nth-child(2) {
	transition-delay: .08s;
}

.hardware-motion-ready .page-hardware .capacitybox .title_top_box > div:nth-child(3),
.hardware-motion-ready .page-hardware .masterfunction .title_top_box > div:nth-child(3) {
	transition-delay: .16s;
}

.hardware-motion-ready .page-hardware .capacitybox .title_top_box::after,
.hardware-motion-ready .page-hardware .masterfunction .title_top_box::after {
	transform: translateX(-50%) scaleX(0);
	transform-origin: center;
	transition: transform .7s cubic-bezier(.2, .75, .2, 1) .2s;
}

.hardware-motion-ready .page-hardware .capacitybox .capacitybody > .waretextbox {
	translate: -28px 0;
	filter: opacity(0) blur(4px);
	transition:
		translate .72s cubic-bezier(.2, .75, .2, 1) .25s,
		filter .55s ease .25s,
		border-color .25s ease,
		box-shadow .25s ease;
}

.hardware-motion-ready .page-hardware .capacitybox .capacityright > div,
.hardware-motion-ready .page-hardware .masterfunction .functionbody > div {
	--hardware-item-delay: .28s;
	translate: 0 20px;
	filter: opacity(0) blur(4px);
}

.hardware-motion-ready .page-hardware .capacitybox .capacityright > div:nth-child(2),
.hardware-motion-ready .page-hardware .masterfunction .functionbody > div:nth-child(2) {
	--hardware-item-delay: .36s;
}

.hardware-motion-ready .page-hardware .capacitybox .capacityright > div:nth-child(3),
.hardware-motion-ready .page-hardware .masterfunction .functionbody > div:nth-child(3) {
	--hardware-item-delay: .44s;
}

.hardware-motion-ready .page-hardware .capacitybox .capacityright > div:nth-child(4),
.hardware-motion-ready .page-hardware .masterfunction .functionbody > div:nth-child(4) {
	--hardware-item-delay: .52s;
}

.hardware-motion-ready .page-hardware .masterfunction .functionbody > div:nth-child(5) {
	--hardware-item-delay: .6s;
}

.hardware-motion-ready .page-hardware .masterfunction .functionbody > div:nth-child(6) {
	--hardware-item-delay: .68s;
}

.hardware-motion-ready .page-hardware .capacitybox.is-visible .title_top_box > div,
.hardware-motion-ready .page-hardware .masterfunction.is-visible .title_top_box > div {
	opacity: 1;
	transform: translateY(0);
}

.hardware-motion-ready .page-hardware .capacitybox.is-visible .title_top_box::after,
.hardware-motion-ready .page-hardware .masterfunction.is-visible .title_top_box::after {
	transform: translateX(-50%) scaleX(1);
}

.hardware-motion-ready .page-hardware .capacitybox.is-visible .capacitybody > .waretextbox,
.hardware-motion-ready .page-hardware .capacitybox.is-visible .capacityright > div,
.hardware-motion-ready .page-hardware .masterfunction.is-visible .functionbody > div {
	translate: 0 0;
	filter: opacity(1) blur(0);
}

/* Solution pages */
.solution-page .caseadvantage {
	padding-bottom: 104px;
	background: #FFFFFF;
}

.solution-page .caseadvantbody {
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 18px !important;
	margin-top: 20px !important;
}

.solution-page .caseadvantbody > div {
	position: relative;
	min-height: 250px;
	justify-content: flex-start;
	padding: 34px 24px 28px;
	overflow: hidden;
	transition: transform .25s ease, border-color .25s ease;
}

.solution-page .caseadvantbody > div::after {
	content: "";
	position: absolute;
	right: -32px;
	bottom: -32px;
	width: 84px;
	height: 84px;
	border: 1px solid rgba(22, 119, 255, .12);
	transform: rotate(45deg);
}

.solution-page .caseadvantbody > div:hover {
	transform: translateY(-6px);
	border-color: rgba(25, 194, 201, .58);
}

.solution-page .advanttit {
	margin-top: 6px;
	font-weight: 700 !important;
	text-align: center;
}

.solution-page .advantsubtit {
	line-height: 1.75 !important;
}

.solution-page .slovecasebox {
	margin-top: 0 !important;
	padding-bottom: 104px;
	background:
		linear-gradient(rgba(25, 194, 201, .045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(25, 194, 201, .045) 1px, transparent 1px),
		var(--navy-900);
	background-size: 48px 48px;
}

.solution-page .slovecasebox .primary_color,
.solution-page .slovecasebox .sub_color {
	color: var(--text-light) !important;
}

.solution-page .slovebody {
	width: min(1200px, calc(100% - 64px));
	height: auto !important;
	min-height: 620px;
	margin: 0 auto;
	padding: 28px !important;
	border: 1px solid var(--line-dark);
	border-radius: 6px;
	background: rgba(18, 36, 56, .76) !important;
	box-shadow: 0 28px 64px rgba(0, 0, 0, .26);
}

.solution-page .slovebody > img {
	width: 100% !important;
	height: auto !important;
	max-height: 590px;
	object-fit: contain;
}

.page-parking .slovebody {
	min-height: 0;
	padding: 20px !important;
	background: #FFFFFF !important;
}

.page-parking .slovebody > img {
	width: auto !important;
	max-width: min(760px, 100%);
	max-height: none;
	image-rendering: auto;
	filter: contrast(1.06) saturate(.96);
}

.solution-page .masterfunction,
.solution-page .applyscene {
	padding-bottom: 104px !important;
	background: var(--surface) !important;
}

.solution-page .masterbody,
.solution-page .applyscenebody {
	width: min(1200px, calc(100% - 64px));
	margin: 0 auto;
	padding: 22px;
	border: 1px solid var(--line-light);
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: var(--shadow-card);
}

.solution-page .applyenvoir {
	padding-bottom: 104px !important;
	background: #FFFFFF;
}

.solution-page .applyenbody {
	width: min(1200px, calc(100% - 64px));
	height: auto !important;
	margin: 0 auto;
	padding: 22px;
	border: 1px solid var(--line-light);
	border-radius: 6px;
	background: #FFFFFF !important;
	box-shadow: var(--shadow-card);
}

.solution-page .applyenbody > img {
	width: 100% !important;
	height: auto !important;
}

/* App development */
.page-app .whereServer,
.page-app .caseviewbox,
.page-app .serverobject {
	padding-bottom: 112px !important;
}

.page-app .serveritembox {
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 20px !important;
	margin-top: 64px !important;
}

.page-app .serveritembox > div {
	width: auto !important;
	height: 420px !important;
}

.page-app .serveritembox > div > div {
	justify-content: flex-end !important;
	align-items: flex-start !important;
	padding: 38px;
}

.page-app .appintroduce {
	width: auto !important;
	text-align: left !important;
}

.page-app .technology {
	height: 620px !important;
}

.page-app .telcontentbox {
	width: 54% !important;
	padding: 60px;
	background: rgba(7, 17, 31, .72);
	border-left: 1px solid rgba(25, 194, 201, .45);
	backdrop-filter: blur(8px);
}

.page-app .customization {
	height: auto !important;
	min-height: 900px;
	padding-bottom: 100px;
}

.page-app .caseviewbody {
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 22px !important;
	margin-top: 62px !important;
}

.page-app .caseviewbody > div {
	overflow: hidden;
	border: 1px solid var(--line-light);
	border-radius: 6px;
	box-shadow: var(--shadow-card);
}

.page-app .serverflow {
	background:
		linear-gradient(rgba(22, 32, 42, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(22, 32, 42, .035) 1px, transparent 1px),
		var(--surface) !important;
	background-size: 48px 48px !important;
}

.page-app .flowboxtop > div {
	padding: 20px 14px;
	border: 1px solid var(--line-light);
	border-radius: 5px;
	background: #FFFFFF;
}

.page-app .serobjectbody {
	overflow: hidden;
}

.page-app .serviceIconDiamond {
	position: relative;
	display: grid;
	flex: 0 0 86px;
	width: 86px;
	height: 86px;
	margin: 44px 0 34px;
	place-items: center;
	transform: rotate(45deg);
	border: 1px solid rgba(22, 119, 255, .46);
	background: rgba(255, 255, 255, .98);
	box-shadow: 0 10px 24px rgba(7, 17, 31, .08);
	transition:
		transform .3s ease,
		border-color .3s ease,
		background-color .3s ease,
		box-shadow .3s ease;
}

.page-app .serviceIconDiamond::before {
	content: "";
	position: absolute;
	inset: 8px;
	border: 1px solid rgba(25, 194, 201, .24);
	pointer-events: none;
}

.page-app .serviceIconDiamond > img {
	position: relative;
	z-index: 2;
	display: block;
	width: 58px !important;
	height: 58px !important;
	object-fit: contain !important;
	transform: rotate(-45deg);
	transition: transform .3s ease, filter .3s ease;
}

.page-app .serobjectitem:hover .serviceIconDiamond {
	transform: rotate(45deg) scale(1.035);
	border-color: rgba(25, 194, 201, .9);
	background: rgba(244, 250, 252, .98);
	box-shadow: 0 12px 28px rgba(22, 119, 255, .14);
}

.page-app .serobjectitem:hover .serviceIconDiamond > img {
	transform: rotate(-45deg) scale(1.025);
	filter: saturate(1.05);
}

/* APP development page motion */
.page-app .serveritembox > div,
.page-app .caseviewbody > div,
.page-app .flowboxtop > .flowitem,
.page-app .serobjectbody > .serobjectitem {
	--app-item-delay: .24s;
	transition:
		translate .62s cubic-bezier(.2, .75, .2, 1) var(--app-item-delay),
		filter .5s ease var(--app-item-delay),
		transform .25s ease 0s,
		border-color .25s ease 0s,
		box-shadow .25s ease 0s;
}

.page-app .serveritembox > div:hover,
.page-app .caseviewbody > div:hover,
.page-app .flowboxtop > .flowitem:hover,
.page-app .serobjectbody > .serobjectitem:hover {
	transform: translateY(-5px);
}

.page-app .caseviewbody > div > img,
.page-app .serveritembox .appiconimg,
.page-app .serviceIconDiamond > img {
	transition: transform .38s ease, filter .38s ease;
}

.page-app .caseviewbody > div:hover > img,
.page-app .serveritembox > div:hover .appiconimg {
	transform: scale(1.045);
	filter: saturate(1.08);
}

.app-motion-ready .page-app :is(
	.whereServer,
	.customization,
	.caseviewbox,
	.serverflow,
	.serverobject
) .two_title_content > div {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .52s ease, transform .64s cubic-bezier(.2, .75, .2, 1);
}

.app-motion-ready .page-app :is(
	.whereServer,
	.customization,
	.caseviewbox,
	.serverflow,
	.serverobject
) .two_title_content > div:nth-child(2) {
	transition-delay: .1s;
}

.app-motion-ready .page-app :is(
	.whereServer,
	.customization,
	.caseviewbox,
	.serverflow,
	.serverobject
) .two_title_content::after {
	transform: translateX(-50%) scaleX(0);
	transform-origin: center;
	transition: transform .72s cubic-bezier(.2, .75, .2, 1) .16s;
}

.app-motion-ready .page-app :is(
	.whereServer,
	.customization,
	.caseviewbox,
	.serverflow,
	.serverobject
).is-visible .two_title_content > div {
	opacity: 1;
	transform: translateY(0);
}

.app-motion-ready .page-app :is(
	.whereServer,
	.customization,
	.caseviewbox,
	.serverflow,
	.serverobject
).is-visible .two_title_content::after {
	transform: translateX(-50%) scaleX(1);
}

.app-motion-ready .page-app .serveritembox > div,
.app-motion-ready .page-app .caseviewbody > div,
.app-motion-ready .page-app .flowboxtop > .flowitem,
.app-motion-ready .page-app .serobjectbody > .serobjectitem {
	translate: 0 22px;
	filter: opacity(0) blur(4px);
}

.app-motion-ready .page-app :is(
	.serveritembox,
	.caseviewbody,
	.flowboxtop,
	.serobjectbody
) > :nth-child(2) {
	--app-item-delay: .32s;
}

.app-motion-ready .page-app :is(
	.serveritembox,
	.caseviewbody,
	.flowboxtop,
	.serobjectbody
) > :nth-child(3) {
	--app-item-delay: .4s;
}

.app-motion-ready .page-app :is(
	.caseviewbody,
	.flowboxtop,
	.serobjectbody
) > :nth-child(4) {
	--app-item-delay: .48s;
}

.app-motion-ready .page-app :is(
	.caseviewbody,
	.flowboxtop
) > :nth-child(5) {
	--app-item-delay: .56s;
}

.app-motion-ready .page-app :is(
	.caseviewbody,
	.flowboxtop
) > :nth-child(6) {
	--app-item-delay: .64s;
}

.app-motion-ready .page-app .whereServer.is-visible .serveritembox > div,
.app-motion-ready .page-app .caseviewbox.is-visible .caseviewbody > div,
.app-motion-ready .page-app .serverflow.is-visible .flowboxtop > .flowitem,
.app-motion-ready .page-app .serverobject.is-visible .serobjectbody > .serobjectitem {
	translate: 0 0;
	filter: opacity(1) blur(0);
}

.app-motion-ready .page-app .technology .telcontentbox {
	opacity: 0;
	translate: 38px 0;
	filter: blur(5px);
	transition:
		opacity .68s ease .12s,
		translate .8s cubic-bezier(.2, .75, .2, 1) .12s,
		filter .6s ease .12s;
}

.app-motion-ready .page-app .technology .telcontentbox > div {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .5s ease, transform .62s cubic-bezier(.2, .75, .2, 1);
}

.app-motion-ready .page-app .technology .telcontentbox > div:nth-child(1) {
	transition-delay: .34s;
}

.app-motion-ready .page-app .technology .telcontentbox > div:nth-child(2) {
	transition-delay: .46s;
}

.app-motion-ready .page-app .technology .telcontentbox > div:nth-child(3) {
	transition-delay: .58s;
}

.app-motion-ready .page-app .technology.is-visible .telcontentbox,
.app-motion-ready .page-app .technology.is-visible .telcontentbox > div {
	opacity: 1;
	translate: 0 0;
	transform: translateY(0);
	filter: none;
}

.app-motion-ready .page-app .customization .customimgbox {
	clip-path: inset(0 50% 0 50%);
	filter: blur(4px);
	transition: clip-path .9s cubic-bezier(.2, .75, .2, 1) .3s, filter .55s ease .3s;
}

.app-motion-ready .page-app .customization .customimgbox > img {
	transform: scale(1.06);
	transition: transform .9s cubic-bezier(.2, .75, .2, 1) .3s;
}

.app-motion-ready .page-app .customization :is(.customileft, .customiright) > div {
	opacity: 0;
	translate: 0 18px;
	transition: opacity .5s ease, translate .62s cubic-bezier(.2, .75, .2, 1);
}

.app-motion-ready .page-app .customization .customileft > div:nth-child(1),
.app-motion-ready .page-app .customization .customiright > div:nth-child(1) {
	transition-delay: .42s;
}

.app-motion-ready .page-app .customization .customileft > div:nth-child(2),
.app-motion-ready .page-app .customization .customiright > div:nth-child(2) {
	transition-delay: .54s;
}

.app-motion-ready .page-app .customization .customileft > div:nth-child(3) {
	transition-delay: .66s;
}

.app-motion-ready .page-app .customization.is-visible .customimgbox {
	clip-path: inset(0);
	filter: none;
}

.app-motion-ready .page-app .customization.is-visible .customimgbox > img {
	transform: scale(1);
}

.app-motion-ready .page-app .customization.is-visible :is(.customileft, .customiright) > div {
	opacity: 1;
	translate: 0 0;
}

.app-motion-ready .page-app .caseviewbox .caseviewbtn {
	opacity: 0;
	translate: 0 16px;
	transition: opacity .5s ease .7s, translate .6s ease .7s;
}

.app-motion-ready .page-app .caseviewbox.is-visible .caseviewbtn {
	opacity: 1;
	translate: 0 0;
}

.app-motion-ready .page-app .serverflow .flowboxbot::after {
	transform: translateY(-50%) scaleX(0);
	transform-origin: left;
	transition: transform .9s cubic-bezier(.2, .75, .2, 1) .36s;
}

.app-motion-ready .page-app .serverflow .flowbotitem > div {
	opacity: 0;
	transform: scale(.75);
	transition: opacity .4s ease, transform .5s cubic-bezier(.2, .75, .2, 1);
}

.app-motion-ready .page-app .serverflow.is-visible .flowboxbot::after {
	transform: translateY(-50%) scaleX(1);
}

.app-motion-ready .page-app .serverflow.is-visible .flowbotitem > div {
	opacity: 1;
	transform: scale(1);
}

.app-motion-ready .page-app .serverflow.is-visible .flowbotitem:nth-child(1) > div {
	transition-delay: .42s;
}

.app-motion-ready .page-app .serverflow.is-visible .flowbotitem:nth-child(2) > div {
	transition-delay: .5s;
}

.app-motion-ready .page-app .serverflow.is-visible .flowbotitem:nth-child(3) > div {
	transition-delay: .58s;
}

.app-motion-ready .page-app .serverflow.is-visible .flowbotitem:nth-child(4) > div {
	transition-delay: .66s;
}

.app-motion-ready .page-app .serverflow.is-visible .flowbotitem:nth-child(5) > div {
	transition-delay: .74s;
}

.app-motion-ready .page-app .serverflow.is-visible .flowbotitem:nth-child(6) > div {
	transition-delay: .82s;
}

/* Mini program */
.page-miniapp .whatapplet,
.page-miniapp .appletAdvantage,
.page-miniapp .wechatauthority,
.page-miniapp .fourstepbox,
.page-miniapp .applicable,
.page-miniapp .newestbox {
	height: auto !important;
	min-height: 0;
	padding-bottom: 108px;
}

.page-miniapp .whatappletbody > img {
	padding: 20px;
	border: 1px solid var(--line-light);
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: var(--shadow-card);
}

.page-miniapp .advantagebody {
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 18px !important;
	margin-top: 62px !important;
}

.page-miniapp .advantagebody > div,
.page-miniapp .aubodyitem {
	min-height: 300px;
	padding: 28px 24px;
	align-items: center;
	border: 1px solid var(--line-light);
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0 14px 34px rgba(7, 17, 31, .07);
}

.page-miniapp .authoritybody {
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 18px !important;
	margin-top: 72px !important;
}

.page-miniapp .aubodyitem {
	min-height: 280px;
	border-color: var(--line-dark);
	background: rgba(18, 36, 56, .80);
	box-shadow: none;
}

.page-miniapp .fourstepbody {
	margin-top: 64px !important;
	overflow: hidden;
}

.page-miniapp .fourstepbody > div {
	position: relative;
	border-right: 1px solid var(--line-light);
}

.page-miniapp .fourstepbody > div::before {
	content: "0" counter(step-card);
	position: absolute;
	top: 20px;
	left: 24px;
	color: rgba(22, 119, 255, .16);
	font-size: 32px;
	font-weight: 800;
}

.page-miniapp .fourstepbody {
	counter-reset: step-card;
}

.page-miniapp .fourstepbody > div {
	counter-increment: step-card;
}

.page-miniapp .applicablebody {
	gap: 18px;
}

.page-miniapp .applicablebody > div {
	flex: 1;
}

.page-miniapp .newestbody {
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 22px !important;
	margin-top: 64px !important;
}

.page-miniapp .newestbody > div {
	overflow: hidden;
	border: 1px solid var(--line-light);
	border-radius: 6px;
	box-shadow: var(--shadow-card);
}

.page-miniapp .openapplet {
	position: relative;
	isolation: isolate;
}

/* Mini program page motion */
.page-miniapp :is(
	.advantagebody,
	.authoritybody,
	.fourstepbody,
	.applicablebody,
	.newestbody
) > div {
	--mini-item-delay: .22s;
	transition:
		translate .62s cubic-bezier(.2, .75, .2, 1) var(--mini-item-delay),
		filter .5s ease var(--mini-item-delay),
		transform .25s ease 0s,
		border-color .25s ease 0s,
		box-shadow .25s ease 0s;
}

.page-miniapp :is(
	.advantagebody,
	.authoritybody,
	.fourstepbody,
	.applicablebody,
	.newestbody
) > div:hover {
	transform: translateY(-5px);
}

.page-miniapp :is(
	.advantagebody,
	.authoritybody,
	.fourstepbody,
	.applicablebody
) > div > img,
.page-miniapp .newestbody > div > img {
	transition: transform .38s ease, filter .38s ease;
}

.page-miniapp :is(
	.advantagebody,
	.authoritybody,
	.fourstepbody,
	.applicablebody
) > div:hover > img {
	transform: translateY(-3px) scale(1.055);
	filter: saturate(1.08);
}

.page-miniapp .newestbody > div:hover > img {
	transform: scale(1.045);
	filter: saturate(1.06);
}

.miniapp-motion-ready .page-miniapp :is(
	.whatapplet,
	.appletAdvantage,
	.wechatauthority,
	.fourstepbox,
	.applicable,
	.newestbox
) .two_title_content > div {
	opacity: 0;
	transform: translateY(15px);
	transition: opacity .5s ease, transform .62s cubic-bezier(.2, .75, .2, 1);
}

.miniapp-motion-ready .page-miniapp :is(
	.whatapplet,
	.appletAdvantage,
	.wechatauthority,
	.fourstepbox,
	.applicable,
	.newestbox
) .two_title_content > div:nth-child(2) {
	transition-delay: .08s;
}

.miniapp-motion-ready .page-miniapp :is(
	.whatapplet,
	.appletAdvantage,
	.wechatauthority,
	.fourstepbox,
	.applicable,
	.newestbox
) .two_title_content > div:nth-child(3) {
	transition-delay: .16s;
}

.miniapp-motion-ready .page-miniapp :is(
	.whatapplet,
	.appletAdvantage,
	.wechatauthority,
	.fourstepbox,
	.applicable,
	.newestbox
) .two_title_content > div:nth-child(4) {
	transition-delay: .24s;
}

.miniapp-motion-ready .page-miniapp :is(
	.whatapplet,
	.appletAdvantage,
	.wechatauthority,
	.fourstepbox,
	.applicable,
	.newestbox
) .two_title_content::after {
	transform: translateX(-50%) scaleX(0);
	transform-origin: center;
	transition: transform .72s cubic-bezier(.2, .75, .2, 1) .16s;
}

.miniapp-motion-ready .page-miniapp :is(
	.whatapplet,
	.appletAdvantage,
	.wechatauthority,
	.fourstepbox,
	.applicable,
	.newestbox
).is-visible .two_title_content > div {
	opacity: 1;
	transform: translateY(0);
}

.miniapp-motion-ready .page-miniapp :is(
	.whatapplet,
	.appletAdvantage,
	.wechatauthority,
	.fourstepbox,
	.applicable,
	.newestbox
).is-visible .two_title_content::after {
	transform: translateX(-50%) scaleX(1);
}

.miniapp-motion-ready .page-miniapp .whatapplet .whatappletbody {
	clip-path: inset(0 50% 0 50%);
	filter: blur(5px);
	transition: clip-path .9s cubic-bezier(.2, .75, .2, 1) .28s, filter .58s ease .28s;
}

.miniapp-motion-ready .page-miniapp .whatapplet .whatappletbody > img {
	transform: scale(1.055);
	transition: transform .9s cubic-bezier(.2, .75, .2, 1) .28s;
}

.miniapp-motion-ready .page-miniapp .whatapplet.is-visible .whatappletbody {
	clip-path: inset(0);
	filter: none;
}

.miniapp-motion-ready .page-miniapp .whatapplet.is-visible .whatappletbody > img {
	transform: scale(1);
}

.miniapp-motion-ready .page-miniapp :is(
	.advantagebody,
	.authoritybody,
	.fourstepbody,
	.applicablebody,
	.newestbody
) > div {
	translate: 0 21px;
	filter: opacity(0) blur(4px);
}

.miniapp-motion-ready .page-miniapp :is(
	.advantagebody,
	.authoritybody,
	.fourstepbody,
	.applicablebody,
	.newestbody
) > div:nth-child(2) {
	--mini-item-delay: .3s;
}

.miniapp-motion-ready .page-miniapp :is(
	.advantagebody,
	.authoritybody,
	.fourstepbody,
	.applicablebody,
	.newestbody
) > div:nth-child(3) {
	--mini-item-delay: .38s;
}

.miniapp-motion-ready .page-miniapp :is(
	.advantagebody,
	.authoritybody,
	.fourstepbody,
	.applicablebody,
	.newestbody
) > div:nth-child(4) {
	--mini-item-delay: .46s;
}

.miniapp-motion-ready .page-miniapp :is(
	.advantagebody,
	.authoritybody,
	.newestbody
) > div:nth-child(5) {
	--mini-item-delay: .54s;
}

.miniapp-motion-ready .page-miniapp :is(
	.advantagebody,
	.authoritybody,
	.newestbody
) > div:nth-child(6) {
	--mini-item-delay: .62s;
}

.miniapp-motion-ready .page-miniapp .authoritybody > div:nth-child(7) {
	--mini-item-delay: .7s;
}

.miniapp-motion-ready .page-miniapp .authoritybody > div:nth-child(8) {
	--mini-item-delay: .78s;
}

.miniapp-motion-ready .page-miniapp .appletAdvantage.is-visible .advantagebody > div,
.miniapp-motion-ready .page-miniapp .wechatauthority.is-visible .authoritybody > div,
.miniapp-motion-ready .page-miniapp .fourstepbox.is-visible .fourstepbody > div,
.miniapp-motion-ready .page-miniapp .applicable.is-visible .applicablebody > div,
.miniapp-motion-ready .page-miniapp .newestbox.is-visible .newestbody > div {
	translate: 0 0;
	filter: opacity(1) blur(0);
}

.miniapp-motion-ready .page-miniapp .newestbox .newestfloot {
	opacity: 0;
	translate: 0 16px;
	transition: opacity .5s ease .7s, translate .6s ease .7s;
}

.miniapp-motion-ready .page-miniapp .newestbox.is-visible .newestfloot {
	opacity: 1;
	translate: 0 0;
}

.miniapp-motion-ready .page-miniapp .openapplet > div {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .55s ease, transform .65s cubic-bezier(.2, .75, .2, 1);
}

.miniapp-motion-ready .page-miniapp .openapplet > .openconsult {
	transition-delay: .14s;
}

.miniapp-motion-ready .page-miniapp .openapplet.is-visible > div {
	opacity: 1;
	transform: translateY(0);
}

/* Cases and news */
.page-cases .casebodybox {
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 28px !important;
}

.page-cases .caseitem,
.page-cases .caseimgnamebox {
	height: auto !important;
	min-height: 290px;
	transition:
		translate .62s cubic-bezier(.2, .75, .2, 1) var(--case-delay, 0s),
		filter .5s ease var(--case-delay, 0s),
		transform .25s ease 0s,
		box-shadow .25s ease 0s;
}

.page-cases .caseitem:hover,
.page-cases .caseimgnamebox:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 50px rgba(7, 17, 31, .15);
}

/* 案例展示：保证图片卡片上的中英文标题始终清晰可见 */
.page-cases .caseitem {
	isolation: isolate;
}

.page-cases .caseitem::after {
	z-index: 8;
	pointer-events: none;
	background: linear-gradient(
		180deg,
		rgba(7, 17, 31, .12) 0%,
		rgba(7, 17, 31, .48) 58%,
		rgba(7, 17, 31, .82) 100%
	);
}

.page-cases .caseitem > div {
	z-index: 20 !important;
}

.page-cases .caseitem .itemtitcn {
	color: #fff !important;
	font-weight: 700;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .72);
}

.page-cases .caseitem .itemtiten {
	color: rgba(244, 247, 250, .88) !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .68);
}

.page-cases .caseimgnamebox > div {
	position: relative;
	z-index: 2;
	color: var(--ink) !important;
	background: #fff;
}

.page-cases .caseitem > img,
.page-cases .caseimgnamebox > img,
.page-cases .caseitem > div > img {
	transition: transform .48s cubic-bezier(.2, .75, .2, 1), filter .35s ease;
}

.page-cases .caseitem:hover > img,
.page-cases .caseimgnamebox:hover > img {
	transform: scale(1.045);
	filter: saturate(1.07) contrast(1.02);
}

.page-cases .caseitem:hover > div > img {
	transform: translateY(-4px) scale(1.055);
}

.page-cases .caseitem .itembtn {
	border: 1px solid rgba(255, 255, 255, .18);
	box-shadow: 0 8px 20px rgba(7, 17, 31, .2);
	transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.page-cases .caseitem .itembtn:hover {
	background: #1677FF;
	border-color: rgba(25, 194, 201, .72);
	box-shadow: 0 10px 24px rgba(22, 119, 255, .28);
}

.case-motion-ready .page-cases .casebodybox > .caseitem,
.case-motion-ready .page-cases .casebodybox > .caseimgnamebox {
	translate: 0 24px;
	filter: opacity(0) blur(4px);
}

.case-motion-ready .page-cases .casebodybox > .caseitem.is-visible,
.case-motion-ready .page-cases .casebodybox > .caseimgnamebox.is-visible {
	translate: 0 0;
	filter: opacity(1) blur(0);
}

.page-case-detail .detailbox {
	padding: 72px 0 100px !important;
	background: var(--surface);
}

.page-case-detail .detailbox > img {
	padding: 18px;
	border: 1px solid var(--line-light);
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: var(--shadow-card);
}

.page-news .midbanner {
	position: relative;
	isolation: isolate;
	margin-top: 0 !important;
}

.page-news .midbanner::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, rgba(7, 17, 31, .92), rgba(7, 17, 31, .52)),
		linear-gradient(rgba(25, 194, 201, .06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(25, 194, 201, .06) 1px, transparent 1px);
	background-size: auto, 48px 48px, 48px 48px;
}

.page-news .mediatit {
	font-size: clamp(40px, 5vw, 62px) !important;
	letter-spacing: .05em;
}

.page-news .mediacontent {
	max-width: 760px;
	color: var(--text-muted) !important;
	font-size: 17px !important;
	line-height: 1.8;
	text-align: center;
}

.page-news .mediaitembox {
	padding: 42px !important;
}

.page-news .mediaimg > img {
	width: 270px !important;
	height: 180px !important;
}

.page-news-detail > .newsinfo {
	margin-top: 0;
}

.page-news-detail .newscontent {
	max-width: 900px;
	margin: 0 auto 64px !important;
	font-size: 16px !important;
	line-height: 2 !important;
}

/* Contact and customization */
.page-contact .midbanner {
	height: auto !important;
	min-height: 780px;
	padding-bottom: 84px;
	background:
		linear-gradient(
			105deg,
			rgba(245, 247, 250, .99) 0%,
			rgba(245, 247, 250, .97) 52%,
			rgba(245, 247, 250, .86) 100%
		),
		url(https://files.wxlxit.com/lx_img/contactbanner.png) center / cover no-repeat !important;
	background-color: #F5F7FA !important;
	background-blend-mode: normal;
}

.page-contact .linkbox {
	padding-top: 88px !important;
}

.page-contact .linktit {
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(22, 32, 42, .13);
}

.page-contact .titcn {
	color: var(--ink) !important;
}

.page-contact .titen {
	color: #667789 !important;
}

.page-contact .linkcont {
	gap: 24px;
	margin-top: 28px;
	align-items: stretch;
}

.page-contact .emailbox {
	flex: 1;
	padding: 24px !important;
	border: 1px solid #DCE4EC;
	border-top: 3px solid var(--tech-blue);
	background: rgba(255, 255, 255, .97) !important;
	box-shadow: 0 20px 48px rgba(7, 17, 31, .1);
}

.page-contact .linkname {
	width: 100% !important;
}

.page-contact .linkname,
.page-contact .wantaskcontent {
	border: 1px solid #DFE6ED;
	background: #F5F7FA !important;
	transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}

.page-contact .linkname:focus-within,
.page-contact .wantaskcontent:focus-within {
	border-color: rgba(22, 119, 255, .62);
	background: #FFFFFF !important;
	box-shadow: 0 0 0 3px rgba(22, 119, 255, .1);
}

.page-contact .boxtit,
.page-contact .asktit {
	color: #5D6C7C !important;
}

.page-contact .boxcont > input,
.page-contact .askcontent > textarea {
	color: var(--ink) !important;
}

.page-contact .twocode {
	width: 400px !important;
	height: 400px !important;
	border: 1px solid #DCE4EC;
	border-top: 3px solid var(--cyan);
	background: rgba(255, 255, 255, .97) !important;
	box-shadow: 0 20px 48px rgba(7, 17, 31, .1);
}

.page-contact .twocode > img {
	border-radius: 4px;
}

.page-contact .sendbtn,
.page-contact .linkphonebtn {
	height: 58px !important;
	margin-top: 24px !important;
	box-shadow: 0 12px 26px rgba(22, 119, 255, .22);
}

.page-contact .linkphonebtn {
	max-width: 100%;
}

.page-custom .customizedstep,
.page-custom .wantcustomized {
	padding-bottom: 104px;
	background: #FFFFFF;
}

.page-custom .stepbody {
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 18px !important;
	margin-top: 18px !important;
	margin-bottom: 0 !important;
}

.page-custom .stepbody > div {
	height: 270px !important;
}

.page-custom .exploitbox {
	padding-bottom: 104px;
}

.page-custom .exploitbody {
	padding-bottom: 0 !important;
}

.page-custom .exploitbody > img {
	padding: 18px;
	border: 1px solid var(--line-light);
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: var(--shadow-card);
}

.page-custom .wantcustbody {
	width: min(760px, calc(100% - 32px));
	margin: 0 auto;
	padding: 36px;
	border: 1px solid var(--line-light);
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: var(--shadow-card);
}

.page-custom .itembox,
.page-custom .itemcount {
	width: 100% !important;
	background: var(--surface) !important;
	border-color: var(--line-light) !important;
}

.page-custom .itemcont > input,
.page-custom .countarea > textarea {
	color: var(--ink) !important;
}

.page-custom .sendinfo {
	margin-bottom: 0 !important;
}

@media (max-width: 900px) {
	.heroMeta {
		flex-wrap: wrap;
	}

	.page-about .ideabody,
	.page-business .areabody,
	.page-hardware .functionbody,
	.solution-page .caseadvantbody,
	.page-miniapp .authoritybody,
	.page-custom .stepbody {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.page-custom .stepitem3,
	.page-custom .stepitem4 {
		grid-column: auto !important;
	}

	.page-business .equibody,
	.page-app .serveritembox,
	.page-app .caseviewbody,
	.page-miniapp .advantagebody,
	.page-miniapp .newestbody,
	.page-cases .casebodybox {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.page-hardware .warebody {
		grid-template-columns: 1fr;
	}

	.page-hardware .capacitybody {
		grid-template-columns: 1fr !important;
	}

	.page-hardware .capacityright {
		margin: 0 !important;
	}

	.page-contact .twocode {
		width: 100% !important;
		height: auto !important;
		padding: 20px;
	}
}

@media (max-width: 620px) {
	.site-subpage > div[style*="height: 80px"] {
		height: 66px !important;
	}

	.heroMeta span {
		font-size: 8px;
	}

	.page-about .companybody {
		padding: 34px 26px 46px 32px;
	}

	.page-about .ideabody,
	.page-business .areabody,
	.page-business .equibody,
	.page-hardware .functionbody,
	.solution-page .caseadvantbody,
	.page-app .serveritembox,
	.page-app .caseviewbody,
	.page-miniapp .advantagebody,
	.page-miniapp .authoritybody,
	.page-miniapp .newestbody,
	.page-cases .casebodybox,
	.page-custom .stepbody {
		grid-template-columns: 1fr !important;
	}

	.page-about .lenzhengbox {
		flex-direction: column;
		gap: 18px;
		align-items: flex-start;
	}

	.page-hardware .waretextbox {
		padding: 30px 24px;
	}

	.page-hardware .capacityright {
		grid-template-columns: 1fr 1fr !important;
	}

	.page-hardware .capacityright > div {
		min-height: 164px;
		padding: 20px 10px;
	}

	.page-hardware .capacityright > div > img {
		width: 72px !important;
		height: 72px !important;
	}

	.solution-page .slovebody,
	.solution-page .masterbody,
	.solution-page .applyenbody,
	.solution-page .applyscenebody {
		width: calc(100% - 32px);
		min-height: 0;
		padding: 12px !important;
	}

	.page-app .telcontentbox {
		width: 100% !important;
		padding: 36px 24px;
	}

	.page-miniapp .applicablebody {
		flex-direction: column;
	}

	.page-miniapp .applicablebody > div {
		width: 100% !important;
	}

	.page-news .mediaitembox {
		padding: 28px 22px !important;
		flex-direction: column;
	}

	.page-news .mediainfo {
		margin: 20px 0 !important;
	}

	.page-news .mediaimg > img {
		width: 100% !important;
		height: auto !important;
	}

	.page-contact .linkcont {
		flex-direction: column;
	}

	.page-custom .wantcustbody {
		padding: 24px 18px;
	}
}

/* Wisdom parking: calm light industrial direction */
.page-parking {
	background: #F5F7FA;
}

.page-parking .caseadvantage,
.page-parking .masterfunction,
.page-parking .applyenvoir,
.page-parking .applyscene,
.page-parking .slovecasebox {
	margin: 0 !important;
	padding-bottom: 104px !important;
}

.page-parking .caseadvantage,
.page-parking .masterfunction,
.page-parking .applyscene {
	background:
		linear-gradient(rgba(22, 119, 255, .025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(22, 119, 255, .025) 1px, transparent 1px),
		#F5F7FA !important;
	background-size: 48px 48px !important;
}

.page-parking .slovecasebox,
.page-parking .applyenvoir {
	background: #FFFFFF !important;
}

.page-parking .slovecasebox .primary_color,
.page-parking .slovecasebox .sub_color {
	color: var(--ink) !important;
}

.page-parking .slovecasebox .sub_color {
	color: #627284 !important;
}

.page-parking .caseadvantbody > div {
	min-height: 238px;
	border-top: 3px solid rgba(22, 119, 255, .72);
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 12px 32px rgba(7, 17, 31, .07);
}

.page-parking .caseadvantbody > div:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 38px rgba(7, 17, 31, .11);
}

.page-parking .slovebody {
	width: min(1000px, calc(100% - 64px));
	padding: 26px !important;
	border: 1px solid rgba(22, 119, 255, .12);
	border-radius: 8px;
	background: #FFFFFF !important;
	box-shadow: 0 16px 40px rgba(7, 17, 31, .08);
}

.page-parking .slovebody > img {
	width: auto !important;
	max-width: min(760px, 100%);
}

.page-parking .masterbody,
.page-parking .applyenbody,
.page-parking .applyscenebody {
	padding: 26px;
	border-color: rgba(22, 119, 255, .10);
	border-radius: 8px;
	box-shadow: 0 14px 36px rgba(7, 17, 31, .07);
}

.page-parking .masterbody > img,
.page-parking .applyenbody > img,
.page-parking .applyscenebody > img {
	display: block;
	width: 100% !important;
	height: auto !important;
	object-fit: contain;
}

.page-parking .title_top_box {
	padding-top: 94px !important;
	padding-bottom: 52px !important;
}

/* Wisdom parking page motion */
.page-parking .caseadvantbody > div {
	--parking-item-delay: .24s;
	transition:
		translate .62s cubic-bezier(.2, .75, .2, 1) var(--parking-item-delay),
		filter .5s ease var(--parking-item-delay),
		transform .25s ease 0s,
		border-color .25s ease 0s,
		box-shadow .25s ease 0s;
}

.page-parking .caseadvantbody > div > img {
	transition: transform .35s ease, filter .35s ease;
}

.page-parking .caseadvantbody > div:hover > img {
	transform: translateY(-4px) scale(1.055);
	filter: saturate(1.08);
}

.page-parking :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) {
	overflow: hidden;
	transition: border-color .3s ease, box-shadow .3s ease;
}

.page-parking :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
):hover {
	border-color: rgba(22, 119, 255, .24);
	box-shadow: 0 20px 48px rgba(7, 17, 31, .11);
}

.page-parking :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) > img {
	transition: transform .55s cubic-bezier(.2, .75, .2, 1), filter .35s ease;
}

.page-parking :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
):hover > img {
	transform: scale(1.012);
	filter: saturate(1.035) contrast(1.02);
}

.parking-motion-ready .page-parking :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box > div {
	opacity: 0;
	transform: translateY(15px);
	transition: opacity .5s ease, transform .62s cubic-bezier(.2, .75, .2, 1);
}

.parking-motion-ready .page-parking :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box > div:nth-child(2) {
	transition-delay: .08s;
}

.parking-motion-ready .page-parking :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box > div:nth-child(3) {
	transition-delay: .16s;
}

.parking-motion-ready .page-parking :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box::after {
	transform: translateX(-50%) scaleX(0);
	transform-origin: center;
	transition: transform .72s cubic-bezier(.2, .75, .2, 1) .16s;
}

.parking-motion-ready .page-parking :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
).is-visible .title_top_box > div {
	opacity: 1;
	transform: translateY(0);
}

.parking-motion-ready .page-parking :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
).is-visible .title_top_box::after {
	transform: translateX(-50%) scaleX(1);
}

.parking-motion-ready .page-parking .caseadvantbody > div {
	translate: 0 22px;
	filter: opacity(0) blur(4px);
}

.parking-motion-ready .page-parking .caseadvantbody > div:nth-child(2) {
	--parking-item-delay: .32s;
}

.parking-motion-ready .page-parking .caseadvantbody > div:nth-child(3) {
	--parking-item-delay: .4s;
}

.parking-motion-ready .page-parking .caseadvantbody > div:nth-child(4) {
	--parking-item-delay: .48s;
}

.parking-motion-ready .page-parking .caseadvantage.is-visible .caseadvantbody > div {
	translate: 0 0;
	filter: opacity(1) blur(0);
}

.parking-motion-ready .page-parking :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) {
	opacity: 0;
	translate: 0 28px;
	clip-path: inset(0 12% 0 12%);
	filter: blur(4px);
	transition:
		opacity .62s ease .22s,
		translate .76s cubic-bezier(.2, .75, .2, 1) .22s,
		clip-path .84s cubic-bezier(.2, .75, .2, 1) .22s,
		filter .56s ease .22s,
		border-color .3s ease,
		box-shadow .3s ease;
}

.parking-motion-ready .page-parking :is(
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
).is-visible :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) {
	opacity: 1;
	translate: 0 0;
	clip-path: inset(0);
	filter: none;
}

@media (max-width: 620px) {
	.page-parking .caseadvantage,
	.page-parking .masterfunction,
	.page-parking .applyenvoir,
	.page-parking .applyscene,
	.page-parking .slovecasebox {
		padding-bottom: 72px !important;
	}

	.page-parking .slovebody,
	.page-parking .masterbody,
	.page-parking .applyenbody,
	.page-parking .applyscenebody {
		width: calc(100% - 32px);
		padding: 12px !important;
	}
}

/* IoT monitoring: cool light control-platform direction */
.page-iot {
	background: #F3F7FA;
}

.page-iot .caseadvantage,
.page-iot .masterfunction,
.page-iot .applyenvoir,
.page-iot .applyscene,
.page-iot .slovecasebox {
	margin: 0 !important;
	padding-bottom: 104px !important;
}

.page-iot .caseadvantage,
.page-iot .masterfunction,
.page-iot .applyscene {
	background:
		linear-gradient(rgba(25, 194, 201, .032) 1px, transparent 1px),
		linear-gradient(90deg, rgba(25, 194, 201, .032) 1px, transparent 1px),
		#F3F7FA !important;
	background-size: 48px 48px !important;
}

.page-iot .slovecasebox,
.page-iot .applyenvoir {
	background: #FFFFFF !important;
}

.page-iot .slovecasebox .primary_color {
	color: var(--ink) !important;
}

.page-iot .slovecasebox .sub_color {
	color: #627284 !important;
}

.page-iot .title_midline {
	background: linear-gradient(90deg, var(--cyan), var(--tech-blue)) !important;
}

.page-iot .caseadvantbody > div {
	min-height: 238px;
	border-top: 3px solid rgba(25, 194, 201, .82);
	background: rgba(255, 255, 255, .97);
	box-shadow: 0 12px 32px rgba(7, 17, 31, .07);
}

.page-iot .caseadvantbody > div:hover {
	transform: translateY(-4px);
	border-color: rgba(25, 194, 201, .72);
	box-shadow: 0 18px 38px rgba(7, 17, 31, .11);
}

.page-iot .caseadvantbody > div > img {
	width: 92px !important;
	height: 92px !important;
	object-fit: contain;
}

.page-iot .slovebody {
	width: min(1080px, calc(100% - 64px));
	min-height: 0;
	padding: 26px !important;
	border: 1px solid rgba(25, 194, 201, .16);
	border-radius: 8px;
	background: #FFFFFF !important;
	box-shadow: 0 16px 40px rgba(7, 17, 31, .08);
}

.page-iot .slovebody > img {
	display: block;
	width: auto !important;
	max-width: min(900px, 100%);
	height: auto !important;
	object-fit: contain;
}

.page-iot .masterbody,
.page-iot .applyenbody,
.page-iot .applyscenebody {
	padding: 26px;
	border: 1px solid rgba(25, 194, 201, .12);
	border-radius: 8px;
	background: #FFFFFF !important;
	box-shadow: 0 14px 36px rgba(7, 17, 31, .07);
}

.page-iot .masterbody > img,
.page-iot .applyenbody > img,
.page-iot .applyscenebody > img {
	display: block;
	width: 100% !important;
	height: auto !important;
	object-fit: contain;
}

.page-iot .title_top_box {
	padding-top: 94px !important;
	padding-bottom: 52px !important;
}

/* IoT monitoring page motion */
.page-iot .caseadvantbody > div {
	--iot-item-delay: .24s;
	transition:
		translate .62s cubic-bezier(.2, .75, .2, 1) var(--iot-item-delay),
		filter .5s ease var(--iot-item-delay),
		transform .25s ease 0s,
		border-color .25s ease 0s,
		box-shadow .25s ease 0s;
}

.page-iot .caseadvantbody > div > img {
	transition: transform .35s ease, filter .35s ease;
}

.page-iot .caseadvantbody > div:hover > img {
	transform: translateY(-4px) scale(1.055);
	filter: saturate(1.08);
}

.page-iot :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) {
	overflow: hidden;
	transition: border-color .3s ease, box-shadow .3s ease;
}

.page-iot :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
):hover {
	border-color: rgba(25, 194, 201, .3);
	box-shadow: 0 20px 48px rgba(7, 17, 31, .11);
}

.page-iot :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) > img {
	transition: transform .55s cubic-bezier(.2, .75, .2, 1), filter .35s ease;
}

.page-iot :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
):hover > img {
	transform: scale(1.012);
	filter: saturate(1.035) contrast(1.02);
}

.iot-motion-ready .page-iot :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box > div {
	opacity: 0;
	transform: translateY(15px);
	transition: opacity .5s ease, transform .62s cubic-bezier(.2, .75, .2, 1);
}

.iot-motion-ready .page-iot :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box > div:nth-child(2) {
	transition-delay: .08s;
}

.iot-motion-ready .page-iot :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box > div:nth-child(3) {
	transition-delay: .16s;
}

.iot-motion-ready .page-iot :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box::after {
	transform: translateX(-50%) scaleX(0);
	transform-origin: center;
	transition: transform .72s cubic-bezier(.2, .75, .2, 1) .16s;
}

.iot-motion-ready .page-iot :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
).is-visible .title_top_box > div {
	opacity: 1;
	transform: translateY(0);
}

.iot-motion-ready .page-iot :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
).is-visible .title_top_box::after {
	transform: translateX(-50%) scaleX(1);
}

.iot-motion-ready .page-iot .caseadvantbody > div {
	translate: 0 22px;
	filter: opacity(0) blur(4px);
}

.iot-motion-ready .page-iot .caseadvantbody > div:nth-child(2) {
	--iot-item-delay: .32s;
}

.iot-motion-ready .page-iot .caseadvantbody > div:nth-child(3) {
	--iot-item-delay: .4s;
}

.iot-motion-ready .page-iot .caseadvantbody > div:nth-child(4) {
	--iot-item-delay: .48s;
}

.iot-motion-ready .page-iot .caseadvantage.is-visible .caseadvantbody > div {
	translate: 0 0;
	filter: opacity(1) blur(0);
}

.iot-motion-ready .page-iot :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) {
	opacity: 0;
	translate: 0 26px;
	clip-path: inset(0 100% 0 0);
	filter: blur(4px);
	transition:
		opacity .58s ease .22s,
		translate .74s cubic-bezier(.2, .75, .2, 1) .22s,
		clip-path .9s cubic-bezier(.2, .75, .2, 1) .22s,
		filter .56s ease .22s,
		border-color .3s ease,
		box-shadow .3s ease;
}

.iot-motion-ready .page-iot :is(
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
).is-visible :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) {
	opacity: 1;
	translate: 0 0;
	clip-path: inset(0);
	filter: none;
}

@media (max-width: 620px) {
	.page-iot .caseadvantage,
	.page-iot .masterfunction,
	.page-iot .applyenvoir,
	.page-iot .applyscene,
	.page-iot .slovecasebox {
		padding-bottom: 72px !important;
	}

	.page-iot .slovebody,
	.page-iot .masterbody,
	.page-iot .applyenbody,
	.page-iot .applyscenebody {
		width: calc(100% - 32px);
		padding: 12px !important;
	}
}

/* Energy, environment and charging: unified light solution pages */
.page-energy {
	--page-accent: #FF8A34;
	--page-surface: #F8F6F3;
	--page-line: rgba(255, 138, 52, .18);
}

.page-environment {
	--page-accent: #19C2C9;
	--page-surface: #F2F8F8;
	--page-line: rgba(25, 194, 201, .18);
}

.page-charging {
	--page-accent: #1677FF;
	--page-surface: #F3F7FC;
	--page-line: rgba(22, 119, 255, .16);
}

:is(.page-energy, .page-environment, .page-charging) {
	background: var(--page-surface);
}

:is(.page-energy, .page-environment, .page-charging) .caseadvantage,
:is(.page-energy, .page-environment, .page-charging) .masterfunction,
:is(.page-energy, .page-environment, .page-charging) .applyenvoir,
:is(.page-energy, .page-environment, .page-charging) .applyscene,
:is(.page-energy, .page-environment, .page-charging) .slovecasebox {
	margin: 0 !important;
	padding-bottom: 104px !important;
}

:is(.page-energy, .page-environment, .page-charging) .caseadvantage,
:is(.page-energy, .page-environment, .page-charging) .masterfunction,
:is(.page-energy, .page-environment, .page-charging) .applyscene {
	background:
		linear-gradient(rgba(22, 32, 42, .024) 1px, transparent 1px),
		linear-gradient(90deg, rgba(22, 32, 42, .024) 1px, transparent 1px),
		var(--page-surface) !important;
	background-size: 48px 48px !important;
}

:is(.page-energy, .page-environment, .page-charging) .slovecasebox,
:is(.page-energy, .page-environment, .page-charging) .applyenvoir {
	background: #FFFFFF !important;
}

:is(.page-energy, .page-environment, .page-charging) .slovecasebox .primary_color {
	color: var(--ink) !important;
}

:is(.page-energy, .page-environment, .page-charging) .slovecasebox .sub_color {
	color: #627284 !important;
}

:is(.page-energy, .page-environment, .page-charging) .title_midline {
	background: linear-gradient(90deg, var(--page-accent), var(--tech-blue)) !important;
}

:is(.page-energy, .page-environment, .page-charging) .caseadvantbody > div {
	min-height: 246px;
	border-top: 3px solid var(--page-accent);
	background: rgba(255, 255, 255, .97);
	box-shadow: 0 12px 32px rgba(7, 17, 31, .07);
}

:is(.page-energy, .page-environment, .page-charging) .caseadvantbody > div:hover {
	transform: translateY(-4px);
	border-color: var(--page-accent);
	box-shadow: 0 18px 38px rgba(7, 17, 31, .11);
}

:is(.page-energy, .page-environment, .page-charging) .caseadvantbody > div > img {
	width: 92px !important;
	height: 92px !important;
	object-fit: contain;
}

:is(.page-energy, .page-environment, .page-charging) .slovebody {
	width: min(1080px, calc(100% - 64px));
	min-height: 0;
	padding: 26px !important;
	border: 1px solid var(--page-line);
	border-radius: 8px;
	background: #FFFFFF !important;
	box-shadow: 0 16px 40px rgba(7, 17, 31, .08);
}

:is(.page-energy, .page-environment, .page-charging) .slovebody > img {
	display: block;
	width: auto !important;
	max-width: min(900px, 100%);
	height: auto !important;
	object-fit: contain;
}

:is(.page-energy, .page-environment, .page-charging) .masterbody,
:is(.page-energy, .page-environment, .page-charging) .applyenbody,
:is(.page-energy, .page-environment, .page-charging) .applyscenebody {
	padding: 26px;
	border: 1px solid var(--page-line);
	border-radius: 8px;
	background: #FFFFFF !important;
	box-shadow: 0 14px 36px rgba(7, 17, 31, .07);
}

:is(.page-energy, .page-environment, .page-charging) .masterbody > img,
:is(.page-energy, .page-environment, .page-charging) .applyenbody > img,
:is(.page-energy, .page-environment, .page-charging) .applyscenebody > img {
	display: block;
	width: 100% !important;
	height: auto !important;
	object-fit: contain;
}

:is(.page-energy, .page-environment, .page-charging) .title_top_box {
	padding-top: 94px !important;
	padding-bottom: 52px !important;
}

.page-energy .caseadvantbody > div {
	border-top-color: var(--orange);
}

/* Smart power station page motion */
.page-energy .caseadvantbody > div {
	--energy-item-delay: .24s;
	transition:
		translate .62s cubic-bezier(.2, .75, .2, 1) var(--energy-item-delay),
		filter .5s ease var(--energy-item-delay),
		transform .25s ease,
		border-color .25s ease,
		box-shadow .25s ease;
}

.page-energy .caseadvantbody > div > img {
	transition: transform .35s ease, filter .35s ease;
}

.page-energy .caseadvantbody > div:hover > img {
	transform: translateY(-4px) scale(1.055);
	filter: saturate(1.08);
}

.page-energy :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) {
	overflow: hidden;
	transition:
		border-color .3s ease,
		box-shadow .3s ease;
}

.page-energy :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
):hover {
	border-color: rgba(255, 138, 52, .34);
	box-shadow: 0 20px 48px rgba(7, 17, 31, .11);
}

.page-energy :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) > img {
	transition: transform .55s cubic-bezier(.2, .75, .2, 1), filter .35s ease;
}

.page-energy :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
):hover > img {
	transform: scale(1.012);
	filter: saturate(1.035) contrast(1.02);
}

.energy-motion-ready .page-energy :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box > div {
	opacity: 0;
	transform: translateY(15px);
	transition:
		opacity .5s ease,
		transform .62s cubic-bezier(.2, .75, .2, 1);
}

.energy-motion-ready .page-energy :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box > div:nth-child(2) {
	transition-delay: .08s;
}

.energy-motion-ready .page-energy :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box > div:nth-child(3) {
	transition-delay: .16s;
}

.energy-motion-ready .page-energy :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box::after {
	transform: translateX(-50%) scaleX(0);
	transition: transform .65s cubic-bezier(.2, .75, .2, 1) .18s;
}

.energy-motion-ready .page-energy :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
).is-visible .title_top_box > div {
	opacity: 1;
	transform: translateY(0);
}

.energy-motion-ready .page-energy :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
).is-visible .title_top_box::after {
	transform: translateX(-50%) scaleX(1);
}

.energy-motion-ready .page-energy .caseadvantbody > div {
	translate: 0 22px;
	filter: opacity(0) blur(4px);
}

.energy-motion-ready .page-energy .caseadvantbody > div:nth-child(2) {
	--energy-item-delay: .32s;
}

.energy-motion-ready .page-energy .caseadvantbody > div:nth-child(3) {
	--energy-item-delay: .4s;
}

.energy-motion-ready .page-energy .caseadvantbody > div:nth-child(4) {
	--energy-item-delay: .48s;
}

.energy-motion-ready .page-energy .caseadvantage.is-visible .caseadvantbody > div {
	translate: 0 0;
	filter: opacity(1) blur(0);
}

.energy-motion-ready .page-energy :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) {
	opacity: 0;
	translate: 0 28px;
	clip-path: inset(0 10% 0 10%);
	filter: blur(4px);
	transition:
		opacity .62s ease .2s,
		translate .7s cubic-bezier(.2, .75, .2, 1) .2s,
		clip-path .78s cubic-bezier(.2, .75, .2, 1) .2s,
		filter .55s ease .2s,
		border-color .3s ease,
		box-shadow .3s ease;
}

.energy-motion-ready .page-energy :is(
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
).is-visible :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) {
	opacity: 1;
	translate: 0 0;
	clip-path: inset(0);
	filter: blur(0);
}

.page-charging .caseadvantbody > div:nth-child(even) {
	border-top-color: var(--orange);
}

/* Environment and charging solution page motion */
:is(.page-environment, .page-charging) .caseadvantbody > div {
	--solution-item-delay: .24s;
	transition:
		translate .62s cubic-bezier(.2, .75, .2, 1) var(--solution-item-delay),
		filter .5s ease var(--solution-item-delay),
		transform .25s ease,
		border-color .25s ease,
		box-shadow .25s ease;
}

:is(.page-environment, .page-charging) .caseadvantbody > div > img {
	transition: transform .35s ease, filter .35s ease;
}

.page-environment .caseadvantbody > div:hover > img {
	transform: translateY(-4px) scale(1.05);
	filter: saturate(1.08) hue-rotate(-4deg);
}

.page-charging .caseadvantbody > div:hover > img {
	transform: translateY(-4px) scale(1.05);
	filter: saturate(1.08);
}

:is(.page-environment, .page-charging) :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) {
	overflow: hidden;
	transition:
		border-color .3s ease,
		box-shadow .3s ease;
}

.page-environment :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
):hover {
	border-color: rgba(25, 194, 201, .34);
	box-shadow: 0 20px 48px rgba(7, 17, 31, .1);
}

.page-charging :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
):hover {
	border-color: rgba(22, 119, 255, .3);
	box-shadow: 0 20px 48px rgba(7, 17, 31, .11);
}

:is(.page-environment, .page-charging) :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) > img {
	transition: transform .55s cubic-bezier(.2, .75, .2, 1), filter .35s ease;
}

:is(.page-environment, .page-charging) :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
):hover > img {
	transform: scale(1.01);
	filter: saturate(1.035) contrast(1.02);
}

.solution-motion-ready :is(.page-environment, .page-charging) :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box > div {
	opacity: 0;
	transform: translateY(15px);
	transition:
		opacity .5s ease,
		transform .62s cubic-bezier(.2, .75, .2, 1);
}

.solution-motion-ready :is(.page-environment, .page-charging) :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box > div:nth-child(2) {
	transition-delay: .08s;
}

.solution-motion-ready :is(.page-environment, .page-charging) :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box > div:nth-child(3) {
	transition-delay: .16s;
}

.solution-motion-ready :is(.page-environment, .page-charging) :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
) .title_top_box::after {
	transform: translateX(-50%) scaleX(0);
	transition: transform .65s cubic-bezier(.2, .75, .2, 1) .18s;
}

.solution-motion-ready :is(.page-environment, .page-charging) :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
).is-visible .title_top_box > div {
	opacity: 1;
	transform: translateY(0);
}

.solution-motion-ready :is(.page-environment, .page-charging) :is(
	.caseadvantage,
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
).is-visible .title_top_box::after {
	transform: translateX(-50%) scaleX(1);
}

.solution-motion-ready :is(.page-environment, .page-charging) .caseadvantbody > div {
	translate: 0 22px;
	filter: opacity(0) blur(4px);
}

.solution-motion-ready :is(.page-environment, .page-charging) .caseadvantbody > div:nth-child(2) {
	--solution-item-delay: .32s;
}

.solution-motion-ready :is(.page-environment, .page-charging) .caseadvantbody > div:nth-child(3) {
	--solution-item-delay: .4s;
}

.solution-motion-ready :is(.page-environment, .page-charging) .caseadvantbody > div:nth-child(4) {
	--solution-item-delay: .48s;
}

.solution-motion-ready :is(.page-environment, .page-charging) .caseadvantage.is-visible .caseadvantbody > div {
	translate: 0 0;
	filter: opacity(1) blur(0);
}

.solution-motion-ready :is(.page-environment, .page-charging) :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) {
	opacity: 0;
	translate: 0 28px;
	clip-path: inset(0 9% 0 9%);
	filter: blur(4px);
	transition:
		opacity .62s ease .2s,
		translate .7s cubic-bezier(.2, .75, .2, 1) .2s,
		clip-path .78s cubic-bezier(.2, .75, .2, 1) .2s,
		filter .55s ease .2s,
		border-color .3s ease,
		box-shadow .3s ease;
}

.solution-motion-ready :is(.page-environment, .page-charging) :is(
	.slovecasebox,
	.masterfunction,
	.applyenvoir,
	.applyscene
).is-visible :is(
	.slovebody,
	.masterbody,
	.applyenbody,
	.applyscenebody
) {
	opacity: 1;
	translate: 0 0;
	clip-path: inset(0);
	filter: blur(0);
}

@media (max-width: 620px) {
	:is(.page-energy, .page-environment, .page-charging) .caseadvantage,
	:is(.page-energy, .page-environment, .page-charging) .masterfunction,
	:is(.page-energy, .page-environment, .page-charging) .applyenvoir,
	:is(.page-energy, .page-environment, .page-charging) .applyscene,
	:is(.page-energy, .page-environment, .page-charging) .slovecasebox {
		padding-bottom: 72px !important;
	}

	:is(.page-energy, .page-environment, .page-charging) .slovebody,
	:is(.page-energy, .page-environment, .page-charging) .masterbody,
	:is(.page-energy, .page-environment, .page-charging) .applyenbody,
	:is(.page-energy, .page-environment, .page-charging) .applyscenebody {
		width: calc(100% - 32px);
		padding: 12px !important;
	}
}

/* Business introduction: interactive industry capabilities */
.page-business .areaCard {
	cursor: pointer;
	outline: none;
	transition:
		opacity .48s ease,
		transform .48s cubic-bezier(.2, .8, .2, 1),
		border-color .25s ease,
		box-shadow .25s ease;
}

.motion-ready.page-business .areabody .areaCard {
	opacity: 0;
	transform: translateY(18px);
}

.motion-ready.page-business .areabody.is-inview .areaCard {
	opacity: 1;
	transform: translateY(0);
}

.motion-ready.page-business .areabody.is-inview .areaCard:nth-child(2) {
	transition-delay: .06s;
}

.motion-ready.page-business .areabody.is-inview .areaCard:nth-child(3) {
	transition-delay: .12s;
}

.motion-ready.page-business .areabody.is-inview .areaCard:nth-child(4) {
	transition-delay: .18s;
}

.motion-ready.page-business .areabody.is-inview .areaCard:nth-child(5) {
	transition-delay: .24s;
}

.motion-ready.page-business .areabody.is-inview .areaCard:nth-child(6) {
	transition-delay: .30s;
}

.motion-ready.page-business .areabody.is-inview .areaCard:nth-child(7) {
	transition-delay: .36s;
}

.motion-ready.page-business .areabody.is-inview .areaCard:nth-child(8) {
	transition-delay: .42s;
}

.motion-ready.page-business .areabody.is-inview .areaCard:hover,
.motion-ready.page-business .areabody.is-inview .areaCard:focus-visible {
	transform: translateY(-6px);
	transition-delay: 0s;
}

.page-business .areaCard::after {
	content: "查看能力";
	position: absolute;
	right: 14px;
	bottom: 12px;
	color: #7B8998;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .08em;
	opacity: 0;
	transform: translateY(4px);
	transition: opacity .2s ease, transform .2s ease;
}

.page-business .areaCard:hover::after,
.page-business .areaCard:focus-visible::after,
.page-business .areaCard.is-active::after {
	opacity: 1;
	transform: translateY(0);
}

.page-business .areaCard:focus-visible {
	box-shadow: 0 0 0 3px rgba(22, 119, 255, .2);
}

.page-business .areaCard.is-active {
	border-color: rgba(25, 194, 201, .72);
	background:
		linear-gradient(145deg, rgba(22, 119, 255, .06), rgba(25, 194, 201, .09)),
		#FFFFFF;
	box-shadow: 0 18px 38px rgba(7, 17, 31, .11);
}

.page-business .areaCard.is-active::before {
	color: rgba(25, 194, 201, .28);
}

.page-business .areaDetail {
	width: min(1200px, calc(100% - 64px));
	min-height: 330px;
	margin: 28px auto 0;
	display: grid;
	grid-template-columns: 260px minmax(0, 1.18fr) minmax(300px, .82fr);
	overflow: hidden;
	border: 1px solid var(--line-dark);
	border-radius: 7px;
	background:
		linear-gradient(rgba(25, 194, 201, .045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(25, 194, 201, .045) 1px, transparent 1px),
		var(--navy-900);
	background-size: 36px 36px;
	box-shadow: 0 22px 52px rgba(7, 17, 31, .18);
}

.page-business .areaDetailIndex,
.page-business .areaDetailTitle,
.page-business .areaDetailDescription,
.page-business .areaDetailValue,
.page-business .areaDetailVisual,
.page-business .areaDetailCapabilities li {
	opacity: 1;
	transform: translateX(0);
	transition:
		opacity .28s ease,
		transform .34s cubic-bezier(.2, .8, .2, 1);
}

.page-business .areaDetail.is-switching .areaDetailIndex,
.page-business .areaDetail.is-switching .areaDetailTitle,
.page-business .areaDetail.is-switching .areaDetailDescription,
.page-business .areaDetail.is-switching .areaDetailValue {
	opacity: 0;
	transform: translateX(-12px);
}

.page-business .areaDetail.is-switching .areaDetailVisual {
	opacity: 0;
	transform: translateX(-12px) scale(.98);
}

.page-business .areaDetail.is-switching .areaDetailCapabilities li {
	opacity: 0;
	transform: translateX(12px);
}

.page-business .areaDetail:not(.is-switching) .areaDetailTitle {
	transition-delay: .03s;
}

.page-business .areaDetail:not(.is-switching) .areaDetailDescription {
	transition-delay: .07s;
}

.page-business .areaDetail:not(.is-switching) .areaDetailValue {
	transition-delay: .1s;
}

.page-business .areaDetail:not(.is-switching) .areaDetailCapabilities li:nth-child(2) {
	transition-delay: .04s;
}

.page-business .areaDetail:not(.is-switching) .areaDetailCapabilities li:nth-child(3) {
	transition-delay: .08s;
}

.page-business .areaDetail:not(.is-switching) .areaDetailCapabilities li:nth-child(4) {
	transition-delay: .12s;
}

.page-business .areaDetailIntro,
.page-business .areaDetailCapabilities {
	padding: 38px 36px;
}

.page-business .areaDetailVisual {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 30px 24px;
	border-right: 1px solid var(--line-dark);
	background:
		radial-gradient(circle at 50% 42%, rgba(25, 194, 201, .17), transparent 54%),
		rgba(7, 17, 31, .34);
}

.page-business .areaDetailVisualFrame {
	width: 190px;
	height: 190px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(25, 194, 201, .25);
	border-radius: 50%;
	background:
		linear-gradient(rgba(25, 194, 201, .06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(25, 194, 201, .06) 1px, transparent 1px),
		rgba(18, 36, 56, .78);
	background-size: 22px 22px;
	box-shadow:
		0 20px 42px rgba(0, 0, 0, .24),
		inset 0 0 0 10px rgba(7, 17, 31, .24);
}

.page-business .areaDetailVisualFrame > img {
	width: 142px;
	height: 142px;
	object-fit: contain;
	filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .26));
	transition: transform .45s cubic-bezier(.2, .8, .2, 1), filter .35s ease;
}

.page-business .areaDetail:hover .areaDetailVisualFrame > img {
	transform: scale(1.045);
	filter: drop-shadow(0 16px 24px rgba(0, 0, 0, .32)) saturate(1.08);
}

.page-business .areaDetailVisualCaption {
	color: var(--cyan);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .18em;
	text-align: center;
}

.page-business .areaDetailIntro {
	border-right: 1px solid var(--line-dark);
}

.page-business .areaDetailIndex,
.page-business .areaDetailLabel {
	color: var(--cyan);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .16em;
}

.page-business .areaDetailTitle {
	margin-top: 18px;
	color: var(--text-light);
	font-size: clamp(24px, 3vw, 34px);
	font-weight: 700;
	line-height: 1.3;
}

.page-business .areaDetailDescription {
	max-width: 590px;
	margin-top: 18px;
	color: var(--text-muted);
	font-size: 15px;
	line-height: 1.9;
}

.page-business .areaDetailValue {
	margin-top: 22px;
	padding: 15px 16px;
	border-left: 3px solid var(--orange);
	background: rgba(255, 138, 52, .07);
}

.page-business .areaDetailValue > span {
	display: block;
	color: var(--orange);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .16em;
}

.page-business .areaDetailValue > p {
	margin: 7px 0 0;
	color: #D6DEE7;
	font-size: 13px;
	line-height: 1.7;
}

.page-business .areaDetailCapabilities ul {
	margin: 20px 0 0;
	padding: 0;
	display: grid;
	gap: 13px;
	list-style: none;
}

.page-business .areaDetailCapabilities li {
	position: relative;
	padding: 11px 14px 11px 34px;
	border: 1px solid var(--line-dark);
	border-radius: 4px;
	background: rgba(18, 36, 56, .72);
	color: #D6DEE7;
	font-size: 13px;
}

.page-business .areaDetailCapabilities li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 14px;
	width: 7px;
	height: 7px;
	transform: translateY(-50%) rotate(45deg);
	background: var(--tech-blue);
}

.page-business .businessDelivery {
	padding-bottom: 104px;
	background:
		linear-gradient(rgba(25, 194, 201, .04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(25, 194, 201, .04) 1px, transparent 1px),
		var(--navy-900);
	background-size: 48px 48px;
}

.page-business .businessDelivery .primary_color {
	color: var(--text-light) !important;
}

.page-business .businessDelivery .sub_color {
	color: var(--text-muted) !important;
}

.page-business .deliveryGrid {
	width: min(1200px, calc(100% - 64px));
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

.page-business .equibody > div {
	overflow: hidden;
	transition:
		opacity .5s ease,
		transform .5s cubic-bezier(.2, .8, .2, 1),
		box-shadow .28s ease;
}

.motion-ready.page-business .equibody > div {
	opacity: 0;
	transform: translateY(20px);
}

.motion-ready.page-business .equibody.is-inview > div {
	opacity: 1;
	transform: translateY(0);
}

.motion-ready.page-business .equibody.is-inview > div:nth-child(2) {
	transition-delay: .07s;
}

.motion-ready.page-business .equibody.is-inview > div:nth-child(3) {
	transition-delay: .14s;
}

.motion-ready.page-business .equibody.is-inview > div:nth-child(4) {
	transition-delay: .21s;
}

.motion-ready.page-business .equibody.is-inview > div:nth-child(5) {
	transition-delay: .28s;
}

.motion-ready.page-business .equibody.is-inview > div:nth-child(6) {
	transition-delay: .35s;
}

.page-business .equibody > div > img {
	filter: grayscale(.72) saturate(.7) brightness(.82);
	transform: scale(1);
	transition: filter .45s ease, transform .55s cubic-bezier(.2, .8, .2, 1);
}

.page-business .equibody > div::after {
	transition: background .4s ease;
}

.page-business .equibody > div > div {
	transform: translateY(6px);
	transition: transform .35s ease;
}

.page-business .equibody > div:hover {
	transform: translateY(-5px);
	box-shadow: 0 22px 46px rgba(7, 17, 31, .16);
}

.motion-ready.page-business .equibody.is-inview > div:hover {
	transform: translateY(-5px);
	transition-delay: 0s;
}

.page-business .equibody > div:hover > img {
	filter: grayscale(0) saturate(1) brightness(1);
	transform: scale(1.035);
}

.page-business .equibody > div:hover::after {
	background: linear-gradient(180deg, rgba(7, 17, 31, .04), rgba(7, 17, 31, .72));
}

.page-business .equibody > div:hover > div {
	transform: translateY(0);
}

.page-business .deliveryCard {
	position: relative;
	min-height: 244px;
	padding: 32px 26px;
	overflow: hidden;
	border: 1px solid var(--line-dark);
	border-radius: 6px;
	background: rgba(18, 36, 56, .88);
	transition: transform .25s ease, border-color .25s ease;
}

.page-business .deliveryCard:hover {
	transform: translateY(-5px);
	border-color: rgba(25, 194, 201, .6);
}

.page-business .deliveryNumber {
	color: rgba(25, 194, 201, .32);
	font-size: 46px;
	font-weight: 800;
	line-height: 1;
}

.page-business .deliveryTitle {
	margin-top: 30px;
	color: var(--text-light);
	font-size: 19px;
	font-weight: 700;
}

.page-business .deliveryText {
	margin-top: 14px;
	color: var(--text-muted);
	font-size: 14px;
	line-height: 1.8;
}

.page-business .businessCta {
	width: min(1200px, calc(100% - 64px));
	margin: 24px auto 0;
	padding: 28px 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	border: 1px solid rgba(22, 119, 255, .32);
	border-radius: 6px;
	background: linear-gradient(100deg, rgba(22, 119, 255, .18), rgba(25, 194, 201, .08));
}

.page-business .businessCtaEyebrow {
	color: var(--cyan);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .18em;
}

.page-business .businessCtaTitle {
	margin-top: 9px;
	color: var(--text-light);
	font-size: 19px;
	font-weight: 600;
}

.page-business .businessCta > a {
	flex: 0 0 auto;
	padding: 14px 24px;
	border-radius: 4px;
	background: var(--tech-blue);
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 10px 24px rgba(22, 119, 255, .22);
	transition: transform .2s ease, background .2s ease;
}

.page-business .businessCta > a:hover {
	transform: translateY(-2px);
	background: var(--cyan);
}

@media (max-width: 900px) {
	.page-business .areaDetail {
		grid-template-columns: 1fr;
	}

	.page-business .areaDetailVisual {
		min-height: 280px;
		border-right: 0;
		border-bottom: 1px solid var(--line-dark);
	}

	.page-business .areaDetailIntro {
		border-right: 0;
		border-bottom: 1px solid var(--line-dark);
	}

	.page-business .deliveryGrid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 620px) {
	.page-business .areaDetail,
	.page-business .deliveryGrid,
	.page-business .businessCta {
		width: calc(100% - 32px);
	}

	.page-business .areaDetailIntro,
	.page-business .areaDetailVisual,
	.page-business .areaDetailCapabilities {
		padding: 30px 24px;
	}

	.page-business .deliveryGrid {
		grid-template-columns: 1fr;
	}

	.page-business .deliveryCard {
		min-height: 210px;
	}

	.page-business .businessCta {
		padding: 24px;
		align-items: flex-start;
		flex-direction: column;
	}

	.page-business .businessCta > a {
		width: 100%;
		text-align: center;
	}
}

/* Final mobile overflow safeguards and APP service-flow composition */
@media (max-width: 820px) {
	.midboxin_bot {
		width: 100% !important;
		max-width: 100%;
	}

	#middleswiper {
		min-width: 0 !important;
	}

	.indexpage .caselistbox {
		position: absolute;
		top: 282px;
		left: 16px;
		width: calc(100% - 32px);
		height: auto;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		background: transparent;
	}

	.indexpage .caselistbox > div,
	.indexpage .caselistbox > div:nth-child(n+3) {
		display: flex !important;
		height: clamp(112px, 17vh, 146px);
		border: 1px solid var(--line-dark);
		border-radius: 5px;
		overflow: hidden;
	}

	.indexpage .caselistbox > .casefive {
		grid-column: 1 / -1;
	}

	.indexpage .casecenterbox {
		width: 100%;
		padding: 10px 8px;
	}

	.indexpage .casecenterbox > img {
		width: 42px !important;
		height: 42px !important;
	}

	.indexpage .textcn {
		margin-top: 8px;
		font-size: 16px !important;
		line-height: 1.3;
	}

	.indexpage .texten {
		margin-top: 5px;
		padding: 0 6px;
		font-size: 7px !important;
		line-height: 1.35;
		letter-spacing: .05em;
	}

	.indexpage .flowbodybox {
		width: calc(100% - 32px) !important;
		min-width: 0 !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	.indexpage .flowbodybox > div {
		height: clamp(112px, 17vh, 146px) !important;
	}

	.indexpage .flowitembox > img {
		width: 42px !important;
		height: 42px !important;
	}

	.indexpage .flowcn {
		margin-top: 9px;
		font-size: 17px !important;
		line-height: 1.25;
	}

	.indexpage .flowen {
		margin-top: 5px;
		padding: 0 7px;
		font-size: 7px !important;
		line-height: 1.35;
		letter-spacing: .06em;
	}

	.indexpage .clientfootbox .foot_box {
		width: 100% !important;
		min-height: 0;
	}

	.indexpage .clientfootbox .box_top {
		display: none;
	}

	.indexpage .clientfootbox .box_floot {
		margin: 0;
		padding: 14px 16px;
		font-size: 10px;
		line-height: 1.5;
	}

	.page-app .serverflow {
		height: auto !important;
		min-height: 0;
		padding-bottom: 72px;
	}

	.page-app .serverflow .two_title_content {
		padding-top: 72px !important;
	}

	.page-app .flowbox {
		margin-top: 48px !important;
	}

	.page-app .flowboxtop {
		counter-reset: app-flow-step;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 14px !important;
	}

	.page-app .flowboxtop > .flowitem {
		counter-increment: app-flow-step;
		position: relative;
		display: grid !important;
		grid-template-columns: 54px minmax(0, 1fr);
		grid-template-rows: auto auto;
		column-gap: 16px;
		align-items: center;
		width: 100%;
		min-height: 116px;
		padding: 20px 48px 20px 20px;
	}

	.page-app .flowboxtop > .flowitem::after {
		content: "0" counter(app-flow-step);
		position: absolute;
		top: 16px;
		right: 16px;
		color: rgba(22, 119, 255, .38);
		font-size: 11px;
		font-weight: 800;
		letter-spacing: .08em;
	}

	.page-app .flowimg {
		grid-column: 1;
		grid-row: 1 / 3;
		width: 42px;
		height: 45px;
		margin: 0 !important;
	}

	.page-app .flowtitle,
	.page-app .flowsubtit {
		grid-column: 2;
		text-align: left;
	}

	.page-app .flowtitle {
		grid-row: 1;
		margin-bottom: 4px;
	}

	.page-app .flowsubtit {
		grid-row: 2;
	}

	.page-app .flowboxbot {
		display: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#middleswiper .swiper-slide > img,
	.index-swiper > .swiper-wrapper > .swiper-slide .banmiddlebox,
	.banmiddlebox .midtitle,
	.banmiddlebox .midcenbox,
	.banmiddlebox .midbotbox,
	.index-swiper > .swiper-wrapper > .swiper-slide .clientpromise > article,
	.index-swiper > .swiper-wrapper > .swiper-slide .clientaction,
	.index-swiper > .swiper-wrapper > .swiper-slide .bustitle,
	.index-swiper > .swiper-wrapper > .swiper-slide .bussubtitle,
	.index-swiper > .swiper-wrapper > .swiper-slide .casetop,
	.index-swiper > .swiper-wrapper > .swiper-slide .casebot,
	.index-swiper > .swiper-wrapper > .swiper-slide .partnertop,
	.index-swiper > .swiper-wrapper > .swiper-slide .partnerbot,
	.index-swiper > .swiper-wrapper > .swiper-slide .buslist > div,
	.index-swiper > .swiper-wrapper > .swiper-slide .caselistbox > div,
	.index-swiper > .swiper-wrapper > .swiper-slide .partnerlistbox > div,
	.index-swiper > .swiper-wrapper > .swiper-slide .flowbodybox > div {
		animation: none !important;
		transition: none !important;
		opacity: 1 !important;
		transform: none !important;
		translate: 0 0 !important;
		filter: none !important;
	}

	.bannerbox::after {
		display: none;
	}

	.about-motion-ready .page-about .companyintroductory .companytit > div,
	.about-motion-ready .page-about .companyintroductory .companytit::after,
	.about-motion-ready .page-about .companyintroductory .companybody,
	.about-motion-ready .page-about .companyintroductory .companybody > div,
	.about-motion-ready .page-about .companyintroductory .companybody::before,
	.about-motion-ready .page-about .companyintroductory .companybody::after {
		opacity: 1 !important;
		transform: none !important;
		translate: 0 0 !important;
		filter: none !important;
		transition: none !important;
		animation: none !important;
	}

	.about-motion-ready .page-about .companyintroductory .companytit::after {
		transform: translateX(-50%) !important;
	}

	.hardware-motion-ready .page-hardware .headwarebox .title_top_box > div,
	.hardware-motion-ready .page-hardware .headwarebox .title_top_box::after,
	.hardware-motion-ready .page-hardware .headwarebox .warebody,
	.hardware-motion-ready .page-hardware .headwarebox .wareimgbox,
	.hardware-motion-ready .page-hardware .headwarebox .wareimgbox > img,
	.hardware-motion-ready .page-hardware .headwarebox .waretexttit,
	.hardware-motion-ready .page-hardware .headwarebox .warecontent,
	.hardware-motion-ready .page-hardware .headwarebox .waretextbox::before {
		opacity: 1 !important;
		transform: none !important;
		translate: 0 0 !important;
		filter: none !important;
		clip-path: none !important;
		transition: none !important;
		animation: none !important;
	}

	.hardware-motion-ready .page-hardware .headwarebox .title_top_box::after {
		transform: translateX(-50%) !important;
	}

	.hardware-motion-ready .page-hardware .capacitybox .title_top_box > div,
	.hardware-motion-ready .page-hardware .capacitybox .title_top_box::after,
	.hardware-motion-ready .page-hardware .capacitybox .capacitybody > .waretextbox,
	.hardware-motion-ready .page-hardware .capacitybox .capacityright > div,
	.hardware-motion-ready .page-hardware .masterfunction .title_top_box > div,
	.hardware-motion-ready .page-hardware .masterfunction .title_top_box::after,
	.hardware-motion-ready .page-hardware .masterfunction .functionbody > div {
		opacity: 1 !important;
		transform: none !important;
		translate: 0 0 !important;
		filter: none !important;
		transition: none !important;
		animation: none !important;
	}

	.hardware-motion-ready .page-hardware .capacitybox .title_top_box::after,
	.hardware-motion-ready .page-hardware .masterfunction .title_top_box::after {
		transform: translateX(-50%) !important;
	}

	.app-motion-ready .page-app .two_title_content > div,
	.app-motion-ready .page-app .two_title_content::after,
	.app-motion-ready .page-app .serveritembox > div,
	.app-motion-ready .page-app .technology .telcontentbox,
	.app-motion-ready .page-app .technology .telcontentbox > div,
	.app-motion-ready .page-app .customization .customimgbox,
	.app-motion-ready .page-app .customization .customimgbox > img,
	.app-motion-ready .page-app .customization :is(.customileft, .customiright) > div,
	.app-motion-ready .page-app .caseviewbody > div,
	.app-motion-ready .page-app .caseviewbox .caseviewbtn,
	.app-motion-ready .page-app .serverflow .flowboxtop > .flowitem,
	.app-motion-ready .page-app .serverflow .flowboxbot::after,
	.app-motion-ready .page-app .serverflow .flowbotitem > div,
	.app-motion-ready .page-app .serobjectbody > .serobjectitem,
	.page-app .serviceIconDiamond,
	.page-app .serviceIconDiamond > img {
		opacity: 1 !important;
		transform: none !important;
		translate: 0 0 !important;
		filter: none !important;
		clip-path: none !important;
		transition: none !important;
		animation: none !important;
	}

	.app-motion-ready .page-app .two_title_content::after {
		transform: translateX(-50%) !important;
	}

	.app-motion-ready .page-app .serverflow .flowboxbot::after {
		transform: translateY(-50%) !important;
	}

	.page-app .serviceIconDiamond {
		transform: rotate(45deg) !important;
	}

	.page-app .serviceIconDiamond > img {
		transform: rotate(-45deg) !important;
	}

	.miniapp-motion-ready .page-miniapp .two_title_content > div,
	.miniapp-motion-ready .page-miniapp .two_title_content::after,
	.miniapp-motion-ready .page-miniapp .whatappletbody,
	.miniapp-motion-ready .page-miniapp .whatappletbody > img,
	.miniapp-motion-ready .page-miniapp :is(
		.advantagebody,
		.authoritybody,
		.fourstepbody,
		.applicablebody,
		.newestbody
	) > div,
	.miniapp-motion-ready .page-miniapp .newestfloot,
	.miniapp-motion-ready .page-miniapp .openapplet > div {
		opacity: 1 !important;
		transform: none !important;
		translate: 0 0 !important;
		filter: none !important;
		clip-path: none !important;
		transition: none !important;
		animation: none !important;
	}

	.miniapp-motion-ready .page-miniapp .two_title_content::after {
		transform: translateX(-50%) !important;
	}

	.case-motion-ready .page-cases .casebodybox > .caseitem,
	.case-motion-ready .page-cases .casebodybox > .caseimgnamebox,
	.page-cases .caseitem > img,
	.page-cases .caseimgnamebox > img,
	.page-cases .caseitem > div > img {
		opacity: 1 !important;
		transform: none !important;
		translate: 0 0 !important;
		filter: none !important;
		transition: none !important;
		animation: none !important;
	}

	.parking-motion-ready .page-parking .title_top_box > div,
	.parking-motion-ready .page-parking .title_top_box::after,
	.parking-motion-ready .page-parking .caseadvantbody > div,
	.parking-motion-ready .page-parking :is(
		.slovebody,
		.masterbody,
		.applyenbody,
		.applyscenebody
	),
	.page-parking .caseadvantbody > div > img,
	.page-parking :is(
		.slovebody,
		.masterbody,
		.applyenbody,
		.applyscenebody
	) > img {
		opacity: 1 !important;
		transform: none !important;
		translate: 0 0 !important;
		filter: none !important;
		clip-path: none !important;
		transition: none !important;
		animation: none !important;
	}

	.parking-motion-ready .page-parking .title_top_box::after {
		transform: translateX(-50%) !important;
	}

	.iot-motion-ready .page-iot .title_top_box > div,
	.iot-motion-ready .page-iot .title_top_box::after,
	.iot-motion-ready .page-iot .caseadvantbody > div,
	.iot-motion-ready .page-iot :is(
		.slovebody,
		.masterbody,
		.applyenbody,
		.applyscenebody
	),
	.page-iot .caseadvantbody > div > img,
	.page-iot :is(
		.slovebody,
		.masterbody,
		.applyenbody,
		.applyscenebody
	) > img {
		opacity: 1 !important;
		transform: none !important;
		translate: 0 0 !important;
		filter: none !important;
		clip-path: none !important;
		transition: none !important;
		animation: none !important;
	}

	.iot-motion-ready .page-iot .title_top_box::after {
		transform: translateX(-50%) !important;
	}

	.energy-motion-ready .page-energy .title_top_box > div,
	.energy-motion-ready .page-energy .title_top_box::after,
	.energy-motion-ready .page-energy .caseadvantbody > div,
	.energy-motion-ready .page-energy :is(
		.slovebody,
		.masterbody,
		.applyenbody,
		.applyscenebody
	),
	.page-energy .caseadvantbody > div > img,
	.page-energy :is(
		.slovebody,
		.masterbody,
		.applyenbody,
		.applyscenebody
	) > img {
		opacity: 1 !important;
		transform: none !important;
		translate: 0 0 !important;
		filter: none !important;
		clip-path: none !important;
		transition: none !important;
		animation: none !important;
	}

	.energy-motion-ready .page-energy .title_top_box::after {
		transform: translateX(-50%) !important;
	}

	.solution-motion-ready :is(.page-environment, .page-charging) .title_top_box > div,
	.solution-motion-ready :is(.page-environment, .page-charging) .title_top_box::after,
	.solution-motion-ready :is(.page-environment, .page-charging) .caseadvantbody > div,
	.solution-motion-ready :is(.page-environment, .page-charging) :is(
		.slovebody,
		.masterbody,
		.applyenbody,
		.applyscenebody
	),
	:is(.page-environment, .page-charging) .caseadvantbody > div > img,
	:is(.page-environment, .page-charging) :is(
		.slovebody,
		.masterbody,
		.applyenbody,
		.applyscenebody
	) > img {
		opacity: 1 !important;
		transform: none !important;
		translate: 0 0 !important;
		filter: none !important;
		clip-path: none !important;
		transition: none !important;
		animation: none !important;
	}

	.solution-motion-ready :is(.page-environment, .page-charging) .title_top_box::after {
		transform: translateX(-50%) !important;
	}

	.page-business .areaCard,
	.page-business .areaDetailIndex,
	.page-business .areaDetailTitle,
	.page-business .areaDetailDescription,
	.page-business .areaDetailValue,
	.page-business .areaDetailVisual,
	.page-business .areaDetailVisualFrame > img,
	.page-business .areaDetailCapabilities li,
	.page-business .equibody > div,
	.page-business .equibody > div > img,
	.page-business .equibody > div > div {
		transition: none !important;
		animation: none !important;
	}

	.motion-ready.page-business .areabody .areaCard,
	.motion-ready.page-business .equibody > div {
		opacity: 1 !important;
		transform: none !important;
	}
}