<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.duty_con{padding-bottom: 4vw; width: 100%; background-color: #fff;}

.swiper-container {width: 100%; margin-left: auto; margin-right: auto; padding: 1.67vw 0; background-color: #f7f8fa;}

.swiper-slide { width: 100%; background-size: cover; background-position: center; }

.gallery-top {width: 100%;}

.duty_blo{width: 90%; margin: 0 auto; line-height: 2; color: rgb(85, 83, 83);display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:space-between;align-items: space-between;}

.duty_swiper_top_img{width: 50%; height: fit-content;}

.duty_con_t{width: 47%; line-height: 2; color: rgb(85, 83, 83);display: -webkit-box; display: -ms-flexbox; display: flex;flex-direction:column; justify-content:space-between;}

.duty_con_t1{position: relative; font-size: 2.75rem; color: #333;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.duty_line{width:6.5vw; border-bottom: solid 0.25rem #004bc8;}

.btn_more_blue{font-weight: normal;}



.duty_list{padding: 0.56rem 0;margin:5vw auto 0; width: 90%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex;justify-content:space-between;align-items: space-between;}

.duty_list_blo{height: 100%; width: 20%; line-height: 3; opacity: 1; color: rgb(85, 83, 83);display: -webkit-box; display: -ms-flexbox; display: flex;flex-direction:column; justify-content:space-between;}

.duty_swiper_thumbs_img{margin: 0 auto;height: 14.7vw; width: auto;}

.duty_list_blo p{width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;}



@media screen and (min-width: 1201px) {

    .duty_swiper_thumbs_img:hover{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

}

@media screen and (max-width: 1200px) {

    .duty_con_t1{font-size: 1.5rem;}

    .btn_more_blue{margin-top: 1rem; padding: 0 1.5rem; line-height:2;} 

    .duty_blo{flex-direction: column;align-items: center;}

    .duty_swiper_top_img,.duty_con_t{width: 100%;}

    .duty_list{flex-direction: column;}

    .duty_list_blo{width: 100%;}

    .duty_swiper_thumbs_img{width: 100%; height: auto;}

}

@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 414px) {

    .btn_more_blue{line-height: 2;}

}

@media screen and (max-width: 375px) {

    

}

@media screen and (max-width: 320px) {

    

}



</pre></body></html>