.map-wrap {
    background-image: url(../images/aboutus/ins-map.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
    left: 0;
    right: 0;
    top: 50%;

    /* position: absolute;
    height: 100%;
    transform: translate3d(0, -50%, 0); */
    position: relative;
    padding-top: 45.8%;
}
.map-wrap:after {
    margin-top: 100%;
}

.map-wrap .position-item {
    cursor: pointer;
    /* opacity: 0; */
    position: absolute;
    transition: all 0.5s;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, 1%);
}
.map-wrap .position-item span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #222222;
}
.map-wrap .position-item .icon.icon-point {
    background-color: #FFB313;
    border: 3px solid #F2DBAB;
    border-radius: 50%;
    height: 6px;
    margin: 0 0 0 5px;
    vertical-align: middle;
    width: 6px;
    display: inline-block;
    position: relative;
}
.map-wrap .position-item .icon.icon-point:before {
    animation: pointRadar 4s linear 1s infinite;
    border: 3px solid #FFB313;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.map-wrap .position-item .icon.icon-point:after {
    animation: heartbeat 2s linear infinite alternate;
    background-color: #FFB313;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.map-wrap .position-item .icon.icon-point-red {
    background-color: #AB1F24;
    border: 3px solid #E7DADA;
}
.map-wrap .position-item .icon.icon-point-red:before {
    border: 3px solid #AB1F24;
}
.map-wrap .position-item .icon.icon-point-red:after {
    background-color: #AB1F24;
}


.map-wrap .position-item.russia-position {
    left: 32.7%;
    top: 19.2%;
}
.map-wrap .position-item.theMiddleEast-position {
    left: 15.5%;
    top: 41.3%;
}
.map-wrap .position-item.southeastAsia-position {
    left: 26.6%;
    top: 48.8%;
}
.map-wrap .position-item.southAfrica-position {
    left: 10.9%;
    top: 74.4%;
}
.map-wrap .position-item.beijing-position {
    left: 34.1%;
    top: 35.7%;
}
.map-wrap .position-item.china1-position {
    left: 28.6%;
    top: 38.3%;
}
.map-wrap .position-item.china2-position {
    left: 31.6%;
    top: 40.1%;
}
.map-wrap .position-item.china3-position {
    left: 33.1%;
    top: 41.15%;
}
.map-wrap .position-item.china4-position {
    left: 32.2%;
    top: 42.3%;
}
.map-wrap .position-item.china5-position {
    left: 36.2%;
    top: 42.3%;
}
.map-wrap .position-item.china6-position {
    left: 33.7%;
    top: 45.1%;
}
.map-wrap .position-item.china7-position {
    left: 36.7%;
    top: 45.8%;
}
.map-wrap .position-item.china8-position {
    left: 36.3%;
    top: 47.6%;
}
.map-wrap .position-item.china9-position {
    left: 35.7%;
    top: 49.4%;
}
.map-wrap .position-item.china10-position {
    left: 34.5%;
    top: 50%;
}
.map-wrap .position-item.china11-position {
    left: 32.6%;
    top: 47.6%;
}
.map-wrap .position-item.china12-position {
    left: 31.6%;
    top: 49%;
}
.map-wrap .position-item.china13-position {
    left: 30.3%;
    top: 48.4%;
}




@keyframes pointRadar {
    0% {
        opacity: 0.5;
        transform: scale(1);
    }
    80% {
        opacity: 0.5;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(5);
    }
}

@keyframes heartbeat {
    0% {
        transform: scale(0.5);
    }
    to {
        transform: scale(0.8);
    }
}