@charset "utf-8";

.main-pic ul{position:relative;display:block;overflow:hidden} 
.main-pic ul.gallery_bg li{float:left;width:32%;margin-right:2%}
.main-pic ul.gallery_bg li:nth-child(3){margin-right:0}
.main-pic ul .img{border-radius:8px;overflow:hidden}
.main-pic .txt{padding:20px 0}
.main-pic .tit{font-size:1.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block}
.main-pic .txt .board-con{height:45px;margin:10px 0 0 0;transition:.3s}
.main-pic .btn-view{margin-top:30px}

.gallery_bg a{position:relative}
.main-pic .gallery_bg .txt{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,.6);padding:20px;color:#fff;border-bottom-right-radius:8px;border-bottom-left-radius:8px}
.main-pic .gallery_bg li a:hover .txt .board-con,
.main-pic .gallery_bg a:hover .txt{color:#fff}

@media all and (max-width:1600px) {
	.main-pic .slick-slide{width:100vw}
	.main-pic .slick-arrow{bottom:auto;top:-56px}
}

@media all and (max-width:1200px) {
	.main-pic .tit{font-size:1rem}
}

@media all and (max-width:1028px) {
	.main-pic .txt{width:auto;left:0}
	.main-pic .btn-view{padding:0}
}

@media all and (max-width:720px){
	.main-pic .txt{position:relative}
	.main-pic .tit{font-size:1.2rem}
	.main-pic .txt .board-con{font-size:.9rem;height:40px;width:100%}
	.main-pic .slick-arrow{width:35px;height:35px;bottom:auto;top:-35px}
	.main-pic .slick-arrow.slick-prev{right:36px}
	.main-pic ul li{width:49%}
	.main-pic ul li:nth-child(n + 3){margin-top:20px}
	.main-pic ul li:nth-child(2n){margin-right:0}
	.main-pic ul.gallery_bg li:last-child{display:none}
	.main-pic .gallery_bg .txt{padding:10px}
}