.tit-text-sangni{padding-top:100px;}
.tit-text-sangni h2{font-size:56px;line-height:1;color:#fff;text-align:center;text-shadow:-1px -1px 0 #a3a3a3,1px -1px 0 #a3a3a3,-1px 1px 0 #a3a3a3,1px 1px 0 #a3a3a3}

.home-choose-sangni{padding-top:100px;}
.home-choose-sangni .title{text-align:center;}
.home-choose-sangni .title h2{font-size:36px;line-height:1;color:#212121;font-weight:700;}
.home-choose-sangni .title p {margin-top:30px;font-size:18px;color:#666;line-height:30px;display:none;}

.home-choose-sangni ul {margin:45px -15px 0;display:flex;flex-wrap:wrap;}
.home-choose-sangni ul li{width:33.33333333%;padding:15px;text-align:center;}
.home-choose-sangni ul li .box{height:100%;padding-bottom:30px;border-bottom:2px solid #d4e0d7;transition:.3s all;position:relative;}
.home-choose-sangni ul li .box::after{content:'';position:absolute;z-index:2;bottom:-2px;left:50%;width:100%;height:2px;transform:translate(-50%);transition:.3s all;}
.home-choose-sangni ul li span {display:block;width:121px;height:105px;margin:0 auto;color:var(--color-noticeboard-backgroud);line-height:105px;text-align:center;background:url(./pics/bg02.webp) no-repeat;transition:.3s all;}
.home-choose-sangni ul li span img {max-height:100px;max-width:100px;}
.home-choose-sangni ul li h3 {margin-top:35px;font-weight:600;font-size:18px;color:#212121;}
.home-choose-sangni ul li p{margin-top:20px;font-size:16px;color:#666;line-height:30px;}

.home-choose-sangni ul li:hover .box{transform:translate(0,-15px);}
.home-choose-sangni ul li:hover .box::after{animation:border_width .5s linear forwards;background:var(--color-icon-primary);}



@media screen and (max-width:1680px) {
.tit-text-sangni,.home-choose-sangni{padding-top:90px;}
.tit-text-sangni h2{font-size:54px;}
}

@media screen and (max-width:1550px) {
.tit-text-sangni,.home-choose-sangni{padding-top:80px;}
.tit-text-sangni h2{font-size:52px;}
}

@media screen and (max-width:1441px) {
.tit-text-sangni,.home-choose-sangni{padding-top:75px;}
.tit-text-sangni h2{font-size:50px;}
.home-choose-sangni .title h2{font-size:34px;}
.home-choose-sangni ul {margin:35px -15px 0;}
.home-choose-sangni ul li h3 {margin-top:30px;}
.home-choose-sangni ul li p{line-height:28px;}
}

@media screen and (max-width:1367px) {
.tit-text-sangni,.home-choose-sangni{padding-top:70px;}
.tit-text-sangni h2{font-size:46px;}
.home-choose-sangni .title h2{font-size:32px;}
.home-choose-sangni ul li p{line-height:26px;}
}

@media screen and (max-width:1280px) {
.tit-text-sangni,.home-choose-sangni{padding-top:60px;}
.tit-text-sangni h2{font-size:42px;}
.home-choose-sangni .title h2{font-size:30px;}
.home-choose-sangni ul{margin:25px -15px 0;}
.home-choose-sangni ul li h3 {margin-top:25px;}
.home-choose-sangni ul li p{line-height:24px;}
}

@media screen and (max-width:1171px) {
.tit-text-sangni h2{font-size:38px;}
}

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

.tit-text-sangni h2{font-size:34px;}
}

@media screen and (max-width:778px) {
.tit-text-sangni,.home-choose-sangni{padding-top:30px;}
.tit-text-sangni h2{font-size:30px;line-height:1.4;}
.home-choose-sangni .title h2{font-size:28px;}
.home-choose-sangni ul {margin:15px -15px 0;}
.home-choose-sangni ul li{width:50%;}
.home-choose-sangni ul li h3 {margin-top:20px;}
}

@media screen and (max-width:576px) {
.tit-text-sangni h2{font-size:26px;}
.home-choose-sangni .title h2{font-size:26px;}
.home-choose-sangni ul li{width:100%;}
}

@media screen and (max-width:480px) {
.tit-text-sangni h2{font-size:24px;}
.home-choose-sangni .title h2{font-size:24px;}
.home-choose-sangni ul li h3 {margin-top:15px;}
.home-choose-sangni ul li p{margin-top:15px;font-size:15px;line-height:22px;}
}

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

}