/* 内容 */
.content {
	width: 100%;
	position: relative;
}

/* 顶部banner */
.banner {
	width: 100%;
	height: calc(350/var(--main-font) * 1rem) !important;
}

.banner .image {
	width: 100%;
	height: 100%;
}

.banner>ul>li {
	position: relative;
}

.banner>ul>li>.image img {
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}

.part {
	position: absolute;
	top: calc(37/var(--main-font) * 1rem) !important;
	right: calc(350/var(--main-font) * 1rem) !important;
	width: calc(288/var(--main-font) * 1rem) !important;
	height: calc(260/var(--main-font) * 1rem) !important;
	padding-left: calc(45/var(--main-font) * 1rem) !important;
	padding-top: calc(31/var(--main-font) * 1rem) !important;
	box-sizing: border-box;
}

.part .bgimg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: calc(288/var(--main-font) * 1rem) !important;
	height: calc(260/var(--main-font) * 1rem) !important;
}

.part .bgimg img {
	width: 100%;
	height: 100%;
}

.part .item_content {
	position: absolute;
	top: calc(30/var(--main-font) * 1rem) !important;
	;
	left: calc(30/var(--main-font) * 1rem) !important;
	;
	z-index: 1000;
}

.part .item {
	width: 100%;
	overflow: hidden;
	margin-bottom: calc(18rem/var(--main-font)) !important;
}

.part .item img {
	float: left;
	margin-right: calc(10rem/var(--main-font)) !important;
	width: calc(26rem/var(--main-font)) !important;
	height: calc(25rem/var(--main-font)) !important;
}

.part .item a {
	float: left;
	font-size: calc(18rem/var(--main-font)) !important;
	line-height: calc(18rem/var(--main-font)) !important;
	padding-bottom: calc(10rem/var(--main-font)) !important;
	color: #000000;
}

.part .item a:hover {
	border-bottom: calc(2rem/var(--main-font)) solid #0176f1;
	color: #0176f1;
	font-weight: bold;
}

.ad_a,
.ad_b {
	width: 100%;
	overflow: hidden;
	background-color: #ffffff;
}

.ad_b {
	margin-top: calc(50rem/var(--main-font)) !important;
}

.ad_a .center,
.ad_b .center {
	width: calc(1480rem/var(--main-font));
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-top: calc(31rem/var(--main-font));
	margin-bottom: calc(20rem/var(--main-font));
}

.ad_b .center {
	margin-top: 0;
	margin-bottom: calc(26rem/var(--main-font));
}

.ad_a .center .item {
	width: calc(470rem/var(--main-font));
	height: calc(117rem/var(--main-font));
	background-color: #ffffff;
	box-shadow: calc(1rem/var(--main-font)) calc(1rem/var(--main-font)) calc(21rem/var(--main-font)) calc(0rem/var(--main-font)) rgba(217, 227, 236, 0.83);
	position: relative;
}

.ad_a .center .item img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

.ad_a .center .item .content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	height: 100%;
	padding-top: calc(32rem/var(--main-font));
	padding-left: calc(147rem/var(--main-font))
}

.ad_a .center .item .content .title {
	font-size: calc(20rem/var(--main-font));
	line-height: 2;
	color: #1c1414;
	font-weight: bold;
}

.ad_a .center .item .content .name {
	font-size: calc(18rem/var(--main-font));
	line-height: 2;
	color: #0276f1;
}

.ad_b .center .item {
	width: calc(737rem/var(--main-font));
	height: calc(222rem/var(--main-font));
}

.ad_b .center .item img {
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}

.test {
	width: 100%;
	height: calc(840rem/var(--main-font));
	background-color: #f1f5f9;
	position: relative;
}

.test .bgimg {
	position: absolute;
	z-index: 10;
	top: calc(211rem/var(--main-font));
	left: 0;
	width: calc(410rem/var(--main-font));
	height: calc(399rem/var(--main-font));
}

.test .bgimg img {
	width: 100%;
	height: 100%;
}

.test .center {
	position: absolute;
	top: calc(60rem/var(--main-font));
	left: calc(100% - 1695rem/var(--main-font));
	z-index: 100;
	width: calc(1480rem/var(--main-font));
	margin: 0 auto;
}

.test .center>.title {
	width: 100%;
	overflow: hidden;
	margin-bottom: calc(30rem/var(--main-font));
}

.test .center .title .left {
	float: left;
	overflow: hidden;
	width: calc(174rem/var(--main-font));
}

.test .center .title .left .title_name {
	float: left;
	font-size: calc(30rem/var(--main-font));
	font-weight: bold;
	line-height: 1;
	color: #323232;
}

.test .center .title .left .arrow {
	float: left;
	width: calc(40rem/var(--main-font));
	height: calc(29rem/var(--main-font));
	margin-left: calc(14rem/var(--main-font));
}

.test .center .title .left .arrow img {
	width: 100%;
	height: 100%;
}

.test .center .title .right {
	display: flex;
	width: calc(1306/var(--main-font) * 1rem);
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0 calc(90/var(--main-font) * 1rem);
	box-sizing: border-box;
	gap: calc(50/var(--main-font) * 1rem);
	margin-top: calc(-1 * 1rem/var(--main-font)) 0;
}

.test .center .title .right .item {
	flex-shrink: 0;
	font-size: calc(18/var(--main-font) * 1rem);
	line-height: calc(36/var(--main-font) * 1rem);
	color: #1a1a1a;
	cursor: pointer;
}

.test .center .title .right .item_choose {
	color: #0276f1;
	font-weight: bold;
}

/* --- Firefox 标准语法 --- */
* {
	scrollbar-width: thin;
	scrollbar-color: #a8a8a8 #f5f5f5;
}

/* --- WebKit (Chrome, Safari, Edge) 语法 --- */
::-webkit-scrollbar {
	width: calc(8/var(--main-font) * 1rem);
	height: calc(8/var(--main-font) * 1rem);
}

::-webkit-scrollbar-track {
	background: #f5f5f5;
	border-radius: calc(10/var(--main-font) * 1rem);
}

::-webkit-scrollbar-thumb {
	background-color: #c1c1c1;
	border-radius: calc(10/var(--main-font) * 1rem);
	border: calc(2/var(--main-font) * 1rem) solid #f5f5f5;
	/* 创建一个看起来更细的滑块效果 */
	transition: background-color .3s;
}

.test .center .detail {
	width: 100%;
	overflow: hidden;
}

.test .center .detail .left {
	float: left;
	width: calc(450/var(--main-font) * 1rem);
	height: calc(645/var(--main-font) * 1rem);
	background-color: #000000;
	position: relative;
}

.test .center .detail .left .bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

.test .center .detail .left .bg img {
	width: 100%;
	height: 100%;
}

.test .center .detail .left .matter {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	padding: calc(134rem/var(--main-font)) calc(47rem/var(--main-font));
	box-sizing: border-box;
	font-size: calc(18rem/var(--main-font));
	line-height: 3;
	color: #ffffff;
}

.test .center .detail .left .matter .left_a {
	width: 100%;
	font-size: calc(24rem/var(--main-font));
	line-height: 3;
	color: #ffffff;
	border-bottom: calc(1rem/var(--main-font)) solid #ffffff;
}

.test .center .detail .left .matter .left_b {
	margin-top: calc(33rem/var(--main-font));
}

.test .center .detail .left .matter .left_c {
	margin-top: calc(60rem/var(--main-font));
}

.test .center .detail .left .matter .btn {
	display: block;
	width: calc(137rem/var(--main-font)) !important;
	height: calc(45rem/var(--main-font)) !important;
	line-height: calc(45rem/var(--main-font)) !important;
	background-color: #0276f1;
	border-radius: calc(10rem/var(--main-font)) !important;
	margin-top: calc(100rem/var(--main-font)) !important;
	text-align: center;
	color: #ffffff !important;
}

.test .center .detail .right {
	float: right;
	width: calc(1020rem/var(--main-font)) !important;
	overflow: hidden;
}

.test .center .detail .right .item {
	float: left;
	width: calc(250rem/var(--main-font)) !important;
	background-color: #ffffff;
	margin-right: calc(5rem/var(--main-font)) !important;
	margin-bottom: calc(5rem/var(--main-font)) !important;
}

.test .center .detail .right .item .img {
	width: 100%;
	height: calc(186rem/var(--main-font)) !important;
}

.test .center .detail .right .item .img img {
	width: 100%;
	height: 100%;
}

.test .center .detail .right .item .name {
	width: 100%;
	text-align: center;
	font-size: calc(18rem/var(--main-font));
	line-height: 2;
	color: #000000;
	padding: 0 calc(10rem/var(--main-font));
	box-sizing: border-box;
	white-space: nowrap;
	/* 防止文本换行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 显示省略号来表示溢出的内容 */
}

.test .center .detail .right .item .money {
	width: 100%;
	overflow: hidden;
	padding: 0 calc(10rem/var(--main-font));
	box-sizing: border-box;
}

.test .center .detail .right .item .money .money1 {
	float: left;
	font-size: calc(22rem/var(--main-font));
	line-height: 2;
	color: #0276f1;
}

.test .center .detail .right .item .money .money2 {
	float: left;
	font-size: calc(16rem/var(--main-font));
	line-height: 1;
	color: #c1c1c1;
	margin-top: calc(15rem/var(--main-font));
	margin-left: calc(10rem/var(--main-font));
	text-decoration: line-through;
}

.test .center .detail .right .item .btn {
	width: 100%;
	overflow: hidden;
	padding: 0 calc(10rem/var(--main-font));
	box-sizing: border-box;
	margin-bottom: calc(21rem/var(--main-font));
}

.test .center .detail .right .item .btn .btn1 {
	float: left;
	width: calc(103rem/var(--main-font));
	height: calc(33rem/var(--main-font));
	line-height: calc(33rem/var(--main-font));
	background-color: #0276f1;
	border-radius: calc(10rem/var(--main-font));
	text-align: center;
	color: #ffffff;
	margin-right: calc(3rem/var(--main-font));
	font-size: calc(15rem/var(--main-font));
}

.test .center .detail .right .item .btn .btn2 {
	float: left;
	width: calc(103rem/var(--main-font));
	height: calc(33rem/var(--main-font));
	line-height: calc(30rem/var(--main-font));
	background-color: #ffffff;
	border-radius: calc(10rem/var(--main-font));
	text-align: center;
	color: #0276f1;
	margin-right: calc(3rem/var(--main-font));
	border: calc(1rem/var(--main-font)) solid #0276f1;
	font-size: calc(15rem/var(--main-font));
}

.test_b {
	background-color: #ffffff;
}

.test_b .right_b {
	float: right;
	width: calc(1030rem/var(--main-font));
}

.test_b .right_b .item {
	float: left;
	width: 33.333%;
	border: solid #d2e9f7 calc(1rem/var(--main-font));
	padding: calc(33rem/var(--main-font));
	box-sizing: border-box;
}

.test_b .right_b .item .title {
	font-size: calc(22rem/var(--main-font));
	line-height: 2;
	color: #323232;
	white-space: nowrap;
	/* 防止文本换行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 显示省略号来表示溢出的内容 */
}

.test_b .right_b .item .tag {
	width: 100%;
	overflow: hidden;
}

.test_b .right_b .item .tag_a {
	float: left;
	overflow: hidden;
	background-color: #d4e9ff;
	font-size: calc(16rem/var(--main-font));
	line-height: calc(30rem/var(--main-font));
	color: #486b8f;
	margin-right: calc(5rem/var(--main-font));
	padding: 0 calc(5rem/var(--main-font));
}

.test_b .right_b .item .desc {
	font-size: calc(16rem/var(--main-font));
	line-height: calc(24rem/var(--main-font));
	color: #323232;
	margin-top: calc(25rem/var(--main-font));
}

/* ================== 【已添加】滚动墙的专属样式 ================== */
/* 使用ID选择器提高优先级，防止被项目全局样式覆盖 */
#my-seamless-carousel,
#my-seamless-carousel-b {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* padding: 50px 0; */
	background-color: #ffffff;
	box-sizing: border-box;
}

#my-seamless-carousel {
	padding-bottom: calc(43rem/var(--main-font));
}

#my-seamless-carousel-b {
	background-image: linear-gradient(0deg,
			#ffffff 1%,
			#e8f3ff 100%);
	padding: calc(43rem/var(--main-font)) 0;
}

#my-seamless-carousel .section-title,
#my-seamless-carousel-b .section-title {
	font-size: calc(30rem/var(--main-font));
	font-weight: bold;
	color: #323232;
	margin-bottom: calc(30rem/var(--main-font));
}

#my-seamless-carousel .section-title img,
#my-seamless-carousel-b .section-title img {
	display: block;
	width: calc(80rem/var(--main-font));
	height: calc(10rem/var(--main-font));
	margin: 0 auto;
	margin-top: calc(15rem/var(--main-font));
}

#my-seamless-carousel .carousel-container {
	/* width: calc(1480rem/var(--main-font)); */
	max-width: 100%;
	overflow: hidden;
	padding: calc(20rem/var(--main-font)) 0;
	background-color: #f7f9fd;
	box-shadow: 0 calc(4rem/var(--main-font)) calc(12rem/var(--main-font)) rgba(0, 0, 0, 0.05);
	/* border: 1px solid #ddd;
	border-radius: 8px; */
}

#my-seamless-carousel-b .carousel-container {
	max-width: 100%;
	overflow: hidden;
	padding: calc(20rem/var(--main-font)) 0;
}

#my-seamless-carousel .carousel-track,
#my-seamless-carousel-b .carousel-track {
	display: flex;
}

@keyframes scrollLeft {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

#my-seamless-carousel .carousel-item,
#my-seamless-carousel-b .carousel-item {
	width: calc(510rem/var(--main-font));
	/* 宽度可以微调以适应整体布局 */
	height: calc(282rem/var(--main-font));
	flex-shrink: 0;
	padding: calc(20rem/var(--main-font)) calc(35rem/var(--main-font));
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	/* 重置可能存在的外部margin */
	background-image: url('https://inews.gtimg.com/om_bt/OXp0VXNiDzc2sx2CbzrnQapRtm7twZesN4jitAz_K2C4MAA/641');
	background-size: cover;
	/* 使背景图片覆盖整个元素，同时保持图片的宽高比 */
	background-position: center;
	/* 保持图片居中 */
	background-repeat: no-repeat;
	/* 防止图片重复 */
	margin: 0 calc(10rem/var(--main-font));
}

#my-seamless-carousel .carousel-item img,
#my-seamless-carousel-b .carousel-item img {
	width: 100%;
	height: 100%;
	/* object-fit: contain; */
	cursor: pointer;
	transition: transform 0.2s ease;
	/* filter: grayscale(100%); */
	/* 默认灰色，更显专业 */
	/* opacity: 0.7; */
}

#my-seamless-carousel .carousel-item img:hover,
#my-seamless-carousel-b .carousel-item img:hover {
	transform: scale(1.05);
	filter: grayscale(0%);
	/* 悬停时变彩色 */
	opacity: 1;
}

/* 灯箱样式 */
.lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.85);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.lightbox.show {
	display: flex;
}

.lightbox img {
	max-width: 50%;
	max-height: 50%;
	border-radius: calc(5rem/var(--main-font));
}

.lightbox .close-btn {
	position: absolute;
	top: calc(20rem/var(--main-font));
	left: 0;
	font-size: calc(40rem/var(--main-font));
	color: white;
	cursor: pointer;
}

.abouot_us {
	width: 100%;
	background-color: #FFFFFF;
	background-image: url('https://inews.gtimg.com/om_bt/OXp0VXNiDzc2sx2CbzrnQapRtm7twZesN4jitAz_K2C4MAA/641');
	padding: calc(60rem/var(--main-font));
}

.abouot_us .section-title {
	width: 100%;
	font-size: calc(30rem/var(--main-font));
	font-weight: bold;
	color: #323232;
	margin-bottom: calc(30rem/var(--main-font));
	text-align: center;
}

.abouot_us .section-title img {
	display: block;
	width: calc(80rem/var(--main-font));
	height: calc(10rem/var(--main-font));
	margin: 0 auto;
	margin-top: calc(15rem/var(--main-font));
}

.abouot_us .tab {
	width: calc(1480rem/var(--main-font));
	margin: 0 auto;
	overflow: hidden;
}

.abouot_us .tab .item {
	float: left;
	height: calc(90rem/var(--main-font));
	background-color: #ffffff;
	border: solid calc(1rem/var(--main-font)) #d6dde3;
	font-size: calc(24rem/var(--main-font));
	line-height: calc(90rem/var(--main-font));
	color: #020603;
	padding: 0 calc(130rem/var(--main-font));
	margin-right: calc(20rem/var(--main-font));
	font-weight: bold;
	margin-bottom: calc(52rem/var(--main-font));
}

.abouot_us .tab .item:nth-child(4n) {
	margin-right: 0;
}

.abouot_us .tab .item_choose {
	background-color: #0276f1;
	border: solid calc(1rem/var(--main-font));
	#d6dde3;
	color: #ffffff;
}

.abouot_us .content_show {
	width: calc(1480rem/var(--main-font));
	text-align: center;
	margin: 0 auto;
}

.abouot_us .content_show img {
	width: 100%;
}

.server {
	background-image: none;
	background-image: linear-gradient(0deg,
			#f1f5f9 0%,
			#ffffff 100%);
}

.server .section-title {
	margin-bottom: calc(100rem/var(--main-font));
}


/* 评价卡片 */
/* Google Fonts for better typography (optional) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap');

body {
	background-color: #f7f8fa;
	/* A light background for better contrast */
	font-family: 'Noto Sans SC', sans-serif;
}

/* ================== 客户案例轮播模块样式 ================== */
#customer-stories {
	max-width: calc(1400rem/var(--main-font));
	/* 控制模块最大宽度 */
	margin: calc(60rem/var(--main-font)) auto;
	/* 上下边距，并水平居中 */
	padding: 0 calc(60rem/var(--main-font));
	/* 留出空间给箭头 */
	box-sizing: border-box;
	position: relative;
}

#customer-stories .section-title {
	text-align: center;
	font-size: calc(28rem/var(--main-font));
	font-weight: 700;
	color: #333;
	margin-bottom: calc(40rem/var(--main-font));
}

/* 轮播视口，用于隐藏超出范围的卡片 */
#customer-stories .slider-viewport {
	width: 100%;
	overflow: hidden;
}

/* 轮播轨道，实际移动的元素 */
#customer-stories .slider-track {
	display: flex;
	gap: calc(25rem/var(--main-font));
	/* 卡片之间的间距 */
	transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
	/* 平滑的滑动动画 */
}

/* 单个卡片的样式 */
#customer-stories .story-card {
	flex: 0 0 calc((100% - (60rem/var(--main-font)))/3);
	/* 核心：显示3张卡片。100%宽度减去两个间距，再除以3 */
	box-sizing: border-box;
	background-color: #ffffff;
	border: calc(1rem/var(--main-font)) solid #cce7ff;
	/* 图片中的淡蓝色边框 */
	border-radius: calc(8rem/var(--main-font));
	padding: calc(25rem/var(--main-font));
	display: flex;
	flex-direction: column;
}

/* 卡片Logo */
#customer-stories .card-logo {
	margin-bottom: calc(20rem/var(--main-font));
	min-height: calc(50rem/var(--main-font));
	/* 保证高度一致 */
	display: flex;
	align-items: center;
}

#customer-stories .card-logo img {
	max-height: calc(90rem/var(--main-font));
	max-width: calc(302rem/var(--main-font));
}

/* 卡片服务 */
#customer-stories .card-services {
	font-size: calc(16rem/var(--main-font));
	color: #555;
	margin-bottom: calc(15rem/var(--main-font));
}

#customer-stories .card-services a {
	color: #007bff;
	/* 突出显示的服务项颜色 */
	text-decoration: none;
	font-weight: 500;
}

/* 卡片描述 */
#customer-stories .card-description {
	font-size: calc(14rem/var(--main-font));
	color: #2b4b6c;
	line-height: 1.8;
	margin: 0;
}

/* 左右箭头按钮 */
#customer-stories .slider-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: calc(44rem/var(--main-font));
	height: calc(44rem/var(--main-font));
	background-color: #fff;
	border: calc(1rem/var(--main-font)) solid #ddd;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 calc(2rem/var(--main-font)) calc(8rem/var(--main-font)) rgba(0, 0, 0, 0.08);
	transition: all 0.2s ease;
	z-index: 10;
}

#customer-stories .slider-btn:hover {
	border-color: #007bff;
	color: #007bff;
}

#customer-stories .slider-btn.prev {
	left: 0;
}

#customer-stories .slider-btn.next {
	right: 0;
}

#customer-stories .slider-btn-icon {
	width: calc(18rem/var(--main-font));
	height: calc(18rem/var(--main-font));
	stroke: currentColor;
	stroke-width: 2.5;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
}

#customer-stories .slider-btn:disabled {
	opacity: 0.4;
	cursor: not-allowed;
	border-color: #ddd;
	color: #aaa;
}

/* ================== 【已精简】错位滚动Logo墙样式 ================== */
#logo-wall {
	width: 100%;
	background-color: #ffffff;
	box-sizing: border-box;
}

#logo-wall .section-title {
	text-align: center;
	font-size: calc(30rem/var(--main-font));
	font-weight: bold;
	color: #323232;
	margin-bottom: calc(40rem/var(--main-font));
}

#logo-wall .logo-wall-container {
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: calc(20rem/var(--main-font));
}

@keyframes scrollLeft {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

@keyframes scrollRight {
	from {
		transform: translateX(-50%);
	}

	to {
		transform: translateX(0);
	}
}

#logo-wall .logo-track {
	display: flex;
	width: fit-content;
	will-change: transform;
}

#logo-wall .track-normal {
	animation: scrollLeft 60s linear infinite;
}

#logo-wall .track-reverse {
	animation: scrollRight 60s linear infinite;
}

#logo-wall .logo-wall-container:hover .logo-track {
	animation-play-state: paused;
}

#logo-wall .logo-item {
	flex-shrink: 0;
	width: calc(280rem/var(--main-font));
	height: calc(100rem/var(--main-font));
	margin: 0 calc(10rem/var(--main-font));
	padding: calc(15rem/var(--main-font));
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: calc(8rem/var(--main-font));
	box-shadow: 0 calc(4rem/var(--main-font)) calc(15rem/var(--main-font)) rgba(0, 0, 0, 0.05);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}

#logo-wall .logo-item:hover {
	transform: translateY(calc(-5rem/var(--main-font)); );
	box-shadow: 0 calc(8rem/var(--main-font)) calc(20rem/var(--main-font)) rgba(0, 0, 0, 0.08);
}

#logo-wall .logo-item img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	/* 已移除: cursor: pointer; */
}

.cooperator {
	width: 100%;
	background-color: #FFFFFF;
	padding: calc(60rem/var(--main-font)) 0;
}

.cooperator .section-title {
	width: 100%;
	font-size: calc(30rem/var(--main-font));
	font-weight: bold;
	color: #323232;
	margin-bottom: calc(30rem/var(--main-font));
	text-align: center;
}

.cooperator .section-title img {
	display: block;
	width: calc(80rem/var(--main-font));
	height: calc(10rem/var(--main-font));
	margin: 0 auto;
	margin-top: calc(15rem/var(--main-font));
}

/* 左侧导航 */
/* ========== 1. 全局及演示页面样式 ========== */
:root {
	/* 定义一个平滑滚动的行为 */
	scroll-behavior: smooth;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	margin: 0;
	line-height: 1.6;
	color: #333;
}


/* ========== 2. 悬浮导航组件样式 ========== */

/* 组件总容器 */
#floating-nav-widget {
	position: fixed;
	bottom: calc(400rem/var(--main-font));
	left: 0;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	/* 让面板和按钮都靠右对齐 */
}

/* 导航面板 (默认隐藏) */
#nav-panel {
	background-color: white;
	border-radius: calc(16rem/var(--main-font));
	box-shadow: 0 calc(8rem/var(--main-font)) calc(25rem/var(--main-font)) rgba(0, 0, 0, 0.15);
	margin-bottom: calc(15rem/var(--main-font));
	overflow: hidden;
	/* 配合圆角，隐藏内部元素的尖角 */
	width: calc(120rem/var(--main-font));
	/* 初始状态和动画 */
	opacity: 0;
	transform: translateY(calc(20rem/var(--main-font)));
	pointer-events: none;
	/* 隐藏时不可点击 */
	transition: opacity 0.3s ease, transform 0.3s ease;
}

#nav-panel nav {
	position: relative;
}

/* 当面板展开时的样式 */
#nav-panel.is-open {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
	/* 可见时恢复点击 */
}

#nav-panel ul {
	height: auto;
	list-style: none;
	margin: 0;
	padding: 8px 0;
}

#nav-panel ul li {
	padding: 0;
}

#nav-panel ul li a {
	display: block;
	padding: calc(12rem/var(--main-font)) calc(20rem/var(--main-font)) calc(12rem/var(--main-font)) calc(30rem/var(--main-font));
	font-size: calc(16rem/var(--main-font));
	color: #333;
	text-decoration: none;
	white-space: nowrap;
	position: relative;
	transition: background-color 0.2s ease, color 0.2s ease;
}

#nav-panel ul li a:hover {
	color: #0276f1 !important;
	font-weight: bold;
}

/* 激活状态的链接 */
#nav-panel ul li a.active {
	color: white;
	font-weight: bold;
	background-color: linear-gradient(90deg, #3facff 0%, #007bff 100%);
}

/* 激活状态左侧的蓝色小竖条 */
#nav-panel ul li a.active::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 60%;
	width: calc(4rem/var(--main-font));
	background-color: #0056b3;
	border-radius: 0 calc(4rem/var(--main-font)) calc(4rem/var(--main-font)) 0;
}

/* “收起”按钮 */
#nav-collapse-btn {
	display: block;
	width: 100%;
	padding: calc(12rem/var(--main-font)) calc(20rem/var(--main-font));
	border: none;
	background-color: transparent;
	border-top: calc(1rem/var(--main-font)) solid #eee;
	color: #888;
	font-size: calc(14rem/var(--main-font));
	cursor: pointer;
	text-align: center;
}

/* 页面导航触发器按钮 */
#nav-trigger-btn {
	position: absolute;
	left: 0;
	top: calc(420rem/var(--main-font));
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: calc(25rem/var(--main-font));
	/* 圆角矩形 */
	padding: calc(15rem/var(--main-font)) calc(20rem/var(--main-font));
	cursor: pointer;
	box-shadow: 0 calc(4rem/var(--main-font)) calc(12rem/var(--main-font)) rgba(0, 123, 255, 0.4);
	/* writing-mode: vertical-rl; */
	/* 文字竖排 */
	text-orientation: mixed;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(10rem/var(--main-font));
	/* 文字和图标的间距 */
	font-size: calc(16rem/var(--main-font));
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

#nav-trigger-btn:hover {
	background-color: #0056b3;
}

#nav-trigger-btn .arrow-icon {
	width: calc(1rem/var(--main-font));
	height: calc(1rem/var(--main-font));
	stroke: currentColor;
	stroke-width: 2;
	fill: none;
	transform: rotate(-90deg);
	/* 因为文字竖排了，图标要转回来 */
}