/* CSS Document */

::selection {
    background: #009cf2;
    color: #FFF;
    text-shadow: none;
}

::-webkit-scrollbar-track-piece {
    background-color: background:rgba(0, 0, 0, 0);
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background: #ccc;
    border-radius: 50px;
    cursor: pointer;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #aaa;
        cursor: pointer
    }

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    min-height: 100%;
    -moz-box-sizing: border-box;
    /*Firefox3.5+*/
    -webkit-box-sizing: border-box;
    /*Safari3.2+*/
    -o-box-sizing: border-box;
    /*Opera9.6*/
    -ms-box-sizing: border-box;
    /*IE8*/
    box-sizing: border-box;
    font: normal 14px/24px "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
    overflow-x: hidden;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 14px;
}

body {
    margin: 0;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td form, i {
    margin: 0;
    padding: 0;
    _background-image: url(about:blank);
    _background-attachment: fixed;
    list-style: none;
}

button, input, optgroup, select, textarea, a {
    color: inherit;
    font: inherit;
    margin: 0;
    outline: medium;
}

a {
    color: #333;
    text-decoration: none;
}

    a:hover {
        color: #009cf2;
        text-decoration: none;
    }

.Container {
    margin-left: auto;
    margin-right: auto;
    /*width:1280px;*/
    /*min-width: 1280px;*/
    width: 1480px;
    min-width: 1480px;
}

.custom-control-label::before {
    width: 1.1rem;
    height: 1.1rem;
}

.C_Left {
    float: left;
}

.C_Right {
    float: right;
}

.C_overflow {
    overflow: hidden;
    clear: both;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fix {
    position: fixed;
}

.fix_B {
    position: fixed;
    width: 100%;
}

.padding_t10 {
    padding-top: 10px;
}

.padding_t20 {
    padding-top: 20px;
}

.padding_t30 {
    padding-top: 30px;
}

.padding_b10 {
    padding-bottom: 10px;
}

.padding_b20 {
    padding-bottom: 20px;
}

.padding_b30 {
    padding-bottom: 30px;
}

.padding_l10 {
    padding-left: 10px;
}

.padding_l20 {
    padding-left: 20px;
}

.padding_l30 {
    padding-left: 30px;
}

.padding_r10 {
    padding-right: 10px;
}

.padding_r20 {
    padding-right: 20px;
}

.padding_r30 {
    padding-right: 30px;
}

header {
    height: 100px;
    z-index: 999;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    header img {
        height: 58px;
        margin-top: 22px;
    }

    header dd {
        padding: 8px 0 6px 0;
        height: 38px;
        position: relative;
    }

        header dd dl {
            float: right;
            color: rgba(255, 255, 255, 0.5);
            line-height: 28px;
        }

            header dd dl a {
                padding: 0 8px;
                color: #FFF;
            }

                header dd dl a:hover {
                    color: #FFF;
                }

            header dd dl span {
                display: inline-block;
                padding: 0 5px;
            }

    header ul {
        /*overflow: hidden;*/
        float: right;
    }

        header ul li {
            float: right;
            position: relative;
        }

            header ul li a {
                font-size: 16px;
                padding: 8px 16px;
                color: #FFF;
                display: inline-block;
            }

                header ul li a:hover {
                    border-bottom: 2px solid #009cf2 !important;
                    color: #FFF;
                }

                header ul li a.hover {
                    border-bottom: 2px solid #009cf2;
                }

    header .top-comp span {
        display: inline-block;
        position: relative;
        color: #FFF;
        padding-top: 2px
    }

        header .top-comp span i {
            /*width: 16px;
            height: 16px;
            display: inline-block;
            background: url(../img/C-maer.png) no-repeat left;
            float: right;
            margin-top: 4px;
            margin-left: 15px;*/
        }

    header .nbip-user-name {
        cursor: pointer;
        position: relative
    }

    header .nbip-user-name img {
        width: 24px;
        height: 24px;
        border-radius: 24px;
        margin: 0 0 0 10px;
    }

    header .nbip-user-name span {
        line-height: 24px;
        padding: 0 10px;
        display: inline-block;
        color: #FFF;
    }

        /*header .top-comp span:before{content: '';border-width:5px;border-style: solid; border-color: #fff transparent transparent transparent;right:0px;position: absolute;top: 10px}
header .top-comp span:hover:before{border-color: transparent transparent #fff transparent;top:5px}*/

    header .nbip-user-name sup {
        position: absolute;
        right: -10px;
    }

    header ul li button {
        background: #009cf2;
        color: #FFF;
        border: none;
        font-size: 14px;
        padding: 4px 15px;
        border-radius: 3px;
        margin-left: 8px;
        margin-top: 5px;
        cursor: pointer
    }

    header.active {
        background: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    }

        header.active dd dl a {
            color: #333;
        }

            header.active dd dl a.font-weight-bold {
                color: #009cf2;
            }

        header.active ul li a {
            color: #333;
        }

            header.active ul li a:hover {
                color: #009cf2;
            }

        header.active .nbip-user-name span {
            color: #333;
        }

        header.active dd dl {
            color: rgba(0, 0, 0, 0.2)
        }

.nbip-Maun_B {
    background: #FFF;
    position: absolute;
    top: 40px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    visibility: hidden;
    border-top: 2px #009cf2 solid;
    padding: 8px 0;
    min-width: 160px;
}

@media (min-width:768px) {
    .Link .drownSelect {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .Link .drownSelect .linkSelect {
            width: 45%;
            margin-top: 10px;
        }
}

@media(min-width:992px) {
    .Link .drownSelect {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

        .Link .drownSelect .linkSelect {
            width: 24%;
        }
}

.Link .drownSelect .linkSelect .custom-select option {
    white-space: normal;
    min-height: 0;
    padding: 0px
}

.Link .linkSelect .dropdown-menu {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px !important;
}

    .Link .linkSelect .dropdown-menu .dropdown-item:hover {
        color: #fff;
        text-decoration: none;
        background-color: #007bff
    }

.menu > li .nbip-Maun_B a {
    word-break: keep-all !important;
}

.menu > li:nth-child(5) #M100221 {
    left: -35px;
}

.menu > li:nth-child(4) #M100227 {
    left: -13px;
}

.menu > li:nth-child(3) #M100226 {
    left: -13px;
}

.nbip-Maun_B a {
    color: #333;
    display: block;
    font-size: 14px;
    border: none !important;
    padding: 8px 20px;
}

.nbip-Maun_B a:hover {
    color: #FFF;
    background: #009cf2;
    border: none !important;
}

header ul #M9 {
    margin-left: -25px;
}

header ul #M8 {
    width: 115px;
}

header ul #M6 {
    width: 128px;
}

header ul #M4 {
    width: 100px;
}

header.active .nbip-Maun_B a:hover {
    color: #FFF;
    background: #009cf2;
    border: none;
}

header .User_Top {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    cursor: auto;
    z-index: 999;
    padding: 0;
    font-size: 14px;
    min-width: 130px;
    margin-left: -30px;
    min-width: 150px;
    right: 0
}

    header .User_Top dl {
        color: rgba(0, 0, 0, 1);
        text-align: left;
        float: none;
    }

        header .User_Top dl a {
            font-size: 14px;
            padding: 2px 10px;
            color: #333;
            border: none;
            display: block
        }

            header .User_Top dl a:hover {
                color: #333;
                border: none;
                background: #f6f6f6;
            }

            header .User_Top dl a i {
                font-size: 12px;
                color: #999;
                padding-right: 3px;
            }

    header .User_Top hr {
        margin-bottom: 8px;
    }

header .Nav_Top:hover .User_Top {
    display: block;
}

header .nbip-user-name:hover .User_Top {
    display: block;
}

.top-comp {
    float: right;
    margin-right: 15px;
    font-size: 14px;
    position: relative
}

header.active .top-comp span {
    display: block;
    position: relative;
    color: #009cf2;
}

header.active .User_Top dl {
    color: rgba(0, 0, 0, 1);
}

header.active .top-comp span i {
    background: url(../img/C-maer.png) no-repeat right;
    cursor: pointer;
}

/*header.active .top-comp span:before{content: '';border-width:5px;border-style: solid; border-color: #009cf2 transparent transparent transparent;right:0px;position: absolute;top: 10px}
header.active .top-comp span:hover:before{border-color: transparent transparent #009cf2 transparent;top:5px}*/

.top-comp .top-comp-list {
    position: absolute;
    background: #FFF;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    padding: 5px 0;
    display: none;
    z-index: 999;
    right: 0
}

    .top-comp .top-comp-list li {
        padding: 4px 15px;
        cursor: pointer;
        display: block;
        float: none;
        white-space: nowrap;
    }

        .top-comp .top-comp-list li:hover {
            background: #f6f6f6;
        }

.top-comp:hover .top-comp-list {
    display: block;
}

.fullSlide {
    width: 100%;
    position: relative;
    height: 450px;
}

    .fullSlide .bd {
        margin: 0 auto;
        position: relative;
        z-index: 0;
        overflow: hidden;
    }

        .fullSlide .bd ul {
            width: 100% !important;
        }

        .fullSlide .bd li {
            width: 100% !important;
            height: 450px;
            overflow: hidden;
            text-align: center;
        }

            .fullSlide .bd li a {
                display: block;
                height: 450px;
            }

    .fullSlide .hd {
        width: 100%;
        position: absolute;
        z-index: 1;
        bottom: 20px;
        left: 0;
        text-align: center;
    }

        .fullSlide .hd ul {
            text-align: center;
            background: rgba(0, 0, 0, 0.2);
            display: inline-block;
            padding: 0 8px;
            border-radius: 30px;
            height: 22px;
            line-height: 22px;
        }

            .fullSlide .hd ul li {
                cursor: pointer;
                display: inline-block;
                *display: inline;
                zoom: 1;
                width: 10px;
                height: 10px;
                overflow: hidden;
                background: rgba(255, 255, 255, 0.5);
                line-height: 999px;
                border-radius: 10px;
                margin: 0 3px;
            }

            .fullSlide .hd ul .on {
                background: #FFF;
            }

    .fullSlide .prev, .fullSlide .next {
        display: block;
        position: absolute;
        z-index: 1;
        top: 50%;
        margin-top: -30px;
        left: 2%;
        z-index: 1;
        width: 31px;
        height: 40px;
        background: url("../img/slider-arrow.png") -110px 5px no-repeat;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: 0.5;
        display: none;
    }

    .fullSlide .next {
        left: auto;
        right: 2%;
        background-position: 8px 5px;
    }

.Node {
    background: #F3f3f3;
}

.Index-Search {
    padding: 0 8%;
    overflow: hidden;
}

    .Index-Search .Input_S {
        height: 53px;
        border: 1px #ddd solid;
        background: #f9f9f9;
        position: relative;
        overflow: hidden
    }

    .Index-Search select {
        width: 120px;
        border: none;
        text-align: center;
        margin: 8px 0 0 10px;
    }

    .Index-Search input {
        background: none;
        border: none;
        height: 34px;
        float: left;
        width: 100%;
        position: absolute;
        margin: 8px 0 0 10px
    }

    .Index-Search button {
        font-size: 30px;
        cursor: pointer;
        height: 51px;
        width: 70px;
        background: none;
        border: none;
        outline: none;
        color: #555;
        position: absolute;
        right: 0
    }

        .Index-Search button:hover {
            color: #333;
        }

    .Index-Search .Input_T {
        color: #888;
    }

        .Index-Search .Input_T h4 {
            color: #333;
            display: inline-block;
            font-weight: bold;
        }

.Search_I {
    background: rgba(244, 244, 244, 0.95);
    position: relative;
    padding-top: 15px;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

    .Search_I .Sear_I {
        float: left;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        border-right: none;
        /*width:855px;*/
    }

    .Search_I select {
        width: 150px;
        float: left;
        margin: 0 15px;
    }

    .Search_I button {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        margin-right: 20px;
    }

    .Search_I .radio-inline {
        margin-right: 10px;
    }

        .Search_I .radio-inline input {
            float: left;
            margin-top: 6px;
            margin-right: 5px;
        }

.N_List {
    display: block;
    overflow: hidden;
}

    .N_List i {
        float: left;
        color: #CCC
    }

    .N_List .List {
        width: 49.8%;
        padding-left: 20px;
        overflow: hidden;
    }

        .N_List .List strong em {
            color: #CCC;
            font-weight: normal;
            padding: 0 10px;
        }

        .N_List .List strong {
            display: inline-block;
        }

        .N_List .List ul li {
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        .N_List .List .shri {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            flex: 1;
            padding-right: 2rem;
        }

        .N_List .List span {
            color: #CCC;
            float: right;
            padding-right: 20px;
        }

.Search_It {
    background: #F00;
    width: 1200px;
    margin: -50px auto 0 auto;
    z-index: 9999;
    position: relative
}

.Tatle_T {
    padding: 30px;
    text-align: center;
    background: url(../img/Tatle-T.png) no-repeat center center;
    width: 915px;
    margin: 0 auto;
    font-size: 26px;
}

.Tatle_Tb {
    background: url(../img/Tatle-Tb.png) no-repeat center center;
    color: #FFF;
}

.Compan {
    overflow: hidden;
}

    .Compan ul {
        overflow: hidden;
        padding-bottom: 10px;
        min-height: 512px
    }

        .Compan ul li .divx {
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
            border-bottom: 2px #009cf2 solid;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            cursor: pointer;
            color: #777;
            background: #FFF;
            overflow: hidden;
            border-radius: 4px;
            width: 100%;
            position: relative
        }

        .Compan ul li:hover .divx {
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
        }

        .Compan ul li img {
            display: block;
            margin: 15px auto 10px auto;
            height: 91px;
            width: 220px;
        }

        .Compan ul li h1 {
            font-size: 16px;
            font-weight: bold;
            color: #333;
            text-align: center;
            margin: 0;
            padding: 0;
            padding-bottom: 21px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .Compan ul li .text {
            background: #f9f9f9;
            padding: 6px 15px;
            display: -webkit-box;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            -moz-line-clamp: 2;
            overflow: hidden;
            height: 58px;
            border-top: 1px #eee solid;
        }

        .Compan ul li .bot {
            position: absolute;
            width: 100%;
            height: 156px;
            background: rgba(0, 0, 0, 0);
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            text-align: center;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

        .Compan ul li:hover .bot {
            background: rgba(0, 0, 0, 0.5);
        }

        .Compan ul li button {
            opacity: 0;
            margin-top: 60px;
        }

        .Compan ul li:hover button {
            box-shadow: 0 0 10px #009cf2;
            opacity: 1;
        }

.New-four {
    background: url(../img/Four.jpg) no-repeat center;
    height: 440px;
}

    .New-four .slideTxtBoxC .hd {
        text-align: center;
    }

        .New-four .slideTxtBoxC .hd li {
            display: inline-block;
            font-size: 16px;
            color: #fff;
            margin: 0 20px;
            padding: 7px 15px;
            cursor: pointer
        }

            .New-four .slideTxtBoxC .hd li.on {
                background: #FFF;
                color: #009cf2;
                position: relative;
                border-radius: 4px;
            }

                .New-four .slideTxtBoxC .hd li.on:before {
                    content: "";
                    border-width: 10px;
                    border-style: solid;
                    border-color: #fff transparent transparent transparent;
                    position: absolute;
                    left: 41%;
                    margin-top: 28px
                }

.Prod {
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 120px;
}

.Prod_B {
    overflow: hidden;
    margin-top: -110px;
}

    .Prod_B .hd ul {
        text-align: center
    }

        .Prod_B .hd ul li {
            display: inline-block;
            border: 1px #009cf2 solid;
            color: #009cf2;
            margin: 0 10px;
            cursor: pointer;
            padding: 6px 20px;
            font-size: 16px;
            border-radius: 4px;
            width: 120px;
        }

            .Prod_B .hd ul li.on {
                background: #009cf2;
                color: #fff;
            }

                .Prod_B .hd ul li.on:before {
                    content: "";
                    border-width: 10px;
                    border-style: solid;
                    border-color: #009cf2 transparent transparent transparent;
                    position: absolute;
                    margin: 30px 0 0 22px;
                }

    .Prod_B .bd {
        margin-top: 15px;
    }

        .Prod_B .bd ul li div {
            background: #FFF;
            cursor: pointer;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

        .Prod_B .bd ul li p {
            width: 100%;
            overflow: hidden;
            height: 210px;
            padding: 6px;
        }

            .Prod_B .bd ul li p img {
                width: 100%;
                height: 210px;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

        .Prod_B .bd ul li:hover p img {
            -webkit-transform: scale(1.1, 1.1);
            -moz-transform: scale(1.1, 1.1);
            -transform: scale(1.1, 1.1);
        }

        .Prod_B .bd ul li h1 {
            font-size: 16px;
            text-align: center;
            padding: 12px 10px;
        }

        .Prod_B .bd ul li span {
            background: #f9f9f9;
            padding: 8px 15px;
            border-top: 1px #eee solid;
            display: block;
            overflow: hidden;
        }

            .Prod_B .bd ul li span i {
                font-style: normal;
                color: #999;
                display: block;
                width: 145px;
            }

            .Prod_B .bd ul li span em {
                font-style: normal;
                color: #F30;
            }

        .Prod_B .bd ul li:hover div {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }

.layui-flow-more {
    text-align: center;
    overflow: hidden;
    clear: both;
    width: 100%;
}

    .layui-flow-more a cite {
        background: #f9f9f9;
        width: 120px;
        height: 42px;
        margin-top: 20px;
        line-height: 42px;
        border: 1px #EEE solid;
        border-radius: 4px;
        color: #888
    }

.Prod_B .bd ul .Moder_A {
    height: 42px;
    margin-top: 20px;
    line-height: 42px;
    border: 1px #EEE solid;
    display: inline-block;
    padding: 0 30px;
    color: #888;
    cursor: pointer;
}

.layui-flow-more a {
    height: 32px;
    line-height: 32px;
    text-align: center;
}

    .layui-flow-more a * {
        vertical-align: top;
        display: inline-block
    }

    .layui-flow-more a cite {
        padding: 0 20px;
        border-radius: 3px;
        background-color: #fff;
        color: #888;
        font-style: normal
    }

        .layui-flow-more a cite:hover {
            opacity: .8
        }

    .layui-flow-more a i {
        font-size: 32px;
        color: rgba(0, 0, 0, 0.1)
    }

.Work {
    background: #f4f4f4;
    overflow: hidden;
    padding-top: 20px;
}

    .Work .bg-white {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        cursor: pointer;
    }

    .Work ul li:hover .bg-white {
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    }

    .Work p {
        overflow: hidden;
        height: auto;
        width: 100%;
        background: #000;
    }

        .Work p img {
            width: 100%;
            height: auto;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            opacity: 1.0;
            filter(alpha=100);
        }

    .Work ul li:hover p img {
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -transform: scale(1.1, 1.1);
        opacity: 0.7;
        filter(alpha=70)
    }

    .Work .icon {
        position: absolute;
        z-index: 555;
        width: 100%;
        text-align: center;
        color: rgba(255, 255, 255, 0);
        font-size: 48px;
        padding-top: 70px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .Work ul li:hover .icon {
        position: absolute;
        z-index: 555;
        color: #FFF;
        font-size: 48px;
        padding-top: 50px;
    }

    .Work ul li h1 {
        font-size: 16px;
        padding: 8px 10px;
    }

    .Work ul li dd {
        padding: 0 10px;
        color: #666;
        height: 48px;
    }

    .Work .layui-flow-more {
        padding-bottom: 30px;
        margin: 0 auto;
    }

        .Work .layui-flow-more a cite {
            background: #fff;
            height: 42px;
            line-height: 42px;
            border: 1px #ddd solid;
            border-radius: 4px;
            display: inline-block;
            padding: 0 30px;
            color: #888;
        }

    .Work .Moder_A {
        background: #fff;
        height: 42px;
        line-height: 42px;
        border: 1px #ddd solid;
        border-radius: 4px;
        display: inline-block;
        padding: 0 30px;
        color: #888;
        cursor: pointer;
        margin-top: 15px;
    }

        .Work .Moder_A:hover {
            background: #f9f9f9;
        }

.navigation {
    background: #009cf2;
    height: 50px;
}

.Mheader {
    width: 100%;
    height: 80px;
    z-index: 999;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

    .Mheader img {
        height: 58px;
        margin-top: 11px;
    }

    .Mheader dd {
        padding: 8px 0 6px 0;
        clear: both;
        height: 38px;
    }

        .Mheader dd dl {
            float: right;
            color: rgba(0, 0, 0, 0.2)
        }

            .Mheader dd dl a {
                padding-left: 15px;
                padding-right: 15px;
                color: #333;
            }

    .Mheader ul {
        overflow: hidden;
        float: right;
    }

        .Mheader ul li {
            float: right;
        }

            .Mheader ul li a {
                font-size: 16px;
                padding: 8px 12px;
                color: #333;
                display: inline-block;
            }

                .Mheader ul li a.hover {
                    border-bottom: 2px #009cf2 solid;
                }

            .Mheader ul li button {
                background: #009cf2;
                color: #FFF;
                border: none;
                font-size: 14px;
                padding: 4px 15px;
                border-radius: 3px;
                margin-left: 8px;
                margin-top: 5px;
                cursor: pointer
            }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.Main {
    background: #f6f6f6;
}

.breadcrumb {
    background: #FFF;
    margin: 0 auto;
    padding-left: 0;
}

.M_Search {
    width: 1070px;
    margin: 0 auto;
    padding: 260px 0;
}

    .M_Search select {
        width: 120px;
        float: left;
        margin-right: 10px;
        height: 40px;
    }

    .M_Search .Sear_I {
        width: 664px;
        float: left;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        border-right: none;
        height: 40px;
        line-height: 40px;
    }

    .M_Search button {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        margin-right: 15px;
        height: 40px;
        padding: 0 30px;
        font-size: 16px;
    }

    .M_Search .Moer {
        padding: 8px 0 0 132px;
    }

    .M_Search .radio-inline {
        margin-right: 10px;
    }

        .M_Search .radio-inline input {
            float: left;
            margin-top: 6px;
            margin-right: 5px;
        }

.mar_search {
    margin: 0 auto;
    padding: 200px 0 460px 0;
}

    .mar_search .Int_i {
        background: #FFF;
        border: 1px #dcdcdc solid;
        height: 51px;
    }

    .mar_search .custom-selectx {
        width: 120px;
        float: left;
    }

    .mar_search .Int_i input {
        border: none;
        font-size: 16px;
        margin-top: 7px;
        float: left;
        line-height: 34px;
        height: 34px;
    }

        .mar_search .Int_i input::-webkit-input-placeholder {
            font-size: 14px;
            color: #999;
        }

    .mar_search .btn-primary {
        height: 51px;
        font-size: 16px;
        margin-left: 10px;
        padding: 0 35px;
    }

.mar_searchX {
    margin: 0 auto;
    padding: 0;
}

.X_Search {
    padding: 0 0 20px 150px;
}

.Text_list {
    background: #fff;
    border-radius: 4px;
    padding: 0 20px;
}

    .Text_list li {
        overflow: hidden;
        border-bottom: 1px #ddd dashed;
        padding: 20px 0;
    }

        .Text_list li a {
            font-size: medium;
            margin-right: 30px;
        }

        .Text_list li button {
            margin-right: 12px;
            font-size: 14px;
        }

        .Text_list li p {
            color: #666;
            padding: 8px 0;
        }

        .Text_list li dl {
            float: right;
        }

        .Text_list li span {
            color: #FF5722;
            font-weight: bold;
            padding-right: 50px;
        }

            .Text_list li span.hov {
                color: #666;
                font-weight: normal;
            }

        .Text_list li em {
            font-style: normal;
            color: #999;
        }

        .Text_list li dl em {
            font-style: normal;
            color: #777;
            padding-top: 40px;
            display: block;
        }

.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
    cursor: default;
}

.Submit_List {
    padding: 20px;
}

    .Submit_List h1 {
        font-size: 18px;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .Submit_List h2 {
        font-size: 14px;
        padding: 0;
        margin: 8px 0;
        text-align: center;
        color: #333;
    }

        .Submit_List h2 span {
            padding: 0 5px;
        }

    .Submit_List ul {
        margin-top: 10px;
        overflow: hidden;
    }

        .Submit_List ul li {
            width: 50%;
            float: left;
            overflow: hidden;
            padding: 6px 0;
        }

            .Submit_List ul li span {
                width: 90px;
                display: inline-block;
                text-align: right;
                color: #666;
                padding-right: 8px;
                float: left;
            }

            .Submit_List ul li input {
                float: left;
                width: 200px;
                height: 30px;
            }

            .Submit_List ul li button {
                margin-right: 15px;
            }

.View_M {
    background: #FFF;
    padding: 10px 40px;
    min-height: 500px;
}

    .View_M h1 {
        font-size: 26px;
        padding: 30px 0 30px 0;
        text-align: center;
    }

    .View_M h6 {
        font-size: 14px;
        font-weight: normal;
        text-align: center;
        color: #888;
        padding-bottom: 20px;
        border-bottom: 1px #CCC dashed;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

        .View_M h6 span {
            display: inline-block;
            padding: 0 20px;
        }

            .View_M h6 span i {
                font-style: normal;
                color: #FF5722;
            }

    .View_M p {
        padding: 3px 20px;
        line-height: 30px;
        font-size: 16px;
    }

    .View_M a {
        color: #009cf2;
    }

.V_Bottom {
    text-align: center;
    padding: 30px 0;
}

.List_V .float-left {
    width: 260px;
}

    .List_V .float-left .div_list {
        background: #FFF;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
    }

        .List_V .float-left .div_list h5 {
            font-size: 16px;
            border-bottom: 1px #eee solid;
            height: 40px;
        }

            .List_V .float-left .div_list h5 span {
                border-bottom: 1px #009cf2 solid;
                display: inline-block;
                padding: 0 15px;
                position: absolute;
                height: 40px;
                line-height: 40px;
            }

        .List_V .float-left .div_list ul {
            padding: 6px 0;
        }

            .List_V .float-left .div_list ul li {
                padding: 4px 0 4px 20px
            }

                .List_V .float-left .div_list ul li span {
                    padding-left: 8px;
                    color: #999;
                }

.List_V .float-right {
    width: 920px;
}

    .List_V .float-right .M_Search .Sear_I {
        width: 450px;
    }

    .List_V .float-right .M_Search .Sear_I {
        width: 450px;
    }

.List_V .btn .bds_more:hover {
    color: #fff !important;
}

.List_V .Po_list {
    border-bottom: 1px #DDD dashed;
}

    .List_V .Po_list .col-3 img {
        max-height: 200px
    }

    .List_V .Po_list a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 480px;
        display: inline-block;
    }

    .List_V .Po_list ul li {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .List_V .Po_list .float-left {
        width: auto;
    }

    .List_V .Po_list .float-right {
        width: auto;
    }

    .List_V .Po_list ul li i {
        display: inline-block;
        width: 70px;
        color: #777;
        text-align: right;
        font-style: normal;
        float: left;
    }

    .List_V .Po_list ul li span {
        display: inline-block;
        float: left;
        overflow: hidden;
        word-wrap: break-word
    }

.Text_Two_list .X_Search {
    padding: 20px 0 20px 20px;
    background: #FFF;
    border-bottom: 15px #f6f6f6 solid;
}

    .Text_Two_list .X_Search .Sear_I {
        width: 654px;
    }

.Text_Two_list {
    padding-bottom: 10px;
}

    .Text_Two_list h3 {
        border-bottom: 1px #EEE solid;
        font-size: 18px;
        padding: 15px 0 10px 0px
    }

        .Text_Two_list h3 span {
            border-bottom: 1px #009cf2 solid;
            padding: 0 15px 9px 15px;
        }

    .Text_Two_list ul.List {
        background: #FFF;
        padding: 15px 30px;
    }

        .Text_Two_list ul.List li {
            overflow: hidden;
        }

            .Text_Two_list ul.List li a {
                float: left;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 520px;
            }

            .Text_Two_list ul.List li p {
                float: right;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 160px;
            }

            .Text_Two_list ul.List li span {
                float: right;
                color: #999;
                width: 120px;
                text-align: right;
            }

.font16 {
    font-size: 16px;
}

.Text_One_list .X_Search {
    padding: 20px 0 20px 20px;
    background: #FFF;
    /*border-bottom: 15px #f6f6f6 solid;*/
}

    .Text_One_list .X_Search .Sear_I {
        width: 930px;
    }

.Text_One_list {
    width: 1200px;
    background: #FFF;
    padding-bottom: 10px;
}

    .Text_One_list h3 {
        border-bottom: 1px #EEE solid;
        font-size: 18px;
        padding: 15px 0 10px 0px
    }

        .Text_One_list h3 span {
            border-bottom: 1px #009cf2 solid;
            padding: 0 15px 10px 15px;
        }

    .Text_One_list ul.List {
        background: #FFF;
        padding: 15px 30px;
    }

        .Text_One_list ul.List li {
            overflow: hidden;
            padding: 8px 0;
        }

            .Text_One_list ul.List li a {
                float: left;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 520px;
            }

            .Text_One_list ul.List li p {
                float: right;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 160px;
            }

            .Text_One_list ul.List li span {
                float: right;
                color: #999;
                width: 120px;
                text-align: right;
            }

.modal-header {
    padding: 0.8rem 1rem;
}

.modal-title {
    font-size: 1.2rem
}

.pagination {
    background: #FFF;
    overflow: hidden;
    padding-bottom: 20px;
}

.paginationX {
    background: rgba(0, 0, 0, 0) !important;
    padding-top: 20px;
    padding-bottom: 5px !important;
}

/*用户中心主页*/

.UserCenter .C_Left {
    width: 58px;
    background: #FFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

    .UserCenter .C_Left h1 {
        background: #f7fdff;
        border-bottom: 1px #7fcdf8 solid;
        position: relative;
        display: inline-block;
        width: 58px;
        font-size: 14px;
        border-left: 1px #f7fdff solid;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .UserCenter .C_Left h1 img {
            width: 32px;
            height: 32px;
            border-radius: 32px;
            margin: 13px 0 13px 13px;
            box-shadow: 0 0 5px #999;
        }

        .UserCenter .C_Left h1 .User_View {
            display: none;
            position: absolute;
            background: #fff;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
            padding: 12px 0 6px 0;
            margin-left: 67px;
            cursor: auto;
            z-index: 999;
        }

            .UserCenter .C_Left h1 .User_View:before {
                content: "";
                position: absolute;
                left: -20px;
                top: 15px;
                border-width: 10px;
                border-style: solid;
                border-color: transparent #fff transparent transparent;
            }

        .UserCenter .C_Left h1:hover .User_View {
            display: block;
        }

        .UserCenter .C_Left h1 .User_View dd dl {
            padding-right: 10px;
        }

        .UserCenter .C_Left h1 .User_View dd hr {
            margin-bottom: 5px;
        }

        .UserCenter .C_Left h1 .User_View dd dl a {
            display: block;
            padding: 8px 20px;
            white-space: nowrap;
        }

            .UserCenter .C_Left h1 .User_View dd dl a i {
                font-size: 11px;
                color: #999;
                padding-right: 3px;
            }

        .UserCenter .C_Left h1 .Maun_left h2 {
            font-size: 16px;
            padding-left: 20px;
            padding-bottom: 8px;
            white-space: nowrap;
            padding-right: 20px;
        }

        .UserCenter .C_Left h1 .Maun_left .layui-icon {
            font-size: 12px;
            color: #999;
            margin-left: 5px;
        }

        .UserCenter .C_Left h1:hover {
            background: #f7fdff;
            border-left: 1px #009cf2 solid;
        }

    .UserCenter .C_Left li {
        border-bottom: 1px #EEE solid;
        cursor: pointer;
    }

        .UserCenter .C_Left li:last-child {
            border-bottom: none;
        }

        .UserCenter .C_Left li h1 {
            background: #FFF;
            border-bottom: none;
            border-left-color: #FFF;
        }

            .UserCenter .C_Left li h1 em {
                font-size: 30px;
                display: block;
                margin: 12px 0;
                text-align: center;
                color: #009cf2;
            }

.UserCenter .C_Right {
    width: 1120px;
}

    .UserCenter .C_Right .row .col-6 {
        margin-bottom: 20px;
    }

    .UserCenter .C_Right .M_Search {
        padding: 20px 0 8px 20px;
        background: #FFF;
        border-radius: 4px;
        margin-bottom: 20px;
    }

        .UserCenter .C_Right .M_Search button {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            margin-right: 15px;
        }

        .UserCenter .C_Right .M_Search .Sear_I {
            width: 660px;
        }

        .UserCenter .C_Right .M_Search .Moer {
            padding: 5px 0 0 132px;
        }

    .UserCenter .C_Right .grid-demo {
        background: #FFF;
        border-radius: 4px;
        padding: 5px 15px;
        height: 350px;
    }

        .UserCenter .C_Right .grid-demo h1 {
            border-bottom: 1px #eee solid;
            height: 38px;
            font-size: 16px;
            padding-top: 8px;
        }

            .UserCenter .C_Right .grid-demo h1 span {
                border-bottom: 2px #009cf2 solid;
                padding: 0 12px 8px 12px;
            }

            .UserCenter .C_Right .grid-demo h1 i {
                float: right;
                color: #999;
                margin: 0px 10px 0 0;
            }

    .UserCenter .C_Right .nav-link {
        font-size: 14px;
        padding: 4px 12px;
    }

    .UserCenter .C_Right .btn-sm {
        padding: 10px 5px 0 5px
    }

    .UserCenter .C_Right .mb-1 {
        margin-bottom: 0 !important
    }

    .UserCenter .C_Right .Img_Lst {
        padding-top: 8px;
    }

        .UserCenter .C_Right .Img_Lst li {
            overflow: hidden;
            padding: 5px 10px;
        }

            .UserCenter .C_Right .Img_Lst li img {
                width: 130px;
                float: left;
                height: 72px;
                margin-right: 15px;
            }

            .UserCenter .C_Right .Img_Lst li a {
                float: left;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 350px;
                font-size: 16px;
                padding: 5px 0 3px 0;
            }

            .UserCenter .C_Right .Img_Lst li span {
                float: left;
                display: block;
                color: #009cf2;
            }

    .UserCenter .C_Right .Otime {
        font-size: 12px;
        color: #999;
        line-height: 16px;
        position: absolute;
        margin: 215px 0 0 10px;
    }

        .UserCenter .C_Right .Otime button {
            margin-bottom: 8px;
        }

        .UserCenter .C_Right .Otime i {
            font-style: normal;
        }

    .UserCenter .C_Right .Stay {
        padding: 50px 0 30px 0;
        overflow: hidden;
        color: #009cf2
    }

        .UserCenter .C_Right .Stay span {
            width: 80px;
            float: left;
            text-align: right;
            color: #777;
        }

        .UserCenter .C_Right .Stay div {
            width: 390px;
            float: left;
            background: #eee;
            height: 12px;
            margin-top: 6px;
            border-radius: 10px;
            margin-right: 10px;
        }

            .UserCenter .C_Right .Stay div p {
                float: left;
                background: #009cf2;
                height: 12px;
                border-radius: 10px;
            }

    .UserCenter .C_Right .Have {
        padding-bottom: 20px;
        ;
        overflow: hidden;
        color: #28a745
    }

        .UserCenter .C_Right .Have span {
            width: 80px;
            float: left;
            text-align: right;
            color: #777;
        }

        .UserCenter .C_Right .Have div {
            width: 390px;
            float: left;
            background: #eee;
            height: 12px;
            margin-top: 6px;
            border-radius: 10px;
            margin-right: 10px;
        }

            .UserCenter .C_Right .Have div p {
                float: left;
                background: #28a745;
                height: 12px;
                border-radius: 10px;
            }

    .UserCenter .C_Right .row .col {
        padding-left: 30px;
        padding-top: 40px;
    }

        .UserCenter .C_Right .row .col li {
            float: left;
        }

            .UserCenter .C_Right .row .col li img {
                width: 38px;
            }

            .UserCenter .C_Right .row .col li.Stay_y {
                border: 2px #009cf2 solid;
                border-radius: 100%;
                width: 60px;
                height: 60px;
                text-align: center;
                padding-top: 9px;
                margin-right: 10px;
            }

            .UserCenter .C_Right .row .col li.Have_y {
                border: 2px #28a745 solid;
                border-radius: 100%;
                width: 60px;
                height: 60px;
                text-align: center;
                padding-top: 9px;
                margin-right: 10px;
            }

            .UserCenter .C_Right .row .col li.Stay_t {
                width: 150px;
                color: #777;
                font-size: 12px;
                padding-top: 5px;
            }

                .UserCenter .C_Right .row .col li.Stay_t i {
                    font-size: 22px;
                    font-style: normal;
                    color: #333;
                }

            .UserCenter .C_Right .row .col li.Have_t {
                width: 150px;
                color: #777;
                font-size: 12px;
                padding-top: 5px;
            }

                .UserCenter .C_Right .row .col li.Have_t i {
                    font-size: 22px;
                    font-style: normal;
                    color: #333;
                }

.Nav_Top .User_Top {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    cursor: auto;
    z-index: 999;
    padding: 5px;
    margin-top: 9px;
    border-radius: 4px;
    font-size: 14px;
    min-width: 130px;
}

    .Nav_Top .User_Top:before {
        content: "";
        position: absolute;
        top: -20px;
        border-width: 10px;
        left: 50px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
    }

    .Nav_Top .User_Top dl a {
        font-size: 14px;
        padding: 4px 10px;
    }

        .Nav_Top .User_Top dl a i {
            font-size: 12px;
        }

    .Nav_Top .User_Top hr {
        margin-bottom: 8px;
    }

.Nav_Top:hover .User_Top {
    display: block;
}

.Mod_Cont li select {
    width: 80px;
}

.Mod_Img {
    position: absolute;
    width: 360px;
    right: 15px;
    padding-top: 15px;
    height: 320px;
    overflow: hidden;
}

    .Mod_Img .carousel-inner img {
        width: 360px;
        height: 240px;
        overflow: hidden;
    }

    .Mod_Img .carousel-indicators {
        bottom: 0px;
    }

        .Mod_Img .carousel-indicators li {
            width: 84px;
            height: 57px;
            border: 1px #CCC solid;
            float: left;
            padding: 1px;
            text-indent: inherit
        }

        .Mod_Img .carousel-indicators .active {
            border-color: #009cf2;
        }

        .Mod_Img .carousel-indicators li img {
            width: 80px;
            height: 53px;
            overflow: hidden;
        }

.Workbench .float-left {
    width: 230px;
    background: #FFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

    .Workbench .float-left h1 {
        background: #f7fdff;
        border-bottom: 2px #7fcdf8 solid;
        overflow: hidden;
        padding: 15px 0 15px 15px;
        font-size: 14px;
    }

        .Workbench .float-left h1 img {
            width: 50px;
            height: 50px;
            float: left;
            border-radius: 100%;
            box-shadow: 0 0 5px #999;
        }

        .Workbench .float-left h1 span {
            display: block;
            float: left;
            padding-left: 15px;
            width: 145px;
            padding-top: 6px;
        }

        .Workbench .float-left h1 a {
            color: #009cf2;
            display: block;
            float: left;
            width: 145px;
            padding: 6px 0 0 15px;
        }

    .Workbench .float-left ul {
        padding: 15px 0 10px 15px;
        border-bottom: 1px #EEE solid;
    }

        .Workbench .float-left ul h2 {
            font-size: 16px;
            padding-bottom: 5px;
            overflow: hidden;
            cursor: pointer;
        }

            .Workbench .float-left ul h2 span {
                float: left;
                padding: 4px 0 0 6px;
            }

            .Workbench .float-left ul h2 em {
                font-size: 24px;
                color: #009cf2;
                float: left
            }

        .Workbench .float-left ul li.hover a {
            color: #009cf2;
            border-right: 1px #009cf2 solid;
        }

        .Workbench .float-left ul li a {
            padding: 3px 0 3px 20px;
            display: block;
        }

            .Workbench .float-left ul li a i {
                font-size: 12px;
                color: #999;
            }

.Workbench .float-right {
    background: #FFF;
    width: 950px;
    padding: 15px 20px 0 20px;
}

    .Workbench .float-right .C_Right .btn i, .Workbench .float-right .C_Left .btn i, .float-right .table i {
        font-size: 12px
    }

.Mod_Search {
    width: 500px;
    margin: 10px auto;
}

#Mod_Cont {
    display: none;
}

.Mod_Cont {
    border-top: 1px #eee solid;
}

.Mod_Cont {
    margin-top: 20px;
    overflow: hidden
}

    .Mod_Cont li {
        padding: 10px 0;
        clear: both;
        line-height: 26px;
    }

        .Mod_Cont li span {
            width: 110px;
            text-align: right;
            color: #777;
            display: inline-block;
            float: left;
        }

        .Mod_Cont li p {
            width: 700px;
            display: inline-block;
            float: left;
        }

.Release_l ul {
    clear: both;
}

    .Release_l ul li {
        padding: 6px 0;
        float: left;
        width: 50%;
        overflow: hidden
    }

        .Release_l ul li span {
            width: 100px;
            color: #777;
            text-align: right;
            display: block;
            float: left;
        }

        .Release_l ul li p {
            display: block;
            float: left;
            width: 200px;
        }

        .Release_l ul li b {
            display: block;
            float: left;
            width: 535px;
            font-weight: normal
        }

.Classi {
    padding-bottom: 10px;
}

    .Classi ul {
        overflow: hidden;
        padding: 5px 0;
    }

        .Classi ul h2 {
            font-weight: normal;
            width: 72px;
            color: #666;
            font-size: 14px;
            float: left;
            padding: 2px 0;
        }

        .Classi ul li {
            float: left;
        }

            .Classi ul li a {
                padding: 2px 13px;
            }

                .Classi ul li a.hover {
                    color: #009cf2;
                }

        .Classi ul dl {
            float: left;
            padding: 2px 13px;
            cursor: pointer;
        }

            .Classi ul dl.hover {
                background: #009cf2;
                color: #FFF;
                border-radius: 4px;
            }

.Play_H {
    overflow: hidden;
    padding-top: 10px;
}

    .Play_H .Play_V {
        background: #000;
        height: 622px;
    }

        .Play_H .Play_V h1 {
            font-size: 24px;
            padding: 10px 30px;
            color: #f4f4f4;
        }

        .Play_H .Play_V h6 {
            color: #999;
            padding: 5px 30px 15px 30px;
        }

    .Play_H .Play_L {
        background: #222;
        width: 300px;
        color: #FFF;
        height: 622px;
        overflow-x: auto;
    }

        .Play_H .Play_L h1 {
            font-size: 16px;
            padding: 15px;
        }

        .Play_H .Play_L ul li {
            overflow: hidden;
            padding: 5px 15px;
        }

            .Play_H .Play_L ul li a {
                color: #ccc;
                display: block
            }

                .Play_H .Play_L ul li a.hover {
                    color: #009cf2;
                }

                    .Play_H .Play_L ul li a.hover span {
                        color: #009cf2;
                    }

                    .Play_H .Play_L ul li a.hover i {
                        color: #009cf2;
                    }

                .Play_H .Play_L ul li a:hover {
                    color: #009cf2;
                }

                    .Play_H .Play_L ul li a:hover span {
                        color: #009cf2;
                    }

                    .Play_H .Play_L ul li a:hover i {
                        color: #009cf2;
                    }

                .Play_H .Play_L ul li a span {
                    font-size: 12px;
                    float: left;
                    width: 50px;
                    color: #666;
                }

                .Play_H .Play_L ul li a p {
                    float: left;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    width: 220px;
                    line-height: 20px;
                }

                .Play_H .Play_L ul li a i {
                    font-size: 12px;
                    color: #666;
                    font-style: normal;
                    display: block;
                }

.Play_Vt {
    background: #FFF;
}

    .Play_Vt .nav-tabs {
        border-bottom: none;
    }

        .Play_Vt .nav-tabs .nav-link {
            border: none;
            border-radius: 0;
            font-size: 16px;
            border-top: 4px #FFF solid;
            padding: 10px 40px;
        }

            .Play_Vt .nav-tabs .nav-link.active {
                border-top: 4px #009cf2 solid;
                color: #009cf2;
            }

    .Play_Vt .tab-content {
        padding: 15px 30px 30px 30px;
    }

        .Play_Vt .tab-content b {
            display: block;
            padding: 15px 0;
        }

        .Play_Vt .tab-content p {
            display: block;
            padding: 2px 0;
        }

.Cours {
    background: #FFF;
    margin-top: 20px;
}

    .Cours h1 {
        border-top: 4px #009cf2 solid;
        padding: 10px 40px;
        font-size: 16px;
        float: left;
    }

    .Cours ul {
        padding: 15px 30px 30px 30px;
    }

        .Cours ul li {
            padding: 7px 0;
        }

        .Cours ul a {
            color: #009cf2;
        }

            .Cours ul a:hover {
                border-bottom: 1px #009cf2 solid;
            }

        .Cours ul i {
            color: #009cf2;
        }

/*我的空间移动样式*/

.dad-noSelect, .dad-noSelect * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: move !important;
}

.dad-container {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .dad-container::after {
        content: '';
        clear: both !important;
        display: block;
    }

.dad-active .dad-draggable-area {
    cursor: move;
}

.dads-children-clone {
    opacity: 0.8;
    z-index: 9999;
    pointer-events: none;
}

.dads-children-placeholder {
    overflow: hidden;
    position: absolute !important;
    box-sizing: border-box;
    border: 1px dashed #ccc;
    text-align: center;
    color: #ccc;
}

/*日历样式*/

.calendar {
    width: 280px;
    height: 330px
}

.calendar-modal {
    display: none;
    position: absolute;
    background: #fdfdfd;
    border: 1px solid #e8e8e8;
    box-shadow: 1px 2px 3px #ddd
}

.calendar-inner {
    position: relative;
    z-index: 1;
}

.calendar .view {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    *overflow: hidden;
}

.calendar-d .view-month, .calendar-m .view-date {
    transform: rotateY(180deg);
    visibility: hidden;
    z-index: 1
}

.calendar-d .view-date, .calendar-m .view-month {
    transform: rotateY(0deg);
    visibility: visible;
    z-index: 2
}

.calendar-ct, .calendar-hd, .calendar-views .week, .calendar-views .days {
    overflow: hidden
}

.calendar-views {
    width: 100%
}

.calendar .view, .calendar-display, .calendar-arrow .prev, .calendar .date-items li {
    float: left
}

.calendar-arrow, .calendar-arrow .next {
    float: right
}

.calendar-hd {
    padding: 8px 0 3px 0;
    line-height: 30px
}

.calendar-display {
    font-size: 18px;
    text-indent: 10px
}

.view-month .calendar-hd {
    padding: 10px
}

.calendar li[disabled] {
    color: #bbb
}

.calendar li.old[disabled], .calendar li.new[disabled] {
    color: #eee
}

.calendar-display .m, .calendar-views .week, .calendar-views .days .old, .calendar-views .days .new, .calendar-display:hover, .calendar-arrow span:hover {
    color: #888
}

.calendar-arrow span, .calendar-views .days li[data-calendar-day], .calendar-views .view-month li[data-calendar-month] {
    cursor: pointer
}

.calendar li[disabled] {
    cursor: not-allowed
}

.calendar-arrow {
    width: 100px;
    margin-right: 10px
}

    .calendar-arrow span {
        font: 12px sans-serif
    }

.calendar ol li {
    position: relative;
    float: left;
    text-align: center;
    border: 1px #EEE solid;
    border-left: none;
    border-top: none
}

.calendar .week li, .calendar .days li {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.calendar .month-items li {
    width: 70px;
    height: 70px;
    line-height: 70px
}

.calendar .days li[data-calendar-day]:hover, .calendar .view-month li[data-calendar-month]:hover {
    background: #e6f5fe
}

.calendar .calendar-views .now {
    color: #fff;
    background: #009cf2 !important
}

.calendar .calendar-views .selected {
    color: #009cf2;
    background: #e6f5fe !important
}

.calendar .calendar-views .dot {
    position: absolute;
    left: 50%;
    bottom: 4px;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    background: #009cf2;
    border-radius: 50%
}

.calendar-views .now .dot {
    background: #fff
}

.calendar .date-items {
    width: 300%;
    margin-left: -100%
}

.calendar-label {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    padding: 5px 10px;
    line-height: 22px;
    color: #fff;
    background: #000;
    border-radius: 3px;
    opacity: .7;
    filter: alpha(opacity=70);
    font-size: 12px;
}

    .calendar-label i {
        display: none;
        position: absolute;
        left: 50%;
        bottom: -12px;
        width: 0;
        height: 0;
        margin-left: -3px;
        border: 6px solid transparent;
        border-top-color: #000
    }

.week {
    background: #EEE;
}

.calendar-ct {
    border-left: 1px #EEE solid;
}

/*圆型进度条*/

.progress-radial {
    display: inline-block;
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

    .progress-radial b:after {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 84%;
        height: 84%;
        background-color: #fefefe;
        border-radius: 80%;
        margin-left: -42%;
        margin-top: -42%;
        text-align: center;
        line-height: 130px;
        font-size: 32px;
    }

/*价值评估*/

.a_img ul {
    overflow: hidden;
    padding: 50px 0;
    text-align: center;
}

    .a_img ul li {
        width: 550px;
        height: 250px;
        background: url(../img/Lo_Img.jpg) no-repeat top;
        overflow: hidden;
        display: inline-block;
        margin: 0 20px;
        cursor: pointer;
        border-radius: 4px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .a_img ul li:first-child {
            background: url(../img/Lo_Img.jpg) no-repeat bottom;
        }

        .a_img ul li p {
            width: 550px;
            height: 250px;
            background: rgba(0, 0, 0, 0.6);
            font-size: 28px;
            color: #FFF;
            padding-top: 100px;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

            .a_img ul li p i {
                display: block;
                color: rgba(255, 255, 255, 0.8);
                font-style: normal;
                font-size: 14px;
                padding: 10px 0;
            }

            .a_img ul li p .btn {
                padding-left: 30px;
                padding-right: 30px;
                border-color: rgba(255, 255, 255, 0);
                color: rgba(255, 255, 255, 0)
            }

        .a_img ul li:hover {
            box-shadow: 0 0 20px rgba(0, 156, 242, 0.8)
        }

            .a_img ul li:hover p {
                background: rgba(0, 156, 242, 0.9);
                padding-top: 90px;
            }

            .a_img ul li:hover img {
                margin-top: 60px;
            }

            .a_img ul li:hover .btn {
                border-color: rgba(255, 255, 255, 1);
                color: rgba(255, 255, 255, 1)
            }

                .a_img ul li:hover .btn:hover {
                    color: rgba(0, 0, 0, 1)
                }

.T_Search {
    padding: 150px 300px 100px 300px;
    text-align: center;
    position: relative;
}

    .T_Search img {
        display: block;
        width: 331px;
        margin: 0 auto;
        margin-bottom: 40px;
    }

    .T_Search input {
        height: 40px;
        width: 100%;
        padding-right: 90px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 0;
    }

    .T_Search button {
        height: 40px;
        width: 90px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        font-size: 16px;
        position: absolute;
        right: 300px;
    }

.T_S_Text {
    padding: 30px 0px;
}

    .T_S_Text .col {
        background: #FFF;
        margin: 20px;
        border-radius: 4px;
        overflow: hidden;
        padding: 15px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
    }

        .T_S_Text .col:hover {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
        }

        .T_S_Text .col i {
            width: 86px;
            height: 86px;
            border-radius: 100%;
            line-height: 80px;
            text-align: center;
            border: 4px #dc3545 solid;
        }

            .T_S_Text .col i.iconfont {
                font-size: 52px;
            }

            .T_S_Text .col i.text-success {
                border-color: #28a745;
            }

            .T_S_Text .col i.text-info {
                border-color: #17a2b8;
            }

        .T_S_Text .col span {
            line-height: 20px;
            color: #777;
        }

        .T_S_Text .col h1 {
            font-size: 18px;
            padding: 8px 0;
            color: #333;
        }

.V-top {
    background: #FFF;
    padding: 25px;
}

    .V-top .row li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .V-top .row li i {
            display: inline-block;
            text-align: right;
            font-style: normal;
            color: #888;
            width: 120px;
            padding-right: 8px;
        }

    .V-top em {
        font-style: normal;
    }

        .V-top em i {
            font-size: 12px;
        }

.V_nav a {
    font-size: 20px;
    padding: 30px 0;
    background: #e9e9e9;
    color: #333;
    display: inline-block;
    margin: 12px 0 0 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
    width: 500px;
    border-bottom: 1px #ddd solid;
}

    .V_nav a.active {
        color: #009cf2;
        border-top: 5px #009cf2 solid;
        background: #FFF;
        margin: 0px;
        font-size: 24px;
        font-weight: bold;
        width: 700px;
        border-bottom: 1px #fff solid;
    }

.press-txt {
    overflow: hidden;
}

    .press-txt .C_left, .patsnap-txt .C_left {
        width: 400px;
        float: left;
    }

    .press-txt .C_right, .patsnap-txt .C_right {
        width: 750px;
        float: right;
    }

    .press-txt ol, .patsnap-txt ol {
        border: 1px #bfe6fc solid;
        border-radius: 4px;
        float: left;
        margin-bottom: 20px;
        padding-bottom: 10px;
        width: 750px;
    }

    .press-txt h1, .patsnap-txt h1 {
        background: #f7fdff;
        padding: 10px 15px;
        font-size: 16px;
        border-bottom: 1px #bfe6fc solid;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .press-txt ul li, .patsnap-txt ul li {
        width: 372px;
        display: inline-block;
        padding: 4px 15px;
    }

.patsnap-txt ul p {
    padding: 4px 15px;
    color: #666;
}

.patsnap-txt {
    overflow: hidden;
}

    .patsnap-txt .C_left {
        text-align: center;
        padding-top: 40px;
    }

        .patsnap-txt .C_left b {
            font-size: 38px;
        }

            .patsnap-txt .C_left b em {
                font-size: 18px;
                font-weight: normal;
                color: #999;
                font-style: normal;
            }

        .patsnap-txt .C_left span {
            display: block;
        }

            .patsnap-txt .C_left span .iconfont {
                font-size: 18px;
                margin-left: 4px;
            }

.No_tabB {
    border-bottom: 3px #f6f6f6 solid;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}

.No_tab a {
    padding: 0 30px;
    height: 50px;
}

    .No_tab a.active {
        border-bottom: 3px #009cf2 solid;
    }

/*分页控件结合第三方*/

.layui-laypage {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin: 10px 0;
    text-align: center;
}

    .layui-laypage > :first-child {
        margin-left: 0 !important
    }

    .layui-laypage > :last-child {
        margin-right: 0 !important
    }

    .layui-laypage a, .layui-laypage span {
        border: 1px solid #e2e2e2
    }

    .layui-laypage a, .layui-laypage span {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
        padding: 0 18px;
        height: 38px;
        line-height: 38px;
        margin: 0 -2px 5px 0;
        background-color: #fff;
        color: #333;
    }

    .layui-laypage em {
        font-style: normal
    }

    .layui-laypage a {
        text-decoration: none
    }

    .layui-laypage .layui-laypage-spr {
        color: #999;
        font-weight: 700
    }

    .layui-laypage .layui-laypage-curr {
        position: relative
    }

        .layui-laypage .layui-laypage-curr em {
            position: relative;
            color: #fff;
        }

        .layui-laypage .layui-laypage-curr .layui-laypage-em {
            position: absolute;
            left: 0px;
            padding: 1px;
            width: 100%;
            height: 100%;
            background-color: #009cf2
        }

.layui-disabled {
    pointer-events: none;
    color: #999 !important;
}

/*右侧快速菜单*/

.Fo_Right {
    bottom: 0px;
    right: 0px;
    top: 0;
    border-right: 3px #009cf2 solid;
    z-index: 999
}

    .Fo_Right ul {
        top: 20%;
        position: absolute;
        right: 0;
    }

        .Fo_Right ul li {
            color: #009cf2;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            position: relative;
            display: block;
            cursor: pointer;
            width: 36px;
            height: 36px;
            text-align: center;
            margin-bottom: 2px;
            background: #009cf2;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            padding-top: 5px;
        }

            .Fo_Right ul li:hover {
                background: #0090cf;
                color: #FFF;
            }

            .Fo_Right ul li i {
                font-size: 18px;
                display: block;
                color: #FFF;
            }

            .Fo_Right ul li .Rig_L {
                display: none;
                position: absolute;
                background: #009cf2;
                padding: 0 10px;
                margin-left: -90px;
                cursor: auto;
                z-index: 999;
                border-radius: 4px;
                min-height: 36px;
                line-height: 36px;
                width: 80px;
                margin-top: -5px;
            }

                .Fo_Right ul li .Rig_L:before {
                    content: "";
                    position: absolute;
                    left: 80px;
                    top: 10px;
                    border-width: 8px;
                    border-style: solid;
                    border-color: transparent transparent transparent #009cf2;
                }

            .Fo_Right ul li:hover .Rig_L {
                display: block;
            }

            .Fo_Right ul li .Rig_L dd {
                display: block;
                padding: 6px 0;
            }

                .Fo_Right ul li .Rig_L dd dl {
                    height: 30px;
                    line-height: 30px;
                }

                    .Fo_Right ul li .Rig_L dd dl a {
                        color: #FFF;
                    }

                        .Fo_Right ul li .Rig_L dd dl a:hover {
                            color: #FF0;
                        }

#ReturnTop {
    _display: none;
    position: fixed;
    _position: absolute;
    _bottom: auto;
    transition: bottom 0.4s;
    -webkit-transition: bottom 0.4s;
    -moz-transition: bottom 0.4s;
    -o-transition: bottom 0.4s;
    bottom: 10px;
}

/*首页四块内容*/

.four {
    background: url(../img/Four.jpg) no-repeat center;
    height: 420px;
}

    .four h1 {
        font-size: 26px;
    }

.carousel-indicators li {
    height: 6px;
}

.four4-l p {
    position: absolute;
    width: 100%;
    margin-top: 150px;
    font-size: 16px;
    z-index: 999;
    text-align: center
}

.four4-l span {
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: 185px;
    height: 185px;
    cursor: pointer;
}

    .four4-l span img {
        width: 185px;
        height: 185px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

.four4-l div span:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -transform: scale(1.1, 1.1);
}

.four4-l div span:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.four4-l img {
    width: 185px;
    height: 185px;
}

.four1-l .div {
    width: 500px;
    height: 150px;
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.four1-l span {
    border-radius: 4px;
    display: block;
    width: 500px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.four1-l p {
    width: 500px;
    margin-top: 54px;
    z-index: 5;
    position: absolute;
    font-size: 28px;
    color: #FFF;
}

    .four1-l p i {
        font-style: normal;
        font-size: 14px;
        font-weight: normal;
        display: block;
        padding-top: 10px;
        color: rgba(255, 255, 255, 0.9);
    }

.four1-l span img {
    width: 500px;
    height: 150px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.four1-l .div:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -transform: scale(1.1, 1.1);
}

.four1-l .div:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.Link-b {
    background: #009cf2 url(../img/link-bg.jpg) no-repeat center bottom;
}

    .Link-b .float-left {
        width: 190px;
        background: url(../img/link1.jpg) no-repeat;
        height: 80px;
        color: #FFF;
        font-size: 20px;
        padding: 18px 0 0 25px
    }

        .Link-b .float-left strong {
            display: block;
        }

    .Link-b ul li .bg-white {
        height: 80px;
        padding: 23px 0 0 20px;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .Link-b ul li .bg-white i {
            height: 36px;
            width: 36px;
            display: inline-block;
            float: left
        }

    .Link-b ul li:hover .bg-white {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        margin-top: -3px;
    }

    .Link-b ul li .bg-white span {
        float: left;
        font-size: 16px;
        padding-left: 12px;
        padding-top: 5px;
    }

    .Link-b ul li .link1 {
        background: url(../img/link2.png) no-repeat bottom right;
    }

        .Link-b ul li .link1 i {
            background: url(../img/link-icon.png) no-repeat left;
        }

    .Link-b ul li .link2 {
        background: url(../img/link3.png) no-repeat top right;
    }

        .Link-b ul li .link2 i {
            background: url(../img/link-icon.png) no-repeat -36px 0px;
        }

    .Link-b ul li .link3 {
        background: url(../img/link4.png) no-repeat bottom right;
    }

        .Link-b ul li .link3 i {
            background: url(../img/link-icon.png) no-repeat -72px 0px;
        }

    .Link-b ul li .link4 {
        background: url(../img/link5.png) no-repeat top right;
    }

        .Link-b ul li .link4 i {
            background: url(../img/link-icon.png) no-repeat -108px 0px;
        }

.to-protect nav {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
    padding: 15px 0;
}

    .to-protect nav h5 {
        padding: 15px 0 15px 20px;
        font-size: 16px;
        cursor: pointer;
        border-bottom: 1px #eee solid;
    }

        .to-protect nav h5.hover {
            background: #009cf2;
            color: #FFF;
            border-bottom: none;
        }

    .to-protect nav ul {
        padding: 0.4rem 0;
        background: #f7fdff;
        pointer;
        border-bottom: 1px #eee solid;
    }

        .to-protect nav ul li a {
            padding: 0.3rem 0 0.3rem 2.5rem;
        }

.to-protect .col-12 h4 {
    padding: 2rem 0;
}

.to-protect .col-12 h5 {
    overflow: hidden;
    height: 28px;
    font-size: 16px;
}

    .to-protect .col-12 h5 span {
        display: inline-block;
        height: 28px;
        position: absolute;
        padding: 0 15px;
    }

.to-protect .col-12 .pt-4 p {
    padding-bottom: 10px;
    line-height: 26px;
}

.text-indent {
    text-indent: 2.0rem;
}

.text-indent25 {
    text-indent: 2.5rem;
}

.Supply .col-2 .bg-white {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05)
}

    .Supply .col-2 .bg-white ul {
        padding: 10px 0;
    }

        .Supply .col-2 .bg-white ul li i {
            font-size: 20px;
            cursor: pointer
        }

        .Supply .col-2 .bg-white ul li a {
            padding: 13px 0 13px 30px;
            display: block;
            font-size: 16px;
            border-bottom: 1px #eee solid
        }

            .Supply .col-2 .bg-white ul li a:hover {
                background: #f7fdff;
                color: #009cf2;
            }

            .Supply .col-2 .bg-white ul li a.hover {
                background: #009cf2;
                color: #FFF;
            }

        .Supply .col-2 .bg-white ul ul {
            padding: 5px 0 !important;
            border-bottom: 1px #eee solid
        }

            .Supply .col-2 .bg-white ul ul li a {
                font-size: 14px;
                padding: 8px 0 8px 45px;
                border: none;
            }

                .Supply .col-2 .bg-white ul ul li a.hover {
                    color: #009cf2;
                    background: #f7fdff;
                    border-right: 2px #009cf2 solid;
                }

.Supply .col-10 .M_Search .Sear_I {
    width: 870px;
}

.Supply .col-10 .M_Search .btn-danger {
    margin: 0;
}

.Supply .List_l {
    overflow: hidden;
}

    .Supply .List_l img {
        max-height: 170px;
    }

    .Supply .List_l .text-v {
        display: block;
        display: -webkit-box;
        height: 110px;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .Supply .List_l .C_overflow span {
        color: #777;
    }

    .Supply .List_l .C_overflow a {
        padding-right: 8px;
    }

    .Supply .List_l .C_overflow i, .Supply .List_l .C_overflow em {
        font-style: normal;
    }

.game163 {
    position: relative;
    overflow: hidden;
    width: 304px;
}

    .game163 .bigImg {
        height: 240px;
        position: relative;
    }

        .game163 .bigImg img {
            vertical-align: middle;
            width: 304px;
            height: 240px;
        }

    .game163 .sPrev, .game163 .sNext {
        float: left;
        display: block;
        width: 14px;
        height: 47px;
        text-indent: -9999px;
        background: url("../img/sprites.png") 0 -47px no-repeat;
        position: absolute;
        z-index: 888;
        margin-top: 8px;
    }

    .game163 .sNext {
        background-position: 0 0;
        margin-left: 290px;
    }

    .game163 .sPrev:hover {
        background-position: -14px -47px
    }

    .game163 .sNext:hover {
        background-position: -14px 0;
    }

    .game163 .smallImg {
        float: left;
        margin: 0 6px;
        display: inline;
        overflow: hidden;
        margin-left: 18px;
        margin-top: 9px;
    }

        .game163 .smallImg ul {
            height: 47px;
            width: 9999px;
            overflow: hidden;
        }

        .game163 .smallImg li {
            float: left;
            width: 63px;
            cursor: pointer;
            display: inline;
            margin: 0 2px;
        }

        .game163 .smallImg img {
            border: 1px solid #dcdddd;
            width: 61px;
            height: 45px;
            padding: 1px;
        }

        .game163 .smallImg .on img {
            border-color: #009cf2;
        }

    .game163 .pageState {
        position: absolute;
        top: 205px;
        right: 5px;
        z-index: 999;
        background: rgba(0, 0, 0, 0.3);
        color: #FFF;
        border-radius: 50px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        font-size: 12px;
    }

        .game163 .pageState span {
            color: #f00;
            font-size: 16px;
        }

.view-list li {
    padding-top: 3px;
    padding-bottom: 3px;
}

    .view-list li i {
        width: 100px;
        text-align: right;
        color: #777;
        display: inline-block;
        font-style: normal;
    }

    .view-list li a {
        padding-right: 10px;
    }

.User_L {
    border: 1px #eee solid;
    background: #f7fdff;
    margin-left: 30px;
}

    .User_L dd dl {
        padding: 2px 0;
    }

        .User_L dd dl i {
            color: #777;
            width: 80px;
            text-align: right;
            display: inline-block;
            font-style: normal;
        }

.view-txt h5 {
    overflow: hidden;
    height: 28px;
    font-size: 16px;
}

    .view-txt h5 span {
        display: inline-block;
        height: 28px;
        position: absolute;
        padding: 0 15px;
    }

.view-txt .pt-4 p {
    padding-bottom: 10px;
    line-height: 26px;
}

.Mot_T h5 {
    font-size: 16px;
    line-height: 30px;
}

.Mot_T ul {
    background: #f7fdff;
    border: 1px #99d7fa solid;
}

    .Mot_T ul li span {
        display: inline-block;
        color: #777;
        width: 130px;
        text-align: right;
    }

.M-tatle {
    height: 33px;
}

    .M-tatle h1 {
        position: absolute;
        border-bottom: 2px #009cf2 solid;
        font-size: 16px;
        height: 33px;
        padding: 0 15px;
    }

.Release_lt ul {
    clear: both;
}

    .Release_lt ul li {
        padding: 6px 0;
        float: left;
        width: 50%;
        overflow: hidden
    }

        .Release_lt ul li span {
            width: 130px;
            color: #777;
            text-align: right;
            display: block;
            float: left;
        }

        .Release_lt ul li p {
            display: block;
            float: left;
            width: 250px;
        }

        .Release_lt ul li b {
            display: block;
            float: left;
            width: 705px;
            font-weight: normal
        }

.M_Tab_L {
    position: absolute;
}

    .M_Tab_L .a-link {
        padding: 8px 15px;
        height: 47px;
        display: inline-block;
        margin: 0;
        font-size: 15px;
    }

    .M_Tab_L .hover {
        border-bottom: 2px #009cf2 solid;
        color: #009cf2;
    }

    .M_Tab_L .dropdown-toggle {
        height: 49px;
    }

.collection_list img {
    width: 100%;
    max-height: 130px;
    margin: 0 auto;
}

.collection_list {
    border-bottom: 1px #DDD dashed;
}

    .collection_list a {
        display: block;
    }

    .collection_list ul li {
        padding-top: 1px;
        padding-bottom: 1px;
    }

        .collection_list ul li i {
            display: inline-block;
            width: 80px;
            color: #777;
            text-align: right;
            font-style: normal;
            float: left;
        }

        .collection_list ul li span {
            display: block;
        }

    .collection_list .custom-control-inline {
        margin-right: 2px
    }

/*加载层*/

.loadbg {
    width: 100px;
    margin: auto;
    background: rgba(100, 100, 100, 0.7);
    border-radius: 8px;
    height: 78px;
}

.loading {
    width: 80px;
    height: 10px;
    margin: 0 auto;
    text-align: center;
}

    .loading span {
        display: inline-block;
        width: 4px;
        height: 100%;
        border-radius: 4px;
        background: #009cf2;
        -webkit-animation: load 0.6s ease infinite;
    }

@-webkit-keyframes load {
    0%, 100% {
        height: 10px;
        background: #009cf2;
    }

    50% {
        height: 20px;
        margin: -5px 0;
        background: #7fcdf8;
    }
}

.loading span:nth-child(2) {
    -webkit-animation-delay: 0.1s;
}

.loading span:nth-child(3) {
    -webkit-animation-delay: 0.3s;
}

.loading span:nth-child(4) {
    -webkit-animation-delay: 0.45s;
}

.loading span:nth-child(5) {
    -webkit-animation-delay: 0.5s;
}

.mes-list {
    padding: 12px 0 8px 0;
    overflow: hidden;
    border-bottom: 1px #ddd dashed;
}

    .mes-list .text-white {
        width: 44px;
        height: 44px;
        float: left;
        padding-top: 5px;
    }

    .mes-list .C_Left {
        width: 850px;
        margin-left: 12px;
    }

        .mes-list .C_Left h5 {
            display: inline-block;
            font-size: 16px;
        }

        .mes-list .C_Left .iconfont {
            font-size: 12px;
            color: #999;
            transform: rotate(180deg);
            display: inline-block;
            -ms-transform: rotate(180deg);
            /* Internet Explorer */
            -moz-transform: rotate(180deg);
            /* Firefox */
            -webkit-transform: rotate(180deg);
            /* Safari 和 Chrome */
            -o-transform: rotate(180deg);
            /* Opera */
        }

        .mes-list .C_Left a {
            display: block;
        }

        .mes-list .C_Left .view-l div {
            background: #f6f6f6;
            border: 1px #ddd solid;
            margin-top: -18px;
        }

        .mes-list .C_Left .view-l:before {
            content: "";
            top: -22px;
            left: 15px;
            border-width: 8px;
            border-style: solid;
            border-color: transparent transparent #ddd transparent;
            position: relative;
        }

.no-content {
    height: 500px;
    color: #999;
    padding-bottom: 50px;
}

    .no-content div {
        background: url(../img/no-cont.png) no-repeat center;
        width: 193px;
        height: 193px;
        margin: 80px auto 10px auto;
    }

.Bammer-T {
    color: #FFF;
}

    .Bammer-T h1 {
        color: #5aeaff
    }

    .Bammer-T h5 {
        color: rgba(255, 255, 255, 0.9)
    }

    .Bammer-T .h1 {
        color: #5aeaff
    }

/*响应式设计*/

/*.Container {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}*/
.nbip-Container {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

.Container-fluid {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.nbip-Container-fluid {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

/*@media (min-width: 320px) {*/
/*    .Food span {*/
/*        height: auto;*/
/*    }*/

/*    .nbip-Mheader {*/
/*        height: 48px;*/
/*    }*/

/*        .nbip-Mheader img {*/
/*            height: 38px;*/
/*            margin-top: 5px;*/
/*        }*/

/*    .video-js[data-v-2b254cb7] {*/
/*        width: 100%;*/
/*    }*/

/*    .Play_V {*/
/*        width: 100%;*/
/*    }*/

/*    .Bammer-T {*/
/*        padding-top: 25px;*/
/*        padding-left: 50px;*/
/*    }*/

/*        .Bammer-T h1 {*/
/*            font-size: 20px;*/
/*        }*/

/*        .Bammer-T h5 {*/
/*            font-size: 12px;*/
/*        }*/

/*        .Bammer-T .h1 {*/
/*            font-size: 20px;*/
/*        }*/
/*}*/

/*@media (min-width: 768px) {*/
/*    .Container, .Search_I {*/
/*        width: 100%;*/
/*    }*/
/*    .nbip-Container, .Search_I {*/
/*        width: 100%;*/
/*    }*/
/*    .Food span {*/
/*        height: 32px;*/
/*    }*/

/*    .video-js[data-v-2b254cb7] {*/
/*        width: 100%;*/
/*    }*/

/*    .Play_V {*/
/*        width: 100%;*/
/*    }*/

/*    .mar_search {*/
/*        width: 700px;*/
/*    }*/

/*        .mar_search .Int_i input {*/
/*            width: 410px;*/
/*        }*/

/*    .Bammer-T {*/
/*        padding-top: 180px;*/
/*        padding-left: 50px;*/
/*    }*/

/*        .Bammer-T h1 {*/
/*            font-size: 50px;*/
/*        }*/

/*        .Bammer-T h5 {*/
/*            font-size: 16px;*/
/*        }*/

/*        .Bammer-T .h1 {*/
/*            font-size: 50px;*/
/*        }*/
/*}*/

/*@media (min-width: 992px) {*/
/*    .Container, .Search_I {*/
/*        width: 100%;*/
/*    }*/
/*    .nbip-Container, .Search_I {*/
/*        width: 100%;*/
/*    }*/
/*    .Food span {*/
/*        height: 32px;*/
/*    }*/

/*    .nbip-Mheader {*/
/*        height: 80px;*/
/*    }*/

/*        .nbip-Mheader img {*/
/*            height: 58px;*/
/*            margin-top: 11px;*/
/*        }*/

/*        .nbip-Mheader .nbip-maun li span {*/
/*            font-size: 14px;*/
/*            margin: 0 8px;*/
/*        }*/

/*    .List_V .Po_list ul li span {*/
/*        width: 700px;*/
/*    }*/

/*    .video-js[data-v-2b254cb7] {*/
/*        width: 100%;*/
/*    }*/

/*    .Play_V {*/
/*        width: 100%;*/
/*    }*/

/*    .mar_search {*/
/*        width: 900px;*/
/*    }*/

/*        .mar_search .Int_i input {*/
/*            width: 610px;*/
/*        }*/

/*    .Bammer-T {*/
/*        padding-top: 180px;*/
/*        padding-left: 50px;*/
/*    }*/

/*        .Bammer-T h1 {*/
/*            font-size: 50px;*/
/*        }*/

/*        .Bammer-T h5 {*/
/*            font-size: 16px;*/
/*        }*/

/*        .Bammer-T .h1 {*/
/*            font-size: 50px;*/
/*        }*/
/*}*/

/*@media (min-width: 1200px) {*/
/*    .Container, .Search_I {*/
/*        max-width: 1180px;*/
/*    }*/
/*    .nbip-Container, .Search_I {*/
/*        max-width: 1180px;*/
/*    }*/
/*    .Sear_I {*/
/*        width: 818px;*/
/*    }*/

/*    .Food span {*/
/*        height: 32px;*/
/*    }*/

/*    .nbip-Mheader .nbip-maun li span {*/
/*        font-size: 16px;*/
/*        margin: 0 15px;*/
/*    }*/

/*    .col-zdlg-2-5 {*/
/*        -ms-flex: 0 0 20%;*/
/*        flex: 0 0 20%;*/
/*        max-width: 20%;*/
/*    }*/

/*    .nbip-Mheader {*/
/*        height: 80px;*/
/*    }*/

/*        .nbip-Mheader img {*/
/*            height: 58px;*/
/*            margin-top: 11px;*/
/*        }*/

/*    .List_V .Po_list ul li span {*/
/*        width: 775px;*/
/*    }*/

/*    .video-js[data-v-2b254cb7] {*/
/*        width: 860px;*/
/*    }*/

/*    .Play_V {*/
/*        width: 860px;*/
/*    }*/

/*    .mar_search {*/
/*        width: 1000px;*/
/*    }*/

/*        .mar_search .Int_i input {*/
/*            width: 710px;*/
/*        }*/

/*    .Service-Js {*/
/*        width: 640px;*/
/*    }*/

/*    .Bammer-T {*/
/*        padding-top: 180px;*/
/*        padding-left: 50px;*/
/*    }*/

/*        .Bammer-T h1 {*/
/*            font-size: 50px;*/
/*        }*/

/*        .Bammer-T h5 {*/
/*            font-size: 16px;*/
/*        }*/

/*        .Bammer-T .h1 {*/
/*            font-size: 50px;*/
/*        }*/
/*}*/

/*@media (min-width: 1300px) {*/
/*    .Container, .Search_I {*/
/*        max-width: 1360px;*/
/*    }*/
/*    .nbip-Container, .Search_I {*/
/*        max-width: 1360px;*/
/*    }*/
/*    .Sear_I {*/
/*        width: 918px;*/
/*    }*/

/*    .Food span {*/
/*        height: 32px;*/
/*    }*/

/*    .nbip-Mheader .nbip-maun li span {*/
/*        font-size: 16px;*/
/*        margin: 0 15px;*/
/*    }*/

/*    .col-zdlg-2-5 {*/
/*        -ms-flex: 0 0 20%;*/
/*        flex: 0 0 20%;*/
/*        max-width: 20%;*/
/*    }*/

/*    .nbip-Mheader {*/
/*        height: 80px;*/
/*    }*/

/*        .nbip-Mheader img {*/
/*            height: 58px;*/
/*            margin-top: 11px;*/
/*        }*/

/*    .List_V .Po_list ul li span {*/
/*        width: 850px;*/
/*    }*/

/*    .video-js[data-v-2b254cb7] {*/
/*        width: 960px;*/
/*    }*/

/*    .Play_V {*/
/*        width: 960px;*/
/*    }*/

/*    .mar_search {*/
/*        width: 1000px;*/
/*    }*/

/*        .mar_search .Int_i input {*/
/*            width: 710px;*/
/*        }*/

/*    .Service-Js {*/
/*        width: 740px;*/
/*    }*/

/*    .Bammer-T {*/
/*        padding-top: 180px;*/
/*        padding-left: 50px;*/
/*    }*/

/*        .Bammer-T h1 {*/
/*            font-size: 50px;*/
/*        }*/

/*        .Bammer-T h5 {*/
/*            font-size: 16px;*/
/*        }*/

/*        .Bammer-T .h1 {*/
/*            font-size: 50px;*/
/*        }*/
/*}*/
    .flexibleWidthOne {
        width: 18%;
    }

    .flexibleWidthTwo {
        width: 19%;
    }

    .flexibleWidthThr {
        width: 25%;
    }

    .flexibleWidthFou {
        width: 16%;
    }

    .flexibleWidthFiv {
        width: 21%;
    }

    .flexibleWidthSix {
        width: 26%;
    }

    .flexibleWidthSev {
        width: 37%;
    }

    .flexibleWidthEig {
        width: 26%;
    }

    .flexibleWidthNin {
        width: 23%;
    }

    .flexibleWidthTen {
        width: 26%;
    }

    .flexibleWidthEle {
        width: 21%;
    }

    .flexibleWidthTwe {
        width: 22%;
    }

    .Container, .Search_I {
        max-width: 1480px;
    }
    .nbip-Container, .Search_I {
        max-width: 1480px;
    }
    .Sear_I {
        width: 1118px;
    }

    .Food span {
        height: 32px;
    }

    .nbip-Mheader .nbip-maun li span {
        font-size: 16px;
        margin: 0 15px;
    }

    .col-zdlg-2-5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .nbip-Mheader {
        height: 80px;
    }

        .nbip-Mheader img {
            height: 58px;
            margin-top: 11px;
        }

    .List_V .Po_list ul li span {
        width: 1000px;
    }

    .video-js[data-v-2b254cb7] {
        width: 1160px;
    }

    .Play_V {
        width: 1160px;
    }

    .mar_search {
        width: 1000px;
    }

        .mar_search .Int_i input {
            width: 710px;
        }

    .Service-Js {
        width: 960px;
    }

    .Bammer-T {
        padding-top: 180px;
        padding-left: 50px;
    }

        .Bammer-T h1 {
            font-size: 50px;
        }

        .Bammer-T h5 {
            font-size: 16px;
        }

        .Bammer-T .h1 {
            font-size: 50px;
        }


/*服务机构相关*/

.m-top {
    height: 40px;
    background: #eee;
}

    .m-top img {
        height: 32px;
        float: left;
        margin-top: 3px;
        margin-right: 10px;
    }

    .m-top .m-top dl {
        float: right;
        color: rgba(0, 0, 0, 0.2);
    }

        .m-top .m-top dl a {
            padding-left: 15px;
            padding-right: 15px;
            color: #333;
        }

            .m-top .m-top dl a:hover {
                color: #009cf2;
            }

            .m-top .m-top dl a.m-text-muted {
                color: #777;
            }

.m-top-comp {
    float: right;
    margin-right: 15px;
    font-size: 14px;
}

    .m-top-comp span {
        display: block;
        padding-right: 18px;
        position: relative;
        color: #009cf2;
        font-weight: bold;
        cursor: pointer
    }

        .m-top-comp span:before {
            content: '';
            border-width: 5px;
            border-style: solid;
            border-color: #009cf2 transparent transparent transparent;
            right: 0px;
            position: absolute;
            top: 18px
        }

        .m-top-comp span:hover:before {
            border-color: transparent transparent #009cf2 transparent;
            top: 13px
        }

    .m-top-comp .m-top-comp-list {
        position: absolute;
        background: #FFF;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        padding: 5px 0;
        display: none;
        z-index: 999;
    }

        .m-top-comp .m-top-comp-list li {
            padding: 0 15px;
            cursor: pointer;
            height: 36px;
            line-height: 36px;
        }

            .m-top-comp .m-top-comp-list li:hover {
                background: #f6f6f6;
            }

    .m-top-comp:hover .m-top-comp-list {
        display: block;
    }

.nbip-M-navigationI:hover {
    background: none !important;
}

.M-navigationI-list li {
    padding: 5px 8px;
    overflow: hidden;
    float: none;
}

    .M-navigationI-list li a {
        font-size: 14px;
    }

        .M-navigationI-list li a:hover {
            border: none;
        }

.m-head {
    overflow: hidden;
    background: url(../img/cp-bg.jpg) no-repeat right bottom;
}

.m-maun {
    overflow: hidden;
}

    .m-maun ul li {
        float: left;
    }

        .m-maun ul li a {
            height: 42px;
            line-height: 42px;
            font-size: 15px;
            padding: 0 26px;
            color: #FFF;
            display: block;
        }

            .m-maun ul li a:hover {
                background: rgba(0, 0, 0, 0.1)
            }

            .m-maun ul li a.hover {
                background: rgba(0, 0, 0, 0.1)
            }

.m-cop-tatle {
    height: 34px;
    border-bottom: 1px #CCC solid;
}

    .m-cop-tatle span {
        height: 34px;
        border-bottom: 2px #009cf2 solid;
        display: inline-block;
    }

.m-cop-indicators .active {
    background: #ccc !important;
}

.m-cop-indicators li {
    background: rgba(204, 204, 204, .3) !important;
}

.m-connt {
    font-size: 16px;
}

    .m-connt li {
        padding: 4px 0;
    }

        .m-connt li .iconfont {
            font-size: 18px;
            margin-right: 5px;
        }

.Supply_S1 {
    clear: both;
    overflow: hidden;
    position: relative;
    padding-right: 110px;
}

    .Supply_S1 h6 {
        display: block;
        float: left;
        margin-top: 16px;
        width: 100px;
        color: #666;
        text-align: right;
        padding-right: 10px;
        height: 23px;
    }

    .Supply_S1 span {
        border: 1px #ccc solid;
        cursor: pointer;
        display: block;
        float: left;
        margin-top: 10px;
        height: 28px;
    }

        .Supply_S1 span:hover {
            border: 1px #009cf2 solid;
        }

        .Supply_S1 span i {
            color: #bbb;
            font-weight: bold;
            font-size: 16px;
            margin-left: 5px
        }

        .Supply_S1 span:hover i {
            color: #ff0000;
        }

    .Supply_S1 button {
        position: absolute;
        width: 80px;
        right: 0;
        margin-top: 10px;
    }

.Supply_S ul {
    padding-top: 8px;
    padding-bottom: 8px;
    overflow: hidden;
}

    .Supply_S ul li {
        overflow: hidden;
        padding-bottom: 4px;
    }

        .Supply_S ul li span {
            width: 100px;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            color: #999;
        }

        .Supply_S ul li i {
            font-style: normal;
            cursor: pointer;
            padding: 5px 8px;
        }

            .Supply_S ul li i:hover {
                color: #009cf2;
            }

            .Supply_S ul li i.hover {
                color: #009cf2;
                border-radius: 4px;
                border: 1px #009cf2 solid !important
            }

.List_Noi {
    background: #eee;
    padding: 10px;
    overflow: hidden;
}

    .List_Noi ul span {
        float: left;
        display: inline-block;
        padding-right: 10px;
        padding-left: 20px;
    }

    .List_Noi ul li {
        float: left;
        cursor: pointer;
    }

        .List_Noi ul li em {
            float: left;
            font-style: normal;
        }

        .List_Noi ul li i {
            width: 16px;
            height: 16px;
            display: inline-block;
            background: url(../img/List_Noi.png) no-repeat top left;
            margin-left: 5px;
            margin-right: 25px;
            float: left;
            margin-top: 4px;
        }

            .List_Noi ul li i.hover {
                background: url(../img/List_Noi.png) no-repeat bottom left;
            }

/*分享自定义图标*/

.share-platform .bds_weixin {
    background-image: url('../img/css-bg.png');
    background-position: -13px -7px !important;
}

.share-platform .bds_tsina {
    background-image: url('../img/css-bg.png');
    background-position: -57px -7px !important;
}

.share-platform .bds_sqq {
    background-image: url('../img/css-bg.png');
    background-position: -101px -7px !important;
}

.share-platform .bds_qzone {
    background-image: url('../img/css-bg.png');
    background-position: -146px -7px !important;
}

.share-platform a {
    margin: 0 8px !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-block;
    float: left;
}


.bd_weixin_popup .bd_weixin_popup_foot {
    line-height: 18px !important
}

.bd_weixin_popup .bd_weixin_popup_main {
    padding: 15px 10px 10px 10px !important
}

.bd_weixin_popup {
    height: 300px !important
}

.bdsharebuttonbox {
    overflow: hidden;
}

.left-line {
    position: relative;
    padding-left: 1rem;
    font-weight: bold;
}

    .left-line:before {
        content: '';
        height: 20px;
        border-left: 3px solid #009cf2;
        position: absolute;
        left: 0;
        top: 3px;
    }

.Time_list {
    position: relative;
    clear: both
}

    .Time_list .Time-L {
        width: 70px;
        height: 70px;
    }

        .Time_list .Time-L:before {
            content: '';
            border-left: 1px solid #ddd;
            left: 70px;
            position: absolute;
            height: 70px;
        }

        .Time_list .Time-L span {
            font-weight: bold;
            font-size: 18px;
            display: block;
            line-height: 15px;
        }

        .Time_list .Time-L i {
            font-size: 12px;
            color: #999;
            display: block;
            font-style: normal;
        }

    .Time_list .Time-T {
        padding-left: 85px;
    }

        .Time_list .Time-T:before {
            content: '';
            position: absolute;
            height: 12px;
            width: 12px;
            background: #FFF;
            left: 64px;
            border-radius: 10px;
            border: 2px #009cf2 solid;
        }

        .Time_list .Time-T .text-secondary {
            line-height: 15px;
            padding-bottom: 5px;
        }

        .Time_list .Time-T span.TooltopV {
            color: #009cf2;
            position: relative;
            cursor: pointer
        }

            .Time_list .Time-T span.TooltopV:hover i {
                display: block
            }

            .Time_list .Time-T span.TooltopV i {
                position: absolute;
                border: 1px #CCC solid;
                top: 20px;
                left: -10px;
                font-style: normal;
                color: #333;
                min-width: 150px;
                z-index: 999;
                background: #fff;
                border-radius: 5px;
                box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
                padding: 5px 10px;
                display: none
            }

.no-content {
    height: 500px;
    color: #999;
    padding-bottom: 50px;
}

    .no-content div {
        background: url(../img/no-cont.png) no-repeat center;
        width: 193px;
        height: 193px;
        margin: 40px auto 10px auto;
    }

/*知识产权保护*/

.IPRtable {
    text-align: center;
    table-layout: fixed;
    padding: .75rem;
    width: 100%;
    width: 649px;
    height: 978px;
    border: 1px solid #000000;
}

/*.IPRtable tr {height: 30px;}*/

.no-content div {
    background: url(../img/no-cont.png) no-repeat center;
    width: 193px;
    height: 193px;
    margin: 40px auto 10px auto;
}

/*服务集市*/

.Service-top {
    height: 90px;
    background: #FFF;
}

    .Service-top img {
        height: 60px;
    }

    .Service-top .Service-S {
        border: 2px #009cf2 solid;
        border-radius: 5px;
        margin-top: 24px;
    }

        .Service-top .Service-S input {
            border: none;
            padding: 6px;
            border-radius: 5px;
            width: 500px;
            height: 38px;
        }

        .Service-top .Service-S button {
            background: #009cf2;
            color: #FFF;
            border: none;
            height: 38px;
            padding: 0 20px;
            font-size: 16px;
            outline: none;
            cursor: pointer;
        }

    .Service-top .btn {
        height: 42px;
        margin-top: 24px;
        padding: 0 50px;
    }

.Service-maun {
    border-bottom: 2px #009cf2 solid;
    margin-top: 8px;
}

    .Service-maun ul {
        height: 40px;
    }

        .Service-maun ul li {
            float: left;
        }

            .Service-maun ul li.active {
                background: #009cf2;
                color: #fff;
                padding: 8px 0;
                width: 260px;
                text-align: center;
                font-size: 16px;
                margin-right: 30px;
                cursor: pointer;
                position: relative;
                height: 42px;
            }

                .Service-maun ul li.active b {
                    display: inline-block;
                    position: absolute;
                    margin: 2px 0 0 8px;
                    transform: rotate(90deg);
                    -ms-transform: rotate(90deg);
                    -moz-transform: rotate(90deg);
                    -webkit-transform: rotate(90deg);
                    -o-transform: rotate(90deg);
                    font-weight: normal;
                    font-size: 16px;
                    transition: all 0.2s ease-in-out;
                    -moz-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    color: rgba(255, 255, 255, 0.8)
                }

            .Service-maun ul li:hover.active b {
                transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -webkit-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
            }

            .Service-maun ul li a {
                display: inline-block;
                padding: 8px 40px;
                font-size: 16px;
            }

.Service-Battat {
    overflow: hidden;
}

.Service-maun ul li.active .ListT {
    display: none;
    position: absolute;
    top: 42px;
    z-index: 999
}

.Service-maun ul li.active:hover .ListT {
    display: block;
}

.Service-class {
    width: 260px;
}

    .Service-class ul {
        position: relative;
        border: 1px #009cf2 solid;
        border-top: none;
        border-bottom: 4px #009cf2 solid;
        height: 340px;
    }

        .Service-class ul li {
            display: block;
            position: relative;
            border-bottom: 1px #EEE solid;
            border-top: 1px #FFF solid;
            width: 258px;
            text-align: left;
        }

            .Service-class ul li:hover {
                border-bottom: 1px #009cf2 solid;
                border-top: 1px #009cf2 solid;
            }

                .Service-class ul li:hover:before {
                    content: '';
                    position: absolute;
                    border-right: 3px #fff solid;
                    left: 257px;
                    height: 54px;
                }

            .Service-class ul li a {
                display: block;
                padding: 15px 10px;
                font-size: 16px;
            }

                .Service-class ul li a i {
                    font-size: 24px !important;
                    float: left;
                    padding-right: 10px;
                    margin-left: 5px;
                }

                .Service-class ul li a em {
                    font-size: 8px !important;
                    float: right;
                    color: #ccc
                }

            .Service-class ul li dl {
                position: absolute;
                left: 259px;
                display: none;
                background: #FFF;
                border: 1px #009cf2 solid;
                height: 341px;
                width: 420px;
                border-left: none;
                z-index: 9
            }

            .Service-class ul li:hover dl {
                display: block;
            }

                .Service-class ul li:hover dl dt a {
                    display: inline-block;
                    padding: 6px;
                }

                .Service-class ul li:hover dl dd a {
                    display: inline-block;
                    padding: 2px 10px;
                    font-size: 14px
                }

.Service-Js {
    height: 319px;
}

    .Service-Js ul li {
        background-position: center;
    }

.Service-List {
    width: 220px;
    height: 319px;
    background: url(../img/search-right-bg.png) no-repeat 0 -38px;
}

    .Service-List h3 {
        position: relative;
    }

        .Service-List h3:before {
            content: '';
            position: absolute;
            border-bottom: 4px #009cf2 solid;
            left: 20px;
            width: 40px;
            top: 88px
        }

    .Service-List ul li {
        font-size: 16px;
    }

.slideBox {
    overflow: hidden;
    position: relative;
}

    .slideBox .bd {
        position: relative;
        height: 100%;
        z-index: 0;
    }

        .slideBox .bd li {
            zoom: 1;
            vertical-align: middle;
        }

        .slideBox .bd a {
            width: 100%;
            height: 319px;
            display: block;
        }

    .slideBox .prev, .slideBox .next {
        position: absolute;
        left: 2%;
        top: 50%;
        margin-top: -25px;
        display: block;
        width: 32px;
        height: 40px;
        background: url(../img/slider-arrow.png) -110px 5px no-repeat;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .slideBox .next {
        left: auto;
        right: 2%;
        background-position: 8px 5px;
    }

        .slideBox .prev:hover, .slideBox .next:hover {
            filter: alpha(opacity=100);
            opacity: 1;
        }

.Service-Hot .border {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    cursor: pointer;
}

    .Service-Hot .border p {
        width: 100%;
        overflow: hidden;
        height: 180px;
    }

        .Service-Hot .border p img {
            width: 100%;
            height: 180px;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

.Service-Hot li:hover p img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -transform: scale(1.1, 1.1);
}

.Service-Hot li:hover .border {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.Service-Hot .border h5 {
    color: #009cf2;
    padding: 8px 0;
}

.Service-Hot .border span {
    display: block;
}

.Service-Hot .Moder_A {
    background: #f9f9f9;
    height: 42px;
    margin-top: 20px;
    line-height: 42px;
    border: 1px #EEE solid;
    border-radius: 4px;
    display: inline-block;
    padding: 0 30px;
    color: #888
}

.Service-Tatle {
    position: relative;
    padding-bottom: 20px;
}

.Service-Cop .bg-white {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    cursor: pointer;
}

    .Service-Cop .bg-white:hover {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.3)
    }

    .Service-Cop .bg-white img {
        width: 220px;
        height: 91px;
        margin: 20px auto;
    }

.Service-choose span {
    border: 1px #ccc solid;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    height: 28px;
    margin-right: 10px;
    padding: 0 6px;
}

    .Service-choose span:hover {
        border: 1px #009cf2 solid;
    }

    .Service-choose span i {
        color: #bbb;
        font-weight: bold;
        font-size: 16px;
        margin-left: 5px
    }

    .Service-choose span:hover i {
        color: #ff0000;
    }

/*数据开放平台*/

.Date-bg {
    height: 700px;
    color: #FFF;
    overflow: hidden
}

    .Date-bg span {
        color: #ff0
    }

.Date-T {
    height: 50px;
}

.Date-list li {
    min-height: 150px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

    .Date-list li:hover {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.3)
    }

.Date-list .Date-li-img {
    width: 50px;
    height: 56px;
    background: url(../img/li-left.png) no-repeat;
    padding: 22px 0 0 6px;
    font-weight: bold;
    color: #009cf2;
    font-size: 16px;
    display: inline-block;
}

.Date-list i {
    font-size: 46px !important
}

.Date-listB button {
    padding: 10px 40px;
    font-size: 16px;
}

.Date-listV {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05)
}

    .Date-listV h5 i {
        font-size: 32px !important;
        margin-top: -8px;
        padding-right: 5px;
    }

    .Date-listV ul li a {
        display: block;
        font-size: 15px;
    }

        .Date-listV ul li a.hover {
            color: #009cf2;
            border-right: 2px #009cf2 solid;
        }

/*用户指南*/

.Guide .bg-white, .Contact .bg-white, .About .bg-white {
    padding: 5px 10px;
}

.main-heading {
    padding: 10px;
    font-size: 20px;
    border-bottom: 1px solid #eee;
}

.Guide .text-con, .Contact .text-con, .About .text-con {
    font-size: 16px;
    text-indent: 2em;
    line-height: 32px;
}

.Contact .text-con {
    margin-bottom: 20px;
}

.About .alb {
    font-size: 16px;
    line-height: 32px;
}

    .About .alb span {
        display: inline-block;
        width: 100px;
        text-align: right;
        letter-spacing: 2px;
    }

.Input_text {
    position: absolute;
    background: #FFF;
    padding: 8px 0;
    margin-top: 52px;
    z-index: 888;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

    .Input_text ul {
        overflow: hidden;
        cursor: pointer;
        padding: 0 10px
    }

        .Input_text ul:hover {
            background: #f6f6f6;
        }

        .Input_text ul li {
            float: left;
            padding: 8px 15px;
        }

.press-txt ol, .patsnap-txt ol {
    border: 1px #bfe6fc solid;
    border-radius: 4px;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 750px;
}

.press-txt h1, .patsnap-txt h1 {
    background: #f7fdff;
    padding: 10px 15px;
    font-size: 16px;
    border-bottom: 1px #bfe6fc solid;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.press-txt ul li, .patsnap-txt ul li {
    width: 372px;
    display: inline-block;
    padding: 4px 15px;
}

.patsnap-txt ul p {
    padding: 4px 15px;
    color: #666;
}

.AssTwo, .AssOne {
    display: none
}

    .AssTwo ol, .AssOne ol {
        border: 1px #bfe6fc solid;
        border-radius: 4px;
        margin-bottom: 20px;
    }

        .AssTwo ol h1, .AssOne ol h1 {
            background: #f7fdff;
            padding: 10px 15px;
            font-size: 16px;
            border-bottom: 1px #bfe6fc solid;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

    .AssTwo .One, .AssOne .One {
        border-left: 1px #bfe6fc solid;
        border-right: 1px #bfe6fc solid;
    }

    .AssTwo .Two, .AssOne .Two {
        border: 1px #bfe6fc solid;
        margin-top: -1px;
    }

.One-T, .Tow-T {
    border-left: 1px #FFF solid;
    border-right: 1px #FFF solid;
    border-top: 1px #FFF solid;
    height: 192px;
}

.One-Tc, .Tow-Tc {
    background: url(../img/tab-bg.jpg) repeat-x top;
    border-top: 1px #bfe6fc solid;
    border-left: 1px #bfe6fc solid;
    border-right: 1px #bfe6fc solid
}

.Train_Tab {
    padding-left: 8px;
}

    .Train_Tab a {
        padding: 0 20px;
        padding-bottom: 10px;
    }

        .Train_Tab a.hover {
            color: #009cf2;
            border-bottom: 1px #009cf2 solid;
        }

.nav_view ul {
    overflow: hidden;
    position: relative;
}

    .nav_view ul div {
        padding-left: 15px;
        width: 115px;
        float: left;
        font-weight: bold;
        font-size: 14px
    }

        .nav_view ul div:before {
            content: '';
            height: 23px;
            border-left: 2px solid #009cf2;
            position: absolute;
            left: 0;
        }

    .nav_view ul li {
        float: left;
        padding-left: 20px;
        position: relative;
    }

    .nav_view ul:before {
        content: '';
        height: 16px;
        border-left: 1px solid #ddd;
        position: absolute;
        left: 115px;
        top: 4px;
    }

    .nav_view ul:nth-child(1):before {
        border-left: 1px solid #FFF;
    }

    .nav_view ul:nth-child(4):before {
        border-left: 1px solid #FFF;
    }

    .nav_view ul li a.not {
        cursor: not-allowed;
        color: #adadad !important;
        color: #999 !important;
    }

/*手机新做版本*/

.Mob-top {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

    .Mob-top img {
        height: 42px
    }

.Mob-list .Tatl-T {
    font-size: 16px;
}

.Mob-list ul li {
    overflow: hidden;
    padding: 2px 0
}

    .Mob-list ul li span {
        float: left;
        display: inline-block;
        color: #888;
        width: 25%;
        text-align: right
    }

    .Mob-list ul li p {
        float: left;
        width: 75%;
    }

/*.Servi_deta{overflow:hidden;}*/

.Servi_deta h6 {
    overflow: hidden;
}

.Servi_deta img {
    border: 1px #CCC solid;
    padding: 5px;
}

.Ser-list li {
    overflow: hidden;
    padding: 6px 0
}

    .Ser-list li a {
        float: left;
    }

    .Ser-list li span {
        float: right;
        color: #999;
    }

.Assessment-B {
    background: url(../img/Assessment-B.png) no-repeat center top
}

    .Assessment-B .Ass_search {
        padding-top: 145px;
    }

    .Assessment-B .ser-int {
        width: 70%;
        margin: auto;
        overflow: hidden
    }

        .Assessment-B .ser-int input {
            width: calc(100% - 260px);
            ;
            height: 52px;
            border: none;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            background: #FFF url(../img/search.3e624ede.png) no-repeat 10px 20px;
            padding-left: 40px;
            float: left;
            font-size: 16px;
        }

        .Assessment-B .ser-int .Btn_Right{
            width: 260px;
            float: right;
        }
            .Assessment-B .ser-int .Btn_Right a {
                height: 52px;
                font-size: 18px;
                color: #023e87;
                font-weight: bold;
            }
        .Assessment-B .ser-int button {
            height: 52px;
            background: #009cf2;
            font-size: 16px;
            text-align: center;
            border: none;
            font-weight: bold;
            color: #FFF;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            padding: 0 30px;
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
            margin-right:30px;
        }

            .Assessment-B .ser-int button:hover {
                background: #0090cf
            }

    .Assessment-B .Ass-Text {
        margin-top: 250px;
        margin-bottom: 100px;
    }

        .Assessment-B .Ass-Text i {
            width: 120px;
            display: inline-block;
            height: 120px;
            background: #e8f6fe;
            color: #009cf2;
            border-radius: 120px;
            margin: 20px auto;
            line-height: 120px;
            font-size: 72px;
            transition: all 0.2s ease-in-out;
        }

        .Assessment-B .Ass-Text .col-4:hover i {
            background: #009cf2;
            color: #FFF
        }

        .Assessment-B .Ass-Text .col-4 .text-indent {
            position: absolute;
            text-align: left;
            border: 1px #009cf2 solid;
            background: #FFF;
            margin-top: 10px;
            padding: 6px 10px;
            border-radius: 4px;
            transition: all 0.2s ease-in-out;
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .Assessment-B .Ass-Text .col-4:hover .text-indent {
            margin-top: 0px;
            opacity: 1;
            filter: alpha(opacity=100);
        }

.Government {
    overflow: hidden;
}

    .Government i {
        display: inline-block;
        width: 58px;
        height: 58px;
        background: url(../img/Government.png) no-repeat 0 0;
        float: left
    }

        .Government i.icon1 {
            background-position: -58px 0px
        }

        .Government i.icon2 {
            background-position: -114px 0px
        }

        .Government i.icon3 {
            background-position: -172px 0px
        }

        .Government i.icon4 {
            background-position: -229px 0px
        }

    .Government .Tex_L {
        width: calc(100% - 67px);
        float: left;
    }

.Government-bg i {
    display: block;
    width: 147px;
    height: 40px;
    background: url(../img/Government-bg.png) no-repeat 0 0;
    margin: 10px auto
}

    .Government-bg i.icon1 {
        background-position: 0px -40px
    }

    .Government-bg i.icon2 {
        background-position: 0px -80px
    }

.zlshop .bg-white {
    height: 120px;
    padding-top: 30px;
}

.zlshopX {
    height: 120px;
}

/*.GovernmentOne{height:214px}*/

.GovernmentOne .hd {
    position: relative;
    overflow: hidden;
    height: 42px
}

    .GovernmentOne .hd ul {
        position: absolute;
        overflow: hidden;
        height: 42px
    }

        .GovernmentOne .hd ul li {
            float: left;
            padding: 0 20px;
            cursor: pointer;
            line-height: 36px;
            font-size: 14px;
            border-radius: 50px;
        }

            .GovernmentOne .hd ul li.on {
                height: 36px;
                color: #fff;
                background: #009cf2
            }

.GovernmentOne .bd {
    overflow: hidden;
    margin-top: 30px
}

    .GovernmentOne .bd ul {
        zoom: 1;
    }

.GovernmentOne-bg {
    background: #FFF url(../img/no-bg.png) no-repeat center bottom
}

.GovernmentTwo .hd {
    position: relative;
    overflow: hidden;
    height: 70px
}

    .GovernmentTwo .hd ul {
        position: absolute;
        overflow: hidden;
        height: 70px
    }

        .GovernmentTwo .hd ul li {
            float: left;
            padding: 0 25px;
            cursor: pointer;
            line-height: 40px;
            font-size: 16px;
            border-radius: 50px;
            margin-right: 10px
        }

            .GovernmentTwo .hd ul li.on {
                height: 40px;
                color: #fff;
                background: #009cf2
            }

.GovernmentTwo .bd {
    height: 66px;
    overflow: hidden;
}

    .GovernmentTwo .bd ul {
        zoom: 1;
    }

.Analysis {
    overflow: hidden;
}

    .Analysis ul li div {
        cursor: pointer;
        border: 1px #dedede solid;
        padding: 5px 0;
        line-height: 18px
    }

        .Analysis ul li div.on {
            border: 1px #009cf2 solid;
            color: #009cf2
        }

.Instit_li li {
    padding: 5px 0;
    line-height: 20px;
    overflow: hidden;
}

    .Instit_li li i {
        width: 16px;
        height: 16px;
        background: #009cf2;
        display: inline-block;
        float: left;
        margin-top: 5px;
    }

    .Instit_li li span {
        display: inline-block;
        float: left;
        padding-top: 3px;
        padding-left: 5px;
        color: #666
    }

    .Instit_li li em {
        display: block;
        padding-top: 5px;
        font-weight: bold;
        padding-left: 20px;
        font-style: normal
    }

.Instit_div {
    font-weight: bold;
    width: 92%;
    text-align: center;
    position: absolute;
    z-index: 999;
    margin-top: 83px;
    line-height: 18px;
}

.bord-hover {
    border: 1px solid #dee2e6 !important;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    .bord-hover:hover {
        border: 1px solid #009cf2 !important;
        box-shadow: 0 0 5px rgba(0, 156, 242, 0.2)
    }

@@media (max-width: 992px) {
    #topHead1, #topHead {
        height: 93px !important;
        line-height: 93px !important;
    }

    #topHead2 {
        border: 0px !important;
    }
}

@@media (max-width: 992px) {
    #topHead3, #topHead4 {
        height: 48px !important;
        line-height: 48px !important;
    }

    #topHead2 {
        border: 0px !important;
    }
}

.info-no {
    height: 350px !important;
    width: 100%;
}

.link-tab {
    background: #FFF;
    width: 100%;
    padding-left: 10px;
    overflow: hidden;
    height: 58px;
    padding-top: 10px
}

    .link-tab ul li {
        float: left;
        margin: 0 25px;
        font-size: 16px;
        cursor: pointer;
        padding: 5px;
    }

        .link-tab ul li a {
        }

        .link-tab ul li:hover {
            border-bottom: 2px #009cf2 solid;
        }

.row-list {
    margin-right: -10px;
    margin-left: -10px;
    overflow: hidden
}

    .row-list .lis {
        width: 20%;
        float: left;
        padding: 0 10px
    }

.map-hover .bg-white {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    cursor: pointer;
    height: 180px;
    position: relative;
    overflow: hidden
}

    .map-hover .bg-white img {
        height: 180px;
        width: 100%;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .map-hover .bg-white:hover img {
        -webkit-transform: scale(1.05, 1.05);
        -moz-transform: scale(1.05, 1.05);
        -transform: scale(1.05, 1.05);
    }

    .map-hover .bg-white p {
        position: absolute;
        bottom: 0;
        height: 36px;
        text-align: center;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        color: #FFF;
        line-height: 36px;
        z-index: 1
    }

    .map-hover .bg-white:hover {
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
    }

    .map-hover .bg-white button {
        display: none;
        position: absolute;
        z-index: 1;
        margin: 10px 0 0 223px
    }

    .map-hover .bg-white:hover button {
        display: block
    }

.Add-Map {
    text-align: center;
    font-size: 16px;
    padding-top: 45px;
    color: #666
}

    .Add-Map i {
        font-size: 32px;
        display: block;
        margin: 18px 0;
        color: #009cf2
    }

.GovClass {
    overflow: hidden;
    padding-bottom: 1rem !important
}

    .GovClass .textL {
        float: left;
        width: 130px;
        text-align: right;
    }

    .GovClass .textR {
        float: left;
        width: calc(100% - 130px);
    }

        .GovClass .textR ul li {
            display: inline-block;
            cursor: pointer;
            padding: 2px 8px;
            margin: 0 2px;
            float: left
        }

            .GovClass .textR ul li.on {
                color: #009cf2;
                border-radius: 4px;
                border: 1px #009cf2 solid !important;
            }

        .GovClass .textR ul span {
            display: inline-block;
        }

    .GovClass .textC {
        float: left;
        width: calc(50% - 130px);
    }

.table-wrapper {
    cursor: pointer
}

    .table-wrapper span {
        position: relative;
        padding-left: 6px
    }

        .table-wrapper span i {
            display: inline-block
        }

        .table-wrapper span i {
            width: 0;
            height: 0;
            border: 5px solid;
            border-color: #ccc transparent transparent;
            margin-top: 13px;
            position: absolute
        }

            .table-wrapper span i:nth-child(2) {
                width: 0;
                height: 0;
                border: 5px solid;
                border-color: transparent transparent #ccc;
                position: absolute;
                margin-top: 1px;
            }

.Class-li ul {
    position: relative
}

    .Class-li ul h6 {
        float: left;
        padding-top: 12px
    }

    .Class-li ul li {
        border: 1px #ddd solid;
        padding: 1px 8px;
        font-size: .875rem;
        background: #f9f9f9;
        height: 27px;
        line-height: 24px;
        color: #666;
        margin-right: 6px;
        float: left;
        position: relative
    }

        .Class-li ul li i {
            font-style: normal;
            display: inline-block;
            float: left
        }

        .Class-li ul li span {
            color: #009cf2;
            display: inline-block
        }

        .Class-li ul li:hover {
            border-color: #009cf2
        }

.textEllipsis {
    overflow: hidden;
    /*不允许滚动条*/
    white-space: nowrap;
    /*不允许文本换行*/
    text-overflow: ellipsis;
    /*文本超长显示省略号*/
    width: 150px;
    position: relative
}

.textEllipsisM:hover .textEllipsisH {
    display: block
}

.textEllipsisH {
    width: 230px;
    position: absolute;
    border: 1px #009cf2 solid;
    left: 0px;
    top: 0px;
    background: #f9f9f9;
    z-index: 999;
    display: none;
    line-height: 24px;
    padding: 1px 8px;
    margin: -1px 0 0 -1px;
}

    .textEllipsisH span {
        display: inline !important
    }

.textTwo {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.AreaOne {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    border-left: 5px #009cf2 solid;
    overflow: hidden;
    padding: 10px 0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    cursor: pointer
}

    .AreaOne:hover {
        box-shadow: 0 5px 7px rgba(0, 156, 242, 0.3)
    }

    .AreaOne span {
        display: inline-block;
        padding: 0 15px;
        float: left;
        border-right: 1px #ddd solid;
        margin-right: 15px;
        font-size: 16px
    }

        .AreaOne span i {
            font-size: 20px;
            color: #009cf2;
            font-style: normal;
            display: block
        }

    .AreaOne em {
        font-style: normal;
        float: left
    }

.AreaTwo {
    border-left: 5px #29a744 solid;
}

    .AreaTwo span i {
        color: #29a744
    }

    .AreaTwo:hover {
        box-shadow: 0 5px 7px rgba(41, 167, 68, 0.3)
    }

.AreaThree {
    border-left: 5px #fe9e07 solid;
}

    .AreaThree span i {
        color: #fe9e07
    }

    .AreaThree:hover {
        box-shadow: 0 5px 7px rgba(254, 158, 7, 0.3)
    }

.AreaFour {
    border-left: 5px #bfbfbf solid;
}

    .AreaFour span i {
        color: #bfbfbf
    }

    .AreaFour:hover {
        box-shadow: 0 5px 7px rgba(130, 130, 130, 0.3)
    }

.SCQK_list span.TooltopV {
    position: relative;
}

    .SCQK_list span.TooltopV:hover i {
        display: block
    }

    .SCQK_list span.TooltopV i {
        position: absolute;
        border: 1px #CCC solid;
        top: 20px;
        left: -10px;
        font-style: normal;
        color: #333;
        min-width: 150px;
        z-index: 999;
        background: #fff;
        border-radius: 5px;
        padding: 5px 10px;
        display: none;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    }

/*新首页样式表*/

@font-face {
    font-family: "number";
    src: url('../fonts/bahnschrift.ttf') format('truetype');
}

.number {
    font-family: "number" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
    font-weight: bold;
    padding-right: 5px;
}

    .number a {
        display: inline-block !important;
        height: auto !important;
    }

.text-shadow {
    text-shadow: 0 0 10px #009cf2;
}

.text-shadow {
    text-shadow: 0 0 20px #009cf2;
}

.ind-left {
    position: relative;
}

    .ind-left h3 {
        position: absolute;
        padding: 250px 0 0 170px
    }

    .ind-left dl dd {
        position: absolute;
        padding: 160px 0 0 0
    }

        .ind-left dl dd:first-child {
            padding: 310px 0 0 50px
        }

        .ind-left dl dd:last-child {
            padding: 270px 0 0 390px
        }

.ind-right {
    position: relative;
}

    .ind-right h3 {
        position: absolute;
        padding: 250px 0 0 390px
    }

    .ind-right dl dd {
        position: absolute;
        padding: 160px 0 0 450px
    }

        .ind-right dl dd:first-child {
            padding: 230px 0 0 110px
        }

        .ind-right dl dd:last-child {
            padding: 320px 0 0 360px
        }

.Index_inp {
    border: 2px #009cf2 solid;
    height: 52px;
    width: 100%;
}

    .Index_inp .left {
        width: 125px;
        float: left;
    }

        .Index_inp .left select {
            border: none;
            cursor: pointer;
        }

            .Index_inp .left select:focus {
                box-shadow: 0 0 0 0;
            }

    .Index_inp .right {
        width: calc(100% - 125px);
        float: left;
        overflow: hidden;
        background: #555;
    }

        .Index_inp .right input {
            background: #FFF;
            border: none;
            height: 48px;
            line-height: 48px;
        }

        .Index_inp .right button {
            background: #009cf2;
            color: #FFF;
            border: none;
            cursor: pointer;
            font-size: 17px;
            height: 48px;
            line-height: 48px;
        }

        .Index_inp .right i {
            font-size: 18px !important;
        }

.Tatle_Top {
    overflow: hidden
}

    .Tatle_Top i {
        font-size: 28px !important
    }

    .Tatle_Top h4 {
        display: inline-block
    }

    .Tatle_Top .moer {
        cursor: pointer;
    }

        .Tatle_Top .moer span {
            height: 6px;
            width: 6px;
            display: inline-block;
            border-radius: 6px;
            margin: 1px;
            background: #ccc;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

        .Tatle_Top .moer:hover span {
            background: #999;
        }

.index-pxli h6 {
    font-size: 16px;
}

.index-pxli:hover h6 {
    color: #009cf2;
}

.index-pxli .rounded-top {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    opacity: 1.0;
    filter(alpha=100);
}

.index-pxli:hover .rounded-top {
    opacity: 0.7;
    filter(alpha=70);
}

.index-pxli:hover .icon {
    color: rgba(255, 255, 255, 1)
}

.index-pxli ul {
    height: 48px;
    overflow: hidden;
}

.index-pxli .img-fluid {
    width: 100%;
}

.Work .layui-flow-more {
    display: none;
}

.company {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-bottom: 4px #009cf2 solid;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    .company h6 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 24px;
        height: 69px;
    }

    .company:hover {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    }

        .company:hover h5 {
            color: #009cf2
        }

.Link span {
    width: 160px;
    display: block
}

.indnav .rounded {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.075);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    font-size: 15px;
}

.img .rounded img {
    transition: all 0.2s ease-in-out;
}

.indnav .rounded:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background: #f8f9fa;
    color: #009cf2;
    border-color: #b8daff !important
}

.img .rounded:hover img {
    opacity: 0.7;
    filter(alpha=70);
}

/*机构库*/

.repository .searchBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
}

.repository .repositoryMsg {
    box-sizing: border-box;
}

.repository .bg_white {
    background-color: #FFFFFF;
    padding: 15px;
    cursor: pointer;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}

.repository .enterpriseStatus {
    display: inline-block;
    padding: 0 4px;
    color: #1E9CF2;
    background-color: rgb(232, 245, 254);
    border: 1px solid #1E9CF2;
    border-radius: 2px;
    height: 21px;
    line-height: 19px;
    font-size: 12px;
    position: absolute;
    top: 14px;
    right: 26px;
    z-index: 50;
}

.repository .address {
    padding-left: 20px;
    background: url(../img/position.svg) no-repeat;
    background-position: 0 center;
}

.repository .hightech {
    display: inline-block;
    padding: 3px 7px;
    color: #1E9CF2;
    background-color: rgb(232, 245, 254);
    border: none;
}

.repository .smallEnterprise {
    display: inline-block;
    padding: 3px 7px;
    color: #DC3545;
    background-color: rgb(252, 234, 236);
    border: none;
}

.repository .listedCompany {
    display: inline-block;
    padding: 3px 7px;
    color: #FFC107;
    background-color: rgb(255, 249, 229);
    border: none;
}

.repository .aboveCompany {
    display: inline-block;
    padding: 3px 7px;
    color: #28A745;
    background-color: rgb(233, 246, 236);
    border: none;
}

.repository .enterpriseMsg > p:not(:first-of-type) {
    color: rgba(51, 51, 51, 0.8);
    font-size: 13px;
    line-height: 22px;
}

.repository .repositoryLabel > span {
    margin: 8px 8px 12px 0;
}

.repository .patentDetails {
    display: flex;
    justify-content: space-around;
}

    .repository .patentDetails > div {
        text-align: center;
    }

        .repository .patentDetails > div > h3 {
            color: #1E9CF2;
            font-size: 18px;
        }

        .repository .patentDetails > div > p {
            font-size: 14px;
            line-height: 28px;
        }

.repository .page-bar ul {
    margin-right: 6px;
}

.repository .page-bar span:first-of-type {
    margin-left: 0;
}

.repository .reportLink > a {
    padding: 3px 8px;
    display: inline-block;
    color: #ffffff;
    background: rgba(0, 156, 241, 1);
    border-radius: 2px;
}

    .repository .reportLink > a:hover {
        background: rgba(0, 156, 241, 0.8);
    }

.repository .reportLink {
    margin-top: 10px;
    text-align: right;
}

/*公司详情页*/

.p-15 {
    padding: 15px;
}

.companyDetails .msgTop > .companyImg {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

.companyDetails .msgTop {
    display: flex;
    position: relative;
}

    .companyDetails .msgTop .companyMsgs {
        flex: 1;
    }

        .companyDetails .msgTop .companyMsgs .rightFirstDiv > p:first-of-type {
            font-size: 20px;
            font-weight: bold;
            color: #333333;
        }

        .companyDetails .msgTop .companyMsgs .rightFirstDiv > div > a:first-of-type {
            display: inline-block;
            color: #fff;
            padding: 3px 14px 3px 38px;
            background: url(../img/companyDetails/ZHCQBHBG.png) no-repeat;
            background-position: 14px center;
            border-radius: 1px;
            background-color: #009CF2;
            border: 1px solid #009CF2;
            opacity: 1;
            border-radius: 5px;
        }

.companyDetails .displayNone {
    display: none !important;
}

.companyDetails .msgTop .companyMsgs .rightFirstDiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.companyDetails a {
    cursor: pointer;
}

.companyDetails .msgTop .specificMsg > span {
    margin-right: 20px;
    padding-left: 18px;
}

.companyDetails .msgTop .specificMsg {
    margin: 10px 0;
}

    .companyDetails .msgTop .specificMsg > span:first-of-type {
        background: url(../img/companyDetails/name.svg) no-repeat;
        background-position: 0px center;
    }

    .companyDetails .msgTop .specificMsg > span:nth-of-type(2) {
        background: url(../img/companyDetails/phone.svg) no-repeat;
        background-position: 0px center;
    }

    .companyDetails .msgTop .specificMsg > span:nth-of-type(3) {
        background: url(../img/companyDetails/website.svg) no-repeat;
        background-position: 0px center;
    }

    .companyDetails .msgTop .specificMsg > span:last-of-type {
        background: url(../img/companyDetails/address.svg) no-repeat;
        background-position: 0px center;
    }

.companyDetails .assessIndex .assessIndexLeft {
    /*width: 200px;*/
    background-color: #1E9CF2;
    text-align: center;
    box-sizing: border-box;
    padding-top: 8px;
    border-bottom: 1px solid #1E9CF2;
    position: relative;
}

.companyDetails .triangle {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-color: #1E9CF2;
    z-index: 9999;
}

.companyDetails .assessIndex .assessIndexLeft p {
    color: #FFFFFFFF;
}

    .companyDetails .assessIndex .assessIndexLeft p:last-of-type {
        font-size: 20px;
        font-weight: bold;
        margin: 10px 0;
    }

    .companyDetails .assessIndex .assessIndexLeft p:first-of-type {
        display: flex;
        align-items: center;
        justify-content: center;
    }

}

.fl_left {
    float: left;
}

.fl_right {
    float: right;
}

.clearfix {
    zoom: 1;
}

.companyDetails .star {
    background: #F3FAFF;
    flex: 1;
}

.flexCenter {
    display: flex;
    justify-content: space-around;
}

.flexCenter2 {
    display: flex;
    align-items: center;
}

.flexCenter3 {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.companyDetails .starDiv p {
    justify-content: flex-end;
    padding: 5px 0;
}

.companyDetails .starDiv img {
    margin: 0 2px;
}

.companyDetails .companyLabel {
    border: 1px solid rgba(30, 156, 242, 1);
    padding: 8px;
    margin-top: 10px;
}

    .companyDetails .companyLabel > div {
        margin: 8px 0;
    }

.companyDetails .industry > span {
    padding: 3px 8px;
    color: rgba(30, 156, 242, 1);
    background-color: #E8F5FE;
    margin-right: 4px;
}

.companyDetails .advantage > span {
    padding: 3px 8px;
    color: rgba(30, 156, 242, 1);
    background-color: #E8F5FE;
    margin-right: 4px;
}

.companyDetails .honor > span {
    padding: 3px 8px;
    color: rgba(30, 156, 242, 1);
    background-color: #E8F5FE;
    margin-right: 4px;
}

.companyDetails .honor .companyBQ span {
    font-size: 12px;
    font-weight: 400;
    color: #009CF1;
    border: 1px solid #009CF1;
    background: #EBF7FE;
    padding: 0px 12px;
    margin-top: 10px;
    margin-right: 10px;
    display: inline-block;
}

.companyDetails .noneBtn {
    background: #1E9CF2;
    border: none;
    outline: none
}

.companyDetails .line {
    width: 5px;
    height: 24px;
    background: rgba(30, 156, 242, 1);
    opacity: 1;
    border-radius: 4px;
}

.sectionTitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: rgba(51, 51, 51, 1);
    margin: 0 6px 0 10px;
}

.tableTd {
    background: #F8FCFF;
    text-align: right !important;
    vertical-align: middle;
    white-space: nowrap;
}

.companyDetails .leftTable > tr td, .companyDetails .leftTable > tr th {
    text-align: left;
    vertical-align: middle;
}

.p-30 {
    padding: 30px;
}

.companyDetails .table-bordered thead th {
    border-bottom-width: 0;
}

.companyDetails .table thead th {
    border-bottom: 0px;
}

.centerTable tr td, .centerTable tr th {
    text-align: center;
    vertical-align: middle;
}

.centerTable tr th {
    background: #F8FCFF;
}

.companyDetails .relevantNews .seeMore {
    padding: 3px 17px;
    background: rgba(30, 156, 242, 0.05);
    border: 1px solid rgba(30, 156, 242, 1);
    border-radius: 2px;
    color: rgba(30, 156, 242, 1);
}

.companyDetails .News .serialNumber {
    background: rgba(30, 156, 242, 0.05);
    border: 1px solid rgba(30, 156, 242, 1);
    opacity: 1;
    border-radius: 2px;
    color: rgba(30, 156, 242, 1);
    padding: 0px 8px;
}

.mt-10 {
    margin-top: 10px;
}

.companyDetails .lawRow .caseTrend {
    height: 500px;
}

.companyDetails .borderNone {
    border: 1px solid #ccc;
    border-top: none;
}

.companyDetails .nav-link {
    border: 1px solid #ccc;
}

.companyDetails .boldCss {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: rgba(51, 51, 51, 1);
}

.YSnews {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#patentLabel {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(220, 53, 69, 1);
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 14px;
}

#serviceNav .inystem {
    padding-left: 25px;
    background: url(../img/serviceNav/newgroup114.png) no-repeat;
    background-position: left center;
    font-size: 13px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #576EAA;
}

#serviceNav .webApply {
    font-size: 13px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #999999;
    opacity: 1;
}

.companyDetails .cir {
    width: 9px;
    height: 9px;
    display: inline-block;
    background: rgba(30, 156, 242, 1);
    opacity: 1;
    border-radius: 50%;
}

.companyDetails .labelcolor {
    color: rgba(30, 156, 242, 1);
    font-size: 18px;
    font-weight: 600;
}

.mr-15 {
    margin-right: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.addCatchingCss {
    color: rgb(0,156,241) !important;
}

.companyDetails .ZLQDbtn .el-input__inner {
    border: 1px solid #DDDDDD !important;
}

.companyDetails .ZLQDbtn .el-input__inner {
    height: 32px !important;
}

.companyDetails .ZLQDbtn input::-webkit-input-placeholder {
    color: #333333;
}

.companyDetails .ZLQDbtn input:-moz-placeholder {
    color: #333333;
}

.companyDetails .ZLQDbtn input::-moz-placeholder {
    color: #333333;
}

.companyDetails .ZLQDbtn input:-ms-input-placeholder {
    color: #333333;
}

.companyDetails .exportDate {
    display: inline-block;
    padding: 4px 16px 4px 40px;
    color: #fff;
    background: url(/img/companyDetails/exportDate.png) no-repeat;
    background-position: 15px center;
    background-color: #009CF2;
    border-radius: 5px;
    margin-left: 10px;
}

.companyDetails .patentMsg, .companyDetails .patentRight {
    color: #777777;
}

.companyDetails .nav-pills .nav-link {
    border-radius: 0;
}

.companyDetails .patentMsg .nav-link {
    background: #F8FCFF;
    color: #777777;
}


.companyDetails .nav-pills .nav-link.active {
    color: #212529;
    border-left: 5px solid rgba(30, 156, 242, 1);
    background: none;
    border-right: none;
}

.companyDetails .patentMsg > a:first-of-type {
    border-top: 1px solid #dee2e6 !important;
}

.companyDetails .patentMsg > a {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-top: none !important;
}

    .companyDetails .patentMsg > a:last-of-type {
        border-bottom: 1px solid #dee2e6;
    }


.companyDetails .patentLeft {
    position: absolute;
    z-index: 100;
    background: #ffffff;
}


.companyDetails .patentRight {
    position: absolute;
    right: 2px;
    z-index: 10;
}

.companyDetails .analysis .nav-link {
    border-radius: 0;
}

.companyDetails .nav-tabs .nav-link.active {
    border-top: 3px solid rgba(30, 156, 242, 1);
}

.companyDetails .risk .nav-link {
    border-radius: 0;
}

.companyDetails .masklayer {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(250, 250, 250, 0.93);
    z-index: 100;
}

.companyDetails .vip {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    padding: 5px 20px 5px 30px;
    background: url(../img/companyDetails/vip.svg) no-repeat;
    background-color: rgba(30, 156, 242, 1);
    background-position: 9px center;
    color: #fff;
    z-index: 200;
    font-size: 16px;
}

.pb-7 {
    padding-bottom: 7px;
}

.pr-1 {
    padding-right: 1rem !important;
}

/*平台监测*/
.platformTest .middleLIne {
    width: 1px;
    background: #bcbcbc;
    opacity: 0.4;
}

.platformTest .jzDate {
    color: #999999;
    padding-left: 12px;
}

.color009CF1 {
    font-family: PingFang SC;
    color: #009CF1;
    font-size: 16px;
    font-weight: 600;
}

.platformTest .line {
    display: inline-block;
    width: 5px;
    height: 26px;
    background: rgba(30, 156, 242, 1);
    border-radius: 10px;
}

.platformTest .zscqsjjc {
    padding: 0 0 0 0.5rem !important;
    font-size: 18px;
    color: #333;
}

.platformTest .bigBold {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 600;
}

.platformTest .cir {
    width: 9px;
    height: 9px;
    display: inline-block;
    background: rgba(30, 156, 242, 1);
    opacity: 1;
    border-radius: 50%;
}

.platformTest .ejTitle {
    color: #333333;
    font-weight: bold;
    font-size: 16px;
}

.centerTable tr th {
    background: #F8FCFF
}

.centerTable tr td, .centerTable tr th {
    text-align: center;
    vertical-align: middle;
}

.centerTable thead th {
    border-bottom: 0px;
}

.mtb-16 {
    margin: 16px 0;
}

.platformTest .echartsBtn {
    padding: 2px 15px;
    display: inline-block;
    border: 1px solid #212529;
    border-radius: 2px;
}

.pt-15 {
    padding-top: 15px !important;
}

.platformTest .echartsBtn:hover {
    color: #1E9CF2;
    background: #F3FAFF;
    border: 1px solid #1E9CF2;
}

.platformTest .commonShow {
    padding: 13px 20px;
    margin-right: 20px;
    border-radius: 5px;
}

.DBEDFF {
    background: #DBEDFF;
    color: #004085;
}

.font20 {
    font-size: 20px;
}
.font20 img{
    margin-left:10px;
}
.font20 span:hover i{
    display:block
}
.font20 span{
    position:relative
}
.font20 i{
    font-size:12px;
    background:#333;
    color:#FFF;
    line-height:20px;
    display:inline-block;
    padding:5px 6px;
    border-radius:4px;
    font-style:normal;
    width:205px;
    position:absolute;
    margin-left:12px;
    display:none;
    top:1px;
    left:25px;
}
.font20 i::before{
    border: 8px solid transparent;
    border-right-color: #333;
    width: 0;
    height: 0;
    left:-16px;
    top:7px;
    position:absolute;
    content:'';
}
.font20 em{
    font-style:normal;
}

.FFF3CD {
    background: #FFF6DC;
    color: #856404;
}

.D4EDDA {
    background: #E1F2E5;
    color: #155724;
}

.userBtn {
    height: 40px;
    line-height: 40px;
    color: #FFF;
    background-color: #409EFF;
    border-color: #409EFF;
    border: none;
    outline: none;
    padding: 0 20px;
    font-size: 12px;
    border-radius: 5px;
}

.platformTest .userBtn:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #FFF;
}

.platformTest .generate {
    background: #1E9CF2;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem 1.75rem;
    cursor: pointer;
}

.platformTest .elInput .el-input__inner::-webkit-input-placeholder {
    color: #333333 !important;
}

.platformTest .elInput .el-input__inner:-moz-placeholder {
    color: #333333 !important;
}

.platformTest .elInput .el-input__inner::-moz-placeholder {
    color: #333333 !important;
}

.platformTest .elInput .el-input__inner:-ms-input-placeholder {
    color: #333333 !important;
}


.mr_5 {
    margin-right: 5px;
}

.platformTest .patentNumber {
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: bold;
}

.bgF3FAFF {
    background: #F3FAFF;
    border: 1px solid rgba(30, 156, 242, 1);
    color: #1E9CF2;
    border-radius: 5px;
}

.lineheight-52 {
    line-height: 52px;
}

.bgF9E5E5 {
    background: rgba(249, 229, 229, 1);
    border: 1px solid rgba(222, 90, 86, 1);
    color: rgba(222, 90, 86, 1);
    border-radius: 5px;
}

.bg52D35C {
    background: rgba(229, 249, 231, 1);
    border: 1px solid rgba(82, 211, 92, 1);
    color: rgba(82, 211, 92, 1);
    border-radius: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.bgBC9900 {
    background: rgba(253, 246, 218, 1);
    border: 1px solid rgba(188, 153, 0, 1);
    color: rgba(188, 153, 0, 1);
    border-radius: 5px;
}

.bg7054E5 {
    background: rgba(234, 229, 251, 1);
    border: 1px solid rgba(112, 84, 229, 1);
    color: rgba(112, 84, 229, 1);
    border-radius: 5px;
}

.shadow000 {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    background: rgba(255, 255, 255, 1);
}

.platformTest .el-input__inner {
    height: 32px;
    line-height: 32px;
}

.platformTest .el-input__icon {
    line-height: 32px;
}

/*企业知识产权报告*/

.companiesReport .el-input__inner {
    height: 32px;
    line-height: 32px;
}

.companiesReport .el-input__icon {
    line-height: 32px;
}

.companiesReport .generate {
    background: #1E9CF2;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem 1.75rem;
    cursor: pointer;
}



.ml-20 {
    margin-left: 20px;
}

.ml-10 {
    margin-left: 10px;
}

.companiesReport .backBtn {
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem 0.375rem 2.25rem;
    display: inline-block;
    border: 1px solid rgba(30, 156, 242, 1);
    border-radius: 4px;
    color: rgba(30, 156, 242, 1);
    background: url(../img/companyDetails/back.svg) no-repeat;
    background-position: 11px center;
    cursor: pointer;
    background-size: 13px;
    cursor: pointer;
}

.mt-20 {
    margin-top: 20px;
}

.companiesReport .exportReport {
    background: url(../img/companyDetails/exportReport.svg) no-repeat;
    background-position: 10px center;
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 0.375rem 0.75rem 0.375rem 2.25rem;
    border: 1px solid #1E9CF2;
    color: #1E9CF2;
}

.companiesReport .jzdate {
    color: #999999;
}

.companiesReport .leftCommonTop {
    font-size: 18px;
    margin-bottom: 12px;
}

.companiesReport .leftCommonBottom {
    font-size: 24px;
    font-weight: bold;
}

.companiesReport .patentRight .leftCommonBottom {
    font-size: 24px;
    font-weight: bold;
}

.companiesReport .patentRight .leftCommonTop {
    font-size: 18px;
    margin-bottom: 12px;
}

.pb-15 {
    padding-bottom: 15px;
}

.companiesReport .reportTitle {
    font-size: 24px;
    color: rgba(30, 156, 242, 1);
    margin: 0 15px;
}

.companiesReport .mainTitle {
    background: #E8F5FE;
    border-radius: 32px;
    height: 64px;
    line-height: 64px;
    color: #1E9CF2;
    margin: 30px 0;
    font-size: 26px;
    font-weight: bold;
}

.pl-30 {
    padding-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}

.mr-10 {
    margin-right: 10px;
}

.companiesReport .line {
    display: inline-block;
    width: 6px;
    height: 30px;
    background: rgba(30, 156, 242, 1);
    border-radius: 90px;
}

.companiesReport .secondTitle {
    font-size: 24px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.font18 {
    font-size: 18px;
}

.font24 {
    font-size: 24px;
}

.companiesReport .patentLeft {
    width: 200px;
    height: 120px;
    background: rgba(30, 156, 242, 1);
    color: #fff;
}

.companiesReport .triangle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -19px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-color: #1E9CF2;
}

.flexColumn {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mb-20 {
    margin-bottom: 20px;
}

.color1E9CF2 {
    color: #1E9CF2;
}

.font16 {
    font-size: 16px;
}

/*投资机构库*/

.line-heigth40 {
    line-height: 40px;
}

.investmentLibrary .nowrapWord i {
    white-space: nowrap;
}

.usageSituation .active, .visits .active {
    color: #009cf2;
    border: 1px solid #009cf2;
    background: #F3FAFF
}

.listhide {
    display: none;
}

.spanRadius {
    background: #000000;
    display: inline-block;
    width: 6px;
    height: 6px;
    padding-right: 0 !important;
    margin-right: 10px;
    border-radius: 50%
}

.lilastSpan {
    padding-right: 0 !important;
    user-select: none;
    color: #6c757d !important;
}

.understandMore {
    display: inline-block;
    color: #fff;
    background-color: #009cf2;
    border-color: #009cf2;
    padding: 0.5rem 1rem;
    margin: 14px 0 8px;
}

    .understandMore:hover {
        color: #fff !important;
        background: #009cf2;
        opacity: 0.8;
        cursor: pointer !important;
    }

.listSelected {
    display: block;
}

.jumpHtml {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

    .jumpHtml > a {
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 3rem;
    }

.boxShadow6px {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}

.propertyApply:hover {
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background: #f8f9fa;
    color: #009cf2;
    border-color: #b8daff !important;
}

.patentValueModal:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background: #f8f9fa;
    color: #009cf2;
    border-color: #b8daff !important;
    cursor: pointer;
}

.patentMining:hover {
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-color: #b8daff !important;
    color: #009cf2;
}

.patentMining {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.075);
}

.patentValueModal1:hover, .patentValueModal2:hover {
    border-color: #b8daff !important;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.patentValueModal2 {
    background: url(../img/Four1-1.jpg) no-repeat;
    background-size: cover;
    height: 150px;
    border: 1px solid #b8daff !important;
}

.patentValueModal1 {
    background: url(../img/Four1-2.jpg) no-repeat;
    background-size: cover;
    height: 150px;
    border: 1px solid #b8daff !important;
}

.p-10 {
    padding: 10px;
}

.dataAnalysis:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background: #f8f9fa;
    border-color: #b8daff !important;
    cursor: pointer;
}

    .dataAnalysis:hover a {
        color: #009cf2;
    }

.fullSlide #Banner .numberpcs {
    font-size: 18px;
    color: #ffffff;
}

.fullSlide #Banner .secondNum {
    font-size: 14px;
    color: #ffffff;
    opacity: 0.6;
}

.fullSlide #Banner .patentOutCir {
    background: url('../img/ellipselbig.png') no-repeat;
    background-position-x: 20%;
    width: 50%;
    height: 230px;
    background-size: contain;
    position: relative
}

.fullSlide #Banner .patentInnerCir {
    background: url('../img/ellipsel.png') no-repeat;
    height: 164px;
    background-size: contain;
    position: absolute;
    width: 500px;
    top: 13%;
    left: 15%;
}

.fullSlide #Banner .patentleftWord {
    display: flex;
    align-items: center;
    position: absolute;
    top: 68px;
    left: 136px;
    font-size: 32px;
    color: #ffffff;
    height: auto;
    cursor: pointer
}

.fullSlide #Banner .ellipserOutCir {
    background: url('../img/ellipserbig.png') no-repeat;
    width: 50%;
    height: 230px;
    background-size: contain;
    position: relative;
    background-position-x: 80%
}

.fullSlide #Banner .ellipserInnerCir {
    background: url('../img/ellipser.png') no-repeat;
    height: 164px;
    background-size: contain;
    position: absolute;
    width: 500px;
    top: 17%;
    left: 29%;
}

.fullSlide #Banner .ellipserRightWord {
    display: flex;
    align-items: center;
    position: absolute;
    top: 62px;
    left: 97px;
    font-size: 32px;
    color: #ffffff;
    height: auto;
    cursor: pointer
}

.fullSlide #Banner .bannerTitle {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 100px
}

    .fullSlide #Banner .bannerTitle .jumpbg {
        display: inline-block;
        /*background: url('../img/title.png') no-repeat center center;
        background-size: 100%;*/
        cursor: pointer
    }

        .fullSlide #Banner .bannerTitle .jumpbg > a {
            display: inline-block !important;
            font-size: 16px;
            color: rgba(65, 96, 153, 1);
            background: rgba(255, 255, 255, 1);
            padding: 7px 25px;
            border-radius: 20px;
            height: auto !important;
            z-index: 99999;
        }

.width100 {
    width: 100%
}

#serviceNav .explainWord {
    color: #FFFFFF;
    font-size: 13px;
    opacity: 0.5;
    line-height: 19px;
}

.mlr-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.moreBtn:hover {
    color: #ffffff !important;
    opacity: 0.8;
}

.pr-8 {
    padding-right: 8px;
}

#serviceNav .navTitle {
    color: #FFFFFF !important;
    font-size: 20px;
}

.hoverBoxShadow:hover {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    /*box-shadow:0 0 5px rgba(0,0,0,0.1)*/
}

#serviceNav .hoverBoxShadow:hover .inystem {
    color: rgba(0, 156, 242, 1)
}

#serviceNav .height140 {
    height: 140px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.height300 {
    height: 300px;
}

.retrievalTool a {
    display: inline-block;
}

.toolword {
    color: #999999;
    font-size: 13px;
}

.font20 {
    font-size: 20px;
}

.font16 {
    font-size: 16px;
}

.height140:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

@media(min-width:1200px) and (max-width:1520px) {
    .changefontOne {
        font-size: 14px !important;
    }

    .toolword {
        font-size: 12px;
    }
}

@media(max-width:767px) {
    .border-left {
        border-left: 0px !important;
    }
}

.border-left {
    border-left: 1px solid #ccc;
    padding-left: 20px;
}

#serviceNav .border-right {
    border-right: 1px solid rgba(238, 238, 238, 0.5);
}

.jumpa:hover {
    /*box-shadow: 0 2px 4px rgba(0,0,0,0.2);*/
    cursor: pointer;
}

.cursorPointer:hover {
    cursor: pointer;
}

.myHome {
    margin-right: 10px;
    /*border: 2px solid #fff;*/
    background: rgba(255, 255, 255, 0.4);
    border-radius: 19px;
    padding: 0 15px;
}

header .nbip-topheader {
    color: #ffffff;
}

header.active .nbip-topheader {
    color: #212529 !important;
}

header.active .myHome {
    border: 2px solid #212529;
}

.rotateangle {
    transform: rotate(180deg) !important;
}

.nbip-domHide {
    display: none !important;
}

.nbip-dropdownItem:hover {
    color: #009cf2 !important;
}

.userNone {
    user-select: none;
}

.nbip-businessman .nbip-dropdownItem:focus {
    color: #fff !important;
}

.bannerposition {
    height: 100%;
    position: relative;
}

.colorfff {
    color: #fff !important;
}

.font40 {
    font-size: 40px;
}

.font14 {
    font-size: 14px;
}

.ban04Msg {
    width: 600px;
    position: absolute;
    top: 45%;
    left: 10%;
}

.inquiry {
    display: inline-block !important;
    font-size: 16px;
    color: rgba(65, 96, 153, 1);
    background: rgba(255, 255, 255, 1);
    padding: 7px 25px;
    border-radius: 20px;
    height: auto !important;
}

padding10 {
    padding: 10px;
}

@media(min-width:1200px) {
    .bannerposition .font40 {
        font-size: 40px !important;
    }

    .bannerposition .font14 {
        font-size: 14px !important;
    }

    .bannerposition .font20 {
        font-size: 18px !important;
    }
}

@media(min-width:960px) and (max-width:1200px) {
    .bannerposition .font40 {
        font-size: 30px !important;
    }

    .bannerposition .font14 {
        font-size: 14px !important;
    }

    .bannerposition .font20 {
        font-size: 17px !important;
    }
}

@media(min-width:800px) and (max-width:960px) {
    .bannerposition .font40 {
        font-size: 26px !important;
    }

    .bannerposition .font14 {
        font-size: 13px !important;
    }

    .bannerposition .font20 {
        font-size: 17px !important;
    }
}

@media(min-width:400px) and (max-width:800px) {
    .mediaflexColumn {
        display: flex;
        flex-direction: column;
    }

    .bannerposition .font40 {
        font-size: 23px !important;
    }

    .bannerposition .font14 {
        font-size: 12px !important;
    }

    .bannerposition .font20 {
        font-size: 12px !important;
    }
}

.ban04Msg .font20 {
    font-size: 18px !important;
}

@media(min-width:960px) and (max-width:1300px) {
    .ban04Msg {
        width: 460px;
    }

        .ban04Msg .font40 {
            font-size: 36px !important;
        }

        .ban04Msg .font14 {
            font-size: 16px !important;
        }

        .ban04Msg .font20 {
            font-size: 18px !important;
        }
}

@media(max-width:700px) {
    .ban04Msg {
        width: 400px;
    }
}

.ban02Msg {
    height: 300px;
    position: relative;
    top: 33%;
}

.conban02Branch {
    width: 50%;
    height: 160px;
    position: relative
}

.ban02Branchimg1 {
    position: absolute;
    right: 132px;
    top: 117px;
}

.ban02detailed1 {
    position: absolute;
    right: 330px;
    top: 78px;
}

.lineheight18 {
    line-height: 18px;
}

.font15 {
    font-size: 15px;
}

.font17 {
    font-size: 17px;
}

.ban02Branchimg2 {
    position: absolute;
    left: 135px;
    top: 117px;
}

.ban02detailed2 {
    position: absolute;
    left: 332px;
    top: 80px;
}

.ban02Branchimg3 {
    position: absolute;
    right: 262px;
    top: 74px;
}

.ban02detailed3 {
    position: absolute;
    right: 456px;
    top: 37px;
}

.ban02Branchimg4 {
    position: absolute;
    left: 97px;
    top: 65px;
}

.ban02detailed4 {
    position: absolute;
    left: 400px;
    top: 28px;
}

.dataRetrieval {
    display: inline-block !important;
    font-size: 16px;
    color: rgba(65, 96, 153, 1);
    background: rgba(255, 255, 255, 1);
    padding: 7px 25px;
    border-radius: 20px;
    height: auto !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 72%;
    z-index: 99999;
}

.XFCXGL {
    display: inline-block !important;
    font-size: 16px;
    color: rgba(65, 96, 153, 1);
    background: rgba(255, 255, 255, 1);
    padding: 7px 25px;
    border-radius: 20px;
    height: auto !important;
    z-index: 99999;
}

.banner03Cs {
    width: 44%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 39%;
    left: 8%;
}

.banner03Se {
    width: 23%;
    position: absolute;
    top: 50%;
    right: 5%;
}

.FlexWrap {
    flex-wrap: wrap;
}

@media(min-width:1500px) {
    .flexibleThe-One {
        width: 62%;
    }

    .flexibleThe-Two {
        width: 44%;
    }

    .flexibleTwoAdjust {
        padding: 0 20px;
    }

    .flexibleForExp {
        width: 60%;
    }

    .flexibleOneExp {
        width: 60%;
    }

    .flexibleTheExp, .flexibleTheExpTwo {
        width: 85%;
    }

    .flexibleOne {
        width: 25%;
        padding-right: 12px;
    }

    .flexibleTwo {
        width: 37.49999%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .flexibleThe {
        width: 37.49999%;
        padding-left: 12px;
    }

    .flexibleFor {
        width: 28%;
        padding-right: 12px;
    }

    .flexibleFiv {
        width: 28%;
        padding-right: 12px;
        padding-left: 12px;
    }
    
    .flexibleYzd {
        width: 21%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .flexibleSix {
        width: 23%;
        padding-left: 12px;
    }
}

.borderBox {
    box-sizing: border-box
}

.pl-10 {
    padding-left: 10px;
}

.pr-12 {
    padding-right: 12px;
}

.pl-12 {
    padding-left: 12px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pl-15 {
    padding-left: 15px;
}

@media(min-width:1300px) and (max-width:1500px) {
    .flexibleWidthOne {
        width: 21%;
    }

    .flexibleWidthTwo {
        width: 20%;
    }

    .flexibleWidthThr {
        width: 25%;
    }

    .flexibleWidthFou {
        width: 17%;
    }

    .flexibleWidthFiv {
        width: 23%;
    }

    .flexibleWidthSix {
        width: 26%;
    }

    .flexibleWidthSev {
        width: 37%;
    }

    .flexibleWidthEig {
        width: 26%;
    }

    .flexibleWidthNin {
        width: 23%;
    }

    .flexibleWidthTen {
        width: 26%;
    }

    .flexibleWidthEle {
        width: 21%;
    }

    .flexibleWidthTwe {
        width: 22%;
    }

    .flexibleThe-One {
        width: 62%;
    }

    .flexibleThe-Two {
        width: 44%;
    }

    .flexibleTwoAdjust {
        padding: 0 4px;
    }

    .flexibleForExp {
        width: 72%;
    }

    .flexibleOneExp {
        width: 76%;
    }

    .flexibleTheExp, .flexibleTheExpTwo {
        width: 96%;
    }

    .flexibleOne {
        width: 24.8%;
        padding-right: 12px;
    }

    .flexibleTwo {
        width: 40.1%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .flexibleThe {
        width: 35.1%;
        padding-left: 12px;
    }

    .flexibleFor {
        width: 26%;
        padding-right: 12px;
    }

    .flexibleFiv {
        width: 26%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .flexibleYzd {
        width: 22.2%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .flexibleSix {
        width: 25.8%;
        padding-left: 12px;
    }

    .fullSlide #Banner .ellipserInnerCir {
        left: 22%;
    }

    .ban02Msg .font40 {
        font-size: 37px;
    }

    .ban02Msg .font15 {
        font-size: 14px
    }

    .ban02Msg .font17 {
        font-size: 16px
    }

    .ban02Msg .ban02detailed1 {
        top: 82px;
    }

    .ban02Msg .ban02detailed2 {
        top: 82px;
    }

    .ban02Msg .ban02detailed4 {
        top: 30px;
    }

    .banner03Cs {
        width: 50%;
        left: 2%;
    }

    .banner03Se {
        right: -1%;
        width: 26%;
    }
}

@media(min-width:1150px) and (max-width:1300px) {
    .flexibleWidthOne {
        width: 25%;
    }

    .flexibleWidthTwo {
        width: 28%;
    }

    .flexibleWidthThr {
        width: 33%;
    }

    .flexibleWidthFou {
        width: 25%;
    }

    .flexibleWidthFiv {
        width: 28%;
    }

    .flexibleWidthSix {
        width: 26%;
    }

    .flexibleWidthSev {
        width: 37%;
    }

    .flexibleWidthEig {
        width: 26%;
    }

    .flexibleWidthNin {
        width: 26%;
    }

    .flexibleWidthTen {
        width: 35%;
    }

    .flexibleWidthEle {
        width: 26%;
    }

    .flexibleWidthTwe {
        width: 26%;
    }

    .flexibleThe-One {
        width: 62%;
    }

    .flexibleThe-Two {
        width: 44%;
    }

    .flexWrap {
        flex-wrap: wrap;
    }

    .flexibleTwoAdjust {
        padding: 0px;
    }

    .flexibleTwobjust {
        padding-left: 1rem !important;
    }

    .flexibleForExp {
        width: 72%;
    }

    .flexibleOneExp {
        width: 97%;
    }

    .flexibleTheExp, .flexibleTheExpTwo {
        width: 96%;
    }

    .flexibleOne {
        width: 20.8%;
        padding-right: 12px;
    }

    .flexibleTwo {
        width: 40.1%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .flexibleThe {
        width: 39.1%;
        padding-left: 12px;
    }

    .flexibleFor {
        width: 26%;
        padding-right: 12px;
    }

    .flexibleFiv {
        width: 26%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .flexibleYzd {
        width: 22.2%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .flexibleSix {
        width: 25.8%;
        padding-left: 12px;
    }

    .fullSlide #Banner .ellipserInnerCir {
        left: 18%;
    }

    .banner03Cs img {
        max-width: 80%;
    }

    .banner03Cs {
        width: 50%;
        top: 42%;
        left: 1%;
    }

    .banner03Se {
        width: 28%;
        right: -6%;
    }

    .ban02Msg .font40 {
        font-size: 32px;
    }

    .ban02Msg .font15 {
        font-size: 13px;
    }

    .ban02Msg .font17 {
        font-size: 16px;
    }

    .ban02Msg .ban02detailed1 {
        top: 98px;
        right: 278px;
    }

    .ban02Msg .ban02Branchimg1 {
        width: 140px;
        top: 138px;
    }

    .ban02Msg .ban02Branchimg2 {
        width: 140px;
        top: 135px;
        left: 142px;
    }

    .ban02Msg .ban02detailed2 {
        top: 96px;
        left: 290px;
    }

    .ban02Msg .ban02Branchimg3 {
        width: 140px;
        right: 266px;
        top: 80px;
    }

    .ban02Msg .ban02detailed3 {
        right: 416px;
        top: 41px;
    }

    .ban02Msg .ban02Branchimg4 {
        width: 243px;
        top: 74px;
        left: 102px;
    }

    .ban02Msg .ban02detailed4 {
        top: 36px;
        left: 355px;
    }
}

@media(min-width:770px) and (max-width:920px) {
    .flexibleWidthOne {
        width: 44%;
    }

    .flexibleWidthTwo {
        width: 44%;
    }

    .flexibleWidthThr {
        width: 44%;
    }

    .flexibleWidthFou {
        width: 44%;
    }

    .flexibleWidthFiv {
        width: 44%;
    }

    .flexibleWidthSix {
        width: 42%;
    }

    .flexibleWidthSev {
        width: 47%;
    }

    .flexibleWidthEig {
        width: 42%;
    }

    .flexibleWidthNin {
        width: 42%;
    }

    .flexibleWidthTen {
        width: 42%;
    }

    .flexibleWidthEle {
        width: 42%;
    }

    .flexibleWidthTwe {
        width: 42%;
    }

    .flexibleThe-One {
        width: 62%;
    }

    .flexibleThe-Two {
        width: 55%;
    }

    .flexWrap {
        flex-wrap: wrap;
    }

    .flexibleTwoAdjust {
        padding: 0 20px;
    }

    .flexibleTwobjust {
        padding-left: 0.5rem !important;
    }

    .flexibleForExp {
        width: 72%;
    }

    .flexibleOneExp {
        width: 76%;
    }

    .flexibleTheExp, .flexibleTheExpTwo {
        width: 85%;
    }

    .flexibleOne {
        width: 50%;
        padding-right: 12px;
    }

    .flexibleTwo {
        width: 50%;
        padding-left: 12px;
        padding-right: 0px;
    }

        .flexibleTwo .YSnews {
            display: none;
        }

        .flexibleTwo .judgeFlex {
            display: flex !important;
            flex-direction: column;
        }

            .flexibleTwo .judgeFlex .moreBtn {
                display: inline-block;
                padding: 0px 12px;
                border-radius: 12px;
                background: #4E709F;
                color: #fff;
                border: 1px solid rgba(255, 255, 255, 0.5);
            }

        .flexibleTwo .flexibleTwo-two, .flexibleTwo .flexibleTwo-one, .flexibleTwo .flexibleTwo-tre {
            display: none !important;
        }

    .flexibleThe {
        width: 50%;
        padding-right: 12px;
        padding-left: 0px;
    }

    .flexibleFor {
        width: 50%;
        padding-left: 12px;
        padding-right: 0px;
    }

    .flexibleFiv {
        width: 33.3333333%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .flexibleYzd {
        width: 33.3333333%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .flexibleSix {
        width: 33.3333333%;
        padding-left: 12px;
    }
}

@media(min-width:920px) and (max-width:1150px) {
    .flexibleWidthOne {
        width: 44%;
    }

    .flexibleWidthTwo {
        width: 44%;
    }

    .flexibleWidthThr {
        width: 44%;
    }

    .flexibleWidthFou {
        width: 44%;
    }

    .flexibleWidthFiv {
        width: 44%;
    }

    .flexibleWidthSix {
        width: 42%;
    }

    .flexibleWidthSev {
        width: 47%;
    }

    .flexibleWidthEig {
        width: 42%;
    }

    .flexibleWidthNin {
        width: 42%;
    }

    .flexibleWidthTen {
        width: 42%;
    }

    .flexibleWidthEle {
        width: 42%;
    }

    .flexibleWidthTwe {
        width: 42%;
    }

    .flexibleThe-One {
        width: 62%;
    }

    .flexibleThe-Two {
        width: 44%;
    }

    .flexWrap {
        flex-wrap: wrap;
    }

    .flexibleTwoAdjust {
        padding: 0 20px;
    }

    .flexibleTwobjust {
        padding-left: 0.5rem !important;
    }

    .flexibleForExp {
        width: 72%;
    }

    .flexibleOneExp {
        width: 76%;
    }

    .flexibleTheExp, .flexibleTheExpTwo {
        width: 85%;
    }

    .flexibleOne {
        width: 50%;
        padding-right: 12px;
    }

    .flexibleTwo {
        width: 50%;
        padding-left: 12px;
        padding-right: 0px;
    }

    .flexibleThe {
        width: 50%;
        padding-right: 12px;
        padding-left: 0px;
    }

    .flexibleFor {
        width: 50%;
        padding-left: 12px;
        padding-right: 0px;
    }

    .flexibleFiv {
        width: 33.3333333%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .flexibleYzd {
        width: 33.3333333%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .flexibleSix {
        width: 33.3333333%;
        padding-left: 12px;
    }
}

#serviceNav .frsAply {
    font-size: 16px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #333333;
    opacity: 1;
    word-break: keep-all;
}

.mlr-20 {
    margin-right: 20px;
    margin-left: 20px;
}

@media(max-width:770px) {
    .flexibleThe-One {
        width: 62%;
    }

    .flexibleThe-Two {
        width: 44%;
    }

    .flexWrap {
        flex-wrap: wrap;
    }

    .flexibleWidthOne, .flexibleWidthTwo, .flexibleWidthThr, .flexibleWidthFou, .flexibleWidthFiv, .flexibleWidthSix, .flexibleWidthSev, flexibleWidthEig, .flexibleWidthNin, .flexibleWidthTen, .flexibleWidthEle, .flexibleWidthTwe {
        width: 100%;
    }

    .flexibleTwoAdjust {
        padding: 0 20px;
    }

    .flexibleTwobjust {
        padding-left: 1.2rem !important;
    }

    .flexibleForExp {
        width: 72%;
    }

    .flexibleOneExp {
        width: 76%;
    }

    .flexibleTheExp, .flexibleTheExpTwo {
        width: 85%;
    }

    .flexibleOne {
        width: 100%;
        padding-right: 0px;
    }

    .flexibleTwo {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .flexibleThe {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .flexibleFor {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .flexibleFiv {
        width: 100%;
        padding-right: 0px;
        padding-left: 0;
    }

    .flexibleYzd {
        width: 100%;
        padding-right: 0px;
        padding-left: 0;
    }

    .flexibleSix {
        width: 100%;
        padding-left: 0px;
    }
}

@media(min-width:1050px) and (max-width:1150px) {
    .fullSlide #Banner .ellipserInnerCir {
        top: 14%;
        left: 13%;
    }

    .banner03Cs img {
        max-width: 80%;
    }

    .bannerposition .mb-60 {
        margin-bottom: 50px;
    }

    .banner03Cs {
        width: 52%;
        left: 2%;
        top: 45%;
    }

    .banner03Se {
        width: 26%;
        right: -2%;
    }

    .ban02Msg .font40 {
        font-size: 32px;
    }

    .ban02Msg .font15 {
        font-size: 13px;
    }

    .ban02Msg .font17 {
        font-size: 16px;
    }

    .ban02Msg .ban02detailed1 {
        top: 109px;
        right: 244px;
    }

    .ban02Msg .ban02Branchimg1 {
        width: 100px;
        top: 154px;
        right: 137px;
    }

    .ban02Msg .ban02Branchimg2 {
        width: 100px;
        top: 151px;
        left: 147px;
    }

    .ban02Msg .ban02detailed2 {
        top: 107px;
        left: 254px;
    }

    .ban02Msg .ban02Branchimg3 {
        width: 100px;
        right: 270px;
        top: 87px;
    }

    .ban02Msg .ban02detailed3 {
        right: 380px;
        top: 44px;
    }

    .ban02Msg .ban02Branchimg4 {
        width: 240px;
        top: 76px;
        left: 102px;
    }

    .ban02Msg .ban02detailed4 {
        top: 38px;
        left: 350px;
    }
}

@media(min-width:960px) and (max-width:1050px) {
    .fullSlide #Banner .ellipserInnerCir {
        top: 6%;
        left: 8%;
    }

    .fullSlide #Banner .patentInnerCir {
        top: 6%;
        left: 8%;
    }

    .banner03Cs img {
        max-width: 80%;
    }

    .bannerposition .mb-60 {
        margin-bottom: 50px;
    }

    .banner03Cs {
        width: 52%;
        top: 46%;
    }

    .banner03Se {
        width: 26%;
    }

    .ban02Msg .font40 {
        font-size: 29px;
    }

    .ban02Msg .font15 {
        font-size: 12px;
    }

    .ban02Msg .font17 {
        font-size: 14px;
    }

    .ban02Msg .ban02detailed1 {
        top: 109px;
        right: 244px;
    }

    .ban02Msg .ban02Branchimg1 {
        width: 100px;
        top: 154px;
        right: 137px;
    }

    .ban02Msg .ban02Branchimg2 {
        width: 100px;
        top: 152px;
        left: 147px;
    }

    .ban02Msg .ban02detailed2 {
        top: 107px;
        left: 254px;
    }

    .ban02Msg .ban02Branchimg3 {
        width: 70px;
        right: 273px;
        top: 70px;
    }

    .ban02Msg .ban02detailed3 {
        right: 350px;
        top: 44px;
    }

    .ban02Msg .ban02Branchimg4 {
        width: 230px;
        top: 77px;
        left: 102px;
    }

    .ban02Msg .ban02detailed4 {
        top: 36px;
        left: 338px;
    }
}

.fullSlide #Banner .fourthBanner .lastDiv {
    position: absolute;
    width: 100%;
    top: 215px
}

@media(min-width:800px) and (max-width:960px) {
    .fullSlide #Banner .XFCXGL {
        padding: 7px 14px;
    }

    .fullSlide #Banner .patentInnerCir {
        width: 70%;
        top: 10%;
        left: 15%;
    }

    .fullSlide #Banner .patentleftWord {
        top: 40px;
        left: 66px;
    }

    .fullSlide #Banner .ellipserInnerCir {
        width: 70%;
        top: 10%;
        left: 15%;
    }

    .fullSlide #Banner .ellipserRightWord {
        top: 40px;
        left: 66px;
    }

    .fullSlide #Banner .fourthBanner .lastDiv {
        position: absolute;
        width: 100%;
        top: 170px
    }

    .banner03Cs img {
        max-width: 80%;
    }

    .bannerposition .mb-60 {
        margin-bottom: 50px;
    }

    .banner03Cs {
        width: 57%;
        top: 45%;
        left: 1%;
    }

    .banner03Se {
        width: 30%;
    }

    .ban02Branchimg1, .ban02Branchimg2, .ban02Branchimg3, .ban02Branchimg4 {
        display: none;
    }

    .ban02Msg .font40 {
        font-size: 29px;
    }

    .ban02Msg .font15 {
        font-size: 12px;
    }

    .ban02Msg .font17 {
        font-size: 14px;
    }

    .ban02detailed1, .ban02detailed3 {
        right: 155px;
    }

    .ban02detailed2, .ban02detailed4 {
        left: 144px;
    }
}

.mb-60 {
    margin-bottom: 60px;
}

.FirJGHX {
    position: relative;
    top: 50px;
}

@media(min-width:640px) and (max-width:800px) {
    .fullSlide #Banner .XFCXGL {
        padding: 7px 10px;
    }

    .fullSlide #Banner .patentInnerCir {
        width: 70%;
        top: 7%;
        left: 15%;
    }

    .fullSlide #Banner .patentleftWord {
        font-size: 26px;
        top: 24px;
        left: 64px;
    }

    .fullSlide #Banner .ellipserInnerCir {
        width: 70%;
        top: 7%;
        left: 15%;
    }

    .fullSlide #Banner .ellipserRightWord {
        font-size: 26px;
        top: 24px;
        left: 64px;
    }

    .fullSlide #Banner .fourthBanner .lastDiv {
        position: absolute;
        width: 100%;
        top: 146px
    }

    .fullSlide #Banner .FirJGHX {
        position: relative;
        top: 12px;
    }

    .banner03Cs img {
        max-width: 80%;
    }

    .bannerposition .mb-60 {
        margin-bottom: 40px;
    }

    .banner03Cs {
        width: 62%;
        top: 47%;
        left: 1%;
    }

    .banner03Se {
        width: 30%;
    }

    .ban02Branchimg1, .ban02Branchimg2, .ban02Branchimg3, .ban02Branchimg4 {
        display: none;
    }

    .ban02Msg .font40 {
        font-size: 29px;
    }

    .ban02Msg .font15 {
        font-size: 12px;
    }

    .ban02Msg .font17 {
        font-size: 14px;
    }

    .ban02detailed1, .ban02detailed3 {
        right: 112px;
    }

    .ban02detailed2, .ban02detailed4 {
        left: 120px;
    }
}

.fullSlide #Banner .PatAlli {
    display: flex;
    position: relative;
    top: -22px;
}

@media(max-width:640px) {
    .fullSlide #Banner .XFCXGL {
        padding: 3px 7px;
        font-size: 12px;
    }

    .fullSlide #Banner .numberpcs {
        font-size: 14px;
    }

    .fullSlide #Banner .secondNum {
        font-size: 12px;
    }

    .fullSlide #Banner .PatAlli {
        top: -64px;
    }

    .fullSlide #Banner .patentInnerCir {
        width: 70%;
        top: 7%;
        left: 15%;
    }

    .fullSlide #Banner .patentleftWord {
        font-size: 18px;
        top: 3px;
        left: 32px;
    }

    .fullSlide #Banner .ellipserInnerCir {
        width: 70%;
        top: 7%;
        left: 15%;
    }

    .fullSlide #Banner .ellipserRightWord {
        font-size: 18px;
        top: 3px;
        left: 32px;
    }

    .fullSlide #Banner .fourthBanner .lastDiv {
        position: absolute;
        width: 100%;
        top: 66px
    }

    .fullSlide #Banner .FirJGHX {
        position: relative;
        top: -40px;
    }

    .fullSlide #Banner .bannerTitle {
        top: 125px;
    }

    .banner03Cs img {
        max-width: 80%;
    }

    .bannerposition .mb-60 {
        margin-bottom: 30px;
    }

    .banner03Cs {
        width: 60%;
        top: 28%;
        left: 2%;
    }

    .banner03Se {
        width: 33%;
        top: 39%;
        right: 2%;
    }

    .ban02Branchimg1, .ban02Branchimg2, .ban02Branchimg3, .ban02Branchimg4 {
        display: none;
    }

    .ban02Msg .font40 {
        font-size: 29px;
    }

    .ban02Msg .font15 {
        font-size: 12px;
    }

    .ban02Msg .font17 {
        font-size: 14px;
    }

    .ban02detailed1 {
        right: 41px;
        top: 40px
    }

    .ban02detailed2 {
        left: 77px;
        top: 34px;
    }

    .ban02detailed3 {
        right: 93px;
        top: -36px;
    }

    .ban02detailed4 {
        top: -38px;
        left: 77px;
    }
}

.opacity1 {
    opacity: 1;
}

.explainWord2 {
    color: #ffffff;
    opacity: 0.5;
    font-size: 13px;
    line-height: 19px;
}

.opacityBan {
    opacity: 0.5;
}

.disNo {
    display: none !important;
}

.tabSwitch .nav-tabs {
    border-bottom: 3px solid #dee2e6;
}

    .tabSwitch .nav-tabs .nav-link.active {
        border-color: #dee2e6 #dee2e6 #fff;
    }

    .tabSwitch .nav-tabs .nav-item {
        margin-bottom: -3px;
    }

    .tabSwitch .nav-tabs .nav-link {
        border: 3px solid transparent;
    }

.tabSwitch .tab-content {
    border-left: 3px solid #dee2e6;
    border-right: 3px solid #dee2e6;
}

.repository .strWord {
    font-size: 24px;
    color: #009CF1;
    margin-right: 5px;
}

.repository .JGHX {
    display: inline-block;
    width: 111px;
    height: 32px;
    background-color: #009CF2 !important;
    opacity: 1;
    padding-left: 20px;
    text-align: center;
    line-height: 32px;
    border-radius: 5px;
    background: url('/img/companyDetails/JGHX.png') no-repeat;
    background-position: 16px center;
    background-size: 14px;
    color: #FFFFFF;
}

.repository .jumpBtn .randomBtn {
    display: inline-block;
    opacity: 1;
    border-radius: 5px;
    color: #009Cf2;
    /*border: 1px solid #28A745;*/
    padding: 0 10px;
    font-size: 15px;
    font-weight: 600;
}

.repository .ZSCQBHBG {
    display: inline-block;
    width: 169px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: #FFFFFF;
    border: 1px solid #009CF2;
    opacity: 1;
    color: #009CF2;
    border-radius: 5px;
    padding-left: 20px;
    background: url('/img/companyDetails/BHBG.png') no-repeat;
    background-position: 16px center;
    background-size: 14px;
}

.repository .companyCX {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 42px;
    height: 26px;
    border: 1px solid #28A745;
    opacity: 1;
    border-radius: 4px;
    color: #28A745;
    text-align: center;
    font-size: 12px;
}

.repository .companyAddrens {
    padding-left: 24px;
    background: url('/img/companyDetails/address.svg') no-repeat;
    background-position: 1px center;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.repository .companyMsg {
    background-color: #fff;
    position: relative;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
}

.repository .JGHXaddrens {
    justify-content: space-between;
    cursor: pointer;
}

.repository .jumpBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 62px;
    padding: 0 15px;
    background-color: rgb(255, 255, 255);
}

.repository .companyMsg:hover {
    box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.15);
}

.platformTest .boldFont {
    font-weight: 600;
    color: #009CF1;
    font-size: 18px;
}

.platformTest .JZdate {
    font-size: 12px;
    font-family: Microsoft YaHei;
    color: #000000;
    opacity: 0.3;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.platformTest .topData {
    background: #F4FAFE;
    border: 1px solid #009CF1;
}

.bgF4FAFE {
    background: #F4FAFE !important;
}

.platformTest .SecondDiv table tr > td:first-of-type {
    text-align: right;
    width: 150px;
}

.platformTest .SecondDiv table tr > td:last-of-type {
    flex: 1;
}

.platformTest .SecondDiv table tr {
    display: flex;
}

.FAE3E5 {
    background: #FAE3E5;
    color: #721C24;
}

.EAEBED {
    background: #EAEBED;
    color: #383D41;
}

.linkStyle {
    color: #409eff;
    text-decoration: none;
    cursor: pointer;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clearfix::after {
    content: '';
    height: 0;
    clear: both;
    overflow: hidden;
    display: block;
}

.clearfix {
    zoom: 1;
}

    .nbip-clearfix::after {
        content: '';
        height: 0;
        clear: both;
        overflow: hidden;
        display: block;
    }

.nbip-clearfix {
    zoom: 1;
}

.addressQuery .examineSwitch > div, .addressQuery .examineSwitch2 > div, .addressQuery .examineSwitch3 > div, .addressQuery .examineSwitch4 > div {
    padding: 4px 12px;
    cursor: pointer;
}

.addressQuery .examineSwitch, .addressQuery .examineSwitch2, .addressQuery .examineSwitch3, .addressQuery .examineSwitch4 {
    border: 1px solid #1E9CF1;
    border-radius: 4px;
    display: inline-block;
}

.crossAreaExamine .crossAreaExamineTitle {
    border-bottom: 1px solid #EEEEEE;
    margin-left: -1rem;
    position: relative;
    height: 29px;
}

    .crossAreaExamine .crossAreaExamineTitle p {
        display: inline-block;
        border-bottom: 2px solid #009CF1;
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 16px;
        padding: 8px 16px;
    }

.crossAreaExamine .examineSwitch > div {
    padding: 4px 12px;
    cursor: pointer;
}

.crossAreaExamine .examineSwitch {
    border: 1px solid #1E9CF1;
    border-radius: 4px;
    display: inline-block;
}

.crossAreaExamine .switchSected {
    background: #1E9CF1;
    color: #fff;
}

/*表格*/
.crossAreaExamine table td {
    text-align: center;
    vertical-align: middle;
}

.crossAreaExamine table thead {
    background: #F4FAFE;
}

.crossAreaExamine table tbody a {
    cursor: pointer;
    color: #1E9CF1;
}





.addressQuery .formGrounp > p > label:first-of-type {
    width: 100px;
    text-align: right;
}

.addressQuery .nav-tabs .nav-link.active {
    color: #1E9CF1;
    border-top: 3px solid #1E9CF1;
}

.addressQuery .containLeft .formGrounp, .addressQuery .containLeft .wordRight {
    float: left;
    box-sizing: border-box;
}

.addressQuery .labelTitle {
    width: 110px;
    text-align: right;
}

.crossAreaExamine .labelTitle {
    width: 80px;
}


.addressQuery .examineSwitch > div {
    padding: 4px 12px;
    cursor: pointer;
}

.addressQuery [type="checkbox"], .addressQuery [type="radio"] {
    vertical-align: middle;
}

.addressQuery .examineSwitch {
    border: 1px solid #1E9CF1;
    border-radius: 4px;
    display: inline-block;
}

.addressQuery .switchSected {
    background: #1E9CF1;
    color: #fff;
}

.addressQuery .tableGroup thead {
    background: #F4FAFE;
}

.addressQuery .tableGroup tbody a {
    cursor: pointer;
    color: #1E9CF1;
}

.addressQuery .tableGroup td {
    text-align: center;
    vertical-align: middle;
}

.addressQuery {
    font-size: 14px !important;
}

    .addressQuery .formGrounp .nav-link {
        padding: .5rem 2rem;
    }

    .addressQuery table td {
        text-align: center;
        vertical-align: middle;
    }

    .addressQuery table thead {
        background: #F4FAFE;
    }
/*分布区域*/
.areaElement {
    border: 1px solid #8DCDF7;
    position: relative;
}

    .areaElement .areaElementTitle {
        display: inline-block;
        position: absolute;
        left: 20px;
        top: -16px;
        font-weight: bold;
        color: #1E9CF1;
        padding: 4px 20px;
        background: #fff;
    }

    .areaElement .areaItemTitle {
        width: 100px;
        text-align: right;
    }

    .areaElement .form-group {
        height: 33.5px;
        line-height: 33.5px;
    }

.AssessmentApplyNum .relativepst {
    position: relative;
}

.AssessmentApplyNum .mouseMsg {
    width: 144px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    background: rgba(250,250,250,0.9);
    padding: 0.5rem;
    position: absolute;
    border-radius: 4px;
    left: 80%;
    top: 55%;
    color: #212529 !important;
    z-index: 99999;
    display: none;
    border: 1px solid rgba(1, 1, 1, 0.2);
}

    .AssessmentApplyNum .mouseMsg ul {
        text-align: left;
    }

        .AssessmentApplyNum .mouseMsg ul li {
            list-style: disc;
            list-style-position: inside;
        }

.applyListTable > tr > td, th {
    border: 1px solid #dee2e6;
    vertical-align: middle;
    text-align: center;
}

.applyListTable th {
    background: #F5F7FA;
    font-weight: bold;
    color: #333333;
    padding: 10px 0;
}

.applyListTable tr > td {
    padding: 10px 0;
}


/*企业申请页*/
.businessIntroduction {
    padding: 29px 27px;
}

.introductionTitle > div {
    width: 5px;
    background: #009CF2;
    height: 23px;
}

.tabDiv > a {
    display: inline-block;
    padding: 6px 12px;
    color: #36B1F5;
    cursor: pointer;
}

.tabDiv {
    display: inline-block;
    border: 2px solid #36B1F5;
    border-radius: 4px;
    margin-top: 16px;
}

.tabDivSelect {
    background: #009DF3 !important;
    color: #fff !important;
}

.introductionTitle {
    display: flex;
}

    .introductionTitle > h5 {
        padding-left: 6px;
    }

.applyListTable > tr > td, th {
    border: 1px solid #dee2e6;
    vertical-align: middle;
    text-align: center;
}

.applyListTable th {
    background: #F5F7FA;
    font-weight: bold;
    color: #333333;
    padding: 10px 0;
}

.applyListTable tr > td {
    padding: 10px 0;
}

.btnApply {
    color: #009CF2;
    font-size: 14px;
    margin-left: 10px;
}

/*贷款申请表*/
.applyExcel {
    padding: 30px 42px;
}

.applyTable table {
    border: 1px solid #dee2e6;
}

    .applyTable table > tr, td {
        border: 1px solid #dee2e6;
        border-collapse: collapse;
    }

.cancel {
    border: none;
    outline: none;
}

.color33 {
    color: #333333;
    background: #F5F7FA;
    font-weight: 500;
    text-align: right;
    padding-right: 0.4rem;
    font-size: 16px;
}

.agreement {
    padding-left: 150px;
    margin-top: 15px;
}

    .agreement .agreeBtn {
        background: #009CF2;
        color: #fff;
        padding: 11px 39px;
        border-radius: 4px;
        outline: none;
        border: 0;
        margin-top: 20px;
        cursor: pointer;
    }

        .agreement .agreeBtn:hover {
            opacity: 0.9;
        }

.agreeEmpower {
    cursor: pointer;
    font-size: 16px;
}
/*企业价值评估结果*/
.portrait {
    display: inline-block;
    color: #009CF2;
    font-size: 14px;
    border: 1px solid #009CF2;
    margin-left: 10px;
    display: inline-block;
}

    .portrait:hover {
        background-color: rgba(233,236,239,0.5) !important;
    }

.report:hover {
    background-color: rgba(233,236,239,0.5) !important;
}

.portraitH {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding: 22px 0 22px 10px;
}

.report {
    color: #009CF2;
    font-size: 14px;
    border: 1px solid #009CF2;
    margin-left: 10px;
    display: inline-block;
}

.detailedList p {
    font-size: 16px;
    line-height: 34px;
}

.detailedList h4 {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}
/*企业价值评估详情*/
.assessDetails p {
    font-size: 16px;
    line-height: 34px;
}

.assessDetails table {
    font-size: 16px;
}

.assessDetails > table, .assessDetails > table > tr > td {
    border: 1px solid #dee2e6;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}

.assessDetails table > thead {
    background: #F5F7FA;
}

    .assessDetails table > thead > tr > th {
        text-align: center;
        vertical-align: middle;
        line-height: 30px;
        padding: 10px 0;
    }

.downloadReport {
    border: 1px solid #009CF2;
    color: #009CF2;
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
}

    .downloadReport:hover {
        background-color: rgba(233,236,239,0.5) !important;
    }
/*申请成功*/
.applySuccess {
    text-align: center;
    padding: 200px 0;
}

    .applySuccess > h2 {
        color: #67C23A;
        margin-top: 20px;
    }

    .applySuccess > p {
        margin: 30px 0 26px 0;
        color: #333333;
        font-size: 16px;
    }

    .applySuccess > span {
        font-size: 128px;
        color: #67C23A;
        text-shadow: 1px 1px 5px #67C23A;
        user-select: none;
    }

.backPrv {
    padding: 7px 20px;
    color: #009CF2;
    border: 1px solid #009CF2;
    cursor: pointer;
    display: inline-block;
}

    .backPrv:hover {
        background: rgba(233,236,239,0.5) !important;
    }

.Repoet .bg-white {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    position: relative;
    overflow: hidden
}

    .Repoet .bg-white img {
        width: 100%;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .Repoet .bg-white:hover img {
        -webkit-transform: scale(1.05, 1.05);
        -moz-transform: scale(1.05, 1.05);
        -transform: scale(1.05, 1.05);
    }

    .Repoet .bg-white:hover {
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
    }
.text-truncateT {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 25px;
    height: 67px;
    font-size: 16px;
}