@charset "utf-8";

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    border-radius: 7px;
}

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

    ::-webkit-scrollbar-button:end:increment, ::-webkit-scrollbar-button:start:decrement {
        display: block;
    }

    ::-webkit-scrollbar-button:vertical:end:decrement, ::-webkit-scrollbar-button:vertical:start:increment {
        display: none;
    }

::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-track:vertical {
    border-color: transparent;
    border-style: solid;
}

    ::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal {
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

::-webkit-scrollbar-thumb {
    min-height: 28px;
    padding-top: 100px;
    background-color: rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 5px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0,0,0,.4);
        -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.35);
    }

    ::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-track:vertical {
        border-width: 0;
    }

::-webkit-scrollbar-track:hover {
    background-color: rgba(0,0,0,.05);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
}

::-webkit-scrollbar-track:active {
    background-color: rgba(0,0,0,.05);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);
}

.scrollbar-hover::-webkit-scrollbar, .scrollbar-hover::-webkit-scrollbar-button, .scrollbar-hover::-webkit-scrollbar-thumb, .scrollbar-hover::-webkit-scrollbar-track {
    visibility: hidden;
}

.scrollbar-hover:hover::-webkit-scrollbar, .scrollbar-hover:hover::-webkit-scrollbar-button, .scrollbar-hover:hover::-webkit-scrollbar-thumb, .scrollbar-hover:hover::-webkit-scrollbar-track {
    visibility: visible;
}

blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    padding: 0;
    margin: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, th, var {
    font-weight: 400;
    font-style: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-size: 100%;
}

q:after, q:before {
    content: "";
}

abbr, acronym {
    border: 0;
}



body {
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 14px;
    font-family: 'Microsoft Yahei',PingFangSC,sans-serif;
    color: #333;
}

a {
    text-decoration: none;
}

    a:active {
        outline: 0;
    }

button, input, textarea {
    -webkit-tap-highlight-color: transparent;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


/*html { overflow-x: hidden; overflow-y: auto; }*/
html, body {
    min-width: 1260px;
}

@media screen and (max-width:1350px) {
    .header-right > div.header-nav-contact {
        display: none;
    }
}

.min-viewport {
    /*min-width: 1250px;*/
}





.main-full {
    width: 100%;
    flex-direction: column;
    overflow: hidden;
}

.main {
    width: auto;
    flex-direction: column;
    overflow: hidden;
    padding: 0px 10% 0px 10%;
}

.main-fixed-width {
    width: 1200px;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -600px;
}


.main-auto-width {
    display: block;
    position: relative;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    float: left;
    width: auto;
}



.module {
    width: auto;
    flex-direction: column;
    overflow: hidden;
}


.modal-dialog-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(Opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    overflow: hidden;
    z-index: 9998;
    color: #fff;
}


.modal-dialog {
    overflow: hidden;
    position: fixed;
    background: #fff;
    z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.modal-absolute-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(Opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    overflow: hidden;
    z-index: 9998;
    color: #fff;
}



.main-header-fixed {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 999;
    /* overflow:initial; */
    width: 100%;
}

.main-right-fixed {
    position: fixed;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}


.main-left-fixed {
    position: fixed;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

.pub-row > .pub-col-1 {
    float: left;
    width: 5%;
    min-height: 1px;
}

.pub-row > .pub-col-2 {
    float: left;
    width: 10%;
    min-height: 1px;
}

.pub-row > .pub-col-3 {
    float: left;
    width: 15%;
    min-height: 1px;
}

.pub-row > .pub-col-4 {
    float: left;
    width: 20%;
}

.pub-row > .pub-col-5 {
    float: left;
    width: 25%;
}

.pub-row > .pub-col-6 {
    float: left;
    width: 30%;
}

.pub-row > .pub-col-7 {
    float: left;
    width: 35%;
}

.pub-row > .pub-col-8 {
    float: left;
    width: 40%;
}

.pub-row > .pub-col-9 {
    float: left;
    width: 45%;
}

.pub-row > .pub-col-10 {
    float: left;
    width: 50%;
}

.pub-row > .pub-col-11 {
    float: left;
    width: 55%;
}

.pub-row > .pub-col-12 {
    float: left;
    width: 60%;
}

.pub-row > .pub-col-13 {
    float: left;
    width: 65%;
}

.pub-row > .pub-col-14 {
    float: left;
    width: 70%;
}

.pub-row > .pub-col-15 {
    float: left;
    width: 75%;
}

.pub-row > .pub-col-16 {
    float: left;
    width: 80%;
}

.pub-row > .pub-col-17 {
    float: left;
    width: 85%;
}

.pub-row > .pub-col-18 {
    float: left;
    width: 90%;
}

.pub-row > .pub-col-19 {
    float: left;
    width: 95%;
}

.pub-row > .pub-col-20 {
    float: left;
    width: 100%;
}


/*=====start main-header-nav=======*/

.main-nav, .main-nav-sub {
    width: auto;
    flex-direction: column;
    overflow: hidden;
    padding: 0px 5% 0px 5%;
}


.main-header-nav {
    color: #fff;
}

    .main-header-nav a {
        color: #fff;
    }


    .main-header-nav > div.main-nav {
        border-bottom: 1px solid hsla(0,0%,100%,.15);
        height: 70px;
        line-height: 70px;
        overflow: hidden;
        -moz-transition: background .5s ease;
        -webkit-transition: background .5s ease;
        transition: background .5s ease;
    }

    .main-header-nav > div.main-nav-bg {
        background: #31363a;
        border-bottom: none;
    }

    .main-header-nav > div.main-nav-hover {
        background: #31363a;
        border-bottom: none;
    }



    .main-header-nav .header-left {
        float: left;
        width: auto;
        height: 100%;
        padding-right: 15px;
        line-height: initial;
    }

        .main-header-nav .header-left img {
            height: 32px;
            margin-top: 19px;
        }

    .main-header-nav .header-center {
        float: left;
        width: auto;
        position: relative;
        height: 100%;
    }

    .main-header-nav .header-right {
        float: right;
        width: auto;
        height: 100%;
    }

    .main-header-nav .header-center ul li {
        display: block;
        float: left;
        height: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

        .main-header-nav .header-center ul li:hover a {
            color:#00abcd;
        }

    .main-header-nav .header-center > div.header-nav-line {
        position: absolute;
        width: 0;
        height: 2px;
        background:#00abcd;
        border-radius:1px;
        bottom:8px;
    }

.header-right > div {
    width: auto;
    float: left;
}




    .header-right > div.header-nav-contact {
        padding-left:8px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        padding-top: 20px;
    }

.header-nav-contact > a {
    display: block;
    float: left;
}

    .header-nav-contact > img, .header-nav-contact > a > img {
        width: 24px;
        display: block;
        float: left;
        margin-right: 8px;
        margin-top: 3px;
    }




.header-right > div.header-user-btn {
    height: initial;
    width: auto;
    padding-top: 20px;
}

.header-user-btn > a {
    height: 30px;
    line-height: 30px;
    min-width: 60px;
    text-align: center;
    padding: 0px 20px 0px 20px;
    display: block;
    float: left;
    overflow: hidden;
    border: solid 1px #00abcd;
    border-radius: 1px;
}

    .header-user-btn > a.user-btn-1 {
        color: #00abcd;
        margin-right: 10px;
    }

    .header-user-btn > a.user-btn-2 {
        background: #00abcd;
    }

    .header-user-btn > a:hover {
        color: #ffffff;
        background: #28bada;
        border: solid 1px #28bada;
    }


.header-nav-subs {
    height: 0px;
    background: #333333;
}

    .header-nav-subs > div.nav-sub-item {
        background: #333333;
    }

.nav-sub-item > div {
    min-height: 1px;
}


    .nav-sub-item > div.nav-sub-col-line {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .nav-sub-item > div.nav-sub-col-line > div {
            border-left: solid 1px #393d40;
            width: 1px;
            margin-left: 50%;
        }

.nav-sub-item div.nav-sub-col-line > div.sub-item-module {
    width: 100%;
}

.nav-sub-item div.sub-item-module > div.sub-item-module-title {
    font-size: 18px;
    color: #efefef;
}

    .nav-sub-item div.sub-item-module > div.sub-item-module-title span {
        background: #00abcd;
        display: inline-block;
        width: 5px;
        height: 5px;
        margin-bottom: -2px;
        margin-right: 5px;
    }

.nav-sub-item div.sub-item-module > div.sub-item-module-content {
    padding-bottom: 20px;
}



/*===start nav-sub-server=====*/

.nav-sub-item > div.nav-sub-server {
    padding-top: 20px;
    padding-bottom: 20px;
}

.nav-sub-server .sub-item-module-content > ul > li {
    display: block;
    float: left;
    width: 46%;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    overflow: hidden;
}

    .nav-sub-server .sub-item-module-content > ul > li:nth-child(2n) {
        float: right;
    }


/*===end   nav-sub-server=====*/


/*===start nav-sub-product===*/



.nav-sub-item > div.nav-sub-product {
    padding-top: 20px;
    padding-bottom: 20px;
}



.nav-sub-product .sub-item-module-content > ul > li {
    display: block;
    float: left;
    width: 33%;
    padding-top: 20px;
    padding-bottom: 10px;
    /*background:#2e3336;
    border: solid 1px #878686;*/
}

    .nav-sub-product .sub-item-module-content > ul > li:nth-child(3n) {
        float: right;
    }

    .nav-sub-product .sub-item-module-content > ul > li > a {
        display: block;
        font-size: 14px;
        position: relative;
    }

        .nav-sub-product .sub-item-module-content > ul > li > a > div.sub-p-icon {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 38px;
            height: 38px;
            border-radius: 3px;
        }

            .nav-sub-product .sub-item-module-content > ul > li > a > div.sub-p-icon img {
                width: 100%;
                height: 100%;
                display: block;
            }

        .nav-sub-product .sub-item-module-content > ul > li > a > div.sub-p-val {
            float: left;
            width: 100%;
        }

            .nav-sub-product .sub-item-module-content > ul > li > a > div.sub-p-val > h3 {
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                margin-left: 50px;
            }

                .nav-sub-product .sub-item-module-content > ul > li > a > div.sub-p-val > h3 .tag {
                    display: inline-block;
                    padding: 0 5px;
                    margin-left: 5px;
                    font-size: 12px;
                    color: #fff;
                    vertical-align: middle;
                    background: #f44;
                    border-radius: 10px;
                    transform: scale(.85);
                    -webkit-transform: scale(.85);
                    -ms-transform: scale(.9);
                }

            .nav-sub-product .sub-item-module-content > ul > li > a > div.sub-p-val > p {
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                margin-left: 50px;
                font-size: 12px;
                color: #999999;
            }





/*===end nav-sub-product===*/


/*===start nav-sub-solution===*/



.nav-sub-item > div.nav-sub-solution {
    padding-top: 20px;
    padding-bottom: 20px;
}



.nav-sub-solution .sub-item-module-content > ul > li {
    display: block;
    float: left;
    width: 49%;
    padding-top: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*background:#2e3336;
    border: solid 1px #878686;*/
}

    .nav-sub-solution .sub-item-module-content > ul > li > a {
        color: #cccccc;
    }


        .nav-sub-solution .sub-item-module-content > ul > li > a:hover {
            color: #00abcd;
        }

/*===end nav-sub-solution===*/




/*===start nav-sub-industry===*/

.nav-sub-item > div.nav-sub-industry {
    padding-bottom: 20px;
}

.nav-sub-industry > div.nav-sub-industry-list {
    padding-bottom: 20px;
}

.nav-sub-industry-list > ul > li {
    border: solid 1px #878686;
    display: block;
    float: left;
    /*padding: 5px 15px 5px 15px;*/
    height: 32px;
    line-height: 32px;
    margin-right: 20px;
    min-width: 100px;
    text-align: center;
    margin-top: 20px;
}

    .nav-sub-industry-list > ul > li:hover {
        border: solid 1px #00abcd;
        color: #00abcd;
    }

        .nav-sub-industry-list > ul > li:hover a {
            color: #00abcd;
        }

/*===end nav-sub-industry===*/





/*=====end main-header-nav=======*/



/*=====start main-module=========*/

.main-module {
}

    .main-module > div.main-module-title {
        text-align: center;
        font-size: 30px;
        position: relative;
        padding-top: 50px;
    }


        .main-module > div.main-module-title span {
            /*border-bottom: solid 3px #00abcd;*/
            display: inline-block;
            padding-bottom: 3px;
        }

    .main-module > div.main-module-desc {
        text-align: center;
        font-size: 16px;
        padding-top: 20px;
        color: #666666;
    }

    .main-module > div.main-module-val {
        /*padding-top:50px;
        padding-bottom:30px;*/
    }




/*=====end   main-module=========*/




/*=====start main-footer========*/

.main-footer {
    background: #31363a;
    color: #999;
}

    .main-footer > div.main-footer-header {
        padding-top: 30px;
        padding-bottom: 30px;
    }

.main-footer-header > div {
    height: 150px;
}

    .main-footer-header > div.main-footer-line {
    }

.main-footer-line > div.draw-line {
    height: 100%;
    width: 1px;
    background: #4b5054;
    margin-left: 50%;
}

.main-footer-header > div.main-footer-tel {
}

.main-footer-tel > div:nth-child(1) {
    float: left;
    width: 34%;
}

    .main-footer-tel > div:nth-child(1) img {
        width: 50px;
    }

.main-footer-tel > div:nth-child(2) {
    float: left;
    width: 66%;
}

    .main-footer-tel > div:nth-child(2) > ul > li {
        display: block;
        float: left;
        width: 100%;
        line-height: 28px;
    }

        .main-footer-tel > div:nth-child(2) > ul > li:nth-child(1) {
            color: #ededed;
        }

        .main-footer-tel > div:nth-child(2) > ul > li:nth-child(2) {
            color: #fff;
            font-size: 20px;
            padding-bottom: 10px;
        }

.main-footer-header > div.main-footer-nav {
    text-align: center;
}

.main-footer-nav > div:nth-child(1) {
    padding-top: 20px;
}

.main-footer-nav > div:nth-child(2) {
    padding-top: 20px;
    font-size: 12px;
}

.main-footer-nav > div:nth-child(3) {
    padding-top: 15px;
    font-size: 12px;
}

.main-footer-nav > div > a {
    color: #999;
    margin-left: 5px;
    margin-right: 5px;
}

    .main-footer-nav > div > a:hover {
        color: #00abcd;
    }

.main-footer-qrcode > div {
    text-align: center;
}

    .main-footer-qrcode > div > img {
        width: 80%;
        margin-top: 15px;
    }

    .main-footer-qrcode > div > span {
        display: inline-block;
        width: 100%;
    }



.main-footer > div.main-footer-link {
    border-top: 1px solid #4b5054;
    padding-top: 20px;
    padding-bottom: 30px;
}

.main-footer-link > div:nth-child(1) {
    color: #fff;
    float: left;
    width: 6.8%;
}

.main-footer-link > div:nth-child(2) {
    float: left;
    width: 93.2%;
}

    .main-footer-link > div:nth-child(2) > ul > li {
        display: block;
        float: left;
        width: 10%;
        padding-bottom: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .main-footer-link > div:nth-child(2) > ul > li > a {
            color: #999;
        }

            .main-footer-link > div:nth-child(2) > ul > li > a:hover {
                color: #00abcd;
            }

/*=====end   main-footer========*/

/*=====start main-contact=======*/

.main-fixed-contact {
    border: solid 1px #00abcd;
    border-radius: 5px 0 0 5px;
    border: 1px solid #333;
    border-right: none;
    background: #000;
    color: #fff;
    width: auto;
    filter: alpha(Opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    padding: 0px 0px 20px 0px;
}

    .main-fixed-contact > div {
        text-align: center;
        padding-top: 20px;
        cursor: pointer;
        width: 60px;
    }

        .main-fixed-contact > div > img {
            width: 30px;
        }

        .main-fixed-contact > div > div.main-contact-item-p {
            position: absolute;
            right: 60px;
            /*top:50%;
            transform:translateY(-50%);*/
            width: 0px;
            height: 200px;
            border-radius: 5px 0 0 5px;
            background: #000;
            overflow: hidden;
        }

        .main-fixed-contact > div.main-contact-item:hover > div.main-contact-item-p {
            width: 150px;
        }

        .main-fixed-contact > div.main-contact-item:hover > img {
            filter: alpha(Opacity=50);
            -moz-opacity: 0.5;
            opacity: 0.5;
        }

        .main-fixed-contact > div > div.main-contact-item-online {
            height: 50px;
            transform: translateY(-45px);
            line-height: 50px;
        }

            .main-fixed-contact > div > div.main-contact-item-online > a {
                color: #fff;
            }

        .main-fixed-contact > div > div.main-contact-item-qq {
            height: 50px;
            transform: translateY(-45px);
            line-height: 50px;
        }

            .main-fixed-contact > div > div.main-contact-item-qq > a {
                color: #fff;
            }

        .main-fixed-contact > div > div.main-contact-item-phone {
            height: 50px;
            transform: translateY(-45px);
            line-height: 50px;
        }

            .main-fixed-contact > div > div.main-contact-item-phone > a {
                color: #fff;
            }

        .main-fixed-contact > div > div.main-contact-item-wx {
            top: 50%;
            transform: translateY(-50%);
        }

            .main-fixed-contact > div > div.main-contact-item-wx > img {
                width: 80%;
                margin-top: 15px;
            }

/*=====end main-contact=========*/


/*=====end main-fixed-ask=========*/

.main-fixed-ask {
    width:150px;
    background:url(/static/images/main-fixed-ask-img.png) no-repeat center top;
    padding-top:70px;
    left:10px;
}


    .main-fixed-ask > div.main-fixed-ask-box {
        border:solid 2px #14a4ff;
        border-radius:8px;
        background:#FFFFFF;
        padding:0px 8px 8px 8px;
    }
        .main-fixed-ask > div.main-fixed-ask-box > ul > li {
            display:block;
            float:left;
            width:100%;
            line-height:22px;
            padding-top:8px;
        }

/*=====end main-fixed-ask=========*/