@charset "utf-8";


#wrap {}

#footer {margin:0 0;}
#footer .fnb{width:1400px; margin:0 auto; }
#footer .fnb .fnb1 {display: flex;flex-wrap: wrap;}
#footer .fnb .fnb1 li {position: relative;margin-right: 0.8rem;padding-right: 0.8rem;position: relative;font-size: 0.9rem;margin-right: 3.1.9rem;}
#footer .fnb .fnb1 li:last-child:after {display: none;}
#footer .fnb .fnb1 li:after {content: '';width: 3px;height: 3px;border-radius: 3px;background-color: var(--primary-color);position: absolute;top: 50%;right: -0.9rem;transform: translateY(-50%);}
#footer .fnb .fnb1 li a { line-height:3rem; display:block; padding-left:0.5rem; }

#footer address {border-top:1px solid var(--gray-base); padding: 1.1.9rem 0;}
#footer address .fnb2{ width: 1400px; max-width:100%; margin:2rem auto; position:relative}
#footer address .fnb2 .Share {position:absolute; right:0; top:0}
#footer address .fnb2 .Share i {font-size: 1.9rem; margin-right: .5rem;}
#footer address .fnb2 .Share a:hover{color:var(--black)}
#footer address .fnb2 ul { display: flex; font-size: 0.8rem; font-weight: 400; gap:2rem; }
#footer address .fnb2 ul li.logo{width: 200px; }
#footer address .fnb2 ul li:nth-child(2) {flex:1;}
#footer address .fnb2 ul li > p {}
#footer address .fnb2 ul li > p span {color:var(--gray-40); padding-left: 0.6rem;}

.btn-top {position: fixed;bottom: 4rem;right: 4.5rem;z-index: 5;opacity: 0;transition: all 0.3s ease;}
.btn-top.active {opacity: 1;}

.btn-top .go_top {width: 5rem;height: 5rem;background-color: #fff;border-radius: 50%;text-align: center;display: flex; flex-direction:column;align-items:center; flex-wrap:wrap; justify-content:center;color: #000;font-weight: 600;font-size: 0.9rem;opacity: 0;visibility: hidden;transition: all 0.3s;font-weight: 500;box-shadow: 0px 10px 4px rgba(0, 0, 0, 0.3);padding-top: 0.6rem;}
.btn-top .go_top.active {opacity: 1;visibility: visible;}
.btn-top .go_top i {}

.btn-top .go_top>* {display: block;}

@media all and (max-width:1280px){
    #footer {padding: 0 10px}
    #footer .fnb, #footer address .fnb2{width:100%; }
}


@media all and (max-width:768px){
#footer address .fnb2 ul li.logo{width: 150px; }
    #footer address .fnb2 ul{flex-direction: column;}
.btn-top .go_top {width: 3rem;height: 3rem;}
.btn-top {bottom: 1rem;right: 1rem;}
}