* {
    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: #ededed;
    scrollbar-highlight-color: #ededed;
    scrollbar-3dlight-color: #ededed;
    scrollbar-darkshadow-color: #ededed;
    scrollbar-shadow-color: #ededed;
    scrollbar-arrow-color: rgba(1, 10, 44, 0.4);
    scrollbar-track-color: #ededed;
}

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: #ffffff;
    min-height: 100vh;
    padding: .07813rem
}

    .sd-sub-body .sub-section .sub-section-header {
        display: flex;
        align-items: center;
        height: .20313rem;
        padding: 0 .07813rem;
        background: #5482ab;
        color: #ffffff;
        font-size: 14px
    }

        .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: #ffffff;
                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: #ffffff;
    }

.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: #ffffff;
                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%
}