* { 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(1,8,24); } .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-index2-body { background:#010817; background-image:url(../image/index2/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/index2/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 { position:relative; } .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 { margin-top:.10938rem; display:flex; padding:0 .10417rem .09375rem; padding:.10833rem; } .sd-body .tit { height:.14583rem; background-color:#0B2A56; font-size:.07292rem; color:#7ecef7; display:flex; align-items:center; padding-left:.05208rem; } .sd-body .sb-left .sbl-top,.sd-body .sb-left .sbl-center,.sd-body .sb-left .sbl-bottom { background:rgba(1,20,56,0.5); border:1px solid #173762; height:1.63542rem; margin-bottom:.10417rem; } .sd-body .sb-left .sbl-top .zlpxsj-wrap { display:flex; justify-content:center; align-items:flex-end; height:1.48958rem; padding-bottom:.02083rem; } .sd-body .sb-left .sbl-top .zlpxsj-wrap .zlpxsj { width:2.15625rem; height:1.19792rem; background:url(../image/index2/zlpxsj.png) center center/100% 100% no-repeat; position:relative; } .sd-body .sb-left .sbl-top .zlpxsj-wrap .zlpxsj .left { position:absolute; left:0; bottom:.47917rem; text-align:right; } .sd-body .sb-left .sbl-top .zlpxsj-wrap .zlpxsj .right { position:absolute; right:0; top:.11979rem; } .sd-body .sb-left .sbl-top .zlpxsj-wrap .zlpxsj .num { color:#0FF; font-size:.15625rem; margin-bottom:.0625rem; } .sd-body .sb-left .sbl-top .zlpxsj-wrap .zlpxsj .desc { color:#FFF; font-size:.07292rem; } .sd-body .sb-left .sbl-center .sblc-content { height:1.48958rem; padding:0 .15625rem; } .sd-body .sb-left .sbl-center .sblc-content .rightGap { width:.00521rem; height:1.32813rem; position:relative; margin:0 .16146rem 0 .16667rem; } .sd-body .sb-left .sbl-center .sblc-content .rightGap::before { content:''; background:url(../image/index2/spline.png) center center/100% 100%; position:absolute; top:0; right:0; width:.00521rem; height:1.32813rem; } .sd-body .sb-left .sbl-center .sblc-content .item { width:.92188rem; display:flex; flex-direction:column; align-items:flex-end; position:relative; padding-bottom:.0625rem; } .sd-body .sb-left .sbl-center .sblc-content .item::before { content:''; background:url(../image/index2/spline1.png) center center/100% 100%; position:absolute; bottom:0; right:0; width:.91667rem; height:.03125rem; } .sd-body .sb-left .sbl-center .sblc-content .item .desc { color:#fff; font-size:.09375rem; margin-bottom:.17708rem; } .sd-body .sb-left .sbl-center .sblc-content .item .num-wrap { display:flex; align-items:flex-end; } .sd-body .sb-left .sbl-center .sblc-content .item .num-wrap .num { color:#00D5E9; font-size:.23958rem; margin-right:.07813rem; } .sd-body .sb-left .sbl-center .sblc-content .item .num-wrap .num.num-cl { color:#15EDBB; } .sd-body .sb-left .sbl-center .sblc-content .item .num-wrap .unit { color:#00D5E9; font-size:.08333rem; } .sd-body .sb-left .sbl-bottom { margin-bottom:0; } .sd-body .sb-left .sbl-bottom .zlglry-wrap { height:1.48958rem; display:flex; align-items:center; justify-content:center; } .sd-body .sb-left .sbl-bottom .zlglry-wrap .zlglry { width:1.65625rem; height:1.34375rem; background:url(../image/index2/zlglry.png) center center/100% 100% no-repeat; position:relative; } .sd-body .sb-left .sbl-bottom .zlglry-wrap .zlglry .item { display:flex; flex-direction:column; align-items:center; justify-content:center; } .sd-body .sb-left .sbl-bottom .zlglry-wrap .zlglry .item .num { font-size:.125rem; color:#1AB1FF; margin-bottom:.03646rem; } .sd-body .sb-left .sbl-bottom .zlglry-wrap .zlglry .item .desc { font-size:.0625rem; color:#fff; } .sd-body .sb-left .sbl-bottom .zlglry-wrap .zlglry .top { position:absolute; top:.16667rem; left:50%; transform:translateX(-50%); } .sd-body .sb-left .sbl-bottom .zlglry-wrap .zlglry .left { position:absolute; left:.125rem; bottom:.16667rem; } .sd-body .sb-left .sbl-bottom .zlglry-wrap .zlglry .right { position:absolute; right:.13542rem; bottom:.16667rem; } .sd-body .sb-center { width:4.58333rem; margin:0 .10417rem; } .sd-body .sb-center .sbc-top .sbct-left,.sd-body .sb-center .sbc-top .sbct-right { width:2.23958rem; height:1.91146rem; } .sd-body .sb-center .sbc-top .sbct-left { margin-right:.10417rem; } .sd-body .sb-center .sbc-center { width:4.58333rem; height:1.76042rem; margin:.10417rem 0; } .sd-body .sb-center .sbc-center .pic { width:4.58333rem; height:1.65625rem; } .sd-body .sb-center .sbc-bottom { height:1.23438rem; } .sd-body .sb-center .sbc-bottom .sbcb-content { display:flex; padding:.14583rem .20833rem .13021rem; } .sd-body .sb-center .sbc-bottom .sbcb-content .item { display:flex; flex-direction:column; align-items:center; justify-content:center; margin-right:.39583rem; } .sd-body .sb-center .sbc-bottom .sbcb-content .item:last-child { margin-right:0; } .sd-body .sb-center .sbc-bottom .sbcb-content .item .num { font-size:.20833rem; margin-bottom:-.07813rem; } .sd-body .sb-center .sbc-bottom .sbcb-content .item .desc { font-size:.07292rem; } .sd-body .sb-center .sbc-bottom .sbcb-content .item .pic { width:.51563rem; height:.5rem; margin-bottom:.09375rem; } .sd-body .sb-center .sbc-bottom .sbcb-content .item.item1 .num,.sd-body .sb-center .sbc-bottom .sbcb-content .item.item1 .desc { color:#0FF; } .sd-body .sb-center .sbc-bottom .sbcb-content .item.item1 .pic { background:url(../image/index2/gchf1.png) center center/100% 100% no-repeat; } .sd-body .sb-center .sbc-bottom .sbcb-content .item.item2 .num,.sd-body .sb-center .sbc-bottom .sbcb-content .item.item2 .desc { color:#1AB1FF; } .sd-body .sb-center .sbc-bottom .sbcb-content .item.item2 .pic { background:url(../image/index2/gchf2.png) center center/100% 100% no-repeat; } .sd-body .sb-center .sbc-bottom .sbcb-content .item.item3 .pic { background:url(../image/index2/gchf3.png) center center/100% 100% no-repeat; } .sd-body .sb-center .sbc-bottom .sbcb-content .item.item4 .num,.sd-body .sb-center .sbc-bottom .sbcb-content .item.item4 .desc { color:#FFA12F; } .sd-body .sb-center .sbc-bottom .sbcb-content .item.item4 .pic { background:url(../image/index2/gchf4.png) center center/100% 100% no-repeat; } .sd-body .sb-center .sbc-bottom .sbcb-content .item.item5 .num,.sd-body .sb-center .sbc-bottom .sbcb-content .item.item5 .desc { color:#E0CA11; } .sd-body .sb-center .sbc-bottom .sbcb-content .item.item5 .pic { background:url(../image/index2/gchf5.png) center center/100% 100% no-repeat; } .sd-body .sb-right .sbr-content { height:5.11458rem; } .sd-body .sb-right .sbr-content .sbrc-item { height:4.90625rem; padding-top:.15625rem; } .sd-body .sb-right .sbr-content .sbrc-item .sbrci-bigTit { color:#17F7FF; display:flex; align-items:center; position:relative; width:2.08333rem; height:.65625rem; background:url(../image/index2/bigtit.png) center center/100% 100% no-repeat; margin:0 .15625rem 0 .26042rem; } .sd-body .sb-right .sbr-content .sbrc-item .sbrci-bigTit .sbig-left { font-size:.10417rem; position:absolute; left:.30208rem; } .sd-body .sb-right .sbr-content .sbrc-item .sbrci-bigTit .sbig-left .first { margin-bottom:.01563rem; } .sd-body .sb-right .sbr-content .sbrc-item .sbrci-bigTit .sbig-right { font-size:.20833rem; width:1.40625rem; margin-left:.67708rem; text-align:center; } .sd-body .sb-right .sbr-content .sbrc-item .sbrci-list { display:flex; flex-wrap:wrap; font-size:0; margin-top:.20833rem; } .sd-body .sb-right .sbr-content .sbrc-item .sbrci-list .item { width:50%; display:flex; justify-content:center; margin-bottom:.1875rem; } .sd-body .sb-right .sbr-content .sbrc-item .sbrci-list .item .item-c { width:.50521rem; height:.60417rem; background:url(../image/index2/hgzs.png) center center/100% 100% no-repeat; display:flex; flex-direction:column; align-items:center; justify-content:space-between; padding:.18229rem 0 .07813rem; } .sd-body .sb-right .sbr-content .sbrc-item .sbrci-list .item .num { font-size:.14583rem; font-weight:700; color:#7ECEF7; } .sd-body .sb-right .sbr-content .sbrc-item .sbrci-list .item .desc { font-size:.07292rem; color:#CDE7FF; } .sd-body .sb-right .sbr-content .sbrc-item .sbrci-smallTit { width:2.5rem; height:.19792rem; background:url(../image/index2/smalltit.png) center center/100% 100% no-repeat; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#7ECEF7; font-size:.08333rem; } .sd-body .sb-right .sbr-content .sbrc-item .pic { width:2.5rem; margin-top:.15625rem; height:2.00521rem; } .sd-body .sb-left,.sd-body .sb-right { width:2.5rem; } .sd-body .sb-center .bg,.sd-body .sb-right .bg { background:rgba(1,20,56,0.5); border:1px solid #173762; } .sd-body .sb-center .sbc-top .sbct-left .pic,.sd-body .sb-center .sbc-top .sbct-right .pic { width:2.23958rem; height:1.76563rem; } .sd-body .sb-center .sbc-center .tit,.sd-body .sb-center .sbc-bottom .tit { width:100%; justify-content:center; padding-left:0; } .sd-body .sb-center .sbc-bottom .sbcb-content .item.item3 .num,.sd-body .sb-center .sbc-bottom .sbcb-content .item.item3 .desc,.sd-body .sb-right .sbr-content .sbrc-item .sbrci-list .item .num.num1 { color:#12CDA2; } @media screen and max-width 1200px { html { font-size:120px; } }