@media only screen and (max-width:960px) {
    .newsbanner { padding-top: 60px; }
}

.contentbg { background-color: #f5f5f5; width: 100%; }
.contentbig { width: 100%; max-width: var(--maxwidth); padding: 2rem 15px; margin: 0px auto; }
.route { width: 100%; }
    .route > a { font-size: 14px; color: #999; }
    .route > b { font-size: 1.5rem; display: block; color: #000; font-weight: 400; }

@media only screen and (max-width:960px) {
    .route > b { font-size: 1.25rem; }
}

@media only screen and (max-width:960px) {
    .route > a { font-size: 12px; }
    .route > b { font-size: 14px; }
}



.newslistbox { position: relative; width: 100%; margin-top: 1.15rem; text-align: left; min-height: 190px; display: flex; }
    .newslistbox > .al { width: 60%; min-height: 900px; }
    .newslistbox > .br { position: relative; margin-left: 10%; }
        .newslistbox > .br > .brconn { position: absolute; top: 0; left: 0%; height: 100%; z-index: 99; }
            .newslistbox > .br > .brconn > img { max-width: 560px; width: 100%; }


@media only screen and (max-width:1440px) {
    .newslistbox > .al { width: 50%; }
}


@media only screen and (max-width:960px) {
    .newslistbox { flex-wrap: wrap; }
        .newslistbox > .al { width: 100%; }
        .newslistbox > .br { flex: none; width: 100%; margin-left: 0%; margin-top: 1rem; }
            .newslistbox > .br > .brconn { width: 100%; position: relative; }
                .newslistbox > .br > .brconn > img { max-width: 100%; }
}




.newslist { width: 100%; }
    .newslist > ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; justify-content: space-between; }
        .newslist > ul > li { background-color: #fff; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: transform 0.3s ease; }
            .newslist > ul > li:hover { transform: translateY(-5px); box-shadow: 0 4px 8px rgba(0,0,0,0.15); }
            .newslist > ul > li > a { display: flex; width: 100%; position: relative; }
                .newslist > ul > li > a > div.txt { flex: 1; min-height: 168px; }
                    .newslist > ul > li > a > div.txt > b { font-size: 14px; color: #000; font-weight: 400; }
                    .newslist > ul > li > a > div.txt > p { font-size: 14px; color: #666; }

                .newslist > ul > li > a > div.date { position: absolute; left: 0px; bottom: 0px; border-top: solid 1px #000; color: #000; font-size: 12px; }
                .newslist > ul > li > a > div.rjt { background-color: #e6ebf5; position: absolute; right: 0px; bottom: 0px; width: 2rem; height: 2rem; text-align: center; display: flex; align-items: center; }
            .newslist > ul > li:hover > a > div.rjt { background-color: #164194 }
                .newslist > ul > li:hover > a > div.rjt .svg-fill { fill: #fff; }



.pagers { position: relative; width: 100%; padding: 2rem 0px; overflow: hidden; text-align: center; clear: both; font-size: 14px; }
    .pagers a { font-size: 14px; }
        .pagers a.PageLink { font-size: 16px; display: inline-block; height: 34px; line-height: 34px; margin-left: 10px; padding: 0px 12px; color: #333; overflow: hidden; text-decoration: none; background-color: #f6f6f6; border: 1px solid #eeeeee; cursor: pointer; }
    .pagers .PageSel { font-size: 16px; display: inline-block; height: 32px; line-height: 32px; margin-left: 10px; padding: 0px 12px; color: #fff; overflow: hidden; text-decoration: none; background-color: #0369a8; border: 0px solid #4793cf; }
    .pagers .nodate { font-size: 16px; }