@charset "utf-8";.bf-footer {padding-top:.4rem;overflow:hidden;}
.bf-footer {background-color:#333; position: relative; z-index: 2;}
.bf-footer .logo {display:block;height:0.43rem;fill:#fff;margin:0 auto;}
.bf-footer .quick-nav {margin-top:.4rem;padding:.2rem 0;border:2px solid rgba(255,255,255,.1);border-left:none;border-right:none;display: flex;
  justify-content: center;
  align-items: center;}
.bf-footer .quick-nav .nav {color:rgba(255,255,255,.8);margin:.16rem 0;cursor:pointer;}
.bf-footer .quick-nav .nav:hover {color:#00928c;}
.bf-footer .contact {margin:0 auto;padding:.2rem 0;text-align:center;}
.bf-footer .contact .icon-tel {height: 32px;}
.bf-footer .contact .micoefont {font-size:.28rem;color:#fff;}
.bf-footer .contact .tel {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.bf-footer .contact .tel a {font-size:.24rem;color:#fff;vertical-align:middle;}
.bf-footer .contact .new-media {position:relative;display:inline-block;margin-left:.7rem;}
.bf-footer .contact .new-media a {position:relative;display:inline-block;margin-right:.4rem;}
.bf-footer .contact .new-media a:hover i {color:#00928c;}
.bf-footer .contact .new-media a.code .ewm {display:none;border-radius:5px;position:absolute;left:50%;padding:.1rem;background:#fff;top:-2.25rem;width:1.8rem;min-height:1.8rem;margin-left:-0.9rem; font-size: 0; }
.bf-footer .contact .new-media a.code.code2 .ewm {width:3.45rem;margin-left:-1.725rem;}
.bf-footer .contact .new-media a.code .ewm img {display: inline-block;width:1.6rem;height:1.6rem; object-fit: contain;}
.bf-footer .contact .new-media a.code .ewm span {border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:-10px;height:0;left:50%;margin-left:-10px;position:absolute;width:0;}
.bf-footer .contact .new-media a.code .ewm .inline-block { display: inline-block;font-size: 0; }
.bf-footer .contact .new-media a.code .ewm p { margin: 0.04rem 0; line-height: 1; color: #000; }
.bf-footer .contact .new-media a.code:hover .ewm {display:block;}
.bf-footer .popup-code {position:fixed;top:0;left:0;z-index:7;display:none;width:100%;height:100%;background:rgba(0,0,0,.4);}
.bf-footer .popup-code-container {position:absolute;top:50%;left:50%;width:3rem;transform:translate(-50%,-50%);text-align:center;}
.bf-footer .popup-code-container .code-image {width:100%;margin:0 auto;}
.bf-footer .popup-code-container .label {margin-top:.3rem;color:#fff;}
.bf-footer .popup-code-container .iconfont {font-size:.4rem;color:#fff;}
.bf-footer .contact .new-media .popup-code .code-image {width:1rem;height:1rem;}
.bf-footer .copy-right {padding:.2rem 0;border-top:2px solid rgba(255,255,255,.1); display: flex; justify-content: center; align-items: center;}
.bf-footer .copy-right .company,.bf-footer .copy-right .links {font-size:.14rem;line-height:1.6;color:rgba(255,255,255,.8); cursor: pointer;}
.bf-footer .copy-right .info {position:relative;}
.bf-footer .copy-right .info .link-list {position:absolute;right:.15rem;bottom:.3rem;width:3rem;height:0;background:#fff;overflow:auto;}
.bf-footer .copy-right .info .link-list a {display:block;width:100%;overflow:auto;font-size:15px;line-height:1.4;padding:6px 10px;transition:all .2s ease;}
.bf-footer .copy-right .links .iconfont {display:inline-block;font-size:.14rem;line-height:1.6;color:rgba(255,255,255,.8);transition:all .3s ease;}
.bf-footer .copy-right .links .iconfont.rotate {transform:rotate(180deg);}
.bf-footer .copy-right .other-links {font-size:.14rem;text-align:right;}
.bf-footer .copy-right .other-links .link {position:relative;padding-right:.2rem;font-size:.14rem;color:rgba(255,255,255,.8);}
.bf-footer .copy-right .other-links .link:last-child {padding-right:0;}
.bf-footer .copy-right .other-links .link::after {content:'';position:absolute;top:50%;right:.1rem;width:1px;height:.14rem;background:rgba(255,255,255,.8);transform:translateY(-50%);}
.bf-footer .copy-right .other-links .link:last-child::after {display:none;}
.bf-footer .copy-right .other-links .link:hover {color:#00928c;}
@media screen and (max-width:768px) {
  .bf-footer .contact .new-media a.code.code2 .ewm {
    width: 3.48rem;
    margin-left: -2.4rem;
  }
  .bf-footer .contact .new-media a.code.code2 .ewm span {
    margin-left: 30px;
  }
  .bf-footer .copy-right .other-links {text-align:center;}
  .bf-footer .copy-right .company,.bf-footer .copy-right .links {display:block;width:100%;float:none;text-align:center;}
  .bf-footer .quick-nav .nav {text-align:center;}
}