.hmc4map_item {
    width: 27px;
    height: 27px;
    position: absolute;
    cursor: pointer;
}

.hmc4mapIcon {
    width: 20px;
    height: 20px;
    /* border: 1px dashed #009656; */
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
}

.hmc4mapIcon span {
    display: none;
}

.hmc4mapIcon i {
    width: 5px;
    height: 5px;
    position: absolute;
    left: 6px;
    top: 7px;
    z-index: 3;
    background: #009656;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
}

.hmc4mapIcon:after {
    animation-delay: 1.5s;
}

.hmc4mapIcon:before,
.hmc4mapIcon:after {
    background-color: rgba(255, 255, 255, 0);
    content: '';
    position: absolute;
    border-radius: 50%;
    animation: rangeScale 3s linear infinite;
    opacity: 0;
    z-index: 2;
    border: 1px solid #009656;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-left: -26px;
    margin-top: -26px;
}

.distribution_body_text {
    left: 30.4%;
    top: 4.7%;
    width: 355px;
    padding: 32px 0 22px 75px;
    overflow: hidden;
}

.hmc4mapIcon:after {
    animation-delay: 1.5s;
}

.hmc4map_item:hover .hmc4mapIcon:before,
.hmc4map_item:hover .hmc4mapIcon:after {
    background: rgba(0, 93, 177, 0.4);
}
.distribution_body_text {
    display: none;
}

.show_this .distribution_body_text {
    display: block;
}
.distribution {
    padding: 0 260px 60px;
}
@keyframes rangeScale {
    from {
        opacity: 1;
        transform: scale(0.1);
    }
    to {
        opacity: 0;
        transform: scale(1);
    }
}

@media(min-width:1345px) {
    .distribution_body {
        width: 1340px;
    }
}

@media(max-width:1399px) {
    .distribution_body {
        width: 100%;
    }
    .distribution {
        padding: 0;
    }
}

@media(min-width:1400px) and (max-width:1750px) {
    .distribution {
        padding: 0 4%;
    }
}
@media(max-width:1024px){
    .m_dian{
        display: none;
    }
    .distribution_body_text{
    background-image: url('/skins/demo/images/retrieve/dis_back.png') !important;
    left: 36.4%;
    top: 30%;
    width: 167px;
    height: 116px;
    padding: 10px 0 10px 15px;
    font-size: 14px;
        overflow: scroll;
    }
}