2 lines
17 KiB
CSS
2 lines
17 KiB
CSS
*{padding:0;margin:0;box-sizing:border-box}li,ol{list-style:none}a{text-decoration:none}@font-face{font-family:"方正大黑_GBK";src:url("../font/方正大黑_GBK.eot?") format("eot");src:url("../font/方正大黑_GBK.woff") format("woff"),url("../font/方正大黑_GBK.ttf") format("truetype")}@font-face{font-family:"液晶数字";src:url("../font/液晶数字.eot?") format("eot");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:#010a2c}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#071857}::-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}html{font-size:10vw;width:100%;height:100%;font-family:Microsoft YaHei;line-height:1}@media screen and (max-width: 1200px){html{font-size:120px}}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dis-flex{display:flex}.flex-1{flex:1}.sd-sub-body{background:#000a2c;min-height:100vh;padding:.07813rem}.sd-sub-body .sub-section .sub-section-header{display:flex;align-items:center;height:.20313rem;padding:0 .07813rem;background:#1c234b;color:#aceaff;font-size:.08333rem}.sd-sub-body .sub-section .sub-section-header .sub-sections-tabs{margin-left:auto;font-size:0}.sd-sub-body .sub-section .sub-section-header .sub-sections-tabs .sub-section-item{display:inline-block;font-size:.07292rem;color:#a0aae0;height:.14583rem;line-height:.14583rem;padding:0 .08333rem;margin-right:.00521rem;cursor:pointer}.sd-sub-body .sub-section .sub-section-header .sub-sections-tabs .sub-section-item.active{color:#fff;background:#2063b7;border-radius:.0625rem}.sd-sub-body .sub-section .sub-section-header .sub-right-select{margin-left:auto;position:relative}.sd-sub-body .sub-section .sub-section-header .sub-right-select:hover .sub-select-ul{display:block}.sd-sub-body .sub-section .sub-section-header .sub-right-select .sub-select-name{display:flex;align-items:center;height:.1875rem;line-height:.1875rem;font-size:.07292rem;color:#a0aae0;cursor:pointer}.sd-sub-body .sub-section .sub-section-header .sub-right-select .sub-select-name .dropdown-arrow{display:inline-block;vertical-align:middle;width:.04167rem;height:.04167rem;border-width:0 .01042rem .01042rem 0;border-color:#a0aae0;border-style:solid;transform:rotate(45deg);margin-left:.02604rem}.sd-sub-body .sub-section .sub-section-header .sub-right-select .sub-select-ul{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:.625rem;background:rgba(28,35,75,0.8);z-index:2}.sd-sub-body .sub-section .sub-section-header .sub-right-select .sub-select-ul .sub-select-li{height:.20833rem;line-height:.20833rem;font-size:.07292rem;color:#a0aae0;text-align:center;cursor:pointer}.sd-sub-body .sub-section .sub-section-header .sub-right-select .sub-select-ul .sub-select-li:hover{color:#fff}.sd-sub-body .sub-section .sub-section-inner{background:#131c3d}.sd-sub-body--security .sub-sections+.sub-sections{margin-top:.08333rem}.sd-sub-body--security .sub-sections .sub-section .sub-section-inner{height:1.35417rem}.sd-sub-body--security .sub-sections .sub-section+.sub-section{margin-left:.07813rem}.sd-sub-body--security .sub-sections .sub-section-01{width:1.90104rem}.sd-sub-body--security .sub-sections .sub-section-01 .sub-section-inner{padding-top:.125rem;background:#131c3d url(../image/sub_index/security/01_2.png) no-repeat bottom center/1.52083rem auto}.sd-sub-body--security .sub-sections .sub-section-01 .sub-section-inner .real-time-num{display:flex;align-items:center;justify-content:center;width:1.81771rem;height:.25521rem;text-align:center;font-size:.20833rem;color:#00beff;font-family:"液晶数字";letter-spacing:.04167rem;background:url(../image/sub_index/security/01_1.png) no-repeat center center/100% auto}.sd-sub-body--security .sub-sections .sub-section-02 .sub-section-inner{padding:0 .07813rem}.sd-sub-body--security .sub-sections .sub-section-02 .sub-section-inner .echarts-box{width:100%;height:100%}.sd-sub-body--security .sub-sections .sub-section-03{width:1.90104rem}.sd-sub-body--security .sub-sections .sub-section-03 .sub-section-inner{padding-top:.1875rem}.sd-sub-body--security .sub-sections .sub-section-03 .sub-section-inner .cm-banner{position:relative;width:1.54167rem;margin:0 auto}.sd-sub-body--security .sub-sections .sub-section-03 .sub-section-inner .cm-banner>img{width:100%}.sd-sub-body--security .sub-sections .sub-section-03 .sub-section-inner .cm-box .cm-box-item{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;width:.32292rem;height:.29167rem;cursor:pointer}.sd-sub-body--security .sub-sections .sub-section-03 .sub-section-inner .cm-box .cm-box-item img{width:.125rem;height:.125rem}.sd-sub-body--security .sub-sections .sub-section-03 .sub-section-inner .cm-box .cm-box-item img:nth-child(2){display:none}.sd-sub-body--security .sub-sections .sub-section-03 .sub-section-inner .cm-box .cm-box-item .cm-box-name{color:#aceaff;margin-top:.01563rem;font-size:.07292rem}.sd-sub-body--security .sub-sections .sub-section-03 .sub-section-inner .cm-box .cm-box-item:hover img:nth-child(1){display:none}.sd-sub-body--security .sub-sections .sub-section-03 .sub-section-inner .cm-box .cm-box-item:hover img:nth-child(2){display:block}.sd-sub-body--security .sub-sections .sub-section-03 .sub-section-inner .cm-box .cm-box-item:hover .cm-box-name{color:#ffb260}.sd-sub-body--security .sub-sections .sub-section-03 .sub-section-inner .cm-box .cm-box-item:nth-child(1){top:.39583rem;left:.0625rem}.sd-sub-body--security .sub-sections .sub-section-03 .sub-section-inner .cm-box .cm-box-item:nth-child(2){top:.11458rem;left:.5rem}.sd-sub-body--security .sub-sections .sub-section-03 .sub-section-inner .cm-box .cm-box-item:nth-child(3){top:.65104rem;left:.70313rem}.sd-sub-body--security .sub-sections .sub-section-03 .sub-section-inner .cm-box .cm-box-item:nth-child(4){top:.29688rem;left:1.10417rem}.sd-sub-body--security .sub-sections .sub-section-04 .sub-section-inner{padding:0 .07813rem}.sd-sub-body--security .sub-sections .sub-section-04 .sub-section-inner .echarts-box{width:100%;height:100%}.sd-sub-body--security .sub-sections .sub-section-05 .sub-section-inner{padding:0 .07813rem}.sd-sub-body--security .sub-sections .sub-section-05 .sub-section-inner .echarts-box{width:100%;height:100%}.sd-sub-body--security .sub-sections .sub-section-06 .sub-section-inner{padding:0 .07813rem}.sd-sub-body--security .sub-sections .sub-section-06 .sub-section-inner .echarts-box{width:100%;height:100%}.sd-sub-body--security .sub-sections .sub-section-07 .sub-section-inner{padding:0 .07813rem}.sd-sub-body--security .sub-sections .sub-section-07 .sub-section-inner .echarts-box{width:100%;height:100%}.sd-sub-body--quality .sub-sections:nth-child(1){width:3.51042rem}.sd-sub-body--quality .sub-sections+.sub-sections{margin-left:.06771rem}.sd-sub-body--quality .sub-sections .sub-section+.sub-section{margin-top:.07813rem}.sd-sub-body--quality .sub-sections .sub-section-01 .sub-section-inner{height:1.35417rem}.sd-sub-body--quality .sub-sections .sub-section-01 .sub-section-inner .q-rate-list{text-align:center;padding-top:.19792rem;font-size:0}.sd-sub-body--quality .sub-sections .sub-section-01 .sub-section-inner .q-rate-list .q-rate-item{display:inline-block;vertical-align:top}.sd-sub-body--quality .sub-sections .sub-section-01 .sub-section-inner .q-rate-list .q-rate-item+.q-rate-item{margin-left:.44792rem}.sd-sub-body--quality .sub-sections .sub-section-01 .sub-section-inner .q-rate-list .q-rate-item .q-rate-box{position:relative;width:.70833rem;height:.70833rem;border-radius:50%}.sd-sub-body--quality .sub-sections .sub-section-01 .sub-section-inner .q-rate-list .q-rate-item .q-rate-box .q-rate-inner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:.70833rem;height:.70833rem}.sd-sub-body--quality .sub-sections .sub-section-01 .sub-section-inner .q-rate-list .q-rate-item .q-rate-name{font-size:.07292rem;margin-top:.10417rem;text-align:center}.sd-sub-body--quality .sub-sections .sub-section-01 .sub-section-inner .q-rate-list .q-rate-item--green .q-rate-box{border:.01042rem solid #15edbb}.sd-sub-body--quality .sub-sections .sub-section-01 .sub-section-inner .q-rate-list .q-rate-item--green .q-rate-name{color:#15edbb}.sd-sub-body--quality .sub-sections .sub-section-01 .sub-section-inner .q-rate-list .q-rate-item--yellow .q-rate-box{border:.01042rem solid #ffa600}.sd-sub-body--quality .sub-sections .sub-section-01 .sub-section-inner .q-rate-list .q-rate-item--yellow .q-rate-name{color:#ffa600}.sd-sub-body--quality .sub-sections .sub-section-01 .sub-section-inner .q-rate-list .q-rate-item--blue .q-rate-box{border:.01042rem solid cyan}.sd-sub-body--quality .sub-sections .sub-section-01 .sub-section-inner .q-rate-list .q-rate-item--blue .q-rate-name{color:#00ffff}.sd-sub-body--quality .sub-sections .sub-section-02 .sub-section-inner{height:1.35417rem}.sd-sub-body--quality .sub-sections .sub-section-02 .sub-section-inner .q-rate-list{text-align:center;padding-top:.05208rem;font-size:0}.sd-sub-body--quality .sub-sections .sub-section-02 .sub-section-inner .q-rate-list .q-rate-item{display:inline-block;vertical-align:top}.sd-sub-body--quality .sub-sections .sub-section-02 .sub-section-inner .q-rate-list .q-rate-item+.q-rate-item{margin-left:.10417rem}.sd-sub-body--quality .sub-sections .sub-section-02 .sub-section-inner .q-rate-list .q-rate-item .q-rate-box{position:relative;width:1.04167rem;height:1.04167rem}.sd-sub-body--quality .sub-sections .sub-section-02 .sub-section-inner .q-rate-list .q-rate-item .q-rate-box .q-rate-inner{width:100%;height:100%}.sd-sub-body--quality .sub-sections .sub-section-02 .sub-section-inner .q-rate-list .q-rate-item .q-rate-name{font-size:.07292rem;color:#1ab1ff;text-align:center}.sd-sub-body--quality .sub-sections .sub-section-02 .sub-section-inner .echarts-box{width:100%;height:100%}.sd-sub-body--quality .sub-sections .sub-section-03 .sub-section-inner{height:1.35417rem}.sd-sub-body--quality .sub-sections .sub-section-03 .sub-section-inner .echarts-box{width:100%;height:100%}.sd-sub-body--quality .sub-sections .sub-section-04 .sub-section-inner{height:2.17188rem}.sd-sub-body--quality .sub-sections .sub-section-04 .sub-section-inner .echarts-box{width:100%;height:100%}.sd-sub-body--quality .sub-sections .sub-section-05 .sub-section-inner{height:2.17188rem}.sd-sub-body--quality .sub-sections .sub-section-05 .sub-section-inner .echarts-box{width:100%;height:100%}.sd-sub-body--welding .sub-sections:nth-child(1){width:1.90104rem}.sd-sub-body--welding .sub-sections+.sub-sections{margin-left:.06771rem}.sd-sub-body--welding .sub-sections .sub-section .sub-section-inner{height:1.35417rem}.sd-sub-body--welding .sub-sections .sub-section+.sub-section{margin-top:.07813rem}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics{padding-top:.1875rem;text-align:center;font-size:0}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item{display:inline-block}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item+.field-statistics-item{margin-left:.52083rem}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item .field-statistics-bar{position:relative;width:.16667rem;height:.6875rem;margin:0 auto}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item .field-statistics-bar::after{content:"";position:absolute;bottom:-.08854rem;left:50%;transform:translateX(-50%);width:.34375rem;height:.11458rem}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item .field-statistics-bar .field-statistics-bar-inner{position:absolute;width:100%;height:0%;bottom:0;left:0;transition:height 0.5s ease-in-out}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item .field-statistics-bar .field-statistics-bar-inner::before,.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item .field-statistics-bar .field-statistics-bar-inner::after{content:"";position:absolute;left:0;width:100%;height:.05208rem;z-index:1}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item .field-statistics-bar .field-statistics-bar-inner::before{top:-.02604rem}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item .field-statistics-bar .field-statistics-bar-inner::after{bottom:-.02604rem}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item .field-statistics-title{font-size:.07292rem;color:#fff;margin-top:.14063rem}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item .field-statistics-value{position:relative;font-size:.08333rem;margin-top:.0625rem;padding-bottom:.05208rem}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item .field-statistics-value::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:.29167rem;height:.02083rem}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item--green .field-statistics-bar::after{background:url(../image/sub_index/welding/01_5.png) no-repeat center center/.34375rem .11458rem}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item--green .field-statistics-bar .field-statistics-bar-inner{background:linear-gradient(rgba(23,238,189,0.2), rgba(23,238,189,0.8))}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item--green .field-statistics-bar .field-statistics-bar-inner::before,.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item--green .field-statistics-bar .field-statistics-bar-inner::after{background:url(../image/sub_index/welding/01_3.png) no-repeat center center/.16667rem .05208rem}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item--green .field-statistics-value{color:#17eebd}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item--green .field-statistics-value::after{background:url(../image/sub_index/welding/01_1.png) no-repeat center center/.29167rem .02083rem}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item--blue .field-statistics-bar::after{background:url(../image/sub_index/welding/01_6.png) no-repeat center center/.34375rem .11458rem}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item--blue .field-statistics-bar .field-statistics-bar-inner{background:linear-gradient(rgba(27,178,255,0.2), rgba(27,178,255,0.8))}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item--blue .field-statistics-bar .field-statistics-bar-inner::before,.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item--blue .field-statistics-bar .field-statistics-bar-inner::after{background:url(../image/sub_index/welding/01_4.png) no-repeat center center/.16667rem .05208rem}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item--blue .field-statistics-value{color:#1bb2ff}.sd-sub-body--welding .sub-sections .sub-section-01 .sub-section-inner .field-statistics .field-statistics-item--blue .field-statistics-value::after{background:url(../image/sub_index/welding/01_2.png) no-repeat center center/.29167rem .02083rem}.sd-sub-body--welding .sub-sections .sub-section-02 .sub-section-inner{padding-top:.05208rem}.sd-sub-body--welding .sub-sections .sub-section-02 .sub-section-inner .echarts-box{width:1.14583rem;height:1.14583rem;margin:0 auto}.sd-sub-body--welding .sub-sections .sub-section-03 .sub-section-inner{padding:.10417rem}.sd-sub-body--welding .sub-sections .sub-section-03 .sub-section-inner .echarts-box{box-sizing:border-box;width:100%;height:100%}.sd-sub-body--welding .sub-sections .sub-section-04 .sub-section-inner .echarts-box{width:100%;height:100%}.sd-sub-body--welding .sub-sections .sub-section-05 .sub-section-inner .echarts-box{width:100%;height:100%}.sd-sub-body--welding .sub-sections .sub-section-06 .sub-section-inner .echarts-box{width:100%;height:100%}
|