.mapBread {
  width: 100%;
  height: 0.76rem;
  background: #F5F5F5;
}

.mapBreadBox {
  height: 100%;
  display: flex;
  align-items: center;
}

.mapBreadBox a {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #333333;
}

.mapBox {
  padding: .8rem 0 1.2rem;
}

.mapNav {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 0.01rem solid #D6D6D6;
  margin-bottom: .18rem;
}

.mapNav a {
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: normal;
  font-size: 0.16rem;
  color: #666666;
  margin-right: .45rem;
  margin-bottom: .19rem;
}

.mapNav a.oneNav {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #333333;
  margin-bottom: .18rem;
}

.mapNav a.oneNav::before {
  content: '';
  width: 0.02rem;
  height: 0.26rem;
  background: #28A0A2;
  margin-right: .1rem;
}

@media screen and (max-width:1024px){
    .mapBreadBox a{
        font-size: .4rem;
    }
    .mapNav a.oneNav{
        font-size: .36rem;
        width: 100%;
    }
    .mapNav a{
        font-size: .3rem;
    }
    
    
    
    .mapNav a.oneNav::before{
        top: 50%;
        transform: translateY(-50%);
        position: relative;
    }
}