*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% 'Microsoft Yahei', Helvetica, sans-serif, Arial, Helvetica, sans-serif;}
/* b_map */
.b_map{ margin-top:20px;padding-right:20px;width:704px;background:url(../nsimg/cnp2.jpg) no-repeat 0px 0px;height:470px}
.region-list{position:absolute;left:0;top:0}
@-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}
}
.towordleft{left: 8px !important;top: -8px !important;}
.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-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}
.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:25px;opacity:1}
.show-regin span{width:45px;position:absolute;left:-30px;top:-30px;padding:6px 10px;font-size:12px;color:#2823b6;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}
.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}


.e_map_info{z-index:2;position:relative}
.e_map_info .m_content{
z-index:1;border:#ccc 1px solid;
position:absolute;padding:15px 20px;background-color:#fff;
width:200px;display:block;
}
.e_map_info .hide{display:none;}

.m_content{top: 85px;left: 550px;}
.e_map_info .m_content i{z-index:1;position:absolute;width:8px;bottom:-8px;display:block;height:8px;overflow:hidden;right:-1px;_right:-2px}
.e_map_info .m_content h4{padding-left:180px;font:16px/33px "microsoft yahei", simsun, arial, sans-serif;margin-bottom:18px;height:50px;}
.e_map_info .m_content p{font:13px/22px 'Microsoft Yahei', arial, sans-serif}

.m_content_side{ height:1px;width:100%; position:relative;}
.m_content_side a{ position:absolute;top:0; z-index:2;float:left;width:30px; height:30px;}
.m_content_side a img{width:20px; height:20px;}
.m_content_side a.m_left{left:0px;}
.m_content_side a.m_right{right:-13px;}
.cityimg{width:160px;}
.cityxname{display:none;}
.tagmap{z-index:20;}

.inner{
	margin-top: 10px;
}
.list_btn_5_3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.list_btn_5_3 li {
    width: calc(25% - (58px*2) /3);
    border-radius: 3px;
    border: 1px solid #eee;
}
.list_btn_2_1 .btn_03, .list_btn_3_1 .btn_03, .list_btn_4_1 .btn_03, .list_btn_5_3 .btn_04 {
    display: block;
    border: 0;
    height: 100%;
}
.btn_04 {
    position: relative;
    display: block;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #eee;
    color: #444;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s ease;
    line-height: 1.7;
}
.btn_04:hover{
  text-decoration: none;
  /* background: rgb(255,255,255,0.75); */
  color: #686868;
  opacity: 0.75;
}


.btn_04 .ico_tag {
    margin-bottom: 15px;
    padding: 5px 24px;
    font-size: 24px;
    text-indent: 0;
}
.ico_tag {
    display: inline-block;
    padding: 2px 12px 2px 10px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.7;
}


.ico_dx {
    background: #CA3D04;
}
.ico_cc {
    background: #00A3D6;
}
.ico_dm {
    background: #EB6A6A;
}
.ico_ec {
    background: #00D0B4;
}
.ico_bpo {
    background: #F8B500;
}
.ico_gl {
    background: #006D46;
}



@media screen and (max-device-width: 640px) {
.b_map{ display:none;}
	.inner *{
		box-sizing: border-box;
	}
	.list_btn_5_3 li {
	    width: calc(35% - (15px*2) /3);
	}

	.list_btn_5_3 {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content:start;
	}
}