.prodlist {
    width:1400px;
    margin:0 auto;
    padding-top:50px;
}

    .prodlist .pagenm {
        text-align:center;
        font-size:30px;
        font-weight:bold;
        color:#333;
        line-height:50px;
        margin-bottom:30px;
    }

    .prodlist .xlul {
        display:flex;
        justify-content:space-between;
        margin-bottom:50px;
    }

    .prodlist .xlitem {
        width: 23%;
        background-color: #FFF;
        padding: 30px;
        box-sizing: border-box;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        transition: transform 0.3s, box-shadow 0.3s;
    }
        .prodlist .xlitem:hover {
            transform: translateY(-6px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }
        .prodlist .xlitem .ico {
            width: 48px;
            height: 48px;
            text-align: center;
            border-radius: 50%;
            display: flex;
            align-items: center; 
            justify-content: center; 
        }
    .prodlist .ico1 {
        background-color: #3b82f6;
    }
    .prodlist .ico2 {
        background-color: #6366f1
    }
    .prodlist .ico3 {
        background-color: #14b8a6
    }
    .prodlist .ico4 {
        background-color: #06b6d4
    }
    .prodlist .xlitem i{
        color:#FFF;
        font-size:23px;
    }

.prodlist .xlitem h3 {
    color: #333;
    font-size: 20px;
}

        .prodlist .xlitem .ms {
            color:#4b5563;
            line-height:30px;
            font-size:16px;
        }
    .prodlist .produl {
    }
    .prodlist .prodli {
        float: left;
        width: 32%;
        margin-right: 2%;
        background-color: #FFF;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 28px;
        background-color: #FFF;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        transition: transform 0.3s, box-shadow 0.3s;
    }
        .prodlist .prodli:hover {
            transform: translateY(-6px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }
    .prodlist .prodli:nth-child(3n+3) {
        margin-right: 0%;
    }
    .prodlist .pimg {
        position:relative;
    }
    .prodlist .pimg img{
        display:block;
        width:100%;
    }
    .prodlist .pxl {
        position: absolute;
        z-index: 1;
        left: 16px;
        top: 16px;
        color: #1e40af;
        background-color: #dbeafe;
        padding: 0px 10px;
        line-height: 26px;
        height: 26px;
        border-radius: 13px;
        font-size: 14px;
        font-weight: 500;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"
    }

    .prodlist .pfield {
        padding:20px;
    }

    .prodlist .pnm {
        font-size:18px;
        font-weight:700;
        color:#111;
        line-height:30px;
    }

    .prodlist .psub {
        color: #4b5563;
        line-height:40px;
        font-size:16px;
    }

    .prodlist .sxul {

    }

    .prodlist .sxli {
        float: left;
        box-sizing:border-box;
        width: 48%;
        margin-right: 4%;
        background-color: #f9fafb;
        padding:16px;
        margin-bottom:16px;
    }
        .prodlist .sxli:nth-child(2n+2) {
            margin-right: 0%;
        }

        .prodlist .sxnm {
            font-size:14px;
            font-weight:bold;
            color:#666;
        }

    .prodlist .sxval {
        font-size: 16px;
        color: #222;
        margin-top:5px;
    }
/****/
    .prodlist .prodsc {
        background-color: #FFF;
        border-radius: 10px;
        margin: 50px 0;
        padding: 30px 0;
        box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    }
    .prodlist .scnm {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        color: #333;
        line-height: 50px;
        margin-bottom: 30px;
    }
    .prodlist .scul {
        display:flex;
        justify-content:space-between;
        width:94%;
        margin:0 auto;
    }
    .prodlist .scli {
        width: 30%;
        background-color: rgba(10, 36, 99, 0.05);
        padding: 20px 0;
        border-radius: 10px;
    }
        .prodlist .scli:hover {
            box-shadow: 0 0 10px rgba(204, 204, 204, 0.3);
        }
        .prodlist .scsx {
            display: flex;
            justify-content: center;
            color: #3b82f6;
            font-weight: bold;
        }
        .prodlist .scsx .num {
            font-size: 36px;
            height:40px;
            line-height:40px;
        }
        .prodlist .scsx .sx {
            font-size:30px;
        }
    .prodlist .sxms {
        text-align:center;
        line-height:40px;
        font-size:16px;
        font-family:'Microsoft YaHei'
    }
    .prodlist .scin {
        display:flex;
        justify-content:center;
        height:40px;
        box-sizing:border-box;
        
    }
        .prodlist .scin div {
            margin: 0 10px;
            color: #1e40af;
            background-color: #dbeafe;
            height: 30px;
            line-height: 30px;
            border-radius: 15px;
            padding: 0 20px;
            font-size: 14px;
            font-weight: 500;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"
        }
    .prodlist .scdesc {
        text-align:center;
        line-height:40px;
        padding-top:30px;
        font-size:16px;
    }