.onderwerpOne {position: relative;}
.onderwerpOne .slide {height: auto;}
.onderwerpOne .slide .imgBox {height: 100%;}
.onderwerpOne .slide .imgBox img , .onderwerpOne .slide .imgBox video {width: 100%; display: block; height: 100%; max-height: 100vh; object-fit: cover;}
/* 分页器 */
.onderwerpOne .swiper-pagination { bottom: 5%; z-index: 13;}
.onderwerpOne .swiper-pagination span {margin: 0 .08rem !important; width: .12rem; height: .12rem; min-width: 8px; min-height: 8px; background: url(../images/bannerSwiper-pag-icon1.png); opacity: 1; background-size: contain; border-radius: 0;}
.onderwerpOne .swiper-pagination .swiper-pagination-bullet-active {background: url(../images/bannerSwiper-pag-icon2.png); opacity: 1; background-size: contain;}

.onderwerpTwo {padding: .6rem 0;}
.onderwerpTwo .box {display: flex;}
.onderwerpTwo .item {width: 50%;}
.onderwerpTwo .item:first-child {padding-right: .8rem; position: relative;}
.onderwerpTwo .item:first-child::after {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #e5e5e5;}
.onderwerpTwo .item:last-child {padding-left: .8rem;}
.onderwerpTwo .item .tit {font-size: .36rem; font-weight: 700;}
.onderwerpTwo .item .list {margin-top: .3rem;}
.onderwerpTwo .item .list li {background: #f9f9f9; padding: .2rem .24rem; border-radius: .1rem; overflow: hidden; margin-bottom: .2rem;}
.onderwerpTwo .item .list li a {display: flex; align-items: center;}
.onderwerpTwo .item .list li .imgBox {width: 42%; border-radius: .1rem; overflow: hidden;}
.onderwerpTwo .item .list li .imgBox img {width: 100%; object-fit: cover; transition: .5s;}
.onderwerpTwo .item .list li .con {flex: 1; padding-left: .25rem;}
.onderwerpTwo .item .list li .p1 {font-size: .24rem; font-weight: 700; color: #333;}
.onderwerpTwo .item .list li .down {margin-top: .3rem; font-size: .16rem; color: #8d8d8d; gap: .1rem;}
.onderwerpTwo .item .list li .time {margin-top: .3rem; font-size: .16rem; color: #8d8d8d;}
@media (any-hover: hover) {
    .onderwerpTwo .item .list li:hover .imgBox img {transform: scale(1.1);}
}
.onderwerpFour {padding: 1rem 0 1.2rem;}
.onderwerpFour .tit {text-align: center; font-weight: 700;}
.onderwerpFour .list {margin-top: .8rem;}
.onderwerpFour .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem;}
.onderwerpFour .list li {background: #f8f8f8; border-radius: .1rem; overflow: hidden;}
.onderwerpFour .list li .imgBox {position: relative; overflow: hidden;}
.onderwerpFour .list li .imgBox img {width: 100%; object-fit: cover; transition: .5s;}
.onderwerpFour .list li .info {padding: .3rem;}
.onderwerpFour .list li .info .p1 {font-size: .22rem; font-weight: 700; color: #333;}
.onderwerpFour .list li .info .more {margin-top: .3rem; font-size: .16rem; color: #777777;}
@media (any-hover: hover) {
    .onderwerpFour .list li:hover .imgBox img {transform: scale(1.1);}
}


@media screen and (max-width: 767px) {
    .header {position: sticky; top: 0; z-index: 999; background: #fff;}
    .header .headerLogo img:nth-child(2) {display: block;}
    .header .headerLogo img:nth-child(1) {display: none;}
    .header .mobmenu h4 {color: #333;}
    .header .mobmenu dl dd {background: #333;}

    .onderwerpTwo .box {flex-direction: column;}
    .onderwerpTwo .item {width: 100%; padding: 0 !important;}
    .onderwerpTwo .item:first-child::after {display: none;}
    .onderwerpTwo .item .tit {text-align: center;margin: .3rem 0;}
    .onderwerpTwo .item .list li .p1 {font-size: .3rem;}

    .onderwerpFour .list ul {grid-template-columns: repeat(2, 1fr);}
    .onderwerpFour .list li .info .p1 {font-size: .3rem;}
}