@charset "utf-8";
/* 全局样式 */
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal;}
body>div, form>div {margin:0 auto;}
div{ text-align:left}
a img {border:0;}
table{border-collapse:collapse; border-spacing:0;}
select,textarea{font: 12px arial,"微软雅黑";}
body {color:#000;text-align:center;font:12px "微软雅黑";}
ul, ol, li {list-style-type:none;vertical-align:0;}
a {outline-style:none;color:#000;text-decoration:none;}
a, area {blr:expression(this.onfocus=this.blur())}
:focus {-moz-outline-style: none;}
.clear {clear:both;}
.hidden {display:none;}
.block {display:block;}
.left{float:left;}
.right{float:right;}
body,html{ min-width:1200px; overflow-x:hidden}
.yj{-moz-border-radius: 15px;/* gecko browsers */-webkit-border-radius: 15px;/* webkit browsers */border-radius:15px;/* w3c syntax */}



/* 地图1 */

.zp_mapbg{ background:  no-repeat; width:943px; height:777px; padding-top:30px; margin:0 auto}
.zp_map{ background: no-repeat; width:800px; height:664px; margin:0 auto; position:relative;}

.heibei{  width:87px; height:122px; position:absolute}
.beijing{ width:30px; height:30px; position:absolute}
.shandong{  width:103px; height:68px; position:absolute}
.shanxi{  width:79px; height:142px; position:absolute}
.henan{ width:91px; height:88px; position:absolute}
.anhui{ width:76px; height:94px; position:absolute}
.shanghai{ width:54px; height:41px; position:absolute}
.sichuan{  width:160px; height:160px;position:absolute}
.guangdong{ width:120px; height:90px; position:absolute}
.guagnxi{ width:126px; height:93px; position:absolute}

.tt1{background:url(/uploads/image/images/heibei.png) no-repeat;}
.tt2{background:url(/uploads/image/images/beijing.png) no-repeat;}
.tt3{background:url(/uploads/image/images/shandong.png) no-repeat;}
.tt4{background:url(/uploads/image/images/shanxi.png) no-repeat;}
.tt5{background:url(/uploads/image/images/henan.png) no-repeat;}
.tt6{background:url(/uploads/image/images/anhui.png) no-repeat;}
.tt7{background:url(/uploads/image/images/shanghai.png) no-repeat;}
.tt8{background:url(/uploads/image/images/sichuan.png) no-repeat;}
.tt9{background:url(/uploads/image/images/guangdong.png) no-repeat;}
.tt10{background:url(/uploads/image/images/guagnxi.png) no-repeat;}


.dtpa1{left:557px;top:204px;}
.dtpa2{left:582px;top:235px;}
.dtpa3{left:585px;top:286px;}
.dtpa4{left:449px;top:268px;}
.dtpa5{left:519px;top:323px;}
.dtpa6{left:590px;top:350px;}
.dtpa7{left:643px;top:385px;}
.dtpa8{left:321px;top:366px;}
.dtpa9{left:431px;top:515px;}
.dtpa10{left:513px;top:528px;}

.fudong{ position:absolute; top:64px; left:-21px; cursor:pointer; z-index:1}
.fudong .dj_span img{ float: right; margin-left:4px;}
.fudong .dj_span { line-height:28px; font-size:12px; height:28px; color:#000000}
.dj_pa{ position:absolute; background:; height:40px; line-height:40px; padding:0 10px;white-space:nowrap;-moz-border-radius: 10px;/* gecko browsers */-webkit-border-radius: 10px;/* webkit browsers */border-radius:10px;/* w3c syntax */ right:0px; top:-50px; display: block}
.dj_pa em{ background:url(/uploads/image/images/jiantou1.png) no-repeat; width:25px; height:14px; position:absolute; right:20px; top:40px;}
.dj_pa a{  color:#fff; font-size:14px;white-space:nowrap; padding:0 10px;}

.dtpa2 .dj_span img{ float:left; margin-left:0px; margin-right:4px; }
.dtpa2 .fudong{ top:0px; left:0; width:80px;}

.dtpa3 .dj_span img{ float:left; margin-left:0px; margin-right:4px; }
.dtpa3 .fudong{ top:20px; left:20px; width:80px;}

.dtpa4 .dj_span img{ float: none; margin:0 auto; display:block }
.dtpa4 .fudong{ top:84px; left:18px; width:60px; text-align:center; }
.dtpa4 .fudong .dj_span{ line-height:20px;}
.dtpa4 .fudong .dj_pa{ right:-10px;}

.dtpa5 .fudong{ top:30px; left:3px; width:69px;}

.dtpa6 .dj_span img{ float: none; margin:0 auto; display:block }
.dtpa6 .fudong{ top:28px; left:5px; width:60px; text-align:center}
.dtpa6 .fudong .dj_pa{ right:-10px;}
.dtpa6 .fudong .dj_span{ line-height:20px;}

.dtpa7 .dj_span img{ float:left; margin-left:0px; margin-right:4px; }
.dtpa7 .fudong{ top:6px; left:20px; width:80px;}

.dtpa8 .dj_span img{ float: none; margin:0 auto; display:block }
.dtpa8 .fudong{ top:47px; left:47px; width:60px; text-align:center; }
.dtpa8 .fudong .dj_span{ line-height:20px;}
.dtpa8 .fudong .dj_pa{ right:-10px;}


.dtpa9 .dj_span img{ float: none; margin:0 auto; display:block }
.dtpa9 .fudong{ top:20px; left:42px; width:60px; text-align:center; }
.dtpa9 .fudong .dj_span{ line-height:20px;}
.dtpa9 .fudong .dj_pa{ right:-10px;}

.dtpa10 .dj_span img{ float:left; margin-left:0px; margin-right:4px; }
.dtpa10 .fudong{ top:15px; left:53px; width:80px;}


/* 地图2 */


@-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}
}

.region-list{position:absolute; width:28px; height:28px;}
.area-box .dot{position:absolute;left:8px; top:6px; background: no-repeat; width:13px; height:16px;}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:80px;width:80px;border:2px solid #009fd9;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #0080d9,0 0 10px #0080d9 inset;-moz-box-shadow:0 0 4px #0080d9,0 0 10px #0080d9 inset;box-shadow:0 0 4px #0080d9,0 0 10px #0080d9 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}

.postition-1{left: 562px;top: 242px;}
.postition-2{left: 418px;top: 393px;}
.postition-3{left: 459px;top: 508px;}
.postition-4{left: 509px;top: 317px;}
.postition-5{left: 626px;top: 377px;}
.postition-6{left: 535px;top: 528px;}
.postition-7{left: 604px;top: 290px;}



.region-list.waite .area-box .pulse{border-color:#f90;-webkit-box-shadow:0 0 4px #f90,0 0 10px #f90 inset;-moz-box-shadow:0 0 4px #f90,0 0 10px #f90 inset;box-shadow:0 0 4px #f90,0 0 10px #f90 inset;}
.region-list.waite .area-box .dot{background: no-repeat;}

.sc_mapbg{ background:  no-repeat; width:943px; height:884px;margin:0 auto; }
.sc_map{ width:790px; height:630px;position:relative; margin:0 auto }



/* 地图3 */

.zz_mapbg{ background:  no-repeat; width:943px; height:630px;margin:0 auto; position:relative  }

.pinbox{ width:10px; height:10px; position: absolute; z-index:11}
.pin {
  width: 20px;
  height: 20px;
  border-radius: 50% 50% 50% 0;
  background: #175295;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -15px 0 0 -15px;

}
.pin:after {
  content: '';
  width: 10px;
  height: 10px;
  margin: 5px 0 0 5px;
  background: #fff;
  position: absolute;
  border-radius: 50%;
}
.pulsenei {
  background:#ea837e;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 4px 0px 0px -12px;
  -webkit-transform: rotatex(55deg);
  -moz-transform: rotatex(55deg);
  -o-transform: rotatex(55deg);
  -ms-transform: rotatex(55deg);
  transform: rotatex(55deg);
  z-index: -2;
}

.pulsenei:after {
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: -13px 0 0 -13px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #ea837e;
  box-shadow: 0 0 1px 2px #ea837e;
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  -ms-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.pulsenei1:after{
-webkit-box-shadow: 0 0 1px 2px #ffde00;
  box-shadow: 0 0 1px 2px #ffde00;	
	
	}


@-moz-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes pulsate {
  0% {

    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
    filter: alpha(opacity=0);
  }
}

.zz_pa1{left: 285px;top: 194px;}
.zz_pa2{left: 485px;top: 192px;}
.zz_pa3{left: 216px;top: 428px;}


.zz_pa4{left: 274px;top: 465px;}
.zz_pa5{left: 264px;top: 534px;}
.zz_pa6{ left: 580px;top: 529px;}
.zz_pa7{left: 627px;top: 439px;}
.zz_pa8{left: 586px;top: 381px;}
.zz_pa9{left: 490px;top: 326px;}
.zz_pa10{left: 647px;top: 361px}
.zz_pa11{left: 647px;top: 330px;}

.zz_pa12{left: 618px;top: 302px;}
.zz_pa13{left: 591px;top: 275px;}
.zz_pa14{left: 656px;top: 242px;}
.zz_pa15{left: 656px;top: 205px;}

.maplist1{position:absolute;left:714px;top:321px;}
.maplist1 a{ display:block; font-size:12px; color:#231815}
.maplist1 a:hover{ color:#ee3731}
.maplist2{position:absolute;left:709px;top:372px;}
.maplist2 a{ display:block; font-size:12px; color:#231815}
.maplist2 a:hover{ color:#ee3731}

.zz_a1{ position:absolute; white-space:nowrap; font-size:19px;  top:-10px; left:14px; }
.zz_a2{ position:absolute; white-space:nowrap; font-size:19px;  top:-10px; right:20px; }

.zt_span{position:absolute; white-space:nowrap; font-size:19px;top:-10px; left:14px;}