@charset "utf-8";
/* CSS Document */
/*地图上标记（发光点）的样式*/
.worldmaplight #circle1, .worldmaplight #circle2, .worldmaplight #circle3 {
  fill:#56e2df;
  fill-opacity:0.8;
  opacity: 0;
  stroke:#56e2df;
  stroke-width:0.5;
  
  animation: bounce 2s infinite ease-in-out;
  -ms-animation: bounce 2s infinite ease-in-out;
  -moz-animation: bounce 2s infinite ease-in-out;
  -o-animation: bounce 2s infinite ease-in-out;
  -webkit-animation: bounce 2s infinite ease-in-out;
  
}
.worldmaplight #circle2  {
  animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
.worldmaplight #circle3  {
  animation-delay: 1.00s; 
  -ms-animation-delay: 1.00s; 
  -moz-animation-delay: 1.00s; 
  -o-animation-delay: 1.00s; 
  -webkit-animation-delay: 1.00s; 
}

@keyframes bounce {
  0% {
   	r : 3;
    opacity: 0.8;
  } 
  100% {
    r:12;
    opacity: 0.3;
  }
}

@-webkit-keyframes bounce {
  0% {
   	r : 3;
    opacity: 0.8;
  } 
  100% {
    r:12;
    opacity: 0.3;
  }
}

.worldmaplight #circle4  {
  fill:#FFF;
  fill-opacity:1;
  opacity:1;
  r:3;
}




.worldmaplight2 #circle1, .worldmaplight2 #circle2, .worldmaplight2 #circle3 {
  fill:#F6A623;
  fill-opacity:0.8;
  opacity: 0;
  stroke:#F6A623;
  stroke-width:0.5;
  
  animation: bounce1 2s infinite ease-in-out;
  -ms-animation: bounce1 2s infinite ease-in-out;
  -moz-animation: bounce1 2s infinite ease-in-out;
  -o-animation: bounce1 2s infinite ease-in-out;
  -webkit-animation: bounce1 2s infinite ease-in-out;
  
}
.worldmaplight2 #circle2  {
  animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
}
.worldmaplight2 #circle3  {
  animation-delay: 1.00s; 
  -ms-animation-delay: 1.00s; 
  -moz-animation-delay: 1.00s; 
  -webkit-animation-delay: 1.00s; 
  -o-animation-delay: 1.00s; 
}

@keyframes bounce1 {
  0% {
   	r : 5;
    opacity: 0.8;
  } 
  100% {
    r:26;
    opacity: 0.3;
  }
}
@-webkit-keyframes bounce1 {
  0% {
   	r : 5;
    opacity: 0.8;
  } 
  100% {
    r:26;
    opacity: 0.3;
  }
}
.worldmaplight2 #circle4  {
  fill:#FFF;
  fill-opacity:1;
  opacity:1;
  r:5;
}





/*地图上弹出提示的样式*/
.worldmaptips #Path-4{
	stroke-width:1;
  fill-opacity:0;
  stroke:#F6A623;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  
animation: mymove1 5s forwards ;
animation-iteration-count:2;
animation-direction:alternate;

-ms-animation: mymove1 5s forwards ;
-ms-animation-iteration-count:2;
-ms-animation-direction:alternate;

-moz-animation: mymove1 5s forwards ;
-moz-animation-iteration-count:2;
-moz-animation-direction:alternate;

-o-animation: mymove1 5s forwards ;
-o-animation-iteration-count:2;
-o-animation-direction:alternate;

-webkit-animation: mymove1 5s forwards ;
-webkit-animation-iteration-count:2;
-webkit-animation-direction:alternate;
}

@-webkit-keyframes mymove1 {
  to {
    stroke-dashoffset: 0;
  }
}

.worldmaptips #Path-5,  .worldmaptips #Path-7  {
    fill:#061836;
	fill-opacity:0.5;
	stroke-width:1;
	stroke:#F6A623;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  
animation: mymove 5s forwards ;
animation-iteration-count:2;
animation-direction:alternate;

-ms-animation: mymove 5s forwards ;
-ms-animation-iteration-count:2;
-ms-animation-direction:alternate;

-moz-animation: mymove 5s forwards ;
-moz-animation-iteration-count:2;
-moz-animation-direction:alternate;

-o-animation: mymove 5s forwards ;
-o-animation-iteration-count:2;
-o-animation-direction:alternate;

-webkit-animation: mymove 5s forwards ;
-webkit-animation-iteration-count:2;
-webkit-animation-direction:alternate;

}

@-webkit-keyframes mymove {
  to {
    stroke-dashoffset: 0;
	fill-opacity:1;
  }
}

.worldmaptips  #Path-9 {
	stroke:#F6A623;
	stroke-width:1;
	fill-opacity:0;
	stroke-dasharray: 70,210,70,350;
	
	animation: linemove 5s ease forwards;
	animation-iteration-count:2;
	animation-direction:alternate;
	
	-ms-animation: linemove 5s ease forwards;
	-ms-animation-iteration-count:2;
	-ms-animation-direction:alternate;
	
	-moz-animation: linemove 5s ease forwards;
	-moz-animation-iteration-count:2;
	-moz-animation-direction:alternate;
	
	-o-animation: linemove 5s ease forwards;
	-o-animation-iteration-count:2;
	-o-animation-direction:alternate;
	
	-webkit-animation: linemove 5s ease forwards;
	-webkit-animation-iteration-count:2;
	-webkit-animation-direction:alternate;
}  
@-webkit-keyframes linemove {
  0% {
	  	stroke-opacity:0;
  		stroke-dashoffset: 1000;
  }
  100% {
	  	stroke-opacity:1;
		stroke-dashoffset: 0;
  }
}


/*弹出提示字体样式*/
.worldmaptips #cp_name, .worldmaptips #cp_forword , .worldmaptips #cp_name1{
	 fill:#F6A623;
  
animation: mymove2 5s ease forwards ;
animation-iteration-count:2;
animation-direction:alternate;

-ms-animation: mymove2 5s ease forwards ;
-ms-animation-iteration-count:2;
-ms-animation-direction:alternate;

-moz-animation: mymove2 5s ease forwards ;
-moz-animation-iteration-count:2;
-moz-animation-direction:alternate;

-o-animation: mymove2 5s ease forwards ;
-o-animation-iteration-count:2;
-o-animation-direction:alternate;

-webkit-animation: mymove2 5s ease forwards ;
-webkit-animation-iteration-count:2;
-webkit-animation-direction:alternate;
}

@-webkit-keyframes mymove2 {
  0% {
	 fill-opacity:0;
  }
  100% {
	 fill-opacity:1;

  }
}






/*地图样式*/
#map polygon ,  #map path{
	fill:#0862F2;
	fill-opacity:0.2;
	fill-rule:evenodd;
	stroke:#246ad7;
	stroke-width:2;
}
#map polygon:hover , #map path:hover{
	fill:#043442;
	fill-opacity:1;
}

#tips{
    border:0px solid;
    border-radius:5px;
    background-color:#0e0e0e;
    opacity:0.5;
    color:#FFF;
    padding-left:10px;
    padding-top:5px;
    padding-right:10px;
    padding-bottom:5px;
}

#tipsg2 #cp_name, #tipsg1 #cp_name ,#tipsg1 #cp_name1{
    font-size: 14px;
}

#tipsg2 #cp_forword, #tipsg2 #cp_forword{
    font-size: 12px;
}