.product-banner{
    width: 100%;
    height: 23.625rem; /* 378px */
    position: relative;
}
.product-banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
        /* 产品容器样式 */
.product-container {
    height: 61.3125rem; /* 981px */
    width: 75%;
    margin: 0 auto;
    padding: 8.4375rem 0 9.5625rem 0; /* 135px 0 153px 0 */
}
.product-item {
    height: 13.4375rem; /* 215px */
    width: 48%;
    float: left;
    background: #fff;
    box-shadow: 0px 0px 0.25rem 0px rgba(16,25,58,0.1); /* 0px 0px 4px 0px */
    border-radius: 0.625rem; /* 10px */
    margin-right: 4%;
    margin-bottom: 1.5rem; /* 24px */
    padding: 1.875rem 2.0625rem 0 1.8125rem; /* 30px 33px 0 29px */
    position: relative;
}
        .product-item:nth-child(2n) {
            margin-right: 0;
        }
.product-header {
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem; /* 4px */
}
.product-icon {
    width: 2.5rem; /* 40px */
    height: 2.5rem; /* 40px */
    margin-right: 0.5rem; /* 8px */
}
.product-title {
    font-weight: 900;
    font-size: 1.5rem; /* 24px */
    line-height: 2.125rem; /* 34px */
    height: 2.125rem; /* 34px */
    color: #10193A;
}
.product-subtitle {
    font-weight: 400;
    font-size: 1.25rem; /* 20px */
    height: 2.5rem; /* 40px */
    color: rgba(16,25,58,0.5);
    line-height: 2.5rem; /* 40px */
    margin-left: 0.5rem; /* 8px */
}
.product-desc {
    font-weight: 400;
    font-size: 1.5rem; /* 24px */
    color: rgba(16,25,58,0.5);
    line-height: 2.5rem; /* 40px */
}
.prod-right{
    width: 11.3125rem; /* 181px */
    height: 7.8125rem; /* 125px */
    background: url('../assets/prod/prod1.png') no-repeat center;
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
}
.banner-center{
    width: 24.1875rem; /* 387px */
    height: 8.25rem; /* 132px */
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* bottom: 6.4375rem; */ /* 103px */
}
/* 绿色装饰角标 */
.product-banner .banner-corner {
    position: absolute;
    width: 1.875rem; /* 30px */
    height: 1.875rem; /* 30px */
    z-index: 2;
}

/* 左上角绿色角标 */
.product-banner .corner-top {
    border-top: 0.625rem solid #8dc21f; /* 10px */
    border-left: 0.625rem solid #8dc21f; /* 10px */
}

/* 右下角绿色角标 */
.product-banner .corner-bottom {
    bottom: 0;
    right: 0;
    border-bottom: 0.625rem solid #8dc21f; /* 10px */
    border-right: 0.625rem solid #8dc21f; /* 10px */
}

/* 标题文字样式 */
.product-banner .banner-title {
    width: 19.375rem; /* 310px */
    line-height: 4.375rem; /* 70px */
    position: absolute;
    /* 文字水平垂直居中 */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* 字体样式 */
    font-weight: 1000;
    font-size: 3.125rem; /* 50px */
    color: #FFFFFF;
    z-index: 2;
    /* 防止文字被选中 */
    user-select: none;
}
.banner-h {
            font-weight: 700;
            line-height: 2.125rem; /* 34px */
            font-size: 1.5rem; /* 24px */
            color: #8DC21F;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-80%);
        }
.prod-btn{
    background: #8DC21F;
    border-radius: 0.625rem;
    color: #FFFFFF;
    padding: 0.625rem 3.75rem;
    border: 0;
    cursor: pointer;
    font-weight: 400;
    font-size: 1.25rem;
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
}
.prod-btnMobile {
    display: none;
    position: absolute;
    right: 0.5rem;
    bottom: 0rem;
    background: none;
    border: none;
    width: 3rem;
    padding: 0.5rem 0;
}
.prod-btnMobile img {
    width: 100%;
    height: auto;
}
.bannerProduct {
    display: none;
}