﻿.world-map {
  position: relative;
  width:900px; /* 地图宽度 */
  height: 500px; /* 地图高度 */
      margin: 0px auto;
  
}
 
.country {
  position: absolute;
 
    
}
 
 @keyframes pulse {
 from {
	 border-color: red;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
	  
  }
  to {
	  border-color: blue;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0);
  }
}
 
 
.line{
    position:absolute;
    width:60px;
    height:0;
    border-top: 1px solid #fff;
    box-shadow: 0 0 5px #000;
    margin-top:-0.5px;
    opacity:0;//透明度
    filter:alpha(opacity=0);//兼容透明度
}
.target1  .line{
    animation:f1 1s linear 0s infinite alternate;//infinite 一个方向循环  alternate两个方向循环
}
@keyframes f1{
    0%{ opacity:0;transform: translateX(0px);}
    50%{transform: translateX(244px);opacity:1;}
    100%{transform: translateX(498px);opacity:0;}
}
 
 
 

 
 
 
 
.india {
top: 250px;
    right: 200px;
}
 .xslk {
    top: 270px;
    right: 150px
} 
.ydnxy {
    top: 300px;
    right: 80px;
}

.tw {
     top: 220px;
    right: 60px;
}

.mjl {
        top: 230px;
    right: 160px;
}

.bjst {
      top: 210px;
      right: 230px;
}


.xly {
  top: 190px;
    right: 320px;
}

.hg {
 top: 170px;
    right: 60px;
}
.ru {
 top: 90px;
 right: 120px;
}
.dg {
   top: 120px;
    right: 410px;
}
.trq{top: 165px;
    right: 340px;}
.mg{ top: 180px;
    right: 760px;}
	
.jnd{ top: 130px;
  right: 760px;}
	
	.bx{ top: 330px;
       right: 660px;}
	
	.odly{top: 380px;
    right: 0px;}
	.aj{ top: 200px;
    right: 370px;}
/* 其他国家类似定位 */
 
.customer {
    position: relative;
    background: #3b3b3b;
    padding: 3px 7px;
    color: #fff;border-radius: 5px;
	display:none;
    top: -33px;
    left: 20px;
   
    z-index: 99;
}
 .country:hover .customer {display:block;white-space: nowrap;}
 @keyframes pulsess {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  50% {
    box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
 
.dots {
width: 15px;
    height: 15px;
    background-color: #3b3b3b;
  border-radius: 50%;float:right;
  animation: pulsess 2s infinite;
}
/* 其他客户点的样式 */