.contentboxtop { background-color: #0054a3; width: 100%; padding: 65px 0px 55px 0px; }
    .contentboxtop .cntitle { font-size: 36px; color: #fff; text-shadow: 0px 1px 3px rgba(34,23,20,0.4) }
        .contentboxtop .cntitle b { font-size: 36px; font-weight: 400; color: #fff; margin-left: 10px; }

.contentbox { max-width: 1200px; width: 100%; }
    .contentbox .chlidmenu { margin-top: 40px; margin-bottom: 40px; }
        .contentbox .chlidmenu a { font-size: 24px; color: #333; margin: 0px 20px; }
            .contentbox .chlidmenu a.action { color: #0054a3; border-bottom: solid 1px #0054a3; padding-bottom: 3px; }


    .contentbox .conn { width: 100%; margin: 40px 0px; }
        .contentbox .conn img { width: 100%; }


@media only screen and (max-width:768px) {
    .contentboxtop .cntitle { font-size: 22px; }
        .contentboxtop .cntitle b { font-size: 18px; }

    .contentbox .chlidmenu a { font-size: 18px; }

    .contentbox .conn { padding: 0px 10px; }
}

.swiper { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
    .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
    .swiper-slide > p { padding-bottom: 60px; }
        .swiper-slide > p > b { font-size: 16px; font-weight: 400; color: #000; display: block; padding: 5px 0px; }
        .swiper-slide > p > i { font-size: 14px; font-weight: 400; color: #000; display: block; font-style: normal; }


.swiper-button-next, .swiper-button-prev { top: auto; bottom: 0px; width: 40px; height: 40px; border: solid 1px #aaa; }
    .swiper-button-next:after, .swiper-button-prev:after { font-size: 20px; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 0px; border-right: solid 0px #000; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: auto; left: 40px; }

.gdtitle { width: 100%; text-align: left; margin-bottom: 1rem; }
    .gdtitle > b { font-size: 1.15rem; font-weight: bold; color: #333; }
    .gdtitle > p { font-size: 1rem; color: #333; }


.videos { background: linear-gradient(0deg, #fff,#e5f4fd ); padding: 1rem; }
    .videos > ul { display: flex; flex-wrap: wrap; }
        .videos > ul > li { width: 31%; margin: 1%; }
            .videos > ul > li > .video { background-color: #000; }
                .videos > ul > li > .video > video { max-width: 100%; }
            .videos > ul > li > b { font-size: 1rem; color: #000; display: block; padding: 10px 0px; }
            .videos > ul > li > p { font-size: 14px; }


            .videos > ul > li.more { display: flex; }
                .videos > ul > li.more > a {   padding-top: 30%; font-size: 1rem;color:#000; }




@media only screen and (max-width:768px) {
    .videos > ul > li { width: 98%; }
        .videos > ul > li.more > a { padding-top: 10%; }
}