footer {
  width: 100%;
  background-image: url(../img/footer/footerBack.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.footerBox {
  width: 14rem;
  margin: 0 auto;
  padding-top: .58rem;
}

.footerTop {
  display: flex;
  padding-bottom: .45rem;
  justify-content: space-between;
}

.footerL {
  display: flex;
}

.footerNav {
  display: flex;
  flex-direction: column;
  margin-right: 1rem;
}

.footerNav:last-child {
  margin: 0;
}

.footerNav a {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #999EA5;
  margin-bottom: .15rem;
  white-space: nowrap;
}

.footerNav a:hover {
  color: #FFFFFF;
}

.footerNavTit {
  font-weight: bold !important;
  font-size: 0.16rem !important;
  color: #FFFFFF !important;
  margin-bottom: .28rem !important;
}

.footerC {
  width: 1.3rem;
  height: 1.3rem;
  display: flex;
  margin: 0 1.4rem 0 2rem;
  margin: 0 1.4rem 0 1.6rem;
}

.footerR {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.footerR div {
  display: flex;
  align-items: center;
  margin-bottom: .19rem;
}

.footerR div img {
  width: .18rem;
  height: .18rem;
  margin-right: .06rem;
}

.footerR div p {
  white-space: nowrap;
}

.footerR p,
.footerR div {
  font-family: Inter, Inter;
  font-weight: 400;
  font-size: 0.14rem;
  color: #999EA5;
  text-align: right;
}

.telNum {
  font-family: Inter, Inter;
  font-weight: bold;
  font-size: 0.25rem !important;
  color: #D6D6D6 !important;
  margin-bottom: 0 !important;
}

.footerLine {
  width: 100%;
  height: .01rem;
  background: rgba(255, 255, 255, 0.3);
}

.footerBottom {
  width: 100%;
  height: 1.02rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footerLogo {
  width: 3.49rem;
  display: flex;
}

.beiAn{
  display: flex;
}

.beiAn p,
.beiAn a {
  font-family: Inter, Inter;
  font-weight: 400;
  font-size: 0.14rem;
  color: #999EA5;
}

@media(max-width: 1024px){
    .footerBox{
        width: 100% !important;
        box-sizing: border-box;
    }
    
    .footerTop{
        display: block !important;
        width: 100%;
        padding-left: 20px;
        box-sizing: border-box;
    }
    
    .footerBox .footerTop .footerL{
        display: none !important;
    }
    
    .footerBox .footerTop .footerC{
        width: 65px;
        height: 65px;
        margin: 0;
        margin-bottom:20px;
    }
    
    .footerBox .footerTop .footerR {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .footerLogo {
        width: 220px;
    }
    
    .footerR p, .footerR div{
        font-size: 12px !important;
    }
    
    .footerBox .footerBottom{
        width: 100%;
        height: 80px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10px 20px;
        box-sizing: border-box;
    }
    
    .footerBox .footerBottom .beiAn{
        display: flex;
        flex-direction: column;
        align-content: center;
    }
    
    .beiAn p, .beiAn a{
        font-size: 12px !important;
        text-align: center;
    }
}