.showtop{ width:100%;}
.showtop img{width:100%;margin-top:53px;}

/* 产品内容区域 */
.canpinarcbox {
	padding: 20px 15px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
}

.canpinarcheader {
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}

.canpinarcheader h1 {
	color: #2c3e50;
	font-size: 22px;
	font-weight: 600;
}

.content {
	padding: 0 5px;
}

.content p {
	margin-bottom: 15px;
	font-size: 20px;
	line-height:35px;
	color: #555;
	text-align: justify;
}



.arcpic {
	text-align: center;
	margin: 25px 0;
}

.arcpic img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}

.arcpic img:hover {
	transform: scale(1.02);
}
        

/* 响应式调整 */
@media (min-width: 768px) {

	.canpinarcbox {
		margin: 0 auto 30px;
		max-width: 700px;
		padding: 30px;
	}
	
}


@media (max-width: 480px) {

	.canpinarcheader h1 {
		font-size: 22px;
	}
	
	.content p {
		font-size: 17px; line-height:30px;
	}
	
}



        
/* 产品展示区域 */
.product-showcase {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 0;
	padding: 0 15px;
}

.product-item {
	width: 48%;
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* 产品图片 - 修改为6:5宽高比 */
.product-img {
	width: 100%;
	aspect-ratio: 6/5; /* 使用现代aspect-ratio属性 */
	object-fit: cover;
	display: block;
}

/* 兼容性方案 - 为不支持aspect-ratio的浏览器提供备用方案 */
@supports not (aspect-ratio: 6/5) {
	.product-img {
		height: 0;
		padding-bottom: 83.33%; /* 5/6 * 100% = 83.33% */
		position: relative;
	}
	
	.product-img img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.product-info {
	padding: 15px;
}

.product-name {
	text-align: center;
}

.product-name a {
	color: #2c3e50;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	transition: color 0.3s ease;
}

.product-name a:hover {
	color: #3498db;
}

/* 分页样式 - 改进版 */
.pagination-container {
	display: flex;
	justify-content: center;
	margin: 30px 0;
	padding: 0 15px;
}

#pagediv {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	max-width: 100%;
	gap: 5px;
}

#pagediv li {
	padding: 8px 12px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
	min-width: 40px;
	text-align: center;
}

#pagediv li:hover {
	background-color: #3498db;
	color: white;
}

#pagediv li.on {
	background-color: #3498db;
	color: white;
}

#pagediv a {
	text-decoration: none;
	color: inherit;
	display: block;
}