.page-banner {
    width: 100%;
    height: 300px;
    /* background-color: var(--header-color-accent); */
    background-image: url('../images/banner-1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.page-banner.p-chanpin-banner_12 {
    background-image: url('../images/banner/banner-12.jpg');
}

.page-banner.p-chanpin-banner_7 {
    background-image: url('../images/banner/banner-7.jpg');
}

.page-banner.p-chanpin-banner_8 {
    background-image: url('../images/banner/banner-8.jpg');
}

.page-banner.p-chanpin-banner_15 {
    background-image: url('../images/banner/banner-15.jpg');
}

.page-banner.p-chanpin-banner_18 {
    background-image: url('../images/banner/banner-18.jpg');
}

.page-banner.p-chanpin-banner_21 {
    background-image: url('../images/banner/banner-21.jpg');
}