.map-content{
    width: 1176px;
    padding: 0 12px; 
    margin: 0 auto;
    background: #fff;
}
.map-title{
    width: 100%;
    border-bottom: 1px solid #1d81db;
    margin-top: 25px;
}
.map-title p{
    width: 110px;
    height: 35px;
    font-size: 16px;
    margin-left: -4px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    background: url("./15-map-title.png") no-repeat;
    background-size: cover;
}
.map-main-content{
    width: calc(100% - 10px);
    border: 1px solid #dee2e6;
    border-top: none;
    padding: 15px 5px;
}
.map-main-content a{
    padding: 0  13.5px;
    line-height: 30px;
    font-size: 14px;
    color: #333333;
    display: inline-block;
    width: 128px;
    text-align: center;
}
.map-main-content a:hover{
    color: #1b7cd6;
}
@media screen and (max-width:1200px){
    .map-content{
        box-sizing: border-box;
        width: 100%;
        padding: 0;
    }
    .map-title {
        width: 100%;
        border-bottom: 0.01rem solid #1d81db;
        margin-top: 0.3rem;
    }
    .map-title p {
        width: 1.8rem;
        height: 0.5rem;
        font-size: 0.24rem;
        margin-left: -0.04rem;
        line-height: 0.5rem;
    }
    .map-main-content {
        width: calc(100% - 0.1rem);
        border: 0.02rem solid #dee2e6;
        border-top: none;
        padding: 0.2rem 0.05rem;
    }
    .map-main-content a {
        padding: 0;
        line-height: 0.6rem;
        font-size: 0.22rem;
        color: #333333;
        display: inline-block;
        width: 31%;
        text-align: center;
    }
    .map-main-content span:nth-child(3n) {
        display: none;
    }
}