.product-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* 控制产品项之间的间距 */
    padding: 0 40px; /* 页面左右两侧的间距 */
    margin: 0 auto; /* 居中容器 */
    max-width: 1200px; /* 最大宽度，可以根据需要调整 */
}

.product-item {
    width: calc(20% - 10px); /* 每个产品项宽度为20%，减去间距 */
    box-sizing: border-box; /* 包含padding和border在内的宽度 */
    background-color: #ffffff; /* 背景颜色，根据需要调整 */
    padding: 10px; /* 内边距 */
    text-align: center; /* 文字居中 */
}

.product-item img {
    width: 80%; /* 图片宽度占满容器 */
    height: auto; /* 保持图片的原始宽高比 */
    transition: box-shadow 0.3s, border 0.3s; /* 平滑过渡效果 */
}

.product-item p {
    margin: 5px 0 0; /* 上边距5px */
}

/* 鼠标悬停效果 */
.product-item:hover img {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* 增加阴影效果 */
    border: 2px solid #007BFF; /* 改变边框颜色 */
}
a{color:#333;text-decoration:none}
a:hover{color:#ea0017}