*{margin: 0;padding: 0;}
body{color: #333;}
a{text-decoration: none; color: inherit;}
@keyframes anim_mark{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
/*.mm_info p:after{content: ""; position: absolute; left: 50%; bottom: -10px; margin-left: -20px; width:0; height:0; border-width: 20px 20px 0; border-style: solid; border-color: #fff transparent transparent;}*/
.map{height: 500px;}
.map_mark{position: absolute; left: 50%; /* top: 0; */ width: 800px; transform: translateX(-50%); z-index: 100;}
.mm_info{position: absolute; white-space: nowrap; background-color: #a67e3d; border-radius: 50%; cursor: pointer; opacity: 0; animation: anim_mark .8s ease-in-out 1.2s; animation-fill-mode: forwards;}
.mm_info:before{position: absolute; width: 64px; color: #555; height: 20px; font-size: 14px;}
/*.mm_info p{position: absolute; width: 148px; height: 50px; border: 1px solid #fff; border-radius: 8px;background-color: rgba(0,0,0,.49); font-size: 14px; color: #fff; display: none; cursor: pointer;}*/
.mm_info p{position: absolute; width: 148px; height: 34px; border: 1px solid #fff; border-radius: 8px;background-color: rgba(0,0,0,.49); font-size: 14px; color: #fff; display: none; cursor: pointer;}
.mm_info p *{display: block; text-align: center; text-decoration: none; font-style: normal;}
.mm_info p s{padding-top: 6px;}
.mm_info.selected p{display: block;}

/*.map_world .mm_china:before{content: "环球中国"; left: 590px; top: 184px; color: #5a0d07;}*/
.map_world .mm_china:before{content: "环球中国"; left: 590px; top: 184px;}

.map_world .mm_bj{right: 150px; top: 180px; width: 6px; height: 6px;}
.map_world .mm_bj:before{content: "环球北京"; top: -15px; left: 10px; display: none;}
.map_world .mm_bj:hover::before{display: block;}
.map_world .mm_bj p{left: -50px; top: -68px;}
/* 北京 */

.map_world .mm_sh{right: 145px; top: 190px; width: 6px; height: 6px;}
.map_world .mm_sh:before{content: "环球上海"; top: -5px; left: 10px; display: none;}
.map_world .mm_sh:hover::before{display: block;}
.map_world .mm_sh p{left: 20px; top: -58px;}
/* 上海 */

.map_world .mm_gz{right: 156px; top: 210px; width: 6px; height: 6px;}
.map_world .mm_gz:before{content: "环球广州"; top: -20px; right: -8px; display: none;}
.map_world .mm_gz:hover::before{display: block;}
.map_world .mm_gz p{left: -120px; top: -72px;}
/* 广州 */

.map_world .mm_sz{right: 145px; top: 210px; width: 6px; height: 6px;}
.map_world .mm_sz:before{content: "环球深圳"; top: -20px; left: 10px; display: none;}
.map_world .mm_sz:hover::before{display: block;}
.map_world .mm_sz p{left: 20px; top: -74px;}
/* 深圳 */

.map_world .mm_xg{right: 153px; top: 220px; width: 6px; height: 6px;}
.map_world .mm_xg:before{content: "环球中国香港"; top: 4px; left: 4px;}
.map_world .mm_xg p{left: 27px; top: -68px;}
/* 香港 */

.map_world .mm_tw{right: 138px; top: 218px; width: 6px; height: 6px;}
.map_world .mm_tw:before{content: "环球中国台湾"; top: -13px; left: 8px;}
.map_world .mm_tw p{left: 68px; top: -48px;}
.map_world .mm_tw:hover::before{display: block;}
/* 台湾 */

.map_world .mm_yn{right: 166px; top: 251px; width: 6px; height: 6px;}
.map_world .mm_yn:before{content: "环球越南"; top: -2px; left: 8px;}	
.map_world .mm_yn p{left: 68px; top: -18px;}
/* 越南 */

.map_world .mm_tg{right: 180px; top: 240px; width: 6px; height: 6px;}
.map_world .mm_tg:before{content: "环球泰国"; top: 2px; left: -60px;}
.map_world .mm_tg p{left: -228px; top: 12px;}
/* 泰国 */

.map_world .mm_yd{right: 230px; top: 220px; width: 6px; height: 6px;}
.map_world .mm_yd:before{content: "环球印度"; top: 4px; left: -65px;}
.map_world .mm_yd p{left: -160px; top: -52px;}
/* 印度 */

.map_world .mm_mlxy{right: 180px; top: 272px; width: 6px; height: 6px;}
.map_world .mm_mlxy:before{content: "环球马来西亚"; top: -6px; left: -85px;}
.map_world .mm_mlxy p{left: -128px; top: 24px;}
/* 马来西亚 */

.map_world .mm_xjp{right: 177px; top: 280px; width: 6px; height: 6px;}
.map_world .mm_xjp:before{content: "环球新加坡"; top: -8px; left: 8px; color: #5a0d07;}
/*.map_world .mm_china:before{content: "环球中国"; left: 590px; top: 184px; }*/
.map_world .mm_xjp p{left: 28px; top: 14px;}
/* 新加坡 */

.map_world .mm_meb{right: 84px; top: 394px; width: 6px; height: 6px;}
.map_world .mm_meb:before{content: "环球墨尔本"; top: 5px; left: -78px;}
.map_world .mm_meb p{left: -128px; top: 24px;}
/* 墨尔本 */

.map_world .mm_ld{right: 402px; top: 136px; width: 6px; height: 6px;}
.map_world .mm_ld:before{content: "环球伦敦"; top: -21px; left: -65px;}
.map_world .mm_ld p{left: -108px; top: -78px;} 
/* 伦敦 */

.map_world .mm_dld{left: 240px; top: 150px; width: 6px; height: 6px;}
.map_world .mm_dld:before{content: "环球多伦多"; top: 10px; left: 23px;}
.map_world .mm_dld p{left: 18px; top: 32px;}
/* 多伦多 */

.map_world .mm_wgh{left: 142px; top: 142px; width: 6px; height: 6px;}
.map_world .mm_wgh:before{content: "环球温哥华"; top: -6px; left: -90px;}
.map_world .mm_wgh p{left: -148px; top: -62px;}
/* 温哥华 */

.map_world .mm_xyt{position: absolute; left: 140px; top: 154px; width: 6px; height: 6px;}
.map_world .mm_xyt:before{content: "环球西雅图"; top: 2px; left: -76px;}
.map_world .mm_xyt p{left: -148px; top: 24px;}
/* 西雅图 */

/* 世界地图中的分布位置 */

.map_china{display: none;}
.map_china a{position: absolute; font-size: 14px;}
.map_china .mm_bj{right: 274px; top: 188px; width: 6px; height: 6px;}
.map_china .mm_bj a{left: -12px; top: -18px;}
/*北京*/
.map_china .mm_sh{right: 223px; top: 310px; width: 6px; height: 6px;}
.map_china .mm_sh a{left: 6px; top: -18px;}
/*上海*/

.map_china .mm_gz{right: 294px; top: 417px; width: 6px; height: 6px;} 
.map_china .mm_gz a{left: -33px; top: -10px;}
/*广州*/

.map_china .mm_sz{right: 238px; top: 300px; width: 6px; height: 6px;}
.map_china .mm_sz a{left: -28px; top: -12px;}
/*苏州*/

.map_china .mm_hz{right: 244px; top: 325px; width: 6px; height: 6px;}
.map_china .mm_hz a{left: -28px; top: -14px;}
/*杭州*/

.map_china .mm_sy{right: 228px; top: 168px; width: 6px; height: 6px;}
.map_china .mm_sy a{left: -12px; top: -18px;}
/*沈阳*/

.map_china .mm_qd{right: 220px; top: 230px; width: 6px; height: 6px;}
.map_china .mm_qd a{left: -12px; top: -18px;}
/*青岛*/

.map_china .mm_jn{right: 260px; top: 240px; width: 6px; height: 6px;}
.map_china .mm_jn a{left: -12px; top: -18px;}
/*济南*/

.map_china .mm_dl{right: 216px; top: 194px; width: 6px; height: 6px;}
.map_china .mm_dl a{left: 8px; top: -8px;}
/*大连*/

.map_china .mm_wh{right: 310px; top: 304px; width: 6px; height: 6px;}
.map_china .mm_wh a{left: -8px; top: 4px;}
/*武汉*/

.map_china .mm_nj{right: 256px; top: 270px; width: 6px; height: 6px;}
.map_china .mm_nj a{left: -13px; top: -18px;}
/*南京*/

.map_china .mm_cd{right: 410px; top: 304px; width: 6px; height: 6px;}
.map_china .mm_cd a{left: -12px; top: -18px;}
/*成都*/

.map_china .mm_cq{right: 366px; top: 324px; width: 6px; height: 6px;}
.map_china .mm_cq a{left: -12px; top: -18px;}
/*重庆*/

.map_china .mm_zz{right: 310px; top: 274px; width: 6px; height: 6px;}
.map_china .mm_zz a{left: -12px; top: -18px;}
/*郑州*/

.map_china .mm_xm{right: 244px; top: 385px; width: 6px; height: 6px;}
.map_china .mm_xm a{left: -12px; top: -18px;}
/*厦门*/

.map_china .mm_tj{right: 264px; top: 205px; width: 6px; height: 6px;}
.map_china .mm_tj a{left: -28px; top: -4px;}
/*天津*/

.map_china .mm_wx{right: 246px; top: 284px; width: 6px; height: 6px;}
.map_china .mm_wx a{left: 7px; top: -14px;}
/*无锡*/

.map_china .mm_cs{right: 326px; top: 358px; width: 6px; height: 6px;}
.map_china .mm_cs a{left: -12px; top: -18px;}
/*长沙*/

.map_china .mm_nb{right: 229px; top: 330px; width: 6px; height: 6px;}
.map_china .mm_nb a{left: 6px; top: -10px;}
/*宁波*/

.map_china .mm_shz{right: 280px; top: 420px; width: 6px; height: 6px;}
.map_china .mm_shz a{left: 7px; top: -12px;}
/*深圳*/

.map_china .mm_tw{right: 227px; top: 400px; width: 6px; height: 6px;}
.map_china .mm_tw a{left: 0; top: -20px;}
/*台湾*/

.map_china .mm_xg{right: 279px; top: 430px; width: 6px; height: 6px;}
.map_china .mm_xg a{left: 7px; top: -7px;}
/*香港*/

/* 中国地图中的分布位置 */