@charset "utf-8";
body {margin:0 auto; padding:0; background-color:#fff; position:relative;}
body,html{ padding-top:0px; overflow-x:hidden;}
* {font-size:14px; line-height:25px; color:#606060; font-family:'Arial';}
*:focus {outline:none;}
img { border:0px;}
ul {margin:0px; *margin-left:0px; margin-left:-40px; }
li {list-style-type:none;}
a { outline:none; outline:0;text-decoration:none;outline-style:none;}
a:link {font-size: 14px;color: #606060;text-decoration: none; transition:color 0.3s linear;}
a:visited {font-size: 14px;color: #858585;text-decoration: none; transition:color 0.3s linear;}
a:hover {font-size: 14px;color:#2D7CC9;text-decoration:none; transition:color 0.3s linear;}
p { margin:0px; padding:0px;}
form { margin:0px; padding:0px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
*{-webkit-tap-highlight-color: transparent;}

.scopecont { margin:0 auto; width:81%; height:48vw; overflow:hidden; position:relative;}
.scopecont .bigtitle { width:100%; overflow:hidden; margin-top:1vw; text-align:center; font-size:3.2vw; line-height:3.4vw; color:#000; font-style:italic; text-transform:uppercase; font-weight:bold; font-family:'Arial';}
.scopecont .tips { margin:0 auto; width:100%; overflow:hidden; text-align:center; margin-top:1vw; font-size:1.1vw; color:#999999; line-height:1.3vw;}
.scopecont .mapshow { width:100%; position:relative; z-index:10; overflow:hidden; margin-top:1vw; height:30vw; background:url(../images/map.png) no-repeat center 4vw; background-size:120% auto;}
.scopecont .mapshow .plogo { position:absolute; width:8vw; left:76%; top:13vw;}
.scopecont .mapshow .plogo img { width:100%; height:auto;}
.scopecont .mapshow .flag { position:absolute; width:3.7vw;}
.scopecont .mapshow .flag .flagimg { width:100%; height:3.5vw; overflow:hidden; text-align:center;}
.scopecont .mapshow .flag .flagimg img { width:100%; height:auto; position:relative; animation:jump 2.5s infinite;}
@keyframes jump {0%, 100% {top: 0;}50% {top: 0.5vw;}}
.scopecont .mapshow .flag .line { margin:0 auto; background:url(../images/line.png) repeat-y center top; width:2%; overflow:hidden; text-align:left; position:relative; z-index:8;}
.scopecont .mapshow .flag .dot { margin:0 auto; width:0.5vw; height:0.5vw; text-align:center; position: relative; z-index:7;}
.scopecont .mapshow .flag .dot.orange { background:url(../images/row_orange.png) no-repeat center center; background-size:100% 100%;}
.scopecont .mapshow .flag .dot.blue { background:url(../images/row_blue.png) no-repeat center center; background-size:100% 100%;}
.scopecont .mapshow .flag .dot.orange::before,.dot.orange::after { content: ''; position: absolute;left:-0.3vw;top:-0.25vw; width: 20%;height: 20%;border: 0.5vw solid #F18B00;border-radius:50%;animation:ripple 1.5s infinite;}
.scopecont .mapshow .flag .dot.orange::after { animation-delay: 0.5s;}
.scopecont .mapshow .flag .dot.blue::before,.dot.blue::after { content: ''; position: absolute;left:-0.3vw;top:-0.25vw; width: 20%;height: 20%;border: 0.5vw solid #00A3AC;border-radius:50%;animation:ripple 1.5s infinite;}
.scopecont .mapshow .flag .dot.blue::after { animation-delay: 0.5s;}
@keyframes ripple {0% {transform: scale(1);opacity: 1;}100% {transform: scale(2);opacity: 0;}}
.scopecont .mapshow #flag_208_jx { height:12.5vw; left:12%; top:1vw;}
.scopecont .mapshow #flag_208_jx .line { height:8vw;}
.scopecont .mapshow #flag_208_jx .flagimg img { animation:jump 2s infinite;}
.scopecont .mapshow #flag_208_fv { height:12vw; left:10%; top:16vw;}
.scopecont .mapshow #flag_208_fv .line { height:8vw;}
.scopecont .mapshow #flag_208_fv .flagimg img { animation:jump 2.1s infinite;}
.scopecont .mapshow #flag_208_dk { height:9vw; left:13.8%; top:16.7vw;}
.scopecont .mapshow #flag_208_dk .line { height:5vw;}
.scopecont .mapshow #flag_208_dk .flagimg img { animation:jump 2.2s infinite;}
.scopecont .mapshow #flag_208_kq { height:13vw; left:24%; top:20vw;}
.scopecont .mapshow #flag_208_kq .line { height:6vw;}
.scopecont .mapshow #flag_208_kq .flagimg img { animation:jump 2.3s infinite;}
.scopecont .mapshow #flag_208_ck { height:13vw; left:17.5%; top:19.5vw;}
.scopecont .mapshow #flag_208_ck .line { height:6vw;}
.scopecont .mapshow #flag_208_ck .flagimg img { animation:jump 2.4s infinite;}
.scopecont .mapshow #flag_208_jw { height:12vw; left:43.5%; top:1.7vw;}
.scopecont .mapshow #flag_208_jw .line { height:6vw;}
.scopecont .mapshow #flag_208_jw .flagimg img { animation:jump 2.5s infinite;}
.scopecont .mapshow #flag_208_ed { height:12vw; left:48%; top:3.5vw;}
.scopecont .mapshow #flag_208_ed .line { height:6vw;}
.scopecont .mapshow #flag_208_ed .flagimg img { animation:jump 2s infinite;}
.scopecont .mapshow #flag_208_in { height:10vw; left:52%; top:23vw;}
.scopecont .mapshow #flag_208_in .line { height:3vw;}
.scopecont .mapshow #flag_208_in .flagimg img { animation:jump 2.1s infinite;}
.scopecont .mapshow #flag_208_jv { height:12vw; left:60%; top:16vw;}
.scopecont .mapshow #flag_208_jv .line { height:8vw;}
.scopecont .mapshow #flag_208_jv .flagimg { height:4vw;}
.scopecont .mapshow #flag_208_jv .flagimg img { animation:jump 2.2s infinite;}
.scopecont .mapshow #flag_208_kd { height:12vw; left:80%; top:17.5vw;}
.scopecont .mapshow #flag_208_kd .line { height:8vw;}
.scopecont .mapshow #flag_208_kd .flagimg img { animation:jump 2.3s infinite;}
.scopecont .mapshow #flag_208_jd { height:10vw; left:79%; top:17.3vw;}
.scopecont .mapshow #flag_208_jd .line { height:5vw;}
.scopecont .mapshow #flag_208_jd .flagimg img { animation:jump 2.4s infinite;}
.scopecont .mapshow #flag_208_ih { height:4vw; left:78.5%; top:18.8vw;}
.scopecont .mapshow #flag_208_ih .line { height:0.5vw;}
.scopecont .mapshow #flag_208_ih .flagimg img { animation:jump 2.5s infinite;}
.scopecont .mapshow #flag_208_gm { height:8vw; left:95.8%; top:23.5vw;}
.scopecont .mapshow #flag_208_gm .line { height:2vw;}
.scopecont .mapshow #flag_208_gm .flagimg img { animation:jump 2s infinite;}
.scopecont .mapshow #flag_208_hl { height:10vw; left:75%; top:0vw;}
.scopecont .mapshow #flag_208_hl .line { height:5vw;}
.scopecont .mapshow #flag_208_hl .flagimg img { animation:jump 2.1s infinite;}
.scopecont .mapshow #flag_208_eu { height:15vw; left:86.5%; top:2.5vw;}
.scopecont .mapshow #flag_208_eu .line { height:8vw;}
.scopecont .mapshow #flag_208_eu .flagimg img { animation:jump 2.2s infinite;}
.scopecont .bmap { position:relative; width:100%; height:7vw; margin-top:1.5vw; background:url(../images/map2.png) no-repeat center top; background-size:100% auto;}
.scopecont .bmap .bnumbers { margin:0 auto; position:relative; width:90%; padding-top:1.5vw; overflow:hidden;}
.scopecont .bmap .bnumbers .numshow { float:left; width:auto; margin-left:1.8vw; margin-right:1.5vw;}
.scopecont .bmap .bnumbers .numshow .row { float:left; width:1.5vw; text-align:left;}
.scopecont .bmap .bnumbers .numshow .row img { width:90%; height:auto; margin-top:-0.5vw;}
.scopecont .bmap .bnumbers .numshow .numbers { float:left; width:auto; text-align:left; overflow:hidden;}
.scopecont .bmap .bnumbers .numshow .numbers .bignum { width:100%; overflow:hidden; font-size:3.5vw; line-height:3.7vw; padding-right:1vw; font-style:italic; color:#F18B00; font-family:'Impact';}
.scopecont .bmap .bnumbers .numshow .numbers .bignum font { font-size:1.8vw; line-height:2vw; font-style:italic; color:#F18B00; font-family:'Impact';}
.scopecont .bmap .bnumbers .numshow .numbers .notes { width:100%; overflow:hidden; color:#000; font-size:1vw; line-height:1.1vw; font-weight:bold;}
@media screen and (max-width:750px){
	.scopecont { width:95%; height:100vw;}
	.scopecont .bigtitle { font-size:5.5vw; line-height:5.7vw; margin-top:5vw;}
	.scopecont .tips { margin-top:3vw; font-size:2.8vw; line-height:3.5vw; overflow-wrap: break-word;}
	.scopecont .tips br { display:none;}
	.scopecont .mapshow { margin-top:5vw; height:40vw; background:url(../images/map.png) no-repeat center 3vw; background-size:120% auto;}
	.scopecont .mapshow .plogo { left:78%; top:13.5vw;}
	.scopecont .mapshow .flag .dot.orange::before,.dot.orange::after { left:-0.5vw;top:-0.2vw; border: 0.8vw solid #F18B00;}
	.scopecont .mapshow .flag .dot.blue::before,.dot.blue::after { left:-0.5vw;top:-0.2vw; border: 0.8vw solid #00A3AC;}
	.scopecont .mapshow #flag_208_jx { top:0.5vw;}
	.scopecont .mapshow #flag_208_fv { top:16.5vw;}
	.scopecont .mapshow #flag_208_dk { top:18vw;}
	.scopecont .mapshow #flag_208_kq { top:23vw;}
	.scopecont .mapshow #flag_208_ck { top:21vw;}
	.scopecont .mapshow #flag_208_jw { top:1.7vw;}
	.scopecont .mapshow #flag_208_ed { top:3.5vw;}
	.scopecont .mapshow #flag_208_in { top:26vw;}
	.scopecont .mapshow #flag_208_jv { top:18vw;}
	.scopecont .mapshow #flag_208_kd { top:18vw;}
	.scopecont .mapshow #flag_208_jd { top:17.8vw;}
	.scopecont .mapshow #flag_208_ih { top:19.3vw;}
	.scopecont .mapshow #flag_208_gm { top:26vw;}
	.scopecont .mapshow #flag_208_hl { top:0vw;}
	.scopecont .mapshow #flag_208_eu { top:3vw;}
	.scopecont .bmap { height:29vw; margin-top:0vw; background:url(../images/map3.png) no-repeat center top; background-size:150% auto;}
	.scopecont .bmap .bnumbers { width:80%; padding-top:3vw;}
	.scopecont .bmap .bnumbers .numshow { width:50%; margin-left:0vw; margin-right:0vw; margin-bottom:5%;}
	.scopecont .bmap .bnumbers .numshow .row { width:2.8vw;}
	.scopecont .bmap .bnumbers .numshow .numbers .bignum { font-size:6vw; line-height:6.2vw; padding-right:1vw;}
	.scopecont .bmap .bnumbers .numshow .numbers .bignum font { font-size:4vw; line-height:4vw;}
	.scopecont .bmap .bnumbers .numshow .numbers .notes { font-size:2vw; line-height:2.2vw;}
}
