@charset "utf-8";
* {
    margin: 0;
    padding: 0
}

html, body {
    border: none;
    outline: 0;
    vertical-align: baseline;
    background: #fff;
    font-family: "Microsoft Yahei", "lantinghei sc", "Helvetica neue", Helvetica, Tahoma, sans-serif
}

ol, ul, li {
    list-style: none
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:active, a:hover {
    text-decoration: none;
    outline: 0
}

img {
    border: 0
}

hr {
    border-top: 1px solid #e2e2e2
}

.td-lt {
    text-decoration: line-through
}

.td-lt:hover {
    text-decoration: line-through
}

.brs {
    border-right: 1px solid #e2e2e2
}

.p-hr {
    width: 15%;
    border: none;
    border-top: 1px solid #e2e2e2;
    margin: 10px auto
}

.img {
    width: 100%
}

.clear {
    clear: both
}

.clearfix:before, .clearfix:after {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.logo_subtit {
    display: none
}

.auto {
    max-width: 1000px;
    margin: 0 auto
}

.auto12 {
    max-width: 1200px;
    margin: 0 auto
}

.auto11 {
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 20px
}

.w {
    width: 100%
}

.fl {
    float: left
}

.fr {
    float: right
}

.f12 {
    font-size: 12px !important
}

.f14 {
    font-size: 14px !important
}

.f16 {
    font-size: 16px !important
}

.f18 {
    font-size: 18px !important
}

.f20 {
    font-size: 20px !important
}

.lh36 {
    line-height: 36px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.pb0 {
    padding-top: 0px
}

.pb20 {
    padding-bottom: 20px
}

.p30 {
    padding: 30px 0
}

.t-c {
    text-align: center
}

.ls10 {
    letter-spacing: 10px
}

.bgfff {
    background: #ffffff
}

.bg-f9 {
    background: #F9FBFF
}

.bg-f1 {
    background: linear-gradient(180deg, #E9EDF8 0, #F1F4FE 100%)
}

.c999 {
    color: #999 !important
}

.c4c {
    color: #4c4c4c !important
}

.color3 {
    color: #3a90e8 !important
}

.btns {
    width: 100%;
    line-height: 46px;
    height: 46px;
    background: linear-gradient(to left, rgba(8, 222, 255, 1), rgba(0, 193, 222, 1));
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    outline: none;
    border: none
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    40%, 43%, 70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    40%, 43%, 70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.ms-as {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ms-ac {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ms-pb {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ms-pbc {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ms-lr, .ms-rl {
    -webkit-box-orient: horizontal
}

.ms-lr {
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.ms-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

/*!* 新增移动端适配样式 *!*/
/*@media (max-width: 767px) {*/
/*    .auto12 {*/
/*        max-width: 100%;*/
/*        padding: 0 15px;*/
/*    }*/

/*    .price-table-box {*/
/*        overflow-x: auto;*/
/*        -webkit-overflow-scrolling: touch;*/
/*    }*/

/*    table {*/
/*        min-width: 600px; !* 保持表格最小宽度 *!*/
/*    }*/

/*    .price-table_name {*/
/*        font-size: 16px;*/
/*    }*/

/*    .price-table_text {*/
/*        font-size: 14px;*/
/*    }*/

/*    .mx-btn {*/
/*        padding: 8px 12px;*/
/*        font-size: 12px;*/
/*    }*/

/*    .price-table-verticaltop {*/
/*        padding: 8px;*/
/*    }*/

/*    .price-table_body td span {*/
/*        font-size: 12px;*/
/*    }*/

/*    .mu-table-tips {*/
/*        font-size: 12px;*/
/*        padding: 0 15px;*/
/*    }*/

/*    .pro-mod {*/
/*        margin: 0 -15px;*/
/*    }*/
/*}*/

/* 原有样式基础上添加响应式 */
.price-table-box {
    width: 100%;
    border-collapse: collapse;
}

.pro-mod {
    overflow: hidden;
}

.mx-btn {
    white-space: nowrap;
}

.ms-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ms-flex-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ms-fw {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    width: 100%;
    z-index: 99999;
    height: 90px
}

header img {
    margin-left: 10px;
    float: left
}

header ul {
    float: right;
    line-height: 90px
}

header ul a {
    font-size: 16px;
    color: #333;
    margin: 0 15px
}

header ul a a.hbutton {
    line-height: 0
}

.w1200 {
    max-width: 1200px;
    margin: 0 auto
}

.pubwrap {
    height: 90px;
    line-height: 90px
}

.kk-index .logo {
    display: inline-block;
    overflow: hidden;
    line-height: 300px;
    width: 148px;
    height: 70px;
    vertical-align: middle;
    background: url(../images/mkk_logo_ff.png) left center no-repeat
}

.kk-index .menu {
    margin-left: 150px
}

.kk-index .menu li {
    float: left;
    margin-right: 50px;
    height: 90px;
    line-height: 90px;
    font-weight: 600
}

.kk-index .menu li > a {
    color: #fff;
    font-weight: 600
}

.kk-index .active {
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff
}

.kk-index .menu li a {
    margin: 0
}

.kk-index .menu li > a:hover {
    padding-bottom: 10px;
    border-bottom: 1px solid #fff
}

.kk-index .userlogin {
}

.kk-index .userlogin a {
    margin: 0 6px;
    border: 1px solid #fff;
    padding: 5px 18px;
    border-radius: 5px;
    font-size: 16px
}

.kk-index .userlogin a.btn_login {
    background: none;
    color: #fff
}

.kk-index .userlogin a.btn_sign {
    background: #fff;
    color: #3a90e8
}

.hidmv:hover {
    background: rgba(0, 0, 0, .3)
}

.user .logo {
    background: url(../images/mkk_logo.png) left center no-repeat
}

.header_down {
    background: #FFFFFF !important;
    opacity: .9;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 20%)
}

.header_down .logo {
    background: url(../images/mkk_logo.png) left center no-repeat
}

.header_down .menu li a {
    color: #666666
}

.header_down .menu li a:hover {
    color: #227aec
}

.header_down .userlogin a.btn_login {
    color: #3a90e8;
    border: 1px solid #3a90e8
}

.header_down .userlogin a.btn_sign {
    background: #227aec;
    color: #fff
}

.header_down .active {
    color: #3a90e8
}

.header_down .menu li a.active {
    color: #3a90e8
}

#solution_menu {
    position: relative
}

#solution_menu a:hover {
    border-bottom: none !important
}

#solution_menu:hover .menu_dropdown {
    display: block
}

#product_menu {
    position: relative
}

#product_menu a:hover {
    border-bottom: none !important
}

#product_menu:hover .menu_dropdown {
    display: block
}

.menu_dropdown {
    display: none;
    position: absolute;
    top: 90px;
    left: -22px;
    background-color: #F9FBFF;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 30px 40px 0 40px;
    white-space: nowrap;
    line-height: normal;
    font-size: 0
}

.dropdown_arrow {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 180px;
    margin-right: 40px;
    color: #666
}

.dropdown_col {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 180px;
    margin-right: 40px;
    color: #123
}

.d_last {
    margin-right: 0
}

.dropdown_cat {
    text-align: left;
    margin-bottom: 40px
}

.cat_name {
    font-weight: 600;
    color: #555;
    font-size: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
    line-height: 1
}

.cat_child {
    margin-top: 20px;
    line-height: 20px
}

.cat_child a {
    font-weight: normal;
    color: #666666;
    font-size: 14px
}

.menu_dropdown .dropdown_arrow {
    display: block;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    left: 60px
}

.header_down .menu_dropdown {
    background-color: #E9EDF9
}

.header_down .dropdown_arrow {
    border-bottom-color: #E9EDF9
}

#product_menu .menu_dropdown {
    left: -50px
}

#product_menu .dropdown_arrow {
    left: 75px
}

#product_menu .dropdown_col {
    width: 110px
}

#product_menu .cat_child {
    margin-top: 0px;
    margin-bottom: 20px
}

#product_menu .cat_child a {
    font-weight: 600
}

.swiper-slide-active .slide-banner-fr {
    animation: bounceInRight 1s 0s 1 linear both;
    animation-delay: .2s
}

.swiper-slide-active .slide-banner-fl {
    animation: bounceInLeft 1s 0s 1 linear both
}

.swiper-container-i {
    height: 500px
}

.swiper-wrapper .slide-IndexBg1 {
    background: -webkit-gradient(linear, left top, left bottom, from(#3399ff), to(#3a90e7));
    background: -webkit-linear-gradient(#3399ff, #3a90e7);
    background: -moz- oldlinear-gradient(#3399ff, #3a90e7);
    background: -o-linear-gradient(#3399ff, #3a90e7);
    background: linear-gradient(#3399ff, #3a90e7);
    background-color: #3a90e7
}

.swiper-wrapper .slide-IndexBg2 {
    background: -webkit-gradient(linear, left top, left bottom, from(#000e3d), to(#003d8e));
    background: -webkit-linear-gradient(#000e3d, #003d8e);
    background: -moz- oldlinear-gradient(#000e3d, #003d8e);
    background: -o-linear-gradient(#000e3d, #003d8e);
    background: linear-gradient(#000e3d, #003d8e);
    background-color: #003d8e
}

.swiper-wrapper .slide-IndexBg3 {
    background: url(../images/banner/b3.jpg) center no-repeat
}

.swiper-wrapper .slide-IndexBg5 {
    background: -webkit-gradient(linear, left top, left bottom, from(#ef763a), to(#e56534));
    background: -webkit-linear-gradient(#ef763a, #e56534);
    background: -moz- oldlinear-gradient(#ef763a, #e56534);
    background: -o-linear-gradient(#ef763a, #e56534);
    background: linear-gradient(#ef763a, #e56534);
    background-color: #e56534
}

.swiper-wrapper .slide-IndexBg6 {
    background: -webkit-gradient(linear, left top, left bottom, from(#d0af6a), to(#d2b375));
    background: -webkit-linear-gradient(#d0af6a, #d2b375);
    background: -moz- oldlinear-gradient(#d0af6a, #d2b375);
    background: -o-linear-gradient(#d0af6a, #d2b375);
    background: linear-gradient(#d0af6a, #d2b375);
    background-color: #d2b375
}

.slide-postion {
    position: relative;
    height: 100%
}

.slide-postion .slide-banner-fl {
    position: absolute;
    color: #fff;
    text-align: left;
    top: 160px;
    left: 0
}

.slide-postion .slide-banner-fr {
    position: absolute;
    bottom: 15px;
    right: -60px
}

.slide-postion .slide-banner-fl .tit {
    font-size: 46px;
    line-height: 50px;
    margin-bottom: 20px;
    font-weight: 600
}

.slide-postion .slide-banner-fl .tit a {
    color: #fff
}

.nums {
    font-size: 50px;
    color: #456cfc;
    font-style: unset
}

.slide-postion .slide-banner-fl .text {
    font-size: 20px;
    line-height: 36px
}

.slide-postion .slide-banner-fl .jju {
    margin-left: 100px
}

.slide-postion .slide-banner-fl .jju2 {
    margin-left: 200px
}

.swiper-wrapper .slide-IndexBg2 .slide-banner-fr {
    right: -40px
}

.swiper-wrapper .slide-IndexBg3 .slide-banner-fr {
    bottom: 80px
}

.swiper-wrapper .slide-IndexBg5 .slide-banner-fr {
    bottom: -5px;
    right: -40px
}

.swiper-wrapper .slide-IndexBg6 .slide-banner-fr {
    right: -80px
}

.swiper-wrapper .slide-IndexBg3 .slide-banner-fl {
    bottom: -5px;
    top: auto
}

.swiper-pagination-bullet {
    border-radius: 0;
    width: 38px;
    height: 9px;
    background: #fff
}

.swiper-pagination-bullet-active {
    width: 38px;
    height: 9px;
    border-radius: 20px;
    background: #fff
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px
}

.on-try {
    display: block;
    width: 140px;
    height: 46px;
    margin-top: 45px;
    line-height: 46px;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: rgba(255, 255, 255, .22)
}

.on-lj {
    display: block;
    width: 140px;
    height: 46px;
    margin-top: -46px;
    margin-left: 160px;
    line-height: 46px;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: rgba(255, 255, 255, .22)
}

.he {
    height: 90px
}

.nav-color {
    color: #ff7051
}

.hbutton {
    width: 100px;
    height: 35px;
    border-radius: 5px;
    line-height: 0;
    padding: 10px 10px;
    background: #3a90e8
}

.hbutton:hover {
    background: #4da6f9;
    color: #fff
}

@font-face {
    font-family: "iconfont";
    src: url('foot/iconfont.eot?t=1523989872648');
    src: url('foot/iconfont.eot?t=1523989872648#iefix') format('embedded-opentype'), url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAlMAAsAAAAADYQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kl4Y21hcAAAAYAAAACLAAAB9Gl3Og9nbHlmAAACDAAABQkAAAasHt1F8mhlYWQAAAcYAAAALwAAADYRGQDdaGhlYQAAB0gAAAAcAAAAJAffA4pobXR4AAAHZAAAABYAAAAgH+oAAGxvY2EAAAd8AAAAEgAAABIIVAZ+bWF4cAAAB5AAAAAfAAAAIAEZAIpuYW1lAAAHsAAAAUUAAAJtPlT+fXBvc3QAAAj4AAAAVAAAAGz26BjNeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/ss4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzvZG7438AQw9zA0AAUZgTJAQAvOgz7eJzFkTsOg0AMRMd8pSgFPT1VRMUduAUVh+AKpMoph2OQ8RqJRKJnrLeSR7Z3tQZQAsjFSxSAfWBwveVa8nM8kl9gUt4ovH5hy449B47buu+Xzq8sdZ7hToVaU0vNy5RWuE1239X/eqZzPrJaLAd6IttA/wZ2gdewD3x/HALfK8fA97WtAbIv8R8lDAB4nE1U3Y8URRDv6tnunp2dnZmd3p3Zj9vb25m7GWBv92A/ZjAcuwceQfBU4ASEQxMQEj/BCAohKJeIgRgSSdR/wJgY/4fjNuqb+k5yL0TUhOiDbzyY3cWeHS65SU919XR119SvflWIIPT0d2lNyiOOtqFdaBEdQQhoDRwNl6Hqtxu4BrkqydlZTfJdv8pcpyHtBduhWasZtD2bMqqDBpPQqjYDv4F96LS7eA80rTJAoVRcNmcmTOkeKHl/8vPRYfwt5CruhN6tjw7N9rLNKS5fVU2zYJp3ZUqIjHFC1+B920qSpEJH3xG9mFurbMcVUAt+celUeqpknr3TvliesZMAq6vAS1Pa971MMSPGjaLFzQIz0nK+mHans3D1z1Seq2XvDySeKNbVBEirKIV8dBzdQJ9EsSJmITtAoYe4iITqOJaO53t+EHYhnIQKZAUkDQg73hzsaoCvAdvFKMtZVODh7YV20IOxpd1qWrkZsa1BTqyaQSjMNBCXiVNdaIW2ZYdBpx2tJYw2Rg8JgerGBlQJGT1UIMsISamyos3uzpjPvz1ZALDK7x44uyod01VDZwAY+K2VM59xoQDTDVXXUjl+78KFe5yr+uiX1vEyt/BHJ8M3Jj6gGW0iW0rrHCDPt3u2eodZvHy8Ja0KXxtbfA//atd1WdY1RVarSQyLz+3cEzTmDwK+dc5VDTDosbQqnb4McPl0Qk0tU/FJXVJ1gDdvYnzzvKH+AHW/uOCeuorDnbZGiISJZBum+H3ITJQm3IWiXx++hRAVOehLP0oLIgc2ctEc6qEXRWrG6ET4aQBuxC1BIMEuiEgm4PUcmuORLI+/dDKdeMEiFoYQzGw5g9H6kJDhen9AyGD4wGGKwhw5mYSjip5M6ooj3lgbkZRGQKJw3Y2MIrFABv3N4/DbM7Nzm7sMP9m8TR7d/jfS/x5STSGA2bbYWPAMj2PsS724msJGRI3AE1TqxDGKYbFIaCD45Al+sEks6igiRU1QjQmmdcGPCOhFtcUcX1iLs2PmPdXBdrFIP01Kl5ZfvYRBJRjDVDqlagZLEaCaCWXTWCrs0NM6nphbDBxVzUNBkTBICkkx6WcyiOHprw+eqJ35OdkyqIrpynWMr6/ghCZPy06t3lD0FGcSr+YgM71DwYrMFFzGeC5nGniyzJgkm8k03I0BW48ujOqMifjXRY73IRllUFFkeR96B30sai1uGQ61N5WZrugTWep4YTuIFZa1KmDlRA2GQRhYLavVDL3OZuzcEy1mC4wCK2oxKkB0qShEn7oCMg27W/HC00qUcOW9eBqtgW7rYnyp24Zh6w+cMhP4YRaFgyvTmmDgkW7y9cUXzjqSKXl1fOW15Q+TB86AN5XIECxPMVya3H2Cm9xzSIbr5B8y7PcjCISEi7KiGIoix9PNVORJV+Op5cxniSQSwGRGMVaxLAcvKeFBgKOj/+gcKRyuL53HsHKAvLJnej5LfQLETsjt7RKkIKUrX216EfIZz34VPDskaslBiG+JmVhR1xFQCQhtq4tjbT8Z3B9naf3+AN/Ot0+e+qZYqNTqNW70FmtpW3dnAvgitlgfJBIDo/T16ROdQrYz4+p2urbYM/jsbK0ifEvjHP8k7Re+86gqchuR+NkP8Cx1q1FbtK0esKjtVZuWjVF/lEiM+mO5vcRHd3npEaWPHj+GIocrvAjSvs1tIYdrvFjkD69J0rWXP+WFAv8fWOYlaQAAAHicY2BkYGAAYr8VO93i+W2+MnCzMIDAtT9xBQj6fwMLI3MDkMvBwAQSBQA6pwr3AHicY2BkYGBu+N/AEMMCZDEwAEkwjQQ4AEc6AnN4nGNhYGBgfsnAwMIIxAyYGAAa7gEKAAAAAAAAAHYBOAGqAioC3gMcA1YAAHicY2BkYGDgYKhjYGcAASYg5gJCBob/YD4DABYRAaQAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicbcfLCoAgEEbh+a3U2vWIQl7GYkJCsrdPaNu3OocUfRb6Z6EwYMQEDQOLmdDWUiV4ibsPNbPEg82VOLMTVYq+PTcWs/VN1dnnrK1nJHoBcJQUtw==') format('woff'), url('foot/iconfont.ttf?t=1523989872648') format('truetype'), url('foot/iconfont.svg?t=1523989872648#iconfont') format('svg')
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-qq:before {
    content: "\e62e";
    color: #2da6f6 !important
}

.icon-weixin:before {
    content: "\e634";
    color: #00c901 !important
}

.icon-dianhua:before {
    content: "\e61b";
    color: #ff7300 !important
}

.icon-youxiang:before {
    content: "\e626";
    color: #1296db !important
}

.icon-rengong:before {
    content: "\e789";
    color: #bbb !important
}

.Cloud-product {
    padding: 80px 0
}

.product-title {
    color: #333;
    margin-bottom: 30px;
    text-align: center
}

.product-title .tit {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 38px;
    color: #333;
    letter-spacing: 0
}

.product-title .tit a {
    color: #333
}

.product-title p {
    font-size: 16px;
    color: #555;
    line-height: 30px;
    margin-bottom: 10px
}

.CloudCardCoupon .content {
    width: 630px
}

.CloudCardCoupon .content .list {
    font-size: 14px;
    margin-top: 25px
}

.CloudCardCoupon .content h3 {
    color: #333;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 5px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

.CloudCardCoupon .content h3 a {
    color: #3a90e8
}

.CloudCardCoupon .content p {
    font-size: 16px;
    color: #656565;
    line-height: 24px
}

.CloudCardCoupon .CouponImg {
    width: 500px;
    height: 480px
}

.CloudCardCoupon .CouponImg img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.Cloud-product .kt {
    display: inline-block;
    width: 109px;
    height: 38px;
    color: #3a90e8;
    line-height: 38px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #3a90e8;
    margin-top: 16px
}

.Cloud-product .kto {
    display: inline-block;
    width: 109px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    background: #3a90e8
}

.escort {
    padding: 50px 0;
    text-align: center
}

.escort .item .text, .escort .item img {
    display: inline-block;
    vertical-align: middle
}

.escort .item .text {
    text-align: left
}

.escort .item img {
    width: 48px;
    margin-right: 16px
}

.escort .item .text h3 {
    font-size: 16px;
    line-height: 22px;
    color: #323233;
    margin-bottom: 8px
}

.escort .item .text p {
    font-size: 14px;
    line-height: 20px;
    color: #969799
}

.tips-btn .kto {
    width: 140px;
    margin: 20px auto 0
}

.Cloud-product .main-t-list {
    width: 200px;
    height: 180px
}

.Cloud-product .main-t-list h3 {
    font-weight: normal;
    color: #0c1734
}

.solution {
    padding-bottom: 45px
}

.solution-bg {
    background-image: url(../images/bg_one.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.solution-bg .product-title .tit {
    color: #fff
}

.solution-bg .product-title .tit a {
    color: #fff
}

.solution-bg .product-title p {
    color: #fff
}

.solution .swiper-slide img {
    display: block;
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.solution .swiper-slide span {
    display: block;
    overflow: hidden
}

.solution .swiper-slide:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.sub-desc {
    font-size: 14px;
    text-align: center;
    padding: 0 20px 20px;
    color: #656565;
    background: #fff
}

.sub-desc .tit {
    font-size: 18px;
    color: #3a90e8;
    padding: 20px 0 6px
}

.solution .swiper-slide:hover .sub-desc {
    background: #3a90e8;
    color: #fff
}

.solution .swiper-slide:hover .sub-desc .tit {
    color: #fff
}

.solution .swiper-pagination {
    bottom: 0
}

.oneserver {
    background: url(../images/oneserver.png) no-repeat center top;
    max-width: 1200px;
    height: 388px;
    background-size: cover;
    margin: 0 auto
}

.news-bg {
    background-image: url(../images/indexnews.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.news-bg .product-title .tit, .news-bg .product-title p {
    color: #fff
}

.index-news .subnews {
    width: 360px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 10px 40px 0px #131e3426;
    transition: all ease 300ms
}

.index-news .subnews:not(:last-child) {
    margin-right: 40px
}

.index-news .subnews:hover {
    transform: translateY(-20px)
}

.subnews .tit {
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    padding: 15px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #3a90e8
}

.subnews .tit a {
    float: right;
    font-weight: normal;
    color: #f7f7f7;
    font-size: 14px
}

.subnews .newslist {
    color: #4c4c4c;
    padding: 15px
}

.subnews .newslist h3 {
    font-weight: inherit
}

.subnews .newslist a {
    display: block;
    position: relative;
    font-size: 14px;
    color: #4c4c4c;
    height: 38px;
    line-height: 38px;
    padding-right: 78px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.subnews .newslist a span {
    position: absolute;
    right: 0;
    color: #999;
    display: block;
    height: 38px;
    line-height: 38px;
    top: 0
}

.Dis-service {
    width: 100%;
    height: 239px;
    background-color: #3a90e7;
    text-align: center;
    color: #fff
}

.Dis-service .Dis-content {
    background-image: url(../images/disservice.png);
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 239px
}

.Dis-service .mstye {
    padding: 40px 0
}

.Dis-service h3 {
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 2px;
    font-weight: lighter
}

.Dis-service p {
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 2px;
    margin-top: 5px
}

.Dis-service .Dis-Btn {
    display: inline-block;
    width: 140px;
    height: 40px;
    color: #3a90e8;
    letter-spacing: 2px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    margin-top: 25px;
    background: #fff
}

.index-case .item {
    width: 228px;
    height: 128px;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 15px;
    cursor: pointer;
    position: relative
}

.index-case .item:nth-child(5n+0) {
    margin-right: 0
}

.index-case .item img {
    width: 100%;
    vertical-align: middle;
    object-fit: cover
}

.index-case .item .case-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #3a90e8;
    text-align: center;
    transition: .8s;
    opacity: 0;
    text-align: center
}

.index-case .item .case-mask:hover {
    opacity: .8;
    transition: .8s
}

.index-case .item .case-mask .h5 {
    float: right;
    width: 100%;
    margin-top: 10px;
    color: #fff;
    text-align: center
}

.index-case .item .case-mask .tit {
    line-height: 30px;
    margin-top: 10px
}

.index-case .item .case-mask img {
    width: 60px;
    border-radius: 3px
}

.tips-btn .kt {
    width: 140px;
    margin: 20px auto 0
}

.banner_pub {
    width: 100%;
    height: 500px;
    min-width: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-font-smoothing: antialiased
}

.banner_con {
    position: relative;
    height: 500px;
    visibility: visible
}

.banner_con .mkk_banner1 {
    position: absolute;
    color: #fff;
    text-align: left;
    top: 180px;
    left: 0
}

.banner_con .mkk_banner2 {
    visibility: visible;
    position: absolute;
    right: -30px;
    bottom: 15px
}

.banner_con .mkk_banner2 img {
    width: 100%;
    vertical-align: middle
}

.banner_con .tit {
    font-size: 46px;
    line-height: 50px;
    margin-bottom: 30px;
    font-weight: 600
}

.banner_con .tit a {
    color: #fff
}

.banner_con .text {
    font-size: 20px;
    line-height: 36px
}

.banner_con h2 {
    font-weight: inherit
}

.LcTwo {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.banner_con .zdh {
    max-width: 800px
}

.banner_con .zc {
    color: #93ddff
}

.menu_sol {
    left: -36px
}

.menu_sol .ysol {
    width: 360px
}

.menu_sol .ysol .cat_child {
    margin-top: 0px
}

.menu_sol .ysol .cat_child a {
    width: 180px;
    line-height: 20px;
    margin-top: 20px
}

.News-pub-banner {
    background-color: #959fe7;
    background-image: url(../images/bg_2.jpg)
}

.News-pub {
    padding: 25px 0 60px
}

.News-Nav {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: -45px;
    z-index: 9
}

.Nav-list {
    max-width: 1200px;
    margin: 0 auto;
    height: 90px
}

.Nav-list h2 {
    font-weight: inherit;
    font-size: 20px
}

.Nav-list li {
    line-height: 90px;
    font-size: 20px;
    color: #9B9B9B;
    text-align: center
}

.Nav-list li a {
    color: #9B9B9B
}

.Nav-list li.active {
    background-color: #3a90e8
}

.Nav-list li.active a {
    font-weight: bold;
    color: #fff
}

.NewsList {
    box-shadow: 0px 0px 8px rgb(0 0 0 / 7%);
    width: 880px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 25px
}

.NewsList > li {
    padding: 25px 0;
    border-top: dashed 1px #eee
}

.NewsList-Img {
    width: 185px;
    height: 132px;
    background: #fff;
    margin-right: 25px
}

.NewsList-Img img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.NewsList-Content {
    width: 620px;
    cursor: pointer
}

.NewsList-Content .List-Title {
    margin-bottom: 10px
}

.NewsList-Content .List-Title h3 {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 25px
}

.NewsList-Content .List-Title span {
    font-size: 14px;
    color: #9B9B9B
}

.NewsList-Content .List-Desc {
    width: 100%;
    font-size: 14px;
    color: #9B9B9B;
    line-height: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.NewsList-Content .List-Desc p {
    width: 100%;
    white-space: normal
}

.NewsList-Content .List-Tag {
    margin-top: 20px
}

.NewsList-Content .List-Tag a {
    min-width: 110px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #E1E1E1;
    font-size: 12px;
    color: #9B9B9B;
    margin-right: 10px;
    margin-bottom: 10px
}

.NewsList-Content .cat {
    color: #fff;
    background-color: #45BCF9;
    padding: 3px 6px;
    font-size: 12px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 6px
}

.NewsList-Content .cat i {
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: -4px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-left: 4px solid #45BCF9;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent
}

.News-Other {
    width: 320px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 25px
}

.News-Other-Con {
    padding: 0 15px;
    margin-bottom: 25px;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 7%)
}

.News-Other-Title {
    height: 36px
}

.News-Other-Title span {
    width: 4px;
    height: 20px;
    background: #3a90e8;
    margin-right: 10px
}

.News-Other-Title h3 {
    font-size: 16px;
    color: #333;
    font-weight: 600
}

.News-Other-Tag {
    padding-top: 6px;
    font-size: 14px
}

.News-Other-Tag a {
    height: 32px;
    line-height: 32px;
    background: #66aaf0;
    color: #fff;
    padding: 0 6px;
    margin-right: 9px;
    margin-bottom: 8px
}

.News-Other-Img {
    width: 265px;
    height: 135px
}

.News-Other-Img img {
    width: 100%;
    height: 100%
}

.News-Other-List {
    padding-top: 10px
}

.News-Other .Other-Item {
    width: 100%;
    line-height: 20px
}

.News-Other .Other-Item h3 {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    border-bottom: dashed 1px #eee;
    padding: 12px 0px
}

.News-Other .Other-Item h3:hover, .NewsList-Content .List-Title h3:hover {
    color: #3a90e8
}

.NewsList .NewsDetails {
    padding: 25px 0
}

.NewsList .NewsDetails .kto {
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: #3a90e8;
    margin-bottom: 20px
}

.NewsList .NewsTips {
    padding-top: 20px;
    text-align: center
}

.NewsList .NewsTips h3 {
    font-size: 36px;
    line-height: 50px;
    color: rgb(255, 102, 1);
    font-weight: inherit;
    letter-spacing: 2px
}

.NewsList .NewsTips div {
    text-align: center;
    color: rgb(117, 131, 146);
    font-size: 14px;
    line-height: 30px;
    margin-top: 5px
}

.article-title {
    text-align: center;
    font-size: 30px;
    line-height: 60px;
    font-weight: 700;
    color: #303030;
    margin-bottom: 10px
}

.article-title a {
    color: #303030
}

.article-summary {
    line-height: 25px;
    color: #888;
    font-size: 14px;
    text-align: right
}

.article-content {
    color: #4c4c4c;
    font-size: 16px;
    padding: 20px;
    line-height: 26px
}

.article-content a {
    color: #3a90e8
}

.article-content a:hover {
    color: #d9534f
}

.article-content img {
    max-width: 90%;
    display: block;
    margin: 5px auto
}

.article-content .tit {
    font-size: 18px;
    font-weight: 700;
    margin: 20px -20px 20px -24px;
    padding: 10px 20px 9px 10px;
    line-height: 18px;
    border-left: 4px solid #3a90e8;
    background-color: #fbfbfb
}

.article-content h3 {
    font-size: 16px;
    font-weight: blod
}

.article-content h4 {
    font-size: 15px;
    font-weight: blod
}

.article-content p {
    margin: 0 0 10px
}

.article-content pre {
    padding: 10px;
    margin: 5px 0;
    overflow: auto;
    color: black;
    background: #f5f2f0;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 14px;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.article-content iframe {
    width: 100%;
    min-height: 500px
}

.article-content ul, .article-content ol {
    margin: 8px 0 8px 30px
}

.article-content li {
    text-indent: 0;
    line-height: 30px;
    list-style: initial
}

.article-content table {
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    width: 100%;
    margin-bottom: 16px;
    text-indent: 0
}

.article-content table th {
    background-color: #f9f9f9;
    text-align: center
}

.article-content table td, .article-content table th {
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
    padding: 5px 10px
}

.article-content .alignleft {
    float: left;
    text-align: left;
    margin-right: 10px
}

.article-content .aligncenter {
    margin: 0 auto;
    text-align: center;
    display: block
}

.article-content .alignright {
    float: right;
    text-align: right;
    margin-left: 10px
}

.article-footer {
    padding: 15px 20px;
    overflow: hidden;
    border-top: 1px solid #f7f7f7
}

.article-footer .article-tags {
    float: left;
    font-size: 15px
}

.article-footer .article-tags a {
    display: inline-block;
    padding: 2px 6px 3px;
    margin: 0 2px;
    color: #fff;
    background-color: #4a4a4a;
    opacity: .70;
    filter: alpha(opacity=90)
}

.article-Bottom {
    padding: 0 20px 40px
}

.article-Bottom .News-nav {
    height: 60px;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0
}

.article-Bottom .News-nav .nav {
    width: 410px;
    font-size: 14px
}

.article-Bottom .News-nav .nav span {
    color: #4c4c4c
}

.article-Bottom .News-nav .nav a {
    color: #3a90e8
}

.article-Bottom .Bot-Recommend {
    padding-top: 10px
}

.article-Bottom .Title {
    height: 36px;
    line-height: 36px
}

.article-Bottom .Title span {
    width: 4px;
    height: 20px;
    background: #3a90e8;
    margin-right: 10px
}

.article-Bottom .Title h3 {
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.article-Bottom .Recommend-Box {
    margin-top: 10px
}

.article-Bottom .Recommend-Box h2 {
    width: 50%;
    font-size: 14px;
    color: #333;
    font-weight: inherit
}

.article-Bottom .Recommend-Box a {
    font-size: 14px;
    color: #333;
    margin: 4px 0;
    line-height: 26px
}

.article-Bottom .Recommend-Box a span:nth-child(1) {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 72%;
    display: inline-block;
    vertical-align: top
}

.article-Bottom .Recommend-Box a span:nth-child(2) {
    display: inline-block;
    color: #9B9B9B;
    vertical-align: top
}

.list-pages {
    width: 100%;
    padding: 20px 0 40px
}

.list-pages li {
    display: inline
}

.list-pages li > a {
    background: #fff;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 3px;
    margin: 0 1px;
    color: #666;
    border: 1px solid #f4f4f4
}

.list-pages .active span {
    background-color: #3a90e7;
    background-image: -webkit-gradient(linear, left top, right top, from(#3399ff), to(#3a90e7));
    background-image: -webkit-linear-gradient(left, #3399ff, #3a90e7);
    background-image: -o-linear-gradient(left, #3399ff 0, #3a90e7 100%);
    background-image: linear-gradient(90deg, #3399ff, #3a90e7);
    -webkit-box-shadow: 0 5px 10px 0 rgb(16 110 253 / 30%);
    box-shadow: 0 5px 10px 0 rgb(16 110 253 / 30%);
    color: #fff;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 3px;
    margin: 0 1px;
    color: #fff;
    border: none;
    transition: all .3s
}

.list-pages li > span:hover {
    border: none !important;
    transform: translateY(-3px);
    -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3) !important;
    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3) !important
}

.list-pages li > a:hover {
    border: 1px solid #f4f4f4;
    transform: translateY(-3px);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05)
}

.help-pub-banner {
    background-color: #959fe7;
    background-image: url(../images/picture/help.jpg)
}

.banner_help {
    color: #fff;
    padding-top: 170px;
    text-align: center
}

.banner_help .tit {
    font-size: 46px;
    line-height: 40px;
    margin-bottom: 40px;
    font-weight: 300
}

.banner_con .mkk_banner3 {
    visibility: visible;
    position: absolute;
    right: 125px;
    top: 220px
}

.help_search {
    width: 520px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 4px 9px;
    border-radius: 5px;
    margin: auto
}

.help_search .input {
    font-size: 16px;
    height: 49px;
    color: #333;
    letter-spacing: 1px;
    border-radius: 5px;
    background: #fff;
    margin-left: -5px
}

.help_search .input input {
    width: 100%;
    text-indent: 20px;
    border-radius: 5px;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    outline: 0;
    border: none
}

.help_search .input input::-webkit-input-placeholder {
    color: #B2B2B2;
    font-weight: 300
}

.help_search .input input::-ms-input-placeholder {
    color: #B2B2B2;
    font-weight: 300
}

.help_search .input input::-moz-placeholder {
    color: #B2B2B2;
    font-weight: 300
}

.help_search .togo {
    width: 100px;
    min-width: 100px;
    height: 100%;
    line-height: 49px;
    background-color: #03a9f8;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    position: relative;
    right: -5px;
    cursor: pointer;
    text-align: center
}

.help-item {
    width: 360px;
    margin-right: 40px;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 10px 40px 0px #131e3426;
    transition: all ease 300ms
}

.help-item:nth-child(6n+0) {
    margin-right: 0
}

.help-item .tit {
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    padding: 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #3a90e8
}

.help-item .list {
    color: #4c4c4c;
    padding: 15px
}

.help-item .list a {
    display: block;
    font-size: 14px;
    color: #535353;
    height: 38px;
    line-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.help-item .list-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    border: 1px solid #E6E6E6;
    vertical-align: middle;
    margin-right: 12px
}

.solutions-pub-banner {
    background-color: #959fe7;
    background-image: url(../images/picture/solution.jpg)
}

.solutions-Nav {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: -45px;
    z-index: 9
}

.solutions-item {
    overflow: hidden;
    width: 366px;
    margin-right: 51px;
    margin-bottom: 51px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0px 10px 40px 0px #131e3426;
    transition: all ease 300ms
}

.solutions-item:nth-child(3n+0) {
    margin-right: 0
}

.solutions-item .link, .product-item .link {
    display: inline-block;
    height: 100%;
    width: 100%;
    text-decoration: none
}

.solutions-item img {
    max-height: 293px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: block;
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.solutions-item .info {
    padding: 20px
}

.solutions-item .info h2 {
    width: 100%;
    font-size: 26px;
    color: #4c4c4c;
    margin-bottom: 10px
}

.solutions-item .info h5 {
    width: 100%;
    font-size: 16px;
    color: #555;
    font-weight: normal;
    margin-bottom: 10px;
    letter-spacing: 2px
}

.solutions-item .info span {
    width: 100%;
    font-size: 16px;
    color: #3a90e8;
    transition: color .25s ease-in-out
}

.solutions-item img:hover {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
    transition: 1s ease-out
}

.c-ceil-nav {
    display: none;
    min-width: 0;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 1000;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%), 0 2px 3px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1), 0 2px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%), 0 2px 3px 0 rgb(0 0 0 / 10%)
}

.c-ceil-nav .c-nav-bottom {
    background-color: #fff;
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0 10px 0 5px;
    box-sizing: border-box
}

.c-nav-bottom .c-nav-product {
    display: inline-block;
    vertical-align: middle
}

.c-nav-bottom .c-nav-Item {
    font-size: 0;
    color: #fff;
    display: inline-block;
    position: relative;
    float: left
}

.c-nav-bottom .c-nav-Item > a {
    display: inline-block;
    padding: 0 15px;
    color: #000;
    line-height: 54px;
    height: 54px;
    font-size: 14px;
    padding: 0 25px;
    -webkit-transition: background-color .4s;
    transition: background-color .4s
}

.c-nav-bottom .c-nav-Item.curr-p > a {
    font-weight: 600;
    font-size: 16px
}

.c-nav-bottom .c-nav-bm-right {
    background-color: #fff;
    position: absolute;
    right: 100px;
    top: 0;
    font-size: 14px;
    white-space: nowrap
}

.c-nav-bm-right .c-nav-bm-btns {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    height: 54px;
    padding-top: 9px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.c-nav-bm-right .c-nav-bm-btn {
    height: 36px;
    min-width: 120px;
    padding: 0;
    line-height: 36px;
    vertical-align: middle;
    margin: 0 5px;
    background-color: #00a4ff;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    cursor: pointer
}

.actived {
    display: block
}

.product-pub-banner {
    background-color: #959fe7;
    background-image: url(../images/picture/product.jpg)
}

.product-pub-banner .mkk_banner2 {
    bottom: 25px
}

.mkk-topic .mkk_banner1 {
    top: 150px
}

.banner-action {
    padding-top: 40px;
    color: #FFF;
    font-size: 0
}

.product-item {
    width: 366px;
    max-height: 410px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgb(133 173 201 / 50%);
    cursor: pointer;
    margin: 0 51px 51px 0;
    transition: all ease 300ms
}

.product-item:nth-child(3n+0) {
    margin-right: 0
}

.product-item .apply-top {
    width: 366px;
    height: 160px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position: relative;
    text-align: center;
    background: linear-gradient(to right, #3a90e8, #5ea1ff)
}

.product-item .apply-top .tit {
    height: 120px;
    line-height: 120px;
    font-size: 24px;
    color: #fff;
    font-weight: 400
}

.product-item .apply-top i {
    display: block;
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin-left: -54px
}

.product-item .apply-bottom {
    font-size: 14px;
    color: #454f66;
    line-height: 28px;
    padding: 60px 40px 18px;
    text-align: center
}

.product-item .apply-bottom-sm {
    width: 240px;
    margin: 0 auto;
    height: 93px;
    margin-bottom: 20px
}

.product-item .apply-bottom-sm span {
    padding: 2px 8px;
    font-size: 12px;
    background: #f4f4f4;
    border-radius: 2px;
    color: #808080;
    margin: 0 3px 10px 2px;
    display: inline-block
}

.product-item:hover .apply-top i {
    -webkit-animation: bounce 1s ease 0s 1 both;
    animation: bounce 1s ease 0s 1 both
}

.product-item:hover {
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    transition: all .2s linear
}

.pro-btn .kto {
    width: 366px;
    height: 50px;
    line-height: 50px;
    box-shadow: 0 0 30px rgb(83 115 252 / 13%);
    background: #fff;
    color: #4c4c4c;
    font-weight: 400;
    margin: 20px auto 0;
    letter-spacing: 2px
}

.pro-btn .kto:hover {
    background: #3a90e8;
    color: #fff
}

.product-item .why {
    padding: 40px
}

.product-item .why h5 {
    color: #000;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    margin-bottom: 10px
}

.product-item .why p {
    color: #656565;
    font-size: 14px;
    line-height: 28px
}

.product-brief .imgs {
    width: 520px;
    height: 300px
}

.product-brief .imgs img {
    width: 100%;
    height: 100%
}

.product-brief .content {
    width: 520px
}

.product-brief .content .tit {
    font-size: 32px;
    color: #3a90e8;
    margin-bottom: 10px;
    font-weight: normal
}

.product-brief .content h3 {
    font-size: 22px;
    color: #333;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: normal
}

.product-brief .content .introl {
    font-size: 16px;
    line-height: 30px
}

.product-brief .content .introl p {
    text-indent: 32px;
    margin-bottom: 5px
}

.rno-banner-nav {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: -389px;
    z-index: 9
}

.rno-banner-nav ul {
    max-width: 1200px;
    margin: 0 auto;
    height: 35px;
    white-space: nowrap
}

.rno-banner-nav ul li {
    padding-left: 28px;
    padding-right: 28px;
    position: relative;
    display: inline-block
}

.rno-banner-nav ul li:first-child {
    padding-left: 0
}

.rno-banner-nav ul li h2 {
    font-weight: inherit
}

.rno-banner-nav ul li h2 > a {
    font-size: 14px;
    color: #fff;
    line-height: 24px
}

.rno-banner-nav ul li.active a {
    font-size: 16px;
    line-height: 26px;
    border-bottom: 2px solid #ffdbb4;
    padding-bottom: 12px;
    margin-bottom: -1px;
    padding-left: 10px;
    padding-right: 10px;
    color: #795548;
    font-weight: 700
}

.pro-core .product-title, .so-core .product-title, .pro-cj .product-title {
    margin-bottom: 60px
}

.pro-core .product-item .apply-top {
    height: 80px
}

.product-item .apply-top h5 {
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    color: #fff;
    font-weight: 400
}

.pro-core .product-item .apply-bottom {
    padding: 40px
}

.pro-core .product-item .apply-bottom p {
    text-align: left
}

.product-cj {
    width: 273px;
    max-height: 410px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgb(133 173 201 / 50%);
    cursor: pointer;
    margin: 0 36px 36px 0;
    transition: all ease 300ms
}

.product-cj:nth-child(4n+0) {
    margin-right: 0
}

.product-cj:hover {
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    transition: all .2s linear
}

.product-cj img {
    max-height: 273px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: block;
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.product-cj .info {
    padding: 30px;
    line-height: 20px;
    font-size: 20px;
    color: #4c4c4c;
    text-align: center
}

.product-cj .info h3 {
    margin-bottom: 30px;
    font-size: 20px
}

.pro-infos {
    background: #fff;
    line-height: 30px;
    color: #4c4c4c;
    font-size: 16px;
    box-shadow: 0 4px 8px 0 rgb(133 173 201 / 50%)
}

.pro-mod {
    letter-spacing: 1px;
    border-bottom: #e5e5e5 1px solid;
    padding: 40px;
    word-wrap: break-word
}

.pro-mod h3 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #333
}

.pro-mod h5 {
    font-size: 20px;
    font-weight: 500;
    margin: 20px 0;
    color: #333
}

.pro-mod p {
    margin-bottom: 25px
}

.pro-mod p img {
    max-width: 100%
}

.pro-mod i {
    font-style: normal
}

.pro-mod .qas {
    display: none;
    text-indent: 30px
}

.pro-mod a {
    color: #3a90e8;
    text-decoration: underline
}

.pro-mod p:last-child {
    margin-bottom: 0
}

.pro-mod strong {
    color: #ff0000
}

.pro-mod ul li {
    font-size: 16px;
    margin: 10px 0;
    padding-left: 45px;
    line-height: 32px;
    background: url(../images/xj_pro_pc_02.jpg) left center no-repeat
}

.pro-table-mod {
    margin-bottom: 40px
}

.pro-table {
    clear: both;
    margin-bottom: 20px
}

.pro-table:last-child {
    margin-bottom: 0
}

.pro-table table {
    width: 100%;
    border-collapse: collapse
}

.pro-table thead {
    border-bottom: #e5e5e5 2px solid;
    border-top: #e5e5e5 2px solid
}

.pro-table th {
    height: 50px;
    vertical-align: middle;
    font-weight: 400;
    color: #4C4C4C
}

.pro-table td, .pro-table th {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px
}

.pro-table td:first-child, .pro-table th:first-child {
    text-align: left;
    padding-left: 0
}

.pro-table tbody:last-child {
    border-bottom: #e5e5e5 2px solid
}

.pro-table tbody {
    border-bottom: #e5e5e5 1px solid
}

.pro-table td {
    font-size: 14px;
    height: 25px;
    padding-top: 10px;
    vertical-align: top;
    color: #666;
    text-align: left
}

.pro-table td:first-child, .pro-table th:first-child {
    text-align: left;
    padding-left: 0
}

.pro-table tbody tr:first-child td {
    padding-top: 10px
}

.pro-table em {
    text-decoration: line-through
}

.pro-table span {
    font-weight: 700
}

.cases-pub-banner {
    background-color: #959fe7;
    background-image: url(../images/picture/cases1.jpg)
}

.cases-pub-banner .mkk_banner2 {
    bottom: 0
}

.cases .index-case .item {
    width: 273px;
    height: 153px;
    margin-right: 36px;
    margin-bottom: 30px
}

.cases .index-case .item:nth-child(4n+0) {
    margin-right: 0
}

.cases .product-title {
    margin-bottom: 60px
}

.index-case .comment {
    margin: 30px auto
}

.index-case .comment .cont {
    font-size: 24px;
    color: #999;
    line-height: 2;
    padding: 0 120px;
    text-align: justify;
    -webkit-text-align: justify;
    -webkit-text-align-last: left;
    -moz-text-align: justify;
    -moz-text-align-last: left;
    text-align-last: left
}

.index-case .comment .from {
    text-align: right;
    text-align-last: right
}

.so-core .pro-infos {
    color: #666
}

.so-core .pro-mod h5 {
    color: #4c4c4c;
    font-weight: 700
}

.popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
    display: none
}

.popupbox {
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    height: 340px;
    padding-top: 5px;
    background-color: rgba(0, 0, 0, 0.6)
}

.popup-img {
    height: 180px;
    display: block;
    margin: 40px auto 0
}

.popupbox div {
    color: #fff;
    margin-top: 10px;
    font-size: 20px;
    line-height: 1.8 !important;
    text-align: center
}

.popupbox .zy {
    font-size: 12px;
    margin-top: 0
}

.footer_service {
    background: #3d3d3d;
    padding: 40px 0;
    color: #fff
}

.footer_service li {
    position: relative;
    padding-left: 58px;
    height: 48px;
    line-height: 48px
}

.footer_service i {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 0;
    left: 0
}

.footer_service .item-1 i {
    background: url(../images/foot/1.png) no-repeat;
    background-size: cover
}

.footer_service .item-2 i {
    background: url(../images/foot/2.png) no-repeat;
    background-size: cover
}

.footer_service .item-3 i {
    background: url(../images/foot/3.png) no-repeat;
    background-size: cover
}

.footer_service .item-4 i {
    background: url(../images/foot/4.png) no-repeat;
    background-size: cover
}

.footer-website {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px
}

.footer-website .website-col {
    margin-left: -10px;
    width: 1px;
    padding: 0
}

.footer-website .website-col > li {
    width: 1px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px
}

.footer-website .website-title {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 22px
}

.footer-website .website-title a {
    color: #fff
}

.footer-website li > a {
    font-size: 14px;
    font-weight: 400;
    color: #888;
    line-height: 1.5;
    margin-top: 10px;
    cursor: pointer;
    display: block
}

.footer-website li i {
    margin-right: 8px
}

.website-contact {
    width: 280px
}

.website-contact .views {
    margin-top: 18px
}

.website-contact .views-box {
    display: inline-block;
    vertical-align: top;
    width: 90px;
    padding: 2px;
    background-image: linear-gradient(0deg, #fff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 0 0 10px 0 rgb(55 99 170 / 10%), 0 0 10px 0 #fff;
    border-radius: 5px
}

.website-contact .views-box:first-child {
    margin-right: 50px
}

.website-contact .views-box img {
    width: 100%;
    height: 100%
}

.website-contact .views-box div {
    text-align: center;
    font-size: 13px;
    letter-spacing: 2px;
    color: #666;
    line-height: 20px
}

.footer-website .website-text {
    font-size: 14px;
    font-weight: 400;
    color: #888;
    line-height: 1.5;
    margin-top: 10px
}

footer {
    background: #3A3A3A;
    width: 100%;
    padding-top: 40px
}

footer .mkaka-footer, footer .copy {
    width: 100%
}

footer .mkaka-footer .m-f-left {
    float: left;
    width: 51%
}

footer .mkaka-footer .m-f-left dl {
    margin-right: 50px
}

footer .mkaka-footer dl {
    float: left;
    width: 119px
}

footer .mkaka-footer dt {
    color: #d7d8d9;
    padding-bottom: 20px;
    text-align: center
}

footer .mkaka-footer dl dd {
    line-height: 24px;
    color: #f3d380;
    font-size: 12px;
    text-align: center
}

footer .mkaka-footer .m-f-left dl dd a {
    color: #bbb;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    margin: 2px 0
}

footer .mkaka-footer .m-f-left dl dd a:hover {
    color: #3a90e8 !important;
    text-decoration: none
}

footer .mkaka-footer dl dd img {
    max-width: 90px
}

footer .mkaka-footer .m-f-right {
    float: left;
    width: 49%
}

footer .mkaka-footer .m-f-right dl {
    margin-right: 28px
}

footer .mkaka-footer .m-f-right dd a {
    color: #bbb
}

footer .mkaka-footer .m-f-right dd span {
    display: inline-block;
    line-height: 24px;
    padding-left: 30px;
    font-size: 12px;
    color: #64646d;
    background: url(../images/tel.jpg) left center no-repeat;
    margin-left: 20px
}

footer .mkaka-footer .m-f-right dd b {
    display: block;
    height: 36px;
    padding-bottom: 6px;
    font: 20px/36px tahoma, arial;
    color: #bbb
}

footer .mkaka-footer .m-f-right dd i {
    float: left;
    margin-right: 5px;
    font-size: 24px
}

footer .mkaka-footer ul {
    float: left;
    margin-right: 28px
}

footer .copy {
    margin-top: 30px;
    padding-bottom: 10px;
    line-height: 25px;
    text-align: left;
    border-top: 1px solid #4b5054
}

footer .copy .subnav {
    padding: 10px 0 5px
}

footer .copy .subnav img {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    width: 85px;
    height: 20px;
    padding-right: 20px
}

footer .copy .subnav a {
    padding-right: 20px;
    color: #888;
    font-size: 14px
}

footer .copy .copyright {
    font-size: 12px;
    color: #888
}

footer .copy .address {
    font-size: 12px;
    color: #888
}

footer .copy .address a {
    color: #888;
    text-decoration: underline;
    padding-right: 15px
}

.footer-link {
    margin-top: 15px;
    line-height: 25px;
    text-align: left
}

.footer-link span {
    color: #fff
}

.footer-link .links {
    margin-top: 10px
}

.footer-link .links a {
    color: #888;
    margin-right: 40px;
    line-height: 26px;
    font-size: 14px
}

.mt-10 {
    margin-top: 10px
}

.home-im {
    width: 50px;
    height: 315px;
    position: fixed;
    top: 50%;
    margin-top: -150px;
    right: 10px;
    z-index: 9999
}

.home-im .im-main {
    -moz-box-shadow: 0px 0px 10px rgba(58, 144, 232, 0.8);
    -webkit-box-shadow: 0px 0px 10px rgba(58, 144, 232, 0.8);
    box-shadow: 0px 0px 10px rgba(58, 144, 232, 0.8)
}

.home-im .im-box {
    width: 50px;
    height: 50px;
    display: block;
    background: #3a90e8;
    margin-bottom: 1px
}

.home-im .im-box .icon-box {
    width: 50px;
    height: 50px
}

.home-im .im-box .im-txt {
    display: none;
    width: 85px;
    height: 50px;
    left: -120px;
    top: 0;
    opacity: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s
}

.home-im .im-box .im-txt span {
    display: block;
    background: #fff;
    width: 78px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #3a90e0;
    color: #3a90e8;
    -moz-box-shadow: 0px 0px 10px rgba(58, 144, 232, 0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(58, 144, 232, 0.5);
    box-shadow: 0px 0px 10px rgba(58, 144, 232, 0.5)
}

.home-im .im-box .im-txt-2 {
    display: none;
    width: 120px;
    height: 50px;
    left: -155px;
    top: 0;
    opacity: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s
}

.home-im .im-box .im-txt-2 span {
    display: block;
    background: #fff;
    width: 113px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #3a90e0;
    color: #3a90e8;
    -moz-box-shadow: 0px 0px 10px rgba(58, 144, 232, 0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(58, 144, 232, 0.5);
    box-shadow: 0px 0px 10px rgba(58, 144, 232, 0.5)
}

.home-im .im-box .im-img {
    display: none;
    width: 141px;
    height: 173px;
    left: -200px;
    top: -60px;
    opacity: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s
}

.home-im .im-box .im-img.im-img2 {
    width: 101px
}

.home-im .im-box:hover .im-txt {
    display: block;
    left: -85px;
    opacity: 1
}

.home-im .im-box:hover .im-txt-2 {
    display: block;
    left: -120px;
    opacity: 1
}

.home-im .im-box:hover .im-img {
    display: block;
    left: -150px;
    opacity: 1
}

.home-im .im-box:hover .im-img.im-img2 {
    left: -110px
}

.home-im .im-top {
    width: 50px;
    height: 50px;
    background: #3a90e8;
    -moz-box-shadow: 0px 0px 10px rgba(58, 144, 232, 0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(58, 144, 232, 0.5);
    box-shadow: 0px 0px 10px rgba(58, 144, 232, 0.5);
    cursor: pointer
}

.lt-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.help_main {
    width: 1100px;
    margin: 70px auto 0;
    position: relative
}

.help_main .tabs:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.help_main .tabs li {
    float: left;
    width: 353px;
    margin-right: 20px;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background-color: #ebae82;
    cursor: pointer
}

.help_main .tabs li:last-child, .help_main .tabs li.last {
    margin-right: 0
}

.help_main .tabs li i {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #c26e47;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    display: none
}

.help_main .tabs li.current {
    background-color: #c26e47
}

.help_main .tabs li.current i {
    display: block
}

.help_main .items {
    overflow: hidden;
    min-height: 600px;
    margin: 20px 0 100px
}

.help_main .items .item {
    overflow: hidden;
    position: relative;
    display: none
}

.help_main .items .item li {
    width: 100%;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding: 30px 0 20px
}

.help_main .items .item li .number {
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #c26e47
}

.help_main .items .item li .info {
    float: left;
    width: calc(100% - 70px);
    margin-left: 20px
}

.help_main .items .item li .info .ask {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 24px
}

.help_main .items .item li .info .answer {
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    line-height: 30px
}

.user {
    font-weight: 700
}

.user .user-tit span {
    color: #00C1DE
}

.user-main {
    width: 970px;
    margin: 40px auto;
    border-radius: 8px;
    color: #666;
    overflow: hidden
}

.user-main .tit {
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background: linear-gradient(to left, rgba(8, 222, 255, 1), rgba(0, 193, 222, 1))
}

.user-main .nr {
    width: 100%;
    padding-bottom: 30px;
    background: #fff
}

.user-main .nr ul {
    width: 398px;
    margin: 0 auto
}

.user-main .nr ul li {
    width: 100%;
    margin-bottom: 20px;
    height: 44px;
    position: relative;
    line-height: 44px
}

.user-main .nr ul li input[type=text] {
    letter-spacing: 1px;
    outline: none;
    width: 398px;
    height: 44px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    background: #f7f8fb;
    text-indent: 18px;
    font-size: 14px;
    box-sizing: border-box
}

.user-main .nr ul li input[type=password] {
    letter-spacing: 1px;
    outline: none;
    width: 398px;
    height: 44px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    background: #f7f8fb;
    text-indent: 18px;
    font-size: 14px;
    box-sizing: border-box
}

.user-main .nr ul li input[type=checkbox] {
    outline: none;
    width: 16px;
    height: 16px;
    box-sizing: border-box
}

.user-main .nr ul li .icon {
    float: right;
    width: 140px
}

.user-main .nr ul li .icon img {
    width: 100%;
    height: auto
}

.user-main .nr ul li a {
    display: inline-block;
    margin: 0 4px;
    color: #5aa1f1
}

.user-main .code .btns {
    height: 44px;
    line-height: 44px;
    width: 140px;
    float: right
}

.user-login {
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    min-height: 100vh
}

.user-login .user-main {
    width: 459px;
    margin-bottom: 0px
}

.user-login .user-main .nr {
    width: 379px;
    padding: 30px 40px
}

.user-login .user-main .nr ul {
    width: 100%
}

.user-login .user-main .nr ul li {
    margin-bottom: 20px;
    height: 48px;
    line-height: 48px
}

.user-login .user-main .nr ul li input[type=text] {
    width: 100%;
    height: 46px;
    line-height: 48px;
    padding: 0 16px;
    text-indent: 0;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    background: #fff;
    color: #333333
}

.user-login .user-main .nr ul li input[type=password] {
    width: 100%;
    height: 46px;
    line-height: 48px;
    padding: 0 16px;
    text-indent: 0;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    background: #fff;
    color: #333333
}

.user-login .user-main .code .btns {
    height: 46px;
    line-height: 46px
}

.user-login .user-main .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 30px;
    min-width: 280px;
    padding-top: 10px;
    margin: auto
}

.user-login .user-main .bottom a {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    color: #5ea1ef
}

.user-login .user-main .SelectLogin {
    margin-bottom: 30px
}

.user-login .user-main .SelectLogin .stb {
    height: 42px;
    line-height: 42px;
    color: #999;
    font-size: 18px;
    border: 1px solid #d9d9d9;
    cursor: pointer
}

.user-login .user-main .SelectLogin .stb:last-child {
    border-left: 0px;
    border-radius: 0px 4px 4px 0px
}

.user-login .user-main .SelectLogin .on {
    background: linear-gradient(to left, rgba(8, 222, 255, 1), rgba(0, 193, 222, 1));
    border: 1px solid transparent;
    border-right: 0px;
    color: #fff
}

.user-login .user-main .loginp {
    margin-bottom: 30px;
    color: #00C1DE;
    font-weight: 100;
    font-size: 36px
}

.doc-bg {
    min-height: 100%;
    padding: 20px 0 40px;
    margin-top: 90px
}

.doc-cont {
    background-color: #fff;
    font-size: 14px;
    color: #595961;
    letter-spacing: 0;
    line-height: 26px;
    padding-bottom: 45px;
    text-align: justify
}

.doc-cont .title {
    font-size: 30px;
    color: #191919;
    padding-top: 60px;
    margin-bottom: 40px;
    text-align: center
}

.doc-cont .date {
    text-align: right;
    font-size: 14px;
    color: #9797A2;
    padding-bottom: 10px
}

.doc-cont p {
    margin-bottom: 30px
}

.mx-btn {
    height: 48px;
    min-width: 24px;
    padding: 0 32px;
    background: #3a90e8;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #3a90e8;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 18px;
    vertical-align: middle;
    white-space: nowrap
}

.mx-btn-pay {
    border-color: #FF7C19;
    background-color: #FF7C19
}

.mx-btn-weak, .mx-btn-weak:focus, .mx-btn-weak:hover {
    border-color: #fff;
    color: #fff;
    background-color: transparent
}

.banner-action .mx-btn {
    margin-right: 16px
}

.banner-action .mx-btn-pay {
    position: relative
}

.mx-btn-pay:active, .mx-btn-pay:focus, .mx-btn-pay:hover {
    background-color: #DE5600;
    border-color: #DE5600
}

.mkk-topic-brief .tit {
    font-weight: 700;
    margin-bottom: 50px;
    font-size: 38px;
    color: #333;
    letter-spacing: 0
}

.mkk-topic-brief .l-tit {
    color: #333;
    margin: 12px 0;
    font-size: 20px;
    line-height: 20px
}

.mkk-topic-brief .introl p {
    line-height: 30px
}

.mkk-topic .product-title {
    margin-bottom: 30px
}

.mkk-topic .product-title .tit {
    text-align: left
}

.m-0--12 {
    margin: 0 -12px
}

.product-item-topic {
    padding-left: 12px;
    padding-right: 12px;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.product-item-topic .tbox {
    height: 100%;
    margin-top: 50px
}

.product-item-topic .tbox .icon {
    width: 80px
}

.product-item-topic .tbox .icon i {
    width: 80px;
    height: 80px;
    display: block
}

.product-item-topic .icon-1 {
    background-image: url('../i1.png');
    background-size: 100% 100%
}

.product-item-topic .icon-2 {
    background-image: url('../i2.png');
    background-size: 100% 100%
}

.product-item-topic .icon-3 {
    background-image: url('../i3.png');
    background-size: 100% 100%
}

.product-item-topic .icon-5 {
    background-image: url('../i5.png');
    background-size: 100% 100%
}

.product-item-topic .tbox .info {
    margin-left: 40px
}

.product-item-topic .tbox .info .tit {
    font-size: 24px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.product-item-topic .tbox .info .text {
    margin-top: 12px;
    font-size: 14px;
    line-height: 2;
    color: rgba(0, 0, 0, .45);
    max-width: 340px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.mkk-grid {
    margin: 0 -12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mkk-grid_item {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 0
}

.mkk-grid [class*=mkk-grid_item] {
    padding-left: 12px;
    padding-right: 12px
}

.mkk-grid_item-12 {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mu-product_lable {
    margin: 10px 15px 24px;
    border-bottom: 1px solid #e6e9ee;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #242d4e
}

.mu-product_lable li {
    font-size: 14px;
    color: #242d4e;
    line-height: 28px;
    display: block;
    padding-bottom: 8px;
    border-bottom: 2px solid transparent;
    margin: 0 18px -1px;
    transition: color .25s
}

.mu-product_lable li a {
    color: #242d4e
}

.mu-product_lable li:first-child {
    margin-left: 0
}

.mu-product_lable .active {
    color: #2e95ff;
    border-bottom-color: #2e95ff
}

.mu-product_lable .active > a {
    color: #2e95ff
}

.price-table-box {
    position: static;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%
}

.price-table-box td, .price-table-box th {
    text-align: left;
    vertical-align: middle;
    padding: 4px 4px;
    box-sizing: initial;
    font-weight: 400;
    font-size: 12px;
    border-bottom: 1px solid #e6e9ee
}

.price-table-box th {
    text-align: center;
    position: relative;
    background-color: #f2f6fa
}

.price-table-box td, .price-table-box th {
    border-left: 0;
    border-bottom: 0
}

.price-table-box th {
    background: #FFF;
    padding: 10px 0 10px 10px;
    text-align: center
}

.price-table-box th:first-child {
    /*width: 196px;*/
    box-sizing: border-box
}

.price-table-border::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 6px);
    height: 100%;
    border: 1px solid;
    border-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: inset 0 0 0 12px #fff, 0 1px 10px 0 rgb(0 0 0 / 6%);
    z-index: 1
}

.price-table-border:nth-child(4n)::before {
    border-color: #e74c3c
}

.price-table-border:nth-child(4n+1)::before {
    border-color: #523600
}

.price-table-border:nth-child(4n+2)::before {
    border-color: #3498db
}

.price-table-border:nth-child(4n+3)::before {
    border-color: #2ecc71
}

.price-table_name {
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    font-weight: 600;
    color: #333
}

.price-table_text {
    display: inline-block;
    margin-top: 8px;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: 400;
    color: #333
}

.price-table_num {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-right: 2px;
    color: #FF7C19
}

.price-table_limited {
    display: inline-block;
    width: 37px;
    height: 24px;
    background-image: url(../images/limit_pe.svg);
    background-size: 100% 100%;
    margin-bottom: -3px;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.price-table_original {
    margin-top: 5px;
    margin-bottom: 18px;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    color: #8B9DB6;
    text-decoration: line-through
}

.price-table_func .mx-btn {
    height: 36px;
    line-height: 34px;
    padding: 0 20px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    z-index: 1
}

.price-sa .mx-btn {
    margin-left: 16px
}

.price-sa .mx-btn-weak {
    border-color: #DE5600;
    color: #DE5600;
    height: 36px;
    line-height: 34px;
    padding: 0 20px;
    font-size: 14px
}

.price-sa .mx-btn-weak:focus {
    box-shadow: 0 0 0 15px rgba(98, 104, 237, .5)
}

.price-sa .mx-btn-weak:hover {
    color: #fff;
    background-color: #DE5600;
    border-color: #DE5600
}

.price-table-box td {
    /*padding: 6px 19px 6px 39px;*/
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    font-weight: 400;
    color: #41526A
}

.price-table-box tr:nth-child(2n+1) {
    background: #F8FBFF
}

.price-table-box td:first-child {
    /*padding: 6px 12px 6px 32px;*/
    /*width: 196px;*/
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    font-weight: 500;
    color: #333;
    box-sizing: border-box
}

.price-table-box tr:hover {
    background: #E6ECF6
}

.price-table-box tr:hover .blocker {
    background: #E6ECF6
}

.price-table-box tr:hover .price-table-verticaltop::after {
    background: #E6ECF6
}

.price-table-box td.price-table-verticaltop {
    vertical-align: middle;
    overflow: hidden
}

.price-table-verticaltop {
    position: relative
}

.price-table-verticaltop::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 6px);
    height: 200%;
    border: 1px solid;
    border-top: 0;
    border-bottom: 0;
    z-index: 0
}

.price-table-verticaltop::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 2px;
    width: calc(100% - 24px);
    height: 14px;
    background: #FFF;
    z-index: 3
}

.price-table-verticaltop:nth-of-type(4n)::before {
    border-color: #e74c3c
}

.price-table-verticaltop:nth-of-type(4n+1)::before {
    border-color: #523600
}

.price-table-verticaltop:nth-of-type(4n+2)::before {
    border-color: #3498db
}

.price-table-verticaltop:nth-of-type(4n+3)::before {
    border-color: #2ecc71
}

.price-table-verticaltop div {
    position: relative;
    z-index: 4
}

.price-table-verticaltop .blocker {
    position: absolute;
    top: 0;
    right: 2px;
    width: calc(100% - 24px);
    height: 11px;
    background: #F8FBFF;
    z-index: 3
}

.price-body tr:last-child .price-table-verticaltop {
    padding-bottom: 21px;
    overflow: visible
}

.price-body tr:last-child .price-table-verticaltop::before {
    height: calc(100% + 2px);
    border-bottom: 1px solid;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.price-body tr:last-child .price-table-verticaltop:nth-of-type(4n+2)::before {
    border-color: #3498db
}

.price-body tr:last-child .price-table-verticaltop:nth-of-type(4n+3)::before {
    border-color: #2ecc71
}
.price-body tr:last-child .price-table-verticaltop:nth-of-type(4n+4)::before {
    border-color: #e74c3c;
}

.price-body tr:last-child .price-table-verticaltop::after {
    height: 0;
    overflow: visible
}

.price-table_icon {
    display: inline-block;
    color: transparent;
    height: 24px
}

.p-check {
    background-image: url(../images/check.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.p-ucheck {
    background-image: url(../images/ucheck.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.tit_icon {
    margin-right: 4px;
    line-height: 28px;
    vertical-align: middle
}

.price-table_action {
    line-height: 56px;
    cursor: pointer;
    text-align: center !important;
}

.price-table_action td:first-child {
    font-weight: 600;
    position: relative;
    display: inline-flex;
    align-items: center
}

.price-table_action td:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 0;
    display: block;
    margin: auto;
    width: 4px;
    height: 14px;
    background: #3a90e8;
    border-radius: 2px
}

.price-table_action.is-expanded .price-table_icon-arrow {
    width: 24px;
    background-image: url(../images/arrow-down.svg);
    background-size: 100% 100%;
    text-align: center;
}

.mu-text-weak {
    color: #aebbcc
}

.mu-table-tips {
    padding-left: 32px;
    margin-top: 20px
}

.mkk-grid_box {
    height: 100%
}

.mu-card {
    background: #fff;
    box-shadow: 0 4px 8px 0 rgb(133 173 201 / 50%);
    border-radius: 4px;
    box-sizing: border-box
}

.mu-card.mu-card-bordered {
    box-shadow: none;
    border: 1px solid #e6e9ee;
    transition: box-shadow .5s ease
}

.mu-btn {
    height: 36px;
    line-height: 34px;
    min-width: 24px;
    padding: 0 20px;
    background: #2e95ff;
    border-radius: 4px;
    color: #fff;
    border: 1px solid #2e95ff;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    outline: 0 none;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 14px;
    vertical-align: middle;
    white-space: nowrap
}

.mkk-shopcart-parse_list {
    padding: 0
}

.mkk-grid_item-8 {
    width: 33.3333333%;
    padding-bottom: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mkk-shopcart-parse_list .mu-card {
    height: 100%
}

.mkk-shopcart-parse_list .mu-card_body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 1px solid #e6e9ee;
    border-radius: 4px;
    min-height: 226px
}

.mkk-shopcart-parse_list .mu-card_body-head {
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px solid #e6e9ee;
    padding: 12px 16px
}

.mkk-shopcart-parse_list .mkk-service_name {
    font-size: 18px;
    color: #242d4e;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 500
}

.mkk-shopcart-parse_list .mkk-service_text {
    font-size: 14px;
    color: #8b9db6;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 400;
    min-height: 54px;
    margin-top: 4px
}

.mkk-shopcart-parse_list .mkk-service_link {
    margin-top: 4px;
    font-size: 13px;
    line-height: 21px;
    font-weight: 400;
    color: #2e95ff
}

.mkk-shopcart-parse_list .mu-card_body-foot {
    padding: 12px 16px
}

.mkk-shopcart-parse_list .mkk-shopcart_price {
    font-size: 14px;
    color: #ee8144;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 400;
    text-align: left
}

.mkk-inputnum {
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 0;
    white-space: nowrap
}

.mkk-shopcart-parse_list .mkk-inputnum {
    margin-top: 12px;
    margin-bottom: 8px
}

.mkk-help-text-inline {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-left: 8px
}

.mkk-ser_tip {
    font-size: 14px;
    color: #8b9db6;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 15px;
    padding: 0 15px
}

.mkk-inputnum_minus.is-disabled, .mkk-inputnum_plus.is-disabled {
    cursor: not-allowed;
    color: #bbb;
    background-color: #e6ecf6
}

.mkk-save {
    text-align: right;
    font-size: 14px;
    line-height: 28px;
    color: #ff9c19
}

.mkk-shopcart_btn .mx-btn {
    width: 100%;
    height: 36px;
    line-height: 34px;
    min-width: 24px;
    padding: 0 20px
}

.mkk-topic .mkk-shopcart-parse_list .mu-card_body-head, .mkk-topic .mkk-shopcart-parse_list .mu-card_body-foot {
    padding: 30px 40px
}

.mkk-topic .mkk-shopcart-parse_list .mkk-shopcart_price {
    line-height: 14px;
    margin-bottom: 16px
}

.mkk-topic .mkk-shopcart-parse_list .mkk-service_name {
    font-size: 18px;
    color: #333;
    font-weight: 600
}

.prices-pub-banner {
    z-index: -1;
    background-image: linear-gradient(64deg, #6891fa 0%, #5f56e8 100%)
}

.prices-pub-banner .puy {
    background-image: url(../images/picture/prices.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.prices-pub-banner .mkk_banner2 {
    right: 300px;
    bottom: 50px
}

.prito {
    margin-top: -130px;
    z-index: 9
}

.pri-group {
    padding: 56px 46px;
    background: #fff;
    box-shadow: 0px 0px 60px 0px rgb(96 90 232 / 50%);
    border-radius: 6px
}

.pri-group .tit {
    text-align: center;
    margin-bottom: 80px;
    font-size: 38px;
    color: #333;
    font-weight: 500;
    line-height: 1.2
}

.price-btn .mx-btn {
    display: inline-block;
    width: 100%;
    height: 45px;
    line-height: 43px;
    padding: 0 3px;
    border-radius: 38px;
    font-size: 14px;
    background-color: transparent;
    color: #3a90e8;
    border-color: #3a90e8
}

.price-btn .mx-btn:hover {
    color: #fff;
    background-color: #3a90e8;
    border-color: #3a90e8
}

.pri-group .pri-item {
    position: relative;
    width: 471px;
    max-height: 410px;
    border-radius: 6px;
    background: #fff;
    padding: 36px 30px;
    margin: 0 46px 80px 0;
    box-shadow: 0px 4px 29px 0px rgb(140 154 249 / 30%)
}

.pri-group .pri-item:nth-child(2n+0) {
    margin-right: 0
}

.pri-icon {
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(20%, -25%);
    height: 120px;
    width: 120px;
    font-size: 18px;
    border-radius: 50%;
    box-shadow: 0px 5px 25px 0px rgb(51 103 132 / 20%);
    background-color: #fff;
    overflow: hidden
}

.pri-icon > img {
    display: block;
    max-width: 75%;
    max-height: 75%
}

.pri-group .pri-name {
    font-size: 24px;
    color: #2a2a2a;
    padding-left: calc(120px + 16px);
    margin-bottom: 40px
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pri-group .pri-tit {
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
    margin-bottom: 30px
}

.topic-index-faq {
    height: 80px;
    position: relative;
    background: #F2F6FA;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    border-radius: 5px;
    margin-bottom: 16px
}

.topic-index-faq .faq-inner {
    height: 80px;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 30px;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    border-radius: 4px;
    top: 0;
    left: 0;
    position: absolute
}

.topic-index-faq .faq-inner:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    top: 24px;
    right: 24px;
    background: url(../icon-arrow-down.svg);
    background-size: 100%
}

.topic-index-faq:hover {
    z-index: 1
}

.topic-index-faq:hover .faq-inner {
    height: 176px;
    background-color: #2E95FF
}

.topic-index-faq:hover .faq-inner:before {
    background: url(../icon-arrow-up.svg)
}

.topic-index-faq .tit {
    font-size: 18px;
    color: #0F2540;
    letter-spacing: 0;
    line-height: 32px
}

.topic-index-faq:hover .faq-inner .tit, .topic-index-faq:hover .faq-inner .tit a {
    color: #fff
}

.topic-index-faq .text {
    font-size: 14px;
    color: #FFF;
    letter-spacing: 0;
    line-height: 28px;
    margin-top: 19px
}

.topic-index-faq-fixedbottom .faq-inner {
    bottom: 0;
    top: initial
}

.c3 {
    color: rgba(0, 0, 0, .3)
}

.c45 {
    color: rgba(0, 0, 0, .45)
}

@media all and (max-width: 767px) {
    .mkaka {
        width: 100%;
        min-width: 0;
        background-size: cover !important
    }
}