@media (max-width: 1200px) {
    .main-container {
        display: none;
    }
}

.main-container {
    overflow: hidden;
    height: 575px;
}

.map-container {
    position: relative;
    width: 940px;
    transition: .8s ease;
    transform-origin: 75% 65%;
}

.map {
    height: 575px;
    background: url('/images/esumap.png') no-repeat;

}

#expand-esu1 {
    display: none;
}

.esu1 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 138px;
    left: 709px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}


#expand-esu2 {
    display: none;
}
.esu2 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 226px;
    left: 771px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}


#expand-esu3 {
    display: none;
}

.esu3 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 329px;
    left: 850px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}

#expand-esu4 {
    display: none;
}

.esu4 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 440px;
    left: 844px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}

#expand-esu5 {
    display: none;
}

.esu5 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 440px;
    left: 711px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}


#expand-esu6 {
    display: none;
}


.esu6 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 378px;
    left: 702px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}


#expand-esu7 {
    display: none;
}


.esu7 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 282px;
    left: 670px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}

#expand-esu8 {
    display: none;
}


.esu8 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 171px;
    left: 573px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}

#expand-esu9 {
    display: none;
}


.esu9 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 424px;
    left: 601px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}

#expand-esu10 {
    display: none;
}

.esu10 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 293px;
    left: 482px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}


#expand-esu11 {
    display: none;
}


.esu11 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 431px;
    left: 452px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}

#expand-esu13 {
    display: none;
}


.esu13 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 200px;
    left: 86px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}


#expand-esu15 {
    display: none;
}


.esu15 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 431px;
    left: 296px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}


#expand-esu16 {
    display: none;
}


.esu16 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 299px;
    left: 286px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor:pointer;
}

#expand-esu17 {
    display: none;
}


.esu17 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 120px;
    left: 370px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}

#expand-esu18 {
    display: none;
}

.esu18 {
    background: rgba(0,0,0,.95);
    width: 45px;
    height: 45px;
    position: absolute;
    top: 360px;
    left: 761px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}

#expand-esu19 {
    display: none;
}

    .esu19 {
        background: rgba(0,0,0,.95);
        width: 45px;
        height: 45px;
        position: absolute;
        top: 282px;
        left: 853px;
        border-radius: 50%;
        display: block;
        color: #ffffff;
        line-height: 45px;
        font-size: 24px;
        cursor: pointer;
    }

#expand-esucc {
    display: none;
}


.esucc {
    background: rgba(0,0,0,.95);
    width: 110px;
    height: 45px;
    position: absolute;
    top: 387px;
    left: 39px;
    border-radius: 23px;
    display: block;
    color: #ffffff;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
}