#section0 {position:relative;display:flex;align-items:center;justify-content:center;}
#section0>img {height:calc(100vh - 150px);object-fit:cover;max-height:600px;}
@media (min-width:769px){#section0>img{max-height: 31.3vw;}}
.firstbg {position:absolute;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;}
.golbalbg {position:relative;height:100%;width:100%;display:flex;align-items:center;}
.golbalbg .mapbg {max-width:100%;}
#section0 .wrapper {position:absolute;left:50%;transform:translateX(-50%);top:20%;text-align:center;white-space:nowrap;}
.section0-title {font-size:52px;color:rgb(43,54,60);font-weight:bold;text-shadow:0.707px 0.707px 0px rgba(255,255,255,0.004);}
.section0-title2 {font-size:14px;color:rgb(18,42,136);text-transform:uppercase;line-height:2.186;font-weight:400;}
.citybox {position:absolute;}
.city .country {width:auto;white-space:nowrap;position:absolute;font-size:14px;font-weight:500;color:#000;text-shadow:0.707px 0.707px 0px rgba(255,255,255,0.004);}
.city .country.top {left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);top:-24px;text-align:center;}
.city .country.right {left:15px;top:-8px;text-align:left;}
.city .country.left {right:15px;top:-8px;text-align:right;}
.city .country.bottom {left:-96px;top:5px;text-align:center;}
.city {position:relative;cursor:pointer;}
.city .download {position:absolute;margin-left:-150px;top:40px;left:50%;width:300px;background-color:#fff;box-shadow:0 1px 5px #aaa;border-radius:10px;z-index:88;padding:20px;box-sizing:border-box;display:none;}
.triangle {position:absolute;width:0px;height:0px;border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;bottom:-30px;left:50%;margin-left:-10px;display:none;z-index:99;}
.dotted {width:10px;height:10px;background-color:rgb(255,126,0);border-radius:50%;}
.city div[class^="pulse"] {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;box-shadow:0 0 12px #F5F5F5;border-radius:50%;animation:pulse 1.5s linear infinite;}
.city div.pulse2 {animation-delay:0.5s;}
.city div.pulse3 {animation-delay:1s;}
@keyframes pulse {0% {}
70% {width:20px;height:20px;opacity:1;}
100% {width:40px;height:40px;opacity:0;}}
.city .download .cityname {font-size:18px;color:rgb(127,118,104);line-height:2;}
.city .download .introduce {font-size:14px;color:#333;line-height:1.5;margin-bottom:10px;}
.city .download .ckxq {color:rgb(127,118,104);font-size:16px;margin-right:20px;}
.textlist {display:none;}
.common-container .inner-banner img.mapbg22 {display:none;}
.common-container .inner-banner img.mapbg11 {display:block;}
@media only screen and (max-width:1280px) {.city .country.mgny {left:-45px;top:-8px;}
.city .country.xjp {left:-50px;top:-8px;}}
@media only screen and (max-width:920px) {.golbalbg {display:block;}
.common-container .inner-banner img.mapbg22 {display:block;margin-bottom:100%;}
.common-container .inner-banner img.mapbg11 {display:none;}
.citybox {display:none;}
.textlist {display:block;position:absolute;bottom:0px;z-index:88;width:100%;margin-left:65px;width:calc(100% - 65px);}
.textlist li {width:calc(50% - 65px);float:left;text-align:center;margin-bottom:20px;margin-right:20px;}
.textlist li .title3 {width:100%;display:inline-block;font-size:16px;line-height:2.5em;border:1px solid #ccac83;border-radius:16px;}
.firstbg {top:0px !important;}}
@media only screen and (max-width:500px) {.textlist {margin-left:10px;width:calc(100% - 10px);}
.textlist li {width:calc(50% - 20px);}
.textlist li .title3 {font-size:14px;}}
@media only screen and (max-width:1600px) {.section0-title {font-size:46px;}}
@media only screen and (max-width:1440px) {.section0-title {font-size:42px;}
.section0-title2 {font-size:12px;}}
@media only screen and (max-width:920px) {.section0-title {font-size:32px;}
#section0 .wrapper {top:3%;}
.mainbox .pic {height:190px;}}
@media only screen and (max-width:768px) {.section0-title {font-size:20px;}
#fp-nav.fp-right {display:none !important;}}