* { box-sizing:border-box; margin:0; padding:0; } li,ol { list-style:none; } a { text-decoration:none; } @font-face { font-family:液晶数字; src:url(../font/液晶数字.woff) format(woff),url(../font/液晶数字.ttf) format(truetype); } ::-webkit-scrollbar { width:5px; height:5px; background-color:transparent; } ::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background-color:#6b81d4; } ::-webkit-scrollbar-thumb { border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); background-color:#1843e2; } ::-webkit-scrollbar-thumb:hover { border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.4); } html { scrollbar-face-color:#071857; scrollbar-highlight-color:#010a2c; scrollbar-3dlight-color:#010a2c; scrollbar-darkshadow-color:#010a2c; scrollbar-shadow-color:#071857; scrollbar-arrow-color:rgba(1,10,44,0.4); scrollbar-track-color:#071857; font-size:10vw; width:100%; height:100%; min-width:1200px; font-family:Microsoft YaHei; line-height:1; background: rgb(14,17,60); } .ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .flexCenter { display:flex; align-items:center; justify-content:center; } .flexCenterV { display:flex; align-items:center; justify-content:center; flex-direction:column; } .sd-index1-body { background:#010817; background-image:url(../image/index1/bj.png); background-position:center center; background-size:100% 100%; background-repeat:no-repeat; } .sd-header { position:relative; width:100%; height:.30729rem; background:url(../image/index1/header-bg.png) center center/100% 100% no-repeat; padding:0 .10417rem; } .sd-header .sd-header-title { position:absolute; top:.03646rem; left:50%; transform:translate(-50%); font-size:.16667rem; color:#0FF; white-space:nowrap; } .sd-header .sd-header-top .sd-header-top-left { position:absolute; left:.10417rem; top:.05208rem; color:#1ab1ff; display:flex; align-items:center; } .sd-header .sd-header-top .sd-header-top-left .sd-location-name { margin-right:.09375rem; } .sd-header .sd-header-top .sd-header-top-right { position:absolute; top:.03646rem; right:0; } .sd-header .sd-header-top .sd-header-top-right .sd-location-time { font-size:.0625rem; color:#B0E1FF; } .sd-body { height:5.20833rem; display:flex; flex-direction:column; padding:0 .10417rem .09375rem; padding:.1rem; } .sd-body .sd-body-top .bg { background:rgba(1,20,56,0.7); border:1px solid #173762; } .sd-body .sd-body-top .sd-top-left .stl-top { width:100%; height:2.21354rem; margin-bottom:.10417rem; } .sd-body .sd-body-top .sd-top-left .stl-top .rightGap::before { content:''; background:url(../image/index1/spline.png) center center/100% 100%; position:absolute; top:0; right:0; width:.00521rem; height:.21875rem; } .sd-body .sd-body-top .sd-top-left .stl-top .stl-top-tw { width:1.14583rem!important; margin-right:.05208rem; } .sd-body .sd-body-top .sd-top-left .stl-top .stl-top-tw .i-tit-w { width:.625rem!important; } .sd-body .sd-body-top .sd-top-left .stl-top .stl-top-cw { width:1.70833rem!important; margin-right:.05208rem; } .sd-body .sd-body-top .sd-top-left .stl-top .stl-top-cw1 { width:.58333rem!important; margin-right:.05208rem; } .sd-body .sd-body-top .sd-top-left .stl-top .stl-top-cw1 .i-tit-w1 { width:.41667rem!important; } .sd-body .sd-body-top .sd-top-left .stl-top .content { padding:.10417rem .07813rem; } .sd-body .sd-body-top .sd-top-left .stl-top .content .item .i-item { background-color:#051A40; width:2.34375rem; height:.55208rem; padding:.07292rem 0 .09896rem; } .sd-body .sd-body-top .sd-top-left .stl-top .content .item .i-item .i-tit { width:.52083rem; color:#4B87D6; font-size:.07292rem; text-align:center; position:relative; margin:0 auto .07292rem; } .sd-body .sd-body-top .sd-top-left .stl-top .content .item .i-item .i-tit::after { content:''; background:url(../image/index1/arrL.png) center center/100% 100%; position:absolute; top:50%; left:0; transform:translate(0,-50%); width:.0625rem; height:.0625rem; } .sd-body .sd-body-top .sd-top-left .stl-top .content .item .i-item .i-tit::before { content:''; background:url(../image/index1/arrR.png) center center/100% 100%; position:absolute; top:50%; right:0; transform:translate(0,-50%); width:.0625rem; height:.0625rem; } .sd-body .sd-body-top .sd-top-left .stl-top .content .item .i-item .i-content { flex:1; } .sd-body .sd-body-top .sd-top-left .stl-top .content .item .i-item .i-content .num { color:#0FF; font-size:.125rem; margin-bottom:.05208rem; } .sd-body .sd-body-top .sd-top-left .stl-top .content .item .i-item .i-content .desc { color:#FFF; font-size:.0625rem; } .sd-body .sd-body-top .sd-top-left .stl-bottom { width:100%; height:1.25rem; } .sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj { width:2.21875rem; height:.79167rem; background:url(../image/index1/aqhysj.png) center center/100% 100% no-repeat; font-size:0; } .sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item { display:inline-block; width:50%; height:.39583rem; position:relative; } .sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .desc { color:#fff; font-size:.07292rem; } .sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .desc1pos { position:absolute; left:.23438rem; top:-.03125rem; } .sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .desc2pos { position:absolute; right:.23438rem; top:-.03125rem; } .sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .desc3pos { position:absolute; left:.23438rem; bottom:-.03125rem; } .sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .desc4pos { position:absolute; right:.23438rem; bottom:-.03125rem; } .sd-body .sd-body-top .sd-top-center { width:4.76563rem; height:3.56771rem; padding:0 .10417rem; } .sd-body .sd-body-top .sd-top-center .stc-top .i-item { display:flex; align-items:center; justify-content:space-between; width:1.01563rem; height:.36458rem; background:url(../image/index1/c-bg.png) center center/100% 100% no-repeat; font-size:0; margin-right:.17708rem; padding:0 .10417rem; } .sd-body .sd-body-top .sd-top-center .stc-top .i-item .desc { font-size:.08333rem; } .sd-body .sd-body-top .sd-top-center .stc-top .i-item .desc-cl2 { color:#FFA600; } .sd-body .sd-body-top .sd-top-center .stc-center .sd-body-map .sd-body-map-switch-btn { display:flex; align-items:center; justify-content:center; position:absolute; top:0; right:0; z-index:99999; width:.84896rem; height:.23438rem; background:url(../image/index1/map-switch-btn-bg.png) center center/100% 100% no-repeat; font-size:.08333rem; color:#1ab1ff; cursor:pointer; } .sd-body .sd-body-top .sd-top-center .stc-center .sd-body-map .sd-map { width:100%; height:2.05729rem; } .sd-body .sd-body-top .sd-top-center .stc-bottom .i-item { color:#7ECEF7; font-size:.07292rem; width:1.38542rem; margin-right:.20052rem; } .sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-desc { width:1.38542rem; text-align:center; margin-bottom:.04167rem; } .sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item { margin-bottom:.05729rem; width:1.38542rem; height:.23438rem; display:flex; align-items:center; justify-content:space-between; color:#fff; padding:0 .07292rem; } .sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item.bg1 { border:1px solid rgba(11,64,91,0.8); background:rgba(11,64,91,0.5); box-shadow:0 0 .01563rem .01563rem rgba(11,64,91,0.8); } .sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item.bg2 { border:1px solid rgba(97,14,31,0.8); background:rgba(97,14,31,0.5); box-shadow:0 0 .01563rem .01563rem rgba(97,14,31,0.8); } .sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item.bg3 { border:1px solid rgba(13,74,60,0.8); background:rgba(13,74,60,0.5); box-shadow:0 0 .01563rem .01563rem rgba(13,74,60,0.8); } .sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item.bg4 { border:1px solid rgba(22,39,93,0.8); background:rgba(22,39,93,0.5); box-shadow:0 0 .01563rem .01563rem rgba(22,39,93,0.8); } .sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item.bg5 { border:1px solid rgba(10,95,105,0.8); background:rgba(10,95,105,0.5); box-shadow:0 0 .01563rem .01563rem rgba(10,95,105,0.8); } .sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item .num { color:#1AB1FF; font-size:.11458rem; } .sd-body .sd-body-top .sd-top-right .str-top { height:1.22917rem; } .sd-body .sd-body-top .sd-top-right .str-top .i-item { width:.66146rem; margin-right:.26042rem; } .sd-body .sd-body-top .sd-top-right .str-top .i-item .tbMg { margin:.10417rem 0; } .sd-body .sd-body-top .sd-top-right .str-top .i-item .i-txt { font-size:.07292rem; color:#7ECEF7; text-align:center; margin:0 auto; } .sd-body .sd-body-top .sd-top-right .str-top .i-item .i-desc { width:.66146rem; height:.43229rem; background:rgba(11,32,86,0.5); box-shadow:0 0 .01563rem .01563rem rgba(11,32,86,0.8); } .sd-body .sd-body-top .sd-top-right .str-top .i-item .i-desc .id-txt { font-size:.07292rem; color:#FFF; } .sd-body .sd-body-top .sd-top-right .str-top .i-item .i-desc .id-num { margin-top:.07813rem; font-size:.13542rem; color:#1AB1FF; } .sd-body .sd-body-top .sd-top-right .str-top .i-item .i-desc .id-num-cl1 { color:#12CDA2!important; } .sd-body .sd-body-top .sd-top-right .str-top .i-item .i-desc .id-num-cl2 { color:#6F6F6F!important; } .sd-body .sd-body-top .sd-top-right .str-bottom { width:2.5rem; height:2.20833rem; margin-top:.13021rem; } .sd-body .sd-body-top .sd-top-right .str-bottom .strb-top { margin:.10417rem 0 .14583rem; } .sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-left { width:1.04688rem; height:.83333rem; display:inline-block; margin:0 0 0 .1875rem; } .sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-left .sl-item { width:1.04688rem; height:.36458rem; background:url(../image/index1/zg.png) center center/100% 100% no-repeat; font-size:0; margin-bottom:.10417rem; } .sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-left .sl-item .desc { color:#A9DDEE; font-size:.07292rem; height:.18229rem; line-height:.18229rem; } .sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-left .sl-item .num,.sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-left .sl-item .num1 { font-size:.10417rem; color:#2BFAFF; height:.18229rem; line-height:.18229rem; } .sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-left .sl-item .num1 { color:#FFA12F; } .sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-right { width:1.23438rem; height:.83333rem; position:relative; } .sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-right .strbt-right-pic { width:1.23438rem; height:.83333rem; } .sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-right .strbt-right-tit { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:.41667rem; height:.14583rem; background:rgba(25,80,158,0.5); border-radius:.07292rem; font-size:.08333rem; color:#00CAFF; margin:0 auto .02604rem; } .sd-body .sd-body-bottom { display:flex; } .sd-body .sd-body-bottom .bb-item { width:1.57813rem; height:1.44271rem; background:rgba(1,20,56,0.7); border:1px solid #173762; margin-right:.0625rem; } .sd-body .sd-body-bottom .bb-item .content { height:1.28646rem; } .sd-body .sd-body-bottom .bb-item .content .sgsjsj { display:flex; flex-direction:column; padding:.06771rem .07813rem .07813rem; } .sd-body .sd-body-bottom .bb-item .content .sgsjsj .sg-top { display:flex; height:.20313rem; } .sd-body .sd-body-bottom .bb-item .content .sgsjsj .sg-top .sg-top-item { /*width:.6875rem;*/ background:rgba(15,45,88,0.5); margin-right:.04688rem; border:1px solid #0F2D58; display:flex; align-items:center; justify-content:space-between; color:#fff; font-size:.0625rem; padding:0 .10417rem 0 .07813rem; } .sd-body .sd-body-bottom .bb-item .content .sgsjsj .sg-top .sg-top-item:last-child { margin-left:0; } .sd-body .sd-body-bottom .bb-item .content .sgsjsj .sg-chart { width:100%; height:.92708rem; } .sd-body .sd-body-bottom .bb-item .content .sd-video-play { position:relative; width:1.56771rem; height:1.28646rem; } .sd-body .sd-body-bottom .bb-item .content .sd-video-play .sd-video { width:100%; height:100%; background:#000; object-fit:fill; } .sd-body .sd-body-bottom .bb-item .content .sd-video-play .sd-video-desc { position:absolute; left:0; bottom:0; width:100%; display:flex; align-items:center; justify-content:space-between; height:.13542rem; font-size:.0625rem; color:#7ECEF7; background:rgba(14,32,67,0.6); padding:0 .05729rem 0 .04167rem; } .sd-body .sd-body-bottom .bb-item .content .yjglsj { width:1.53125rem; height:1.22917rem; background:url(../image/index1/yjglsj.png) center center/100% 100% no-repeat; font-size:0; } .sd-body .sd-body-bottom .bb-item .content .yjglsj .item { display:inline-block; width:50%; height:.59375rem; } .sd-body .sd-body-bottom .bb-item .content .yjglsj .item .item-inner { height:100%; } .sd-body .sd-body-bottom .bb-item .content .yjglsj .item .item-inner .num { color:#1AB1FF; font-size:.15625rem; margin-bottom:.08854rem; } .sd-body .sd-body-bottom .bb-item .content .wdgcsj { width:1.47917rem; height:1.01563rem; background:url(../image/index1/wdgcsj.png) center center/100% 100% no-repeat; font-size:0; } .sd-body .sd-body-bottom .bb-item .content .wdgcsj .item { display:inline-block; width:50%; height:.59375rem; position:relative; } .sd-body .sd-body-bottom .bb-item .content .wdgcsj .item .leftPos { position:absolute; left:.05208rem; top:.07813rem; } .sd-body .sd-body-bottom .bb-item .content .wdgcsj .item .rightPos { position:absolute; right:.05208rem; top:.07813rem; text-align:right; } .sd-body .sd-body-bottom .bb-item .content .wdgcsj .item .item-inner .mgbS { margin-bottom:.05208rem; } .sd-body .sd-body-bottom .bb-item .content .wdgcsj .item .item-inner .numC1 { color:#8656E8; } .sd-body .sd-body-center { flex:1; min-width:0; padding:0 .10417rem; } .sd-body .sd-body-center .sd-body-menus { font-size:0; display:flex; } .sd-body .sd-body-center .sd-body-menus .sd-body-menu { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; padding-bottom:.10417rem; height:.57292rem; background:url(../image/index1/center-menu-bg.png) center center/100% 100% no-repeat; } .sd-body .sd-body-center .sd-body-menus .sd-body-menu:not(:last-child) { margin-right:.08333rem; } .sd-body .sd-body-center .sd-body-menus .sd-body-menu .sd-body-menu-label { font-size:.07292rem; color:#1ab1ff; text-align:center; } .sd-body .sd-body-center .sd-body-menus .sd-body-menu .sd-body-menu-value { font-size:.1875rem; font-family:液晶数字; margin-top:.0625rem; color:#1ab1ff; } .sd-body .sd-body-center .sd-body-menus .sd-body-menu .sd-body-menu-value--yellow { color:#ffc277; } .sd-body .sd-body-center .sd-body-map .sd-body-map-switch-btn { display:flex; align-items:center; justify-content:center; position:absolute; top:0; right:0; width:.84896rem; height:.23438rem; background:url(../image/index1/map-switch-btn-bg.png) center center/100% 100% no-repeat; font-size:.08333rem; color:#1ab1ff; cursor:pointer; } .sd-body .tab-wrap { width:100%; display:flex; align-items:center; justify-content:space-between; padding-right:.02604rem; } .sd-body .tab-wrap .tab { height:.14583rem; font-size:.07292rem; color:#7ECEF7; display:flex; align-items:center; justify-content:center; } .sd-body .tab-wrap .tab>div { height:.14583rem; line-height:.14583rem; text-align:center; cursor:pointer; padding:0 .05208rem; } .sd-body .tab-wrap .tab .active { color:#FFF; position:relative; z-index:0; cursor:default!important; } .sd-body .tab-wrap .tab .active::before { height:.14583rem; content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; background-color:#19509E; transform:skew(-15deg); } .sd-header .sd-header-top,.sd-body .sd-body-top .sd-top-left .stl-top .rightGap { position:relative; } .sd-body .sd-body-top,.sd-body .sd-body-top .sd-top-left .stl-top .content .item { margin-bottom:.10417rem; } .sd-body .sd-body-top .tit,.sd-body .sd-body-bottom .bb-item .tit { height:.14583rem; background-color:#0B2A56; font-size:.07292rem; color:#7ecef7; display:flex; align-items:center; padding-left:.05208rem; } .sd-body .sd-body-top .sd-top-left,.sd-body .sd-body-top .sd-top-right { width:2.5rem; height:3.56771rem; } .sd-body .sd-body-top .sd-top-left .stl-top .stl-top-tw:last-child,.sd-body .sd-body-top .sd-top-center .stc-top .i-item:last-child,.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item:last-child,.sd-body .sd-body-top .sd-top-right .str-top .i-item:last-child,.sd-body .sd-body-bottom .bb-item:last-child { margin-right:0; } .sd-body .sd-body-top .sd-top-left .stl-top .content .item:last-child,.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item:last-child,.sd-body .sd-body-top .sd-top-right .str-bottom .strb-top .strbt-left .sl-item:last-child { margin-bottom:0; } .sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap,.sd-body .sd-body-bottom .bb-item .content .sd-chart { width:100%; height:100%; } .sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .num,.sd-body .sd-body-bottom .bb-item .content .sgsjsj .sg-top .sg-top-item .num,.sd-body .sd-body-bottom .bb-item .content .wdgcsj .item .item-inner .num { color:#1AB1FF; font-size:.08542rem; } .sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .num1pos,.sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .num3pos { position:absolute; top:.13542rem; left:.10417rem; } .sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .num2pos,.sd-body .sd-body-top .sd-top-left .stl-bottom .aqhysj-wrap .aqhysj .item .num4pos { position:absolute; top:.13542rem; right:.10417rem; } .sd-body .sd-body-top .sd-top-center .stc-top .i-item .desc-cl1,.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item .num.num-cl2,.sd-body .sd-body-bottom .bb-item .content .wdgcsj .item .item-inner .numC2 { color:#12CDA2; } .sd-body .sd-body-top .sd-top-center .stc-top .i-item .desc-cl3,.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item .num.num-cl3 { color:#0FF; } .sd-body .sd-body-top .sd-top-center .stc-top .i-item .desc-cl4,.sd-body .sd-body-top .sd-top-center .stc-bottom .i-item .ii-item .num.num-cl1 { color:#F24166; } .sd-body .sd-body-top .sd-top-center .stc-center .sd-body-map,.sd-body .sd-body-center .sd-body-map { position:relative; margin-top:.20833rem; } .sd-body .sd-body-top .sd-top-center .stc-center .sd-body-map .sd-body-map-switch-btn i,.sd-body .sd-body-center .sd-body-map .sd-body-map-switch-btn i { font-size:.08333rem; color:#1ab1ff; margin-left:.04167rem; } .sd-body .sd-body-top .sd-top-right .str-bottom .strb-bottom,.sd-body .sd-body-top .sd-top-right .str-bottom .strb-bottom .strb-bottom-pic { width:100%; height:.98958rem; } .sd-body .sd-body-bottom .bb-item .content .yjglsj .item .item-inner .desc,.sd-body .sd-body-bottom .bb-item .content .wdgcsj .item .item-inner .desc { color:#7ECEF7; font-size:.07292rem; } .sd-body .sd-body-left,.sd-body .sd-body-right { width:2.36458rem; } @media screen and max-width 1200px { html { font-size:120px; } }