.prodlistcss{
    width:1200px;
    margin:50px auto;

}
    .prodlistcss .prodgrid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap:30px;
    }
    .prodlistcss .itemli {
        border: 1px solid #eee;
        border-radius: 4px;
        overflow: hidden;
        transition: all 0.3s ease;
    }
        .prodlistcss .itemli:hover {
            transform: translateY(-6px);
            box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
        }
        .prodlistcss .itemli .liimg {
            width: 100%;
            height: 260px;
            overflow: hidden;
        }
        .prodlistcss .itemli img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
        }
        .prodlistcss .itemli .lisx {
            padding: 20px;
        }
        .prodlistcss .itemli .linm {
            font-size: 15px;
            font-weight: bold;
            color: #0F4C81;
            height: 40px;
            line-height:20px;
            margin-bottom:10px;
        }
        .prodlistcss .itemli a {
            display: inline-block;
            background: #E65100;
            color: #fff;
            padding: 10px 24px;
            font-weight: 600;
            border-radius: 2px;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            font-size: 14px;
        }

            .prodlistcss .itemli a:hover {
                background: #c44500;
                transform: translateY(-2px);
                box-shadow: 0 4px 12px rgba(230, 81, 0, 0.25);
            }