.s2[data-v-e8202060]{width:100%;height:100%}.s2.swiper-slide-active .imgs[data-v-e8202060]{opacity:1}.s2 picture[data-v-e8202060]{display:block}.s2 .imgs[data-v-e8202060]{width:100%;position:relative;opacity:.1;-webkit-transition:opacity .4s linear;transition:opacity .4s linear}.s2 img[data-v-e8202060]{display:block;width:100%}.s2 .line[data-v-e8202060]{position:absolute;left:0;top:0}.s2 .south-sea[data-v-e8202060]{position:absolute;left:79.4%;top:calc(58% + 10vh);bottom:0;width:7.5%;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.s2 .china[data-v-e8202060],.s2 canvas[data-v-e8202060]{position:absolute;width:54.5%;left:20.2%;top:8.5%}.s2 svg[data-v-e8202060]{position:absolute;top:0;left:0;width:100%;height:100%}.s2 .longitude[data-v-e8202060]{position:absolute;font-size:10px;color:#f02a37;font-weight:700;font-family:Din Alternate Bold}.s2 .longitude[data-v-e8202060]:before{content:"";display:block;position:absolute;width:10px;height:10px;background:#f02a37;left:-20px;top:1px}.s2 .l-0[data-v-e8202060],.s2 .l-1[data-v-e8202060]{display:none}.s2 .l-2[data-v-e8202060]{left:21.9%;top:26%}.s2 .l-3[data-v-e8202060]{top:11%;left:60.1%}.s2 .l-4[data-v-e8202060]{left:42%;top:calc(100vh - 60px)}.s2 .blocks[data-v-e8202060]{position:absolute;width:100%;height:100%;top:0;left:0}.s2 .blocks li[data-v-e8202060]{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;background:-webkit-gradient(linear,left bottom,left top,from(transparent),to(rgba(0,0,0,.4)));background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.4));border:1.2px solid #fff}.s2 .blocks p[data-v-e8202060]{position:relative;font-size:16px;height:22px;line-height:22px;letter-spacing:1px;font-weight:400;color:#fff;opacity:1}.s2 .blocks p[data-v-e8202060]:before{content:"";width:0;height:5px;background:#ff2b2b;position:absolute;bottom:32px;left:0}.s2 .blocks div[data-v-e8202060]{margin-top:22px}.s2 .blocks div span[data-v-e8202060]{font-size:44px;color:#fff;letter-spacing:1px;padding-right:0;font-family:Din Alternate Bold}.s2 .blocks div i[data-v-e8202060]{font-style:normal;font-size:12px;color:#fff;line-height:17px}.s2 .precision[data-v-e8202060],.s2 .province[data-v-e8202060]{width:0;height:0;left:20.8%;top:calc(100vh - 90px);-webkit-transform:translateY(-80%);transform:translateY(-80%);overflow:hidden}.s2 li.precision[data-v-e8202060]{left:calc(20.8% + 191px)}.s2 .city[data-v-e8202060],.s2 .square[data-v-e8202060]{width:0;height:0;left:calc(79.4% - 186px);overflow:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.s2 .city[data-v-e8202060]{top:calc(58% - 180px)}.s2 .square[data-v-e8202060]{top:58%}.s2 .blocks.active p[data-v-e8202060]:before{-webkit-transition:width .2s linear 1.8s;transition:width .2s linear 1.8s;width:20px}.s2 .blocks.active .province[data-v-e8202060]{-webkit-animation:province-data-v-e8202060 1s linear .8s forwards;animation:province-data-v-e8202060 1s linear .8s forwards}.s2 .blocks.active .precision[data-v-e8202060]{-webkit-animation:precision-data-v-e8202060 1s linear .8s forwards;animation:precision-data-v-e8202060 1s linear .8s forwards}.s2 .blocks.active .city[data-v-e8202060],.s2 .blocks.active .square[data-v-e8202060]{-webkit-animation:city-data-v-e8202060 1s linear forwards;animation:city-data-v-e8202060 1s linear forwards}.s2 .blocks.active .city p[data-v-e8202060]:before,.s2 .blocks.active .square p[data-v-e8202060]:before{-webkit-transition:width .2s linear 1s;transition:width .2s linear 1s;width:20px}@media (max-height:800px),screen and (max-width:1440px){.s2:not(.mobile) .imgs[data-v-e8202060]{min-width:100%;width:1600px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.s2 .china[data-v-e8202060],.s2 canvas[data-v-e8202060]{position:absolute;width:55vw;min-width:750px;left:48.5%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:5%}.s2 .south-sea[data-v-e8202060]{top:calc(46% + 10vh)}.s2 .blocks .city[data-v-e8202060]{top:calc(46% - 141px);left:calc(79.4% - 155px)}.s2 .blocks .square[data-v-e8202060]{top:46%;left:calc(79.4% - 155px)}.s2 .blocks .precision[data-v-e8202060]{left:calc(20.8% + 149px)}.s2 .blocks p[data-v-e8202060]{font-size:14px}.s2 .blocks p[data-v-e8202060]:before{height:4px;bottom:26px}.s2 .blocks div[data-v-e8202060]{margin-top:17px}.s2 .blocks div span[data-v-e8202060]{font-size:36px}.s2 .blocks.active p[data-v-e8202060]:before{-webkit-transition:widthMin .2s linear 1.8s;transition:widthMin .2s linear 1.8s;width:16px}.s2 .blocks.active .province[data-v-e8202060]{-webkit-animation:provinceMin-data-v-e8202060 1s linear .8s forwards;animation:provinceMin-data-v-e8202060 1s linear .8s forwards}.s2 .blocks.active .precision[data-v-e8202060]{-webkit-animation:precisionMin-data-v-e8202060 1s linear .8s forwards;animation:precisionMin-data-v-e8202060 1s linear .8s forwards}.s2 .blocks.active .city[data-v-e8202060],.s2 .blocks.active .square[data-v-e8202060]{-webkit-animation:cityMin-data-v-e8202060 1s linear forwards;animation:cityMin-data-v-e8202060 1s linear forwards}.s2 .blocks.active .city p[data-v-e8202060]:before,.s2 .blocks.active .square p[data-v-e8202060]:before{-webkit-transition:width .2s linear 1s;transition:width .2s linear 1s;width:16px}.s2 .longitude[data-v-e8202060]:before{left:-17px}}@-webkit-keyframes province-data-v-e8202060{0%{width:0;height:0}50%{height:165px;width:0}99%{padding:0}to{height:165px;width:176px;padding:41px 0 24px 18px}}@keyframes province-data-v-e8202060{0%{width:0;height:0}50%{height:165px;width:0}99%{padding:0}to{height:165px;width:176px;padding:41px 0 24px 18px}}@-webkit-keyframes precision-data-v-e8202060{0%{width:0;height:0}50%{height:165px;width:0}99%{padding:0}to{height:165px;width:149px;padding:41px 0 24px 18px}}@keyframes precision-data-v-e8202060{0%{width:0;height:0}50%{height:165px;width:0}99%{padding:0}to{height:165px;width:149px;padding:41px 0 24px 18px}}@-webkit-keyframes city-data-v-e8202060{0%{width:0;height:0}50%{height:165px;width:0}99%{padding:0}to{width:186px;height:165px;padding:41px 0 24px 18px}}@keyframes city-data-v-e8202060{0%{width:0;height:0}50%{height:165px;width:0}99%{padding:0}to{width:186px;height:165px;padding:41px 0 24px 18px}}@-webkit-keyframes provinceMin-data-v-e8202060{0%{width:0;height:0}50%{height:129px;width:0}99%{padding:0}to{height:129px;width:137px;padding:30px 0 20px 14px}}@keyframes provinceMin-data-v-e8202060{0%{width:0;height:0}50%{height:129px;width:0}99%{padding:0}to{height:129px;width:137px;padding:30px 0 20px 14px}}@-webkit-keyframes precisionMin-data-v-e8202060{0%{width:0;height:0}50%{height:129px;width:0}99%{padding:0}to{height:129px;width:116px;padding:30px 0 20px 14px}}@keyframes precisionMin-data-v-e8202060{0%{width:0;height:0}50%{height:129px;width:0}99%{padding:0}to{height:129px;width:116px;padding:30px 0 20px 14px}}@-webkit-keyframes cityMin-data-v-e8202060{0%{width:0;height:0}50%{height:129px;width:0}99%{padding:0}to{width:155px;height:129px;padding:30px 0 20px 14px}}@keyframes cityMin-data-v-e8202060{0%{width:0;height:0}50%{height:129px;width:0}99%{padding:0}to{width:155px;height:129px;padding:30px 0 20px 14px}}.s2.mobile[data-v-e8202060]{height:100%;overflow:hidden;background:rgba(0,0,0,.8)}.s2.mobile .bg[data-v-e8202060]{height:100%}.s2.mobile .china[data-v-e8202060],.s2.mobile canvas[data-v-e8202060]{width:100%;left:0;top:0;min-width:auto;-webkit-transform:translateX(0);transform:translateX(0)}.s2.mobile .imgs[data-v-e8202060]{height:100%}.s2.mobile .blocks[data-v-e8202060]{width:calc(100% - 2.4rem);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:2rem;top:auto}.s2.mobile .blocks li[data-v-e8202060]{width:0;height:0;top:auto;background:rgba(0,0,0,.4);border-color:#fff;-webkit-transform:translate(0);transform:translate(0)}.s2.mobile .blocks.active .city[data-v-e8202060],.s2.mobile .blocks.active .square[data-v-e8202060]{-webkit-animation:rect-data-v-e8202060 1s linear forwards;animation:rect-data-v-e8202060 1s linear forwards}.s2.mobile .blocks.active .province[data-v-e8202060]{-webkit-animation:rect-data-v-e8202060 1s linear .8s forwards;animation:rect-data-v-e8202060 1s linear .8s forwards}.s2.mobile .blocks.active .precision[data-v-e8202060]{-webkit-animation:rect1-data-v-e8202060 1s linear .8s forwards;animation:rect1-data-v-e8202060 1s linear .8s forwards}.s2.mobile .blocks .province[data-v-e8202060]{left:0;bottom:6.8rem;border-right:0}.s2.mobile .blocks .precision[data-v-e8202060]{left:0;bottom:1px;border-color:#fff}.s2.mobile .blocks .precision[data-v-e8202060]:after,.s2.mobile .blocks .precision[data-v-e8202060]:before{display:none}.s2.mobile .blocks .city[data-v-e8202060]{left:50%;bottom:6.8rem}.s2.mobile .blocks .square[data-v-e8202060]{left:50%;bottom:calc(13.6rem - 1px);border-color:#fff}.s2.mobile .blocks p[data-v-e8202060]{font-size:.7rem}.s2.mobile .blocks p[data-v-e8202060]:before{height:3px;width:20px!important;bottom:calc(100% + .65rem)}.s2.mobile .blocks div[data-v-e8202060]{margin-top:.9rem;margin-bottom:.2rem}.s2.mobile .blocks div span[data-v-e8202060]{font-size:1.5rem;line-height:1.5rem}.s2.mobile .longitude[data-v-e8202060]{font-size:12px;display:none}.s2.mobile .l-0[data-v-e8202060]{left:10%;top:17.5%;display:block}.s2.mobile .l-1[data-v-e8202060]{left:63%;top:85%;display:block}@-webkit-keyframes rect-data-v-e8202060{0%{width:0;height:0}50%{height:6.8rem;width:0}99%{padding:0}to{width:50%;height:6.8rem;padding:2rem 0 1rem 1.4rem}}@keyframes rect-data-v-e8202060{0%{width:0;height:0}50%{height:6.8rem;width:0}99%{padding:0}to{width:50%;height:6.8rem;padding:2rem 0 1rem 1.4rem}}@-webkit-keyframes rect1-data-v-e8202060{0%{width:0;height:0}50%{height:6.8rem;width:0}99%{padding:0}to{width:calc(50% + 1.2px);height:6.8rem;padding:2rem 0 1rem 1.4rem}}@keyframes rect1-data-v-e8202060{0%{width:0;height:0}50%{height:6.8rem;width:0}99%{padding:0}to{width:calc(50% + 1.2px);height:6.8rem;padding:2rem 0 1rem 1.4rem}}