@charset "utf-8";
.latestSlideGall__custom { position:relative;}
.latestSlideGall__custom::before { content:""; width:100%; height:700px; position:absolute; top:0; left:0; background-image: url('./bgImg.jpg'); background-position: top center; background-size:cover; background-repeat: no-repeat; z-index: -1;}
.latestSlideGall__custom .top_tit {display:flex; flex-wrap:wrap; padding-bottom:70px;}
.latestSlideGall__custom .top_tit .titleArea {display:flex;align-items:end; width:calc(100% - 100px); color:#fff;}
.latestSlideGall__custom .top_tit .titleArea .cont {padding-left:50px;}
.latestSlideGall__custom .top_tit .catebtn_wrap {width:100px; display:flex; align-items:end;}

.latestSlideGall__custom .btnCenter {text-align:center;}

/** swiper */
.latestSlideGall__custom .swiper-container{overflow: hidden;}
.latestSlideGall__custom .swiperWrap{position:relative}
.latestSlideGall__custom .swiper-slide{width:30%; background-color: #fff; padding:30px 30px; border:1px solid #b3b2b2; }
.latestSlideGall__custom .swiper-slide .imgblock {position:relative; width:100%; height:0; padding-bottom:71%; overflow:hidden;}
.latestSlideGall__custom .swiper-slide .imgblock .thumb { width: 100%; height: 100%; position:absolute; top:50%; left:50%; overflow: hidden; transform:translate(-50%,-50%); }
.latestSlideGall__custom .swiper-slide .imgblock .thumb .imgdim{ width: 100%; height: 100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0); transition: background 1s ease-out;}
.latestSlideGall__custom .swiper-slide .imgblock .thumb img { width:100%; height:100%; object-fit:cover; }
.latestSlideGall__custom .swiper-slide .detailcont { padding:32px 0; border-radius:15px; width:calc(100% - 60px); transition: transform .3s ease-out;}
.latestSlideGall__custom .swiper-slide .detailcont h4.tit{line-height:1.3em; display:-webkit-box;  -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-wrap: break-word;}
.latestSlideGall__custom .swiper-slide .detailcont p.cont{display:-webkit-box;  -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-wrap: break-word;}

.latestSlideGall__custom .swiper-slide:hover .imgblock .thumb .imgdim{background:rgba(0,0,0,.6);}

.latestSlideGall__custom .swiper-horizontal>.swiper-pagination-bullets swiper-pagination-bullet,
.latestSlideGall__custom .swiper-pagination-horizontal.swiper-pagination-bullets swiper-pagination-bullet { width: 12px; height: 12px; background-color:#fff;}

.latestSlideGall__custom .swiper-horizontal > .swiper-pagination-bullets, 
.latestSlideGall__custom .swiper-pagination-bullets.swiper-pagination-horizontal, 
.latestSlideGall__custom .swiper-pagination-custom, 
.swiper-pagination-fraction {bottom:-50px;}

.latestSlideGall__custom .swiper-button-next,
.latestSlideGall__custom .swiper-button-prev { opacity:1; position:relative; color:#fff; display:inline-block; left:auto; right:auto; top:auto; bottom:auto; font-size:40px; }
.latestSlideGall__custom .swiper-button-prev{ margin-right:40px; }

/* .latestSlideGall__custom .swiper-button-next, 
.latestSlideGall__custom .swiper-button-prev {
    --swiper-navigation-size: 20px;
    color: #fff;
    opacity: 1;
    transition: .3s;
    font-size: 50px;
}
.latestSlideGall__custom .swiper-button-next {right: 10px;}
.latestSlideGall__custom .swiper-button-prev {left: 10px;} */
@media screen and (max-width:1200px){ 
  .latestSlideGall__custom::before { height:500px;}
  .latestSlideGall__custom .swiper-slide .detailcont{ width:calc(100% - 40px); padding:25px 0; bottom:20px}

}
@media screen and (max-width:1024px){ 
  .latestSlideGall__custom .swiper-slide{ padding:20px 20px; }
  .latestSlideGall__custom .catebtn_wrap a.linkBtn{margin-left:0;}
  .latestSlideGall__custom .top_tit {padding-bottom:40px;}
  .latestSlideGall__custom .swiper-slide .detailcont p.cont{-webkit-line-clamp:1;}
}
@media screen and (max-width:768px){ 
  .latestSlideGall__custom .top_tit .titleArea {flex-wrap:wrap; width:100%; padding-right:0; padding-bottom:25px;}
  .latestSlideGall__custom .top_tit .titleArea h1 {width:100%; padding-bottom:10px;}
  .latestSlideGall__custom .top_tit .titleArea .cont {padding-left:0;}
  .latestSlideGall__custom .top_tit .catebtn_wrap {width:100%;}
  .latestSlideGall__custom .catebtn_wrap a.linkBtn{ height:40px; line-height:40px; margin:0 5px 0 0; font-size:1.6rem; padding:0 25px; border-radius:10px;}
  .latestSlideGall__custom .swiper-slide .detailcont h4.tit{margin-bottom:13px; font-size:1.8rem;}
}
@media screen and (max-width:560px){ 
  .latestSlideGall__custom .swiper-slide .imgblock .thum,
  .latestSlideGall__custom .swiper-slide .detailcont{border-radius: 0;}
  .latestSlideGall__custom .swiper-slide .detailcont{}
  .latestSlideGall__custom .swiper-slide .detailcont{ bottom:30px}
  .latestSlideGall__custom .swiper-slide .detailcont h4.tit{margin-bottom:13px; font-size:1.8rem;}
  .latestSlideGall__custom .swiper-button-next, 
  .latestSlideGall__custom .swiper-button-prev{font-size: 38px;}
}