.mapMain{ position: relative; overflow: hidden; }
.mapMain .separate{ position: absolute; left:0; top:0; z-index:99; width:100%; height:100%; }
.mapMain .map-box{ width:100%; height:100%; }
.jsmap-svg-container{ position: static !important; }
.jsmap-svg-container svg{ margin:0 !important; }

.mapMain .positioning{ position: absolute; z-index:100; cursor:pointer; color:#ffffff; font-size:16px; }
.mapMain .positioning1{ top:42%; left:68%; }
.mapMain .positioning2{ top:65%; left:54%; }
.mapMain .positioning3{ top:22%; left:75%; }
.mapMain .positioning4{ top:52.2%; left:55.8%; }
.mapMain .positioning5{ top:29%; left:25%; }
.mapMain .positioning6{ top:43.2%; left:61.5%; }


@media screen and (max-width: 1680px) {

.mapMain .positioning{ font-size:14px; }

}


@media screen and (max-width: 1440px) {

.mapMain .positioning{ font-size:12px; }

}

@media screen and (max-width: 1240px) {
.mapMain .positioning4{ left:55.4%; }
.mapMain .positioning6{ left:61%; }
}


@media screen and (max-width: 1024px) {
.mapMain .positioning4{ left:55.2%; }
.mapMain .positioning6{ left:60.8%; }
}


@media screen and (max-width: 768px) {

.mapMain .positioning{ position: static; width:49%; margin:2% 2% 0 0; height:34px; float: left; color:#ffffff; line-height:32px; border:1px solid #ffffff; text-align: center; }
.mapMain .positioning2,.mapMain .positioning4,.mapMain .positioning6{ margin-right:0; }
.mapMain .positioning:after{ content:""; display:none; }
.mapMain .positioning.on,.mapMain .positioning:hover{ background:#e1ad22; border-color:#e1ad22; color:#ffffff; }

.mapMain .separate{ display: none; }
.mapMain .map-box{ display: none;}
}


@media screen and (max-width: 580px) {
.mapMain .positioning{ width:100%; margin:2% 0 0 0;}

}