@charset "utf-8";
.content{ position: relative; z-index: 1;}
.row01{ padding: 80px 0 65px;}
.row01 > .flex{ align-items: flex-start;}
.newsSwiper{ width: 48.57%; flex-shrink: 0; overflow: hidden; padding-bottom: 40px; position: relative;}
.newsSwiper .new-swiper-pagination{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1;}
.newsSwiper .swiper-pagination-bullet-active{ width: 10px; height: 10px; box-sizing: border-box; border: 1px solid #fff; background: #92e8b6;}
.newsSwiper .swiper-pagination-bullet{ width: 10px; height: 10px; box-sizing: border-box; color: #c8c7c4; box-shadow: none !important;}

.newsBox{ position: relative; width: 52.14%; padding: 37px 57px 50px; box-sizing: border-box;}
.newsBox::before{ content: ''; display: block; top: 0;right: 0;bottom: 0;left: 0;position: absolute; background: rgba(146, 232, 182, 0.4);filter: blur(5px);}
.newsBox .modeTitle{ position: relative; z-index: 2; text-align: right; line-height: 1; margin-bottom: 30px; margin-right: -20px;}
.newsBox .modeTitle a{ color: #222; font-weight: bold;}
.newsBox ul{ position: relative; z-index: 2;}
.newsBox ul li{ margin-bottom: 40px; transition: all 0.35s ease;}
.newsBox ul li:hover{ transform: translateX(8px);}
.newsBox ul li:last-child{ margin-bottom: 0px;}
.newsBox ul .title{line-height: 22px;color: #030303;}
.newsBox ul .date{color: #000;line-height: 22px;}

.row02{ padding: 80px 0 0;}
.photoGallery{ padding-bottom: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); align-items: flex-end;}
.photoGallery .modeTitle{ font-weight: bold;}
.photoSwiper{ padding-top: 20px; padding-bottom: 22px; position: relative; overflow: hidden;}
.photoSwiper .gp-img-responsive{ padding-bottom: 66.67%; transition: all 0.35s ease;}
.photoSwiper .gp-img-responsive:hover{ transform: translateY(-8px);}
.swiper-container-horizontal > .swiper-pagination-bullets.photo-swiper-pagination{ position: absolute; bottom: 0 !important; left: 50%; transform: translateX(-50%); line-height: 1;}
.photoSwiper .swiper-pagination-bullet{ width: 12px; height: 2px; background: rgba(255, 255, 255, 0.5); box-shadow: none !important;}
.photoSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 20px; background: rgba(255, 255, 255, 1);}


/* 响应式样式 */
@media screen and (max-width:1600px){
    
}

@media screen and (max-width:1480px) {
    .newsBox{ padding: 30px 40px;}
    .newsBox ul li{ margin-bottom: 34px;}
}

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

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

@media screen and (max-width:1200px) {
    .row01{ padding: 50px 0;}
    .newsBox{ padding: 20px;}
    .newsBox .modeTitle{ margin-right: 0; margin-bottom: 20px;}
    .row02{ padding: 50px 0 0;}

}

@media screen and (max-width:1100px) {
    
}
@media screen and (max-width:1024px) {
    
}

@media screen and (max-width:997px) {
    .row01{ padding: 40px 0;}
    .row01 > .flex{ flex-direction: column;}
    .newsSwiper, .newsBox{ width: 100%;}
    .newsSwiper{ padding-bottom: 30px;}
    .newsBox{ margin-top: 20px;}
    .row02{ padding: 40px 0 0;}
    .photoGallery{ padding-bottom: 20px;}
    .photoSwiper .swiper-pagination-bullet{ background: rgba(146, 232, 182, 0.5);}
    .photoSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: rgba(146, 232, 182, 1);}
}

@media screen and (max-width:767px) {
    .row01{ padding: 30px 0;}
    .newsBox{ margin-top: 0;}
    .newsBox .modeTitle{ text-align: left;}
    .row02{ padding: 30px 0 0;}
}

@media screen and (max-width:680px) {
    .photoGallery{ padding-bottom: 15px;}
}

@media screen and (max-width:540px) {
    .newsBox{ padding: 20px 10px;}
}

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

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