@charset "utf-8";
/* CSS Document */
/*产品中心*/
.pr-showcase {
            display: flex;
            max-width: 900px;
            margin: 0 auto;
            gap: 20px;
			padding-bottom:30px;
			padding-top:20px;
        }
.left-product {
            flex:3.5;
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            transition: all 0.3s;
        }
.right-products {
            flex:6.5;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
.product-card {
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            transition: all 0.3s;
        }
.product-link {
            display: block;
            height: 100%;
        }
.product-image{
	margin:0px  !important; 
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }
		
.product-title {
            position: absolute;
            bottom: 20px;
            left: 20px;
            color: white;
            font-size: 1.5em;
            font-weight: bold;
            text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
			
        }
.left-product .product-title {
            font-size: 1.5em;
        }
	
.product-desc {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,0);
            color: white;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            opacity: 0;
            transition: opacity 0.3s;
        }
.product-card:hover {
            transform: scale(1.02);
        }
.product-card:hover .product-image {
            transform: scale(1.1);
        }
.product-card:hover .product-desc {
            opacity: 1;
        }
.product-card:hover .product-title {
	display:none;
        }		
@media screen and (max-width:500px){
	.pr-showcase {
		padding-top:20px;
		margin-left:-20px;
             
        }
		.product-title {font-size: 1.2em; }
		.left-product .product-title {
            font-size:1.2em;
        }
}