﻿ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    margin: 10px 0
}

video {
    width: 100%;
    height: 100%
}

body, html {
    font-size: 14px;
    color: #898989;
    -ms-overflow-style: scrollbar;
    font-family: "å¾®è½¯é›…é»‘"
}

a {
    text-decoration: none
}

    a:hover {
        text-decoration: none
    }

.container {
    width: 950px
}

@media (max-width:1024px) {
    .container {
        width: 900px
    }
}

.modal-dialog {
    width: 70%;
    overflow: hidden
}

    .modal-dialog .modal-body {
        overflow: hidden
    }

@media (min-width:2048px) {
    .modal-dialog {
        width: 1344px
    }
}

@media (min-width:1480px) {
    body, html {
        font-size: 16px
    }

    .container {
        width: 1170px
    }
}

.breadcrumb {
    background-color: transparent;
    margin-top: 20px;
    margin-bottom: 3em;
    padding: 0;
    font-size: 12px;
    color: #999
}

    .breadcrumb > li + li:before {
        content: ">";
        padding-right: .5em
    }

    .breadcrumb .active {
        color: #999
    }

    .breadcrumb a {
        color: #999
    }

header {
    position: absolute;
    z-index: 500;
    width: 100%
}

    header.theme-dark .header nav {
        color: #666
    }

        header.theme-dark .header nav a {
            color: #666
        }

    header.theme-dark-white .header nav {
        color: #fff
    }

        header.theme-dark-white .header nav a {
            color: #fff
        }

    header.theme-bright .header nav {
        color: #fff
    }

        header.theme-bright .header nav a {
            color: #fff
        }

    header.mouseon .header nav {
        color: #666 !important
    }

        header.mouseon .header nav a {
            color: #666 !important
        }

    header .logo {
        margin-left: 2em;
        margin-top: 2.5em;
        position: relative;
        top: 0;
        z-index: 5
    }

    header .header {
        width: 70%;
        position: relative;
        top: 0;
        z-index: 5
    }

@media (max-width:1024px) {
    header .header {
        width: 80%
    }
}

header .header nav {
    height: 5em
}

    header .header nav ul li {
        width: 6em;
        height: 5em;
        display: inline-block;
        text-align: center
    }

@media (min-width:1480px) {
    header .header nav ul li {
        width: 8em
    }
}

header .header nav ul li a {
    display: inline-block;
    margin-top: 2.25em;
    height: 2.75em;
    text-decoration: none
}

header .header nav ul li:hover {
    color: #0d396c
}

    header .header nav ul li:hover a {
        color: #0d396c
    }

header .header nav ul li.double-q {
    width: 8em
}

header .header nav ul li.zoom {
    width: 2em
}

header .docker-container {
    width: 100%;
    position: absolute;
    min-height: 5em;
    top: 0;
    z-index: 2;
    background-color: #fff;
    -moz-opacity: .9;
    opacity: .9;
    display: none
}

    header .docker-container .docker-content {
        margin-top: 5em;
        background-color: #f2f2f2
    }

        header .docker-container .docker-content .docker-container-width {
            width: 70%;
            text-align: left
        }

            header .docker-container .docker-content .docker-container-width h5 {
                color: #1a355e;
                font-size: 1em;
                border-right: 1px dashed #8f8f8f
            }

            header .docker-container .docker-content .docker-container-width a {
                color: #666
            }

            header .docker-container .docker-content .docker-container-width .docker-container-product, header .docker-container .docker-content .docker-container-width .docker-container-selection, header .docker-container .docker-content .docker-container-width .docker-container-support {
                display: none;
                padding: 1em 0
            }

                header .docker-container .docker-content .docker-container-width .docker-container-product li, header .docker-container .docker-content .docker-container-width .docker-container-selection li, header .docker-container .docker-content .docker-container-width .docker-container-support li {
                    line-height: 2em
                }

            header .docker-container .docker-content .docker-container-width .docker-container-selection {
                width: 36%;
                margin-left: 20px
            }

                header .docker-container .docker-content .docker-container-width .docker-container-selection a {
                    height: 2em;
                    line-height: 2em
                }

                    header .docker-container .docker-content .docker-container-width .docker-container-selection a:hover {
                        color: #1a355e
                    }

                    header .docker-container .docker-content .docker-container-width .docker-container-selection a span:first-child {
                        width: 28px;
                        height: 28px;
                        background: url(../images/bg-nav-selection.png) no-repeat 0 -28px;
                        display: inline-block
                    }

                    header .docker-container .docker-content .docker-container-width .docker-container-selection a span:nth-child(2) {
                        margin-left: .5em
                    }

                    header .docker-container .docker-content .docker-container-width .docker-container-selection a.doubleq:hover span:first-child {
                        background-position: 0 0
                    }

                    header .docker-container .docker-content .docker-container-width .docker-container-selection a.cabinet span:first-child {
                        background-position: -28px -28px
                    }

                    header .docker-container .docker-content .docker-container-width .docker-container-selection a.cabinet:hover span:first-child {
                        background-position: -28px 0
                    }

            header .docker-container .docker-content .docker-container-width .docker-container-product {
                width: 90%
            }

                header .docker-container .docker-content .docker-container-width .docker-container-product li ul li a:hover {
                    color: #1a355e
                }

            header .docker-container .docker-content .docker-container-width .docker-container-support {
                width: 62%;
                margin-left: 180px
            }

                header .docker-container .docker-content .docker-container-width .docker-container-support a {
                    height: 2em;
                    line-height: 2em
                }

                    header .docker-container .docker-content .docker-container-width .docker-container-support a:hover {
                        color: #1a355e
                    }

                    header .docker-container .docker-content .docker-container-width .docker-container-support a span:first-child {
                        width: 28px;
                        height: 28px;
                        background: url(../images/bg-nav-tas.png) no-repeat 0 -28px;
                        display: inline-block
                    }

                    header .docker-container .docker-content .docker-container-width .docker-container-support a span:nth-child(2) {
                        margin-left: .5em
                    }

                    header .docker-container .docker-content .docker-container-width .docker-container-support a.tech:hover span:first-child {
                        background-position: 0 0
                    }

                    header .docker-container .docker-content .docker-container-width .docker-container-support a.service-1350 span:first-child {
                        background-position: -28px -28px
                    }

                    header .docker-container .docker-content .docker-container-width .docker-container-support a.service-1350:hover span:first-child {
                        background-position: -28px 0
                    }

                    header .docker-container .docker-content .docker-container-width .docker-container-support a.six-year span:first-child {
                        background-position: -56px -28px
                    }

                    header .docker-container .docker-content .docker-container-width .docker-container-support a.six-year:hover span:first-child {
                        background-position: -56px 0
                    }

                    header .docker-container .docker-content .docker-container-width .docker-container-support a.faq span:first-child {
                        background-position: -84px -28px
                    }

                    header .docker-container .docker-content .docker-container-width .docker-container-support a.faq:hover span:first-child {
                        background-position: -84px 0
                    }

@media (min-width:2048px) {
    header {
        width: 1920px;
        margin: 0 auto;
        left: 0;
        right: 0
    }
}

.site-assistant {
    width: 77px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000
}

    .site-assistant .assistant-switch {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 77px;
        height: 78px;
        z-index: 1
    }

    .site-assistant ul {
        position: absolute;
        left: 0;
        top: 80px;
        width: 100%;
        z-index: 5;
        display: none;
        background: rgba(255,255,255,.8)
    }

        .site-assistant ul li {
            font-size: .5em;
            text-align: center;
            padding: 1em .5em;
            position: relative
        }

            .site-assistant ul li a {
                display: block;
                border-bottom: 1px dashed #647b99;
                text-decoration: none;
                padding-bottom: .5em;
                color: #000;
                position: relative;
                z-index: 1
            }

                .site-assistant ul li a img {
                    margin-bottom: .8em
                }

            .site-assistant ul li:last-child a {
                border-bottom-style: none
            }

            .site-assistant ul li .assistant-banner-pop {
                position: absolute;
                right: 80px;
                top: 0;
                width: 202px;
                text-align: left;
                display: none;
                z-index: 2
            }

                .site-assistant ul li .assistant-banner-pop a {
                    display: block;
                    width: 200px;
                    padding: 0;
                    border-style: none;
                    overflow: hidden;
                    line-height: 0
                }

                    .site-assistant ul li .assistant-banner-pop a img {
                        float: left;
                        display: block;
                        margin: 0
                    }

                    .site-assistant ul li .assistant-banner-pop a:nth-child(n+2) {
                        margin-top: 3px
                    }

            .site-assistant ul li .assistant-wechat-pop {
                position: absolute;
                right: 80px;
                top: -5px;
                width: 77px;
                z-index: 2;
                display: none;
                -moz-opacity: 1;
                opacity: 1
            }

                .site-assistant ul li .assistant-wechat-pop a {
                    float: left;
                    width: 77px;
                    padding: 0;
                    border-style: none;
                    overflow: hidden;
                    line-height: 5px;
                    vertical-align: middle;
                    margin-bottom: .5em
                }

                    .site-assistant ul li .assistant-wechat-pop a img {
                        float: left;
                        display: block
                    }

footer {
    background-color: #f6f6f6;
    padding: 4.5em 15%;
    color: #8d898c
}

    footer a {
        color: #8d898c
    }

    footer .footer-nav li {
        line-height: 1.75em;
        height: 1.75em;
        font-size: .85em
    }

    footer .footer-nav .footer-logo {
        width: 192px;
        margin-bottom: 1.25em
    }

    footer .footer-nav p.tel {
        font-size: 1.75em
    }

    footer .footer-nav .footer-social p {
        width: 5em;
        height: 23px;
        float: left;
        line-height: 170%
    }

    footer .footer-nav .footer-social .social-wechat, footer .footer-nav .footer-social .social-weibo {
        width: 23px;
        height: 23px;
        float: left;
        position: relative;
        z-index: 2
    }

        footer .footer-nav .footer-social .social-wechat a, footer .footer-nav .footer-social .social-weibo a {
            width: 23px;
            height: 23px;
            position: relative;
            z-index: 1;
            display: inline-block;
            background: url(../images/icon-footer-social.png) no-repeat 0 0;
            text-indent: -100em
        }

        footer .footer-nav .footer-social .social-wechat .social-wechat-pop {
            display: none;
            position: absolute;
            width: 200px;
            height: 230px;
            bottom: 0;
            left: -86px
        }

    footer .footer-nav .footer-social .social-weibo {
        margin-left: .5em
    }

        footer .footer-nav .footer-social .social-weibo a {
            background-position: 0 -23px
        }

    footer .copyright {
        margin-top: 2em;
        font-size: .85em
    }

        footer .copyright ul li {
            float: left;
            padding: 0 .5em;
            border-right: 1px solid #948c88
        }

            footer .copyright ul li:last-child {
                border-right-style: none
            }

        footer .copyright .col-md-7 {
            text-align: right
        }

        footer .copyright small {
            color: #a3a3a3
        }

@media (max-width:1024px) {
    footer {
        padding-left: 0;
        padding-right: 0
    }
}

.go-top {
    position: fixed;
    width: 41px;
    height: 41px;
    bottom: 0;
    right: 0;
    z-index: 1000
}

    .go-top a {
        display: block
    }

.btn-hegii {
    display: inline-block;
    padding: .5em 1.3em .5em 1.5em;
    text-align: center;
    position: relative;
    text-decoration: none;
    letter-spacing: .2em
}

    .btn-hegii.btn-hegii-default {
        background-color: #1a355e;
        color: #fff
    }

        .btn-hegii.btn-hegii-default:hover:after {
            border: solid 1px #1a355e
        }

    .btn-hegii.btn-hegii-white {
        background-color: #fff;
        color: #1a355e
    }

        .btn-hegii.btn-hegii-white:hover:after {
            border: solid 1px #fff
        }

    .btn-hegii.btn-hegii-hollow {
        border: solid 1px #1a355e;
        background-color: transparent;
        color: #1a355e
    }

.toggle-icon {
    margin: .5em auto
}

    .toggle-icon li {
        border-left: dashed 1px #d4d4d4;
        padding: 1em 0;
        float: left;
        text-align: center;
        position: relative;
        z-index: 3
    }

        .toggle-icon li:last-child {
            border-right: dashed 1px #d4d4d4
        }

        .toggle-icon li a {
            text-decoration: none;
            display: block;
            position: relative;
            z-index: 1;
            margin: 0 auto
        }

            .toggle-icon li a span {
                margin-top: 1em;
                display: block;
                color: #424242;
                margin: 0 auto
            }

                .toggle-icon li a span:first-child {
                    width: 70%
                }

                .toggle-icon li a span:nth-child(2) {
                    margin-top: 1.75em
                }

            .toggle-icon li a:hover span {
                color: #1a355e
            }

        .toggle-icon li.active a span {
            color: #1a355e
        }

.toggle-mask {
    position: relative
}

    .toggle-mask > img {
        position: relative;
        z-index: 1
    }

    .toggle-mask .mask {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 3;
        background-color: #1a355e;
        -moz-opacity: .8;
        opacity: .8;
        color: #fff;
        text-align: center
    }

.auto-vertical-align {
    position: relative;
    top: 0;
    left: 0
}

    .auto-vertical-align .vertical-align-item {
        position: absolute;
        z-index: 2;
        top: 5%
    }

.blank-spacing {
    min-height: 400px;
    padding: 100px 0
}

.default-kv {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto
}

@media (min-width:2048px) {
    .default-kv {
        width: 1920px
    }
}

.blank-kv {
    height: 5em
}

.full-width {
    width: 100%;
    margin: 0 auto
}

@media (min-width:2048px) {
    .full-width {
        width: 1920px
    }
}

.general-content {
    padding: 2em 0 4em 0
}

    .general-content h1 {
        color: #1a355e
    }

    .general-content p {
        line-height: 180%;
        padding: 2em 0
    }

        .general-content p strong {
            padding: 2em 0
        }

            .general-content p strong:first-child {
                padding-top: 0
            }

    .general-content .sitemap {
        width: 100%
    }

        .general-content .sitemap td, .general-content .sitemap th {
            width: 12.5%;
            padding: .6em 0
        }

nav.for-pagination {
    text-align: center
}

    nav.for-pagination .pagination li span {
        color: #999
    }

    nav.for-pagination .pagination li:nth-child(n+2) a {
        margin-left: .75em;
        color: #999
    }

    nav.for-pagination .pagination li.active a {
        background-color: #334870;
        border-color: #334870;
        color: #fff
    }

.col-clear-padding {
    padding-left: 0;
    padding-right: 0
}

    .col-clear-padding .col-md-12, .col-clear-padding .col-md-3, .col-clear-padding .col-md-4, .col-clear-padding .col-md-5, .col-clear-padding .col-md-6, .col-clear-padding .col-md-7, .col-clear-padding .col-md-8, .col-clear-padding .col-md-9 {
        padding-left: 0;
        padding-right: 0
    }

.col-fix-padding {
    padding-left: 5px;
    padding-right: 5px
}

    .col-fix-padding .col-md-12, .col-fix-padding .col-md-3, .col-fix-padding .col-md-4, .col-fix-padding .col-md-5, .col-fix-padding .col-md-6, .col-fix-padding .col-md-7, .col-fix-padding .col-md-8, .col-fix-padding .col-md-9 {
        padding-left: 5px;
        padding-right: 5px
    }
