.mobile-foot {
  display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.footer-sangni {padding:80px 0 60px;background:#11141e}
.footer-sangni .wp{display:flex;justify-content:space-between;}
.footer-sangni h3{margin-bottom:30px;font-size:21px;color:#fff;line-height:1;font-weight:700;}

.footer-sangni .foot-logo {width:240px;text-align:center;}
.footer-sangni .foot-logo img{}
.footer-sangni .foot-logo .share{display:block;margin-top:30px}
.footer-sangni .foot-logo .share a {margin-left:20px;opacity:.6}
.footer-sangni .foot-logo .share a i {font-size:22px;color:#fff}
.footer-sangni .foot-logo .share a:nth-child(1) i {font-size:24px}
.footer-sangni .foot-logo .share a:nth-child(3) i {font-size:24px}
.footer-sangni .foot-logo .share a:nth-child(4) i {font-size:20px}
.footer-sangni .foot-logo .share a:hover {opacity:1}

.footer-sangni .foot-nav{width:280px;}
.footer-sangni .foot-list{width:420px;}
.footer-sangni .foot-nav ul,.footer-sangni .foot-list ul{display:flex;flex-wrap:wrap;}
.footer-sangni .foot-nav ul li,.footer-sangni .foot-list ul li{width:50%;margin-bottom:20px;}   
.footer-sangni .foot-nav li a,.footer-sangni .foot-list li a{display:block;font-size:15px;color:#fff;opacity:.5;}
.footer-sangni .foot-nav li a:hover,.footer-sangni .foot-list li a:hover {text-decoration:underline;opacity:1}

.gotop-sangni {position:fixed;right:10px;top:50%;display:none;z-index:11}
.gotop-sangni a {display:block;width:46px;height:46px;border-radius:8px;background:#163785;margin:4px 0;color:#fff;text-align:center;line-height:45px;box-shadow:1px 2px 6px 2px rgb(0,0,0,.1);cursor:pointer}
.gotop-sangni a i.qico-email {font-size:30px}
.gotop-sangni a i.qico-up {font-size:22px}
.gotop-sangni a:hover {background:#163785;text-decoration:none}
.gotop-sangni a i{font-size:30px}

.mobile-footer-sangni {display:none;position:fixed;left:0;bottom:0;width:100%;height:50px;background:var(--color-text-button);z-index:99;box-shadow:1px 2px 8px 4px rgba(0,0,0,.1)}
.mobile-footer-sangni a {height:50px;color:#fff;font-size:15px;text-align:center;border-right:1px solid #268f36;}
/* .mobile-footer-sangni a:last-child {border-right:none} */
.mobile-footer-sangni a:hover {text-decoration:none}
.mobile-footer-sangni i {display:block;margin:3px auto 0;font-size:20px;color:#fff;}
.mobile-footer-sangni i.m-home {font-size:32px}
.mobile-footer-sangni i.m-pro {font-size:36px}
.mobile-footer-sangni i.m-contact {font-size:32px}


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

}

@media screen and (max-width:1280px) {
.footer-sangni h3{margin-bottom:25px;font-size:20px;}

}

@media screen and (max-width:1171px) {
.footer-sangni{padding:60px 0 50px;}
.footer-sangni .foot-logo{width:200px;}
.footer-sangni .foot-nav{width:240px;}
.footer-sangni .foot-list{width:400px;}

}

@media screen and (max-width:992px) {
.footer-sangni .foot-nav{width:200px;}
.footer-sangni .foot-list{width:220px;}
.footer-sangni .foot-nav ul li, .footer-sangni .foot-list ul li{width:100%;margin-bottom:15px;}
}

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

.footer-sangni{padding:30px 0 60px;}
.footer-sangni .wp{display:block;}
.footer-sangni .foot-logo{width:100%;}
.footer-sangni .foot-logo .share{margin-top:20px;}
.footer-sangni .foot-nav{width:100%;text-align:center;margin:25px 0 0;}
.footer-sangni h3{margin-bottom:15px;font-size:18px;}
.footer-sangni .foot-nav ul,.footer-sangni .foot-list ul{justify-content:center;}
.footer-sangni .foot-nav ul li, .footer-sangni .foot-list ul li{width:auto;margin:0 5px 10px;}
.footer-sangni .foot-list{width:100%;text-align:center;margin:20px 0 0;}
.mobile-footer-sangni{display:block;}

}