@charset "utf-8";
/* CSS Document */
@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border: 0;} 
a,area{ outline:none; blr:expression(this.onFocus=this.blur()); }
a { text-decoration:none;color:#444;}
a:hover { text-decoration:none; -webkit-tap-highlight-color:transparent; color:#2966ca}
img { -ms-interpolation-mode: bicubic; }

html, body { font-family:Arial,'Open Sans', sans-serif;font-size:16px;color:#444;overflow-x:hidden;} 
html{height:100%; position:relative}
input { border-radius:0; }  
button{-webkit-appearance: none; border-radius:0;} 
div, span, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form { list-style:none; }
.pchide { display:none; }
.mhide { display:block; overflow-x:hidden; border-radius:5px; }

.world{margin:0 -60px; overflow:hidden}

#pageContent {height: 600px; position: relative;}
#positionButtonDiv {
  background: rgb(58, 56, 63);
  background: rgba(58, 56, 63, 0.8);
  border: solid 1px #100000;
  color: #fff;
  padding: 8px;
  text-align: left;
  position: absolute;
  right: 80px;
  top: 20px;
}
#positionButtonDiv .positionButtonSpan img {
  float: right;
  border: 0;
}
.positionMapClass area {
  cursor: pointer;
}
.zoomButton {
  border: 0;
  cursor: pointer;
}
.zoomableContainer {
  width:100%; height:820px
}
.mark li{position:absolute; width:6px; height:6px; border-radius:50%; background:#ff9800;list-style:none; cursor:pointer;}
.mark li.now{background:url(../images/dot.png); background-size:14px; width:14px; height:14px; margin-left:-4px; margin-top:-4px}
#mark1{top:100px; left:100px;}
#mark2{top:200px; left:200px;}
#mark3{top:300px; left:600px;}
#mark4{top:200px; left:600px;}

.map_pos{position:relative}
.map_model{ position:absolute; background:#fff; font-size:20px; color:#2d72c9; top:170px; left:50%; z-index:2; display:none;transform: translate(-50%, 0); text-align:center}
.map_model P{/*height:46px; */line-height:46px; padding:0 20px}
.map_bg1{background:#1b497f; color:#fff;}
.map_bg2{background:#2f75ca; color:#fff;}
.map_model p a{color:#fff; display:block}
.map_model P span{float:right}

.world_tab{ border:2px solid #126aaa; border-radius:6px; width:300px; margin:0 auto 40px;}
.world_tab p{width:148px; height:46px; line-height:46px; display:inline-block; text-align:center; font-size:20px; color:#0068b7; cursor:pointer;}
.world_tab p.now{background:#0068b7; color:#fff}
.map_list{background:#fff; padding:28px; overflow:hidden; display:none}
.map_left li{height:60px; line-height:60px; border-bottom:1px solid #d8d8d8; background:url(../images/icon_jt.png) no-repeat right center; cursor:pointer;}
.map_left li p{ padding-left:48px}
.map_icon1{background:url(../images/map_icon1.png) no-repeat 5px center}
.map_icon2{background:url(../images/map_icon2.png) no-repeat 5px center}
.map_left li.now .map_icon1{background:url(../images/map_icon11.png) no-repeat 5px center}
.map_left li.now .map_icon2{background:url(../images/map_icon22.png) no-repeat 5px center}
.map_left li.now{color:#0068b7}
.map_left{width:200px; float:left; margin-right:40px}
.map_right{overflow:hidden}
.Asia_tab{ line-height:40px; padding:20px 0;background:#edf5fb; overflow:hidden}
.Asia_tab li{float:left; font-size:20px; padding:0 29px; cursor:pointer;}
.Asia_tab li.now{color:#0068b7}
.Asia_div h5{padding:30px 0; border-bottom:1px dashed #e3e3e3; font-weight:normal; line-height:30px; overflow:hidden}
.Asia_div h5 span{font-size:18px; text-align:right; float:left; width:176px; margin-right:30px;}
.Asia_div h5 p{display:block; float:left; font-size:16px; width:700px;}
.Asia_div h5 p a{color:#0068b7}
.map_con{display:none}
.Asia_div li{float:left; width:25%}
.Asia_div li a{display:block; font-size:16px; color:#0068b7; line-height:28px}
.Asia_div li h6{margin:40px 0 20px; font-size:20px}
.Asia_div{display:none}
.Asia_tab_Coun li{padding:0 43px}
.Asia_div_Reg a{width:33%; float:left; font-size:16px;color:#0068b7; line-height:28px;}
.Asia_div_Reg{margin-top:20px}
.map_model .word2 a{color:#2d72c9}
.m_map_bg{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0; left:0; display:none;}

@media (max-width: 768px){
.pchide { display:block; }
.mhide { display:none; }
.world_tab_m{width:auto; margin-bottom:20px}
.world_tab p{width:50%; height:30px; font-size:14px; line-height:30px}
.map_abc li{ float:left;  height:30px; margin:1% 2%; text-align:center; line-height:30px; font-size:14px; background:#e8e8e8; min-width:16%}
.map_abc2 li{min-width:inherit; padding:0 20px}
.map_abc{overflow:hidden; display:none}
.map_select{position:fixed; width:100%; height:200px; background:#e3e3e3; bottom:0; left:0; display:none; z-index:4;}
.map_sel{width:100px; height:32px; background:#2968b1; color:#fff; font-size:14px; border:0; border-radius:16px; float:right; margin:10px;}
.map_sel_list li{height:44px; line-height:44px; text-align:center; font-size:16px; opacity:0.3; overflow:hidden}
.map_sel_list{margin-top:60px; height:132px; overflow-y:auto;}
.map_sel_list li.on{border-bottom:1px solid #bfbfbf;border-top:1px solid #bfbfbf; background:#eee; font-size:18px; opacity:1}
}

@media (min-width: 768px) and (max-width: 1024px) {
.Asia_div li{width:50%}
.Asia_div_Reg a{width:50%}  
}

.switch{display: none;}

ul.map_left li.offices {
  display:none;
  }