body{
	margin: 0;
	font-family: 'microsoft yahei'; 
}
.roate-container{
	position: relative;
	margin: 0 auto;
	width: 623px;
	height: 623px;
	background: url(../images/roate-bg.png) no-repeat;
  overflow: hidden;
  background-size: auto 100%;
}
.screen-bg{
	position: absolute;
	left: 50%;
	top:50%;
	width: 74%;
	height: 0;
  padding-bottom: 65%;
	background-repeat: no-repeat;
	background-image: url(../images/9904/bg3.png);
	z-index: 99;
  transform: translate(-50%,-25%);
  background-size: 100% auto;
}

.roate-item{
	position: absolute;
	left: 0;
	top:0;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	font-size: 0;
	background: url(../images/icon-item.png) no-repeat;
	z-index: 9;
  transform: translate(-50%,-50%);
}
.circle1{
  width: 62.5%;
	height: 62.5%;
  transform: translateX(-53.4%);
  position: absolute;
  top: 13%;
  left: 50%;
}
#roate1{
  position: relative;
  border-radius: 50%;
  animation: animtran 16s linear infinite;
  -webkit-animation: animtran 16s linear infinite;
  width: 100%;
  height: 100%;
}
.roate-item:nth-child(1){
  top: 0;
  left: 50%;
}
.roate-item:nth-child(2){
  left: 76%;
  top: 7.1%;
}
.roate-item:nth-child(3){
  left: 91.6%;
  top: 22%;
}
.roate-item:nth-child(4){
  top: 50%;
  left: 0%;
}
.roate-item:nth-child(5){
  left: 91.6%;
  top: 77.7%;
}
.roate-item:nth-child(6){
  left: 76%;
  top: 92.7%;
}
.roate-item:nth-child(7){
  top: 100%;
  left: 50%;
}
.roate-item:nth-child(8){
  left: 23.8%;
  top: 92.7%;
}
.roate-item:nth-child(9){
  left: 8.3%;
  top: 77.7%;
}
.roate-item:nth-child(10){
  top: 50%;
  left: 100%;
}
.roate-item:nth-child(11){
  left: 8.3%;
  top: 22%;
}
.roate-item:nth-child(12){
  left: 23.8%;
  top: 7.1%;
}
.icon-roate-1,.icon-roate-2,.icon-roate-3,.icon-roate-4{
	width: 56px;
	height: 56px;
  background: none;
}
.icon-roate-1 img,.icon-roate-2 img,.icon-roate-3 img,.icon-roate-4 img{
  animation: animtrans 16s linear infinite;
  -webkit-animation: animtrans 16s linear infinite;
}
/*.icon-roate-1{
	background-image: url(../images/icon-roate-1.png);
}
.icon-roate-2{
	background-image: url(../images/icon-roate-2.png);
}
.icon-roate-3{
	background-image: url(../images/icon-roate-3.png);
}
.icon-roate-4{
	background-image: url(../images/icon-roate-4.png);
}*/
.circle2{
  width: 66%;
  height: 66%;
  transform: translateX(-52%) rotate3d(1, 0, 0, 66.5deg);
  position: absolute;
  left: 50%;
  top: 50.32%;
}
.icon-sq-1{
	width: 54px;
	height: 43px;
}
.icon-sq-2{
	width: 28px;
	height: 22px;
}
.circle2 .roate-item{
  background: none;
}
.circle2 .roate-item i{
  width: 8px;
  height: 20px;
  background: #3cb999;
  animation: animtrans 16s linear infinite;
  -webkit-animation: animtrans 16s linear infinite;
  display: block;
  border-radius: 50%;
}
#roate2{
  width: 100%;
	height: 100%;
  position: relative;
  animation: animtran 16s linear infinite;
  -webkit-animation: animtran 16s linear infinite;
}

/*.type9901 .screen-bg{
	background-image: url(../images/9901/bg3.png);
}
.type9901 .icon-roate-1{
	background-image: url(../images/9901/ic_1.png);
}
.type9901 .icon-roate-2{
	background-image: url(../images/9901/ic_2.png);
}
.type9901 .icon-roate-3{
	background-image: url(../images/9901/ic_3.png);
}
.type9901 .icon-roate-4{
	background-image: url(../images/9901/ic_4.png);
}

.type9902 .screen-bg{
	background-image: url(../images/9902/bg3.png);
}
.type9902 .icon-roate-1{
	background-image: url(../images/9902/ic_1.png);
}
.type9902 .icon-roate-2{
	background-image: url(../images/9902/ic_2.png);
}
.type9902 .icon-roate-3{
	background-image: url(../images/9902/ic_3.png);
}
.type9902 .icon-roate-4{
	background-image: url(../images/9902/ic_4.png);
}

.type9903 .screen-bg{
	background-image: url(../images/9903/bg3.png);
}
.type9903 .icon-roate-1{
	background-image: url(../images/9903/ic_1.png);
}
.type9903 .icon-roate-2{
	background-image: url(../images/9903/ic_2.png);
}
.type9903 .icon-roate-3{
	background-image: url(../images/9903/ic_3.png);
}
.type9903 .icon-roate-4{
	background-image: url(../images/9903/ic_4.png);
}

.type9904 .screen-bg{
	background-image: url(../images/9904/bg3.png);
}
.type9904 .icon-roate-1{
	background-image: url(../images/9904/ic_1.png);
}
.type9904 .icon-roate-2{
	background-image: url(../images/9904/ic_2.png);
}
.type9904 .icon-roate-3{
	background-image: url(../images/9904/ic_3.png);
}
.type9904 .icon-roate-4{
	background-image: url(../images/9904/ic_4.png);
}

.type9905 .screen-bg{
	background-image: url(../images/9905/bg3.png);
}
.type9905 .icon-roate-1{
	background-image: url(../images/9905/ic_1.png);
}
.type9905 .icon-roate-2{
	background-image: url(../images/9905/ic_2.png);
}
.type9905 .icon-roate-3{
	background-image: url(../images/9905/ic_3.png);
}
.type9905 .icon-roate-4{
	background-image: url(../images/9905/ic_4.png);
}

.type9906 .screen-bg{
	background-image: url(../images/9906/bg3.png);
}
.type9906 .icon-roate-1{
	background-image: url(../images/9906/ic_1.png);
}
.type9906 .icon-roate-2{
	background-image: url(../images/9906/ic_2.png);
}
.type9906 .icon-roate-3{
	background-image: url(../images/9906/ic_3.png);
}
.type9906 .icon-roate-4{
	background-image: url(../images/9906/ic_4.png);
}
*/

.map-service{position:relative;min-height:750px;background:url(../images/map_balck_whole_bg.jpg) center no-repeat;overflow: hidden;}
.map-service-right{padding-top:4%}
.china-map{width:90%;max-width: 750px; height:75vw;max-height: 620px; background:url(../images/map_black_bg.png) center no-repeat;position:relative;background-size: 100% auto;}
.region-list{position:absolute;left:0;top:0}


@keyframes animtran {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes animtrans {
  from {
    transform: rotateZ(360deg);
  }
  to {
    transform: rotateZ(0deg);
  }
}
@-webkit-keyframes animtran {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes animtrans {
  from {
    transform: rotateZ(360deg);
  }
  to {
    transform: rotateZ(0deg);
  }
}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.active .area-box .dot{background:#009fd9}
.region-list.active .area-box .pulse{border-color:#009fd9;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;-moz-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset}
.region-list.waite .area-box .dot{background:#f90}
.region-list.waite .area-box .pulse{border-color:#f90}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{/*height:127px;*/opacity:1}
.show-regin span{position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}
.postition-10 .show-regin span{left:0}
.postition-6 .show-regin span{left:-50px}
.area-box{z-index:77}
.show-regin{z-index:66}
.region-list.active .show-regin span{position:relative;color:#ccc}
.region-list.waite .show-regin span{color:#ccc}
.postition-1{left:40.4%;top:49.8%}
.postition-2{left:53.6%;top:65.2%}
.postition-3{left:47.8%;top:83.5%}
.postition-4{left:63.2%;top:56.3%}
.postition-5{left:70.3%;top:63.7%}
.postition-6{left:70.3%;top:83.3%}
.postition-7{left:87.1%;top:32.3%}
.postition-7.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-8{left:74.7%;top:37%}
.postition-9{left:85.1%;top:60%}
.postition-9.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-10{left:74.1%;top:87.2%}
.postition-11{left:80.7%;top:48.5%}
.postition-13{left:62.8%;top:40.5%}
.douhao{width:0}