.product-box {
	background: #fff;
	/* padding: clamp(1.5rem, 3vw, 3rem) 0; */
	/* 产品块之间留间距 */
}

.product-title {
    width: 90%;
    max-width: 1690px;
	margin: 0 auto;
	
}

.product-title-h2 {
    /* 字体大小：小屏最小30px，大屏最大50px，中间按视口宽度自适应 */
    font-size: clamp(30px, 4vw, 50px);
    /* 顶部内边距：小屏最小80px，大屏最大160px，自适应缩放 */
    padding-top: clamp(60px, 10vw, 110px);
    /* 底部内边距：小屏最小15px，大屏最大30px，自适应缩放 */
    padding-bottom: clamp(15px, 2vw, 30px);
    /* 可选：限制最大宽度并居中，优化大屏显示 */
    max-width: 1690px;
    margin: 0 auto;
}

.product-title-p {
    /* max-width: 1690px; */
    font-size: clamp(16px, 2vw, 32px);
	color: #646464;
    padding-bottom: clamp(40px, 6vw, 110px);
    /* margin: 0 auto; */
}

/* 容器布局：两个产品通用 */
.product-container {
	display: flex;
	gap: clamp(0.4rem, 1vw, 0.71rem);
	margin: 0 auto;
	width: 90%;
	align-items: flex-start;
}

/* 左侧容器：两个产品通用 */
.product-left {
	flex: 1.8;
	position: relative;
	width: 100%;
    max-width: 526px;
    max-height: 680px;
}

.product-img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	display: block;
    max-width: 526px;
    max-height: 680px;
	/* 取消图片底部空隙 */
}

/* 悬浮图公共样式：两个产品尺寸完全一致（100%宽度） */
.product-img-hover {
	position: absolute;
	width: 100%;
	/* 两个产品悬浮图宽度相同 */
	z-index: 1;
}

.product-img-hover img {
	width: 100%;
	/* 图片尺寸100%，无区别 */
	height: auto;
    /* max-height: 70%; */
	border-radius: 10px;
}

/* 第一个产品：悬浮图居中上移（仅定位差异） */
.product-img-1 {
	top: -10%;
	left: 50%;
	transform: translateX(-50%);
}

/* 第二个产品：悬浮图上右超出（仅定位差异） */
.product-img-2 {
	top: -10%;
	/* 上超出 */
	transform: none;
	width: 108%;
	/* 取消居中 */
}

/* 右侧容器：两个产品通用 */
.product-right {
	flex: 3.2;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	background-color: #f5f5f5;
	align-self: stretch;
}

.right-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
    /* object-position: center; 内容居中显示（默认值） */
	transition: opacity 0.3s ease;
}

.right-video {
	display: none;
    width: 100%;
    object-fit: cover;
}

/* PC端适配：仅微调定位参数，尺寸不变 */
@media (min-width: 1024px) {
	.product-container {
		width: 90%;
        max-width: 1690px;
	}

	.product-left {
		flex: 2;
        max-width: 526px;
        max-height: 680px;
	}

	.product-right {
		flex: 5;
        max-width: 1150px;
        max-height: 680px;
	}

	/* 宽度保持一致，仅调定位偏移 */
	.product-img-1 {
		top: -11%;
	}

	.product-img-2 {
		top: -12%;
	}
}

/* 超小屏适配：尺寸不变，微调定位 */
@media (max-width: 375px) {
	.product-left {
		flex: 1.5;
	}

	.product-right {
		flex: 3.5;
	}

	/* 宽度仍保持一致 */
	.product-img-1 {
		top: -6%;
	}

	.product-img-2 {
		top: -8%;
	}
}
