.home-about-sangni{position:relative;padding-top:90px;overflow:hidden;}
.home-about-sangni .wp{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}

.home-about-sangni .home-aboutfl{width:46%;}
.home-about-sangni .home-aboutfl > a{position:relative;display:block;border-bottom-left-radius:50px;overflow:hidden;}
.home-about-sangni .home-aboutfl > a img {width:100%;transition:.6s all;}
.home-about-sangni .home-aboutfl .home-abvideo {position:absolute;right:40px;bottom:30px}
.home-about-sangni .home-aboutfl .home-abvideo span {position:relative;display:inline-block;width:63px;height:63px;border-radius:50%;background:var(--color-icon-primary);text-align:center;font-size:18px;color:#fff;line-height:63px;cursor:pointer;vertical-align:top}
.home-about-sangni .home-aboutfl .home-abvideo span::after {display:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(3,114,20,.6);animation:scale2 2s linear infinite}

.home-about-sangni .home-aboutfl > a:hover img{transform:scale(1.03)}
.home-about-sangni .home-aboutfl > a:hover span::after {display:block;}

.home-about-sangni .home-aboutfr{width:47.8%;}
.home-about-sangni .home-aboutfr .title h2{color:#212121;font-size:36px;line-height:1;font-weight:700;}
.home-about-sangni .home-aboutfr .title p{margin-top:30px;font-size:18px;color:#666;line-height:30px}
.home-about-sangni .home-aboutfr ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-about-sangni .home-aboutfr ul li{position:relative;width:46%;padding:20px 0;margin-top:20px;border-bottom:2px solid #dbdbdb}
.home-about-sangni .home-aboutfr ul li::after {content:' ';position:absolute;z-index:2;bottom:-2px;left:0;width:100%;height:2px;transition:.3s all}
.home-about-sangni .home-aboutfr ul li span {display:block;color:#212121;font-size:20px;}
.home-about-sangni .home-aboutfr ul li span b {margin-right:10px;font-size:26px;font-weight:700;}
.home-about-sangni .home-aboutfr ul li p {margin-top:20px;font-size:16px;color:#666;}

.home-about-sangni .main-href {margin-top:60px;}
.home-about-sangni .main-href a{display:inline-block;padding:17px 60px;background:var(--color-noticeboard-backgroud);color:#fff;font-size:16px;font-weight:600;cursor:pointer;border-radius:50px}
.home-about-sangni .main-href a:hover {background:#163785;text-decoration:none}

.home-about-sangni .home-aboutfr ul li:hover::after {animation:border_width .5s linear forwards;background:var(--color-icon-primary)}


@keyframes scale2 { 
from {-webkit-transform:scale(1);transform:scale(1);}
  50% {-webkit-transform:scale(1.8);transform:scale(1.8);}
  to {-webkit-transform:scale(1);transform:scale(1);} 
}


@media screen and (max-width:1680px) {
.home-about-sangni{padding-top:85px;}
.home-about-sangni .main-href {margin-top:55px;}
}

@media screen and (max-width:1550px) {
.home-about-sangni{padding-top:80px;}
.home-about-sangni .main-href {margin-top:50px;}
}

@media screen and (max-width:1441px) {
.home-about-sangni{padding-top:75px;}
.home-about-sangni .home-aboutfr .title h2{font-size:34px;}
.home-about-sangni .home-aboutfr .title p{margin-top:25px;font-size:17px;line-height:28px;}
.home-about-sangni .main-href {margin-top:45px;}
.home-about-sangni .main-href a{padding:16px 55px;}
}

@media screen and (max-width:1367px) {
.home-about-sangni{padding-top:70px;}
.home-about-sangni .home-aboutfr .title h2{font-size:32px;}
.home-about-sangni .home-aboutfr .title p{line-height:26px;}
.home-about-sangni .main-href {margin-top:40px;}
.home-about-sangni .main-href a{padding:15px 50px;}
}

@media screen and (max-width:1280px) {
.home-about-sangni{padding-top:60px;}
.home-about-sangni .home-aboutfr .title h2{font-size:30px;}
.home-about-sangni .home-aboutfr .title p{margin-top:20px;font-size:16px;line-height:24px;}
.home-about-sangni .home-aboutfr ul li{padding:15px 0;margin-top:15px;}
.home-about-sangni .home-aboutfr ul li span b{font-size:24px;}
.home-about-sangni .home-aboutfr ul li p {margin-top:15px;}
.home-about-sangni .main-href {margin-top:35px;}
.home-about-sangni .main-href a{padding:14px 45px;}
}

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

}

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

.home-about-sangni .home-aboutfl{width:70%;margin:0 auto;}
.home-about-sangni .home-aboutfr{width:100%;margin:30px 0 0;}
.home-about-sangni .home-aboutfr .title h2{text-align:center;}
.home-about-sangni .main-href {margin-top:30px;text-align:center;}
}

@media screen and (max-width:768px) {
.home-about-sangni{padding-top:30px;}

.home-about-sangni .home-aboutfl{width:100%;}
.home-about-sangni .home-aboutfr .title h2{font-size:28px;}
.home-about-sangni .home-aboutfr .title p{margin-top:15px;font-size:15px;line-height:22px;}
.home-about-sangni .home-aboutfr ul li span b{font-size:22px;}
.home-about-sangni .home-aboutfr ul li p{margin-top:10px;font-size:15px;}

.home-about-sangni .main-href {margin-top:20px;}
.home-about-sangni .main-href a{padding:13px 40px;font-size:15px;}

}

@media screen and (max-width:576px) {
.home-about-sangni .home-aboutfr .title h2{font-size:26px;}
}

@media screen and (max-width:480px) {
.home-about-sangni .home-aboutfr .title h2{font-size:24px;}
.home-about-sangni .main-href a{padding:12px 35px;}

}