* { 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; } .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-index3-body { background:#010817; background-image:url(../image/index3/bj.png); background-position:center center; background-size:100% 100%; background-repeat:no-repeat; } .sd-header { position:relative; width:100%; height:.4375rem; background:url(../image/index3/header-bg.png) center center/100% 100% no-repeat; padding:0 .10417rem; } .sd-header .sd-header-title { position:absolute; top:.11458rem; left:50%; transform:translate(-50%); font-size:.20833rem; color:#1AB1FF; white-space:nowrap; text-shadow:0 5px 0 rgba(5,63,152,0.5); font-weight:700; } .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 { height:5.1875rem; display:flex; padding:.20833rem; } .sd-body .tit { width:1.08333rem; height:.23438rem; font-size:.08333rem; color:#FFF; background:url(../image/index3/tit.png) center center/100% 100% no-repeat; display:flex; align-items:center; justify-content:center; margin:0 auto; } .sd-body .bg { background:rgba(3,39,109,0.1); border:1px solid #03276D; box-shadow:inset 0 0 .18229rem .01563rem rgba(3,39,109,0.6); } .sd-body .sb-left { width:2.60417rem; margin-right:.20833rem; } .sd-body .sb-left .sbl-top,.sd-body .sb-left .sbl-bottom { background:rgba(3,39,109,0.1); border:1px solid #03276D; height:2.28125rem; } .sd-body .sb-left .sbl-top .pic { width:100%; height:2.01563rem; } .sd-body .sb-left .sbl-bottom { margin-bottom:0; } .sd-body .sb-left .sbl-bottom .sblb-list { width:2.60417rem; display:flex; flex-wrap:wrap; padding:.15625rem .15625rem .05208rem; } .sd-body .sb-left .sbl-bottom .sblb-list .sblbl-item { margin-right:.15625rem; margin-bottom:.10417rem; width:1.0625rem; height:.51042rem; background:url(../image/index3/zdwjy.png) center center/100% 100% no-repeat; display:flex; flex-direction:column; justify-content:space-between; padding:.07813rem .10417rem .07813rem .07292rem; } .sd-body .sb-left .sbl-bottom .sblb-list .sblbl-item .desc { font-size:.07292rem; color:#7ECEF7; } .sd-body .sb-left .sbl-bottom .sblb-list .sblbl-item .num { font-size:.20833rem; color:#7ECEF7; text-align:right; } .sd-body .sb-right .sbr-top .sbrt-left { margin-right:.20833rem; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-top,.sd-body .sb-right .sbr-top .sbrt-left .sbrtl-bottom { width:3.95833rem; height:1.45313rem; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-top .sbrtlt-list { display:flex; padding:.28646rem .18229rem .26042rem; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-top .sbrtlt-list .sbrtlt-item { width:.92708rem; height:.72917rem; font-size:.08333rem; color:#FFF; margin-right:.375rem; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-top .sbrtlt-list .sbrtlt-item .desc { font-size:.08333rem; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-top .sbrtlt-list .sbrtlt-item .num { font-size:.20833rem; margin-bottom:.10417rem; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-top .sbrtlt-list .item-bg1 { background:url(../image/index3/jcsjbg1.png) center center/100% 100% no-repeat; color:#0FF; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-top .sbrtlt-list .item-bg2 { background:url(../image/index3/jcsjbg2.png) center center/100% 100% no-repeat; color:#12CDA2; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-top .sbrtlt-list .item-bg3 { background:url(../image/index3/jcsjbg3.png) center center/100% 100% no-repeat; color:#FFA12F; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-bottom .sbrtlb-list { display:flex; padding:.15625rem .26042rem .18229rem; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-bottom .sbrtlb-list .sbrtlb-item { margin-right:.39583rem; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-bottom .sbrtlb-list .sbrtlb-item:first-child { width:.84896rem; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-bottom .sbrtlb-list .sbrtlb-item:nth-child(2) { width:.97396rem; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-bottom .sbrtlb-list .sbrtlb-item:last-child { width:.84896rem; margin-right:0; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-bottom .sbrtlb-list .item-bg1 { width:.84896rem; height:.76042rem; background:url(../image/index3/hbsjbg1.png) center center/100% 100% no-repeat; color:#7ECEF7; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-bottom .sbrtlb-list .item-bg2 { width:.97396rem; height:.6875rem; background:url(../image/index3/hbsjbg2.png) center center/100% 100% no-repeat; color:#0FF; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-bottom .sbrtlb-list .item-bg3 { width:.84896rem; height:.76042rem; background:url(../image/index3/hbsjbg3.png) center center/100% 100% no-repeat; color:#7ECEF7; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-bottom .sbrtlb-list .num { font-size:.15625rem; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-bottom .sbrtlb-list .desc { color:#FFF; font-size:.07292rem; text-align:center; margin-top:.04688rem; } .sd-body .sb-right .sbr-top .sbrt-left .sbrtl-bottom .sbrtlb-list .desc.mt { margin-top:.125rem; } .sd-body .sb-right .sbr-top .sbrt-right { width:2.60417rem; height:3.11458rem; } .sd-body .sb-right .sbr-top .sbrt-right .sbrtr-content { padding-top:.10417rem; } .sd-body .sb-right .sbr-top .sbrt-right .sbrtr-content .item { margin-bottom:.3125rem; } .sd-body .sb-right .sbr-top .sbrt-right .sbrtr-content .item .i-tit.tbg { display:flex; align-items:center; justify-content:center; width:.625rem; height:.15625rem; font-size:.07292rem; background:url(../image/index3/yhpczltit.png) center center/100% 100% no-repeat; } .sd-body .sb-right .sbr-top .sbrt-right .sbrtr-content .item .i-tit.tbg1 { color:#7ECEF7; } .sd-body .sb-right .sbr-top .sbrt-right .sbrtr-content .item .i-tit.tbg2 { color:#F24166; } .sd-body .sb-right .sbr-top .sbrt-right .sbrtr-content .item .i-list { margin-top:.16667rem; } .sd-body .sb-right .sbr-top .sbrt-right .sbrtr-content .item .bg1 { width:.56771rem; height:.75rem; background:url(../image/index3/yhpczlc1.png) center center/100% 100% no-repeat; color:#0FF; } .sd-body .sb-right .sbr-top .sbrt-right .sbrtr-content .item .bg2 { width:.56771rem; height:.75rem; background:url(../image/index3/yhpczlc2.png) center center/100% 100% no-repeat; color:#FFA12F; margin:0 .23958rem; } .sd-body .sb-right .sbr-top .sbrt-right .sbrtr-content .item .bg3 { width:.56771rem; height:.75rem; background:url(../image/index3/yhpczlc3.png) center center/100% 100% no-repeat; color:#1AB1FF; } .sd-body .sb-right .sbr-top .sbrt-right .sbrtr-content .item .bg3 .num { font-size:.16667rem!important; } .sd-body .sb-right .sbr-top .sbrt-right .sbrtr-content .item .num { font-size:.21875rem; margin-bottom:.15104rem; } .sd-body .sb-right .sbr-top .sbrt-right .sbrtr-content .item .desc { font-size:.07292rem; } .sd-body .sb-right .sbr-bottom { width:6.77083rem; height:1.45313rem; } .sd-body .sb-right .sbr-bottom .zygl { width:100%; height:1.21875rem; } .sd-body .sb-left .sbl-top,.sd-body .sb-right .sbr-top,.sd-body .sb-right .sbr-top .sbrt-left .sbrtl-top { margin-bottom:.20833rem; } .sd-body .sb-left .sbl-bottom .sblb-list .sblbl-item:nth-child(2n),.sd-body .sb-right .sbr-top .sbrt-left .sbrtl-top .sbrtlt-list .sbrtlt-item:last-child { margin-right:0; } @media screen and max-width 1200px { html { font-size:120px; } }