.home-news-sangni{padding:100px 0;}

.home-news-sangni .title h2{font-size:36px;color:#212121;line-height:1;font-weight:700;}
.home-news-sangni .title p {margin-top:25px;font-size:18px;color:#666;line-height:30px;}

.home-news-sangni ul{margin-top:10px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.home-news-sangni ul li{width:31%;margin-top:30px;padding:34px 38px;border:2px solid #eee;border-bottom-left-radius:40px;transition:.3s all;}
.home-news-sangni ul li span {display:block;width:64px;height:64px;line-height:64px;font-size:30px;color:#fff;border-radius:50%;background:var(--color-text-button);text-align:center;}
.home-news-sangni ul li > i {display:block;margin:24px 0 15px;font-size:14px;color:#666;}
.home-news-sangni ul li h3 {min-height:60px;line-height:30px;font-size:18px;font-weight:700;color:#212121;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-news-sangni ul li p {margin-top:10px;font-size:16px;color:#666;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-news-sangni ul li .view-more {margin-top:30px}
.home-news-sangni ul li .view-more a {color:var(--color-text-button);font-size:16px;font-weight:600;display:inline-flex;align-items:center;}
.home-news-sangni ul li .view-more a i{display:inline-block;margin-left:20px;font-size:20px;color:var(--color-noticeboard-backgroud);}

@media screen and (min-width:768px) {
.home-news-sangni ul li:hover {background:var(--color-text-button)}
.home-news-sangni ul li:hover h3,.home-news-sangni ul li:hover p,.home-news-sangni ul li:hover a,.home-news-sangni ul li:hover > i,.home-news-sangni ul li:hover .view-more a i{color:#fff}
.home-news-sangni ul li:hover span {background:#345AC4;}
}

@media screen and (max-width:1680px) {
.home-news-sangni{padding:90px 0;}
}

@media screen and (max-width:1550px) {
.home-news-sangni{padding:80px 0;}
}


@media screen and (max-width:1441px) {
.home-news-sangni{padding:75px 0;}
.home-news-sangni .title h2{font-size:34px;}
.home-news-sangni .title p{font-size:17px;line-height:28px;}
.home-news-sangni ul li p{line-height:28px;}
}


@media screen and (max-width:1367px) {
.home-news-sangni{padding:70px 0;}
.home-news-sangni .title h2{font-size:32px;}
.home-news-sangni .title p{line-height:26px;}
.home-news-sangni ul li p{line-height:26px;}
}

@media screen and (max-width:1280px) {
.home-news-sangni{padding:60px 0;}
.home-news-sangni .title h2{font-size:30px;}
.home-news-sangni .title p {margin-top:20px;font-size:16px;line-height:24px;}

.home-news-sangni ul li{width:32%;padding:30px 25px;}
.home-news-sangni ul li p{line-height:24px;}

}

@media screen and (max-width:992px) {

.home-news-sangni ul li{width:48%;}
.home-news-sangni ul li:last-child{width:100%;}
}

@media screen and (max-width:768px) {
.home-news-sangni{padding:30px 0;}
.home-news-sangni .title h2{font-size:28px;text-align:center;}
.home-news-sangni ul li{width:100%;padding:20px 15px;margin-top:20px;}
.home-news-sangni ul li > i{margin:15px 0;}
.home-news-sangni ul li h3{min-height:0;line-height:26px;font-size:17px;}
.home-news-sangni ul li .view-more{margin-top:20px;}
.home-news-sangni ul li .view-more a i{font-size:18px;}

}

@media screen and (max-width:576px) {
.home-news-sangni ul li span{display:none;}
.home-news-sangni ul li > i{margin:0 0 15px;}
.home-news-sangni .title h2{font-size:26px;}
}

@media screen and (max-width:480px) {
.home-news-sangni .title h2{font-size:24px;}
.home-news-sangni .title p{font-size:15px;line-height:22px;}
.home-news-sangni ul li .view-more a{font-size:15px;}
.home-news-sangni ul li .view-more a i{font-size:16px;margin-left:10px;}

}