.product-center-page {
	/* height:6.7708rem; */
}

.product-center-page .product-top-box {
	background-image: url("/oss/images/img/新版产品中心/product-top-bg.png");
	/* background-size: contain; */
	background-size: 100% 100%;
	background-repeat: no-repeat;
	/* height: 5.4479rem; */
	height: 4.3333rem;
	width: 100%;
	position: relative;
}

.product-center-page .product-top-box .product-top-content {
	position: absolute;
	top: 30%;
	left: 8%;
}

.product-center-page .product-top-box .product-top-content .product-top-title {
	font-size: 0.3906rem;
	font-weight: 800;
	letter-spacing: 0px;
	line-height: 0.5656rem;
	color: rgba(255, 255, 255, 1);
	text-align: left;
	margin-bottom: 0.1042rem;
}

.product-center-page .product-top-box .product-top-content .product-top-sub-title {
	font-size: 0.2604rem;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 0.3771rem;
	color: rgba(255, 255, 255, 1);
	text-align: left;
}

.product-center-page .product-top-box .product-top-content .product-top-back {
	position: relative;
}

.product-top-back-a {
	position: absolute;
	bottom: 0;
	left: 10%;
	cursor: pointer;
	z-index: 4;
	font-size: 0.2083rem;
	font-weight: 400;
	letter-spacing: 0.0313rem;
	line-height: 0.3017rem;
	color: rgba(255, 255, 255, 1);
	text-align: left;
	vertical-align: top;
	display: flex;
	align-items: center;
}

.product-top-back-a:hover {
	color: #fff;
}

.product-top-back-a-img {
	transform: rotate(180deg);
	width: 0.1149rem;
	height: 0.1633rem;
	margin-right: 0.1042rem;
}

.product-center-body-box {
	padding: 0 8%;
	/* height:6.7708rem; */
	margin-top: 0.5208rem;
	display: flex;
	flex-direction: row;
}

.product-center-body-left-box {
	width: 25%;
	display: flex;
	flex-direction: column;
}

.product-center-body-left-border {
	display: block;
	width: 0.0104rem;
	height: 6.25rem;
	background: rgba(0, 0, 0, 0.1);
	margin: 0.3125rem 0 0.3125rem -0.0052rem;
}

.product-center-body-left-title {
	font-size: 0.1563rem;
	font-weight: 400;
	line-height: 0.2262rem;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	vertical-align: top;
	margin-bottom: 0.0521rem;
}

.search-container {
	position: relative;
	width: 100%;
	height: 0.2604rem;
}

.search-input {
	width: 87%;
	height: 100%;
	padding: 0.0625rem 0.2344rem 0.0625rem 0.1042rem;
	border: 1px solid #e0e0e0;
	border-right: none;
	font-size: 0.0833rem;
	transition: all 0.3s ease;
	box-sizing: border-box;
	position: absolute;
	top: 0;
}

.search-input:focus {
	outline: none;
	border-color: #007bff;
	box-shadow: 0 0 0.0417rem rgba(0, 123, 255, 0.3);
}

.search-img {
	width: 0.3229rem;
	height: 0.2604rem;
	background-color: rgba(205, 30, 25, 1);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	cursor: pointer;
	color: #666;
	font-size: 0.1042rem;
	transition: color 0.3s ease;
	display: flex;
	justify-content: center;
	align-items: center;
}

.search-img img {
	width: 0.1563rem;
	height: 0.1563rem;
}

.search-button:hover {
	color: #007bff;
}

.product-center-body-menu-list-box {
	width: 100%;
	margin-top: 0.3125rem;
}

.collapse-menu {
	width: 100%;
	background: #fff;
}

.menu-item {
	cursor: pointer;
}

.menu-icon {
	width: 0.1979rem;
	height: 0.1979rem;
	object-fit: contain;
	/* 保持图片比例‌:ml-citation{ref="1" data="citationList"} */
	vertical-align: middle;
}

.menu-title {
	padding: 0.0625rem 0.1042rem;
	margin: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 0.0781rem;
	/* 控制图文间距 */
	transition: background 0.3s;
	font-size: 0.1667rem;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 0.2414rem;
	color: rgba(51, 51, 51, 1);
	text-align: left;
	vertical-align: top;
}

.title-text {
	flex: 1;
	/* 占据剩余空间‌:ml-citation{ref="3,4" data="citationList"} */
}

.arrow {
	margin-left: auto;
	/* 自动推至最右侧‌:ml-citation{ref="1,3" data="citationList"} */
	width: 0.0625rem;
	height: 0.0625rem;
	border: 2px solid #666;
	border-top: 0;
	border-right: 0;
	transform: rotate(-45deg);
	transition: transform 0.3s;
}

/* 关闭状态（向右） */
.menu-item:not(.active) .arrow {
	transform: rotate(-135deg);
	/* margin-right: .0208rem; 微调位置 */
}

.menu-list {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}

.menu-list li:hover {
	background: rgba(204, 204, 204, 0.22);
}

/* 所有项默认展开 */
.menu-item.active .menu-list {
	max-height: 100%; //根据实际内容调整
}

.menu-list li {
	padding: 0.0781rem 0.3854rem;
	padding-right: 0 !important;
	font-size: 0.1146rem;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 0.1659rem;
	color: #666666;
	text-align: left;
	vertical-align: top;
	width: 100%;
	cursor: pointer;
}

/* 选中效果 */
.menu-item-child.active {
	background: rgba(204, 204, 204, 0.22);
	color: #cd1e19;
	border-right: 0.0417rem solid #d43030;
	transition: all 0.3s ease;
}

/* 悬停效果增强 */
.menu-item-child:hover {
	background: rgba(204, 204, 204, 0.22);
}

.product-center-body-right-box {
	width: 74%;
	/* height:6.7708rem; */
	margin-left: 0.1667rem;
	padding: 0.1563rem 0;
	display: none;
}

.product-center-body-right-box.active {
	display: block;
}

.product-center-body-right-top {
	width: 100%;
	height: 0.5208rem;
	padding: 0 0.1563rem;
}

.product-center-body-right-title {
	margin-bottom: 0.1563rem;
	font-size: 0.2708rem;
	font-weight: 700;
	letter-spacing: 0px;
	line-height: 0.3922rem;
	color: rgba(51, 51, 51, 1);
	text-align: left;
	vertical-align: top;
	display: inline-block;
}

.product-center-body-right-text {
	font-size: 0.0729rem;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 0.1056rem;
	color: red;
	text-align: left;
	vertical-align: baseline;
}

.product-center-body-right-border {
	display: block;
	width: 88%;
	height: 0.0104rem;
	background: #c7c7c7;
	margin-left: 0.1563rem;
}

.product-center-body-right-container {
	padding: 0.1563rem;
	/* height:5.2083rem; */
}

.product-center-body-right-card {
	display: flex;
	flex-direction: row;
	gap: 0.1875rem;
	flex-wrap: wrap;
}

.product-center-body-right-card-box {
	padding: 0.1979rem 0;
	width: 1.6771rem;
	height: 2.599rem;
	border-radius: 0.0729rem;
	cursor: pointer;
	background-image: url("/oss/images/img/新版产品中心/product-center-card-bg.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	transition: none;
}

.product-center-body-right-card-box:hover {
	transform: scale(1.05);
	animation: hoverEffect 0.3s ease forwards;
}

@keyframes hoverEffect {
	0% {
		transform: scale(1);
		box-shadow: none;
	}

	100% {
		transform: scale(1.05);
		box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	}
}

.product-center-body-right-card-title {
	font-size: 0.1146rem;
	font-weight: 700;
	letter-spacing: 0px;
	line-height: 0.1659rem;
	color: rgba(51, 51, 51, 1);
	text-align: left;
	vertical-align: top;
	padding: 0 0.1771rem;
	padding-right: 0;
}

.product-center-body-right-card-img-box {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	overflow: hidden;
}

.product-center-body-right-card-img {
	/* width: 1.8594rem;
    height: 1.4063rem; */
	width: 1.3854rem;
	height: 1.9063rem;
	margin: 0 auto;
	text-align: center;
	object-fit: contain !important;
}

@media (max-width: 768px) {
	.menu-item.active .menu-list {
		max-height: 100%; //根据实际内容调整
	}
}