blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
dl,ol,ul{list-style:none}
img{border:none}
table{border-spacing:0;border-collapse:collapse}
input,select,textarea{font:12px "Roboto",'Microsoft YaHei',simsun,tahoma;outline:0}
a{color:#fff;outline:0;text-decoration:none}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
.clearfix:after{display:block;height:0;font-size:0;visibility:hidden;clear:both;content:''}
.clearfix{zoom:1}
.clear{clear:both}
.hidden{line-height:99999px;overflow:hidden}
.relative{position:relative}
.fl{float:left}
.fr{float:right}
.fz14{font-size:14px}
.mt20{margin-top:20px}
[v-cloak]{display:none}
*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}
@-webkit-keyframes mask{0%{-webkit-mask-size:35%;opacity:1}
100%{-webkit-mask-size:532%;opacity:1}
}
@keyframes mask{0%{-webkit-mask-size:35%;opacity:1}
100%{-webkit-mask-size:532%;opacity:1}
}
@-webkit-keyframes aniBtnOrder{to{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes aniBtnOrder{to{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@-webkit-keyframes aniDown{to{-webkit-transform:translate(0,10px);transform:translate(0,10px)}
}
@keyframes aniDown{to{-webkit-transform:translate(0,10px);transform:translate(0,10px)}
}
@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,3deg);transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,-3deg);transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,-3deg)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,3deg);transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,-3deg);transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,-3deg)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-webkit-keyframes aniPop{from{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
}
@keyframes aniPop{from{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
}
@-webkit-keyframes aniPopPet{from{opacity:0;-webkit-transform:translate(-50%,-100%) scale(.85);transform:translate(-50%,-100%) scale(.85)}
to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.85);transform:translate(-50%,-50%) scale(.85)}
}
@keyframes aniPopPet{from{opacity:0;-webkit-transform:translate(-50%,-100%) scale(.85);transform:translate(-50%,-100%) scale(.85)}
to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(.85);transform:translate(-50%,-50%) scale(.85)}
}
.ani{opacity:0;-webkit-transform:translate(0,20px);transform:translate(0,20px)}
.ani-t{-webkit-transform:translate(0,-20px);transform:translate(0,-20px)}
.swiper-slide{z-index:10}
.swiper-slide.active.mask{z-index:20;-webkit-mask:url(../images/mask.png) center center no-repeat;-webkit-animation:mask .5s linear forwards;animation:mask .5s linear forwards}
.swiper-slide.active .ani{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:opacity .5s .2s,-webkit-transform .5s .2s;transition:opacity .5s .2s,-webkit-transform .5s .2s;transition:opacity .5s .2s,transform .5s .2s;transition:opacity .5s .2s,transform .5s .2s,-webkit-transform .5s .2s}
.swiper-slide.active .ani1{-webkit-transition-delay:.3s;transition-delay:.3s}
.swiper-slide.active .ani2{-webkit-transition-delay:.6s;transition-delay:.6s}
.swiper-slide.active .ani3{-webkit-transition-delay:.9s;transition-delay:.9s}
.swiper-slide.active .ani4{-webkit-transition-delay:1.2s;transition-delay:1.2s}
.swiper-slide.active .lottery-lists li{-webkit-animation:aniDown 2s infinite linear alternate;animation:aniDown 2s infinite linear alternate}
.swiper-slide.active .lottery-lists li:nth-of-type(odd){-webkit-animation-delay:.5s;animation-delay:.5s}
.swiper-slide.active .lottery-lists.stop li>div{-webkit-animation-play-state:paused;animation-play-state:paused}
.swiper-slide.active .map .area .to-explore .avatar{-webkit-animation:toEx .8s infinite alternate;animation:toEx .8s infinite alternate}
@-webkit-keyframes toEx{from{-webkit-transform:scale(1.1)}
}
@keyframes toEx{from{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@-webkit-keyframes zoomInOut{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.3);transform:scale(1.3)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes zoomInOut{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.3);transform:scale(1.3)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
::-webkit-scrollbar{width:4px;height:4px;background:0 0}
::-webkit-scrollbar-track{background-color:transparent}
::-webkit-scrollbar-thumb{background-color:#fff;border-radius:2px}

/*.font-yh,.p0 .wrapper::after,.pop-common .msg,.pop-cont .msg,.pop-cont .p-name>span{font-family:"Roboto", sans-serif;}
.font-syhtr,.full-bg{font-family:"Roboto", sans-serif;}
.font-syhtm,.map-page .panel dd,.spr-intro-page .tab-bd dd em{font-family:"Roboto", sans-serif;}
.font-syhtb,.map-page .panel dt{font-family:"Roboto", sans-serif;}
.font-hgjxt,.loading-page p,.p6 .cont-r li h4,.spr-intro-page .img-box .tit,.spr-intro-page .tab-bd dt em,.spr-intro-page .tab-hd,.spr-sys-page .tab-hd,nav a{font-family:"Roboto", sans-serif;}
.font-systb,.p3 li p,.pop-way .pop-bd dt,.pop-way .pop-hd .tit span,.spr-sys-page .tab-con-2 .sub-tab-con dt{font-family:"Roboto", sans-serif;}
.font-systm,.p5 .desc,.pop-way .pop-hd .tit span.txt-2{font-family:"Roboto", sans-serif;}
.font-systh,.map-page .title,.p4 dt,.p5 .swiper-slide:hover .desc,.pop-other .pop-tit,.pop-spr-intro .pop-tit,.spr-sys-page .tab-con-2 .sub-tab-hd li,.spr-sys-page .tab-con-2 .swiper-tit{font-family:"Roboto", sans-serif;}*/
body,html{position:relative;width:100%;height:100%;overflow:hidden;font-family:"Roboto", sans-serif; font-size: 16px; line-height: 1.4}
body{background:#0a1b37;color:#fff}
br{font-family:"Roboto", sans-serif;}
.btn{display:block;margin:0 auto;cursor:pointer}
.btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.btn.disabled,.btn.ed,a.disabled,a.ed{cursor:default}
.btn.disabled:hover,.btn.ed:hover,a.disabled:hover,a.ed:hover{-webkit-filter:none;filter:none}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.p-main{position:relative;width:100%;height:100%;overflow:hidden}
.lists{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.lists .item{position:relative}
.abs{position:absolute;z-index:10}
.in-m{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.wrapper{position:relative;height:100%;margin:0 auto}
.wrapper h3{position:relative;z-index:1}
.logo{position:absolute;z-index:10}
.logo img{width:100%}
.hide{display:none!important}
.tit{font-size:0;background:no-repeat center}
.hover{position:absolute;pointer-events:none;opacity:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);color:#5299bf;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .4s;transition:opacity .4s}
.hover-show{opacity:1}
.scrollbar-track{border-radius:10px}
.scrollbar-track .scrollbar-thumb{background:#fff}
.sidebar-mod{position:fixed;top:0;right:0;z-index:20;height:100%;-webkit-transform-origin:center right!important;transform-origin:center right!important}
.sidebar-mod .btn-sidebar{background:url(../images/open-arrow.png) no-repeat center/contain;-webkit-animation:zoomInOut 1s linear infinite;animation:zoomInOut 1s linear infinite;white-space:nowrap;text-shadow:0 0 5px #000}
.sidebar-mod .btn-sidebar:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
.sidebar-mod .btn-home{background:url(../images/icon-home.png) no-repeat center/contain}
.sidebar-mod .btn-home:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
.sidebar-mod.show{display:block}
.sidebar-mod.active .btn-sidebar{-webkit-animation:none;animation:none;-webkit-transform:rotate(180deg);transform:rotate(180deg);line-height:0;font-size:0}
.sidebar-mod.active .btn-sidebar:hover{-webkit-transform:scale(1.05) rotate(180deg);transform:scale(1.05) rotate(180deg)}
.sidebar-mod.active nav{opacity:1;pointer-events:auto}
.sidebar-mod nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;position:absolute;top:50%;white-space:nowrap;opacity:0;-webkit-transition:all .5s;transition:all .5s}
.sidebar-mod nav::before{content:'';position:absolute;width:1px;top:0;bottom:0;background:url(../images/nav-line.png) repeat-y;opacity:.36;pointer-events:none;z-index:1}
.sidebar-mod nav:after{content:"";position:absolute;width:600px;height:100%;right:0;top:0;background:url(../images/nav-mask.png) repeat-y;pointer-events:none}
.sidebar-mod nav>a{position:relative;color:#fefeff;z-index:5;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.sidebar-mod nav>a::after{content:'';-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:inline-block;background:url(../images/nav-icon.png) no-repeat center/100% 100%;vertical-align:middle;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.sidebar-mod nav>a span{position:relative;z-index:10;-webkit-mask-image:url(../images/nav-txt-mask-1.png);mask-image:url(../images/nav-txt-mask-1.png);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-size:110%;mask-size:110%;color:#8ba5bc}
nav{text-align:left;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);pointer-events:none}
nav a{text-align:right}
nav a::after,nav a::before{-webkit-transition:all .3s;transition:all .3s}
nav a::before{background:url(../images/nav-on.png) no-repeat right center/contain;content:'';position:absolute;top:0;right:0;opacity:0;z-index:1}
nav a i{position:absolute;top:50%;background:url(../images/nav-light.png) no-repeat center/contain;pointer-events:none;opacity:0;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
nav a span{position:relative;-webkit-transform-origin:center right;transform-origin:center right}
nav a.active,nav a:hover{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
nav a.active i,nav a:hover i{opacity:1}
nav a.active span,nav a:hover span{-webkit-mask-image:none;mask-image:none}
nav a.active span:after,nav a.active span:before,nav a:hover span:after,nav a:hover span:before{content:attr(data-text);position:absolute;left:0;top:0}
nav a.active span:before,nav a:hover span:before{text-shadow:0 0 13px rgba(0,84,255,.29),2px 2px 3px #01001c}
nav a.active span:after,nav a:hover span:after{background-image:-webkit-linear-gradient(top,#fff 0,#fff 20%,rgba(15,122,255,.39) 100%);background-image:linear-gradient(to bottom,#fff 0,#fff 20%,rgba(15,122,255,.39) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;color:#fff;-webkit-mask-image:url(../images/nav-txt-mask-2.png);mask-image:url(../images/nav-txt-mask-2.png);-webkit-mask-position:center top;mask-position:center top;z-index:1}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (min-width:0){nav a.active span:after,nav a:hover span:after{background:0 0}
}
.p0 h2,.p0 h3,.p0 p{display:none;font-size:0}
.p0 .wrapper::after{color:#d8e7f4;position:absolute;left:50%;bottom:2%;text-shadow:0 0 6px #3359d4,0 0 6px #3359d4,0 0 6px #3359d4;text-align:center;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background:url(../images/more.png) no-repeat center bottom/100% auto}

.p2 h3{font-size:0;line-height:0}
.p2 li{cursor:pointer;position:absolute;background-position:center;background-repeat:no-repeat;background-size:contain;text-align:center;font-weight:700}
.p2 li:nth-child(1){-webkit-transition-delay:.4s;transition-delay:.4s;background-image:url(../images/spr-nav-1.png)}
.p2 li:nth-child(2){-webkit-transition-delay:.3s;transition-delay:.3s;background-image:url(../images/spr-nav-2.png)}
.p2 li:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s;background-image:url(../images/spr-nav-3.png)}
.p2 li:nth-child(4){-webkit-transition-delay:.1s;transition-delay:.1s;background-image:url(../images/spr-nav-4.png)}
.p2 li:nth-child(5){-webkit-transition-delay:0s;transition-delay:0s;background-image:url(../images/spr-nav-5.png)}
.p2 li:hover:nth-child(1){background-image:url(../images/spr-nav-1-hover.png)}
.p2 li:hover:nth-child(2){background-image:url(../images/spr-nav-2-hover.png)}
.p2 li:hover:nth-child(3){background-image:url(../images/spr-nav-3-hover.png)}
.p2 li:hover:nth-child(4){background-image:url(../images/spr-nav-4-hover.png)}
.p2 li:hover:nth-child(5){background-image:url(../images/spr-nav-5-hover.png)}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (min-width:0){.p3 li p span:nth-child(2){background:0 0!important}
}
.spr-sys-page{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;text-align:right}
.spr-sys-page .tab-list{text-align:left}
.spr-sys-page .btn-back{display:inline-block;vertical-align:top;font-size:0;line-height:0;background:url(../images/btn-back-2.png) no-repeat center/contain}
.spr-sys-page .tab-hd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.spr-sys-page .tab-hd:before{content:"";position:absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.spr-sys-page .tab-hd li{position:relative;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background:url(../images/tab-bg-1.png) no-repeat center/100% 100%;color:#ecf1ff;text-shadow:1px 1px 1px #1d2745;text-align:center}
.spr-sys-page .tab-hd li h4{ }
.spr-sys-page .tab-hd li span{position:relative;z-index:1}
.spr-sys-page .tab-hd li.on,.spr-sys-page .tab-hd li:hover{color:#183b97;background-image:url(../images/tab-bg-1-on.png);text-shadow:none}
.spr-sys-page .tab-hd li.on h4,.spr-sys-page .tab-hd li:hover h4{position:relative;display:inline-block; }
.spr-sys-page .tab-hd li.on h4:after,.spr-sys-page .tab-hd li:hover h4:after{content:attr(data-text);position:absolute;left:0;top:0;background-image:url(../images/spr-tit-mask-4.png);background-position:-40px 5px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;color:transparent}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (min-width:0){.spr-sys-page .tab-hd li.on h4:after,.spr-sys-page .tab-hd li:hover h4:after{background:0 0}
}
.spr-sys-page .tab-hd li.on h4:before,.spr-sys-page .tab-hd li:hover h4:before{content:attr(data-text);position:absolute;left:-1px;top:0;text-shadow:2px 2px 1px #fff}
.spr-sys-page .tab-con-1{position:relative}
.spr-sys-page .tab-con-1 .img{display:block}
.spr-sys-page .tab-con-1 .map{position:absolute;left:0;text-align:center;opacity:0;cursor:pointer}
.spr-sys-page .tab-con-1 .map:after,.spr-sys-page .tab-con-1 .map:before{content:"";position:absolute}
.spr-sys-page .tab-con-1 .map:before{background:rgba(0,20,53,.62)}
.spr-sys-page .tab-con-1 .map:after{left:0;top:0;width:100%;height:100%;background:url(../images/way-map-mask.png) no-repeat center/contain}
.spr-sys-page .tab-con-1 .map:hover{opacity:1}
.spr-sys-page .tab-con-1 .map em{position:relative;font-style:normal;color:#b4dcfc;text-shadow:0 0 10px rgba(0,126,255,.32)}
.spr-sys-page .tab-con-1 .btn-desc{line-height:0;font-size:0;background:url(../images/btn-desc.png) no-repeat center/contain;position:absolute}
.spr-sys-page .tab-con-1 .btn-detail{line-height:0;font-size:0;background:url(../images/btn-detail.png) no-repeat center/contain;position:absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.spr-sys-page .tab-con-2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.spr-sys-page .tab-con-2 .img-box{background:url(../images/bg-swiper.png) no-repeat center/100% 100%}
.spr-sys-page .tab-con-2 .swiper-container{-webkit-mask-image:url(../images/swiper-mask.png);mask-image:url(../images/swiper-mask.png);-webkit-mask-size:contain;mask-size:contain}
.spr-sys-page .tab-con-2 .swiper-container:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;box-shadow:inset 0 0 10px #020b53;z-index:2}
.spr-sys-page .tab-con-2 .swiper-container img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.spr-sys-page .tab-con-2 .swiper-tit{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:rgba(255,255,255,.34);border:1px solid rgba(69,187,255,.34);-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.spr-sys-page .tab-con-2 .swiper-tit h5{color:#003a99;background-image:-webkit-linear-gradient(top,#003b9b 0,#07d 100%);background-image:linear-gradient(to bottom,#003b9b 0,#07d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (min-width:0){.spr-sys-page .tab-con-2 .swiper-tit h5{background:0 0}
}
.spr-sys-page .tab-con-2 .swiper-pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.spr-sys-page .tab-con-2 .swiper-pagination-bullets{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.spr-sys-page .tab-con-2 .swiper-pagination-bullet{border:1px solid #2f92ed;border-radius:50%;background:0 0}
.spr-sys-page .tab-con-2 .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#90f0fc;background-color:#3d81ff}
.spr-sys-page .tab-con-2 .tip{color:#00467c;text-align:center}
.spr-sys-page .tab-con-2 .btn-detail{display:block;margin:0 auto;line-height:0;font-size:0;background:url(../images/btn-detail-3.png) no-repeat center/contain}
.spr-sys-page .tab-con-2 .sub-tab-hd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.spr-sys-page .tab-con-2 .sub-tab-hd li{position:relative;background-position:center center;background-repeat:no-repeat;background-size:contain;text-align:center;color:transparent;cursor:pointer}
.spr-sys-page .tab-con-2 .sub-tab-hd li:nth-child(1){background-image:url(../images/sub-tab-l.png)}
.spr-sys-page .tab-con-2 .sub-tab-hd li:nth-child(1).on,.spr-sys-page .tab-con-2 .sub-tab-hd li:nth-child(1):hover{background-image:url(../images/sub-tab-l-on.png)}
.spr-sys-page .tab-con-2 .sub-tab-hd li:nth-child(2){background-image:url(../images/sub-tab-r.png)}
.spr-sys-page .tab-con-2 .sub-tab-hd li:nth-child(2).on,.spr-sys-page .tab-con-2 .sub-tab-hd li:nth-child(2):hover{background-image:url(../images/sub-tab-r-on.png)}
.spr-sys-page .tab-con-2 .sub-tab-hd li:after,.spr-sys-page .tab-con-2 .sub-tab-hd li:before{content:attr(data-text);position:absolute;left:50%;top:0;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.spr-sys-page .tab-con-2 .sub-tab-hd li:after{background-image:-webkit-linear-gradient(top,rgba(255,255,255,.39) 20%,rgba(246,243,0,.39) 70%);background-image:linear-gradient(to bottom,rgba(255,255,255,.39) 20%,rgba(246,243,0,.39) 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (min-width:0){.spr-sys-page .tab-con-2 .sub-tab-hd li:after{background:0 0}
}
.spr-sys-page .tab-con-2 .sub-tab-hd li:before{text-shadow:1px 1px 2px rgba(4,0,84,.68),1px 1px 10px rgba(0,29,174,.82);color:#fff}
.spr-sys-page .tab-con-2 .sub-tab-con dt{color:#591ab6;background:url(../images/bg-tit-3.png) no-repeat center/contain;text-align:center}
.spr-sys-page .tab-con-2 .sub-tab-con dd{color:#0b155e;text-indent:2em}
.spr-sys-page .tab-con-2 .sub-tab-con .scrollbar-track{background-color:transparent;-webkit-mask-image:url(../images/scrollbar-mask.png);mask-image:url(../images/scrollbar-mask.png);-webkit-mask-position:center bottom;mask-position:center bottom}
.spr-sys-page .tab-con-2 .sub-tab-con .scrollbar-track:before{content:"";position:absolute;left:50%;top:0;height:100%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background:#5c9bd6}
.spr-sys-page .tab-con-2 .sub-tab-con .scrollbar-thumb{background:#fff -webkit-linear-gradient(left,rgba(255,255,255,.76),rgba(69,187,255,.76));background:#fff linear-gradient(to right,rgba(255,255,255,.76),rgba(69,187,255,.76));box-shadow:0 0 5px 3px rgba(0,132,255,.38)}
.pop-way{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
.pop-way .pop-hd{position:relative}
.pop-way .pop-hd:before{content:"";position:absolute;background:url(../images/close-line.png) no-repeat center/contain}
.pop-way .pop-hd .tit{position:relative;color:#fff;letter-spacing:2px;text-align:center}
.pop-way .pop-hd .tit em{display:inline-block}
.pop-way .pop-hd .tit em:nth-child(1){position:absolute;left:50%;top:0;white-space:nowrap;text-shadow:0 0 67px rgba(0,72,255,.67),0 0 67px #0048ff,2px 2px 4px #000e69;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.pop-way .pop-hd .tit em:nth-child(2){position:relative;background-image:url(../images/way-mask-3.png);background-position:-170px -6px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;color:transparent}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (min-width:0){.pop-way .pop-hd .tit em:nth-child(2){background:0 0}
}
.pop-way .btn-close{position:absolute;background:url(../images/btn-close.png) no-repeat center/contain;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.pop-way .btn-close:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
.pop-way .pop-bd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.pop-way .pop-bd dt{color:#fffdc4;text-indent:1.1em}
.pop-way .pop-bd dd{color:#fff;text-indent:2em}
.pop-way .pop-bd dd.tc{text-align:center}
.pop-way .pop-bd a{text-align:center;color:#fffdc4;text-decoration:underline}
.loading-page{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;z-index:20}
.loading-page .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.loading-page p{display:inline-block;text-align:center;text-shadow:0 0 7px #1f49ff}
.loading-page .bar{background:url(../images/loading-line.png) no-repeat center center/contain;-webkit-mask-image:-webkit-linear-gradient(left,transparent 0,transparent 8.5%,#fff 10%,#fff 100%);mask-image:linear-gradient(to right,transparent 0,transparent 8.5%,#fff 10%,#fff 100%);-webkit-mask-position:left center;mask-position:left center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.loading-page .progress{position:relative;height:100%;overflow:hidden;background:url(../images/loading-line-on.png) no-repeat right center/auto 100%;-webkit-transition:all .3s;transition:all .3s}
.loading-page .progress:before{content:"";position:absolute;right:0;top:50%;background:url(../images/loading-arr.png) no-repeat right center/contain;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.map-page{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
.map-page .btn-back{position:absolute;font-size:0;line-height:0;background:url(../images/btn-back-3.png) no-repeat center/contain;z-index:1}
.map-page ul{position:relative;height:100%}
.map-page li{position:absolute;background-position:center center;background-repeat:no-repeat;background-size:contain;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.map-page li:before{content:"";position:fixed;left:50%;top:50%;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;opacity:0;-webkit-transition:all .5s;transition:all .5s}
.map-page li.on,.map-page li:hover{z-index:1;background:0 0!important}
.map-page li.on .name,.map-page li.on .panel,.map-page li:hover .name,.map-page li:hover .panel{display:block}
.map-page li.on:before,.map-page li:hover:before{opacity:1}
.map-page .name,.map-page .panel{display:none}
.map-page .name{background-position:center center;background-repeat:no-repeat;background-size:contain;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative}
.map-page .name:before{content:"";position:absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background:url(../images/pet-icon.png) no-repeat center/contain}
.map-page .name h3{position:absolute;background-position:center center;background-repeat:no-repeat;background-size:contain;text-align:center;text-shadow:1px 1px 5px rgba(0,36,83,.82),1px 1px 5px rgba(0,36,83,.82),1px 1px 5px rgba(0,36,83,.82);left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.map-page .panel{position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-position:center center;background-repeat:no-repeat;background-size:100% 100%;cursor:auto}
.map-page .title{position:relative;text-align:center;color:transparent;-webkit-filter:drop-shadow(0 1px 3px rgba(0, 36, 83, .23))}
.map-page .title:after,.map-page .title:before{content:attr(data-text);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.map-page .title:before{-webkit-text-stroke:6px #fff}
.map-page .title:after{background-position:center center;background-size:contain;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.map-page .tip{position:absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);white-space:nowrap}
.map-page-1 li:nth-child(1){background-image:url(../images/pet-1-1.png)}
.map-page-1 li:nth-child(1) .name{background-image:url(../images/pet-1-1-on.png)}
.map-page-1 li:nth-child(2){background-image:url(../images/pet-1-1.png)}
.map-page-1 li:nth-child(2) .name{background-image:url(../images/pet-1-1-on.png)}
.map-page-1 li:nth-child(3){background-image:url(../images/pet-1-1.png)}
.map-page-1 li:nth-child(3) .name{background-image:url(../images/pet-1-1-on.png)}
.map-page-1 li:nth-child(4){background-image:url(../images/pet-1-2.png)}
.map-page-1 li:nth-child(4) .name{background-image:url(../images/pet-1-2-on.png)}
.map-page-1 li:nth-child(5){background-image:url(../images/pet-1-3.png)}
.map-page-1 li:nth-child(5) .name{background-image:url(../images/pet-1-3-on.png)}
.map-page-1 li:nth-child(6){background-image:url(../images/pet-1-4.png)}
.map-page-1 li:nth-child(6) .name{background-image:url(../images/pet-1-4-on.png)}
.map-page-1 li:nth-child(7){background-image:url(../images/pet-1-5.png)}
.map-page-1 li:nth-child(7) .name{background-image:url(../images/pet-1-5-on.png)}
.map-page-1 .name h3{background-image:url(../images/bg-pet-name-1.png)}
.map-page-1 .panel{background-image:url(../images/pop-pet-1.png)}
.map-page-1 .panel dt{color:#0037c4}
.map-page-1 .panel dd{color:#113184}
.map-page-1 .title:after{color:#005abe;background-image:url(../images/pet-name-mask-1.png)}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (min-width:0){.map-page-1 .title:after{background-image:none}
}
.map-page-1 .map-tip{position:absolute;color:#ffffe0;border:1px solid rgba(226,125,255,.42);background-color:rgba(4,15,46,.42)}
.map-page-1 .map-tip:before{content:"";position:absolute;background:url(../images/transpot.png) no-repeat center/contain}
.map-page-1 .tip{color:#91bdd4}
.map-page-2 li:nth-child(1){background-image:url(../images/pet-2-1.png)}
.map-page-2 li:nth-child(1) .name{background-image:url(../images/pet-2-1-on.png)}
.map-page-2 li:nth-child(2){background-image:url(../images/pet-2-1.png)}
.map-page-2 li:nth-child(2) .name{background-image:url(../images/pet-2-1-on.png)}
.map-page-2 li:nth-child(3){background-image:url(../images/pet-2-2.png)}
.map-page-2 li:nth-child(3) .name{background-image:url(../images/pet-2-2-on.png)}
.map-page-2 li:nth-child(4){background-image:url(../images/pet-2-2.png)}
.map-page-2 li:nth-child(4) .name{background-image:url(../images/pet-2-2-on.png)}
.map-page-2 li:nth-child(5){background-image:url(../images/pet-2-3.png)}
.map-page-2 li:nth-child(5) .name{background-image:url(../images/pet-2-3-on.png)}
.map-page-2 li:nth-child(6){background-image:url(../images/pet-2-3.png)}
.map-page-2 li:nth-child(6) .name{background-image:url(../images/pet-2-3-on.png)}
.map-page-2 li:nth-child(7){background-image:url(../images/pet-2-4.png)}
.map-page-2 li:nth-child(7) .name{background-image:url(../images/pet-2-4-on.png)}
.map-page-2 li:nth-child(8){background-image:url(../images/pet-2-4.png)}
.map-page-2 li:nth-child(8) .name{background-image:url(../images/pet-2-4-on.png)}
.map-page-2 .name h3{background-image:url(../images/bg-pet-name-2.png)}
.map-page-2 .panel{background-image:url(../images/pop-pet-2.png)}
.map-page-2 .panel dt{color:#004858}
.map-page-2 .panel dd{color:#006d7d}
.map-page-2 .title:after{color:#006d7d;background-image:url(../images/pet-name-mask-2.png)}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (min-width:0){.map-page-2 .title:after{background-image:none}
}
.map-page-2 .tip{color:#fffec1;text-shadow:1px 1px 10px rgba(0,17,40,.72),1px 1px 10px rgba(0,17,40,.72),1px 1px 10px rgba(0,17,40,.72)}
.pop-box{background:rgba(0,0,0,.7);display:none;position:fixed;left:0;top:0;z-index:999;width:100%;height:100%}
.pop-box.show{display:block}
.pop{position:fixed;left:50%;top:50%;z-index:13;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;-webkit-animation:aniPop .5s;animation:aniPop .5s;width:753px;height:590px;padding:120px 90px}
.pop::before{content:'';background:url(../images/pop.png) no-repeat center/contain;width:100%;height:100%;position:absolute;top:0;left:0}
.pop.small{width:607px;height:489px;padding:100px 70px 90px}
.pop.small .pop-close{right:-70px;top:-73px}
.pop.small .msg{font-size:20px}
.pop-t{position:relative;z-index:70}
.pop-m{position:relative}
.pop-close{position:absolute;right:-79px;top:-84px;z-index:40;width:46px;height:45px;background:url(../images/pop-close.png) no-repeat center/contain;-webkit-transition:all .5s;transition:all .5s;font-size:0}
.pop-close:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
.tac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.pop-cont{position:relative;padding:0 20px;color:#05124a;font-size:30px;text-align:center;height:300px}
.pop-cont .scrollbar-track{right:0}
.pop-cont .p-name{font-size:22px;margin:36px 0 30px}
.pop-cont .p-name>span{display:inline-block;line-height:34px;min-width:234px;border-radius:17px;height:34px;background:rgba(220,226,255,.5);color:#2b3af6;padding:0 30px}
.pop-cont form{position:relative;z-index:5}
.pop-cont .msg{min-height:200px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:26px;color:#fff;line-height:1.4}
.pop-cont .msg p{width:100%}
.pop-cont .msg span{color:#2b3af6}
.pop-title{background:url(../images/pop-title.png) no-repeat center bottom;padding-bottom:13px;font-size:32px}
.pop-title h3{width:100%;display:block;height:41px;line-height:41px;background-image:-webkit-linear-gradient(90deg,#ffec86 30%,#feffc6 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 5px #001683) drop-shadow(0 0 8px #001683)}
.pop-title h3 strong{font-weight:400}
.pop-btn{display:inline-block;margin:20px 30px 0;font-size:28px;line-height:48px;width:202px;height:48px;position:relative;letter-spacing:1px;text-align:center}
.pop-btn::before{content:'';position:absolute;left:-17px;top:-26px;width:233px;height:95px}
.pop-btn span,.pop-btn strong{font-weight:400;color:#9652fb;position:relative;background-image:-webkit-linear-gradient(90deg,#742df4 30%,#3c0ee3 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pop-btn-02 span,.pop-btn-02 strong{color:#f79118;background-image:-webkit-linear-gradient(90deg,#f79118 30%,#b3642a 70%)}
.pop-common .msg{height:300px}
.pop-common.small .pop-cont{padding:0}
.pop-other .pop{width:1074px;height:690px;padding:125px 122px 140px 145px}
.pop-other .pop:before{width:100%;height:100%;left:0;top:0;background-image:url(../images/bg-pop-other.png)}
.pop-other .pop-close{top:-68px;right:-44px}
.pop-other .pop-tit-wrap{display:inline-block;margin-bottom:20px}
.pop-other .pop-tit-wrap:after,.pop-other .pop-tit-wrap:before{content:"";display:inline-block;width:71px;height:31px;vertical-align:middle;background-position:center center;background-repeat:no-repeat;background-size:contain;-webkit-transform:translate(0,4px);transform:translate(0,4px)}
.pop-other .pop-tit-wrap:before{background-image:url(../images/icon-tit-l.png)}
.pop-other .pop-tit-wrap:after{background-image:url(../images/icon-tit-r.png)}
.pop-other .pop-tit{display:inline-block;vertical-align:middle;position:relative;color:#fff;font-size:32px;margin:0 13px}
.pop-other .pop-tit:after,.pop-other .pop-tit:before{content:attr(data-text);position:absolute;left:0;top:0}
.pop-other .pop-tit:before{text-shadow:1px 1px 2px #040054,1px 1px 10px rgba(0,29,174,.74)}
.pop-other .pop-tit:after{background-image:-webkit-linear-gradient(top,rgba(255,255,255,.46) 0,rgba(0,151,246,.46) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.46) 0,rgba(0,151,246,.46) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (min-width:0){.pop-other .pop-tit:after{background:0 0}
}
.pop-other .pop-cont{line-height:24px;text-align:left;padding:20px 20px 0;text-shadow:1px 1px 2px #040054,1px 1px 10px rgba(0,29,174,.74);height:86%;overflow:auto}
.pop-other .pop-cont dl{margin-bottom:40px}
.pop-other .pop-cont dt,.pop-other .pop-cont em{font-style:normal;color:#fdffc7}
.pop-other .pop-cont dt{font-size:20px;margin-bottom:25px;text-indent:1.3em}
.pop-other .pop-cont dd,.pop-other .pop-cont p{color:#fff;font-size:18px;text-indent:2em}
.pop-spr-intro .pop{width:844px;height:672px;padding:124px 70px}
.pop-spr-intro .pop:before{background-image:url(../images/pop-2.png)}
.pop-spr-intro .pop-close{right:-46px;top:-88px}
.pop-spr-intro .pop-hd{display:inline-block;margin-bottom:40px}
.pop-spr-intro .pop-hd:after,.pop-spr-intro .pop-hd:before{content:"";display:inline-block;width:59px;height:15px;vertical-align:middle;background:url(../images/icon-tit.png) no-repeat center/contain}
.pop-spr-intro .pop-hd:before{-webkit-transform:translate(0,2px);transform:translate(0,2px)}
.pop-spr-intro .pop-hd:after{-webkit-transform:rotate(180deg) translate(0,-2px);transform:rotate(180deg) translate(0,-2px)}
.pop-spr-intro .pop-tit{display:inline-block;vertical-align:middle;margin:0 51px;font-size:32px;line-height:32px;white-space:nowrap}
.pop-spr-intro .pop-tit:after,.pop-spr-intro .pop-tit:before{content:attr(data-text);position:absolute;left:50%;top:0;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.pop-spr-intro .pop-tit:after{background-image:url(../images/pop-tit-mask.png);background-position:center -20px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (min-width:0){.pop-spr-intro .pop-tit:after{background:0 0}
}
.pop-spr-intro .pop-tit:before{text-shadow:0 0 3px #fff,1px 1px 8px rgba(0,36,83,.63);-webkit-text-stroke:4px #fff}
.pop-spr-intro .pop-cont{text-align:left;padding:0 20px;line-height:21px;overflow:auto;height:366px}
.pop-spr-intro .pop-cont dl{margin-bottom:21px}
.pop-spr-intro .pop-cont dt{font-size:22px;color:#f5f4b4;text-indent:1.1em}
.pop-spr-intro .pop-cont dd,.pop-spr-intro .pop-cont p{font-size:18px;color:#fff;text-indent:2em}
.pop-video .pop{width:90%;height:90%;padding:0}
.pop-video .pop:before{display:none}
.pop-video .pop-close{top:0;right:0}
.pop-video .pop-m{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.pop-video video{height:85%;-o-object-fit:contain;object-fit:contain}
a:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
a.ed:hover,a.on:hover{-webkit-filter:brightness(1);filter:brightness(1)}
.full-bg{position:relative;z-index:20;width:100%;height:100%;margin:0 auto;overflow:hidden}
.main-contain{position:absolute;width:0;height:0;left:50%;top:50%;z-index:10}
section{position:absolute;top:50%;left:50%;margin:-540px 0 0 -960px;width:1920px;max-width:1920px;height:1080px}
section.big{-webkit-mask-image:-webkit-linear-gradient(left,rgba(135,224,253,0) 0,#87e0fd 1%,#000 99%,rgba(5,171,224,0))}
.wrapper{position:absolute;top:50%;left:50%;z-index:5;width:1400px;height:855px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:6px 0 0}
.logo{top:0;left:0;width:240px}
.sidebar-mod .btn-sidebar{top:8%;right:18px;width:36px;height:36px;line-height:36px;text-indent:-46px}
.sidebar-mod .btn-home{top:1.98%;right:17px;width:38px;height:37px}
.sidebar-mod.dlq .btn-sidebar{top:20%}
.sidebar-mod.dlq .btn-home{top:10%}
nav{height:1080px;height:100vh;padding:87px 35px 0 0;right:0}
nav::before{right:40px}
nav a{margin-bottom:38px;width:170px;height:63px;line-height:63px;font-size:21px}
nav a::after{width:10px;height:9px;margin-left:13px}
nav a::before{width:243px;height:63px;margin:0 -16px 0 0}
nav a i{width:75px;height:215px;right:-30px}
nav a span{padding-right:6px}
nav a span:after,nav a span:before{padding-right:6px}
nav a.active::after,nav a:hover::after{opacity:0}
nav a.active::before,nav a:hover::before{opacity:1}
nav.dlq a{margin-bottom:0}
.p0{background:url(../images/bg-index.jpg) no-repeat center}
.p2{background:url(../images/bg-p2.jpg) no-repeat center/contain}
.p2 li{width:254px;height:250px;line-height:0;font-size:0}
.p2 li:nth-child(1){right:31px;bottom:459px}
.p2 li:nth-child(2){right:-17px;bottom:255px}
.p2 li:nth-child(3){right:70px;bottom:54px}
.p2 li:nth-child(4){right:287px;bottom:-17px}
.p2 li:nth-child(5){right:532px;bottom:-33px}
.spr-sys-page{background:url(../images/bg-p1-sub2.jpg) no-repeat center/contain}
.spr-sys-page .btn-back{width:149px;height:57px;margin:-12px -14px 0 0}
.spr-sys-page .tab-list{padding:13px 0 0 0}
.spr-sys-page .tab-hd:before{top:16px;width:1337px;height:41px;background:url(../images/tab-line.png) no-repeat center/contain}
.spr-sys-page .tab-hd li{width:231px;height:83px;line-height:74px;margin:0 9px;font-size:24px;}
.spr-sys-page .tab-hd li.on h4:after,.spr-sys-page .tab-hd li:hover h4:after{background-position:-40px 5px}
.spr-sys-page .tab-bd{overflow:hidden}
.spr-sys-page .tab-bd .tab-con-wrap{padding:0 0 0 30px;margin-top:-14px}
.spr-sys-page .tab-con-1{padding-bottom:115px;margin-top:-11px}
.spr-sys-page .tab-con-1 .img{width:1327px;height:585px;margin-bottom:10px;background:url(../images/spr-sys-way.png) no-repeat center/100% 100%}
.spr-sys-page .tab-con-1 .map{width:255px;height:156px;line-height:156px}
.spr-sys-page .tab-con-1 .map:before{top:5px;left:5px;right:5px;bottom:5px;border-radius:10px}
.spr-sys-page .tab-con-1 .map em{letter-spacing:2px;font-size:18px}
.spr-sys-page .tab-con-1 .map-1{top:48px}
.spr-sys-page .tab-con-1 .map-2{top:372px}
.spr-sys-page .tab-con-1 .btn-desc{width:225px;height:67px;left:590px;top:374px}
.spr-sys-page .tab-con-1 .btn-detail{bottom:0;width:422px;height:122px}
.spr-sys-page .tab-con-2{padding:0 21px 0 13px}
.spr-sys-page .tab-con-2 .cont-l{padding-top:25px;margin-right:20px}
.spr-sys-page .tab-con-2 .cont-r{padding-top:5px}
.spr-sys-page .tab-con-2 .img-box{width:835px;height:461px;padding:10px 0 0 4px}
.spr-sys-page .tab-con-2 .swiper-container{width:820px;height:441px}
.spr-sys-page .tab-con-2 .swiper-container:before{border-radius:10px}
.spr-sys-page .tab-con-2 .swiper-tit{border-radius:27px;width:777px;height:55px;padding:0 33px 0 38px;font-size:24px;line-height:24px;margin:-2px auto 7px}
.spr-sys-page .tab-con-2 .swiper-pagination-bullet{width:13px;height:13px;margin-left:39px}
.spr-sys-page .tab-con-2 .tip{font-size:18px;margin-bottom:2px}
.spr-sys-page .tab-con-2 .btn-detail{width:260px;height:55px}
.spr-sys-page .tab-con-2 .sub-tab-hd{padding-right:14px}
.spr-sys-page .tab-con-2 .sub-tab-hd li{width:252px;height:51px;line-height:50px;font-size:24px}
.spr-sys-page .tab-con-2 .sub-tab-hd li:nth-child(2){margin-left:-2px}
.spr-sys-page .tab-con-2 .sub-tab-con{padding-right:30px;width:531px;height:555px;margin-top:5px}
.spr-sys-page .tab-con-2 .sub-tab-con dl{margin-bottom:-11px}
.spr-sys-page .tab-con-2 .sub-tab-con dt{font-size:26px;width:208px;height:122px;line-height:144px;margin:-16px 0 -10px}
.spr-sys-page .tab-con-2 .sub-tab-con dd{line-height:28px;padding:0 35px 0 15px;font-size:18px}
.spr-sys-page .tab-con-2 .sub-tab-con .scrollbar-track{width:16px;border-radius:5px;right:20px}
.spr-sys-page .tab-con-2 .sub-tab-con .scrollbar-track:before{width:9px;border-radius:9px}
.spr-sys-page .tab-con-2 .sub-tab-con .scrollbar-thumb{width:11px;left:50%;margin-left:-5px;border-radius:6px}
.pop-way{background:url(../images/pop-way.png)}
.pop-way .pop-hd{padding:35px 0 0 42px}
.pop-way .pop-hd:before{left:615px;top:80px;width:239px;height:18px}
.pop-way .pop-hd .tit{width:435px}
.pop-way .pop-hd .tit span{font-size:40px}
.pop-way .pop-hd .tit span.txt-1{font-size:53px}
.pop-way .pop-hd .tit em:nth-child(2){background-position:-170px -6px}
.pop-way .btn-close{width:66px;height:61px;left:854px;top:55px}
.pop-way .pop-bd{padding:100px 0 100px 62px;width:820px;height:680px;line-height:30px}
.pop-way .pop-bd dd,.pop-way .pop-bd dt{margin-bottom:38px}
.pop-way .pop-bd dt{font-size:24px}
.pop-way .pop-bd dd{font-size:20px}
.loading-page{background:#0a1b37 url(../images/bg-loading.jpg) no-repeat center/contain}
.loading-page .loading-main{margin-top:-30px}
.loading-page p{font-size:40px}
.loading-page .bar{width:1472px;height:209px;margin-top:-30px}
.loading-page .progress:before{width:63px;height:67px;right:174px}
.map-page .btn-back{width:129px;height:35px;top:4px;right:-3px}
.map-page ul{margin-top:-6px}
.map-page li{width:109px;height:109px}
.map-page li:before{width:1920px;height:1080px}
.map-page .name{width:179px;height:180px}
.map-page .name:before{width:37px;height:28px;bottom:-16px;margin-left:-6px}
.map-page .name h3{width:174px;height:65px;line-height:65px;font-size:21px;bottom:-7px;margin-left:-5px}
.map-page .panel{width:526px;height:333px;padding:0 50px 0 67px}
.map-page .panel dl{font-size:15px;line-height:18px}
.map-page .panel dd{margin-bottom:18px}
.map-page .title{height:53px;font-size:32px}
.map-page .title:after,.map-page .title:before{margin-left:-12px}
.map-page .tip{bottom:6px;font-size:18px}
.map-page-1{background:url(../images/map-1.jpg) no-repeat center/contain}
.map-page-1 li:nth-child(1):before{background-image:url(../images/map-mask-1-1.png)}
.map-page-1 li:nth-child(2):before{background-image:url(../images/map-mask-1-2.png)}
.map-page-1 li:nth-child(3):before{background-image:url(../images/map-mask-1-3.png)}
.map-page-1 li:nth-child(4):before{background-image:url(../images/map-mask-1-4.png)}
.map-page-1 li:nth-child(5):before{background-image:url(../images/map-mask-1-5.png)}
.map-page-1 li:nth-child(6):before{background-image:url(../images/map-mask-1-6.png)}
.map-page-1 li:nth-child(7):before{background-image:url(../images/map-mask-1-7.png)}
.map-page-1 li:nth-child(1) .name{width:213px;height:207px}
.map-page-1 li:nth-child(1) .name:before{bottom:-2px;margin-left:0}
.map-page-1 li:nth-child(1) .name h3{bottom:7px;margin-left:0}
.map-page-1 li:nth-child(2) .name{width:213px;height:207px}
.map-page-1 li:nth-child(2) .name:before{bottom:-2px;margin-left:0}
.map-page-1 li:nth-child(2) .name h3{bottom:7px;margin-left:0}
.map-page-1 li:nth-child(3) .name{width:213px;height:207px}
.map-page-1 li:nth-child(3) .name:before{bottom:-2px;margin-left:0}
.map-page-1 li:nth-child(3) .name h3{bottom:7px;margin-left:0}
.map-page-1 li:nth-child(1){left:65px;top:60px}
.map-page-1 li:nth-child(1) .name{margin:-97px 0 0 -57px}
.map-page-1 li:nth-child(1) .panel{margin:-50px 0 0 -24px}
.map-page-1 li:nth-child(2){left:309px;bottom:87px}
.map-page-1 li:nth-child(2) .name{margin:-103px 0 0 -34px}
.map-page-1 li:nth-child(2) .panel{margin:-146px 0 0 -24px}
.map-page-1 li:nth-child(3){right:178px;bottom:221px}
.map-page-1 li:nth-child(3) .name{margin:-101px 0 0 -10px;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}
.map-page-1 li:nth-child(3) .panel{margin:-157px 0 0 -582px}
.map-page-1 li:nth-child(4){left:289px;bottom:330px}
.map-page-1 li:nth-child(4) .name{margin:-60px 0 0 -29px}
.map-page-1 li:nth-child(4) .panel{margin-top:-130px}
.map-page-1 li:nth-child(5){left:482px;top:186px}
.map-page-1 li:nth-child(5) .name{margin:-42px 0 0 -27px}
.map-page-1 li:nth-child(5) .panel{margin-top:-142px}
.map-page-1 li:nth-child(6){left:637px;bottom:202px}
.map-page-1 li:nth-child(6) .name{margin:-71px 0 0 -30px}
.map-page-1 li:nth-child(6) .panel{margin-top:-141px}
.map-page-1 li:nth-child(7){right:109px;top:225px}
.map-page-1 li:nth-child(7) .name{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;margin:-80px 0 0 -8px}
.map-page-1 li:nth-child(7) .panel{margin:-145px 0 0 -543px}
.map-page-1 .map-tip{right:19px;bottom:71px;padding:0 20px 0 51px;height:35px;line-height:32px;font-size:20px;border-radius:18px}
.map-page-1 .map-tip:before{width:76px;height:62px;top:-12px;left:-25px}
.map-page-2{background:url(../images/map-2.jpg) no-repeat center/contain}
.map-page-2 li:nth-child(1):before{background-image:url(../images/map-mask-2-1.png)}
.map-page-2 li:nth-child(2):before{background-image:url(../images/map-mask-2-2.png)}
.map-page-2 li:nth-child(3):before{background-image:url(../images/map-mask-2-3.png)}
.map-page-2 li:nth-child(4):before{background-image:url(../images/map-mask-2-4.png)}
.map-page-2 li:nth-child(5):before{background-image:url(../images/map-mask-2-5.png)}
.map-page-2 li:nth-child(6):before{background-image:url(../images/map-mask-2-6.png)}
.map-page-2 li:nth-child(7):before{background-image:url(../images/map-mask-2-7.png)}
.map-page-2 li:nth-child(8):before{background-image:url(../images/map-mask-2-8.png)}
.map-page-2 li:nth-child(1){left:92px;top:406px}
.map-page-2 li:nth-child(1) .name{margin:-96px 0 0 -29px}
.map-page-2 li:nth-child(1) .panel{margin:-159px 0 0 -22px}
.map-page-2 li:nth-child(2){left:438px;bottom:204px}
.map-page-2 li:nth-child(2) .name{margin:-110px 0 0 -26px}
.map-page-2 li:nth-child(2) .panel{margin:-177px 0 0 -18px}
.map-page-2 li:nth-child(3){left:314px;top:225px}
.map-page-2 li:nth-child(3) .name{margin:-77px 0 0 -29px}
.map-page-2 li:nth-child(3) .panel{margin:-145px 0 0 -24px}
.map-page-2 li:nth-child(4){left:553px;bottom:303px}
.map-page-2 li:nth-child(4) .name{margin:-105px 0 0 -2px}
.map-page-2 li:nth-child(4) .panel{margin:-173px 0 0 -24px}
.map-page-2 li:nth-child(5){left:637px;top:195px}
.map-page-2 li:nth-child(5) .name{margin:-74px 0 0 -38px}
.map-page-2 li:nth-child(5) .panel{margin:-134px 0 0 -18px}
.map-page-2 li:nth-child(6){right:302px;top:107px}
.map-page-2 li:nth-child(6) .name{margin:-84px 0 0 0;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}
.map-page-2 li:nth-child(6) .panel{margin:-105px 0 0 -552px}
.map-page-2 li:nth-child(7){right:268px;top:281px}
.map-page-2 li:nth-child(7) .name{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;margin:-91px 0 0 2px}
.map-page-2 li:nth-child(7) .panel{margin:-156px 0 0 -548px}
.map-page-2 li:nth-child(8){right:148px;top:349px}
.map-page-2 li:nth-child(8) .name{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;margin:-95px 0 0 0}
.map-page-2 li:nth-child(8) .panel{margin:-168px 0 0 -560px}




.p6 h3{font-size:0;line-height:0}
.p6 .cont{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}
.p6 .cont-l{position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.p6 .item{height:100%}
.p6 .item:before{content:"";display:block;background-position:center center;background-repeat:no-repeat;background-size:contain;pointer-events:none}
.p6 .item-1:before{background-image:url(../images/gcfl-chars.png)}
.p6 .item-2 p{position:absolute;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;-ms-writing-mode:tb-lr;text-align:center;color:#fff;text-shadow:0 0 5px #025469,1px 1px 21px #01101c}
.p6 .item-2 p:nth-of-type(1){background:url(../images/gcfl-name-1.png) no-repeat center/contain}
.p6 .item-2 p:nth-of-type(2){background:url(../images/gcfl-name-2.png) no-repeat center/contain}
.p6 .btn-gl{position:absolute;background:url(../images/btn-gl.png) no-repeat center/contain;left:50%;-webkit-transform:translate(-44.85%,0);transform:translate(-44.85%,0);font-size:0;line-height:0}
.p6 .cont-r .tip{color:#edfbff;text-align:center;white-space:pre-wrap}
.p6 .cont-r .tip em{color:#fde885;font-style:normal}
.p6 .cont-r li{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;background:url(../images/gcfl-nav.png) no-repeat center/contain;cursor:pointer}
.p6 .cont-r li a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}
.p6 .cont-r li h4{color:#fff;/*background-image:url(../images/gcfl-txt-mask.jpg);-webkit-background-clip:text;-webkit-text-fill-color:transparent*/}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (min-width:0){.p6 .cont-r li h4{background:0 0!important}
}
.p6 .cont-r li p{position:absolute;color:#c1fffe;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);background:url(../images/desc-mask.png) repeat-y center/cover}
.p6 .cont-r li.on,.p6 .cont-r li:hover{background-image:url(../images/gcfl-nav-on.png)}
.p6 .cont-r li.on h4,.p6 .cont-r li:hover h4{ color:#fde885 }
.p6 .cont-r li.on p,.p6 .cont-r li:hover p{color:#fffec0}
.p6 .cont-r li.on p:after,.p6 .cont-r li.on p:before,.p6 .cont-r li:hover p:after,.p6 .cont-r li:hover p:before{content:"";position:absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.p6 .cont-r li.on p:before,.p6 .cont-r li:hover p:before{background:url(../images/desc-line-t.png) no-repeat center/contain}
.p6 .cont-r li.on p:after,.p6 .cont-r li:hover p:after{background:url(../images/desc-line-b.png) no-repeat center/contain;bottom:0}

.p6{background:url(../images/bg-p6.jpg) no-repeat center/contain}
.p6 .cont-l{width:936px}
.p6 .item-1:before{width:1065px;height:1038px;margin:-72px 0 0 -36px}
.p6 .item-2:before{width:1466px;height:1080px;margin:-116px 0 0 -260px;background-image:url(../images/gcfl-pet.png)}
.p6 .item-2 p{width:52px;height:178px;line-height:52px;font-size:20px;letter-spacing:-8px;text-indent:-8px}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (min-width:0){.p6 .item-2 p{letter-spacing:0;text-indent:0}
}
.p6 .item-2 p:nth-of-type(1){left:81px;bottom:111px}
.p6 .item-2 p:nth-of-type(2){right:42px;top:244px}
.p6 .item-2 p span{margin:3px 0}
.p6 .btn-gl{width:397px;height:124px;bottom:25px}
.p6 .cont-r{padding:160px 10px 0 10px;letter-spacing:2px}
.p6 .cont-r .tip{font-size:18px;line-height:34px;margin-bottom:36px;height:105px}
.p6 .cont-r .tip em{font-size:22px}
.p6 .cont-r .tip-1{font-size:16px;line-height:26px}
.p6 .cont-r ul{padding-left:56px}
.p6 .cont-r li{width:167px;height:168px}
.p6 .cont-r li h4{font-size:23px;line-height:26px;padding-right:3px;-webkit-filter:drop-shadow(0 1px 1px #000232)}
.p6 .cont-r li:nth-child(n+2){margin-top:-71px}
.p6 .cont-r li:nth-child(2n){margin-left:173px}
.p6 .cont-r li p{font-size:18px;line-height:20px;width:149px;min-height:34px;padding:5px 16px;bottom:11.05%}
.p6 .cont-r li.on h4,.p6 .cont-r li:hover h4{background-position:center -20px}
.p6 .cont-r li.on p:after,.p6 .cont-r li.on p:before,.p6 .cont-r li:hover p:after,.p6 .cont-r li:hover p:before{width:135px}
.p6 .cont-r li.on p:before,.p6 .cont-r li:hover p:before{height:9px;top:-4px}
.p6 .cont-r li.on p:after,.p6 .cont-r li:hover p:after{height:2px}



/**/
.footer{max-height:0;width:100%;position:fixed;left:0;bottom:0;z-index:1000;background:#000;transition:all .3s linear;color:#fff;text-align:center;font-size:14px}
.footer .footer-wrapper{ width: 1000px; margin: 0 auto; height:auto;padding:0}
#footerBtn{position:absolute;right:10px;top:-40px;width:220px;height:40px;line-height:40px;text-align:center;background:#000;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;font-size:14px;text-decoration:none;border-bottom:none;display: flex; align-items: center; justify-content: center;}
#footerBtn i { display: block; width:0; height:0; border:5px solid transparent; border-top-color:#fff; margin-left:5px; margin-top:6px; }
.footer.footer-show{height:auto;max-height:200px;padding:20px 0}
.footer.footer-show #footerBtn i { border-top-color:transparent; border-bottom-color:#fff; margin-top:-6px; }

.footer .social a { display: inline-block; *display: inline; *zoom: 1; width: 48px; height: 48px; background: url(https://www.eudemons.com/en/images/pic.png) no-repeat 0 0; text-indent: -999em; vertical-align: middle; margin: 0 5px; }
.footer .social a.fb { background-position: -291px -326px; }
.footer .social a.yt { background-position: -359px -326px; }
.footer .copyright { padding-top: 5px; }
.footer .copyright a { color: #fff; text-indent: 0; background: none; width: auto; height: auto; margin: 0 5px; vertical-align: middle; }
.footer .copyright a:hover { text-decoration: underline; }

.lang { position:absolute; right: 30px; top:40px; z-index:2; }
.lang select { background:#223963; color:#fff; font-size:16px; height:36px; line-height:36px; border-radius:4px; }