@charset "utf-8";

.main-pic ul{position:relative;display:block;overflow:hidden} 
.main-pic ul li{float:left;width:23.5%;margin-right:2%}
.main-pic ul li:nth-child(4){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}
.main-pic .slick-arrow {position:absolute; z-index:5;bottom:185px;text-indent:-9999px; width:56px; height:56px;background-repeat:no-repeat; background-position:center}
.main-pic .slick-arrow.slick-prev {right:57px;background-image:url('./img/ico-prev.jpg')}
.main-pic .slick-arrow.slick-next {right:0;background-image:url('./img/ico-next.jpg');}
.main-pic .price{display:block;color:#2560e6;font-size:1.125rem;margin-top:20px;font-weight:bold}
.main-pic ul li a{display:block}
.main-pic ul li a:hover .txt,
.main-pic ul li a:hover .txt .board-con{color:#2560e6}
.main-pic ul li img{width:100%}

@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}
}