@charset "utf-8";
/* CSS Document */
.mapBoxW { position: relative; z-index: 2; padding: 0 6%;background-color: #252525;}
@media only screen and (max-width:828px) {
	.mapBoxW { padding: 5em 0 0;}
}
.mapBox { position: relative; z-index: 0; padding-top: 59.5%; }
.mapBox .map { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: contain;}
.mapBoxW .tit { color: #fff;padding-bottom: 1.3em;}

.mapBox .country {position: absolute; top: 0;}
.mapBox .country .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -2.8em; margin-top: -1.4em;
 width: 3.7em; height: 5.2em;
background: url(../img/add.png) center center no-repeat;
background-size:contain; cursor: pointer;

transition: all 0.3s;
-webkit-transition:all 0.3s;

filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;

-ms-transform:scale(0.43,0.43); 
-webkit-transform: scale(0.43,0.43); 
transform: scale(0.43,0.43);

-ms-transform-origin: 50% 100% 0;
-webkit-transform-origin: 50% 100% 0;
transform-origin: 50% 100% 0;

}
.mapBox .country .counMap img { display: block; width: 100%; height: auto;
filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.mapBox .country .txtb { position: absolute; right: 98%; top: 0;
 padding-right: 1em; text-align: left;width: 22em;
display: none;
}
.mapBox .country .txtb .txtc { padding:1.2em 1.5em 1.5em; margin-right: 0;
background-color: #252525; color: #fff;
-moz-box-shadow: -0.3em 0.3em 1em rgba(0, 0, 0, .7);
-webkit-box-shadow: -0.3em 0.3em 1em rgba(0, 0, 0, .7);
box-shadow: -0.3em 0.3em 1em rgba(0, 0, 0, .7);
-moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;}
.mapBox .country .txtb .txtc .t_1 { font-size: 1em; text-transform: uppercase;}
.mapBox .country .txtb .txtc .t_2 { font-size: 1.3em; line-height: 1.2;}
.mapBox .country .txtb .txtc .t_3 { font-size: 0.75em; margin-top: 1em;}
.mapBox .country .txtb .txtc .t_4 { font-size: 0.75em; margin-top: 1em;}

.mapBox .country.show .counMap img {
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	transition: all 0.3s;
	-webkit-transition:all 0.3s;
}
.mapBox .country.show .icon {
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	
	-ms-transform:scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari */
	transform: scale(1,1); /* 标准语法 */
}

.mapBox .country.show .txtb { display: block;}



/*印度 位置*/
.mapBox .counIndia { 
 left: 65.14%; margin-top: 26.7%; width: 7.2%;}
 
 /*泰国 位置*/
.mapBox .counThailand { 
  left: 72.4%; margin-top: 31.1%; width: 2.1%;}
.mapBox .counThailand .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -2em; margin-top: -4em;
}

 /*新加坡 位置*/
.mapBox .counSingapore { 
  left: 73.7%; margin-top: 35.98%; width:0.5%;}
.mapBox .counSingapore .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.8em; margin-top: -4.8em;
}

 /*马来西亚 位置*/
.mapBox .counmlxy { 
  left: 73.1%; margin-top: 34.98%; width:1.15%;}
.mapBox .counmlxy .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.8em; margin-top: -4.8em;
}

 /*澳大利亚 位置*/
.mapBox .counau { 
  left: 76.62%; margin-top: 39.89%; width:10.85%;}
.mapBox .counau .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.8em; margin-top: -1.9em;
}

 /*大溪地 位置*/
.mapBox .countahiti { 
  left: 97.62%; margin-top: 40.89%; width:0.25%;}
.mapBox .countahiti .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.8em; margin-top: -4.55em;
}

 /*菲律宾 位置*/
.mapBox .counPhilippines { 
  left: 77.7%; margin-top: 31.7%; width:2.5%;}
.mapBox .counPhilippines .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.8em; margin-top: -3.7em;
}

 /*香港 位置*/
.mapBox .counhk { 
  left: 76.7%; margin-top: 29.2%; width:0.25%;}
.mapBox .counhk .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.8em; margin-top: -3.7em;
}

 /*伊朗 位置*/
.mapBox .counyl { 
  left: 58.52%; margin-top: 25.2%; width: 5.15%;}
.mapBox .counyl .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.5em; margin-top: -2.7em;
}

 /*阿联酋 位置*/
.mapBox .counalb { 
  left: 60.62%; margin-top: 29.45%; width: 1.3%;}
.mapBox .counalb .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.8em; margin-top: -4.5em;
}

 /*卡塔尔 位置*/
.mapBox .counkte { 
  left: 60.22%; margin-top: 29.45%; width: 0.35%;}
.mapBox .counkte .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.8em; margin-top: -4.85em;
}

 /*以色列 位置*/
.mapBox .counysl { 
  left: 55.85%; margin-top: 27.45%; width: 0.35%;}
.mapBox .counysl .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.8em; margin-top: -4.85em;
}


 /*台湾 位置*/
.mapBox .countw { 
  left: 78.49%; margin-top: 29.65%; width:0.55%;}
.mapBox .countw .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.9em; margin-top: -4.45em;
}

/*西班牙 位置*/
.mapBox .counXibanya { 
left: 44.6%; margin-top: 23.95%; width: 3.4%;}
.mapBox .counXibanya .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -2em; margin-top: -3.7em;
}

/*葡萄牙 位置*/
.mapBox .counpty { 
left: 44.55%; margin-top: 24.45%; width: 0.9%;}
.mapBox .counpty .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -2em; margin-top: -4.25em;
}

/*法国 位置*/
.mapBox .counfr { 
left: 45.75%; margin-top: 21.35%; width: 3.45%;}
.mapBox .counfr .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -2em; margin-top: -3.7em;
}

/*德国 瑞士 奥地利 位置*/
.mapBox .coundeguo { 
	left: 48.6%; margin-top: 19.95%; width: 2.9%;}
	.mapBox .coundeguo .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -2.1em; margin-top: -3.1em;
}

/*瑞典/芬兰/丹麦/挪威 位置*/
.mapBox .counruid { 
	left: 48.2%; margin-top: 12.69%; width: 7.2%;}
	.mapBox .counruid .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -2.1em; margin-top: -2.5em;
}

/*俄罗斯 位置*/
.mapBox .counru { 
	left: 54.19%; margin-top: 7.05%; width: 43.15%;}
	.mapBox .counru .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -1.1em; margin-top: 3em;
}


/*韩国 位置*/
.mapBox .counko { 
	left: 80.15%; margin-top: 25.69%; width: 1%;}
	.mapBox .counko .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -1.8em; margin-top: -4.25em;
}


/*巴西 位置*/
.mapBox .counbx { 
	left: 27.35%; margin-top: 35.45%; width: 10.45%;}
	.mapBox .counbx .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -1.5em; margin-top: 0.7em;
}

/*科特迪瓦 位置*/
.mapBox .counktdw { 
	left: 44.75%; margin-top: 33.89%; width: 1.6%;}
	.mapBox .counktdw .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -1.8em; margin-top: -4.5em;
}

/*利比亚 位置*/
.mapBox .counlby { 
	left: 49.49%; margin-top: 27.35%; width: 4%;}
	.mapBox .counlby .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -1.8em; margin-top: -3.5em;
}

/*南非 位置*/
.mapBox .counnf { 
	left: 51.25%; margin-top: 42.95%; width: 4.3%;}
	.mapBox .counnf .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -1.5em; margin-top: -2.5em;
}

@media (max-width:1600px){
	.mapBox .counusa .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -2.1em; margin-top: 12em;
}
}
  
@media only screen and (max-width:828px) {
	.mapBox .country .txtb { width: 15.5em;}
	.mapBox .country .txtb .txtc { padding:1.2em 0.8em 1.5em;}
	
	.mapBox .country .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.8em; margin-top: -2em;
 width: 2.7em; height: 3.8em;
background: url(../img/add.png) center center no-repeat;
background-size:contain; cursor: pointer;

transition: all 0.3s;
-webkit-transition:all 0.3s;

filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;

-ms-transform:scale(0.43,0.43); 
-webkit-transform: scale(0.43,0.43); 
transform: scale(0.43,0.43);

-ms-transform-origin: 50% 100% 0;
-webkit-transform-origin: 50% 100% 0;
transform-origin: 50% 100% 0;

}


/*印度 位置*/
.mapBox .counIndia { 
 left: 65.14%; margin-top: 26.7%; width: 7.2%;}
 
 /*泰国 位置*/
.mapBox .counThailand { 
  left: 72.4%; margin-top: 31.1%; width: 2.1%;}
.mapBox .counThailand .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.5em; margin-top: -3.7em;
}

/*韩国 位置*/
.mapBox .counko { 
	left: 80.15%; margin-top: 25.69%; width: 1%;}
	.mapBox .counko .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -1.2em; margin-top: -3.55em;
}

 /*伊朗 位置*/
.mapBox .counyl { 
  left: 58.52%; margin-top: 25.2%; width: 5.15%;}
.mapBox .counyl .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.5em; margin-top: -2.8em;
}

 /*阿联酋 位置*/
.mapBox .counalb { 
  left: 60.62%; margin-top: 29.45%; width: 1.3%;}
.mapBox .counalb .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.5em; margin-top: -3.5em;
}

 /*卡塔尔 位置*/
.mapBox .counkte { 
  left: 60.22%; margin-top: 29.45%; width: 0.35%;}
.mapBox .counkte .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.8em; margin-top: -4.85em;
}

 /*以色列 位置*/
.mapBox .counysl { 
  left: 55.85%; margin-top: 27.45%; width: 0.35%;}
.mapBox .counysl .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.4em; margin-top: -3.55em;
}


 /*新加坡 位置*/
.mapBox .counSingapore { 
  left: 73.7%; margin-top: 35.98%; width:0.5%;}
.mapBox .counSingapore .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1em; margin-top: -3em;
}

 /*香港 位置*/
.mapBox .counhk { 
  left: 76.7%; margin-top: 29.2%; width:0.25%;}
.mapBox .counhk .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.1em; margin-top: -3.5em;
}

 /*台湾 位置*/
.mapBox .countw { 
  left: 78.49%; margin-top: 29.65%; width:0.55%;}
.mapBox .countw .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -0.95em; margin-top: -3.45em;
}

 /*马来西亚 位置*/
.mapBox .counmlxy { 
  left: 73.1%; margin-top: 34.98%; width:1.15%;}
.mapBox .counmlxy .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.2em; margin-top: -2.8em;
}

 /*菲律宾 位置*/
.mapBox .counPhilippines { 
  left: 77.7%; margin-top: 31.7%; width:2.5%;}
.mapBox .counPhilippines .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.3em; margin-top: -3em;
}

 /*澳大利亚 位置*/
.mapBox .counau { 
  left: 76.62%; margin-top: 39.89%; width:10.85%;}
.mapBox .counau .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.8em; margin-top: -2.5em;
}


/*西班牙 位置*/
.mapBox .counXibanya { 
left: 44.6%; margin-top: 23.95%; width: 3.4%;}
.mapBox .counXibanya .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.5em; margin-top: -3.2em;
}

/*法国 位置*/
.mapBox .counfr { 
left: 45.75%; margin-top: 21.35%; width: 3.45%;}
.mapBox .counfr .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.5em; margin-top: -3.7em;
}

/*德国 瑞士 奥地利 位置*/
.mapBox .coundeguo { 
	left: 48.6%; margin-top: 19.95%; width: 2.9%;}
	.mapBox .coundeguo .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -1.5em; margin-top: -3.1em;
}

/*瑞典/芬兰/丹麦/挪威 位置*/
.mapBox .counruid { 
	left: 48.2%; margin-top: 12.69%; width: 7.2%;}
	.mapBox .counruid .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -1.5em; margin-top: -2.5em;
}

/*俄罗斯 位置*/
.mapBox .counru { 
	left: 54.19%; margin-top: 7.05%; width: 43.15%;}
	.mapBox .counru .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -1.1em; margin-top: -0.5em;
}


/*巴西 位置*/
.mapBox .counbx { 
	left: 27.35%; margin-top: 35.45%; width: 10.45%;}
	.mapBox .counbx .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -1.5em; margin-top: -2.5em;
}

/*科特迪瓦 位置*/
.mapBox .counktdw { 
	left: 44.75%; margin-top: 33.89%; width: 1.6%;}
	.mapBox .counktdw .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -1.5em; margin-top: -3.5em;
}


/*利比亚 位置*/
.mapBox .counlby { 
	left: 49.49%; margin-top: 27.35%; width: 4%;}
	.mapBox .counlby .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -1.8em; margin-top: -3.5em;
}


 /*大溪地 位置*/
.mapBox .countahiti { 
  left: 97.62%; margin-top: 40.89%; width:0.25%;}
.mapBox .countahiti .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.8em; margin-top: -4.55em;
}

/*南非 位置*/
.mapBox .counnf { 
	left: 51.25%; margin-top: 42.95%; width: 4.3%;}
	.mapBox .counnf .icon { position: absolute;z-index: 1;
	left: 50%; top: 0; margin-left: -1.5em; margin-top: -2.9em;
}

/*葡萄牙 位置*/
.mapBox .counpty { 
left: 44.55%; margin-top: 24.45%; width: 0.9%;}
.mapBox .counpty .icon { position: absolute;z-index: 1;
left: 50%; top: 0; margin-left: -1.2em; margin-top: -3.55em;
}

.mapBox .country.show .icon {
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	
	-ms-transform:scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari */
	transform: scale(1,1); /* 标准语法 */
}
	
}