@charset "utf-8";
.gallery_zone {display:block; overflow:hidden;}

.gallery_zone li{width:100%; max-width:327px; height:335px; overflow:hidden;}
.gallery_zone li a{position:relative; display:block; width:100%; max-width:327px; height:335px; background-size:cover !important;}
.gallery_zone li a::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; transition:.3s;}

.gallery_zone li .bn_txt{position:relative; width:100%; height:100%; padding:20px; color:#fff; z-index:2;}
.gallery_zone li .bn_txt strong{display:block; text-align:right; font-size:15px; font-weight:400;}
.gallery_zone li .bn_txt span{position:absolute; left:0; bottom:20px; padding:0 20px; text-align:left; font-size:20px; word-break:keep-all; text-shadow:2px 2px 2px rgba(0,0,0,0.3);}

.gallery_zone li a:hover::before{background:none; border:5px solid #00a1de;}


.arrow{position: relative; display: inline-block;vertical-align: middle;transform: rotate(45deg);box-sizing: border-box;width: 11px;height: 11px; border-width: 2px 2px 0 0; border-style: solid;margin-left: 25px;}
.arrow:before {right: 0; top: -1px; position: absolute; height: 2px; box-shadow: inset 0 0 0 32px; width: 18px;
-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
-webkit-transform-origin: right top;}
.arrow:after,.arrow:before {content: "";box-sizing: border-box;}

.gallery_zone .slick-slider{position:inherit; margin:0 -0.3% 0 -0.3%;}
.gallery_zone .slick-slide{text-align:center; margin:0 0.3%;}

.gallery_zone .slick_btn{position:absolute; top:0; width:50px; height:50px; margin:auto 0; color:#333; font-size:20px; border:1px solid #333; border-radius:50%; transition:.3s; z-index:3; background:#fff;}
.gallery_zone .slick_btn:hover{color:#fff; background:#333;}

.gallery_zone .slick-prev{right:60px;}
.gallery_zone .slick-next{right:0;}

.gallery_zone .plus_btn{margin-top:40px;}
.gallery_zone .plus_btn a{position:relative; display:block; width:200px; margin:0 auto; padding:20px 15px; line-height:100%; font-weight:500; font-size:20px; border:1px solid #333; transition:.3s;}
.gallery_zone .plus_btn a::before{content:""; position:absolute; right:15px; top:50%; width:24px; height:2px; transform:translateY(-50%); background:#333; transition:.3s;}
.gallery_zone .plus_btn a::after{content:""; position:absolute; right:26px; top:50%; width:2px; height:24px; transform:translateY(-50%); background:#333; transition:.3s;}

.gallery_zone .plus_btn a:hover{background:#333; color:#fff;}
.gallery_zone .plus_btn a:hover::before{background:#fff;}
.gallery_zone .plus_btn a:hover::after{background:#fff;}


.gallery_zone .bn_link {display:block;position:absolute;top:10px;right:10px;background:#ff0000;color:#fff;border-radius:50px;width:40px;padding:0;line-height:40px;text-align:center;opacity:0}
.gallery_zone:hover .bn_link{opacity:1;}


.y_news_wrap{display: flex; gap:3%; width:100%}
.y_news_wrap .item{width: 22%}
.y_news_wrap .item span {    display: block; }
.y_news_wrap .item span img{    height: 250px;    width: 100%;  object-fit: cover;      border: 5px solid #eee; }    
    
.y_news_wrap .item .tit{ font-size:24px; font-weight:bold; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; margin:24px 0 10px; transition: 0.3s;}
.y_news_wrap .item a:hover .tit{color:#ff0000;} 
.y_news_wrap .item .tit .date {font-size:20px; color:##9b9b9b;}


@media (max-width:1550px){    

	.y_news_wrap{ width:100%; }
    .y_news_wrap{ width:100%;  flex-wrap: wrap;}
    

 }


@media (max-width:1280px){    

	.gallery_zone li .bn_txt span{font-size:17px;}

 }

@media (max-width: 969px){

.y_news_wrap{flex-wrap:wrap; gap: 50px;        justify-content: space-between;}
.y_news_wrap .item{width: 42%}

}

@media (max-width: 640px){

	.gallery_zone .slick_btn{width:40px; height:40px; font-size:17px;}
	.gallery_zone .slick-prev{right:auto;}

	.gallery_zone .plus_btn{margin-top:20px;}
	.gallery_zone .plus_btn a{padding:15px; font-size:15px;}

}