* {
    margin: 0;
    padding: 0;
}

.china_map_container {
    display: flex;
    justify-content: center;
    width: 50vw;
    margin: auto;
    margin-bottom: 20vh;
}

.china_map_box {
    width: 100%;
    flex: 1;
    position: relative;
}

#china_map {
    width: 100%;
    height: 100%;
}

.landmark {
    position: absolute;
    width: 4%;
}

.landmark img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#landmark_jiangsu {
    top: 49%;
    left: 58%;
}

#landmark_tianjin {
    top: 38%;
    left: 56%;
}

#landmark_sichuan {
    top: 52%;
    left: 40.5%;
}

#landmark_shandong {
    top: 42%;
    left: 59.5%;
}

#landmark_gansu {
    top: 43%;
    left: 40.5%;
}

#landmark_shanghai {
    top: 50%;
    left: 62%;
}

#landmark_heilongjiang {
    top: 25.5%;
    left: 64.5%;
}

#landmark_hunan {
    top: 58%;
    left: 50%;
}

#landmark_beijing {
    top: 36%;
    left: 55%;
}

#landmark_zhejiang {
    top: 55%;
    left: 61%;
}

#landmark_hubei {
    top: 52%;
    left: 53%;
}

.landmark::before {
    content: attr(data-value-one);
    white-space: nowrap;
    position: absolute;
    font-size: 1.5em;
    bottom: 100%;
    /* background-color: rgb(223, 147, 41); */
    padding: 0;
    padding: attr(data-padding-one);
    border-radius: .5em;
    z-index: 2;
}