html,
body {
    font-family: MicrosoftYaHei;
    background: #ffffff
}

.hub-content {
    width: 100%;
    min-width: 120.0rem;
    height: 82.8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    /* background: url(/frontend/images/bg3.jpg) no-repeat; */
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 36.0rem;
    box-sizing: border-box
}

.hub-content .info {
    width: 120.0rem;
    height: 62.8rem;
    background: url(/frontend/images/bg4.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 5.0rem;
    padding-left: 4.2rem
}

.hub-content .info .info-city {
    float: left;
    width: 35.4rem;
    height: 54.0rem;
    -webkit-background-size: cover;
    background-size: cover;
    margin-right: 2.5rem;
    padding: 3.9rem 2.3rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.hub-content .info .info-city h4 {
    font-size: 2.4rem;
    color: #ffffff
}

.hub-content .info .info-city p {
    font-size: 1.6rem;
    margin-top: 1.4rem;
    color: #ffffff
}

.hub-content .info .info-city a {
    position: absolute;
    display: inline-block;
    width: 5.3rem;
    height: 6.2rem;
    background: url(/frontend/images/bg8.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    top: 19.1rem;
    left: 2.7rem
}

.hub-content .info .info-city.shapingba {
    background: url(/frontend/images/bg5.jpg) no-repeat
}

.hub-content .info .info-city.hongqi {
    background: url(/frontend/images/bg6.jpg) no-repeat
}

.hub-content .info .info-city.zonghe {
    background: url(/frontend/images/bg7.jpg) no-repeat
}