

.clear_both{clear:both;}
.map_icon{
    color:rgb(199,0,11);font-size:50px;
    transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top: 0%;
}
.map_img{height:100%;}
.leida{position:absolute;left: calc(50% + 20px);top1:280px;width:50px;height:50px;margin-left1:40px;top:280px;}
.leida .icon-dizhi{ font-size:18px; color:#e91f2f; text-align:center; width:32px; height:32px; line-height:32px; display:block; position:relative; z-index:7;}
.leida span{ position:absolute; left:50%; top:50%; border-radius:50%; display:block; background:rgba(243,153,39,0.5); box-sizing:border-box; opacity:0;}
.leida .span2{ width:40px; height:40px; margin:-20px 0 0 -20px; z-index:6;}
.leida .span3{ width:80px; height:80px; margin:-40px 0 0 -40px; z-index:5;}
.leida .span4{ width:160px; height:160px; margin:-80px 0 0 -80px; z-index:4;}
.leida .span5{ width:320px; height:320px; margin:-160px 0 0 -160px; z-index:3;}
.leida .span6{ width:640px; height:640px; margin:-320px 0 0 -320px; z-index:2;}

.FpulseSlow {animation:FpulseSlow infinite alternate 2s ease-in-out;}
@keyframes FpulseSlow {
	0% {transform:scale(1);opacity:1;}
	100%{transform:scale(0.85);opacity:0.5;}
}
.FpulseSlow2 {animation:FpulseSlow2 infinite 3s linear ;opacity:0;}
@keyframes FpulseSlow2 {
	0% {transform:scale(0.25);opacity:0.4;}
	100%{transform:scale(1);opacity:0;}
}


@media only screen and (max-width: 1700px) {
    .leida{top:280px;}
}

@media only screen and (max-width: 1590px) {
    .leida{top:280px;}
}

@media only screen and (max-width: 1430px) {
}

@media only screen and (max-width: 1270px) {
    .map_icon{font-size:34px;}
    .leida{top:220px;width:32px;height:32px;}

}

@media only screen and (max-width: 1100px) {
 
    .leida{top:230px;width:32px;height:32px;}
}
@media only screen and (max-width: 1000px) {
    .leida{top:170px;}
    .leida .span6{display:none;}
}
@media only screen and (max-width: 767px) {
    .map_icon{font-size:34px;}
    
}