.kh-top-right {
    /*position: absolute;*/
    right: 0;
    top: 0;
    height: 50px
}

.kh-top-right .kh-top-part {
    float: left;
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    padding: 18px 15px;
    -webkit-transition: color .3s;
    transition: color .3s
}

.kh-top-right .kh-top-part:hover {
    color: #112858
}

.kh-top-right .kh-login {
    float: left
}
.nav-link{
    font-size:14px!important;
}

.kh-top-right .kh-top-register {
    padding: 0;
    margin: 7px 30px 7px 15px;
    display: block;
    background-color: #112858;
    width: 100px;
    height: 36px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    border-radius: 2px
}

.kh-top-right .kh-top-register:hover {
    /*color: #fff;*/
    /*background-image: linear-gradient(90deg,#112858,#112858)*/
}

.kh-top-right .kh-top-lang {
    padding: 0 15px 0 0
}

.kh-top-right .kh-top-lang:hover .kh-lang-txt:after {
    margin-top: 3px;
    border-color: transparent transparent #112858
}

.kh-top-right .kh-lang-txt {
    line-height: 1;
    padding: 18px 0 18px 20px;
    cursor: pointer
}

.kh-top-right .kh-lang-txt:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 3px solid;
    margin-left: 5px;
    vertical-align: top;
    margin-top: 6px;
    border-color: #fff transparent transparent
}

.kh-top-right .kh-lang-txt:hover:after {
    margin-top: 3px;
    border-color: transparent transparent #112858
}

.kh-top-right .kh-lang-panel {
    background: #fff;
    border-radius: 4px;
    width: 96px;
    padding: 10px 10px 10px 20px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
    color: #181931;
    line-height: 1;
    position: absolute;
    opacity: 0;
    z-index: 1000;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    visibility: hidden;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
    top: 58px
}

.kh-top-right .kh-lang-panel:before {
    top: -8px;
    border-bottom: 8px solid #fff
}

.kh-top-right .kh-lang-panel:after,.kh-top-right .kh-lang-panel:before {
    display: block;
    position: absolute;
    content: "";
    left: 32px;
    border-top: none;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.kh-top-right .kh-lang-panel:after {
    top: -10px;
    z-index: -1;
    border-bottom: 8px solid rgba(0,0,0,.2);
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.kh-top-right .kh-lang-panel .kh-lang-item {
    padding: 10px 0;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s
}

.kh-top-right .kh-lang-panel .kh-lang-item:hover a{
    color: #112858!important;
}

.kh-top-right .kh-lang-panel.kh-show {
    opacity: 1;
    visibility: visible
}

.kh-top-right .kh-top-userpart {
    padding: 0 30px 0 15px;
    position: relative
}

.kh-top-right .kh-top-userpart .kh-user-txt {
    padding: 18px 0;
    line-height: 1;
    max-width: 130px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden
}

.kh-top-right .kh-top-userpart .kh-user-row {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    left: 50%;
    margin-left: -16px;
    top: 50px;
    border-bottom: 8px solid #fff;
    border-top: none;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.kh-top-right .kh-top-userpart .kh-user-row:after {
    display: block;
    position: absolute;
    content: "";
    left: -8px;
    border-bottom: 8px solid rgba(0,0,0,.2);
    border-top: none;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: -1;
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.kh-top-right .kh-top-userpart .kh-user-row.kh-show {
    opacity: 1;
    visibility: visible
}

.kh-top-right .kh-top-userpart .kh-user-panel {
    position: absolute;
    width: 360px;
    visibility: hidden;
    background: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
    right: 30px;
    padding-bottom: 20px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 1000;
    top: 58px
}

.kh-top-right .kh-top-userpart .kh-user-panel.kh-show {
    opacity: 1;
    visibility: visible
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-top {
    padding: 28px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-logo {
    width: 64px;
    height: auto;
    float: left;
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-top-center {
    padding-left: 8px;
    float: left;
    width: 145px
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-top-center .kh-user-name {
    padding: 8px 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    font-size: 16px;
    color: #181931;
    line-height: 1
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-top-center .kh-user-status {
    display: inline-block;
    border-radius: 2px;
    height: 20px;
    padding-right: 20px;
    line-height: 20px;
    text-indent: 6px;
    font-size: 12px
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-top-center .kh-user-status .status-icon {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    left: 10px;
    margin: 5px 0 0 10px
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-top-center .ks-user-status-unauth {
    background: #ededed;
    color: #7a7a7a
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-top-center .ks-user-status-unauth .status-icon {
    background-image: url(/header/img/unauth.png?e44188c9)
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-top-center .ks-user-status-success {
    background: #d4eedc;
    color: #00b43d
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-top-center .ks-user-status-success .status-icon {
    background-image: url(/header/img/success.png?5af79e18)
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-top-center .ks-user-status-fail {
    background: #ffe6e6;
    color: #112858
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-top-center .ks-user-status-fail .status-icon {
    background-image: url(/header/img/fail.png?47213755)
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-top-center .ks-user-status-review {
    background: #ffefde;
    color: #ff8700
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-top-center .ks-user-status-review .status-icon {
    background-image: url(/header/img/review.png?3bec65bb)
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-top-right {
    float: right;
    padding: 6px 18px;
    font-size: 12px;
    color: #929292;
    line-height: 1;
    background: #fff;
    border: 1px solid #929292;
    border-radius: 2px;
    outline: none;
    margin-top: 20px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-top-right:hover {
    border-color: #112858;
    background: #112858;
    color: #fff
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-middle {
    width: 100%;
    height: 50px;
    background: #fff4e7;
    padding: 12px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-middle .kh-user-large-label {
    font-size: 14px;
    color: #181931;
    line-height: 26px;
    float: left
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-middle .kh-user-money {
    font-size: 26px;
    color: #ff8700;
    line-height: 1;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    float: right
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-middle .kh-user-money-icon {
    color: #ff8700;
    font-size: 14px;
    float: right;
    margin-top: 6px
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-bottom {
    width: 100%;
    padding-top: 20px;
    overflow: hidden
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-bottom .kh-user-part {
    text-align: center;
    width: 20%;
    vertical-align: top;
    float: left;
    font-size: 12px;
    color: #181931;
    -webkit-transition: color .3s;
    transition: color .3s
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-bottom .kh-user-part:hover {
    color: #112858
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-bottom .kh-user-part:hover .part-icon {
    background-position: -26px 0
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-bottom .part-icon {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto 10px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0 0
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-bottom .unread-i {
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background: #112858;
    right: -4px;
    top: -4px;
    border-radius: 50%
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-bottom .ks-user-part-account .part-icon {
    background-image: url(/header/img/accounts.png?13363587)
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-bottom .ks-user-part-order .part-icon {
    background-image: url(/header/img/orders.png?7f7af37b)
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-bottom .ks-user-part-overview .part-icon {
    background-image: url(/header/img/overviews.png?d3eccfca)
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-bottom .ks-user-part-message .part-icon {
    background-image: url(/header/img/messages.png?f2cf4bda)
}

.kh-top-right .kh-top-userpart .kh-user-panel .kh-user-panel-bottom .ks-user-part-charge .part-icon {
    background-image: url(/header/img/charges.png?f462b0e3)
}

.kh-top-right .kh-top-mini-search {
    display: none
}

.kh-top-right .kh-top-search {
    position: relative;
    height: 32px;
    float: left;
    margin-top: 9px;
    max-width: 300px
}

.kh-top-right .kh-top-search .kh-top-serinput-wrap {
    width: auto;
    overflow: hidden
}

.kh-top-right .kh-top-search .kh-top-search-input {
    width: 200px;
    padding: 0 80px 0 0;
    background: hsla(0,0%,100%,.15);
    border-radius: 2px;
    height: 32px;
    line-height: normal;
    font-size: 14px;
    color: hsla(0,0%,100%,.4);
    text-indent: 20px;
    border: none;
    outline: none;
    -webkit-transition: width .3s;
    transition: width .3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis
}

.kh-top-right .kh-top-search .kh-top-search-input.kh-top-search-long,.kh-top-right .kh-top-search .kh-top-search-input:focus {
    background: #3d3b48;
    width: 300px;
    color: #fff
}

.kh-top-right .kh-top-search .kh-top-search-input::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.4)
}

.kh-top-right .kh-top-search .kh-top-search-input::-moz-placeholder {
    color: hsla(0,0%,100%,.4)
}

.kh-top-right .kh-top-search .kh-top-search-input:-ms-input-placeholder {
    color: hsla(0,0%,100%,.4)
}

.kh-top-right .kh-top-search .kh-top-search-clear {
    display: none;
    position: absolute;
    width: 32px;
    height: 32px;
    background: url(/header/img/pc/clear.png?683ca030) no-repeat;
    background-size: 13px;
    background-position: 50%;
    top: 0;
    opacity: .4;
    right: 52px;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.kh-top-right .kh-top-search .kh-top-search-clear:hover {
    opacity: 1
}

.kh-top-right .kh-top-search .kh-top-search-clear:hover:after {
    opacity: .4
}

.kh-top-right .kh-top-search .kh-top-search-clear:after {
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 12px;
    background: #d2d2d2;
    top: 10px;
    right: -4px
}

.kh-top-right .kh-top-search .kh-top-search-clear.kh-show {
    display: block
}

.kh-top-right .kh-top-search .kh-top-search-btn {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 12px;
    top: 0;
    background: url(../img/search.png) no-repeat;
    background-size: 16px;
    background-position: 50%;
    opacity: .4;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.kh-top-right .kh-top-search .kh-top-search-btn:hover {
    opacity: 1
}

.kh-top-right .kh-top-search .kh-top-search-list {
    display: none;
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    border-radius: 2px;
    width: 100%;
    left: 0;
    max-height: 192px;
    top: 33px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #3d3b48
}

.kh-top-right .kh-top-search .kh-top-search-list .kh-top-search-name,.kh-top-right .kh-top-search .kh-top-search-list .kh-top-search-nodata {
    display: block;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    padding-right: 20px;
    text-indent: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: background .3s;
    transition: background .3s;
    cursor: pointer
}

.kh-top-right .kh-top-search .kh-top-search-list .kh-top-search-name em,.kh-top-right .kh-top-search .kh-top-search-list .kh-top-search-nodata em {
    font-style: normal;
    font-weight: 400
}

.kh-top-right .kh-top-search .kh-top-search-list .kh-top-search-name .kh-top-search-link,.kh-top-right .kh-top-search .kh-top-search-list .kh-top-search-nodata .kh-top-search-link {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.kh-top-right .kh-top-search .kh-top-search-list .kh-top-search-name:hover,.kh-top-right .kh-top-search .kh-top-search-list .kh-top-search-name:hover .kh-top-search-link {
    background: #2d2b37
}

.kh-top-right .kh-top-search .kh-top-search-list .kh-top-search-default {
    display: block;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    color: hsla(0,0%,100%,.4);
    padding: 0 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

@media screen and (min-width: 1400px) and (max-width:1600px) {
    .kh-first-nv .kh-first-nv-li {
        padding:0 12px
    }

    .kh-top-right .kh-top-part {
        padding: 18px 12px
    }

    .kh-top-right .kh-top-userpart {
        padding: 0 20px 0 12px
    }

    .kh-top-right .kh-top-lang {
        padding: 0 15px 0 0
    }

    .kh-top-right .kh-top-register {
        padding: 0;
        margin: 7px 20px 7px 12px
    }

    .kh-top-right .kh-lang-txt {
        padding: 18px 0 18px 24px
    }
}

@media screen and (max-width: 1399px) {
    .kh-first-nv .kh-first-nv-li {
        padding:0 10px
    }

    .kh-top-right .kh-top-part {
        padding: 18px 10px
    }

    .kh-top-right .kh-top-userpart {
        padding: 0 20px 0 10px
    }

    .kh-top-right .kh-top-lang {
        padding: 0 10px 0 0
    }

    .kh-top-right .kh-top-register {
        padding: 0;
        margin: 7px 20px 7px 10px
    }

    .kh-top-right .kh-lang-txt {
        padding: 18px 0 18px 20px
    }

    .kh-top-right .kh-top-mini-search {
        display: block;
        z-index: 1;
        float: left;
        width: 16px;
        height: 50px;
        background: url(/header/img/pc/search.png?30c2420f) no-repeat;
        background-size: 16px;
        background-position: 50%;
        -webkit-transition: background-image .3s;
        transition: background-image .3s;
        cursor: pointer
    }

    .kh-top-right .kh-top-mini-search:hover {
        background-image: url(/header/img/pc/search3.png?e7d5ce0c)
    }

    .kh-top-right .kh-top-mini-search.kh-top-mini-search-hide {
        opacity: 0;
        z-index: -1000
    }

    .kh-top-right .kh-top-search {
        width: 16px;
        opacity: 0;
        z-index: -1000;
        margin-right: -16px;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .kh-top-right .kh-top-search.kh-show {
        z-index: 1;
        opacity: 1;
        width: auto;
        max-width: 300px
    }

    .kh-top-right .kh-top-search.kh-show .kh-top-search-btn {
        cursor: pointer;
        visibility: visible
    }

    .kh-top-right .kh-top-search .kh-top-search-btn {
        cursor: default;
        visibility: hidden
    }
}
/*topright*/
/*hover*/
.kh-nv-panel-wrap-en {
    max-width: 1220px;
    left: 188px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    height: auto;
    -webkit-transition: height .3s;
    transition: height .3s;
    color: #181931;
    font-size: 0;
    overflow: hidden;
    z-index: 999;
    border-radius: 0 0 4px 4px
}
.kh-nv-panel-wrap-en.kh-panel-no-overflow {
    width: 500px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent
}
@media screen and (min-width: 1300px) and (max-width:1400px) {
    .kh-nv-panel-wrap-en {
        left:90px
    }
}
@media screen and (max-width: 1300px) {
    .kh-nv-panel-wrap-en {
        left:20px
    }
}
.kh-panel-row {
    display: block;
    position: absolute;
    top: -8px;
    z-index: -1;
    opacity: 1;
    border-bottom: 8px solid #eee;
    border-top: none;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 1001
}
.kh-panel-row:before {
    display: block;
    content: "";
    position: inherit;
    left: -7px;
    top: 1px;
    border-bottom: 7px solid #fff;
    border-top: none;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    z-index: 1
}
.kh-panel-row.none {
    display: none
}
.kh-nv-panel {
    display: none;
    position: relative;
    width: 100%;
    font-size: 0;
    margin: 0 auto;
    vertical-align: top;
    border-radius: 4px;
    top: 8px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 hsla(0,0%,47%,.3),0 5px 10px 0 hsla(0,0%,51%,.2);
    box-shadow: 0 0 10px 0 hsla(0,0%,47%,.3),0 5px 10px 0 hsla(0,0%,51%,.2)
}
@media screen and (max-width: 1300px) {
    .kh-nv-panel {
        width:1120px
    }
}
.kh-nv-panel:not(.kh-nv-panel-more):before {
    position: absolute;
    display: block;
    content: "";
    /*width: 1px;*/
    height: 100%;
    left: 219px;
    top: 0;
    background-color: #ddd
}
.kh-nv-panel.kh-active {
    display: block
}
.kh-nv-panel .kh-nv-second-left {
    padding: 20px 0;
    display: inline-block;
    width: 220px;
    height: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top
}
.kh-nv-panel .kh-nv-second-list {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    padding: 13px 19px 0 30px;
    font-size: 14px;
    color: #181931;
    letter-spacing: 0;
    line-height: 14px;
    cursor: default;
    font-family: PingFangSC-Medium;
    -webkit-transition: color .3s;
    transition: color .3s
}
.kh-nv-panel .kh-nv-second-list .kh-nv-right-icon {
    position: absolute;
    opacity: 0;
    width: 5px;
    height: 10px;
    background: url(/header/img/pc/right-icon.png?2fcf68ec) no-repeat 50%;
    background-size: contain;
    top: 15px;
    right: 40px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}
.kh-nv-panel .kh-nv-second-list.kh-active,.kh-nv-panel .kh-nv-second-list:hover {
    color: #1296db
}
.kh-nv-panel .kh-nv-second-list.kh-active .kh-nv-right-icon,.kh-nv-panel .kh-nv-second-list:hover .kh-nv-right-icon {
    right: 20px;
    opacity: 1
}
.kh-nv-panel .kh-nv-second-rwrap {
    max-height: 548px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*display: inline-block;*/
    vertical-align: top
}
.kh-nv-panel .kh-nv-second-right {
    display: none;
    width: 980px;
    max-height: 548px;
    padding: 20px 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    overflow-y: auto
}
.kh-nv-panel .kh-nv-second-right.kh-active {
    display: block
}
@media screen and (max-width: 1300px) {
    .kh-nv-panel .kh-nv-second-right {
        width:900px
    }
}
.kh-nv-panel .kh-nv-second-right .kh-nv-col {
    overflow: hidden;
    width: 205px;
    padding-right: 20px;
    float: left
}
.kh-nv-panel .kh-nv-second-right .kh-nv-col:last-of-type {
    padding-right: 0
}
.kh-nv-panel .kh-nv-third {
    display: inline-block;
    width: 485px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0 10px 10px 0;
    /*height: 80px;*/
    background-color: #fff;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}
.kh-nv-panel .kh-nv-third:nth-child(2n) {
    margin-right: 0
}
@media screen and (max-width: 1300px) {
    .kh-nv-panel .kh-nv-third {
        width:420px
    }
}
.kh-nv-panel .kh-nv-third:hover {
    background-color: #f8f8f8;
    border-radius: 2px
}
.kh-nv-panel .kh-nv-third:hover .kh-nv-link-txt {
    color: #112858
}
.kh-nv-panel .kh-nv-third .kh-nv-third-title {
    position: relative;
    padding: 0;
    height: 34px;
    cursor: pointer
}
.kh-nv-panel .kh-nv-third .kh-nv-third-des {
    font-size: 12px;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    color: #7b7b86
}
.kh-nv-panel .kh-nv-third .kh-nv-link-txt {
    font-size: 14px;
    color: #181931;
    line-height: 34px;
    display: inline-block;
    max-width: 400px;
    font-weight: 400;
    -webkit-transition: color .3s;
    transition: color .3s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
@media screen and (max-width: 1300px) {
    .kh-nv-panel .kh-nv-third .kh-nv-link-txt {
        max-width:360px
    }
    .kh-nv-panel .kh-nv-third .kh-nv-link-txt.kh-nv-txt-full {
        max-width: 400px
    }
}

@media screen and (max-width: 1200px) {
    .kh-nv-panel-wrap {
        max-width:1040px
    }

    .kh-nv-panel {
        max-width: 1020px
    }

    .kh-nv-panel .kh-nv-panel-search-wrap {
        width: 800px
    }

    .kh-nv-panel .kh-nv-second-right {
        width: 820px
    }

    .kh-nv-panel .kh-nv-second-right .kh-nv-col {
        width: 185px
    }

    .kh-nv-panel-card {
        max-width: 1020px
    }

    .kh-nv-panel-card .kh-nv-card-list {
        width: 225px
    }
}
.kh-nv-panel .kh-nv-third .kh-nv-link-txt.kh-nv-txt-full {
    max-width: 440px
}
.kh-nv-panel .kh-nv-icon-beta,.kh-nv-panel .kh-nv-icon-sale {
    position: absolute;
    top: 11px;
    margin-left: 8px;
    width: 32px;
    height: 12px;
    line-height: 12px;
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    background: url(/header/img/pc/icon/reminds.png?ed97554b) no-repeat;
    background-size: auto 100%
}
.kh-nv-panel .kh-nv-icon-new {
    background-position: -96px 0
}
.kh-nv-panel .kh-nv-icon-hot {
    background-position: -32px 0
}
.kh-nv-panel .kh-nv-icon-sale {
    background-position: -64px 0
}
.kh-nv-panel .kh-nv-icon-beta {
    background-position: 0 0
}
.kh-nv-panel-more {
    width: 160px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: none;
    padding: 10px 0;
    height: auto;
    left: 5px;
    margin: 0;
    -webkit-box-shadow: 0 -3px 5px 0 hsla(0,0%,47%,.2),0 5px 10px 0 hsla(0,0%,51%,.2);
    box-shadow: 0 -3px 5px 0 hsla(0,0%,47%,.2),0 5px 10px 0 hsla(0,0%,51%,.2)
}
.kh-nv-panel-more .kh-more-list {
    position: relative;
    display: block;
    padding: 10px 30px 10px 20px;
    font-size: 14px;
    color: #181931;
    line-height: 14px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}
.kh-nv-panel-more .kh-more-list:hover {
    color: #112858
}
.kh-nv-panel-more .kh-more-list:hover .kh-more-row {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 1
}
.kh-nv-panel-more .kh-more-list:hover .kh-more-second {
    opacity: 1;
    visibility: visible
}
.kh-nv-panel-more .kh-more-list.kh-more-list-hidden {
    display: none
}
.kh-nv-panel-more .kh-more-list .kh-more-row,.kh-nv-panel-more .kh-more-list .kh-more-second-row {
    display: block;
    position: absolute;
    right: 24px;
    top: 14px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 4px solid #112858;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}
.kh-nv-panel-more .kh-more-list .kh-more-second,.kh-nv-panel-more .kh-more-list .kh-more-third {
    opacity: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 10px 0;
    position: absolute;
    margin-left: 2px;
    top: -10px;
    left: 100%;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
    -webkit-transition: all .3s;
    transition: all .3s;
    visibility: hidden
}
.kh-nv-panel-more .kh-more-second-list,.kh-nv-panel-more .kh-more-third-list {
    position: relative;
    padding: 10px 30px 10px 20px;
    font-size: 14px;
    display: block;
    color: #181931;
    white-space: nowrap;
    line-height: 14px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}
.kh-nv-panel-more .kh-more-second-list:hover,.kh-nv-panel-more .kh-more-third-list:hover {
    color: #112858
}
.kh-nv-panel-more .kh-more-second-list:hover .kh-more-second-row,.kh-nv-panel-more .kh-more-third-list:hover .kh-more-second-row {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 1
}
.kh-nv-panel-more .kh-more-second-list:hover .kh-more-third,.kh-nv-panel-more .kh-more-third-list:hover .kh-more-third {
    opacity: 1;
    visibility: visible
}

.kh-nv-panel-wrap {
    width: 100%;
    position: absolute;
    /*left: 600px;*/
    height: 0;
    -webkit-transition: height .3s;
    transition: height .3s;
    display: block;
    overflow-y: hidden;
    overflow-x: auto;
    z-index: 999;
    top: 50px;
    -webkit-box-shadow: 0 5px 10px 0 hsla(0,0%,51%,.2);
    box-shadow: 0 5px 10px 0 hsla(0,0%,51%,.2);
    border-radius: 0 0 4px 4px
}

.kh-nv-panel-wrap.kh-show {
    height: 556px
}

.kh-nv-panel-wrap.kh-panel-wrap-bgimg {
    background-image: -webkit-linear-gradient(transparent 15%,#fff 0,#fff);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(15%,transparent),color-stop(15%,#fff),to(#fff));
    background-image: linear-gradient(transparent 15%,#fff 0,#fff)
}

.kh-nv-panel-wrap.kh-panel-no-overflow {
    width: 500px;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent
}

.kh-nv-panel {
    display: none;
    position: relative;
    top: 8px;
    margin: 0 auto;
    max-width: 100%;
    height: 548px;
    background: #fff;
    border-radius: 4px;
    padding-top: 1px;
    -webkit-box-shadow: 0 -3px 5px 0 hsla(0,0%,47%,.2);
    box-shadow: 0 -3px 5px 0 hsla(0,0%,47%,.2)
}

.kh-nv-panel.kh-active {
    height: 548px;
    display: flex;
    justify-content: center;
}

.kh-nv-panel .kh-nv-second-left {
    float: left;
    width: 179px;
    height: 100%;
    max-height: 548px;
    overflow: hidden;
    border-right: 1px solid #ddd
}

.kh-nv-panel .kh-nv-second-left .kh-nv-second-list {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    padding: 13px 0 13px 10px;
    font-size: 14px;
    color: #181931;
    letter-spacing: 0;
    line-height: 14px;
    cursor: default;
    font-family: PingFangSC-Medium;
    -webkit-transition: color .3s;
    transition: color .3s
}

.kh-nv-panel .kh-nv-second-left .kh-nv-second-list .kh-nv-right-icon {
    position: absolute;
    opacity: 0;
    width: 45px;
    height: 10px;
    background: url(../img/right_icon.png) no-repeat 50%;
    background-size: contain;
    top: 15px;
    right: 20px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.kh-nv-panel .kh-nv-second-left .kh-nv-second-list.kh-active,.kh-nv-panel .kh-nv-second-left .kh-nv-second-list:hover {
    color: #1296db
}

.kh-nv-panel .kh-nv-second-left .kh-nv-second-list.kh-active .kh-nv-right-icon,.kh-nv-panel .kh-nv-second-left .kh-nv-second-list:hover .kh-nv-right-icon {
    right: 0;
    opacity: 1
}

.kh-nv-panel .kh-nv-second-left a.kh-nv-second-list {
    display: block;
    color: #181931
}

.kh-nv-panel .kh-nv-second-left .kh-nv-second-wrap {
    padding: 20px 20px 0;
    max-height: 520px;
    overflow: hidden
}

.kh-nv-panel .kh-nv-second-left .kh-nv-adver-link {
    display: block;
    width: 180px;
    cursor: pointer;
    position: absolute;
    bottom: 0
}

.kh-nv-panel .kh-nv-second-left .kh-nv-advertising {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.kh-nv-panel .kh-nv-second-rwrap {
    overflow: auto;
    overflow-x: hidden;
    height: 548px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 0 18px 20px
}

.kh-nv-panel .kh-nv-second-right {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 8px 0 0;
    box-sizing: border-box;
    font-size: 0
}

.kh-nv-panel .kh-nv-second-right.kh-active {
    display: block
}

.kh-nv-panel .kh-nv-second-right .kh-nv-col {
    overflow: hidden;
    width: 205px;
    padding: 10px 0;
    float: left
}

.kh-nv-panel .kh-nv-second-right .kh-nv-col:last-of-type {
    padding-right: 0
}

.kh-nv-panel .kh-nv-second-right .kh-nv-third-title {
    padding: 16px 10px 12px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1;
    color: #181931;
    font-weight: 600;
    border-bottom: 1px solid #ddd
}

.kh-nv-panel .kh-nv-second-right .kh-nv-fourth {
    display: block;
    font-size: 14px;
    color: #7b7b86;
    padding: 8px 10px;
    line-height: 1;
    cursor: pointer
}

.kh-nv-panel .kh-nv-second-right .kh-nv-fourth:hover {
    color: #112858;
    background: #f8f8f8;
    border-radius: 2px
}

.kh-nv-panel .kh-nv-second-right .kh-nv-fourth .kh-nv-icon-beta,.kh-nv-panel .kh-nv-second-right .kh-nv-fourth .kh-nv-icon-hot,.kh-nv-panel .kh-nv-second-right .kh-nv-fourth .kh-nv-icon-new,.kh-nv-panel .kh-nv-second-right .kh-nv-fourth .kh-nv-icon-sale {
    width: 32px;
    height: 12px;
    line-height: 12px;
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    background: url(/header/img/pc/icon/reminds.png) no-repeat;
    background-size: auto 100%
}

.kh-nv-panel .kh-nv-second-right .kh-nv-fourth .kh-nv-icon-new {
    background-position: -96px 0
}

.kh-nv-panel .kh-nv-second-right .kh-nv-fourth .kh-nv-icon-hot {
    background-position: -32px 0
}

.kh-nv-panel .kh-nv-second-right .kh-nv-fourth .kh-nv-icon-sale {
    background-position: -64px 0
}

.kh-nv-panel .kh-nv-second-right .kh-nv-fourth .kh-nv-icon-beta {
    background-position: 0 0
}

.kh-nv-panel .kh-nv-panel-search-wrap {
    position: relative;
    height: 32px;
    margin: 0 20px 0 0;
    width: 84%;
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-panel-search-input {
    width: 100%;
    padding: 0;
    background: #eee;
    border-radius: 2px;
    height: 30px;
    line-height: normal;
    font-size: 14px;
    color: #181931;
    border: 1px solid #eee;
    text-indent: 20px;
    outline: none
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-panel-search-input:focus {
    background: #fff;
    border: 1px solid #afafaf
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-panel-search-input::-webkit-input-placeholder {
    color: #afafaf
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-panel-search-input::-moz-placeholder {
    color: #afafaf
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-panel-search-input:-ms-input-placeholder {
    color: #afafaf
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-panel-search-clear {
    display: none;
    position: absolute;
    width: 32px;
    height: 32px;
    background: url(/header/img/pc/clear1.png) no-repeat;
    background-size: 13px;
    background-position: 50%;
    top: 0;
    right: 52px;
    cursor: pointer;
    -webkit-transition: background-image .3s;
    transition: background-image .3s
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-panel-search-clear:hover {
    background-image: url(/header/img/pc/clear2.png)
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-panel-search-clear:after {
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 12px;
    background: #d2d2d2;
    top: 10px;
    right: -4px
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-panel-search-clear.kh-show {
    display: block
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-panel-search-btn {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 12px;
    top: 0;
    background: url(../img/search2.png) no-repeat;
    background-size: 16px;
    background-position: 50%;
    cursor: pointer;
    -webkit-transition: background-image .3s;
    transition: background-image .3s
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-panel-search-btn:hover {
    background-image: url(../img/search1.png)
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-nv-panel-search {
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    border-radius: 2px;
    width: 100%;
    height: 0;
    left: 0;
    top: 33px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition: height .3s;
    transition: height .3s
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-nv-panel-search.kh-show {
    height: 360px
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-nv-panel-search .kh-nv-sarch-list {
    display: block;
    padding: 12px 20px 11px;
    background: #fff;
    cursor: pointer
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-nv-panel-search .kh-nv-sarch-list .kh-search-name {
    font-size: 14px;
    color: #181931;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 9px
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-nv-panel-search .kh-nv-sarch-list .kh-search-desc {
    font-size: 12px;
    color: #7b7b86;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-nv-panel-search .kh-nv-sarch-list:hover {
    background: #f8f8f8
}

.kh-nv-panel .kh-nv-panel-search-wrap .kh-nv-panel-search .kh-no-data {
    padding: 10px 20px;
    font-size: 14px;
    color: #181931
}

.kh-nv-panel-card,.kh-nv-panel-more {
    font-size: 0;
    height: auto;
    padding: 0 20px 20px 0
}

.kh-nv-panel-card.kh-active,.kh-nv-panel-more.kh-active {
    height: auto;
    display: block
}

.kh-nv-panel-card .kh-nv-card-list,.kh-nv-panel-more .kh-nv-card-list {
    padding-top: 6px;
    padding-left: 20px;
    display: inline-block;
    width: 250px;
    vertical-align: top
}

.kh-nv-panel-card .kh-nv-card-title,.kh-nv-panel-more .kh-nv-card-title {
    font-size: 14px;
    color: #181931;
    line-height: 1;
    font-weight: 400;
    padding: 12px 10px;
    margin-bottom: 8px;
    border-bottom: 1px solid #ddd
}

.kh-nv-panel-card .kh-nv-card-link,.kh-nv-panel-more .kh-nv-card-link {
    display: block;
    font-size: 12px;
    color: #7b7b86;
    padding: 8px 10px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kh-nv-panel-card .kh-nv-card-link:hover,.kh-nv-panel-more .kh-nv-card-link:hover {
    color: #112858;
    background: #f8f8f8;
    border-radius: 2px
}

.kh-nv-panel-card .kh-nv-card-link .kh-nv-icon-beta,.kh-nv-panel-card .kh-nv-card-link .kh-nv-icon-hot,.kh-nv-panel-card .kh-nv-card-link .kh-nv-icon-new,.kh-nv-panel-card .kh-nv-card-link .kh-nv-icon-sale,.kh-nv-panel-more .kh-nv-card-link .kh-nv-icon-beta,.kh-nv-panel-more .kh-nv-card-link .kh-nv-icon-hot,.kh-nv-panel-more .kh-nv-card-link .kh-nv-icon-new,.kh-nv-panel-more .kh-nv-card-link .kh-nv-icon-sale {
    width: 32px;
    height: 12px;
    line-height: 12px;
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    background: url(/header/img/pc/icon/reminds.png?ed97554b) no-repeat;
    background-size: auto 100%
}

.kh-nv-panel-card .kh-nv-card-link .kh-nv-icon-new,.kh-nv-panel-more .kh-nv-card-link .kh-nv-icon-new {
    background-position: -96px 0
}

.kh-nv-panel-card .kh-nv-card-link .kh-nv-icon-hot,.kh-nv-panel-more .kh-nv-card-link .kh-nv-icon-hot {
    background-position: -32px 0
}

.kh-nv-panel-card .kh-nv-card-link .kh-nv-icon-sale,.kh-nv-panel-more .kh-nv-card-link .kh-nv-icon-sale {
    background-position: -64px 0
}

.kh-nv-panel-card .kh-nv-card-link .kh-nv-icon-beta,.kh-nv-panel-more .kh-nv-card-link .kh-nv-icon-beta {
    background-position: 0 0
}

.kh-nv-panel-more {
    display: none;
    width: 110px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 10px 0;
    height: auto;
    left: 5px;
    margin: 0;
    -webkit-box-shadow: 0 -3px 5px 0 hsla(0,0%,47%,.2),0 5px 10px 0 hsla(0,0%,51%,.2);
    box-shadow: 0 -3px 5px 0 hsla(0,0%,47%,.2),0 5px 10px 0 hsla(0,0%,51%,.2)
}

.kh-nv-panel-more .kh-more-list {
    display: block;
    position: relative;
    padding: 10px 30px 10px 20px;
    font-size: 14px;
    color: #181931;
    line-height: 14px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s
}

.kh-nv-panel-more .kh-more-list:hover {
    color: #112858
}

.kh-nv-panel-more .kh-more-list:hover .kh-more-row {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 1
}

.kh-nv-panel-more .kh-more-list:hover .kh-more-second {
    opacity: 1;
    visibility: visible
}

.kh-nv-panel-more .kh-more-list.kh-more-list-hidden {
    display: none
}

.kh-nv-panel-more .kh-more-list .kh-more-row,.kh-nv-panel-more .kh-more-list .kh-more-second-row {
    display: block;
    position: absolute;
    right: 24px;
    top: 14px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 4px solid #112858;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kh-nv-panel-more .kh-more-list .kh-more-second,.kh-nv-panel-more .kh-more-list .kh-more-third {
    opacity: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 10px 0;
    position: absolute;
    margin-left: 2px;
    top: -10px;
    left: 100%;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
    -webkit-transition: all .3s;
    transition: all .3s;
    visibility: hidden
}

.kh-nv-panel-more .kh-more-second-list,.kh-nv-panel-more .kh-more-third-list {
    position: relative;
    padding: 10px 30px 10px 20px;
    font-size: 14px;
    display: block;
    white-space: nowrap;
    color: #181931;
    line-height: 14px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

.kh-nv-panel-more .kh-more-second-list:hover,.kh-nv-panel-more .kh-more-third-list:hover {
    color: #112858
}

.kh-nv-panel-more .kh-more-second-list:hover .kh-more-second-row,.kh-nv-panel-more .kh-more-third-list:hover .kh-more-second-row {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    opacity: 1
}

.kh-nv-panel-more .kh-more-second-list:hover .kh-more-third,.kh-nv-panel-more .kh-more-third-list:hover .kh-more-third {
    opacity: 1;
    visibility: visible
}
/*hover*/





.navbar{
    height: 50px;
    /*background-color: rgba(28,26,40,.4);*/
    margin-bottom:-50px;
    z-index:9999;
}
.navbar img{
    height: 30px;
}
.navbar:hover{
    /*background-color: #112858;*/
}
.navbar .nav-item:hover a{
    /*color: #1296db !important;*/
}
.navbar .nav-item .menu{
    display: none;
}
.navbar .nav-item:hover + .menu{
    display:block;
}

.navbar .nav-bottom-line{
    z-index: 0;
    display: block;
    position: absolute;
    top: 42px;
    width: 0;
    height: 2px;
    left: 165px;
    background: #1296db;
    border-radius: 1px;
    -webkit-transition: left .3s;
    transition: left .3s;
    pointer-events: none;
}
.nav-item{
    /*display: flex;*/
    /*align-items: center;*/
    /*padding: 0 10px;*/
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    width: 90px;
    max-width: 90px;
    text-align: center;
    /*height: 50px;*/
    /*line-height: 50px;*/
    z-index: 1;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding: 0 0!important;
}
.nav-item a{
    /*padding: 0 10px;*/
}
/*.navbar-nav{*/
/*    position: relative;*/
/*    height: 50px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/
/*#navbarSupportedContent .navbar-nav .nav-item:nth-child(1):hover~.nav-bottom-line{*/
/*    left: calc((60%/8)*1);*/
/*    width:30px;*/
/*}*/
/*#navbarSupportedContent .navbar-nav .nav-item:nth-child(2):hover~.nav-bottom-line{*/
/*    left: calc((60%/8)*2);*/
/*    width:30px;*/
/*}*/
/*#navbarSupportedContent .navbar-nav .nav-item:nth-child(3):hover~.nav-bottom-line{*/
/*    left: calc((60%/8)*3);*/
/*    width:30px;*/
/*}*/
/*#navbarSupportedContent .navbar-nav .nav-item:nth-child(4):hover~.nav-bottom-line{*/
/*    left: calc((60%/8)*4);*/
/*    width:30px;*/
/*}*/
/*#navbarSupportedContent .navbar-nav .nav-item:nth-child(5):hover~.nav-bottom-line{*/
/*    left: calc((60%/8)*5);*/
/*    width:30px;*/
/*}*/
/*#navbarSupportedContent .navbar-nav .nav-item:nth-child(6):hover~.nav-bottom-line{*/
/*    left: calc((60%/8)*6);*/
/*    width:30px;*/
/*}*/
/*#navbarSupportedContent .navbar-nav .nav-item:nth-child(7):hover~.nav-bottom-line{*/
/*    left: calc((60%/8)*7);*/
/*    width:30px;*/
/*}*/
/*#navbarSupportedContent .navbar-nav .nav-item:nth-child(8):hover~.nav-bottom-line{*/
/*     left: calc((60%/8)*8);*/
/*     width:30px;*/
/*}*/
/*#navbarSupportedContent .navbar-nav .nav-item:nth-child(9):hover~.nav-bottom-line{*/
/*    left: calc((60%/8)*9);*/
/*    width:30px;*/
/*}*/





@media (max-width: 1399px){
    .nav-item {
        padding: 0 5px;
    }
}


 .banner {
     position: relative;
     min-width: 1200px;
     overflow: hidden;
 }
.banner .swiper-slide{
    width: 100%;
    height: 448px;
}
.banner .swiper-slide .banner-active-bg{
    width: 100%;
    height: 448px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .1;
    transition: 1.5s
}
.banner .swiper-slide-active .banner-active-bg {
    opacity: 1
}

.banner .banner-btn-sec {
    position: absolute;
    bottom: 30px;
    width: 100%;
    height: 8px;
    z-index: 20
}

.banner .banner-btn-sec .banner-btn-list {
    text-align: center
}

.banner .banner-btn-sec .item {
    position: relative;
    width: 40px;
    padding: 5px 0;
    height: 24px;
    margin-right: 3px;
    display: inline-block;
    cursor: pointer
}

.banner .banner-btn-sec .item:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    height: 4px;
    width: 40px;
    border-radius: 20px;
    cursor: pointer
}

.banner .banner-btn-sec .item:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    height: 4px;
    width: 0;
    transition: none;
    cursor: pointer
}

.banner .banner-btn-sec .item.cur:after {
    transition: width 8s linear;
    background: #fff;
    width: 40px;
    border-radius: 20px
}

.banner .banner-btn-sec .item.s-item-pause:after {
    transition: none
}













.ksc-intro-new {
    position: relative;
    margin: 0 auto;
    z-index: 1;
    width: 1200px;
    transition: top 200ms ease-out
}

.ksc-intro-new .ksc-intro-list {
    margin: 50px 0 0;
    height: 100px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
    border-radius: 4px
}

.ksc-intro-new .ksc-intro-list .ksc-intro-item {
    float: left;
    height: 60px;
    margin: 20px 0;
    width: 25%;
    text-align: left;
    border-left: 1px solid #ddd;
    cursor: pointer
}

.ksc-intro-new .ksc-intro-list .ksc-intro-item a {
    display: block;
    height: 100%;
    width: 100%
}

.ksc-intro-new .ksc-intro-list .ksc-intro-item .ksc-icon-url-bg {
    margin: 0 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position-y: -1380px;
    background-position-x: 0;
    background-position: 0 -1380px;
    background-size: 100%;
    height: 60px;
    width: 60px
}

.ksc-intro-new .ksc-intro-list .ksc-intro-item .ksc-intro-text {
    display: inline-block;
    vertical-align: top
}

.ksc-intro-new .ksc-intro-list .ksc-intro-item .title {
    padding: 10px 0 12px 0;
    font-size: 16px;
    color: #181931;
    letter-spacing: 0;
    line-height: 16px;
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.ksc-intro-new .ksc-intro-list .ksc-intro-item .descript {
    font-size: 14px;
    color: #7b7b86;
    letter-spacing: 0;
    line-height: 14px;
    max-width: 180px;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis
}

.ksc-intro-new .ksc-intro-list .ksc-intro-item:hover .title {
    color: #112858
}

.ksc-intro-new .ksc-intro-list .ksc-intro-item:first-child {
    border: 0
}

.ksc-intro-new .ksc-intro-list-shadow {
    position: absolute;
    top: 0;
    left: 0;
    height: 114px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1
}

.ksc-intro-new-animate {
    animation: topMove 1s;
    animation-fill-mode: forwards
}

@keyframes topMove {
    from {
        opacity: 0;
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}




.kh-pczh-footer {
    background: #1c1e39;
    position: relative
}

.kh-pczh-footer .kh-footer-content {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0 30px;
    background: #1c1e39
}

.kh-pczh-footer .kh-footer-top {
    overflow: hidden;
    padding: 40px 0;
    font-size: 0;
    border-bottom: 1px solid #bec7cb30
}

.kh-pczh-footer .kh-footer-top .kh-footer-top-list {
    display: inline-block;
    width: 25%;
    text-align: center;
    color: #fff;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 20px;
    font-size: 16px;
    -webkit-transition: color .2s;
    transition: color .2s;
    cursor: pointer
}

.kh-pczh-footer .kh-footer-top .kh-footer-top-list:hover {
    color: #1296db
}

.kh-pczh-footer .kh-footer-top .kh-footer-top-list .kh-footer-top-list-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-right: 12px
}

.kh-pczh-footer .kh-footer-middle {
    padding: 50px 0 30px;
    overflow: hidden
}

.kh-pczh-footer .kh-footer-middle .kh-footer-label {
    display: block;
    padding: 20px 0;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    font-weight: 700
}

.kh-pczh-footer .kh-footer-middle .kh-footer-txt {
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 8px 0;
    color: #d4d4d4;
    left: 0;
    position: relative;
    -webkit-transition: left 1s;
    transition: left 1s
}


.kh-pczh-footer .kh-footer-middle .kh-footer-txt:hover {
    color: #112858;
    left: 8px;
}


.kh-pczh-footer .kh-footer-middle .kh-footer-txt:hover .kh-footer-tooltip {
    display: block
}

.kh-pczh-footer .kh-footer-middle .kh-footer-tooltip {
    display: none;
    position: absolute;
    background: #fff;
    color: #323243;
    padding: 5px 10px;
    white-space: nowrap;
    font-size: 12px;
    top: 2px;
    left: 95px
}

.kh-pczh-footer .kh-footer-middle .kh-footer-tooltip:before {
    content: "";
    display: block;
    position: absolute;
    left: -11px;
    top: 6px;
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: transparent #fff transparent transparent
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-left {
    width: 219px;
    border-right: 1px solid #bec7cb30;
    float: left
}

.kh-pczh-footer .kh-footer-middle .kh-footer-tel {
    font-size: 24px;
    color: #fff;
    word-break: break-all;
    line-height: 1;
    padding: 10px 0 28px
}

.kh-pczh-footer .kh-footer-middle .kh-footer-online {
    display: block;
    font-size: 14px;
    color: #fff;
    width: 158px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 38px;
    border: 1px solid #fff;
    outline: none;
    background-color: transparent;
    margin-top: 8px;
    text-align: center;
    line-height: 36px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.kh-pczh-footer .kh-footer-middle .kh-footer-online:hover {
    color: #fff;
    background: #1296db
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-center {
    float: left;
    overflow: hidden;
    width: 1000px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-center.kh-footer-middle-center5 {
    width: 980px;
    padding-left: 30px
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-center.kh-footer-middle-center6 {
    width: 1200px;
    padding-left: 0
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-list {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-right {
    float: left
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-right .kh-footer-erwei-wrap {
    padding-top: 8px;
    position: relative
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-right .kh-footer-erwei-wrap .kh-footer-focus-icon {
    display: block;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    cursor: pointer;
    margin-bottom: 20px;
    opacity: .7
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-right .kh-footer-erwei-wrap .kh-footer-focus-icon:hover {
    opacity: 1
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-right .kh-footer-erwei-wrap .kh-footer-erwei {
    position: absolute;
    left: 50px;
    width: 130px;
    height: 130px;
    background-repeat: no-repeat;
    background-size: contain;
    display: none
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-right .kh-footer-erwei-wrap .kh-footer-erwei:before {
    position: absolute;
    left: -6px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: transparent #fff transparent transparent;
    border-left: none
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-right .kh-footer-erwei-wrap .kh-footer-erwei.kh-active {
    display: block
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-right .kh-footer-erwei-wrap .kh-footer-0 {
    top: 8px
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-right .kh-footer-erwei-wrap .kh-footer-0:before {
    top: 12px
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-right .kh-footer-erwei-wrap .kh-footer-1 {
    top: 17px
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-right .kh-footer-erwei-wrap .kh-footer-1:before {
    top: 58px
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-right .kh-footer-erwei-wrap .kh-footer-2 {
    display: none;
    top: 24px
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-right .kh-footer-erwei-wrap .kh-footer-2:before {
    bottom: 10px
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-right .kh-footer-erwei-wrap .kh-footer-3 {
    display: none;
    top: 80px
}

.kh-pczh-footer .kh-footer-middle .kh-footer-middle-right .kh-footer-erwei-wrap .kh-footer-3:before {
    bottom: 10px
}

.kh-pczh-footer .kh-footer-bottom {
    padding: 20px 10px;
    font-size: 12px;
    color: #5a5c78
}

.kh-pczh-footer .kh-footer-bottom .ft-bottom-content {
    font-size: 12px;
    margin: 0 auto;
    text-align: center
}

.kh-pczh-footer .kh-footer-bottom .kh-footer-txt {
    font-size: 12px
}

.kh-pczh-footer .kh-footer-bottom .kh-footer-beian-link {
    font-size: 12px;
    color: #5a5c78
}

.kh-pczh-footer .kh-footer-bottom .kh-footer-beianimg {
    height: 12px;
    width: auto;
    vertical-align: middle;
    margin-right: 5px
}





.kh-pczh-concat-wrap .kh-fix-right-box {
    position: fixed;
    right: 15px;
    bottom: 242px;
    z-index: 101;
    margin: 0;
    width: 48px
}

.kh-pczh-concat-wrap .kh-online-box {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding-bottom: 3px;
    background-color: #fff;
    cursor: pointer
}

.kh-pczh-concat-wrap .kh-online-box:hover .kh-chatboxes-icon {
    background-image: url(/header/img/pc/icon/contract2.png?2e309960)
}

.kh-pczh-concat-wrap .kh-online-box:hover .kh-box-content,.kh-pczh-concat-wrap .kh-online-box:hover .kh-box-content-wrap {
    visibility: visible;
    opacity: 1;
    z-index: 10
}

.kh-pczh-concat-wrap .kh-online-box .kh-chatboxes-icon {
    width: 28px;
    height: 35px;
    display: block;
    background: url(/header/img/pc/icon/contract.gif?7f0ba569) no-repeat top;
    background-position: 0 13px;
    background-size: 100% auto;
    margin: 0 auto 8px;
    cursor: pointer
}

.kh-pczh-concat-wrap .kh-share-placeholder {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 10px;
    position: relative;
    width: 46px;
    height: 46px;
    background: url(/header/img/pc/share1.png?afd0b622) no-repeat 50%;
    background-size: 18px 18px;
    background-color: #fff;
    cursor: pointer
}

.kh-pczh-concat-wrap .kh-share-placeholder:hover {
    background-image: url(/header/img/pc/share2.png?bafc0a4b)
}

.kh-pczh-concat-wrap .kh-share-placeholder:hover .kh-share-wrap,.kh-pczh-concat-wrap .kh-share-placeholder:hover .kh-share-wrap-out {
    visibility: visible;
    opacity: 1;
    z-index: 2
}

.kh-pczh-concat-wrap .kh-back-top {
    position: fixed;
    right: 15px;
    bottom: 47px;
    z-index: 100;
    border-radius: 4px;
    margin: 0;
    width: 46px;
    height: 46px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer
}

.kh-pczh-concat-wrap .kh-back-top:hover .kh-back-top-btn {
    background-position: -2px -4px
}

.kh-pczh-concat-wrap .kh-back-top .kh-back-top-btn {
    margin: 12px auto;
    width: 22px;
    height: 22px;
    background: #fff url(../img/contact.png) no-repeat center 15px;
    background-position: -32px -33px;
    background-size: 265px
}

.kh-pczh-concat-wrap .kh-box-content-wrap {
    position: absolute;
    right: 48px;
    top: -4px;
    height: 100%;
    background-color: transparent;
    z-index: -10
}

.kh-pczh-concat-wrap .kh-box-content,.kh-pczh-concat-wrap .kh-box-content-wrap {
    width: 320px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(0,0,.2,1);
    transition: all .3s cubic-bezier(0,0,.2,1);
    -ms-transition: all .3s cubic-bezier(0,0,.2,1)
}

.kh-pczh-concat-wrap .kh-box-content {
    position: relative;
    right: 10px;
    background: #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.15);
    border-radius: 4px;
    overflow: auto;
    z-index: 2
}

.kh-pczh-concat-wrap .kh-box-content .kh-online-block-a {
    display: block
}

.kh-pczh-concat-wrap .kh-box-content .kh-online-box-li {
    padding-left: 58px;
    height: 70px;
    cursor: pointer;
    position: relative;
    -webkit-transition: background .2s;
    transition: background .2s
}

.kh-pczh-concat-wrap .kh-box-content .kh-online-box-li:hover {
    background: snow
}

.kh-pczh-concat-wrap .kh-box-content .kh-online-box-li:hover i {
    background-color: snow
}

.kh-pczh-concat-wrap .kh-box-content i {
    position: absolute;
    top: 18px;
    left: 11px;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #fff url(/header/img/pc/icon/contact.png?b3a883e4) no-repeat center 15px;
    background-size: 265px
}

.kh-pczh-concat-wrap .kh-box-content .kh-online-icon1 {
    background-position: -160px -153px
}

.kh-pczh-concat-wrap .kh-box-content .kh-online-icon2 {
    background-position: -231px -227px
}

.kh-pczh-concat-wrap .kh-box-content .kh-online-icon3 {
    background-position: -123px -119px
}

.kh-pczh-concat-wrap .kh-box-content .kh-online-icon4,.kh-pczh-concat-wrap .kh-box-content .kh-online-icon5 {
    background-position: -194px -191px
}

.kh-pczh-concat-wrap .kh-box-content .kh-online-key {
    font-size: 14px;
    color: #181931;
    line-height: 14px;
    padding: 18px 0 8px;
    font-weight: 400;
    cursor: pointer
}

.kh-pczh-concat-wrap .kh-box-content .kh-online-txt {
    font-size: 12px;
    color: #8a8a92;
    line-height: 12px;
    font-weight: 400;
    cursor: pointer
}

.kh-pczh-concat-wrap .kh-box-content .kh-online-tel {
    color: #112858;
    font-size: 12px
}

.kh-pczh-concat-wrap .kh-share-wrap-out {
    position: absolute;
    right: 48px;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -10;
    background-color: transparent
}

.kh-pczh-concat-wrap .kh-share-wrap {
    visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(0,0,.2,1);
    transition: all .3s cubic-bezier(0,0,.2,1);
    opacity: 0;
    position: relative;
    right: 10px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.15);
    width: 130px
}

.kh-pczh-concat-wrap .kh-share-wrap .kh-weixin-qrcode {
    display: none;
    position: absolute;
    bottom: 58px;
    left: 0;
    padding: 10px;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(0,0,.2,1);
    transition: opacity .3s cubic-bezier(0,0,.2,1);
    width: 110px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    border-radius: 2px 2px 2px 2px
}

.kh-pczh-concat-wrap .kh-share-wrap .kh-weixin-qrcode .kh-share-weixin-txt {
    font-size: 12px;
    color: #181931;
    text-align: center;
    line-height: 1;
    padding-top: 10px
}

.kh-pczh-concat-wrap .kh-share-wrap .kh-weixin-qrcode:before {
    border: 8px solid #fff;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: none;
    bottom: -7px;
    z-index: 2
}

.kh-pczh-concat-wrap .kh-share-wrap .kh-weixin-qrcode:after,.kh-pczh-concat-wrap .kh-share-wrap .kh-weixin-qrcode:before {
    position: absolute;
    display: block;
    content: "";
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.kh-pczh-concat-wrap .kh-share-wrap .kh-weixin-qrcode:after {
    border: 9px solid hsla(12,16%,94%,.8);
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: none;
    bottom: -8px;
    z-index: 1
}

.kh-pczh-concat-wrap .kh-share-wrap .kh-weixin-qrcode.kh-show {
    opacity: 1
}

.kh-pczh-concat-wrap .kh-share-wrap .kh-share-list {
    height: 48px;
    line-height: 48px;
    position: relative;
    opacity: 1
}

.kh-pczh-concat-wrap .kh-share-wrap .kh-share-list .kh-share-weibo-pop {
    display: none;
    position: absolute;
    width: 130px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    color: #181931;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    border-radius: 2px;
    bottom: 47px;
    left: 0;
    text-indent: 0;
    opacity: 1
}

.kh-pczh-concat-wrap .kh-share-wrap .kh-share-list .kh-share-weibo-pop:before {
    position: absolute;
    display: block;
    content: "";
    border: 8px solid #fff;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: none;
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.kh-pczh-concat-wrap .kh-share-wrap .kh-share-list .kh-share-weibo-pop:after {
    position: absolute;
    display: block;
    content: "";
    border: 9px solid hsla(12,16%,94%,.8);
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.kh-pczh-concat-wrap .kh-share-wrap a.kh-share-list {
    width: 130px;
    height: 48px;
    background: none;
    text-indent: 20px;
    display: block;
    float: none;
    font-size: 14px;
    color: #181931;
    line-height: 48px;
    margin: 0;
    cursor: pointer;
    overflow: visible;
    -webkit-transition: all .2s;
    transition: all .2s
}

.kh-pczh-concat-wrap .kh-share-wrap .kh-share-list .icon {
    width: 20px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    vertical-align: middle;
    margin-right: 10px
}

.kh-pczh-concat-wrap .kh-share-wrap a.kh-share-list:hover {
    color: #112858;
    background: snow;
    border-radius: 4px
}

.kh-pczh-concat-wrap .kh-share-wrap a.kh-bds_weixin .icon {
    background-image: url(/header/img/pc/weixin1.png?aeef2745)
}

.kh-pczh-concat-wrap .kh-share-wrap a.kh-bds_weixin:hover .icon {
    background-image: url(/header/img/pc/weixin2.png?02697303)
}

.kh-pczh-concat-wrap .kh-share-wrap .kh-bds_tsina .icon {
    background-image: url(/header/img/pc/weibo1.png?5378c67b)
}

.kh-pczh-concat-wrap .kh-share-wrap .kh-bds_tsina:hover .kh-share-weibo-pop {
    display: block
}

.kh-pczh-concat-wrap .kh-share-wrap .kh-bds_tsina:hover .icon {
    background-image: url(/header/img/pc/weibo2.png?483fe6ae)
}



.kh-pcen-concat-wrap input::-ms-clear,.kh-pcen-footer input::-ms-clear,.kh-pcen-header input::-ms-clear,.kh-pczh-concat-wrap input::-ms-clear,.kh-pczh-footer input::-ms-clear,.kh-pczh-header input::-ms-clear {
    display: none
}

.kh-pcen-concat-wrap input::-o-clear,.kh-pcen-footer input::-o-clear,.kh-pcen-header input::-o-clear,.kh-pczh-concat-wrap input::-o-clear,.kh-pczh-footer input::-o-clear,.kh-pczh-header input::-o-clear {
    display: none
}

.kh-pcen-concat-wrap ::-webkit-scrollbar,.kh-pcen-footer ::-webkit-scrollbar,.kh-pcen-header ::-webkit-scrollbar,.kh-pczh-concat-wrap ::-webkit-scrollbar,.kh-pczh-footer ::-webkit-scrollbar,.kh-pczh-header ::-webkit-scrollbar {
    width: 8px;
    border-radius: 4px;
    background-color: #e0e0e0
}

.kh-pcen-concat-wrap ::-webkit-scrollbar-button,.kh-pcen-footer ::-webkit-scrollbar-button,.kh-pcen-header ::-webkit-scrollbar-button,.kh-pczh-concat-wrap ::-webkit-scrollbar-button,.kh-pczh-footer ::-webkit-scrollbar-button,.kh-pczh-header ::-webkit-scrollbar-button {
    display: none
}

.kh-pcen-concat-wrap ::-webkit-scrollbar-track,.kh-pcen-footer ::-webkit-scrollbar-track,.kh-pcen-header ::-webkit-scrollbar-track,.kh-pczh-concat-wrap ::-webkit-scrollbar-track,.kh-pczh-footer ::-webkit-scrollbar-track,.kh-pczh-header ::-webkit-scrollbar-track {
    border-radius: 4px;
    background: #fff
}

.kh-pcen-concat-wrap ::-webkit-scrollbar-thumb,.kh-pcen-footer ::-webkit-scrollbar-thumb,.kh-pcen-header ::-webkit-scrollbar-thumb,.kh-pczh-concat-wrap ::-webkit-scrollbar-thumb,.kh-pczh-footer ::-webkit-scrollbar-thumb,.kh-pczh-header ::-webkit-scrollbar-thumb {
    width: 8px;
    border-radius: 4px;
    background-color: #e0e0e0;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.kh-pcen-concat-wrap ::-webkit-scrollbar-thumb:hover,.kh-pcen-footer ::-webkit-scrollbar-thumb:hover,.kh-pcen-header ::-webkit-scrollbar-thumb:hover,.kh-pczh-concat-wrap ::-webkit-scrollbar-thumb:hover,.kh-pczh-footer ::-webkit-scrollbar-thumb:hover,.kh-pczh-header ::-webkit-scrollbar-thumb:hover {
    background-color: #c2c2c2
}

.kh-pcen-concat-wrap img:not([src]),.kh-pcen-concat-wrap img[src=""],.kh-pcen-concat-wrap img[src="//"],.kh-pcen-footer img:not([src]),.kh-pcen-footer img[src=""],.kh-pcen-footer img[src="//"],.kh-pcen-header img:not([src]),.kh-pcen-header img[src=""],.kh-pcen-header img[src="//"],.kh-pczh-concat-wrap img:not([src]),.kh-pczh-concat-wrap img[src=""],.kh-pczh-concat-wrap img[src="//"],.kh-pczh-footer img:not([src]),.kh-pczh-footer img[src=""],.kh-pczh-footer img[src="//"],.kh-pczh-header img:not([src]),.kh-pczh-header img[src=""],.kh-pczh-header img[src="//"] {
    opacity: 0
}


/*product*/


.ksc-product {
    width: 100%;
    background: #fff;
    text-align: center
}

.ksc-product .ksc-product-title {
    width: 540px;
    margin: 0 auto;
    padding: 40px 20px 0;
    font-size: 24px;
    color: #181931;
    line-height: 24px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-product .ksc-product-desc {
    width: 840px;
    margin: 0 auto;
    font-size: 14px;
    color: #7b7b86;
    line-height: 14px;
    padding: 16px 20px 50px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ksc-product .ksc-product-con {
    position: relative;
    margin: 0 auto;
    vertical-align: middle
}

.ksc-product .ksc-product-con .ksc-prod-type {
    position: relative;
    margin: 0px auto;
    height: 130px;
    width: 1200px;
    display: flex;
    flex-flow: wrap;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.ksc-product .ksc-product-con .ksc-product-item-type {
    float: left;
    height: 120px;
    line-height: 120px;
    width: 180px;
    margin: 10px 0;
    overflow: hidden;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

.ksc-product .ksc-product-con .ksc-product-item-type span {
    padding: 0 15px;
    display: inline-block;
    height: 30px;
    line-height: 15px;
    font-size: 15px;
    margin: 5px 0;
    font-weight: 600;
    color: #181931;
    padding: 8px;
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .2s ease-in-out
}

.ksc-product .ksc-product-con .ksc-product-item-type:hover span {
    color: #112858
}

.ksc-prod-type .ksc-product-item-type .underline{
    transform: scaleX(0);
    transform-origin: 50% 50%; 
    transition: transform .3s ease;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgb(18 150 219) 50%, rgba(0,0,0,0) 100%);
}
.ksc-prod-type .ksc-product-item-type.active .underline{
    transform: scaleX(1);
    
}
.ksc-prod-type .ksc-product-item-type .block{
    display: block;
    padding: 8px;
    border-radius: 30%;
    box-shadow: 1px 1px 5px #787373;
}
.ksc-prod-type .ksc-product-item-type .none{
    display: none;
}
.ksc-prod-type .ksc-product-item-type.active .block{
    display: none;
}
.ksc-prod-type .ksc-product-item-type.active .none{
    display: block;
    padding: 8px;
    border-radius: 30%;
    box-shadow: 1px 1px 5px #787373;
}
.ksc-prod-type .ksc-product-item-type{
    transition: all .5s ease-in-out
}
.ksc-prod-type .ksc-product-item-type:hover{
    /*margin-top: -5px;*/
}
.ksc-prod-type .ksc-product-item-type:hover .block{
    display: none;
}
.ksc-prod-type .ksc-product-item-type:hover .none{
    display: block;
    box-shadow: 1px 1px 5px #787373;
    padding: 8px;
    border-radius: 30%;
}

.ksc-product .ksc-product-con .active span {
    color: #1296db;
    padding: 8px;
}


.ksc-product .ksc-product-hot-content {
    display: none;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 42px 0;
    width: 1200px
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active {
    float: left;
    margin-right: 20px;
    padding: 10px;
    width: 280px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-color: #dbdbdb;
    border-radius: 4px;
    text-align: left
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .ace-floor {
    padding: 10px;
    position: relative;
        height: 125px;
    color: #fff
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .ace-floor h3 {
    margin: 10px 0;
    font-size: 20px;
    line-height: 20px;
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .ace-floor p {
    opacity: .8;
    font-size: 14px;
    line-height: 22px;
    height: 88px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .ace-floor .ksc-more-link,
.ksc-product .ksc-product-hot-content .ksc-product-hot-active .ace-floor .ksc-more-no-link {
    position: absolute;
    color: #fff;
    left: 10px;
    bottom: 30px;
    transition: all .3s ease-in-out
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .ace-floor .ksc-more-link span,
.ksc-product .ksc-product-hot-content .ksc-product-hot-active .ace-floor .ksc-more-no-link span {
    vertical-align: middle;
    font-size: 16px;
    line-height: 16px;
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .ace-floor .ksc-more-link .scroll-right-icon,
.ksc-product .ksc-product-hot-content .ksc-product-hot-active .ace-floor .ksc-more-no-link .scroll-right-icon {
    vertical-align: middle;
    margin-left: 6px;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    white-space: nowrap;
    transition: all .3s ease-in-out 0s
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .ace-floor .ksc-more-link .scroll-right-icon img,
.ksc-product .ksc-product-hot-content .ksc-product-hot-active .ace-floor .ksc-more-no-link .scroll-right-icon img {
    position: absolute;
    top: 0;
    left: -28px;
    width: 42px;
    height: 14px
}



.ksc-product .ksc-product-hot-content .ksc-product-hot-active .ace-floor .ksc-more-link:hover .scroll-right-icon img {
    left: -14px
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .serve-buy {
    /*border-top: 1px solid #323e6c;*/
    padding: 10px;
    position: relative;
    color: #fff
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .serve-buy h3 {
    margin: 10px 0;
    font-size: 20px;
    line-height: 20px;
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .serve-buy p {
    margin-bottom: 30px;
    opacity: .8;
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .serve-buy .price-config {
    display: block;
    margin: 10px 0;
    opacity: .8;
    /*font-size: 12px;*/
    /*line-height: 12px;*/
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .serve-buy .serve-price {

    line-height: 34px
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .serve-buy .serve-price .price-unit {
    vertical-align: bottom;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    min-width: 9px;
    max-width: 18px;
    overflow: hidden;
    white-space: nowrap
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .serve-buy .serve-price .price-value {
    vertical-align: bottom;
    display: inline-block;
    position: relative;
    top: -3px;
    margin: 0 5px;
    font-size: 24px
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .serve-buy .serve-price .price-month {
    vertical-align: bottom;
    display: inline-block;
    opacity: 1;
    font-size: 14px;
    max-width: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .serve-buy .go-buy,.ksc-product .ksc-product-hot-content .ksc-product-hot-active .ace-floor .go-buy,
.ksc-product .ksc-product-hot-content .ksc-product-hot-active .serve-buy .go-buy-no-link ,.ksc-product .ksc-product-hot-content .ksc-product-hot-active .ace-floor .go-buy-no-link{
    width: 120px;
    height: 32px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s ease-in-out
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-active .serve-buy .go-buy:hover ,.ksc-product .ksc-product-hot-content .ksc-product-hot-active .ace-floor .go-buy:hover{
    color: #1c1e39;
    background-color: #fff;
    border: 1px solid #1c1e39
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list {
    width: 900px;
    overflow: hidden
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper {
    margin: 0 4px 4px 0;
    padding: 10px 20px;
    float: left;
    position: relative;
    width: 296px;
    height: 216px;
    text-align: left;
    vertical-align: middle;
    background: #fff;
    transition: all .3s ease-in-out
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .product-hot-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    overflow: hidden;
    white-space: nowrap
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .product-hot-box .product-hot-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 207px;
    height: 48px
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper h4 {
    vertical-align: middle;
    margin: 10px 0;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #181931;
    line-height: 18px;
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .active-tip {
    vertical-align: middle;
    margin-left: 10px;
    height: 18px;
    line-height: 16px;
    padding: 0 4px;
    display: inline-block;
    font-size: 10px;
    color: #ff8700;
    border: 1px solid #ff8700;
    border-radius: 2px;
    max-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper p {
    margin-bottom: 10px;
    font-size: 14px;
    color: #7b7b86;
    line-height: 18px;
    height: 36px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .serve-info {
    margin-top: 5px
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .serve-info .rhombus-svg {
    display: inline-block;
    width: 6px;
    height: 12px;
    vertical-align: middle
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .serve-info span {
    vertical-align: middle;
    margin-left: 6px;
    display: inline-block;
    /*font-size: 12px;*/
    color: #181931;
    /*line-height: 12px;*/
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .serve-price {
    position: absolute;
    bottom: 10px;
    height: 24px
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .serve-price .price-unit {
    vertical-align: bottom;
    display: inline-block;
    color: #112858;
    font-size: 14px;
    font-weight: 600;
    min-width: 9px;
    max-width: 18px;
    overflow: hidden;
    white-space: nowrap
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .serve-price .price-value {
    vertical-align: bottom;
    display: inline-block;
    margin: 0 5px;
    font-size: 24px;
    line-height: 24px;
    color: #112858
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .serve-price .price-month {
    vertical-align: bottom;
    display: inline-block;
    color: #0c0d00;
    font-size: 14px;
    max-width: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .serve-price .old-price {
    vertical-align: bottom;
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    color: #7b7b86;
    text-decoration: line-through;
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .ksc-hot-bottom-buy {
    position: absolute;
    transition: all .3s ease-in-out;
    height: 0;
    overflow: hidden;
    width: 296px;
    bottom: 0;
    left: 0
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .at-once-buy,
.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .see-detail {
    position: absolute;
    left: 148px;
    bottom: 0;
    width: 148px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    background-color: #1296db;
    border: 1px solid #1296db;
    text-align: center;
    font-size: 16px;
    transition: all .3s ease-in-out
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .at-once-buy:hover {
    cursor: pointer;
    display: inline-block;
    background-color: #112858;
    border: 1px solid #112858
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .at-once-buy:active {
    display: inline-block;
    background-color: #cb0028;
    border: 1px solid #cb0028
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .see-detail {
    left: 0;
    color: #112858;
    background-color: #fff;
    border: 1px solid #112858
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .see-detail:hover {
    display: inline-block;
    color: #ff4152;
    border: 1px solid #ff4152
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper .see-detail:active {
    display: inline-block;
    color: #cb0028;
    border: 1px solid #cb0028
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper:nth-child(1) {
    border-radius: 4px 0 0 0
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper:nth-child(3) {
    border-radius: 0 4px 0 0
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper:nth-child(7) {
    border-radius: 0 0 0 4px
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper:nth-child(9) {
    border-radius: 0 0 4px 0
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper:hover {
    z-index: 1;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07)
}

.ksc-product .ksc-product-hot-content .ksc-product-hot-list-wrapper:hover .ksc-hot-bottom-buy {
    opacity: 1;
    height: 44px
}

.ksc-product .ksc-product-content {
    display: none;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 42px 0;
    width: 1200px
}

.ksc-product .ksc-product-content .ksc-product-list-wrapper {
    margin: 0 4px 4px 0;
    padding: 10px 20px;
    float: left;
    position: relative;
    width: 296px;
    height: 136px;
    text-align: left;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.ksc-product .ksc-product-content .ksc-product-list-wrapper .product-hot-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    overflow: hidden;
    white-space: nowrap
}

.ksc-product .ksc-product-content .ksc-product-list-wrapper .product-hot-box .product-hot-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 207px;
    height: 48px
}

.ksc-product .ksc-product-content .ksc-product-list-wrapper h4 {
    margin: 10px 0;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #181931;
    line-height: 18px;
    max-width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-product .ksc-product-content .ksc-product-list-wrapper p {
    margin-bottom: 10px;
    font-size: 12px;
    color: #7b7b86;
    line-height: 18px;
    height: 36px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.ksc-product .ksc-product-content .ksc-product-list-wrapper .active-tip {
    display: inline-block;
    padding: 0 4px;
    font-size: 10px;
    color: #1296db;
    border: 1px solid #1296db;
    border-radius: 2px;
    max-width: 260px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-product .ksc-product-content .ksc-product-list-wrapper .ksc-prod-bottom-detail {
    position: absolute;
    transition: all .3s ease-in-out;
    height: 0;
    overflow: hidden;
    width: 296px;
    bottom: 0;
    left: 0
}

.ksc-product .ksc-product-content .ksc-product-list-wrapper .see-detail {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 296px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    background-color: #112858;
    border: 1px solid #112858;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.ksc-product .ksc-product-content .ksc-product-list-wrapper .see-detail:hover {
    cursor: pointer;
    display: inline-block;
    background-color: #1296db;
    border: 1px solid  #1296db
}

.ksc-product .ksc-product-content .ksc-product-list-wrapper .see-detail:active {
    display: inline-block;
    background-color: #112858;
    border: 1px solid #112858
}

.ksc-product .ksc-product-content .ksc-product-list-wrapper:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15)
}

.ksc-product .ksc-product-content .ksc-product-list-wrapper:hover .ksc-prod-bottom-detail {
    opacity: 1;
    height: 44px
}

.ksc-product .ksc-product-content .ksc-product-list-wrapper:hover .ksc-prod-bottom-detail .see-detail {
    display: inline-block
}

.ksc-product .ksc-product-more {
    position: absolute;
    top: 50px;
    right: 0;
    color: #181931;
    text-align: center
}

.ksc-product .ksc-product-more span {
    display: inline-block;
    height: 28px;
    padding: 0 32px 0 10px;
    font-size: 16px;
    line-height: 26px;
    border: 1px solid #181931;
    border-radius: 14px;
    transition: all .3s ease-in-out
}

.ksc-product .ksc-product-more .on-icon {
    position: absolute;
    top: 5px;
    right: 12px;
    display: inline-block;
    font-size: 12px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transition: all .3s ease-in-out
}

.ksc-product .ksc-product-more:hover {
    cursor: pointer;
    color: #112858
}

.ksc-product .ksc-product-more:hover span {
    border: 1px solid #112858
}

.ksc-product .more-active {
    color: #112858;
    border: 1px solid #112858
}

.ksc-product .ksc-product-middle-line {
    height: 8px;
    width: 100%;
    background-image: linear-gradient(180deg, #f0f0f0 0, #f8f8f8 100%)
}

.ksc-product .ksc-product-bottom-line {
    /*height: 8px;*/
    /*width: 100%;*/
    /*background-image: linear-gradient(180deg, #f8f8f8 0, #f0f0f0 100%)*/
}

.ksc-product .ksc-product-content-bgColor {
    background: #f8f8f8
}

.ksc-product .opacity-div {
    opacity: 0;
    background: #f8f8f8;
}

.ksc-product-title-animate {
    animation: topMove 1s;
    animation-fill-mode: forwards;
    animation-delay: .2s
}

.ksc-product-content-animate {
    animation: topMove 1s;
    animation-fill-mode: forwards;
    animation-delay: .4s
}
/*product*/
/*solution*/
.ksc-solution {
    width: 100%;
    text-align: center;
    background: #112858;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.ksc-solution .ksc-solu-bg-url {
    position: absolute;
    top: -50px;
    left: 0;
    width: 2560px;
    height: 738px;
    opacity: .1;
    transition: .3s infinite
}

.ksc-solution .ksc-solution-title {
    padding: 80px 20px 0;
    width: 540px;
    margin: 0 auto;
    font-size: 24px;
    color: #fff;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center
}

.ksc-solution .ksc-solution-desc {
    width: 840px;
    margin: 0 auto;
    font-size: 14px;
    color: #81839f;
    line-height: 14px;
    padding: 16px 20px 60px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-solution .ksc-solution-tabs {
    position: relative;
    margin: 0 auto;
    height: 44px;
    width: 1200px;
    background: rgba(24, 25, 44, 0.3)
}

.ksc-solution .ksc-solution-tabs .ksc-solution-item,
.ksc-solution .ksc-solution-tabs .en-active,
.ksc-solution .ksc-solution-tabs .active {
    position: relative;
    float: left;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}

.ksc-solution .ksc-solution-tabs .ksc-solution-item span,
.ksc-solution .ksc-solution-tabs .en-active span,
.ksc-solution .ksc-solution-tabs .active span {
    position: relative;
    margin: 10px 0;
    display: inline-block;
    height: 24px;
    width: 80px;
    overflow: hidden;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    z-index: 3
}

.ksc-solution .ksc-solution-tabs .active {
    width: 150px;
    position: absolute;
    z-index: 1
}

.ksc-solution .ksc-solution-tabs .active:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2px;
    z-index: 1;
    width: 150px;
    /*background-image: url(../img/solu_tab_bg.png);*/
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain
}

.ksc-solution .ksc-solution-tabs .active:after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 3px;
    z-index: 1;
    height: 2px;
    width: 140px
}

.ksc-solution .ksc-solution-tabs .active .item-bottom-line {
    display: inline-block;
    margin: 0 auto;
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    z-index: 9;
    height: 2px;
    width: 100%;
    transition: all .3s ease-out
}

.ksc-solution .ksc-solution-tabs .en-active {
    width: 200px;
    position: absolute;
    z-index: 1
}

.ksc-solution .ksc-solution-tabs .en-active:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2px;
    z-index: 1;
    width: 200px;
    background-image: url(../img/solu_en_tab_bg.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain
}

.ksc-solution .ksc-solution-tabs .en-active:after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 3px;
    z-index: 1;
    height: 2px;
    width: 190px
}

.ksc-solution .ksc-solution-tabs .en-active .item-bottom-line {
    display: inline-block;
    margin: 0 auto;
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    z-index: 9;
    height: 2px;
    width: 100%;
    transition: all .3s ease-out
}

.ksc-solution .ksc-solution-tabs .ksc-solution-more {
    position: absolute;
    top: 9px;
    right: 25px;
    color: #fff;
    width: 120px;
    text-align: right;
    transition: all .3s ease-in-out
}

.ksc-solution .ksc-solution-tabs .ksc-solution-more span {
    display: inline-block;
    max-width: 120px;
    overflow: hidden;
    font-size: 16px;
    vertical-align: middle
}

.ksc-solution .ksc-solution-tabs .ksc-solution-more .scroll-right-icon {
    vertical-align: middle;
    margin-left: 6px;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    white-space: nowrap;
    transition: all .3s ease-in-out
}

.ksc-solution .ksc-solution-tabs .ksc-solution-more .scroll-right-icon img {
    position: absolute;
    top: 0;
    left: -28px;
    width: 42px;
    height: 14px
}

.ksc-solution .ksc-solution-tabs .ksc-more-link:hover {
    color: #1296db
}

.ksc-solution .ksc-solution-tabs .ksc-more-link:hover .scroll-right-icon img {
    left: -14px
}

.ksc-solution .ksc-solution-bg {
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    height: 444px;
    width: 100%;
    bottom: 0;
    z-index: -1
}

.ksc-solution .ksc-solution-content {
    position: absolute;
    top: 44px;
    margin: 0 auto;
    height: 320px;
    width: 1200px;
    background-image: linear-gradient(to bottom, rgba(60, 64, 107, 0.3), rgba(28, 30, 57, 0.6));
    border: 1px #fff solid;
    border-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0.4), #112858) 30 30;
    border-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.4), #112858) 30 30;
    border-image: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0.4), #112858) 30 30;
    border-image: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0.4), #112858) 30 30;
    border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), #112858) 30 30;
    border-radius: 0 0 5px 5px
}

.ksc-solution .ksc-solution-content .ksc-solution-border {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper {
    padding: 30px 40px;
    position: relative;
    height: 316px;
    width: 598px;
    text-align: left;
    vertical-align: middle
}

.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper .solution-case-box {
    display: flex;
    align-items: center;
    justify-content: left;
    margin: 6px 0;
    height: 24px;
    line-height: 24px
}

.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper .solution-case-box .solution-case-line {
    margin: 11px 0;
    width: 50px;
    height: 1px;
    background: #fff
}

.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper .solution-case-box .solution-case-img {
    margin: 0 10px;
    display: inline-block;
    width: 24px;
    height: 24px
}

.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper .solution-case-box span {
    display: inline-block;
    font-size: 12px;
    color: #a2a4c3
}

.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper h4 {
    margin: 22px 0 20px 0;
    font-size: 20px;
    color: #fff;
    line-height: 20px
}

.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper p {
    margin: 8px 0;
    font-size: 14px;
    color: #a0a2b9;
    line-height: 22px;
    height: 66px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper .ksc-more-link,
.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper .ksc-more-no-link {
    position: absolute;
    left: 40px;
    bottom: 37px;
    color: #fff;
    text-align: center;
    transition: all .3s ease-in-out
}

.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper .ksc-more-link span,
.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper .ksc-more-no-link span {
    vertical-align: middle;
    font-size: 16px;
    line-height: 16px
}

.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper .ksc-more-link .scroll-right-icon,
.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper .ksc-more-no-link .scroll-right-icon {
    vertical-align: middle;
    margin-left: 6px;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    white-space: nowrap;
    transition: all .3s ease-in-out
}

.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper .ksc-more-link .scroll-right-icon img,
.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper .ksc-more-no-link .scroll-right-icon img {
    position: absolute;
    top: 0;
    left: -28px;
    width: 42px;
    height: 14px;
    transition: all .3s
}

.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper .ksc-more-link:hover {
    color: #1296db
}

.ksc-solution .ksc-solution-content .ksc-solution-list-wrapper .ksc-more-link:hover .scroll-right-icon img {
    left: -14px
}

.ksc-solution .midle-line {
    display: inline-block;
    position: absolute;
    top: 36px;
    left: 598px;
    height: 246px;
    width: 1px;
    background-image: linear-gradient(180deg, rgba(72, 78, 99, 0.2) 0, #484e63 50%, rgba(72, 78, 99, 0.2) 100%);
    z-index: 3
}

.ksc-solution .ksc-solution-banner {
    position: absolute;
    right: 0;
    top: 0;
    width: 598px;
    z-index: 1;
    height: 302px;
    overflow: hidden;
}

.ksc-solution .ksc-solution-banner .ksc-solution-banner-list {
    position: relative;
    width: 600px;
    height: 302px;
    margin: 0 auto
}

.ksc-solution .ksc-solution-banner .banner-item {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    left: -9999px
}

.ksc-solution .ksc-solution-banner .banner-content {
    font-size: 0;
    padding: 30px;
    text-align: left
}

.ksc-solution .ksc-solution-banner .banner-content .user-logo {
    margin: 23px 0 20px 0;
    height: 40px
}

.ksc-solution .ksc-solution-banner .banner-content .text-desc {
    margin: 9px 0 20px 0;
    font-size: 14px;
    color: #a0a2b9;
    line-height: 22px;
    height: 66px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.ksc-solution .ksc-solution-banner .banner-content .about-prod-box .btn-default-hollow {
    margin-top: 160px;
    font-size: 14px;
    color: #fff;
    line-height: 22px
}

.ksc-solution .ksc-solution-banner .banner-content .about-prod-box .about-prod-content {
    display: inline-block;
    box-sizing: border-box;
    margin: 5px 0 5px 12px;
    height: 24px;
    padding: 0 16px;
    border: 1px solid #fff;
    border-radius: 12px;
    font-size: 14px;
    color: #fff;
    transition: all .15s ease-in-out
}

.ksc-solution .ksc-solution-banner .banner-content .about-prod-box .about-prod-content:hover {
    cursor: pointer;
    color: #fff;
    background: #112858;
    border: 1px solid #112858
}

.ksc-solution .ksc-solution-banner .banner-btn-sec {
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: 100%;
    height: 8px;
    z-index: 20
}

.ksc-solution .ksc-solution-banner .banner-btn-sec .banner-btn-list {
    text-align: left
}

.ksc-solution .ksc-solution-banner .banner-btn-sec .item {
    position: relative;
    width: 24px;
    padding: 5px 0;
    height: 24px;
    margin-right: 3px;
    display: inline-block;
    cursor: pointer
}

.ksc-solution .ksc-solution-banner .banner-btn-sec .item:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    height: 4px;
    width: 24px;
    cursor: pointer
}

.ksc-solution .ksc-solution-banner .banner-btn-sec .item:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    height: 4px;
    width: 0;
    transition: none;
    cursor: pointer
}

.ksc-solution .ksc-solution-banner .banner-btn-sec .item.cur:after {
    transition: width 8s linear;
    background: #fff;
    border-radius: 20px;
    width: 24px
}

.ksc-solution .ksc-solution-banner .banner-btn-sec .item.s-item-pause:after {
    transition: none
}

.ksc-solution .ksc-solution-banner .show {
    left: 0
}

.ksc-solution .ksc-solution-content-bg {
    height: 400px
}
/*solution*/
/*news*/
.ksc-news {
    width: 100%;
    /*background: #f8f8f8;*/
    padding: 80px 0;
    text-align: center
}

.ksc-news .ksc-news-title {
    margin: 0 auto;
    padding: 0 20px;
    font-size: 24px;
    color: #181931;
    text-align: center;
    line-height: 24px;
    max-width: 540px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-news .ksc-news-desc {
    display: block;
    margin: 0 auto;
    width: 840px;
    font-size: 14px;
    color: #8a8a92;
    text-align: center;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 14px 20px 40px
}

.ksc-news .ksc-news-wrapper {
    width: 1210px;
    margin: auto
}

.ksc-news .ksc-news-bt .ksc-more-link,
.ksc-news .ksc-news-bt .ksc-more-no-link {
    margin-top: 40px;
    box-sizing: border-box;
    padding: 2px 20px;
    color: #181931;
    text-align: center;
    border: 1px solid #181931;
    border-radius: 16px;
    display: inline-block;
    transition: all .3s ease-in-out
}

.ksc-news .ksc-news-bt .ksc-more-link span,
.ksc-news .ksc-news-bt .ksc-more-no-link span {
    vertical-align: middle;
    font-size: 16px
}

.ksc-news .ksc-news-bt .ksc-more-link .scroll-right-icon,
.ksc-news .ksc-news-bt .ksc-more-no-link .scroll-right-icon {
    vertical-align: middle;
    margin-left: 6px;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    white-space: nowrap;
    transition: all .3s ease-in-out
}

.ksc-news .ksc-news-bt .ksc-more-link .scroll-right-icon img,
.ksc-news .ksc-news-bt .ksc-more-no-link .scroll-right-icon img {
    position: absolute;
    top: 0;
    left: -28px;
    width: 42px;
    height: 14px
}

.ksc-news .ksc-news-bt .ksc-more-link:hover {
    color: #112858;
    border: 1px solid #112858
}

.ksc-news .ksc-news-bt .ksc-more-link:hover .scroll-right-icon img {
    left: -14px
}

.ksc-news .ksc-news-big-block,
.ksc-news .ksc-news-block {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 62px;
    padding-left: 20px
}

.ksc-news .ksc-news-big-block .ksc-news-name,
.ksc-news .ksc-news-block .ksc-news-name {
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    padding: 12px 0 12px;
    max-width: 340px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-news .ksc-news-time-icon {
    font-size: 14px;
    position: relative;
    top: 1px;
    left: 2px;
    margin-right: 5px
}

.ksc-news .ksc-news-time {
    font-size: 12px;
    color: #b3b3b3;
    line-height: 12px
}

.ksc-news .ksc-news-big {
    vertical-align: top;
    border-radius: 4px;
    overflow: hidden;
    text-align: left;
    width: 400px;
    height: 290px;
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%;
    transition: all .3s ease-in-out
}

.ksc-news .ksc-news-big a {
    display: block;
    width: 100%;
    height: 100%
}

.ksc-news .ksc-news-big:hover {
    background-size: 110%;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3)
}

.ksc-news .ksc-news-big img {
    width: 100%;
    height: 100%
}

.ksc-news .ksc-news-list {
    text-align: left;
    display: inline-block;
    width: 420px;
    padding: 0 18px
}

.ksc-news .ksc-news-list .ksc-news-list-wrapper {
    border-radius: 4px;
    overflow: hidden;
    width: 380px;
    height: 135px;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%;
    transition: all .3s ease-in-out
}

.ksc-news .ksc-news-list .ksc-news-list-wrapper a {
    display: block;
    width: 100%;
    height: 100%
}

.ksc-news .ksc-news-list .ksc-news-list-wrapper:first-child {
    margin-bottom: 20px
}

.ksc-news .ksc-news-list .ksc-news-list-wrapper:hover {
    background-size: 110%;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3)
}

.ksc-news .ksc-news-list img {
    width: 100%;
    height: 100%
}

.ksc-news .ksc-news-list-more {
    text-align: left;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    vertical-align: top;
}

.ksc-news .ksc-news-list-more img {
    width: 100%;
    height: 100%
}

.ksc-news .ksc-news-list-more .ksc-news-list-li {
    border-radius: 2px;
    border-bottom:2px solid #1296db;
    box-shadow: 5px 7px 9px -5px rgb(70 70 70);
    padding-left: 20px;
    display: block;
    width: 32%;
    background: #fff;
    font-size: 16px;
    color: #181931;
    line-height: 16px;
    height: 90px;
    margin-bottom: 20px;
    bottom: 0px;
    transition: all 0.5s ease-in-out;

}

.ksc-news .ksc-news-list-more .ksc-news-list-li:hover {
    box-shadow: 5px 7px 9px -5px rgb(70 70 70);
    color: #112858;
    bottom: 10px;
}
.ksc-news .ksc-news-list-more .ksc-news-list-li:hover .ksc-news-time-icon,.ksc-news .ksc-news-list-more .ksc-news-list-li:hover .ksc-news-time{
    color: #1296db;
}
.ksc-news .ksc-news-list-more .ksc-news-list-li{
    display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  /*box-shadow: 0px 0px 0px 0px rgb(70 70 70);*/
  position: relative;
  overflow: hidden;
}
.ksc-news .ksc-news-list-more .ksc-news-list-li:before{
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #1296db;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.ksc-news .ksc-news-list-more .ksc-news-list-li:hover:before, .ksc-news .ksc-news-list-more .ksc-news-list-li:focus:before, .ksc-news .ksc-news-list-more .ksc-news-list-li:active:before {
    right: 0;
}











.ksc-news .ksc-news-list-more .ksc-news-list-li:last-child {
    margin-bottom: 0
}

.ksc-news .ksc-news-list-more .ksc-news-name {
    padding: 20px 0 12px;
    max-width: 340px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s ease-in-out
}
/*news*/
/*brand*/
.section {
    padding: 64px 0;
}
.section-head-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #252b3a;
    text-align: center;
}
.home-global-site-3d{
    position:relative;
    width:100%;
}
.home-global-site-3d .section{
    height:100%;
    display: flex;
    justify-content: center;
}
.home-global-site-3d .link-more{
    margin-top:16px
}
.home-global-site-3d .por-container{
    height:100%;
    width:1200px;
}

@-webkit-keyframes warn2{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    30%{
        opacity:.5
    }
    50%{
        opacity:.4
    }
    75%{
        opacity:.2
    }
    to{
        -webkit-transform:scale(4);
        transform:scale(4);
        opacity:0
    }
}
@keyframes warn2{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    30%{
        opacity:.5
    }
    50%{
        opacity:.4
    }
    75%{
        opacity:.2
    }
    to{
        -webkit-transform:scale(4);
        transform:scale(4);
        opacity:0
    }
}
@-webkit-keyframes warn{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    30%{
        opacity:.5
    }
    75%{
        opacity:.2
    }
    to{
        -webkit-transform:scale(4);
        transform:scale(4);
        opacity:0
    }
}
@keyframes warn{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    30%{
        opacity:.5
    }
    75%{
        opacity:.2
    }
    to{
        -webkit-transform:scale(4);
        transform:scale(4);
        opacity:0
    }
}

.home-global-site-3d .section-body{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    position:relative;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.home-global-site-3d .section-body .section-body-left,.home-global-site-3d .section-body .section-body-right{
    width:630px;
    height:630px
}
.home-global-site-3d .section-body-bottom{
    position:absolute;
    bottom:64px;
    left:0;
    width:100%;
    background:#fff;
    -webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,.1);
    box-shadow:0 5px 20px 0 rgba(0,0,0,.1);
    height:180px
}
.home-global-site-3d .section-body-bottom .safety-card-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:10px 55px
}
.home-global-site-3d .section-body-bottom .safety-card{
    display:block;
    width:157px;
    height:160px;
    padding-top:16px;
    -webkit-transition:.2s;
    transition:.2s
}
.home-global-site-3d .section-body-bottom .safety-card p{
    font-size:14px;
    line-height:22px;
    color:#252b3a;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.home-global-site-3d .section-body-bottom .safety-card:hover p{
    color:#c7000b
}
.home-global-site-3d .section-body-bottom .safety-card-icon{
    width:92px;
    height:92px;
    background-size:cover;
    margin:0 auto 10px
}
.home-global-site-3d .section-body-left{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    height:100%;
    min-width:450px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.home-global-site-3d .section-body-left .global-site-intro-title{
    font-size:24px;
    color:#252b3a;
    line-height:30px;
    font-weight:600;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.home-global-site-3d .section-body-left .global-site-intro-desc{
    font-size:14px;
    color:#252b3a;
    line-height:22px;
    margin-top:12px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4
}
.home-global-site-3d .section-body-left .global-site-intro-link{
    display:inline-block;
    font-size:14px;
    color:#252b3a;
    line-height:24px;
    margin-top:16px;
    -webkit-transition:.2s;
    transition:.2s
}
.home-global-site-3d .section-body-left .global-site-intro-link i{
    margin-top:-2px;
    vertical-align:middle;
    -webkit-transition:-webkit-transform .2s;
    transition:-webkit-transform .2s;
    transition:transform .2s;
    transition:transform .2s,-webkit-transform .2s
}
.home-global-site-3d .section-body-left .global-site-intro-link:hover{
    color:#c7000b
}
.home-global-site-3d .section-body-left .global-site-intro-link:hover i{
    -webkit-transform:translate(4px);
    transform:translate(4px)
}
.home-global-site-3d .section-body-left .global-site-data{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:40px
}
.home-global-site-3d .section-body-left .global-site-data .global-site-text{
    width:50%;
    margin:32px 0
}
.home-global-site-3d .section-body-left .global-site-data .global-site-text .title{
    height:60px;
    line-height:60px;
    font-size:48px;
    color:#1296db;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    -webkit-transition:all .3s;
    transition:all .3s
}
.home-global-site-3d .section-body-left .global-site-data .global-site-text .desc{
    height:22px;
    line-height:22px;
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#575d6c;
    margin-top:8px
}
.home-global-site-3d .section-body-left .global-site-data .global-site-text:hover .title{
    color:#1296db
}
.home-global-site-3d .section-body-left .global-site-legend{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:24px;
    margin-top:100px
}
.home-global-site-3d .section-body-left .global-site-legend .legend{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:24px;
    line-height:24px
}
.home-global-site-3d .section-body-left .global-site-legend .legend span{
    color:#252b3a;
    font-size:14px;
    margin-left:10px
}
.home-global-site-3d .section-body-left .global-site-legend .legend+.legend{
    margin-left:32px
}
.home-global-site-3d #mountNode{
    width:100%;
    height:100%;
    /*background:url(https://portal.hc-cdn.com/cpage-pep-home-page/2.0.30/components/global-site-3d/images/earth_bg.png) no-repeat;*/
    background-size:100% 100%;
    background-position:top;
    position:relative
}
.home-global-site-3d #mountNode .shadow{
    width:100%;
    height:100%;
    pointer-events:none;
    background:url(https://portal.hc-cdn.com/cpage-pep-home-page/2.0.30/images/global-site-3d/shadow.png);
    background-size:96% 96%;
    background-position:50%;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    left:0
}
.home-global-site-3d #mountNode .shadow2{
    width:100%;
    height:100%;
    pointer-events:none;
    background:url(https://portal.hc-cdn.com/cpage-pep-home-page/2.0.30/images/global-site-3d/shadow2.png);
    background-size:100% 100%;
    background-position:-50% -50%;
    background-repeat:no-repeat;
    position:absolute;
    left:100px;
    top:100px;
    z-index:-1
}
@media (max-width:1280px){
    .home-global-site-3d{
        height:936px
    }
    .home-global-site-3d .section-body .section-body-left{
        width:511px;
        height:511px;
        margin-top:36px
    }
    .home-global-site-3d .section-body .section-body-right{
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:511px;
        height:511px;
        margin-top:36px
    }
    .home-global-site-3d .section-body .section-body-bottom{
        bottom:64px
    }
    .home-global-site-3d .section-body .section-body-bottom .safety-card-list{
        padding:10px 0
    }
    .home-global-site-3d #mountNode{
        width:511px;
        height:511px
    }
}
@media (max-width:1023px){
    .home-global-site-3d{
        background:#f5f5f6;
        height:auto
    }
    .home-global-site-3d .global-site-intro{
        display:none
    }
    .home-global-site-3d .section-body{
        display:block
    }
    .home-global-site-3d .section-body .global-site-legend,.home-global-site-3d .section-body .section-body-right{
        display:none!important
    }
    .home-global-site-3d .section-body .section-body-left{
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1;
        height:190px;
        min-width:auto;
        margin-top:0;
        width:100%
    }
    .home-global-site-3d .section-body .section-body-left .global-site-data{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin-top:0
    }
    .home-global-site-3d .section-body .section-body-left .global-site-data .global-site-text{
        width:50%;
        margin:15px 0
    }
    .home-global-site-3d .section-body .section-body-left .global-site-data .global-site-text .title{
        height:40px;
        line-height:40px;
        font-size:32px;
        color:#252b3a;
        -webkit-transition:all .3s;
        transition:all .3s;
        text-align:center
    }
    .home-global-site-3d .section-body .section-body-left .global-site-data .global-site-text .desc{
        height:18px;
        line-height:18px;
        font-size:12px;
        color:#000;
        margin-top:5px;
        text-align:center
    }
    .home-global-site-3d .section-body .section-body-left .global-site-data .global-site-text:hover .title{
        color:#c7000b
    }
    .home-global-site-3d .section-body .section-body-left .global-site-legend{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        height:24px;
        position:absolute;
        bottom:0
    }
    .home-global-site-3d .section-body .section-body-left .global-site-legend .legend{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        height:24px;
        line-height:24px
    }
    .home-global-site-3d .section-body .section-body-left .global-site-legend .legend span{
        color:#252b3a;
        font-size:14px;
        margin-left:10px
    }
    .home-global-site-3d .section-body .section-body-left .global-site-legend .legend+.legend{
        margin-left:32px
    }
    .home-global-site-3d .section-body .section-body-bottom{
        position:relative;
        margin-top:9px;
        height:250px;
        overflow:hidden;
        bottom:0
    }
    .home-global-site-3d .section-body .section-body-bottom .safety-card-item{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        min-width:30%;
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1
    }
    .home-global-site-3d .section-body .section-body-bottom .safety-card-list{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        height:237px;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding:8px 12px
    }
    .home-global-site-3d .section-body .section-body-bottom .safety-card{
        width:90%;
        height:110px;
        padding-top:16px
    }
    .home-global-site-3d .section-body .section-body-bottom .safety-card .safety-card-icon{
        width:60px;
        height:60px;
        margin:0 auto 6px
    }
    .home-global-site-3d .section-body .section-body-bottom .safety-card p{
        display:inline-block;
        width:100%;
        font-size:12px;
        line-height:18px;
        color:#252b3a;
        text-align:center;
        padding:0 4px
    }
}


/*brand*/
.ksc-auth {
    width: 100%;
    background: #fff;
    padding-top: 80px;
    text-align: center
}

.ksc-auth .ksc-auth-title {
    margin: 0 auto;
    padding: 0 20px;
    font-size: 24px;
    color: #181931;
    letter-spacing: 0;
    line-height: 24px;
    max-width: 540px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-auth .ksc-auth-desc {
    display: block;
    margin: 0 auto;
    width: 840px;
    font-size: 14px;
    color: #8a8a92;
    text-align: center;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 16px 20px 40px
}

.ksc-auth .ksc-auth-list {
    position: relative;
    text-align: center;
    margin: 0 auto;
    height: 168px;
    width: 1200px
}

.ksc-auth .ksc-auth-list .left-icon,
.ksc-auth .ksc-auth-list .right-icon {
    cursor: pointer;
    position: absolute;
    font-size: 44px;
    transition: all .25s ease-in-out
}

.ksc-auth .ksc-auth-list .left-icon:hover,
.ksc-auth .ksc-auth-list .right-icon:hover {
    color: #112858
}

.ksc-auth .ksc-auth-list .left-icon {
    left: 0;
    top: 27px
}

.ksc-auth .ksc-auth-list .right-icon {
    top: 27px;
    right: 0
}

.ksc-auth .ksc-auth-list .ksc-auth-show {
    margin: 0 auto;
    height: 168px;
    width: 1080px;
    overflow: hidden;
    white-space: nowrap;
    position: relative
}

.ksc-auth .ksc-auth-list .ksc-auth-show .ksc-auth-content {
    position: absolute;
    left: 0;
    font-size: 0
}

.ksc-auth .ksc-auth-list .ksc-auth-list-wrapper {
    display: inline-block;
    position: relative;
    width: 180px;
    height: 120px;
    transition: all .25s ease-in-out
}

.ksc-auth .ksc-auth-list .ksc-auth-list-wrapper .border-img {
    width: 180px;
    height: 120px;
    visibility: hidden;
    position: absolute;
    top: auto;
    left: 0
}

.ksc-auth .ksc-auth-list .ksc-auth-list-wrapper .ksc-auth-logo {
    margin: 0 auto;
}

.ksc-auth .ksc-auth-list .ksc-auth-list-wrapper .ksc-auth-logo img {
    width: 100%;
    height: 100%
}

.ksc-auth .ksc-auth-list .ksc-auth-list-wrapper p {
    /*display: inline-block;*/
    margin-top: 10px;
    font-size: 14px;
    color: #181931;
    letter-spacing: 0;
    text-align: center;
    line-height: 14px;
    /*width: 140px;*/
    overflow: hidden;
    text-overflow: ellipsis
}

.ksc-auth .ksc-auth-list .ksc-auth-list-wrapper:hover .border-img {
    visibility: visible
}

.ksc-auth .ksc-auth-list .ksc-auth-list-wrapper:hover p {
    color: #112858
}


.ksc-about-us-zh{width:100%;text-align:center;position:relative;z-index:0;overflow:hidden}.ksc-about-us-zh .ksc-about-bg{height:240px;background-size:1920px 240px;background-position:center;background-repeat:no-repeat;background-color:#1c1a28}
.ksc-about-us-zh .ksc-about-bg .ksc-about-bg-content{
    position: relative;
    height: 240px;
    width: 1200px;
    margin: 0 auto;
    padding: 45px 10px;
    align-items: center;
    display: flex;
    font-size: 38px;
    color: #fff;
    line-height: 53px;
    font-weight: 400;
    text-align: left;
}.ksc-about-us-zh .ksc-about-bg .ksc-about-tip{padding:61.33px 20px 20px;height:27px;font-size:18px;color:#fff;font-weight:700}.ksc-about-us-zh .ksc-about-bg .ksc-about-title{padding:8px 20px 20px;font-size:60px;color:#fff;line-height:60px;font-weight:700}.ksc-about-us-zh .ksc-about-bg .ksc-about-desc{padding:0 20px;font-size:14px;line-height:20px;color:#fff;font-weight:400}.ksc-about-us-zh .ksc-about-content{padding:30px 10px 57px 10px;position:relative;width:1200px;margin:0 auto;text-align:left;font-size:0}.ksc-about-us-zh .ksc-about-content .ksc-about-con-title{padding:0 20px 40px;font-size:24px;color:#000;text-align:center;line-height:33px;font-weight:700}.ksc-about-us-zh .ksc-about-content .ksc-about-con-text-box{font-size:16px;display:inline-block;vertical-align:top;width:606px;margin-left:74px}.ksc-about-us-zh .ksc-about-content .ksc-about-con-text{margin-bottom:20px;font-size:14px;color:#181931;line-height:22px}.ksc-about-us-zh .ksc-about-content .ksc-about-con-bg{display:inline-block;vertical-align:top;background-size: cover;height:400px;width:500px;background-position:center;background-repeat:no-repeat}.ksc-about-us-zh .ksc-about-card{padding-bottom:100px;background:#f4f4f4;text-align:center}.ksc-about-us-zh .ksc-about-card .ksc-banner-title{padding:30px 10px 36px;font-size:24px;color:#000;line-height:53px;font-weight:700}.ksc-about-us-zh .ksc-about-card .ksc-card-title{padding-bottom:20px}.ksc-about-us-zh .ksc-about-card .ksc-card-desc{padding-bottom:67px}.ksc-about-us-zh .ksc-about-card .ksc-card-list{margin:0 auto;padding:0 10px;width:1200px;display:flex;justify-content:space-between}.ksc-about-us-zh .ksc-about-card .ksc-card-list .ksc-card-item{padding: 50px 28px 40px;
    position: relative;
    width: 280px;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    margin: 0 10px;
    text-align: center;
    background-size: 125px 125px;
    background-position: bottom right;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out;
    
}.ksc-about-us-zh .ksc-about-card .ksc-card-list .ksc-card-item .ksc-card-item-img{margin:0 auto;width:92px;height:92px;transition:all .3s ease-in-out}.ksc-about-us-zh .ksc-about-card .ksc-card-list .ksc-card-item .ksc-card-item-title{padding:40px 0 20px;font-size:20px;color:#181931;font-weight:600;line-height:28px}.ksc-about-us-zh .ksc-about-card .ksc-card-list .ksc-card-item .ksc-card-item-desc{text-align:left;font-size:14px;color:#5e5e5e;line-height:24px}.ksc-about-us-zh .ksc-about-card .ksc-card-list .ksc-card-item .margin-left{margin-left:10px}.ksc-about-us-zh .ksc-about-card .ksc-card-list .ksc-card-item .ksc-phone-number{vertical-align:middle;font-size:16px;color:#e10000;line-height:20px}.ksc-about-us-zh .ksc-about-card .ksc-card-list .ksc-card-item .ksc-more-link{box-sizing:border-box;text-align:center;display:inline-block;color:#181931;transition:all .3s ease-in-out;cursor:pointer}.ksc-about-us-zh .ksc-about-card .ksc-card-list .ksc-card-item .ksc-more-link span{display:inline-block;vertical-align:middle;font-size:16px;line-height:20px}.ksc-about-us-zh .ksc-about-card .ksc-card-list .ksc-card-item .ksc-more-link .scroll-right-icon{vertical-align:middle;margin-left:6px;position:relative;display:inline-block;width:14px;height:14px;overflow:hidden;white-space:nowrap}.ksc-about-us-zh .ksc-about-card .ksc-card-list .ksc-card-item .ksc-more-link .scroll-right-icon img{position:absolute;top:0;left:-28px;width:42px;height:14px;transition:all .3s ease-in-out}.ksc-about-us-zh .ksc-about-card .ksc-card-list .ksc-card-item:hover{}.ksc-about-us-zh .ksc-phone-common{width:100%;height:300px;background:#ba0024;text-align:center}.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content{text-align:left;display:inline-block;margin:0 auto;width:1200px}.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-list-wrapper,.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-no-wrapper{position:relative;float:left;height:300px;width:50%;font-size:14px;color:#fff;line-height:20px;font-weight:500;vertical-align:middle;transition:all .15s ease-in-out}.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-list-wrapper .ksc-question-icon1,.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-no-wrapper .ksc-question-icon1{position:absolute;left:10px;top:47px;display:inline-block;height:150px;z-index:2}.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-list-wrapper .ksc-question-icon2,.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-no-wrapper .ksc-question-icon2{position:absolute;left:10px;top:47px;display:inline-block;height:150px;width:300px;z-index:2}.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-list-wrapper .ksc-question-text,.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-no-wrapper .ksc-question-text{position:absolute;left:10px;bottom:20px;vertical-align:middle;z-index:3}.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-list-wrapper .ksc-question-img,.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-no-wrapper .ksc-question-img{position:absolute;bottom:-60px;right:0;display:block;height:500px;width:500px;z-index:1;transition:all .3s ease-in-out}.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-list-wrapper .ksc-question-img:hover,.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-no-wrapper .ksc-question-img:hover{bottom:0;right:0}.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-list-wrapper .ksc-question-img2,.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-no-wrapper .ksc-question-img2{position:absolute;bottom:0;right:0;display:block;height:500px;width:500px;z-index:1;background-size:500px 500px;background-position:-60px 0;background-repeat:no-repeat;transition:all .3s ease-in-out}.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-list-wrapper .ksc-question-img2:hover,.ksc-about-us-zh .ksc-phone-common .ksc-question-common-content .ksc-question-common-no-wrapper .ksc-question-img2:hover{bottom:0;right:0}.ksc-about-us-zh .ksc-auth{position:absolute;width:100%;height:300px;background:#112858;text-align:center;z-index:9}.ksc-about-us-zh .ksc-auth .ksc-auth-list{position:relative;text-align:center;margin:0 auto;padding:0 10px;height:168px;width:1200px}.ksc-about-us-zh .ksc-auth .ksc-auth-list .left-icon,.ksc-about-us-zh .ksc-auth .ksc-auth-list .right-icon{cursor:pointer;position:absolute;font-size:32px;color:#fff;transition:all .25s ease-in-out}.ksc-about-us-zh .ksc-auth .ksc-auth-list .left-icon:hover,.ksc-about-us-zh .ksc-auth .ksc-auth-list .right-icon:hover{color:#1296db}.ksc-about-us-zh .ksc-auth .ksc-auth-list .left-icon{left:0;}.ksc-about-us-zh .ksc-auth .ksc-auth-list .right-icon{right:0}.ksc-about-us-zh .ksc-auth .ksc-auth-list .ksc-auth-show{margin:0 auto;height:300px;width:1135px;overflow:hidden;white-space:nowrap;position:relative}.ksc-about-us-zh .ksc-auth .ksc-auth-list .ksc-auth-show .ksc-auth-content{position:absolute;left:0;font-size:0}.ksc-about-us-zh .ksc-auth .ksc-auth-list .ksc-auth-list-wrapper{vertical-align:middle;padding:0 20px;text-align:left;border-right:1px solid #54576b;display:inline-block;position:relative;width:284px;height:156px;transition:all .25s ease-in-out}.ksc-about-us-zh .ksc-auth .ksc-auth-list .ksc-auth-list-wrapper .border-img{width:75px;height:30px}.ksc-about-us-zh .ksc-auth .ksc-auth-list .ksc-auth-list-wrapper .ksc-auth-logo{display:block;display: block;font-size: 40px;color: #fff;}
.ksc-about-us-zh .ksc-auth .ksc-auth-list .ksc-auth-list-wrapper .ksc-auth-text{
    position:relative;
    vertical-align:middle;
    font-size:14px;
    color:#fff;
    line-height:23px;
    font-weight:400;
    text-align:left;
    max-width:260px;
    word-break: break-word;
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -pre-wrap;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
}
.ksc-about-us-zh .ksc-about-content .ksc-about-con-text-box li{
    margin: 10px 0;
    padding: 8px;
    background-color: #1296db0a;
    border-left: 2px solid #1296db;
}
.ksc-about-us-zh .ksc-about-content .ksc-about-con-text-box li:hover{
    
}
.ksc-about-us-zh .ksc-auth .ksc-auth-list .ksc-auth-list-wrapper .ksc-auth-text3{
    margin-top:5px
}
.ksc-about-us-zh .ksc-auth .ksc-auth-list .ksc-auth-list-wrapper .ksc-auth-text2{
    margin-top:0;
    margin-left:10px
}
.ksc-about-us-zh .ksc-auth .ksc-auth-list .ksc-auth-list-wrapper:last-child{
    border-left:none
}
.ksc-about-us-zh .ksc-partner-common{
    margin-top:300px;
    width:100%;
    padding: 50px 0;
    background:#f4f4f4;
    text-align:center
}
.ksc-about-us-zh .ksc-partner-common .ksc-partner-common-title{
    margin:0 auto;
    padding:30px 20px 37px;
    font-size:24px;
    color:#181931;
    letter-spacing:0;
    line-height:24px;
    max-width:540px;
    font-weight: 700;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.ksc-about-us-zh .ksc-partner-common .ksc-partner-common-content{
    display:inline-block;
    margin:0 auto;
    width:1200px
}
.ksc-about-us-zh .ksc-partner-common .ksc-partner-common-content .ksc-partner-common-list-wrapper,.ksc-about-us-zh .ksc-partner-common .ksc-partner-common-content .ksc-partner-common-no-wrapper{
    float:left;
    margin:10px;
    width:580px;
    height:180px;
    background:#fff;
    background-size:580px 180px;
    background-position:center;
    background-repeat:no-repeat;
    border-radius:10px;
    vertical-align:middle;
    transition:all .15s ease-in-out
}
.ksc-about-us-zh .ksc-partner-common .ksc-partner-common-content .ksc-partner-common-list-wrapper2{
    float:left;
    margin:10px;
    width: 23.3333%;
    height: 84px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    background:#fff;
    background-size:380px 180px;
    box-shadow: 0 2px 8px 0 rgb(33 76 217 / 20%);
    background-position:center;
    background-repeat:no-repeat;
    vertical-align:middle;
    transition:all .15s ease-in-out
}
.ksc-about-us-zh .ksc-partner-common .ksc-partner-common-content .ksc-partner-common-list-wrapper2 div{
    font-size: 20px;
    color: #1296db;
    letter-spacing: 2px;
    text-shadow: 1px 2px 2px #a1a1a1;
    text-border: 2px solid #fff;
    font-weight: 800;
}
.ksc-about-us-zh .ksc-partner-common .ksc-partner-common-content .ksc-partner-common-list-wrapper2 span{
    font-size: 12px;
    color: #919191;
}



.ksc-about-us-zh .ksc-partner-common .ksc-partner-common-content .ksc-partner-common-list-wrapper2:hover{
    scale: 1.05;
}


.ksc-about-us-zh .ksc-partner-common .ksc-partner-common-content .ksc-partner-common-list-wrapper2 img{
    margin:35px auto 0;
    height:109px;
    width:322px
}
.ksc-about-us-zh .ksc-banner{
    position:relative;
    min-width:1200px;
    background:#ba0024;
    z-index:9
}
.ksc-about-us-zh .ksc-banner .banner-list{
    position:relative;
    height:500px;
    width:100%;
    margin:0 auto
}
.ksc-about-us-zh .ksc-banner .banner-item{
    display:flex;
    position:absolute;
    height:100%;
    width:100%;
    overflow:hidden;
    left:-9999px
}
.ksc-about-us-zh .ksc-banner .banner-item .banner-box-left,.ksc-about-us-zh .ksc-banner .banner-item .banner-box-right-title,.ksc-about-us-zh .ksc-banner .banner-item .banner-box-right-content{
    opacity:.1;
    transition:1.5s
}
.ksc-about-us-zh .ksc-banner .banner-box-left{
    position:relative;
    width:46%;
    height:400px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    position:relative;
    z-index:0
}
.ksc-about-us-zh .ksc-banner .banner-box-left .ksc-banner-left-content{
    text-align:right;
    height:140px;
    width:100%;
    background:#ba0024;
    position:absolute;
    right:40px;
    bottom:40px
}
.ksc-about-us-zh .ksc-banner .banner-box-left .ksc-banner-left-content .ksc-banner-left-img-box{
    position:relative;
    float:right;
    height:140px;
    width:470px
}
.ksc-about-us-zh .ksc-banner .banner-box-left .ksc-banner-left-content .ksc-banner-left-img{
    position:absolute;
    top:0;
    left:0;
    height:140px;
    width:470px;
    background-size:470px 140px;
    background-position:center;
    background-repeat:no-repeat
}
.ksc-about-us-zh .ksc-banner .banner-box-right{
    position: relative;
    width: 40%;
    height: 350px;
}
.ksc-about-us-zh .ksc-banner .banner-box-right .banner-box-right-title-bg{
    margin:24px 0 0 0;
    height:80px;
    /*background:#373737;*/
    background-size:cover;
    background-position:left;
    background-repeat:no-repeat
}
.ksc-about-us-zh .ksc-banner .banner-box-right .banner-box-right-title-bg .banner-box-right-title{
    height:80px;
    width:380px;
    background-size:380px 80px;
    background-position:left;
    background-repeat:no-repeat;
    z-index:2
}
.ksc-about-us-zh .ksc-banner .banner-box-right .banner-box-right-content{
    position: absolute;
    left: 3px;
    padding: 30px 67px 20px;
    text-align: left;
    height: 200px;
    width: 550px;
    background: #ba0024;
    background-size: 550px 200px;
    background-position: center;
    background-repeat: no-repeat;
}
.ksc-about-us-zh .ksc-banner .banner-box-right .banner-box-right-content .banner-box-right-content-title{
    margin-bottom: 13px;
    position: absolute;
    font-size: 14px;
    top: 50px;
    left: 0;
    color: #fff;
    line-height: 27px;
    font-weight: 400;
}
.ksc-about-us-zh .ksc-banner .banner-box-right .banner-box-right-content .margin-bottom2{
    margin-bottom:53px
}
.ksc-about-us-zh .ksc-banner .banner-box-right .banner-box-right-content .margin-bottom3{
    margin-bottom:10px
}
.ksc-about-us-zh .ksc-banner .banner-box-right .banner-box-right-content .margin-bottom4{
    margin-bottom:68px
}
.ksc-about-us-zh .ksc-banner .banner-box-right .banner-box-right-content .banner-box-right-content-text{
    text-align:right;
    height:20px;
    font-size:14px;
    color:#fff;
    font-weight:400
}
.ksc-about-us-zh .ksc-banner .show{
    left:0
}
.ksc-about-us-zh .ksc-banner .show .banner-box-left,.ksc-about-us-zh .ksc-banner .show .banner-box-right-title,.ksc-about-us-zh .ksc-banner .show .banner-box-right-content{
    opacity:1
}
.ksc-about-us-zh .ksc-banner .show .ksc-banner-left-img{
    animation:act-banner-breath 1s ease-out
}
.ksc-about-us-zh .ksc-banner .banner-btn-sec{
    position:absolute;
    bottom:30px;
    width:100%;
    height:8px;
    z-index:20
}
.ksc-about-us-zh .ksc-banner .banner-btn-sec .banner-btn-list{
    width:365px;
    margin:0 auto;
    text-align:right
}
.ksc-about-us-zh .ksc-banner .banner-btn-sec .item{
    position:relative;
    width:40px;
    padding:5px 0;
    height:24px;
    margin-right:3px;
    display:inline-block;
    cursor:pointer
}
.ksc-about-us-zh .ksc-banner .banner-btn-sec .item:before{
    content:'';
    position:absolute;
    top:5px;
    left:0;
    background:rgba(255,255,255,0.5);
    height:4px;
    width:40px;
    cursor:pointer
}
.ksc-about-us-zh .ksc-banner .banner-btn-sec .item:after{
    content:'';
    position:absolute;
    top:5px;
    left:0;
    height:4px;
    width:0;
    transition:none;
    cursor:pointer
}
.ksc-about-us-zh .ksc-banner .banner-btn-sec .item.cur:after{
    background:#fff;
    width:40px
}
.ksc-about-us-zh .ksc-banner .banner-btn-sec .item.s-item-pause:after{
    transition:none
}
@keyframes act-banner-cover{
    from{
        left:40px
    }
    to{
        right:40px
    }
}
@keyframes act-banner-breath{
    from{
        width:0
    }
    to{
        width:470px
    }
}
@keyframes banner-svg{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes banner-cover{
    from{
        opacity:0
    }
    to{
        opacity:0
    }
}
@keyframes banner-breath{
    from{
        opacity:0
    }
    50%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@-webkit-keyframes banner-breath{
    from{
        opacity:0
    }
    50%{
        opacity:1
    }
    to{
        opacity:0
    }
}
.ksc-about-us-zh .ksc-news{
    width:100%;
    height:600px;
    background:#f4f4f4;
    padding:30px 0 80px;
    text-align:center
}
.ksc-about-us-zh .ksc-news .ksc-news-title{
    margin:0 auto;
    padding:0 20px 36px;
    font-size:24px;
    color:#181931;
    text-align:center;
    line-height:24px;
    max-width:540px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.ksc-about-us-zh .ksc-news .ksc-sell-specs-notype-wrapper{
    margin:0 auto;
    padding:20px 26px;
    position:relative;
    width:1180px;
    height:120px;
    background-size:1180px 120px;
    background-position:center;
    background-repeat:no-repeat
}
.ksc-about-us-zh .ksc-news .ksc-sell-specs-notype-wrapper .ksc-sell-base-info{
    text-align:left;
    position:relative;
    width:729px
}
.ksc-about-us-zh .ksc-news .ksc-sell-specs-notype-wrapper .ksc-sell-base-info .ksc-sell-base-title{
    margin-bottom:10px;
    font-weight:700;
    font-size:24px;
    color:#fff;
    line-height:33px;
    max-width:100%;
    overflow:hidden;
    white-space:nowrap
}
.ksc-about-us-zh .ksc-news .ksc-sell-specs-notype-wrapper .ksc-sell-base-info .ksc-sell-base-desc{
    font-size:14px;
    color:#fff;
    font-weight:400;
    line-height:20px;
    max-height:40px;
    text-overflow:-o-ellipsis-lastline;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical
}
.ksc-about-us-zh .ksc-news .ksc-news-wrapper{
    width:1200px;
    margin:auto
}
.ksc-about-us-zh .ksc-news .ksc-news-list-box{
    margin:0 auto;
    padding:0 26px;
    width:1180px;
    height:330px;
    background:#fff
}
.ksc-about-us-zh .ksc-news .ksc-news-bt .ksc-more-link,.ksc-about-us-zh .ksc-news .ksc-news-bt .ksc-more-no-link{
    margin-top:40px;
    box-sizing:border-box;
    padding:2px 20px;
    color:#181931;
    text-align:center;
    border:1px solid #181931;
    border-radius:16px;
    display:inline-block;
    transition:all .3s ease-in-out
}
.ksc-about-us-zh .ksc-news .ksc-news-bt .ksc-more-link span,.ksc-about-us-zh .ksc-news .ksc-news-bt .ksc-more-no-link span{
    vertical-align:middle;
    font-size:16px
}
.ksc-about-us-zh .ksc-news .ksc-news-bt .ksc-more-link .scroll-right-icon,.ksc-about-us-zh .ksc-news .ksc-news-bt .ksc-more-no-link .scroll-right-icon{
    vertical-align:middle;
    margin-left:6px;
    position:relative;
    display:inline-block;
    width:14px;
    height:14px;
    overflow:hidden;
    white-space:nowrap;
    transition:all .3s ease-in-out
}
.ksc-about-us-zh .ksc-news .ksc-news-bt .ksc-more-link .scroll-right-icon img,.ksc-about-us-zh .ksc-news .ksc-news-bt .ksc-more-no-link .scroll-right-icon img{
    position:absolute;
    top:0;
    left:-28px;
    width:42px;
    height:14px
}
.ksc-about-us-zh .ksc-news .ksc-news-bt .ksc-more-link:hover{
    color:#112858;
    border:1px solid #112858
}
.ksc-about-us-zh .ksc-news .ksc-news-bt .ksc-more-link:hover .scroll-right-icon img{
    left:-14px
}
.ksc-about-us-zh .ksc-news .ksc-news-list-more{
    text-align:left;
    display:inline-block;
    width:340px;
    margin-right:46px;
    vertical-align:top
}
.ksc-about-us-zh .ksc-news .ksc-news-list-more:nth-child(3){
    margin-right:0
}
.ksc-about-us-zh .ksc-news .ksc-news-list-more:nth-child(6){
    margin-right:0
}
.ksc-about-us-zh .ksc-news .ksc-news-list-more .ksc-news-name{
    padding:20px 0 12px;
    font-size:18px;
    color:#090909;
    letter-spacing:0;
    font-weight:500;
    max-width:340px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    transition:all .3s ease-in-out
}
.ksc-about-us-zh .ksc-news .ksc-news-list-more .ksc-news-name2{
    padding:50px 0 12px
}
.ksc-about-us-zh .ksc-news .ksc-news-list-more .ksc-news-time{
    font-size:14px;
    color:#666;
    font-weight:400;
    line-height:20px
}
.ksc-about-us-zh .ksc-ace-floor{
    height:240px;
    background-size:1920px 240px;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#1b1f3a;
    position:relative;
    z-index:0
}
.ksc-about-us-zh .ksc-ace-floor .content{
    position:relative;
    text-align:left;
    width:1200px;
    padding:0 10px;
    height:240px;
    margin:0 auto;
    font-size:0
}
.ksc-about-us-zh .ksc-ace-floor .title{
    text-align:left;
    padding-top:37px;
    font-size:30px;
    color:#fff;
    letter-spacing:0;
    line-height:42px;
    max-width:840px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.ksc-about-us-zh .ksc-ace-floor .descript{
    text-align:left;
    margin:13px 0 0 0;
    font-size:14px;
    color:#fff;
    line-height:23px;
    max-width:540px
}
.ksc-about-us-zh .ksc-ace-floor .register-btn{
    height:44px;
    box-sizing:border-box;
    border:1px solid #fff;
    border-radius:4px;
    transition:all .15s ease-in-out
}
.ksc-about-us-zh .ksc-ace-floor .register-btn span{
    display:inline-block;
    padding:8px 44px;
    font-size:18px;
    color:#fff;
    max-width:340px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.ksc-about-us-zh .ksc-ace-floor .register-btn:hover{
    border:1px solid #fff;
    background:#fff
}
.ksc-about-us-zh .ksc-ace-floor .register-btn:hover span{
    color:#112858
}
.ksc-about-us-zh .ksc-ace-floor .ksc-more-link{
    margin-top:27px;
    box-sizing:border-box;
    text-align:center;
    display:inline-block;
    width:127px;
    height:30px;
    color:#fff;
    background:#1b1f3a;
    border:1px solid #fff;
    border-radius:15px;
    transition:all .3s ease-in-out;
    cursor:pointer
}
.ksc-about-us-zh .ksc-ace-floor .ksc-more-link span{
    display:inline-block;
    vertical-align:middle;
    font-size:16px;
    line-height:28px;
    font-weight:400
}
.ksc-about-us-zh .ksc-ace-floor .ksc-more-link .scroll-right-icon{
    vertical-align:middle;
    margin-left:6px;
    position:relative;
    display:inline-block;
    width:14px;
    height:14px;
    overflow:hidden;
    white-space:nowrap
}
.ksc-about-us-zh .ksc-ace-floor .ksc-more-link .scroll-right-icon img{
    position:absolute;
    top:0;
    left:-28px;
    width:42px;
    height:14px
}
.dnone{
    display:none;
}
.dblock{
    display:block;
}
.ksc-about-us-zh .ksc-ace-floor .ksc-more-link:hover{
    color:#fff;
    background:#112858;
    border:1px solid #112858
}
.ksc-about-us-zh .ksc-ace-floor .ksc-more-link:hover .scroll-right-icon img{
    left:-28px
}
.ksc-about-us-zh .ksc-about-footer-card{
    text-align:left
}
.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list{
    margin:0 auto;
    width:1200px;
    display:flex;
    justify-content:space-between
}



.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list .ksc-card-item{
    padding:28px 20px 26px 30px;
    position:relative;width:400px;
    height:150px;
    background:#fff;
    text-align:left;
    background-size:400px 150px;
    background-position:center;
    background-repeat:no-repeat;
    transition:all .3s ease-in-out;cursor:pointer
}
.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list .ksc-card-item .ksc-card-item-title{
    padding-bottom:12px;
    width:274px;
    font-size:20px;
    color:#101010;
    font-weight:500;
    line-height:28px
}
.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list .ksc-card-item .ksc-card-item-desc{
    vertical-align:middle;display:inline-block;width:274px;text-align:left;font-size:14px;color:#202020;line-height:24px
}
.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list .ksc-card-item .footer-right-icon{
    position:absolute;top:60px;margin-left:34px;vertical-align:middle;font-size:32px;color:#181930;transition:all .25s ease-in-out
}
.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list .ksc-card-item .ksc-phone-number{
     vertical-align:middle;font-size:16px;color:#112858;line-height:20px
 }
.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list .ksc-card-item .ksc-more-link{
       box-sizing:border-box;text-align:center;display:inline-block;color:#181931;transition:all .3s ease-in-out;cursor:pointer
   }
.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list .ksc-card-item .ksc-more-link span{
           display:inline-block;vertical-align:middle;font-size:16px;line-height:20px
       }
.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list .ksc-card-item .ksc-more-link .scroll-right-icon{
    vertical-align:middle;margin-left:6px;position:relative;display:inline-block;width:14px;height:14px;overflow:hidden;white-space:nowrap
}
.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list .ksc-card-item .ksc-more-link .scroll-right-icon img{
    position:absolute;top:0;left:-28px;width:42px;height:14px;transition:all .3s ease-in-out
}
.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list .ksc-card-item-default1{
    background-image:url(../img/footer_img1.jpg);
}
.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list .ksc-card-item-default1 .footer-right-icon{
    color:#112858
}
.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list .ksc-card-item-default2{

    background-image:url(../img/footer_img2.jpg);
}
.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list .ksc-card-item-default2 .footer-right-icon{
     color:#112858
 }
.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list .ksc-card-item-default3{
    background-image:url(../img/footer_img3.jpg);
}
.ksc-about-us-zh .ksc-about-footer-card .ksc-card-list .ksc-card-item-default3 .footer-right-icon{
    color:#112858
}
.ksc-basics .textCenter {
    text-align: center
}

.ksc-basics .ksc-content {
    background-color: #1c1a28;
    height: 400px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    padding: 0 20px
}

.ksc-basics .ksc-basics-main {
    width: 1180px;
    padding-top: 40px;
    margin: auto;
    position: relative
}

.ksc-basics .ksc-basics-main .ksc-product-en-name {
    padding-top: 40px;
    font-size: 14px;
    position: relative;
    z-index: 2;
    color: rgba(255, 255, 255, 0.8)
}

.ksc-basics .ksc-basics-main .ksc-product-name {
    padding-top: 10px;
    position: relative;
    z-index: 2;
    font-size: 36px;
    color: rgba(255, 255, 255, 0.9)
}

.ksc-basics .ksc-basics-main .ksc-product-desc {
    position: relative;
    z-index: 2;
    line-height: 24px;
    padding-top: 20px;
    max-height: 92px;
    width: 700px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper {
    padding: 42px 0 0 0;
    position: relative;
    z-index: 2
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-btn {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 9px 20px;
    font-size: 15px;
    color: #fff;
    border: 1px solid #979797;
    margin-right: 10px;
    cursor: pointer;
    transition: all .15s ease-in-out
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-btn:last-of-type {
    margin-left: 0
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-btnbg:hover {
    background-color: #112858;
    border: 1px solid #112858
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-btn-link {
    padding: 10px 20px;
    border: 0
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-btn-link:hover {
    color: #112858
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-btn:first-of-type:not(.ksc-product-btn-link),
.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-first-btnbg {
    padding: 10px 20px;
    border: 0;
    background: #112858;
    transition: all .15s ease-in-out
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-btn:first-of-type:hover,
.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-first-btnbg:hover {
    background: #ff4152
}

.ksc-basics .ksc-basics-main .ksc-basics-product-img {
    position: absolute;
    top: 0;
    right: 50px;
    width: 600px;
    height: 400px;
    object-fit: cover
}

.ksc-basics .ksc-basics-advert {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 52px;
    line-height: 52px
}

.ksc-basics .ksc-basics-advert .ksc-basics-advert-con {
    width: 1200px;
    height: 100%;
    margin: auto;
    font-size: 0;
    display: flex;
    justify-items: center;
    align-items: center
}

.ksc-basics .ksc-basics-advert .ksc-basics-advert-img {
    height: 50px;
    float: left
}

.ksc-basics .ksc-basics-advert .ksc-basics-advert-desc {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(240, 240, 240, 0.2);
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    vertical-align: middle;
    width: 960px;
    max-height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    float: left
}

.ksc-basics .ksc-activity-wrapper {
    height: 50px;
    line-height: 50px;
    background: #ececec
}

.ksc-basics .ksc-activity-wrapper .ksc-activity {
    width: 1200px;
    height: 100%;
    margin: auto
}

.ksc-basics .ksc-activity-wrapper .ksc-activity-block {
    width: 340px;
    white-space: nowrap;
    overflow: hidden;
    height: 100%;
    display: inline-block;
    opacity: .86;
    font-size: 12px;
    margin-right: 10px
}

.ksc-basics .ksc-activity-wrapper .ksc-activity-block .icon-bg {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/slider-icon.png) no-repeat;
    background-size: 16px 16px;
    vertical-align: text-top
}

.ksc-basics .ksc-activity-wrapper .ksc-activity-block span {
    cursor: pointer;
    color: #333
}

.ksc-basics .ksc-activity-wrapper .ksc-activity-block span:hover {
    color: #112858
}
.ksc-core-adva {
    background: #fff
}

.ksc-core-adva .ksc-adva-title {
    padding: 60px 0 0;
    font-size: 22px;
    color: #333;
    text-align: center
}

.ksc-core-adva .ksc-adva-main {
    padding-bottom: 40px;
    width: 1200px;
    margin: auto;
    font-size: 0
}

.ksc-core-adva .ksc-adva-block {
    display: inline-block;
    width: 600px;
    margin-top: 40px;
    padding: 0 40px;
    text-align: center
}

.ksc-core-adva .ksc-adva-block .ksc-adva-img {
    vertical-align: top;
    height: 60px;
    width: 60px;
    max-width: 200px;
    display: inline-block
}

.ksc-core-adva .ksc-adva-block .ksc-adva-text {
    vertical-align: top;
    margin-left: 20px;
    display: inline-block;
    text-align: left;
    width: 440px;
    font-size: 0
}

.ksc-core-adva .ksc-adva-block .ksc-adva-text .ksc-adva-name {
    padding-bottom: 10px;
    font-size: 18px;
    color: #333;
    max-width: 440px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-core-adva .ksc-adva-block .ksc-adva-text .ksc-adva-desc {
    font-size: 12px;
    line-height: 24px;
    color: #777;
    word-break: break-word;
    height: 72px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}
.ksc-product-case {
    background: #f5f5f9
}

.ksc-product-case .ksc-case-title {
    padding: 60px 0 0;
    width: 1200px;
    margin: 0 auto;
    font-size: 22px;
    color: #333;
    text-align: center
}

.ksc-product-case .ksc-case-main {
    padding-bottom: 70px;
    width: 1200px;
    font-size: 0;
    margin: auto
}

.ksc-product-case .ksc-case-main a:nth-child(4n) .ksc-case-block {
    margin-right: 0
}

.ksc-product-case .ksc-case-block {
    padding-top: 10px;
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    height: 337px;
    width: 270px;
    box-sizing: border-box;
    margin: 30px 40px 0 0;
    text-align: center;
    cursor: default;
    transition: .3s
}

.ksc-product-case .ksc-case-block:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)
}

.ksc-product-case .ksc-case-block .ksc-case-img {
    height: 107px;
    line-height: 107px;
    width: 241px;
    margin: auto;
    text-align: center
}

.ksc-product-case .ksc-case-block .ksc-case-img img {
    max-width: 241px;
    max-height: 107px;
    vertical-align: middle
}

.ksc-product-case .ksc-case-block .ksc-case-name {
    padding: 14px 25px 21px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #333
}

.ksc-product-case .ksc-case-block .ksc-case-btn {
    font-size: 14px;
    color: #333;
    text-align: center;
    display: inline-block;
    cursor: pointer
}

.ksc-product-case .ksc-case-block .ksc-case-btn:hover {
    color: #112858
}

.ksc-product-case .ksc-case-block .ksc-case-desc {
    height: 80px;
    padding: 0 20px 0;
    text-align: left;
    font-size: 14px;
    color: #777;
    line-height: 20px;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 29px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.ksc-product-case .ksc-case-block .ksc-case-desc.ksc-case-desc-more {
    height: 120px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}
.ksc-quick-start {
    background: #fff
}

.ksc-quick-start .ksc-quick-title {
    padding: 60px 0 0;
    font-size: 22px;
    color: #333;
    text-align: center
}

.ksc-quick-start .ksc-quick-main {
    padding-bottom: 60px;
    padding-top: 20px;
    width: 1200px;
    margin: auto;
    font-size: 0
}

.ksc-quick-start .ksc-quick-main a:nth-child(4n) .ksc-quick-block {
    margin-right: 0
}

.ksc-quick-start .ksc-quick-block {
    vertical-align: top;
    display: inline-block;
    width: 285px;
    height: 100px;
    background: #f5f5f9;
    border: 1px solid #c6cdd5;
    padding: 40px 32px 0 78px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
    margin: 20px 20px 0 0
}

.ksc-quick-start .ksc-quick-block .ksc-quick-img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-height: 81px;
    max-width: 67px;
    display: inline-block
}

.ksc-quick-start .ksc-quick-block .ksc-quick-name {
    padding-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    font-size: 16px;
    color: #333;
    font-weight: 700
}

.ksc-quick-start .ksc-quick-block .ksc-quick-desc {
    height: 40px;
    overflow: hidden;
    color: #777;
    font-size: 12px;
    color: #777;
    line-height: 21px
}

.ksc-quick-start .ksc-quick-block .ksc-quick-number {
    position: absolute;
    left: 18px;
    top: 38px;
    font-size: 30px;
    line-height: 30px;
    color: #1296db;
    letter-spacing: 0
}

.ksc-quick-start .ksc-quick-block .ksc-quick-number span {
    display: inline-block;
    vertical-align: top
}

.ksc-quick-start .ksc-quick-block .ksc-quick-number i {
    vertical-align: top;
    display: inline-block;
    -webkit-transform: rotate(-90deg) scale(0.5);
    -moz-transform: rotate(-90deg) scale(0.5);
    -o-transform: rotate(-90deg) scale(0.5);
    -ms-transform: rotate(-90deg) scale(0.5);
    transform: rotate(-90deg) scale(0.5);
    position: absolute;
    top: 0;
    left: 24px
}

.ksc-quick-start .ksc-quick-block-hover:hover .ksc-quick-name {
    color: #112858
}

.ksc-app-scenes {
    background: #f5f5f9;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 56px
}

.ksc-app-scenes .ksc-scenes-title {
    padding: 30px 0 46px;
    font-size: 22px;
    color: #333;
    text-align: center;
    line-height: 30px
}

.ksc-app-scenes .ksc-scenes-main {
    padding-bottom: 57px;
    width: 1200px;
    margin: auto;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    font-size: 0
}

.ksc-app-scenes .ksc-scenes-main::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #c8cee1;
    position: absolute;
    bottom: 44px;
    left: 0;
    z-index: 0
}

.ksc-app-scenes .ksc-scenes-line {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    height: 1px;
    background: #c8cee1
}

.ksc-app-scenes .ksc-scenes-block {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    text-align: center;
    padding: 0 10px;
    margin: 0 auto
}

.ksc-app-scenes .ksc-scenes-block .ksc-scenes-name {
    display: inline-block;
    font-size: 16px;
    color: #777;
    position: relative;
    cursor: pointer;
    word-break: break-word;
    text-overflow: ellipsis;
    line-height: 22px;
    transition: .3s color linear
}

.ksc-app-scenes .ksc-scenes-block .ksc-scenes-name:hover {
    color: #112858
}

.ksc-app-scenes .ksc-scenes-block .ksc-scenes-active {
    color: #112858
}

.ksc-app-scenes .ksc-scenes-block .ksc-scenes-active::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 4px;
    background-color: #112858;
    width: 82px;
    z-index: 1;
    animation: bgAnimation .3s
}

@keyframes bgAnimation {
    0% {
        background-color: transparent
    }

    100% {
        background-color: #112858
    }
}

.ksc-app-scenes .ksc-scenes-content-wrap {
    width: 1200px;
    margin: auto;
    overflow: hidden
}

.ksc-app-scenes .scenes-active .ksc-scenes-name {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 2px;
    background: #112858
}

.ksc-app-scenes .ksc-scenes-info {
    display: none;
    position: relative;
    width: 1200px;
    background: #fff;
    border: 1px solid #c6cdd5;
    text-align: center;
    font-size: 0
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-img {
    width: 730px;
    height: auto;
    padding: 5px;
    min-height: 415px;
    max-height: 700px;
    overflow-y: auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-img img {
    width: 100%
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con {
    display: inline-block;
    text-align: left;
    width: 465px;
    max-height: 700px;
    overflow-y: auto;
    vertical-align: top;
    padding: 21px 28px 0
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-con-title {
    font-size: 14px;
    color: #333;
    letter-spacing: 0;
    padding-bottom: 4px
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-con-title-large {
    font-size: 16px
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-title-light {
    text-indent: 10px;
    font-size: 16px;
    padding-bottom: 0
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-title-light:before {
    width: 3px;
    height: 20px;
    content: '';
    display: inline-block;
    background: #112858;
    position: absolute;
    left: 0;
    top: 2px
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-con-block {
    position: relative
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-con-topdesc {
    font-size: 14px;
    color: #777;
    letter-spacing: 0;
    margin-bottom: 18px;
    padding-top: 6px;
    line-height: 20px
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-con-desc {
    font-size: 14px;
    color: #777;
    letter-spacing: 0;
    margin-bottom: 18px;
    padding-top: 6px;
    word-break: break-word
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-con-line {
    border-top: 1px solid #c6cdd5;
    margin-bottom: 20px
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-btn-block {
    overflow: hidden
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-btn {
    margin-top: 16px;
    background: #f5f5f9;
    vertical-align: top;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    padding: 0 20px;
    font-size: 12px;
    color: #777;
    margin-right: 15px;
    transition: .3s background
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-btn:hover {
    background: #112858;
    color: #fff
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-relation {
    width: 408px;
    padding-bottom: 24px
}

.ksc-app-scenes .ksc-scenes-info::after {
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #c6cdd5;
    position: absolute;
    left: 730px;
    top: 0
}
.ksc-time-line {
    background: #fff
}

.ksc-time-line .ksc-line-title {
    padding: 38px 0 20px;
    font-size: 22px;
    color: #333;
    text-align: center
}

.ksc-time-line .ksc-line-main {
    width: 1100px;
    height: 290px;
    margin: auto;
    position: relative;
    white-space: nowrap;
    background-size: 100%;
    background-repeat: no-repeat
}

.ksc-time-line .ksc-line-img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 306px;
    opacity: .3
}

.ksc-time-line .ksc-line {
    width: 1190px;
    height: 2px;
    background: #a7a5a5;
    position: absolute;
    bottom: 119px;
    left: -45px;
    color: #112858;
    text-align: center;
    line-height: 30px
}

.ksc-time-line .ksc-line .ksc-line-left {
    position: absolute;
    left: -7px;
    top: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #112858;
    background-color: #fff;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer;
    box-shadow: 0 0 8px rgba(255, 131, 87, 0.5)
}

.ksc-time-line .ksc-line .ksc-line-left:hover {
    color: #fff;
    background-color: #112858
}

.ksc-time-line .ksc-line .ksc-line-right {
    position: absolute;
    right: -7px;
    top: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #112858;
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 0 8px rgba(255, 131, 87, 0.5)
}

.ksc-time-line .ksc-line .ksc-line-right:hover {
    color: #fff;
    background-color: #112858
}

.ksc-time-line .ksc-line .iconfont {
    font-size: 12px
}

.ksc-time-line .ksc-line-content {
    height: 290px;
    overflow: hidden
}

.ksc-time-line .ksc-line-content-block {
    white-space: nowrap;
    float: left;
    transition: all .5s
}

.ksc-time-line .ksc-line-block {
    position: relative;
    z-index: 1;
    bottom: -75px;
    font-size: 14px;
    color: #333;
    display: inline-block;
    margin: 0 116px;
    vertical-align: text-top;
    padding: 0 5px
}

.ksc-time-line .ksc-line-block .ksc-line-name {
    font-size: 12px;
    white-space: normal;
    color: #333;
    max-height: 42px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
    width: max-content;
    max-width: 170px
}

.ksc-time-line .ksc-line-block .ksc-line-click-name {
    cursor: pointer;
    transition: all .3s
}

.ksc-time-line .ksc-line-block .ksc-line-click-name:hover {
    color: #112858
}

.ksc-time-line .ksc-line-block .ksc-line-desc {
    font-size: 12px;
    color: #777;
    white-space: normal;
    padding-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    width: 178px;
    max-width: max-content;
    max-height: 65px
}

.ksc-time-line .ksc-line-block .ksc-line-wrapper {
    display: inline-block;
    box-shadow: 0 0 10px 0 #d6e1fa;
    background-color: #fff;
    max-width: 260px;
    box-sizing: border-box;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 16px;
    -webkit-transform: translate3d(-50%, -42px, 0);
    -moz-transform: translate3d(-50%, -42px, 0);
    -o-transform: translate3d(-50%, -42px, 0);
    -ms-transform: translate3d(-50%, -42px, 0);
    transform: translate3d(-50%, -42px, 0)
}

.ksc-time-line .ksc-line-block .ksc-line-wrapper .iconfont {
    font-size: 13px;
    color: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ksc-time-line .ksc-line-block .ksc-line-number-block {
    position: relative;
    margin-top: 77px
}

.ksc-time-line .ksc-line-block .ksc-line-number {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    background: #112858
}

.ksc-time-line .ksc-line-block .ksc-line-timer {
    font-size: 14px;
    color: #777;
    letter-spacing: 0;
    position: absolute;
    top: 37px;
    left: 15px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ksc-time-line .ksc-line-block .ksc-line-type {
    font-size: 12px;
    color: #777;
    position: absolute;
    top: 59px;
    left: 15px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ksc-time-line .ksc-line-block .ksc-line-type .ksc-line-type-text {
    vertical-align: middle;
    display: inline-block;
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-time-line .ksc-line-block .ksc-line-link {
    vertical-align: middle;
    padding-left: 13px;
    font-size: 12px;
    color: #112858
}

.ksc-time-line .ksc-line-block .ksc-line-link-center {
    position: relative;
    padding-left: 0
}

.ksc-time-line .ksc-line-block .ksc-line-link:hover {
    text-decoration: underline
}
.ksc-product-function {
    background: #f5f5f9
}

.ksc-product-function .ksc-function-title {
    padding: 60px 0 0;
    font-size: 22px;
    color: #333;
    text-align: center
}

.ksc-product-function .ksc-function-main {
    padding-bottom: 40px;
    padding-top: 30px;
    width: 1200px;
    margin: auto;
    font-size: 0
}

.ksc-product-function .ksc-function-block {
    vertical-align: top;
    display: inline-block;
    width: 580px;
    height: 150px;
    background: #fff;
    border: 1px solid #c8cee1;
    padding: 24px 52px 0 34px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
    margin: 30px 0 0
}

.ksc-product-function .ksc-function-block:nth-child(2n+1) {
    margin-right: 40px
}

.ksc-product-function .ksc-function-block .ksc-function-img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-height: 130px;
    max-width: 500px;
    display: inline-block
}

.ksc-product-function .ksc-function-block .ksc-function-name {
    padding-bottom: 8px;
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}

.ksc-product-function .ksc-function-block .ksc-function-desc {
    font-size: 14px;
    line-height: 24px;
    color: #777;
    position: relative;
    word-break: break-word;
    max-height: 72px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}
.ksc-sell-specs-style1 {
    width: 100%;
    background-color: #FFF;
    text-align: center
}

.ksc-sell-specs-style1 .ksc-sell-specs-title {
    padding: 60px 0 39px 0;
    font-size: 22px;
    font-weight: 600;
    color: #333
}

.ksc-sell-specs-style1 .ksc-sell-specs-tabs {
    position: relative;
    margin: 0 auto;
    vertical-align: middle
}

.ksc-sell-specs-style1 .ksc-prod-customize-type {
    text-align: center;
    position: relative;
    margin: 0 auto;
    height: 54px;
    width: 1200px;
    overflow: hidden;
    border-bottom: 1px solid #c8cee1
}

.ksc-sell-specs-style1 .ksc-prod-customize-type .ksc-sell-specs-customize-item {
    display: inline-block;
    height: 54px;
    line-height: 54px;
    width: 189px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    transition: all .25s ease-in-out
}

.ksc-sell-specs-style1 .ksc-prod-customize-type .ksc-sell-specs-customize-item span {
    padding: 0 5px;
    display: inline-block;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    font-weight: 600;
    color: #777
}

.ksc-sell-specs-style1 .ksc-prod-customize-type .ksc-sell-specs-customize-item:hover span {
    color: #112858
}

.ksc-sell-specs-style1 .ksc-prod-customize-type .customize-active span {
    color: #112858;
    border-bottom: 4px solid #112858
}

.ksc-sell-specs-style1 .ksc-sell-customize-content {
    text-align: left;
    margin: 0 auto;
    padding-bottom: 45px;
    left: 0;
    right: 0;
    width: 1200px;
    overflow: hidden;
    background: #fff;
    font-size: 0;
    overflow: hidden
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper {
    float: left;
    margin: 40px 13px 0 0;
    padding: 0 22px;
    position: relative;
    width: 280px;
    height: 360px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #cecece;
    background: #fff;
    transition: all .15s ease-in-out
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper .ksc-sell-top-line,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper .ksc-sell-top-line {
    position: absolute;
    left: 0;
    right: 0;
    transition: .15s;
    height: 2px;
    width: 0;
    background: #112858
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper h4,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper h4 {
    margin: 25px 0 11px 0;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 20px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper:hover h4,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper:hover h4 {
    color: #1296db;
}
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper p,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper p {
    margin-bottom: 9px;
    font-size: 14px;
    color: #777;
    line-height: 21px;
    height: 42px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper .active-tip,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper .active-tip {
    display: inline-block;
    margin: 0 0 12px 0;
    padding: 0 4px;
    font-size: 14px;
    color: #112858;
    border: 1px solid #112858;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper .ksc-sell-middle-line,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper .ksc-sell-middle-line {
    width: 100%;
    height: 1px;
    background: #cecece
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper .ksc-sell-config-name,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper .ksc-sell-config-name {
    margin-top: 13px;
    display: block;
    font-size: 12px;
    color: #777
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper .serve-info,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper .serve-info {
    margin-top: 12px;
    white-space: nowrap;
    overflow: hidden
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper .serve-info span,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper .serve-info {
    display: inline-block;
    font-size: 12px;
    color: #333;
    max-width: 195px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper .serve-info span:after,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper .serve-info span:after {
    content: ':';
    margin: 0 5px
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper .serve-info span:last-child:after,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper .serve-info span:last-child:after {
    content: ''
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper .ksc-sell-scenes-name,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper .ksc-sell-scenes-name {
    margin-top: 6px;
    font-size: 12px;
    color: #333
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper .ksc-sell-serve-price,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper .ksc-sell-serve-price {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 58px;
    font-size: 30px;
    line-height: 30px;
    color: #112858
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper .ksc-sell-serve-price .price-unit,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper .ksc-sell-serve-price .price-unit {
    vertical-align: bottom;
    display: inline-block;
    color: #112858;
    font-size: 14px;
    font-weight: 600;
    min-width: 9px;
    max-width: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper .ksc-sell-serve-price .price-value,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper .ksc-sell-serve-price .price-value {
    vertical-align: bottom;
    display: inline-block;
    position: relative;
    top: -3px;
    margin: 0 5px;
    font-size: 30px;
    line-height: 30px;
    color: #112858
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper .ksc-sell-serve-price .price-month,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper .ksc-sell-serve-price .price-month {
    vertical-align: bottom;
    display: inline-block;
    font-size: 14px;
    color: #333;
    max-width: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper .ksc-sell-serve-price .old-price,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper .ksc-sell-serve-price .old-price {
    margin: 0 auto;
    display: block;
    margin-top: 3px;
    font-size: 12px;
    color: #777;
    line-height: 12px;
    text-decoration: line-through;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper .ksc-sell-customize-at-once-buy,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper .ksc-sell-customize-at-once-buy {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    background: #112858;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: .3s background
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper:nth-child(4n),
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper:nth-child(4n) {
    margin: 40px 0 0 0
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper:hover,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15)
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper:hover .ksc-sell-top-line,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper:hover .ksc-sell-top-line {
    width: 100%;
    background: #1296db
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper:hover .active-customize-tip,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper:hover .active-customize-tip {
    color: #ff4152;
    border: 1px solid #112858
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper:hover .ksc-sell-serve-price,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper:hover .ksc-sell-serve-price {
    color: #112858
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper:hover .ksc-sell-serve-price .price-unit,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper:hover .ksc-sell-serve-price .price-value,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper:hover .ksc-sell-serve-price .price-unit,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper:hover .ksc-sell-serve-price .price-value{
    color: #112858
}

.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-notype-list-wrapper:hover .ksc-sell-customize-at-once-buy,
.ksc-sell-specs-style1 .ksc-sell-customize-content .ksc-sell-customize-list-wrapper:hover .ksc-sell-customize-at-once-buy {
    background: #1296db
}
.ksc-doc-api {
    background: #fff
}

.ksc-doc-api .ksc-doc-title {
    padding: 60px 0 0;
    font-size: 22px;
    color: #333;
    text-align: center
}

.ksc-doc-api .ksc-doc-main {
    padding-bottom: 70px;
    width: 1200px;
    margin: auto;
    font-size: 0
}

.ksc-doc-api .ksc-doc-block {
    display: inline-block;
    vertical-align: top;
    width: 373px;
    height: 180px;
    box-sizing: border-box;
    margin: 40px 40px 0 0;
    padding: 24px 28px;
    text-align: left;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.ksc-doc-api .ksc-doc-block:nth-child(3n) {
    margin-right: 0
}

.ksc-doc-api .ksc-doc-block .ksc-doc-name {
    padding-bottom: 17px;
    font-size: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff
}

.ksc-doc-api .ksc-doc-block .ksc-doc-list-wrap {
    width: 140px;
    float: left
}

.ksc-doc-api .ksc-doc-block .ksc-doc-list-wrap.ksc-doc-list-wrap2 {
    float: right
}

.ksc-doc-api .ksc-doc-block h6 {
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    padding-bottom: 13px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ksc-doc-api .ksc-doc-block h6:hover {
    color: #1296db;
    text-decoration: underline
}
.ksc-fe-container{position:relative}.ksc-fe-container .ksc-prod-bar-fixed{position:fixed;top: 60px;}.ksc-fe-container .ksc-product-bar-bg{width:100%;z-index:9;background:#f5f5f9;border-bottom:2px solid #fff}.ksc-fe-container .ksc-product-bar-bg .ksc-product-bar{text-align:center;margin:0 auto;width:1200px;font-size:0}.ksc-fe-container .ksc-product-bar-bg .ksc-product-bar .ksc-prod-bar-item{box-sizing:border-box;display:inline-block;margin:0 10px;height:50px;line-height:50px;text-align:center;cursor:pointer}.ksc-fe-container .ksc-product-bar-bg .ksc-product-bar .ksc-prod-bar-item span{padding:0 5px;display:inline-block;height:50px;line-height:50px;font-size:14px;color:#333;min-width:90px;max-width:280px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ksc-fe-container .ksc-product-bar-bg .ksc-product-bar .ksc-prod-bar-item:hover span{color:#112858}.ksc-fe-container .ksc-product-bar-bg .ksc-product-bar .bar-active span{color:#1296db;border-bottom:3px solid #1296db}.ksc-fe-container .ksc-product-bar-bg.ksc-bar-none{display:none}.ksc-fe-container .ksc-product-bar-bg.ksc-prod-bar-opacity{opacity:0}



.ksc-basics .textCenter {
    text-align: center
}

.ksc-basics .ksc-content {
    background-color: #1c1a28;
    height: 400px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    padding: 0 20px
}

.ksc-basics .ksc-basics-main {
    width: 1180px;
    padding-top: 40px;
    margin: auto;
    position: relative
}

.ksc-basics .ksc-basics-main .ksc-product-en-name {
    padding-top: 40px;
    font-size: 14px;
    position: relative;
    z-index: 2;
    color: rgba(255, 255, 255, 0.8)
}

.ksc-basics .ksc-basics-main .ksc-product-name {
    padding-top: 10px;
    position: relative;
    z-index: 2;
    font-size: 36px;
    color: rgba(255, 255, 255, 0.9)
}

.ksc-basics .ksc-basics-main .ksc-product-desc {
    position: relative;
    z-index: 2;
    line-height: 24px;
    padding-top: 20px;
    max-height: 92px;
    width: 700px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper {
    padding: 42px 0 0 0;
    position: relative;
    z-index: 2
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-btn {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 9px 20px;
    font-size: 15px;
    color: #fff;
    border: 1px solid #979797;
    margin-right: 10px;
    cursor: pointer;
    transition: all .15s ease-in-out
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-btn:last-of-type {
    margin-left: 0
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-btnbg:hover {
    background-color: #112858;
    border: 1px solid #112858
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-btn-link {
    padding: 10px 20px;
    border: 0
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-btn-link:hover {
    color: #112858
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-btn:first-of-type:not(.ksc-product-btn-link),
.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-first-btnbg {
    padding: 10px 20px;
    border: 0;
    background: #1296db;
    transition: all .15s ease-in-out
}

.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-btn:first-of-type:hover,
.ksc-basics .ksc-basics-main .ksc-product-btn-wrapper .ksc-product-first-btnbg:hover {
    background: #1296db
}

.ksc-basics .ksc-basics-main .ksc-basics-product-img {
    position: absolute;
    top: 0;
    right: 50px;
    width: 600px;
    height: 400px;
    object-fit: cover
}

.ksc-basics .ksc-basics-advert {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 52px;
    line-height: 52px
}

.ksc-basics .ksc-basics-advert .ksc-basics-advert-con {
    width: 1200px;
    height: 100%;
    margin: auto;
    font-size: 0;
    display: flex;
    justify-items: center;
    align-items: center
}

.ksc-basics .ksc-basics-advert .ksc-basics-advert-img {
    height: 50px;
    float: left
}

.ksc-basics .ksc-basics-advert .ksc-basics-advert-desc {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(240, 240, 240, 0.2);
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    vertical-align: middle;
    width: 960px;
    max-height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    float: left
}

.ksc-basics .ksc-activity-wrapper {
    height: 50px;
    line-height: 50px;
    background: #ececec
}

.ksc-basics .ksc-activity-wrapper .ksc-activity {
    width: 1200px;
    height: 100%;
    margin: auto
}

.ksc-basics .ksc-activity-wrapper .ksc-activity-block {
    width: 340px;
    white-space: nowrap;
    overflow: hidden;
    height: 100%;
    display: inline-block;
    opacity: .86;
    font-size: 12px;
    margin-right: 10px
}

.ksc-basics .ksc-activity-wrapper .ksc-activity-block .icon-bg {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/slider-icon.png) no-repeat;
    background-size: 16px 16px;
    vertical-align: text-top
}

.ksc-basics .ksc-activity-wrapper .ksc-activity-block span {
    cursor: pointer;
    color: #333
}

.ksc-basics .ksc-activity-wrapper .ksc-activity-block span:hover {
    color: #112858
}
.ksc-core-advantage {
    background: #fff
}

.ksc-core-advantage .ksc-advantage-title {
    padding: 60px 0 0;
    font-size: 22px;
    color: #333;
    text-align: center
}

.ksc-core-advantage .ksc-advantage-main {
    padding-bottom: 46px;
    width: 1200px;
    margin: auto;
    font-size: 0
}

.ksc-core-advantage .ksc-advantage-block {
    display: inline-block;
    width: 400px;
    min-height: 180px;
    margin-top: 40px;
    padding: 0 40px 0;
    text-align: center;
    vertical-align: top
}

.ksc-core-advantage .ksc-advantage-block .ksc-advantage-img {
    height: 60px;
    width: 60px;
    max-width: 200px;
    display: inline-block
}

.ksc-core-advantage .ksc-advantage-block .ksc-advantage-name {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ksc-core-advantage .ksc-advantage-block .ksc-advantage-desc {
    font-size: 12px;
    line-height: 24px;
    color: #777;
    word-break: break-word
}

.ksc-core-advantage .ksc-advantage-block:nth-child(3n+3) {
    margin-right: 0
}


.ksc-app-scenes {
    background: #f5f5f9;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 56px
}

.ksc-app-scenes .ksc-scenes-title {
    padding: 30px 0 46px;
    font-size: 22px;
    color: #333;
    text-align: center;
    line-height: 30px
}

.ksc-app-scenes .ksc-scenes-main {
    padding-bottom: 57px;
    width: 1200px;
    margin: auto;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    font-size: 0
}

.ksc-app-scenes .ksc-scenes-main::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #c8cee1;
    position: absolute;
    bottom: 44px;
    left: 0;
    z-index: 0
}

.ksc-app-scenes .ksc-scenes-line {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    height: 1px;
    background: #c8cee1
}

.ksc-app-scenes .ksc-scenes-block {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    text-align: center;
    padding: 0 10px;
    margin: 0 auto
}

.ksc-app-scenes .ksc-scenes-block .ksc-scenes-name {
    display: inline-block;
    font-size: 16px;
    color: #777;
    position: relative;
    cursor: pointer;
    word-break: break-word;
    text-overflow: ellipsis;
    line-height: 22px;
    transition: .3s color linear
}

.ksc-app-scenes .ksc-scenes-block .ksc-scenes-name:hover {
    color: #112858
}

.ksc-app-scenes .ksc-scenes-block .ksc-scenes-active {
    color: #112858
}

.ksc-app-scenes .ksc-scenes-block .ksc-scenes-active::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 4px;
    background-color: #1296db;
    width: 82px;
    z-index: 1;
    animation: bgAnimation .3s
}

@keyframes bgAnimation {
    0% {
        background-color: transparent
    }

    100% {
        background-color: #112858
    }
}

.ksc-app-scenes .ksc-scenes-content-wrap {
    width: 1200px;
    margin: auto;
    overflow: hidden
}

.ksc-app-scenes .scenes-active .ksc-scenes-name {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 2px;
    background: #112858
}

.ksc-app-scenes .ksc-scenes-info {
    display: none;
    position: relative;
    width: 1200px;
    background: #fff;
    border: 1px solid #c6cdd5;
    text-align: center;
    font-size: 0
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-img {
    width: 730px;
    height: auto;
    padding: 5px;
    min-height: 415px;
    max-height: 700px;
    overflow-y: auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-img img {
    width: 100%
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con {
    display: inline-block;
    text-align: left;
    width: 465px;
    max-height: 700px;
    overflow-y: auto;
    vertical-align: top;
    padding: 21px 28px 0
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-con-title {
    font-size: 14px;
    color: #112858;
    letter-spacing: 0;
    padding-bottom: 4px
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-con-title-large {
    font-size: 16px
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-title-light {
    text-indent: 10px;
    font-size: 16px;
    padding-bottom: 0
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-title-light:before {
    width: 3px;
    height: 20px;
    content: '';
    display: inline-block;
    background: #1296db;
    position: absolute;
    left: 0;
    top: 2px
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-con-block {
    position: relative
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-con-topdesc {
    font-size: 14px;
    color: #777;
    letter-spacing: 0;
    margin-bottom: 18px;
    padding-top: 6px;
    line-height: 20px
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-con-desc {
    font-size: 14px;
    color: #777;
    letter-spacing: 0;
    margin-bottom: 18px;
    padding-top: 6px;
    word-break: break-word
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-con-line {
    border-top: 1px solid #c6cdd5;
    margin-bottom: 20px
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-btn-block {
    overflow: hidden
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-btn {
    margin-top: 16px;
    background: #f5f5f9;
    vertical-align: top;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    padding: 0 20px;
    font-size: 12px;
    color: #777;
    margin-right: 15px;
    transition: .3s background
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-btn:hover {
    background: #1296db;
    color: #fff
}

.ksc-app-scenes .ksc-scenes-info .ksc-scenes-con .ksc-scenes-relation {
    width: 408px;
    padding-bottom: 24px
}

.ksc-app-scenes .ksc-scenes-info::after {
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #c6cdd5;
    position: absolute;
    left: 730px;
    top: 0
}
.ksc-core-advantage {
    background: #fff
}

.ksc-core-advantage .ksc-advantage-title {
    padding: 60px 0 0;
    font-size: 22px;
    color: #333;
    text-align: center
}

.ksc-core-advantage .ksc-advantage-main {
    padding-bottom: 46px;
    width: 1200px;
    margin: auto;
    font-size: 0
}

.ksc-core-advantage .ksc-advantage-block {
    display: inline-block;
    width: 400px;
    min-height: 180px;
    margin-top: 40px;
    padding: 0 40px 0;
    text-align: center;
    vertical-align: top
}

.ksc-core-advantage .ksc-advantage-block .ksc-advantage-img {
    height: 60px;
    width: 60px;
    max-width: 200px;
    display: inline-block
}

.ksc-core-advantage .ksc-advantage-block .ksc-advantage-name {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ksc-core-advantage .ksc-advantage-block .ksc-advantage-desc {
    font-size: 12px;
    line-height: 24px;
    color: #777;
    word-break: break-word
}

.ksc-core-advantage .ksc-advantage-block:nth-child(3n+3) {
    margin-right: 0
}
.ksc-product-case {
    background: #f5f5f9
}

.ksc-product-case .ksc-case-title {
    padding: 60px 0 0;
    width: 1200px;
    margin: 0 auto;
    font-size: 22px;
    color: #333;
    text-align: center
}

.ksc-product-case .ksc-case-main {
    padding-bottom: 70px;
    width: 1200px;
    font-size: 0;
    margin: auto
}

.ksc-product-case .ksc-case-main a:nth-child(4n) .ksc-case-block {
    margin-right: 0
}

.ksc-product-case .ksc-case-block {
    padding-top: 10px;
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    height: 337px;
    width: 270px;
    box-sizing: border-box;
    margin: 30px 40px 0 0;
    text-align: center;
    cursor: default;
    transition: .3s
}

.ksc-product-case .ksc-case-block:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)
}

.ksc-product-case .ksc-case-block .ksc-case-img {
    height: 107px;
    line-height: 107px;
    width: 241px;
    margin: auto;
    text-align: center
}

.ksc-product-case .ksc-case-block .ksc-case-img img {
    max-width: 241px;
    max-height: 107px;
    vertical-align: middle
}

.ksc-product-case .ksc-case-block .ksc-case-name {
    padding: 14px 25px 21px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #333
}

.ksc-product-case .ksc-case-block .ksc-case-btn {
    font-size: 14px;
    color: #333;
    text-align: center;
    display: inline-block;
    cursor: pointer
}

.ksc-product-case .ksc-case-block .ksc-case-btn:hover {
    color: #112858
}

.ksc-product-case .ksc-case-block .ksc-case-desc {
    height: 80px;
    padding: 0 20px 0;
    text-align: left;
    font-size: 14px;
    color: #777;
    line-height: 20px;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 29px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.ksc-product-case .ksc-case-block .ksc-case-desc.ksc-case-desc-more {
    height: 120px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}
.ksc-doc-api {
    background: #fff
}

.ksc-doc-api .ksc-doc-title {
    padding: 60px 0 0;
    font-size: 22px;
    color: #333;
    text-align: center
}

.ksc-doc-api .ksc-doc-main {
    padding-bottom: 70px;
    width: 1200px;
    margin: auto;
    font-size: 0
}

.ksc-doc-api .ksc-doc-block {
    display: inline-block;
    vertical-align: top;
    width: 373px;
    height: 180px;
    box-sizing: border-box;
    margin: 40px 40px 0 0;
    padding: 24px 28px;
    text-align: left;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.ksc-doc-api .ksc-doc-block:nth-child(3n) {
    margin-right: 0
}

.ksc-doc-api .ksc-doc-block .ksc-doc-name {
    padding-bottom: 17px;
    font-size: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff
}

.ksc-doc-api .ksc-doc-block .ksc-doc-list-wrap {
    width: 140px;
    float: left
}

.ksc-doc-api .ksc-doc-block .ksc-doc-list-wrap.ksc-doc-list-wrap2 {
    float: right
}

.ksc-doc-api .ksc-doc-block h6 {
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    padding-bottom: 13px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ksc-doc-api .ksc-doc-block h6:hover {
    color: #1296db;
    text-decoration: none
}
.ksc-product-contrast {
    background: #fff;
    text-align: center
}

.ksc-product-contrast .ksc-product-title {
    padding: 60px 0 0;
    font-size: 22px;
    color: #333;
    text-align: center
}

.ksc-product-contrast .ksc-product-main {
    padding-bottom: 60px;
    padding-top: 20px;
    display: inline-block;
    max-width: 1200px
}

.ksc-product-contrast .ksc-item-table {
    width: 1200px
}

.ksc-product-contrast .ksc-item-table .ksc-item-top {
    height: 60px;
    background: #f5f5f9;
    border: 1px solid #c6cdd5
}

.ksc-product-contrast .ksc-item-table .ksc-item-top .ksc-item-top-no {
    width: 170px;
    border-left: none
}

.ksc-product-contrast .ksc-item-table .ksc-item-top th {
    padding: 0 20px;
    font-size: 16px;
    border-left: 1px solid #c6cdd5;
    text-align: center
}

.ksc-product-contrast .ksc-item-table .ksc-item-top .ksc-item-hot {
    padding: 1px 5px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    float: right
}

.ksc-product-contrast .ksc-item-table .ksc-item-top .ksc-contrast-active {
    position: relative;
    background: #1296db;
    color: #fff;
    box-sizing: border-box;
    border: 1px solid #1296db
}

.ksc-product-contrast .ksc-item-table .ksc-item-top .ksc-contrast-active:before {
    content: '';
    position: absolute;
    height: 8px;
    top: -8px;
    background: #1296db;
    left: -1px;
    right: -1px;
    border: 1px solid #1296db
}

.ksc-product-contrast .ksc-item-table .ksc-item-top .ksc-contrast-active .ksc-th-one-bg {
    margin-top: -10px
}

.ksc-product-contrast .ksc-item-table .ksc-contrast-td-active {
    position: relative;
    top: 0;
    background: #fff;
    color: #777
}

.ksc-product-contrast .ksc-item-table .ksc-contrast-td-active .ksc-item-price-btn {
    bottom: 0 !important
}

.ksc-product-contrast .ksc-item-table .ksc-item-row-one .ksc-contrast-td-active {
    position: relative
}

.ksc-product-contrast .ksc-item-table .ksc-item-row-one .ksc-contrast-td-active:before {
    content: '';
    position: absolute;
    height: 8px;
    top: -8px;
    background: #fff;
    left: -1px;
    right: -1px
}

.ksc-product-contrast .ksc-item-table .ksc-item-row {
    color: #777;
    height: 60px;
    table-layout: fixed;
    word-break: break-word;
    overflow: hidden;
    font-size: 14px
}

.ksc-product-contrast .ksc-item-table .ksc-item-row .ksc-item-left {
    padding: 16px 20px;
    max-width: 170px;
    background: #f9fbff;
    border: 1px solid #c6cdd5;
    box-sizing: border-box
}

.ksc-product-contrast .ksc-item-table .ksc-item-row .ksc-item-con {
    border: 1px solid #c6cdd5;
    text-align: left;
    padding: 20px;
    line-height: 28px;
    word-break: break-word;
    text-align: center
}

.ksc-product-contrast .ksc-item-table .ksc-item-row .ksc-item-name-has {
    text-align: center;
    line-height: 26px;
    line-height: normal
}

.ksc-product-contrast .ksc-item-table .ksc-item-row .ksc-item-name-has .ksc-item-has {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #d8d8d8;
    border-radius: 50%
}

.ksc-product-contrast .ksc-item-table .ksc-item-row .ksc-item-name-has .active {
    background: #112858
}

.ksc-product-contrast .ksc-item-table .ksc-item-row .ksc-item-price {
    position: relative;
    padding: 0 0 40px 0;
    vertical-align: bottom;
    overflow: hidden
}

.ksc-product-contrast .ksc-item-table .ksc-item-row .ksc-item-price .ksc-item-price-wrapper {
    padding: 20px
}

.ksc-product-contrast .ksc-item-table .ksc-item-row .ksc-item-price .ksc-item-price-center {
    text-align: center
}

.ksc-product-contrast .ksc-item-table .ksc-item-row .ksc-item-price .ksc-item-price-num {
    font-size: 22px;
    color: #112858
}

.ksc-product-contrast .ksc-item-table .ksc-item-row .ksc-item-price .ksc-item-price-num i {
    font-size: 14px;
    font-style: normal
}

.ksc-product-contrast .ksc-item-table .ksc-item-row .ksc-item-price .ksc-item-priceUnit {
    font-size: 14px;
    color: #333;
    margin-left: 9px
}

.ksc-product-contrast .ksc-item-table .ksc-item-row .ksc-item-price .ksc-item-price-btn {
    position: absolute;
    bottom: -40px;
    width: 100%;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #112858;
    transition: all .3s ease
}

.ksc-product-contrast .ksc-item-table .ksc-item-row .ksc-item-price .ksc-item-price-btn .ksc-item-btn {
    color: #fff
}

.ksc-product-contrast .ksc-item-table .ksc-item-row .ksc-item-price:hover .ksc-item-price-btn {
    bottom: 0
}


.activities-list-wrap .meta-date {
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    color: #112858;
}


.ksc-server{
    width:100%;
    text-align:center;
    background-color:#f1f1f5
}
.ksc-server .ksc-public-title{
    font-size:24px;
    color:#181931;
    line-height:33px
}
.ksc-server .ksc-public-desc{
    font-size:14px;
    color:#7b7b86;
    line-height:20px
}
.ksc-server .ksc-server-banner{
    height:240px;
    width:100%;
    background-size:1920px 240px;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#1c1a28
}
.ksc-server .ksc-server-banner .ksc-server-bg-content{
    position:relative;
    width:1200px;
    margin:0 auto;
    text-align:left
}
.ksc-server .ksc-server-banner .ksc-banner-title{
    padding:76px 10px 15px;
    font-size:38px;
    color:#fff;
    line-height:53px;
    font-weight:400
}
.ksc-server .ksc-server-banner .ksc-banner-desc{
    font-size:14px;
    color:#fff;
    line-height:20px;
    padding:0 10px
}
.ksc-server .ksc-server-card{
    padding:44px 0 55px;
    /*background:#fff;*/
    box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
    border-radius:10px;
    text-align:left;
    border-bottom:1px solid #ddd;
    text-align:center
}
.ksc-server .ksc-server-card .ksc-card-title{
    padding-bottom:20px
}
.ksc-server .ksc-server-card .ksc-card-desc{
    padding-bottom:67px
}
.ksc-server .ksc-server-card .ksc-card-list{
    margin:0 auto;
    width:1200px;
    display:flex;
    justify-content:space-between
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item{
    padding:25px 20px;
    position:relative;
    width:370px;
    height:200px;
    background:#fff;
    box-shadow:0 0 8px 0 rgba(0,0,0,0.1);
    border-radius:2px;
    text-align:left;
    background-size:200px 200px;
    background-position:bottom right;
    background-repeat:no-repeat;
    transition:all .3s ease-in-out;
    cursor:pointer
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item .ksc-card-item-img{
    position: absolute;
    right: 13px;
    top: -40px;
    width: 110px;
    height: 120px;
    transition: all .3s ease-in-out;
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item .ksc-card-item2{
    width:90px;
    height:82px
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item .ksc-card-item3{
    width:97px;
    height:94px
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item .ksc-card-item4{
    width:101px;
    height:94px
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item .ksc-card-item-title{
    padding-bottom:20px;
    font-size:20px;
    color:#181931;
    line-height:28px
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item .ksc-card-item-desc{
    padding-bottom:33px;
    font-size:12px;
    color:#7b7b86;
    line-height:22px
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item .ksc-phone-number{
    vertical-align:middle;
    font-size:16px;
    color:#112858;
    line-height:20px
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item .ksc-more-link{
    box-sizing:border-box;
    text-align:center;
    display:inline-block;
    color:#181931;
    transition:all .3s ease-in-out;
    cursor:pointer
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item .ksc-more-link span{
    display:inline-block;
    vertical-align:middle;
    font-size:16px;
    line-height:20px
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item .ksc-more-link .scroll-right-icon{
    vertical-align:middle;
    margin-left:6px;
    position:relative;
    display:inline-block;
    width:14px;
    height:14px;
    overflow:hidden;
    white-space:nowrap
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item .ksc-more-link .scroll-right-icon img{
    position:absolute;
    top:0;
    left:-28px;
    width:42px;
    height:14px;
    transition:all .3s ease-in-out
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item:hover{
    box-shadow:0 0 12px 0 rgba(0,0,0,0.32)
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item:hover .ksc-card-item-img{
    top:-36px
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item:hover .ksc-more-link{
    color:#112858
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item:hover .ksc-more-link .scroll-right-icon img{
    left:-14px
}
.ksc-server .ksc-server-card .ksc-card-list .ksc-card-item-default{
    cursor:text
}
.ksc-server .ksc-server-keep-record{
    width:100%;
    background:#112858;
    text-align:center
}
.ksc-server .ksc-server-keep-record .ksc-keep-record-content{
    position:relative;
    margin:0 auto;
    height:300px;
    width:1200px;
    background-size:356px 300px;
    background-position:left;
    background-repeat:no-repeat
}
.ksc-server .ksc-server-keep-record .ksc-keep-record-content .ksc-keep-record-title{
    padding-top:38px;
    font-size:24px;
    color:#fff;
    z-index:1
}
.ksc-server .ksc-server-keep-record .ksc-keep-record-content .ksc-keep-record-desc{
    padding-top:20px;
    font-size:14px;
    color:#d4d4d4;
    z-index:1
}
.ksc-server .ksc-server-keep-record .ksc-keep-record-content .ksc-keep-record-desc span{
    font-size:14px;
    color:#112858
}
.ksc-server .ksc-server-keep-record .ksc-keep-record-content .ksc-keep-record-desc a{
    font-size:14px;
    color:#1296db
}
.ksc-server .ksc-server-keep-record .ksc-keep-record-content .ksc-keep-record-desc a:hover{
    text-decoration:underline
}
.ksc-server .ksc-server-keep-record .ksc-keep-record-content .ksc-keep-record-left{
    position:absolute;
    left:0;
    bottom:0;
    width:356px;
    height:300px;
    z-index:0
}
.ksc-server .ksc-server-keep-record .ksc-keep-record-content .ksc-keep-record-right{
    position:absolute;
    right:0;
    bottom:0;
    width:185px;
    height:300px;
    z-index:0
}
.ksc-server .ksc-server-step{
    margin:0 auto;
    position:absolute;
    left:0;
    right:0;
    margin-top:-76px;
    padding:33px 100px;
    width:1100px;
    height:97px;
    background:#fff;
    box-shadow:0 0 15px 0 rgba(140,140,140,0.5);
    border-radius:8px;
    background-size:1100px 97px;
    background-position:center;
    background-repeat:no-repeat;
    display:flex;
    justify-content:space-between;
    z-index:1
}
.ksc-server .ksc-server-step .ksc-step-item .ksc-step-item-img{
    display:inline-block;
    vertical-align:middle;
    width:33px;
    height:30px
}
.ksc-server .ksc-server-step .ksc-step-item .ksc-step-item-name{
    margin:0 10px 0 7px;
    display:inline-block;
    vertical-align:middle;
    font-size:16px;
    color:#333
}
.ksc-server .ksc-server-step .ksc-step-item .ksc-step-item-line{
    display:inline-block;
    vertical-align:middle;
    height:1px;
    width:85px;
    background:#bebebe
}
.ksc-server .ksc-server-step .ksc-step-item:first-child .ksc-step-item-img{
    width:27px
}
.ksc-server .ksc-server-step .ksc-step-item:last-child .ksc-step-item-img{
    width:37px
}
.ksc-server .ksc-server-advise{
    position:relative;
    padding:66px 0 59px;
    width:100%;
    background:#FFF
}
.ksc-server .ksc-server-advise .ksc-advise-title{
    padding-bottom:19px
}
.ksc-server .ksc-server-advise .ksc-advise-desc1{
    padding-bottom:8px
}
.ksc-server .ksc-server-advise .ksc-advise-desc2{
    padding-bottom:39px
}
.ksc-server .ksc-server-advise .ksc-advise-list{
    margin:0 auto;
    width:1200px;
    display:flex;
    justify-content:space-between
}
.ksc-server .ksc-server-advise .ksc-advise-list .ksc-advise-item{
    padding:23px 20px 42px;
    position:relative;
    width:581px;
    height:320px;
    background:#fff;
    box-shadow:0 0 8px 0 rgba(0,0,0,0.1);
    border-radius:2px;
    text-align:center;
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    transition:all .2s ease-in-out;
    background-color: #112858;
}
.ksc-server .ksc-server-advise .ksc-advise-list .ksc-advise-item .ksc-advise-item-title{
    padding:0 9px;
    font-size:20px;
    line-height:28px;
    color:#fff;
    border-left:4px solid #1296db
}
.ksc-server .ksc-server-advise .ksc-advise-list .ksc-advise-item .ksc-advise-item-img{
    margin:25px auto 19px;
    display:block;
    width:134px;
    height:143px
}
.ksc-server .ksc-server-advise .ksc-advise-list .ksc-advise-item .ksc-advise-item-btn{
    display:inline-block;
    padding:13px 48px;
    font-size:14px;
    color:#fff;
    line-height:14px;
    background:#1296db;
    border-radius:2px
}
.ksc-server .ksc-server-advise .ksc-advise-list .ksc-advise-item .ksc-advise-item-number{
    margin-top:11px;
    font-size:14px;
    color:#7b7b86
}
.ksc-server .ksc-server-advise .ksc-advise-list .ksc-advise-item .ksc-at-once-advise{
    display:inline-block;
    padding:13px 48px;
    font-size:14px;
    color:#fff;
    line-height:14px;
    background:#112858;
    border-radius:2px;
    text-align:center;
    transition:all .3s ease-in-out;
    cursor:pointer
}
.ksc-server .ksc-server-advise .ksc-advise-list .ksc-advise-item .ksc-at-once-advise:hover{
    background:#ff4152
}
.ksc-server .ksc-server-advise .ksc-advise-list .ksc-advise-item .ksc-at-once-advise:active{
    background:#cb0028
}
.ksc-server .ksc-server-advise .ksc-advise-list .ksc-advise-item:hover{
    background-size:110%
}
.ksc-server .ksc-server-expert{
    position:relative;
    padding:38px 0 71px;
    width:100%;
    background:#f5f5f9
}
.ksc-server .ksc-server-expert .ksc-expert-title{
    padding:0 20px 36px
}
.ksc-server .ksc-server-expert .ksc-expert-list{
    margin:0 auto;
    width:1200px;
    display:flex;
    justify-content:space-between
}
.ksc-server .ksc-server-expert .ksc-expert-list .ksc-expert-left{
    padding:25px 25px 57px 26px;
    position:relative;
    width:430px;
    height:479px;
    background:#fff;
    box-shadow:0 0 19px 0 rgba(155,155,155,0.5);
    border-radius:8px;
    text-align:left;
    background-size:581px 320px;
    background-position:center;
    background-repeat:no-repeat;
    z-index:1
}
.ksc-server .ksc-server-expert .ksc-expert-list .ksc-expert-left .ksc-expert-left-img{
    width:379px;
    height:225px;
    margin:0
}
.ksc-server .ksc-server-expert .ksc-expert-list .ksc-expert-left .ksc-expert-left-title{
    margin-top:22px;
    font-size:24px;
    line-height:33px;
    color:#181931
}
.ksc-server .ksc-server-expert .ksc-expert-list .ksc-expert-left .ksc-expert-left-desc{
    padding-top:8px
}
.ksc-server .ksc-server-expert .ksc-expert-list .ksc-expert-left .ksc-expert-left-desc-first{
    padding-top:11px
}
.ksc-server .ksc-server-expert .ksc-expert-list .ksc-expert-right{
    padding:16px 0;
    text-align:left
}
.ksc-server .ksc-server-expert .ksc-expert-list .ksc-expert-right .ksc-expert-right-item{
    margin-bottom:10px;
    position:relative;
    padding:28px 24px 20px 42px;
    width:770px;
    height:103px;
    background:#fff;
    border-radius:0 8px 8px 0
}
.ksc-server .ksc-server-expert .ksc-expert-list .ksc-expert-right .ksc-expert-right-item .ksc-expert-right-title{
    font-size:16px;
    color:#333
}
.ksc-server .ksc-server-expert .ksc-expert-list .ksc-expert-right .ksc-expert-right-item .ksc-expert-right-desc{
    padding-top:11px
}
.ksc-server .ksc-server-expert .ksc-expert-list .ksc-expert-right .ksc-expert-right-item .ksc-expert-right-img{
    position:absolute;
    top:21px;
    right:24px;
    width:71px;
    height:69px;
    opacity: 0.5;
}
@keyframes iconMouseenter{
    0%{
        left:-28px
    }
    100%{
        left:-14px
    }
}
@keyframes iconMouseleave{
    0%{
        left:-14px
    }
    100%{
        left:0
    }
}
@media screen and (max-width:1200px){
    .ksc-server-step{
        margin:-76px 0 0 50px!important
    }
}



.activities-list-wrap .datetime-wrapper .badge, .press-list-wrap .source-wrapper .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 20px;
    border-radius: 3px;
    border: solid 1px #112858;
    margin-top: 8px;
    font-size: 12px;
    color: #112858;
}
.activities-list-wrap .datetime-wrapper, .press-list-wrap .source-wrapper {
    display: flex;
    align-items: center;
}
.activities-list-wrap .banner-title, .press-list-wrap .banner-title {
    max-width: 410px;
}
.activities-list-wrap .datetime-wrapper .datetime, .press-list-wrap .source-wrapper .source {
    width: 99px;
    height: 20px;
    font-size: 14px;
    color: #a1a6ab;
    margin-left: 8px;
    margin-bottom: 3px;
}

.banner-picture img:hover {
    box-shadow: 0 8px 24px 0 rgb(0 0 0 / 20%);
}
.activities-list-wrap .banner-picture img, .press-list-wrap .banner-picture img {
    width: 410px;
    height: 225px;
}
.banner-picture img {
    border-radius: 3px;
    background-color: #d8d8d8;
}
.separator-line {
    width: 410px;
    height: 1px;
    background-color: #ecedee;
}
.pagination {
    padding: 20px 0;
    position: relative;
    line-height: 1.7;
    justify-content: center!important;
}
.pagination span, .pagination a {
    display: block;
    float: left;
    padding: 6px 10px 5px 10px;
    text-decoration: none;
    width: auto;
    font-size: 1rem;
    text-align: center;
}
span {
    font-style: inherit;
    font-weight: inherit;
}

.page_navi{width:100%;height:36px;line-height:36px;text-align:center;padding-top:1em;}
.page_navi a{padding:3px 8px;margin:2px;text-decoration:none;color:#888;border:1px solid #ccf;}
.page_navi a:hover,.page_navi a.current{border:1px solid #21aa75;color:#21aa75;font-weight:bolder;}


.ks-doc-public-nav{
    position:relative;float:left;z-index:10;padding:0;width:240px;background:#f8fbfd;text-align:left
}
.nav-box{
    background:#f2f7fb;padding-top:1px;padding-bottom:11px
}
.nav-title-sec{
    margin:0 auto 20px;padding:0 30px;margin-top:24px;cursor:pointer
}
.icon-nav-switch{
    float:left;width:16px;height:13px;margin-top:6px;background-position:left;background-size:42px 13px;background-repeat:no-repeat;transition:all .3s ease-in-out
}
.icon-nav-switch:hover{
    background-position:right
}
.icon-nav-switch-hover{
    background-position:right
}
.nav-title{
    float:left;
    margin:0 7px;
    font-size:16px;
    line-height:25px;
    max-height:50px;
    color:#48494d;
    width:135px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.nav-title .link{
    color:#48494d
}
.icon-nav-show{
    float:right;
    margin-top:7px;
    width:14px;
    height:14px;
    background-position:-19px;
    background-size:32px 14px;
    background-repeat:no-repeat;
    transition:transform .3s ease-in-out;
    transform:rotate(-180deg)
}
.icon-nav-show:hover{
    background-position:-0.5px;
    transform:rotate(-180deg)
}
.icon-nav-show-expand{
    transform:rotate(0)
}
.icon-nav-show-expand:hover{
    transform:rotate(0)
}
.nav-tit-box{
    visibility:hidden;
    opacity:0;
    position:absolute;
    left:240px;
    top:0;
    z-index:20;
    width:940px;
    max-height:calc(100vh - 120px);
    padding:24px 38px 0 38px;
    background:#f8fbfd;
    border:1px solid #ecf1f5;
    border-bottom:24px solid #f8fbfd;
    box-shadow:0 0 8px 0 #ecf1f5;
    overflow-y:auto;
    font-style:normal;
    transition:all .2s ease-in-out
}
@media(min-height:750px){
    .nav-tit-box{
        max-height:750px
    }
}
.nav-tit-box::-webkit-scrollbar{
    width:4px;
    height:4px
}
.nav-tit-box::-webkit-scrollbar-thumb{
    background:transparent
}
.nav-tit-box:hover::-webkit-scrollbar{
    width:4px;
    height:4px
}
.nav-tit-box:hover::-webkit-scrollbar-thumb{
    background:#edf0f1
}
.nav-tit-box-show{
    opacity:1;
    visibility:visible
}
.list-sec{
    overflow-y:scroll;
    /*overflow-x:hidden;*/
    padding:20px 0 0 0;
    height:100vh;
    background:#f8fbfd
}
.list-sec .leaf{
    font-weight:normal
}
.list-sec .nav-list .item{
    position:relative;
    cursor:pointer
}
.list-sec .nav-list .item .nav-list{
    display:none
}
.list-sec .nav-list .item .item-tit:hover{
    color:#112858
}
.list-sec .nav-list .item .item-tit .link{
    color:#666a75
}
.list-sec .nav-list .item .item-tit .link:hover{
    color:#112858
}
.list-sec .nav-list .open .nav-list{
    display:block
}
.list-sec .nav-list .nav-list .item{
    padding-left:16px;
    position:relative;
    cursor:pointer
}
.list-sec .nav-list .nav-list .item .item-tit{
    color:#666a75
}
.list-sec .nav-list .nav-list .item .item-tit:hover{
    color:#112858
}
.list-sec .nav-list .nav-list .item .nav-list{
    display:none
}
.list-sec .nav-list .nav-list .item .nav-list .item-tit{
    line-height:17px
}
.list-sec .nav-list .nav-list .item .nav-list .link{
    font-size:12px
}
.list-sec .nav-list .nav-list .open .nav-list{
    display:block
}
.list-sec .nav-list .icon-status{
    background-image:url("../img/down.png");
    background-position:right;
    background-size:29px 12px;
    background-repeat:no-repeat;
    position:absolute;
    right:0;
    top:50%;
    width:12px;
    height:12px;
    font-size:5px;
    transition:transform .2s ease-in-out
}
.list-sec .nav-list .arrow-top{
    transform:translateY(-50%) rotate(180deg)
}
.list-sec .nav-list .arrow-top:hover{
    background-position:left
}
.list-sec .nav-list .arrow-down{
    transform:translateY(-50%) rotate(0)
}
.list-sec .nav-list .arrow-down:hover{
    background-position:left
}
.list-sec .nav-list .item-tit{
    position:relative;
    display:block;
    line-height:20px;
    margin-bottom:20px;
    font-size:14px;
    color:#3e3f43;
    cursor:pointer;
    /*max-height:40px;*/
    /*overflow:hidden;*/
    display:-webkit-box;
    /*-webkit-line-clamp:2;*/
    /*-webkit-box-orient:vertical;*/
    /*word-break:break-all;*/
    padding-right:16px
}
.list-sec .nav-list .item-tit:hover+.arrow-top{
    background-position:left
}
.list-sec .nav-list .item-tit:hover+.arrow-down{
    background-position:left
}
.list-sec .nav-list .cur{
    position:relative;
    color:#112858!important
}
.list-sec .nav-list .cur .link{
    color:#112858!important
}
.list-sec .nav-list .cur:hover{
    color:#112858!important
}
.list-sec .nav-list .cur .item-tit{
    color:#112858
}
.list-sec .nav-list .cur .item-tit:hover{
    color:#112858!important
}
.list-sec .nav-list .nav-list .cur:before{
    position:absolute;
    left:-1px;
    content:'';
    height:100%;
    width:1px;
    background:#112858
}
.list-sec .nav-list .nav-list .nav-list .cur:before{
    left:-17px
}
.list-sec .nav-list .root>.nav-list{
    border-left:1px solid #dbe0e7
}
.list-sec .nav-list .root>.item-tit{
    font-size:14px
}
.list-sec .nav-list .root>.leaf{
    font-size:14px;
    cursor:pointer;
    max-height:40px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-weight:500
}
.list-sec .nav-list .root>.leaf .link{
    color:#3e3f43;
    max-height:40px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
    font-weight:500
}
.list-sec .nav-list .leaf{
    font-size:14px;
    color:#3e3f43
}
.list-sec .nav-list .leaf .link{
    /*display:block;*/
    color:#3e3f43
}
.list-sec .nav-list .leaf .link:hover{
    color:#112858
}
.list-sec>.nav-list{
    padding-bottom:60px
}
.list-sec::-webkit-scrollbar{
    width:4px;
    height:4px
}
.list-sec::-webkit-scrollbar-thumb{
    background:transparent
}
.list-sec:hover::-webkit-scrollbar-thumb{
    background:#edf0f1
}
.ks-nav-fixed{
    position:fixed;
    top:0
}

.ks-nav-absolute{
    position:absolute;
    top:auto;
    bottom:24px
}
.ksc-doc-search-product{
    margin:0 auto 25px;
    position:relative;
    z-index:1;
    border:0
}
.ksc-doc-search-product input[type=text]:focus{
    outline:0
}
.ksc-doc-search-product textarea:focus{
    outline:0
}
.ksc-doc-search-product input[type="number"]{
    -moz-appearance:textfield
}
.ksc-doc-search-product input::-ms-clear{
    display:none
}
.ksc-doc-search-product input::-o-clear{
    display:none
}
.ksc-doc-search-product .ksc-search-val{
    padding:6px 36px 6px 12px;
    height:36px;
    display:inline-block;
    width:100%;
    border:0;
    font-size:14px;
    color:#333;
    z-index:1;
    background:#fff;
    border:1px solid #dbe0e7;
    outline:0;
    transition:border .3s ease-in-out
}
.ksc-doc-search-product .ksc-search-val::placeholder{
    color:#ccd3d7
}
.ksc-doc-search-product .ksc-search-icon-box{
    position:absolute;
    top:0;
    right:0;
    width:36px;
    height:36px;
    cursor:default
}
.ksc-doc-search-product .ksc-search-icon-box .ksc-search-icon-normal{
    display:block;
    text-align:center;
    line-height:36px;
    font-size:24px;
    color:#dbe0e7;
    transition:all .3s ease-in-out
}
.ksc-doc-search-product .ksc-search-options{
    position:absolute;
    text-align:left;
    display:none;
    width:100%;
    max-height:360px;
    overflow-y:auto;
    background:#fff;
    border-radius:2px;
    box-shadow:0 5px 20px rgba(0,0,0,0.07);
    z-index:9;
    scrollbar-face-color:#e0e0e0;
    scrollbar-highlight-color:#e0e0e0;
    scrollbar-shadow-color:#e0e0e0;
    scrollbar-track-color:#fff
}
.ksc-doc-search-product .ksc-search-options::-webkit-scrollbar{
    width:4px;
    height:4px
}
.ksc-doc-search-product .ksc-search-options::-webkit-scrollbar-thumb{
    background:rgba(0,0,0,0.26)
}
.ksc-doc-search-product .ksc-search-options .ksc-search-no-option-item{
    margin:0;
    padding:10px 20px;
    background:#fff;
    position:relative;
    font-size:14px;
    line-height:20px;
    color:#afafaf
}
.ksc-doc-search-product .ksc-search-options .ksc-search-option-item{
    margin:0;
    padding:9px 20px;
    background:#fff;
    position:relative;
    font-size:14px;
    color:#181931;
    overflow:hidden;
    white-space:normal;
    transition:.3s linear
}
.ksc-doc-search-product .ksc-search-options .ksc-search-option-item a{
    display:block;
    width:100%;
    height:100%
}
.ksc-doc-search-product .ksc-search-options .ksc-search-option-item em{
    color:#112858;
    font-weight:normal
}
.ksc-doc-search-product .ksc-search-options .ksc-search-option-item .ksc-options-title{
    margin-bottom:4px;
    font-size:14px;
    color:#181931;
    line-height:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.ksc-doc-search-product .ksc-search-options .ksc-search-option-item .ksc-options-desc{
    font-size:12px;
    color:#7b7b86;
    line-height:18px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.ksc-doc-search-product .ksc-search-options .ksc-search-option-item:hover{
    background:#f7f8ff
}
.ksc-doc-search-product .ksc-search-options .ksc-search-option-item:nth-child(1){
    margin-top:10px
}
.ksc-doc-search-product .ksc-search-options .ksc-search-option-item:last-child{
    margin-bottom:10px
}
.ksc-search-product-hover .ksc-search-val{
    border:1px solid #e60833
}
.ksc-search-product-hover .ksc-search-icon-normal{
    color:#e60833!important
}
.ksc-doc-search-pc{
    margin:0 auto 8px;
    position:relative;
    width:180px;
    z-index:1;
    border:0
}
.ksc-doc-search-pc input[type=text]:focus{
    outline:0
}
.ksc-doc-search-pc textarea:focus{
    outline:0
}
.ksc-doc-search-pc input[type="number"]{
    -moz-appearance:textfield
}
.ksc-doc-search-pc input::-ms-clear{
    display:none
}
.ksc-doc-search-pc input::-o-clear{
    display:none
}
.ksc-doc-search-pc .ksc-search-val{
    padding:6px 32px 6px 8px;
    display:inline-block;
    width:100%;
    height:32px;
    box-sizing:border-box;
    border:0;
    font-size:12px;
    color:#333;
    z-index:1;
    background:#fff;
    border:1px solid #dbe0e7;
    outline:0;
    transition:border .3s ease-in-out
}
.ksc-doc-search-pc .ksc-search-val::placeholder{
    color:#ccd3d7
}
.ksc-doc-search-pc .ksc-search-val:focus{
    border:1px solid #c1c9d4
}
.ksc-doc-search-pc .ksc-search-icon-box{
    position:absolute;
    top:0;
    right:0;
    padding:4px;
    width:32px;
    height:32px;
    line-height:30px;
    cursor:default
}
.ksc-doc-search-pc .ksc-search-icon-box .ksc-search-icon-normal{
    display:block;
    text-align:center;
    width:24px;
    height:24px;
    background-size:24px 24px
}
.ksc-doc-search-pc .ksc-search-options{
    position:absolute;
    text-align:left;
    display:none;
    width:100%;
    max-height:230px;
    overflow-y:auto;
    background:#fff;
    border-radius:2px;
    box-shadow:0 5px 20px rgba(0,0,0,0.07);
    z-index:9;
    scrollbar-face-color:#e0e0e0;
    scrollbar-highlight-color:#e0e0e0;
    scrollbar-shadow-color:#e0e0e0;
    scrollbar-track-color:#fff
}
.ksc-doc-search-pc .ksc-search-options::-webkit-scrollbar{
    width:4px;
    height:4px
}
.ksc-doc-search-pc .ksc-search-options::-webkit-scrollbar-thumb{
    background:rgba(0,0,0,0.26)
}
.ksc-doc-search-pc .ksc-search-options .ksc-search-no-option-item{
    margin:0;
    padding:10px 20px;
    background:#fff;
    position:relative;
    font-size:14px;
    line-height:20px;
    color:#afafaf
}
.ksc-doc-search-pc .ksc-search-options .ksc-search-option-item{
    margin:0;
    padding:0 20px;
    background:#fff;
    position:relative;
    font-size:14px;
    color:#181931;
    overflow:hidden;
    white-space:normal;
    transition:.3s linear
}
.ksc-doc-search-pc .ksc-search-options .ksc-search-option-item a{
    display:block;
    width:100%;
    height:100%
}
.ksc-doc-search-pc .ksc-search-options .ksc-search-option-item em{
    color:#112858;
    font-weight:normal
}
.ksc-doc-search-pc .ksc-search-options .ksc-search-option-item .ksc-options-title{
    font-size:14px;
    color:#181931;
    line-height:30px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.ksc-doc-search-pc .ksc-search-options .ksc-search-option-item .ksc-options-desc{
    font-size:12px;
    color:#7b7b86;
    line-height:18px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.ksc-doc-search-pc .ksc-search-options .ksc-search-option-item:hover{
    background:#f1f5fb
}
.ksc-doc-search-pc .ksc-search-options .ksc-search-option-item:nth-child(1){
    margin-top:10px
}
.ksc-doc-search-pc .ksc-search-options .ksc-search-option-item:last-child{
    margin-bottom:10px
}
.ksc-search-hover .ksc-search-icon-normal{
    color:#c1c9d4!important
}




.ks-doc-public-assess {
     margin: 40px 0 29px;
     padding: 20px;
     font-size: 14px;
     color: #333;
     background: #f8fbfd
 }

.ks-doc-public-assess .ksc-assess-question {
    position: relative
}

.ks-doc-public-assess .ksc-assess-question .ksc-assess-title {
    display: inline-block;
    margin: 4px 8px 4px 0;
    font-size: 20px;
    color: #333
}

.ks-doc-public-assess .ksc-assess-question .ksc-assess-box {
    display: inline-block;
    position: relative;
    width: 200px
}

.ks-doc-public-assess .ksc-assess-question .ksc-assess-tips .ks-assess-tip {
    display: none;
    position: absolute;
    top: -32px;
    left: 0;
    padding: 2px 6px;
    background: #fff;
    font-size: 12px;
    color: #666a75;
    text-align: center;
    font-weight: 400;
    border: 1px solid #8993a2;
    box-shadow: 0 0 8px 0 rgba(167, 167, 167, 0.5);
    z-index: 1
}

.ks-doc-public-assess .ksc-assess-question .ksc-assess-tips .ks-assess-tip-icon {
    position: absolute;
    margin: 20px 35%;
    display: inline-block;
    width: 7px;
    height: 7px
}

.ks-doc-public-assess .ksc-assess-question .ksc-assess-grade {
    display: inline-block;
    position: relative;
    top: 2px
}

.ks-doc-public-assess .ksc-assess-question .ksc-assess-grade .ks-assess-icon {
    position: relative;
    display: inline-block;
    width: 26.5px;
    height: 19px;
    background-size: 47px 19px;
    background-position: -28.5px;
    background-repeat: no-repeat;
    cursor: pointer
}

.ks-doc-public-assess .ksc-assess-question .ksc-assess-grade .ksc-icon-assess {
    vertical-align: middle;
    display: inline-block;
    margin-right: 8px;
    font-size: 16px;
    color: #999;
    cursor: pointer
}

.ks-doc-public-assess .ksc-assess-question .ksc-assess-grade .ksc-icon-assess-hover {
    display: none;
    vertical-align: middle;
    margin-right: 8px;
    font-size: 16px;
    color: #cc0202;
    cursor: pointer
}

.ks-doc-public-assess .ksc-assess-sure-disable {
    margin: 10px 0 0 0;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    border: 0;
    padding: 7px 24px;
    border-radius: 2px;
    background: #cecece
}

.ks-doc-public-assess .ksc-assess-not-login {
    margin: 10px 0 0 0;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    border: 0;
    padding: 7px 24px;
    border-radius: 2px;
    background: #cecece
}

.ks-doc-public-assess .ksc-assess-sure {
    cursor: pointer;
    transition: all .3s;
    background: #cc0202
}

.ks-doc-public-assess .ksc-assess-sure:hover {
    background: #b30000
}

.ks-doc-public-assess .ksc-assess-sure:active {
    background: #b30000
}

.ks-doc-public-assess .ksc-assess-cancel {
    margin: 10px 0 0 0;
    display: inline-block;
    font-size: 12px;
    color: #333;
    border: 0;
    padding: 7px 24px;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s;
    background-image: linear-gradient(180deg, #fff 0, #fff 100%);
    border: 1px solid #cecece
}

.ks-doc-public-assess .ksc-assess-success {
    display: none;
    position: relative;
    width: 100%;
    padding: 16px;
    text-align: left
}

.ks-doc-public-assess .ksc-assess-success .ksc-assess-success-img {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 40px;
    height: 40px
}

.ks-doc-public-assess .ksc-assess-success .ksc-assess-succ-right {
    margin-left: 56px;
    display: inline-block
}

.ks-doc-public-assess .ksc-assess-success .ksc-assess-succ-right .ksc-assess-success-title {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 15px;
    color: #262626
}

.ks-doc-public-assess .ksc-assess-success .ksc-assess-succ-right .ksc-assess-success-desc {
    font-size: 12px;
    line-height: 17px;
    color: #262626
}

.ks-doc-public-assess .ksc-assess-form {
    border-top: 1px solid #e4e9f1
}

.ks-doc-public-assess .ksc-assess-form .assess-form-title {
    margin: 16px 0;
    font-size: 14px;
    line-height: 17px;
    color: #333
}

.ks-doc-public-assess .ksc-assess-form ul {
    padding-left: 0
}

.ks-doc-public-assess .ksc-assess-form .assess-checkout-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    background-size: 52px 14px;
    background-position: left center;
    background-repeat: no-repeat;
    cursor: pointer
}

.ks-doc-public-assess .ksc-assess-form .assess-checkout-icon:hover {
    background-position: center
}

.ks-doc-public-assess .ksc-assess-form .assess-checkout-icon:active {
    background-position: right center
}

.ks-doc-public-assess .ksc-assess-form .assess-checkout {
    margin-bottom: 10px;
    cursor: pointer
}

.ks-doc-public-assess .ksc-assess-form .assess-checkout .assess-checkout-text {
    vertical-align: middle;
    font-size: 14px;
    line-height: 18px;
    color: #4c4c4c;
    word-break: break-all
}

.ks-doc-public-assess .ksc-assess-form .assess-textarea-box {
    position: relative
}

.ks-doc-public-assess .ksc-assess-form .assess-textarea-box .assess-text {
    color: #333;
    outline: 0;
    resize: none;
    width: 100%;
    height: 98px;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #d6dfed
}

.ks-doc-public-assess .ksc-assess-form .assess-textarea-box .assess-text:hover {
    border: 1px solid #acb8c9
}

.ks-doc-public-assess .ksc-assess-form .assess-textarea-box .assess-text::placeholder {
    color: #8993a2
}

.ks-doc-public-assess .ksc-assess-form .assess-textarea-box .assess-text:focus {
    border: 1px solid #acb8c9
}

.ks-doc-public-assess .ksc-assess-form .assess-textarea-box .assess-tip-number {
    position: absolute;
    right: 0;
    top: 100px;
    font-size: 12px;
    color: #b2b2b2
}

.ks-doc-public-assess .ksc-assess-form .assess-textarea-box .assess-error {
    display: none;
    color: red
}
.ks-doc-public-crumb {
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.ks-doc-public-crumb .ks-public-crumb-text {
    display: inline;
    font-size: 14px;
    color: #383838;
    cursor: pointer
}

.ks-doc-public-crumb .ks-public-crumb-text .ks-public-crumb-link {
    color: #a0a0a0
}

.ks-doc-public-crumb .ks-public-crumb-text .ks-public-crumb-link:hover {
    color: #112858
}

.ks-doc-public-crumb .ks-public-crumb-text:last-child .ks-public-crumb-link {
    color: #383838
}

.ks-doc-public-crumb .ks-public-crumb-icon {
    display: inline-block;
    margin: 0 6px;
    width: 6px;
    height: 10px
}

.ks-doc-public-crumb .ks-public-crumb-text-last {
    cursor: default
}

.ks-doc-public-crumb .ks-public-crumb-text-last .ks-public-crumb-link {
    cursor: default
}
.banma-breadcrumb{display:flex;}
.banma-breadcrumb li a{color: #a0a0a0;font-size:14px;}
.banma-breadcrumb li a:hover{color: #112858;}
.banma-breadcrumb .seperator{display: inline-block;margin: 0 6px;height: 10px;}
.ksc-doc{width:100%;text-align:center}.ksc-detail{position:relative;z-index:0;padding-top:50px!important;width:1200px;margin:0 auto}.ksc-doc-left{width:253px}.ksc-doc-right{position:relative;margin-left:280px;margin-right:40px;padding-top:24px;width:600px;min-height:calc(100vh - 595px)}.ks-breadcrumb .crumb-link{font-size:14px;color:#a0a0a0}.ks-breadcrumb span.crumb-link{font-size:14px;color:#383838}.ks-breadcrumb .crumb-seg{color:#999}.ks-doc-head{padding:24px 0}.ks-doc-head .ks-doc-tit{font-size:30px;line-height:42px;color:#333;margin-bottom:8px;word-break:break-all}.ks-doc-head .ks-doc-update{font-size:12px;color:#a0a0a0}.ks-doc-head .ks-doc-pdf-link{display:inline-block;float:right;vertical-align:top;font-size:12px;line-height:16px;margin-top:-20px;color:#333;transition:all .1s ease-in-out}.ks-doc-head .ks-doc-pdf-link:hover{color:#112858}.ks-doc-head .ks-doc-pdf-link:hover .ksc-icon-pdf{color:#112858}.ks-doc-head .ks-doc-pdf-link:hover .ks-doc-item-pdf{background-position:right}.ks-doc-head .ks-doc-item-pdf{display:inline-block;vertical-align:top;width:16px;height:16px;background-size:42px 16px;background-position:left;background-repeat:no-repeat;background-color:#e8e8e8}.ks-doc-head .ksc-icon-pdf{position:relative;top:-1px;vertical-align:middle;display:inline-block;font-size:16px;color:#444}.ks-pade-dir{overflow:hidden}.ks-page-dir-line{width:280px}.ks-page-dir{margin-top:24px;width:280px;margin-bottom:20px;padding-right:20px}.ks-page-dir .ks-page-label{font-size:16px;color:#000;max-height:48px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ks-page-dir .ks-page-content{max-height:calc(100vh - 24px);padding-left:7px}.ks-page-dir .ks-page-content::-webkit-scrollbar{width:4px;height:4px}.ks-page-dir .ks-page-content::-webkit-scrollbar-thumb{background:transparent}.ks-page-dir .ks-page-content:hover::-webkit-scrollbar-thumb{background:#edf0f1}.ks-page-dir .ks-page-ul{border-left:1px solid #dbe1ef;margin-top:10px}.ks-page-dir .ks-page-item{position:relative;padding-left:13px;font-size:14px;line-height:20px;margin-bottom:10px;cursor:pointer;transition:all .2s}.ks-page-dir .ks-page-item .iconfont{display:none}.ks-page-dir .ks-page-item .link{display:block;display:-webkit-box;color:#333;max-height:40px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ks-page-dir .ks-page-item .link:hover{color:#cc0202}.ks-page-dir .ks-page-active .link{color:#cc0202}.ks-page-dir .ks-page-active .iconfont{position:absolute;left:-8px;top:0;font-size:15px;display:block;color:#cc0202}.ks-page-dir .ks-page-active .ksc-page-item-icon{position:absolute;left:-9px;top:0;display:inline-block;width:17px;height:17px;background:url("../img/location.png") no-repeat;background-position:center;background-size:17px 17px}.ks-page-fixed{position:fixed!important;top:85px;z-index:6}.ks-page-hide{display:none}.ks-knowledge-list .ks-knowledge-item{line-height:24px;list-style:none;margin-bottom:8px;padding-left:12px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ks-knowledge-list .ks-knowledge-item:last-child{margin-bottom:0}.ks-knowledge-list .link{font-size:14px;color:#333;text-decoration:none}.ks-knowledge-list .link:hover{color:#112858;text-decoration:none}.ks-knowledge-list .link:before{content:'';width:4px;height:4px;border-radius:4px;background:#333;display:block;float:left;margin-top:10px;margin-left:-12px}.ks-knowledge-list .link:hover:before{background:#112858}.ksc-select-feedback{display:none;position:absolute;text-align:center;padding:3px 9px;font-size:0;color:#f43;background:#fff;border:1px solid #f43;box-shadow:0 2px 6px 0 rgba(0,0,0,0.15);border-radius:2px;cursor:pointer;transition:all .3s;z-index:999}.ksc-select-feedback:hover{color:#fff;background:#f43}.ksc-select-feedback .ksc-select-feed-icon{vertical-align:middle;display:inline-block;font-size:16px;margin-right:10px}.ksc-select-feedback .ksc-select-feed-text{vertical-align:middle;display:inline-block;font-size:12px;line-height:17px}.ks-pagination{text-align:center;margin-top:24px}.markdown-body{position:relative;line-height:28px}.markdown-body ::-webkit-scrollbar{height:6px;border-radius:2px;background-color:#e0e0e0}.markdown-body ::-webkit-scrollbar-button{display:none}.markdown-body ::-webkit-scrollbar-track{border-radius:2px;background:#fff}.markdown-body ::-webkit-scrollbar-thumb{height:6px;border-radius:2px;background-color:#dfdfdf;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}.markdown-body ::-webkit-scrollbar-thumb:hover{background-color:#c2c2c3}.markdown-body h1,.markdown-body h2{padding-bottom:0;border-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-bottom:10px}.markdown-body blockquote,.markdown-body details,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul{margin-bottom:10px}.markdown-body li>p{margin-top:10px}.markdown-body h1{font-size:22px}.markdown-body h2{font-size:20px}.markdown-body h3{font-size:18px}.markdown-body h4{font-size:16px}.markdown-body h5{font-size:14px}.markdown-body h6{font-size:12px}.markdown-body img{margin:10px 0}.markdown-body hr{height:1px;background-color:#f6f6f6}@media screen and (min-width:1201px){.ks-page-dir{position:absolute;top:0;right:-320px}.ks-page-dir-line{position:absolute;top:0;right:-280px}}@media screen and (max-width:1200px){.ks-page-dir{position:static;margin-bottom:30px;margin-top:0;top:85px;right:-280px;width:100%}.ks-doc-public-nav .ksc-nav-link1{width:172px}.ks-doc-public-nav .ksc-nav-link2{width:156px}.ks-doc-public-nav .ksc-nav-link3{width:140px}}@media(min-width:921px) and (max-width:1200px){.ksc-detail{width:100%}.ksc-detail .ks-doc-public-nav{width:240px}.ksc-detail .ks-doc-public-nav .nav-title{width:135px}.ksc-detail .ks-doc-public-nav .nav-tit-box{left:240px}.ksc-detail .ks-doc-public-nav .ksc-doc-search-pc{width:180px}.ksc-detail .ks-doc-public-nav .ksc-nav-link1{width:172px}.ksc-detail .ks-doc-public-nav .ksc-nav-link2{width:156px}.ksc-detail .ks-doc-public-nav .ksc-nav-link3{width:140px}.ksc-detail .ksc-doc-right{margin-left:280px;width:calc(100vw - 320px)}}@media(min-width:1201px) and (max-width:1400px){.ksc-detail{width:100%}.ksc-detail .ks-doc-public-nav{width:240px}.ksc-detail .ks-doc-public-nav .nav-title{width:135px}.ksc-detail .ks-doc-public-nav .nav-tit-box{left:240px}.ksc-detail .ks-doc-public-nav .ksc-doc-search-pc{width:180px}.ksc-detail .ks-doc-public-nav .ksc-nav-link1{width:172px}.ksc-detail .ks-doc-public-nav .ksc-nav-link2{width:156px}.ksc-detail .ks-doc-public-nav .ksc-nav-link3{width:140px}.ksc-detail .ksc-doc-right{margin-left:280px;width:calc(100vw - 600px)}}@media(min-width:1401px) and (max-width:1920px){.ksc-detail{width:100%}.ksc-detail .ks-doc-public-nav{width:300px}.ksc-detail .ks-doc-public-nav .nav-title{width:196px}.ksc-detail .ks-doc-public-nav .nav-tit-box{left:300px}.ksc-detail .ks-doc-public-nav .ksc-doc-search-pc{width:240px}.ksc-detail .ks-doc-public-nav .ksc-nav-link1{width:232px}.ksc-detail .ks-doc-public-nav .ksc-nav-link2{width:216px}.ksc-detail .ks-doc-public-nav .ksc-nav-link3{width:200px}.ksc-detail .ksc-doc-right{margin-left:340px;width:calc(100vw - 660px)}}@media screen and (min-width:1921px){.ksc-detail{width:100%}.ksc-detail .ks-doc-public-nav{width:300px}.ksc-detail .ks-doc-public-nav .nav-title{width:196px}.ksc-detail .ks-doc-public-nav .nav-tit-box{left:300px}.ksc-detail .ks-doc-public-nav .ksc-doc-search-pc{width:240px}.ksc-detail .ks-doc-public-nav .ksc-nav-link1{width:232px}.ksc-detail .ks-doc-public-nav .ksc-nav-link2{width:216px}.ksc-detail .ks-doc-public-nav .ksc-nav-link3{width:200px}.ksc-detail .ksc-doc-right{margin-left:340px;width:calc(100vw - 660px)}}.ksc-detail .ksc-doc-right ul li{list-style:inherit}

#article-list {
    -moz-border-radius: 6px 6px 6px 6px;
    border: 1px solid #DEDFE1;
    float: right;
    margin: 0 0 15px 15px;
    padding: 0 6px;
    width: 300px;
    line-height: 23px;
}
#article-list strong {
    border-bottom: 1px dashed #DDDDDD;
    display: block;
    line-height: 30px;
    padding: 0 4px;
}
#list-ul {
    margin: 0;
    padding-bottom: 10px;
}
#list-ul li {
    background: none repeat scroll 0 0 transparent;
    list-style-type: disclosure-closed;
    padding: 0;
    margin-left: 20px;
    color:#ff6900;
}
#list-ul a {
    color: #4c4c4c;
}
#list-ul a:hover {
    color: #009cee;
}
.ks-nav-fixed {
    position: fixed;
    top: 0;
}
@media screen and (max-width:568px) {
    #article-list {
        width: 100% !important;
    }
}
 .ks-relation-page {
     font-size: 14px;
     color: #a0a0a0;
     padding-top: 20px;
     border-top: 1px solid #f6f6f6;
     margin-top: 40px;
     overflow: hidden
 }

.ks-prev-article {
    float: left;
    position: relative;
    width: 50%
}

.ks-prev-article .ks-relation-link {
    padding-left: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 99%;
    display: block
}

.ks-prev-article .ks-relation-link:before {
    position: absolute;
    content: '';
    left: 0;
    margin-top: 6px;
    width: 6px;
    height: 10px;
    background: url("../img/icon-page-left.png") -4px center;
    background-size: 29px 12px
}

.ks-prev-article .ks-relation-link:hover:before {
    background: url("../img/icon-page-left.png") 8px center;
    background-size: 29px 12px
}

.ks-next-article {
    position: relative;
    float: right;
    width: 50%;
    text-align: right
}

.ks-next-article .ks-relation-link {
    padding-right: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 99%;
    display: block
}

.ks-next-article .ks-relation-link:before {
    position: absolute;
    content: '';
    right: 0;
    margin-top: 6px;
    width: 6px;
    height: 10px;
    background: url(../img/icon-page-right.png) -4px center;
    background-size: 29px 12px
}

.ks-next-article .ks-relation-link:hover:before {
    background: url(../img/icon-page-right.png) 8px center;
    background-size: 29px 12px
}

.ks-relation-link {
    font-size: 14px;
    color: #333
}

.ks-relation-link:hover {
    color: #112858
}
.shadow{
    box-shadow: unset!important;
}
.page .home-hotspot-wrap .hotspot-content .hotspot-content-right .content-wrap .content .item-wrap .item:nth-child(2),.page .home-hotspot-wrap .hotspot-content .hotspot-content-left .content-wrap .content .item-wrap .item:nth-child(2){
    flex-flow: row-reverse;
}

.por-carousel-slide .pc{
    height:350px;
}




.catalog-h2 {
    margin-left: 1em;
}
.catalog-h3 {
    margin-left: 2em;
}
.catalog-h4 {
    margin-left: 3em;
}
.catalog-h5 {
    margin-left: 4em;
}
.catalog-h6 {
    margin-left: 5em;
}