@media (max-aspect-ratio:1/2) {
    .swiper-1 {
        background-image: url(../images/navabar/20250627_cjwm_05.jpg) !important;
    }

    .swiper-4 {
        background-image: url(../images/navabar/20250508_syqn_05.jpg) !important;
    }

}

@media (min-aspect-ratio:1/2) and (max-aspect-ratio:3/4) {

    .swiper-1 {
        background-image: url(../images/navabar/20250627_cjwm_07.jpg) !important;
    }

    .swiper-4 {
        background-image: url(../images/navabar/20250508_syqn_07.jpg) !important;
    }

}

@media (min-aspect-ratio:3/4) and (max-aspect-ratio:9/10) {

    .swiper-1 {
        background-image: url(../images/navabar/20250627_cjwm_09.jpg) !important;
    }

    .swiper-4 {
        background-image: url(../images/navabar/20250508_syqn_09.jpg) !important;
    }

}

@media (min-aspect-ratio:9/10) and (max-aspect-ratio:33/25) {

    .swiper-1 {
        background-image: url(../images/navabar/20250627_cjwm_10.jpg) !important;
    }

    .swiper-4 {
        background-image: url(../images/navabar/20250508_syqn_10.jpg) !important;
    }

}

@media (min-aspect-ratio:33/25) and (max-aspect-ratio:9/5) {

    .swiper-1 {
        background-image: url(../images/navabar/20250627_cjwm_15.jpg) !important;
    }

    .swiper-4 {
        background-image: url(../images/navabar/20250508_syqn_15.jpg) !important;
    }

}

@media (min-aspect-ratio:9/5) and (max-aspect-ratio:5/2) {

    .swiper-1 {
        background-image: url(../images/navabar/20250627_cjwm_20.jpg) !important;
    }

    .swiper-4 {
        background-image: url(../images/navabar/20250508_syqn_20.jpg) !important;
    }

}

@media (min-aspect-ratio:5/2) {

    .swiper-1 {
        background-image: url(../images/navabar/20250627_cjwm_25.jpg) !important;
    }

    .swiper-4 {
        background-image: url(../images/navabar/20250508_syqn_25.jpg) !important;
    }

}