.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1170px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}


.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width:12px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

dl, ol, ul {
    margin-top: 0;
}

address, dl, ol, ul {
    margin-bottom: 1rem;
}

li {
    list-style: none;
}

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

/*网站公共样式*/
.info-content {
    font-size: 15px;
    line-height: 2.5
}

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

    a:hover {
        color: brown
    }

    a:focus {
        color: brown
    }

    a.btn-more {
        display: inline-block;
        width: 140px;
        height: 34px;
        line-height: 34px;
        border: 1px #CCC solid;
        color: #999;
        transition: all 0.5s ease;
        font-size: 14px;
        transition: all 0.5s ease;
        text-align: center;
        margin: 0px auto;
        margin-top: 30px
    }

        a.btn-more:hover {
            background: #40312f;
            border-color: #40312f;
            color: white;
        }

.banner {
    height: 500px\9 !important;
    overflow: hidden\9 !important;
    overflow: hidden;
}
/*兼容ie低版*/

/*遮罩层*/
.mask-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    height: 100vh;
    background-color: rgba(0, 0, 0, .7);
    overflow: hidden;
    z-index: 99;
    top: 0;
    left: 0;
}

    .mask-bg.active {
        display: block;
    }

.search-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden;
    z-index: 99;
    top: 0;
    left: 0;
}




/*首页模块样式*/
.module-box {
    position: relative;
    padding: 40px 0px
}

    .module-box .module-title {
        clear: both;
        text-align: center;
        margin: 0px 0px 30px 0px;
        font-family: "Microsoft YaHei",Tahoma,Verdana,"Simsun";
    }

        .module-box .module-title .cn-title {
            display: block;
            color: #333;
            font-size: 28px;
            line-height: 45px;
        }

        .module-box .module-title .en-title {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            color: #999;
            font-size: 16px;
        }

            .module-box .module-title .en-title i {
                float: left;
                width: 55px;
                background: #CCC;
                height: 1px;
                margin-top: 15px;
            }

            .module-box .module-title .en-title span {
                float: left;
                margin: 0px 5px;
            }

/*底部*/
footer {
    text-align: left;
    width: 100%;
    min-height: 95px;
    background: #333;
    margin-top: 40px;
    line-height: 2.5
}




/*导航样式*/
.app-head__active.shadow, .app_head__active.shadow {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14);
}

.app-head__active {
    background-color: #fff !important;
    opacity: 1;
}

.app_head__active {
    background-color: #fff !important;
    opacity: 1;
}

.app-head {
    position: fixed;
    top: 0;
    width: 100vw;
    background-color: transparent;
    height: 60px;
    display: block;
    line-height: 60px;
    font-size: .875rem;
    transition: all .3s;
    opacity: 1;
    z-index: 100;
    max-height: 100vh;
}

/*logo*/
.simboss-logo {
    display: inline-block;
}

.app-head__logo {
    margin-top: 10px;
    width: 150px;
    /*height: 23px;*/
}

.none {
    display: none;
}

.simboss-logo img {
    width: 100%;
    height: 100%;
    vertical-align: text-bottom;
}
/*一级导航栏*/
.app-head .fixedPosition {
    position: inherit;
}

.app-menu {
    align-items: center;
    justify-content: space-between;
    margin-right: 0;
    margin-left: 15px;
}

.app-menu__item.isNew {
    position: relative;
}

    .app-menu__item.isNew :before {
        position: absolute;
        top: 6px;
        right: -20px;
        height: 14px;
        line-height: 14px;
        padding: 0 2px;
        content: "new";
        color: red;
        font-size: 12px;
        font-weight: 700;
        background-color: #fff;
        border-radius: 4px;
    }

.app-head__active .app-menu__item, .app_head__active .app-menu__item {
    color: #343c65;
}

.app-menu__item {
    display: inline-block;
    height: 60px;
    color: #fff;
    text-align: center;
    margin-right: 6px;
    cursor: pointer;
}

    .app-menu__item:focus a, .app-menu__item:hover a {
        color: #106dff;
    }

/*二级导航栏*/
.app-menu__sublist {
    max-height: 0;
    padding: 0;
    position: absolute;
    top: 60px;
    left: 0;
    overflow: hidden;
    width: 100vw;
    background-color: transparent;
    text-align: left;
    z-index: 999;
    transition: all .2s;
}

    .app-menu__sublist.active {
        max-height: 1000px;
        padding: 20px 0 40px;
        background-color: #fff;
    }

.app-menu__children:first-child {
    margin-left: 0;
}

.app-menu__children:focus, .app-menu__children:hover {
    background-color: #fcfcfc;
    border: 1px solid #f6f6f6;
}

.app-menu__children {
    padding: 24px 24px;
    max-width: 276px !important;
    margin-left: 20px;
    border: 1px solid transparent;
    transition: all .2s;
}

.app-menu__item a {
    text-decoration: none !important;
    text-underline: none;
    color: inherit;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.app-menu__item:focus a, .app-menu__item:hover a {
    color: #106dff;
}

.app-menu__children img {
    width: 64px;
    height: 64px;
    margin-left: calc(50% - 32px);
}

.app-menu__children h3 {
    font-size: 13px;
    color: #106dff;
    letter-spacing: .23px;
    text-align:center;
    width: 100%;
}

.app-menu__children .app_menu_content {
    font-size: 12px;
    color: #343c65;
    text-align: justify;
    line-height: 20px;
}

.app-menu__button {
    background-color: #1880ff;
    /*background-color: #f5a623;*/
    width: 80px !important;
    color: #fff !important;
    margin-left: -10px
}

    .app-menu__button:hover a {
        color: #fff !important;
        text-decoration: none
    }

/*三级导航栏*/
.app_menu_three {
    max-height: 0;
    padding: 0;
    position: fixed;
    top: 420px;
    left: 0;
    overflow: hidden;
    width: 100vw;
    background-color: transparent;
    text-align: left;
    z-index: 999;
    transition: all .2s;
}

    .app_menu_three.active {
        background: #fff;
        padding: 20px 0;
        max-height: 400px;
        z-index: 9999;
        /*box-shadow: 0 -5px 15px #979797;*/
        border-top: 1px solid #979797;
    }

.app_menu_three_children {
    width:25%;
    float:left;
    padding: 0 20px;
}

    .app_menu_three_children a {
        color: #000 !important;
    }

    .app_menu_three_children .three_title {
        font-size: 15px;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
    }

    .app_menu_three_children .app_menu_content {
        font-size: 12px;
        color: #343c65;
        text-align: justify;
        line-height: 20px;
    }

    .app_menu_three_children:hover a {
        color: #c7000b!important;
    }

/*底部模板*/
.col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.justify-content-between {
    justify-content: space-between !important;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > .col, .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0;
    }

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.app-bottom {
    background-color: #061432
}

@media screen and (max-width:992px) {
    .app-bottom {
        padding: 0 20px 60px
    }
}

.app-bottom__list {
    padding: 30px 0;
    color: #fff
}

.app-bottom__item h4 {
    margin-bottom: 20px;
    font-weight: 400
}

.app-bottom__item a, .app-bottom__item div {
    font-size: 12px;
    margin-bottom: 20px;
    color: #9d9d9d;
    white-space: nowrap;
    font-weight: 400
}

    .app-bottom__item a:hover {
        text-decoration: none;
        color: #fff
    }

.app-bottom__link {
    text-align: right
}

.app-bottom__qr {
    display: inline-block;
    width: 100px;
    font-size: .875rem;
    text-align: left
}

    .app-bottom__qr .title {
        text-align: left;
        margin-bottom: 20px
    }

.app-bottom__qr--content {
    text-align: left;
    margin-top: 20px;
    width: 70px;
    height: 70px
}

.app-bottom__qr--item {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%
}

    .app-bottom__qr--item img {
        width: 100%;
        height: 100%
    }

.app-bottom__line {
    color: #dfdfdf;
    transform: scaleY(.25)
}

.app-bottom__chain {
    margin-top: -5px;
    font-size: 13px;
    color: #979797;
    letter-spacing: 0;
    height: 50px;
    line-height: 50px;
    vertical-align: middle
}

@media screen and (max-width:992px) {
    .app-bottom__chain {
        height: auto;
        line-height: 30px
    }
}

.app-bottom__chain:after {
    content: "";
    display: block;
    clear: both
}

.app-bottom__chain--time {
    float: left;
    color: #979797;
    font-size: 12px
}

@media screen and (max-width:992px) {
    .app-bottom__chain--time {
        display: block;
        text-align: center;
        float: none
    }
}

.app-bottom__chain--item {
    float: right
}

    .app-bottom__chain--item img {
        cursor: pointer;
        margin: 0 17px;
        width: 50px;
        height: 28px
    }

    .app-bottom__chain--item a {
        color: #979797;
        padding-left: 10px
    }

@media screen and (max-width:992px) {
    .app-bottom__chain--item {
        text-align: center;
        float: none
    }

        .app-bottom__chain--item span {
            display: none;
            margin-bottom: 30px
        }

        .app-bottom__chain--item img {
            display: inline-block;
            width: 50px;
            height: 28px
        }
}

.app-bottom__icp {
    color: #fff
}

    .app-bottom__icp:focus, .app-bottom__icp:hover, .app-bottom__icp:visited {
        color: #9d9d9d
    }

/*悬浮*/
.ornament {
    position: fixed;
    right: 21px;
    bottom: 10vh;
    width: 48px;
    z-index: 888;
}

.ornament__server:first-child {
    background-image: url(../images/c94ef5c.svg);
}

    .ornament__server:first-child:hover {
        background-image: url(../images/cbee89d.svg);
    }


.ornament__server {
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.17);
    height: 48px;
    border-radius: 4px;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-position: 50%;
}


    .ornament__server .number {
        position: absolute;
        left: -132px;
        font-size: 15px;
        color: #000;
        background-color: transparent;
        line-height: 48px;
        height: 48px;
        border-radius: 4px;
        text-align: center;
        overflow: hidden;
        width: 126px;
        pointer-events: none;
        transition: all .15s;
    }

        .ornament__server .number.active {
            box-shadow: 0 2px 7px 0 rgba(0,0,0,.17);
        }

            .ornament__server .number.active:before {
                left: 0;
            }

        .ornament__server .number:before {
            content: "18923420829";
            display: block;
            height: 100%;
            width: 100%;
            transition: left .15s;
            position: absolute;
            left: 100%;
            background-color: #fff;
        }

    .ornament__server:nth-child(2):hover {
        background-image: url(../images/e2b9394.svg);
    }

    .ornament__server:nth-child(2) {
        background-image: url(../images/eba1b18.svg);
    }

    .ornament__server:nth-child(3) {
        background-image: url(../images/12c4a0a.svg);
    }

        .ornament__server:nth-child(3):hover {
            background-image: url(../images/c0b596f.svg);
        }

    .ornament__server .code {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 116px;
        height: 134px;
        position: absolute;
        left: -122px;
        background-color: transparent;
        overflow: hidden;
        transition: all .15s;
    }

        .ornament__server .code img {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 116px;
            top: -134px;
            transition: all .15s;
            pointer-events: none;
            display: block;
        }

        .ornament__server .code.active {
            box-shadow: 0 2px 7px 0 rgba(0,0,0,.17);
        }

            .ornament__server .code.active img {
                left: 0;
                top: 0;
            }

.ornament__return.active {
    opacity: 1;
    visibility: visible;
}

.ornament__server:nth-child(4) {
    background-image: url(../images/1a352cc.svg);
    background-color: #0064fd;
}

.ornament__return {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all .1s;
}

@media screen and (max-width:992px) {
    .ornament {
        display: none
    }
}

/*产品优势*/
.common-item {
    padding: 60px 0;
}

.common-title {
    text-align: center;
    font-size: 34px;
    color: #343c65;
    line-height: 48px;
    margin-bottom: 60px;
    font-weight: 300;
}

.production-advantage__box {
    padding: 30px 35px;
    background: #fff;
    box-shadow: 0 25px 50px 0 rgba(78,81,144,.07);
    word-break: normal;
    border-radius: 20px;
}

    .production-advantage__box .icon {
        width: 80px;
        height: 80px;
    }

    .production-advantage__box:hover {
        box-shadow: 0 15px 30px 0 rgba(101,105,167,.27);
    }

    .production-advantage__box .title {
        margin: 22px 0 15px;
        font-size: 20px;
        color: #565656;
        letter-spacing: 0;
    }

    .production-advantage__box .content {
        min-height: 100px;
        font-size: 14px;
        color: #9c9c9c;
        line-height: 28px;
    }

/*核心功能*/
.functional {
    background: #fafbff;
}

.functional__content {
    background-image: url(../images/product-card-bg.png);
    background-position: 50%;
    background-size: 58%;
    background-repeat: no-repeat;
}

.justify-content-lg-between {
    justify-content: space-between !important;
}

.functional__item {
    width: 330px !important;
    height: 186px;
    padding: 15px;
    background: #fff;
    box-shadow: 0 2px 11px 0 rgba(0,0,0,.07);
    margin: 10px 0;
    border-radius: 4px;
    position: relative;
}

.functional__item--title {
    font-size: 22px;
    color: #4e4e4e;
}

.functional__item--item {
    font-size: 14px;
    line-height: 28px;
    color: #959595;
    text-align: left;
}

.functional__item:hover {
    box-shadow: 0 20px 47px 0 rgba(4,7,18,.06);
}

    .functional__item:hover:after {
        content: "";
        display: block;
        width: 3px;
        height: 100%;
        position: absolute;
        background-color: #0073fe;
        top: 0px;
        left: 0%;
        transform: translateX(-50%);
        border-radius: 50px 50px 0 0;
    }

.justify-content-lg-center {
    justify-content: center !important;
}

.functional__logo {
    width: 240px;
    height: 150px;
    margin-top: 10px;
    position: relative;
}

    .functional__logo div.mask {
        box-shadow: 0 15px 20px 0 rgba(6,95,255,.28);
    }

    .functional__logo div {
        position: absolute;
        left: 50%;
        top: 55%;
        width: 400px;
        height: 250px;
        transform: translate(-50%,-50%);
        border-radius: 6px;
    }

/*产品架构*/
.architecture__box {
    background: #fff;
    border: 1px solid #e4e6ee;
    box-shadow: 0 20px 47px 0 rgba(4,7,18,.06);
    padding: 25px;
}

.architecture__img {
    background-color: #fafbff;
}

.architecture__base .title {
    font-size: 40px;
    color: #2e2f38;
    margin-bottom: 10px;
}

.architecture__base .content {
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    text-align: justify;
    line-height: 24px;
    padding-bottom: 50px;
    border-bottom: 1px solid #dbdbdb;
    min-height: 30%;
}

.architecture__item {
    padding-top: 30px;
    min-height: 20%;
}

    .architecture__item .item {
        position: relative;
        font-size: 14px;
        color: #767971;
        letter-spacing: 0;
        text-align: justify;
        line-height: 27px;
        padding-left: 30px;
        font-weight: 400;
        margin-bottom: 15px;
    }

        .architecture__item .item:after {
            position: absolute;
            content: "";
            width: 15px;
            height: 15px;
            top: 6px;
            left: 0;
            background-image: url(https://simboss-public.oss-cn-hangzhou.aliyuncs.com/pentagon/img/frame/check.png);
            background-size: 100% 100%;
        }

.architecture__operating {
    margin: 80px 0 30px 20px;
    position: absolute;
    bottom: 0;
    width: 150px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background-color: #0073fe;
    box-shadow: 0 14px 30px 0 #cde1ff;
    border-radius: 25px;
    cursor: pointer;
}

    .architecture__operating:hover {
        box-shadow: 0 18px 30px 0 rgba(47,34,46,.3);
    }

/*应用案例*/
.home-news__item {
    display: block;
    border-radius: 6px;
    margin-bottom: 10px;
    text-align: left;
    background-color: #fff;
    box-shadow: 0 2px 26px 0 hsla(0,0%,87.8%,.5);
    text-decoration: none !important;
    padding-bottom: 40px;
    cursor: pointer;
}

    .home-news__item .img {
        width: 100%;
        height: 250px;
        border-radius: 6px 6px 0 0;
    }

    .home-news__item .title {
        font-size: 22px;
        color: #2e2f38;
        line-height: 40px;
        padding: 20px 15px 10px;
    }

    .home-news__item .content {
        font-size: 14px;
        color: #8b8a8a;
        line-height: 26px;
        padding: 0 15px;
        text-decoration: none !important;
        max-height: 50px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .home-news__item:hover .title {
        color: #0073fe;
    }

    .home-news__item:hover {
        box-shadow: 0 2px 16px 0 #bbc0d5;
    }

    .home-news__item.no-link.active .content {
        max-height: 100vh;
        -webkit-line-clamp: inherit;
    }

@media (max-width:1000px) /*手机端*/ {
    .header .logo img {
        height: 70px;
    }

    .header .nav-toggle {
        position: absolute;
        right: 0px;
        top: 0px;
        font-size: 25px;
        color: #999;
        min-width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        cursor: pointer;
        z-index: 1;
    }

        .header .nav-toggle.active {
            color: #ccc;
        }

    .nav {
        position: fixed;
        z-index: 100;
        top: 0px;
        right: 0px;
        width: 0px;
        background: #fff;
        height: 100%;
        height: 100vh;
        opacity: 0;
        transition: all 0.2s linear;
        overflow-y: auto
    }

        .nav.active {
            opacity: 1;
            width: 300px;
            max-width: 60%
        }

        .nav ul li {
            line-height: 45px;
            text-align: left
        }

            .nav ul li ul {
                display: none;
            }
            /*二级ul样式*/
            .nav ul li a {
                padding-left: 30px;
                display: block;
                color: #999;
                font-size: 15px;
                line-height: 3.5;
                border-bottom: 1px solid #dcdcdc
            }

            .nav ul li ul li a {
                padding-left: 60px;
                font-size: 14px;
                background-color: #eeeeee
            }

            .nav ul li ul li ul li a {
                padding-left: 90px;
            }

            .nav ul li ul li ul li li a {
                padding-left: 120px;
            }

        .nav ul li {
            position: relative;
        }

            .nav ul li .arrow {
                position: absolute;
                right: 0px;
                top: 0px;
                width: 50px;
                height: 50px;
                line-height: 50px;
                text-align: center;
                transition-duration: 0s
            }

                .nav ul li .arrow:after {
                    font-family: FontAwesome;
                    content: "\f105";
                    display: block;
                    font-weight: bold;
                    font-size: 18px
                }

            .nav ul li.current > a {
                color: #5a342b;
            }

            .nav ul li.active > ul {
                display: block
            }

            .nav ul li.active > .arrow {
                transform: rotate(90deg)
            }
}

/*新闻资讯-首页、子栏目公用*/
.news-list {
    clear: both;
    overflow: hidden;
}

    .news-list li.tw {
        clear: both;
        overflow: hidden;
        display: block;
        width: 100%;
        margin: 0px 0px 15px 0px;
        text-align: left;
    }

        .news-list li.tw .pic {
            float: left;
            width: 160px;
            height: 105px;
            overflow: hidden;
            margin-right: 10px;
        }

            .news-list li.tw .pic img {
                width: 100%;
                height: 100%;
                display: block;
            }

        .news-list li.tw .content {
            display: inline;
        }

            .news-list li.tw .content a {
                display: block;
                line-height: 30px;
                font-size: 16px;
            }

            .news-list li.tw .content span {
                color: #808080;
                height: 75px;
                line-height: 25px;
            }

    .news-list li.item {
        clear: both;
        overflow: hidden;
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px 0px 10px 0px;
    }

        .news-list li.item .title {
            padding-left: 11px;
            background: url(images/icon-dot.gif) no-repeat left center;
            max-width: 80%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .news-list li.item .date {
            float: right;
        }


/*首页-加盟优势*/
.jmys-box a {
    display: block;
    height: 100%;
    position: relative;
}

.jmys-box .pptyg {
    clear: both;
    overflow: hidden;
    padding: 10px 0px;
}

    .jmys-box .pptyg span {
        float: left;
        line-height: 40px;
        color: #4d4d4d;
        font-weight: 600;
        font-size: 16px;
    }

.jmys-box .yc_box {
    clear: both;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    padding: 0px 10%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease;
}

.jmys-box a:hover .yc_box {
    opacity: 1;
    filter: alpha(opacity=100);
}

.jmys-box .yc_box span {
    display: block;
    text-align: center;
    color: white;
}

.jmys-box .yc_box .yc_title {
    line-height: 45px;
    font-size: 25px;
    margin-top: 90px;
    transition: all 0.5s ease;
}

.jmys-box a:hover .yc_title {
    margin-top: 70px;
}

.jmys-box .yc_box .yc_con {
    line-height: 20px;
    padding: 10px 0px;
    margin-top: -30px;
    transition: all 0.5s ease;
    text-align: center;
}

.jmys-box a:hover .yc_con {
    margin-top: 0px;
}

.jmys-box .yc_box .yc_cksq {
    line-height: 33px;
    width: 94px;
    height: 33px;
    border: 1px #fff solid;
    margin: 0px auto;
}

.jmys-box .xs_title {
    position: absolute;
    bottom: 10%;
    left: 10%;
    z-index: 2;
    font-size: 20px;
    color: white;
    line-height: 35px;
    border-bottom: 1px #fff solid;
    padding: 0px 10px 0px 0px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.jmys-box a:hover .xs_title {
    opacity: 0;
    filter: alpha(opacity=0);
}

.jmys-box .yc_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #5a342b;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease;
}

.jmys-box a:hover .yc_bg {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

@media only screen and (max-width:768px) {
    .jmys-box a:hover .yc_box {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .jmys-box a:hover .xs_title {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .jmys-box a:hover .yc_bg {
        opacity: 0;
        filter: alpha(opacity=0);
    }
}



/*产品内容页样式*/
.product-content .detail .title {
    clear: both;
    text-align: left;
    overflow: hidden;
    background: #ad7669;
    line-height: 40px;
    color: rgb(255,255,255);
    font-weight: 600;
    padding-left: 15px;
    font-size: 16px;
}


/*在线留言表单*/
.ui-validForm {
    padding-top: 30px;
}

.form-group::before, .form-group::after {
    content: "";
    display: table
}

.form-group::after {
    clear: both
}

.form-group {
    position: relative;
    padding: 10px 0px;
}

    .form-group .control-label {
        position: absolute;
        left: 0px;
        top: 10px;
    }

    .form-group .controls {
        padding-left: 100px;
    }

    .form-group .form-control {
        border: 1px solid #eeeeee;
        height: 32px;
        line-height: 32px;
        width: 100%;
        padding: 2px 5px;
        font-size: 14px;
        color: #666;
        transition: all .5s ease-in-out
    }

        .form-group .form-control:focus {
            border-color: #ad7669
        }

    .form-group textarea.form-control {
        height: 300px
    }

    .form-group .help-block {
        display: block
    }

.btn {
    border: 1px solid #ad7669;
    color: #fff;
    height: 35px;
    width: 120px;
    background: #ad7669;
    transition: all .5s ease-in-out
}

    .btn:hover {
        background: #805246
    }

.form-group .controls-verificationCodeImage {
    position: relative;
    max-width: 400px;
    _width: 400px;
}

.form-group .lb_verificationCodeImage {
    position: absolute;
    display: inline-block;
    right: 1px;
    top: 0px;
    height: 32px;
    overflow: hidden
}

    .form-group .lb_verificationCodeImage img {
        height: 30px;
    }

.el-textarea__inner:focus, .el-input.is-active .el-input__inner, .el-input__inner:focus {
    border-color: #ad7669 !important;
    outline: 0;
}

.el-button--small, .el-button--small.is-round {
    padding: 12px 50px !important;
}

.el-button--primary {
    background-color: #ad7669 !important;
    border-color: #ad7669 !important;
}

.el-form--label-left .el-form-item__label {
    text-align: center !important;
}

.el-textarea textarea {
    height: 160px !important;
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 12px;
    right: 12px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: none;
    text-indent: -9999px;
    background: url(Images/ui.totop.png) no-repeat left 0px;
    background-size: auto;
    background-size: cover;
    z-index: 190;
    border-radius: 50%;
    transition: all 0.2s linear;
}

    #toTop:hover {
        background-position: left -50px;
        background-size: cover;
    }

/*标签*/
.tag-list {
    padding: 20px 0px 20px 0px;
}

    .tag-list ul li {
        float: left;
        margin-right: 10px;
    }

        .tag-list ul li .fa-tags {
            font-size: 16px;
            line-height: 30px;
        }

        .tag-list ul li a {
            display: inline-block;
            background: #e6f1fb;
            color: #06c;
            font-size: 12px;
            line-height: 30px;
            padding: 0px 10px;
            border-radius: 5px
        }
/*搜索*/
.right-icon-box {
    position: absolute;
    top: 0px;
    right: 10px;
    text-align: right;
    font-size: 20px;
    display: none;
}

    .right-icon-box .fa {
        color: #999;
        line-height: 70px;
        font-size: 20px;
        display: inline-block;
        width: 40px;
        cursor: pointer;
        text-align: center
    }

    .right-icon-box .fa-remove {
        font-size: 25px;
        color: #cc0000
    }

    .right-icon-box .fa:hover {
        color: #cc0000
    }

.search-show {
    position: absolute;
    width: 100%;
    top: 91px;
    z-index: 2;
    background: #fff;
    display: none;
    border-bottom: 2px solid #ccc;
    border-top: 1px solid rgb(229, 229, 229);
}

    .search-show .box {
        position: relative;
        padding-top: 80px;
        padding-bottom: 50px;
        max-width: 1000px;
        margin: 0px auto;
    }

        .search-show .box .title {
            position: relative;
        }

            .search-show .box .title input {
                border: 0;
                border-bottom: 2px solid #E5E5E5;
                width: 90%;
                font-size: 18px;
                padding-bottom: 5px;
            }

        .search-show .box .fa-search {
            font-size: 25px;
            cursor: pointer
        }

            .search-show .box .fa-search:hover {
                color: #e30b20;
            }

        .search-show .box .hot-word {
        }

            .search-show .box .hot-word .text {
                margin: 46px 0 27px;
                color: #333;
                font-size: 18px;
                font-family: Hiragino Sans GB;
            }

            .search-show .box .hot-word ul {
                width: 100%;
            }

                .search-show .box .hot-word ul li {
                    float: left;
                    text-align: center;
                    margin: 10px;
                }

                .search-show .box .hot-word ul li {
                    display: block;
                    color: #333;
                    line-height: 40px;
                    border-radius: 20px;
                    background-color: #F5F5F5;
                    padding: 4px 20px;
                }

    .search-show .hot-word span {
        cursor: pointer;
        display: block;
    }

.search-phone {
    margin-top: 20px;
    padding-bottom: 60px;
}

    .search-phone .ss-box {
        position: relative;
        margin: 60px auto;
        border: 1px solid #cfcfcf;
        background: #fff;
        width: 100%;
        height: 36px;
        font-size: 15px;
        margin: 0px auto;
    }

        .search-phone .ss-box .phone-input {
            width: 100%;
            outline: none;
            border: none;
            line-height: 34px;
            padding-left: 0px;
            background-color: transparent;
        }

        .search-phone .ss-box .phone-btn {
            position: absolute;
            right: -10px;
            top: 0;
            width: 38px;
            height: 32px;
            cursor: pointer;
            font-weight: bold;
            line-height: 32px;
            outline: none;
            border: none;
            background-color: #fff;
        }

    .search-phone .font span {
        cursor: pointer;
    }

        .search-phone .font span:hover {
            color: #da0000;
        }

.dethingTitle {
    margin: 20px 0;
}

    .dethingTitle strong {
        font-size: 20px;
    }

@media (min-width:1000px) /*pc端*/
{
    .right-icon-box {
        padding-top: 20px;
    }

        .right-icon-box .fa-bars {
            display: none !important
        }
}

@media (max-width:1000px) /*手机端*/
{
    .search-show {
        top: 70px;
    }
}

/*相关推荐*/
.recommend .public-title {
    font-size: 18px;
    position: relative;
    margin: 80px 0 10px;
    background-color: #f8f8f8;
    padding: 10px;
}

    .recommend .public-title .fa {
        color: #ad7669;
        font-size: 18px;
        padding-right: 10px;
    }















/********动画集********/
@-webkit-keyframes gradient-trans-data-v-70f18a76 {
    0% {
        background: radial-gradient(#2681ff 0,#2681ff 0,transparent 0)
    }

    1% {
        background: radial-gradient(#2681ff 0,#2681ff 1%,transparent 0)
    }

    2% {
        background: radial-gradient(#2681ff 0,#2681ff 2%,transparent 0)
    }

    3% {
        background: radial-gradient(#2681ff 0,#2681ff 3%,transparent 0)
    }

    4% {
        background: radial-gradient(#2681ff 0,#2681ff 4%,transparent 0)
    }

    5% {
        background: radial-gradient(#2681ff 0,#2681ff 5%,transparent 0)
    }

    6% {
        background: radial-gradient(#2681ff 0,#2681ff 6%,transparent 0)
    }

    7% {
        background: radial-gradient(#2681ff 0,#2681ff 7%,transparent 0)
    }

    8% {
        background: radial-gradient(#2681ff 0,#2681ff 8%,transparent 0)
    }

    9% {
        background: radial-gradient(#2681ff 0,#2681ff 9%,transparent 0)
    }

    10% {
        background: radial-gradient(#2681ff 0,#2681ff 10%,transparent 0)
    }

    11% {
        background: radial-gradient(#2681ff 0,#2681ff 11%,transparent 0)
    }

    12% {
        background: radial-gradient(#2681ff 0,#2681ff 12%,transparent 0)
    }

    13% {
        background: radial-gradient(#2681ff 0,#2681ff 13%,transparent 0)
    }

    14% {
        background: radial-gradient(#2681ff 0,#2681ff 14%,transparent 0)
    }

    15% {
        background: radial-gradient(#2681ff 0,#2681ff 15%,transparent 0)
    }

    16% {
        background: radial-gradient(#2681ff 0,#2681ff 16%,transparent 0)
    }

    17% {
        background: radial-gradient(#2681ff 0,#2681ff 17%,transparent 0)
    }

    18% {
        background: radial-gradient(#2681ff 0,#2681ff 18%,transparent 0)
    }

    19% {
        background: radial-gradient(#2681ff 0,#2681ff 19%,transparent 0)
    }

    20% {
        background: radial-gradient(#2681ff 0,#2681ff 20%,transparent 0)
    }

    21% {
        background: radial-gradient(#2681ff 0,#2681ff 21%,transparent 0)
    }

    22% {
        background: radial-gradient(#2681ff 0,#2681ff 22%,transparent 0)
    }

    23% {
        background: radial-gradient(#2681ff 0,#2681ff 23%,transparent 0)
    }

    24% {
        background: radial-gradient(#2681ff 0,#2681ff 24%,transparent 0)
    }

    25% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,transparent 0)
    }

    27% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 27%,transparent 0)
    }

    28% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 28%,transparent 0)
    }

    29% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 29%,transparent 0)
    }

    30% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 30%,transparent 0)
    }

    31% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 31%,transparent 0)
    }

    32% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 32%,transparent 0)
    }

    33% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 33%,transparent 0)
    }

    34% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 34%,transparent 0)
    }

    35% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 35%,transparent 0)
    }

    36% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 36%,transparent 0)
    }

    37% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 37%,transparent 0)
    }

    38% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 38%,transparent 0)
    }

    39% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 39%,transparent 0)
    }

    40% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 40%,transparent 0)
    }

    41% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 41%,transparent 0)
    }

    42% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 42%,transparent 0)
    }

    43% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 43%,transparent 0)
    }

    44% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 44%,transparent 0)
    }

    45% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 45%,transparent 0)
    }

    46% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 46%,transparent 0)
    }

    47% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 47%,transparent 0)
    }

    48% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 48%,transparent 0)
    }

    49% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 49%,transparent 0)
    }

    50% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,transparent 0)
    }

    52% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 52%,#005ad3 53%)
    }

    53% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 53%,#005ad3 54%)
    }

    54% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 54%,#005ad3 55%)
    }

    55% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 55%,#005ad3 56%)
    }

    56% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 56%,#005ad3 57%)
    }

    57% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 57%,#005ad3 58%)
    }

    58% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 58%,#005ad3 59%)
    }

    59% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 59%,#005ad3 60%)
    }

    60% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 60%,#005ad3 61%)
    }

    61% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 61%,#005ad3 62%)
    }

    62% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 62%,#005ad3 63%)
    }

    63% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 63%,#005ad3 64%)
    }

    64% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 64%,#005ad3 65%)
    }

    65% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 65%,#005ad3 66%)
    }

    66% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 66%,#005ad3 67%)
    }

    67% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 67%,#005ad3 68%)
    }

    68% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 68%,#005ad3 69%)
    }

    69% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 69%,#005ad3 70%)
    }

    70% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 70%,#005ad3 71%)
    }

    71% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 71%,#005ad3 72%)
    }

    72% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 72%,#005ad3 73%)
    }

    73% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 73%,#005ad3 74%)
    }

    74% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 74%,#005ad3 75%)
    }

    75% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 75%,#005ad3 76%)
    }

    76% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 76%,#005ad3 77%)
    }

    77% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 77%,#005ad3 78%)
    }

    78% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 78%,#005ad3 79%)
    }

    79% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 79%,#005ad3 80%)
    }

    80% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 80%,#005ad3 81%)
    }

    81% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 80%,transparent 0)
    }

    to {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 80%,transparent 0)
    }
}

@keyframes gradient-trans-data-v-70f18a76 {
    0% {
        background: radial-gradient(#2681ff 0,#2681ff 0,transparent 0)
    }

    1% {
        background: radial-gradient(#2681ff 0,#2681ff 1%,transparent 0)
    }

    2% {
        background: radial-gradient(#2681ff 0,#2681ff 2%,transparent 0)
    }

    3% {
        background: radial-gradient(#2681ff 0,#2681ff 3%,transparent 0)
    }

    4% {
        background: radial-gradient(#2681ff 0,#2681ff 4%,transparent 0)
    }

    5% {
        background: radial-gradient(#2681ff 0,#2681ff 5%,transparent 0)
    }

    6% {
        background: radial-gradient(#2681ff 0,#2681ff 6%,transparent 0)
    }

    7% {
        background: radial-gradient(#2681ff 0,#2681ff 7%,transparent 0)
    }

    8% {
        background: radial-gradient(#2681ff 0,#2681ff 8%,transparent 0)
    }

    9% {
        background: radial-gradient(#2681ff 0,#2681ff 9%,transparent 0)
    }

    10% {
        background: radial-gradient(#2681ff 0,#2681ff 10%,transparent 0)
    }

    11% {
        background: radial-gradient(#2681ff 0,#2681ff 11%,transparent 0)
    }

    12% {
        background: radial-gradient(#2681ff 0,#2681ff 12%,transparent 0)
    }

    13% {
        background: radial-gradient(#2681ff 0,#2681ff 13%,transparent 0)
    }

    14% {
        background: radial-gradient(#2681ff 0,#2681ff 14%,transparent 0)
    }

    15% {
        background: radial-gradient(#2681ff 0,#2681ff 15%,transparent 0)
    }

    16% {
        background: radial-gradient(#2681ff 0,#2681ff 16%,transparent 0)
    }

    17% {
        background: radial-gradient(#2681ff 0,#2681ff 17%,transparent 0)
    }

    18% {
        background: radial-gradient(#2681ff 0,#2681ff 18%,transparent 0)
    }

    19% {
        background: radial-gradient(#2681ff 0,#2681ff 19%,transparent 0)
    }

    20% {
        background: radial-gradient(#2681ff 0,#2681ff 20%,transparent 0)
    }

    21% {
        background: radial-gradient(#2681ff 0,#2681ff 21%,transparent 0)
    }

    22% {
        background: radial-gradient(#2681ff 0,#2681ff 22%,transparent 0)
    }

    23% {
        background: radial-gradient(#2681ff 0,#2681ff 23%,transparent 0)
    }

    24% {
        background: radial-gradient(#2681ff 0,#2681ff 24%,transparent 0)
    }

    25% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,transparent 0)
    }

    27% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 27%,transparent 0)
    }

    28% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 28%,transparent 0)
    }

    29% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 29%,transparent 0)
    }

    30% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 30%,transparent 0)
    }

    31% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 31%,transparent 0)
    }

    32% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 32%,transparent 0)
    }

    33% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 33%,transparent 0)
    }

    34% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 34%,transparent 0)
    }

    35% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 35%,transparent 0)
    }

    36% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 36%,transparent 0)
    }

    37% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 37%,transparent 0)
    }

    38% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 38%,transparent 0)
    }

    39% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 39%,transparent 0)
    }

    40% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 40%,transparent 0)
    }

    41% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 41%,transparent 0)
    }

    42% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 42%,transparent 0)
    }

    43% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 43%,transparent 0)
    }

    44% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 44%,transparent 0)
    }

    45% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 45%,transparent 0)
    }

    46% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 46%,transparent 0)
    }

    47% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 47%,transparent 0)
    }

    48% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 48%,transparent 0)
    }

    49% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 49%,transparent 0)
    }

    50% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,transparent 0)
    }

    52% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 52%,#005ad3 53%)
    }

    53% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 53%,#005ad3 54%)
    }

    54% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 54%,#005ad3 55%)
    }

    55% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 55%,#005ad3 56%)
    }

    56% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 56%,#005ad3 57%)
    }

    57% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 57%,#005ad3 58%)
    }

    58% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 58%,#005ad3 59%)
    }

    59% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 59%,#005ad3 60%)
    }

    60% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 60%,#005ad3 61%)
    }

    61% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 61%,#005ad3 62%)
    }

    62% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 62%,#005ad3 63%)
    }

    63% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 63%,#005ad3 64%)
    }

    64% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 64%,#005ad3 65%)
    }

    65% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 65%,#005ad3 66%)
    }

    66% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 66%,#005ad3 67%)
    }

    67% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 67%,#005ad3 68%)
    }

    68% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 68%,#005ad3 69%)
    }

    69% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 69%,#005ad3 70%)
    }

    70% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 70%,#005ad3 71%)
    }

    71% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 71%,#005ad3 72%)
    }

    72% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 72%,#005ad3 73%)
    }

    73% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 73%,#005ad3 74%)
    }

    74% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 74%,#005ad3 75%)
    }

    75% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 75%,#005ad3 76%)
    }

    76% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 76%,#005ad3 77%)
    }

    77% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 77%,#005ad3 78%)
    }

    78% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 78%,#005ad3 79%)
    }

    79% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 79%,#005ad3 80%)
    }

    80% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 80%,#005ad3 81%)
    }

    81% {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 80%,transparent 0)
    }

    to {
        background: radial-gradient(#2681ff 0,#2681ff 25%,#006af7 0,#006af7 50%,#005ad3 0,#005ad3 80%,transparent 0)
    }
}