body{
  background: #F3F4F6;
}
.mapNav{
  width: 100%;
  height: .78rem;
  margin-top: 1.2rem;
  background: #FFFFFF;
}

.mapNavbox{
  width: 16rem;
  height: 100%;
  display: flex;
  margin: 0 auto;
}

.mapNavbox a:last-child {
  color: #000000;
}

.mapNavbox a {
  display: flex;
  align-items: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.16rem;
  color: #999999;
}

.mapNavbox a img {
  width: .22rem;
  height: auto;
  margin-right: .08rem;
}

.mapNavbox a::after {
  content: '-';
  margin: .05rem;
}

.mapNavbox a:last-child::after {
  display: none;
}

.content{
  width: 16rem;
  margin: .75rem auto .9rem;
  padding: 1rem 1.75rem;
  background: #FFFFFF;
  box-sizing: border-box;
}

.contentItem{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  border-bottom: 0.01rem solid rgba(112,112,112,0.4);
  margin-bottom: .6rem;
}

.contentItem:last-child{
  margin-bottom: 0  ;
}

.cItemTit{
  margin-bottom: .3rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.2rem;
  color: #222222;
}

.cItemTwo{
  display: flex;
  flex-wrap: wrap;
}
.cItemChild{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #828282;
  margin-right: 1.32rem;
  margin-bottom: .35rem;
}

.cItemChild:hover{
  color: #0866DF;
}

@media screen and (max-width:1024px){
    .mapNav{
        display: none;
    }
    .content{
        width: 100%;
        margin-top: 50px;
        padding: .3rem;
    }
    .cItemTit{
        font-size: 16px;
    }
    .cItemChild{
        font-size: 16px;
    }
}