/* gallery_box */
.gallery_box{margin-top: 4%; margin-bottom: 4%;}
.top_swiper .swiper-slide{width: auto;font-size: 18px; padding-bottom: 5px; border-bottom: 4px solid transparent; cursor: pointer; text-transform: uppercase;}
.top_swiper .active{border-color: var(--commonColor);}

.gallery_list{margin-top: 14px; width: calc(100% + 14px);}
.gallery_list .item{width: calc((100% - 42px) / 3); margin-right: 14px; margin-top: 14px;}
/* .gallery_list .item:nth-child(3n){margin-right: 0;} */
.gallery_list .item:nth-child(n+4){margin-top: 15px;}
.gallery_list .item .c_pub_pic{padding-bottom: 85%; overflow: hidden; background: #f5f5f5;}
.gallery_list .item .c_pub_pic img{transition: all 0.5s ease;}
.gallery_list .item .c_pub_pic::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.3); z-index: 1; opacity: 0; transition: all 0.5s ease;}
.gallery_list .item .c_pub_pic:hover img{transform: scale(1.08);}
.gallery_list .item .c_pub_pic:hover::before{opacity: 1;}

@media screen and (max-width: 1450px){
    .gallery_box{zoom: 0.9;}
}
@media screen and (max-width: 1300px){
    .gallery_box{zoom: 0.85;}
}
@media screen and (max-width: 980px){
    .gallery_box{zoom: 1; margin-top: 30px; margin-bottom: 30px;}
    .gallery_list{margin-top: 6px;}
    .gallery_list .item{width: calc(50% - 14px); margin-right: 14px;}
    /* .gallery_list .item:nth-child(3n){margin-right: 16px;} */
    /* .gallery_list .item:nth-child(2n){margin-right: 0;} */
}
@media screen and (max-width: 640px){
    .gallery_list{width: 100%;}
    .gallery_list .item{width: 100%; margin-right: 0 !important;}
}