.bricks-shadow {
    width: 100%
}

.bricks-shadow.shadow1 {
    background-color: #fbfbfb
}

.bricks-shadow.shadow2 {
    background-color: #f8f8f8
}

/* .bricks-shadow.shadow3 {
  background-color: #fff
} */

.bricks {
    width: 1280px;
    padding: 0 60px;
    margin: 0 auto
}

.bricks .bricks-main-title {
    font-size: 44px;
    font-weight: 500;
    color: #1F2D3D;
    line-height: 62px;
    text-align: center
}

.bricks .bricks-description {
    font-size: 18px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.bricks .bricks-sub-title {
    font-size: 42px;
    font-weight: 400;
    color: #1F2D3D;
    text-align: center;
    width: 100%
}

.bricks .bricks-primary-title {
    font-size: 36px;
    line-height: 60px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #111C3A;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
}

.bricks .bricks-primary-title span{
    color: #00ACBE;
    font-size: 51px;
    letter-spacing: 5px;
    line-height: 40px;
}

.bricks .bricks-btn {
    display: inline-block;
    text-align: center;
    width: 196px;
    height: 58px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 500;
    line-height: 58px;
    cursor: pointer
}

.bricks .bricks-btn.background-green {
    background: #0DB3A6;
    color: #FFF
}

.bricks .bricks-btn.background-green:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.bricks .bricks-btn.color-green {
    border: 1px solid #0DB3A6;
    color: #0DB3A6
}

.bricks .reason-switch-container-mobile,.bricks.case-slider-mobile {
    display: none
}

.bricks.bricks-install-preview .btn-container .btn-left,.bricks.bricks-install-preview .btn-container .btn-right {
    width: 196px;
    height: 58px;
    display: inline-block;
    line-height: 58px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    border-radius: 5px
}

.bricks.bricks-install-preview .bricks-sub-title {
    padding-top: 50px
}

.bricks.bricks-install-preview .bricks-description {
    padding-top: 20px;
    padding-bottom: 30px
}

.bricks.bricks-install-preview .btn-container {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.bricks.bricks-install-preview .btn-container .btn-left {
    background: #0DB3A6;
    color: #fff;
    margin-right: 20px;
    cursor: pointer
}

.bricks.bricks-install-preview .btn-container .btn-left:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.bricks.bricks-install-preview .btn-container .btn-right {
    border: 1px solid #0DB3A6;
    color: #0DB3A6;
    margin-left: 20px;
    cursor: pointer;
    position: relative
}

.bricks.bricks-install-preview .btn-container .btn-right:hover {
    background: #E6F7F6;
    border-color: #0DB3A6;
    color: #0DB3A6
}

.bricks.bricks-install-preview .install-tips {
    padding-top: 30px;
    padding-bottom: 70px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.bricks.bricks-banner-wrapper {
    padding: 100px 60px 50px
}

.bricks.bricks-banner-wrapper .banner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bricks.bricks-banner-wrapper .banner-content .content-left {
    width: 680px;
    margin-right: 20px
}

.bricks.bricks-banner-wrapper .banner-content .content-left .bricks-main-title {
    margin-top: 60px;
    font-size: 38px;
    line-height: 53px;
    margin-bottom: 20px;
    text-align: left
}

.bricks.bricks-banner-wrapper .banner-content .content-left .bricks-description {
    text-align: left
}

.bricks.bricks-banner-wrapper .banner-content .content-left .btn-container {
    margin-top: 80px;
    text-align: left
}

.bricks.bricks-banner-wrapper .banner-content .content-left .install-tips {
    text-align: left;
    padding-top: 30px;
    padding-bottom: 120px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px
}

.bricks.bricks-banner-wrapper .banner-content .content-right ,.banner-carousel .content-right{
    width: 402px;
    height: 500px;
    background: #fff;
    margin-right: 20px;
    margin-top: 150px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(219,219,219,.5);
    box-shadow: 0 2px 8px 0 rgba(219,219,219,.5)
}

.bricks.bricks-banner-wrapper .banner-content .content-right .register-iframe,.banner-carousel .content-right .register-iframe{
    width: 400px;
    height: 500px;
    border: none;
}

.bricks.bricks-manage-best-case {
    padding: 0 40px
}

.bricks.bricks-manage-best-case .bricks-sub-title {
    padding-top: 80px;
    padding-bottom: 40px;
    font-size: 36px;
    line-height: 36px
}

.bricks.bricks-manage-best-case .best-case-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.bricks.bricks-manage-best-case .best-case-container .arrow-left-container,.bricks.bricks-manage-best-case .best-case-container .arrow-right-container {
    height: 60px;
    width: 50px;
    display: inline-block;
    cursor: pointer;
    z-index: 2;
    margin: 0 20px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container {
    height: 420px;
    width: 1080px;
    padding: 0 20px;
    vertical-align: top;
    font-size: 16px;
    overflow: hidden
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items {
    height: 378px;
    position: relative
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item {
    height: 376px;
    background: #FFF;
    -webkit-box-shadow: 0 10px 20px 0 rgba(23,44,43,.09);
    box-shadow: 0 10px 20px 0 rgba(23,44,43,.09);
    border-radius: 8px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    vertical-align: top
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
    width: 556px;
    height: 376px;
    border-radius: 0 8px 8px 0;
    vertical-align: top;
    position: relative
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
    margin-top: 40px;
    margin-left: 76px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
    height: 36px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
    margin-top: 14px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
    position: absolute;
    width: 33px;
    height: 31px;
    left: 25px;
    top: 97px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
    margin-left: 72px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 30px;
    margin-right: 40px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
    font-weight: 400;
    color: #5E6D82;
    line-height: 22px;
    text-align: center;
    margin: 0;
    position: absolute;
    width: 100%;
    bottom: 30px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
    display: inline-block;
    width: 484px;
    height: 376px;
    background: #F4F9F7;
    border-radius: 0 0 8px 8px;
    vertical-align: top;
    padding: 43px;
    position: relative
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
    color: #1F2D3D;
    line-height: 30px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
    margin-top: 30px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description span.strong {
    font-weight: 600
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
    font-weight: 400;
    color: #0DB3A6;
    line-height: 22px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

@media screen and (max-width: 1380px) {
    .bricks-banner-wrapper {
        width:100%
    }
}

@media screen and (max-width: 1200px) {
    .bricks .bricks-primary-title {
        font-size:25px;
        line-height: 25px
    }
}

@media screen and (max-width: 1080px) {
    .bricks,.bricks.bricks-manage-best-case {
        padding:0 10px
    }

    .bricks {
        width: 100%;
        margin: 0 auto
    }

    .bricks.case-slider-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 300px;
        margin: 20px auto
    }

    .bricks.case-slider-mobile .arrow-left-mobile,.bricks.case-slider-mobile .arrow-right-mobile {
        border: 1px solid #DEE1E8;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.08);
        box-shadow: 0 1px 6px 0 rgba(0,0,0,.08);
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bricks.case-slider-mobile .arrow-left-mobile .arrow-left,.bricks.case-slider-mobile .arrow-left-mobile .arrow-right,.bricks.case-slider-mobile .arrow-right-mobile .arrow-left,.bricks.case-slider-mobile .arrow-right-mobile .arrow-right {
        position: absolute;
        width: 18px;
        opacity: 1
    }

    .bricks.case-slider-mobile .arrow-left-mobile .arrow-left-white,.bricks.case-slider-mobile .arrow-left-mobile .arrow-right-white,.bricks.case-slider-mobile .arrow-right-mobile .arrow-left-white,.bricks.case-slider-mobile .arrow-right-mobile .arrow-right-white {
        position: absolute;
        width: 18px;
        opacity: 0
    }

    .bricks.case-slider-mobile .arrow-left-mobile.animate-bg,.bricks.case-slider-mobile .arrow-right-mobile.animate-bg {
        -webkit-animation: .5s;
        animation: .5s;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

    .bricks.case-slider-mobile .arrow-left-white.animate-bg,.bricks.case-slider-mobile .arrow-right-white.animate-bg {
        -webkit-animation: .5s;
        animation: .5s;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-name: arrowFadeOutUp;
        animation-name: arrowFadeOutUp;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

    .bricks.case-slider-mobile .arrow-left.animate-bg,.bricks.case-slider-mobile .arrow-right.animate-bg {
        -webkit-animation: .5s;
        animation: .5s;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-name: arrowFadeOutIn;
        animation-name: arrowFadeOutIn;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

    @-webkit-keyframes fadeOutUp {
        0% {
            opacity: 0;
            display: none
        }

        12.5%,77.5% {
            opacity: 1;
            display: block;
            background: #0DB3A6
        }

        90% {
            opacity: .4;
            background: #0DB3A6;
            display: block
        }

        to {
            opacity: 0;
            display: none;
            background: #fff
        }
    }

    @keyframes fadeOutUp {
        0% {
            opacity: 0;
            display: none
        }

        12.5%,77.5% {
            opacity: 1;
            display: block;
            background: #0DB3A6
        }

        90% {
            opacity: .4;
            background: #0DB3A6;
            display: block
        }

        to {
            opacity: 0;
            display: none;
            background: #fff
        }
    }

    @-webkit-keyframes arrowFadeOutUp {
        0% {
            opacity: 0;
            display: none
        }

        12.5%,77.5% {
            opacity: 1;
            display: block
        }

        90% {
            opacity: .4;
            display: block
        }

        to {
            opacity: 0;
            display: none
        }
    }

    @keyframes arrowFadeOutUp {
        0% {
            opacity: 0;
            display: none
        }

        12.5%,77.5% {
            opacity: 1;
            display: block
        }

        90% {
            opacity: .4;
            display: block
        }

        to {
            opacity: 0;
            display: none
        }
    }

    @-webkit-keyframes arrowFadeOutIn {
        0% {
            opacity: 0;
            display: none
        }

        100% {
            opacity: 1;
            display: block
        }
    }

    @keyframes arrowFadeOutIn {
        0% {
            opacity: 0;
            display: none
        }

        100% {
            opacity: 1;
            display: block
        }
    }

    .bricks.case-slider-mobile .case-switch-container-mobile {
        width: 120px;
        text-align: center
    }

    .bricks.case-slider-mobile .case-switch-container-mobile .swiper-pagination-bullet {
        display: inline-block;
        width: 16px;
        height: 2px;
        background: #e7e7e7;
        border-radius: 2px;
        opacity: 1;
        margin: 0 4px
    }

    .bricks.case-slider-mobile .case-switch-container-mobile .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #0DB3A6
    }
}

@media screen and (max-width: 450px) {
    .bricks .bricks-main-title {
        font-size:19px;
        line-height: 32px
    }

    .bricks .bricks-description {
        font-size: 14px;
        width: 90%;
        margin: 0 auto
    }

    .bricks .bricks-btn {
        width: 118px;
        height: 37px;
        font-size: 15px;
        line-height: 37px
    }

    .bricks .bricks-sub-title {
        font-size: 18px
    }

    .bricks .bricks-primary-title {
        font-size: 18px;
        line-height: 22px
    }

    .bricks .reason-switch-container-mobile {
        display: block;
        text-align: center;
        padding-bottom: 20px
    }

    .bricks .reason-switch-container-mobile .swiper-pagination-bullet {
        display: inline-block;
        width: 16px;
        height: 2px;
        background: #e7e7e7;
        border-radius: 2px;
        opacity: 1;
        margin: 0 4px
    }

    .bricks .reason-switch-container-mobile .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #0DB3A6
    }

    .bricks.bricks-banner-wrapper,.bricks.bricks-install-preview {
        display: none
    }
}

.bricks-logos {
    background-image: url(../image/crm_logos_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 0 90px
}

.bricks-logos .bricks-sub-title {
    padding-top: 80px;
    padding-bottom: 36px
}

.bricks-logos>img {
    padding-bottom: 60px
}

.bricks-logos .logos-mobile {
    display: none
}

@media screen and (max-width: 1280px) {
    .bricks-logos .logos {
        display:none
    }

    .bricks-logos .logos-mobile {
        display: block
    }
}

@media screen and (max-width: 450px) {
    .bricks-logos {
        background-image:none;
        padding: 0 20px
    }

    .bricks-logos .bricks-sub-title {
        padding-top: 40px;
        padding-bottom: 10px
    }

    .bricks-logos>img {
        padding-bottom: 10px
    }
}

.solution-protection .bricks-sub-title {
    padding-top: 80px;
    padding-bottom: 12px
}

.solution-protection .bricks-description {
    margin-bottom: 40px;
    font-size: 16px
}

.solution-protection .protect-switch-tab .tab-selection {
    width: 200px;
    height: 48px;
    border-radius: 24px;
    border: 1px solid #D9D9D9;
    margin: 0 80px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    color: #5E6D82;
    opacity: 1;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.solution-protection .protect-switch-tab .tab-selection.swiper-pagination-bullet-active {
    color: #FFF;
    background: #0DB3A6;
    border: 1px solid #0DB3A6
}

.solution-protection .protect-content-mobile,.solution-protection .protect-switch-tab-mobile {
    display: none
}

.solution-protection .protect-content-pc {
    height: 500px;
    overflow: hidden
}

.solution-protection .protect-tab-content {
    padding: 30px 0;
    height: 500px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.solution-protection .protect-tab-content .per-three .content-items .items-title,.solution-protection .protect-tab-content .per-two .content-items .items-title {
    padding-top: 23px;
    padding-bottom: 13px
}

.solution-protection .protect-tab-content .swiper-container-protect .swiper-wrapper {
    display: block
}

.solution-protection .protect-tab-content .per-two .content-items {
    text-align: center;
    width: 25%;
    margin-top: 116px
}

.solution-protection .protect-tab-content .per-two .content-items:first-child {
    margin-left: 22%;
    margin-right: 3%
}

.solution-protection .protect-tab-content .per-two .content-items:nth-child(2) {
    margin-left: 3%;
    margin-right: 22%
}

.solution-protection .protect-tab-content .per-three .content-items {
    width: 33%;
    margin-top: 116px;
    text-align: center
}

.solution-protection .protect-tab-content .per-four .content-items {
    width: 25%;
    margin-top: 30px
}

.solution-protection .protect-tab-content .per-four .content-items>div,.solution-protection .protect-tab-content .per-four .content-items>img {
    margin-left: 50px
}

.solution-protection .protect-tab-content .per-four .content-items .items-title {
    padding-top: 11px;
    padding-bottom: 13px
}

.solution-protection .protect-tab-content .content-items {
    display: inline-block;
    vertical-align: top;
    height: 200px
}

.solution-protection .protect-tab-content .content-items .items-img {
    width: 48px;
    height: 48px
}

.solution-protection .protect-tab-content .content-items .items-title {
    font-size: 18px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 25px;
    padding-top: 23px;
    padding-bottom: 10px
}

.solution-protection .protect-tab-content .content-items .items-description {
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 22px;
    width: 200px;
    display: inline-block
}

@media screen and (max-width: 1280px) {
    .solution-protection .protect-switch-tab .tab-selection {
        width:25%;
        height: 38px;
        margin: 0 4%;
        line-height: 38px
    }

    .solution-protection .protect-tab-content .swiper-container-protect .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .solution-protection .protect-tab-content .per-two {
        padding: 116px 50px 20px
    }

    .solution-protection .protect-tab-content .per-two .content-items {
        width: 50%
    }

    .solution-protection .protect-tab-content .per-two .content-items:first-child,.solution-protection .protect-tab-content .per-two .content-items:last-child {
        margin: 0
    }

    .solution-protection .protect-tab-content .per-two .content-items .items-description {
        font-size: 12px
    }

    .solution-protection .protect-tab-content .per-two .content-items .items-img {
        width: 45px;
        height: 45px;
        margin-top: 10px
    }

    .solution-protection .protect-tab-content .per-two .content-items .items-title {
        padding-bottom: 10px;
        padding-top: 15px;
        font-size: 14px
    }

    .solution-protection .protect-tab-content .per-four .content-items {
        margin-top: 10px;
        padding: 10px;
        min-width: 160px
    }

    .solution-protection .protect-tab-content .per-four .content-items .items-img {
        margin-left: 0;
        margin-top: 15px
    }

    .solution-protection .protect-tab-content .per-four .content-items .items-description {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        margin-left: 0
    }

    .solution-protection .protect-tab-content .per-four .content-items .items-title {
        padding-bottom: 10px;
        padding-top: 10px;
        margin: 0;
        font-size: 13px;
        font-weight: 600
    }
}

@media screen and (max-width: 450px) {
    .solution-protection .bricks-sub-title {
        padding-top:20px;
        padding-bottom: 10px;
        font-size: 18px
    }

    .solution-protection .bricks-description {
        margin-bottom: 20px;
        font-size: 12px
    }

    .solution-protection .protect-switch-tab {
        display: none
    }

    .solution-protection .protect-switch-tab-mobile {
        display: block;
        padding: 0 10px
    }

    .solution-protection .protect-switch-tab-mobile .tab-selection {
        width: 31.3%;
        border: none;
        height: 32px;
        padding: 7px;
        border-radius: 8px;
        color: #617288;
        margin-right: 7px;
        font-size: 13px;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        background: #E7EEF6
    }

    .solution-protection .protect-switch-tab-mobile .tab-selection:nth-child(3) {
        margin-right: 0
    }

    .solution-protection .protect-switch-tab-mobile .tab-selection.active {
        color: #FFF;
        background-color: #80D1CA;
        background-image: -webkit-gradient(linear,left top, right top,from(#0DB3A6),to(#80D1CA));
        background-image: linear-gradient(to right,#0DB3A6,#80D1CA);
        background-repeat: repeat-x
    }

    .solution-protection .protect-content-pc {
        display: none
    }

    .solution-protection .protect-content-mobile {
        display: block;
        height: 260px;
        overflow: hidden
    }

    .solution-protection .protect-tab-content {
        position: relative;
        height: 260px;
        padding: 10px 0;
        display: block
    }

    .solution-protection .protect-tab-content .swiper-container-protect {
        width: 100%;
        height: 100%;
        padding: 0 10px
    }

    .solution-protection .protect-tab-content .content-items {
        width: 160px!important;
        margin-top: 10px;
        padding: 0 12px;
        background: #FFF;
        -webkit-box-shadow: 0 2px 10px 0 rgba(16,20,40,.04);
        box-shadow: 0 2px 10px 0 rgba(16,20,40,.04);
        border-radius: 6px
    }

    .solution-protection .protect-tab-content .content-items .items-description {
        width: 100%;
        font-size: 12px;
        line-height: 20px
    }

    .solution-protection .protect-tab-content .content-items .items-img {
        width: 24px;
        height: 24px;
        margin-top: 15px
    }

    .solution-protection .protect-tab-content .content-items .items-title {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .solution-protection .protect-tab-content .per-three .content-items {
        margin-top: 15px;
        padding: 0 12px;
        font-size: 12px
    }

    .solution-protection .protect-tab-content .per-three .content-items .items-title {
        padding: 10px 0;
        font-size: 14px
    }

    .solution-protection .protect-tab-content .per-four .content-items {
        margin-top: 15px;
        padding: 0 12px
    }

    .solution-protection .protect-tab-content .per-four .content-items .items-img {
        margin-left: 0;
        margin-top: 15px
    }

    .solution-protection .protect-tab-content .per-four .content-items .items-description {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        margin-left: 0
    }

    .solution-protection .protect-tab-content .per-four .content-items .items-title {
        padding-bottom: 10px;
        padding-top: 10px;
        margin: 0;
        font-size: 13px;
        font-weight: 600
    }

    .solution-protection .protect-tab-content .per-two {
        padding: 10px 0
    }

    .solution-protection .protect-tab-content .per-two .content-items {
        margin-top: 10px
    }

    .solution-protection .protect-tab-content .per-two .content-items .items-img {
        width: 24px;
        height: 24px;
        margin-top: 15px
    }

    .solution-protection .protect-tab-content .per-two .content-items .items-title {
        padding-bottom: 10px;
        padding-top: 10px;
        font-size: 14px
    }

    .solution-protection .protect-tab-content .per-two .content-items:first-child,.solution-protection .protect-tab-content .per-two .content-items:nth-child(2) {
        margin: 0
    }
}

@media screen and (max-width: 350px) {
    .solution-protection .protect-switch-tab-mobile {
        display:block
    }

    .solution-protection .protect-switch-tab-mobile .tab-selection {
        font-size: 12px
    }
}

@-webkit-keyframes jump {
    0%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
}

@keyframes jump {
    0%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
}

@keyframes blink {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@-webkit-keyframes blink {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.container {
    width: 100%
}

.row {
    width: 70%;
    margin: 0 auto
}

.m {
    display: none
}

.title {
    font-size: 42px;
    text-align: center;
    font-weight: 400;
    color: #1f2d3d;
    line-height: 59px;
    margin-bottom: 50px
}

.banner{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}


ul.slides {
    position: relative;
    width: 100%;
    height: 832px;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #eee;
}

li.slide {
    margin: 0;
    padding: 0;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s transform ease-in-out;

}

.slides .slide:nth-of-type(1) {
    height: 832px;
    margin-top: 0;
    padding: 0;
    background-image: url('../image/s1_banner.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.slides .slide:nth-of-type(2) {
    height: 832px;
    margin-top: 0;
    padding: 0;
    background-image: url('../image/s1-2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    left: 100%;
}

input[type="radio"] {
    position: relative;
    z-index: 100;
    display: none;
}

.controls-visible {
    position: absolute;
    width: 100%;
    text-align: center;
    top:840px
}

.controls-visible label {
    display: inline-block;
    width: 60px;
    height: 6px;
    background-color: #E3E5E8;
    margin: 0 3px;
}

.slides input[type="radio"]:nth-of-type(1):checked ~ .controls-visible label:nth-of-type(1) {
    background-color: #FFC03E;
}

.slides input[type="radio"]:nth-of-type(2):checked ~ .controls-visible label:nth-of-type(2) {
    background-color: #FFC03E;
}

.slides input[type="radio"]:nth-of-type(1):checked ~ .slide {
    transform: translatex(0%);
}

.slides input[type="radio"]:nth-of-type(2):checked ~ .slide {
    transform: translatex(-100%);
}



/* s1 */
.index-banner {
    height: 832px;
    margin-top: 0;
    padding: 0;
    /* background: -webkit-gradient(to right,rgba(244,246,249,1) 0,rgba(244,246,249,.64) 100%);
  background: -webkit-gradient(linear,left top, right top,color-stop(0, rgba(244,246,249,1)),to(rgba(244,246,249,.64)));
  background: linear-gradient(to right,rgba(244,246,249,1) 0,rgba(244,246,249,.64) 100%); */
    /* background-image: url('../image/s1.png'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.index-scene-banner{
    background-image: url('../image/banner-场景案例@2x.png');
    color: #111C3A;
    height: auto;
}

.index-price-banner{
    /* height: 800px; */
    background: linear-gradient(180deg, #E8F7FA 0%, #FFFFFF 100%);
    position: relative;
}
.index-amz{
    background-image: url('../image/amz-s1.png');
}
/* 切图下部是透明色，不如设置一个背景颜色，一个背景图片，图片的下面透明的部分会自动用背景颜色填充 */
.index-cooperation{
    /* height: 918px; */
    height: 1000px;
    background-color: #FAFCFF;
    background-image: url('../image/banner-招商加盟.png');
}

/* .index-price-banner .price-header-left{
  position: absolute;
  top: 0;
  left: 0;
  width: 569px;
  height: 371px;
  background: #FFFFFF;
  opacity: 0.35;
  filter: blur(0px);
  border-radius: 700px;
} */

.scene-navbar-white{
    color: #00ACBE !important;
}
/* .index-banner .advertising-space {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  background: #e3f9f8;
  height: 60px
}

.index-banner .advertising-space .advertise-banner {
  width: 1280px;
  margin: 0 auto;
  height: 100%
}

.index-banner .advertising-space .advertise-banner .advertise-image {
  width: 100%;
  height: 100%;
  background: url(../image/advertise_pc_pro.png) center center no-repeat;
  background-size: cover
}

.index-banner .advertising-space .live-qrcode-show {
  display: none;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 436px;
  z-index: 2
}

.index-banner .advertising-space:hover .live-qrcode-show {
  display: block
} */

.index-banner .row{
    /* padding-top: 200px; */
    width: 1280px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 60px;
    position: relative;
}

@media (max-width: 1200px) {
    .index-banner .row {
        width:100%
    }
}

.index-banner .txt {
    margin-top: 100px;
    margin-bottom: 100px;
    width: 580px;
    height: 400px;
    color: #FFFFFF;
}

.index-banner .txt h1 {
    width: 341px;
    height: 70px;
    font-size: 70px;
    font-weight: 500;
    line-height: 120px;
    letter-spacing: 4px;
    margin-bottom: 31px;
    margin-top: 100px;
}

.index-banner .txt h2 {
    width: 800px;
    height: 44px;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 72px;
    margin-bottom: 26px
}

.index-banner .txt h3 {
    width: 580px;
    height: 132px;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 26px
}

.index-banner .txt h3 span {
    color: #0DB3A6;
    font-weight: 600
}

.index-banner .txt .banner-button-container{
    overflow: hidden;
    height: 80px;
}

.index-banner .txt .banner-button-container a{
    display: block;
    width: 178px;
    height: 58px;
    background: #FFFFFF;
    border-radius: 4px;
    float: left;
    margin-right: 40px;
    text-align: center;
    line-height: 58px;
    font-size: 24px;
    font-weight: 400;
    color: #0089AA;
}

.index-banner .txt .banner-button-container a:hover{
    box-shadow: 0px 4px 10px 0px rgba(0, 48, 68, 0.2);
}

.index-banner .txt p {
    font-size: 16px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.index-banner .txt p img {
    width: 18px;
    margin-right: 6px
}

/* scene */
.index-banner .scene-txt{
    color: #111C3A;
    width: 620px;
}

.index-banner .scene-txt h1{
    width: 100%;
    height: 67px;
    font-size: 48px;
    font-weight: 500;
    line-height: 67px;
    margin-bottom: 17px
}

.index-banner .scene-txt h2{
    width: 100%;
    height: 33px;
    font-size: 24px;
    font-weight: 400;
    line-height: 33px;
    margin-bottom: 119px;
}

.index-banner .scene-txt a.header-button-left{
    color: #FFFFFF;
    background-color: #00ACBE;
    border-radius: 8px;
    box-shadow: 0px 2px 10px 0px rgba(0, 88, 97, 0.18);
    font-size: 26px;
    width: 235px;
    /* float: left;
  cursor: pointer;
  height: 58px;
  line-height: 58px; */
}

.index-banner .scene-txt a.header-button-right{
    color: #00ACBE;
    box-shadow: 0px 2px 10px 0px rgba(0, 88, 97, 0.1);
    border-radius: 8px;
    background: #FFFFFF;
    font-size: 26px;
}

.index-banner .scene-txt a.header-button-left:hover{
    background: #4DC5D1;
}

.index-banner .scene-txt a.header-button-right:hover{
    background: #00ACBE;
    color: #FFFFFF;
}


.index-banner .txt1 {
    margin-top: 100px;
    margin-bottom: 100px;
    margin-left: -10px;
    width: 600px;
    height: 400px;
    color: #FFFFFF;
}
.index-banner .txt1 .logo {
    display: flex;
    width: 800px;
    height: 60px;
}
.index-banner .txt1 .logo .dianjiang1 {
    width: 300px;
    height: 150px;
    margin-left: -10px;
}
.index-banner .txt1 .logo .dianjiang2 {
    width: 400px;
    height: 50px;
    margin-top: 50px;
    margin-left: 25px;
}
.index-banner .txt1 .logo h4 {
    font-size: 60px;
    font-weight: 300;
    margin-left: 20px;
    margin-top: 30px;

}

.index-banner .txt1 h1 {
    width: 800px;
    height: 130px;
    font-size: 60px;
    font-weight: 500;
    line-height: 75px;
    letter-spacing: 4px;
    margin-bottom: 31px;
    margin-top: 75px;
}
}

.index-banner .txt1 h2 {
    width: 800px;
    height: 44px;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 72px;
    margin-bottom: 26px
}

.index-banner .txt1 h3 {
    width: 580px;
    height: 80px;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 50px;
}

.index-banner .txt1 h3 span {
    color: #0DB3A6;
    font-weight: 600
}

.index-banner .txt1 .banner-button-container{
    overflow: hidden;
    height: 80px;
}

.index-banner .txt1 .banner-button-container a{
    display: block;
    width: 178px;
    height: 58px;
    background: #0066ff;
    border-radius: 30px;
    float: left;
    margin-right: 40px;
    text-align: center;
    line-height: 58px;
    font-size: 24px;
    font-weight: 400;
    color: #eeeeee;
}

.index-banner .txt1 .banner-button-container a:hover{
    box-shadow: 0px 4px 10px 0px rgba(0, 48, 68, 0.2);
}

.index-banner .txt1 p {
    font-size: 16px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.index-banner .txt1 p img {
    width: 18px;
    margin-right: 6px
}

/* scene */
.index-banner .scene-txt1{
    color: #111C3A;
    width: 620px;
}

.index-banner .scene-txt1 h1{
    width: 100%;
    height: 67px;
    font-size: 48px;
    font-weight: 500;
    line-height: 67px;
    margin-bottom: 17px
}

.index-banner .scene-txt1 h2{
    width: 100%;
    height: 33px;
    font-size: 24px;
    font-weight: 400;
    line-height: 33px;
    margin-bottom: 119px;
}

.index-banner .scene-txt1 a.header-button-left{
    color: #FFFFFF;
    background-color: #00ACBE;
    border-radius: 8px;
    box-shadow: 0px 2px 10px 0px rgba(0, 88, 97, 0.18);
    font-size: 26px;
    width: 235px;
    /* float: left;
cursor: pointer;
height: 58px;
line-height: 58px; */
}

.index-banner .scene-txt1 a.header-button-right{
    color: #00ACBE;
    box-shadow: 0px 2px 10px 0px rgba(0, 88, 97, 0.1);
    border-radius: 8px;
    background: #FFFFFF;
    font-size: 26px;
}

.index-banner .scene-txt1 a.header-button-left:hover{
    background: #4DC5D1;
}

.index-banner .scene-txt1 a.header-button-right:hover{
    background: #00ACBE;
    color: #FFFFFF;
}


/* price */
.price-banner{
    text-align: center;
    display:flex;
    justify-content:center;
    align-items:center;
    background-image: url(../image/price-s1.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.price-banner .price-txt{
    width: auto;
}

.price-banner .price-txt h1{
    color: #111C3A;
    font-weight: 600;
    font-size: 48px;
    height: 67px;
    width: auto;
    line-height: 67px;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.price-banner .price-txt h2{
    width: auto;
    height: 29px;
    font-size: 21px;
    font-weight: 400;
    color: #111C3A;
    line-height: 29px;
}
/* .index-banner .video-block {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto
}

.index-banner .video-block .video-btn {
  width: 206px;
  height: 206px;
  background: url(../image/video_btn.png);
  background-size: cover;
  position: absolute;
  top: 57%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
} */

.index-banner .img {
    width: 630px
}

.index-entrance {
    position: relative;
    top: -50px;
    height: 98px
}

.index-entrance .row {
    width: 1280px;
    padding: 0 60px
}

.index-entrance .row .solution-list {
    width: 100%;
    height: 148px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 2px 8px 0 rgba(16,20,40,.1);
    box-shadow: 0 2px 8px 0 rgba(16,20,40,.1);
    border-radius: 4px;
    overflow: hidden
}

.fx-header .menu,.index-entrance .row .solution-list .entrance .entrance-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.index-entrance .row .solution-list .entrance {
    width: 25%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    cursor: pointer;
    background: #fff;
    padding: 36px 19px 0
}

.index-entrance .row .solution-list .entrance .entrance-img {
    width: 50px;
    margin-right: 16px
}

.index-entrance .row .solution-list .entrance .entrance-img .entrance-icon {
    width: 44px
}

.index-entrance .row .solution-list .entrance .entrance-content .item-title {
    font-size: 15px;
    color: #1F2D3D;
    margin-bottom: 10px;
    font-weight: 700
}

.index-entrance .row .solution-list .entrance .entrance-content .description {
    font-size: 14px;
    color: #5E6D82
}

.index-entrance .row .solution-list .entrance .mobile-btn {
    display: none
}

.index-entrance .row .solution-list .entrance:hover {
    background: #F5FBFB
}

.index-entrance .row .solution-list .entrance:hover .entrance-content .item-title {
    color: #0DB3A6
}


/* 招商加盟-banner */
.index-cooperation .index-h1{
    display: block;
    width: 552px;
    /* height: 34px; */
    font-size: 24px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    margin: 0 auto;
    padding-top: 350px;
}

.index-cooperation .index-cooperation-button{
    display: block;
    width: 156px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    opacity: 1;
    font-size: 20px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #1A5C8D;
    line-height: 48px;
    text-align: center;
    margin: 60px auto 0;
}

.index-cooperation .index-cooperation-div{
    width: 1200px;
    height: 328px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px 1px rgba(16, 37, 40, 0.05);
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    /* z-index: 10; */
    margin: 106px auto 20px;
    padding-top: 60px;
}

.div-title{
    text-align: center;
    margin-bottom: 30px;
    font-size: 30px;
    color: #2291D9;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    line-height: 46px;
    letter-spacing: 1px;
}

.div-title img{
    width: 80px;
    margin: 0 20px;
}

.div-description{
    margin: 0 auto;
    width: 896px;
    height: 132px;
    font-size: 16px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #0A1A3C;
    /* line-height: 19px; */
}

/* 自动轮播 */
.index-process {
    padding-top: 80px;
    height: 1080px;
}

.index-process .bricks {
    padding: 0 60px
}

.index-process .process-tab-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px 0
}

.index-process .process-tab-pc .swiper-pagination-bullet {
    text-align: center;
    width: 100px;
    border-radius: 0;
    background: 0 0;
    color: #5E6D82;
    opacity: 1;
    margin: 0 50px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.index-process .process-tab-pc .swiper-pagination-bullet .tab-name {
    line-height: 28px;
    font-size: 20px;
    color: #5E6D82;
    margin-bottom: 16px
}

.index-process .process-tab-pc .swiper-pagination-bullet .circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #CBDBF4;
    border: 6px solid #F4F6F9;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: relative;
    z-index: 2
}

.index-process .process-tab-pc .swiper-pagination-bullet .circle:after {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 18px;
    width: 176px;
    height: 2px;
    z-index: 0;
    background: #F4F6F9
}

.index-process .process-tab-pc .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: 0 0
}

.index-process .process-tab-pc .swiper-pagination-bullet.swiper-pagination-bullet-active .tab-name {
    color: #0DB3A6
}

.index-process .process-tab-pc .swiper-pagination-bullet.swiper-pagination-bullet-active .circle {
    background: #0DB3A6;
    border: 6px solid #D0F0EE
}

.index-process .process-tab-pc .process-tab:nth-child(3) .circle:after {
    width: 0;
    height: 0;
    background: 0 0
}

.index-process .process-content-pc {
    overflow: hidden;
    height: 730px
}

.index-process .process-content-pc .swiper-slide {
    text-align: center;
    position: relative
}

.index-process .process-content-pc .swiper-slide .step-info {
    /* width: 800px; */
    font-size: 16px;
    color: #5E6D82;
    line-height: 22px;
    margin-bottom: 30px;
    /* background-image: url(/img1/s2-1&2-bg@2x.png); */
    /* background-size: cover; */
}

.index-process .process-content-pc .swiper-slide .step-info a {
    color: #0DB3A6;
    margin-left: 20px
}

.index-process .process-content-pc .swiper-slide .step-img {
    width: 1026px
}

.index-process .ya,.index-process .yb,.index-process .yc {
    display: block;
    position: absolute;
    max-width: 120px
}

.index-process .ya {
    top: 25px;
    right: 100px;
    -webkit-animation: jump 2s infinite;
    animation: jump 2s infinite
}

.index-process .yb {
    left: 100px;
    bottom: 123px;
    -webkit-animation: jump 2.5s infinite;
    animation: jump 2.5s infinite
}

.index-process .yc {
    right: 100px;
    bottom: 25px;
    -webkit-animation: jump 3s infinite;
    animation: jump 3s infinite
}

.index-process .process-content-mobile {
    display: none
}




/* s3 轮播图 */
.sjr-sdjs .item .left .swa{
    border-radius: 16px;
    /*height: 50px;*/
}

.sjr-sdjs .row{
    /* margin-top: -50px; */
}
.sjr-sdjs .swiper-img{
    width: 664px;
    /* height: 387px; */
}

.icon-title{
    /* width: 133px; */
    height: 54px;
    display: inline-block;
    /* padding-top: -10px; */
}
.icon-title-inner{
    padding-top: 7px;
    padding-bottom: 35px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: #9A9FA3;
}

.div-icon-title{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align: center;
}

/* s4 点击切换 */
.index-business{
    background-image: url(../image/s4.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 57px;
    padding-bottom: 39px;
}
.index-business .index-business-title{
    margin-top: 30px;
    margin-bottom: 30px;
}

.business-content{
    width: 60%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    background-image: url(../image/s4.png);
}

.business-content .list-item{
    /* background-image: url(/img1/s4.png); */
    background-size: cover;
    float: left;
    width: 534px;
}

.business-content .list-item img{
    width: 68px;
    margin: 40px 40px 30px 30px;
}
/* skj */
.index-business .job-description-container {
    /*width: 1055px;*/
    height: 459px;
    text-align: center;
    overflow: hidden;
}

.index-business .job-description-container .left{
    width: 625px;
    height: 459px;
    float: left;
}
.index-business .job-description-container .right{
    width: 535px;
    height: 459px;
    float: left;
}

.classify-jobs-tab {
    margin-bottom: 30px;
    margin-top: 60px;
    text-align: center;
}

.classify-jobs-tab li {
    display: inline-block;
    color: #617288;
    margin-right: 67px;
    padding: 8px 0;
    border-bottom: 1px solid transparent;
}
/* .classify-jobs-tab li.fist-li{
  margin-left: 20px;
} */

.classify-jobs-tab li a {
    text-decoration: none;
    font-size: 25px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 2px;
    color: #111C3A;
    outline: none;
}

.classify-jobs-tab .active {
    color: #00ACBE;
    border-bottom: 2px solid #00ACBE;
}

.classify-jobs-tab .active a {
    color: #00ACBE;
}





.job-text {
    padding: 80px 30px;
}

.btn-on-job {
    float: left;
    margin: 0;
}

.job-title {
    font-size: 28px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 28px;
    letter-spacing: 2px;
    margin-bottom: 23px;
}

.text-center{
    text-align: center;
}

.index-business .benefit-for-job {
    /* width: 502px; */
    /* height: 120px; */
    font-size: 14px;
    font-weight: 400;
    color: #111C3A;
    line-height: 30px;
    letter-spacing: 1px;
    /* margin-bottom: 54px; */
    /* min-height: 132px; */
    text-align: left;
    /* margin-top: 40px; */
}

.index-business .benefit-for-job .job-page-title-1{
    font-size: 18px;
    font-weight: 600;
    color:#00ACBE
    /* text-align: center; */
}
.index-business .benefit-for-job .job-page-title-2{
    font-size: 16px;
    font-weight: 500;
}
.index-business .benefit-for-job .job-page-title-2 .green{
    color:#00ACBE
}

.job-pic {
    padding: 0;
    height: 430px;
}
button{
    outline:none
}

.login-btn-white {
    border-radius: 2px;
    border: 1px solid #305BD3;
    color: #305BD3!important;
    padding: 6px 24px;
    margin-top: 11px;
}

.job-pic-container{
    height: 100%;
    position: relative;
    left: -20px;
    top: 20px;
    /*background: white;*/
    /*background: url("./img1/jobpic.png") no-repeat center;*/
    /*background-size: 100% 100%;*/
}
/* s7 数据安全保障 */
.index-security{
    background: #F3F5F8;
    padding-top: 100px;
}

.index-security .bricks-description{
    padding-top: 18px;
}

.index-security .demand-content{
    margin-bottom: 100px;
    background-image: url(../image/s7.png);
}

.index-security .demand-content .list-item{
    width: 380px;
}




/* s2 点击放大 */
.index-multiple {
    background: #F5FAFF;
    padding: 57px 0 114px
}

.index-multiple .bricks {
    padding: 0 60px
}

.index-multiple .lists {
    margin-top: 40px;
    width: 100%
}

.index-multiple .lists .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: auto
}

.index-multiple .lists .list-item {
    width: 350px;
    height: 460px;
    /* padding: 12px; */
    margin-bottom: 30px;
    /* background: #77A48B; */
    text-align: center;
    -webkit-box-shadow: 2px 9px 20px 0 rgba(119,164,139,.15);
    box-shadow: 2px 9px 20px 0 rgba(119,164,139,.15);
    border-radius: 22px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    display:flex;
    justify-content:center;
    align-items:center;
}

.index-multiple .lists .s2-list-item-1{
    background-image: url(../image/s2-1@2x.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.index-multiple .lists .s2-list-item-2{
    background-image: url(../image/s2-2@2x.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.index-multiple .lists .s2-list-item-3{
    background-image: url(../image/s2-3@2x.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.index-multiple .lists .list-item:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    /* -webkit-box-shadow: 0 20px 40px 0 rgba(16,20,40,.07); */
    /* box-shadow: 0 20px 40px 0 rgba(16,20,40,.07) */
}

.index-multiple .lists .list-item .item-banner {
    width: 100%;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.index-corp-demand .demand-content-mobile,.index-multiple .lists .list-item .item-btn-mobile {
    display: none
}

/* .index-multiple .lists .list-item .item-banner.crm,.index-multiple .lists .list-item .item-banner.more {
  background: rgba(253,146,126,.12)
}

.index-multiple .lists .list-item .item-banner.setting,.index-multiple .lists .list-item .item-banner.supplier {
  background: rgba(113,186,252,.12)
}

.index-multiple .lists .list-item .item-banner.project {
  background: rgba(130,232,158,.12)
}

.index-multiple .lists .list-item .item-banner.inventory {
  background: rgba(244,207,84,.12)
}

.index-multiple .lists .list-item .item-banner.oa {
  background: rgba(214,158,248,.12)
}

.index-multiple .lists .list-item .item-banner.retail {
  background: rgba(112,211,233,.12)
}

.index-multiple .lists .list-item .item-banner img {
  width: 62px
} */

.list-item-txt{
    width: 74%;
    margin-left: auto;
    margin-right: auto;
}
.index-multiple .lists .list-item .item-name {
    color: #1F2D3D;
    font-size: 20px;
    line-height: 28px;
    text-align: left;
}

.index-multiple .lists .list-item .item-description {
    color: #5E6D82;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    margin-bottom: 105px
}

.index-multiple .lists .list-item .item-description-2{
    margin-top: -90px;
    font-size: 16px;
}

/* s5 亚马逊服务商 */
.provider{
    position: relative;
    /*background-color: #F3F6FA;*/
    margin: 0 auto;
    text-align: center;
    padding: 57px 0 130px;
}
.provider .ministry li{
    float: left;
    padding: 14px;
    /* width: 33.33%; */
    box-sizing: border-box;
    list-style-type: none;
}

.ministry li .ministry-item{
    border-radius: 4px;
    width: 272px;
    height: 120px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    display: flex;
}

.provider .ministry{
    max-width: 1280px;
    text-align: center;
    margin: 0 auto;
    margin-top: 36px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.ministry-item p{
    font-size: 20px;
    color: #333333;
    font-weight: 400;
}
.ministry-item img{
    margin: auto;
    width: 160px;
    height: auto;
}
/* .ministry li:nth-child(1) .ministry-item img{
  margin: 25px 0 15px;
}
.ministry li:nth-child(3) .ministry-item img{
  margin: 25px 0 15px;
} */








/* 暂时不用 */
.index-corp-value {
    padding: 100px 0 40px
}

.index-corp-value .bricks {
    padding: 0 60px
}

.index-corp-value .bricks .bricks-description {
    margin: 16px 0 50px
}

.index-corp-value .index-corp-value-title{
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 5px;
    color: #000000;
    line-height: 40px;
    margin-bottom: 50px;
}

.index-corp-value .tab-box {
    position: relative
}

.index-corp-value .tab-box .corp-logo-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 60px
}

.index-corp-value .tab-box .corp-logo-tab li {
    position: relative;
    width: 180px;
    height: 80px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,130,120,.16);
    box-shadow: 0 2px 8px 0 rgba(0,130,120,.16);
    opacity: 1
}

.index-corp-value .tab-box .corp-logo-tab li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: 0 0
}

.index-corp-value .tab-box .corp-logo-tab li img {
    width: 154px
}

.index-corp-value .tab-box .corp-logo-tab li.item-5-logo {
    font-size: 20px;
    line-height: 80px
}

.index-corp-value .tab-box .corp-logo-tab li.item-5-logo span {
    color: #1F2D3D
}

.index-corp-value .tab-box .corp-logo-tab li.item-5-logo:hover span {
    color: #0DB3A6
}

.index-corp-value .tab-box .corp-logo-tab li.swiper-pagination-bullet-active {
    border: none
}

.index-corp-value .tab-box .corp-logo-tab li.swiper-pagination-bullet-active:after {
    background: #0DB3A6
}

.index-corp-value .tab-box .corp-value-container {
    -webkit-box-shadow: 0 0 18px 0 rgba(64,106,103,.13);
    box-shadow: 0 0 18px 0 rgba(64,106,103,.13);
    border-radius: 4px
}

.index-corp-value .tab-box .corp-value-container .corp-value-wrapper {
    height: 400px
}

.index-corp-value .tab-box .corp-value-container .corp-value-wrapper li {
    border-radius: 8px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .img-corp .corp-logo-mobile,.index-gn .row .tab-box .tab-title li a,.index-gn .row .tab-box .tab-title li img,.index-gn .row .tab-box .tab-title li p {
    display: none
}

.index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .img-corp {
    width: 600px;
    height: 100%;
}

.index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .img-corp .corp-logo-pc {
    width: 577px;
    margin: 50px 0 50px 20px;
    border-radius: 10px;
}

.index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box {
    width: 768px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box .txt-content {
    padding: 40px 70px 60px 50px
}

.index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box .txt-content img {
    width: 184px
}

.index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box .txt-content .text-info {
    font-size: 14px;
    color: #333333;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 28px;
    margin-top: 28px;
    position: relative;
    height: 135px;
}

.index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box .txt-content .text-info img {
    width: 20px;
    position: absolute;
    top: 0;
    left: -36px
}

.index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box .txt-content .text-name {
    display: inline-block;
    font-size: 16px;
    color: #1F2D3D;
    line-height: 22px
}

.index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box .txt-content .text-name .color-grey {
    font-size: 14px;
    color: #5E6D82;
    margin-left: 15px
}

.index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box .txt-content .look-more{
    margin: 0;

}

.index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box .txt-content .look-more button{
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 20px;
    margin-top: 62px;
    background-color: #00ACBE;
    border-radius: 3px;
    width: 107px;
    height: 34px;
    margin: 0;
}

.index-corp-value .tab-box .pagxl {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    bottom: -25px
}

.index-corp-value .tab-box .pagxl .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    background: #e7e7e7;
    border-radius: 1px;
    opacity: 1;
    margin: 0 3px
}

.index-corp-value .tab-box .pagxl .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0db3a6
}

.index-gn .row {
    width: 1280px;
    padding: 0 100px
}

.index-gn .row .tab-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 25px
}

.index-gn .row .tab-box .gallery-thumbs {
    width: 240px;
    height: 410px
}

.index-gn .row .tab-box .tab-title li {
    height: 64px;
    background: #fff;
    margin-bottom: 15px
}

.index-gn .row .tab-box .tab-title li h3 {
    color: #5e6d82;
    font-size: 20px;
    line-height: 64px;
    padding-left: 58px;
    text-align: left;
    cursor: pointer
}

.index-gn .row .tab-box .tab-title li h3 i {
    font-size: 28px;
    margin-right: 15px;
    color: #c3cdda;
    position: relative;
    top: 3px
}

.index-gn .row .tab-box .tab-title li:last-of-type {
    margin-bottom: 0
}

.index-gn .row .tab-box .tab-title li.swiper-slide-thumb-active {
    -webkit-box-shadow: 0 0 8px 0 rgba(64,106,103,.13);
    box-shadow: 0 0 8px 0 rgba(64,106,103,.13)
}

.index-gn .row .tab-box .tab-title li.swiper-slide-thumb-active h3,.index-gn .row .tab-box .tab-title li.swiper-slide-thumb-active h3 i {
    color: #0db3a6
}

.index-gn .row .tab-box .gallery-top {
    width: 730px;
    text-align: center;
    overflow: hidden;
    height: 485px
}

.index-gn .row .tab-box .tab-content li {
    position: relative;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.index-gn .row .tab-box .tab-content li>img {
    max-width: 560px;
    margin-bottom: 50px
}

.index-gn .row .tab-box .tab-content li .ya {
    display: block;
    position: absolute;
    max-width: 120px;
    right: 50px;
    top: 25px;
    z-index: -1;
    -webkit-animation: jump 2s infinite;
    animation: jump 2s infinite
}

.index-gn .row .tab-box .tab-content li .yb {
    display: block;
    position: absolute;
    max-width: 120px;
    left: 68px;
    bottom: 123px;
    z-index: 2;
    -webkit-animation: jump 3s infinite;
    animation: jump 3s infinite
}

.index-gn .row .tab-box .tab-content li p {
    font-size: 16px;
    font-weight: 400;
    color: #5e6d82;
    line-height: 22px
}

.index-gn .row .tab-box .tab-content li p a {
    color: #0DB3A6;
    margin-left: 15px
}

.index-gn .row .tab-box .tab-content li:nth-of-type(2) .ya {
    width: 65px;
    right: 62px;
    top: 100px;
    left: auto
}

.index-gn .row .tab-box .tab-content li:nth-of-type(2) .yb {
    width: 65px;
    bottom: 100px;
    left: 140px;
    right: auto;
    top: auto
}

.index-gn .row .tab-box .tab-content li:nth-of-type(3) .ya {
    width: 63px;
    top: 112px;
    right: 113px;
    z-index: 2
}

.index-gn .row .tab-box .tab-content li:nth-of-type(3) .yb {
    width: 94px;
    left: 100px;
    right: auto;
    top: auto;
    bottom: 130px
}

.index-gn .row .tab-box .tab-content li:nth-of-type(4) .ya {
    width: 75px;
    top: 74px;
    right: 50px;
    bottom: auto
}

.index-gn .row .tab-box .tab-content li:nth-of-type(4) .yb {
    width: 104px;
    left: 74px;
    right: auto;
    top: auto;
    bottom: 125px
}

.index-gn .row .tab-box .tab-content li:nth-of-type(5) .ya {
    width: 85px;
    left: 216px;
    bottom: 143px;
    top: auto;
    z-index: 2
}

.index-gn .row .tab-box .tab-content li.on {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.index-jz .row {
    width: 1280px
}

@media (max-width: 1200px) {
    .index-jz .row {
        width:100%
    }
}

.index-jz .jz-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.index-jz .jz-list li {
    width: 49%;
    -webkit-box-shadow: 0 0 18px 0 rgba(64,106,103,.13);
    box-shadow: 0 0 18px 0 rgba(64,106,103,.13);
    margin-bottom: 20px;
    height: 280px
}

.index-jz .jz-list li .t {
    font-size: 20px;
    color: #fff;
    line-height: 64px;
    text-align: center
}

.index-jz .jz-list li .qybox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fx-center-mobile,.index-case .bricks .bricks-logo .logos-mobile {
    display: none
}

.index-jz .jz-list li .qybox .qyitem {
    width: 49%;
    padding: 40px 30px 0 40px
}

.index-jz .jz-list li .qybox .qyitem img {
    max-height: 41px;
    margin-bottom: 20px
}

.index-jz .jz-list li .qybox .qyitem p {
    font-size: 14px;
    font-weight: 400;
    color: #5e6d82;
    line-height: 21px;
    margin-bottom: 10px
}

.index-jz .jz-list li:nth-of-type(3),.index-jz .jz-list li:nth-of-type(4) {
    margin-bottom: 0
}

.index-jz .jz-list li .qybox .qyitem a {
    font-size: 14px;
    font-weight: 400;
    color: #0db3a6;
    line-height: 20px
}

.index-jz .jz-list li .qybox span {
    width: 1px;
    height: 136px;
    border-left: 1px solid #E9E9E9
}

.index-jz .jz-list li:nth-of-type(1) .t {
    background: -webkit-gradient(linear,right top, left top,color-stop(0, #4c58ff),to(#3b81ff));
    background: linear-gradient(270deg,#4c58ff 0,#3b81ff 100%)
}

.index-jz .jz-list li:nth-of-type(2) .t {
    background: -webkit-gradient(linear,right top, left top,color-stop(0, #107cff),to(#3a8fff));
    background: linear-gradient(270deg,#107cff 0,#3a8fff 100%)
}

.index-jz .jz-list li:nth-of-type(3) .t {
    background: -webkit-gradient(linear,left top, right top,color-stop(0, #fa4),to(#ff7f49));
    background: linear-gradient(90deg,#fa4 0,#ff7f49 100%)
}

.index-jz .jz-list li:nth-of-type(4) .t {
    background: -webkit-gradient(linear,right top, left top,color-stop(0, #12d8af),to(#2ad9d8));
    background: linear-gradient(270deg,#12d8af 0,#2ad9d8 100%)
}

.index-jz .jz-list .yuan {
    width: 134px;
    height: 134px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.index-xl .row {
    width: 1280px
}

@media (max-width: 1200px) {
    .index-xl .row {
        width:100%
    }
}

.index-xl .tab-box .tab-content2 li .txt-box p {
    margin-bottom: 33px
}

.index-xl .tab-box .tab-content2.swiper-wrapper {
    height: 300px
}

.index-case {
    padding: 40px 0 30px
}

.index-case .bricks {
    padding: 0 60px;
    width: 1280px
}

.index-case .bricks .bricks-logo {
    padding: 0
}

.index-case .bricks .bricks-logo .bricks-primary-title {
    padding-bottom: 40px
}

@media (max-width: 1200px) {
    .index-case .bricks {
        width:100%
    }

    .index-case .bricks .bricks-logo .logos {
        display: none
    }

    .index-case .bricks .bricks-logo .logos-mobile {
        display: block
    }
}

@media screen and (max-width: 450px) {
    .index-case .bricks .bricks-logo .bricks-sub-title {
        font-size:20px;
        line-height: 35px;
        padding-top: 40px;
        padding-bottom: 10px
    }

    .index-case .bricks .bricks-logo>img {
        padding-bottom: 10px
    }
}


/* s6 立即使用 */
.index-sy{
    padding: 0;
    background-image: url(../image/s6.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.index-sy .bricks {
    padding: 0 60px;
    display: flex;
    justify-content:center;
    align-items:center;
}

.index-sy .sy-box {
    width: 1190px;
    height: 240px;
    text-align: center;
    /* padding: 100px 0; */
    /* display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center */
}
.index-sy .sy-box .index-sy-title{
    margin-top: 60px;
    margin-bottom: 40px;
}

.index-sy .sy-box h2{
    font-size: 32px;
    letter-spacing: 4px;
    line-height: 40px;
    color: #555555;
    font-weight: 500;
}

.index-sy .sy-box h2>span{
    color: #00ACBE;
}

.index-sy .index-sy-button{
    display: block;
    width: 200px;
    height: 50px;
    background: #00ACBE;
    border-radius: 4px;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 50px;
    letter-spacing: 2px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.index-sy .index-sy-button:hover{
    background: #4DC5D1;
}

.index-sy .sy-box p {
    font-size: 24px;
    color: #fff;
    line-height: 33px;
    text-shadow: 0 1px 3px rgba(37,127,213,.5);
    margin-right: 30px
}

.index-sy .sy-box form {
    width: 385px;
    height: 48px;
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index-sy .sy-box form input[type=text] {
    background-image: url(../image/2020jdy-iphone.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 15px center;
    width: 265px;
    font-size: 16px;
    padding-left: 42px;
    font-weight: 400;
    line-height: 22px;
    color: #1F2D3D
}

.index-sy .sy-box form input[type=text]::-webkit-input-placeholder {
    color: #C3CDDA
}

.index-sy .sy-box form input[type=button] {
    width: 120px;
    height: 48px;
    background: #ff971e;
    border-radius: 24px;
    color: #fff;
    cursor: pointer
}

.bq a {
    line-height: 18px
}

.bq .record-icon {
    margin-left: 0;
    margin-right: 9px;
    width: 16px
}

.nr-body {
    background: #fbfbfb
}

.nr-banner {
    padding-top: 60px;
    background: -webkit-gradient(linear,left bottom, left top,color-stop(0, #fbfbfb),to(#fff));
    background: linear-gradient(360deg,#fbfbfb 0,#fff 100%);
    -webkit-box-shadow: 0 2px 30px 0 rgba(16,20,40,.06);
    box-shadow: 0 2px 30px 0 rgba(16,20,40,.06)
}

.nr-banner .row {
    padding: 50px 100px 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1280px;
    height: 570px
}

.nr-banner .row .txt-box .logo-box,.nr-banner .row .txt-box form {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.nr-banner .row .txt-box {
    width: 500px
}

.nr-banner .row .txt-box h2 {
    font-size: 44px;
    font-weight: 500;
    color: #1f2d3d;
    line-height: 62px
}

.nr-banner .row .txt-box .pbox {
    width: 420px;
    margin-bottom: 40px
}

.cjxz .row .left-box form,.nr-banner .row .txt-box form {
    width: 500px;
    height: 58px;
    overflow: hidden;
    border-radius: 4px
}

.nr-banner .row .txt-box .pbox p {
    font-size: 16px;
    font-weight: 400;
    color: #5e6d82;
    line-height: 25px;
    margin: 5px 0
}

.nr-banner .row .txt-box .pbox img {
    max-width: 20px
}

.nr-banner .row .txt-box .pbox .right {
    float: right;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.nr-banner .row .txt-box form {
    background: #fff;
    -webkit-box-shadow: 0 1px 8px 0 rgba(123,123,123,.09);
    box-shadow: 0 1px 8px 0 rgba(123,123,123,.09);
    border: 1px solid #f0f0f0;
    margin-bottom: 25px
}

.nr-banner .row .txt-box form input[type=text] {
    background-image: url(../image/2020jdy-iphone.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 15px center;
    width: 350px;
    font-size: 16px;
    padding-left: 42px;
    font-weight: 400;
    color: #1F2D3D
}

.nr-banner .row .txt-box form input[type=text]::-webkit-input-placeholder {
    color: #C3CDDA
}

.nr-banner .row .txt-box form input[type=button] {
    font-size: 19px;
    width: 150px;
    height: 58px;
    background: #0db3a6;
    color: #fff;
    cursor: pointer
}

.nr-banner .row .txt-box .logo-box li:first-of-type {
    margin-left: -10px
}

.nr-banner .row .txt-box .logo-box li img {
    max-width: 80px
}

.nr-banner .row .img-box img {
    max-height: 500px
}

.three-list {
    padding: 80px 0 40px
}

.three-list .list-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.three-list .list-box li {
    width: 31%;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(16,20,40,.05);
    box-shadow: 0 2px 10px 0 rgba(16,20,40,.05);
    border-radius: 5px;
    padding: 50px 0;
    text-align: center
}

.eight-list.bg,.item-list li,.three-list.bg {
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #f8f8f8),to(#fff));
    background: linear-gradient(180deg,#f8f8f8 0,#fff 100%)
}

.three-list .list-box li img {
    max-width: 48px;
    margin-bottom: 30px
}

.three-list .list-box li p {
    font-size: 20px;
    font-weight: 600;
    color: #303030;
    line-height: 28px;
    margin-bottom: 15px
}

.three-list .list-box li span {
    font-size: 14px;
    font-weight: 400;
    color: #5e6d82;
    line-height: 20px
}

.item-list {
    padding-top: 40px
}

.item-list li {
    padding: 40px 0
}

.item-list li .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.item-list li .row .img-box {
    width: 50%
}

.item-list li .row .txt-box {
    width: 48%;
    /* 45 */
    text-align: left
}

.item-list li .row .txt-box img {
    max-width: 65px;
    margin-bottom: 30px
}

.item-list li .row .txt-box h2 {
    font-size: 28px;
    font-weight: 500;
    color: #111C3A;
    line-height: 40px;
    margin-bottom: 29px
}

.item-list li .row .txt-box p {
    font-size: 16px;
    font-weight: 400;
    color: #5e6d82;
    line-height: 26px
}

.item-list li .row .txt-box .media{
    overflow: hidden;
    display:flex;
    /* justify-content:center; */
    align-items:center;
    margin-bottom: 15px;
}

.item-list li .row .txt-box .media-left{
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border-radius: 10px;
    border: 2px solid #00ACBE;
    float: left;
    margin-right: 9px;
}

.item-list li .row .txt-box .media-body{
    float: left;
}

.item-list li .row .txt-box .media-body p{
    display: inline-block;
    width: 585px;
    font-size: 16px;
    font-weight: 400;
    color: #9B9EA5;
    line-height: 22px;
}

/* 首页s4也给前面放上小圆点 */
.job-description-container .benefit-for-job .job-page-text .media{
    overflow: hidden;
    display:flex;
    /* justify-content:center; */
    align-items:center;
    /* margin-bottom: 15px; */
}

.job-description-container .benefit-for-job .job-page-text .media-left{
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border-radius: 10px;
    border: 2px solid #00ACBE;
    float: left;
    margin-right: 9px;
}
.job-description-container .benefit-for-job .job-page-text .media-body{
    float: left;
}
.job-description-container .benefit-for-job .job-page-text .media-body {
    display: inline-block;
    /* width: 585px; */
    /* font-size: 16px; */
    /* font-weight: 400; */
    /* color: #9B9EA5; */
    /* line-height: 22px; */
}

.item-list li:nth-of-type(even) {
    background: #fbfbfb
}

.item-list li:nth-of-type(even) .img-box {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.item-list li:nth-of-type(even) .txt-box {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.eight-list {
    padding: 80px 0 40px
}

.eight-list .d-title {
    text-align: center;
    margin-bottom: 35px
}

.eight-list .d-title h2 {
    font-size: 42px;
    font-weight: 400;
    color: #1f2d3d;
    line-height: 59px;
    margin-bottom: 10px
}

.eight-list .d-title p {
    font-size: 16px;
    font-weight: 400;
    color: #5e6d82;
    line-height: 26px
}

.eight-list .list-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.eight-list .list-box li {
    width: 22%;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(16,20,40,.04);
    box-shadow: 0 2px 10px 0 rgba(16,20,40,.04);
    border-radius: 5px;
    margin-bottom: 30px;
    min-height: 200px;
    text-align: center
}

.eight-list .list-box li img {
    min-width: 65px;
    min-height: 65px;
    width: 65px;
    margin-bottom: 12px
}

.eight-list .list-box li h4 {
    font-size: 18px;
    font-weight: 400;
    color: #1f2d3d;
    line-height: 25px;
    margin-bottom: 10px
}

.eight-list .list-box li p {
    min-height: 80px;
    font-size: 14px;
    font-weight: 400;
    color: #5e6d82;
    line-height: 18px;
    margin: 0 20px
}

.pingj {
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #f8f8f8),to(#fcfcfc));
    background: linear-gradient(180deg,#f8f8f8 0,#fcfcfc 100%);
    padding: 50px 0
}

.pingj .pj-box {
    background: #fff;
    -webkit-box-shadow: 0 0 18px 0 rgba(0,0,0,.06);
    box-shadow: 0 0 18px 0 rgba(0,0,0,.06);
    border-radius: 4px;
    position: relative;
    padding: 40px 80px
}

.pingj .pj-box img {
    max-width: 30px;
    margin-bottom: 30px
}

.pingj .pj-box .pa {
    font-size: 16px;
    font-weight: 400;
    color: #1f2b3d;
    line-height: 30px;
    margin-bottom: 40px
}

.pingj .pj-box .pb {
    color: #5e6d82;
    font-size: 14px;
    text-align: right;
    margin-bottom: 60px
}

.pingj .pj-box a {
    font-size: 18px;
    display: block;
    text-align: center;
    font-weight: 400;
    color: #0db3a6;
    line-height: 25px
}

.cjxz {
    background-image: url(../image/2020jdy-gnbg.png);
    background-repeat: no-repeat;
    background-size: cover
}

.cjxz .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 35px 0
}

.cjxz .row .left-box {
    width: 55%
}

.cjxz .row .left-box h2 {
    font-size: 44px;
    margin-bottom: 25px;
    font-weight: 500;
    color: #fff;
    line-height: 62px
}

.cjxz .row .left-box form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 1px 8px 0 rgba(7,78,172,.58);
    box-shadow: 0 1px 8px 0 rgba(7,78,172,.58);
    margin-bottom: 15px;
    background: #fff
}

.fx-dashboard .eight-list li h4,.fx-online-form .eight-list li h4 {
    margin-bottom: 0
}

.cjxz .row .left-box form input[type=text] {
    background-image: url(../image/2020jdy-iphone.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 15px center;
    width: 350px;
    font-size: 16px;
    padding-left: 42px;
    font-weight: 400
}

.cjxz .row .left-box form input[type=button] {
    font-size: 19px;
    width: 150px;
    height: 58px;
    background: #1e6ed8;
    color: #fff
}

.cjxz .row .left-box p {
    color: #fff
}

.cjxz .row .right-box {
    width: 45%
}

.fx-flow-engine .row {
    width: 1280px
}

.fx-flow-engine .row .img-box {
    width: 580px
}

.fx-flow-engine .eight-list li img {
    margin-top: 50px
}

@media (max-width: 1200px) {
    .fx-flow-engine .eight-list li img {
        margin-top:0
    }
}

.fx-dashboard .row {
    width: 1280px
}

.fx-dashboard .row .img-box {
    width: 580px
}

.fx-dashboard .eight-list li {
    min-height: 210px;
    width: 18%
}

.fx-dashboard .eight-list li:last-of-type:hover {
    background: #E6F7F6
}

.fx-dashboard .eight-list li:last-of-type:hover h4 {
    color: #0DB3A6
}

.fx-dashboard .eight-list li img {
    margin-top: 50px
}

@media (max-width: 1200px) {
    .fx-dashboard .eight-list li img {
        margin-top:0
    }
}

.fx-online-form .row {
    width: 1280px
}

.fx-online-form .row .img-box {
    width: 580px
}

.fx-online-form .eight-list li img {
    margin-top: 50px
}

@media (max-width: 1200px) {
    .fx-online-form .eight-list li img {
        margin-top:0
    }
}

#tdxz .row {
    width: 1280px
}

#tdxz .row .img-box {
    width: 580px
}

#tdxz .eight-list li img {
    margin-top: 30px
}

#tdxz .eight-list li h4 {
    margin: 10px 20px
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink .7s infinite;
    animation: blink .7s infinite
}

.center-brick {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    width: 100%
}

.fx-back-btn,.fx-stretch-btn {
    width: 28px;
    position: absolute;
    text-align: center
}

.fx-stretch-btn {
    top: 65px;
    left: -17px;
    height: 28px;
    font-size: 20px;
    line-height: 28px;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    border-radius: 4px
}

.fx-stretch-btn .stretch-icon {
    font-size: 16px;
    color: #0DB3A6
}

.fx-stretch-btn.position-default {
    left: -17px
}

.fx-stretch-btn.position-change {
    left: 20px
}

.fx-stretch-btn:hover {
    background: #0DB3A6
}

.fx-stretch-btn:hover .stretch-icon {
    color: #fff
}

.fx-back-btn {
    top: 24px;
    left: 16px;
    height: 28px;
    border: 1px solid #E9E9E9;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    color: #0DB3A6;
    padding: 3px
}

.fx-back-btn .stretch-icon {
    font-size: 18px
}

.center-block .center-block-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff
}

.center-block .center-block-content.position-default {
    left: 240px
}

.center-block .center-block-content.position-change {
    left: 0
}

@media (max-width: 1280px) {
    .bricks{
        width: 95%;
        padding: 0;
    }

    .bricks .bricks-primary-title{
        font-size: 30px;
    }

    .index-multiple{
        padding-bottom: 20px;
    }

    .index-multiple .bricks{
        padding: 0;
    }
}

@media (max-width: 1250px){
    .index-business .job-description-container .right{
        width: 450px;
    }

    .classify-jobs-tab{
        margin-bottom: 0;
    }
    .classify-jobs-tab li{
        margin-right: 30px;
    }

    .classify-jobs-tab li a{
        font-size: 20px;
    }


}

/* @media (max-width: 1250px) {
  .index-business .job-description-container .left{
      width: 60%;
  }

  .index-business .job-description-container .right{
      width: 40%;


  }
  .classify-jobs-tab li{

  }
} */

/* s1 */
@media (max-width: 1200px) {
    .bricks .bricks-primary-title{
        font-size: 25px;
    }

    #tdxz .eight-list li img {
        margin-top:0
    }

    #tdxz .eight-list li p {
        margin: 0
    }

    #tdxz .eight-list li h4 {
        margin: 10px 0
    }

    .container {
        overflow-x: hidden
    }

    .pc {
        display: none!important
    }

    .m {
        display: block
    }

    section {
        padding: 25px 0
    }

    .title {
        font-size: 18px;
        font-weight: 600
    }

    .index-banner {
        height: 860px;
        margin-top: 0;
        padding: 0;
        /* background: -webkit-gradient(to right,rgba(244,246,249,1) 0,rgba(244,246,249,.64) 100%);
      background: -webkit-gradient(linear,left top, right top,color-stop(0, rgba(244,246,249,1)),to(rgba(244,246,249,.64)));
      background: linear-gradient(to right,rgba(244,246,249,1) 0,rgba(244,246,249,.64) 100%); */
    }

    .index-banner .advertising-space .advertise-banner {
        height: 60px;
        width: 100%
    }

    .index-banner .row {
        width: 100%;
        padding: 0 5%
    }

    .index-banner .txt {
        margin:0;
        width: 100%;
        height: 400px;
        color: #FFFFFF;
    }


    .index-banner .txt form {
        width: 75%;
        margin: 0 auto 20px;
        height: auto;
        border-radius: 2px
    }

    .index-banner .txt form input[type=text] {
        font-size: 12px;
        width: 70%;
        height: 36px;
        background-size: 12px
    }

    .index-banner .txt form input[type=button] {
        height: 36px;
        font-size: 12px;
        width: 30%;
        border-radius: 0
    }

    .index-banner .txt h1{
        display: block;
        font-size: 60px;
        margin-bottom: 50px;
    }

    .index-banner .txt h2 {
        font-size: 30px;
        font-weight: 600;
        /* color: #1F2D3D; */
        line-height: 30px;
        margin-bottom: 10px;
    }

    .index-banner .txt h3 {
        font-size: 18px;
        font-weight: 400;
        /* color: #283A4C; */
        line-height: 42px;
        margin-bottom: 20px
    }

    .index-banner .txt .banner-button-container a{
        width: 100px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
    }

    .index-banner .scene-txt a.header-button-left{
        width: 150px;
    }

    .index-banner .txt>img {
        width: 80%;
        margin: 0 auto 20px
    }

    .index-banner .txt p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 20px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .index-banner .txt p img {
        width: 12px
    }

    .index-banner .video-block {
        position: absolute;
        width: 100%;
        height: 200px;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }

    .index-banner .video-block .video-btn {
        width: 97px;
        height: 97px;
        background: url(../image/video_btn.png);
        background-size: cover;
        margin-top: 20px
    }


    .index-scene-banner{
        height: 400px;
    }

    .index-banner .scene-txt{
        color: #111C3A;
    }

    .index-banner .scene-txt h1{
        font-size: 44px;
        margin-bottom: 20px;
    }

    .index-banner .scene-txt h2{
        font-size: 28px;
        font-weight: 400;
        margin-bottom: 60px;
    }

    .index-multiple .lists .list-item{
        width: 300px;
        height: 400px;
    }

    .index-multiple .lists .list-item .item-description-2{
        font-size: 12px;
    }

    .index-business .job-description-container .left{
        width: 40%;
        padding-top: 60px;
    }

    .index-business .job-description-container .right{
        width: 60%;


    }


    .classify-jobs-tab li{
        margin-right: auto;
        width: 30%;
    }

    /* .classify-jobs-tab li.fist-li{
      margin-left: 0;
  } */

    .classify-jobs-tab li a{
        font-size: 18px;
    }

    .provider .ministry li{
        width: 40%;
    }

    .ministry li .ministry-item{
        width: 100%;
    }

    .index-sy .sy-box{
        height: auto;
    }
    .index-sy .index-sy-button{
        width: 150px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
    }







    .index-entrance {
        height: auto
    }

    .index-entrance .row {
        width: 90%
    }

    .index-entrance .row .solution-list {
        width: 100%;
        height: auto
    }

    .index-entrance .row .solution-list .entrance {
        min-height: 100px
    }

    .index-entrance .row .solution-list .entrance .entrance-img .entrance-icon {
        width: 25px;
        margin: 0 10px
    }

    .index-entrance .row .solution-list .entrance .entrance-content .item-title {
        font-size: 14px;
        margin: 0
    }

    .index-entrance .row .solution-list .entrance .entrance-content .description {
        display: none
    }

    .index-gn .row {
        width: 100%;
        padding: 0
    }

    .index-gn .row .title {
        margin-bottom: 0;
        line-height: 20px
    }

    .index-gn .row .tab-box {
        padding: 0 5%;
        display: block
    }

    .index-gn .row .tab-box .gallery-thumbs {
        width: 100%;
        height: auto
    }

    .index-gn .row .tab-box .tab-title li {
        margin-bottom: 0;
        padding: 15px 0;
        height: auto!important
    }

    .index-gn .row .tab-box .tab-title li h3 {
        font-size: 18px;
        color: #3d464d;
        line-height: 2em;
        margin-bottom: 10px;
        padding-left: 0;
        text-align: center
    }

    .index-gn .row .tab-box .tab-title li h3 i {
        display: none
    }

    .index-gn .row .tab-box .tab-title li p {
        display: block;
        text-align: center;
        font-size: 14px;
        color: #5e6d82;
        margin-bottom: 10px
    }

    .index-gn .row .tab-box .tab-title li img {
        display: block;
        margin-bottom: 10px
    }

    .index-jz .jz-list li,.index-jz .jz-list li:nth-of-type(3),.index-jz .jz-list li:nth-of-type(4),.index-jz .title {
        margin-bottom: 15px
    }

    .index-gn .row .tab-box .tab-title li a {
        display: block;
        text-align: center;
        color: #0db3a6;
        font-size: 14px
    }

    .index-gn .row .tab-box .gallery-top,.index-gn .row .tab-box .tab-content,.index-jz .jz-list .yuan,.index-process .process-content-pc,.index-process .process-tab-pc {
        display: none
    }

    .index-gn .row .tab-box .tab-title li.on {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .index-jz .row {
        width: 100%
    }

    .index-jz .jz-list {
        padding: 0 5%
    }

    .index-jz .jz-list li {
        width: 100%;
        height: 215px
    }

    .index-jz .jz-list li .t {
        font-size: 14px;
        line-height: 34px
    }

    .index-jz .jz-list li .qybox {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 15px
    }

    .index-jz .jz-list li .qybox .qyitem {
        padding: 5px 15px 0
    }

    .index-jz .jz-list li .qybox .qyitem img {
        max-height: 24px
    }

    .index-jz .jz-list li .qybox .qyitem a,.index-jz .jz-list li .qybox .qyitem p {
        font-size: 12px
    }

    .index-sy {
        padding: 20px 5%
    }

    .index-sy .bricks {
        padding: 0
    }

    .index-sy .sy-box {
        background-size: cover;
        border-radius: 10px;
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .index-sy .sy-box p {
        font-size: 16px;
        margin-right: 0;
        margin-bottom: 10px
    }

    .index-sy .sy-box form {
        width: 90%;
        height: 36px
    }

    .index-sy .sy-box form input[type=text] {
        width: 60%;
        font-size: 14px;
        height: 36px;
        background-size: 14px
    }

    .index-sy .sy-box form input[type=button] {
        width: 40%;
        font-size: 14px;
        height: 36px
    }

    .index-sy .sy-box>img {
        height: 210px
    }

    .index-sy .sy-box .index-sy-title{
        margin-top: 50px;
    }


    .index-process {
        padding-top: 40px
    }

    .index-process .bricks {
        padding: 0 17px
    }

    .index-process .process-content-mobile {
        display: block
    }

    .index-process .process-content-mobile .list-item {
        text-align: center;
        padding-bottom: 20px
    }

    .index-process .process-content-mobile .list-item .item-title {
        padding: 0 5px;
        font-size: 14px;
        color: #1F2D3D;
        line-height: 20px;
        margin: 20px auto 10px;
        font-weight: 500
    }

    .index-process .process-content-mobile .list-item .item-description {
        padding: 0 5px;
        font-size: 12px;
        color: #5E6D82;
        line-height: 18px;
        margin-bottom: 20px
    }

    .index-process .process-content-mobile .list-item .item-img {
        position: relative
    }

    .index-process .process-content-mobile .list-item .item-img .step-img {
        width: 100%
    }

    .index-process .process-content-mobile .list-item .color-green {
        display: inline-block;
        font-size: 12px;
        line-height: 17px;
        color: #0DB3A6;
        margin-top: 10px
    }

    .index-corp-value .tab-box .corp-logo-tab,.index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .img-corp .corp-logo-pc,.index-multiple .lists .case-slider-mobile {
        display: none
    }

    .index-process .ya,.index-process .yb,.index-process .yc {
        max-width: 60px
    }

    .index-process .ya {
        top: 0;
        right: 30px
    }

    .index-process .yb {
        left: 60px;
        bottom: 30px
    }

    .index-process .yc {
        right: 30px;
        bottom: 0
    }

    .index-corp-value {
        padding: 40px 0 20px
    }

    .index-corp-value .bricks {
        padding: 0
    }

    .index-corp-value .bricks .bricks-description {
        padding: 0 18px;
        font-size: 12px;
        line-height: 18px;
        width: 100%;
        margin: 10px 0 20px
    }

    .index-corp-value .tab-box {
        position: relative;
        padding: 0 18px
    }

    .index-corp-value .tab-box .corp-value-container {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0
    }

    .index-corp-value .tab-box .corp-value-container .corp-value-wrapper {
        height: 400px
    }

    .index-corp-value .tab-box .corp-value-container .corp-value-wrapper li {
        border-radius: 2px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-shadow: 0 0 9px 0 rgba(64,106,103,.13);
        box-shadow: 0 0 9px 0 rgba(64,106,103,.13)
    }

    .bq,.item-list li .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .img-corp {
        width: 100%
    }

    .index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .img-corp .corp-logo-mobile {
        display: block;
        height: 140px
    }

    .index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box {
        width: 100%
    }

    .index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box .txt-content {
        padding: 20px
    }

    .index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box .txt-content img {
        width: 66px
    }

    .index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box .txt-content .text-info {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 18px;
        margin-top: 10px
    }

    .index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box .txt-content .text-info img {
        display: none
    }

    .index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box .txt-content .text-name {
        font-size: 12px;
        line-height: 20px
    }

    .index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box .txt-content .text-name .color-grey {
        font-size: 12px;
        display: inline-block;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        margin-left: 0
    }

    .index-corp-value .tab-box .corp-value-container .corp-value-wrapper li .txt-box .txt-content .look-more {
        font-size: 12px;
        line-height: 20px;
        margin-top: 15px
    }

    .index-corp-value .tab-box .swiper-pagination-mobile {
        width: 100%;
        text-align: center;
        margin-top: 20px
    }

    .index-corp-value .tab-box .swiper-pagination-mobile .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
        margin: 0 2px;
        opacity: 1;
        border-radius: 50%;
        background: #e7e7e7
    }

    .index-corp-value .tab-box .swiper-pagination-mobile .swiper-pagination-bullet-active {
        width: 16px;
        height: 4px;
        border-radius: 2px;
        background: #0db3a6
    }

    .index-case {
        padding: 20px 7px 10px
    }

    .index-case .bricks {
        padding: 0
    }

    .index-case .bricks .bricks-logo .bricks-primary-title {
        padding-bottom: 20px
    }

    .bq {
        font-size: 12px
    }

    .bq a {
        border-right: none;
        margin-bottom: 5px
    }

    .nr-banner {
        padding: 15px 5%
    }

    .nr-banner .row {
        padding: 65px 0 0;
        width: 100%;
        height: auto
    }

    .nr-banner .row .txt-box {
        width: 100%
    }

    .nr-banner .row .txt-box h2 {
        font-size: 18px;
        text-align: center;
        font-weight: 600;
        line-height: 2em
    }

    .nr-banner .row .txt-box .m-banner {
        width: 80%;
        display: block;
        margin: 0 auto 15px
    }

    .cjxz .row .right-box,.nr-banner .row .img-box,.nr-banner .row .txt-box .pbox img {
        display: none
    }

    .nr-banner .row .txt-box .pbox {
        width: 100%
    }

    .nr-banner .row .txt-box .pbox p {
        font-size: 12px;
        text-align: center;
        line-height: 18px
    }

    .nr-banner .row .txt-box form {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        height: 36px;
        margin-bottom: 15px
    }

    .nr-banner .row .txt-box form input[type=text] {
        font-size: 12px;
        width: 70%;
        background-size: 12px
    }

    .nr-banner .row .txt-box form input[type=button] {
        height: 36px;
        font-size: 12px;
        width: 30%
    }

    .nr-banner .row .txt-box .logo-box {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    .nr-banner .row .txt-box .logo-box li {
        width: 20%;
        margin-left: 0
    }

    .nr-banner .row .txt-box .logo-box li img {
        width: 100%
    }

    .three-list {
        padding: 30px 5% 20px
    }

    .three-list .title {
        margin-bottom: 15px;
        line-height: 36px
    }

    .three-list .list-box li {
        padding: 20px 5px;
        min-height: 150px
    }

    .three-list .list-box li img {
        width: 25px;
        margin-bottom: 10px
    }

    .three-list .list-box li p {
        font-size: 16px;
        margin-bottom: 0
    }

    .three-list .list-box li span {
        font-size: 12px
    }

    .item-list {
        padding: 20px 5%
    }

    .item-list li {
        padding: 20px 0
    }

    .item-list li .row .img-box {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        padding: 0 10%
    }

    .item-list li .row .txt-box {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        text-align: center
    }

    .item-list li .row .txt-box .media{
        text-align: center;
    }

    .item-list li .row .txt-box .media-left{
        display: none;
    }

    .item-list li .row .txt-box .media-body{
        margin: 0 auto;
    }

    .item-list li .row .txt-box img {
        width: 40px;
        margin-bottom: 15px
    }

    .item-list li .row .txt-box h2 {
        text-align: center;
        font-size: 16px;
        line-height: 20px
    }

    .item-list li .row .txt-box p {
        text-align: center;
        font-size: 12px;
        line-height: 20px
    }

    .eight-list {
        padding: 20px 5%
    }

    .eight-list .d-title {
        margin-bottom: 15px
    }

    .eight-list .d-title h2 {
        font-size: 18px;
        line-height: 36px;
        font-weight: 600;
        margin-bottom: 0
    }

    .eight-list .d-title p,.eight-list .list-box li h4 {
        font-size: 14px
    }

    .eight-list .list-box li {
        width: 48%;
        margin-bottom: 15px;
        padding: 15px 10px 0;
        min-height: 180px
    }

    .eight-list .list-box li img {
        width: 25px;
        min-width: 25px;
        min-height: 25px;
        margin-bottom: 5px
    }

    .eight-list .list-box li p {
        font-size: 12px
    }

    .pingj {
        padding: 20px 5%
    }

    .pingj .title {
        margin-bottom: 15px;
        line-height: 36px
    }

    .pingj .pj-box {
        padding: 20px 15px
    }

    .pingj .pj-box img {
        max-width: 20px;
        margin-bottom: 10px
    }

    .pingj .pj-box .pa,.pingj .pj-box .pb {
        font-size: 12px;
        line-height: 1.5em;
        margin-bottom: 15px
    }

    .pingj .pj-box a {
        font-size: 14px
    }

    .cjxz {
        padding: 25px 5%
    }

    .cjxz .row {
        padding: 15px
    }

    .cjxz .row .left-box {
        width: 100%
    }

    .cjxz .row .left-box h2 {
        font-size: 16px;
        text-align: center;
        line-height: 30px;
        font-weight: 600;
        margin-bottom: 15px
    }

    .cjxz .row .left-box form {
        width: 90%;
        margin: 0 auto 10px;
        height: 36px
    }

    .cjxz .row .left-box form input[type=text] {
        width: 70%;
        font-size: 12px;
        background-size: 12px
    }

    .cjxz .row .left-box form input[type=button] {
        width: 30%;
        font-size: 12px
    }

    .cjxz .row .left-box p {
        font-size: 12px;
        text-align: center
    }

    .fx-flow-engine .row,.fx-flow-engine .row .img-box {
        width: 100%
    }

    .fx-flow-engine .title {
        margin-bottom: 15px;
        line-height: 36px
    }

    .fx-flow-engine .eight-list li {
        width: 23%;
        min-height: auto;
        padding: 15px 0
    }

    .fx-flow-engine .eight-list li img {
        width: 30px
    }

    .fx-flow-engine .eight-list li h4 {
        margin-bottom: 0
    }

    .fx-dashboard .title,.fx-online-form .title {
        margin-bottom: 15px;
        line-height: 36px
    }

    .fx-dashboard .row,.fx-dashboard .row .img-box {
        width: 100%
    }

    .fx-dashboard .eight-list li {
        width: 49%;
        min-height: auto;
        padding: 15px 0
    }

    .fx-online-form .row,.fx-online-form .row .img-box {
        width: 100%
    }

    .fx-online-form .eight-list li {
        width: 23%;
        min-height: auto;
        padding: 15px 0
    }

    #tdxz .row,#tdxz .row .img-box {
        width: 100%
    }

    .center-block .center-block-content.position-default {
        left: 200px
    }
}

/* s1 */
@media (max-width: 800px) {
    .header-menu-mask .header-menu-pane .solution-info .item-description{
        display: none;
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .solution-info img{
        display: none;
    }

    .index-banner .advertising-space .advertise-banner {
        width:100%
    }

    .index-banner .advertising-space .advertise-banner .advertise-image {
        background: url(../image/advertise_mobile.png) center center no-repeat;
        background-size: cover
    }

    .index-banner .advertising-space .live-qrcode-show {
        max-width: 320px;
        z-index: 2
    }

    .index-banner .txt {
        text-align: left;
        width: 100%
    }

    .index-banner .txt form {
        width: 75%;
        margin: 0 auto 20px;
        height: auto;
        border-radius: 2px
    }

    .index-banner .txt form input[type=text] {
        font-size: 12px;
        width: 70%;
        height: 36px;
        background-size: 12px
    }

    .index-banner .txt form input[type=button] {
        height: 36px;
        font-size: 12px;
        width: 30%;
        border-radius: 0
    }

    .index-banner .txt h1{
        display: block;
        font-size: 40px;
        margin-bottom: 30px;
    }

    .index-banner .txt h2 {
        font-size: 30px;
        font-weight: 600;
        line-height: 30px;
        margin-bottom: 0
    }

    .index-banner .txt h3 {
        font-size: 18px;
        font-weight: 400;
        line-height: 42px;
        margin-bottom: 10px
    }

    .index-banner .txt>img {
        width: 80%;
        margin: 0 auto 20px
    }

    .index-banner .txt p {
        font-size: 12px;
        line-height: 22px;
        margin-top: 20px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .index-banner .txt p img {
        width: 12px
    }


    .index-scene-banner{
        height: 300px;
    }

    .index-banner .scene-txt{
        color: #111C3A;
    }

    .index-banner .scene-txt h1{
        font-size: 40px;
        margin-bottom: 10px;
    }

    .index-banner .scene-txt h2{
        font-size: 22px;
        font-weight: 400;
        margin-bottom: 40px;
    }




    .index-entrance {
        position: relative;
        top: 0;
        background: -webkit-gradient(to right,rgba(244,246,249,1) 0,rgba(244,246,249,.64) 100%);
        background: -webkit-gradient(linear,left top, right top,color-stop(0, rgba(244,246,249,1)),to(rgba(244,246,249,.64)));
        background: linear-gradient(to right,rgba(244,246,249,1) 0,rgba(244,246,249,.64) 100%)
    }

    .index-entrance .row {
        width: 100%;
        padding: 0 20px 20px
    }

    .index-entrance .row .solution-list {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-shadow: 0 2px 8px 0 rgba(16,20,40,.1);
        box-shadow: 0 2px 8px 0 rgba(16,20,40,.1);
        border-radius: 5px;
        overflow: hidden
    }

    .index-entrance .row .solution-list .entrance {
        width: 100%;
        height: 60px;
        padding: 14px 20px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 0
    }

    .index-entrance .row .solution-list .entrance .entrance-img {
        width: 30px;
        margin: 0
    }

    .index-entrance .row .solution-list .entrance .entrance-img .entrance-icon {
        width: 27px;
        height: auto;
        margin: 0
    }

    .index-entrance .row .solution-list .entrance .entrance-content {
        margin-left: 20px
    }

    .index-entrance .row .solution-list .entrance .entrance-content .item-title {
        font-weight: 400;
        margin-bottom: 0;
        color: #5E6D82
    }

    .index-entrance .row .solution-list .entrance .entrance-content .description {
        display: none
    }

    .index-entrance .row .solution-list .entrance .mobile-btn {
        display: block;
        text-align: right
    }

    .index-entrance .row .solution-list .entrance .mobile-btn i {
        font-size: 24px;
        color: #5E6D82
    }

    .center-block .center-block-content.position-default {
        left: 180px
    }
}

@media (max-width: 450px) {
    .index-process .ya,.index-process .yc {
        right:0
    }

    .index-banner {
        padding: 120px 0 0
    }

    .index-process .ya,.index-process .yb,.index-process .yc {
        max-width: 35px
    }

    .index-process .yb {
        left: 10px
    }

    .index-corp-demand {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .index-corp-demand .bricks {
        padding: 0
    }

    .index-corp-demand .demand-content {
        display: none
    }

    .index-corp-demand .demand-content-mobile {
        padding: 20px 17px;
        display: block
    }

    .index-multiple {
        background: #F5FAFF;
        padding: 30px 0 10px
    }

    .index-multiple .bricks {
        padding: 0 18px
    }

    .index-multiple .lists {
        margin-top: 20px
    }

    .index-multiple .lists .swiper-wrapper {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .index-multiple .lists .list-item {
        height: 140px;
        padding: 6px;
        margin-bottom: 30px;
        border-radius: 2px
    }

    .index-multiple .lists .list-item:hover {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    .index-multiple .lists .list-item .item-banner {
        height: 50px
    }

    .index-multiple .lists .list-item .item-banner img {
        width: 50px
    }

    .index-multiple .lists .list-item .item-name {
        font-size: 14px;
        line-height: 20px;
        margin: 10px 0 12px
    }

    .index-multiple .lists .list-item .item-description {
        display: none;
        color: #5E6D82;
        font-size: 16px;
        line-height: 26px
    }

    .index-multiple .lists .list-item .item-btn-mobile {
        display: inline-block;
        width: 79px;
        height: 24px;
        border-radius: 2px;
        border: 1px solid #E9E9E9;
        text-align: center;
        font-size: 12px;
        line-height: 22px;
        color: #5E6D82
    }

    .index-multiple .lists .case-slider-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-top: 0
    }

    .index-multiple .lists .case-slider-mobile .case-switch-container-mobile .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
        margin: 0 2px;
        border-radius: 50%
    }

    .index-multiple .lists .case-slider-mobile .case-switch-container-mobile .swiper-pagination-bullet-active {
        width: 16px;
        height: 4px;
        border-radius: 2px
    }

    .fx-center-mobile {
        display: block
    }

    .center-block .center-block-content.position-default {
        left: 0
    }

    .fx-stretch-btn {
        display: none
    }
}


/* 导航栏，下拉反白 */
.fx-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 75px;
    line-height: 75px;
    z-index: 3;
    color: white;
    padding: 0 6%;
    /* -webkit-box-shadow: 0 5px 8px 0 rgba(64,106,103,.13); */
    /* box-shadow: 0 5px 8px 0 rgba(64,106,103,.13); */
    /* background: rgba(255,255,255,.95); */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
@media (min-width: 1000px) {
    .fx-header{
        padding: 0 6%;
    }
}
@media (min-width: 1400px) {
    .fx-header{
        padding: 0 7%;
    }
}


.fx-header a{
    color: white;
}

.scene-navbar-white a{
    color: #111C3A;
}

.price-navbar-white a{
    color: #111C3A;
}


.fx-header .header-item {
    padding: 0 25px;
    /* margin-top: 15px */
}

@media (min-width: 1000px){
    .fx-header .header-item {
        padding: 0 70px 0 25px;
        /* margin-top: 15px */
    }
}
.fx-header .header-item .logo {
    /* width: 123px; */
    height: 75px
}

.fx-header .menu .menu-item {
    padding: 0 23px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    /* color: #444 */
}

.fx-header .menu .menu-item.jjfa,.fx-header .menu .menu-item.product-function {
    /* position: relative */
}

/* .fx-header .menu .menu-item .s-box {
  color: #444
} */

.fx-header .menu .menu-item:hover .s-box>a,.fx-header .menu .menu-item:hover .s-box>div,.fx-header .menu .menu-item:hover i,.fx-header .menu .menu-item:hover>div {
    /* color: #FFFFFF; */
    /* opacity: 1; */
}

.fx-header .menu .opacity{
    opacity: 0.6;
}
/*
.fx-header .menu .opacity:visited{
  opacity: 1.0;
  color: #FFFFFF;
  font-weight: 500;
} */

.fx-header .menu .opacity:hover{
    opacity: 1.0;
}

.index-price-banner .menu .opacity{
    opacity: 1.0;
}

.header-container {
    border-radius: 0;
    position: fixed;
    top: 0px;
    background: #ffffff;
    color: #000000;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.15);
}

.header-container .menu .opacity{
    opacity: 1.0;
}

.fx-header.header-container .menu a{

    color: #000000;

}
/*
.fx-header.header-container .menu a.opacity{
  color: #000000;
} */

.fx-header .menu .menu-item .s-box>div {
    display: inline-block
}

.fx-header .menu .menu-item .solution-content {
    display: none;
    position: fixed;
    width: 100%;
    height: 410px;
    top: 60px;
    left: 0;
    background: 0 0
}

.fx-header .menu .menu-item:hover.jjfa .solution-list-pc,.fx-header .menu .menu-item:hover.product-function .solution-list {
    display: block
}

.fx-header .menu .menu-item .icon-angle-black-down {
    position: relative;
    top: -2px;
    left: 2px
}

.fx-header .menu .menu-item.wrapper-workwx {
    height: 30px;
    line-height: 28px;
    color: #0087DD;
    border: 1px solid #0087DD;
    border-radius: 2px;
    margin-top: 15px;
    padding: 0 15px 0 40px;
    position: relative;
    overflow: hidden;
    cursor: default
}

.fx-header .menu .menu-item.wrapper-workwx i {
    color: #fff;
    background: #0087DD;
    padding: 0 3px;
    font-size: 30px;
    position: absolute;
    top: 0;
    left: 0
}

.fx-header .menu .menu-item.wrapper-workwx:hover {
    color: #0087DD
}

.fx-header .menu .menu-item.wrapper-dingtalk {
    height: 40px;
    line-height: 38px;
    background-color: #f7f8f8;
    border-radius: 25px;
    position: relative;
    padding: 0 5px;
    border: 1px solid #EBEBEB
}

.fx-header .menu .menu-item.wrapper-dingtalk img {
    height: 30px;
    position: absolute;
    top: 4px;
    left: 6px
}

.fx-header .menu .menu-item.wrapper-dingtalk:hover {
    color: #474b51
}

.fx-header .menu .menu-item.wrapper-dingtalk span:nth-child(2) {
    padding: 0 5px 0 34px;
    font-size: 14px
}

.fx-header .menu .menu-item.wrapper-dingtalk span:last-child {
    padding: 0 5px;
    font-size: 12px;
    color: #979daa;
    border-left: solid 1px #474b51
}

/* .fx-header .menu .menu-item.active>a,.fx-header .menu .menu-item.active>div {
  color: #0DB3A6
} */

.fx-header .menu .menu-item.active i {
    color: #444
}

.fx-header .menu .menu-item.active:hover i {
    color: #0DB3A6
}

/* 下拉菜单 */
.fx-header .menu .solution-list,.fx-header .menu .solution-list-pc {
    position: absolute;
    width: 80%;
    top: 75px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    /* padding-top: 10px; */
    display: none
}

/* .fx-header .menu .solution-list .solution-span,.fx-header .menu .solution-list-pc .solution-span {
  height: 36px;
  padding-left: 10px
}

.fx-header .menu .solution-list .solution-center-border,.fx-header .menu .solution-list-pc .solution-center-border {
  border-left: 1px dashed #e9e9e9;
  height: 180px;
  width: 2px;
  position: absolute;
  left: 186px;
  top: 57px
} */

.fx-header .menu .solution-list .solution-item,.fx-header .menu .solution-list-pc .solution-item {
    width: 100%;
    line-height: 22px;
    color: #474b51;
    font-weight: 600;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.2);
    background: #fff;
    font-size: 14px;
    overflow: hidden;
    padding: 27px 15%
}

/* .fx-header .menu .solution-list .solution-item.left,.fx-header .menu .solution-list-pc .solution-item.left {
  float: left
}

.fx-header .menu .solution-list .solution-item.right,.fx-header .menu .solution-list-pc .solution-item.right {
  float: right
} */

/* 下拉菜单的每一个item */
.fx-header .menu .solution-list .solution-info,.fx-header .menu .solution-list-pc .solution-info {
    color: #474b51;
    text-align: left;
    padding: 10px 10px;
    margin: 5px;
    /* display: block; */
    float: left;
    width: 45%;
    height: 110px;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    border-radius: 5px
}

.fx-header .menu .solution-list .solution-info .has-tip,.fx-header .menu .solution-list-pc .solution-info .has-tip {
    display: inline-block;
    position: relative
}

.fx-header .menu .solution-list .solution-info .has-tip img,.fx-header .menu .solution-list-pc .solution-info .has-tip img {
    width: 25px;
    position: absolute;
    top: 6px;
    right: -28px
}

.fx-header .menu .solution-list .solution-info:hover,.fx-header .menu .solution-list-pc .solution-info:hover {
    background: rgba(0, 172, 190, 0.05);
}

.fx-header .menu .solution-list .solution-info .red-new,.fx-header .menu .solution-list-pc .solution-info .red-new {
    color: red
}

.fx-header .menu .solution-list .solution-info.select,.fx-header .menu .solution-list-pc .solution-info.select {
    background: #f4f6f9
}

.fx-header .menu .solution-list .solution-info.unseen,.fx-header .menu .solution-list-pc .solution-info.unseen {
    visibility: hidden
}

.fx-header .right-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* margin-right: 32px; */
}

.fx-header .right-wrapper .menu-right-item {
    padding: 0 25px;
    width: 120px;
    height: 32px;
    background-color: #00ACBE;
    border-radius: 4px;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    /* border: 1px solid #0DB3A6; */
    line-height: 16px;
    margin-right: 25px;
    color: #FFFFFF;
    font-weight: 400;
    letter-spacing: 1px;
    border-radius: 2px;
    text-align: center;
    display:flex;
    justify-content:center;
    align-items:center;
}

.fx-header .right-wrapper .menu-right-item:hover {
    background: #4DC5D1;
    color: #fff
}


/* 之前的左图标 右文字 */
.fx-header .menu .solution-info .info-item .item-img{
    width: 25px;
    margin-right: 7px;
}

.fx-header .menu .solution-info .info-item span{
    display: inline-block;
    /* width: 100px; */
    font-size: 16px;
}

.fx-header .menu .solution-info .item-description{
    display: inline-block;
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    padding-left: 32px;
    height: 60px;
}



.fx-header .right-wrapper .menu-right-item.lang-switch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    padding: 0;
    position: relative;
    margin-right: 32px
}

.fx-header .right-wrapper .menu-right-item.lang-switch>* {
    display: inline-block
}

.fx-header .right-wrapper .menu-right-item.lang-switch>i:first-child {
    font-size: 20px
}

.fx-header .right-wrapper .menu-right-item.lang-switch .locale {
    margin: 0 5px;
    font-size: 14px
}

.fx-header .right-wrapper .menu-right-item.lang-switch:hover {
    color: #0DB3A6;
    background: 0 0
}

.fx-header .right-wrapper .menu-right-item.lang-switch .lang-list {
    position: absolute;
    top: 40px;
    right: -12px;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.2);
    overflow: hidden
}

.fx-header .right-wrapper .menu-right-item.lang-switch .lang-list:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    top: -16px;
    right: 12px
}

.fx-header .right-wrapper .menu-right-item.lang-switch .lang-list .lang-item {
    width: 127px;
    height: 40px;
    line-height: 40px;
    color: #474b51;
    text-align: left;
    padding: 0 15px
}

.fx-header .right-wrapper .menu-right-item.lang-switch .lang-list .lang-item>i {
    color: #0DB3A6;
    opacity: 0;
    font-size: 12px;
    position: relative;
    float: right;
    right: 0
}

.fx-header .right-wrapper .menu-right-item.lang-switch .lang-list .lang-item:hover {
    background: #F3FDFC
}

.fx-header .right-wrapper .menu-right-item.lang-switch .lang-list .lang-item.select {
    color: #0DB3A6
}

.fx-header .right-wrapper .menu-right-item.lang-switch .lang-list .lang-item.select>i {
    opacity: 1
}

.fx-header .menu-icon {
    display: none
}

.fx-header .menu-icon.active {
    color: #1F2D3D
}

.fx-header .menu-icon>i {
    color: #1F2D3D;
    font-size: 30px;
    cursor: pointer
}

/* 资源中心，单独处理 */
.fx-header .menu .jjfa .solution-list .solution-info,.fx-header .menu .jjfa .solution-list-pc .solution-info{
    width: 45%;
    height: 60px;
    padding: 10px;
    text-align: center;
}

.x-window-mask.dark-in {
    z-index: 999
}

.header-menu-mask .header-menu-pane {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60%;
    font-size: 16px;
    background: #fff;
    -webkit-transition: transform 218ms;
    -webkit-transition: -webkit-transform 218ms;
    transition: -webkit-transform 218ms;
    transition: transform 218ms;
    transition: transform 218ms, -webkit-transform 218ms;
    -webkit-transform: translate(100%,0);
    transform: translate(100%,0)
}

.header-menu-mask .header-menu-pane .menu-wrapper {
    padding: 25px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 80px;
    right: 0;
    overflow: auto
}

.header-menu-mask .header-menu-pane .menu-item {
    display: block;
    color: #1F2D3D;
    line-height: 60px
}

.header-menu-mask .header-menu-pane .menu-item .icon-angle-black-down {
    visibility: hidden
}

.header-menu-mask .header-menu-pane .menu-item.wrapper-dingtalk {
    display: none
}

.header-menu-mask .header-menu-pane .menu-item.lang-switch {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center
}

.header-menu-mask .header-menu-pane.active {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.fx-footer-content,.fx-footer-info>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.lang-switch-mask .lang-list {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%);
    -webkit-transition: transform 218ms;
    -webkit-transition: -webkit-transform 218ms;
    transition: -webkit-transform 218ms;
    transition: transform 218ms;
    transition: transform 218ms, -webkit-transform 218ms
}

.lang-switch-mask .lang-list .lang-item {
    line-height: 50px;
    border-bottom: solid 1px #C9CED9;
    padding: 0 25px
}

.lang-switch-mask .lang-list .lang-item:last-child {
    border-bottom: none
}

.lang-switch-mask .lang-list .lang-item.select {
    color: #0DB3A6
}

.lang-switch-mask .lang-list.active {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.fx-header-free-register,.fx-header-register,.fx-header-solution-center {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    z-index: 3;
    -webkit-box-shadow: 0 5px 8px 0 rgba(64,106,103,.13);
    box-shadow: 0 5px 8px 0 rgba(64,106,103,.13);
    background: rgba(255,255,255,.95);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-header-free-register.logo-header,.fx-header-register.logo-header,.fx-header-solution-center.logo-header {
    position: relative
}

.fx-header-free-register .header-item,.fx-header-register .header-item,.fx-header-solution-center .header-item {
    padding: 0 20px
}

.fx-header-free-register .header-item .logo,.fx-header-register .header-item .logo,.fx-header-solution-center .header-item .logo {
    width: 106px;
    height: 25px
}

.fx-header-free-register .header-item .center-logo,.fx-header-register .header-item .center-logo,.fx-header-solution-center .header-item .center-logo {
    width: 164px;
    height: 32px
}

.fx-header-free-register .right-wrapper,.fx-header-register .right-wrapper,.fx-header-solution-center .right-wrapper {
    position: absolute;
    top: 0;
    right: 0
}

.fx-header-free-register .right-wrapper .menu-right-item,.fx-header-register .right-wrapper .menu-right-item,.fx-header-solution-center .right-wrapper .menu-right-item {
    border: 1px solid #0DB3A6;
    padding: 5px 15px;
    margin-right: 20px;
    color: #0DB3A6;
    border-radius: 2px;
    text-align: center
}

.fx-header-free-register .right-wrapper .menu-right-item:hover,.fx-header-register .right-wrapper .menu-right-item:hover,.fx-header-solution-center .right-wrapper .menu-right-item:hover {
    background: #0DB3A6;
    color: #fff
}

.fx-header-free-register .right-wrapper .btn-item,.fx-header-register .right-wrapper .btn-item,.fx-header-solution-center .right-wrapper .btn-item {
    border: 1px solid #0DB3A6;
    padding: 7px 20px;
    margin-right: 12px;
    color: #0DB3A6;
    font-size: 16px;
    border-radius: 2px;
    text-align: center
}

.fx-header-free-register .right-wrapper .btn-item.register,.fx-header-register .right-wrapper .btn-item.register,.fx-header-solution-center .right-wrapper .btn-item.register {
    margin-right: 38px
}

.fx-header-free-register .right-wrapper .btn-item:hover,.fx-header-register .right-wrapper .btn-item:hover,.fx-header-solution-center .right-wrapper .btn-item:hover {
    background: #0DB3A6;
    color: #fff
}

@media screen and (max-width: 1300px) {
    .fx-header .menu .menu-item {
        padding:0 2%
    }

    .fx-header .right-wrapper .menu-right-item {
        padding: 0 15px
    }
}

@media screen and (max-width: 1200px) {
    .fx-header .header-item {
        padding:0 12px
    }

    .fx-header .menu .menu-item {
        padding: 0 1%
    }

    .header-menu-mask .header-menu-pane .menu-wrapper {
        padding: 0
    }

    .header-menu-mask .header-menu-pane .menu-item {
        padding: 0 20px
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list {
        display: none;
        background: #f4f6f9;
        padding: 20px
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .solution-info {
        line-height: 42px;
        color: #5e6d82
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .solution-info img {
        max-height: 7px;
        position: relative;
        top: -16px;
        left: -3px
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-content {
        display: none
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list.on {
        display: block
    }

    .header-menu-mask .header-menu-pane .menu-item>a {
        display: block;
        padding: 0 20px
    }

    .header-menu-mask .header-menu-pane .menu-item .s-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0;
        z-index: 999
    }

    .header-menu-mask .header-menu-pane .menu-item .s-box i {
        font-size: 18px;
        width: 60px;
        text-align: center;
        cursor: pointer
    }

    .header-menu-mask .header-menu-pane .menu-item .s-box.on {
        background: #f4f6f9;
        color: #5e6d82
    }

    .header-menu-mask .header-menu-pane .menu-item.active,.header-menu-mask .header-menu-pane .menu-item.active>a {
        color: #0DB3A6
    }

    .header-menu-mask .header-menu-pane .menu-item.active i {
        color: #444
    }

    .header-menu-mask .header-menu-pane .menu-item.active .s-box a {
        color: #0DB3A6
    }

    .header-menu-mask .header-menu-pane .menu-item.jjfa,.header-menu-mask .header-menu-pane .menu-item.product-function {
        padding: 0
    }

    .header-menu-mask .header-menu-pane .menu-item.jjfa .s-box,.header-menu-mask .header-menu-pane .menu-item.product-function .s-box {
        padding: 0 20px
    }

    .header-menu-mask .header-menu-pane .menu-item.jjfa .solution-list-pc,.header-menu-mask .header-menu-pane .menu-item.product-function .solution-list-pc {
        display: none
    }

    .fx-header-register .right-wrapper .menu-right-item,.fx-header-solution-center .right-wrapper .menu-right-item {
        padding: 5px 18px
    }

    .fx-header-free-register .header-item {
        padding-left: 38px
    }

    .fx-header-free-register .right-wrapper .btn-item {
        font-size: 15px;
        padding: 5px 15px
    }
}

a,li,p,span {
    max-height: 999999px
}

@media screen and (max-width: 1000px) {
    .fx-header .menu .menu-item,.fx-header .right-wrapper .menu-right-item {
        font-size:14px
    }
}

@media screen and (max-width: 950px) {
    .fx-header .right-wrapper .menu-right-item {
        font-size:16px
    }

    .fx-header .right-wrapper .menu-right-item.lang-switch {
        display: none
    }
}

@media screen and (max-width: 800px) {
    .fx-header .header-item {
        -webkit-box-flex:1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .fx-header .menu {
        display: none
    }

    .fx-header .menu-icon {
        display: block;
        padding-right: 15px
    }

    .fx-header .opacity{
        opacity: 1.0;
    }
}

html {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0;
    font-family: "PingFang SC","Source Sans Pro","Helvetica Neue","Microsoft Yahei",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif,serif;
    font-size: 16px;
    color: #333
}

abbr,address,article,aside,audio,b,blockquote,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
    font-size: 100%;
    background: 0 0
}

body {
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0
}

audio,b,blockquote,canvas,dd,del,div,dl,dt,form,iframe,ins,kbd,label,legend,mark,object,ol,pre,q,samp,small,span,strong,sub,summary,sup,tbody,tfoot,thead,time,tr {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    font-weight: 400
}

p {
    border: 0;
    outline: 0;
    vertical-align: baseline
}

abbr,fieldset {
    margin: 0;
    padding: 0;
    outline: 0;
    vertical-align: baseline;
    border: 0
}

address,caption,cite,code,dfn,em,var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    font-weight: 400;
    font-style: normal
}

img {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    max-width: 100%
}

i {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    font-style: normal
}

ul {
    border: 0;
    outline: 0;
    vertical-align: baseline;
    list-style: none
}

li {
    border: 0;
    outline: 0;
    vertical-align: baseline;
    list-style-type: none
}

table {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    border-collapse: collapse;
    border-spacing: 0
}

th {
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    font-style: normal;
    font-weight: 700
}

td {
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,menu,nav {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    display: block
}

section {
    margin: 0;
    padding: 50px 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    display: block
}

video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    max-width: 100%
}

input {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    border: 0;
    outline: 0
}

input:focus {
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-modify: read-write-plaintext-only
}

input::-ms-clear {
    display: none
}

input::-ms-reveal {
    display: none
}

s {
    font-style: normal
}

button {
    vertical-align: middle;
    border: 0;
    outline: 0
}

acronym {
    border: 0
}

.block {
    display: block
}

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

.fl {
    float: left
}

.fr {
    float: right
}

.clear,.clearfix:after {
    clear: both
}

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

a {
    color: #000;
    cursor: pointer
}

a:focus,textarea:focus {
    outline: 0
}

a:hover {
    text-decoration: none
}

textarea {
    outline: 0;
    -webkit-appearance: none;
    resize: none
}

input[type=checkbox] {
    -webkit-appearance: checkbox
}

* {
    -webkit-tap-highlight-color: transparent
}

input[type=button] {
    -webkit-appearance: none;
    cursor: pointer
}

input[type=reset] {
    -webkit-appearance: none
}

.button {
    border-radius: 0
}

>.fx-markdown-body:first-child {
    margin-top: 0!important
}

>.fx-markdown-body:last-child {
    margin-bottom: 0!important
}

.img-mask {
    height: 100%
}

a:active,a:hover {
    outline: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

td,th {
    padding: 0
}

.fx-custom .top-banner .content .title {
    color: #fff
}

.fx-custom .img-box-active:after {
    content: "";
    display: block;
    width: 48px;
    height: 4px;
    background-color: #0DB3A6;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fx-custom .section-2 .now,.fx-custom .section-2 .traditional {
    width: 500px
}

.fx-custom .section-3 .items-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.logo-tab-comp .logo-list {
    color: #666;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    -webkit-box-shadow: 0 10px 40px -10px rgba(16,20,40,.06);
    box-shadow: 0 10px 40px -10px rgba(16,20,40,.06)
}

.logo-tab-comp .logo-list .logo {
    display: inline-block;
    width: 200px;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    margin: 10px 0
}

.logo-tab-comp .logo-list .logo .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    width: 110px;
    height: 55px;
    position: relative;
    margin: 0 0 20px 45px;
    background: #fff;
    -webkit-filter: opacity(.5);
    filter: opacity(.5)
}

.logo-tab-comp .logo-list .logo .img-box img {
    width: 100%
}

.logo-tab-comp .logo-list .logo .img-box-active {
    background: 0 0!important;
    -webkit-filter: opacity(1);
    filter: opacity(1)
}

.logo-tab-comp .comment {
    font-size: 15px;
    line-height: 1.6;
    position: relative;
    max-width: 1000px;
    min-height: 240px;
    margin: 50px auto 0;
    width: 650px;
    padding: 60px;
    background: #FFF;
    -webkit-box-shadow: 0 20px 40px -10px rgba(16,20,40,.12);
    box-shadow: 0 20px 40px -10px rgba(16,20,40,.12);
    border-radius: 5px
}

.logo-tab-comp .comment:after,.logo-tab-comp .comment:before {
    position: absolute;
    font-size: 35px;
    width: 33px;
    height: 31px;
    background-image: url(../image/2020jdy-bannyh.png);
    content: ''
}

.logo-tab-comp .comment p {
    color: #5E6D82;
    line-height: 30px
}

.logo-tab-comp .comment:after {
    color: #E4E5E5;
    background-size: cover;
    right: 15px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: 30px
}

.logo-tab-comp .comment:before {
    color: #E4E5E5;
    background-size: cover;
    left: 15px;
    top: 30px
}

.logo-tab-comp .invisible {
    display: none
}

.fx-price .technical-support-button {
    -moz-transition: background-color 218ms;
    -o-transition: background-color 218ms;
    -webkit-transition: background-color 218ms;
    position: fixed;
    bottom: 75px;
    right: 60px;
    width: 170px;
    height: 50px;
    background: #FC0;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.1);
    border-radius: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    color: #fff;
    font-size: 16px;
    transition: background-color 218ms
}

.fx-price-section-1 .purchasing .item-button>a,.fx-price-section-main .header-item .item-button>a {
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out
}

.fx-price .technical-support-button:hover {
    background-color: #BF9900
}

.fx-price .technical-support-button .iconfont {
    font-size: 24px
}

.fx-func .section-5 {
    padding-bottom: 70px
}

.fx-price-section-main {
    margin-top: 220px;
    padding-bottom: 30px
}

.fx-price-section-main .title {
    display: none
}

.fx-price-section-main .header-item {
    width: 20%;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #EBEBEB;
    border-top: 2px solid;
    background: #fff;
    padding: 0
}

.fx-price-section-main .header-item .item-button {
    text-align: center
}

.fx-price-section-main .header-item .item-button>a {
    padding: 0 36px;
    background: #0DB3A6;
    -webkit-border-radius: 100px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border-radius: 100px;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out
}

.fx-price-section-main .header-item .item-button>a:hover {
    background: #0a837a
}

.fx-price-section-main .header-item .special-tip {
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    position: absolute;
    top: 160px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    color: silver;
    font-size: 12px
}

.fx-price-section-main .header-item .wrapper {
    position: relative;
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: padding;
    transition: padding;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    width: 262px;
}

.fx-price-section-main .header-item .item-arrow {
    position: absolute;
    top: 10px;
    right: 0;
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #0DB3A6;
    color: #fff
}

.fx-price-section-main .header-item .item-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: -14px;
    bottom: 0;
    border-width: 14px;
    border-style: solid;
    border-color: #0DB3A6 transparent
}

.fx-price-section-main .header-item .item-title {
    font-size: 16px;
    font-weight: 700;
    color: #1F2D3D
}

.fx-price-section-main .header-item.style-grey .item-title{
    text-align: left;
    font-weight: 700;
}

.fx-price-section-main .header-item .item-sub-title {
    line-height: 24px;
    font-size: 16px;
    color: #0D1540;
    width: 70px;
    height: 30px;
    font-weight: 500;
    text-align: left
}

.fx-price-section-main .header-item .item-info {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #ED5B59;
    text-align: right
}

.fx-price-section-main .header-item .item-custom-phone {
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0
}

.fx-price-section-main .header-item .item-desc {
    padding: 0 20px;
    text-align: left;
    font-size: 12px
}

.fx-price-section-main .header-item .item-desc>a {
    color: #0DB3A6;
    text-decoration: underline
}

.fx-price-section-main .header-item .item-btn {
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #0DB3A6;
    color: #0DB3A6;
    -webkit-transition: all 218ms;
    transition: all 218ms;
    cursor: pointer
}

.fx-price-section-main .header-item .item-btn:hover {
    background: #0DB3A6;
    color: #fff
}

.fx-price-section-main .header-item .item-btn.disable {
    cursor: not-allowed;
    color: #8A8A8A;
    border: 1px solid #EBEBEB;
    background: #F4F4F4
}

.fx-price-section-main .body {
    width: 200%;
    position: relative;
    overflow: hidden;
    -webkit-transition: transform 218ms;
    -webkit-transition: -webkit-transform 218ms;
    transition: -webkit-transform 218ms;
    transition: transform 218ms;
    transition: transform 218ms, -webkit-transform 218ms;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.fx-price-section-main .body .body-footer {
    margin-top: 3px;
    color: #91A1B7;
    font-size: 9px
}

.fx-price-section-main .body .body-wrapper {
    display: inline-block;
    width: 50%;
    position: relative
}

.fx-price-section-main .body.active-right {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.fx-price-section-main .price-wrapper-item {
    position: relative;
    background: #fff;
    width: 23%;
    vertical-align: top;
    margin: 0 1%;
    padding: 20px;
    display: inline-block;
    border: 1px solid #ccd1d9;
    -webkit-transition: height 218ms;
    transition: height 218ms
}

.fx-price-section-main .price-wrapper-item .item-header {
    text-align: center;
    border-bottom: 1px solid #ccd1d9
}

.fx-price-section-main .price-wrapper-item .item-header .version-name {
    padding: 20px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx-price-section-main .price-wrapper-item .item-header .version-price {
    padding: 10px;
    font-size: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx-price-section-main .price-wrapper-item .item-section {
    padding: 10px 0;
    border-bottom: 1px solid #ccd1d9
}

.fx-price-section-main .price-wrapper-item .item-section .section-row {
    position: relative;
    width: 100%;
    padding: 12px 0;
    font-size: 14px
}

.fx-price-section-main .price-wrapper-item .item-section.for-mobile {
    display: none
}

.fx-price-section-main .price-wrapper-item .item-footer {
    padding: 30px 0 20px;
    text-align: center
}

.fx-price-section-main .price-wrapper-item .item-footer .footer-msg-mobile {
    padding: 14px 0;
    text-align: left;
    color: #ccd1d9;
    display: none
}

.fx-price-section-main .price-wrapper-item .footer-arrow-wrapper {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: none
}

.fx-price-section-main .price-wrapper-item .footer-arrow-wrapper>i,.fx-price-section-main .price-wrapper-item .my-lighter {
    display: none
}

.fx-price-section-main .price-wrapper-item.green {
    border-top: 5px solid #0DB3A6
}

.fx-price-section-main .price-wrapper-item.blue {
    border-top: 5px solid #1bc6ff
}

.fx-price-section-main .price-wrapper-item.yellow {
    border-top: 5px solid #f6bb42
}

.fx-price-section-main .price-wrapper-item.green-lighter {
    border-top: 5px solid #0eb33e
}

.fx-price-section-main .price-wrapper-item.purple {
    border-top: 5px solid #C086FF
}

.fx-price-section-main .price-wrapper-item.orange {
    border-top: 5px solid #FF9F52
}

.fx-price-section-main .row-left {
    width: 48%;
    display: inline-block;
    color: #ccd1d9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx-price-section-main .row-left .tooltip-wrapper {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    top: 3px
}

.fx-price-section-main .row-left .tooltip-wrapper:hover .msg-content {
    display: block
}

.fx-price-section-main .row-left .tooltip-wrapper .tooltip-icon {
    display: inline-block
}

.fx-price-section-main .row-left .tooltip-wrapper .msg-content {
    display: none;
    position: absolute;
    top: -220%;
    left: 50%;
    font-size: 12px;
    color: #000;
    line-height: 19px;
    padding: 5px 10px;
    border-radius: 3px;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    border: 1px solid #0DB3A6;
    background: #fff;
    width: 220px
}

.fx-price-section-main .row-left .tooltip-wrapper .msg-content:after {
    content: ''
}

.fx-price-section-main .row-left .tooltip-wrapper .msg-content .arrow-down {
    display: block;
    border-width: 10px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    border-style: solid dashed dashed;
    border-color: #0DB3A6 transparent transparent;
    font-size: 0;
    line-height: 0
}

.fx-price-section-main .item-text .item-tip .msg-content,.fx-price-section-main .item-text .item-tip .msg-content .arrow-down {
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0)
}

.fx-price-section-main .row-left .tooltip-wrapper .msg-content .arrow-down-border {
    display: block;
    border-width: 10px;
    position: absolute;
    bottom: -19px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    border-style: solid dashed dashed;
    border-color: #FFF transparent transparent;
    font-size: 0;
    line-height: 0
}

.fx-price-section-main .row-left .tooltip-wrapper .msg-content.large {
    top: -320%;
    width: 230px;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal
}

.fx-price-section-main .row-left .tooltip-wrapper .msg-content.large.left {
    -webkit-transform: translate(-34%,0);
    transform: translate(-34%,0)
}

.fx-price-section-main .row-left .tooltip-wrapper .msg-content.large.left .arrow-down,.fx-price-section-main .row-left .tooltip-wrapper .msg-content.large.left .arrow-down-border {
    -webkit-transform: translate(-250%,0);
    transform: translate(-250%,0)
}

.fx-price-section-main .row-left .tooltip-wrapper .msg-content.top {
    top: -400%
}

.fx-price-section-main .row-left.large {
    width: 83%;
    white-space: normal
}

.fx-price-section-main .item-text .item-tip {
    margin-left: 5px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    border-radius: 50%
}

.fx-price-section-main .item-text .item-tip .msg-content {
    display: none;
    position: absolute;
    top: -420%;
    left: 96px;
    font-size: 12px;
    line-height: 19px;
    padding: 5px 10px;
    border-radius: 3px;
    z-index: 2;
    text-align: left;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    border: 1px solid #0DB3A6;
    background: #fff;
    width: 280px
}

.fx-price-section-main .item-text .item-tip .msg-content .arrow-down {
    display: block;
    border-width: 10px;
    position: absolute;
    bottom: -20px;
    left: 50px;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    border-style: solid dashed dashed;
    border-color: #0DB3A6 transparent transparent;
    font-size: 0;
    line-height: 0
}

.fx-price-section-main .item-text .item-tip .msg-content:after {
    content: ''
}

.fx-price-section-main .item-text .item-tip .msg-content .arrow-down-border {
    display: block;
    border-width: 10px;
    position: absolute;
    bottom: -18px;
    left: 50px;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    border-style: solid dashed dashed;
    border-color: #FFF transparent transparent;
    font-size: 0;
    line-height: 0
}

.fx-price-section-main .item-text .item-tip:hover .msg-content {
    display: block
}

.fx-price-section-main .item-text .item-tip>i {
    color: #0DB3A6;
    font-size: 14px
}

.fx-price-section-main .item-text .item-tip .msg-content.small {
    width: 220px;
    top: -320%;
    left: 66px
}

.fx-price-section-main .item-text .item-tip .msg-content.large {
    top: -540%
}

.fx-price-section-main .item-text .item-tip .msg-content.normal {
    top: -320%
}

.fx-price-section-main .item-text .item-tip .msg-content.tiny {
    top: -320%;
    left: 16px;
    width: 120px
}

.fx-price-section-main .item-text .item-tip .msg-content.huge {
    top: -770%
}

.fx-price-section-main .row-left.active {
    color: #474b51
}

.fx-price-section-main .row-right {
    width: 50%;
    display: inline-block;
    text-align: right;
    vertical-align: middle
}

.fx-price-section-main .row-right .item-tip {
    color: #91A1B7;
    font-size: 12px
}

.fx-price-section-main .row-right .color-blue {
    color: #38ACFF
}

.fx-price-section-main .row-right.small {
    width: 15%
}

.fx-price-section-main .row-right-tip {
    color: #91A1B7;
    font-size: 9px;
    text-align: right
}

.fx-price-section-main .row-right-icon {
    display: none
}

.fx-price-section-main .row-right-icon.active {
    display: inline-block;
    float: right
}

.fx-price-section-main .package-main {
    max-width: 1088px;
    margin: 0 auto;
    /* -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); */
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,.2) */
}

.fx-price-section-main .package-main .fixed {
    position: fixed;
    z-index: 1;
    top: 60px
}

.fx-price-section-main .package-main .table-title{
    height: 24px;
    font-size: 16px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 700;
    line-height: 24px;
    margin: 20px 0;
}

.fx-price-section-main .package-main .main-title {
    font-size: 16px;
    font-weight: 500;
    color: #0D1540;
    text-align: left;
    border-style: solid;
    border-color: #EBEBEB;
    border-width: 1px 1px;

    /* width: 1140px; */
    height: 42px;
    background: #F7F8FA;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    padding: 9px 15px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.fx-price-section-main .package-main .main-title .line{
    width: 3px;
    height: 16px;
    background: #00ACBE;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    display: inline-block;
    margin-right: 5px;
}

.fx-price-section-main .package-main .zhu{
    border-color: #EBEBEB;
    border-style: solid;
    border-width: 0 1px 1px;
    margin-top: -30px;
    overflow: hidden;
    font-weight: 400;
    color: rgba(13, 21, 64, 0.6);
    line-height: 20px;
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    padding: 10px 20px;
}

.fx-price-section-main .package-main .zhu .left{
    float: left;
}

.fx-price-section-main .package-main .zhu .right{
    float: left;
}

.fx-price-section-main .main-header {
    border-style: solid;
    border-color: #EBEBEB;
    border-width: 0 0 1px 0px;
    border-collapse: collapse;
    width: 100%
}

.fx-price-section-main .header-item.style-grey {
    /* border-top-color: #B5B5B7 */
    border-top: none;
    width: 210px;
}

.fx-price-section-main .header-item.free {
    border-top-color: #00ACBE;
    background-color: rgba(0, 172, 190, 0.1);
    /* width: 262px; */
}

.fx-price-section-main .header-item.lite {
    border-top-color: #688FD8
}

.fx-price-section-main .header-item.std {
    border-top-color: #688FD8;
    background-color: rgba(104, 143, 216, 0.1);
}

.fx-price-section-main .header-item.enter {
    border-top-color: #FAAA39;
    border-right: none;
    background-color: rgba(250, 170, 57, 0.1);
}

.fx-price-section-main .header-item.cloud {
    border-top-color: #FF9F52
}

.fx-price-section-main .header-item.custom {
    border-top-color: #FFA052
}

.fx-price-section-main .main-body {
    border-style: solid;
    border-color: #EBEBEB;
    border-width: 1px 0 0 1px;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 30px;
}

.fx-price-section-main .main-body.last-main-body{
    margin-top: -30px;
    border-top: none;
}

.fx-price-section-main .main-body .body-item {
    /* width: 20%; */
    vertical-align: middle;
    text-align: center;
    border-style: solid;
    border-color: #EBEBEB;
    border-width: 0 1px 1px 0;
    border-collapse: collapse;
    background: #fff;
    padding: 12px;
    font-size: 14px;
    color: #5E6D82
}

.fx-price-section-main.price-table-2 .main-body .body-item, .fx-price-section-main.price-table-3 .main-body .body-item{
    text-align: left;
}


.fx-price-section-main .main-body .body-item img{
    width: 15px;
}

.fx-price-section-main .main-body .body-item.td-234{
    width: 262px;
}

.fx-price-section-main .main-body .body-item-last{
    width: 524px;
}

.fx-price-section-main .main-body .body-item.td-table-2{
    width: 300px;
}

.fx-price-section-main .main-body .body-item .price-tip {
    color: #91a1b7;
    font-size: 12px
}

.fx-price-section-main .main-body .body-item .price-tip .careful {
    color: #E64340
}

.fx-price-section-main .main-body .body-item .item-name {
    font-size: 16px;
    margin: 20px
}

.fx-price-section-main .main-body .body-item .item-info {
    font-size: 12px;
    color: #8C8C8C
}

.fx-price-section-main .main-body .body-item .item-tip {
    color: #91A1B7;
    font-size: 12px
}

.fx-price-section-main .main-body .body-item .learn-more {
    color: #0DB3A6
}

.fx-price-section-main .main-body .body-item:first-child {
    color: #1F2D3D;
    text-align: left;
    width: 300px;
}

.fx-price-section-main .main-body .body-item.center {
    text-align: center
}

.fx-price-section-main .main-body .body-item.center .time {
    margin-left: 58px
}

.fx-price-section-main .main-body .body-item.center .learn-more {
    margin-left: 10px
}

.fx-price-section-main .main-body .body-item.padding-none {
    padding: 0
}
.fx-price-section-main.price-table-2 .main-body .body-item, .fx-price-section-main.price-table-3 .main-body .body-item{
    position: relative;
    overflow: hidden;
}
.fx-price-section-main.price-table-2 .main-body .body-item .line, .fx-price-section-main.price-table-3 .main-body .body-item .line{
    width: 3px;
    height: 16px;
    background-color: #00ACBE;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    margin-right: 20px;
}

.fx-price-section-main.price-table-2 .main-body .body-item .text, .fx-price-section-main.price-table-3 .main-body .body-item .text{
    margin-left: 8px;
}

.fx-price-section-main .main-body .body-item.background-grey{
    background: #F7F8FA;
    font-size: 16px;
    font-weight: 500;
    color: #0D1540;
    line-height: 16px;
    font-family: PingFang SC-Medium, PingFang SC;
    margin: auto;
    vertical-align: middle;
    /* display: flex;
  align-items: center; */
}

.fx-price-section-main .wrapper-icon {
    font-size: 16px
}

.fx-price-section-main .wrapper-icon.color-blue {
    color: #38ACFF
}

.fx-price-section-main .wrapper-icon.color-red {
    color: red
}

.fx-price-section-main .wrapper-icon.color-purple {
    color: #807AAB
}

.fx-price-section-main .wrapper-icon.color-gold {
    color: #fa9d10
}

.fx-price-section-main .wrapper-icon.color-grey {
    color: #B1B1B1
}

.fx-price-section-main .wrapper-icon.size-large {
    font-size: 36px
}

.fx-price-section-main .price-banner-wrapper {
    line-height: 40px;
    background: #e8f8f7;
    font-size: 16px;
    padding: 20px 35px
}

.fx-price-section-main .price-banner-wrapper>span {
    vertical-align: middle
}

.fx-price-section-main .price-banner-wrapper .wrapper-btn {
    background: #0DB3A6;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    border-radius: 16px;
    padding: 0 24px
}

.fx-price-section-main .price-banner-wrapper .wrapper-btn:hover {
    background: #0b9b90
}

.fx-price-section-main .package-footer .footer-title {
    font-size: 25px;
    color: #1F2D3D;
    text-align: center;
    margin: 45px 0 20px
}

.fx-price-section-main .package-footer .footer-sub-title {
    font-size: 16px;
    color: #1F2D3D;
    margin-bottom: 30px;
    text-align: center
}

.fx-price-section-main .package-footer .footer-btn {
    margin: 0 auto;
    display: block;
    background: #0DB3A6;
    border-radius: 2px;
    text-align: center;
    width: 225px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    -webkit-transition: background .3s;
    transition: background .3s;
    font-size: 18px
}

.fx-price-section-main .package-footer .footer-btn:hover {
    background: #0a8d83
}

.fx-price-section-main .recommend {
    width: 43px;
    height: 43px;
    position: absolute;
    top: 0;
    right: 0
}

.fx-price-section-main .recommend span {
    top: 0;
    left: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 22px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    color: #fff;
    font-size: 12px
}

.fx-price-section-1 {
    position: relative;
    width: 100%;
    height: 472px;
    background: url(../image/banner-1920.png) center center no-repeat;
    color: #fff;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.fx-price-section-1 .title-large {
    padding-top: 145px;
    text-align: center;
    font-size: 40px
}

.fx-price-section-1 .title-normal {
    padding-top: 30px;
    text-align: center;
    font-size: 30px
}

.fx-price-section-1 .bottom {
    margin-top: 15px;
    text-align: center;
    opacity: .6;
    font-size: 20px
}

.fx-price-section-1 .purchasing {
    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-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-top: 49px
}

.fx-price-section-1 .purchasing .choice {
    position: relative;
    margin: 0 35px 50px;
    padding-top: 23px;
    text-align: center;
    width: 220px;
    height: 280px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    border-radius: 6px;
    color: #1E2D3E
}

.x-fixed-banner,.x-fixed-block {
    padding: 0 36px;
    display: -webkit-box
}

.fx-price-section-1 .purchasing .choice>img {
    width: 100px
}

.fx-price-section-1 .purchasing .choice .recommend img {
    display: block
}

.fx-price-section-1 .purchasing .item-button {
    text-align: center
}

.fx-price-section-1 .purchasing .item-button>a {
    padding: 0 36px;
    background: #0DB3A6;
    -webkit-border-radius: 100px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border-radius: 100px;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out
}

.fx-price-section-1 .purchasing .item-button>a:hover {
    background: #0a837a
}

.fx-price-section-1 .purchasing .item-sub-title {
    font-size: 18px;
    font-weight: 700;
    color: #394C6A;
    margin: 7px 0 13px
}

.fx-price-section-1 .purchasing .item-info {
    font-size: 24px;
    color: #ED5B59;
    margin-bottom: 18px;
    height: 36px;
    line-height: 36px
}

.fx-price-section-1 .purchasing .item-custom-phone {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 18px;
    height: 36px;
    line-height: 36px
}

.fx-price-section-1 .purchasing .item-desc {
    padding: 0 20px;
    text-align: left;
    font-size: 12px
}

.fx-price-section-1 .purchasing .item-desc>a {
    color: #0DB3A6;
    text-decoration: underline
}

.fx-price-section-1 .purchasing .recommend {
    position: absolute;
    top: 6px;
    right: 0;
    width: 52px;
    height: 24px
}

.fx-price-section-1 .purchasing .recommend span {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    text-align: center
}

.fx-price-section-2 {
    max-width: 1280px;
    margin: 0 auto;
    color: #000
}

.fx-price-section-2>.title {
    text-align: center;
    font-size: 36px
}

.fx-price-section-2 .capacity .title {
    text-align: center;
    font-size: 26px;
    margin: 60px 0 50px
}

.fx-price-section-2 .capacity .title span {
    margin-right: 26px
}

.fx-price-section-2 .capacity .content {
    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
}

.fx-price-section-2 .capacity .content .item {
    font-size: 0;
    width: 280px;
    color: #5E6D82;
    margin: 0 60px;
    padding-bottom: 25px;
    border-radius: 8px;
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s
}

.fx-price-section-2 .capacity .content .item:hover {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14)
}

.fx-price-section-2 .capacity .content .item .txt {
    margin-top: 25px;
    font-size: 20px
}

.fx-price-section-2 .function .title {
    text-align: center;
    font-size: 26px;
    margin: 60px 0 56px
}

.fx-price-section-2 .function .title span {
    margin-right: 26px
}

.fx-price-section-2 .function .content {
    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-flex-flow: wrap;
    -moz-box-flex-flow: wrap;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.fx-price-section-2 .function .content .item {
    font-size: 0;
    width: 280px;
    padding-bottom: 25px;
    margin: 0 60px 42px;
    border-radius: 8px;
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.fx-price-section-2 .function .content .item img {
    width: 150px
}

.fx-price-section-2 .function .content .item:hover {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14)
}

.fx-price-section-2 .function .content .item .txt {
    font-size: 20px;
    color: #5E6D82
}

.fx-price-section-2 .function .content .item .detail {
    font-size: 14px;
    color: #91A1B7;
    margin-top: 10px
}

.fx-price-section-2 .technology .title {
    text-align: center;
    font-size: 26px;
    margin: 21px 0 55px
}

.fx-price-section-2 .technology .title span {
    margin-right: 26px
}

.fx-price-section-2 .technology .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.fx-price-section-2 .technology .container .container-bg {
    width: 400px;
    height: 240px;
    background: url(../image/advanced-technology.png) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.fx-price-section-2 .technology .container .content li {
    font-size: 20px;
    color: #5E6D82;
    margin: 22px 0 22px 137px;
    position: relative;
    padding-left: 20px
}

.fx-price-section-2 .technology .container .content li:before {
    content: "";
    margin-right: 30px;
    font-weight: 700;
    display: block;
    border: 3px solid #0DB3A6;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 0
}

.fx-price-section-3 ul,.x-entrance-block .solution-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.fx-price-section-2 .iconfont {
    font-size: 64px;
    color: #3C60FF
}

.fx-price-section-3 {
    max-width: 1280px;
    margin: 0 auto
}

.fx-price-section-3>.title {
    font-size: 36px;
    color: #000;
    text-align: center;
    margin: 80px 0 60px
}

.fx-price-section-3 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-flex-flow: wrap;
    -moz-box-flex-flow: wrap;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.fx-customer-case .top-banner>.case-detail-selector,.fx-price-section-3 .question-content .title>i {
    display: none
}

.fx-price-section-3 .question-content {
    width: 450px;
    height: 220px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    border-radius: 8px;
    margin: 0 65px 90px;
    padding: 25px 36px 0;
    background: url(../image/common-problem.png) center center no-repeat
}

.fx-price-section-3 .question-content .title {
    color: #1F2D3D;
    font-size: 20px;
    margin-bottom: 10px
}

.fx-price-section-3 .question-content .question-txt {
    color: #5E6D82;
    font-size: 14px
}

.fx-price-section-3 .question-content .question-txt a {
    color: #0DB3A6
}

.fx-price-section-5 {
    position: relative;
    width: 100%;
    height: 300px
}

.fx-price-section-5 .title {
    padding-top: 30px;
    text-align: center;
    font-size: 30px;
    color: #1B1B1B
}

.fx-price-section-5 .ext {
    text-align: center;
    padding: 50px 10px;
    font-size: 16px
}

.fx-price-section-5 .ext span {
    color: #5E6D82
}

.fx-price-section-5 .ext a {
    color: #0DB3A6
}

.fx-price-section-5 .bottom {
    margin-top: 60px;
    text-align: center
}

.fx-price-section-5 .bottom .btn {
    padding: 10px 45px;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #0DB3A6;
    border-radius: 4px;
    color: #0DB3A6
}

.fx-price-section-5 .bottom .btn:hover {
    background: #0DB3A6;
    border: 1px solid #0DB3A6;
    color: #fff
}

.fx-price-section-5 .bottom .btn:last-child {
    margin-left: 37px;
    background: #0DB3A6;
    color: #fff
}

.fx-customer-case .top-banner .case-detail-selector .selector-item.active .icon-arrow-down,.fx-customer-case .top-banner .case-detail-selector .selector-item.active .selector-name,.fx-customer-case .top-banner .case-detail-selector .selector-item.is-pc-selector:hover .icon-arrow-down,.fx-customer-case .top-banner .case-detail-selector .selector-item.is-pc-selector:hover .selector-name,.fx-customer-case .top-banner .menu-selector .menu-item.select,.fx-customer-case .top-banner .menu-selector .menu-item:hover {
    color: #0DB3A6
}

.fx-price-section-5 .bottom .btn:last-child:hover {
    background: #00a598
}

.fx-customer-case .top-banner .case-detail-selector {
    bottom: 0;
    -webkit-box-shadow: 0 20px 30px -15px rgba(16,20,40,.03);
    box-shadow: 0 20px 30px -15px rgba(16,20,40,.03)
}

/* footer部分的样式： */
.footer {
    background: #1D2036;
    padding: 50px 0;
}

.footer .row {
    width: 1170px;
    padding: 0;
    overflow: hidden;
    zoom:1;
    margin-right: auto;
    margin-left: auto;
}

/* 不要设置高度，让子元素撑开 */
.footer .company-info-container {
    border-bottom: 2px solid #838998;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.footer .company-left-container {
    width: 60%;
    margin-left: 0;
    padding-left: 0;
    float: left;
}

.footer .company-right-container{
    width: 40%;
    margin-right: 0;
    padding-right: 0;
    float: right;
    margin-top: 40px;
}
.footer .qrcode-container{
    width: 160px;
    float: right;
    text-align: center;
}

.footer .qrcode-container .img-responsive{
    width: 113px;
    border-radius: 6px;
}

.footer .qrcode-title{
    width: 200px;
    margin: 0 auto 10px;
    padding-left: 40px;
    color: #6d7485;
}

.footer .qrcode-desc {
    display: block;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #6d7485;
    line-height: 24px;
    margin-top: 10px;
}

.footer .link-for-other{
    /* float: left; */
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: #FFFFFF;
}

.footer .link-for-other a{
    color: #FFFFFF;
    margin-right: 10px;
}

.footer .link-for-other a:hover{
    color: #00ACBE;
}

.footer .copyright{
    /* float: right; */
    text-align: center;
    font-size: 13px;
    color: #ffffff;
    margin-top: 20px;
}

.footer .copyright a{
    font-size: 13px;
    color: #ffffff;
}

.footer .copyright a:hover{
    color: #00ACBE;
}

.footer .f-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.footer .f-list>li {
    width: 18%;
    min-width: 80px
}

.footer .f-list>li h4 {
    font-size: 16px;
    font-weight: 600;
    color: #91a1b7;
    border-bottom: 1px solid #5e6d82;
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 10px;
    position: relative
}

.footer .f-list>li h4:after {
    content: "";
    display: block;
    width: 1em;
    height: 1px;
    background: #0DB3A6;
    bottom: -1px;
    position: absolute;
}

.footer .f-list>li .ewm div.a1,.footer .f-list>li .ewm div.a1:hover,.footer .f-list>li .ewm div.a2,.footer .f-list>li .ewm div.a2:hover,.footer .f-list>li .ewm div.a3,.footer .f-list>li .ewm div.a3:hover {
    background-repeat: no-repeat;
    background-position: center
}

.footer .f-list>li ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.footer .f-list>li ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #c3cdda;
    line-height: 40px;
    display: block
}

.footer .f-list>li ul li a:hover {
    color: #0DB3A6
}

.footer .f-list>li ul li a.m {
    display: none
}

.footer .f-list>li ul li:nth-of-type(2) {
    margin-left: 40px
}

.footer .f-list>li>p {
    font-size: 14px;
    font-weight: 400;
    color: #c3cdda;
    line-height: 40px
}

.footer .f-list>li .ewm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 25px
}

.footer .f-list>li .ewm div {
    margin-right: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.footer .f-list>li .ewm div a {
    display: block;
    width: 100%;
    height: 100%
}

.footer .f-list>li .ewm div.a1 {
    background-image: url(../image/2020jdy-fwx.png);
    background-size: cover;
    position: relative
}

.footer .f-list>li .ewm div.a1 img {
    position: absolute;
    top: 40px;
    left: -20px;
    display: none
}

.footer .f-list>li .ewm div.a1:hover {
    background-image: url(../image/2020jdy-fwx.png);
    background-size: cover
}

.footer .f-list>li .ewm div.a1:hover img {
    display: block
}

.footer .f-list>li .ewm div.a2 {
    background-image: url(../image/2020jdy-fwx.png);
    background-size: cover
}

.footer .f-list>li .ewm div.a2:hover {
    background-image: url(../image/2020jdy-fwx.png);
    background-size: cover
}

.footer .f-list>li .ewm div.a3 {
    background-image: url(../image/2020jdy-fwx.png);
    background-size: cover
}

.footer .f-list>li .ewm div.a3:hover {
    background-image: url(../image/2020jdy-fwx.png);
    background-size: cover
}

.footer .f-list>li .ewm img {
    max-width: 80px;
    margin-bottom: 5px
}

.footer .f-list>li .ewm a,.footer .f-list>li .ewm span {
    font-size: 14px;
    display: block;
    text-align: center;
    font-weight: 400;
    color: #c3cdda;
    line-height: 36px
}

.footer .f-list>li .ewm a:hover {
    color: #0DB3A6
}

.footer .f-list>li.lxwm {
    width: 60%;
}

.footer .f-list>li.lxwm p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.footer .f-list>li.lxwm p a {
    word-break: keep-all;
    color: #c3cdda
}

.footer .f-list>li.lxwm p .tip {
    min-width: 70px
}

.footer .f-list>li.lxwm p .tip .phone {
    letter-spacing: 2px
}

.footer .f-list>li.lxwm p .tip .tlt {
    color: #91A1B7;
    font-size: 12px
}



.bq,.bq a {
    color: #5e6d82
}

.bq {
    background: #0d112d;
    line-height: 14px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 14px
}

.bq a {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #5e6d82
}

.business-case-comp {
    position: relative;
    width: 100%;
    margin-top: -10px
}

.business-case-comp .title-large {
    padding-bottom: 30px;
    text-align: center;
    font-size: 36px;
    color: #1B1B1B
}

.business-case-comp .title-normal {
    text-align: center;
    font-size: 20px;
    color: #5E6D82;
    margin-bottom: 40px
}

.business-case-comp .logo-wrapper {
    position: relative;
    width: 100%;
    padding: 40px 0 15px;
    background: -webkit-gradient(linear,right top, left top,color-stop(0, rgba(229,237,243,0)),color-stop(50%, #e9f1f8),to(rgba(229,237,243,0)));
    background: linear-gradient(270deg,rgba(229,237,243,0) 0,#e9f1f8 50%,rgba(229,237,243,0) 100%)
}

.business-case-comp .logo-wrapper .wrapper-content {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.business-case-comp .logo-wrapper .wrapper-content .logo-image {
    text-align: center;
    vertical-align: top;
    width: 18%;
    margin-bottom: 25px
}

.business-case-comp .logo-wrapper .brick-logos {
    position: relative;
    padding: 0 75px;
    background-image: none
}

.business-case-comp .logo-wrapper .brick-logos>img {
    padding-bottom: 60px
}

.business-case-comp .logo-wrapper .brick-logos .logos-mobile {
    display: none
}

.index-xl {
    padding-top: 50px;
    padding-bottom: 50px
}

.index-xl .title {
    font-size: 42px;
    text-align: center;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 59px;
    margin-bottom: 40px
}

.index-xl .tab-box {
    position: relative
}

.index-xl .tab-box .tab-title2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 60px
}

.index-xl .tab-box .tab-title2 li {
    height: 48px;
    padding: 0 20px;
    width: 250px;
    border-radius: 24px;
    margin-left: 25px;
    margin-right: 25px;
    border: 1px solid #d9d9d9;
    font-size: 13px;
    font-weight: 400;
    color: #5e6d82;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    opacity: 1
}

.index-xl .tab-box .tab-title2 li.swiper-pagination-bullet-active {
    background: #0db3a6;
    color: #fff;
    border: none
}

.index-xl .tab-box .swxlbox {
    -webkit-box-shadow: 0 0 18px 0 rgba(64,106,103,.13);
    box-shadow: 0 0 18px 0 rgba(64,106,103,.13);
    border-radius: 15px
}

.index-xl .tab-box .tab-content2 li {
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-align: unset;
    -webkit-align-items: unset;
    -ms-flex-align: unset;
    align-items: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.index-xl .tab-box .tab-content2 li .img-box {
    width: 380px
}

.index-xl .tab-box .tab-content2 li .txt-box {
    width: 750px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 40px
}

.index-xl .tab-box .tab-content2 li .txt-box h3 {
    font-size: 20px;
    font-weight: 600;
    color: #3d464d;
    line-height: 28px;
    margin-bottom: 20px
}

.index-xl .tab-box .tab-content2 li .txt-box p {
    font-size: 16px;
    font-weight: 400;
    color: #5e6d82;
    line-height: 28px;
    text-align: justify
}

.index-xl .tab-box .tab-content2 li .txt-box a {
    font-size: 16px;
    font-weight: 400;
    color: #0db3a6;
    line-height: 22px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.index-xl .tab-box .tab-content2 li.w1 {
    width: 100%!important
}

.index-xl .tab-box .tab-content2 li.on {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.index-xl .tab-box .pagxl {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    bottom: -25px
}

.index-xl .tab-box .pagxl .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    background: #e7e7e7;
    border-radius: 1px;
    opacity: 1;
    margin: 0 3px
}

.index-xl .tab-box .pagxl .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0db3a6
}

/* footer<1200px */
@media (max-width: 1200px) {
    .pc {
        display:none!important
    }

    .m {
        display: block
    }

    .container {
        overflow-x: hidden
    }

    .container.index-gn {
        overflow-y: hidden;
        height: 3900px
    }

    .row {
        width: 100%
    }

    .footer {
        padding: 25px 5%
    }

    .footer .qrcode-title{
        padding-left: 20px;
    }

    .footer .copyright{
        display: block;
        width: 100%;
        float: left;
        margin-top: 6px;
    }




    .footer .f-list>li,.footer .row {
        padding: 0;
        width: 100%
    }

    .footer .f-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer .f-list>li {
        margin-bottom: 10px
    }

    .footer .f-list>li h4 {
        font-size: 14px;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .footer .f-list>li ul li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

    .footer .f-list>li ul li a {
        margin-right: 15px;
        font-size: 14px;
        line-height: 30px
    }

    .footer .f-list>li ul li a.m {
        display: block
    }

    .footer .f-list>li>p {
        line-height: 30px
    }

    .footer .f-list>li .ewm div.a1 img {
        position: fixed;
        top: 100%;
        left: 0;
        -webkit-transform: translate(50%,-130%);
        transform: translate(50%,-130%)
    }

    .footer .f-list>li.lxwm {
        width: 100%
    }

    .footer .f-list>li.lxwm p {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .footer .f-list>li.lxwm p .tip {
        position: relative
    }

    .footer .f-list>li.lxwm p .tip:first-of-type {
        word-break: keep-all
    }

    .footer .f-list>li.lxwm p .tip .tlt {
        position: relative;
        top: 0;
        left: -10px;
        display: block;
        color: #91A1B7;
        font-size: 12px
    }

    .bq {
        font-size: 12px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .bq a {
        border-right: none;
        margin-bottom: 5px
    }

    .index-xl .title {
        font-size: 28px;
        margin-bottom: 0
    }

    .index-xl .tab-box .tab-title2 {
        display: none
    }

    .index-xl .tab-box .swxlbox {
        padding: 10px 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .index-xl .tab-box .tab-content2 li {
        display: block
    }

    .index-xl .tab-box .tab-content2 li .img-box {
        display: none
    }

    .index-xl .tab-box .tab-content2 li .txt-box {
        width: 100%;
        padding: 20px;
        display: block
    }

    .index-xl .tab-box .tab-content2 li .txt-box img {
        max-height: 32px;
        width: auto;
        margin-bottom: 12px
    }

    .index-xl .tab-box .tab-content2 li .txt-box h3 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .index-xl .tab-box .tab-content2 li .txt-box p {
        font-size: 12px;
        margin-bottom: 10px
    }

    .index-xl .tab-box .tab-content2 li .txt-box a {
        font-size: 12px
    }

    .index-xl .tab-box .tab-content2 li.on {
        display: block
    }

    .index-xl .tab-box .pagxl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 1250px) {
    .col-lg-1 {
        width:8.33333333%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .fx-custom .section-3 {
        max-width: 1200px
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top {
        padding-left: 120px
    }
}

@media screen and (max-width: 1250px) {
    .col-md-1 {
        width:8.33333333%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-12 {
        width: 100%
    }

    .fx-custom .section-3 .title>span:after {
        height: 2px
    }

    .fx-custom .section-3 .items-wrapper {
        text-align: center
    }

    .fx-custom .section-3 .items-wrapper .custom-item {
        display: block;
        height: 300px;
        position: relative;
        margin-top: 30px
    }

    .business-case-comp .logo-wrapper .brick-logos .logos,.fx-custom .section-3 .items-wrapper .custom-item .top .t-left {
        display: none
    }

    .fx-custom .section-3 .items-wrapper .custom-item .bottom {
        width: 80%;
        height: 175px;
        position: absolute;
        top: 0;
        left: 10%;
        margin-left: 0
    }

    .fx-custom .section-3 .items-wrapper .custom-item .bottom>img {
        width: auto;
        height: 100%
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top {
        width: 88%;
        height: 125px;
        position: absolute;
        top: 152px;
        left: 6%;
        text-align: center;
        padding-left: 0
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top .t-right {
        margin: 40px 0 0
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-title>span:after {
        width: 34%;
        left: 33%
    }

    .business-case-comp .logo-wrapper .brick-logos .logos-mobile {
        display: block
    }
}

@media screen and (max-width: 1100px) {
    .stagger-comp .row>div:first-child {
        margin-bottom:20px
    }

    .stagger-comp .row .figure-box,.stagger-comp .row .text-box {
        width: 100%!important
    }
}

@media screen and (max-width: 1180px) {
    .logo-tab-comp .comment {
        width:70%
    }

    .fx-price-section-1 .purchasing .choice {
        width: 195px;
        margin: 0 15px 50px
    }
}

@media screen and (max-width: 1000px) {
    .banner-comp .logo {
        width:100px
    }

    .banner-comp .content {
        width: 80%
    }

    .banner-comp .content .title {
        font-size: 22px;
        margin-bottom: 10px
    }

    .banner-comp .content .description {
        margin-bottom: 15px
    }

    .banner-comp .content .btn-group {
        margin: 0 0 5px
    }

    .fx-price-section-1 .purchasing .choice {
        width: 185px;
        margin: 0 15px 20px
    }
}

@media screen and (max-width: 900px) {
    .col-sm-1 {
        width:8.33333333%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .fx-price-section-1 .purchasing .choice {
        width: 228px;
        margin: 10px 35px
    }

    .fx-price-section-main {
        margin-top: 470px
    }
}

@media screen and (max-width: 800px) {
    .banner-comp .logo {
        width:100px
    }

    .banner-comp .content {
        width: 80%
    }

    .banner-comp .content .title {
        font-size: 22px;
        margin-bottom: 10px
    }

    .banner-comp .content .description {
        margin-bottom: 15px
    }

    .banner-comp .content .btn-group {
        margin: 0 0 5px
    }

    .container.index-gn {
        height: 3100px
    }
}

@media screen and (max-width: 650px) {
    .banner-comp .content .description,.logo-tab-comp .comment:after {
        display:none
    }

    .col-xs-1 {
        width: 8.33333333%
    }

    .col-xs-2 {
        width: 16.66666667%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-4 {
        width: 33.33333333%
    }

    .col-xs-5 {
        width: 41.66666667%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-7 {
        width: 58.33333333%
    }

    .col-xs-8 {
        width: 66.66666667%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-10 {
        width: 83.33333333%
    }

    .col-xs-11 {
        width: 91.66666667%
    }

    .col-xs-12 {
        width: 100%
    }

    .banner-comp .logo {
        width: 60px;
        top: 10px;
        left: 10px
    }

    .banner-comp .content {
        margin-top: 10px
    }

    .banner-comp .content .btn-group .btn {
        font-size: 16px;
        padding: 8px 10px;
        margin: 5px
    }

    .logo-tab-comp .logo-list {
        width: 750px;
        -webkit-transition: all 218ms;
        transition: all 218ms;
        height: 140px
    }

    .logo-tab-comp .logo-list .logo {
        width: 150px;
        height: 120px
    }

    .logo-tab-comp .logo-list .logo .img-box {
        margin: 0 auto;
        width: 63px;
        height: 63px;
        opacity: .5
    }

    .img-box.logo-tab-comp .logo-list .logo+p {
        color: #393939;
        font-size: 10px;
        opacity: .3
    }

    .logo-tab-comp .logo-list .logo .img-box.img-box-active {
        opacity: 1;
        width: 80px;
        height: 80px
    }

    .img-box.img-box-active.logo-tab-comp .logo-list .logo+p {
        font-size: inherit;
        opacity: 1
    }

    .logo-tab-comp .logo-list .logo>p {
        margin-top: 8px
    }

    .logo-tab-comp .comment {
        width: 90%;
        padding: 15px;
        background: #fff;
        -webkit-box-shadow: 0 2px 12px 0 rgba(218,218,218,.6);
        box-shadow: 0 2px 12px 0 rgba(218,218,218,.6);
        border-radius: 0 0 4px 4px;
        margin-top: 15px
    }

    .logo-tab-comp .comment:before {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        background: #fff;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: rotate(45deg) translate(-50%,0);
        transform: rotate(45deg) translate(-50%,0)
    }

    .fx-custom .top-banner {
        height: 245px;
        margin-top: 60px;
        background: url(../image/banner-mobile.png) center no-repeat;
        background-size: cover
    }

    .fx-custom .top-banner .content .title {
        font-size: 20px;
        margin-bottom: 18px
    }

    .fx-custom .top-banner .content .description {
        display: block;
        margin-bottom: 0;
        font-size: 13px
    }

    .fx-custom .top-banner .content .btn-group .btn {
        margin-top: 36px;
        font-size: 16px;
        padding: 7px 10px;
        background-color: #00CBBB;
        font-weight: 400;
        border-radius: 3px
    }

    .fx-custom .top-banner .content .btn-group .btn:hover {
        background-color: #00CBBB
    }

    .fx-custom .section-1 .title {
        font-size: 18px;
        margin: 40px 0 15px
    }

    .fx-custom .section-1 .description {
        font-size: 13px;
        margin: 15px auto 20px;
        width: 304px
    }

    .fx-custom .section-2 .now,.fx-custom .section-2 .traditional {
        width: 100%
    }

    .fx-custom .section-1 img.img-bg {
        display: none
    }

    .fx-custom .section-1 img.img-mobile,.fx-custom .section-2>.content {
        display: block
    }

    .fx-custom .bottom-banner .banner-bg,.fx-custom .bottom-banner .bottom-phone .phone-number,.fx-custom .section-2 .center,.fx-customer-case .top-banner .download-btn {
        display: none
    }

    .fx-custom .section-2>.title {
        font-size: 18px;
        margin: 50px 0 15px
    }

    .fx-custom .section-2>.description {
        font-size: 13px;
        margin-bottom: 35px
    }

    .fx-custom .section-2 .now .title,.fx-custom .section-2 .traditional .title {
        font-size: 15px;
        margin-bottom: 0
    }

    .fx-custom .section-2 .now .compared-detail {
        background-color: #E8FDFC
    }

    .fx-custom .section-2 .traditional .compared-detail {
        background-color: #F6F6F6
    }

    .fx-custom .section-2 .compared-detail {
        width: 320px;
        margin: 15px auto 35px;
        padding: 7px 0 30px 15px;
        border-radius: 3px
    }

    .fx-custom .section-2 .compared-item {
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        font-size: 12px;
        margin: 23px 0 0;
        height: 20px
    }

    .fx-custom .section-2 .compared-item:before {
        content: ".";
        height: 20px
    }

    .fx-custom .bottom-banner {
        padding: 0 0 45px
    }

    .fx-custom .bottom-banner .bottom-phone {
        color: #000;
        font-size: 13px
    }

    .fx-custom .bottom-banner .bottom-phone .mobile-number {
        display: inline-block;
        color: #00CBBB
    }

    .fx-custom .bottom-banner .bottom-phone .call {
        display: inline-block
    }

    .fx-custom .bottom-banner .content .title {
        width: 270px;
        font-size: 18px;
        margin: 0 auto 30px
    }

    .fx-custom .bottom-banner .content .advisory img {
        width: 20px
    }

    .fx-custom .bottom-banner .content .btn-group {
        margin-top: 40px
    }

    .fx-custom .bottom-banner .bottom-btn {
        width: 123px;
        height: 36px;
        line-height: 36px;
        font-size: 16px;
        margin: 0 19px;
        border-radius: 3px
    }

    .fx-custom .bottom-banner .bottom-btn.style-green,.fx-custom .bottom-banner .bottom-btn.style-green:hover {
        background: #00CBBB
    }

    .fx-custom .bottom-banner .bottom-btn.style-white:hover {
        background: #fff
    }

    .fx-custom .section-3 .title {
        font-size: 18px;
        margin: 50px 0 7px
    }

    .fx-custom .section-3 .items-wrapper {
        text-align: center;
        padding-bottom: 0
    }

    .fx-custom .section-3 .items-wrapper .custom-item {
        margin-top: 0
    }

    .fx-custom .section-3 .items-wrapper .custom-item .bottom {
        width: 80%;
        height: 175px;
        position: absolute;
        top: 0;
        left: 10%;
        margin-left: 0
    }

    .fx-custom .section-3 .items-wrapper .custom-item .bottom>img {
        width: auto;
        height: 100%
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top .t-right {
        margin: 40px 0 0;
        text-align: center
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-title {
        font-size: 15px
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-title>span:after {
        position: static;
        width: 30px;
        margin: 8px auto 0
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-detail {
        color: #91A1B7;
        margin-top: 10px
    }

    .fx-custom .section-4 {
        margin-top: 10px;
        overflow: hidden
    }

    .fx-custom .section-4 .title {
        font-size: 18px;
        margin-bottom: 20px
    }

    .fx-custom .section-4 .logo-tab-comp .logo-list {
        width: 100%;
        height: 150px
    }

    .fx-custom .section-4 .logo-tab-comp .logo-list .logo {
        width: 30%;
        height: auto
    }

    .fx-custom .section-4 .logo-tab-comp .comment {
        font-size: 14px;
        margin-bottom: 50px
    }

    .fx-customer-case .top-banner {
        padding-top: 96px;
        background-color: #fff
    }

    .fx-customer-case .top-banner .top-title {
        font-size: 20px;
        font-weight: 400
    }

    .fx-customer-case .top-banner .top-desc {
        font-size: 13px;
        margin-top: 9px
    }

    .fx-customer-case .top-banner .top-desc .desc-items {
        line-height: 20px
    }

    .fx-customer-case .top-banner .top-desc .desc-items .item-cell .high-light {
        margin-right: 6px
    }

    .fx-customer-case .top-banner .top-desc .desc-items .item-cell .splitter {
        margin: 0 6px
    }

    .fx-customer-case .top-banner .top-desc .desc-info {
        max-width: 310px;
        margin: 0 auto;
        line-height: 20px
    }

    .fx-customer-case .top-banner .download-btn.mobile {
        display: block;
        margin: 0 auto 35px;
        height: 36px;
        max-width: 342px;
        border-radius: 3px;
        font-size: 16px;
        line-height: 36px
    }

    .fx-customer-case .top-banner .banner-img {
        max-width: 332px;
        margin: 24px auto 35px;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        -o-background-size: contain
    }

    .fx-customer-case .top-banner .banner-img>.case-detail-selector {
        display: none
    }

    .fx-customer-case .top-banner .case-detail-selector {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: static;
        height: auto
    }

    .fx-customer-case .top-banner .case-detail-selector .selector-item.active .selector-name:after,.fx-customer-case .top-banner .case-detail-selector .selector-item:hover .selector-name:after,.fx-customer-case .top-banner .case-detail-wrapper .pagination-wrapper {
        display: none
    }

    .fx-customer-case .top-banner .case-detail-selector .selector-item {
        font-size: 13px;
        line-height: 14px;
        height: auto;
        margin: 0 15px
    }

    .fx-customer-case .top-banner .case-detail-selector .selector-item .selector-name {
        height: auto
    }

    .fx-customer-case .top-banner .case-detail-selector .selector-item .icon-arrow-down {
        margin-left: 5px
    }

    .fx-customer-case .top-banner .case-detail-wrapper {
        padding: 36px 0 16px;
        background-image: none
    }

    .fx-customer-case .top-banner .case-detail-wrapper .scene-item {
        margin: 0 0 16px
    }

    .fx-customer-case .top-banner .case-detail-wrapper .more-case-btn {
        display: block;
        margin: 0 auto;
        width: 125px;
        height: 36px;
        background-color: #0DB3A6;
        border-radius: 3px;
        line-height: 36px;
        text-align: center;
        font-size: 16px;
        color: #fff
    }

    .fx-customer-case .top-banner .menu-selector-container {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.25);
        z-index: 10
    }

    .fx-customer-case .top-banner .menu-selector {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        border-radius: 0;
        padding: 0 30px
    }

    .fx-customer-case .top-banner .menu-selector .menu-item {
        width: 100px;
        height: 20px;
        line-height: 20px;
        margin: 15px 0
    }

    .fx-customer-case-view {
        background-color: #fff;
        padding-top: 0
    }

    .fx-customer-case-view .content-body {
        width: 100%;
        padding: 78px 25px 30px
    }

    .fx-customer-case-view .content-body .content-title {
        font-size: 25px;
        line-height: 35px;
        border: none;
        margin-bottom: 5px
    }

    .fx-customer-case-view .template-toc-wrapper {
        position: static;
        margin-left: 0;
        width: 100%
    }

    .fx-customer-case-view .template-toc-wrapper .template-title {
        border: none;
        padding: 30px 0 0;
        border-top: solid #E0E3E7 1px
    }

    .fx-customer-case-view .template-toc-wrapper .template-wrapper {
        padding: 0
    }

    .fx-customer-case-view .template-toc-wrapper .template-wrapper .template-item {
        display: inline-block;
        margin: 16px 10px 0 0
    }

    .fx-customer-case-view .bottom-info .related-case-list,.fx-customer-case-view .template-toc-wrapper .page-catalog {
        display: none
    }

    .fx-customer-case-view .bottom-info {
        background: 0 0
    }

    .fx-customer-case-view .bottom-info .join-team-wrapper {
        position: relative
    }

    .fx-customer-case-view .bottom-info .join-team-wrapper .join-title {
        font-size: 20px;
        margin: 48px 0 8px
    }

    .fx-customer-case-view .bottom-info .join-team-wrapper .join-desc {
        font-size: 13px
    }

    .fx-customer-case-view .bottom-info .join-team-wrapper .btn-group {
        margin-top: 22px
    }

    .fx-customer-case-view .bottom-info .join-team-wrapper .btn-group .experience-btn,.fx-customer-case-view .bottom-info .join-team-wrapper .btn-group .join-btn {
        width: 125px;
        height: 36px;
        border-radius: 3px;
        line-height: 36px;
        font-size: 16px;
        font-weight: 400;
        margin: 0 8px 46px
    }

    .fx-customer-case-view .bottom-info .left-figure {
        width: 50px;
        height: 94px;
        border-radius: 0 94px 94px 0;
        top: 36px
    }

    .fx-customer-case-view .bottom-info .left-figure .inner-block {
        width: 36px;
        height: 65px;
        border-radius: 0 65px 65px 0;
        margin-top: 15px;
        border: 1px solid rgba(13,179,166,.43);
        border-left: none
    }

    .fx-customer-case-view .template-toc-wrapper.absolute {
        position: static
    }

    .fx-price-section-1 .purchasing .choice {
        width: 190px;
        height: 235px;
        margin: 10px 35px
    }

    .fx-price-section-1 .purchasing .choice .item-sub-title {
        font-size: 13px;
        margin: 5px 0 10px
    }

    .fx-price-section-1 .purchasing .choice .item-info {
        font-size: 15px;
        font-weight: 700;
        height: 16px;
        line-height: 16px
    }

    .fx-price-section-main {
        margin-top: 470px
    }
}

@media screen and (max-width: 560px) {
    .summary-comp .banner-top .banner-image {
        width:auto;
        height: 600px
    }

    .summary-comp .banner-top .container-info .banner-title {
        font-size: 26px;
        margin: 200px 0 12px
    }

    .summary-comp .banner-top .container-info .banner-description {
        font-size: 14px;
        width: 300px;
        margin: 0 auto
    }

    .summary-comp .banner-top .container-info .bottom-info .bottom-title {
        font-size: 26px;
        margin-top: 10px
    }

    .summary-comp .banner-top .container-info .bottom-info .join-group-comp .join-group {
        font-size: 14px;
        display: block
    }

    .summary-comp .banner-top .container-info .bottom-info .join-group-comp .join-group .qr-code-container {
        left: 10px
    }

    .join-group-comp .join-group {
        position: static
    }

    .join-group-comp .join-group .qr-code-container {
        left: 20px
    }

    .solution-banner-comp {
        height: auto
    }

    .solution-banner-comp .banner-wrapper {
        padding: 0;
        text-align: center;
        height: auto
    }

    .solution-banner-comp .banner-info {
        position: relative;
        padding-top: 80px;
        height: 100%
    }

    .solution-banner-comp .banner-info .banner-title {
        font-size: 26px
    }

    .solution-banner-comp .banner-info .banner-desc {
        font-size: 14px;
        width: auto;
        padding: 0 18px;
        margin-bottom: 10px
    }

    .solution-banner-comp .banner-info .banner-btn {
        font-size: 14px;
        line-height: 36px;
        width: 130px;
        height: 36px;
        margin: 20px 0
    }

    .solution-banner-comp .banner-info .banner-figure {
        position: static;
        width: 100%
    }

    .solution-bottom-comp .bottom-title {
        font-size: 26px
    }

    .solution-bottom-comp .bottom-desc {
        font-size: 14px;
        padding: 0 18px
    }

    .solution-bottom-comp .bottom-btn {
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        border-radius: 3px
    }

    .advantage-graphic-comp .graphic-content {
        height: 600px
    }

    .advantage-graphic-comp .graphic-content .advantage-wrapper {
        width: 100%;
        text-align: center
    }

    .advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-figure {
        display: none
    }

    .advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-info {
        margin-left: 0;
        margin-right: 0;
        float: none
    }

    .fx-price-section-1 {
        height: 240px;
        background: 0 0
    }

    .fx-price-section-1 .title-large {
        padding-top: 90px;
        color: #1F2D3D;
        font-size: 22px
    }

    .fx-price-section-1 .title-normal {
        padding-top: 18px;
        color: #1F2D3D;
        font-size: 15px
    }

    .fx-price-section-1 .bottom {
        position: absolute;
        bottom: -270px;
        left: 0;
        right: 0;
        color: #5E6D82;
        font-size: 12px
    }

    .fx-price-section-1 .purchasing {
        margin-top: 14px
    }

    .fx-price-section-1 .purchasing .choice {
        width: 130px;
        height: 140px;
        background-color: #fff;
        -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.14);
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.14);
        border-radius: 3px;
        margin: 5px 18px;
        padding-top: 19px
    }

    .fx-price-section-1 .purchasing .choice img {
        width: 50px
    }

    .fx-price-section-1 .purchasing .item-sub-title {
        font-size: 13px;
        margin: 5px 0 10px
    }

    .fx-price-section-1 .purchasing .item-info {
        font-size: 15px;
        font-weight: 700;
        height: 16px;
        line-height: 16px
    }

    .fx-price-section-1 .purchasing .item-button {
        display: none
    }

    .fx-price-section-1 .purchasing .item-button .learn-more {
        height: 20px;
        width: 80px;
        padding: 0;
        font-size: 12px;
        line-height: 20px
    }

    .fx-price-section-1 .purchasing .cloud .item-info {
        display: none
    }

    .fx-price-section-1 .purchasing .cloud .item-button {
        display: block
    }

    .fx-price-section-1 .purchasing .item-custom-phone {
        font-size: 12px
    }

    .fx-price-section-1 .purchasing .item-custom-phone .phone-number {
        color: #0DB3A6
    }

    .fx-price-section-1 .purchasing .item-desc {
        display: none
    }

    .fx-price-section-1 .purchasing .recommend {
        position: absolute;
        top: 3px;
        right: 0;
        width: 35px;
        height: 18px
    }

    .fx-price-section-1 .purchasing .recommend img {
        float: left;
        width: 100%;
        height: 100%
    }

    .fx-price-section-1 .purchasing .recommend span {
        font-size: 10px;
        line-height: 20px;
        width: 28px;
        height: 18px
    }

    .fx-price-section-main {
        margin-top: 275px;
        padding-bottom: 40px
    }

    .fx-price-section-main .title {
        display: block;
        font-size: 20px;
        color: #1F2D3D;
        text-align: center;
        padding-top: 10px;
        margin-bottom: 10px
    }

    .fx-price-section-main .body {
        padding: 0 20px
    }

    .fx-price-section-main .price-wrapper-item {
        -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.14);
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.14);
        border-radius: 6px;
        padding: 0 20px 40px;
        height: 192px
    }

    .fx-price-section-main .price-wrapper-item:last-child .item-header .version-price {
        color: #1F2D3D;
        font-size: 15px
    }

    .fx-price-section-main .price-wrapper-item .item-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 56px;
        border-bottom: none
    }

    .fx-price-section-main .price-wrapper-item .item-header .version-name {
        font-size: 15px;
        font-weight: 700;
        color: #1F2D3D;
        padding: 0
    }

    .fx-price-section-main .price-wrapper-item .item-header .version-price {
        font-size: 20px;
        color: #ED5B59;
        font-weight: 700;
        padding: 0
    }

    .fx-price-section-main .price-wrapper-item .item-section {
        padding: 0;
        border-bottom: none;
        margin-bottom: 28px
    }

    .fx-price-section-main .price-wrapper-item .item-section .section-row {
        font-size: 12px;
        padding: 5px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .fx-price-section-main .price-wrapper-item .item-section .section-row:nth-child(3) {
        margin-bottom: 45px
    }

    .fx-price-section-main .price-wrapper-item .item-section .section-row .row-right.contact-us {
        color: #0DB3A6
    }

    .fx-price-section-main .price-wrapper-item .footer-arrow-wrapper {
        height: 40px;
        background-color: #fff;
        border-top: solid #E9E9E9 1px
    }

    .fx-price-section-main .price-wrapper-item .footer-arrow-wrapper span {
        font-size: 12px;
        color: #5E6D82;
        display: inline-block;
        height: 18px;
        margin-right: 14px
    }

    .fx-price-section-main .price-wrapper-item .footer-arrow-wrapper.open-up {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .fx-price-section-main .price-wrapper-item .footer-arrow-wrapper.pack-up {
        display: none
    }

    .fx-price-section-main .price-wrapper-item.green-lighter .my-lighter {
        display: inline-block;
        width: 36px;
        height: 36px;
        position: absolute;
        top: 0;
        right: 0
    }

    .fx-price-section-main .price-wrapper-item.green-lighter .my-lighter span {
        bottom: 0;
        left: 0;
        position: absolute;
        top: 0;
        right: 0;
        line-height: 20px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        text-align: center;
        color: #fff;
        font-size: 12px
    }

    .fx-price-section-main .price-wrapper-item.green-lighter .my-lighter img {
        display: block;
        width: 100%;
        height: 100%
    }

    .fx-price-section-main .price-wrapper-item.yellow {
        border-top: none
    }

    .fx-price-section-main .price-wrapper-item.spread .footer-arrow-wrapper.pack-up {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .fx-price-section-5 .bottom .btn:first-child,.fx-price-section-main .price-wrapper-item.spread .footer-arrow-wrapper.open-up {
        display: none
    }

    .fx-price-section-main .price-wrapper-item.spread .footer-arrow-wrapper .arrow-down {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .fx-price-section-main .price-wrapper-item.spread .item-section .section-row:nth-child(3) {
        margin-bottom: 0
    }

    .fx-price-section-main .row-left,.fx-price-section-main .row-left.active {
        color: #1F2D3D
    }

    .fx-price-section-main .row-left.false {
        color: #C3CDDA
    }

    .fx-price-section-main .row-right {
        color: #5E6D82;
        width: 100%
    }

    .fx-price-section-main .row-right .gold-service {
        color: #0DB3A6
    }

    .fx-price-section-main .row-right .careful {
        color: #E64340
    }

    .fx-price-section-main .row-right.sub-row-right {
        width: 250px
    }

    .fx-price-section-3>.title {
        font-size: 20px;
        margin: 50px 0 25px
    }

    .fx-price-section-3 ul {
        display: block
    }

    .fx-price-section-3 .question-content {
        padding: 0;
        width: 334px;
        height: auto;
        margin: 0 auto 15px
    }

    .fx-price-section-3 .question-content .title {
        font-size: 16px;
        margin-bottom: 0;
        padding: 0 25px;
        height: 43px;
        line-height: 43px;
        -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.14);
        box-shadow: 0 1px 0 0 rgba(0,0,0,.14);
        border-radius: 4px
    }

    .fx-price-section-3 .question-content .title>i {
        display: inline-block;
        float: right;
        font-size: 20px;
        color: #D8D8D8
    }

    .fx-price-section-3 .question-content .question-txt {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 12px;
        padding: 0 25px;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: .2s;
        transition: .2s
    }

    .fx-price-section-3 .question-content.active .question-txt {
        max-height: 200px;
        padding: 15px 25px
    }

    .fx-price-section-3 .question-content.active i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .fx-price-section-5 .title {
        font-size: 20px;
        padding-top: 33px
    }

    .fx-price-section-5 .bottom {
        margin-top: 28px
    }

    .fx-price-section-5 .bottom .btn:last-child {
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        padding: 7px 0;
        margin-left: 0;
        width: 110px;
        height: 36px;
        border-radius: 3px
    }

    .fx-price-section-5 .bottom .btn:last-child:hover {
        background: #0DB3A6
    }

    .fx-price-section-5 .ext {
        font-size: 12px;
        width: 328px;
        text-align: left;
        margin: 36px auto;
        padding: 0
    }

    .fx-solution .section1 .section1-title,.fx-solution .section2 .section2-title {
        font-size: 26px
    }

    .fx-solution .section1 .section1-container {
        width: 100%
    }

    .fx-solution .section1 .section1-container .odds-item {
        float: none;
        margin: 20px auto
    }

    .fx-solution .section2 .tab-container .tab-item {
        width: 100px;
        font-size: 14px;
        padding-bottom: 10px;
        margin-bottom: 20px
    }

    .fx-solution .section2 .tab-container .tab-item.active:after {
        margin: 0 20px;
        height: 2px
    }

    .fx-solution .section2 .content-container {
        width: 100%
    }

    .fx-solution .section2 .content-container .content-item {
        float: none;
        margin: 0 auto 20px;
        display: block
    }

    .fx-solution .solution-banner-comp .banner-desc {
        margin-bottom: 10px
    }

    .business-case-comp .title-normal {
        display: none
    }

    .business-case-comp .title-large {
        margin-top: 58px;
        font-size: 20px;
        color: #1B1B1B
    }

    .business-case-comp .logo-wrapper {
        padding-top: 20px;
        height: auto
    }

    .business-case-comp .logo-wrapper .wrapper-content {
        text-align: center;
        padding: 0 30px
    }

    .business-case-comp .logo-wrapper .wrapper-content .logo-image {
        width: 32%;
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1080px) {
    .fx-price-section-main .body {
        display:none
    }
}

@media screen and (max-width: 1080px) {
    .fx-price-section-2 .capacity .content .item:hover,.fx-price-section-2 .function .content .item:hover {
        -webkit-box-shadow:none;
        box-shadow: none
    }

    .fx-price-section-1 .title-large {
        padding-top: 100px
    }

    .fx-price-section-1 .title-normal {
        font-size: 18px
    }

    .fx-price-section-main .body {
        width: 100%;
        padding: 0 12px;
        display: block
    }

    .fx-price-section-main .body .body-wrapper {
        width: 100%
    }

    .fx-price-section-main .body .body-wrapper:first-child .wrapper-item:nth-child(4),.fx-price-section-main .body .body-wrapper:last-child .wrapper-item:nth-child(1) {
        display: none
    }

    .fx-price-section-main .body.active-right {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    .fx-price-section-main .price-wrapper-item {
        margin: 12px auto;
        width: 100%;
        overflow: hidden;
        border: none
    }

    .fx-price-section-main .price-wrapper-item .item-header .version-name {
        display: inline-block;
        text-align: left;
        width: 37%;
        padding-left: 0;
        padding-right: 0;
        vertical-align: top
    }

    .fx-price-section-main .price-wrapper-item .item-header .version-price {
        display: inline-block;
        text-align: right;
        width: 60%;
        vertical-align: top;
        padding-right: 0;
        padding-left: 0
    }

    .fx-price-section-main .price-wrapper-item .item-footer .footer-msg-mobile,.fx-price-section-main .price-wrapper-item .item-section.for-mobile {
        display: block
    }

    .fx-price-section-main .price-wrapper-item .footer-arrow-wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .fx-price-section-main .price-wrapper-item .footer-arrow-wrapper span {
        display: none
    }

    .fx-price-section-main .price-wrapper-item .footer-arrow-wrapper .arrow-down>i {
        display: block;
        text-align: center;
        color: #0DB3A6
    }

    .fx-price-section-main .price-wrapper-item .footer-arrow-wrapper .arrow-down>i:first-child {
        margin-bottom: -12px
    }

    .fx-price-section-main .price-wrapper-item.spread {
        -webkit-mask-box-image: none
    }

    .fx-price-section-main .price-wrapper-item.spread.green {
        height: 1120px
    }

    .fx-price-section-main .price-wrapper-item.spread.green-lighter,.fx-price-section-main .price-wrapper-item.spread.purple {
        height: 1190px
    }

    .fx-price-section-main .price-wrapper-item.spread.orange {
        height: 1150px
    }

    .fx-price-section-main .package-main,.fx-price-section-main .row-left .tooltip-wrapper {
        /* display: none */
    }

    .fx-price-section-main .package-footer .footer-title {
        font-size: 20px
    }

    .fx-price-section-main .package-footer .footer-sub-title {
        font-size: 14px
    }

    .fx-price-section-main .package-footer .footer-btn {
        width: 180px;
        height: 35px;
        line-height: 35px;
        font-size: 14px
    }

    .fx-price-section-2>.title {
        font-size: 20px
    }

    .fx-price-section-2 .capacity .title {
        font-size: 15px;
        margin: 27px 0 39px
    }

    .fx-price-section-2 .capacity .title span {
        margin-right: 15px
    }

    .fx-price-section-2 .capacity .content .item {
        width: 72px;
        height: auto;
        margin: 0 21px;
        padding-top: 0
    }

    .fx-price-section-2 .capacity .content .item .txt {
        margin-top: 24px;
        font-size: 12px
    }

    .fx-price-section-2 .function .title {
        font-size: 15px;
        margin: 50px 0 46px
    }

    .fx-price-section-2 .function .title span {
        margin-right: 15px
    }

    .fx-price-section-2 .function .content .item {
        width: 170px;
        height: auto;
        margin: 0 4px 61px;
        padding-top: 0
    }

    .fx-price-section-2 .function .content .item img {
        width: 100px
    }

    .fx-price-section-2 .function .content .item .txt {
        font-size: 12px;
        margin-top: 0;
        height: 16px
    }

    .fx-price-section-2 .function .content .item .detail {
        font-size: 9px;
        margin-top: 10px
    }

    .fx-price-section-2 .technology .title {
        font-size: 15px;
        margin: -15px 0 25px
    }

    .fx-price-section-2 .technology .title span {
        margin-right: 15px
    }

    .fx-price-section-2 .technology .container {
        display: block
    }

    .fx-price-section-2 .technology .container .container-bg {
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        width: 280px;
        height: 158px;
        margin: 0 auto 25px
    }

    .fx-price-section-2 .technology .container .content {
        width: 280px;
        margin: 0 auto
    }

    .fx-price-section-2 .technology .container .content li {
        font-size: 12px;
        margin: 0 0 20px;
        text-align: left
    }

    .fx-price-section-2 .technology .container .content li:before {
        content: '\B7';
        margin-right: 15px;
        font-weight: 700;
        top: 2px
    }

    .fx-price-section-2 .iconfont {
        font-size: 32px
    }

    .fx-price-section-5 .title {
        padding-top: 40px
    }
}

.x-entrance-block .entrance-wrapper-mobile,.x-entrance-block .solution-list .entrance .mobile-btn {
    display: none
}

@media screen and (max-width: 350px) {
    .fx-price-section-1 .purchasing .choice {
        width:104px;
        height: 130px
    }

    .fx-price-section-1 .purchasing .choice .item-info {
        font-size: 16px
    }

    .fx-price-section-1 .purchasing .choice .item-sub-title {
        margin-bottom: 5px
    }

    .fx-price-section-1 .purchasing .item-custom-phone {
        font-size: 11px
    }

    .fx-price-section-5 .ext {
        width: 320px
    }

    .business-case-comp .logo-wrapper .wrapper-content .logo-image {
        width: 100px
    }
}

@media screen and (max-width: 450px) {
    .business-case-comp .logo-wrapper .brick-logos {
        background-image:none;
        padding: 0 30px
    }

    .business-case-comp .logo-wrapper .brick-logos .bricks-sub-title {
        padding-top: 40px;
        padding-bottom: 10px
    }

    .business-case-comp .logo-wrapper .brick-logos>img {
        padding-bottom: 10px
    }

    .container.index-gn {
        height: 2000px
    }

    .footer .f-list>li .ewm div.a1 img {
        -webkit-transform: translate(0,-140%);
        transform: translate(0,-140%)
    }
}

@media screen and (max-width: 360px) {
    .container.index-gn {
        height:1950px
    }
}

.x-entrance-block {
    position: relative;
    top: -20px;
    height: 0
}

.x-entrance-block .entrance-wrapper {
    padding: 0 60px
}

.x-entrance-block .solution-list {
    height: 140px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0 2px 8px 0 rgba(219,219,219,.5);
    box-shadow: 0 2px 8px 0 rgba(219,219,219,.5);
    border-radius: 4px
}

.x-entrance-block .solution-list .entrance {
    width: 25%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background: #fff;
    padding-left: 10px
}

.x-entrance-block .solution-list .entrance .entrance-img {
    margin-right: 10px
}

.x-entrance-block .solution-list .entrance .entrance-img .entrance-icon {
    width: 75px
}

.x-entrance-block .solution-list .entrance .entrance-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 29px
}

.x-entrance-block .solution-list .entrance .entrance-content .item-title {
    font-size: 14px;
    color: #5E6D82
}

.x-entrance-block .solution-list .entrance .entrance-content .description {
    font-size: 16px;
    color: #5E6D82;
    font-weight: 500
}

.x-entrance-block .solution-list .entrance .entrance-content .description span {
    color: #FF971E;
    font-size: 20px;
    font-weight: 500
}

.x-entrance-block .solution-list .entrance:hover {
    background: #F5FBFB
}

.x-entrance-block .solution-list .entrance:hover .entrance-content .item-title {
    color: #0DB3A6
}

.x-manage-solution {
    padding: 190px 0 0
}

.x-manage-solution .solution-banner {
    padding: 30px 60px 60px;
    text-align: center
}

.x-manage-solution .solution-banner .x-solution-title {
    font-size: 36px;
    color: #1F2D3D;
    letter-spacing: 1px;
    padding-bottom: 70px
}

.x-manage-solution .solution-banner .title-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.x-manage-solution .solution-banner .title-list .list-item {
    width: 276px;
    height: 275px;
    background: #FFF;
    -webkit-box-shadow: 0 2px 8px 0 rgba(219,219,219,.5);
    box-shadow: 0 2px 8px 0 rgba(219,219,219,.5)
}

.x-manage-solution .solution-banner .title-list .list-item .item-banner {
    width: 100%;
    height: 64px
}

.x-manage-solution .solution-banner .title-list .list-item .item-banner img {
    width: 100%
}

.x-manage-solution .solution-banner .title-list .list-item .item-content {
    text-align: left;
    padding: 15px 12px 10px
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .circle {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0DB3A6;
    margin-right: 8px;
    display: inline-block
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial {
    margin-top: 15px;
    color: #5E6D82
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .item-title {
    margin-bottom: 4px
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .function-title {
    font-size: 16px;
    font-weight: 500;
    color: #0DB3A6;
    line-height: 26px
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .item-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .item-info-list .info {
    display: inline-block;
    margin-bottom: 5px;
    width: 80px;
    height: 21px;
    text-align: center;
    font-size: 12px;
    line-height: 21px;
    background: #F1F9F8;
    border-radius: 2px
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .spacial-title {
    font-size: 14px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 26px
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .spacial-title .circle {
    background-color: #5E6D82
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial p {
    font-size: 12px
}

.x-manage-solution .solution-banner .title-banner-mobile {
    display: none
}

.x-register-btn {
    display: inline-block;
    width: 160px;
    height: 37px;
    background: #0DB3A6;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    line-height: 37px
}

.x-register-btn:hover {
    background: #56cac1;
    border-color: #56cac1
}

.x-manage-demand {
    width: 100%;
    height: 692px;
    padding: 50px;
    background: -webkit-gradient(to bottom,#80D1CA 0,#0EB3A6 64%,#0DB3A6 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #80D1CA),color-stop(64%, #0EB3A6),to(#0DB3A6));
    background: linear-gradient(to bottom,#80D1CA 0,#0EB3A6 64%,#0DB3A6 100%)
}

.x-manage-demand .demand-wrapper {
    padding: 0 69px
}

.x-manage-demand .demand-wrapper .demand-title {
    font-size: 36px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 32px;
    text-align: center
}

.x-manage-demand .demand-wrapper .tab-box {
    height: 480px;
    padding-top: 60px;
    background: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.x-manage-demand .demand-wrapper .tab-box .demand-menu-list {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 200px;
    height: 370px;
    border-right: 1px solid #E6F7F6;
    color: #5E6D82;
    font-size: 16px
}

.x-manage-demand .demand-wrapper .tab-box .demand-menu-list li {
    width: 100%;
    border-radius: 0;
    height: 44px;
    line-height: 44px;
    text-align: right;
    padding-right: 28px;
    opacity: 1;
    background: #fff
}

.x-manage-demand .demand-wrapper .tab-box .demand-menu-list li:hover {
    color: #0DB3A6
}

.x-manage-demand .demand-wrapper .tab-box .demand-menu-list li.swiper-pagination-bullet-active {
    background: #E6F7F6;
    color: #0DB3A6;
    position: relative
}

.x-manage-demand .demand-wrapper .tab-box .demand-menu-list li.swiper-pagination-bullet-active:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 44px;
    width: 3px;
    background: #0DB3A6
}

.x-manage-demand .demand-wrapper .tab-box .tab-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box {
    padding: 0 28px 0 35px;
    width: 340px
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box h3 {
    font-size: 24px;
    color: #2E2E2E;
    line-height: 33px;
    margin-bottom: 20px
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box p {
    font-size: 14px;
    color: #1F2D3D;
    line-height: 28px;
    margin-bottom: 10px
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box p .circle {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 11px;
    background: #0DB3A6
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box p .bold {
    font-weight: 500
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box .x-register-btn {
    position: absolute;
    bottom: 84px;
    height: 48px;
    font-size: 20px;
    border-radius: 29px;
    line-height: 48px
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .img-box {
    margin-right: 27px
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .img-box img {
    width: 537px
}

.x-manage-demand .demand-wrapper .tab-box-m,.x-manage-demand-mobile {
    display: none
}

.x-manage-bottom-bg {
    margin-bottom: 50px
}

.x-manage-bottom-bg .x-bottom-banner .bricks {
    padding: 0 72px;
    height: 240px
}

.x-manage-bottom-bg .x-bottom-banner .bricks .bottom-container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: url(../image/data_banner_bottom.png) center center no-repeat;
    background-size: cover;
    border-radius: 5px
}

.x-manage-bottom-bg .x-bottom-banner .bricks .left-box {
    color: #fff;
    text-align: center;
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 38px
}

.x-manage-bottom-bg .x-bottom-banner .bricks .right-box .x-register-btn {
    width: 278px;
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    background: #FF971E;
    border-radius: 24px
}

.x-manage-bottom-bg .x-bottom-banner .bricks .right-box .x-register-btn:hover {
    background: #FF971E
}

.x-fixed-banner {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 72px;
    z-index: 2;
    background: -webkit-gradient(to bottom,rgba(13,179,166,1) 0,rgba(64,195,185,1) 64%,rgba(128,209,202,1) 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(13,179,166,1)),color-stop(64%, rgba(64,195,185,1)),to(rgba(128,209,202,1)));
    background: linear-gradient(to bottom,rgba(13,179,166,1) 0,rgba(64,195,185,1) 64%,rgba(128,209,202,1) 100%)
}

.x-fixed-banner .x-register-btn {
    height: 42px;
    line-height: 42px;
    background: #FF971E;
    border-radius: 21px
}

.x-fixed-banner .x-register-btn:hover {
    background: #FF971E
}

.x-fixed-banner .description {
    font-size: 24px;
    color: #fff;
    margin-right: 43px
}

.x-fixed-banner .color-yellow {
    color: #F7DE76
}

.x-fixed-banner-copy {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

@media (max-width: 1200px) {
    .x-entrance-block .entrance-wrapper {
        padding:0 3%;
        width: 100%
    }

    .x-entrance-block .solution-list .entrance .entrance-img {
        margin-right: 5px
    }

    .x-entrance-block .solution-list .entrance .entrance-img .entrance-icon {
        width: 55px
    }

    .x-entrance-block .solution-list .entrance .entrance-content .description,.x-entrance-block .solution-list .entrance .entrance-content .item-title {
        font-size: 14px
    }

    .x-entrance-block .solution-list .entrance .entrance-content .description span {
        font-size: 18px
    }

    .x-entrance-block .solution-list .entrance .mobile-btn {
        display: none
    }

    .x-entrance-block .solution-list .entrance:hover {
        background: #F5FBFB
    }

    .x-entrance-block .solution-list .entrance:hover .entrance-content .item-title {
        color: #0DB3A6
    }

    .x-manage-demand {
        width: 100%;
        height: 692px;
        padding: 50px;
        background: -webkit-gradient(to bottom,#80D1CA 0,#0EB3A6 64%,#0DB3A6 100%);
        background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #80D1CA),color-stop(64%, #0EB3A6),to(#0DB3A6));
        background: linear-gradient(to bottom,#80D1CA 0,#0EB3A6 64%,#0DB3A6 100%)
    }

    .x-manage-demand .demand-wrapper {
        padding: 0 69px
    }

    .x-manage-demand .demand-wrapper .demand-title {
        font-size: 36px;
        line-height: 50px;
        color: #fff;
        margin-bottom: 32px;
        text-align: center
    }

    .x-manage-demand .demand-wrapper .tab-box {
        height: 480px;
        padding-top: 60px;
        background: #fff;
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .x-manage-demand .demand-wrapper .tab-box .demand-menu-list {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 200px;
        height: 370px;
        border-right: 1px solid #E6F7F6;
        color: #5E6D82;
        font-size: 16px
    }

    .x-manage-demand .demand-wrapper .tab-box .demand-menu-list li {
        width: 100%;
        border-radius: 0;
        height: 44px;
        line-height: 44px;
        text-align: right;
        padding-right: 28px;
        opacity: 1;
        background: #fff
    }

    .x-manage-demand .demand-wrapper .tab-box .demand-menu-list li:hover {
        color: #0DB3A6
    }

    .x-manage-demand .demand-wrapper .tab-box .demand-menu-list li.swiper-pagination-bullet-active {
        background: #E6F7F6;
        color: #0DB3A6;
        position: relative
    }

    .x-manage-demand .demand-wrapper .tab-box .demand-menu-list li.swiper-pagination-bullet-active:after {
        position: absolute;
        content: "";
        right: 0;
        top: 0;
        height: 44px;
        width: 3px;
        background: #0DB3A6
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box {
        padding: 0 28px 0 35px;
        width: 340px
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box h3 {
        font-size: 24px;
        color: #2E2E2E;
        line-height: 33px;
        margin-bottom: 20px
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box p {
        font-size: 14px;
        color: #1F2D3D;
        line-height: 22px;
        margin-bottom: 10px
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box p .circle {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        margin-right: 11px;
        background: #0DB3A6
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box p .bold {
        font-weight: 500
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box .x-register-btn {
        position: absolute;
        bottom: 84px;
        height: 48px;
        font-size: 20px;
        border-radius: 29px;
        line-height: 48px
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .img-box {
        margin-right: 27px
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .img-box img {
        width: 557px
    }

    .x-manage-demand .demand-wrapper .tab-box-m {
        display: none
    }
}

@media (max-width: 1080px) {
    .x-manage-solution .solution-banner {
        padding:20px 3%;
        width: 100%
    }

    .x-manage-solution .solution-banner .x-solution-title {
        font-size: 20px;
        padding-bottom: 20px;
        line-height: 29px
    }

    .x-manage-solution .solution-banner .title-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .x-manage-solution .solution-banner .title-list .list-item {
        width: 49%;
        height: auto;
        margin-bottom: 15px
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-banner {
        width: 100%;
        height: auto
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-banner img {
        width: 100%
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content {
        text-align: left;
        padding: 4px 6px 10px
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .circle {
        width: 5px;
        height: 5px;
        margin-right: 4px
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .spacial {
        margin-top: 11px
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .item-title {
        margin-bottom: 3px
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .function-title {
        font-size: 13px;
        line-height: 20px
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .item-info-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .item-info-list .info {
        display: inline-block;
        margin-bottom: 5px;
        width: 49%;
        line-height: 21px
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .spacial-title {
        font-weight: 400;
        color: #1F2D3D;
        line-height: 20px;
        font-size: 13px
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .spacial-title .circle {
        background-color: #5E6D82
    }

    .x-manage-demand {
        display: none
    }

    .x-manage-demand-mobile {
        display: block;
        position: relative;
        width: 100%
    }

    .x-manage-demand-mobile img {
        width: 100%
    }

    .x-manage-demand-mobile .x-register-btn {
        border-radius: 20px;
        position: absolute;
        bottom: 30px;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    .x-manage-bottom-bg .x-bottom-banner .bricks {
        padding: 0 30px
    }

    .x-fixed-banner .description {
        font-size: 20px
    }
}

@media (max-width: 800px) {
    .x-entrance-block {
        top:0;
        height: auto
    }

    .x-entrance-block .entrance-wrapper {
        display: none
    }

    .x-entrance-block .entrance-wrapper-mobile {
        padding: 20px 0 10px;
        display: block
    }

    .x-manage-solution {
        padding-top: 10px;
        background: #fff
    }

    .x-manage-solution .solution-banner {
        padding: 20px 0 0
    }

    .x-manage-solution .solution-banner .title-list {
        display: none
    }

    .x-manage-solution .solution-banner .title-banner-mobile {
        display: block
    }
}

@media (max-width: 450px) {
    .x-entrance-block .solution-list .entrance {
        width:49%
    }

    .x-entrance-block .solution-list .entrance .entrance-img .entrance-icon {
        width: 35px
    }

    .x-entrance-block .solution-list .entrance .entrance-content .item-title {
        font-size: 12px
    }

    .x-entrance-block .solution-list .entrance .entrance-content .description {
        display: none
    }

    .x-register-btn {
        width: 112px;
        height: 30px;
        border-radius: 3px;
        font-size: 12px;
        line-height: 30px
    }

    .x-manage-bottom-bg {
        margin-bottom: 20px
    }

    .x-manage-bottom-bg .x-bottom-banner .bricks {
        padding: 15px 0;
        height: 130px;
        background: url(../image/data_banner_bottom.png) center center no-repeat;
        background-size: cover
    }

    .x-manage-bottom-bg .x-bottom-banner .bricks .bottom-container {
        background: 0 0
    }

    .x-manage-bottom-bg .x-bottom-banner .bricks .left-box {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 16px
    }

    .x-manage-bottom-bg .x-bottom-banner .bricks .right-box .x-register-btn {
        width: 120px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        border-radius: 21px
    }

    .x-fixed-banner {
        height: 50px;
        background: -webkit-gradient(to bottom,rgba(128,209,202,1) 0,rgba(64,195,185,1) 64%,rgba(13,179,166,1) 100%);
        background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(128,209,202,1)),color-stop(64%, rgba(64,195,185,1)),to(rgba(13,179,166,1)));
        background: linear-gradient(to bottom,rgba(128,209,202,1) 0,rgba(64,195,185,1) 64%,rgba(13,179,166,1) 100%);
        padding: 0 20px
    }

    .x-fixed-banner .x-register-btn {
        padding: 0 35px;
        width: 210px;
        height: 40px;
        border-radius: 20px;
        line-height: 40px;
        margin: 0
    }

    .x-fixed-banner .description {
        font-size: 12px;
        margin-right: 20px
    }
}

body,html {
    height: 100%
}

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

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

body {
    position: relative;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    font-size: 14px;
    font-family: "PingFang SC","Source Sans Pro","Helvetica Neue","Microsoft Yahei",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    color: #333
}

a {
    outline: 0;
    text-decoration: none
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

img {
    border: 0;
    outline: 0
}

h1,h2,h3,h4,h5,h6,li,ol,p,ul {
    margin: 0;
    padding: 0
}

h1,h2,h3 {
    font-weight: 400
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: #D8D8D8
}

::-webkit-scrollbar-track {
    border-radius: 6px;
    background: rgba(250,250,250,.9)
}

@font-face {
    font-family: finex;
    src: url(../font/iconfont_1597738847001.eot);
    src: url(../font/iconfont_1597738847001.eot) format('embedded-opentype'),url(../font/iconfont_1631857741733.woff) format('woff'),url(https://www.shukuajing.com/fonts/iconfont_1631857741733.ttf?t=1631857741733) format('truetype'),url(https://www.shukuajing.com/fonts/iconfont_1597738847001.svg?t=1597738847001) format('svg')
}

@font-face {
    font-family: finex;
    src: url(../font/font_outsourcing.eot);
	src: url('iconfont.ttf?t=1723111760460') format('truetype');
    src: url(../font/font_outsourcing.eot) format('embedded-opentype'),url(../font/font_outsourcing.woff) format('woff'),url(../font/font_outsourcing.ttf) format('truetype'),url(../font/font_outsourcing.svg) format('svg')
}
  

.iconfont {
    font-family: finex!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-weixin:before {
  content: "\e637";
}

.icon-whatsapp:before {
  content: "\e63e";
}

.icon-telegram:before {
  content: "\e60c";
}


.icon-liuzhuan:before {
    content: "\E600"
}

.icon-bofang:before {
    content: "\E633"
}

.icon-cmstubiaozitihua11:before {
    content: "\E755"
}

.icon-users:before {
    content: "\E617"
}

.icon-sign01:before {
    content: "\E612"
}

.icon-line-chart:before {
    content: "\E63E"
}

.icon-area-chart:before {
    content: "\E671"
}

.icon-data-manager:before {
    content: "\E688"
}

.icon-share:before {
    content: "\E689"
}

.icon-process:before {
    content: "\E68B"
}

.icon-dingding:before {
    content: "\E6A2"
}

.icon-shouhoufuwu:before {
    content: "\E601"
}

.icon-paperplane:before {
    content: "\E660"
}

.icon-icondengdeng:before {
    content: "\E616"
}

.icon-iconquanxiankongzhi:before {
    content: "\E639"
}

.icon-iconshouzhijizhang:before {
    content: "\E64E"
}

.icon-iconzidingyichaxun:before {
    content: "\E667"
}

.icon-congexceldaoru:before {
    content: "\E67B"
}

.icon-iconshenpi:before {
    content: "\E6B4"
}

.icon-zuoshuangyinhao:before {
    content: "\E62E"
}

.icon-caiwuguanli02:before {
    content: "\E606"
}

.icon-xingzhengguanli:before {
    content: "\E61E"
}

.icon-news:before {
    content: "\E604"
}

.icon-logo:before {
    content: "\E6D3"
}

.icon-wechat_ent:before {
    content: "\E6DA"
}

.icon-user-switch:before {
    content: "\E6DF"
}

.icon-report:before {
    content: "\E696"
}

.icon-zuoshuangyinhao-copy:before {
    content: "\E63B"
}

.icon-wps-create:before {
    content: "\E6EB"
}

.icon-zidingyidayin_zidingyidayin-:before {
    content: "\E6ED"
}

.icon-tubiao_biaodanpaiban:before {
    content: "\E6EE"
}

.icon-tubiao_baobiaowailian:before {
    content: "\E6EF"
}

.icon-tubiao_biaodanwailian:before {
    content: "\E6F0"
}

.icon-tubiao_gongshiyuhanshu:before {
    content: "\E6FF"
}

.icon-tubiao_biaodanxiaoyan:before {
    content: "\E6F1"
}

.icon-tubiao_huizongbiao:before {
    content: "\E6F2"
}

.icon-tubiao_shujuquanxianguanli:before {
    content: "\E703"
}

.icon-tubiao_shujuzidongliuzhuan:before {
    content: "\E6F4"
}

.icon-tubiao_GPS:before {
    content: "\E6F5"
}

.icon-tubiao_shujuguanlianyuliandong:before {
    content: "\E6F6"
}

.icon-tubiao_zidingyichaxuntiaojian:before {
    content: "\E6F8"
}

.icon-tubiao_tuanduixiezuo:before {
    content: "\E704"
}

.icon-tubiao_keshihuatubiao:before {
    content: "\E6FA"
}

.icon-tubiao_zibiaodan:before {
    content: "\E6FC"
}

.icon-tubiao_qiyeweixin:before {
    content: "\E6FD"
}

.icon-tubiao_gezhongweb-yidongduan:before {
    content: "\E6FE"
}

.icon-tubiao_weixinfuwuhao:before {
    content: "\E700"
}

.icon-tuiguangjiandaoyun-:before {
    content: "\E640"
}

.icon-shujuguanli_kuozhan_piliangcaozuo:before {
    content: "\E665"
}

.icon-kongjian_chengyuanduoxuan:before {
    content: "\E70A"
}

.icon-kongjian_fuxuankuangzu:before {
    content: "\E60A"
}

.icon-kongjian_guanlianshuju:before {
    content: "\E6AC"
}

.icon-fuzhi:before {
    content: "\E68C"
}

.icon-close-normal:before {
    content: "\E6D4"
}

.icon-ok:before {
    content: "\E656"
}

.icon-service-heart:before {
    content: "\E6C8"
}

.icon-service-medal:before {
    content: "\E6C9"
}

.icon-help-slim:before {
    content: "\E6C6"
}

.icon-app-diy:before {
    content: "\E755"
}

.icon-app-build:before {
    content: "\E65B"
}

.icon-app-platform:before {
    content: "\E65A"
}

.icon-prev:before {
    content: '\E669'
}

.icon-next:before {
    content: '\E66A'
}

.icon-help-empty:before {
    content: '\E718'
}

.icon-role-sale:before {
    content: '\E67D'
}

.icon-role-it:before {
    content: '\E67E'
}

.icon-role-hr:before {
    content: '\E67C'
}

.icon-role-product:before {
    content: '\E679'
}

.icon-role-service:before {
    content: '\E67A'
}

.icon-role-purchase:before {
    content: '\E678'
}

.icon-menu-bar:before {
    content: '\E668'
}

.icon-close-o:before {
    content: '\E67F'
}

.icon-ok-o:before {
    content: '\E680'
}

.icon-qrcode:before {
    content: '\E681'
}

.icon-check-off:before {
    content: '\E6DE'
}

.icon-check-on:before {
    content: '\E6DD'
}

.icon-global:before {
    content: '\E6E7'
}

.icon-location:before {
    content: '\E6AA'
}

.icon-arrow-down:before {
    content: '\E631'
}

i.icon-angle-black-down:before {
    content: "\E62B"
}

.icon-jian:before {
    content: "\E620"
}

.icon-book:before {
    content: "\E6D7"
}

.icon-print:before {
    content: "\E745"
}

.icon-tuisong:before {
    content: "\E722"
}

.icon-upload:before {
    content: "\E628"
}

.icon-appref:before {
    content: "\E6EA"
}

.icon-fabu:before {
    content: "\E6B2"
}

.icon-func:before {
    content: "\E608"
}

.icon-diamond:before {
    content: "\E605"
}

.icon-rocket:before {
    content: "\E603"
}

.icon-tongbu:before {
    content: "\E602"
}

.icon-signature:before {
    content: "\E749"
}

.icon-order:before {
    content: "\E61F"
}

.icon-cart:before {
    content: "\E61B"
}

.icon-goods:before {
    content: "\E61D"
}

.icon-sales-report:before {
    content: "\E60F"
}

.icon-store:before {
    content: "\E615"
}

.icon-crm:before {
    content: "\E60E"
}

.icon-device:before {
    content: "\E613"
}

.icon-quality:before {
    content: "\E610"
}

.icon-hse:before {
    content: "\E611"
}

.icon-mode:before {
    content: "\E619"
}

.icon-spare-parts:before {
    content: "\E609"
}

.icon-produce:before {
    content: "\E60C"
}

.icon-purchase:before {
    content: "\E607"
}

.icon-warehouse:before {
    content: "\E626"
}

.icon-ship:before {
    content: "\E621"
}

.icon-supplier:before {
    content: "\E629"
}

.icon-import-export:before {
    content: "\E60D"
}

.icon-after-sale:before {
    content: "\E618"
}

.icon-repair:before {
    content: "\E60B"
}

.icon-work-order:before {
    content: "\E61C"
}

.icon-return-visit:before {
    content: "\E623"
}

.icon-office-supplies:before {
    content: "\E603"
}

.icon-car-manage:before {
    content: "\E627"
}

.icon-meeting-room:before {
    content: "\E61A"
}

.icon-leave:before {
    content: "\E614"
}

.icon-reimburse:before {
    content: "\E625"
}

.icon-ordering:before {
    content: "\E622"
}

.icon-calendar:before {
    content: "\E6F3"
}

.icon-platform:before {
    content: "\E6F7"
}

.icon-maintain-efficient:before {
    content: "\E702"
}

.icon-efficient:before {
    content: "\E705"
}

.icon-fast-response:before {
    content: "\E706"
}

.icon-hidden-danger:before {
    content: "\E707"
}

.icon-has-been-testing:before {
    content: "\E708"
}

.icon-fault-response-speed:before {
    content: "\E709"
}

.icon-avoid-false-detection:before {
    content: "\E70B"
}

.icon-cycle:before {
    content: "\E6F9"
}

.icon-car:before {
    content: "\E6FB"
}

.icon-equipment-cost:before {
    content: "\E701"
}

.icon-phone:before {
    content: "\E624"
}

.icon-message:before {
    content: "\E62A"
}

.icon-bad-early-warning:before {
    content: "\E62C"
}

.icon-piecework-wage:before {
    content: "\E62D"
}

.icon-support-interface:before {
    content: "\E630"
}

.icon-flexible-splicing:before {
    content: "\E62F"
}

.icon-multi-platform:before {
    content: "\E632"
}

.icon-qrcode-bill:before {
    content: "\E638"
}

.icon-production-daily:before {
    content: "\E636"
}

.icon-planned-progress:before {
    content: "\E635"
}

.icon-customer-service:before {
    content: "\E644"
}

.icon-man-with-tie:before {
    content: "\E634"
}

.icon-box-with-gear:before {
    content: "\E637"
}

.icon-package-on-hand:before {
    content: "\E63A"
}

.icon-chimney:before {
    content: "\E63C"
}

.icon-house:before {
    content: "\E63D"
}

.icon-note:before {
    content: "\E63F"
}

.icon-construct:before {
    content: "\E641"
}

.icon-cloud:before {
    content: "\E645"
}

.icon-flash:before {
    content: "\E643"
}

.icon-wallet:before {
    content: "\E642"
}

.icon-bulb:before {
    content: "\E646"
}

.icon-man-with-suit:before {
    content: "\E649"
}

.icon-man-with-money:before {
    content: "\E647"
}

.icon-man-with-code:before {
    content: "\E64A"
}

.icon-man-with-crown:before {
    content: "\E648"
}

.iconicon_jian:before {
    content: "\E763"
}

.iconicon_wenhao:before {
    content: "\E7D7"
}

.iconicon_caidan:before {
    content: "\E72C"
}

.iconPCduan_xialakuangdezhishifufuben2:before {
    content: "\E607"
}

.iconPCduan_xialakuangdezhishifufuben:before {
    content: "\E608"
}

.iconicon_gou:before {
    content: "\E75C"
}

.iconicon_yuyan:before {
    content: "\E7E3"
}

.iconyibiaopan:before {
    content: "\E602"
}

.iconyewuliucheng:before {
    content: "\E603"
}

.iconzaixianbiaodan:before {
    content: "\E604"
}

.icontuanduixiezuo:before {
    content: "\E605"
}

.iconzhishiku:before {
    content: "\E606"
}

.icon-mobile-phone:before {
    content: "\E64B"
}

.icon-call-phone:before {
    content: "\E64C"
}

.icon-email:before {
    content: "\E64D"
}

.icon-hr:before {
    content: "\E650"
}

.icon-production:before {
    content: "\E651"
}

.icon-xiangmu-renwu:before {
    content: "\E653"
}

.icon-zichan:before {
    content: "\E65E"
}

.icon-gongnengmoban:before {
    content: "\E65C"
}

.icon-jinxiaocun:before {
    content: "\E65D"
}

.icon-caiwubaoxiao:before {
    content: "\E65F"
}

.icon-zhizaoye:before {
    content: "\E657"
}

.icon-hangyefangan:before {
    content: "\E658"
}

.icon-shop:before {
    content: "\E661"
}

.icon-search:before {
    content: "\E662"
}

.icon-unlike:before {
    content: "\E663"
}

.icon-dock:before {
    content: "\E664"
}

.icon-kehudock:before {
    content: "\E666"
}

.icon-retail:before {
    content: "\E655"
}

.icon-service:before {
    content: "\E64F"
}

.icon-education:before {
    content: "\E673"
}

.icon-building:before {
    content: "\E66B"
}

.icon-zhenfu:before {
    content: "\E659"
}

.icon-internet:before {
    content: "\E66C"
}

.icon-transport:before {
    content: "\E654"
}

.icon-form:before {
    content: "\E66D"
}

.icon-flowform:before {
    content: "\E672"
}

.icon-dashboard:before {
    content: "\E652"
}

.icon-etl:before {
    content: "\E66E"
}

.icon-light:before {
    content: "\E674"
}

.icon-dayin:before {
    content: "\E670"
}

.icon-juhebiao:before {
    content: "\E66F"
}

.icon-back:before {
    content: "\E612"
}

.icon-right:before {
    content: "\E616"
}

.icon-left:before {
    content: "\E639"
}

.icon-plague:before {
    content: "\E63E"
}

.icon-sanjiao:before {
    content: "\E675"
}

.icon-xuqiu:before {
    content: "\E682"
}

.icon-dingdan:before {
    content: "\E677"
}

.icon-caiwu:before {
    content: "\E683"
}

.icon-songhuo:before {
    content: "\E676"
}

.icon-arrow-left:before {
    content: "\E756"
}

.icon-arrow-right:before {
    content: "\E684"
}

.icon-gou:before {
    content: "\E685"
}

.icon-consult:before {
    content: "\E686"
}

.icon_zhiding:before {
    content: "\E687"
}

.icon-phone-consult:before {
    content: "\E68A"
}

.icon-weixin-consult:before {
    content: "\E68D"
}

@media screen and (min-width: 1250px) {
    .col-lg-1 {
        width:8.33333333%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-12 {
        width: 100%
    }
}

@media screen and (max-width: 1250px) {
    .col-md-1 {
        width:8.33333333%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-12 {
        width: 100%
    }
}

@media screen and (max-width: 900px) {
    .col-sm-1 {
        width:8.33333333%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-12 {
        width: 100%
    }
}

@media screen and (max-width: 650px) {
    .col-xs-1 {
        width:8.33333333%
    }

    .col-xs-2 {
        width: 16.66666667%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-4 {
        width: 33.33333333%
    }

    .col-xs-5 {
        width: 41.66666667%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-7 {
        width: 58.33333333%
    }

    .col-xs-8 {
        width: 66.66666667%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-10 {
        width: 83.33333333%
    }

    .col-xs-11 {
        width: 91.66666667%
    }

    .col-xs-12 {
        width: 100%
    }
}

.img-mask {
    width: 100%;
    background: rgba(0,0,0,.6);
    z-index: 11;
    position: fixed;
    top: 0;
    left: 0
}

.img-mask .img-box {
    height: 90%;
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.banner-comp .content,.fx-custom .top-banner .content,.img-mask .img-box .img-close i {
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%)
}

.img-mask .img-box img {
    width: 100%;
    max-height: 100%
}

.img-mask .img-box .img-close {
    position: absolute;
    top: -15px;
    right: -10px;
    height: 35px;
    width: 35px;
    border: 2px solid #fff;
    background-color: #1F2D3D;
    border-radius: 50%;
    cursor: pointer
}

.img-mask .img-box .img-close i {
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.x-fixed-block,.x-window-mask {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999
}

.x-window-mask {
    top: 0;
    background-color: transparent;
    overflow: auto;
    -webkit-transition: background-color opacity;
    transition: background-color opacity;
    -webkit-transition-duration: 218ms;
    transition-duration: 218ms
}

.x-window-mask.dark-in {
    background-color: rgba(0,0,0,.25)
}

.x-input,.x-textarea {
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-appearance: none;
    line-height: 16px!important
}

.x-input:focus,.x-textarea:focus {
    outline: 0;
    border-color: #0DB3A6
}

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

.x-fixed-block {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 72px;
    background-color: rgba(230,247,246,.9);
    -webkit-transition: all 218ms ease-in-out;
    transition: all 218ms ease-in-out
}

.x-mask-wrapper,.x-mask-wrapper .x-drawer {
    position: fixed;
    z-index: 1002;
    left: 0;
    bottom: 0;
    right: 0
}

.x-fixed-block .install-link,.x-fixed-block .preview {
    display: inline-block;
    width: 160px;
    height: 42px;
    background-color: #0DB3A6;
    border-radius: 24px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 42px;
    cursor: pointer
}

.x-fixed-block .install-link:hover,.x-fixed-block .preview:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.x-fixed-block.fixed-mobile {
    display: none
}

.x-fixed-block.fixed-pc .preview {
    margin: 0 25px
}

.x-ui-disabled {
    display: none!important
}

.x-mask-wrapper {
    top: 0;
    overflow: auto;
    background-color: rgba(240,240,240,.8);
    display: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.x-mask-wrapper .x-drawer {
    top: 45px;
    color: #1F2D3D;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(219,219,219,.5);
    box-shadow: 0 0 5px 0 rgba(219,219,219,.5)
}

.x-mask-wrapper .x-drawer .drawer-header {
    position: relative;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    z-index: 1004;
    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.x-mask-wrapper .x-drawer .drawer-header .navigation-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px
}

.x-mask-wrapper .x-drawer .drawer-header .navigation-left .app-name {
    max-width: 370px;
    padding: 0 5px;
    color: #1F2D3D;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.x-mask-wrapper .x-drawer .drawer-header .navigation-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.x-mask-wrapper .x-drawer .drawer-header .navigation-right .redirect-btn {
    font-size: 14px;
    text-align: center;
    border: 1px solid;
    border-radius: 3px;
    outline: 0;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 32px;
    padding: 0 20px;
    line-height: 32px;
    color: #fff;
    background: #0DB3A6;
    margin-right: 30px
}

.x-mask-wrapper .x-drawer .drawer-header .navigation-right .redirect-btn:hover {
    background: #56cac1
}

.x-mask-wrapper .x-drawer .drawer-body {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.x-mask-wrapper .x-drawer .drawer-body .drawer-iframe {
    width: 100%;
    height: 100%
}

.x-mask-wrapper.animate-show {
    display: block
}

@media screen and (max-width: 450px) {
    .x-fixed-block {
        height:42px
    }

    .x-fixed-block .install-link,.x-fixed-block .preview {
        height: 30px;
        line-height: 30px;
        font-size: 14px
    }

    .x-fixed-block.fixed-pc {
        display: none
    }

    .x-fixed-block.fixed-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

.fx-markdown-body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
    word-wrap: break-word;
    font-family: "Helvetica Neue",Helvetica,sans-serif
}

.fx-markdown-body * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fx-markdown-body>:first-child {
    margin-top: 0!important
}

.fx-markdown-body>:last-child {
    margin-bottom: 0!important
}

.fx-markdown-body blockquote,.fx-markdown-body ol,.fx-markdown-body pre,.fx-markdown-body table,.fx-markdown-body ul {
    margin-top: 0;
    margin-bottom: 16px
}

.fx-markdown-body a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
    color: #0DB3A6
}

.fx-markdown-body a:active,.fx-markdown-body a:hover {
    outline-width: 0;
    text-decoration: underline
}

.fx-markdown-body a:not([href]) {
    color: inherit;
    text-decoration: none
}

.fx-markdown-body strong {
    font-weight: 600
}

.fx-markdown-body hr {
    height: 0;
    margin: 15px 0;
    overflow: hidden;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #e7e7e7
}

.fx-markdown-body h1,.fx-markdown-body h2,.fx-markdown-body h3,.fx-markdown-body h4,.fx-markdown-body h5,.fx-markdown-body h6 {
    font-weight: 700
}

.fx-markdown-body h1 {
    font-size: 28px;
    padding: 14px 0
}

.fx-markdown-body h2 {
    font-size: 24px;
    padding: 13px 0
}

.fx-markdown-body h3 {
    font-size: 20px;
    padding: 12px 0
}

.fx-markdown-body h4 {
    font-size: 18px;
    padding: 8px 0
}

.fx-markdown-body h5,.fx-markdown-body h6 {
    padding: 7px 0;
    font-size: 16px
}

.fx-markdown-body h6 {
    font-weight: 400
}

.fx-markdown-body img,.fx-markdown-body video {
    display: block;
    margin: 10px 0;
    border-style: none;
    max-width: 100%;
    padding: 12px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    background-color: #fff
}

.fx-markdown-body video {
    max-height: 700px;
    width: 100%
}

.fx-markdown-body table {
    display: block;
    width: 100%;
    overflow: auto;
    border-spacing: 0;
    border-collapse: collapse
}

.fx-markdown-body table th {
    font-weight: 700
}

.fx-markdown-body table td,.fx-markdown-body table th {
    padding: 6px 10px;
    border: 1px solid #ddd;
    word-break: break-word
}

.fx-markdown-body table tr {
    background-color: #fff;
    border-top: 1px solid #ccc
}

.fx-erp .erp-module,.fx-markdown-body table tr:nth-child(2n) {
    background-color: #f8f8f8
}

.fx-markdown-body table>thead>tr>th {
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    color: #6E85A1
}

.fx-markdown-body p {
    margin-top: 10px;
    margin-bottom: 10px
}

.fx-markdown-body blockquote {
    margin: 0;
    padding: 1em;
    color: #777;
    background: #f7f7f7;
    border-left: .25em solid #d2d2d2;
    border-radius: 4px
}

.fx-markdown-body blockquote>:first-child {
    margin-top: 0
}

.fx-markdown-body blockquote>:last-child {
    margin-bottom: 0
}

.fx-markdown-body ol,.fx-markdown-body ul {
    padding-left: 2em;
    margin-top: 0;
    margin-bottom: 0
}

.fx-markdown-body li>p {
    margin-top: 16px
}

.fx-markdown-body li+li {
    margin-top: .25em
}

.fx-markdown-body code {
    padding: 2px 6px;
    margin: 0 4px;
    font-size: 95%;
    background-color: #ebf5ff;
    color: #417cc6;
    border-radius: 4px;
    font-family: "Helvetica Neue",Helvetica,sans-serif
}

.fx-markdown-body pre {
    padding: 18px 30px;
    overflow: auto;
    font-size: 95%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border-radius: 3px;
    word-wrap: normal;
    margin-top: 0;
    font-family: "Helvetica Neue",Helvetica,sans-serif
}

.fx-markdown-body pre code {
    display: inline;
    max-width: inherit;
    padding: 0;
    margin: 0;
    overflow: visible;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0;
    color: #404040
}

.fx-markdown-body pre code:after,.fx-markdown-body pre code:before {
    content: normal
}

.role-tab-comp .role-tabs {
    max-width: 80%;
    margin: 0 auto;
    text-align: center
}

.role-tab-comp .role-tabs .role-btn {
    display: inline-block;
    background: #f5f7fa;
    border: 1px solid #E9E9E9;
    padding: 6px 25px;
    border-radius: 5px;
    margin: 5px 15px;
    cursor: pointer;
    font-size: 16px
}

.role-tab-comp .role-tabs .role-btn-active {
    color: #fff;
    background: #49a1f3!important
}

.role-tab-comp .role-content {
    background: #F7FBFE;
    margin-top: 15px;
    padding: 20px 0 40px
}

.role-tab-comp .role-content.display-none {
    display: none
}

.role-tab-comp .role-content .role-wrapper {
    max-width: 1145px;
    margin: 0 auto
}

.role-tab-comp .role-content .role-wrapper:after,.role-tab-comp .role-content .role-wrapper:before {
    content: " ";
    display: table;
    line-height: 0
}

.role-tab-comp .role-content .role-wrapper:after {
    clear: both
}

@media screen and (max-width: 1250px) {
    .role-tab-comp .role-content .role-wrapper {
        max-width:760px
    }
}

@media screen and (max-width: 870px) {
    .role-tab-comp .role-content .role-wrapper {
        max-width:400px
    }
}

.role-tab-comp .role-content .role-wrapper .role-aspect {
    background: #fff;
    float: left;
    width: 350px;
    margin: 15px;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px 0 #e6e9ed;
    box-shadow: 0 3px 3px 0 #e6e9ed
}

@media screen and (max-width: 650px) {
    .role-tab-comp .role-content .role-wrapper .role-aspect {
        width:100%;
        margin: 15px 0
    }
}

.role-tab-comp .role-content .role-wrapper .role-aspect h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    padding: 25px 0;
    border-bottom: solid 1px #FFC13A;
}

.role-tab-comp .role-content .role-wrapper .role-aspect p {
    height: 70px;
    padding: 20px 30px;
    color: #666
}

.role-tab-comp .role-content .role-wrapper .role-aspect .link-container {
    height: 80px;
    padding-top: 15px
}

.role-tab-comp .role-content .role-wrapper .role-aspect .link-container a {
    display: block;
    color: #49a1f3;
    font-size: 16px;
    padding-left: 30px
}

.role-tab-comp .role-content .role-wrapper .role-aspect .link-container a:first-child {
    margin-bottom: 5px
}

.banner-comp {
    position: relative
}

.banner-comp .logo {
    position: absolute;
    top: 35px;
    left: 50px;
    width: 150px
}

@media screen and (max-width: 1000px) {
    .banner-comp .logo {
        width:100px
    }
}

@media screen and (max-width: 650px) {
    .banner-comp .logo {
        width:60px;
        top: 10px;
        left: 10px
    }

    .banner-comp .content {
        margin-top: 10px
    }
}

.banner-comp .banner-bg {
    display: block;
    width: 100%;
    min-height: 150px
}

.banner-comp .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 70%;
    text-align: center
}

.banner-comp .content .title {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px
}

@media screen and (max-width: 1000px) {
    .banner-comp .content {
        width:80%
    }

    .banner-comp .content .title {
        font-size: 22px;
        margin-bottom: 10px
    }
}

.banner-comp .content .description {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 50px
}

@media screen and (max-width: 1000px) {
    .banner-comp .content .description {
        margin-bottom:15px
    }
}

@media screen and (max-width: 650px) {
    .banner-comp .content .description {
        display:none
    }
}

.banner-comp .content .btn-group {
    margin: 60px 0 15px
}

@media screen and (max-width: 1000px) {
    .banner-comp .content .btn-group {
        margin:0 0 5px
    }
}

.banner-comp .content .btn-group .btn {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    background: #49a1f3;
    padding: 10px 25px;
    border-radius: 5px;
    -webkit-transition: .2s;
    transition: .2s;
    margin: 0 20px
}

.banner-comp .content .btn-group .btn:hover {
    background-color: #1988f0
}

@media screen and (max-width: 650px) {
    .banner-comp .content .btn-group .btn {
        font-size:16px;
        padding: 8px 10px;
        margin: 5px
    }
}

.banner-comp .content .btn-group .btn:before {
    font-size: 30px;
    line-height: 0;
    position: relative;
    top: 5px;
    margin-right: 10px
}

.banner-comp .content .other {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 10px
}

.stagger-comp .row {
    padding: 35px 10%
}

.stagger-comp .row:after,.stagger-comp .row:before {
    content: " ";
    display: table;
    line-height: 0
}

.stagger-comp .row:after {
    clear: both
}

.stagger-comp .row>div:first-child {
    float: left;
    width: 50%
}

.stagger-comp .row>div:last-child {
    float: right;
    width: 50%
}

.stagger-comp .row .figure-box img {
    width: 100%;
    -webkit-box-shadow: 0 1px 3px 0 #5E6D82;
    box-shadow: 0 1px 3px 0 #5E6D82;
    cursor: pointer
}

@media screen and (max-width: 1100px) {
    .stagger-comp .row>div:first-child {
        margin-bottom:20px
    }

    .stagger-comp .row .figure-box {
        width: 100%!important
    }
}

.stagger-comp .row .text-box {
    width: 35%!important
}

@media screen and (max-width: 1100px) {
    .stagger-comp .row .text-box {
        width:100%!important
    }
}

.stagger-comp .row:last-child {
    margin-bottom: 30px
}

.summary-comp .banner-top {
    position: relative
}

.summary-comp .banner-top .banner-image {
    width: 100%
}

.summary-comp .banner-top .container-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

.summary-comp .banner-top .container-info .banner-title {
    color: #fff;
    font-size: 44px;
    margin: 136px 0 12px
}

.summary-comp .banner-top .container-info .banner-description {
    color: #F8FAFB;
    font-size: 16px
}

.summary-comp .banner-top .container-info .bottom-info {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 120px;
    color: #fff;
    background: -webkit-gradient(to bottom,rgba(28,32,54,.6) 0,rgba(28,32,54,1) 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(28,32,54,.6)),to(rgba(28,32,54,1)));
    background: linear-gradient(to bottom,rgba(28,32,54,.6) 0,rgba(28,32,54,1) 100%)
}

.summary-comp .banner-top .container-info .bottom-info .bottom-title {
    font-size: 32px;
    margin-top: 27px
}

.summary-comp .banner-top .container-info .bottom-info .join-group {
    display: inline-block;
    color: #0DB3A6;
    cursor: pointer;
    position: relative
}

.summary-comp .banner-top .container-info .bottom-info .join-group .qr-code-container {
    position: absolute;
    bottom: 30px;
    left: -112px
}

@media screen and (max-width: 560px) {
    .summary-comp .banner-top .banner-image {
        width:auto;
        height: 600px
    }

    .summary-comp .banner-top .container-info .banner-title {
        font-size: 26px;
        margin: 200px 0 12px
    }

    .summary-comp .banner-top .container-info .banner-description {
        font-size: 14px;
        width: 300px;
        margin: 0 auto
    }

    .summary-comp .banner-top .container-info .bottom-info .bottom-title {
        font-size: 26px;
        margin-top: 10px
    }

    .summary-comp .banner-top .container-info .bottom-info .join-group-comp .join-group {
        font-size: 14px;
        display: block
    }

    .summary-comp .banner-top .container-info .bottom-info .join-group-comp .join-group .qr-code-container {
        left: 10px
    }
}

.join-group-comp {
    color: #fff
}

.join-group-comp .join-group {
    display: inline-block;
    color: #0DB3A6;
    cursor: pointer;
    position: relative
}

.join-group-comp .join-group .qr-code-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    bottom: 40px;
    left: -106px;
    width: 308px;
    height: 170px;
    -webkit-box-shadow: 2px 0 8px 0 rgba(0,0,0,.15);
    box-shadow: 2px 0 8px 0 rgba(0,0,0,.15);
    border-radius: 3px;
    background: #fff;
    padding: 0 23px;
    cursor: auto
}

.join-group-comp .join-group .qr-code-container .cell-name {
    font-size: 12px;
    color: #1F2D3D;
    line-height: normal;
    margin: 12px 0 6px
}

.join-group-comp .join-group .qr-code-container .cell-image {
    width: 120px;
    height: 120px
}

.join-group-comp .join-group .qr-code-container .sharp-corner {
    position: absolute;
    bottom: -5px;
    left: 149px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff
}

.join-group-comp .join-group .qr-code-container.hidden {
    display: none
}

.percent-compare-comp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-flex-flow: row wrap;
    -moz-box-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    width: 1066px;
    margin: 0 auto
}

.percent-compare-comp .manage-item {
    width: 521px;
    height: 192px;
    background: #fff;
    -webkit-box-shadow: 0 10px 20px -5px rgba(16,20,40,.05);
    box-shadow: 0 10px 20px -5px rgba(16,20,40,.05);
    border-radius: 5px;
    margin-bottom: 24px
}

.percent-compare-comp .manage-item .item-left {
    display: inline-block;
    width: 192px;
    height: 192px;
    text-align: center
}

.percent-compare-comp .manage-item .item-left .show-percent {
    width: 96px;
    height: 96px;
    text-align: center;
    line-height: 96px;
    margin: 33px 0 0 51px;
    color: #F5A623;
    font-size: 24px;
    font-weight: 700;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.percent-compare-comp .manage-item .item-left .show-info {
    margin-top: 15px;
    color: #1F2D3D
}

.percent-compare-comp .manage-item .item-right {
    display: inline-block;
    width: 304px;
    margin-top: 24px;
    padding-left: 24px;
    border-left: dashed rgba(31,45,61,.2) 1px
}

.percent-compare-comp .manage-item .item-right .before-info .info-title,.percent-compare-comp .manage-item .item-right .now-info .info-title {
    color: #BCC0C5;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.percent-compare-comp .manage-item .item-right .before-info .info,.percent-compare-comp .manage-item .item-right .now-info .info {
    color: #D1D5DB
}

.percent-compare-comp .manage-item .item-right .now-info {
    margin-bottom: 11px
}

.percent-compare-comp .manage-item .item-right .now-info .info-title {
    color: #1F2D3D
}

.percent-compare-comp .manage-item .item-right .now-info .info {
    color: #5E6D82
}

@media screen and (max-width: 560px) {
    .join-group-comp .join-group {
        position:static
    }

    .join-group-comp .join-group .qr-code-container {
        left: 20px
    }

    .percent-compare-comp {
        width: 100%
    }

    .percent-compare-comp .manage-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        border-radius: 3px;
        margin-bottom: 24px;
        height: 230px
    }

    .percent-compare-comp .manage-item .item-left {
        width: 160px;
        height: 160px
    }

    .percent-compare-comp .manage-item .item-left .show-percent {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 14px;
        margin-top: 60px
    }

    .percent-compare-comp .manage-item .item-right {
        width: 180px;
        height: 190px
    }
}

.solution-banner-comp {
    height: 560px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.solution-banner-comp .banner-wrapper {
    max-width: 1200px;
    height: 560px;
    color: #fff;
    margin: 0 auto;
    padding: 42px 40px 0
}

.solution-banner-comp .banner-info {
    position: relative;
    padding-top: 140px;
    height: 100%
}

.solution-banner-comp .banner-info .banner-title {
    font-size: 44px
}

.solution-banner-comp .banner-info .banner-desc {
    font-size: 16px;
    width: 506px;
    margin: 12px 0 24px;
    line-height: 25px
}

.solution-banner-comp .banner-info .banner-btn {
    display: inline-block;
    width: 152px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    background: #fff;
    color: #162E68;
    font-size: 20px;
    -webkit-box-shadow: 0 2px 11px 0 #0f285f;
    box-shadow: 0 2px 11px 0 #0f285f;
    border-radius: 5px;
    cursor: pointer
}

.solution-banner-comp .banner-info .banner-figure {
    position: absolute;
    bottom: 0;
    left: 700px;
    width: 416px
}

@media screen and (max-width: 560px) {
    .solution-banner-comp {
        height:auto
    }

    .solution-banner-comp .banner-wrapper {
        padding: 0;
        text-align: center;
        height: auto
    }

    .solution-banner-comp .banner-info {
        position: relative;
        padding-top: 80px;
        height: 375px
    }

    .solution-banner-comp .banner-info .banner-title {
        font-size: 26px
    }

    .solution-banner-comp .banner-info .banner-desc {
        font-size: 14px;
        width: auto;
        padding: 0 18px;
        margin-bottom: 10px
    }

    .solution-banner-comp .banner-info .banner-btn {
        font-size: 14px;
        line-height: 36px;
        width: 130px;
        height: 36px;
        margin: 20px 0
    }

    .solution-banner-comp .banner-info .banner-figure {
        position: static;
        width: 100%
    }
}

.solution-bottom-comp {
    height: 330px;
    padding-top: 78px;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background: center center no-repeat;
    color: #fff;
    text-align: center
}

.solution-bottom-comp .bottom-title {
    font-size: 40px
}

.solution-bottom-comp .bottom-desc {
    font-size: 16px;
    margin: 18px 0 24px
}

.solution-bottom-comp .bottom-btn {
    display: inline-block;
    width: 152px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    background: #fff;
    color: #162E68;
    font-size: 20px;
    -webkit-box-shadow: 0 2px 11px 0 #0f285f;
    box-shadow: 0 2px 11px 0 #0f285f;
    border-radius: 5px
}

@media screen and (max-width: 560px) {
    .solution-bottom-comp .bottom-title {
        font-size:26px
    }

    .solution-bottom-comp .bottom-desc {
        font-size: 14px;
        padding: 0 18px
    }

    .solution-bottom-comp .bottom-btn {
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        border-radius: 3px
    }
}

.advantage-graphic-comp {
    color: #1F2D3D;
    margin-top: 68px
}

.advantage-graphic-comp .graphic-content:nth-child(2n-1) {
    background-color: #F8F8F8
}

.advantage-graphic-comp .graphic-content:nth-child(2n-1) .advantage-wrapper .advantage-figure {
    float: left;
    margin-left: 40px;
    margin-right: 0
}

.advantage-graphic-comp .graphic-content:nth-child(2n-1) .advantage-wrapper>.show-image {
    float: left
}

.advantage-graphic-comp .graphic-content:nth-child(2n-1) .advantage-wrapper .advantage-info {
    float: right
}

.advantage-graphic-comp .graphic-content.substitute {
    height: 780px;
    padding-top: 85px
}

.advantage-graphic-comp .graphic-content.substitute .show-image {
    margin-top: 24px
}

.advantage-graphic-comp .graphic-content.substitute .show-image>img {
    width: 584px
}

.advantage-graphic-comp .graphic-content.substitute .show-image:last-of-type {
    margin-top: 48px
}

.advantage-graphic-comp .graphic-content.substitute .show-image:last-of-type>img {
    width: 646px
}

.advantage-graphic-comp .graphic-content.substitute .advantage-info {
    margin-right: 30px;
    margin-top: 116px
}

.advantage-graphic-comp .graphic-content.substitute .advantage-wrapper .advantage-figure {
    height: 520px
}

.advantage-graphic-comp .graphic-content.grade {
    height: 672px
}

.advantage-graphic-comp .graphic-content.grade .show-image {
    margin-top: 90px
}

.advantage-graphic-comp .graphic-content.grade .show-image>img {
    width: 590px
}

.advantage-graphic-comp .graphic-content.grade .show-image:last-of-type {
    margin-top: 86px
}

.advantage-graphic-comp .graphic-content.grade .show-image:last-of-type>img {
    width: 690px
}

.advantage-graphic-comp .graphic-content.grade .advantage-info {
    margin-left: 48px;
    margin-top: 175px
}

.advantage-graphic-comp .graphic-content.grade .advantage-wrapper .advantage-figure {
    height: 570px
}

.advantage-graphic-comp .graphic-content.message {
    height: 622px
}

.advantage-graphic-comp .graphic-content.message .show-image {
    margin-top: 90px
}

.advantage-graphic-comp .graphic-content.message .show-image>img {
    width: 602px
}

.advantage-graphic-comp .graphic-content.message .show-image:last-of-type {
    margin-top: 80px
}

.advantage-graphic-comp .graphic-content.message .show-image:last-of-type>img {
    width: 570px
}

.advantage-graphic-comp .graphic-content.message .advantage-info {
    margin-right: 32px;
    margin-top: 172px
}

.advantage-graphic-comp .graphic-content.message .advantage-wrapper .advantage-figure {
    height: 510px
}

.advantage-graphic-comp .graphic-content.score {
    height: 604px
}

.advantage-graphic-comp .graphic-content.score .show-image {
    margin-top: 90px
}

.advantage-graphic-comp .graphic-content.score .show-image>img {
    width: 540px
}

.advantage-graphic-comp .graphic-content.score .show-image:last-of-type {
    margin-top: 72px
}

.advantage-graphic-comp .graphic-content.score .show-image:last-of-type>img {
    width: 570px
}

.advantage-graphic-comp .graphic-content.score .advantage-info {
    margin-left: 48px;
    margin-top: 140px
}

.advantage-graphic-comp .graphic-content.score .advantage-wrapper .advantage-figure {
    height: 520px
}

.advantage-graphic-comp .graphic-content .advantage-wrapper {
    width: 1180px;
    margin: 0 auto
}

.advantage-graphic-comp .graphic-content .advantage-wrapper:after,.advantage-graphic-comp .graphic-content .advantage-wrapper:before {
    content: " ";
    display: table;
    line-height: 0
}

.advantage-graphic-comp .graphic-content .advantage-wrapper:after {
    clear: both
}

.advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-figure {
    float: right;
    margin-right: 40px;
    margin-left: 0;
    text-align: center;
    width: 650px;
    position: relative
}

.advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-figure .show-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-transform: translate(-50px,0);
    transform: translate(-50px,0);
    opacity: 0
}

.advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-figure .show-image.active {
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1
}

.advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-figure .figure-tab {
    font-size: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-figure .figure-tab .switch-tab {
    display: inline-block;
    background-color: #C3CDDA;
    margin-right: 11px;
    cursor: pointer;
    width: 36px;
    height: 6px;
    border-radius: 7px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-figure .figure-tab .switch-tab.active {
    background-color: #0DB3A6
}

.advantage-graphic-comp .graphic-content .advantage-wrapper>.show-image {
    float: right
}

.advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-info {
    float: left
}

.advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-info .title {
    font-size: 32px;
    margin-bottom: 24px;
    text-align: left
}

.advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-info .info-container {
    display: inline-block
}

.advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-info .info-container .info-item {
    font-size: 16px;
    color: #5E6D82;
    padding-left: 18px;
    width: 350px;
    position: relative;
    line-height: 26px;
    margin-bottom: 26px
}

.advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-info .info-container .info-item:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    border: 3px solid #0DB3A6
}

.advantage-graphic-comp .graphic-content .show-image {
    display: inline-block
}

.advantage-graphic-comp .block-title {
    font-size: 42px;
    text-align: center
}

@media screen and (max-width: 560px) {
    .advantage-graphic-comp .graphic-content {
        height:600px
    }

    .advantage-graphic-comp .graphic-content .advantage-wrapper {
        width: 100%;
        text-align: center
    }

    .advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-figure {
        display: none
    }

    .advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-info {
        margin-left: 0;
        margin-right: 0;
        float: none
    }

    .advantage-graphic-comp .graphic-content .advantage-wrapper .advantage-info .title {
        text-align: center
    }
}

.analyze-comp {
    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
}

.analyze-comp .manage-item {
    position: relative;
    width: 330px;
    height: 262px;
    background: #fff;
    -webkit-box-shadow: 0 10px 20px -5px rgba(16,20,40,.05);
    box-shadow: 0 10px 20px -5px rgba(16,20,40,.05);
    border-radius: 5px;
    margin: 0 12px;
    padding: 24px 0 0 24px
}

.analyze-comp .manage-item .item-name .show-title {
    color: #1F2D3D;
    font-size: 14px
}

.analyze-comp .manage-item .item-name .show-percent {
    margin-top: 5px;
    color: #F5A623;
    font-size: 32px
}

.analyze-comp .manage-item .item-name .show-image {
    width: 60px;
    position: absolute;
    top: 31px;
    right: 52px
}

.analyze-comp .manage-item .item-compare .before-info {
    float: left;
    width: 140px;
    height: 122px;
    padding-right: 22px
}

.analyze-comp .manage-item .item-compare .before-info .info-title {
    color: #BBC0C4;
    font-weight: 700
}

.analyze-comp .manage-item .item-compare .before-info .info {
    font-size: 12px;
    color: #CED3D9;
    margin-top: 7px;
    line-height: 17px
}

.analyze-comp .manage-item .item-compare .compare-divider {
    width: 0;
    height: 122px;
    border-left: dashed rgba(31,45,61,.2) 1px;
    float: left;
    margin-top: 6px
}

.analyze-comp .manage-item .item-compare .now-info {
    float: left;
    width: 140px;
    height: 122px;
    padding-left: 22px
}

.analyze-comp .manage-item .item-compare .now-info .info-title {
    font-weight: 700;
    color: #1F2D3D
}

.analyze-comp .manage-item .item-compare .now-info .info {
    font-size: 12px;
    color: #5E6D82;
    margin-top: 7px;
    line-height: 17px
}

@media screen and (max-width: 560px) {
    .analyze-comp {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .analyze-comp .manage-item {
        margin-bottom: 20px
    }
}

.slider-comp .tab-banner {
    position: relative;
    width: 100%;
    height: 560px;
    max-width: 1200px;
    margin: 0 auto 54px
}

.slider-comp .tab-banner .banner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 1200px;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s
}

.slider-comp .tab-banner .banner-wrapper.active {
    opacity: 1;
    z-index: 1
}

.slider-comp .tab-banner .banner-wrapper .banner-figure {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 504px
}

.slider-comp .tab-banner .banner-wrapper .banner-content {
    padding: 240px 0 0 20px;
    width: 600px
}

.slider-comp .tab-banner .banner-wrapper .banner-content .title {
    font-size: 44px;
    color: #1F2D3D;
    line-height: 62px
}

.slider-comp .tab-banner .banner-wrapper .banner-content .description {
    width: 400px;
    height: 50px;
    font-size: 16px;
    color: #5E6D82;
    margin: 12px 0 26px;
    line-height: 25px
}

.slider-comp .tab-banner .banner-wrapper .banner-content .btn {
    display: inline-block;
    line-height: 58px;
    font-size: 20px;
    padding: 0 36px;
    color: #fff;
    background: #0DB3A6;
    -webkit-transition: background-color 218ms;
    transition: background-color 218ms;
    border-radius: 4px
}

.fx-contact-us .contact-button,.slider-comp .tab-banner .banner-wrapper .banner-content .video-btn {
    -o-transition: background-color 218ms;
    -webkit-transition: background-color 218ms;
    -moz-transition: background-color 218ms
}

.slider-comp .tab-banner .banner-wrapper .banner-content .btn:hover {
    background-color: #0b9b90
}

.slider-comp .tab-banner .banner-wrapper .banner-content .video-btn {
    margin-left: 30px;
    border: 1px solid #0DB3A6;
    display: inline-block;
    line-height: 58px;
    font-size: 20px;
    padding: 0 36px;
    color: #0DB3A6;
    background: #fff;
    cursor: pointer;
    -webkit-transition: background-color 218ms;
    transition: background-color 218ms;
    border-radius: 4px
}

.slider-comp .tab-banner .banner-wrapper .banner-content .video-btn:hover {
    background-color: #e7f7f6
}

.slider-comp .tab-banner .banner-wrapper .banner-content .video-btn.video-cn-style {
    margin-left: 0
}

.slider-comp .tab-banner .banner-wrapper .btn-mobile {
    display: none
}

.slider-comp .tab-container {
    font-size: 0;
    text-align: center
}

.slider-comp .tab-container .tab-item {
    display: inline-block;
    margin: 0 5px;
    background-color: #E7E7E7;
    cursor: pointer;
    width: 26px;
    height: 6px;
    border-radius: 6px;
    -webkit-transition: all 1s;
    transition: all 1s
}

.slider-comp .tab-container .tab-item.active {
    background-color: #0DB3A6
}

.slider-comp .top-mobile,.slider-comp .top-mobile-slider {
    display: none
}

@media screen and (max-width: 1180px) {
    .slider-comp .tab-banner .banner-wrapper .banner-figure {
        left:600px
    }
}

@media screen and (max-width: 650px) {
    .slider-comp .tab-banner,.slider-comp .tab-container {
        display:none
    }

    .slider-comp .btn-mobile,.slider-comp .video-btn-mobile {
        display: inline-block;
        line-height: 36px;
        font-size: 16px;
        padding: 0 30px;
        margin-top: 50px
    }

    .slider-comp .btn-mobile {
        color: #fff;
        background: #0DB3A6;
        -webkit-transition: all 218ms;
        transition: all 218ms;
        border-radius: 4px
    }

    .slider-comp .btn-mobile:active {
        background-color: #0b9b90
    }

    .slider-comp .video-btn-mobile {
        border-radius: 4px;
        margin-left: 20px;
        border: 1px solid #0DB3A6;
        color: #0DB3A6;
        background: #fff;
        -webkit-transition: all 218ms;
        transition: all 218ms
    }

    .slider-comp .video-btn-mobile:active {
        background-color: #e7f7f6
    }

    .slider-comp .video-btn-mobile.video-cn-style {
        margin-left: 0
    }

    .slider-comp .banner-content {
        width: 100%;
        padding: 95px 20px 20px;
        text-align: center
    }

    .slider-comp .banner-content .title {
        font-size: 20px
    }

    .slider-comp .banner-content .description {
        font-size: 13px;
        margin: 15px 0 17px
    }

    .slider-comp .banner-content .btn {
        display: none
    }

    .slider-comp .banner-figure {
        width: 100%;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        -o-background-size: contain
    }

    .slider-comp .top-mobile {
        display: block;
        background-color: #fff
    }

    .slider-comp .top-mobile .banner-wrapper {
        text-align: center
    }

    .slider-comp .tab-container-mobile {
        font-size: 0;
        text-align: center;
        position: absolute;
        top: 530px;
        left: 0;
        right: 0;
        z-index: 1
    }

    .slider-comp .tab-container-mobile .tab-item {
        display: inline-block;
        margin: 0 7px;
        background-color: #C3CDDA;
        cursor: pointer;
        width: 6px;
        height: 6px;
        border-radius: 6px;
        -webkit-transition: all 1s;
        transition: all 1s
    }

    .slider-comp .tab-container-mobile .tab-item.active {
        background-color: #0DB3A6
    }

    .slider-comp .top-mobile-slider {
        display: block;
        position: relative;
        width: 100%;
        height: 560px
    }

    .slider-comp .top-mobile-slider .banner-content {
        padding: 95px 20px 10px
    }

    .slider-comp .top-mobile-slider .banner-content .description {
        min-height: 60px
    }

    .slider-comp .top-mobile-slider .btn-mobile,.slider-comp .top-mobile-slider .video-btn-mobile {
        margin-top: 30px
    }

    .slider-comp .top-mobile-slider .banner-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: 1200px;
        margin: 0 auto;
        opacity: 0;
        text-align: center;
        -webkit-transition: all 1s;
        transition: all 1s
    }

    .slider-comp .top-mobile-slider .banner-wrapper.active {
        opacity: 1;
        z-index: 1
    }

    .slider-comp .top-mobile-slider .banner-wrapper .mobile-btn-container {
        text-align: center
    }

    .slider-comp .top-mobile-slider .banner-wrapper .banner-figure {
        width: auto;
        height: 210px
    }
}

.fx-func {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #1F2D3D
}

.fx-func .common-box>.title,.fx-func [class^=section-]>.title {
    font-size: 42px;
    text-align: center;
    padding: 63px 0 42px
}

.fx-func .slider-comp .tab-banner {
    height: 590px;
    margin-bottom: 0
}

.fx-func .slider-comp .tab-banner .banner-wrapper.form .banner-figure {
    width: 544px;
    bottom: 82px;
    right: 144px
}

.fx-func .slider-comp .tab-banner .banner-wrapper.process .banner-figure {
    width: 542px;
    bottom: 32px;
    right: 90px
}

.fx-func .slider-comp .tab-banner .banner-wrapper.analysis .banner-figure {
    width: 690px;
    bottom: 90px;
    right: 54px
}

.fx-func .slider-comp .tab-banner .banner-wrapper.coop .banner-figure {
    width: 618px;
    bottom: 52px;
    right: 66px
}

.fx-func .slider-comp .tab-banner .banner-wrapper .banner-content {
    padding: 230px 0 0 38px
}

.fx-func .slider-comp .tab-banner .banner-wrapper .banner-content .description {
    width: 500px;
    height: auto
}

.fx-func .section-1 {
    background-color: #F8F8F8
}

.fx-func .section-1 .title {
    padding-top: 60px;
    background-color: #fff;
    margin: 0
}

.fx-func .section-1 .func-header {
    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-shadow: 0 20px 30px -10px rgba(16,20,40,.06);
    box-shadow: 0 20px 30px -10px rgba(16,20,40,.06);
    background-color: #fff
}

.fx-func .section-1 .func-header .header-item {
    position: relative;
    height: 48px;
    margin: 0 42px;
    font-size: 18px;
    line-height: 28px;
    color: #8E98A7;
    cursor: pointer
}

.fx-func .section-1 .func-header .header-item.active {
    color: #1F2D3D
}

.fx-func .section-1 .func-header .header-item.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #0DB3A6;
    margin: 0 12px
}

.fx-func .section-1 .func-content {
    padding-top: 40px
}

.fx-func .section-1 .func-content .content-wrapper {
    display: none;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1210px;
    margin: 0 auto;
    padding: 44px 50px;
    border-radius: 5px;
    background-color: #fff
}

.fx-func .section-1 .func-content .content-wrapper.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-func .section-1 .func-content .content-wrapper .content-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 338px;
    height: 152px;
    border-radius: 8px;
    padding: 20px;
    color: #1F2D3D
}

.fx-func .section-1 .func-content .content-wrapper .content-cell.has-link:hover {
    background-color: #F9F9F9
}

.fx-func .section-1 .func-content .content-wrapper .content-cell .cell-icon {
    width: 64px;
    height: 64px
}

.fx-func .section-1 .func-content .content-wrapper .content-cell .cell-text {
    width: 214px
}

.fx-func .section-1 .func-content .content-wrapper .content-cell .cell-text .cell-text-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px
}

.fx-func .section-1 .func-content .content-wrapper .content-cell .cell-text .cell-text-desc {
    color: #5E6D82;
    line-height: 20px
}

.fx-func .section-2 {
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#F8F8F8),to(#fff));
    background-image: linear-gradient(to bottom,#F8F8F8,#fff);
    background-repeat: repeat-x;
    padding-bottom: 26px
}

.fx-func .section-2 .special-func-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1024px;
    margin: 0 auto
}

.fx-func .section-2 .special-func-wrapper .func-item {
    position: relative;
    width: 320px;
    height: 248px;
    color: #1F2D3D;
    padding: 22px 35px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(16,20,40,.1);
    box-shadow: 0 2px 4px 0 rgba(16,20,40,.1);
    -webkit-transition: all 218ms;
    transition: all 218ms;
    margin-bottom: 32px
}

.fx-func .section-2 .special-func-wrapper .func-item:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 20px 40px 0 rgba(16,20,40,.1);
    box-shadow: 0 20px 40px 0 rgba(16,20,40,.1)
}

.fx-func .section-2 .special-func-wrapper .func-item.single .item-icon {
    width: 80px;
    margin-top: 5px
}

.fx-func .section-2 .special-func-wrapper .func-item.special .item-icon {
    width: 84px;
    margin-top: 8px
}

.fx-func .section-2 .special-func-wrapper .func-item.assistant .item-icon {
    width: 70px
}

.fx-func .section-2 .special-func-wrapper .func-item.aggregate .item-icon {
    width: 72px;
    margin-top: 16px
}

.fx-func .section-2 .special-func-wrapper .func-item.factory .item-icon {
    width: 72px;
    margin-top: 18px
}

.fx-func .section-2 .special-func-wrapper .func-item.template .item-icon {
    width: 76px;
    margin-top: 12px
}

.fx-func .section-2 .special-func-wrapper .func-item .item-label {
    font-size: 20px;
    font-weight: 500;
    margin: 12px 0 10px
}

.fx-func .section-2 .special-func-wrapper .func-item .item-desc {
    color: #5E6D82;
    line-height: 20px
}

.fx-func .section-2 .special-func-wrapper .func-item .new-func {
    width: 67px;
    height: 28px;
    position: absolute;
    top: 24px;
    right: -7px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding-top: 3px
}

.fx-func .section-3 {
    background-color: #F8F8F8
}

.fx-func .section-3 .product-integration-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1144px;
    margin: 0 auto;
    padding-bottom: 62px;
    border-bottom: solid #D9DADA 1px
}

.fx-func .section-3 .product-integration-wrapper .func-item {
    position: relative;
    width: 262px;
    height: 336px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    padding-top: 52px
}

.fx-func .section-3 .product-integration-wrapper .func-item .item-icon {
    height: 84px;
    margin-bottom: 30px
}

.fx-func .section-3 .product-integration-wrapper .func-item .item-label {
    color: #303030;
    font-size: 20px;
    font-weight: 500
}

.fx-func .section-3 .product-integration-wrapper .func-item .func-btn {
    display: inline-block;
    color: #fff;
    width: 112px;
    height: 38px;
    border-radius: 5px;
    line-height: 38px;
    background-color: #0DB3A6;
    margin-top: 22px
}

.fx-func .section-3 .product-integration-wrapper .func-item .item-desc {
    margin: 20px auto 0;
    color: #5E6D82;
    line-height: 20px;
    width: 186px
}

.fx-func .section-3 .product-integration-wrapper .func-item .item-desc:last-child {
    width: 210px
}

.fx-func .section-3 .product-integration-wrapper .func-item .view-detail-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 52px;
    line-height: 52px;
    color: #0DB3A6;
    font-size: 16px;
    border-top: solid #E7E7E7 1px
}

.fx-func .section-4 {
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#F8F8F8),to(#fff));
    background-image: linear-gradient(to bottom,#F8F8F8,#fff);
    background-repeat: repeat-x;
    padding-bottom: 40px
}

.fx-func .section-4>.title {
    padding-bottom: 12px
}

.fx-func .section-4 .description {
    color: #5E6D82;
    font-size: 16px;
    text-align: center;
    margin-bottom: 44px
}

.fx-func .section-4 .solution-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 692px;
    margin: 0 auto
}

.fx-func .section-4 .solution-wrapper .solution-item {
    -webkit-box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    border-radius: 5px;
    width: 330px;
    height: 164px;
    padding: 36px 32px 0;
    background-color: #fff
}

.fx-func .section-4 .solution-wrapper .solution-item .item-label {
    color: #0DB3A6;
    font-size: 20px;
    font-weight: 500
}

.fx-func .section-4 .solution-wrapper .solution-item .item-text {
    margin-top: 16px;
    color: #5E6D82;
    line-height: 20px
}

.fx-func .section-5 {
    background-color: #fff
}

.fx-func .section-5 .title {
    padding: 20px 0 10px
}

.fx-func .section-5 .description {
    text-align: center;
    margin-bottom: 48px;
    color: #5E6D82
}

.fx-func .section-5 .secure-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-func .section-5 .secure-wrapper .secure-item {
    padding: 20px
}

.fx-func .section-5 .secure-wrapper .secure-item .secure-title {
    margin: 24px 0 10px;
    font-size: 18px
}

.fx-func .section-5 .secure-wrapper .secure-item .secure-detail {
    color: #5E6D82;
    line-height: 18px;
    width: 200px
}

.fx-func .section-5 .secure-wrapper .secure-item .secure-figure>img {
    height: 40px
}

.fx-func .bottom-banner .banner-comp .content {
    color: #fff;
    text-align: left;
    max-width: 1000px
}

.fx-func .bottom-banner .banner-comp .content .title {
    font-weight: 500;
    font-size: 44px;
    text-align: left;
    color: #fff
}

.fx-func .bottom-banner .banner-comp .content .btn-group {
    margin-top: 28px
}

.fx-func .bottom-banner .banner-comp .content .btn-group .btn {
    padding: 0;
    margin: 0;
    text-align: center;
    color: #10589D;
    width: 152px;
    height: 58px;
    line-height: 58px;
    -webkit-box-shadow: 0 2px 11px 0 #615BD9;
    box-shadow: 0 2px 11px 0 #615BD9;
    background: #fff
}

.fx-func .bottom-banner .banner-comp .content .btn-group .btn:hover {
    background: #e6e6e6
}

@media screen and (max-width: 560px) {
    .fx-func .common-box>.title,.fx-func [class^=section-]>.title {
        text-align:center;
        padding: 25px 0 10px;
        font-size: 22px
    }

    .fx-func .section-1 .func-header .header-item {
        margin: 0 10px;
        font-size: 14px;
        height: 35px
    }

    .fx-func .section-1 .func-content .content-wrapper .content-cell {
        width: 100%;
        height: auto
    }

    .fx-func .section-1 .func-content .content-wrapper .content-cell .cell-icon {
        width: 50px;
        height: 50px
    }

    .fx-func .section-1 .func-content .content-wrapper .content-cell .cell-text {
        width: 160px;
        margin-left: 20px;
        -webkit-box-flex: auto;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto
    }

    .fx-func .section-2 .special-func-wrapper .func-item {
        margin: 0 auto 20px
    }

    .fx-func .section-3 .product-integration-wrapper .func-item,.fx-func .section-4 .solution-wrapper .solution-item {
        margin: 0 auto 10px
    }

    .fx-func .section-5 .secure-wrapper .secure-item {
        padding: 10px;
        margin-top: 10px
    }

    .fx-func .section-5 .secure-wrapper .secure-item .secure-detail {
        width: 100%
    }

    .fx-func .section-5 .secure-wrapper .secure-item .secure-title {
        margin-top: 10px
    }

    .fx-func .bottom-banner .banner-comp .content .title {
        font-size: 22px;
        font-weight: 400;
        text-align: center
    }

    .fx-func .bottom-banner .banner-comp .content .btn-group {
        text-align: center;
        margin-top: 28px
    }

    .fx-func .bottom-banner .banner-comp .content .btn-group .btn {
        width: 124px;
        height: 36px;
        line-height: 36px
    }
}

.fx-integrate-section-1 .title,.fx-integrate-section-2 .title,.fx-integrate-section-3 .title,.fx-integrate-section-5 .title-1,.fx-integrate-section-5 .title-2 {
    font-weight: 700;
    color: #fff;
    text-align: center
}

.fx-integrate {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.fx-integrate-section-1 {
      center center no-repeat;
    text-align: center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.fx-integrate-section-1 .image-logo {
    padding-top: 80px;
    text-align: center
}

.fx-integrate-section-1 .title {
    padding: 20px 0;
    font-size: 30px
}

.fx-integrate-section-1 .qrcode {
    padding: 20px 0;
    margin: 0 auto;
    text-align: center
}

.fx-integrate-section-1 .qrcode .image {
    display: inline-block
}

@media screen and (max-width: 520px) {
    .fx-integrate-section-1 .image-logo img {
        width:100%
    }

    .fx-integrate-section-1 .title {
        font-size: 20px
    }

    .fx-integrate-section-1 .qrcode {
        padding: 0
    }

    .fx-integrate-section-1 .qrcode .image.bg {
        width: 96%;
        margin-top: 10px
    }
}

.fx-integrate-section-1 .navi {
    padding: 10px 0;
    text-align: center;
    margin: 0 auto
}

.fx-integrate-section-1 .navi .item {
    display: inline-block;
    padding: 0 10px
}

.fx-integrate-section-1 .navi .item>a {
    display: block
}

@media screen and (max-width: 520px) {
    .fx-integrate-section-1 .navi .item {
        width:100%;
        margin-top: 15px;
        padding: 0 40px
    }

    .fx-integrate-section-2 .image-logo img {
        width: 100%
    }
}

.fx-integrate-section-2 {
    position: relative;
    width: 100%;
    height: 565px;
    background: url(https://www.shukuajing.com/index/integrate/bg-02.jpg) center center no-repeat
}

.fx-integrate-section-2 .image-logo {
    padding-top: 20px;
    text-align: center
}

.fx-integrate-section-2 .title {
    padding: 40px 0;
    font-size: 30px
}

.fx-integrate-section-2 .btn {
    text-align: center;
    margin-bottom: 30px
}

@media screen and (max-width: 520px) {
    .fx-integrate-section-2 .title {
        font-size:20px
    }

    .fx-integrate-section-2 .btn {
        padding: 40px;
        margin-bottom: 0
    }

    .fx-integrate-section-2 .image img {
        width: 96%
    }
}

.fx-integrate-section-2 .image {
    padding: 40px 0;
    margin: 0 auto;
    text-align: center
}

.fx-integrate-section-3 {
    position: relative;
    width: 100%;
    height: 607px;
    background: url(https://www.shukuajing.com/index/integrate/bg-03.jpg) center center no-repeat
}

.fx-integrate-section-3 .image-logo {
    padding-top: 20px;
    text-align: center
}

.fx-integrate-section-3 .title {
    padding: 40px 0;
    font-size: 30px
}

.fx-integrate-section-3 .btn {
    text-align: center;
    margin-bottom: 30px
}

@media screen and (max-width: 520px) {
    .fx-integrate-section-3 .image-logo img {
        width:100%
    }

    .fx-integrate-section-3 .title {
        font-size: 20px;
        padding: 20px 0
    }

    .fx-integrate-section-3 .btn {
        padding: 0 40px;
        margin: 0
    }
}

.fx-integrate-section-3 .qrcode {
    padding: 20px 0;
    margin: 0 auto;
    text-align: center
}

.fx-integrate-section-3 .qrcode .image {
    display: inline-block
}

@media screen and (max-width: 520px) {
    .fx-integrate-section-3 .qrcode .image:last-child {
        width:96%;
        margin-top: 10px
    }
}

.fx-integrate-section-5 {
    position: relative;
    width: 100%;
    height: 552px;
    background: url(https://www.shukuajing.com/index/integrate/bg-05.jpg) center center no-repeat
}

.fx-integrate-section-5 .title-1 {
    padding-top: 200px;
    font-size: 40px
}

@media screen and (max-width: 520px) {
    .fx-integrate-section-5 .title-1 {
        font-size:30px
    }
}

.fx-integrate-section-5 .title-2 {
    padding-top: 10px;
    font-size: 40px
}

@media screen and (max-width: 520px) {
    .fx-integrate-section-5 .title-2 {
        font-size:30px
    }

    .fx-integrate .button {
        display: block
    }
}

.fx-integrate-section-5 .btn {
    text-align: center;
    padding: 40px
}

.fx-integrate .button {
    padding: 10px 40px;
    font-size: 16px;
    color: #fff;
    border-radius: 40px;
    border: 1px solid #fff;
    -webkit-transition: all 218ms;
    transition: all 218ms
}

.fx-integrate .button:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #444
}

.fx-integrate .button.large {
    padding: 20px 60px;
    font-size: 20px
}

.fx-integrate .button.blue {
    background: #08f;
    border: 1px solid #08f
}

.fx-integrate .button.blue:hover {
    background: #49a1f3;
    color: #fff
}

.fx-custom .top-banner {
    height: 540px;
    background: url(../image/custom-top-banner.png) center no-repeat;
    background-size: cover;
    position: relative;
    text-align: center
}

.fx-custom .top-banner .content {
    color: #fff;
    font-weight: 100;
    margin-top: 10px;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.fx-custom .top-banner .content .title {
    font-size: 48px;
    margin-bottom: 45px;
    font-weight: 200
}

.fx-custom .top-banner .content .description {
    font-size: 20px;
    margin-bottom: 40px
}

.fx-custom .top-banner .content .btn-group .btn:hover {
    background: #00988c
}

.fx-custom .top-banner .content .btn-group .btn {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    background: #0DB3A6;
    padding: 12px 20px;
    border-radius: 6px;
    -webkit-transition: .2s;
    transition: .2s;
    margin: 60px 20px 0;
    font-weight: 400
}

.fx-custom .top-banner .content .btn-group .btn:hover {
    background-color: #009b79
}

.fx-custom .section-1 .title {
    font-size: 36px;
    margin: 80px 0 30px;
    text-align: center;
    color: #1F2D3D
}

.fx-custom .section-1 .description {
    text-align: center;
    font-size: 18px;
    color: #5E6D82;
    margin-bottom: 74px
}

.fx-custom .section-1 img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.fx-custom .bottom-banner .bottom-phone .call,.fx-custom .bottom-banner .bottom-phone .mobile-number,.fx-custom .section-1 img.img-mobile {
    display: none
}

.fx-custom .section-2>.title {
    font-size: 36px;
    text-align: center;
    margin: 120px 0 31px;
    color: #1F2D3D
}

.fx-custom .section-2>.description {
    text-align: center;
    font-size: 18px;
    color: #5E6D82;
    margin-bottom: 56px
}

.fx-custom .section-2>.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    max-width: 1114px;
    margin: 0 auto
}

.fx-custom .section-2 .now,.fx-custom .section-2 .traditional {
    width: 500px
}

.fx-custom .section-2 .now .title,.fx-custom .section-2 .traditional .title {
    color: #1F2D3D;
    font-size: 20px;
    margin-bottom: 34px;
    text-align: center
}

.fx-custom .section-2 .compared-detail {
    position: relative
}

.fx-custom .section-2 .compared-item {
    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;
    text-align: center;
    height: 50px;
    margin-bottom: 18px;
    color: #5E6D82;
    font-size: 16px;
    -webkit-transition: color .4s;
    transition: color .4s
}

.fx-custom .bottom-banner .content .advisory,.fx-custom .section-2 .center-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center
}

.fx-custom .section-2 .compared-item.active {
    color: #1F2D3D
}

.fx-custom .section-2 .now-background,.fx-custom .section-2 .traditional-background {
    width: 100%;
    height: 50px;
    border-radius: 6px;
    z-index: -1;
    -webkit-transition: top .4s;
    transition: top .4s
}

.fx-custom .section-2 .traditional-background {
    position: absolute;
    top: 0;
    left: 0;
    background: #F6F6F6
}

.fx-custom .section-2 .now-background {
    position: absolute;
    top: 0;
    right: 0;
    background: #E8FDFC
}

.fx-custom .section-2 .center .title {
    color: #1F2D3D;
    font-size: 20px;
    margin-bottom: 34px;
    text-align: center
}

.fx-custom .section-2 .center-item {
    height: 50px;
    margin-bottom: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.fx-custom .section-2 .center-item img {
    opacity: .5;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.fx-custom .section-2 .center-item.active img {
    opacity: 1
}

.fx-custom .section-3 {
    max-width: 1000px;
    margin: 0 auto
}

.fx-custom .section-3 .title {
    display: block;
    font-size: 36px;
    margin: 125px 0 0;
    text-align: center;
    color: #1F2D3D
}

.fx-custom .section-3 .items-wrapper {
    padding-bottom: 70px
}

.fx-custom .section-3 .items-wrapper .custom-item {
    display: inline-block;
    margin-top: 100px;
    text-align: center
}

.fx-custom .section-3 .items-wrapper .custom-item .top {
    height: 95px;
    overflow: hidden;
    text-align: left
}

.fx-custom .section-3 .items-wrapper .custom-item .top .t-left {
    display: inline-block;
    vertical-align: middle;
    font-size: 72px;
    font-weight: 300
}

.fx-custom .section-3 .items-wrapper .custom-item .top .t-right {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle
}

.fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-title {
    font-size: 18px
}

.fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-title>span {
    position: relative;
    display: inline-block
}

.fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-title>span:after {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    bottom: -10px;
    left: 0;
    background: #0DB3A6
}

.fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-detail {
    margin-top: 23px;
    font-size: 12px;
    color: #666
}

.fx-custom .section-3 .items-wrapper .custom-item .bottom {
    margin-left: 30px
}

.fx-custom .section-3 .items-wrapper .custom-item .bottom>img {
    height: 224px
}

.fx-custom .section-4 {
    margin-top: 40px;
    color: #1F2D3D
}

.fx-custom .section-4 .title {
    font-size: 36px;
    text-align: center;
    color: #1F2D3D;
    margin-bottom: 40px
}

.fx-custom .bottom-banner {
    margin-bottom: 0;
    position: relative;
    padding: 86px 0 105px
}

.fx-custom .bottom-banner .banner-bg {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1
}

.fx-custom .bottom-banner .content {
    text-align: center
}

.fx-custom .bottom-banner .content .title {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 26px;
    color: #1F2D3D
}

.fx-custom .bottom-banner .content .advisory {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.fx-contact-us,.fx-custom .bottom-banner .content .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.fx-custom .bottom-banner .content .btn-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 25px 0 0
}

.fx-custom .bottom-banner .bottom-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    border-radius: 6px;
    width: 160px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin: 0 25px
}

.fx-custom .bottom-banner .bottom-btn.style-green {
    background: #0DB3A6;
    color: #fff
}

.fx-custom .bottom-banner .bottom-btn.style-green:hover {
    background: #009b79
}

.fx-custom .bottom-banner .bottom-btn.style-white {
    border: 1px solid #91A1B7;
    background-color: #fff;
    color: #1F2D3D
}

.fx-custom .bottom-banner .bottom-btn.style-white:hover {
    background: #f7f7f7
}

.fx-custom .bottom-banner .bottom-phone {
    color: #1F2D3D;
    font-size: 16px;
    margin-left: 11px
}

.fx-custom .img-box-active {
    background: #E7F4FF!important
}

@media screen and (min-width: 1250px) {
    .fx-custom .section-3 {
        max-width:1200px
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top {
        padding-left: 120px
    }
}

@media screen and (min-width: 1500px) {
    .fx-custom .section-3 {
        max-width:1400px
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top {
        padding-left: 140px
    }
}

@media screen and (max-width: 1250px) {
    .fx-custom .section-3 .title>span:after {
        height:2px
    }

    .fx-custom .section-3 .items-wrapper {
        text-align: center
    }

    .fx-custom .section-3 .items-wrapper .custom-item {
        display: block;
        height: 300px;
        position: relative;
        margin-top: 30px
    }

    .fx-custom .section-3 .items-wrapper .custom-item .bottom {
        width: 80%;
        height: 175px;
        position: absolute;
        top: 0;
        left: 10%;
        margin-left: 0
    }

    .fx-custom .section-3 .items-wrapper .custom-item .bottom>img {
        width: auto;
        height: 100%
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top {
        width: 88%;
        height: 125px;
        position: absolute;
        top: 152px;
        left: 6%;
        text-align: center;
        padding-left: 0
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top .t-left {
        display: none
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top .t-right {
        margin: 40px 0 0
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-title>span:after {
        width: 34%;
        left: 33%
    }
}

@media screen and (max-width: 650px) {
    .fx-custom .top-banner {
        height:245px;
        margin-top: 60px;
        background: url(../image/banner-mobile.png) center no-repeat;
        background-size: cover
    }

    .fx-custom .top-banner .content .title {
        font-size: 20px;
        margin-bottom: 18px
    }

    .fx-custom .top-banner .content .description {
        display: block;
        margin-bottom: 0;
        font-size: 13px
    }

    .fx-custom .top-banner .content .btn-group .btn {
        margin-top: 36px;
        font-size: 16px;
        padding: 7px 10px;
        background-color: #00CBBB;
        font-weight: 400;
        border-radius: 3px
    }

    .fx-custom .top-banner .content .btn-group .btn:hover {
        background-color: #00CBBB
    }

    .fx-custom .section-1 .title {
        font-size: 18px;
        margin: 40px 0 15px
    }

    .fx-custom .section-1 .description {
        font-size: 13px;
        margin: 15px auto 20px;
        width: 304px
    }

    .fx-custom .section-1 img.img-bg {
        display: none
    }

    .fx-custom .section-1 img.img-mobile,.fx-custom .section-2>.content {
        display: block
    }

    .fx-custom .section-2>.title {
        font-size: 18px;
        margin: 50px 0 15px
    }

    .fx-custom .section-2>.description {
        font-size: 13px;
        margin-bottom: 35px
    }

    .fx-custom .bottom-banner .banner-bg,.fx-custom .bottom-banner .bottom-phone .phone-number,.fx-custom .section-2 .center {
        display: none
    }

    .fx-custom .section-2 .now,.fx-custom .section-2 .traditional {
        width: 100%
    }

    .fx-custom .section-2 .now .title,.fx-custom .section-2 .traditional .title {
        font-size: 15px;
        margin-bottom: 0
    }

    .fx-custom .section-2 .traditional .compared-detail {
        background-color: #F6F6F6
    }

    .fx-custom .section-2 .now .compared-detail {
        background-color: #E8FDFC
    }

    .fx-custom .section-2 .compared-detail {
        width: 320px;
        margin: 15px auto 35px;
        padding: 7px 0 30px 15px;
        border-radius: 3px
    }

    .fx-custom .section-2 .compared-item {
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        font-size: 12px;
        margin: 23px 0 0;
        height: 20px
    }

    .fx-custom .section-2 .compared-item:before {
        content: ".";
        height: 20px
    }

    .fx-custom .section-3 .title {
        font-size: 18px;
        margin: 50px 0 7px
    }

    .fx-custom .section-3 .items-wrapper {
        text-align: center;
        padding-bottom: 0
    }

    .fx-custom .section-3 .items-wrapper .custom-item {
        margin-top: 0
    }

    .fx-custom .section-3 .items-wrapper .custom-item .bottom {
        width: 80%;
        height: 175px;
        position: absolute;
        top: 0;
        left: 10%;
        margin-left: 0
    }

    .fx-custom .section-3 .items-wrapper .custom-item .bottom>img {
        width: auto;
        height: 100%
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top .t-right {
        margin: 40px 0 0;
        text-align: center
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-title {
        font-size: 15px
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-title>span:after {
        position: static;
        width: 30px;
        margin: 8px auto 0
    }

    .fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-detail {
        color: #91A1B7;
        margin-top: 10px
    }

    .fx-custom .section-4 {
        margin-top: 10px;
        overflow: hidden
    }

    .fx-custom .section-4 .title {
        font-size: 18px;
        margin-bottom: 20px
    }

    .fx-custom .section-4 .logo-tab-comp .logo-list {
        width: 510px;
        height: 150px
    }

    .fx-custom .section-4 .logo-tab-comp .logo-list .logo {
        width: 170px
    }

    .fx-custom .section-4 .logo-tab-comp .comment {
        font-size: 14px;
        margin-bottom: 50px
    }

    .fx-custom .bottom-banner {
        padding: 0 0 45px
    }

    .fx-custom .bottom-banner .content .title {
        width: 270px;
        font-size: 18px;
        margin: 0 auto 30px
    }

    .fx-custom .bottom-banner .content .advisory img {
        width: 20px
    }

    .fx-custom .bottom-banner .content .btn-group {
        margin-top: 40px
    }

    .fx-custom .bottom-banner .bottom-phone {
        color: #000;
        font-size: 13px
    }

    .fx-custom .bottom-banner .bottom-phone .mobile-number {
        display: inline-block;
        color: #00CBBB
    }

    .fx-custom .bottom-banner .bottom-phone .call {
        display: inline-block
    }

    .fx-custom .bottom-banner .bottom-btn {
        width: 123px;
        height: 36px;
        line-height: 36px;
        font-size: 16px;
        margin: 0 19px;
        border-radius: 3px
    }

    .fx-custom .bottom-banner .bottom-btn.style-green,.fx-custom .bottom-banner .bottom-btn.style-green:hover {
        background: #00CBBB
    }

    .fx-custom .bottom-banner .bottom-btn.style-white:hover {
        background: #fff
    }
}

.fx-custom .invisible {
    display: none
}

.fx-article-content {
    padding: 15px;
    max-width: 900px;
    margin: 60px auto 0
}

.fx-article-content .main-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px
}

.fx-article-content .class1-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.fx-article-content .class2-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.fx-article-content .decision {
    margin-left: 20px
}

.fx-article-content h1 {
    text-align: center
}

.fx-article-content p {
    line-height: 25px;
    font-size: 15px;
    margin-bottom: 10px
}

.fx-article-content p.note {
    font-weight: 700
}

.fx-article-content a {
    color: #0DB3A6
}

.fx-birthday {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.fx-birthday-section-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background: url(../image/birthday_content_bg.png) center center no-repeat
}

.fx-birthday-section-content .birthday-main .wrapper {
    max-width: 800px;
    margin: 0 auto
}

.fx-birthday-section-content .birthday-main .wrapper .article-title {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    margin: 50px 0
}

.fx-birthday-section-content .birthday-main .wrapper .article-footer {
    margin-top: 20px;
    font-size: 18px;
    text-align: right
}

.fx-birthday-section-content .birthday-main .wrapper .fx-article-content {
    font-size: 16px;
    margin-top: 0
}

.fx-birthday-section-content .birthday-main .wrapper .btn {
    width: 140px;
    margin: 60px auto;
    display: block;
    padding: 8px 10px;
    text-align: center;
    cursor: pointer;
    color: #444;
    border: 1px solid #0DB3A6;
    border-radius: 2px;
    -webkit-transition: all 218ms;
    transition: all 218ms
}

.fx-birthday-section-content .birthday-main .wrapper .btn:hover {
    background: #0DB3A6;
    color: #fff
}

.fx-birthday-section-content .birthday-main .wrapper .logo {
    width: 117px;
    margin: 0 auto;
    display: block
}

.fx-wechat {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #444
}

.fx-dingtalk,.fx-home .section-1 .tabs .tab {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none
}

.fx-wechat-section-banner {
    padding: 180px 0;
    overflow: hidden;

    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.fx-wechat-section-banner .banner-content {
    position: relative;
    float: right;
    right: 0;
    padding-right: 15%
}

.fx-wechat-section-banner .banner-content .content-title {
    font-size: 34px;
    line-height: 50px;
    color: #0DB3A6;
    margin-bottom: 20px
}

.fx-wechat-section-banner .banner-content .content-sub-title {
    font-size: 18px;
    margin-bottom: 20px
}

.fx-wechat-section-banner .banner-content .content-info {
    overflow: hidden;
    position: relative;
    float: left;
    left: 0;
    margin-right: 20px
}

.fx-wechat-section-banner .banner-content .content-footer {
    margin-top: 130px;
    overflow: hidden
}

.fx-wechat-section-banner .banner-content .content-footer .footer-item {
    margin-right: 15px;
    position: relative;
    float: left;
    left: 0
}

@media screen and (max-width: 750px) {
    .fx-wechat-section-banner .banner-content {
        padding:0 15px
    }

    .fx-wechat-section-banner .banner-content .content-footer .footer-item {
        margin: 10px auto;
        float: none
    }
}

.fx-wechat-section-guide {
    padding: 100px 0;
    text-align: center
}

.fx-wechat-section-guide .guide-title {
    font-size: 34px;
    margin-bottom: 100px
}

@media screen and (max-width: 750px) {
    .fx-wechat-section-guide .guide-title {
        margin-bottom:0
    }
}

.fx-wechat-section-guide .guide-content {
    margin: 0 auto;
    text-align: center;
    max-width: 1090px;
    overflow: hidden
}

.fx-wechat-section-guide .guide-content .content-item {
    position: relative;
    float: left;
    left: 0;
    height: 330px;
}

.fx-wechat-section-guide .guide-content .content-item.step1 {
    width: 160px;
    background-position: 0 0
}

.fx-wechat-section-guide .guide-content .content-item.step2 {
    width: 310px;
    background-position: -160px 0
}

.fx-wechat-section-guide .guide-content .content-item.step3 {
    width: 200px;
    background-position: -470px 0
}

.fx-wechat-section-guide .guide-content .content-item.step4 {
    width: 210px;
    background-position: -670px 0
}

.fx-wechat-section-guide .guide-content .content-item.step5 {
    width: 210px;
    background-position: -880px 0
}

@media screen and (max-width: 750px) {
    .fx-wechat-section-guide .guide-content .content-item {
        margin:0 auto;
        float: none
    }
}

.fx-wechat-section-guide .guide-content .content-item .item-info {
    position: absolute;
    top: 270px;
    left: 0;
    right: 0;
    padding: 0 10px;
    font-size: 18px
}

.fx-wechat-section-data {
    padding: 100px 0;
    background: #f9f9f9;
    text-align: center
}

.fx-wechat-section-data .data-title {
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 50px
}

.fx-wechat-section-data .data-info {
    color: #666;
    font-size: 16px;
    margin-bottom: 10px
}

.fx-wechat-section-data .data-content {
    margin: 10px auto;
    max-width: 945px;
    font-size: 18px;
    overflow: hidden
}

.fx-wechat-section-data .data-content .content-item {
    position: relative;
    float: left;
    left: 0;
    width: 315px
}

.fx-wechat-section-data .data-content .content-item>img {
    margin: 0 50px 25px
}

@media screen and (max-width: 750px) {
    .fx-wechat-section-data .data-content .content-item {
        margin:0 auto;
        float: none
    }
}

.fx-wechat-section-market {
    padding-top: 100px;
    text-align: center
}

.fx-wechat-section-market .market-title {
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 50px
}

.fx-wechat-section-market .market-info {
    color: #666;
    font-size: 16px;
    margin-bottom: 10px
}

.fx-wechat-section-market .market-img {
    width: 100%;
    display: block;
    max-width: 1002px;
    margin: 115px auto 0
}

.fx-wechat-section-pc {
    padding: 100px 0 200px;
    text-align: center;
    background: url(../image/section_pc_bg.jpeg) center 0 no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    min-height: 500px
}

.fx-wechat-section-pc .pc-title {
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 50px
}

.fx-wechat-section-pc .pc-info {
    color: #666;
    font-size: 16px;
    margin-bottom: 10px
}

.fx-wechat-section-footer {
    padding: 50px 0;
    text-align: center
}

.fx-wechat-section-footer .footer-title {
    font-size: 20px;
    color: #666;
    margin-bottom: 30px
}

.fx-wechat-btn {
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 2px;
    font-size: 18px;
    -webkit-transition: background 218ms;
    transition: background 218ms;
    display: inline-block
}

.fx-wechat-btn.style-green {
    background: #0DB3A6;
    color: #fff
}

.fx-wechat-btn.style-green:hover {
    background: #0b9b90
}

.fx-wechat-btn.style-white {
    background: #fff;
    color: #444
}

.fx-wechat-btn.style-white:hover {
    background: #f2f2f2
}

.fx-dingtalk {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #444
}

.fx-dingtalk-section-head {
    padding: 120px 0;
    color: #fff;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    text-align: center
}

.fx-dingtalk-section-head .head-content {
    text-align: center;
    margin-bottom: 50px
}

.fx-dingtalk-section-head .head-content .content-item {
    display: inline-block;
    text-align: left
}

.fx-dingtalk-section-head .head-content .content-item.content-img-wrapper {
    margin: 35px 35px 0;
    color: #fff
}

.fx-dingtalk-section-head .head-content .content-item.content-img-wrapper>img {
    width: 160px;
    height: 160px
}

.fx-dingtalk-section-head .head-content .content-item.content-img-wrapper .content-info {
    background: #fff;
    padding: 5px;
    text-align: center;
    color: #444;
    font-size: 12px;
    width: 160px;
    margin-top: -4px
}

@media screen and (max-width: 550px) {
    .fx-dingtalk-section-head .head-content .content-item.content-img-wrapper {
        display:none
    }

    .fx-dingtalk-section-head .head-content .content-item {
        text-align: center
    }
}

.fx-dingtalk-section-head .head-content .content-item .content-title {
    font-size: 56px;
    margin-bottom: 30px
}

.fx-dingtalk-section-head .head-content .content-item .content-sub-title {
    font-size: 24px;
    margin-bottom: 30px
}

.fx-dingtalk-section-head .head-content .content-item .content-list {
    width: 400px
}

.fx-dingtalk-section-head .head-content .content-item .content-list>li {
    width: 100px;
    display: inline-block
}

.fx-dingtalk-section-common {
    padding: 130px 0;
    text-align: center
}

@media screen and (max-width: 550px) {
    .fx-dingtalk-section-common {
        padding:130px 10px
    }
}

.fx-dingtalk-section-common li {
    display: inline-block;
    width: 140px
}

.fx-dingtalk-section-common .common-title {
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 30px
}

.fx-dingtalk-section-common .common-info {
    font-size: 16px;
    margin-bottom: 60px
}

.fx-dingtalk-section-common .common-content {
    margin: 0 auto;
    text-align: center;
    font-size: 16px
}

.fx-dingtalk-section-common .common-content .content-icon-wrapper {
    margin: 24px auto;
    border-radius: 50%;
    width: 66px;
    height: 66px;
    line-height: 66px
}

.fx-dingtalk-section-common .common-content .content-icon-wrapper.style-purple {
    background: #ac92ec
}

.fx-dingtalk-section-common .common-content .content-icon-wrapper.style-blue {
    background: #5d9cee
}

.fx-dingtalk-section-common .common-content .content-icon-wrapper.style-blue-light {
    background: #4ec2e9
}

.fx-dingtalk-section-common .common-content .content-icon-wrapper.style-green {
    background: #52ce87
}

.fx-dingtalk-section-common .common-content .content-icon-wrapper.style-yellow {
    background: #f5c547
}

.fx-dingtalk-section-common .common-content .content-icon-wrapper.style-orange {
    background: #ff943f
}

.fx-dingtalk-section-common .common-content .content-icon-wrapper.style-red {
    background: #f96d64
}

.fx-dingtalk-section-common .common-content .content-icon-wrapper.style-pink {
    background: #d863a3
}

.fx-dingtalk-section-common .common-content .content-icon-wrapper>i {
    color: #fff;
    font-size: 30px
}

.fx-dingtalk-section-common .common-content .content-icon-wrapper.size-large {
    line-height: 96px;
    width: 96px;
    height: 96px
}

.fx-dingtalk-section-common .common-content .content-icon-wrapper.size-large>i {
    font-size: 40px
}

.fx-dingtalk-section-common.style-blue {
    background: #d4eafe
}

.fx-dingtalk-section-common.style-grey {
    background: #f8fbff
}

.fx-dingtalk-section-footer {
    text-align: center;
    padding: 80px 0;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.fx-dingtalk-section-footer .btn-wrapper {
    margin-top: 20px
}

.fx-dingtalk-btn {
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 2px;
    font-size: 18px;
    -webkit-transition: background 218ms;
    transition: background 218ms;
    display: inline-block
}

.fx-dingtalk-btn.style-green {
    background: #0DB3A6;
    color: #fff
}

.fx-dingtalk-btn.style-green:hover {
    background: #0b9b90
}

.fx-dingtalk-btn.style-white {
    background: #fff;
    color: #444
}

.fx-dingtalk-btn.style-white:hover {
    background: #f2f2f2
}

.fx-workflow {
    background: #F0F4F7
}

.fx-workflow-section-banner {
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    height: 670px;
    position: relative
}

.fx-workflow-section-banner .content-wrapper {
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    color: #fff
}

.fx-building-material .top-banner .title,.fx-telecom-section-home .home-content {
    -o-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%)
}

.fx-workflow-section-banner .content-wrapper .title {
    font-weight: 700;
    font-size: 45px;
    margin-bottom: 30px
}

.fx-workflow-section-banner .content-wrapper .sub-title {
    font-size: 25px;
    color: #FFF;
    margin-bottom: 60px
}

@media screen and (max-width: 560px) {
    .fx-workflow-section-banner {
        height:400px
    }

    .fx-workflow-section-banner .content-wrapper .title {
        font-size: 28px;
        margin-bottom: 15px
    }

    .fx-workflow-section-banner .content-wrapper .sub-title {
        font-size: 20px;
        margin-bottom: 40px
    }
}

.fx-workflow-section-sence {
    padding: 70px 20px 50px
}

.fx-workflow-section-sence .sence-title {
    margin-bottom: 35px;
    font-size: 35px;
    color: #3874FE;
    text-align: center
}

@media screen and (max-width: 560px) {
    .fx-workflow-section-sence .sence-title {
        font-size:28px
    }
}

.fx-workflow-section-sence .sence-wrapper {
    max-width: 765px;
    margin: 0 auto;
    text-align: center
}

.fx-workflow-section-sence .sence-wrapper .sence-item {
    background: #fff;
    display: inline-block;
    width: 235px;
    height: 240px;
    margin: 20px 10px 0;
    border-radius: 6px;
    padding: 25px 0 0 85px;
    position: relative;
    vertical-align: top;
    text-align: left
}

.fx-workflow-section-sence .sence-wrapper .sence-item .item-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 18px
}

.fx-workflow-section-sence .sence-wrapper .sence-item .item-info {
    font-size: 16px;
    margin-bottom: 8px
}

.fx-workflow-section-sence .sence-wrapper .sence-item .item-icon-wrapper {
    position: absolute;
    top: 15px;
    left: 30px
}

.fx-workflow-section-sence .sence-wrapper .sence-item .item-icon-wrapper>i {
    font-size: 30px
}

.fx-workflow-section-sence .sence-wrapper .sence-item .item-icon-wrapper.style-green {
    color: #1CB57E
}

.fx-workflow-section-sence .sence-wrapper .sence-item .item-icon-wrapper.style-red {
    color: #F06969
}

.fx-workflow-section-sence .sence-wrapper .sence-item .item-icon-wrapper.style-pink {
    color: #F675AE
}

.fx-workflow-section-sence .sence-wrapper .sence-item .item-icon-wrapper.style-blue {
    color: #7792F6
}

.fx-workflow-section-sence .sence-wrapper .sence-item .item-icon-wrapper.style-green-deep {
    color: #03B616
}

.fx-workflow-section-sence .sence-wrapper .sence-item .item-icon-wrapper.style-blue-light {
    color: #0AB3D1
}

.fx-workflow-section-func {
    background: #334A72;
    padding: 50px 20px 70px;
    text-align: center
}

.fx-workflow-section-func .func-title {
    font-size: 35px;
    color: #FFF;
    margin-bottom: 60px
}

@media screen and (max-width: 560px) {
    .fx-workflow-section-func .func-title {
        font-size:28px
    }
}

.fx-workflow-section-func .func-main {
    max-width: 675px;
    margin: 0 auto
}

.fx-workflow-section-func .func-main .main-item {
    display: inline-block;
    color: #fff;
    width: 225px;
    height: 40px;
    margin-bottom: 20px;
    line-height: 40px;
    font-size: 16px;
    text-align: left
}

.fx-workflow-section-func .func-main .main-item .item-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 30px;
    display: inline-block;
    text-align: center
}

.fx-workflow-section-func .func-main .main-item .item-wrapper>i {
    font-size: 18px
}

.fx-workflow-section-func .func-main .main-item .item-wrapper.style-green {
    background: #00B16F
}

.fx-workflow-section-func .func-main .main-item .item-wrapper.style-blue {
    background: #00B4F8
}

.fx-workflow-section-func .func-main .main-item .item-wrapper.style-purple {
    background: #867AEE
}

.fx-workflow-section-func .func-main .main-item .item-wrapper.style-yellow {
    background: #FFB514
}

.fx-workflow-section-func .func-main .main-item .item-wrapper.style-red {
    background: #F24E7B
}

.fx-workflow-section-func .func-main .main-item .item-wrapper.style-orange {
    background: #FF774B
}

.fx-workflow-section-app {
    background: #fff;
    padding: 60px 20px 70px;
    text-align: center
}

.fx-workflow-section-app .app-title {
    font-size: 35px;
    margin-bottom: 30px
}

.fx-workflow-section-app .app-sub-title {
    font-size: 25px;
    margin-bottom: 80px
}

.fx-workflow-section-app .app-wrapper {
    max-width: 950px;
    margin: 0 auto
}

.fx-workflow-section-app .app-wrapper .app-item {
    display: inline-block;
    vertical-align: top;
    width: 190px;
    text-align: center
}

@media screen and (max-width: 560px) {
    .fx-workflow-section-app .app-title {
        font-size:28px
    }

    .fx-workflow-section-app .app-sub-title {
        font-size: 20px
    }

    .fx-workflow-section-app .app-wrapper .app-item {
        margin-bottom: 30px
    }
}

.fx-workflow-section-app .app-wrapper .app-item .item-logo {
    width: 110px;
    height: 110px;
    margin: 0 auto 40px;
    border-radius: 50%;
    line-height: 110px;
    border: 1px solid #3B77EF
}

.fx-workflow-section-app .app-wrapper .app-item .item-logo>i {
    font-size: 60px;
    color: #3B77EF
}

.fx-workflow-section-app .app-wrapper .app-item .item-info {
    font-size: 18px
}

.fx-workflow-section-footer {
    background: #3776DA;
    padding: 45px 20px;
    text-align: center
}

.fx-workflow-section-footer .footer-title {
    font-size: 35px;
    color: #FFF;
    margin-bottom: 30px
}

@media screen and (max-width: 560px) {
    .fx-workflow-section-footer .footer-title {
        font-size:28px
    }
}

.fx-workflow-section-footer .footer-btn {
    margin: 0 auto
}

.fx-workflow .btn {
    width: 200px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    cursor: pointer;
    -webkit-transition: all 218ms;
    transition: all 218ms;
    border-radius: 25px
}

.fx-workflow .btn:hover {
    background: #fff;
    color: #3776DA
}

.fx-workflow .btn.style-blue {
    background: #fff;
    color: #103172
}

.fx-workflow .btn.style-blue:hover {
    background: #103172;
    color: #fff
}

.fx-telecom {
    background: #fff
}

.fx-telecom-section-home {
    text-align: center;
    position: relative
}

@media screen and (max-width: 560px) {
    .fx-workflow .btn {
        width:160px;
        height: 40px;
        font-size: 16px;
        line-height: 38px
    }

    .fx-telecom-section-home {
        margin-top: 60px
    }
}

.fx-telecom-section-home>img {
    display: block;
    width: 100%;
    height: auto
}

.fx-telecom-section-home .home-content {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 0
}

.fx-telecom-section-home .home-content .home-title {
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);
    margin-bottom: 28px
}

.fx-telecom-section-home .home-content .home-sub-title {
    font-size: 30px;
    color: #fff;
    line-height: 35px;
    margin-bottom: 55px
}

@media screen and (max-width: 560px) {
    .fx-telecom-section-home .home-content .home-title {
        font-size:22px
    }

    .fx-telecom-section-home .home-content .home-sub-title {
        display: none
    }
}

.fx-telecom-section-block {
    padding: 70px 40px
}

.fx-telecom-section-block .block-title {
    font-size: 40px;
    margin-bottom: 60px;
    text-align: center
}

@media screen and (max-width: 560px) {
    .fx-telecom-section-block .block-title {
        font-size:30px;
        margin-bottom: 40px
    }
}

.fx-telecom-section-block .block-content {
    font-size: 18px;
    line-height: 30px;
    max-width: 930px;
    position: relative;
    margin: 0 auto
}

@media screen and (max-width: 560px) {
    .fx-telecom-section-block .block-content {
        font-size:14px
    }
}

.fx-telecom-section-block .block-content:before {
    content: '\E62E';
    position: absolute;
    top: 0;
    left: -50px;
    font-size: 35px;
    color: #E4E5E5;
    font-family: finex
}

.fx-telecom-section-block .block-content:after {
    content: '\E63B';
    position: absolute;
    top: 0;
    right: -50px;
    font-size: 35px;
    color: #E4E5E5;
    font-family: finex
}

@media screen and (max-width: 560px) {
    .fx-telecom-section-block .block-content:before {
        font-size:25px;
        left: -35px
    }

    .fx-telecom-section-block .block-content:after {
        font-size: 25px;
        right: -35px
    }
}

.fx-telecom-section-block .block-content .content-footer-info {
    text-align: right;
    font-size: 18px;
    color: #989898;
    line-height: 30px
}

@media screen and (max-width: 560px) {
    .fx-telecom-section-block .block-content .content-footer-info {
        font-size:14px
    }
}

.fx-telecom-section-industry {
    background: #eef4fc;
    padding: 50px 10px
}

.fx-telecom-section-industry .industry-title {
    font-size: 40px;
    margin-bottom: 25px;
    text-align: center
}

@media screen and (max-width: 560px) {
    .fx-telecom-section-industry .industry-title {
        font-size:30px;
        margin-bottom: 15px
    }
}

.fx-telecom-section-industry .industry-content {
    max-width: 1000px;
    margin: 0 auto
}

.fx-telecom-section-industry .industry-content .content-menu {
    background: #60A1FA
}

.fx-telecom-section-industry .industry-content .content-menu:after,.fx-telecom-section-industry .industry-content .content-menu:before {
    content: " ";
    display: table;
    line-height: 0
}

.fx-telecom-section-industry .industry-content .content-menu:after {
    clear: both
}

.fx-telecom-section-industry .industry-content .content-menu .menu-item {
    position: relative;
    float: left;
    left: 0;
    text-align: center;
    color: #fff;
    padding: 15px;
    font-size: 20px
}

.fx-telecom-section-industry .industry-content .content-menu .menu-item.left {
    width: 34%
}

@media screen and (max-width: 560px) {
    .fx-telecom-section-industry .industry-content .content-menu .menu-item.left {
        width:50%
    }
}

.fx-telecom-section-industry .industry-content .content-menu .menu-item.right {
    width: 66%
}

@media screen and (max-width: 560px) {
    .fx-telecom-section-industry .industry-content .content-menu .menu-item.right {
        width:50%
    }
}

.fx-telecom-section-industry .industry-content .content-table {
    width: 100%;
    height: 100%
}

.fx-telecom-section-industry .industry-content .content-table td {
    font-size: 16px;
    color: rgba(0,0,0,.75);
    line-height: 24px;
    padding: 15px 33px;
    border-bottom: 1px solid #dcdcdc;
    background: #fff
}

.fx-telecom-section-industry .industry-content .content-table td:nth-child(even) {
    width: 66%
}

@media screen and (max-width: 560px) {
    .fx-telecom-section-industry .industry-content .content-table td:nth-child(even) {
        width:50%
    }
}

.fx-telecom-section-industry .industry-content .content-table td:nth-child(odd) {
    width: 34%;
    border-right: 1px solid #dcdcdc
}

.fx-telecom-section-group {
    padding: 50px 10px 0
}

.fx-telecom-section-group .group-title {
    text-align: center;
    font-size: 40px
}

.fx-telecom-section-group .group-content {
    max-width: 1050px;
    margin: 0 auto
}

.fx-telecom-section-group .group-content .content-line {
    padding: 80px 0;
    border-bottom: 1px solid #CECECE
}

@media screen and (max-width: 560px) {
    .fx-telecom-section-industry .industry-content .content-table td:nth-child(odd) {
        width:50%
    }

    .fx-telecom-section-group .group-title {
        font-size: 30px
    }

    .fx-telecom-section-group .group-content .content-line {
        padding: 25px 0 50px
    }
}

.fx-telecom-section-group .group-content .content-line .line-item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    color: rgba(0,0,0,.75)
}

.fx-telecom-section-group .group-content .content-line .line-item.left {
    width: 34%
}

@media screen and (max-width: 560px) {
    .fx-telecom-section-group .group-content .content-line .line-item.left {
        width:100%;
        margin-top: 25px
    }
}

.fx-telecom-section-group .group-content .content-line .line-item.right {
    width: 64%
}

@media screen and (max-width: 560px) {
    .fx-telecom-section-group .group-content .content-line .line-item.right {
        width:100%;
        margin-top: 25px
    }
}

.fx-telecom-section-group .group-content .content-line .line-item>img {
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer
}

.fx-telecom-section-group .group-content .content-line .line-item .item-title {
    font-size: 24px;
    position: relative;
    padding-bottom: 15px
}

.fx-telecom-section-group .group-content .content-line .line-item .item-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 130px;
    height: 5px;
    background: #0DB3A6
}

.fx-telecom-section-group .group-content .content-line .line-item .item-info-content {
    padding-top: 25px
}

.fx-telecom-section-group .group-content .content-line .line-item .item-info-content .text {
    font-size: 16px;
    line-height: 24px
}

@media screen and (max-width: 560px) {
    .fx-telecom-section-group .group-content .content-line .line-item .item-title {
        font-size:16px
    }

    .fx-telecom-section-group .group-content .content-line .line-item .item-title:after {
        height: 2px
    }

    .fx-telecom-section-group .group-content .content-line .line-item .item-info-content {
        padding-top: 15px
    }

    .fx-telecom-section-group .group-content .content-line .line-item .item-info-content .text {
        font-size: 14px;
        line-height: 20px
    }
}

.fx-telecom-section-ali {
    padding: 60px 10px
}

.fx-telecom-section-ali .ali-title {
    font-size: 40px;
    margin-bottom: 40px;
    text-align: center
}

.fx-telecom-section-ali .ali-content {
    max-width: 900px;
    text-align: center;
    margin: 0 auto
}

.fx-telecom-section-ali .ali-content .ali-item {
    display: inline-block;
    width: 180px;
    margin-top: 10px;
    position: relative
}

.fx-telecom-section-ali .ali-content .ali-item:before {
    content: '';
    position: absolute;
    top: 20px;
    left: -30px;
    width: 70px;
    height: 20px;
    background: url(../image/icon_arrow_right.png) center center no-repeat;
    background-size: 100% auto
}

.fx-telecom-section-ali .ali-content .ali-item:first-child::before {
    content: none
}

.fx-telecom-section-ali .ali-content .ali-item .item-icon-wrapper {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #2D9BFE;
    text-align: center;
    line-height: 60px
}

.fx-telecom-section-ali .ali-content .ali-item .item-icon-wrapper>i {
    font-size: 28px;
    color: #2D9BFE
}

.fx-telecom-section-ali .ali-content .ali-item .item-info {
    font-size: 14px;
    color: rgba(0,0,0,.75);
    margin-top: 15px;
    text-align: center
}

.fx-telecom-section-footer {
    padding: 90px 10px 0;
    height: 400px;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    text-align: center
}

.fx-telecom-section-footer .title {
    font-size: 40px;
    color: #000;
    line-height: 55px;
    margin-bottom: 100px
}

.fx-telecom-section-footer .info {
    font-size: 20px;
    margin-top: 40px;
    color: #363e44
}

@media screen and (max-width: 560px) {
    .fx-telecom-section-footer {
        height:300px;
        padding-top: 50px
    }

    .fx-telecom-section-footer .title {
        font-size: 22px;
        margin-bottom: 60px
    }

    .fx-telecom-section-footer .info {
        font-size: 16px;
        margin-top: 25px
    }
}

.fx-telecom .btn-group {
    text-align: center
}

.fx-telecom .btn-group .btn {
    margin-left: 30px;
    padding: 15px 60px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    border-radius: 30px;
    -webkit-transition: all 218ms;
    transition: all 218ms
}

@media screen and (max-width: 560px) {
    .fx-telecom .btn-group .btn {
        margin-left:15px;
        padding: 8px 15px;
        font-size: 14px
    }
}

.fx-telecom .btn-group .btn.style-green {
    background: #1CD1C1;
    color: #fff
}

.fx-telecom .btn-group .btn.style-green:hover {
    background: #16a497
}

.fx-telecom .btn-group .btn.style-white {
    background: #fff;
    color: #103172
}

.fx-telecom .btn-group .btn.style-white:hover {
    background: #e6e6e6
}

.fx-telecom .btn-group .btn.style-blue {
    background: #589FFF;
    color: #fff
}

.fx-telecom .btn-group .btn.style-blue:hover {
    background: #2582ff
}

.fx-telecom .btn-group .btn:first-child {
    margin-left: 0
}

.fx-building-material .btn-group {
    text-align: center
}

.fx-building-material .btn-group .btn {
    display: inline-block;
    width: 200px;
    height: 50px;
    border-radius: 60px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 250ms;
    transition: all 250ms;
    margin: 0 20px
}

.fx-building-material .top-banner {
    position: relative
}

@media screen and (max-width: 560px) {
    .fx-building-material .btn-group .btn {
        font-size:16px;
        width: 115px;
        height: 35px;
        line-height: 35px;
        margin: 10px 10px 0
    }

    .fx-building-material [class^=section-]>.title {
        font-size: 24px!important
    }

    .fx-building-material .top-banner {
        margin-top: 60px
    }
}

.fx-building-material .top-banner img {
    display: block;
    width: 100%;
    height: auto
}

.fx-building-material .top-banner .title {
    color: #fff;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.fx-building-material .top-banner .title .main-title {
    font-size: 45px;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,.5)
}

@media screen and (max-width: 820px) {
    .fx-building-material .top-banner .title .main-title {
        font-size:22px
    }
}

.fx-building-material .top-banner .title .sub-title {
    font-size: 30px;
    font-weight: 100;
    margin: 20px 0 50px
}

@media screen and (max-width: 820px) {
    .fx-building-material .top-banner .title .sub-title {
        font-size:16px;
        margin: 15px 0
    }
}

.fx-building-material .top-banner .title .btn:first-child {
    background-color: #1CD1C1
}

.fx-building-material .top-banner .title .btn:first-child:hover {
    background-color: #16a497
}

.fx-building-material .top-banner .title .btn:last-child {
    background-color: #5E6D82;
    color: #49a1f3
}

.fx-building-material .top-banner .title .btn:last-child:hover {
    background-color: #495464
}

.fx-building-material .section-1 {
    padding: 50px 0;
    max-width: 80%;
    margin: 0 auto;
    font-size: 18px
}

.fx-building-material .section-1 .title {
    font-size: 40px;
    text-align: center;
    margin-bottom: 20px
}

.fx-building-material .section-1 .comment {
    padding: 20px 0;
    position: relative
}

@media screen and (max-width: 560px) {
    .fx-building-material .top-banner .title .sub-title {
        display:none
    }

    .fx-building-material .section-1 .comment {
        font-size: 14px
    }
}

.fx-building-material .section-1 .comment:before {
    content: '\E62E';
    position: absolute;
    top: 0;
    left: -50px;
    font-size: 35px;
    color: #E4E5E5;
    font-family: finex
}

.fx-building-material .section-1 .comment:after {
    content: '\E63B';
    position: absolute;
    top: 0;
    right: -50px;
    font-size: 35px;
    color: #E4E5E5;
    font-family: finex
}

.fx-building-material .section-1 .author,.fx-building-material .section-1 .company {
    color: #979daa;
    text-align: right;
    margin: 7px 0
}

.fx-building-material .section-2 {
    background-color: #EEF4FC;
    padding: 50px 0
}

.fx-building-material .section-2 .title {
    font-size: 40px;
    text-align: center;
    margin-bottom: 25px
}

.fx-building-material .section-2 .pain-points {
    max-width: 80%;
    margin: 0 auto
}

.fx-building-material .section-2 .pain-points .table-header {
    font-size: 20px;
    color: #fff
}

.fx-building-material .section-2 .pain-points .table-header span {
    display: inline-block;
    height: 50px;
    background-color: #60A1FA;
    text-align: center;
    line-height: 50px
}

.fx-building-material .section-2 .pain-points .table-header span:first-child {
    width: 40%
}

.fx-building-material .section-2 .pain-points .table-header span:last-child {
    width: 60%
}

.fx-building-material .section-2 .pain-points .table-body {
    background-color: #fff
}

.fx-building-material .section-2 .pain-points .table-body td {
    padding: 15px 25px;
    font-size: 16px
}

@media screen and (max-width: 560px) {
    .fx-building-material .section-2 .pain-points .table-header {
        font-size:16px
    }

    .fx-building-material .section-2 .pain-points .table-body td {
        font-size: 14px
    }
}

.fx-building-material .section-2 .pain-points .table-body td h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0
}

@media screen and (max-width: 560px) {
    .fx-building-material .section-2 .pain-points .table-body td h2 {
        font-size:16px
    }
}

.fx-building-material .section-2 .pain-points .table-body td:first-child {
    border-bottom: solid 1px #E9E9E9;
    border-right: solid 1px #E9E9E9;
    width: 40%
}

.fx-building-material .section-2 .pain-points .table-body td:last-child {
    border-bottom: solid 1px #E9E9E9;
    width: 60%
}

.fx-building-material .section-2 .pain-points .table-body tr:last-child td {
    border-bottom: none
}

.fx-building-material .section-3 {
    padding-top: 50px
}

.fx-building-material .section-3 .title {
    font-size: 40px;
    text-align: center;
    margin-bottom: 25px
}

.fx-building-material .section-3 .practice {
    max-width: 80%;
    margin: 50px auto;
    padding-bottom: 50px;
    border-bottom: solid 1px #E9E9E9
}

.fx-building-material .section-3 .practice:after,.fx-building-material .section-3 .practice:before {
    content: " ";
    display: table;
    line-height: 0
}

.fx-building-material .section-3 .practice:after {
    clear: both
}

.fx-building-material .section-3 .practice>div:first-child {
    float: left;
    width: 50%
}

.fx-building-material .section-3 .practice>div:last-child {
    float: right;
    width: 50%
}

.fx-building-material .section-3 .practice .figure-box img {
    width: 100%;
    -webkit-box-shadow: 0 1px 3px 0 #979daa;
    box-shadow: 0 1px 3px 0 #979daa;
    cursor: pointer
}

@media screen and (max-width: 820px) {
    .fx-building-material .section-3 .practice>div:first-child {
        margin-bottom:20px
    }

    .fx-building-material .section-3 .practice .figure-box {
        width: 100%!important
    }
}

.fx-building-material .section-3 .practice .text-box {
    width: 40%!important
}

@media screen and (max-width: 820px) {
    .fx-building-material .section-3 .practice .text-box {
        width:100%!important
    }
}

.fx-building-material .section-3 .practice .text-box h2 {
    font-size: 24px;
    margin-bottom: 15px
}

.fx-building-material .section-3 .practice .text-box .line {
    width: 130px;
    height: 5px;
    background-color: #0DB3A6;
    margin-bottom: 25px
}

.fx-building-material .section-3 .practice .text-box .content {
    font-size: 16px
}

@media screen and (max-width: 560px) {
    .fx-building-material .section-3 .practice .text-box h2 {
        font-size:16px
    }

    .fx-building-material .section-3 .practice .text-box .content {
        font-size: 14px
    }
}

.fx-building-material .section-3 .practice:last-child {
    border-bottom: none;
    margin-bottom: 30px
}

.fx-building-material .section-4 {
    background: radial-gradient(ellipse,#5BCEEB 0,#019BDA 100%);
    padding: 50px 0
}

.fx-building-material .section-4 .title {
    font-size: 40px;
    text-align: center;
    margin-bottom: 25px;
    color: #fff
}

.fx-building-material .section-4 .advantages-wrapper {
    max-width: 80%;
    margin: 0 auto;
    color: #fff;
    font-size: 16px
}

@media screen and (max-width: 560px) {
    .fx-building-material .section-4 .advantages-wrapper {
        font-size:14px
    }
}

.fx-building-material .section-4 .advantages-wrapper .advantage {
    display: inline-block;
    width: 30%;
    min-height: 250px;
    background: rgba(255,255,255,.2);
    padding: 30px
}

.fx-building-material .section-4 .advantages-wrapper .advantage:nth-child(2) {
    margin: 0 5%
}

@media screen and (max-width: 820px) {
    .fx-building-material .section-4 .advantages-wrapper .advantage {
        display:block;
        width: 100%;
        padding: 15px;
        min-height: 150px
    }

    .fx-building-material .section-4 .advantages-wrapper .advantage:nth-child(2) {
        width: 100%;
        margin: 5% 0
    }
}

.fx-building-material .section-4 .advantages-wrapper .advantage h2 {
    font-size: 26px
}

@media screen and (max-width: 560px) {
    .fx-building-material .section-4 .advantages-wrapper .advantage h2 {
        font-size:16px
    }
}

.fx-building-material .section-4 .advantages-wrapper .advantage h2 i {
    font-size: 26px;
    margin-right: 20px
}

.fx-building-material .section-4 .advantages-wrapper .advantage .content {
    padding: 25px 0 0 46px
}

@media screen and (max-width: 560px) {
    .fx-building-material .section-4 .advantages-wrapper .advantage h2 i {
        font-size:16px
    }

    .fx-building-material .section-4 .advantages-wrapper .advantage .content {
        padding-left: 10px
    }
}

.fx-building-material .bottom-banner {
    position: relative
}

.fx-building-material .bottom-banner img {
    display: block;
    width: 100%;
    height: auto
}

.fx-building-material .bottom-banner .content {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.fx-building-material .bottom-banner .title {
    font-size: 40px;
    margin-bottom: 100px
}

@media screen and (max-width: 820px) {
    .fx-building-material .bottom-banner .title {
        font-size:22px;
        margin-bottom: 10px
    }
}

.fx-building-material .bottom-banner .btn-group .btn:first-child {
    background-color: #589FFF
}

.fx-building-material .bottom-banner .btn-group .btn:last-child {
    background-color: #fff;
    color: #49a1f3
}

.fx-contact-us {
    width: 56px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    position: fixed;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 998;
    border-radius: 8px
}

.fx-contact-us .contact-button {
    position: relative;
    width: 100%;
    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-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: background-color 218ms;
    transition: background-color 218ms;
    text-align: center;
    cursor: pointer
}

.fx-contact-us .contact-button i {
    font-size: 22px;
    color: #91A1B7
}

.fx-contact-us .contact-button .name {
    color: #1F2D3D;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 15px;
    margin-top: 4px
}

.fx-contact-us .contact-button:not(:last-child) {
    height: 75px
}

.fx-contact-us .contact-button:last-child {
    height: 60px
}

.fx-contact-us .contact-button.phone-contact .phone-block {
    position: absolute;
    top: 10px;
    left: -130px;
    width: 120px;
    height: 56px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    padding: 10px 14px;
    background: #fff;
    border-radius: 2px;
    display: none
}

.fx-contact-us .contact-button.phone-contact .phone-block p {
    font-size: 12px;
    text-align: left;
    line-height: 18px;
    color: #1F2D3D;
    font-weight: 500
}

.fx-contact-us .contact-button.phone-contact .phone-block p.color-green {
    color: #0DB3A6;
    font-weight: 400
}

.fx-contact-us .contact-button.phone-contact:hover .phone-block {
    display: block
}

.fx-contact-us .contact-button.weixin-contact .weixin-block {
    position: absolute;
    top: -78px;
    left: -208px;
    width: 200px;
    height: 230px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    padding: 14px;
    background: #fff;
    border-radius: 8px;
    display: none
}

.fx-contact-us .contact-button.weixin-contact .weixin-block img {
    width: 100%
}

.fx-contact-us .contact-button.weixin-contact .weixin-block p {
    font-size: 12px;
    text-align: left;
    line-height: 18px;
    color: #1F2D3D;
    font-weight: 500;
    margin-top: 8px
}

.fx-contact-us .contact-button.weixin-contact:hover .weixin-block {
    display: block
}

.fx-contact-us .contact-button.back-top {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.fx-contact-us .contact-button.back-top:before {
    content: '';
    position: absolute;
    top: 0;
    left: 12px;
    width: 32px;
    height: 1px;
    background: #E9E9E9
}

.fx-contact-us .contact-button.back-top i {
    font-size: 24px
}

.fx-contact-us .contact-button.back-top:hover:before {
    display: none
}

.fx-contact-us .contact-button:hover {
    background: linear-gradient(226deg,#0DB3A6 0,#80D1CA 100%);
    border-radius: 8px
}

.fx-contact-us .contact-button:hover .name,.fx-contact-us .contact-button:hover i {
    color: #fff
}

.fx-customer-service-button {
    position: fixed;
    bottom: 75px;
    right: 60px;
    width: 170px;
    height: 50px;
    background: #FC0;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.1);
    border-radius: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    color: #fff;
    font-size: 16px;
    -webkit-transition: background-color 218ms;
    transition: background-color 218ms
}

.fx-customer-service-button:hover {
    background-color: #BF9900
}

.fx-customer-service-button .iconfont {
    font-size: 24px
}

@media screen and (max-width: 560px) {
    .fx-contact-us,.fx-customer-service-button {
        display:none
    }
}

.fx-database [class^=section-]>.title {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin: 50px 0 40px
}

@media screen and (max-width: 650px) {
    .fx-database [class^=section-]>.title {
        font-size:20px
    }
}

.fx-database .top-banner {
    color: #fff
}

.fx-database .top-banner .title {
    font-size: 70px
}

@media screen and (max-width: 1050px) {
    .fx-database .top-banner .title {
        font-size:24px
    }
}

.fx-database .top-banner .description {
    font-size: 20px
}

.fx-database .top-banner .btn-group .btn {
    font-size: 25px;
    background: #ff1414
}

@media screen and (max-width: 1050px) {
    .fx-database .top-banner .btn-group .btn {
        font-size:18px
    }
}

.fx-database .top-banner .btn-group .btn:hover {
    background: #e00000
}

.fx-database .section-1 .stagger-comp .row:nth-child(2n),.fx-intelligence .section-1 .stagger-comp .row:nth-child(2n) {
    background: #F9F9FA
}

.fx-database .section-1 .title {
    margin-bottom: 20px
}

.fx-database .section-1 .description {
    text-align: center;
    font-size: 16px;
    margin: 0 auto 30px;
    max-width: 90%
}

.fx-database .section-1 .stagger-comp .row .text-box {
    margin-top: 50px
}

@media screen and (max-width: 650px) {
    .fx-database .section-1 .stagger-comp .row .text-box {
        margin-top:25px
    }
}

.fx-database .section-1 .stagger-comp .row .text-box .reason {
    margin-bottom: 30px
}

.fx-database .section-1 .stagger-comp .row .text-box .reason h2 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 5px
}

.fx-database .section-1 .stagger-comp .row .text-box .reason h2 i {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    background: #00B886;
    color: #fff;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    margin: 0 15px 4px 0
}

.fx-database .section-1 .stagger-comp .row .text-box .reason p {
    padding-left: 36px;
    color: #7C7C7C
}

.fx-database .bottom-banner .title {
    color: #fff
}

.fx-database .bottom-banner .btn-group .btn {
    background-color: #f5f7fa;
    color: #1F2D3D
}

.fx-database .bottom-banner .btn-group .btn:hover {
    background-color: #d3dce9
}

@media screen and (max-width: 560px) {
    .fx-work-wechat .top-banner {
        margin-top:60px
    }
}

.fx-work-wechat .top-banner .banner-comp .content {
    width: 80%;
    text-align: left;
    padding-left: 42%
}

.fx-work-wechat .top-banner .banner-comp .content .title {
    font-size: 48px;
    font-weight: 400
}

@media screen and (max-width: 1000px) {
    .fx-work-wechat .top-banner .banner-comp .content .title {
        font-size:24px
    }
}

.fx-work-wechat .top-banner .banner-comp .content .description {
    font-size: 28px;
    color: #8A8A8A
}

.fx-work-wechat .top-banner .banner-comp .content .btn-group .btn {
    width: 300px;
    text-align: center;
    margin: 0
}

@media screen and (max-width: 1000px) {
    .fx-work-wechat .top-banner .banner-comp .content .description {
        font-size:20px
    }

    .fx-work-wechat .top-banner .banner-comp .content .btn-group .btn {
        width: inherit
    }

    .fx-work-wechat .top-banner .banner-comp .content .btn-group .btn:before {
        display: none
    }
}

.fx-work-wechat .top-banner .banner-comp .content .other>a {
    color: #0DB3A6
}

.fx-work-wechat .section-1 {
    margin-top: 70px
}

.fx-work-wechat .section-1 .functions-wrapper {
    max-width: 80%;
    margin: 0 auto
}

.fx-work-wechat .section-1 .functions-wrapper:after,.fx-work-wechat .section-1 .functions-wrapper:before {
    content: " ";
    display: table;
    line-height: 0
}

.fx-work-wechat .section-1 .functions-wrapper:after {
    clear: both
}

.fx-work-wechat .section-1 .functions-wrapper .func {
    position: relative;
    float: left;
    width: 50%;
    min-height: 300px;
    padding: 50px 70px
}

@media screen and (min-width: 1300px) {
    .fx-work-wechat .section-1 .functions-wrapper .func {
        width:40%;
        margin: 0 5%
    }
}

@media screen and (max-width: 1000px) {
    .fx-work-wechat .section-1 .functions-wrapper .func {
        width:100%;
        min-height: inherit
    }
}

.fx-work-wechat .section-1 .functions-wrapper .func img {
    position: absolute;
    top: 57px;
    left: 0;
    width: 40px
}

@media screen and (max-width: 560px) {
    .fx-work-wechat .section-1 .functions-wrapper {
        max-width:100%
    }

    .fx-work-wechat .section-1 .functions-wrapper .func {
        padding: 20px 20px 20px 70px
    }

    .fx-work-wechat .section-1 .functions-wrapper .func img {
        top: 22px;
        left: 10px
    }
}

.fx-work-wechat .section-1 .functions-wrapper .func:nth-child(2)>img {
    width: 55px;
    left: -10px
}

.fx-work-wechat .section-1 .functions-wrapper .func h2 {
    font-size: 25px
}

@media screen and (max-width: 560px) {
    .fx-work-wechat .section-1 .functions-wrapper .func:nth-child(2)>img {
        left:5px
    }

    .fx-work-wechat .section-1 .functions-wrapper .func h2 {
        font-size: 18px
    }
}

.fx-work-wechat .section-1 .functions-wrapper .func p {
    color: #7C7C7C;
    margin-top: 25px
}

.fx-work-wechat .bottom-banner .banner-comp .content .title {
    font-size: 40px;
    font-weight: 400
}

@media screen and (max-width: 1000px) {
    .fx-work-wechat .bottom-banner .banner-comp .content .title {
        font-size:24px
    }

    .fx-work-wechat .bottom-banner .banner-comp .content .description {
        font-size: 20px
    }
}

.fx-work-wechat .bottom-banner .banner-comp .content .description {
    font-size: 20px;
    color: #5F5F5F
}

.fx-work-wechat .bottom-banner .banner-comp .content .btn-group {
    margin-top: 30px
}

.fx-work-wechat .bottom-banner .banner-comp .content .btn-group .btn {
    width: 300px
}

@media screen and (max-width: 560px) {
    .fx-work-wechat .bottom-banner .banner-comp .content .btn-group .btn {
        width:inherit
    }
}

.fx-intelligence [class^=section-]>.title {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin: 50px 0 40px
}

.fx-intelligence .top-banner {
    position: relative;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    color: #fff
}

@media screen and (max-width: 700px) {
    .fx-intelligence [class^=section-]>.title {
        font-size:20px
    }

    .fx-intelligence .top-banner {
        width: 100%;
        height: 300px
    }
}

.fx-intelligence .top-banner .logo {
    position: absolute;
    top: 35px;
    left: 50px;
    width: 150px
}

@media screen and (max-width: 950px) {
    .fx-intelligence .top-banner .logo {
        width:70px
    }
}

.fx-intelligence .top-banner .banner-bg {
    display: block;
    width: 100%;
    min-height: 150px
}

@media screen and (max-width: 700px) {
    .fx-intelligence .top-banner .logo {
        top:10px;
        left: 20px
    }

    .fx-intelligence .top-banner .banner-bg {
        width: 100%;
        height: 100%
    }
}

.fx-intelligence .top-banner .banner-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 12%;
    text-align: center
}

@media screen and (max-height: 700px) {
    .fx-intelligence .top-banner .banner-content {
        margin-top:8%
    }
}

.fx-intelligence .top-banner .banner-content .title {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 10px
}

@media screen and (max-width: 950px) {
    .fx-intelligence .top-banner .banner-content .title {
        font-size:25px
    }
}

.fx-intelligence .top-banner .banner-content .title .app-name {
    display: none
}

.fx-intelligence .top-banner .banner-content .title .app-name:nth-child(2) {
    display: inline
}

.fx-intelligence .top-banner .banner-content .description {
    font-size: 20px;
    line-height: 1.6
}

.fx-intelligence .top-banner .banner-content .slider {
    font-size: 45px;
    margin: 10px 0 50px 25px
}

@media screen and (max-width: 700px) {
    .fx-intelligence .top-banner .banner-content .slider {
        margin-bottom:30px
    }
}

@media screen and (max-width: 950px) {
    .fx-intelligence .top-banner .banner-content .description {
        display:none
    }

    .fx-intelligence .top-banner .banner-content .slider {
        font-size: 30px
    }
}

.fx-intelligence .top-banner .banner-content .slider .mask {
    font-size: 45px;
    display: inline-block;
    position: relative;
    top: 12px;
    height: 48px;
    overflow: hidden
}

.fx-intelligence .top-banner .banner-content .slider .mask:nth-child(2) {
    width: 170px;
    text-align: center
}

.fx-intelligence .top-banner .banner-content .slider .mask:nth-last-child(1) {
    width: 240px;
    text-align: left;
    margin-left: 20px
}

.fx-intelligence .top-banner .banner-content .slider .mask>ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.fx-intelligence .top-banner .banner-content .slider .mask>ul li {
    height: 50px;
    line-height: 40px
}

.fx-intelligence .top-banner .banner-content .btn {
    display: inline-block;
    font-size: 20px;
    width: 170px;
    height: 40px;
    line-height: 38px;
    color: #1F2D3D;
    background: #FFE787;
    border-radius: 4px;
    -webkit-transition: .2s;
    transition: .2s;
    margin: 0 20px
}

.fx-intelligence .top-banner .banner-content .btn:hover {
    background-color: #ffdd54
}

.fx-intelligence .top-banner .banner-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin-bottom: 10px
}

@media screen and (max-width: 700px) {
    .fx-intelligence .top-banner .banner-footer {
        display:none
    }
}

.fx-intelligence .top-banner .banner-footer .line-text {
    position: relative;
    top: 15px;
    font-size: 24px
}

.fx-intelligence .top-banner .banner-footer .line-text:before {
    content: '';
    display: inline-block;
    width: 30%;
    border-bottom: solid 1px #A3DEE6;
    margin-right: 20px;
    position: relative;
    bottom: 5px
}

@media screen and (max-width: 950px) {
    .fx-intelligence .top-banner .banner-footer .line-text:before {
        width:10%
    }
}

.fx-intelligence .top-banner .banner-footer .line-text:after {
    content: '';
    display: inline-block;
    width: 30%;
    border-bottom: solid 1px #A3DEE6;
    margin-left: 20px;
    position: relative;
    bottom: 5px
}

@media screen and (max-width: 950px) {
    .fx-intelligence .top-banner .banner-footer .line-text:after {
        width:10%
    }
}

.fx-intelligence .top-banner .banner-footer .logo-list>img {
    width: 180px;
    margin: 0 5px
}

.fx-intelligence .top-banner .banner-footer .logo-list>img:first-child {
    position: relative;
    bottom: 24px;
    width: 150px
}

.fx-intelligence .top-banner .banner-footer .logo-list>img:last-child {
    margin-left: -20px
}

@media screen and (max-width: 1200px) {
    .fx-intelligence .top-banner .banner-footer .logo-list {
        margin:0
    }

    .fx-intelligence .top-banner .banner-footer .logo-list>img {
        width: 100px
    }

    .fx-intelligence .top-banner .banner-footer .logo-list>img:first-child {
        width: 70px;
        bottom: 18px
    }
}

.fx-intelligence .section-1 .title {
    margin-bottom: 20px
}

.fx-intelligence .section-1 .description {
    text-align: center;
    font-size: 16px;
    margin: 0 auto 30px;
    max-width: 90%
}

.fx-intelligence .section-1 .stagger-comp .row .text-box {
    margin-top: 50px
}

@media screen and (max-width: 700px) {
    .fx-intelligence .section-1 .stagger-comp .row .text-box {
        margin-top:25px
    }
}

.fx-intelligence .section-1 .stagger-comp .row .text-box .reason {
    margin-bottom: 30px
}

.fx-intelligence .section-1 .stagger-comp .row .text-box .reason h2 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 5px
}

.fx-intelligence .section-1 .stagger-comp .row .text-box .reason h2 i {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    background: #00B886;
    color: #fff;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    margin: 0 15px 4px 0
}

.fx-intelligence .section-1 .stagger-comp .row .text-box .reason p {
    padding-left: 36px;
    color: #7C7C7C
}

.fx-intelligence .bottom-banner .title {
    color: #fff
}

.fx-intelligence .bottom-banner .btn-group .btn {
    background-color: #f5f7fa;
    color: #1F2D3D
}

.fx-intelligence .bottom-banner .btn-group .btn:hover {
    background-color: #d3dce9
}

.fx-page-anni1 .top-banner {
    position: relative
}

.fx-page-anni1 .top-banner .top-banner-bg {
    width: 100%;
    display: block;
    line-height: 0
}

.fx-page-anni1 .top-banner .banner-content {
    position: absolute;
    top: 50%;
    left: 0;
    height: 400px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 0;
    text-align: center
}

.fx-page-anni1 .top-banner .banner-content .logo-line .left,.fx-page-anni1 .top-banner .banner-content .logo-line .right {
    display: inline-block;
    width: 250px;
    height: 100px;
    position: relative
}

.fx-page-anni1 .top-banner .banner-content .logo-line .left>img,.fx-page-anni1 .top-banner .banner-content .logo-line .right>img {
    position: absolute;
    bottom: 0;
    left: 18px
}

.fx-page-anni1 .top-banner .banner-content .logo-line .left>img {
    height: 55px
}

.fx-page-anni1 .top-banner .banner-content .logo-line .left:after {
    content: '';
    display: block;
    width: 1px;
    height: 50px;
    background: #5E6D82;
    position: absolute;
    bottom: 3px;
    right: -5px
}

.fx-page-anni1 .top-banner .banner-content .logo-line .right>img {
    height: 90px;
    left: 25px
}

.fx-page-anni1 .top-banner .banner-content .logo-line .right .text {
    position: absolute;
    bottom: -2px;
    left: 75px;
    color: #2D7FBB;
    font-weight: 700;
    text-align: left
}

.fx-page-anni1 .top-banner .banner-content .logo-line .right .text p {
    line-height: 1.1
}

.fx-page-anni1 .top-banner .banner-content .logo-line .right .text p:first-child {
    font-size: 20px;
    padding-left: 2px
}

.fx-page-anni1 .top-banner .banner-content .logo-line .right .text p:last-child {
    font-size: 35px
}

.fx-page-anni1 .top-banner .banner-content .text-line {
    color: #3b3e6f;
    font-size: 40px;
    margin-top: 60px
}

.fx-page-anni1 .top-banner .banner-content .text-line .text-content {
    display: inline-block;
    position: relative
}

.fx-page-anni1 .top-banner .banner-content .text-line .text-content>img {
    position: absolute;
    bottom: -65px;
    right: -65px;
    width: 58px
}

@media screen and (max-width: 800px) {
    .fx-page-anni1 .top-banner .banner-content {
        height:100px
    }

    .fx-page-anni1 .top-banner .banner-content .logo-line .left,.fx-page-anni1 .top-banner .banner-content .logo-line .right {
        width: 140px;
        height: 40px
    }

    .fx-page-anni1 .top-banner .banner-content .logo-line .left>img {
        height: 30px
    }

    .fx-page-anni1 .top-banner .banner-content .logo-line .left .tag {
        width: 58px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        top: -14px;
        right: 8px
    }

    .fx-page-anni1 .top-banner .banner-content .logo-line .right>img {
        height: 40px
    }

    .fx-page-anni1 .top-banner .banner-content .logo-line .right .text {
        left: 50px
    }

    .fx-page-anni1 .top-banner .banner-content .logo-line .right .text p:first-child {
        font-size: 14px
    }

    .fx-page-anni1 .top-banner .banner-content .logo-line .right .text p:last-child {
        font-size: 18px
    }

    .fx-page-anni1 .top-banner .banner-content .text-line {
        font-size: 16px;
        margin-top: 15px
    }

    .fx-page-anni1 .top-banner .banner-content .text-line .text-content>img {
        width: 40px;
        right: -44px;
        bottom: -40px
    }
}

.fx-page-anni4,.fx-page-anni4-section-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fx-page-anni1>.content {
    background: url(../image/bg-cell.jpeg);
    text-align: center
}

.fx-page-anni1>.content .section {
    font-size: 16px;
    padding: 20px 0;
    color: #835541;
    line-height: 28px
}

.fx-page-anni1>.content .section .text-box .text-content {
    text-align: left;
    display: inline-block;
    max-width: 90%
}

@media screen and (min-width: 800px) {
    .fx-page-anni1>.content .section .text-box .text-content {
        min-width:325px
    }
}

.fx-page-anni3 {
    text-align: center;
    padding: 20px 0
}

.fx-page-anni3 .letter-banner {
    margin: 60px 0 30px;
    max-width: 334px;
    width: 100%
}

.fx-page-anni3 .letter-wrapper {
    width: 100%;
    padding: 0 10px;
    max-width: 700px;
    margin: 10px auto 20px;
    text-align: left;
    font-size: 16px;
    line-height: 1.95;
    color: #396466
}

.fx-page-anni4 {
    overflow: hidden
}

.fx-page-anni4-section-content {
    overflow: auto;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.fx-page-anni4-section-content .birthday-main .wrapper {
    max-width: 800px;
    margin: 0 auto
}

.fx-page-anni4-section-content .birthday-main .wrapper .article-title {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    margin: 50px 0
}

.fx-page-anni4-section-content .birthday-main .wrapper .article-footer {
    margin-top: 20px;
    font-size: 18px;
    text-align: right
}

.fx-page-anni4-section-content .birthday-main .wrapper .fx-article-content {
    font-size: 16px;
    text-align: center;
    margin-top: 0
}

.fx-page-anni4-section-content .birthday-main .wrapper .btn {
    width: 140px;
    margin: 60px auto;
    display: block;
    padding: 8px 10px;
    text-align: center;
    cursor: pointer;
    color: #444;
    border: 1px solid #0DB3A6;
    border-radius: 2px;
    -webkit-transition: all 218ms;
    transition: all 218ms
}

.fx-page-anni4-section-content .birthday-main .wrapper .btn:hover {
    background: #0DB3A6;
    color: #fff
}

.fx-page-anni4-section-content .birthday-main .wrapper .logo {
    width: 117px;
    margin: 0 auto;
    display: block
}

.fx-page-joinus .section>.wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 1440px
}

.fx-page-joinus .section .section-title {
    position: relative;
    font-weight: 500;
    font-size: 30px;
    color: #1F2D3D;
    text-align: center;
    line-height: 1.6
}

.fx-page-joinus .section .section-title:after {
    content: ' ';
    display: block;
    width: 145px;
    height: 5px;
    background: #1F2D3D;
    margin: 0 auto
}

.fx-page-joinus .section-1 {
    background: #EAF2FF
}

.fx-page-joinus .section-1 .wrapper {
    height: 450px
}

.fx-page-joinus .section-1 .slogan {
    position: absolute;
    top: 120px;
    left: 70px
}

.fx-page-joinus .section-1 .slogan .keywords>span {
    display: inline-block;
    width: 75px;
    height: 75px;
    border-radius: 75px;
    margin-right: 35px;
    background: #FFF;
    font-size: 24px;
    text-align: center;
    line-height: 75px;
    font-weight: 600
}

.fx-page-joinus .section-1 .slogan .keywords>span.blue {
    color: #4375FF
}

.fx-page-joinus .section-1 .slogan .keywords>span.yellow {
    color: #E89524
}

.fx-page-joinus .section-1 .slogan .keywords>span.red {
    color: #E1476D
}

.fx-page-joinus .section-1 .slogan .content {
    font-weight: 500;
    margin-top: 50px;
    font-size: 48px;
    color: #1F2D3D;
    line-height: 1.45
}

.fx-page-joinus .section-1 .header-bg {
    width: 630px;
    height: 285px;
    position: absolute;
    top: 112px;
    right: 88px;
    background: url(../image/header.png) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.fx-page-joinus .section-2 {
    padding-top: 65px
}

.fx-page-joinus .section-2 .photos {
    padding: 65px 50px
}

.fx-page-joinus .section-2 .photos .photo-item {
    display: inline-block;
    width: 20%;
    padding: 15px
}

.fx-page-joinus .section-2 .photos .photo-item img {
    width: 100%
}

.fx-page-joinus .section-3 {
    padding: 65px 0
}

.fx-page-joinus .section-3 .content {
    margin-top: 45px;
    background: #F4F4F4
}

.fx-page-joinus .section-3 .content .phone-graph:after,.fx-page-joinus .section-3 .content .phone-graph:before {
    content: " ";
    display: table;
    line-height: 0
}

.fx-page-joinus .section-3 .content .phone-graph:after {
    clear: both
}

.fx-page-joinus .section-3 .content .phone-graph .item-photo {
    width: 50%;
    float: left
}

.fx-page-joinus .section-3 .content .phone-graph .item-photo>img {
    display: block;
    width: 100%
}

.fx-page-joinus .section-3 .content .phone-graph .item-graph {
    float: left;
    width: 50%;
    padding: 60px 60px 0
}

.fx-page-joinus .section-3 .content .phone-graph .item-graph .inner {
    margin: 0 auto
}

.fx-page-joinus .section-3 .content .phone-graph .item-graph .inner .title {
    font-size: 24px;
    color: #0DB3A6;
    font-weight: 500
}

.fx-page-joinus .section-3 .content .phone-graph .item-graph .inner .content {
    font-size: 18px;
    color: #1F2D3D;
    line-height: 30px
}

.fx-page-joinus .section-4 {
    padding: 20px 120px 120px
}

.fx-page-joinus .section-4 .future {
    position: relative;
    max-width: 1200px;
    margin: 25px auto 0;
    font-size: 18px;
    color: #1F2D3D;
    line-height: 33px
}

.fx-page-joinus .section-5 .job-categories {
    text-align: center;
    margin: 30px auto
}

.fx-page-joinus .section-5 .job-categories .category {
    display: inline-block;
    width: 372px;
    height: 139px;
    line-height: 139px;
    border: 1px solid #C9CED9;
    border-radius: 4px;
    text-align: center;
    margin: 20px;
    font-size: 30px;
    font-weight: 700;
    cursor: pointer
}

.fx-page-joinus .section-5 .job-categories .category.select {
    border-color: #0DB3A6
}

.fx-page-joinus .section-5 .job-list {
    background: #F6F6F6;
    padding: 60px 0
}

.fx-page-joinus .section-5 .job-list .job-wrapper {
    margin: 0 auto;
    max-width: 1000px;
    text-align: center
}

.fx-page-joinus .section-5 .job-list .job {
    width: 280px;
    height: 130px;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    font-size: 20px;
    margin: 10px;
    display: inline-block;
    padding-top: 37px;
    -webkit-transition: all 218ms;
    transition: all 218ms
}

.fx-page-joinus .section-5 .job-list .job .job-title {
    color: #0DB3A6
}

.fx-page-joinus .section-5 .job-list .job .job-location {
    color: #5E6D82;
    margin-top: 5px
}

.fx-page-joinus .section-5 .job-list .job.invisible {
    display: none
}

.fx-page-joinus .section-5 .job-list .job:hover {
    -webkit-box-shadow: 0 2px 12px 0 rgba(218,218,218,.6);
    box-shadow: 0 2px 12px 0 rgba(218,218,218,.6)
}

.fx-page-joinus .section-6 {
    background: #E6E9E8;
    padding: 85px 120px
}

.fx-page-joinus .section-6 .words-for-you {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 18px;
    color: #1F2D3D;
    line-height: 33px
}

.fx-page-joinus .section-6 .words-for-you:before {
    content: " ";
    display: block;
    width: 39px;
    height: 32px;
    background: url(../image/fill.png) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.fx-page-joinus .section-6 .words-for-you:after {
    content: " ";
    display: block;
    width: 39px;
    height: 32px;
    background: url(../image/fill.png) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    float: right;
    right: 0
}

@media screen and (max-width: 900px) {
    .fx-page-joinus .section-1 .header-bg {
        width:360px;
        height: 170px;
        top: 250px;
        right: 50%;
        -webkit-transform: translate(50%,0);
        transform: translate(50%,0)
    }

    .fx-page-joinus .section-1 .slogan {
        width: 80%;
        top: 80px;
        left: 10%;
        text-align: center
    }

    .fx-page-joinus .section-1 .slogan .keywords>span {
        font-size: 16px;
        width: 55px;
        height: 55px;
        line-height: 55px
    }

    .fx-page-joinus .section-1 .slogan .content {
        font-size: 24px;
        margin-top: 20px
    }

    .fx-page-joinus .section-3 .content .phone-graph .item-graph {
        padding: 20px
    }

    .fx-page-joinus .section-3 .content .phone-graph .item-graph .inner .title {
        font-size: 20px
    }

    .fx-page-joinus .section-3 .content .phone-graph .item-graph .inner .content {
        margin-top: 10px;
        font-size: 16px;
        line-height: 24px
    }

    .fx-page-joinus .section-5 .job-categories .category {
        width: 40%;
        height: 80px;
        line-height: 80px
    }
}

@media screen and (max-width: 600px) {
    .fx-page-joinus .section-2 .photos .photo-item {
        width:50%;
        padding: 8px
    }

    .fx-page-joinus .section-3 .content .phone-graph {
        position: relative;
        height: 430px
    }

    .fx-page-joinus .section-3 .content .phone-graph .item-photo {
        position: absolute;
        top: 20px;
        left: 10%;
        width: 80%;
        height: 180px
    }

    .fx-page-joinus .section-3 .content .phone-graph .item-graph {
        position: absolute;
        top: 200px;
        left: 10%;
        width: 80%;
        height: 280px;
        padding: 0
    }

    .fx-page-joinus .section-4,.fx-page-joinus .section-6 {
        padding: 20px 10%
    }

    .fx-page-joinus .section-5 .job-categories .category {
        margin: 5px
    }
}

.fx-page-job-detail {
    max-width: 1000px;
    margin: 60px auto
}

.fx-page-job-detail .bread-crumbs {
    padding: 26px 0 43px
}

.fx-page-job-detail .bread-crumbs .crumbs-url {
    display: inline-block;
    color: #0DB3A6
}

.fx-page-job-detail .bread-crumbs .crumbs-text {
    display: inline-block;
    margin-left: 8px
}

.fx-page-job-detail .job-detail .job-header {
    margin-bottom: 20px
}

.fx-page-job-detail .job-detail .job-header .job-title {
    display: inline-block;
    font-size: 30px;
    margin-right: 20px
}

.fx-page-job-detail .job-detail .job-header .job-location {
    display: inline-block;
    font-size: 20px;
    color: #91A1B7
}

.fx-page-job-detail .job-detail .job-header .job-location .icon-location {
    margin-right: 6px
}

.fx-page-job-detail .job-detail .job-item {
    background: #F0F5F8
}

.fx-page-job-detail .job-detail .job-item .banner {
    height: 160px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    font-size: 30px;
    color: #FFF;
    padding: 58px 0 0 25px
}

.fx-page-job-detail .job-detail .job-item .job-content {
    padding: 45px 25px;
    font-size: 16px;
    color: #5E6D82
}

.fx-page-job-detail .job-detail .job-item .job-content .title {
    font-size: 18px;
    color: #248AF9;
    margin: 16px 0
}

.fx-page-job-detail .job-detail .job-item .job-content ul {
    padding-left: 25px
}

.fx-page-job-detail .job-detail .job-item .job-content ul li {
    list-style-type: disc;
    line-height: 1.8
}

.fx-page-job-detail .job-detail .job-item .job-apply {
    text-align: center;
    padding: 60px 0 20px
}

.fx-page-job-detail .job-detail .job-item .job-apply .apply-btn {
    display: inline-block;
    width: 205px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    background: #0DB3A6;
    border-radius: 3px;
    -webkit-transition: background 218ms;
    transition: background 218ms;
    font-size: 20px;
    font-weight: 200
}

.fx-page-job-detail .job-detail .job-item .job-apply .apply-btn:hover {
    background: #0a837a
}

@media screen and (max-width: 1000px) {
    .fx-page-job-detail .bread-crumbs {
        padding-left:10px
    }

    .fx-page-job-detail .job-detail .job-header .job-title {
        font-size: 20px
    }
}

.fx-home [class^=section-]>.title {
    font-size: 36px;
    text-align: center;
    padding: 90px 0 50px
}

.fx-home .content-wrapper {
    max-width: 1200px;
    margin: 0 auto
}

.fx-home .invisible {
    display: none
}

.fx-home .slider-comp .tab-banner .banner-wrapper .description {
    width: 400px
}

.fx-home .slider-comp .tab-banner .banner-wrapper .description.description-cn-style {
    height: 80px
}

.fx-home .slider-comp .tab-banner .banner-wrapper.build .banner-figure {
    width: 665px
}

.fx-home .slider-comp .tab-banner .banner-wrapper.build .description {
    width: 400px
}

.fx-home .slider-comp .tab-banner .banner-wrapper.produce .banner-figure {
    width: 560px;
    bottom: 30px
}

.fx-home .slider-comp .tab-banner .banner-wrapper.produce .description {
    width: 561px
}

.fx-home .slider-comp .tab-banner .banner-wrapper.active .pic-link {
    position: absolute;
    width: 1280px;
    height: 560px
}

.fx-home .slider-comp .tab-container {
    z-index: 2;
    position: absolute;
    top: 570px;
    left: 0;
    right: 0
}

.fx-home .section-1 {
    background: -webkit-gradient(to bottom,#FFF 0,#F9F9F9 64%,#F5F5F5 97%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #FFF),color-stop(64%, #F9F9F9),color-stop(97%, #F5F5F5));
    background: linear-gradient(to bottom,#FFF 0,#F9F9F9 64%,#F5F5F5 97%)
}

.fx-home .section-1 .tabs {
    font-size: 18px;
    text-align: center;
    margin: 20px auto 40px
}

.fx-home .section-1 .tabs .tab {
    display: inline-block;
    margin: 0 45px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fx-home .section-1 .tabs .tab:first-letter {
    font-size: 24px
}

.fx-home .section-1 .tabs .tab:after,.fx-home .section-1 .tabs .tab:before {
    opacity: 0;
    content: '';
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background: #E7E7E7;
    position: absolute;
    bottom: -8px;
    left: 0
}

.fx-home .section-1 .tabs .tab:after {
    width: 5px;
    background: #0DB3A6
}

.fx-home .section-1 .tabs .tab.active:after,.fx-home .section-1 .tabs .tab.active:before {
    opacity: 1
}

.fx-home .section-1 .tabs .tab.active:after {
    -webkit-transition: width 3s linear;
    transition: width 3s linear;
    width: 100%
}

.fx-home .section-1 .tab-wrappers {
    height: 460px;
    overflow: hidden;
    position: relative
}

.fx-home .section-1 .tab-wrappers .tab-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    text-align: center;
    -webkit-transform: translate(-50px,0);
    transform: translate(-50px,0)
}

.fx-home .section-1 .tab-wrappers .tab-content .tab-desc {
    color: #5E6D82
}

.fx-home .section-1 .tab-wrappers .tab-content>img {
    height: 450px
}

.fx-home .section-1 .tab-wrappers .tab-content.active {
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.fx-home .section-1 .learn-more {
    text-align: center;
    padding: 50px 0
}

.fx-home .section-1 .learn-more>a {
    color: #0DB3A6
}

.fx-home .section-1-mobile {
    display: none
}

.fx-home .section-2 {
    padding-bottom: 40px
}

.fx-home .section-2 .aspects-wrapper {
    text-align: center
}

.fx-home .section-2 .aspects-wrapper .aspect {
    display: inline-block;
    vertical-align: top
}

.fx-home .section-2 .aspects-wrapper .aspect>img {
    width: 98px;
    height: 98px
}

.fx-home .section-2 .aspects-wrapper .aspect .title {
    font-size: 16px;
    margin: 22px 0 16px
}

.fx-home .section-2 .aspects-wrapper .aspect .desc {
    color: #91A1B7;
    display: inline-block;
    width: 192px
}

.fx-home .section-3 {
    padding-bottom: 50px
}

.fx-home .section-3 .title {
    padding-bottom: 20px
}

.fx-home .section-3 .aspects-wrapper {
    text-align: center
}

.fx-home .section-3 .aspects-wrapper .aspect {
    display: inline-block;
    width: 310px;
    height: 173px;
    border-radius: 3px;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    margin: 50px 25px;
    position: relative
}

.fx-home .section-3 .aspects-wrapper .aspect .title {
    color: #fff;
    font-size: 16px;
    margin-top: 54px
}

.fx-home .section-3 .aspects-wrapper .aspect .desc {
    position: absolute;
    top: 126px;
    left: 6px;
    right: 6px;
    height: 86px;
    background: #fff;
    color: #5E6D82;
    text-align: left;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.1);
    padding: 19px 15px
}

.fx-home .section-4 {
    background: #F3F8FC;
    padding-bottom: 50px;
    overflow: hidden
}

.fx-home .section-4 .title {
    font-weight: 200
}

.fx-home .bottom-banner {
    text-align: center
}

.fx-home .bottom-banner .title {
    font-size: 36px;
    color: #1F2D3D;
    padding-top: 70px
}

.fx-home .bottom-banner .sub-title {
    font-size: 18px;
    color: #1F2D3D;
    margin: 20px 0 0
}

.fx-home .bottom-banner .cn-description {
    margin: 20px 100px;
    font-size: 18px
}

.fx-home .bottom-banner .help-container {
    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;
    margin-bottom: 60px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-home .bottom-banner .help-container .help-item {
    position: relative;
    width: 320px;
    height: 279px;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.15);
    margin: 46px 15px 0;
    color: #1F2D3D;
    background-color: #fff
}

.fx-home .bottom-banner .help-container .help-item .help-content {
    padding: 34px 24px 0 0;
    text-align: left
}

.fx-home .bottom-banner .help-container .help-item .help-content .help-img {
    width: 47px;
    height: 47px;
    margin-left: 19px
}

.fx-home .bottom-banner .help-container .help-item .help-content .help-title {
    font-size: 20px;
    margin: 25px 0 15px 24px
}

.fx-home .bottom-banner .help-container .help-item .help-content .help-detail {
    font-size: 14px;
    margin-left: 24px;
    line-height: 26px
}

.fx-home .bottom-banner .help-container .help-item .help-link {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    color: #0DB3A6;
    font-size: 16px;
    border-top: solid #E9E9E9 1px
}

@media screen and (max-width: 650px) {
    .fx-home .section-1 {
        display:none
    }

    .fx-home .section-1-mobile {
        display: block;
        background: -webkit-gradient(to bottom,#FFF 0,#F9F9F9 64%,#F5F5F5 97%);
        background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #FFF),color-stop(64%, #F9F9F9),color-stop(97%, #F5F5F5));
        background: linear-gradient(to bottom,#FFF 0,#F9F9F9 64%,#F5F5F5 97%)
    }

    .fx-home .section-1-mobile .tab-item {
        padding: 0 20px 20px;
        text-align: center
    }

    .fx-home .section-1-mobile .tab-item .title {
        font-size: 15px;
        display: inline-block;
        position: relative
    }

    .fx-home .section-1-mobile .tab-item .title:first-letter {
        font-size: 19px
    }

    .fx-home .section-1-mobile .tab-item .title:before {
        content: '';
        width: 100%;
        height: 6px;
        border-radius: 3px;
        background: #E7E7E7;
        position: absolute;
        bottom: -8px;
        left: 0;
        -webkit-transition: width 5s linear;
        transition: width 5s linear
    }

    .fx-home .section-1-mobile .tab-item .tab-desc {
        margin: 30px 0 22px;
        color: #5E6D82
    }

    .fx-home .section-1-mobile .tab-item>img {
        width: 100%
    }

    .fx-home .section-1-mobile .learn-more {
        text-align: center;
        padding: 20px 0
    }

    .fx-home .section-1-mobile .learn-more>a {
        color: #0DB3A6
    }

    .fx-home .section-2 {
        padding-bottom: 0
    }

    .fx-home .section-2 .aspects-wrapper .aspect {
        padding: 20px
    }

    .fx-home .section-2 .aspects-wrapper .aspect>img {
        width: 76px;
        height: 76px
    }

    .fx-home .section-2 .aspects-wrapper .aspect .title {
        margin: 15px 0 8px;
        font-size: 12px
    }

    .fx-home .section-2 .aspects-wrapper .aspect .desc {
        width: 90%
    }

    .fx-home .section-3 .aspects-wrapper .aspect {
        margin: 30px 25px
    }

    .fx-home .bottom-banner .title {
        padding-top: 40px;
        font-size: 18px
    }

    .fx-home .bottom-banner .sub-title {
        font-size: 13px;
        margin: 15px 0
    }

    .fx-home .bottom-banner .cn-description {
        margin: 20px 40px;
        font-size: 16px
    }

    .fx-home .bottom-banner .help-container {
        margin-bottom: 10px
    }

    .fx-home .bottom-banner .help-container .help-item {
        width: 277px;
        height: 236px;
        margin: 0 15px 24px
    }

    .fx-home .bottom-banner .help-container .help-item .help-content {
        padding: 25px 15px 0 0
    }

    .fx-home .bottom-banner .help-container .help-item .help-content .help-img {
        margin-left: 10px;
        width: 45px;
        height: 45px
    }

    .fx-home .bottom-banner .help-container .help-item .help-content .help-title {
        margin: 25px 0 12px 15px;
        font-size: 17px
    }

    .fx-home .bottom-banner .help-container .help-item .help-content .help-detail {
        margin-left: 15px;
        font-size: 13px;
        line-height: 22px
    }

    .fx-home .bottom-banner .help-container .help-item .help-link {
        height: 40px;
        line-height: 40px;
        font-size: 15px
    }

    .fx-home [class^=section-]>.title {
        font-size: 18px;
        text-align: center;
        padding: 40px 0 20px
    }
}

.dashboard-intro-mask .video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 650px;
    width: 470px;
}

.dashboard-intro-mask .video-wrapper.video-wrapper-3{
    width: 600px;
}

.dashboard-intro-mask .video-wrapper.video-wrapper-4{
    width: 300px;
}

.dashboard-intro-mask .video-wrapper .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 6px;
    color: #fff;
    background-color: #8c8c8c;
    cursor: pointer;
    text-align: center
}

.dashboard-intro-mask .video-wrapper .close-btn i {
    font-size: 18px
}

.dashboard-intro-mask .video-wrapper .intro-video {
    width: 100%
}

@media screen and (max-width: 650px) {
    .dashboard-intro-mask .video-wrapper {
        width:100%;
        height: 100%
    }

    .dashboard-intro-mask .video-wrapper .intro-video {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.fx-solution {
    background-color: #FBFBFB
}

.fx-solution .slider-comp .tab-banner .banner-wrapper .banner-content .title {
    text-align: left
}

.fx-solution .slider-comp .tab-banner .banner-wrapper:first-child .banner-figure {
    width: 560px
}

.fx-solution .slider-comp .tab-banner .banner-wrapper:first-child .banner-content .description {
    width: 561px
}

.fx-solution .solution-banner-comp .banner-desc {
    margin: 18px 0 50px
}

.fx-solution .solution-banner-comp .banner-btn {
    color: #3E0A7A
}

.fx-solution .section1 {
    padding-top: 94px;
    color: #1F2D3D
}

.fx-solution .section1 .section1-title {
    font-size: 42px;
    margin-bottom: 50px;
    text-align: center
}

.fx-solution .section1 .section1-container {
    width: 1080px;
    margin: 0 auto
}

.fx-solution .section1 .section1-container:after,.fx-solution .section1 .section1-container:before {
    content: " ";
    display: table;
    line-height: 0
}

.fx-solution .section1 .section1-container:after {
    clear: both
}

.fx-solution .section1 .section1-container .odds-item {
    float: left;
    padding: 36px 34px;
    margin: 20px;
    width: 320px;
    height: 418px;
    background: #fff;
    -webkit-box-shadow: 0 10px 20px -10px rgba(16,20,40,.12);
    box-shadow: 0 10px 20px -10px rgba(16,20,40,.12);
    border-radius: 5px
}

.fx-solution .section1 .section1-container .odds-item .odds-figure {
    width: 250px
}

.fx-solution .section1 .section1-container .odds-item .odds-title {
    font-size: 20px;
    margin: 32px 0 17px
}

.fx-solution .section1 .section1-container .odds-item .odds-info {
    color: #5E6D82;
    margin-bottom: 17px
}

.fx-solution .section1 .section1-container .odds-item .odds-link {
    color: #0DB3A6;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.fx-solution .section1 .section1-container .odds-item .odds-link>img {
    width: 34px;
    margin-left: 20px
}

.fx-solution .section1 .section1-tip {
    display: block;
    font-size: 16px;
    color: #0BB3A6;
    margin: 40px 0 110px;
    text-align: center
}

.fx-solution .section2 .section2-title {
    font-size: 42px;
    text-align: center;
    margin-bottom: 70px;
    margin-top: 70px
}

.fx-solution .section2 .content-wrapper {
    background-color: #F1F3F3;
    padding-top: 72px
}

.fx-solution .section2 .tab-container {
    text-align: center
}

.fx-solution .section2 .tab-container .tab-item {
    display: inline-block;
    color: #8E98A7;
    font-size: 18px;
    width: 160px;
    cursor: pointer;
    position: relative;
    padding-bottom: 15px
}

.fx-solution .section2 .tab-container .tab-item.active {
    color: #1F2D3D
}

.fx-solution .section2 .content-container .content-item.disable .content-name,.fx-solution .section2 .content-container .content-item.disable .iconfont {
    color: #BCC0C5
}

.fx-solution .section2 .tab-container .tab-item.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #0DB3A6;
    margin: 0 56px
}

.fx-solution .section2 .content-container {
    display: none;
    width: 1050px;
    margin: 0 auto
}

.fx-solution .section2 .content-container:after,.fx-solution .section2 .content-container:before {
    content: " ";
    display: table;
    line-height: 0
}

.fx-solution .section2 .content-container:after {
    clear: both
}

.fx-solution .section2 .content-container.active {
    display: block
}

.fx-solution .section2 .content-container .content-item {
    position: relative;
    float: left;
    width: 155px;
    height: 187px;
    background: #fff;
    border-radius: 5px;
    margin: 0 10px;
    padding-top: 50px;
    text-align: center;
    -webkit-transition: all 218ms;
    transition: all 218ms
}

.fx-solution .section2 .content-container .content-item:hover {
    -webkit-box-shadow: 0 0 30px 0 rgba(16,20,40,.15);
    box-shadow: 0 0 30px 0 rgba(16,20,40,.15)
}

.fx-solution .section2 .content-container .content-item.disable:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.fx-solution .section2 .content-container .content-item .iconfont {
    font-size: 40px;
    color: #1F2D3D
}

.fx-solution .section2 .content-container .content-item .content-name {
    position: absolute;
    bottom: 46px;
    right: 0;
    left: 0;
    color: #1F2D3D;
    font-size: 16px
}

.fx-solution .section2 .tip-wrapper {
    background-color: #F1F3F3;
    padding: 60px 0 50px
}

.fx-solution .section2 .tip-wrapper .section2-tip {
    display: block;
    font-size: 16px;
    color: #0BB3A6;
    text-align: center
}

.fx-solution .solution-bottom-comp {
    padding-top: 110px
}

.fx-solution .solution-bottom-comp .bottom-title {
    margin-bottom: 40px
}

@media screen and (max-width: 560px) {
    .fx-solution .section1 .section1-title,.fx-solution .section2 .section2-title {
        font-size:26px
    }

    .fx-solution .solution-banner-comp .banner-desc {
        margin-bottom: 10px
    }

    .fx-solution .section1 .section1-container {
        width: 100%
    }

    .fx-solution .section1 .section1-container .odds-item {
        float: none;
        margin: 20px auto
    }

    .fx-solution .section2 .tab-container .tab-item {
        width: 100px;
        font-size: 14px;
        padding-bottom: 10px;
        margin-bottom: 20px
    }

    .fx-solution .section2 .tab-container .tab-item.active:after {
        margin: 0 20px;
        height: 2px
    }

    .fx-solution .section2 .content-container {
        width: 100%
    }

    .fx-solution .section2 .content-container .content-item {
        float: none;
        margin: 0 auto 20px;
        display: block
    }
}

.fx-customer-case {
    color: #1F2D3D
}

.fx-customer-case .high-light {
    color: #0DB3A6
}

.fx-customer-case .top-banner {
    padding-top: 60px
}

.fx-customer-case .top-banner .customer-container {
    height: 600px;
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#F8F8F8),to(#fff));
    background-image: linear-gradient(to bottom,#F8F8F8,#fff);
    background-repeat: repeat-x
}

.fx-customer-case .top-banner .top-title {
    font-size: 44px;
    text-align: center;
    font-weight: 700;
    margin-top: 40px
}

.fx-customer-case .top-banner .top-desc {
    font-size: 16px;
    color: #5E6D82;
    text-align: center;
    margin-top: 12px;
    line-height: 25px
}

.fx-customer-case .top-banner .top-desc .desc-items .item-cell {
    display: inline
}

.fx-customer-case .top-banner .top-desc .desc-items .item-cell .splitter {
    margin: 0 12px
}

.fx-customer-case .top-banner .download-btn {
    display: block;
    margin: 26px auto 0;
    width: 452px;
    height: 58px;
    background: #0DB3A6;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    line-height: 58px;
    text-align: center
}

.fx-customer-case .top-banner .case-detail-selector .selector-item.active .icon-arrow-down,.fx-customer-case .top-banner .case-detail-selector .selector-item.active .selector-name,.fx-customer-case .top-banner .case-detail-selector .selector-item.is-pc-selector:hover .icon-arrow-down,.fx-customer-case .top-banner .case-detail-selector .selector-item.is-pc-selector:hover .selector-name,.fx-customer-case .top-banner .menu-selector .menu-item.select,.fx-customer-case .top-banner .menu-selector .menu-item:hover {
    color: #0DB3A6
}

.fx-customer-case .top-banner .download-btn.mobile {
    display: none
}

.fx-customer-case .top-banner .banner-img {
    position: relative;
    height: 300px;
    margin-top: 18px;
    background: url(../image/customercase-banner.png) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.fx-customer-case .top-banner .case-detail-selector {
    position: absolute;
    top: 600px;
    left: 0;
    width: 100%;
    height: 60px;
    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;
    z-index: 2
}

.fx-customer-case .top-banner .case-detail-selector .selector-item {
    position: relative;
    margin: 0 28px;
    font-size: 18px;
    cursor: pointer;
    height: 100%;
    line-height: 68px
}

.fx-customer-case .top-banner .case-detail-selector .selector-item.active .selector-name:after,.fx-customer-case .top-banner .case-detail-selector .selector-item.is-pc-selector:hover .selector-name:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #0DB3A6;
    margin: 0 12px
}

.fx-customer-case .top-banner .case-detail-selector .selector-item .selector-name {
    position: relative;
    display: inline-block;
    height: 100%
}

.fx-customer-case .top-banner .case-detail-selector .selector-item .icon-arrow-down {
    margin-left: 8px
}

.fx-customer-case .top-banner .menu-selector-container {
    display: none
}

.fx-customer-case .top-banner .menu-selector {
    position: absolute;
    top: 68px;
    left: -16px;
    width: 330px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    border-radius: 3px;
    text-align: center;
    z-index: 5;
    padding: 10px 0
}

.fx-customer-case .top-banner .menu-selector .menu-item {
    float: left;
    width: 110px;
    height: 32px;
    line-height: 32px;
    font-size: 14px
}

.fx-customer-case .top-banner .case-detail-wrapper {
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#F8F8F8),to(#fff));
    background-image: linear-gradient(to bottom,#F8F8F8,#fff);
    background-repeat: repeat-x;
    padding-top: 40px
}

.fx-customer-case .top-banner .case-detail-wrapper .scene-wrapper {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto
}

.fx-customer-case .top-banner .case-detail-wrapper .scene-item {
    position: relative;
    width: 312px;
    height: 375px;
    margin: 0 16px 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(16,20,40,.1);
    box-shadow: 0 2px 4px 0 rgba(16,20,40,.1);
    border-radius: 5px;
    -webkit-transition: all 218ms;
    transition: all 218ms
}

.fx-customer-case .top-banner .case-detail-wrapper .scene-item:hover {
    -webkit-transform: translate(0,-6px);
    transform: translate(0,-6px);
    -webkit-box-shadow: 0 20px 40px 0 rgba(16,20,40,.1);
    box-shadow: 0 20px 40px 0 rgba(16,20,40,.1)
}

.fx-customer-case .top-banner .case-detail-wrapper .scene-item:hover .scene-name {
    opacity: 0
}

.fx-customer-case .top-banner .case-detail-wrapper .scene-item .scene-image {
    display: block;
    width: 100%;
    height: 198px
}

.fx-customer-case .top-banner .case-detail-wrapper .scene-item .scene-name {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 198px;
    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;
    background-color: rgba(0,0,0,.5);
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px 5px 0 0;
    -webkit-transition: all 218ms;
    transition: all 218ms
}

.fx-customer-case .top-banner .case-detail-wrapper .scene-description {
    padding: 0 15px
}

.fx-customer-case .top-banner .case-detail-wrapper .scene-description .scene-industry {
    color: #0DB3A6;
    margin: 15px 0 11px
}

.fx-customer-case .top-banner .case-detail-wrapper .scene-description .scene-title {
    color: #1F2D3D;
    font-size: 18px;
    margin-bottom: 15px;
    height: 50px;
    line-height: 25px
}

.fx-customer-case .top-banner .case-detail-wrapper .scene-description .scene-info {
    color: #7C8D9F;
    font-size: 13px;
    line-height: 18px;
    padding-top: 14px;
    border-top: solid #E0E3E7 1px
}

.fx-customer-case .top-banner .case-detail-wrapper .pagination-wrapper {
    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;
    max-width: 1200px;
    margin: 0 auto 54px
}

.fx-customer-case .top-banner .case-detail-wrapper .pagination-wrapper .pagination-item {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    margin: 0 4px;
    color: #1F2D3D;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    cursor: pointer
}

.fx-customer-case .top-banner .case-detail-wrapper .pagination-wrapper .pagination-item.active,.fx-customer-case .top-banner .case-detail-wrapper .pagination-wrapper .pagination-item:hover {
    background-color: #0DB3A6;
    color: #fff;
    border: none
}

.fx-customer-case .top-banner .case-detail-wrapper .more-case-btn {
    display: none
}

@media screen and (max-width: 2880px) {
    .fx-customer-case .top-banner .swiper-container {
        height:700px
    }

    .fx-customer-case .top-banner .case-detail-selector {
        top: 600px
    }

    .fx-customer-case .top-banner .banner-img {
        height: 310px;
        margin-top: 50px
    }
}

@media screen and (max-width: 650px) {
    .fx-customer-case {
        padding-top:0;
        background-color: #fff
    }

    .fx-customer-case .top-banner {
        top: 64px
    }

    .fx-customer-case .top-banner .swiper-container {
        height: 600px
    }

    .fx-customer-case .top-banner .top-title {
        font-size: 20px;
        font-weight: 400
    }

    .fx-customer-case .top-banner .top-desc {
        font-size: 13px;
        margin-top: 9px
    }

    .fx-customer-case .top-banner .top-desc .desc-items {
        line-height: 20px
    }

    .fx-customer-case .top-banner .top-desc .desc-items .item-cell .high-light {
        margin-right: 6px
    }

    .fx-customer-case .top-banner .top-desc .desc-items .item-cell .splitter {
        margin: 0 6px
    }

    .fx-customer-case .top-banner .top-desc .desc-info {
        max-width: 310px;
        margin: 0 auto;
        line-height: 20px
    }

    .fx-customer-case .top-banner .download-btn {
        display: none
    }

    .fx-customer-case .top-banner .download-btn.mobile {
        display: block;
        margin: 0 auto 35px;
        height: 36px;
        max-width: 342px;
        border-radius: 3px;
        font-size: 16px;
        line-height: 36px
    }

    .fx-customer-case .top-banner .banner-img>.case-detail-selector,.fx-customer-case .top-banner .case-detail-selector .selector-item.active .selector-name:after,.fx-customer-case .top-banner .case-detail-selector .selector-item:hover .selector-name:after,.fx-customer-case .top-banner .case-detail-selector.is-pc-selector,.fx-customer-case .top-banner .case-detail-wrapper .pagination-wrapper {
        display: none
    }

    .fx-customer-case .top-banner .banner-img {
        max-width: 332px;
        margin: 24px auto 35px;
        height: 250px;
        background: url(../image/customer-mobile-banner.png) center center no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        -o-background-size: contain
    }

    .fx-customer-case .top-banner .case-detail-selector {
        position: absolute;
        top: 600px
    }

    .fx-customer-case .top-banner .case-detail-selector .selector-item {
        font-size: 13px;
        line-height: 14px;
        height: auto;
        margin: 0 15px
    }

    .fx-customer-case .top-banner .case-detail-selector .selector-item .selector-name {
        height: auto
    }

    .fx-customer-case .top-banner .case-detail-selector .selector-item .icon-arrow-down {
        margin-left: 5px
    }

    .fx-customer-case .top-banner .case-detail-wrapper {
        padding: 36px 0 16px;
        background-image: none
    }

    .fx-customer-case .top-banner .case-detail-wrapper .scene-item {
        margin: 0 0 16px
    }

    .fx-customer-case .top-banner .case-detail-wrapper .more-case-btn {
        display: block;
        margin: 0 auto;
        width: 125px;
        height: 36px;
        background-color: #0DB3A6;
        border-radius: 3px;
        line-height: 36px;
        text-align: center;
        font-size: 16px;
        color: #fff
    }

    .fx-customer-case .top-banner .menu-selector-container {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.25);
        z-index: 10
    }

    .fx-customer-case .top-banner .menu-selector {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        border-radius: 0;
        padding: 0 30px
    }

    .fx-customer-case .top-banner .menu-selector .menu-item {
        width: 100px;
        height: 20px;
        line-height: 20px;
        margin: 15px 0
    }
}

.fx-customer-case-view {
    padding-top: 160px;
    color: #1F2D3D
}

.fx-customer-case-view .content-body {
    position: relative;
    padding: 0 260px 80px 0;
    width: 1140px;
    margin: 0 auto
}

.fx-customer-case-view .content-body .content-title {
    font-size: 32px;
    padding-bottom: 20px;
    border-bottom: solid #E0E3E7 1px;
    margin-bottom: 20px
}

.fx-customer-case-view .content-body .content-detail.fx-markdown-body p {
    line-height: 32px
}

.fx-customer-case-view .template-toc-wrapper {
    position: fixed;
    top: 140px;
    left: 50%;
    width: 240px;
    padding-top: 32px;
    margin-left: 330px;
    overflow: auto;
    z-index: 1
}

.fx-customer-case-view .template-toc-wrapper.absolute {
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    margin-left: 0
}

.fx-customer-case-view .template-toc-wrapper .template-title {
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: solid #E0E3E7 1px
}

.fx-customer-case-view .template-toc-wrapper .template-wrapper {
    padding: 2px 0 32px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fx-customer-case-view .template-toc-wrapper .template-wrapper .template-item {
    height: 30px;
    max-width: 208px;
    border-radius: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #0db3a6;
    color: #0DB3A6;
    line-height: 28px;
    text-align: center;
    margin-top: 10px;
    padding: 0 10px
}

.fx-customer-case-view .template-toc-wrapper .page-catalog .catalog-title {
    color: #1F2D3D;
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: solid #E0E3E7 1px
}

.fx-customer-case-view .template-toc-wrapper .page-catalog .item-wrapper {
    padding: 10px 26px 0
}

.fx-customer-case-view .template-toc-wrapper .page-catalog .item-wrapper .header-item {
    margin-bottom: 12px
}

.fx-customer-case-view .template-toc-wrapper .page-catalog .item-wrapper .header-item>a {
    display: block;
    color: #5E6D82;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 218ms;
    transition: all 218ms
}

.fx-customer-case-view .template-toc-wrapper .page-catalog .item-wrapper .header-item>a.active {
    color: #0DB3A6
}

.fx-customer-case-view .bottom-info {
    position: relative;
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#F8F8F8),to(#fff));
    background-image: linear-gradient(to bottom,#F8F8F8,#fff);
    background-repeat: repeat-x
}

.fx-customer-case-view .bottom-info .related-case-list .list-title {
    font-size: 42px;
    padding: 42px 0;
    text-align: center
}

.fx-customer-case-view .bottom-info .related-case-list .case-list-wrapper {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto
}

.fx-customer-case-view .bottom-info .related-case-list .case-list-wrapper .scene-item {
    position: relative;
    width: 312px;
    height: 375px;
    margin: 0 16px 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(16,20,40,.1);
    box-shadow: 0 2px 4px 0 rgba(16,20,40,.1);
    border-radius: 5px;
    -webkit-transition: all 218ms;
    transition: all 218ms
}

.fx-customer-case-view .bottom-info .related-case-list .case-list-wrapper .scene-item:hover {
    -webkit-transform: translate(0,-6px);
    transform: translate(0,-6px);
    -webkit-box-shadow: 0 20px 40px 0 rgba(16,20,40,.1);
    box-shadow: 0 20px 40px 0 rgba(16,20,40,.1)
}

.fx-customer-case-view .bottom-info .related-case-list .case-list-wrapper .scene-item:hover .scene-name {
    opacity: 0
}

.fx-customer-case-view .bottom-info .related-case-list .case-list-wrapper .scene-item .scene-image {
    display: block;
    width: 100%;
    height: 198px
}

.fx-customer-case-view .bottom-info .related-case-list .case-list-wrapper .scene-item .scene-name {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 198px;
    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;
    background-color: rgba(0,0,0,.5);
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px 5px 0 0;
    -webkit-transition: all 218ms;
    transition: all 218ms
}

.fx-customer-case-view .bottom-info .related-case-list .case-list-wrapper .scene-description {
    padding: 0 15px
}

.fx-customer-case-view .bottom-info .related-case-list .case-list-wrapper .scene-description .scene-industry {
    color: #0DB3A6;
    margin: 15px 0 11px
}

.fx-customer-case-view .bottom-info .related-case-list .case-list-wrapper .scene-description .scene-title {
    color: #1F2D3D;
    font-size: 18px;
    margin-bottom: 15px;
    height: 50px;
    line-height: 25px
}

.fx-customer-case-view .bottom-info .related-case-list .case-list-wrapper .scene-description .scene-info {
    color: #7C8D9F;
    font-size: 13px;
    line-height: 18px;
    padding-top: 14px;
    border-top: solid #E0E3E7 1px
}

.fx-customer-case-view .bottom-info .join-team-wrapper {
    text-align: center
}

.fx-customer-case-view .bottom-info .join-team-wrapper .join-title {
    margin: 96px 0 10px;
    font-size: 42px
}

.fx-customer-case-view .bottom-info .join-team-wrapper .join-desc {
    color: #5E6D82;
    font-size: 16px
}

.fx-customer-case-view .bottom-info .join-team-wrapper .btn-group {
    margin-top: 35px
}

.fx-customer-case-view .bottom-info .join-team-wrapper .btn-group .experience-btn,.fx-customer-case-view .bottom-info .join-team-wrapper .btn-group .join-btn {
    display: inline-block;
    width: 192px;
    height: 58px;
    border-radius: 5px;
    line-height: 58px;
    font-size: 20px;
    font-weight: 500;
    margin: 0 16px 86px
}

.fx-customer-case-view .bottom-info .join-team-wrapper .btn-group .experience-btn {
    color: #fff;
    background-color: #0DB3A6
}

.fx-customer-case-view .bottom-info .join-team-wrapper .btn-group .join-btn {
    color: #0DB3A6;
    background-color: #fff;
    border: 1px solid #0DB3A6;
    line-height: 56px
}

.fx-customer-case-view .bottom-info .left-figure {
    position: absolute;
    top: 515px;
    left: 0;
    width: 175px;
    height: 320px;
    background-color: #F4FCFB;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#D0F4F6),to(#F4FCFB));
    background-image: linear-gradient(to bottom,#D0F4F6,#F4FCFB);
    background-repeat: repeat-x;
    border-radius: 0 320px 320px 0
}

.fx-customer-case-view .bottom-info .left-figure .inner-block {
    width: 126px;
    height: 222px;
    margin-top: 49px;
    border: 1px dashed #0DB3A6;
    border-left: none;
    border-radius: 0 222px 222px 0
}

@media screen and (max-width: 650px) {
    .fx-customer-case-view {
        background-color:#fff;
        padding-top: 0
    }

    .fx-customer-case-view .content-body {
        width: 100%;
        padding: 78px 25px 30px
    }

    .fx-customer-case-view .content-body .content-title {
        font-size: 25px;
        line-height: 35px;
        border: none;
        margin-bottom: 5px
    }

    .fx-customer-case-view .template-toc-wrapper {
        position: static;
        margin-left: 0;
        width: 100%
    }

    .fx-customer-case-view .template-toc-wrapper .template-title {
        border: none;
        padding: 30px 0 0;
        border-top: solid #E0E3E7 1px
    }

    .fx-customer-case-view .template-toc-wrapper .template-wrapper {
        padding: 0
    }

    .fx-customer-case-view .template-toc-wrapper .template-wrapper .template-item {
        display: inline-block;
        margin: 16px 10px 0 0
    }

    .fx-customer-case-view .bottom-info .related-case-list,.fx-customer-case-view .template-toc-wrapper .page-catalog {
        display: none
    }

    .fx-customer-case-view .template-toc-wrapper.absolute {
        position: static
    }

    .fx-customer-case-view .bottom-info {
        background: 0 0
    }

    .fx-customer-case-view .bottom-info .join-team-wrapper {
        position: relative
    }

    .fx-customer-case-view .bottom-info .join-team-wrapper .join-title {
        font-size: 20px;
        margin: 48px 0 8px
    }

    .fx-customer-case-view .bottom-info .join-team-wrapper .join-desc {
        font-size: 13px
    }

    .fx-customer-case-view .bottom-info .join-team-wrapper .btn-group {
        margin-top: 22px
    }

    .fx-customer-case-view .bottom-info .join-team-wrapper .btn-group .experience-btn,.fx-customer-case-view .bottom-info .join-team-wrapper .btn-group .join-btn {
        width: 125px;
        height: 36px;
        border-radius: 3px;
        line-height: 36px;
        font-size: 16px;
        font-weight: 400;
        margin: 0 8px 46px
    }

    .fx-customer-case-view .bottom-info .left-figure {
        width: 50px;
        height: 94px;
        border-radius: 0 94px 94px 0;
        top: 36px
    }

    .fx-customer-case-view .bottom-info .left-figure .inner-block {
        width: 36px;
        height: 65px;
        border-radius: 0 65px 65px 0;
        margin-top: 15px;
        border: 1px solid rgba(13,179,166,.43);
        border-left: none
    }
}

.fx-learn-service .fx-learn-service-banner {
    position: relative;
    width: 100%;
    height: 460px;
    background: -webkit-gradient(linear,left top, right top,color-stop(0, #2f7dd0),to(#3fcb7e));
    background: linear-gradient(to right,#2f7dd0 0,#3fcb7e 100%)
}

.fx-learn-service .fx-learn-service-banner .learn-service-background {
    position: relative;
    top: 90px;
    width: 550px;
    height: 340px;
    margin: 0 auto;
    background: url(../image/banner_pc.png) center center no-repeat;
    background-size: cover
}

.fx-learn-service .fx-learn-service-banner .learn-service-title {
    position: absolute;
    top: 160px;
    width: 100%;
    font-size: 44px;
    font-weight: 700;
    line-height: 66px;
    text-align: center;
    color: #fff;
    text-shadow: #153C64 1px 1px 8px;
    letter-spacing: .2px
}

.fx-learn-service .fx-learn-service-wrapper {
    position: relative;
    height: 800px;
    background: #F4F6F9
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block {
    position: absolute;
    top: -120px;
    left: 0;
    right: 0;
    bottom: 0
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content {
    margin: 0 auto 60px;
    width: 960px;
    height: 400px;
    -webkit-box-shadow: 0 0 15px 0 rgba(31,45,61,.1);
    box-shadow: 0 0 15px 0 rgba(31,45,61,.1);
    border-radius: 13px 12px 12px;
    background: #fff
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item {
    position: relative;
    display: inline-block;
    background: #fff;
    width: 320px;
    height: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 50px;
    text-align: center;
    vertical-align: top;
    -webkit-transition: all 418ms;
    transition: all 418ms
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: #E9E9E9;
    content: ""
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item:nth-child(3n)::before {
    background: 0 0
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.border-top:after {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    height: 1px;
    background: #E9E9E9;
    content: ""
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item:nth-child(3) {
    border-radius: 0 12px 0 0
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item:nth-child(4) {
    border-radius: 0 0 0 12px
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item:nth-child(6) {
    border-radius: 0 0 12px
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item:hover {
    background: #E1F6F5
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.img-title {
    padding: 0;
    border-radius: 12px 0 0;
    overflow: hidden
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.img-title:hover {
    background: 0 0
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item .item-bg {
    width: 100%;
    height: 100%
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item .item-bg-mobile {
    display: none;
    width: 100%;
    height: 100%
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item .item-icon {
    width: 48px;
    height: 48px
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item .icon-arrow {
    display: none
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item .item-title {
    font-size: 20px;
    color: #5E6D82;
    margin-top: 20px
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call {
    overflow: hidden;
    position: relative
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way .contact-us,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call .contact-us {
    padding: 34px 34px 40px;
    text-align: left;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    background: #fff;
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%);
    -webkit-transition: -webkit-transform 318ms;
    transition: -webkit-transform 318ms;
    transition: transform 318ms;
    transition: transform 318ms, -webkit-transform 318ms
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way .contact-us.first,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call .contact-us.first {
    margin-top: 20px
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way .contact-us>p,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call .contact-us>p {
    font-size: 20px;
    color: #1F2D3D;
    line-height: 30px
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way .contact-us .time,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call .contact-us .time {
    font-size: 12px;
    color: #91A1B7;
    line-height: 18px;
    margin-bottom: 24px
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way .contact-us .phone,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call .contact-us .phone {
    font-size: 16px;
    color: #5E6D82;
    line-height: 22px
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way .contact-us .phone.second,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call .contact-us .phone.second {
    margin-top: 12px
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way .contact-us .phone .icon-contact,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call .contact-us .phone .icon-contact {
    margin-right: 10px;
    font-size: 20px
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way .contact-us-mobile,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call .contact-us-mobile {
    display: none
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way:hover,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call:hover {
    background: 0 0
}

.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way:hover .contact-us,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call:hover .contact-us {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

@media screen and (max-width: 450px) {
    .fx-learn-service .fx-learn-service-banner {
        position:relative;
        width: 100%;
        height: 310px;
        margin-bottom: 0
    }

    .fx-learn-service .fx-learn-service-banner .learn-service-background {
        top: 150px;
        width: 235px;
        height: 136px;
        background: url(../image/banner_mobile.png) center center no-repeat;
        background-size: cover
    }

    .fx-learn-service .fx-learn-service-banner .learn-service-title {
        top: 100px;
        font-size: 22px;
        line-height: 30px
    }

    .fx-learn-service .fx-learn-service-wrapper {
        height: auto;
        background: #F4F6F9;
        padding: 20px 0 8px
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block {
        position: relative;
        top: 0
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content {
        margin: 0 auto 32px;
        width: 335px;
        height: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 8px;
        background: #fff
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item {
        width: 100%;
        height: 60px;
        padding: 0 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item:before {
        width: 0
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.border-top:after {
        height: 0
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item:nth-child(3),.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item:nth-child(4) {
        border-radius: 0
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item:nth-child(6) {
        border-radius: 0 0 8px 8px
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item:hover {
        background: #fff
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.img-title {
        border-radius: 8px 8px 0 0
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.img-title:hover {
        background: 0 0
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item .item-bg {
        display: none
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item .icon-arrow,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item .item-bg-mobile {
        display: block
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item .icon-arrow {
        color: #5E6D82;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: right
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item .icon-arrow>i {
        font-size: 25px
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item .item-icon {
        width: 32px;
        height: 32px;
        margin-right: 20px
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item .item-title {
        font-size: 16px;
        color: #5E6D82;
        margin-top: 0
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call {
        overflow: hidden;
        position: relative;
        display: block;
        height: auto;
        min-height: 60px;
        padding: 0
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way .show,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call .show {
        padding: 0 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 60px
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way .contact-us,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call .contact-us {
        display: none
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way .contact-us-mobile,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call .contact-us-mobile {
        padding: 16px 20px;
        background: #EBF1F7;
        text-align: left;
        -webkit-transition: all 318ms;
        transition: all 318ms
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way .contact-us-mobile.on,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call .contact-us-mobile.on {
        display: block
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way .contact-us-mobile .time,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call .contact-us-mobile .time {
        font-size: 12px;
        color: #91A1B7;
        line-height: 18px;
        margin-top: 8px
    }

    .fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.complaint-way .contact-us-mobile .call-phone,.fx-learn-service .fx-learn-service-wrapper .learn-service-block .learn-service-content .content-item.service-call .contact-us-mobile .call-phone {
        font-size: 14px;
        color: #5E6D82;
        line-height: 20px;
        margin-bottom: 6px
    }
}

.fx-smart-campus {
    background-color: #FBFBFB
}

.fx-smart-campus .solution-banner-comp .banner-info .banner-figure {
    width: 440px
}

.fx-smart-campus .section1 {
    background-color: #F8F8F8;
    padding: 85px 0 80px
}

.fx-smart-campus .section1 .section1-title {
    font-size: 42px;
    color: #1F2D3D;
    margin: 0 auto 40px;
    text-align: center
}

.fx-smart-campus .section2 {
    text-align: center
}

.fx-smart-campus .section2 .section2-title {
    font-size: 42px;
    color: #1F2D3D;
    margin: 85px 0 18px
}

.fx-smart-campus .section2 .section2-description {
    font-size: 16px;
    color: #5E6D82;
    margin-bottom: 60px
}

.fx-smart-campus .section2 .architecture-image {
    width: 856px
}

.fx-smart-campus #installation-block {
    text-align: center;
    color: #1F2D3D;
    background-color: #F8F8F8;
    padding-bottom: 116px
}

.fx-smart-campus #installation-block .installation-title {
    font-size: 42px;
    padding: 85px 0 15px;
    text-align: center
}

.fx-smart-campus #installation-block .installation-description {
    font-size: 16px;
    margin-bottom: 70px
}

.fx-smart-campus #installation-block .installation-container {
    width: 1035px;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 50px -5px rgba(16,20,40,.05);
    box-shadow: 0 10px 50px -5px rgba(16,20,40,.05)
}

.fx-smart-campus #installation-block .installation-container .installation-item {
    display: inline-block;
    cursor: pointer;
    height: 208px;
    -webkit-transition: all 218ms;
    transition: all 218ms
}

.fx-smart-campus #installation-block .installation-container .installation-item:hover {
    -webkit-box-shadow: 0 7px 24px 0 rgba(16,20,40,.13);
    box-shadow: 0 7px 24px 0 rgba(16,20,40,.13)
}

.fx-smart-campus #installation-block .installation-container .installation-item .title {
    font-size: 20px;
    color: #1F2D3D;
    margin-bottom: 10px
}

.fx-smart-campus #installation-block .installation-container .installation-item .information {
    color: #5E6D82;
    text-align: left;
    line-height: 21px
}

.fx-smart-campus #installation-block .installation-container .installation-item .tip {
    color: #0DB3A6;
    font-size: 16px;
    margin-top: 12px;
    cursor: pointer
}

.fx-smart-campus #installation-block .installation-container .link-block {
    display: block;
    height: 100%;
    padding: 36px 72px
}

.fx-smart-campus .join-group-tip {
    text-align: center;
    background-color: #1C2036;
    font-size: 16px;
    padding: 30px 0
}

@media screen and (max-width: 560px) {
    .fx-smart-campus .solution-banner-comp .banner-info .banner-figure {
        margin-top:20px;
        width: 100%
    }

    .fx-smart-campus .section2 .architecture-image {
        width: 100%
    }

    .fx-smart-campus #installation-block .installation-title {
        font-size: 26px
    }

    .fx-smart-campus #installation-block .installation-description {
        font-size: 14px
    }

    .fx-smart-campus #installation-block .installation-container {
        width: 100%
    }

    .fx-smart-campus .join-group-tip {
        position: relative
    }

    .fx-smart-campus .join-group-tip .join-group-comp .join-group .qr-code-container {
        bottom: 80px
    }
}

.fx-equipment-manage {
    background-color: #FBFBFB
}

.fx-equipment-manage .section-top {
    text-align: center;
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 105% 40%;
    background-position-y: 100%
}

.fx-equipment-manage .section-top .equipment-banner {
    display: none
}

.fx-equipment-manage .section-top .top-logo {
    position: absolute;
    top: 32px;
    left: 52px;
    width: 130px
}

.fx-equipment-manage .section-top .title {
    margin-bottom: 12px
}

.fx-equipment-manage .section-top .description {
    color: #5E6D82
}

.fx-equipment-manage .section-top .solution-btn {
    display: inline-block;
    margin-top: 27px;
    width: 232px;
    height: 58px;
    background-color: #0DB3A6;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    line-height: 58px
}

.fx-equipment-manage .section-top .top-background {
    position: absolute;
    top: 296px;
    left: 0;
    width: 100%;
    height: 218px
}

.fx-equipment-manage .section-top .top-solution {
    position: relative;
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-equipment-manage .section-top .top-solution .solution-item {
    width: 218px;
    height: 110px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px -5px rgba(16,20,40,.05);
    box-shadow: 0 10px 20px -5px rgba(16,20,40,.05);
    border-radius: 5px;
    margin: 0 12px
}

.fx-equipment-manage .section-top .top-solution .solution-item .item-title {
    font-size: 16px;
    margin: 27px 0 3px
}

.fx-equipment-manage .section-top .top-solution .solution-item .item-label {
    font-size: 24px;
    color: #F5A623;
    line-height: 32px
}

.fx-equipment-manage .section-top .install-tips {
    padding-top: 30px;
    padding-bottom: 120px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.fx-equipment-manage .section1 {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #F8F8F8;
    text-align: center;
    margin-top: 40px
}

.fx-equipment-manage .section1 .func-item {
    width: 320px;
    height: 240px;
    background-color: #fff;
    border-radius: 5px;
    padding-top: 50px;
    margin: 40px 20px
}

.fx-equipment-manage .section1 .func-item .func-img {
    display: block;
    height: 48px;
    margin: 0 auto
}

.fx-equipment-manage .section1 .func-item .func-title {
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 12px
}

.fx-equipment-manage .section1 .func-item .func-info {
    width: 244px;
    line-height: 20px;
    color: #5E6D82;
    margin: 0 auto
}

.fx-equipment-manage .section2 {
    max-width: 1200px;
    margin: 0 auto;
    color: #1F2D3D;
    padding-bottom: 20px
}

.fx-equipment-manage .section2 .section2-title {
    text-align: center;
    font-size: 42px;
    padding: 70px 0 8px
}

.fx-equipment-manage .section2 .scene-wrapper {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-equipment-manage .section2 .scene-wrapper .scene-item {
    position: relative;
    text-align: center;
    margin: 40px 20px;
    width: 320px;
    height: 238px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    border-radius: 5px
}

.fx-equipment-manage .section2 .scene-wrapper .scene-item .scene-img {
    display: block;
    height: 50px;
    margin: 32px auto 0
}

.fx-equipment-manage .section2 .scene-wrapper .scene-item .scene-title {
    font-size: 20px;
    margin: 16px 0 5px;
    color: #303030
}

.fx-equipment-manage .section2 .scene-wrapper .scene-item .scene-info {
    color: #5E6D82
}

.fx-equipment-manage .section2 .scene-wrapper .scene-item .preview-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    color: #0DB3A6;
    border-top: solid #E7E7E7 1px;
    cursor: pointer
}

.fx-equipment-manage .section3 .section3-title {
    font-size: 42px;
    color: #1F2D3D;
    text-align: center;
    background-color: #F8F8F8;
    padding-top: 80px
}

.fx-equipment-manage .section3 .section3-container {
    margin: 0 auto
}

.fx-equipment-manage .section3 .advantage-wrapper {
    background-color: #F8F8F8
}

.fx-equipment-manage .section3 .advantage-wrapper:nth-child(2n) {
    background-color: #FBFBFB
}

.fx-equipment-manage .section3 .advantage-wrapper:nth-child(2n) .advantage-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.fx-equipment-manage .section3 .advantage-wrapper .advantage-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto
}

.fx-equipment-manage .section3 .advantage-wrapper .advantage-item .advantage-info .advantage-title {
    color: #1F2D3D;
    font-size: 32px
}

.fx-equipment-manage .section3 .advantage-wrapper .advantage-item .advantage-info .description-wrapper {
    margin-top: 15px
}

.fx-equipment-manage .section3 .advantage-wrapper .advantage-item .advantage-info .advantage-description {
    position: relative;
    padding-left: 18px;
    margin-bottom: 24px;
    color: #5E6D82;
    font-size: 16px;
    width: 350px
}

.fx-equipment-manage .section3 .advantage-wrapper .advantage-item .advantage-info .advantage-description:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    border: 3px solid #0DB3A6
}

.fx-equipment-manage .section3 .advantage-wrapper .advantage-item .advantage-info .advantage-description:last-child {
    margin-bottom: 0
}

.fx-equipment-manage .section3 .advantage-wrapper.device {
    padding-bottom: 16px
}

.fx-equipment-manage .section3 .advantage-wrapper.device .advantage-item {
    height: 374px
}

.fx-equipment-manage .section3 .advantage-wrapper.device .advantage-item .advantage-image {
    width: 670px;
    margin-left: 48px
}

.fx-equipment-manage .section3 .advantage-wrapper.device .advantage-item .advantage-info {
    margin-right: 68px
}

.fx-equipment-manage .section3 .advantage-wrapper.information .advantage-item {
    height: 444px
}

.fx-equipment-manage .section3 .advantage-wrapper.information .advantage-item .advantage-image {
    width: 566px;
    margin-right: 48px
}

.fx-equipment-manage .section3 .advantage-wrapper.information .advantage-item .advantage-info {
    margin-left: 68px
}

.fx-equipment-manage .section3 .advantage-wrapper.information .advantage-item .advantage-info .advantage-description {
    width: 458px
}

.fx-equipment-manage .section3 .advantage-wrapper.inspection .advantage-item {
    height: 556px
}

.fx-equipment-manage .section3 .advantage-wrapper.inspection .advantage-item .advantage-image {
    width: 690px;
    margin-left: 44px
}

.fx-equipment-manage .section3 .advantage-wrapper.inspection .advantage-item .advantage-info {
    margin-right: 68px
}

.fx-equipment-manage .section3 .advantage-wrapper.repair .advantage-item {
    height: 728px
}

.fx-equipment-manage .section3 .advantage-wrapper.repair .advantage-item .advantage-image {
    width: 380px;
    margin-right: 120px
}

.fx-equipment-manage .section3 .advantage-wrapper.repair .advantage-item .advantage-info {
    margin-left: 140px
}

.fx-equipment-manage .section3 .advantage-wrapper.repair .advantage-item .advantage-info .advantage-description {
    width: 492px
}

.fx-equipment-manage .section3 .advantage-wrapper.calendar .advantage-item {
    height: 502px
}

.fx-equipment-manage .section3 .advantage-wrapper.calendar .advantage-item .advantage-image {
    width: 630px;
    margin-left: 60px
}

.fx-equipment-manage .section3 .advantage-wrapper.calendar .advantage-item .advantage-info {
    margin-right: 80px
}

.fx-equipment-manage .section3 .advantage-wrapper.calendar .advantage-item .advantage-info .advantage-description {
    width: 364px
}

.fx-equipment-manage .section3 .advantage-wrapper.track .advantage-item {
    height: 610px
}

.fx-equipment-manage .section3 .advantage-wrapper.track .advantage-item .advantage-image {
    width: 576px;
    margin-right: 24px
}

.fx-equipment-manage .section3 .advantage-wrapper.track .advantage-item .advantage-info {
    margin-left: 92px
}

.fx-equipment-manage .section3 .advantage-wrapper.track .advantage-item .advantage-info .advantage-description {
    width: 362px
}

.fx-equipment-manage .section3 .advantage-wrapper.analysis .advantage-item {
    height: 574px
}

.fx-equipment-manage .section3 .advantage-wrapper.analysis .advantage-item .advantage-image {
    width: 790px;
    margin-left: 40px
}

.fx-equipment-manage .section3 .advantage-wrapper.analysis .advantage-item .advantage-info {
    margin-right: 60px
}

.fx-equipment-manage .section3 .advantage-wrapper.analysis .advantage-item .advantage-info .advantage-description {
    width: 386px
}

.fx-equipment-manage .section4 .section4-title {
    color: #1F2D3D;
    font-size: 42px;
    text-align: center;
    margin: 85px 0 50px
}

.fx-equipment-manage .section4 .feature-wrapper {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 50px
}

.fx-equipment-manage .section4 .feature-wrapper .feature-item {
    width: 208px;
    height: 155px;
    margin: 10px 9px;
    text-align: center;
    padding-top: 20px
}

.fx-equipment-manage .section4 .feature-wrapper .feature-item .iconfont {
    font-size: 40px;
    color: #91A1B7
}

.fx-equipment-manage .section4 .feature-wrapper .feature-item .feature-label {
    font-size: 20px;
    margin: 18px 0 5px
}

.fx-equipment-manage .section4 .feature-wrapper .feature-item .feature-info {
    font-size: 16px;
    color: #5E6D82
}

.fx-equipment-manage .section5 {
    background-color: #F8F8F8
}

.fx-equipment-manage .section5 .section5-title {
    font-size: 42px;
    color: #1F2D3D;
    text-align: center;
    padding: 85px 0 65px
}

.fx-equipment-manage .section5 .case-wrapper {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 40px
}

.fx-equipment-manage .section5 .case-wrapper .case-item {
    width: 290px;
    margin: 0 5px 50px;
    text-align: center
}

.fx-equipment-manage .section5 .case-wrapper .case-item .case-img {
    position: relative;
    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;
    width: 250px;
    height: 115px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto
}

.fx-equipment-manage .section5 .case-wrapper .case-item .case-img .oil {
    width: 158px
}

.fx-equipment-manage .section5 .case-wrapper .case-item .case-img .steel {
    width: 206px
}

.fx-equipment-manage .section5 .case-wrapper .case-item .case-img .rubber {
    width: 196px
}

.fx-equipment-manage .section5 .case-wrapper .case-item .case-img .elevator {
    width: 188px
}

.fx-equipment-manage .section5 .case-wrapper .case-item .case-img .industry {
    width: 146px
}

.fx-equipment-manage .section5 .case-wrapper .case-item .case-img .fire {
    width: 140px
}

.fx-equipment-manage .section5 .case-wrapper .case-item .case-info {
    color: #303030;
    margin-top: 12px
}

.fx-equipment-manage .business-case-comp {
    padding-top: 80px
}

.fx-equipment-manage .business-case-comp .title-large {
    padding-bottom: 0
}

.fx-equipment-manage .business-case-comp .logo-wrapper {
    padding: 60px 0 94px;
    height: auto
}

.fx-equipment-manage .business-case-comp .logo-wrapper .wrapper-content {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-equipment-manage .business-case-comp .logo-wrapper .wrapper-content .logo-image {
    width: 166px;
    height: auto;
    margin: 0 28px
}

.fx-equipment-manage .business-case-comp .logo-wrapper .wrapper-content .logo-image>img {
    width: 100%;
    height: auto
}

.fx-equipment-manage .section7 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 72px;
    background-color: rgba(230,247,246,.9);
    padding: 0 36px
}

.fx-equipment-manage .section7 .section7-phone,.fx-equipment-manage .section7 .section7-query {
    position: absolute;
    top: 0;
    left: 36px;
    bottom: 0;
    line-height: 72px;
    font-size: 24px;
    color: #0DB3A6;
    font-weight: 700;
    cursor: pointer
}

.fx-equipment-manage .section7 .section7-phone .iconfont,.fx-equipment-manage .section7 .section7-query .iconfont {
    font-size: 22px;
    margin-right: 12px
}

.fx-equipment-manage .section7 .section7-phone .iconfont .icon-phone,.fx-equipment-manage .section7 .section7-query .iconfont .icon-phone {
    font-size: 20px
}

.fx-equipment-manage .section7 .section7-query {
    left: auto;
    right: 36px
}

.fx-equipment-manage .section7 .section7-btn {
    display: inline-block;
    width: 136px;
    height: 42px;
    background-color: #0DB3A6;
    border-radius: 24px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 42px
}

.fx-equipment-manage .section7.x-fixed-block .preview {
    margin: 0 25px
}

.fx-equipment-manage .section7-copy {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.fx-equipment-manage .section7-copy.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-equipment-manage .preview-background {
    background-color: rgba(0,0,0,.7);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    text-align: center;
    z-index: 10
}

.fx-equipment-manage .preview-background .icon-close-normal {
    position: fixed;
    top: 50px;
    right: 50px;
    width: 40px;
    height: 40px;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px
}

.fx-equipment-manage .preview-background .preview-img {
    display: block;
    margin: 0 auto
}

.fx-equipment-manage .preview-background .preview-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: rgba(0,0,0,.2);
    text-align: center
}

.fx-equipment-manage .preview-background .preview-bottom .experience-btn {
    display: inline-block;
    margin-top: 11px;
    width: 152px;
    height: 58px;
    line-height: 58px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0,0,0,.3);
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.3);
    border-radius: 5px;
    color: #1F2D3D;
    font-size: 20px
}

@media screen and (max-width: 1440px) {
    .fx-equipment-manage .preview-background .icon-close-normal {
        background-color:rgba(0,0,0,.2)
    }
}

@media screen and (max-width: 1280px) {
    .fx-equipment-manage .preview-background .preview-img {
        width:100%
    }
}

@media screen and (max-width: 450px) {
    .fx-equipment-manage .section-top {
        padding-top:110px;
        background: url(../image/equipment_top_bg.png) center center no-repeat;
        background-size: 102% 25%;
        background-position-y: 25%
    }

    .fx-equipment-manage .section-top .equipment-banner {
        display: block
    }

    .fx-equipment-manage .section3 .advantage-wrapper.analysis .advantage-item .advantage-image,.fx-equipment-manage .section3 .advantage-wrapper.calendar .advantage-item .advantage-image,.fx-equipment-manage .section3 .advantage-wrapper.device .advantage-item .advantage-image,.fx-equipment-manage .section3 .advantage-wrapper.information .advantage-item .advantage-image,.fx-equipment-manage .section3 .advantage-wrapper.inspection .advantage-item .advantage-image,.fx-equipment-manage .section3 .advantage-wrapper.repair .advantage-item .advantage-image,.fx-equipment-manage .section3 .advantage-wrapper.track .advantage-item .advantage-image,.fx-equipment-manage .section7 .section7-phone,.fx-equipment-manage .section7 .section7-query {
        display: none
    }

    .fx-equipment-manage .section-top .title {
        font-size: 20px
    }

    .fx-equipment-manage .section-top .description {
        font-size: 14px
    }

    .fx-equipment-manage .section-top .solution-btn {
        position: static;
        margin-left: 0;
        width: 200px;
        height: 40px;
        font-size: 16px;
        line-height: 40px
    }

    .fx-equipment-manage .section-top .top-solution {
        margin-top: 40px
    }

    .fx-equipment-manage .section-top .top-solution .solution-item {
        margin-bottom: 10px
    }

    .fx-equipment-manage .section1 .func-item .func-title {
        font-weight: 400
    }

    .fx-equipment-manage .section2 .section2-title,.fx-equipment-manage .section3 .section3-title {
        font-size: 20px;
        font-weight: 700
    }

    .fx-equipment-manage .section3 .advantage-wrapper.analysis .advantage-item,.fx-equipment-manage .section3 .advantage-wrapper.calendar .advantage-item,.fx-equipment-manage .section3 .advantage-wrapper.device .advantage-item,.fx-equipment-manage .section3 .advantage-wrapper.information .advantage-item,.fx-equipment-manage .section3 .advantage-wrapper.inspection .advantage-item,.fx-equipment-manage .section3 .advantage-wrapper.repair .advantage-item,.fx-equipment-manage .section3 .advantage-wrapper.track .advantage-item {
        height: auto;
        padding: 10px 20px;
        text-align: center
    }

    .fx-equipment-manage .section3 .advantage-wrapper.analysis .advantage-item .advantage-info,.fx-equipment-manage .section3 .advantage-wrapper.calendar .advantage-item .advantage-info,.fx-equipment-manage .section3 .advantage-wrapper.device .advantage-item .advantage-info,.fx-equipment-manage .section3 .advantage-wrapper.information .advantage-item .advantage-info,.fx-equipment-manage .section3 .advantage-wrapper.inspection .advantage-item .advantage-info,.fx-equipment-manage .section3 .advantage-wrapper.repair .advantage-item .advantage-info,.fx-equipment-manage .section3 .advantage-wrapper.track .advantage-item .advantage-info {
        margin: 0
    }

    .fx-equipment-manage .section3 .advantage-wrapper.analysis .advantage-item .advantage-info .advantage-title,.fx-equipment-manage .section3 .advantage-wrapper.calendar .advantage-item .advantage-info .advantage-title,.fx-equipment-manage .section3 .advantage-wrapper.device .advantage-item .advantage-info .advantage-title,.fx-equipment-manage .section3 .advantage-wrapper.information .advantage-item .advantage-info .advantage-title,.fx-equipment-manage .section3 .advantage-wrapper.inspection .advantage-item .advantage-info .advantage-title,.fx-equipment-manage .section3 .advantage-wrapper.repair .advantage-item .advantage-info .advantage-title,.fx-equipment-manage .section3 .advantage-wrapper.track .advantage-item .advantage-info .advantage-title {
        font-size: 20px;
        line-height: 40px;
        font-weight: 600
    }

    .fx-equipment-manage .section3 .advantage-wrapper.analysis .advantage-item .advantage-info .advantage-description,.fx-equipment-manage .section3 .advantage-wrapper.calendar .advantage-item .advantage-info .advantage-description,.fx-equipment-manage .section3 .advantage-wrapper.device .advantage-item .advantage-info .advantage-description,.fx-equipment-manage .section3 .advantage-wrapper.information .advantage-item .advantage-info .advantage-description,.fx-equipment-manage .section3 .advantage-wrapper.inspection .advantage-item .advantage-info .advantage-description,.fx-equipment-manage .section3 .advantage-wrapper.repair .advantage-item .advantage-info .advantage-description,.fx-equipment-manage .section3 .advantage-wrapper.track .advantage-item .advantage-info .advantage-description {
        font-size: 14px;
        width: auto;
        margin-bottom: 10px;
        text-align: left
    }

    .fx-equipment-manage .section4 .section4-title {
        font-size: 20px;
        margin: 40px 0 25px;
        font-weight: 700
    }

    .fx-equipment-manage .section5 .section5-title {
        font-size: 20px;
        text-align: center;
        padding: 40px 0 30px;
        font-weight: 700
    }

    .fx-equipment-manage .business-case-comp {
        padding-top: 20px
    }

    .fx-equipment-manage .business-case-comp .logo-wrapper {
        padding-top: 30px
    }

    .fx-equipment-manage .business-case-comp .title-large {
        font-weight: 700;
        padding-bottom: 20px;
        padding-top: 20px;
        margin-top: 0
    }

    .fx-equipment-manage .section7 {
        height: 54px
    }

    .fx-equipment-manage .section7 .section7-btn {
        width: 100px;
        height: 32px;
        border-radius: 18px;
        font-size: 16px;
        line-height: 32px
    }

    .fx-equipment-manage .preview-background .icon-close-normal {
        top: 15px;
        right: 15px;
        width: 32px;
        height: 32px;
        padding: 4px
    }
}

.fx-production-manage {
    position: relative;
    background-color: #FBFBFB
}

.fx-production-manage .section-top {
    padding-top: 110px;
    text-align: center
}

.fx-production-manage .section-top .top-logo {
    position: absolute;
    top: 32px;
    left: 52px;
    width: 130px
}

.fx-production-manage .section-top .title {
    font-size: 44px;
    font-weight: 500;
    margin-bottom: 12px
}

.fx-production-manage .section-top .description {
    line-height: 25px;
    color: #5E6D82;
    font-size: 16px
}

.fx-production-manage .section-top .solution-btn {
    position: absolute;
    top: 233px;
    left: 50%;
    margin-left: -116px;
    z-index: 2;
    display: inline-block;
    margin-top: 27px;
    width: 232px;
    height: 58px;
    background-color: #0DB3A6;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    line-height: 58px
}

.fx-production-manage .section-top .top-background {
    position: absolute;
    top: 296px;
    left: 0;
    width: 100%;
    height: 218px
}

.fx-production-manage .section-top .top-solution {
    position: relative;
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 204px
}

.fx-production-manage .section-top .top-solution .solution-item {
    width: 218px;
    height: 110px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px -5px rgba(16,20,40,.05);
    box-shadow: 0 10px 20px -5px rgba(16,20,40,.05);
    border-radius: 5px;
    margin: 0 12px
}

.fx-production-manage .section-top .top-solution .solution-item .item-title {
    font-size: 16px;
    margin: 27px 0 3px
}

.fx-production-manage .section-top .top-solution .solution-item .item-label {
    font-size: 24px;
    color: #F5A623;
    line-height: 32px
}

.fx-production-manage .section1 {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #F8F8F8;
    text-align: center;
    margin-top: 40px
}

.fx-production-manage .section1 .func-item {
    width: 320px;
    height: 240px;
    background-color: #fff;
    border-radius: 5px;
    padding-top: 50px;
    margin: 40px 20px
}

.fx-production-manage .section1 .func-item .func-img {
    display: block;
    height: 48px;
    margin: 0 auto
}

.fx-production-manage .section1 .func-item .func-title {
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 12px
}

.fx-production-manage .section1 .func-item .func-info {
    width: 244px;
    line-height: 20px;
    color: #5E6D82;
    margin: 0 auto
}

.fx-production-manage .section1 .func-item .scan_code {
    width: 280px
}

.fx-production-manage .section2 {
    max-width: 1200px;
    margin: 0 auto;
    color: #1F2D3D;
    padding-bottom: 20px
}

.fx-production-manage .section2 .section2-title {
    text-align: center;
    font-size: 42px;
    padding: 70px 0 8px
}

.fx-production-manage .section2 .scene-wrapper {
    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;
    margin: 30px 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-production-manage .section2 .scene-wrapper .scene-item {
    position: relative;
    text-align: center;
    margin: 20px;
    width: 230px;
    height: 175px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    border-radius: 5px
}

.fx-production-manage .section2 .scene-wrapper .scene-item .scene-img {
    display: block;
    height: 50px;
    margin: 35px auto 0
}

.fx-production-manage .section2 .scene-wrapper .scene-item .scene-title {
    font-size: 20px;
    margin: 16px 0 5px;
    color: #303030
}

.fx-production-manage .section2 .scene-wrapper .scene-item .scene-info {
    color: #5E6D82
}

.fx-production-manage .section2 .scene-wrapper .scene-item .preview-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    color: #0DB3A6;
    border-top: solid #E7E7E7 1px;
    cursor: pointer
}

.fx-production-manage .section3 .section3-title {
    font-size: 42px;
    color: #1F2D3D;
    text-align: center;
    background-color: #F8F8F8;
    padding-top: 80px
}

.fx-production-manage .section3 .section3-container {
    margin: 0 auto
}

.fx-production-manage .section3 .advantage-wrapper {
    background-color: #F8F8F8
}

.fx-erp,.fx-production-manage .section3 .advantage-wrapper:nth-child(2n) {
    background-color: #FBFBFB
}

.fx-production-manage .section3 .advantage-wrapper:nth-child(2n) .advantage-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.fx-production-manage .section3 .advantage-wrapper .advantage-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto
}

.fx-production-manage .section3 .advantage-wrapper .advantage-item .advantage-info .advantage-title {
    color: #1F2D3D;
    font-size: 32px
}

.fx-production-manage .section3 .advantage-wrapper .advantage-item .advantage-info .description-wrapper {
    margin-top: 15px
}

.fx-production-manage .section3 .advantage-wrapper .advantage-item .advantage-info .advantage-description {
    position: relative;
    padding-left: 18px;
    margin-bottom: 24px;
    color: #5E6D82;
    font-size: 16px;
    width: 439px
}

.fx-production-manage .section3 .advantage-wrapper .advantage-item .advantage-info .advantage-description:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    border: 3px solid #0DB3A6
}

.fx-production-manage .section3 .advantage-wrapper .advantage-item .advantage-info .advantage-description:last-child {
    margin-bottom: 0
}

.fx-production-manage .section3 .advantage-wrapper.smart_factory {
    padding-bottom: 16px
}

.fx-production-manage .section3 .advantage-wrapper.smart_factory .advantage-item {
    height: 374px
}

.fx-production-manage .section3 .advantage-wrapper.auto_import .advantage-item,.fx-production-manage .section3 .advantage-wrapper.production_schedule .advantage-item {
    height: 598px
}

.fx-production-manage .section3 .advantage-wrapper.smart_factory .advantage-item .advantage-image {
    width: 614px;
    margin-left: 28px
}

.fx-production-manage .section3 .advantage-wrapper.smart_factory .advantage-item .advantage-info {
    margin-right: 38px
}

.fx-production-manage .section3 .advantage-wrapper.auto_import .advantage-item .advantage-image {
    width: 457px;
    margin-right: 69px
}

.fx-production-manage .section3 .advantage-wrapper.auto_import .advantage-item .advantage-info {
    margin-left: 68px
}

.fx-production-manage .section3 .advantage-wrapper.auto_import .advantage-item .advantage-info .advantage-description {
    width: 566px
}

.fx-production-manage .section3 .advantage-wrapper.production_schedule .advantage-item .advantage-image {
    width: 533px;
    margin-left: 44px
}

.fx-production-manage .section3 .advantage-wrapper.production_schedule .advantage-item .advantage-info {
    margin-right: 68px
}

.fx-production-manage .section3 .advantage-wrapper.quality_testing .advantage-item {
    height: 705px
}

.fx-production-manage .section3 .advantage-wrapper.quality_testing .advantage-item .advantage-image {
    width: 540px;
    margin-right: 60px
}

.fx-production-manage .section3 .advantage-wrapper.quality_testing .advantage-item .advantage-info {
    margin-left: 140px
}

.fx-production-manage .section3 .advantage-wrapper.quality_testing .advantage-item .advantage-info .advantage-description {
    width: 492px
}

.fx-production-manage .section3 .advantage-wrapper.auto_count .advantage-item {
    height: 566px
}

.fx-production-manage .section3 .advantage-wrapper.auto_count .advantage-item .advantage-image {
    width: 690px;
    margin-left: 60px
}

.fx-production-manage .section3 .advantage-wrapper.auto_count .advantage-item .advantage-info {
    margin-right: 80px
}

.fx-production-manage .section3 .advantage-wrapper.auto_count .advantage-item .advantage-info .advantage-description {
    width: 400px
}

.fx-production-manage .section3 .advantage-wrapper.check_list .advantage-item {
    height: 505px
}

.fx-production-manage .section3 .advantage-wrapper.check_list .advantage-item .advantage-image {
    width: 646px;
    margin-right: 24px
}

.fx-production-manage .section3 .advantage-wrapper.check_list .advantage-item .advantage-info {
    margin-left: 92px
}

.fx-production-manage .section3 .advantage-wrapper.check_list .advantage-item .advantage-info .advantage-description {
    width: 481px
}

.fx-production-manage .section3 .advantage-wrapper.montage_mes .advantage-item {
    height: 478px
}

.fx-production-manage .section3 .advantage-wrapper.montage_mes .advantage-item .advantage-image {
    width: 773px;
    margin-left: 40px
}

.fx-production-manage .section3 .advantage-wrapper.montage_mes .advantage-item .advantage-info {
    margin-right: 60px
}

.fx-production-manage .section3 .advantage-wrapper.montage_mes .advantage-item .advantage-info .advantage-description {
    width: 377px
}

.fx-production-manage .section4 .section4-title {
    color: #1F2D3D;
    font-size: 42px;
    text-align: center;
    margin: 85px 0 50px
}

.fx-production-manage .section4 .feature-wrapper {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-bottom: 50px
}

.fx-production-manage .section4 .feature-wrapper .feature-item {
    width: 280px;
    height: 155px;
    margin: 10px 0;
    text-align: center;
    padding-top: 20px
}

.fx-production-manage .section4 .feature-wrapper .feature-item .iconfont {
    font-size: 64px;
    color: #91A1B7
}

.fx-production-manage .section4 .feature-wrapper .feature-item .feature-label {
    font-size: 20px;
    margin-bottom: 5px
}

.fx-production-manage .section4 .feature-wrapper .feature-item .feature-info {
    font-size: 16px;
    color: #5E6D82
}

.fx-production-manage .section5 {
    background-color: #F8F8F8
}

.fx-production-manage .section5 .section5-title {
    font-size: 42px;
    color: #1F2D3D;
    text-align: center;
    padding: 85px 0 65px
}

.fx-aftersale-manage .aftersale-manage-best-case .bricks-sub-title,.fx-kpi-manage .kpi-manage-best-case .bricks-sub-title {
    padding-top: 80px;
    padding-bottom: 40px
}

.fx-production-manage .section5 .case-wrapper {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-bottom: 40px
}

.fx-production-manage .section5 .case-wrapper .case-item {
    width: 250px;
    margin: 0 25px 50px;
    text-align: center
}

.fx-production-manage .section5 .case-wrapper .case-item .case-img {
    position: relative;
    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;
    width: 250px;
    height: 118px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto
}

.fx-production-manage .section5 .case-wrapper .case-item .case-img .stanley {
    width: 215px
}

.fx-production-manage .section5 .case-wrapper .case-item .case-img .esquel {
    width: 120px
}

.fx-production-manage .section5 .case-wrapper .case-item .case-img .chaoyang {
    width: 196px
}

.fx-production-manage .section5 .case-wrapper .case-item .case-img .donson {
    width: 234px
}

.fx-production-manage .section5 .case-wrapper .case-item .case-info {
    color: #303030;
    margin-top: 12px
}

.fx-production-manage .business-case-comp {
    padding-top: 80px
}

.fx-production-manage .business-case-comp .title-large {
    padding-bottom: 0
}

.fx-production-manage .business-case-comp .logo-wrapper {
    padding: 60px 0 94px;
    height: auto
}

.fx-production-manage .business-case-comp .logo-wrapper .wrapper-content {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-production-manage .business-case-comp .logo-wrapper .wrapper-content .logo-image {
    width: 166px;
    height: auto;
    margin: 0 28px
}

.fx-production-manage .business-case-comp .logo-wrapper .wrapper-content .logo-image>img {
    width: 100%;
    height: auto
}

.fx-production-manage .section7 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 72px;
    background-color: rgba(230,247,246,.9);
    padding: 0 36px
}

.fx-production-manage .section7 .section7-phone,.fx-production-manage .section7 .section7-query {
    position: absolute;
    top: 0;
    left: 36px;
    bottom: 0;
    line-height: 72px;
    font-size: 24px;
    color: #0DB3A6;
    font-weight: 700;
    cursor: pointer
}

.fx-production-manage .section7 .section7-phone .iconfont,.fx-production-manage .section7 .section7-query .iconfont {
    font-size: 22px;
    margin-right: 12px
}

.fx-production-manage .section7 .section7-phone .iconfont .icon-phone,.fx-production-manage .section7 .section7-query .iconfont .icon-phone {
    font-size: 20px
}

.fx-production-manage .section7 .section7-query {
    left: auto;
    right: 36px
}

.fx-production-manage .section7 .section7-btn {
    display: inline-block;
    width: 136px;
    height: 42px;
    background-color: #0DB3A6;
    border-radius: 24px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 42px
}

.fx-production-manage .section7-copy {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.fx-production-manage .section7-copy.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-production-manage .preview-background {
    background-color: rgba(0,0,0,.7);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    text-align: center;
    z-index: 10
}

.fx-production-manage .preview-background .icon-close-normal {
    position: fixed;
    top: 50px;
    right: 50px;
    width: 40px;
    height: 40px;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px
}

.fx-production-manage .preview-background .preview-img {
    display: block;
    margin: 0 auto
}

.fx-production-manage .preview-background .preview-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: rgba(0,0,0,.2);
    text-align: center
}

.fx-production-manage .preview-background .preview-bottom .experience-btn {
    display: inline-block;
    margin-top: 11px;
    width: 152px;
    height: 58px;
    line-height: 58px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0,0,0,.3);
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.3);
    border-radius: 5px;
    color: #1F2D3D;
    font-size: 20px
}

@media screen and (max-width: 1440px) {
    .fx-production-manage .preview-background .icon-close-normal {
        background-color:rgba(0,0,0,.2)
    }
}

@media screen and (max-width: 1280px) {
    .fx-production-manage .preview-background .preview-img {
        width:100%
    }
}

@media screen and (max-width: 560px) {
    .fx-production-manage .section3 .advantage-wrapper.auto_count .advantage-item .advantage-image,.fx-production-manage .section3 .advantage-wrapper.auto_import .advantage-item .advantage-image,.fx-production-manage .section3 .advantage-wrapper.check_list .advantage-item .advantage-image,.fx-production-manage .section3 .advantage-wrapper.montage_mes .advantage-item .advantage-image,.fx-production-manage .section3 .advantage-wrapper.production_schedule .advantage-item .advantage-image,.fx-production-manage .section3 .advantage-wrapper.quality_testing .advantage-item .advantage-image,.fx-production-manage .section3 .advantage-wrapper.smart_factory .advantage-item .advantage-image,.fx-production-manage .section7 .section7-phone,.fx-production-manage .section7 .section7-query {
        display:none
    }

    .fx-production-manage .section-top .title {
        font-size: 20px
    }

    .fx-production-manage .section-top .description {
        font-size: 14px
    }

    .fx-production-manage .section-top .solution-btn {
        position: static;
        margin-left: 0;
        width: 200px;
        height: 40px;
        font-size: 16px;
        line-height: 40px
    }

    .fx-production-manage .section-top .top-solution {
        margin-top: 40px
    }

    .fx-production-manage .section-top .top-solution .solution-item {
        margin-bottom: 10px
    }

    .fx-production-manage .section1 .func-item .func-title {
        font-weight: 400
    }

    .fx-production-manage .section2 .section2-title {
        font-size: 20px;
        font-weight: 700
    }

    .fx-production-manage .section3 .section3-title {
        font-size: 26px
    }

    .fx-production-manage .section3 .advantage-wrapper.auto_count .advantage-item,.fx-production-manage .section3 .advantage-wrapper.auto_import .advantage-item,.fx-production-manage .section3 .advantage-wrapper.check_list .advantage-item,.fx-production-manage .section3 .advantage-wrapper.montage_mes .advantage-item,.fx-production-manage .section3 .advantage-wrapper.production_schedule .advantage-item,.fx-production-manage .section3 .advantage-wrapper.quality_testing .advantage-item,.fx-production-manage .section3 .advantage-wrapper.smart_factory .advantage-item {
        height: auto;
        padding: 10px 20px;
        text-align: center
    }

    .fx-production-manage .section3 .advantage-wrapper.auto_count .advantage-item .advantage-info,.fx-production-manage .section3 .advantage-wrapper.auto_import .advantage-item .advantage-info,.fx-production-manage .section3 .advantage-wrapper.check_list .advantage-item .advantage-info,.fx-production-manage .section3 .advantage-wrapper.montage_mes .advantage-item .advantage-info,.fx-production-manage .section3 .advantage-wrapper.production_schedule .advantage-item .advantage-info,.fx-production-manage .section3 .advantage-wrapper.quality_testing .advantage-item .advantage-info,.fx-production-manage .section3 .advantage-wrapper.smart_factory .advantage-item .advantage-info {
        margin-right: 0;
        margin-left: 0
    }

    .fx-production-manage .section3 .advantage-wrapper.auto_count .advantage-item .advantage-info .advantage-title,.fx-production-manage .section3 .advantage-wrapper.auto_import .advantage-item .advantage-info .advantage-title,.fx-production-manage .section3 .advantage-wrapper.check_list .advantage-item .advantage-info .advantage-title,.fx-production-manage .section3 .advantage-wrapper.montage_mes .advantage-item .advantage-info .advantage-title,.fx-production-manage .section3 .advantage-wrapper.production_schedule .advantage-item .advantage-info .advantage-title,.fx-production-manage .section3 .advantage-wrapper.quality_testing .advantage-item .advantage-info .advantage-title,.fx-production-manage .section3 .advantage-wrapper.smart_factory .advantage-item .advantage-info .advantage-title {
        font-size: 20px;
        line-height: 40px;
        font-weight: 600
    }

    .fx-production-manage .section3 .advantage-wrapper.auto_count .advantage-item .advantage-info .advantage-description,.fx-production-manage .section3 .advantage-wrapper.auto_import .advantage-item .advantage-info .advantage-description,.fx-production-manage .section3 .advantage-wrapper.check_list .advantage-item .advantage-info .advantage-description,.fx-production-manage .section3 .advantage-wrapper.montage_mes .advantage-item .advantage-info .advantage-description,.fx-production-manage .section3 .advantage-wrapper.production_schedule .advantage-item .advantage-info .advantage-description,.fx-production-manage .section3 .advantage-wrapper.quality_testing .advantage-item .advantage-info .advantage-description,.fx-production-manage .section3 .advantage-wrapper.smart_factory .advantage-item .advantage-info .advantage-description {
        font-size: 14px;
        width: auto;
        margin-bottom: 10px;
        text-align: left
    }

    .fx-production-manage .section4 .section4-title {
        font-size: 20px;
        margin: 40px 0 25px;
        font-weight: 700
    }

    .fx-production-manage .section5 .section5-title {
        font-size: 20px;
        text-align: center;
        padding: 40px 0 30px;
        font-weight: 700
    }

    .fx-production-manage .business-case-comp {
        padding-top: 40px
    }

    .fx-production-manage .business-case-comp .logo-wrapper {
        padding-top: 30px
    }

    .fx-production-manage .business-case-comp .title-large {
        font-weight: 700;
        padding-bottom: 20px;
        padding-top: 20px;
        margin-top: 0
    }

    .fx-production-manage .section7 {
        height: 54px
    }

    .fx-production-manage .section7 .section7-btn {
        width: 100px;
        height: 32px;
        border-radius: 18px;
        font-size: 16px;
        line-height: 32px
    }

    .fx-production-manage .preview-background .icon-close-normal {
        top: 15px;
        right: 15px;
        width: 32px;
        height: 32px;
        padding: 4px
    }
}

.fx-erp .title-description {
    margin-top: 80px;
    margin-bottom: 30px;
    color: #1F2D3D;
    font-size: 42px;
    line-height: 42px
}

.fx-erp .description {
    line-height: 25px;
    color: #5E6D82;
    font-size: 16px
}

.fx-erp .erp-module {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.fx-erp .erp-module.odd {
    background-color: #fbfbfb
}

.fx-erp .erp-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 105% 40%;
    background-position-y: 100%
}

.fx-erp .erp-top .erp-banner {
    display: none
}

.fx-erp .erp-top .title {
    font-size: 44px;
    font-weight: 500;
    margin-bottom: 12px
}

.fx-erp .erp-top .background {
    position: relative;
    text-align: center;
    height: 200px;
    width: 100%
}

.fx-erp .erp-top .background .img {
    width: 100%;
    position: absolute;
    top: 56px;
    left: 0
}

.fx-erp .erp-top .background .solution-container {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 2
}

.fx-erp .erp-top .background .solution-btn {
    display: inline-block;
    margin-top: 27px;
    width: 232px;
    height: 58px;
    background-color: #0DB3A6;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    line-height: 58px
}

.fx-erp .erp-top .background .solution-btn:hover {
    background-color: #0b9b90
}

.fx-erp .erp-top .top-question {
    position: relative;
    width: 1040px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 60px
}

.fx-erp .erp-top .top-question .solution-item {
    width: 320px;
    height: 240px;
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.fx-erp .erp-top .top-question .solution-item .item-img {
    margin-top: 40px
}

.fx-erp .erp-top .top-question .solution-item .item-img .img {
    height: 48px
}

.fx-erp .erp-top .top-question .solution-item .item-title {
    margin: 30px 0 12px;
    font-size: 20px;
    color: #303030
}

.fx-erp .erp-section .title-description,.zsk_baike h2,.zsk_searchipt {
    margin-bottom: 20px
}

.fx-erp .erp-top .top-question .solution-item .item-label {
    width: 280px;
    text-align: center;
    font-size: 14px;
    color: #5E6D82
}

.fx-erp .erp-top .top-question .solution-item:nth-child(3) .item-label {
    width: 244px
}

.fx-erp .erp-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fx-erp .erp-section .description-for-mobile {
    display: none
}

.fx-erp .erp-section .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 980px;
    margin-top: 40px
}

.fx-erp .erp-section .tab .header-item {
    width: 138px;
    height: 50px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-bottom: 1px solid #dbdbdb;
    cursor: pointer;
    color: #5E6D82
}

.fx-erp .erp-section .tab .header-item>i {
    font-size: 19px;
    margin-right: 10px
}

.fx-erp .erp-section .tab .header-item.active {
    color: #0DB3A6;
    border-bottom: 2px solid #0DB3A6
}

.fx-erp .erp-section .tab .header-item.active>i {
    color: #0DB3A6
}

.fx-erp .erp-section .tab.tab-section2,.fx-erp .erp-section .tab.tab-section3 {
    width: 554px;
    margin-top: 10px
}

.fx-erp .erp-section .tab-content {
    width: 1100px;
    height: 500px;
    margin-top: 40px
}

.fx-erp .erp-section .tab-content .content-wrapper {
    display: none
}

.fx-erp .erp-section .tab-content .content-wrapper .img {
    width: 584px;
    height: 413px
}

.fx-erp .erp-section .tab-content .content-wrapper .label-container {
    margin-left: 37px
}

.fx-erp .erp-section .tab-content .content-wrapper .label-container .label-title {
    font-size: 32px;
    color: #1F2D3D;
    margin: 24px 0
}

.fx-erp .erp-section .tab-content .content-wrapper .label-container .description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 460px
}

.fx-erp .erp-section .tab-content .content-wrapper .label-container .description .circle {
    width: 12px;
    height: 12px;
    position: relative;
    display: inline-block;
    border: 3px solid #0DB3A6;
    border-radius: 30px;
    margin-right: 8px;
    margin-top: 8px
}

.fx-erp .erp-section .tab-content .content-wrapper .label-container .description .label {
    color: #5E6D82;
    width: 430px;
    font-size: 16px;
    margin-bottom: 35px
}

.fx-erp .erp-section .tab-content .content-wrapper.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-erp .erp-section .tab-content .content-wrapper.total {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.fx-erp .erp-section .tab-content .content-wrapper.total .img {
    width: 860px;
    height: 458px
}

.fx-erp .erp-section .tab-content .content-wrapper.contain,.fx-erp .erp-section .tab-content .content-wrapper.cost,.fx-erp .erp-section .tab-content .content-wrapper.decision,.fx-erp .erp-section .tab-content .content-wrapper.flex,.fx-erp .erp-section .tab-content .content-wrapper.ground,.fx-erp .erp-section .tab-content .content-wrapper.sale,.fx-erp .erp-section .tab-content .content-wrapper.tech {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.fx-erp .erp-section .tab-content .content-wrapper.buy .img {
    width: 348px;
    height: 549px;
    margin-left: 140px
}

.fx-erp .erp-section .tab-content .content-wrapper.tech .img {
    width: 342px;
    height: 486px;
    margin-right: 130px;
    margin-left: 100px
}

.fx-erp .erp-section .tab-content .content-wrapper.tech .label-container {
    margin-left: 100px
}

.fx-erp .erp-section .tab-content .content-wrapper.product .img {
    width: 352px;
    height: 505px;
    margin-left: 200px
}

.fx-erp .erp-section .tab-content .content-wrapper.contain .img {
    width: 589px;
    height: 345px
}

.fx-erp .erp-section .tab-content .content-wrapper.cost .img,.fx-erp .erp-section .tab-content .content-wrapper.decision .img,.fx-erp .erp-section .tab-content .content-wrapper.flex .img,.fx-erp .erp-section .tab-content .content-wrapper.ground .img {
    width: 568px;
    height: 358px
}

.fx-erp .erp-section .tab-content .content-wrapper.cashier .img,.fx-erp .erp-section .tab-content .content-wrapper.ceo .img,.fx-erp .erp-section .tab-content .content-wrapper.manager .img,.fx-erp .erp-section .tab-content .content-wrapper.programmer .img {
    width: 560px;
    height: 372px
}

.fx-erp .erp-section .tab-content-mobile {
    display: none
}

.fx-erp .erp-section4 .tab-content,.fx-erp .erp-section5 .tab-content {
    width: 1040px
}

.fx-erp .erp-section4 .tab-content .content,.fx-erp .erp-section5 .tab-content .content {
    display: inline-block;
    width: 230px;
    height: 170px;
    margin-right: 40px;
    margin-bottom: 40px;
    text-align: center;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    box-shadow: 0 2px 4px 0 rgba(16,20,40,.05)
}

.fx-erp .erp-section4 .tab-content .content .img,.fx-erp .erp-section5 .tab-content .content .img {
    margin-top: 34px;
    height: 63px
}

.fx-erp .erp-section4 .tab-content .content .label,.fx-erp .erp-section5 .tab-content .content .label {
    font-size: 20px;
    color: #303030
}

.fx-erp .erp-section4 .tab-content .content:nth-child(4n),.fx-erp .erp-section5 .tab-content .content:nth-child(4n) {
    margin-right: 0
}

.fx-erp .erp-section5 .tab-content {
    width: 1150px;
    height: 600px
}

.fx-erp .erp-section5 .tab-content .content {
    width: 250px;
    height: 240px;
    -webkit-transition: all 218ms;
    transition: all 218ms;
    -webkit-box-shadow: 0 2px 4px 0 rgba(16,20,40,.1);
    box-shadow: 0 2px 4px 0 rgba(16,20,40,.1)
}

.fx-erp .erp-section5 .tab-content .content .img {
    width: 250px;
    height: 180px;
    margin-top: 0;
    display: block
}

.fx-erp .erp-section5 .tab-content .content .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 250px;
    height: 60px;
    color: #0DB3A6
}

.fx-erp .erp-section5 .tab-content .content:hover {
    -webkit-transform: translate(0,-6px);
    transform: translate(0,-6px);
    -webkit-box-shadow: 0 20px 40px 0 rgba(16,20,40,.1);
    box-shadow: 0 20px 40px 0 rgba(16,20,40,.1)
}

.fx-erp .erp-section5 .tab-content .content:hover .label {
    color: #1F2D3D
}

.fx-erp .erp-section6 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 72px;
    background-color: rgba(230,247,246,.9);
    padding: 0 36px
}

.fx-erp .erp-section6 .section6-phone,.fx-erp .erp-section6 .section6-query {
    position: absolute;
    top: 0;
    left: 36px;
    bottom: 0;
    line-height: 72px;
    font-size: 24px;
    color: #0DB3A6;
    font-weight: 700;
    cursor: pointer
}

.fx-erp .erp-section6 .section6-phone .iconfont,.fx-erp .erp-section6 .section6-query .iconfont {
    font-size: 22px;
    margin-right: 12px
}

.fx-erp .erp-section6 .section6-phone .iconfont .icon-phone,.fx-erp .erp-section6 .section6-query .iconfont .icon-phone {
    font-size: 20px
}

.fx-erp .erp-section6 .section6-query {
    left: auto;
    right: 36px
}

.fx-erp .erp-section6 .section6-btn {
    display: inline-block;
    width: 160px;
    height: 42px;
    background-color: #0DB3A6;
    border-radius: 24px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 42px
}

.fx-erp .erp-section6 .preview {
    margin: 0 20px
}

.fx-erp .section6-copy {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.fx-erp .section6-copy.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media screen and (max-width: 560px) {
    .fx-erp .description {
        font-size:12px
    }

    .fx-erp .erp-top {
        padding-top: 110px;
        background: 0 0
    }

    .fx-erp .erp-top .title {
        font-size: 20px;
        font-weight: 700
    }

    .fx-erp .erp-top .erp-banner {
        display: block
    }

    .fx-erp .erp-top .background {
        height: 90px
    }

    .fx-erp .erp-top .background .solution-btn {
        width: 150px;
        height: 36px;
        font-size: 15px;
        line-height: 36px
    }

    .fx-erp .erp-top .top-question {
        width: 100%;
        margin-top: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .fx-erp .erp-top .top-question .solution-item {
        width: 280px;
        height: 190px;
        margin-top: 20px
    }

    .fx-erp .erp-top .top-question .solution-item .item-img {
        margin-top: 30px
    }

    .fx-erp .erp-top .top-question .solution-item .item-title {
        margin-top: 10px
    }

    .fx-erp .erp-top .erp-module.value .solution-item {
        height: 200px
    }

    .fx-erp .erp-top .erp-module.value .solution-item .item-label {
        width: 230px;
        font-size: 12px
    }

    .fx-erp .title-description {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 5px
    }

    .fx-erp .erp-section .tab,.fx-erp .erp-section .tab-content {
        display: none
    }

    .fx-erp .erp-section .tab-content-mobile {
        display: block;
        width: 90%;
        height: auto;
        margin-top: 0
    }

    .fx-erp .erp-section .tab-content-mobile .wrapper-container {
        text-align: center
    }

    .fx-erp .erp-section .tab-content-mobile .wrapper-container>i {
        text-align: center;
        margin: 12px 0 6px;
        display: block;
        color: #5E6D82
    }

    .fx-erp .erp-section .tab-content-mobile .wrapper-container>i>span {
        margin-left: 5px
    }

    .fx-erp .erp-section .tab-content-mobile .content-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fx-erp .erp-section .tab-content-mobile .content-wrapper .label-container .label-title,.fx-erp .erp-section.erp-section1 .description {
        display: none
    }

    .fx-erp .erp-section .tab-content-mobile .content-wrapper>.img {
        width: 100%;
        height: auto;
        margin: 10px 0 15px
    }

    .fx-erp .erp-section .tab-content-mobile .content-wrapper .label-container {
        margin: 0;
        width: 100%
    }

    .fx-erp .erp-section .tab-content-mobile .content-wrapper .label-container .description {
        margin-bottom: 10px;
        text-align: left;
        width: 100%
    }

    .fx-erp .erp-section .tab-content-mobile .content-wrapper .label-container .description .circle {
        width: 8px;
        height: 8px;
        border: 2px solid #0DB3A6;
        margin-right: 4px
    }

    .fx-erp .erp-section .tab-content-mobile .content-wrapper .label-container .description .label {
        width: 90%;
        font-size: 12px;
        margin-bottom: 0;
        text-align: justify
    }

    .fx-erp .erp-section .tab-content-mobile .content-wrapper.total .img {
        width: 85%;
        height: auto
    }

    .fx-erp .erp-section .tab-content-mobile .content-wrapper.contain,.fx-erp .erp-section .tab-content-mobile .content-wrapper.cost,.fx-erp .erp-section .tab-content-mobile .content-wrapper.decision,.fx-erp .erp-section .tab-content-mobile .content-wrapper.flex,.fx-erp .erp-section .tab-content-mobile .content-wrapper.ground,.fx-erp .erp-section .tab-content-mobile .content-wrapper.sale,.fx-erp .erp-section .tab-content-mobile .content-wrapper.tech {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fx-erp .erp-section .tab-content-mobile .content-wrapper.buy .img,.fx-erp .erp-section .tab-content-mobile .content-wrapper.cashier .img,.fx-erp .erp-section .tab-content-mobile .content-wrapper.ceo .img,.fx-erp .erp-section .tab-content-mobile .content-wrapper.contain .img,.fx-erp .erp-section .tab-content-mobile .content-wrapper.cost .img,.fx-erp .erp-section .tab-content-mobile .content-wrapper.decision .img,.fx-erp .erp-section .tab-content-mobile .content-wrapper.flex .img,.fx-erp .erp-section .tab-content-mobile .content-wrapper.ground .img,.fx-erp .erp-section .tab-content-mobile .content-wrapper.manager .img,.fx-erp .erp-section .tab-content-mobile .content-wrapper.product .img,.fx-erp .erp-section .tab-content-mobile .content-wrapper.programmer .img,.fx-erp .erp-section .tab-content-mobile .content-wrapper.tech .img {
        margin: 10px 0 15px;
        width: 100%;
        height: auto
    }

    .fx-erp .erp-section .tab-content-mobile .content-wrapper.buy .label-container,.fx-erp .erp-section .tab-content-mobile .content-wrapper.cashier .label-container,.fx-erp .erp-section .tab-content-mobile .content-wrapper.ceo .label-container,.fx-erp .erp-section .tab-content-mobile .content-wrapper.contain .label-container,.fx-erp .erp-section .tab-content-mobile .content-wrapper.cost .label-container,.fx-erp .erp-section .tab-content-mobile .content-wrapper.decision .label-container,.fx-erp .erp-section .tab-content-mobile .content-wrapper.flex .label-container,.fx-erp .erp-section .tab-content-mobile .content-wrapper.ground .label-container,.fx-erp .erp-section .tab-content-mobile .content-wrapper.manager .label-container,.fx-erp .erp-section .tab-content-mobile .content-wrapper.product .label-container,.fx-erp .erp-section .tab-content-mobile .content-wrapper.programmer .label-container,.fx-erp .erp-section .tab-content-mobile .content-wrapper.tech .label-container {
        margin: 0
    }

    .fx-erp .erp-section.erp-section1 .description.description-for-mobile {
        display: inline-block;
        text-align: center;
        width: 90%
    }

    .fx-erp .erp-section.erp-section4 .tab,.fx-erp .erp-section.erp-section4 .tab-content,.fx-erp .erp-section.erp-section5 .tab,.fx-erp .erp-section.erp-section5 .tab-content {
        display: block;
        margin-top: 0
    }

    .fx-erp .erp-section.erp-section4 .tab-content,.fx-erp .erp-section.erp-section5 .tab-content {
        width: 100%;
        height: unset;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fx-erp .erp-section.erp-section4 .tab-content .content,.fx-erp .erp-section.erp-section5 .tab-content .content {
        margin-right: 0
    }

    .fx-erp .erp-section.erp-section4 .tab-content .content .label,.fx-erp .erp-section.erp-section5 .tab-content .content .label {
        margin-bottom: 30px
    }

    .fx-erp .erp-section6 {
        height: 42px
    }

    .fx-erp .erp-section6 .section6-phone,.fx-erp .erp-section6 .section6-query {
        display: none
    }

    .fx-erp .erp-section6 .section6-btn {
        height: 30px;
        line-height: 30px;
        font-size: 16px
    }
}

.fx-health-safety,.fx-order-management,.fx-quality-control {
    background-color: #FBFBFB
}

.fx-quality-control .solution-banner-comp .banner-desc {
    width: 100%;
    height: 50px
}

.fx-quality-control .section1 {
    background-color: #F8F8F8;
    padding: 85px 0
}

.fx-quality-control .section1 .section1-title {
    font-size: 42px;
    color: #1F2D3D;
    margin-bottom: 70px;
    text-align: center
}

.fx-quality-control .section2 {
    padding: 85px 0 105px;
    color: #1F2D3D;
    text-align: center
}

.fx-quality-control .section2 .section2-title {
    font-size: 42px;
    line-height: 59px;
    margin-bottom: 18px
}

.fx-quality-control .section2 .section2-description {
    font-size: 16px;
    color: #5E6D82;
    margin-bottom: 70px
}

.fx-quality-control .section2 .section2-image {
    width: 1042px
}

.fx-quality-control .graphic-content.grade .show-image>img,.fx-quality-control .graphic-content.message .show-image>img,.fx-quality-control .graphic-content.score .show-image>img,.fx-quality-control .graphic-content.substitute .show-image>img {
    width: 646px
}

.fx-quality-control .graphic-content.substitute {
    padding-top: 85px;
    height: 865px
}

.fx-quality-control .graphic-content.grade,.fx-quality-control .graphic-content.message {
    height: 606px
}

.fx-quality-control .graphic-content.substitute .show-image {
    margin-top: 90px;
    margin-left: 50px
}

.fx-quality-control .graphic-content.substitute .advantage-info {
    margin-right: 50px;
    margin-top: 195px
}

.fx-quality-control .graphic-content.grade .show-image {
    margin-top: 100px;
    margin-right: 46px
}

.fx-quality-control .graphic-content.grade .advantage-info {
    margin-left: 70px;
    margin-top: 190px
}

.fx-quality-control .graphic-content.message .show-image {
    margin-top: 100px;
    margin-left: 40px
}

.fx-quality-control .graphic-content.message .advantage-info {
    margin-right: 54px;
    margin-top: 242px
}

.fx-quality-control .graphic-content.score {
    height: 610px
}

.fx-quality-control .graphic-content.score .show-image {
    margin-top: 112px;
    margin-right: 15px
}

.fx-quality-control .graphic-content.score .advantage-info {
    margin-left: 70px;
    margin-top: 245px
}

.fx-quality-control .section5 {
    text-align: center;
    background-color: #1C2036;
    color: #fff;
    padding: 30px 0;
    font-size: 16px
}

@media screen and (max-width: 560px) {
    .fx-quality-control .section1 .section1-title {
        font-size:26px;
        margin-bottom: 70px;
        text-align: center
    }

    .fx-quality-control .section2 .section2-title {
        font-size: 26px
    }

    .fx-quality-control .section2 .section2-description {
        font-size: 14px;
        width: 310px;
        margin: 0 auto 20px
    }

    .fx-quality-control .section2 .section2-image {
        width: 100%
    }

    .fx-quality-control .graphic-content:nth-child(2n-1) .advantage-wrapper .advantage-info {
        float: none;
        margin-left: 0;
        margin-right: 0
    }

    .fx-quality-control .graphic-content.grade,.fx-quality-control .graphic-content.message,.fx-quality-control .graphic-content.score,.fx-quality-control .graphic-content.substitute {
        height: auto
    }

    .fx-quality-control .graphic-content.grade .advantage-info,.fx-quality-control .graphic-content.message .advantage-info,.fx-quality-control .graphic-content.score .advantage-info,.fx-quality-control .graphic-content.substitute .advantage-info {
        margin: 20px 0 40px
    }

    .fx-quality-control .graphic-content.grade .advantage-info .title,.fx-quality-control .graphic-content.message .advantage-info .title,.fx-quality-control .graphic-content.score .advantage-info .title,.fx-quality-control .graphic-content.substitute .advantage-info .title {
        font-size: 20px
    }

    .fx-quality-control .graphic-content.grade .advantage-info .info-container .info-item,.fx-quality-control .graphic-content.message .advantage-info .info-container .info-item,.fx-quality-control .graphic-content.score .advantage-info .info-container .info-item,.fx-quality-control .graphic-content.substitute .advantage-info .info-container .info-item {
        font-size: 14px
    }

    .fx-quality-control .graphic-content.grade .block-title,.fx-quality-control .graphic-content.message .block-title,.fx-quality-control .graphic-content.score .block-title,.fx-quality-control .graphic-content.substitute .block-title {
        font-size: 26px
    }

    .fx-quality-control .graphic-content .advantage-wrapper .advantage-figure,.fx-quality-control .graphic-content .advantage-wrapper .show-image {
        display: none
    }

    .fx-quality-control .section5 {
        font-size: 14px;
        position: relative
    }

    .fx-quality-control .section5 .join-group-comp .join-group .qr-code-container {
        bottom: 80px
    }
}

.fx-order-management .solution-banner-comp .banner-desc {
    width: 640px
}

.fx-order-management .section1 {
    background-color: #F8F8F8;
    padding: 85px 0
}

.fx-order-management .section1 .section1-title {
    font-size: 42px;
    color: #1F2D3D;
    margin-bottom: 70px;
    text-align: center
}

.fx-order-management .section2 {
    padding: 85px 0 8px;
    color: #1F2D3D;
    text-align: center
}

.fx-order-management .section2 .section2-title {
    font-size: 42px;
    line-height: 59px;
    margin-bottom: 18px
}

.fx-order-management .section2 .section2-description {
    font-size: 16px;
    color: #5E6D82;
    margin-bottom: 60px
}

.fx-order-management .section2 .section2-image {
    width: 1082px
}

.fx-order-management .graphic-content.substitute {
    padding-top: 85px;
    height: 702px
}

.fx-order-management .graphic-content.grade,.fx-order-management .graphic-content.message {
    height: 606px
}

.fx-order-management .graphic-content.substitute .show-image {
    margin-top: 54px;
    margin-left: 52px
}

.fx-order-management .graphic-content.substitute .show-image>img {
    width: 714px
}

.fx-order-management .graphic-content.substitute .advantage-info {
    margin-right: 52px;
    margin-top: 156px
}

.fx-order-management .graphic-content.grade .show-image {
    margin-top: 100px;
    margin-right: 52px
}

.fx-order-management .graphic-content.grade .show-image>img {
    width: 704px
}

.fx-order-management .graphic-content.grade .advantage-info {
    margin-left: 70px;
    margin-top: 204px
}

.fx-order-management .graphic-content.message .show-image {
    margin-top: 100px;
    margin-left: 52px
}

.fx-order-management .graphic-content.message .show-image>img {
    width: 716px
}

.fx-order-management .graphic-content.message .advantage-info {
    margin-right: 54px;
    margin-top: 216px
}

.fx-order-management .graphic-content.score {
    height: 600px
}

.fx-order-management .graphic-content.score .show-image {
    margin-top: 90px;
    margin-right: 50px
}

.fx-order-management .graphic-content.score .show-image>img {
    width: 684px
}

.fx-order-management .graphic-content.score .advantage-info {
    margin-left: 70px;
    margin-top: 194px
}

.fx-order-management .section5 {
    text-align: center;
    background-color: #1C2036;
    color: #fff;
    padding: 30px 0;
    font-size: 16px
}

@media screen and (max-width: 560px) {
    .fx-order-management .solution-banner-comp .banner-desc {
        width:auto
    }

    .fx-order-management .section1 .section1-title,.fx-order-management .section2 .section2-title {
        font-size: 26px
    }

    .fx-order-management .section2 .section2-description {
        font-size: 14px
    }

    .fx-order-management .section2 .section2-image {
        width: 100%
    }

    .fx-order-management .graphic-content:nth-child(2n-1) .advantage-wrapper .advantage-info {
        float: none;
        margin-left: 0;
        margin-right: 0
    }

    .fx-order-management .graphic-content.grade,.fx-order-management .graphic-content.message,.fx-order-management .graphic-content.score,.fx-order-management .graphic-content.substitute {
        height: auto
    }

    .fx-order-management .graphic-content.grade .advantage-info,.fx-order-management .graphic-content.message .advantage-info,.fx-order-management .graphic-content.score .advantage-info,.fx-order-management .graphic-content.substitute .advantage-info {
        margin: 20px 0 40px
    }

    .fx-order-management .graphic-content.grade .advantage-info .title,.fx-order-management .graphic-content.message .advantage-info .title,.fx-order-management .graphic-content.score .advantage-info .title,.fx-order-management .graphic-content.substitute .advantage-info .title {
        font-size: 20px
    }

    .fx-order-management .graphic-content.grade .advantage-info .info-container .info-item,.fx-order-management .graphic-content.message .advantage-info .info-container .info-item,.fx-order-management .graphic-content.score .advantage-info .info-container .info-item,.fx-order-management .graphic-content.substitute .advantage-info .info-container .info-item {
        font-size: 14px
    }

    .fx-order-management .graphic-content.grade .block-title,.fx-order-management .graphic-content.message .block-title,.fx-order-management .graphic-content.score .block-title,.fx-order-management .graphic-content.substitute .block-title {
        font-size: 26px
    }

    .fx-order-management .graphic-content .advantage-wrapper .advantage-figure,.fx-order-management .graphic-content .advantage-wrapper .show-image {
        display: none
    }

    .fx-order-management .section5 {
        font-size: 14px;
        position: relative
    }

    .fx-order-management .section5 .join-group-comp .join-group .qr-code-container {
        bottom: 80px
    }
}

.fx-health-safety .solution-banner-comp .banner-desc {
    width: 640px
}

.fx-health-safety .section1 {
    background-color: #F8F8F8;
    padding: 85px 0
}

.fx-health-safety .section1 .section1-title {
    font-size: 42px;
    color: #1F2D3D;
    margin-bottom: 70px;
    text-align: center
}

.fx-health-safety .section1 .analyze-comp .manage-item {
    height: 228px
}

.fx-health-safety .section2 {
    padding: 85px 0 8px;
    color: #1F2D3D;
    text-align: center
}

.fx-health-safety .section2 .section2-title {
    font-size: 42px;
    line-height: 59px;
    margin-bottom: 18px
}

.fx-health-safety .section2 .section2-description {
    font-size: 16px;
    color: #5E6D82;
    margin-bottom: 60px
}

.fx-health-safety .section2 .section2-image {
    width: 1082px
}

.fx-health-safety .graphic-content.message .show-image>img,.fx-health-safety .graphic-content.substitute .show-image>img {
    width: 686px
}

.fx-health-safety .graphic-content.substitute {
    padding-top: 85px;
    height: 702px
}

.fx-health-safety .graphic-content.substitute .show-image {
    margin-top: 54px;
    margin-left: 52px
}

.fx-health-safety .graphic-content.substitute .advantage-info {
    margin-right: 52px;
    margin-top: 132px
}

.fx-health-safety .graphic-content.grade {
    height: 654px
}

.fx-health-safety .graphic-content.grade .show-image {
    margin-top: 100px;
    margin-right: 26px
}

.fx-health-safety .graphic-content.grade .show-image>img {
    width: 700px
}

.fx-health-safety .graphic-content.grade .advantage-info {
    margin-left: 70px;
    margin-top: 168px
}

.fx-health-safety .graphic-content.message {
    height: 606px
}

.fx-health-safety .graphic-content.message .show-image {
    margin-top: 100px;
    margin-left: 52px
}

.fx-health-safety .graphic-content.message .advantage-info {
    margin-right: 54px;
    margin-top: 180px
}

.fx-health-safety .section5 {
    text-align: center;
    background-color: #1C2036;
    color: #fff;
    padding: 30px 0;
    font-size: 16px
}

@media screen and (max-width: 560px) {
    .fx-health-safety .solution-banner-comp .banner-desc {
        width:auto
    }

    .fx-health-safety .section1 .section1-title,.fx-health-safety .section2 .section2-title {
        font-size: 26px
    }

    .fx-health-safety .section2 .section2-description {
        font-size: 14px;
        width: 310px;
        margin: 0 auto 20px
    }

    .fx-health-safety .section2 .section2-image {
        width: 100%
    }

    .fx-health-safety .graphic-content:nth-child(2n-1) .advantage-wrapper .advantage-info {
        float: none;
        margin-left: 0;
        margin-right: 0
    }

    .fx-health-safety .graphic-content.grade,.fx-health-safety .graphic-content.message,.fx-health-safety .graphic-content.score,.fx-health-safety .graphic-content.substitute {
        height: auto
    }

    .fx-health-safety .graphic-content.grade .advantage-info,.fx-health-safety .graphic-content.message .advantage-info,.fx-health-safety .graphic-content.score .advantage-info,.fx-health-safety .graphic-content.substitute .advantage-info {
        margin: 20px 0 40px
    }

    .fx-health-safety .graphic-content.grade .advantage-info .title,.fx-health-safety .graphic-content.message .advantage-info .title,.fx-health-safety .graphic-content.score .advantage-info .title,.fx-health-safety .graphic-content.substitute .advantage-info .title {
        font-size: 20px
    }

    .fx-health-safety .graphic-content.grade .advantage-info .info-container .info-item,.fx-health-safety .graphic-content.message .advantage-info .info-container .info-item,.fx-health-safety .graphic-content.score .advantage-info .info-container .info-item,.fx-health-safety .graphic-content.substitute .advantage-info .info-container .info-item {
        font-size: 14px
    }

    .fx-health-safety .graphic-content.grade .block-title,.fx-health-safety .graphic-content.message .block-title,.fx-health-safety .graphic-content.score .block-title,.fx-health-safety .graphic-content.substitute .block-title {
        font-size: 26px
    }

    .fx-health-safety .graphic-content .advantage-wrapper .advantage-figure,.fx-health-safety .graphic-content .advantage-wrapper .show-image {
        display: none
    }

    .fx-health-safety .section5 {
        font-size: 14px;
        position: relative
    }

    .fx-health-safety .section5 .join-group-comp .join-group .qr-code-container {
        bottom: 80px
    }
}

.zsk_main {
    background: #FBFBFB;
    font-family: "PingFang SC","Source Sans Pro","Helvetica Neue","Microsoft Yahei",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif
}

.zsk_main li,.zsk_main ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.zsk_main a:hover {
    text-decoration: none
}

.zsk_main input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.zsk_main input[type=number] {
    -moz-appearance: textfield
}

.zsk_main button:focus {
    outline: 0
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.contwrap {
    width: 1280px;
    margin: 0 auto
}

.zsk_bgimg {
    background: url(../image/ind_bg.png) top center no-repeat;
    background-size: 100% 100%
}

.zsk_nav_bg {
    background: url(../image/zsk_nav_bg.png) top center no-repeat;
    background-size: 100% 100%
}

.ind_logo {
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 40px
}

.ind_logo img {
    height: 30px;
    -o-object-fit: cover;
    object-fit: cover
}

.zsk_search {
    padding-left: 60px
}

.zsk_search h2 {
    font-size: 44px;
    font-weight: 700;
    color: #1F2D3D
}

.zsk_search h2 em {
    font-style: normal
}

.zsk_search p {
    font-size: 16px;
    color: #5E6D82;
    padding-top: 5%;
    padding-bottom: 10%
}

.zsk_search span {
    color: #8E98A7;
    font-size: 14px
}

.zsk_searchipt {
    background: #fff;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 8px rgba(123,123,123,.09);
    box-shadow: 0 1px 8px rgba(123,123,123,.09);
    overflow: hidden
}

.zsk_flex,.zsk_img {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.zsk_searchipt .zsk_input input[type=number] {
    height: 58px;
    border: none;
    background: #fff;
    padding-left: 14%;
    width: 100%
}

.zsk_searchipt .zsk_input input[type=number]:focus {
    outline: 0
}

.zsk_searchipt .zsk_input input::-webkit-input-placeholder {
    color: #C3CDDA
}

.zsk_searchipt button {
    width: 35%;
    height: 58px;
    border: none;
    background: #0DB3A6;
    font-size: 20px;
    color: #fff
}

.zsk_input {
    width: 80%;
    position: relative
}

.zsk_input img {
    width: 17px;
    height: 22px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 22px;
    top: 18px
}

.zsk_bk_img,.zsk_img,.zsk_img img {
    width: 100%
}

.zsk_img {
    max-height: 493px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.box-shadow {
    -webkit-box-shadow: 0 4px 17px rgba(16,20,40,.04);
    box-shadow: 0 4px 17px rgba(16,20,40,.04)
}

.zsk_baike {
    text-align: center
}

.zsk_baike h2 {
    font-size: 42px;
    color: #1F2D3D;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.zsk_baike h2 img {
    height: 42px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 20px
}

.zsk_baike p {
    font-size: 18px;
    color: #5E6D82
}

.zsk_bk_img {
    position: relative;
    max-width: 1280px;
    margin: 40px auto
}

.zsk_bk_img img.zsk_img_100 {
    width: 80%;
    max-width: 900px;
    height: auto
}

.zsk_bk_img img.zsk_bk_right {
    width: 25%;
    max-width: 250px;
    position: absolute;
    right: 10%;
    bottom: 0
}

.zsk_bk_img img.zsk_bk_left {
    width: 25%;
    max-width: 250px;
    position: absolute;
    left: 10%;
    bottom: 0
}

.zsk_classic {
    position: relative;
    width: 80%;
    max-width: 1280px;
    margin: 40px auto
}

.zsk_classic ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.zsk_classic li {
    width: 29%;
    text-align: center;
    padding: 4% 4% 2%;
    border-radius: 5px;
    margin-top: 4%;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgba(16,20,40,.04);
    box-shadow: 0 2px 10px rgba(16,20,40,.04)
}

.zsk_classic li img {
    height: 48px;
    -o-object-fit: cover;
    object-fit: cover
}

.zsk_classic li h3 {
    font-size: 20px;
    color: #303030;
    margin-top: 31px;
    margin-bottom: 20px;
    font-weight: 700
}

.zsk_classic li p {
    color: #5E6D82;
    font-size: 14px
}

.zsk_mfsy {
    background: url(../image/data_banner_bottom.png) no-repeat;
    height: 265px;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.zsk_mfsy h2 {
    font-size: 42px;
    font-weight: 700;
    color: #fff
}

.zsk_mfsy p {
    text-shadow: 0 1px 3px rgba(37,127,213,.5);
    font-size: 18px;
    color: #fff;
    padding: 1em 0
}

.zsk_mfint {
    width: 30%;
    height: 48px;
    background: #fff;
    border-radius: 50px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.zsk_mfint input {
    width: 70%;
    border-radius: 50px;
    border: none;
    padding-left: 20px
}

.zsk_mfint input::-webkit-input-placeholder {
    color: #C3CDDA
}

.zsk_mfint input:focus {
    outline: 0
}

.zsk_mfint button {
    border-radius: 50px;
    background: #FF971E;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border: none;
    width: 30%;
    position: relative;
    right: -1px
}

.zsk_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.zsk_item h2 {
    font-size: 32px;
    color: #1F2D3D;
    margin-bottom: 34px;
    font-weight: 700
}

.zsk_item ul li {
    font-size: 16px;
    color: #5E6D82;
    position: relative;
    padding-bottom: 30px;
    padding-left: 22px
}

.zsk_item ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 12px;
    height: 12px;
    border: 3px solid #0DB3A6;
    border-radius: 10px
}

.zsk_jjfa {
    width: 90%;
    margin: 39px auto 0
}

.zsk_item_img img,.zsk_jjfa img {
    width: 100%
}

.zsk_offer {
    margin-right: 6%
}

.zsk_phfa {
    display: none
}

.zsk_safe {
    margin-top: 40px;
    position: relative
}

.zsk_tabs ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0 auto
}

.zsk_tabs ul li {
    border: 1px solid #D9D9D9;
    color: #5E6D82;
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    width: 200px;
    border-radius: 100px
}

.zsk_tabs ul li a {
    color: #5E6D82;
    display: block
}

.zsk_tabs ul li.zsk_active {
    background: #0DB3A6;
    color: #fff
}

.zsk_tabs ul li.zsk_active a {
    color: #fff;
    text-decoration: none;
    font-weight: 700
}

.zsk_tabcont {
    background: #FBFBFB;
    height: 487px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.zsk_tabcont ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 50px;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.zsk_tabcont ul li {
    width: 17%;
    margin: 1% 22px 0;
    height: 200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.zsk_tabcont ul li img {
    width: 48px;
    height: 48px
}

.zsk_tabcont ul li h4 {
    font-size: 18px;
    color: #1F2D3D;
    margin-top: 23px;
    margin-bottom: 13px
}

.zsk_tabcont ul li p {
    color: #5E6D82;
    font-size: 14px;
    width: 100%
}

.zsk_last ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.zsk_fb,.zsk_fb ul {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.zsk_last .zsk_tabcont ul li {
    width: 23%
}

.zsk_last .zsk_tabcont ul li:first-child p {
    width: 70%;
    margin: 0 auto
}

.zsk_fb ul {
    margin: 4% auto 0
}

.zsk_fb ul li {
    width: 20%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.zsk_mar ul li {
    text-align: left
}

.contlink {
    background: url(../image/zsk_link.png) top center no-repeat;
    margin: 0 auto;
    background-size: 100% 100%;
    background-clip: padding-box
}

.contlink h2 {
    font-size: 42px;
    color: #1F2D3D;
    margin-bottom: 20px;
    text-align: center
}

.contlink ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto
}

.contlink ul li {
    width: 18%;
    margin-top: 23px
}

.contlink ul li img {
    width: 100%
}

.zsk_pad {
    padding: 40px 100px;
    max-width: 1280px;
    width: 80%;
    margin: 0 auto
}

.zsk-title {
    padding: 120px 0 60px
}

.user-feedback {
    width: 92%;
    margin: 50px auto;
    background: url(../image/zsk_57.png) top center no-repeat;
    background-size: 100% 100%;
    height: 240px;
    overflow: hidden;
    white-space: nowrap
}

.user-feedback ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.user-feedback ul li {
    margin: 0 43px
}

.user-feedback ul li img {
    height: 48px
}

.zsk_phone {
    display: none
}

.zsk_item_mar {
    margin-left: 5%
}

.mfint_mar {
    margin-top: 2%
}

.padnone {
    padding: 0;
    margin: 0
}

.zsk_marbot {
    margin-bottom: 8%
}

.zsk_marbot img {
    width: 100%
}

.zsk_protect {
    padding: 60px 60px 0
}

.scroll_div {
    width: 1920px;
    overflow: hidden;
    white-space: nowrap;
    margin: 50px 0
}

#scroll_begin,#scroll_begin ul,#scroll_begin ul li,#scroll_begin1,#scroll_begin1 ul,#scroll_begin1 ul li,#scroll_end,#scroll_end ul,#scroll_end ul li,#scroll_end1,#scroll_end1 ul,#scroll_end1 ul li {
    display: inline-block
}

@media (max-width: 1280px) {
    .zsk_pad,.zsk_protect .zsk_tabcont {
        margin:0 auto
    }

    .zsk_pad {
        padding: 30px;
        max-width: 1280px;
        width: 90%
    }

    .zsk_bk_img img.zsk_bk_right {
        right: 0
    }

    .zsk_bk_img img.zsk_bk_left {
        left: 0
    }

    .zsk_protect {
        padding: 60px 60px 0
    }

    .zsk_protect .zsk_tabcont li {
        margin: 0 13px
    }

    .zsk_protect .zsk_tabcont li p {
        font-size: 13px
    }

    .zsk-title {
        padding: 120px 0 60px
    }
}

@media (max-width: 1024px) {
    .zsk_searchipt button {
        font-size:15px
    }
}

@media (max-width: 768px) {
    .contlink h2,.zsk_baike h2 {
        font-weight:700
    }

    .padnone {
        padding: 0;
        margin: 0
    }

    .zsk_pc {
        display: none!important
    }

    .zsk_flex,.zsk_phfa,.zsk_phone,.zsk_searchipt+span {
        display: block
    }

    .zsk_pad {
        padding: 5% 0
    }

    .zsk-title {
        padding: 120px 0 5%
    }

    .ind_logo,.zsk_search {
        padding-left: 0
    }

    .zsk_searchipt {
        height: 42px
    }

    .zsk_searchipt button {
        font-size: 14px;
        width: 32%
    }

    .contlink h2,.zsk_baike h2,.zsk_search h2 {
        font-size: 22px
    }

    .zsk_searchipt+span {
        text-align: center;
        color: #5E6D82
    }

    .zsk_input img,.zsk_jjfa,.zsk_search em {
        display: none
    }

    .zsk_phfa img {
        width: 100%
    }

    .w90,.zsk_search {
        width: 80%;
        margin: 0 auto
    }

    .zsk_search {
        text-align: center
    }

    .zsk_search p {
        padding: 3% 0 5%
    }

    .contwrap {
        width: 100%;
        overflow: hidden
    }

    .contlink {
        width: 100%;
        overflow: hidden;
        padding: 0;
        background: 0 0
    }

    .contlink ul {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    .contlink ul li {
        margin-left: 0;
        width: 24%;
        margin-top: 10px
    }

    .user-feedback {
        width: 100%;
        overflow: hidden;
        margin-top: 5%;
        margin-bottom: 10%;
        height: 189px
    }

    .user-feedback ul {
        margin-top: 10px
    }

    .zsk_item_img,.zsk_mfint {
        margin: 0 auto;
        width: 80%
    }

    .user-feedback .swiper-wrapper .swiper-slide {
        width: auto!important
    }

    .zsk_img img {
        width: 80%
    }

    .zsk_mfint {
        height: 38px
    }

    .zsk_mfint button {
        width: 37%
    }

    .zsk_baike h2 img {
        height: 22px;
        margin-right: 10px
    }

    .zsk_baike p {
        font-size: 13px;
        width: 90%;
        margin: 0 auto 15px
    }

    .zsk_bk_img {
        width: 80%;
        margin: 0 auto
    }

    .zsk_classic {
        width: 100%
    }

    .zsk_classic li {
        width: 48%;
        margin: 0 0 4%;
        padding: 4% 0 2%
    }

    .zsk_classic li h3 {
        margin-top: 7%;
        margin-bottom: 10%
    }

    .zsk_classic li img {
        height: 38px
    }

    .zsk_mfsy {
        height: 170px
    }

    .zsk_mfsy h2 {
        font-size: 22px
    }

    .zsk_mfsy p {
        font-size: 14px
    }

    .zsk_offer {
        margin: 0 auto
    }

    .zsk_order {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .zsk_tabcont {
        height: 266px
    }

    .zsk_tabcont ul {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .zsk_tabcont ul li {
        background: #fff;
        margin: 0 2%;
        -webkit-box-shadow: 0 2px 10px rgba(16,20,40,.04);
        box-shadow: 0 2px 10px rgba(16,20,40,.04);
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        width: 46%
    }

    .zsk_tabcont ul li h4 {
        font-weight: 400;
        font-size: 16px
    }

    .zsk_item {
        display: block
    }

    .zsk_item ul {
        margin-top: 5%;
        width: 87%;
        margin-left: 10%
    }

    .zsk_item ul li {
        padding-bottom: 3%
    }

    .zsk_item h2 {
        text-align: center;
        font-size: 22px;
        font-weight: 700
    }

    .zsk_tabs ul li {
        margin: 0;
        border: none;
        border-bottom: 1px #D9D9D9 solid;
        border-radius: 0;
        font-size: 13px
    }

    .zsk_tabs ul li.zsk_active {
        background: 0 0;
        border-bottom: 2px #0DB3A6 solid
    }

    .zsk_tabs ul li.zsk_active a {
        color: #0DB3A6
    }

    .zsk_safe {
        height: 230px
    }

    .zsk_safe .swiper-wrapper {
        margin-top: 30px
    }

    .zsk_safe .swiper-wrapper .swiper-slide {
        width: 49%!important;
        border-radius: 5px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 8px;
        padding-top: 5px;
        margin-right: 0!important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 150px
    }

    .zsk_safe .swiper-wrapper .swiper-slide img {
        width: 42px;
        height: 42px
    }

    .zsk_safe .swiper-wrapper .swiper-slide h4 {
        font-size: 14px
    }

    .zsk_safe .swiper-container {
        width: 100%;
        height: 100%
    }

    .zsk_safe .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        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
    }

    .zsk_safe .swiper-wrapper.text-left .swiper-slide {
        height: 150px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .zsk_safe .swiper-wrapper.text-left .swiper-slide h4 {
        margin-left: 5%
    }

    .zsk_safe .swiper-wrapper.text-left .swiper-slide img {
        margin-left: 4%
    }

    .zsk_safe #content section {
        padding: 0
    }

    .mfint_mar {
        margin-top: 2%
    }

    .text-left p {
        text-align: left
    }

    .scroll_div {
        margin: 24px 0
    }

    .zsk_baike {
        overflow-y: hidden
    }
}

@media (max-width: 375px) {
    .zsk_pad,.zsk_protect {
        padding:30px 0
    }

    .zsk_pad,.zsk_protect .zsk_tabcont {
        margin: 0 auto
    }

    .zsk_pad {
        width: 100%
    }

    .zsk_bk_img img.zsk_bk_right {
        right: 0
    }

    .zsk_bk_img img.zsk_bk_left {
        left: 0
    }

    .zsk_protect .zsk_tabcont li {
        margin: 0 13px
    }

    .zsk_protect .zsk_tabcont li p {
        font-size: 13px
    }

    .zsk-title {
        padding: 90px 0 50px
    }

    .zsk_searchipt button {
        font-size: 14px
    }

    .zsk_mfsy p {
        font-size: 12px
    }
}

@media (max-width: 320px) {
    .zsk_searchipt button,.zsk_tabs ul li {
        font-size:12px
    }

    .zsk_safe .swiper-wrapper .swiper-slide {
        width: 55%!important
    }
}

@media (max-width: 360px) {
    .zsk_mfsy p {
        font-size:13px
    }

    .contlink h2,.zsk_baike h2 {
        font-size: 20px
    }
}

/* price s2 s3 */
.fx-crm-manage{
    position: relative;
    top: -400px;
}

.price-bottom-txt{
    background: #FFFFFF;
    height: 100px;
    position: relative;
    margin-bottom: 113px;
}

.price-bottom-txt .txt{
    margin-top: 500px;
    width: 1290px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    font-weight: 400;
    color: #111C3A;
    line-height: 35px;
}


.price-bottom-txt .txt a{
    display: inline-block;
    width: 110px;
    height: 40px;
    background-color: #00ACBE;
    border-radius: 23px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
}

.fx-crm-manage .bricks {
    padding: 0 30px
}

.fx-crm-manage .crm-manage-background {
    background: #FAFFFF;
    position: relative
}

.fx-crm-manage .crm-manage-background.title-tall {
    margin-top: 60px
}

.fx-crm-manage .crm-manage-background .crm-bg-img {
    background: linear-gradient(135deg,#F4FBFE 0,rgba(244,247,254,.26) 100%);
    background-size: cover
}

.fx-crm-manage .crm-manage-background .crm-bg-img .live-tip {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    background: #e3f9f8;
    height: 60px
}

.fx-crm-manage .crm-manage-background .crm-bg-img .live-tip .live-banner {
    width: 1280px;
    margin: 0 auto;
    height: 100%
}

.fx-crm-manage .crm-manage-background .crm-bg-img .live-tip .live-banner .live-banner-image {
    width: 100%;
    height: 100%;
    background: url(../image/advertise_pc_pro.png) center center no-repeat;
    background-size: cover
}

.fx-crm-manage .crm-manage-background .crm-bg-img .live-tip .live-qrcode-show {
    display: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 436px;
    z-index: 2
}

.fx-crm-manage .crm-manage-background .crm-bg-img .live-tip:hover .live-qrcode-show {
    display: block
}

.fx-crm-manage .crm-manage-title {
    padding: 85px 0 0
}

.fx-crm-manage .crm-manage-title .row {
    width: 1280px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 40px
}

.fx-crm-manage .crm-manage-title .txt {
    width: 530px;
    margin-top: 100px
}

.fx-crm-manage .crm-manage-title .txt .crm-title {
    font-size: 44px;
    font-weight: 500;
    color: #0DB3A6;
    line-height: 54px;
    margin-bottom: 4px;
    position: relative
}

.fx-crm-manage .crm-manage-title .txt .crm-title img {
    position: absolute;
    top: 0;
    right: 60px;
    width: 54px
}

.fx-crm-manage .crm-manage-title .txt h3 {
    font-size: 36px;
    font-weight: 500;
    color: #1F2D3D;
    line-height: 42px;
    margin-bottom: 40px
}

.fx-crm-manage .crm-manage-title .txt h3 span {
    color: #0DB3A6;
    font-weight: 600
}

.fx-crm-manage .crm-manage-title .txt .video-block-mobile {
    display: none
}

.fx-crm-manage .crm-manage-title .txt form {
    width: 440px;
    height: 48px;
    background: #FFF;
    -webkit-box-shadow: 0 1px 8px 0 rgba(123,123,123,.09);
    box-shadow: 0 1px 8px 0 rgba(123,123,123,.09);
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 20px
}

.fx-crm-manage .crm-manage-title .txt form input[type=text] {
    width: 260px;
    font-size: 14px;
    padding-left: 45px;
    height: 48px;
    font-weight: 400;
    color: #1F2D3D;
    background-image: url(../image/2020jdy-iphone.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 15px center
}

.fx-crm-manage .crm-manage-title .txt form input[type=text]::-webkit-input-placeholder {
    color: #C3CDDA
}

.fx-crm-manage .crm-manage-title .txt form input[type=button] {
    width: 180px;
    height: 48px;
    font-size: 20px;
    background: #0db3a6;
    color: #fff;
    cursor: pointer
}

.fx-crm-manage .crm-manage-title .txt .crm-tip {
    font-size: 14px;
    color: #5E6D82;
    line-height: 24px
}

.fx-crm-manage .crm-manage-title .txt p {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #5E6D82;
    line-height: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-crm-manage .crm-manage-title .txt p img {
    width: 18px;
    margin-right: 6px
}

.fx-crm-manage .crm-manage-title .video-block {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.fx-crm-manage .crm-manage-title .video-block .video-btn {
    width: 206px;
    height: 206px;
    background: url(../image/video_btn.png);
    background-size: cover;
    position: absolute;
    top: 40%;
    left: 45%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.fx-crm-manage .crm-manage-title .img-pc {
    width: 445px;
    height: 520px;
    margin-left: 60px
}

.fx-crm-manage .btn-container {
    padding-top: 40px;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 135px
}

.fx-crm-manage .btn-container .bricks-btn.disabled,.fx-crm-manage .reason-switch-container-mobile {
    display: none
}

.fx-crm-manage .btn-container .bricks-btn {
    font-size: 18px;
    width: 240px;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
    position: relative
}

.fx-crm-manage .btn-container .bricks-btn.install-link {
    background: #fff;
    color: #FF971E;
    margin-right: 0
}

.fx-crm-manage .btn-container .bricks-btn.install-link:hover {
    background: #FFEEDB
}

.fx-crm-manage .btn-container .bricks-btn .crm-tips {
    position: absolute;
    top: -15px;
    left: 4px;
    width: 110px
}

.fx-crm-manage .crm-manage-promote {
    position: relative;
    top: -56px;
    height: 0
}

.fx-crm-manage .crm-manage-promote .promote {
    padding: 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fx-crm-manage .crm-manage-promote .promote .promote-item {
    position: relative;
    width: 268px;
    height: 122px;
    padding: 30px 32px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px 5px rgba(16,20,40,.05);
    box-shadow: 0 10px 20px 5px rgba(16,20,40,.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px
}

.fx-crm-manage .crm-manage-promote .promote .promote-item .item-icon {
    margin-right: 10px
}

.fx-crm-manage .crm-manage-promote .promote .promote-item .item-icon img {
    width: 60px;
    height: 60px
}

.fx-crm-manage .crm-manage-promote .promote .item-sub-title {
    font-size: 16px;
    color: #1F2D3D;
    margin: 0 0 4px
}

.fx-crm-manage .crm-manage-promote .promote .item-info {
    font-size: 24px;
    font-weight: 600;
    color: #F5A623
}

.fx-crm-manage .crm-manage-promote .promote .item-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.fx-crm-manage .crm-manage-reason .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-crm-manage .crm-manage-reason .bricks-description {
    margin-bottom: 40px
}

.fx-crm-manage .crm-manage-reason .reason-panes {
    padding-bottom: 50px
}

.fx-crm-manage .crm-manage-reason .reason-panes .pane {
    display: inline-block;
    width: 270px;
    height: 380px;
    background: #FFF;
    border-radius: 6px;
    margin: 0 10px;
    padding: 0 9px 61px;
    vertical-align: top
}

.fx-crm-manage .crm-manage-reason .reason-panes .pane .pic {
    display: block;
    width: 46px;
    height: 48px;
    margin: 50px auto 29px
}

.fx-crm-manage .crm-manage-reason .reason-panes .pane .pane-description:last-child,.fx-inventory .inventory-reason .reason-panes .pane .pane-description:last-child {
    margin-top: 20px
}

.fx-crm-manage .crm-manage-reason .reason-panes .pane .pane-title {
    text-align: center;
    margin-bottom: 20px
}

.fx-crm-manage .crm-manage-reason .reason-panes .pane .pane-title span {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    line-height: 22px
}

.fx-crm-manage .crm-manage-reason .reason-panes .pane .pane-title .colorful {
    color: #F5A623
}

.fx-crm-manage .crm-manage-reason .reason-panes .pane .pane-description {
    padding: 0 13px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 20px
}

.fx-crm-manage .crm-manage-solution .section1:nth-child(2n-1) {
    background: #fff
}

.fx-crm-manage .crm-manage-solution .bricks-sub-title {
    padding-top: 50px;
    padding-bottom: 10px;
    font-size: 36px;
    line-height: 36px
}

.fx-crm-manage .bricks{
    width: 1200px;
}

.fx-crm-manage .crm-manage-solution .solution-banner {
    padding: 0;
    text-align: center
}

.fx-crm-manage .crm-manage-solution .solution-banner .crm-solution-title {
    font-size: 36px;
    color: #1F2D3D;
    letter-spacing: 1px;
    padding-bottom: 40px
}

.fx-crm-manage .crm-manage-solution .solution-banner .crm-solution-title .color-orange {
    padding: 0 15px;
    color: #F5A623
}

.fx-crm-manage .crm-manage-solution .solution-banner .crm-solution-description {
    font-size: 16px;
    color: #5E6D82;
    margin: 12px 0 40px
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item {
    width: 370px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20px 0px rgba(16, 37, 40, 0.1);
    border-radius: 8px;
    margin-right: 30px;
    text-align: center;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .top-banner{
    width: 370px;
    height: 12px;
    border-radius: 8px 8px 0px 0px;
    margin-bottom: 25px;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .last-list-item{
    margin-right: 0;
}
/*
.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-title-1{
  width: 72px;
  height: 33px;
  font-size: 24px;
  font-weight: 400;
  color: #111C3A;
  line-height: 33px;
  margin-bottom: 48px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
} */

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-title-1{
    width: auto;
    height: 42px;
    font-size: 24px;
    font-weight: 600;
    color: #111C3A;
    line-height: 42px;
    margin-bottom: 40px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-title-2{
    /* width: 21px; */
    height: 49px;
    font-size: 30px;
    font-family: Alibaba PuHuiTi-Regular, Alibaba PuHuiTi;
    font-weight: 700;
    color: #111C3A;
    /* line-height: 42px; */
    text-align: center;
    margin: 20px auto 20px;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-title-2 span{
    width: 10px;
    height: 22px;
    font-size: 16px;
    font-family: Alibaba PuHuiTi-Medium, Alibaba PuHuiTi;
    font-weight: 500;
    color: #111C3A;
    line-height: 19px;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .old-price{
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    height: 22px;
    color: rgba(13, 21, 64, 0.2);
    font-size: 14px;
    margin-bottom: 30px;
    text-decoration: line-through;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-inner-button{
    display: block;
    border-radius: 2px;
    width: 290px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    /* font-size: 16px; */
    font-weight: 400;
    /* color: #FFFFFF; */
    line-height: 32px;
    margin-bottom: 40px;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-inner-button-1{
    color: #111C3A;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-division-line{
    width: 290px;
    height: 1px;
    /* background: #E4EBEC; */
    background: rgba(13, 21, 64, 0.1);
    margin-left: auto;
    margin-right: auto;
}
/*
.fx-crm-manage .list-item-1 .top-banner,.fx-crm-manage .list-item-1 .item-inner-button{
  background-color: #EBEBEB;
} */

.fx-crm-manage .list-item-1 .top-banner{
    background-color: #00ACBE;
}

.fx-crm-manage .list-item-1 .item-inner-button{
    background: rgba(0, 172, 190, 0.1);
    color: #00ACBE;
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
}

.fx-crm-manage .list-item-2 .top-banner{
    background-color: #688FD8;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item.list-item-2 .item-inner-button{
    background: linear-gradient(135deg, #6FA5ED 0%, #3C6CD7 100%);
    width: 135px;
    display: inline-block;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item.list-item-2 .item-inner-button.small-1{
    margin-right: 20px;
    background: rgba(104, 143, 216, 0.1);
    color: #688FD8;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item.list-item-2 .item-inner-button.small-2{
    background: #688FD8;
    color: #FFFFFF;
}

.fx-crm-manage .list-item2 .tip-img{
    width: 123px;
    height: 37px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -63px;
    margin-bottom: 25px;
    background-image: url(../image/tip-推荐@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 16px;
    font-weight: 600;
    line-height: 37px;
    color: #FFFFFF;
}

.fx-crm-manage .list-item-3 .top-banner{
    background-color: #FAAA39;
}

.fx-crm-manage .list-item-3 .item-inner-button{
    background: #FAAA39;
    color: #FFFFFF;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-banner-mobile,.fx-crm-manage .crm-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-crm-manage .crm-manage-solution .solution-item .img-vertical-middle-mobile {
    display: none
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-content{
    margin-left: 40px;
    margin-right: 40px;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-content-title{
    height: 12px;
    font-size: 12px;
    font-weight: 400;
    color: #9A9FA3;
    line-height: 12px;
    margin-top: 20px;
    text-align: left;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-txt-line{
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    margin-bottom: 15px;
}

.first-line{
    margin-top: 15px;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-txt-left{
    font-size: 14px;
    font-weight: 400;
    color: #0D1540;
    line-height: 16px;
    margin-right: 7px;
    float: left;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-txt-left .grey{
    color: rgba(13, 21, 64, 0.4);
    font-size: 14px;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-txt-left.bold{
    font-weight: 700;
    font-family: PingFang SC-Medium, PingFang SC;
    color: #0D1540;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-txt-icon{
    display: inline-block;
    line-height: 16px;
}

.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-txt-right{
    float: right;
    line-height: 16px;
    color: #0D1540;
}

.fx-crm-manage .list-item-2 .item-txt-right{
    color: #00ACBE;
}

.fx-crm-manage .list-item-3 .item-txt-right{
    color: #3C6CD7;
}

.fx-crm-manage .list-item-4 .item-txt-right{
    color: #EF892B;
}

.fx-crm-manage .crm-manage-solution .solution-item {
    padding-top: 50px;
    padding-bottom: 40px
}

.fx-crm-manage .crm-manage-solution .solution-item .img-vertical-middle {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px
}

.fx-crm-manage .crm-manage-solution .solution-item .img-horizontal-middle {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px
}

.fx-crm-manage .crm-manage-solution .solution-item .div-horizontal-middle,.fx-crm-manage .crm-manage-solution .solution-item .div-vertical-middle {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    padding-right: 0
}

.fx-crm-manage .crm-manage-solution .solution-item .solution-title {
    margin: 20px 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-crm-manage .crm-manage-solution .solution-item .solution-title.section1 {
    margin: 30px 0 35px
}

.fx-crm-manage .crm-manage-solution .solution-item .solution-title .icon-circle {
    display: inline-block;
    width: 40px;
    height: 16px
}

.fx-crm-manage .crm-manage-solution .solution-item .solution-title .solution-item-sub-title {
    font-size: 36px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 40px;
    margin: 0 20px
}

.fx-crm-manage .crm-manage-solution .solution-item .item-matter {
    font-size: 28px;
    color: #1F2D3D;
    margin-bottom: 32px
}

.fx-crm-manage .crm-manage-solution .solution-item .item-matter .bold {
    font-weight: 500
}

.fx-crm-manage .crm-manage-solution .solution-item .solution-item-description {
    margin-bottom: 20px
}

.fx-crm-manage .crm-manage-solution .solution-item .solution-item-description.last {
    color: #91A1B7
}

.fx-crm-manage .crm-manage-solution .solution-item .solution-item-description.now {
    color: #5E6D82
}

.fx-crm-manage .crm-manage-solution .solution-item .solution-item-description>.description-pic {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    border: 3px solid #0DB3A6
}

.fx-crm-manage .crm-manage-solution .solution-item .solution-item-description>.description-text {
    display: inline-block;
    font-size: 16px
}

.fx-crm-manage .crm-manage-solution .solution-item .solution-item-description>.description-text .bg-green {
    display: inline-block;
    text-align: center;
    width: 148px;
    margin-left: 5px;
    margin-right: 12px;
    color: #1F2D3D;
    background: #EFF6F3;
    padding: 3px 8px;
    border-radius: 5px
}

.fx-crm-manage .crm-manage-demand,.fx-home-promote .crm-index-demand {
    background: -webkit-gradient(to bottom,#80D1CA 0,#0EB3A6 64%,#0DB3A6 100%)
}

.fx-crm-manage .crm-manage-solution .solution-item .register-block {
    margin-top: 36px
}

.fx-crm-manage .crm-manage-function {
    padding-top: 50px;
    padding-bottom: 40px
}

.fx-crm-manage .crm-manage-function .function-sub-title {
    font-size: 36px;
    color: #1F2D3D;
    text-align: center;
    margin-bottom: 30px
}

.fx-crm-manage .crm-manage-function .img-horizontal-big-mobile {
    display: none
}

.fx-crm-manage .crm-manage-function.crm-ability {
    padding-top: 40px
}

.fx-crm-manage .crm-manage-demand {
    width: 100%;
    height: 692px;
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #80D1CA),color-stop(64%, #0EB3A6),to(#0DB3A6));
    background: linear-gradient(to bottom,#80D1CA 0,#0EB3A6 64%,#0DB3A6 100%)
}

.fx-crm-manage .crm-manage-demand .demand-wrapper {
    padding: 0 69px
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .demand-title {
    font-size: 36px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 32px;
    text-align: center
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box {
    height: 480px;
    padding-top: 60px;
    background: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box .demand-menu-list {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 200px;
    height: 370px;
    border-right: 1px solid #E6F7F6;
    color: #5E6D82;
    font-size: 16px
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box .demand-menu-list li {
    width: 100%;
    border-radius: 0;
    height: 44px;
    line-height: 44px;
    text-align: right;
    padding-right: 28px;
    opacity: 1;
    background: #fff
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box .demand-menu-list li:hover {
    color: #0DB3A6
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box .demand-menu-list li.swiper-pagination-bullet-active {
    background: #E6F7F6;
    color: #0DB3A6;
    position: relative
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box .demand-menu-list li.swiper-pagination-bullet-active:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 44px;
    width: 3px;
    background: #0DB3A6
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box .tab-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box .tab-item .txt-box {
    padding: 0 20px 0 35px;
    width: 340px
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box .tab-item .txt-box h3 {
    font-size: 24px;
    color: #2E2E2E;
    line-height: 33px;
    margin-bottom: 20px
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box .tab-item .txt-box p {
    font-size: 14px;
    color: #1F2D3D;
    line-height: 22px;
    margin-bottom: 10px
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box .tab-item .txt-box p .circle {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 11px;
    background: #0DB3A6
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box .tab-item .txt-box p .bold {
    font-weight: 500
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box .tab-item .txt-box .register-btn {
    position: absolute;
    bottom: 72px
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box .tab-item .img-box {
    margin-right: 27px
}

.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box .tab-item .img-box img {
    width: 557px
}

.fx-crm-manage .crm-index-demand-mobile,.fx-crm-manage .crm-manage-demand .demand-wrapper .tab-box-m {
    display: none
}

.fx-crm-manage .crm-register-btn {
    display: inline-block;
    width: 160px;
    height: 48px;
    background: #0DB3A6;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 500;
    color: #FFF;
    text-align: center;
    line-height: 48px
}

.fx-crm-manage .crm-manage-demand-mobile {
    display: none
}

.fx-crm-manage .production .solution-protection .bricks-sub-title {
    font-size: 36px
}

.fx-crm-manage .crm-manage-install {
    text-align: center;
    padding-top: 53px
}

.fx-crm-manage .crm-manage-install .bricks-sub-title {
    font-size: 36px;
    line-height: 50px;
    color: #fff
}

.fx-crm-manage .crm-manage-install .btn-container {
    padding: 49px 0 56px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fx-crm-manage .crm-manage-install .bricks-description {
    padding-top: 17px;
    color: #fff
}

.fx-crm-manage .crm-white-book {
    padding-top: 47px
}

.fx-crm-manage .crm-manage-install-bg {
    margin-bottom: 50px
}

.fx-crm-manage .crm-manage-install-bg .crm-bottom-banner .bricks {
    padding: 0 72px;
    height: 240px
}

.fx-crm-manage .crm-manage-install-bg .crm-bottom-banner .bricks .bottom-container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: url(../image/data_banner_bottom.png) center center no-repeat;
    background-size: cover;
    border-radius: 5px
}

.fx-crm-manage .crm-manage-install-bg .crm-bottom-banner .bricks .left-box {
    color: #fff;
    text-align: center;
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 38px
}

.fx-crm-manage .crm-manage-install-bg .crm-bottom-banner .bricks .right-box form {
    width: 400px;
    height: 48px;
    background: #FFF;
    -webkit-box-shadow: 0 1px 9px 0 #21b8ac;
    box-shadow: 0 1px 9px 0 #21b8ac;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.fx-crm-manage .crm-manage-install-bg .crm-bottom-banner .bricks .right-box form input[type=text] {
    width: 344px;
    font-size: 14px;
    padding-left: 65px;
    height: 67px;
    font-weight: 400;
    color: #1F2D3D;
    background-image: url(../image/2020jdy-iphone.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 25px center
}

.fx-crm-manage .crm-manage-install-bg .crm-bottom-banner .bricks .right-box form input[type=text]::-webkit-input-placeholder {
    color: #8E98A7
}

.fx-crm-manage .crm-manage-install-bg .crm-bottom-banner .bricks .right-box form input[type=button] {
    width: 176px;
    height: 48px;
    background: #FF971E;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    border-radius: 24px
}

.fx-crm-manage .crm-manage-feedback .bricks-sub-title {
    font-size: 36px;
    line-height: 50px;
    color: #1F2D3D;
    padding: 80px 0 40px
}

.fx-crm-manage .crm-manage-feedback .crm-user-feedback {
    width: 100%;
    height: 280px;
    background: url(../image/zsk_57.png) top center no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    white-space: nowrap;
    padding: 55px 0
}

.fx-crm-manage .crm-manage-feedback .crm-user-feedback .scroll_block,.fx-crm-manage .crm-manage-feedback .crm-user-feedback .scroll_block1 {
    width: 100%;
    padding: 15px 0
}

.fx-crm-manage .crm-manage-feedback .crm-user-feedback .scroll_block .swiper-wrapper,.fx-crm-manage .crm-manage-feedback .crm-user-feedback .scroll_block1 .swiper-wrapper {
    height: 48px;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.fx-crm-manage .crm-manage-feedback .crm-user-feedback .scroll_block img,.fx-crm-manage .crm-manage-feedback .crm-user-feedback .scroll_block1 img {
    height: 48px
}

.fx-crm-manage .crm-manage-feedback .crm-user-feedback .scroll_block1 {
    padding-left: 30px
}

.fx-crm-manage .crm-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
    padding-top: 43px
}

.fx-crm-manage .crm-fixed-block .register-btn {
    border-radius: 21px
}

.fx-crm-manage .fixed-block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 72px;
    z-index: 2;
    background: -webkit-gradient(to bottom,rgba(13,179,166,1) 0,rgba(64,195,185,1) 64%,rgba(128,209,202,1) 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(13,179,166,1)),color-stop(64%, rgba(64,195,185,1)),to(rgba(128,209,202,1)));
    background: linear-gradient(to bottom,rgba(13,179,166,1) 0,rgba(64,195,185,1) 64%,rgba(128,209,202,1) 100%);
    padding: 0 36px
}

.fx-crm-manage .fixed-block .register-btn {
    height: 42px;
    line-height: 42px;
    background: #FF971E
}

.fx-crm-manage .fixed-block .description {
    font-size: 24px;
    color: #fff;
    margin-right: 43px
}

.fx-crm-manage .fixed-block .color-yellow {
    color: #F7DE76
}

.fx-crm-manage .fixed-block-copy {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

@media screen and (max-width: 1080px) {
    .fx-crm-manage .bricks {
        padding:0 25px
    }

    .fx-crm-manage .crm-manage-background .crm-bg-img .live-tip {
        height: 60px
    }

    .fx-crm-manage .crm-manage-background .crm-bg-img .live-tip .live-banner {
        height: 60px;
        width: 100%
    }

    .fx-crm-manage .crm-manage-title {
        padding: 50px 0 0
    }

    .fx-crm-manage .crm-manage-title .row {
        width: 100%;
        padding: 0 44px
    }

    .fx-crm-manage .crm-manage-title .txt {
        width: 100%;
        margin-top: 52px;
        text-align: center
    }

    .fx-crm-manage .crm-manage-title .txt h3 {
        margin-bottom: 11px;
        font-size: 16px;
        line-height: 22px
    }

    .fx-crm-manage .crm-manage-title .txt .crm-title {
        font-size: 22px;
        line-height: 31px;
        margin-bottom: 4px
    }

    .fx-crm-manage .crm-manage-title .txt .crm-title img {
        display: none
    }

    .fx-crm-manage .crm-manage-title .txt .video-block-mobile {
        display: block
    }

    .fx-crm-manage .crm-manage-function .img-horizontal-big,.fx-crm-manage .crm-manage-title .video-block {
        display: none
    }

    .fx-crm-manage .crm-manage-title .txt .video-block-mobile img {
        width: 60%
    }

    .fx-crm-manage .crm-manage-title .txt .video-block-mobile .video-btn {
        width: 216px;
        height: 216px;
        background: url(../image/video_btn.png);
        background-size: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .fx-crm-manage .crm-manage-title .txt form {
        position: relative;
        bottom: 60px;
        width: 60%;
        margin: 0 auto 18px;
        height: 36px;
        border-radius: 2px;
        overflow: hidden
    }

    .fx-crm-manage .crm-manage-title .txt form input[type=text] {
        width: 60%;
        font-size: 14px;
        padding-left: 16px;
        height: 36px;
        background-image: none
    }

    .fx-crm-manage .crm-manage-title .txt form input[type=text]::-webkit-input-placeholder {
        font-size: 14px
    }

    .fx-crm-manage .crm-manage-title .txt form input[type=button] {
        width: 40%;
        height: 36px;
        font-size: 14px
    }

    .fx-crm-manage .crm-manage-title .txt .crm-tip {
        position: relative;
        bottom: 60px;
        font-size: 12px;
        line-height: 17px
    }

    .fx-crm-manage .crm-manage-reason .reason-panes .pane {
        width: 40%;
        margin: 20px 5%
    }

    .fx-crm-manage .crm-manage-function {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .fx-crm-manage .crm-manage-function .function-sub-title {
        font-size: 18px;
        margin-bottom: 17px
    }

    .fx-crm-manage .crm-manage-function .img-horizontal-big-mobile {
        display: block;
        width: 100%;
        margin: 0 auto
    }

    .fx-crm-manage .crm-manage-function.crm-ability {
        padding-top: 40px;
        padding-bottom: 36px
    }

    .fx-crm-manage .crm-manage-function.crm-ability .show-block {
        display: block
    }

    .fx-crm-manage .crm-manage-demand {
        display: none
    }

    .fx-crm-manage .crm-manage-demand-mobile {
        position: relative;
        display: block;
        width: 100%
    }

    .fx-crm-manage .crm-manage-demand-mobile img {
        width: 100%
    }

    .fx-crm-manage .crm-manage-demand-mobile .crm-register-btn {
        background: #FF971E;
        position: absolute;
        bottom: 30px;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    .fx-crm-manage .crm-manage-solution .solution-banner {
        padding: 20px 18px
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .crm-solution-title {
        font-size: 20px;
        padding-bottom: 20px;
        line-height: 29px
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .crm-solution-description {
        font-size: 16px;
        color: #5E6D82;
        margin: 12px 0 40px
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item {
        width: 49%;
        height: auto;
        margin-bottom: 15px
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-banner {
        width: 100%;
        height: auto
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-banner img {
        width: 100%
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-content {
        text-align: left;
        padding: 4px 6px 10px
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-content .circle {
        width: 5px;
        height: 5px;
        margin-right: 4px
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-content .spacial {
        margin-top: 11px
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-content .spacial .item-title {
        margin-bottom: 3px
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-content .spacial .function-title {
        font-size: 13px;
        line-height: 20px
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-content .spacial .item-info-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-content .spacial .item-info-list .info {
        display: inline-block;
        margin-bottom: 5px;
        width: 49%;
        line-height: 21px
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-content .spacial .spacial-title {
        font-weight: 400;
        color: #1F2D3D;
        line-height: 20px;
        font-size: 13px
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-content .spacial .spacial-title .circle {
        background-color: #5E6D82
    }

    .fx-crm-manage .crm-manage-solution .solution-item {
        padding: 30px 0 10px
    }

    .fx-crm-manage .crm-manage-solution .solution-item .img-horizontal-middle {
        display: none
    }

    .fx-crm-manage .crm-manage-solution .solution-item .img-horizontal-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto 15px
    }

    .fx-crm-manage .crm-manage-solution .solution-item .img-vertical-middle {
        display: none
    }

    .fx-crm-manage .crm-manage-solution .solution-item .img-vertical-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-crm-manage .crm-manage-solution .solution-item .div-vertical-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-crm-manage .crm-manage-solution .solution-item .div-vertical-middle .description-text {
        text-align: left
    }

    .fx-crm-manage .crm-manage-solution .solution-item .div-horizontal-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-crm-manage .crm-manage-solution .solution-item .div-horizontal-middle .description-text {
        text-align: left
    }

    .fx-crm-manage .crm-manage-solution .solution-item .register-block {
        margin-top: 10px
    }

    .fx-crm-manage .crm-bottom-banner .bricks {
        padding: 15px 0;
        height: 130px;
        background: url(../image/data_banner_bottom.png) center center no-repeat;
        background-size: cover
    }

    .fx-crm-manage .crm-bottom-banner .bricks .left-box {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 16px
    }

    .fx-crm-manage .crm-bottom-banner .bricks .right-box form {
        width: 260px;
        height: 33px;
        border-radius: 2px
    }

    .fx-crm-manage .crm-bottom-banner .bricks .right-box form input[type=text] {
        width: 172px;
        font-size: 12px;
        padding-left: 32px;
        height: 33px;
        background: url(../image/2020jdy-iphone.png) 9px center no-repeat;
        background-size: 12px
    }

    .fx-crm-manage .crm-bottom-banner .bricks .right-box form input[type=button] {
        width: 88px;
        height: 33px;
        font-size: 12px
    }

    .fx-crm-manage .crm-manage-promote {
        top: 0;
        padding: 10px 0;
        background: #FBFBFB;
        height: auto
    }

    .fx-crm-manage .crm-manage-promote .promote {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 18px
    }

    .fx-crm-manage .crm-manage-promote .promote .promote-item {
        width: 47%;
        height: 74px;
        padding: 15px 20px;
        margin-top: 15px;
        -webkit-box-shadow: 0 10px 26px -5px rgba(16,20,40,.05);
        box-shadow: 0 10px 26px -5px rgba(16,20,40,.05)
    }

    .fx-crm-manage .crm-manage-promote .promote .promote-item .item-icon {
        margin-right: 10px
    }

    .fx-crm-manage .crm-manage-promote .promote .promote-item .item-icon img {
        width: 54px;
        height: 54px
    }

    .fx-crm-manage .crm-manage-promote .promote .item-sub-title {
        font-size: 14px
    }

    .fx-crm-manage .crm-manage-promote .promote .item-info {
        font-size: 18px
    }

    .fx-crm-manage .crm-manage-best-case {
        padding: 0 10px;
        height: auto
    }

    .fx-crm-manage .crm-manage-best-case .bricks-sub-title {
        padding-top: 40px;
        padding-bottom: 25px;
        line-height: 18px;
        font-size: 18px
    }

    .fx-crm-manage .crm-manage-best-case .best-case-container {
        width: 100%;
        height: auto
    }

    .fx-crm-manage .crm-manage-best-case .best-case-container .case-items-container {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 10px
    }

    .fx-crm-manage .crm-manage-best-case .best-case-container .case-items-container .case-items {
        height: auto
    }

    .fx-crm-manage .crm-manage-best-case .best-case-container .case-items-container .case-items .case-item {
        margin-left: 0;
        display: inline-block;
        width: 281px;
        height: auto;
        margin-right: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fx-crm-manage .crm-manage-best-case .best-case-container .arrow-left-container,.fx-crm-manage .crm-manage-best-case .best-case-container .arrow-right-container,.fx-crm-manage .crm-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
        display: none
    }

    .fx-crm-manage .crm-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        width: 100%;
        height: 300px
    }

    .fx-crm-manage .crm-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
        margin-left: 20px;
        margin-top: 25px
    }

    .fx-crm-manage .crm-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
        height: 20px
    }

    .fx-crm-manage .crm-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
        margin-top: 15px
    }

    .fx-crm-manage .crm-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        line-height: 20px
    }

    .fx-crm-manage .crm-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
        bottom: 20px
    }

    .fx-crm-manage .crm-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        width: 100%;
        height: 240px;
        padding: 20px;
        font-size: 12px
    }

    .fx-crm-manage .crm-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
        line-height: 20px
    }

    .fx-crm-manage .crm-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
        margin-top: 10px
    }

    .fx-crm-manage .crm-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
        width: 241px;
        bottom: 25px
    }
}

@media screen and (max-width: 450px) {
    .fx-crm-manage .bricks {
        padding:0 15px
    }

    .fx-crm-manage .crm-manage-background .crm-bg-img .live-tip {
        height: 60px
    }

    .fx-crm-manage .crm-manage-background .crm-bg-img .live-tip .live-banner {
        width: 100%
    }

    .fx-crm-manage .crm-manage-background .crm-bg-img .live-tip .live-banner .live-banner-image {
        background: url(../image/advertise_mobile.png) center center no-repeat;
        background-size: cover
    }

    .fx-crm-manage .crm-manage-background .crm-bg-img .live-tip .live-qrcode-show {
        max-width: 320px;
        z-index: 2
    }

    .fx-crm-manage .crm-manage-title {
        padding: 50px 0 0
    }

    .fx-crm-manage .crm-manage-title .row {
        width: 100%;
        padding: 0 44px;
        height: 500px
    }

    .fx-crm-manage .crm-manage-title .txt {
        width: 100%;
        margin-top: 52px;
        text-align: center
    }

    .fx-crm-manage .crm-manage-title .txt h3 {
        margin-bottom: 11px;
        font-size: 16px;
        line-height: 22px
    }

    .fx-crm-manage .crm-manage-title .txt .crm-title {
        font-size: 22px;
        line-height: 31px;
        margin-bottom: 4px
    }

    .fx-crm-manage .crm-manage-title .txt .crm-title img {
        display: none
    }

    .fx-crm-manage .crm-manage-title .txt .video-block-mobile {
        display: block
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-list,.fx-crm-manage .crm-manage-title .video-block {
        /* display: none */
    }

    .fx-crm-manage .crm-manage-title .txt .video-block-mobile img {
        width: 100%
    }

    .fx-crm-manage .crm-manage-title .txt .video-block-mobile .video-btn {
        width: 116px;
        height: 116px;
        background: url(../image/video_btn.png);
        background-size: cover;
        position: absolute;
        top: 57%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .fx-crm-manage .crm-manage-title .txt form {
        position: relative;
        bottom: 60px;
        width: 100%;
        margin: 0 auto 18px;
        height: 36px;
        border-radius: 2px;
        overflow: hidden
    }

    .fx-crm-manage .crm-manage-title .txt form input[type=text] {
        width: 60%;
        font-size: 14px;
        padding-left: 16px;
        height: 36px;
        background-image: none
    }

    .fx-crm-manage .crm-manage-title .txt form input[type=text]::-webkit-input-placeholder {
        font-size: 14px
    }

    .fx-crm-manage .crm-manage-title .txt form input[type=button] {
        width: 40%;
        height: 36px;
        font-size: 14px
    }

    .fx-crm-manage .crm-manage-title .txt .crm-tip {
        position: relative;
        bottom: 60px;
        font-size: 12px;
        line-height: 17px
    }

    .fx-crm-manage .btn-container {
        margin-top: 44px;
        padding: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .fx-crm-manage .btn-container .bricks-btn {
        width: 140px;
        height: 30px;
        border: none;
        font-size: 12px;
        font-weight: 400;
        line-height: 30px;
        margin: 0 15px
    }

    .fx-crm-manage .btn-container .bricks-btn.install-link {
        margin-left: 15px;
        margin-right: 15px
    }

    .fx-crm-manage .btn-container .bricks-btn .crm-tips {
        position: absolute;
        top: -12px;
        left: 3px;
        width: 78px
    }

    .fx-crm-manage .crm-register-btn {
        width: 96px;
        height: 30px;
        border-radius: 3px;
        font-size: 14px;
        line-height: 30px
    }

    .fx-crm-manage .crm-manage-promote {
        top: 0;
        padding: 10px 0;
        background: #FBFBFB;
        height: auto
    }

    .fx-crm-manage .crm-manage-promote .promote {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 18px
    }

    .fx-crm-manage .crm-manage-promote .promote .promote-item {
        width: 49%;
        height: 74px;
        padding: 15px 6px;
        margin-top: 15px;
        -webkit-box-shadow: 0 10px 26px -5px rgba(16,20,40,.05);
        box-shadow: 0 10px 26px -5px rgba(16,20,40,.05)
    }

    .fx-crm-manage .crm-manage-promote .promote .promote-item .item-icon {
        margin-right: 6px
    }

    .fx-crm-manage .crm-manage-promote .promote .promote-item .item-icon img {
        width: 34px;
        height: 34px
    }

    .fx-crm-manage .crm-manage-promote .promote .item-sub-title {
        font-size: 12px
    }

    .fx-crm-manage .crm-manage-promote .promote .item-info {
        font-size: 18px
    }

    .fx-crm-manage .crm-manage-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-crm-manage .crm-manage-reason .reason-panes {
        width: 1100px;
        position: relative;
        padding-bottom: 20px;
        left: 30px
    }

    .fx-crm-manage .crm-manage-reason .reason-panes .pane {
        width: 240px;
        margin: 20px 15px;
        padding: 0 14px 40px
    }

    .fx-crm-manage .crm-manage-reason .reason-panes .pane .pane-description {
        padding: 0 7px
    }

    .fx-crm-manage .crm-manage-solution {
        padding-top: 30px
    }

    .fx-crm-manage .crm-manage-solution .section1:nth-child(2n-1) {
        background: #FBFBFB
    }

    .fx-crm-manage .crm-manage-solution .bricks-description {
        padding-bottom: 0;
        width: 100%
    }

    .fx-crm-manage .crm-manage-solution .solution-banner {
        padding: 20px 18px 0
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .crm-solution-title {
        font-size: 20px;
        padding-bottom: 20px;
        line-height: 29px
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .crm-solution-description {
        font-size: 16px;
        color: #5E6D82;
        margin: 12px 0 40px
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-banner-mobile {
        display: block
    }

    .fx-crm-manage .crm-manage-solution .solution-banner .title-banner-mobile img {
        width: 100%
    }

    .fx-crm-manage .crm-manage-solution .solution-item {
        padding: 30px 15px 15px
    }

    .fx-crm-manage .crm-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-crm-manage .crm-manage-solution .solution-item .img-vertical-middle-mobile {
        width: 100%;
        padding: 0;
        margin: 0 auto 20px
    }

    .fx-crm-manage .crm-manage-solution .solution-item .solution-title {
        margin: 20px 0 40px
    }

    .fx-crm-manage .crm-manage-solution .solution-item .solution-title .solution-item-sub-title {
        font-size: 36px;
        font-weight: 400;
        color: #1F2D3D;
        line-height: 40px;
        margin: 0 20px
    }

    .fx-crm-manage .crm-manage-solution .solution-item .register-block {
        text-align: center
    }

    .fx-crm-manage .crm-manage-solution .solution-item .item-matter {
        font-size: 18px;
        margin-bottom: 20px;
        text-align: center
    }

    .fx-crm-manage .crm-manage-solution .solution-item .div-horizontal-middle,.fx-crm-manage .crm-manage-solution .solution-item .div-vertical-middle {
        padding-left: 0;
        padding-right: 0;
        text-align: left
    }

    .fx-crm-manage .crm-manage-solution .solution-item .solution-item-description {
        padding-left: 5px;
        margin-bottom: 13px
    }

    .fx-crm-manage .crm-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 12px;
        line-height: 16px;
        margin-left: 5px
    }

    .fx-crm-manage .crm-manage-solution .solution-item .solution-item-description>.description-text .bg-green {
        width: 103px;
        margin-left: 0;
        margin-right: 5px;
        padding: 3px 0
    }

    .fx-crm-manage .crm-manage-solution .solution-item .solution-item-description>.description-pic {
        width: 10px;
        height: 10px;
        border: 3px solid #0DB3A6
    }

    .fx-crm-manage .crm-manage-function {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .fx-crm-manage .crm-manage-function .function-sub-title {
        font-size: 18px
    }

    .fx-crm-manage .last-install {
        margin-bottom: 13px
    }

    .fx-crm-manage .last-install .crm-bottom-banner .bricks {
        padding: 15px 0;
        height: 130px;
        background: url(../image/data_banner_bottom.png) center center no-repeat;
        background-size: cover
    }

    .fx-crm-manage .last-install .crm-bottom-banner .bricks .bottom-container {
        background: 0 0
    }

    .fx-crm-manage .last-install .crm-bottom-banner .bricks .left-box {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 16px
    }

    .fx-crm-manage .last-install .crm-bottom-banner .bricks .right-box form {
        width: 260px;
        height: 33px;
        border-radius: 2px
    }

    .fx-crm-manage .last-install .crm-bottom-banner .bricks .right-box form input[type=text] {
        width: 172px;
        font-size: 12px;
        padding-left: 32px;
        height: 33px;
        background: url(../image/2020jdy-iphone.png) 9px center no-repeat;
        background-size: 12px
    }

    .fx-crm-manage .last-install .crm-bottom-banner .bricks .right-box form input[type=button] {
        width: 88px;
        height: 33px;
        font-size: 12px;
        border-radius: 0
    }

    .fx-crm-manage .crm-manage-feedback .bricks-sub-title {
        font-size: 18px;
        line-height: 20px;
        padding: 40px 0 25px
    }

    .fx-crm-manage .crm-manage-feedback .crm-user-feedback {
        height: 120px;
        padding: 7px 0
    }

    .fx-crm-manage .crm-manage-feedback .crm-user-feedback .scroll_block,.fx-crm-manage .crm-manage-feedback .crm-user-feedback .scroll_block1 {
        padding: 7px 0
    }

    .fx-crm-manage .crm-manage-feedback .crm-user-feedback .scroll_block .swiper-wrapper,.fx-crm-manage .crm-manage-feedback .crm-user-feedback .scroll_block img,.fx-crm-manage .crm-manage-feedback .crm-user-feedback .scroll_block1 .swiper-wrapper,.fx-crm-manage .crm-manage-feedback .crm-user-feedback .scroll_block1 img {
        height: 38px
    }

    .fx-crm-manage .crm-manage-feedback .crm-user-feedback .scroll_block1 {
        padding-left: 30px
    }

    .fx-crm-manage .production .solution-protection .bricks-sub-title {
        font-size: 18px;
        padding-top: 30px
    }

    .fx-crm-manage .fixed-block {
        height: 50px;
        background: -webkit-gradient(to bottom,rgba(128,209,202,1) 0,rgba(64,195,185,1) 64%,rgba(13,179,166,1) 100%);
        background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(128,209,202,1)),color-stop(64%, rgba(64,195,185,1)),to(rgba(13,179,166,1)));
        background: linear-gradient(to bottom,rgba(128,209,202,1) 0,rgba(64,195,185,1) 64%,rgba(13,179,166,1) 100%);
        padding: 0 20px
    }

    .fx-crm-manage .fixed-block .register-btn {
        padding: 0 35px;
        width: 210px;
        height: 40px;
        border-radius: 20px;
        line-height: 40px;
        margin: 0
    }

    .fx-crm-manage .fixed-block .description {
        font-size: 12px;
        margin-right: 20px
    }

    .fx-crm-manage .fixed-block-copy {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0
    }
}

.fx-inventory .btn-container .bricks-btn .qrcode-show,.fx-inventory .inventory-title {
    display: none
}

@media screen and (max-width: 350px) {
    .fx-crm-manage .crm-manage-title .btn-container .bricks-btn {
        width:100%;
        margin: 0 3px
    }
}






.fx-inventory .inventory-background {
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 110% 60%;
    background-position-y: 170%
}

.fx-inventory .inventory-title .install-tips {
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.fx-inventory .btn-container {
    margin-top: 40px;
    text-align: center;
    position: relative
}

.fx-inventory .btn-container .bricks-btn {
    cursor: pointer;
    position: relative
}

.fx-inventory .btn-container .bricks-btn:first-child {
    margin-right: 24px
}

.fx-inventory .btn-container .bricks-btn:first-child:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.fx-inventory .btn-container .bricks-btn.qrcode:hover {
    background: #E6F7F6;
    border-color: #0DB3A6;
    color: #0DB3A6
}

.fx-inventory .btn-container .bricks-btn.qrcode:hover .qrcode-show {
    display: block;
    position: absolute;
    left: -20px;
    max-width: 240px;
    z-index: 1
}

.fx-inventory .inventory-banner-wrapper {
    padding: 100px 40px 50px
}

.fx-inventory .inventory-banner-wrapper .inventory-banner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-inventory .inventory-banner-wrapper .inventory-banner-content .content-left {
    width: 680px
}

.fx-inventory .inventory-banner-wrapper .inventory-banner-content .content-left .bricks-main-title {
    margin-top: 60px;
    font-size: 38px;
    line-height: 53px;
    margin-bottom: 20px;
    text-align: left
}

.fx-hr-manage .hr-manage-reason .bricks-description,.fx-inventory .inventory-reason .bricks-description {
    margin-bottom: 40px
}

.fx-inventory .inventory-banner-wrapper .inventory-banner-content .content-left .bricks-description {
    text-align: left
}

.fx-inventory .inventory-banner-wrapper .inventory-banner-content .content-left .btn-container {
    margin-top: 80px;
    text-align: left
}

.fx-inventory .inventory-banner-wrapper .inventory-banner-content .content-right {
    width: 402px;
    height: 452px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(219,219,219,.5);
    box-shadow: 0 2px 8px 0 rgba(219,219,219,.5)
}

.fx-inventory .inventory-banner-wrapper .inventory-banner-content .content-right .register-iframe {
    width: 450px;
    height: 500px;
    border: none
}

.fx-inventory .inventory-reason .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-inventory .inventory-reason .reason-panes {
    padding-bottom: 50px
}

.fx-inventory .inventory-reason .reason-panes .panes-mobile {
    display: none
}

.fx-inventory .inventory-reason .reason-panes .panes-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-inventory .inventory-reason .reason-panes .pane {
    display: inline-block;
    width: 260px;
    height: 380px;
    background: #FFF;
    border-radius: 6px;
    margin: 0 10px;
    padding: 0 15px 41px;
    vertical-align: top
}

.fx-inventory .inventory-reason .reason-panes .pane .pic {
    display: block;
    width: 46px;
    height: 48px;
    margin: 50px auto 29px
}

.fx-inventory .inventory-solution .solution-item .img-horizontal-big-mobile,.fx-inventory .inventory-solution .solution-item .img-horizontal-middle-mobile,.fx-inventory .inventory-solution .solution-item .img-vertical-middle-mobile {
    display: none
}

.fx-inventory .inventory-reason .reason-panes .pane .pane-title {
    text-align: center;
    margin-bottom: 20px
}

.fx-inventory .inventory-reason .reason-panes .pane .pane-title span {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    line-height: 22px
}

.fx-inventory .inventory-reason .reason-panes .pane .pane-title .colorful {
    color: #F5A623
}

.fx-inventory .inventory-reason .reason-panes .pane .pane-description {
    padding: 0 14px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 20px
}

.fx-inventory .inventory-solution .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-inventory .inventory-solution .bricks-description {
    padding-bottom: 20px
}

.fx-inventory .inventory-solution .solution-item {
    padding: 30px 0
}

.fx-inventory .inventory-solution .solution-item .img-horizontal-middle,.fx-inventory .inventory-solution .solution-item .img-vertical-middle {
    padding-left: 20px;
    padding-right: 20px;
    width: 50%
}

.fx-inventory .inventory-solution .solution-item .div-horizontal-middle,.fx-inventory .inventory-solution .solution-item .div-vertical-middle {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    padding-right: 40px
}

.fx-inventory .inventory-solution .solution-item .solution-item-title {
    font-size: 32px;
    font-weight: 500;
    color: #1F2D3D;
    line-height: 45px;
    margin-bottom: 6px
}

.fx-inventory .inventory-solution .solution-item .solution-item-sub-title {
    font-size: 28px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 40px;
    margin-bottom: 24px
}

.fx-inventory .inventory-solution .solution-item .solution-item-description {
    margin-bottom: 30px
}

.fx-inventory .inventory-solution .solution-item .solution-item-description.last {
    color: #91A1B7
}

.fx-inventory .inventory-solution .solution-item .solution-item-description.now {
    color: #5E6D82
}

.fx-inventory .inventory-solution .solution-item .solution-item-description>.description-pic {
    width: 6%;
    min-width: 16px;
    display: inline-block;
    vertical-align: top
}

.fx-inventory .inventory-solution .solution-item .solution-item-description>.description-pic>img {
    width: 16px;
    margin-right: 5px;
    margin-top: 6px
}

.fx-inventory .inventory-solution .solution-item .solution-item-description>.description-text {
    width: 94%;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.fx-inventory .inventory-install .btn-container .btn-left,.fx-inventory .inventory-install .btn-container .btn-right {
    width: 196px;
    height: 58px;
    border-radius: 5px;
    display: inline-block;
    line-height: 58px;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    cursor: pointer
}

.fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
    padding-top: 30px
}

.fx-inventory .inventory-install .bricks-sub-title,.hr-manage-install .bricks-sub-title,.kpi-manage-install .bricks-sub-title {
    padding-top: 50px
}

.fx-inventory .inventory-install .bricks-description {
    padding-top: 20px;
    padding-bottom: 30px
}

.fx-inventory .inventory-install .btn-container {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.fx-inventory .inventory-install .btn-container .btn-left {
    background: #0DB3A6;
    color: #fff;
    margin-right: 20px
}

.fx-inventory .inventory-install .btn-container .btn-left:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.fx-inventory .inventory-install .btn-container .btn-right {
    border: 1px solid #0DB3A6;
    color: #0DB3A6;
    margin-left: 20px;
    position: relative
}

.fx-inventory .inventory-install .btn-container .btn-right .qrcode-show {
    display: none
}

.fx-inventory .inventory-install .btn-container .btn-right:hover .qrcode-show {
    display: block;
    position: absolute;
    z-index: 1
}

.fx-inventory .inventory-install .install-tips {
    padding-top: 30px;
    padding-bottom: 70px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.fx-inventory .inventory-install-bg {
    background: url(../image/background_top_green.png);
    background-size: cover
}

@media screen and (max-width: 1080px) {
    .fx-inventory .inventory-reason .reason-panes .pane {
        width:40%;
        margin: 20px 5%
    }

    .fx-inventory .inventory-solution .solution-item .img-horizontal-big {
        display: none
    }

    .fx-inventory .inventory-solution .solution-item .img-horizontal-big-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-inventory .inventory-solution .solution-item .img-horizontal-middle {
        display: none
    }

    .fx-inventory .inventory-solution .solution-item .img-horizontal-middle-mobile,.fx-inventory .inventory-solution .solution-item .img-vertical-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-inventory .inventory-solution .solution-item .img-vertical-middle {
        display: none
    }

    .fx-inventory .inventory-solution .solution-item .div-vertical-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-inventory .inventory-solution .solution-item .div-vertical-middle .description-text {
        text-align: left
    }

    .fx-inventory .inventory-solution .solution-item .div-horizontal-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-inventory .inventory-solution .solution-item .div-horizontal-middle .description-text {
        text-align: left
    }

    .fx-inventory .inventory-best-case .bricks-sub-title {
        padding-top: 40px;
        padding-bottom: 20px
    }

    .fx-inventory .inventory-best-case .best-case-container {
        width: 100%;
        padding-bottom: 0
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        padding: 0 10px
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items {
        height: auto
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item {
        margin-left: 0;
        display: inline-block;
        width: 281px;
        height: auto;
        margin-right: 15px
    }

    .fx-inventory .inventory-best-case .best-case-container .arrow-left-container,.fx-inventory .inventory-best-case .best-case-container .arrow-right-container,.fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
        display: none
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        width: 100%;
        height: 265px
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
        margin-left: 20px;
        margin-top: 25px
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
        height: 20px
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
        margin-top: 15px
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        line-height: 20px
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
        bottom: 20px
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        width: 100%;
        height: 275px;
        padding: 20px;
        font-size: 12px
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
        line-height: 20px
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
        margin-top: 10px
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
        bottom: 25px
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item:nth-child(1) .case-item-right {
        padding: 20px
    }
}

@media screen and (max-width: 800px) {
    .fx-inventory .btn-container .bricks-btn:first-child {
        margin-bottom:20px
    }
}

@media screen and (max-width: 450px) {
    .fx-inventory .inventory-background {
        background:url(../image/equipment_top_bg.png) center center no-repeat;
        background-size: 220% 50%;
        background-position-y: 150%
    }

    .fx-inventory .inventory-install .btn-container .btn-right:hover,.fx-inventory .inventory-title .btn-container .bricks-btn.color-green:hover {
        outline-width: 0;
        text-decoration: underline;
        background: 0 0
    }

    .fx-inventory .inventory-title {
        display: block;
        padding-top: 60px
    }

    .fx-inventory .inventory-title.title-tall {
        padding-top: 90px
    }

    .fx-inventory .inventory-title .bricks-description {
        width: 234px
    }

    .fx-inventory .inventory-title .btn-container {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fx-inventory .inventory-banner-wrapper,.fx-inventory .inventory-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-inventory .inventory-title .btn-container .bricks-btn {
        margin: 0 10px;
        font-size: 12px
    }

    .fx-inventory .inventory-title .btn-container .bricks-btn.color-green {
        padding: 14px 0;
        border: none;
        line-height: 13px;
        width: 200px;
        font-weight: 400
    }

    .fx-inventory .inventory-title .btn-container .bricks-btn.color-green:hover .qrcode-show {
        width: 150px;
        left: 25px;
        top: 28px
    }

    .fx-inventory .inventory-title .btn-container .bricks-btn:first-child {
        margin-bottom: 0
    }

    .fx-inventory .inventory-title .install-tips {
        padding-top: 10px;
        padding-bottom: 60px
    }

    .fx-inventory .inventory-title .background {
        position: absolute;
        top: 326px;
        width: 700px;
        right: -100px;
        height: 0;
        left: auto
    }

    .fx-inventory .inventory-reason .bricks-sub-title {
        padding: 30px 0 10px
    }

    .fx-inventory .inventory-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-inventory .inventory-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-inventory .inventory-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-inventory .inventory-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-inventory .inventory-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 330px;
        padding: 25px 18px 18px
    }

    .fx-inventory .inventory-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-inventory .inventory-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title {
        font-size: 15px
    }

    .fx-inventory .inventory-reason .reason-panes .pane {
        width: 240px;
        margin: 20px 0
    }

    .fx-inventory .inventory-reason .reason-panes .pane .pane-description {
        padding: 0
    }

    .fx-inventory .inventory-solution .bricks-sub-title {
        padding-top: 30px
    }

    .fx-inventory .inventory-solution .bricks-description {
        padding-bottom: 0;
        width: 100%
    }

    .fx-inventory .inventory-solution .solution-item {
        padding: 10px 0 30px
    }

    .fx-inventory .inventory-solution .solution-item .img-horizontal-big-mobile {
        width: 100%
    }

    .fx-inventory .inventory-solution .solution-item .img-horizontal-middle-mobile,.fx-inventory .inventory-solution .solution-item .img-vertical-middle-mobile {
        width: 90%;
        margin: 30px auto
    }

    .fx-inventory .inventory-solution .solution-item .solution-item-title {
        font-size: 22px
    }

    .fx-inventory .inventory-solution .solution-item .solution-item-sub-title {
        font-size: 18px
    }

    .fx-inventory .inventory-solution .solution-item .div-horizontal-middle,.fx-inventory .inventory-solution .solution-item .div-vertical-middle {
        padding-left: 0;
        padding-right: 0
    }

    .fx-inventory .inventory-solution .solution-item .solution-item-description {
        padding-left: 10px;
        margin-bottom: 10px
    }

    .fx-inventory .inventory-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px
    }

    .fx-inventory .inventory-solution .solution-item .solution-item-description>.description-pic>img {
        margin-top: 2px
    }

    .fx-inventory .inventory-install .bricks-description {
        padding-top: 10px;
        padding-bottom: 0
    }

    .fx-inventory .inventory-install .btn-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fx-inventory .inventory-install .btn-container .btn-left {
        width: 118px;
        height: 37px;
        font-size: 12px;
        line-height: 37px;
        margin-right: 10px
    }

    .fx-inventory .inventory-install .btn-container .btn-right {
        margin: 0 10px;
        height: auto;
        font-size: 12px;
        padding: 14px 0;
        border: none;
        line-height: 13px;
        width: 200px;
        font-weight: 400
    }

    .fx-inventory .inventory-install .btn-container .btn-right:hover .qrcode-show {
        width: 150px;
        left: 25px;
        top: 28px
    }

    .fx-inventory .inventory-install .install-tips {
        padding-top: 10px;
        padding-bottom: 60px
    }
}

@media screen and (max-width: 350px) {
    .fx-inventory .inventory-reason .bricks-sub-title {
        padding:30px 0 10px
    }

    .fx-inventory .inventory-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-inventory .inventory-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-inventory .inventory-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-inventory .inventory-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-inventory .inventory-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-inventory .inventory-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 360px;
        padding: 20px 12px 12px;
        margin: 20px 0;
        font-size: 14px
    }

    .fx-inventory .inventory-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-inventory .inventory-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title {
        font-size: 12px
    }

    .fx-inventory .inventory-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-description {
        padding: 0
    }

    .fx-inventory .inventory-solution .bricks-sub-title {
        padding-top: 30px
    }

    .fx-inventory .inventory-solution .bricks-description {
        padding-bottom: 0;
        width: 100%
    }

    .fx-inventory .inventory-solution .solution-item {
        padding: 10px 0 30px
    }

    .fx-inventory .inventory-solution .solution-item .img-horizontal-big-mobile {
        width: 100%
    }

    .fx-inventory .inventory-solution .solution-item .img-horizontal-middle-mobile,.fx-inventory .inventory-solution .solution-item .img-vertical-middle-mobile {
        width: 90%;
        margin: 30px auto
    }

    .fx-inventory .inventory-solution .solution-item .solution-item-title {
        font-size: 22px
    }

    .fx-inventory .inventory-solution .solution-item .solution-item-sub-title {
        font-size: 18px
    }

    .fx-inventory .inventory-solution .solution-item .div-horizontal-middle,.fx-inventory .inventory-solution .solution-item .div-vertical-middle {
        padding-left: 0;
        padding-right: 0
    }

    .fx-inventory .inventory-solution .solution-item .solution-item-description {
        padding-left: 10px;
        margin-bottom: 10px
    }

    .fx-inventory .inventory-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px
    }

    .fx-inventory .inventory-solution .solution-item .solution-item-description>.description-pic>img {
        margin-top: 2px
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        height: 350px
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        height: 340px
    }

    .fx-inventory .inventory-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right.right-block {
        padding: 15px
    }
}

.fx-hr-manage .hr-manage-background {
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 110% 60%;
    background-position-y: 170%
}

.fx-hr-manage .hr-manage-title {
    padding-top: 110px
}

.fx-hr-manage .hr-manage-title.title-tall {
    padding-top: 130px
}

.fx-hr-manage .hr-manage-title .bricks-main-title {
    margin-bottom: 20px
}

.fx-hr-manage .hr-manage-title .btn-container {
    margin-top: 40px;
    text-align: center;
    position: relative
}

.fx-hr-manage .hr-manage-title .btn-container .bricks-btn {
    margin: 0 20px;
    cursor: pointer;
    position: relative
}

.fx-hr-manage .hr-manage-title .btn-container .bricks-btn .qrcode-show {
    display: none
}

.fx-hr-manage .hr-manage-title .btn-container .bricks-btn:first-child:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.fx-hr-manage .hr-manage-title .btn-container .bricks-btn.qrcode:hover {
    background: #E6F7F6;
    border-color: #0DB3A6;
    color: #0DB3A6
}

.fx-hr-manage .hr-manage-title .btn-container .bricks-btn.qrcode:hover .qrcode-show {
    display: block;
    position: absolute;
    left: -20px;
    max-width: 240px;
    z-index: 1
}

.fx-hr-manage .hr-manage-title .background {
    position: absolute;
    top: 310px;
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 100% auto
}

.fx-hr-manage .hr-manage-title .install-tips {
    padding-top: 30px;
    padding-bottom: 120px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.fx-hr-manage .hr-manage-reason .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-hr-manage .hr-manage-reason .reason-panes {
    padding-bottom: 50px
}

.fx-hr-manage .hr-manage-reason .reason-panes .panes-mobile {
    display: none
}

.fx-hr-manage .hr-manage-reason .reason-panes .pane {
    display: inline-block;
    width: 270px;
    height: 380px;
    background: #FFF;
    border-radius: 6px;
    margin: 0 10px;
    padding: 0 9px 61px;
    vertical-align: top
}

.fx-hr-manage .hr-manage-reason .reason-panes .pane .pic {
    display: block;
    width: 46px;
    height: 48px;
    margin: 50px auto 29px
}

.fx-aftersale-manage .aftersale-manage-reason .reason-panes .panes-mobile,.fx-aftersale-manage .aftersale-manage-solution .solution-item .img-horizontal-big-mobile,.fx-aftersale-manage .aftersale-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-aftersale-manage .aftersale-manage-solution .solution-item .img-vertical-middle-mobile,.fx-aftersale-manage .case-switch-container-mobile,.fx-hr-manage .hr-manage-solution .solution-item .img-horizontal-big-mobile,.fx-hr-manage .hr-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-hr-manage .hr-manage-solution .solution-item .img-vertical-middle-mobile,.fx-hr-manage .hr-manage-solution .solution-item .solution-item-description.last .description-text-mobile,.fx-kpi-manage .kpi-manage-reason .reason-panes .panes-mobile,.fx-kpi-manage .kpi-manage-solution .solution-item .img-horizontal-big-mobile,.fx-kpi-manage .kpi-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-kpi-manage .kpi-manage-solution .solution-item .img-vertical-middle-mobile {
    display: none
}

.fx-hr-manage .hr-manage-reason .reason-panes .pane .pane-title {
    text-align: center;
    margin-bottom: 20px
}

.fx-hr-manage .hr-manage-reason .reason-panes .pane .pane-title span {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    line-height: 22px
}

.fx-hr-manage .hr-manage-reason .reason-panes .pane .pane-title .colorful {
    color: #F5A623
}

.fx-hr-manage .hr-manage-reason .reason-panes .pane .pane-description {
    padding: 0 13px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 20px
}

.fx-hr-manage .hr-manage-reason .reason-panes .pane .pane-description:last-child {
    margin-top: 20px
}

.fx-hr-manage .hr-manage-solution .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-hr-manage .hr-manage-solution .bricks-description {
    padding-bottom: 20px
}

.fx-hr-manage .hr-manage-solution .solution-item {
    padding: 30px 0
}

.fx-hr-manage .hr-manage-solution .solution-item .img-horizontal-middle,.fx-hr-manage .hr-manage-solution .solution-item .img-vertical-middle {
    width: 55%;
    padding-left: 20px;
    padding-right: 20px
}

.fx-hr-manage .hr-manage-solution .solution-item .div-horizontal-middle,.fx-hr-manage .hr-manage-solution .solution-item .div-vertical-middle {
    width: 45%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    padding-right: 40px
}

.fx-hr-manage .hr-manage-solution .solution-item .solution-item-title {
    position: relative;
    font-size: 32px;
    font-weight: 500;
    color: #1F2D3D;
    line-height: 45px;
    margin-bottom: 6px;
    z-index: 2
}

.fx-hr-manage .hr-manage-solution .solution-item .solution-item-title::before {
    position: absolute;
    top: 31px;
    left: 0;
    content: "";
    height: 12px;
    width: 130px;
    background: #80D1CA;
    border-radius: 1px;
    z-index: -1
}

.fx-hr-manage .hr-manage-solution .solution-item .solution-item-sub-title {
    font-size: 28px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 40px;
    margin-bottom: 24px
}

.fx-hr-manage .hr-manage-solution .solution-item .solution-item-description {
    margin-bottom: 30px
}

.fx-hr-manage .hr-manage-solution .solution-item .solution-item-description.last {
    color: #91A1B7
}

.fx-hr-manage .hr-manage-solution .solution-item .solution-item-description.last .description-text-mobile {
    width: 85%;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.fx-hr-manage .hr-manage-solution .solution-item .solution-item-description.now {
    color: #5E6D82
}

.fx-hr-manage .hr-manage-solution .solution-item .solution-item-description>.description-pic {
    width: 6%;
    min-width: 16px;
    display: inline-block;
    vertical-align: top
}

.fx-hr-manage .hr-manage-solution .solution-item .solution-item-description>.description-pic>img {
    width: 16px;
    margin-right: 5px;
    margin-top: 6px
}

.fx-hr-manage .hr-manage-solution .solution-item .solution-item-description>.description-text {
    width: 93%;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.hr-manage-install .btn-container .btn-left,.hr-manage-install .btn-container .btn-right {
    width: 196px;
    height: 58px;
    border-radius: 5px;
    line-height: 58px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    display: inline-block
}

.hr-manage-install .bricks-description {
    padding-top: 20px;
    padding-bottom: 30px
}

.hr-manage-install .btn-container {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.hr-manage-install .btn-container .btn-left {
    background: #0DB3A6;
    color: #fff
}

.hr-manage-install .btn-container .btn-left:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.hr-manage-install .btn-container .btn-right {
    border: 1px solid #0DB3A6;
    color: #0DB3A6;
    margin-left: 20px;
    cursor: pointer;
    position: relative
}

.hr-manage-install .install-tips {
    padding-top: 20px;
    padding-bottom: 73px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.hr-manage-install-bg {
    background: url(../image/background_top_green.png);
    background-size: cover
}

@media screen and (max-width: 1080px) {
    .fx-hr-manage .hr-manage-reason .reason-panes .pane {
        width:40%;
        margin: 20px 5%
    }

    .fx-hr-manage .hr-manage-solution .solution-item .img-horizontal-big {
        display: none
    }

    .fx-hr-manage .hr-manage-solution .solution-item .img-horizontal-big-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-hr-manage .hr-manage-solution .solution-item .img-horizontal-middle {
        display: none
    }

    .fx-hr-manage .hr-manage-solution .solution-item .img-horizontal-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-hr-manage .hr-manage-solution .solution-item .img-vertical-middle {
        display: none
    }

    .fx-hr-manage .hr-manage-solution .solution-item .img-vertical-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-hr-manage .hr-manage-solution .solution-item .div-vertical-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-hr-manage .hr-manage-solution .solution-item .div-vertical-middle .description-text {
        text-align: left
    }

    .fx-hr-manage .hr-manage-solution .solution-item .div-horizontal-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-hr-manage .hr-manage-solution .solution-item .div-horizontal-middle .description-text {
        text-align: left
    }

    .fx-hr-manage .hr-manage-solution .solution-item .solution-item-description.last .description-text-mobile {
        display: inline-block;
        text-align: left
    }

    .fx-hr-manage .hr-manage-solution .solution-item .solution-item-title::before {
        left: 50%;
        margin-left: -65px
    }

    .fx-hr-manage .hr-manage-best-case {
        height: auto
    }

    .fx-hr-manage .hr-manage-best-case .bricks-sub-title {
        padding-top: 40px;
        padding-bottom: 25px;
        line-height: 18px;
        font-size: 18px
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container {
        width: 100%
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 10px
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items {
        height: auto
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items .case-item {
        margin-left: 0;
        display: inline-block;
        width: 281px;
        height: auto;
        margin-right: 15px
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .arrow-left-container,.fx-hr-manage .hr-manage-best-case .best-case-container .arrow-right-container,.fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
        display: none
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        width: 100%;
        height: 300px
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
        margin-left: 20px;
        margin-top: 25px
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
        height: 20px
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
        margin-top: 15px
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        line-height: 20px
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
        bottom: 20px
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        width: 100%;
        height: 300px;
        padding: 20px;
        font-size: 12px
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
        line-height: 20px
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
        margin-top: 10px
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
        bottom: 25px
    }
}

@media screen and (max-width: 450px) {
    .fx-hr-manage .hr-manage-background {
        background:url(../image/equipment_top_bg.png) center center no-repeat;
        background-size: 190% 50%;
        background-position-y: 150%
    }

    .fx-hr-manage .hr-manage-title.title-tall {
        padding-top: 90px
    }

    .fx-hr-manage .hr-manage-title .btn-container {
        margin-top: 20px
    }

    .fx-hr-manage .hr-manage-title .btn-container .bricks-btn {
        margin: 0 10px
    }

    .fx-hr-manage .hr-manage-title .install-tips {
        padding-top: 10px;
        padding-bottom: 90px
    }

    .fx-hr-manage .hr-manage-title .background {
        position: absolute;
        top: 326px;
        width: 700px;
        right: -100px;
        height: 0;
        left: auto
    }

    .fx-hr-manage .hr-manage-reason .bricks-sub-title {
        padding: 30px 0 10px
    }

    .fx-hr-manage .hr-manage-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-hr-manage .hr-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-hr-manage .hr-manage-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-hr-manage .hr-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-hr-manage .hr-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-hr-manage .hr-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 330px;
        padding: 25px 18px 18px
    }

    .fx-hr-manage .hr-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-hr-manage .hr-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title {
        font-size: 15px
    }

    .fx-hr-manage .hr-manage-reason .reason-panes .pane {
        margin: 20px 0
    }

    .fx-hr-manage .hr-manage-reason .reason-panes .pane .pane-description {
        padding: 0
    }

    .fx-hr-manage .hr-manage-solution .bricks-sub-title {
        padding-top: 30px
    }

    .fx-hr-manage .hr-manage-solution .bricks-description {
        padding-bottom: 0;
        width: 80%
    }

    .fx-hr-manage .hr-manage-solution .solution-item {
        padding: 10px 0 30px
    }

    .fx-hr-manage .hr-manage-solution .solution-item .img-horizontal-big-mobile {
        width: 100%
    }

    .fx-hr-manage .hr-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-hr-manage .hr-manage-solution .solution-item .img-vertical-middle-mobile {
        width: 90%;
        margin: 30px auto
    }

    .fx-hr-manage .hr-manage-solution .solution-item .solution-item-title {
        font-size: 22px
    }

    .fx-hr-manage .hr-manage-solution .solution-item .solution-item-title::before {
        width: 100px;
        height: 8px;
        left: 50%;
        top: 28px;
        margin-left: -50px!important
    }

    .fx-hr-manage .hr-manage-solution .solution-item .solution-item-sub-title {
        font-size: 18px
    }

    .fx-hr-manage .hr-manage-solution .solution-item .div-horizontal-middle,.fx-hr-manage .hr-manage-solution .solution-item .div-vertical-middle {
        padding-left: 0;
        padding-right: 0
    }

    .fx-hr-manage .hr-manage-solution .solution-item .solution-item-description {
        padding-left: 10px;
        margin-bottom: 10px
    }

    .fx-hr-manage .hr-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px;
        width: 90%
    }

    .fx-hr-manage .hr-manage-solution .solution-item .solution-item-description>.description-pic>img {
        margin-top: 2px
    }

    .fx-hr-manage .hr-manage-solution .solution-item .solution-item-description.last .description-text-mobile {
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        text-align: left
    }

    .fx-hr-manage .hr-manage-install .bricks-description {
        padding-top: 10px;
        padding-bottom: 0
    }

    .fx-hr-manage .hr-manage-install .btn-container .btn-left {
        width: 118px;
        height: 37px;
        font-size: 15px;
        line-height: 37px
    }

    .fx-hr-manage .hr-manage-install .install-tips {
        padding-top: 20px;
        padding-bottom: 50px
    }
}

@media screen and (max-width: 350px) {
    .fx-hr-manage .hr-manage-reason .bricks-sub-title {
        padding:30px 0 10px
    }

    .fx-hr-manage .hr-manage-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-hr-manage .hr-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-hr-manage .hr-manage-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-hr-manage .hr-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-hr-manage .hr-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-hr-manage .hr-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 360px;
        margin: 20px 0;
        padding: 20px 12px 12px;
        font-size: 14px
    }

    .fx-hr-manage .hr-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-hr-manage .hr-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title {
        font-size: 12px
    }

    .fx-hr-manage .hr-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-description {
        padding: 0
    }

    .fx-hr-manage .hr-manage-solution .bricks-sub-title {
        padding-top: 30px
    }

    .fx-hr-manage .hr-manage-solution .bricks-description {
        padding-bottom: 0;
        width: 100%
    }

    .fx-hr-manage .hr-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        height: 350px
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        height: 390px
    }

    .fx-hr-manage .hr-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right.right-block {
        padding: 15px
    }
}

.fx-kpi-manage .kpi-manage-background {
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 110% 60%;
    background-position-y: 170%
}

.fx-kpi-manage .kpi-manage-title {
    padding-top: 110px
}

.fx-kpi-manage .kpi-manage-title.title-tall {
    padding-top: 130px
}

.fx-kpi-manage .kpi-manage-title .bricks-main-title {
    margin-bottom: 20px
}

.fx-kpi-manage .kpi-manage-title .btn-container {
    margin-top: 40px;
    text-align: center;
    position: relative
}

.fx-kpi-manage .kpi-manage-title .btn-container .bricks-btn {
    margin: 0 20px;
    cursor: pointer;
    position: relative
}

.fx-kpi-manage .kpi-manage-title .btn-container .bricks-btn:first-child:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.fx-kpi-manage .kpi-manage-title .background {
    position: absolute;
    top: 310px;
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 100% auto
}

.fx-kpi-manage .kpi-manage-title .install-tips {
    padding-top: 30px;
    padding-bottom: 120px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.fx-kpi-manage .kpi-manage-reason .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-kpi-manage .kpi-manage-reason .bricks-description {
    margin-bottom: 40px
}

.fx-kpi-manage .kpi-manage-reason .reason-panes {
    padding-bottom: 50px
}

.fx-kpi-manage .kpi-manage-reason .reason-panes .pane {
    display: inline-block;
    width: 270px;
    height: 380px;
    background: #FFF;
    border-radius: 6px;
    margin: 0 10px;
    padding: 0 20px 61px;
    vertical-align: top
}

.fx-kpi-manage .kpi-manage-reason .reason-panes .pane .pic {
    display: block;
    width: 46px;
    height: 48px;
    margin: 50px auto 29px
}

.fx-kpi-manage .kpi-manage-reason .reason-panes .pane .pane-title {
    text-align: center;
    margin-bottom: 20px
}

.fx-kpi-manage .kpi-manage-reason .reason-panes .pane .pane-title span {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    line-height: 22px
}

.fx-kpi-manage .kpi-manage-reason .reason-panes .pane .pane-title .colorful {
    color: #F5A623
}

.fx-kpi-manage .kpi-manage-reason .reason-panes .pane .pane-description {
    padding: 0 16px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 20px
}

.fx-kpi-manage .kpi-manage-reason .reason-panes .pane .pane-description:last-child {
    margin-top: 20px
}

.fx-kpi-manage .kpi-manage-solution .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-kpi-manage .kpi-manage-solution .bricks-description {
    padding-bottom: 20px
}

.fx-kpi-manage .kpi-manage-solution .solution-item {
    padding: 30px 0
}

.fx-kpi-manage .kpi-manage-solution .solution-item .img-horizontal-middle,.fx-kpi-manage .kpi-manage-solution .solution-item .img-vertical-middle {
    padding-left: 20px;
    padding-right: 20px;
    width: 50%
}

.fx-kpi-manage .kpi-manage-solution .solution-item .div-horizontal-middle,.fx-kpi-manage .kpi-manage-solution .solution-item .div-vertical-middle {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    padding-right: 40px
}

.fx-kpi-manage .kpi-manage-solution .solution-item .solution-item-title {
    font-size: 32px;
    font-weight: 500;
    color: #1F2D3D;
    line-height: 45px;
    margin-bottom: 6px
}

.fx-kpi-manage .kpi-manage-solution .solution-item .solution-item-sub-title {
    font-size: 28px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 40px;
    margin-bottom: 24px
}

.fx-kpi-manage .kpi-manage-solution .solution-item .solution-item-description {
    margin-bottom: 30px
}

.fx-kpi-manage .kpi-manage-solution .solution-item .solution-item-description.last {
    color: #91A1B7
}

.fx-kpi-manage .kpi-manage-solution .solution-item .solution-item-description.now {
    color: #5E6D82
}

.fx-kpi-manage .kpi-manage-solution .solution-item .solution-item-description>.description-pic {
    width: 6%;
    min-width: 16px;
    display: inline-block;
    vertical-align: top
}

.fx-kpi-manage .kpi-manage-solution .solution-item .solution-item-description>.description-pic>img {
    width: 16px;
    margin-right: 5px;
    margin-top: 6px
}

.fx-kpi-manage .kpi-manage-solution .solution-item .solution-item-description>.description-text {
    width: 87%;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container {
    width: 100%;
    padding-bottom: 95px
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .arrow-left-container,.fx-kpi-manage .kpi-manage-best-case .best-case-container .arrow-right-container {
    height: 60px;
    width: 50px;
    display: inline-block;
    margin-top: 150px;
    cursor: pointer
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container {
    height: 420px;
    width: 1080px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    overflow: hidden
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items {
    height: 378px;
    position: relative
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item {
    margin: 0 20px;
    height: 376px;
    background: #FFF;
    -webkit-box-shadow: 0 10px 20px 0 rgba(23,44,43,.09);
    box-shadow: 0 10px 20px 0 rgba(23,44,43,.09);
    border-radius: 8px;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
    display: inline-block;
    width: 556px;
    height: 376px;
    border-radius: 0 8px 8px 0;
    vertical-align: top;
    position: relative
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
    margin-top: 40px;
    margin-left: 76px
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
    height: 40px
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
    margin-top: 30px
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
    position: absolute;
    width: 33px;
    height: 31px;
    left: 25px;
    top: 97px
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
    margin-left: 72px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 30px;
    margin-right: 40px
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
    font-weight: 400;
    color: #5E6D82;
    line-height: 22px;
    text-align: center;
    margin: 0;
    position: absolute;
    width: 100%;
    bottom: 30px
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
    display: inline-block;
    width: 484px;
    height: 376px;
    background: #F4F9F7;
    border-radius: 0 8px 8px 0;
    vertical-align: top;
    padding: 43px;
    position: relative
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
    color: #1F2D3D;
    line-height: 30px
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
    margin-top: 30px
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description span.strong {
    font-weight: 600
}

.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
    font-weight: 400;
    color: #0DB3A6;
    line-height: 22px;
    position: absolute;
    text-align: center;
    bottom: 30px;
    width: 398px
}

.kpi-manage-install .btn-container .btn-left,.kpi-manage-install .btn-container .btn-right {
    width: 196px;
    height: 58px;
    border-radius: 5px;
    display: inline-block;
    line-height: 58px;
    font-size: 20px;
    font-weight: 500;
    text-align: center
}

.kpi-manage-install .bricks-description {
    padding-top: 20px;
    padding-bottom: 30px
}

.kpi-manage-install .btn-container {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.kpi-manage-install .btn-container .btn-left {
    background: #0DB3A6;
    color: #fff
}

.kpi-manage-install .btn-container .btn-left:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.kpi-manage-install .btn-container .btn-right {
    border: 1px solid #0DB3A6;
    color: #0DB3A6;
    margin-left: 20px;
    cursor: pointer;
    position: relative
}

.kpi-manage-install .install-tips {
    padding-top: 20px;
    padding-bottom: 73px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.kpi-manage-install-bg {
    background: url(../image/background_top_green.png);
    background-size: cover
}

@media screen and (max-width: 1080px) {
    .fx-kpi-manage .kpi-manage-reason .reason-panes .pane {
        width:40%;
        margin: 20px 5%
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .img-horizontal-big {
        display: none
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .img-horizontal-big-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .img-horizontal-middle {
        display: none
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-kpi-manage .kpi-manage-solution .solution-item .img-vertical-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .img-vertical-middle {
        display: none
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .div-vertical-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .div-vertical-middle .description-text {
        text-align: left
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .div-horizontal-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .div-horizontal-middle .description-text {
        text-align: left
    }

    .fx-kpi-manage .kpi-manage-best-case {
        height: auto
    }

    .fx-kpi-manage .kpi-manage-best-case .bricks-sub-title {
        padding-top: 40px;
        padding-bottom: 25px;
        line-height: 18px;
        font-size: 18px
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container {
        width: 100%;
        padding-bottom: 0
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container {
        width: 100%;
        height: 630px;
        margin: 0 auto;
        padding: 0 25px
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items {
        height: auto;
        margin: 0
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item {
        display: inline-block;
        height: auto
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .arrow-left-container,.fx-kpi-manage .kpi-manage-best-case .best-case-container .arrow-right-container,.fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
        display: none
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        width: 100%;
        height: 300px
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
        margin-left: 20px;
        margin-top: 25px
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
        height: 20px
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
        margin-top: 15px
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        line-height: 20px
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
        bottom: 20px
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        width: 100%;
        height: 300px;
        padding: 20px;
        font-size: 12px
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
        line-height: 20px
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
        margin-top: 10px
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
        bottom: 25px;
        width: auto;
        left: 0;
        right: 0
    }
}

@media screen and (max-width: 450px) {
    .fx-kpi-manage .kpi-manage-background {
        background:url(../image/equipment_top_bg.png) center center no-repeat;
        background-size: 190% 50%;
        background-position-y: 150%
    }

    .fx-kpi-manage .kpi-manage-title.title-tall {
        padding-top: 90px
    }

    .fx-kpi-manage .kpi-manage-title .bricks-description {
        width: 345px
    }

    .fx-kpi-manage .kpi-manage-title .btn-container {
        margin-top: 20px
    }

    .fx-kpi-manage .kpi-manage-title .btn-container .bricks-btn {
        margin: 0 10px
    }

    .fx-kpi-manage .kpi-manage-title .install-tips {
        padding-top: 10px;
        padding-bottom: 40px
    }

    .fx-kpi-manage .kpi-manage-title .background {
        position: absolute;
        top: 326px;
        width: 700px;
        right: -100px;
        height: 0;
        left: auto
    }

    .fx-kpi-manage .kpi-manage-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-kpi-manage .kpi-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-kpi-manage .kpi-manage-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-kpi-manage .kpi-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-kpi-manage .kpi-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-kpi-manage .kpi-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 330px;
        padding: 25px 18px 18px
    }

    .fx-kpi-manage .kpi-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-kpi-manage .kpi-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title span {
        font-size: 15px
    }

    .fx-kpi-manage .kpi-manage-reason .reason-panes .pane {
        margin: 20px 0
    }

    .fx-kpi-manage .kpi-manage-reason .reason-panes .pane .pane-description {
        padding: 0
    }

    .fx-kpi-manage .kpi-manage-solution .bricks-sub-title {
        padding-top: 30px
    }

    .fx-kpi-manage .kpi-manage-solution .bricks-description {
        padding-bottom: 0;
        width: 80%
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item {
        padding: 10px 0 30px
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .img-horizontal-big-mobile {
        width: 100%
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-kpi-manage .kpi-manage-solution .solution-item .img-vertical-middle-mobile {
        width: 90%;
        margin: 30px auto
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .solution-item-title {
        font-size: 22px
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .solution-item-sub-title {
        font-size: 18px
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .div-horizontal-middle,.fx-kpi-manage .kpi-manage-solution .solution-item .div-vertical-middle {
        padding-left: 0;
        padding-right: 0
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .solution-item-description {
        padding-left: 10px;
        margin-bottom: 10px
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .solution-item-description>.description-pic>img {
        margin-top: 2px
    }

    .fx-kpi-manage .kpi-manage-install .bricks-description {
        padding-top: 10px;
        padding-bottom: 0
    }

    .fx-kpi-manage .kpi-manage-install .btn-container .btn-left {
        width: 118px;
        height: 37px;
        font-size: 15px;
        line-height: 37px
    }

    .fx-kpi-manage .kpi-manage-install .btn-container .btn-right {
        width: 118px;
        height: 37px;
        font-size: 15px;
        line-height: 37px;
        margin-left: 10px
    }

    .fx-kpi-manage .kpi-manage-install .install-tips {
        padding-top: 20px;
        padding-bottom: 50px
    }
}

@media screen and (max-width: 350px) {
    .fx-kpi-manage .kpi-manage-reason .bricks-description {
        margin-bottom:0
    }

    .fx-kpi-manage .kpi-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-kpi-manage .kpi-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 340px;
        padding: 20px 12px 12px;
        font-size: 13px
    }

    .fx-kpi-manage .kpi-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title span {
        font-size: 14px
    }

    .fx-kpi-manage .kpi-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container {
        height: 700px;
        padding: 0 15px
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        height: 320px
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        height: 350px
    }

    .fx-kpi-manage .kpi-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right.right-block {
        padding: 15px
    }
}

.fx-aftersale-manage .aftersale-manage-background {
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 110% 60%;
    background-position-y: 170%
}

.fx-aftersale-manage .aftersale-manage-title {
    padding-top: 110px
}

.fx-aftersale-manage .aftersale-manage-title.title-tall {
    padding-top: 130px
}

.fx-aftersale-manage .aftersale-manage-title .bricks-main-title {
    margin-bottom: 20px
}

.fx-aftersale-manage .aftersale-manage-title .btn-container {
    margin-top: 40px;
    text-align: center;
    position: relative
}

.fx-aftersale-manage .aftersale-manage-title .btn-container .bricks-btn {
    margin: 0 20px;
    cursor: pointer;
    position: relative
}

.fx-aftersale-manage .aftersale-manage-reason .bricks-description,.fx-flowerp-manage .flowerp-manage-reason .bricks-description,.fx-oa-manage .oa-manage-reason .bricks-description,.fx-supplier-manage .supplier-manage-reason .bricks-description,.fx-train-manage .train-manage-reason .bricks-description {
    margin-bottom: 40px
}

.fx-aftersale-manage .aftersale-manage-title .btn-container .bricks-btn:first-child:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.fx-aftersale-manage .aftersale-manage-title .background {
    position: absolute;
    top: 310px;
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 100% auto
}

.fx-aftersale-manage .aftersale-manage-title .install-tips {
    padding-top: 30px;
    padding-bottom: 120px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.fx-aftersale-manage .aftersale-manage-reason .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-aftersale-manage .aftersale-manage-reason .reason-panes {
    padding-bottom: 50px
}

.fx-aftersale-manage .aftersale-manage-reason .reason-panes .pane {
    display: inline-block;
    width: 270px;
    height: 380px;
    background: #FFF;
    border-radius: 6px;
    margin: 0 10px;
    padding: 0 20px 61px;
    vertical-align: top
}

.fx-aftersale-manage .aftersale-manage-reason .reason-panes .pane .pic {
    display: block;
    width: 46px;
    height: 48px;
    margin: 50px auto 29px
}

.fx-aftersale-manage .aftersale-manage-reason .reason-panes .pane .pane-title {
    text-align: center;
    margin-bottom: 20px
}

.fx-aftersale-manage .aftersale-manage-reason .reason-panes .pane .pane-title span {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    line-height: 22px
}

.fx-aftersale-manage .aftersale-manage-reason .reason-panes .pane .pane-title .colorful {
    color: #F5A623
}

.fx-aftersale-manage .aftersale-manage-reason .reason-panes .pane .pane-description {
    padding: 0 16px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 20px
}

.fx-aftersale-manage .aftersale-manage-reason .reason-panes .pane .pane-description:last-child {
    margin-top: 20px
}

.fx-aftersale-manage .aftersale-manage-solution .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-aftersale-manage .aftersale-manage-solution .bricks-description {
    padding-bottom: 20px
}

.fx-aftersale-manage .aftersale-manage-solution .solution-item {
    padding: 30px 0
}

.fx-aftersale-manage .aftersale-manage-solution .solution-item .img-horizontal-middle,.fx-aftersale-manage .aftersale-manage-solution .solution-item .img-vertical-middle {
    padding-left: 20px;
    padding-right: 20px;
    width: 50%
}

.fx-aftersale-manage .aftersale-manage-solution .solution-item .div-horizontal-middle,.fx-aftersale-manage .aftersale-manage-solution .solution-item .div-vertical-middle {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    padding-right: 40px
}

.fx-aftersale-manage .aftersale-manage-solution .solution-item .solution-item-title {
    font-size: 32px;
    font-weight: 500;
    color: #1F2D3D;
    line-height: 45px;
    margin-bottom: 6px
}

.fx-aftersale-manage .aftersale-manage-solution .solution-item .solution-item-sub-title {
    font-size: 28px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 40px;
    margin-bottom: 24px
}

.fx-aftersale-manage .aftersale-manage-solution .solution-item .solution-item-description {
    margin-bottom: 30px
}

.fx-aftersale-manage .aftersale-manage-solution .solution-item .solution-item-description.last {
    color: #91A1B7
}

.fx-aftersale-manage .aftersale-manage-solution .solution-item .solution-item-description.now {
    color: #5E6D82
}

.fx-aftersale-manage .aftersale-manage-solution .solution-item .solution-item-description>.description-pic {
    width: 6%;
    min-width: 16px;
    display: inline-block;
    vertical-align: top
}

.fx-aftersale-manage .aftersale-manage-solution .solution-item .solution-item-description>.description-pic>img {
    width: 16px;
    margin-right: 5px;
    margin-top: 6px
}

.fx-aftersale-manage .aftersale-manage-solution .solution-item .solution-item-description>.description-text {
    width: 87%;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container {
    width: 100%;
    padding-bottom: 95px
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .arrow-left-container,.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .arrow-right-container {
    height: 60px;
    width: 50px;
    display: inline-block;
    margin-top: 150px;
    cursor: pointer
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container {
    height: 420px;
    width: 1080px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    overflow: hidden
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items {
    height: 378px;
    position: relative
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item {
    margin: 0 20px;
    height: 376px;
    background: #FFF;
    -webkit-box-shadow: 0 10px 20px 0 rgba(23,44,43,.09);
    box-shadow: 0 10px 20px 0 rgba(23,44,43,.09);
    border-radius: 8px;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
    display: inline-block;
    width: 556px;
    height: 376px;
    border-radius: 0 8px 8px 0;
    vertical-align: top;
    position: relative
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
    margin-top: 40px;
    margin-left: 76px
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
    height: 40px
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
    margin-top: 30px
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
    position: absolute;
    width: 33px;
    height: 31px;
    left: 25px;
    top: 97px
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
    margin-left: 72px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 30px;
    margin-right: 40px
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
    font-weight: 400;
    color: #5E6D82;
    line-height: 22px;
    text-align: center;
    margin: 0;
    position: absolute;
    width: 100%;
    bottom: 30px
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
    display: inline-block;
    width: 484px;
    height: 376px;
    background: #F4F9F7;
    border-radius: 0 8px 8px 0;
    vertical-align: top;
    padding: 43px;
    position: relative
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
    color: #1F2D3D;
    line-height: 30px
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
    margin-top: 30px
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description span.strong {
    font-weight: 600
}

.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
    font-weight: 400;
    color: #0DB3A6;
    line-height: 22px;
    position: absolute;
    text-align: center;
    bottom: 30px;
    width: 398px
}

.aftersale-manage-install .btn-container .btn-left,.aftersale-manage-install .btn-container .btn-right {
    width: 196px;
    height: 58px;
    border-radius: 5px;
    display: inline-block;
    line-height: 58px;
    font-size: 20px;
    font-weight: 500;
    text-align: center
}

.aftersale-manage-install .bricks-sub-title {
    padding-top: 50px
}

.aftersale-manage-install .bricks-description {
    padding-top: 20px;
    padding-bottom: 30px
}

.aftersale-manage-install .btn-container {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.aftersale-manage-install .btn-container .btn-left {
    background: #0DB3A6;
    color: #fff
}

.aftersale-manage-install .btn-container .btn-left:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.aftersale-manage-install .btn-container .btn-right {
    border: 1px solid #0DB3A6;
    color: #0DB3A6;
    margin-left: 20px;
    cursor: pointer;
    position: relative
}

.aftersale-manage-install .install-tips {
    padding-top: 20px;
    padding-bottom: 73px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.aftersale-manage-install-bg {
    background: url(../image/background_top_green.png);
    background-size: cover
}

@media screen and (max-width: 1280px) {
    .fx-aftersale-manage .aftersale-manage-reason .reason-panes .pane {
        width:40%;
        margin: 20px 5%
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .img-horizontal-big {
        display: none
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .img-horizontal-big-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .img-horizontal-middle {
        display: none
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-aftersale-manage .aftersale-manage-solution .solution-item .img-vertical-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .img-vertical-middle {
        display: none
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .div-vertical-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .div-vertical-middle .description-text {
        text-align: left
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .div-horizontal-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .div-horizontal-middle .description-text {
        text-align: left
    }

    .fx-aftersale-manage .aftersale-manage-best-case {
        height: auto
    }

    .fx-aftersale-manage .aftersale-manage-best-case .bricks-sub-title {
        padding-top: 40px;
        padding-bottom: 25px;
        line-height: 18px;
        font-size: 18px
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container {
        width: 100%;
        padding-bottom: 0
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container {
        width: 100%;
        height: 630px;
        margin: 0 auto;
        padding: 0 25px
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items {
        height: auto;
        margin: 0
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item {
        display: inline-block;
        height: auto
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .arrow-left-container,.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .arrow-right-container,.fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
        display: none
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        width: 100%;
        height: 300px
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
        margin-left: 20px;
        margin-top: 25px
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
        height: 20px
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
        margin-top: 15px
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        line-height: 20px
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
        bottom: 20px
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        width: 100%;
        height: 300px;
        padding: 20px;
        font-size: 12px
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
        line-height: 20px
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
        margin-top: 10px
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
        bottom: 25px;
        width: auto;
        left: 0;
        right: 0
    }
}

@media screen and (max-width: 450px) {
    .fx-aftersale-manage .aftersale-manage-background {
        background:url(../image/equipment_top_bg.png) center center no-repeat;
        background-size: 190% 50%;
        background-position-y: 150%
    }

    .fx-aftersale-manage .aftersale-manage-title.title-tall {
        padding-top: 90px
    }

    .fx-aftersale-manage .aftersale-manage-title .bricks-description {
        width: 345px
    }

    .fx-aftersale-manage .aftersale-manage-title .btn-container {
        margin-top: 20px
    }

    .fx-aftersale-manage .aftersale-manage-title .btn-container .bricks-btn {
        margin: 0 10px
    }

    .fx-aftersale-manage .aftersale-manage-title .install-tips {
        padding-top: 10px;
        padding-bottom: 40px
    }

    .fx-aftersale-manage .aftersale-manage-title .background {
        position: absolute;
        top: 326px;
        width: 700px;
        right: -100px;
        height: 0;
        left: auto
    }

    .fx-aftersale-manage .aftersale-manage-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-aftersale-manage .aftersale-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-aftersale-manage .aftersale-manage-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-aftersale-manage .aftersale-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-aftersale-manage .aftersale-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-aftersale-manage .aftersale-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 330px;
        padding: 25px 18px 18px
    }

    .fx-aftersale-manage .aftersale-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-aftersale-manage .aftersale-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title span {
        font-size: 15px
    }

    .fx-aftersale-manage .aftersale-manage-reason .reason-panes .pane {
        margin: 20px 0
    }

    .fx-aftersale-manage .aftersale-manage-reason .reason-panes .pane .pane-description {
        padding: 0
    }

    .fx-aftersale-manage .aftersale-manage-solution .bricks-sub-title {
        padding-top: 30px
    }

    .fx-aftersale-manage .aftersale-manage-solution .bricks-description {
        padding-bottom: 0;
        width: 80%
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item {
        padding: 10px 0 30px
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .img-horizontal-big-mobile {
        width: 100%
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-aftersale-manage .aftersale-manage-solution .solution-item .img-vertical-middle-mobile {
        width: 90%;
        margin: 30px auto
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .solution-item-title {
        font-size: 22px
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .solution-item-sub-title {
        font-size: 18px
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .div-horizontal-middle,.fx-aftersale-manage .aftersale-manage-solution .solution-item .div-vertical-middle {
        padding-left: 0;
        padding-right: 0
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .solution-item-description {
        padding-left: 10px;
        margin-bottom: 10px
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .solution-item-description>.description-pic>img {
        margin-top: 2px
    }

    .fx-aftersale-manage .aftersale-manage-install .bricks-description {
        padding-top: 10px;
        padding-bottom: 0
    }

    .fx-aftersale-manage .aftersale-manage-install .btn-container .btn-left {
        width: 118px;
        height: 37px;
        font-size: 15px;
        line-height: 37px
    }

    .fx-aftersale-manage .aftersale-manage-install .btn-container .btn-right {
        width: 118px;
        height: 37px;
        font-size: 15px;
        line-height: 37px;
        margin-left: 10px
    }

    .fx-aftersale-manage .aftersale-manage-install .install-tips {
        padding-top: 20px;
        padding-bottom: 50px
    }
}

.fx-supplier-manage .supplier-manage-reason .reason-panes .panes-mobile,.fx-supplier-manage .supplier-manage-title {
    display: none
}

@media screen and (max-width: 350px) {
    .fx-aftersale-manage .aftersale-manage-reason .bricks-sub-title {
        padding:30px 0 10px
    }

    .fx-aftersale-manage .aftersale-manage-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-aftersale-manage .aftersale-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-aftersale-manage .aftersale-manage-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-aftersale-manage .aftersale-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 360px;
        margin: 20px 0;
        padding: 20px 12px 12px;
        font-size: 14px
    }

    .fx-aftersale-manage .aftersale-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-aftersale-manage .aftersale-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title {
        font-size: 12px
    }

    .fx-aftersale-manage .aftersale-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-description {
        padding: 0
    }

    .fx-aftersale-manage .aftersale-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container {
        height: 700px;
        padding: 0 15px
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        height: 380px
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        height: 280px
    }

    .fx-aftersale-manage .aftersale-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right.right-block {
        padding: 15px
    }
}

.fx-supplier-manage .supplier-manage-background {
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 110% 60%;
    background-position-y: 170%
}

.fx-supplier-manage .supplier-manage-title .bricks-main-title {
    margin-bottom: 20px
}

.fx-supplier-manage .supplier-manage-title .btn-container {
    margin-top: 40px;
    text-align: center;
    position: relative
}

.fx-supplier-manage .supplier-manage-title .btn-container .bricks-btn {
    margin: 0 20px;
    width: 240px;
    cursor: pointer;
    position: relative
}

.fx-supplier-manage .supplier-manage-title .btn-container .bricks-btn:first-child:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.fx-supplier-manage .supplier-manage-title .background {
    position: absolute;
    top: 310px;
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 100% auto
}

.fx-supplier-manage .install-tips {
    padding-top: 30px;
    padding-bottom: 120px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.fx-supplier-manage .supplier-manage-reason .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-supplier-manage .supplier-manage-reason .reason-panes {
    padding-bottom: 50px
}

.fx-supplier-manage .supplier-manage-reason .reason-panes .panes-pc {
    text-align: center
}

.fx-supplier-manage .supplier-manage-reason .reason-panes .pane {
    display: inline-block;
    width: 252px;
    height: 284px;
    background: #FFF;
    border-radius: 6px;
    margin: 0 16px;
    padding: 0 9px;
    vertical-align: top
}

.fx-supplier-manage .supplier-manage-reason .reason-panes .pane .pic {
    display: block;
    width: 46px;
    height: 48px;
    margin: 50px auto 29px
}

.fx-supplier-manage .supplier-manage-reason .reason-panes .pane .pane-title {
    text-align: center;
    margin-bottom: 20px
}

.fx-supplier-manage .supplier-manage-reason .reason-panes .pane .pane-title span {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    line-height: 22px
}

.fx-supplier-manage .supplier-manage-reason .reason-panes .pane .pane-title .colorful {
    color: #F5A623
}

.fx-supplier-manage .supplier-manage-reason .reason-panes .pane .pane-description {
    padding: 0 13px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 20px;
    text-align: left
}

.fx-supplier-manage .supplier-manage-reason .reason-panes .pane .pane-description:last-child {
    margin-top: 20px
}

.fx-supplier-manage .solution-item-title {
    position: relative;
    font-size: 32px;
    font-weight: 500;
    line-height: 45px;
    color: #1F2D3D;
    margin-bottom: 22px;
    z-index: 2;
    display: inline-block
}

.fx-supplier-manage .solution-item-title::before {
    position: absolute;
    top: 31px;
    left: 0;
    content: "";
    height: 12px;
    width: 100%;
    background: #80D1CA;
    border-radius: 1px;
    z-index: -1
}

.fx-supplier-manage .solution-item-sub-title {
    font-size: 20px;
    margin-bottom: 26px;
    color: #1F2D3D
}

.fx-supplier-manage .supplier-manage-solution {
    padding-bottom: 130px
}

.fx-supplier-manage .supplier-manage-solution .solution-banner {
    text-align: center
}

.fx-supplier-manage .supplier-manage-solution .solution-banner .img-horizontal-big-mobile {
    display: none
}

.fx-supplier-manage .supplier-manage-solution .solution-banner .register-block {
    padding: 24px 0 15px
}

.fx-supplier-manage .supplier-manage-solution .solution-item {
    padding: 80px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-supplier-manage .supplier-manage-purchase .img-vertical-middle-mobile,.fx-supplier-manage .supplier-manage-purchase .purchase-slider-right .case-item .item-tip .item-btn,.fx-supplier-manage .supplier-manage-purchase .purchase-slider-right-mobile,.fx-supplier-manage .supplier-manage-solution .solution-item .img-vertical-middle-mobile {
    display: none
}

.fx-supplier-manage .supplier-manage-solution .solution-item:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}

.fx-supplier-manage .supplier-manage-solution .solution-item .img-vertical-middle {
    width: 50%
}

.fx-supplier-manage .supplier-manage-solution .solution-item .div-vertical-middle {
    width: 45%;
    display: inline-block;
    vertical-align: middle
}

.fx-supplier-manage .supplier-manage-solution .solution-item .register-block {
    padding-top: 15px
}

.fx-supplier-manage .supplier-manage-solution .solution-item .solution-item-description {
    margin-bottom: 16px
}

.fx-supplier-manage .supplier-manage-solution .solution-item .solution-item-description>.description-pic {
    width: 6%;
    min-width: 16px;
    height: 26px;
    display: inline-block;
    vertical-align: top
}

.fx-supplier-manage .supplier-manage-solution .solution-item .solution-item-description>.description-pic>img {
    width: 16px;
    margin-right: 5px;
    margin-top: 5px
}

.fx-supplier-manage .supplier-manage-solution .solution-item .solution-item-description>.description-text {
    width: 93%;
    color: #283A4C;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.fx-supplier-manage .x-manage-demand .demand-wrapper .tab-box .tab-item .spacial-width {
    width: 420px
}

.fx-supplier-manage .supplier-manage-purchase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 80px;
    padding-bottom: 50px
}

.fx-supplier-manage .supplier-manage-purchase .purchase-slider-left {
    width: 45%;
    padding-left: 40px;
    overflow: hidden
}

.fx-supplier-manage .supplier-manage-purchase .purchase-slider-left .purchase-switch-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fx-supplier-manage .supplier-manage-purchase .purchase-slider-left .purchase-switch-tab .purchase-tab-selection {
    height: 64px;
    opacity: 1;
    width: 240px;
    border-radius: 0;
    margin-bottom: 15px;
    background: 0 0;
    color: #5e6d82;
    font-size: 20px;
    padding: 15px 0 15px 45px;
    margin-top: 20px;
    cursor: pointer
}

.oa-manage-install .bricks-sub-title,.supplier-manage-install .bricks-sub-title {
    padding-top: 50px
}

.fx-supplier-manage .supplier-manage-purchase .purchase-slider-left .purchase-switch-tab .purchase-tab-selection i {
    font-size: 28px;
    margin-right: 15px;
    color: #c3cdda;
    position: relative;
    top: 3px
}

.fx-supplier-manage .supplier-manage-purchase .purchase-slider-left .purchase-switch-tab .purchase-tab-selection.swiper-pagination-bullet-active {
    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(64,106,103,.13);
    box-shadow: 0 0 8px 0 rgba(64,106,103,.13);
    color: #0DB3A6;
    border-radius: 4px
}

.fx-supplier-manage .supplier-manage-purchase .purchase-slider-left .purchase-switch-tab .purchase-tab-selection.swiper-pagination-bullet-active i {
    color: #0DB3A6
}

.fx-supplier-manage .supplier-manage-purchase .purchase-slider-right {
    width: 55%;
    overflow: hidden
}

.fx-supplier-manage .supplier-manage-purchase .purchase-slider-right .case-item {
    color: #5E6D82;
    font-size: 16px;
    text-align: center
}

.fx-supplier-manage .supplier-manage-purchase .purchase-slider-right .case-item .item-tip {
    margin-top: 12px
}

.supplier-manage-install .btn-container .btn-left,.supplier-manage-install .btn-container .btn-right {
    width: 196px;
    height: 58px;
    border-radius: 5px;
    display: inline-block;
    line-height: 58px;
    font-size: 20px;
    font-weight: 500;
    text-align: center
}

.supplier-manage-install .bricks-description {
    padding-top: 20px;
    padding-bottom: 30px
}

.supplier-manage-install .btn-container {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.supplier-manage-install .btn-container .btn-left {
    background: #0DB3A6;
    color: #fff
}

.supplier-manage-install .btn-container .btn-left:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.flowerp-manage-install-bg,.oa-manage-install-bg,.supplier-manage-install-bg,.train-manage-install-bg {
    background: url(../image/background_top_green.png)
}

.supplier-manage-install .btn-container .btn-right {
    border: 1px solid #0DB3A6;
    color: #0DB3A6;
    margin-left: 20px;
    cursor: pointer;
    position: relative
}

.supplier-manage-install .install-tips {
    padding-top: 20px;
    padding-bottom: 73px
}

.supplier-manage-install-bg {
    background-size: cover
}

@media screen and (max-width: 1080px) {
    .fx-supplier-manage .supplier-manage-reason .reason-panes .pane {
        width:40%;
        margin: 20px 5%
    }

    .fx-supplier-manage .supplier-manage-solution {
        padding-bottom: 10px;
        padding-top: 20px
    }

    .fx-supplier-manage .supplier-manage-solution .solution-banner .img-horizontal-big {
        display: none
    }

    .fx-supplier-manage .supplier-manage-solution .solution-banner .img-horizontal-big-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-supplier-manage .supplier-manage-solution .solution-item .img-vertical-middle {
        display: none
    }

    .fx-supplier-manage .supplier-manage-solution .solution-item .img-vertical-middle-mobile {
        display: block;
        width: 100%;
        margin: 0 auto
    }

    .fx-supplier-manage .supplier-manage-solution .solution-item .div-vertical-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-supplier-manage .supplier-manage-solution .solution-item .solution-item-description .description-text {
        text-align: left
    }

    .fx-supplier-manage .supplier-manage-solution .solution-item .solution-item-description>.description-pic img {
        width: 12px;
        margin-top: 7px
    }

    .fx-supplier-manage .supplier-manage-purchase {
        display: block;
        padding-top: 0;
        padding-bottom: 20px
    }

    .fx-supplier-manage .supplier-manage-purchase .purchase-slider-left {
        width: 100%;
        padding-left: 0;
        text-align: center
    }

    .fx-supplier-manage .supplier-manage-purchase .purchase-slider-left .purchase-switch-tab {
        display: none
    }

    .fx-supplier-manage .supplier-manage-purchase .purchase-slider-right-mobile {
        display: block;
        width: 100%
    }

    .fx-supplier-manage .supplier-manage-purchase .purchase-slider-right-mobile .case-item {
        color: #5E6D82;
        padding: 0 10%;
        font-size: 16px
    }

    .fx-supplier-manage .supplier-manage-purchase .purchase-slider-right-mobile .case-item img {
        margin: 18px 0 20px
    }

    .fx-supplier-manage .supplier-manage-purchase .purchase-slider-right-mobile .case-item .item-tip {
        margin-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #5E6D82;
        padding-left: 30px
    }

    .fx-supplier-manage .supplier-manage-purchase .purchase-slider-right-mobile .case-item .item-tip .item-btn {
        display: block;
        width: 100px;
        height: 32px;
        background: #E8F5F4;
        border-radius: 4px;
        color: #0DB3A6;
        text-align: center;
        padding: 8px 0;
        font-size: 12px;
        margin-right: 10px
    }

    .fx-supplier-manage .supplier-manage-purchase .purchase-slider-right {
        display: none
    }

    .fx-supplier-manage .supplier-manage-best-case {
        height: auto
    }

    .fx-supplier-manage .supplier-manage-best-case .bricks-sub-title {
        padding-top: 40px;
        padding-bottom: 25px
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container {
        width: 100%
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 10px
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items {
        height: auto
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items .case-item {
        margin-left: 0;
        display: inline-block;
        width: 281px;
        height: auto;
        margin-right: 15px
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .arrow-left-container,.fx-supplier-manage .supplier-manage-best-case .best-case-container .arrow-right-container,.fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
        display: none
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        width: 100%;
        height: 300px
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
        margin-left: 20px;
        margin-top: 25px
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
        height: 20px
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
        margin-top: 15px
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        line-height: 20px
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
        bottom: 20px
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        width: 100%;
        height: 300px;
        padding: 20px;
        font-size: 12px
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
        line-height: 20px
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
        margin-top: 10px
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
        bottom: 25px
    }
}

@media screen and (max-width: 450px) {
    .fx-supplier-manage .supplier-manage-background {
        background:url(../image/equipment_top_bg.png) center center no-repeat;
        background-size: 190% 50%;
        background-position-y: 150%
    }

    .fx-supplier-manage .supplier-manage-title {
        display: block;
        padding-top: 60px
    }

    .fx-supplier-manage .supplier-manage-title.title-tall {
        padding-top: 90px
    }

    .fx-supplier-manage .supplier-manage-title .bricks-description {
        width: 80%
    }

    .fx-supplier-manage .supplier-manage-title .btn-container {
        margin-top: 20px
    }

    .fx-supplier-manage .supplier-manage-title .btn-container .bricks-btn {
        margin: 0;
        width: 120px;
        height: 39px;
        font-size: 12px
    }

    .fx-supplier-manage .supplier-manage-title .install-tips {
        padding-top: 10px;
        padding-bottom: 90px
    }

    .fx-supplier-manage .supplier-manage-title .background {
        position: absolute;
        top: 326px;
        width: 700px;
        right: -100px;
        height: 0;
        left: auto
    }

    .fx-supplier-manage .supplier-manage-reason .bricks-sub-title {
        padding: 30px 0 10px
    }

    .fx-supplier-manage .supplier-manage-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 250px;
        padding: 25px 18px 18px
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title {
        font-size: 15px
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes .pane {
        margin: 20px 0
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes .pane .pane-description {
        padding: 0
    }

    .fx-supplier-manage .supplier-manage-solution .bricks-sub-title {
        padding-top: 30px;
        font-size: 18px
    }

    .fx-supplier-manage .supplier-manage-solution .solution-banner .img-horizontal-big-mobile {
        width: 100%
    }

    .fx-supplier-manage .supplier-manage-solution .solution-item {
        padding: 0 0 30px
    }

    .fx-supplier-manage .supplier-manage-solution .solution-item .img-vertical-middle-mobile {
        width: 100%;
        margin: 20px auto
    }

    .fx-supplier-manage .supplier-manage-solution .solution-item .div-vertical-middle {
        padding-left: 0;
        padding-right: 0
    }

    .fx-supplier-manage .supplier-manage-solution .solution-item .register-block {
        padding-top: 20px
    }

    .fx-supplier-manage .supplier-manage-solution .solution-item .solution-item-description {
        padding-left: 10px;
        margin-bottom: 10px
    }

    .fx-supplier-manage .supplier-manage-solution .solution-item .solution-item-description .description-text {
        font-size: 12px
    }

    .fx-supplier-manage .supplier-manage-purchase .purchase-slider-right-mobile .case-item {
        padding: 0;
        font-size: 12px
    }

    .fx-supplier-manage .supplier-manage-purchase .purchase-slider-right-mobile .case-item .item-tip {
        padding-left: 10px;
        margin-bottom: 20px
    }

    .fx-supplier-manage .supplier-manage-install .btn-container {
        margin-top: 0
    }

    .fx-supplier-manage .supplier-manage-install .btn-container .btn-left {
        line-height: 39px;
        margin: 0;
        width: 120px;
        height: 39px;
        font-size: 12px
    }

    .fx-supplier-manage .solution-item-title {
        font-size: 18px;
        margin-bottom: 10px
    }

    .fx-supplier-manage .solution-item-sub-title {
        font-size: 14px
    }

    .fx-supplier-manage .solution-item-title::before {
        height: 8px;
        top: 26px
    }

    .fx-supplier-manage .supplier-manage-best-case .bricks-sub-title {
        line-height: 18px;
        font-size: 18px
    }
}

@media screen and (max-width: 350px) {
    .fx-supplier-manage .supplier-manage-reason .bricks-description {
        margin-bottom:0
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 360px;
        margin: 20px 0;
        padding: 20px 12px 12px;
        font-size: 13px
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title span {
        font-size: 12px
    }

    .fx-supplier-manage .supplier-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-description {
        padding: 0
    }

    .fx-supplier-manage .supplier-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        height: 350px
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        height: 360px
    }

    .fx-supplier-manage .supplier-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right.right-block {
        padding: 15px
    }
}

.fx-oa-manage .oa-manage-background {
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 110% 60%;
    background-position-y: 170%
}

.fx-oa-manage .oa-manage-title {
    padding-top: 110px
}

.fx-oa-manage .oa-manage-title.title-tall {
    padding-top: 130px
}

.fx-oa-manage .oa-manage-title .bricks-main-title {
    margin-bottom: 20px
}

.fx-oa-manage .oa-manage-title .btn-container {
    margin-top: 40px;
    text-align: center;
    position: relative
}

.fx-oa-manage .oa-manage-title .btn-container .bricks-btn {
    margin: 0 20px;
    cursor: pointer;
    position: relative
}

.fx-oa-manage .oa-manage-title .btn-container .bricks-btn .qrcode-show {
    display: none
}

.fx-oa-manage .oa-manage-title .btn-container .bricks-btn:first-child:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.fx-oa-manage .oa-manage-title .btn-container .bricks-btn.qrcode:hover {
    background: #E6F7F6;
    border-color: #0DB3A6;
    color: #0DB3A6
}

.fx-oa-manage .oa-manage-title .btn-container .bricks-btn.qrcode:hover .qrcode-show {
    display: block;
    position: absolute;
    left: -20px;
    max-width: 240px;
    z-index: 1
}

.fx-oa-manage .oa-manage-title .background {
    position: absolute;
    top: 310px;
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 100% auto
}

.fx-oa-manage .oa-manage-title .install-tips {
    padding-top: 30px;
    padding-bottom: 120px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.fx-oa-manage .oa-manage-reason .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-oa-manage .oa-manage-reason .reason-panes {
    padding-bottom: 50px
}

.fx-oa-manage .oa-manage-reason .reason-panes .panes-mobile {
    display: none
}

.fx-oa-manage .oa-manage-reason .reason-panes .pane {
    display: inline-block;
    width: 270px;
    height: 380px;
    background: #FFF;
    border-radius: 6px;
    margin: 0 10px;
    padding: 0 9px 61px;
    vertical-align: top
}

.fx-oa-manage .oa-manage-reason .reason-panes .pane .pic {
    display: block;
    width: 46px;
    height: 48px;
    margin: 50px auto 29px
}

.fx-oa-manage .oa-manage-reason .reason-panes .pane .pane-title {
    text-align: center;
    margin-bottom: 20px
}

.fx-oa-manage .oa-manage-reason .reason-panes .pane .pane-title span {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    line-height: 22px
}

.fx-oa-manage .oa-manage-reason .reason-panes .pane .pane-title .colorful {
    color: #F5A623
}

.fx-oa-manage .oa-manage-reason .reason-panes .pane .pane-description {
    padding: 0 13px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 20px
}

.fx-oa-manage .oa-manage-reason .reason-panes .pane .pane-description:last-child {
    margin-top: 20px
}

.fx-oa-manage .oa-manage-solution .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-oa-manage .oa-manage-solution .bricks-description {
    padding-bottom: 20px
}

.fx-oa-manage .oa-manage-solution .solution-item {
    padding: 30px 0
}

.fx-oa-manage .oa-manage-solution .solution-item .img-horizontal-middle,.fx-oa-manage .oa-manage-solution .solution-item .img-vertical-middle {
    width: 55%;
    padding-left: 20px;
    padding-right: 20px
}

.fx-oa-manage .oa-manage-solution .solution-item .img-horizontal-big-mobile {
    display: none
}

.fx-oa-manage .oa-manage-solution .solution-item .img-vertical-middle-mobile {
    display: none
}

.fx-oa-manage .oa-manage-solution .solution-item .img-horizontal-middle-mobile {
    display: none
}

.fx-oa-manage .oa-manage-solution .solution-item .div-horizontal-middle,.fx-oa-manage .oa-manage-solution .solution-item .div-vertical-middle {
    width: 45%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    padding-right: 40px
}

.fx-oa-manage .oa-manage-solution .solution-item .solution-item-title {
    position: relative;
    font-size: 32px;
    font-weight: 500;
    color: #1F2D3D;
    line-height: 45px;
    margin-bottom: 6px;
    z-index: 2
}

.fx-oa-manage .oa-manage-solution .solution-item .solution-item-title::before {
    position: absolute;
    top: 31px;
    left: 0;
    content: "";
    height: 12px;
    width: 130px;
    background: #80D1CA;
    border-radius: 1px;
    z-index: -1
}

.fx-oa-manage .oa-manage-solution .solution-item .solution-item-sub-title {
    font-size: 28px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 40px;
    margin-bottom: 24px
}

.fx-oa-manage .oa-manage-solution .solution-item .solution-item-description {
    margin-bottom: 30px
}

.fx-oa-manage .oa-manage-solution .solution-item .solution-item-description.last {
    color: #91A1B7
}

.fx-oa-manage .oa-manage-solution .solution-item .solution-item-description.last .description-text-mobile {
    display: none;
    width: 85%;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.fx-oa-manage .oa-manage-solution .solution-item .solution-item-description.now {
    color: #5E6D82
}

.fx-oa-manage .oa-manage-solution .solution-item .solution-item-description>.description-pic {
    width: 6%;
    min-width: 16px;
    display: inline-block;
    vertical-align: top
}

.fx-oa-manage .oa-manage-solution .solution-item .solution-item-description>.description-pic>img {
    width: 16px;
    margin-right: 5px;
    margin-top: 6px
}

.fx-oa-manage .oa-manage-solution .solution-item .solution-item-description>.description-text {
    width: 93%;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.oa-manage-install .btn-container .btn-left,.oa-manage-install .btn-container .btn-right {
    width: 196px;
    height: 58px;
    border-radius: 5px;
    line-height: 58px;
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    text-align: center
}

.oa-manage-install .bricks-description {
    padding-top: 20px;
    padding-bottom: 30px
}

.oa-manage-install .btn-container {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.oa-manage-install .btn-container .btn-left {
    background: #0DB3A6;
    color: #fff
}

.oa-manage-install .btn-container .btn-left:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.oa-manage-install .btn-container .btn-right {
    border: 1px solid #0DB3A6;
    color: #0DB3A6;
    margin-left: 20px;
    cursor: pointer;
    position: relative
}

.oa-manage-install .install-tips {
    padding-top: 20px;
    padding-bottom: 73px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.oa-manage-install-bg {
    background-size: cover
}

@media screen and (max-width: 1080px) {
    .fx-oa-manage .oa-manage-reason .reason-panes .pane {
        width:40%;
        margin: 20px 5%
    }

    .fx-oa-manage .oa-manage-solution .solution-item .img-horizontal-big {
        display: none
    }

    .fx-oa-manage .oa-manage-solution .solution-item .img-horizontal-big-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-oa-manage .oa-manage-solution .solution-item .img-horizontal-middle {
        display: none
    }

    .fx-oa-manage .oa-manage-solution .solution-item .img-horizontal-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-oa-manage .oa-manage-solution .solution-item .img-vertical-middle {
        display: none
    }

    .fx-oa-manage .oa-manage-solution .solution-item .img-vertical-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-oa-manage .oa-manage-solution .solution-item .div-vertical-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-oa-manage .oa-manage-solution .solution-item .div-vertical-middle .description-text {
        text-align: left
    }

    .fx-oa-manage .oa-manage-solution .solution-item .div-horizontal-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-oa-manage .oa-manage-solution .solution-item .div-horizontal-middle .description-text {
        text-align: left
    }

    .fx-oa-manage .oa-manage-solution .solution-item .solution-item-description.last .description-text-mobile {
        display: inline-block;
        text-align: left
    }

    .fx-oa-manage .oa-manage-solution .solution-item .solution-item-title::before {
        left: 50%;
        margin-left: -65px
    }

    .fx-oa-manage .oa-manage-best-case {
        height: auto
    }

    .fx-oa-manage .oa-manage-best-case .bricks-sub-title {
        padding-top: 40px;
        padding-bottom: 25px;
        line-height: 18px;
        font-size: 18px
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container {
        width: 100%
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 10px
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items {
        height: auto
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items .case-item {
        margin-left: 0;
        display: inline-block;
        width: 281px;
        height: auto;
        margin-right: 15px
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .arrow-left-container,.fx-oa-manage .oa-manage-best-case .best-case-container .arrow-right-container,.fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
        display: none
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        width: 100%;
        height: 300px
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
        margin-left: 20px;
        margin-top: 25px
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
        height: 20px
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
        margin-top: 15px
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        line-height: 20px
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
        bottom: 20px
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        width: 100%;
        height: 300px;
        padding: 20px;
        font-size: 12px
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
        line-height: 20px
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
        margin-top: 10px
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
        bottom: 25px
    }
}

@media screen and (max-width: 450px) {
    .fx-oa-manage .oa-manage-background {
        background:url(../image/equipment_top_bg.png) center center no-repeat;
        background-size: 190% 50%;
        background-position-y: 150%
    }

    .fx-oa-manage .oa-manage-title.title-tall {
        padding-top: 90px
    }

    .fx-oa-manage .oa-manage-title .btn-container {
        margin-top: 20px
    }

    .fx-oa-manage .oa-manage-title .btn-container .bricks-btn {
        margin: 0 10px
    }

    .fx-oa-manage .oa-manage-title .install-tips {
        padding-top: 10px;
        padding-bottom: 90px
    }

    .fx-oa-manage .oa-manage-title .background {
        position: absolute;
        top: 326px;
        width: 700px;
        right: -100px;
        height: 0;
        left: auto
    }

    .fx-oa-manage .oa-manage-reason .bricks-sub-title {
        padding: 30px 0 10px
    }

    .fx-oa-manage .oa-manage-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-oa-manage .oa-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-oa-manage .oa-manage-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-oa-manage .oa-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-oa-manage .oa-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-oa-manage .oa-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 330px;
        padding: 25px 18px 18px
    }

    .fx-oa-manage .oa-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-oa-manage .oa-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title {
        font-size: 15px
    }

    .fx-oa-manage .oa-manage-reason .reason-panes .pane {
        margin: 20px 0
    }

    .fx-oa-manage .oa-manage-reason .reason-panes .pane .pane-description {
        padding: 0
    }

    .fx-oa-manage .oa-manage-solution .bricks-sub-title {
        padding-top: 30px
    }

    .fx-oa-manage .oa-manage-solution .bricks-description {
        padding-bottom: 0;
        width: 80%
    }

    .fx-oa-manage .oa-manage-solution .solution-item {
        padding: 10px 0 30px
    }

    .fx-oa-manage .oa-manage-solution .solution-item .img-horizontal-big-mobile {
        width: 100%
    }

    .fx-oa-manage .oa-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-oa-manage .oa-manage-solution .solution-item .img-vertical-middle-mobile {
        width: 90%;
        margin: 30px auto
    }

    .fx-oa-manage .oa-manage-solution .solution-item .solution-item-title {
        font-size: 22px
    }

    .fx-oa-manage .oa-manage-solution .solution-item .solution-item-title::before {
        width: 100px;
        height: 8px;
        left: 50%;
        top: 28px;
        margin-left: -50px!important
    }

    .fx-oa-manage .oa-manage-solution .solution-item .solution-item-sub-title {
        font-size: 18px
    }

    .fx-oa-manage .oa-manage-solution .solution-item .div-horizontal-middle,.fx-oa-manage .oa-manage-solution .solution-item .div-vertical-middle {
        padding-left: 0;
        padding-right: 0
    }

    .fx-oa-manage .oa-manage-solution .solution-item .solution-item-description {
        padding-left: 10px;
        margin-bottom: 10px
    }

    .fx-oa-manage .oa-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px;
        width: 90%
    }

    .fx-oa-manage .oa-manage-solution .solution-item .solution-item-description>.description-pic>img {
        margin-top: 2px
    }

    .fx-oa-manage .oa-manage-solution .solution-item .solution-item-description.last .description-text-mobile {
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        text-align: left
    }

    .fx-oa-manage .oa-manage-install .bricks-description {
        padding-top: 10px;
        padding-bottom: 0
    }

    .fx-oa-manage .oa-manage-install .btn-container .btn-left {
        width: 118px;
        height: 37px;
        font-size: 15px;
        line-height: 37px
    }

    .fx-oa-manage .oa-manage-install .install-tips {
        padding-top: 20px;
        padding-bottom: 50px
    }
}

@media screen and (max-width: 350px) {
    .fx-oa-manage .oa-manage-reason .bricks-sub-title {
        padding:30px 0 10px
    }

    .fx-oa-manage .oa-manage-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-oa-manage .oa-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-oa-manage .oa-manage-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-oa-manage .oa-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-oa-manage .oa-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-oa-manage .oa-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 360px;
        margin: 20px 0;
        padding: 20px 12px 12px;
        font-size: 14px
    }

    .fx-oa-manage .oa-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-oa-manage .oa-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title {
        font-size: 12px
    }

    .fx-oa-manage .oa-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-description {
        padding: 0
    }

    .fx-oa-manage .oa-manage-solution .bricks-sub-title {
        padding-top: 30px
    }

    .fx-oa-manage .oa-manage-solution .bricks-description {
        padding-bottom: 0;
        width: 100%
    }

    .fx-oa-manage .oa-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        height: 350px
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        height: 390px
    }

    .fx-oa-manage .oa-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right.right-block {
        padding: 15px
    }
}

.fx-flowerp-manage .flowerp-manage-background {
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 110% 60%;
    background-position-y: 170%
}

.fx-flowerp-manage .flowerp-manage-title {
    padding-top: 110px
}

.fx-flowerp-manage .flowerp-manage-title.title-tall {
    padding-top: 130px
}

.fx-flowerp-manage .flowerp-manage-title .bricks-main-title {
    margin-bottom: 20px
}

.fx-flowerp-manage .flowerp-manage-title .btn-container {
    margin-top: 40px;
    text-align: center;
    position: relative
}

.fx-flowerp-manage .flowerp-manage-title .btn-container .bricks-btn {
    margin: 0 20px;
    cursor: pointer;
    position: relative
}

.fx-flowerp-manage .flowerp-manage-title .btn-container .bricks-btn .qrcode-show {
    display: none
}

.fx-flowerp-manage .flowerp-manage-title .btn-container .bricks-btn:first-child:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.fx-flowerp-manage .flowerp-manage-title .btn-container .bricks-btn.qrcode:hover {
    background: #E6F7F6;
    border-color: #0DB3A6;
    color: #0DB3A6
}

.fx-flowerp-manage .flowerp-manage-title .btn-container .bricks-btn.qrcode:hover .qrcode-show {
    display: block;
    position: absolute;
    left: -20px;
    max-width: 240px;
    z-index: 1
}

.fx-flowerp-manage .flowerp-manage-title .background {
    position: absolute;
    top: 310px;
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 100% auto
}

.fx-flowerp-manage .flowerp-manage-title .install-tips {
    padding-top: 30px;
    padding-bottom: 120px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.fx-flowerp-manage .flowerp-manage-reason .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-flowerp-manage .flowerp-manage-reason .reason-panes {
    padding-bottom: 50px
}

.fx-flowerp-manage .flowerp-manage-reason .reason-panes .panes-mobile {
    display: none
}

.fx-flowerp-manage .flowerp-manage-reason .reason-panes .pane {
    display: inline-block;
    width: 270px;
    height: 380px;
    background: #FFF;
    border-radius: 6px;
    margin: 0 10px;
    padding: 0 9px 61px;
    vertical-align: top
}

.fx-flowerp-manage .flowerp-manage-reason .reason-panes .pane .pic {
    display: block;
    width: 46px;
    height: 48px;
    margin: 50px auto 29px
}

.fx-flowerp-manage .flowerp-manage-reason .reason-panes .pane .pane-title {
    text-align: center;
    margin-bottom: 20px
}

.fx-flowerp-manage .flowerp-manage-reason .reason-panes .pane .pane-title span {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    line-height: 22px
}

.fx-flowerp-manage .flowerp-manage-reason .reason-panes .pane .pane-title .colorful {
    color: #F5A623
}

.fx-flowerp-manage .flowerp-manage-reason .reason-panes .pane .pane-description {
    padding: 0 13px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 20px
}

.fx-flowerp-manage .flowerp-manage-reason .reason-panes .pane .pane-description:last-child {
    margin-top: 20px
}

.fx-flowerp-manage .flowerp-manage-solution .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-flowerp-manage .flowerp-manage-solution .bricks-description {
    padding-bottom: 20px
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item {
    padding: 30px 0
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item .img-horizontal-middle,.fx-flowerp-manage .flowerp-manage-solution .solution-item .img-vertical-middle {
    width: 55%;
    padding-left: 20px;
    padding-right: 20px
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item .img-horizontal-big-mobile {
    display: none
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item .img-vertical-middle-mobile {
    display: none
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item .img-horizontal-middle-mobile {
    display: none
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item .div-horizontal-middle,.fx-flowerp-manage .flowerp-manage-solution .solution-item .div-vertical-middle {
    width: 45%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    padding-right: 40px
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-title {
    position: relative;
    font-size: 32px;
    font-weight: 500;
    color: #1F2D3D;
    line-height: 45px;
    margin-bottom: 6px;
    z-index: 2
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-title::before {
    position: absolute;
    top: 31px;
    left: 0;
    content: "";
    height: 12px;
    width: 130px;
    background: #80D1CA;
    border-radius: 1px;
    z-index: -1
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-sub-title {
    font-size: 28px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 40px;
    margin-bottom: 24px
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-description {
    margin-bottom: 30px
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-description.last {
    color: #91A1B7
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-description.last .description-text-mobile {
    display: none;
    width: 85%;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-description.now {
    color: #5E6D82
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-description>.description-pic {
    width: 6%;
    min-width: 16px;
    display: inline-block;
    vertical-align: top
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-description>.description-pic>img {
    width: 16px;
    margin-right: 5px;
    margin-top: 6px
}

.fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-description>.description-text {
    width: 93%;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
    font-size: 15px
}

.flowerp-manage-install .btn-container .btn-left,.flowerp-manage-install .btn-container .btn-right {
    width: 196px;
    height: 58px;
    border-radius: 5px;
    display: inline-block;
    line-height: 58px;
    font-size: 20px;
    font-weight: 500;
    text-align: center
}

.fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right.right-block {
    padding: 25px
}

.fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right.right-block .section2 {
    margin-top: 15px!important
}

.flowerp-manage-install .bricks-sub-title {
    padding-top: 50px
}

.flowerp-manage-install .bricks-description {
    padding-top: 20px;
    padding-bottom: 30px
}

.flowerp-manage-install .btn-container {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.flowerp-manage-install .btn-container .btn-left {
    background: #0DB3A6;
    color: #fff
}

.flowerp-manage-install .btn-container .btn-left:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.flowerp-manage-install .btn-container .btn-right {
    border: 1px solid #0DB3A6;
    color: #0DB3A6;
    margin-left: 20px;
    cursor: pointer;
    position: relative
}

.flowerp-manage-install .install-tips {
    padding-top: 20px;
    padding-bottom: 73px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.flowerp-manage-install-bg {
    background-size: cover
}

@media screen and (max-width: 1080px) {
    .fx-flowerp-manage .flowerp-manage-reason .reason-panes .pane {
        width:40%;
        margin: 20px 5%
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .img-horizontal-big {
        display: none
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .img-horizontal-big-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .img-horizontal-middle {
        display: none
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .img-horizontal-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .img-vertical-middle {
        display: none
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .img-vertical-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .div-vertical-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .div-vertical-middle .description-text {
        text-align: left
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .div-horizontal-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .div-horizontal-middle .description-text {
        text-align: left
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-description.last .description-text-mobile {
        display: inline-block;
        text-align: left
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-title::before {
        left: 50%;
        margin-left: -65px
    }

    .fx-flowerp-manage .flowerp-manage-best-case {
        height: auto
    }

    .fx-flowerp-manage .flowerp-manage-best-case .bricks-sub-title {
        padding-top: 40px;
        padding-bottom: 25px;
        line-height: 18px;
        font-size: 18px
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container {
        width: 100%
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 10px
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items {
        height: auto
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item {
        margin-left: 0;
        display: inline-block;
        width: 281px;
        height: auto;
        margin-right: 15px
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .arrow-left-container,.fx-flowerp-manage .flowerp-manage-best-case .best-case-container .arrow-right-container,.fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
        display: none
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        width: 100%;
        height: 300px
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
        margin-left: 20px;
        margin-top: 25px
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
        height: 20px
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
        margin-top: 15px
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        line-height: 20px
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
        bottom: 20px
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        width: 100%;
        height: 300px;
        padding: 20px;
        font-size: 12px
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
        line-height: 20px
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
        margin-top: 10px
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
        bottom: 25px
    }
}

@media screen and (max-width: 450px) {
    .fx-flowerp-manage .flowerp-manage-background {
        background:url(../image/equipment_top_bg.png) center center no-repeat;
        background-size: 190% 50%;
        background-position-y: 150%
    }

    .fx-flowerp-manage .flowerp-manage-title.title-tall {
        padding-top: 90px
    }

    .fx-flowerp-manage .flowerp-manage-title .btn-container {
        margin-top: 20px
    }

    .fx-flowerp-manage .flowerp-manage-title .btn-container .bricks-btn {
        margin: 0 10px
    }

    .fx-flowerp-manage .flowerp-manage-title .install-tips {
        padding-top: 10px;
        padding-bottom: 90px
    }

    .fx-flowerp-manage .flowerp-manage-title .background {
        position: absolute;
        top: 326px;
        width: 700px;
        right: -100px;
        height: 0;
        left: auto
    }

    .fx-flowerp-manage .flowerp-manage-reason .bricks-sub-title {
        padding: 30px 0 10px
    }

    .fx-flowerp-manage .flowerp-manage-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 330px;
        padding: 25px 18px 18px
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title {
        font-size: 15px
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes .pane {
        margin: 20px 0
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes .pane .pane-description {
        padding: 0
    }

    .fx-flowerp-manage .flowerp-manage-solution .bricks-sub-title {
        padding-top: 30px
    }

    .fx-flowerp-manage .flowerp-manage-solution .bricks-description {
        padding-bottom: 0;
        width: 80%
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item {
        padding: 10px 0 30px
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .img-horizontal-big-mobile {
        width: 100%
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-flowerp-manage .flowerp-manage-solution .solution-item .img-vertical-middle-mobile {
        width: 90%;
        margin: 30px auto
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-title {
        font-size: 22px
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-title::before {
        width: 100px;
        height: 8px;
        left: 50%;
        top: 28px;
        margin-left: -50px!important
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-sub-title {
        font-size: 18px
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .div-horizontal-middle,.fx-flowerp-manage .flowerp-manage-solution .solution-item .div-vertical-middle {
        padding-left: 0;
        padding-right: 0
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-description {
        padding-left: 10px;
        margin-bottom: 10px
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px;
        width: 90%
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-description>.description-pic>img {
        margin-top: 2px
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-description.last .description-text-mobile {
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        text-align: left
    }

    .fx-flowerp-manage .flowerp-manage-install .bricks-description {
        padding-top: 10px;
        padding-bottom: 0
    }

    .fx-flowerp-manage .flowerp-manage-install .btn-container .btn-left {
        width: 118px;
        height: 37px;
        font-size: 15px;
        line-height: 37px
    }

    .fx-flowerp-manage .flowerp-manage-install .install-tips {
        padding-top: 20px;
        padding-bottom: 50px
    }
}

@media screen and (max-width: 350px) {
    .fx-flowerp-manage .flowerp-manage-reason .bricks-description {
        margin-bottom:0
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 360px;
        margin: 20px 0;
        padding: 20px 12px 12px;
        font-size: 13px
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title span {
        font-size: 12px
    }

    .fx-flowerp-manage .flowerp-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-description {
        padding: 0
    }

    .fx-flowerp-manage .flowerp-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        height: 350px
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        height: 390px
    }

    .fx-flowerp-manage .flowerp-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right.right-block {
        padding: 15px
    }
}

.fx-train-manage .train-manage-background {
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 110% 60%;
    background-position-y: 170%
}

.fx-train-manage .train-manage-title {
    padding-top: 110px
}

.fx-train-manage .train-manage-title.title-tall {
    padding-top: 130px
}

.fx-train-manage .train-manage-title .bricks-main-title {
    margin-bottom: 20px
}

.fx-train-manage .train-manage-title .btn-container {
    margin-top: 40px;
    text-align: center;
    position: relative
}

.fx-train-manage .train-manage-title .btn-container .bricks-btn {
    margin: 0 20px;
    cursor: pointer;
    position: relative
}

.fx-train-manage .train-manage-title .btn-container .bricks-btn:first-child:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.fx-train-manage .train-manage-title .background {
    position: absolute;
    top: 310px;
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 100% auto
}

.fx-train-manage .train-manage-title .install-tips {
    padding-top: 30px;
    padding-bottom: 120px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.fx-train-manage .train-manage-reason .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-train-manage .train-manage-reason .reason-panes {
    padding-bottom: 50px
}

.fx-train-manage .train-manage-reason .reason-panes .panes-mobile {
    display: none
}

.fx-train-manage .train-manage-reason .reason-panes .pane {
    display: inline-block;
    width: 270px;
    height: 380px;
    background: #FFF;
    border-radius: 6px;
    margin: 0 10px;
    padding: 0 9px 61px;
    vertical-align: top
}

.fx-train-manage .train-manage-reason .reason-panes .pane .pic {
    display: block;
    width: 46px;
    height: 48px;
    margin: 50px auto 29px
}

.fx-train-manage .train-manage-reason .reason-panes .pane .pane-title {
    text-align: center;
    margin-bottom: 20px
}

.fx-train-manage .train-manage-reason .reason-panes .pane .pane-title span {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    line-height: 22px
}

.fx-train-manage .train-manage-reason .reason-panes .pane .pane-title .colorful {
    color: #F5A623
}

.fx-train-manage .train-manage-reason .reason-panes .pane .pane-description {
    padding: 0 13px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 20px
}

.fx-train-manage .train-manage-reason .reason-panes .pane .pane-description:last-child {
    margin-top: 20px
}

.fx-train-manage .train-manage-solution .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-train-manage .train-manage-solution .bricks-description {
    padding-bottom: 20px
}

.fx-train-manage .train-manage-solution .solution-item {
    padding: 30px 0
}

.fx-train-manage .train-manage-solution .solution-item .img-horizontal-middle,.fx-train-manage .train-manage-solution .solution-item .img-vertical-middle {
    width: 55%;
    padding-left: 20px;
    padding-right: 20px
}

.fx-train-manage .train-manage-solution .solution-item .img-horizontal-big-mobile {
    display: none
}

.fx-train-manage .train-manage-solution .solution-item .img-vertical-middle-mobile {
    display: none
}

.fx-train-manage .train-manage-solution .solution-item .img-horizontal-middle-mobile {
    display: none
}

.fx-train-manage .train-manage-solution .solution-item .div-horizontal-middle,.fx-train-manage .train-manage-solution .solution-item .div-vertical-middle {
    width: 45%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    padding-right: 40px
}

.fx-train-manage .train-manage-solution .solution-item .solution-item-title {
    position: relative;
    font-size: 32px;
    font-weight: 500;
    color: #1F2D3D;
    line-height: 45px;
    margin-bottom: 6px;
    z-index: 2
}

.fx-train-manage .train-manage-solution .solution-item .solution-item-title::before {
    position: absolute;
    top: 31px;
    left: 0;
    content: "";
    height: 12px;
    width: 130px;
    background: #80D1CA;
    border-radius: 1px;
    z-index: -1
}

.fx-train-manage .train-manage-solution .solution-item .solution-item-sub-title {
    font-size: 28px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 40px;
    margin-bottom: 24px
}

.fx-train-manage .train-manage-solution .solution-item .solution-item-description {
    margin-bottom: 30px
}

.fx-train-manage .train-manage-solution .solution-item .solution-item-description.last {
    color: #91A1B7
}

.fx-train-manage .train-manage-solution .solution-item .solution-item-description.now {
    color: #5E6D82
}

.fx-train-manage .train-manage-solution .solution-item .solution-item-description .description-text-mobile {
    display: none;
    width: 85%;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.fx-train-manage .train-manage-solution .solution-item .solution-item-description>.description-pic {
    width: 6%;
    min-width: 16px;
    display: inline-block;
    vertical-align: top
}

.fx-train-manage .train-manage-solution .solution-item .solution-item-description>.description-pic>img {
    width: 16px;
    margin-right: 5px;
    margin-top: 6px
}

.fx-train-manage .train-manage-solution .solution-item .solution-item-description>.description-text {
    width: 93%;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.fx-train-manage .train-manage-best-case .bricks-sub-title {
    padding-top: 80px;
    padding-bottom: 40px
}

.fx-train-manage .train-manage-best-case .best-case-container {
    width: 100%;
    padding-bottom: 95px
}

.fx-train-manage .train-manage-best-case .best-case-container .arrow-left-container,.fx-train-manage .train-manage-best-case .best-case-container .arrow-right-container {
    height: 60px;
    width: 50px;
    display: inline-block;
    margin-top: 150px;
    cursor: pointer
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container {
    height: 420px;
    width: 1080px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    overflow: hidden
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items {
    height: 378px;
    position: relative
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item {
    margin: 0 20px;
    height: 376px;
    background: #FFF;
    -webkit-box-shadow: 0 10px 20px 0 rgba(23,44,43,.09);
    box-shadow: 0 10px 20px 0 rgba(23,44,43,.09);
    border-radius: 8px;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
    display: inline-block;
    width: 556px;
    height: 376px;
    border-radius: 0 8px 8px 0;
    vertical-align: top;
    position: relative
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
    margin-top: 40px;
    margin-left: 76px
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
    height: 40px
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
    margin-top: 30px
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
    position: absolute;
    width: 33px;
    height: 31px;
    left: 25px;
    top: 97px
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
    margin-left: 72px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 30px;
    margin-right: 40px
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
    font-weight: 400;
    color: #5E6D82;
    line-height: 22px;
    text-align: center;
    margin: 0;
    position: absolute;
    width: 100%;
    bottom: 30px
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .second-description {
    margin-top: 10px
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
    display: inline-block;
    width: 484px;
    height: 376px;
    background: #F4F9F7;
    border-radius: 0 8px 8px 0;
    vertical-align: top;
    padding: 43px;
    position: relative
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
    color: #1F2D3D;
    line-height: 30px
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
    margin-top: 20px
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description span.strong {
    font-weight: 600
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
    font-weight: 400;
    color: #0DB3A6;
    line-height: 22px;
    position: absolute;
    text-align: center;
    bottom: 30px;
    width: 398px
}

.train-manage-install .btn-container .btn-left,.train-manage-install .btn-container .btn-right {
    width: 196px;
    height: 58px;
    border-radius: 5px;
    line-height: 58px;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    font-weight: 500
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .right-block {
    padding: 12px 47px
}

.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .right-block .right-description:nth-child(2) {
    margin-top: 8px
}

.train-manage-install .bricks-sub-title {
    padding-top: 50px
}

.train-manage-install .bricks-description {
    padding-top: 20px;
    padding-bottom: 30px
}

.train-manage-install .btn-container {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.train-manage-install .btn-container .btn-left {
    background: #0DB3A6;
    color: #fff
}

.train-manage-install .btn-container .btn-left:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.train-manage-install .btn-container .btn-right {
    border: 1px solid #0DB3A6;
    color: #0DB3A6;
    margin-left: 20px;
    cursor: pointer;
    position: relative
}

.train-manage-install .install-tips {
    padding-top: 20px;
    padding-bottom: 73px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.train-manage-install-bg {
    background-size: cover
}

@media screen and (max-width: 1080px) {
    .fx-train-manage .train-manage-reason .reason-panes .pane {
        width:40%;
        margin: 20px 5%
    }

    .fx-train-manage .train-manage-solution .solution-item .img-horizontal-big {
        display: none
    }

    .fx-train-manage .train-manage-solution .solution-item .img-horizontal-big-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-train-manage .train-manage-solution .solution-item .img-horizontal-middle {
        display: none
    }

    .fx-train-manage .train-manage-solution .solution-item .img-horizontal-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-train-manage .train-manage-solution .solution-item .img-vertical-middle {
        display: none
    }

    .fx-train-manage .train-manage-solution .solution-item .img-vertical-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-train-manage .train-manage-solution .solution-item .div-vertical-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-train-manage .train-manage-solution .solution-item .div-vertical-middle .description-text {
        text-align: left
    }

    .fx-train-manage .train-manage-solution .solution-item .div-horizontal-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-train-manage .train-manage-solution .solution-item .solution-item-description .description-text-mobile {
        display: inline-block;
        text-align: left
    }

    .fx-train-manage .train-manage-solution .solution-item .solution-item-description .description-text {
        display: none
    }

    .fx-train-manage .train-manage-solution .solution-item .solution-item-title::before {
        left: 50%;
        margin-left: -65px
    }

    .fx-train-manage .train-manage-best-case {
        height: auto
    }

    .fx-train-manage .train-manage-best-case .bricks-sub-title {
        padding-top: 40px;
        padding-bottom: 25px;
        line-height: 18px;
        font-size: 18px
    }

    .fx-train-manage .train-manage-best-case .best-case-container {
        width: 100%;
        padding-bottom: 0
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container {
        width: 100%;
        height: 630px;
        margin: 0 auto;
        padding: 0 25px
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items {
        height: auto;
        margin: 0
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item {
        display: inline-block;
        height: auto;
        margin: 0
    }

    .fx-train-manage .train-manage-best-case .best-case-container .arrow-left-container,.fx-train-manage .train-manage-best-case .best-case-container .arrow-right-container,.fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
        display: none
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        width: 100%;
        height: 300px
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
        margin-left: 20px;
        margin-top: 25px
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
        height: 20px
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
        margin-top: 15px
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        line-height: 20px
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
        bottom: 20px
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        width: 100%;
        height: 300px;
        padding: 20px;
        font-size: 12px
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
        line-height: 20px
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
        margin-top: 10px
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
        bottom: 25px;
        width: auto;
        left: 0;
        right: 0
    }
}

@media screen and (max-width: 450px) {
    .fx-train-manage .train-manage-background {
        background:url(../image/equipment_top_bg.png) center center no-repeat;
        background-size: 190% 50%;
        background-position-y: 150%
    }

    .fx-train-manage .train-manage-title.title-tall {
        padding-top: 90px
    }

    .fx-train-manage .train-manage-title .btn-container {
        margin-top: 20px
    }

    .fx-train-manage .train-manage-title .btn-container .bricks-btn {
        margin: 0 10px
    }

    .fx-train-manage .train-manage-title .install-tips {
        padding-top: 10px;
        padding-bottom: 40px
    }

    .fx-train-manage .train-manage-title .background {
        position: absolute;
        top: 326px;
        width: 700px;
        right: -100px;
        height: 0;
        left: auto
    }

    .fx-train-manage .train-manage-reason .bricks-sub-title {
        padding-top: 30px
    }

    .fx-train-manage .train-manage-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-train-manage .train-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-train-manage .train-manage-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-train-manage .train-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-train-manage .train-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-train-manage .train-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 330px;
        padding: 25px 18px 18px
    }

    .fx-train-manage .train-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-train-manage .train-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title span {
        font-size: 15px
    }

    .fx-train-manage .train-manage-reason .reason-panes .pane {
        margin: 20px 0
    }

    .fx-train-manage .train-manage-reason .reason-panes .pane .pane-description {
        padding: 0
    }

    .fx-train-manage .train-manage-solution .bricks-description {
        padding-bottom: 0;
        width: 80%
    }

    .fx-train-manage .train-manage-solution .solution-item {
        padding: 10px 0 30px
    }

    .fx-train-manage .train-manage-solution .solution-item .img-horizontal-big-mobile {
        width: 100%
    }

    .fx-train-manage .train-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-train-manage .train-manage-solution .solution-item .img-vertical-middle-mobile {
        width: 90%;
        margin: 30px auto
    }

    .fx-train-manage .train-manage-solution .solution-item .solution-item-title {
        font-size: 22px
    }

    .fx-train-manage .train-manage-solution .solution-item .solution-item-title::before {
        width: 100px;
        height: 8px;
        left: 50%;
        top: 28px;
        margin-left: -50px!important
    }

    .fx-train-manage .train-manage-solution .solution-item .solution-item-sub-title {
        font-size: 18px
    }

    .fx-train-manage .train-manage-solution .solution-item .div-horizontal-middle,.fx-train-manage .train-manage-solution .solution-item .div-vertical-middle {
        padding-left: 0;
        padding-right: 0
    }

    .fx-train-manage .train-manage-solution .solution-item .solution-item-description {
        padding-left: 10px;
        margin-bottom: 10px
    }

    .fx-train-manage .train-manage-solution .solution-item .solution-item-description>.description-text {
        display: none
    }

    .fx-train-manage .train-manage-solution .solution-item .solution-item-description>.description-pic>img {
        margin-top: 2px
    }

    .fx-train-manage .train-manage-solution .solution-item .solution-item-description .description-text-mobile {
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        text-align: left
    }

    .fx-train-manage .train-manage-install .bricks-description {
        padding-top: 10px;
        padding-bottom: 0
    }

    .fx-train-manage .train-manage-install .btn-container .btn-left {
        width: 118px;
        height: 37px;
        font-size: 15px;
        line-height: 37px
    }

    .fx-train-manage .train-manage-install .btn-container .btn-right {
        width: 118px;
        height: 37px;
        font-size: 15px;
        line-height: 37px;
        margin-left: 10px
    }

    .fx-train-manage .train-manage-install .install-tips {
        padding-top: 20px;
        padding-bottom: 50px
    }
}

@media screen and (max-width: 350px) {
    .fx-train-manage .train-manage-reason .bricks-description {
        margin-bottom:0
    }

    .fx-train-manage .train-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-train-manage .train-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 340px;
        padding: 20px 12px 12px;
        font-size: 13px
    }

    .fx-train-manage .train-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title span {
        font-size: 14px
    }

    .fx-train-manage .train-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container {
        height: 700px;
        padding: 0 15px
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        height: 320px
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        height: 350px
    }

    .fx-train-manage .train-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right.right-block {
        padding: 15px
    }
}

.fx-plague-manage .plague-manage-background {
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 110% 60%;
    background-position-y: 170%
}

.fx-plague-manage .plague-manage-title {
    padding-top: 110px
}

.fx-plague-manage .plague-manage-title.title-tall {
    padding-top: 130px
}

.fx-plague-manage .plague-manage-title .bricks-main-title {
    margin-bottom: 20px
}

.fx-plague-manage .plague-manage-title .btn-container {
    margin-top: 40px;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fx-plague-manage .plague-manage-title .btn-container .bricks-btn {
    margin: 0 20px;
    cursor: pointer;
    width: 200px;
    position: relative
}

.fx-plague-manage .plague-manage-title .btn-container .bricks-btn.background-green:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.fx-plague-manage .plague-manage-title .btn-container .bricks-btn.color-green {
    position: relative
}

.fx-plague-manage .plague-manage-title .btn-container .bricks-btn.color-green .tip {
    width: 23px;
    position: absolute;
    top: 15px;
    right: 15px
}

.fx-plague-manage .plague-manage-title .btn-container .bricks-btn.color-green:hover {
    background: #E6F7F6;
    border-color: #0DB3A6;
    color: #0DB3A6
}

.fx-plague-manage .plague-manage-title .background {
    position: absolute;
    top: 310px;
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 100% auto
}

.fx-plague-manage .plague-manage-title .install-tips {
    padding-top: 30px;
    padding-bottom: 120px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.fx-plague-manage .plague-manage-reason .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-plague-manage .plague-manage-reason .bricks-description {
    margin-bottom: 40px
}

.fx-plague-manage .plague-manage-reason .reason-panes {
    padding-bottom: 50px
}

.fx-plague-manage .plague-manage-reason .reason-panes .panes-mobile {
    display: none
}

.fx-plague-manage .plague-manage-reason .reason-panes .pane {
    display: inline-block;
    width: 270px;
    height: 325px;
    background: #FFF;
    border-radius: 6px;
    margin: 0 10px;
    padding: 0 20px 20px;
    vertical-align: top
}

.fx-plague-manage .plague-manage-reason .reason-panes .pane .pic {
    display: block;
    width: 46px;
    height: 48px;
    margin: 50px auto 29px
}

.fx-plague-manage .plague-manage-reason .reason-panes .pane .pane-title {
    text-align: center;
    margin-bottom: 20px
}

.fx-plague-manage .plague-manage-reason .reason-panes .pane .pane-title span {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    line-height: 22px
}

.fx-plague-manage .plague-manage-reason .reason-panes .pane .pane-title .colorful {
    color: #F5A623
}

.fx-plague-manage .plague-manage-reason .reason-panes .pane .pane-description {
    padding: 0 13px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 20px
}

.fx-plague-manage .plague-manage-solution .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-plague-manage .plague-manage-solution .bricks-description {
    padding-bottom: 20px
}

.fx-plague-manage .plague-manage-solution .solution-item {
    padding: 30px 0
}

.fx-plague-manage .plague-manage-solution .solution-item .img-horizontal-middle,.fx-plague-manage .plague-manage-solution .solution-item .img-vertical-middle {
    width: 55%;
    padding-left: 20px;
    padding-right: 20px
}

.fx-plague-manage .plague-manage-solution .solution-item .img-horizontal-big-mobile {
    display: none
}

.fx-plague-manage .plague-manage-solution .solution-item .img-vertical-middle-mobile {
    display: none
}

.fx-plague-manage .plague-manage-solution .solution-item .img-horizontal-middle-mobile {
    display: none
}

.fx-plague-manage .plague-manage-solution .solution-item .div-horizontal-middle,.fx-plague-manage .plague-manage-solution .solution-item .div-vertical-middle {
    width: 45%;
    display: inline-block;
    padding-left: 40px;
    padding-right: 40px;
    vertical-align: middle
}

.fx-plague-manage .plague-manage-solution .solution-item .div-vertical-middle {
    padding-top: 80px
}

.plague-manage-install .bricks-sub-title,.retail-manage-install .bricks-sub-title {
    padding-top: 50px
}

.fx-plague-manage .plague-manage-solution .solution-item .solution-item-sub-title {
    font-size: 28px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 40px;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-plague-manage .plague-manage-solution .solution-item .solution-item-sub-title .install-btn {
    width: 160px;
    height: 34px;
    background: url(../image/equipment_top_bg.png) no-repeat;
    background-size: cover;
    margin-left: 16px;
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    padding-left: 17px;
    cursor: pointer
}

.fx-plague-manage .plague-manage-solution .solution-item .solution-item-description {
    margin-bottom: 30px;
    color: #5E6D82;
    font-size: 16px
}

.fx-plague-manage .plague-manage-solution .solution-item .solution-item-description .pic {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 3px solid #0DB3A6;
    border-radius: 50%;
    margin-right: 16px
}

.fx-plague-manage .plague-manage-solution .solution-item .solution-item-description .strong {
    font-weight: 500
}

.plague-manage-install .bricks-description {
    padding-top: 20px;
    padding-bottom: 30px
}

.plague-manage-install .btn-container {
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.plague-manage-install .btn-container .bricks-btn {
    margin: 0 20px;
    cursor: pointer;
    width: 200px
}

.plague-manage-install .btn-container .bricks-btn.btn-left {
    background: #0DB3A6;
    border-radius: 5px;
    font-size: 20px;
    color: #fff
}

.plague-manage-install .btn-container .bricks-btn.btn-left:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.plague-manage-install .btn-container .bricks-btn.color-green {
    position: relative
}

.plague-manage-install .btn-container .bricks-btn.color-green .tip {
    width: 23px;
    position: absolute;
    top: 15px;
    right: 15px
}

.plague-manage-install .btn-container .bricks-btn.color-green:hover {
    background: #E6F7F6;
    border-color: #0DB3A6;
    color: #0DB3A6
}

.plague-manage-install .install-tips {
    padding-top: 20px;
    padding-bottom: 73px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82
}

.plague-manage-install-bg {
    background: url(../image/background_top_green.png);
    background-size: cover
}

@media screen and (max-width: 1080px) {
    .fx-plague-manage .plague-manage-reason .reason-panes {
        padding-bottom:0
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 330px;
        padding: 25px 18px 18px
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title span {
        font-size: 15px
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .pane {
        margin: 20px 0
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .pane .pane-description {
        padding: 0
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .pane:nth-child(1) {
        text-align: center
    }

    .fx-plague-manage .plague-manage-solution .solution-item .img-horizontal-big {
        display: none
    }

    .fx-plague-manage .plague-manage-solution .solution-item .img-horizontal-big-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-plague-manage .plague-manage-solution .solution-item .img-horizontal-middle {
        display: none
    }

    .fx-plague-manage .plague-manage-solution .solution-item .img-horizontal-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-plague-manage .plague-manage-solution .solution-item .img-vertical-middle {
        display: none
    }

    .fx-plague-manage .plague-manage-solution .solution-item .img-vertical-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-plague-manage .plague-manage-solution .solution-item .solution-item-sub-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .fx-plague-manage .plague-manage-solution .solution-item .solution-item-sub-title .install-btn {
        text-align: left;
        margin: 20px 0
    }

    .fx-plague-manage .plague-manage-solution .solution-item .div-vertical-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-plague-manage .plague-manage-solution .solution-item .div-vertical-middle .solution-item-description {
        margin: 40px 0 0
    }

    .fx-plague-manage .plague-manage-solution .solution-item .div-vertical-middle .description-item {
        text-align: left
    }

    .fx-plague-manage .plague-manage-solution .solution-item .div-horizontal-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-plague-manage .plague-manage-solution .solution-item .div-horizontal-middle .description-item {
        text-align: left
    }

    .fx-plague-manage .plague-manage-best-case {
        height: auto
    }

    .fx-plague-manage .plague-manage-best-case .bricks-sub-title {
        padding-top: 40px;
        padding-bottom: 25px;
        line-height: 18px;
        font-size: 18px
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container {
        width: 100%;
        padding-bottom: 0
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 10px
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items {
        height: auto;
        margin: 0
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items .case-item {
        display: inline-block;
        height: auto;
        margin: 0
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .arrow-left-container,.fx-plague-manage .plague-manage-best-case .best-case-container .arrow-right-container,.fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
        display: none
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        width: 100%;
        height: 300px
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
        margin-left: 20px;
        margin-top: 25px
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
        height: 20px
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
        margin-top: 15px
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        line-height: 20px
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
        bottom: 20px
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        width: 100%;
        height: 300px;
        padding: 20px;
        font-size: 12px
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
        line-height: 20px
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
        margin-top: 10px
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
        bottom: 25px;
        width: auto;
        left: 0;
        right: 0
    }
}

@media screen and (max-width: 450px) {
    .fx-plague-manage .plague-manage-background {
        background:url(../image/equipment_top_bg.png) center center no-repeat;
        background-size: 190% 50%;
        background-position-y: 150%
    }

    .fx-plague-manage .plague-manage-title .btn-container {
        margin-top: 20px
    }

    .fx-plague-manage .plague-manage-title .btn-container .bricks-btn {
        margin: 0 10px;
        position: relative;
        width: 118px;
        height: 37px;
        font-size: 13px
    }

    .fx-plague-manage .plague-manage-title .btn-container .bricks-btn.color-green .tip {
        width: 18px;
        position: absolute;
        top: 10px;
        right: 0
    }

    .fx-plague-manage .plague-manage-title .install-tips {
        padding-top: 10px;
        padding-bottom: 40px
    }

    .fx-plague-manage .plague-manage-title .background {
        position: absolute;
        top: 326px;
        width: 700px;
        right: -100px;
        height: 0;
        left: auto
    }

    .fx-plague-manage .plague-manage-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-plague-manage .plague-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 330px;
        padding: 25px 18px 18px
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title span {
        font-size: 15px
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .pane {
        margin: 20px 0
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .pane .pane-description {
        padding: 0
    }

    .fx-plague-manage .plague-manage-solution .bricks-description {
        padding-bottom: 0;
        width: 80%
    }

    .fx-plague-manage .plague-manage-solution .solution-item {
        padding: 10px 0 30px
    }

    .fx-plague-manage .plague-manage-solution .solution-item .img-horizontal-big-mobile {
        width: 100%
    }

    .fx-plague-manage .plague-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-plague-manage .plague-manage-solution .solution-item .img-vertical-middle-mobile {
        width: 90%;
        margin: 30px auto
    }

    .fx-plague-manage .plague-manage-solution .solution-item .solution-item-sub-title {
        font-size: 18px
    }

    .fx-plague-manage .plague-manage-solution .solution-item .div-vertical-middle {
        padding: 0
    }

    .fx-plague-manage .plague-manage-solution .solution-item .div-horizontal-middle {
        padding-left: 0;
        padding-right: 0
    }

    .fx-plague-manage .plague-manage-solution .solution-item .solution-item-description {
        padding-left: 10px;
        margin: 20px 0 10px!important
    }

    .fx-plague-manage .plague-manage-solution .solution-item .solution-item-description .description-item {
        text-align: left;
        font-size: 14px
    }

    .fx-plague-manage .plague-manage-solution .solution-item .solution-item-description .description-item .strong {
        font-weight: 400
    }

    .fx-plague-manage .plague-manage-install .bricks-description {
        padding-top: 10px;
        padding-bottom: 0
    }

    .fx-plague-manage .plague-manage-install .btn-container {
        margin-top: 20px
    }

    .fx-plague-manage .plague-manage-install .btn-container .bricks-btn {
        margin: 0 10px;
        position: relative;
        width: 118px;
        height: 37px;
        font-size: 13px
    }

    .fx-plague-manage .plague-manage-install .btn-container .bricks-btn.color-green .tip {
        width: 18px;
        position: absolute;
        top: 10px;
        right: 0
    }

    .fx-plague-manage .plague-manage-install .install-tips {
        padding-top: 0
    }
}

@media screen and (max-width: 350px) {
    .fx-plague-manage .plague-manage-reason .bricks-description {
        margin-bottom:0
    }

    .fx-plague-manage .plague-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 340px;
        padding: 20px 12px 12px;
        font-size: 13px
    }

    .fx-plague-manage .plague-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title span {
        font-size: 14px
    }

    .fx-plague-manage .plague-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container {
        padding: 0 15px
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        height: 320px
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        height: 350px
    }

    .fx-plague-manage .plague-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right.right-block {
        padding: 15px
    }
}

.fx-retail-manage .retail-manage-background {
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 110% 60%;
    background-position-y: 170%
}

.fx-retail-manage .retail-manage-title {
    padding-top: 110px
}

.fx-retail-manage .retail-manage-title.title-tall {
    padding-top: 130px
}

.fx-retail-manage .retail-manage-title .bricks-main-title {
    margin-bottom: 20px
}

.fx-retail-manage .retail-manage-title .btn-container {
    margin-top: 40px;
    text-align: center;
    position: relative
}

.fx-retail-manage .retail-manage-title .btn-container .bricks-btn {
    margin: 0 20px;
    cursor: pointer;
    position: relative
}

.fx-retail-manage .retail-manage-title .btn-container .bricks-btn .qrcode-show {
    display: none
}

.fx-retail-manage .retail-manage-title .btn-container .bricks-btn:first-child:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.fx-retail-manage .retail-manage-title .btn-container .bricks-btn.qrcode:hover {
    background: #E6F7F6;
    border-color: #0DB3A6;
    color: #0DB3A6
}

.fx-retail-manage .retail-manage-title .btn-container .bricks-btn.qrcode:hover .qrcode-show {
    display: block;
    position: absolute;
    left: -20px;
    max-width: 240px;
    z-index: 1
}

.fx-retail-manage .retail-manage-title .background {
    position: absolute;
    top: 310px;
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 100% auto
}

.fx-retail-manage .retail-manage-title .install-tips {
    padding-top: 30px;
    padding-bottom: 120px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.fx-retail-manage .retail-manage-reason .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-retail-manage .retail-manage-reason .bricks-description {
    margin-bottom: 40px
}

.fx-retail-manage .retail-manage-reason .reason-panes {
    padding-bottom: 50px
}

.fx-retail-manage .retail-manage-reason .reason-panes .panes-mobile {
    display: none
}

.fx-retail-manage .retail-manage-reason .reason-panes .pane {
    display: inline-block;
    width: 270px;
    height: 380px;
    background: #FFF;
    border-radius: 6px;
    margin: 0 10px;
    padding: 0 9px 61px;
    vertical-align: top
}

.fx-retail-manage .retail-manage-reason .reason-panes .pane .pic {
    display: block;
    width: 46px;
    height: 48px;
    margin: 50px auto 29px
}

.fx-retail-manage .retail-manage-reason .reason-panes .pane .pane-title {
    text-align: center;
    margin-bottom: 20px
}

.fx-retail-manage .retail-manage-reason .reason-panes .pane .pane-title span {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    line-height: 22px
}

.fx-retail-manage .retail-manage-reason .reason-panes .pane .pane-title .colorful {
    color: #F5A623
}

.fx-retail-manage .retail-manage-reason .reason-panes .pane .pane-description {
    padding: 0 13px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 20px
}

.fx-retail-manage .retail-manage-reason .reason-panes .pane .pane-description:last-child {
    margin-top: 20px
}

.fx-retail-manage .retail-manage-solution .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-retail-manage .retail-manage-solution .bricks-description {
    padding-bottom: 20px
}

.fx-retail-manage .retail-manage-solution .solution-item {
    padding: 30px 0
}

.fx-retail-manage .retail-manage-solution .solution-item .img-horizontal-middle,.fx-retail-manage .retail-manage-solution .solution-item .img-vertical-middle {
    width: 55%;
    padding-left: 20px;
    padding-right: 20px
}

.fx-retail-manage .retail-manage-solution .solution-item .img-horizontal-big-mobile {
    display: none
}

.fx-retail-manage .retail-manage-solution .solution-item .img-vertical-middle-mobile {
    display: none
}

.fx-retail-manage .retail-manage-solution .solution-item .img-horizontal-middle-mobile {
    display: none
}

.fx-retail-manage .retail-manage-solution .solution-item .div-horizontal-middle,.fx-retail-manage .retail-manage-solution .solution-item .div-vertical-middle {
    width: 45%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    padding-right: 40px
}

.fx-retail-manage .retail-manage-solution .solution-item .solution-item-title {
    position: relative;
    font-size: 32px;
    font-weight: 500;
    color: #1F2D3D;
    line-height: 45px;
    margin-bottom: 6px;
    z-index: 2
}

.fx-retail-manage .retail-manage-solution .solution-item .solution-item-title::before {
    position: absolute;
    top: 31px;
    left: 0;
    content: "";
    height: 12px;
    width: 130px;
    background: #80D1CA;
    border-radius: 1px;
    z-index: -1
}

.fx-retail-manage .retail-manage-solution .solution-item .solution-item-sub-title {
    font-size: 28px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 40px;
    margin-bottom: 24px
}

.fx-retail-manage .retail-manage-solution .solution-item .solution-item-description {
    margin-bottom: 30px
}

.fx-retail-manage .retail-manage-solution .solution-item .solution-item-description.last {
    color: #91A1B7
}

.fx-retail-manage .retail-manage-solution .solution-item .solution-item-description.last .description-text-mobile {
    display: none;
    width: 85%;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.fx-retail-manage .retail-manage-solution .solution-item .solution-item-description.now {
    color: #5E6D82
}

.fx-retail-manage .retail-manage-solution .solution-item .solution-item-description>.description-pic {
    width: 6%;
    min-width: 16px;
    display: inline-block;
    vertical-align: top
}

.fx-retail-manage .retail-manage-solution .solution-item .solution-item-description>.description-pic>img {
    width: 16px;
    margin-right: 5px;
    margin-top: 6px
}

.fx-retail-manage .retail-manage-solution .solution-item .solution-item-description>.description-text {
    width: 93%;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.retail-manage-install .btn-container .btn-left,.retail-manage-install .btn-container .btn-right {
    width: 196px;
    height: 58px;
    border-radius: 5px;
    display: inline-block;
    line-height: 58px;
    font-size: 20px;
    font-weight: 500;
    text-align: center
}

.retail-manage-install .bricks-description {
    padding-top: 20px;
    padding-bottom: 30px
}

.retail-manage-install .btn-container {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.retail-manage-install .btn-container .btn-left {
    background: #0DB3A6;
    color: #fff
}

.retail-manage-install .btn-container .btn-left:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.retail-manage-install .btn-container .btn-right {
    border: 1px solid #0DB3A6;
    color: #0DB3A6;
    margin-left: 20px;
    cursor: pointer;
    position: relative
}

.retail-manage-install .install-tips {
    padding-top: 20px;
    padding-bottom: 73px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.retail-manage-install-bg {
    background: url(../image/background_top_green.png);
    background-size: cover
}

@media screen and (max-width: 1080px) {
    .fx-retail-manage .retail-manage-reason .reason-panes .pane {
        width:40%;
        margin: 20px 5%
    }

    .fx-retail-manage .retail-manage-solution .solution-item .img-horizontal-big {
        display: none
    }

    .fx-retail-manage .retail-manage-solution .solution-item .img-horizontal-big-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-retail-manage .retail-manage-solution .solution-item .img-horizontal-middle {
        display: none
    }

    .fx-retail-manage .retail-manage-solution .solution-item .img-horizontal-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-retail-manage .retail-manage-solution .solution-item .img-vertical-middle {
        display: none
    }

    .fx-retail-manage .retail-manage-solution .solution-item .img-vertical-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-retail-manage .retail-manage-solution .solution-item .div-vertical-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-retail-manage .retail-manage-solution .solution-item .div-vertical-middle .description-text {
        text-align: left
    }

    .fx-retail-manage .retail-manage-solution .solution-item .div-horizontal-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-retail-manage .retail-manage-solution .solution-item .div-horizontal-middle .description-text {
        text-align: left
    }

    .fx-retail-manage .retail-manage-solution .solution-item .solution-item-description.last .description-text-mobile {
        display: inline-block;
        text-align: left
    }

    .fx-retail-manage .retail-manage-solution .solution-item .solution-item-title::before {
        left: 50%;
        margin-left: -65px
    }

    .fx-retail-manage .retail-manage-best-case {
        height: auto
    }

    .fx-retail-manage .retail-manage-best-case .bricks-sub-title {
        padding-top: 40px;
        padding-bottom: 25px;
        line-height: 18px;
        font-size: 18px
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container {
        width: 100%
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 10px
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items {
        height: auto
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items .case-item {
        margin-left: 0;
        display: inline-block;
        width: 281px;
        height: auto;
        margin-right: 15px
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .arrow-left-container,.fx-retail-manage .retail-manage-best-case .best-case-container .arrow-right-container,.fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
        display: none
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        width: 100%;
        height: 300px
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
        margin-left: 20px;
        margin-top: 25px
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
        height: 20px
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
        margin-top: 15px
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        line-height: 20px
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
        bottom: 20px
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        width: 100%;
        height: 300px;
        padding: 20px;
        font-size: 12px
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
        line-height: 20px
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
        margin-top: 10px
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
        bottom: 25px
    }
}

@media screen and (max-width: 450px) {
    .fx-retail-manage .retail-manage-background {
        background:url(../image/equipment_top_bg.png) center center no-repeat;
        background-size: 190% 50%;
        background-position-y: 150%
    }

    .fx-retail-manage .retail-manage-title.title-tall {
        padding-top: 90px
    }

    .fx-retail-manage .retail-manage-title .btn-container {
        margin-top: 20px
    }

    .fx-retail-manage .retail-manage-title .btn-container .bricks-btn {
        margin: 0 10px
    }

    .fx-retail-manage .retail-manage-title .install-tips {
        padding-top: 10px;
        padding-bottom: 90px
    }

    .fx-retail-manage .retail-manage-title .background {
        position: absolute;
        top: 326px;
        width: 700px;
        right: -100px;
        height: 0;
        left: auto
    }

    .fx-retail-manage .retail-manage-reason .bricks-sub-title {
        padding: 30px 0 10px
    }

    .fx-retail-manage .retail-manage-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-retail-manage .retail-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-retail-manage .retail-manage-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-retail-manage .retail-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-retail-manage .retail-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-retail-manage .retail-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 330px;
        padding: 25px 18px 18px
    }

    .fx-retail-manage .retail-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-retail-manage .retail-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title {
        font-size: 15px
    }

    .fx-retail-manage .retail-manage-reason .reason-panes .pane {
        margin: 20px 0
    }

    .fx-retail-manage .retail-manage-reason .reason-panes .pane .pane-description {
        padding: 0
    }

    .fx-retail-manage .retail-manage-solution .bricks-sub-title {
        padding-top: 30px
    }

    .fx-retail-manage .retail-manage-solution .bricks-description {
        padding-bottom: 0;
        width: 80%
    }

    .fx-retail-manage .retail-manage-solution .solution-item {
        padding: 10px 0 30px
    }

    .fx-retail-manage .retail-manage-solution .solution-item .img-horizontal-big-mobile {
        width: 100%
    }

    .fx-retail-manage .retail-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-retail-manage .retail-manage-solution .solution-item .img-vertical-middle-mobile {
        width: 90%;
        margin: 30px auto
    }

    .fx-retail-manage .retail-manage-solution .solution-item .solution-item-title {
        font-size: 22px
    }

    .fx-retail-manage .retail-manage-solution .solution-item .solution-item-title::before {
        width: 100px;
        height: 8px;
        left: 50%;
        top: 28px;
        margin-left: -50px!important
    }

    .fx-retail-manage .retail-manage-solution .solution-item .solution-item-sub-title {
        font-size: 18px
    }

    .fx-retail-manage .retail-manage-solution .solution-item .div-horizontal-middle,.fx-retail-manage .retail-manage-solution .solution-item .div-vertical-middle {
        padding-left: 0;
        padding-right: 0
    }

    .fx-retail-manage .retail-manage-solution .solution-item .solution-item-description {
        padding-left: 10px;
        margin-bottom: 10px
    }

    .fx-retail-manage .retail-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px;
        width: 90%
    }

    .fx-retail-manage .retail-manage-solution .solution-item .solution-item-description>.description-pic>img {
        margin-top: 2px
    }

    .fx-retail-manage .retail-manage-solution .solution-item .solution-item-description.last .description-text-mobile {
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        text-align: left
    }

    .fx-retail-manage .retail-manage-install .bricks-description {
        padding-top: 10px;
        padding-bottom: 0
    }

    .fx-retail-manage .retail-manage-install .btn-container .btn-left {
        width: 118px;
        height: 37px;
        font-size: 15px;
        line-height: 37px
    }

    .fx-retail-manage .retail-manage-install .install-tips {
        padding-top: 20px;
        padding-bottom: 50px
    }
}

@media screen and (max-width: 350px) {
    .fx-retail-manage .retail-manage-reason .bricks-description {
        margin-bottom:0
    }

    .fx-retail-manage .retail-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-retail-manage .retail-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-retail-manage .retail-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-retail-manage .retail-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 360px;
        margin: 20px 0;
        padding: 20px 12px 12px;
        font-size: 13px
    }

    .fx-retail-manage .retail-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-retail-manage .retail-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title span {
        font-size: 12px
    }

    .fx-retail-manage .retail-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-description {
        padding: 0
    }

    .fx-retail-manage .retail-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        height: 350px
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        height: 360px
    }

    .fx-retail-manage .retail-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right.right-block {
        padding: 15px
    }
}

.fx-real-estate-manage .real-estate-manage-background {
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 110% 60%;
    background-position-y: 170%
}

.fx-real-estate-manage .real-estate-manage-title {
    padding-top: 110px
}

.fx-real-estate-manage .real-estate-manage-title.title-tall {
    padding-top: 130px
}

.fx-real-estate-manage .real-estate-manage-title .bricks-main-title {
    margin-bottom: 20px
}

.fx-real-estate-manage .real-estate-manage-title .btn-container {
    margin-top: 40px;
    text-align: center;
    position: relative
}

.fx-real-estate-manage .real-estate-manage-title .btn-container .bricks-btn {
    margin: 0 20px;
    cursor: pointer;
    position: relative
}

.fx-project-manage .project-manage-reason .bricks-description,.fx-real-estate-manage .real-estate-manage-reason .bricks-description {
    margin-bottom: 40px
}

.fx-real-estate-manage .real-estate-manage-title .btn-container .bricks-btn:first-child:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.fx-real-estate-manage .real-estate-manage-title .background {
    position: absolute;
    top: 310px;
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 100% auto
}

.fx-real-estate-manage .real-estate-manage-title .install-tips {
    padding-top: 30px;
    padding-bottom: 120px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.fx-real-estate-manage .real-estate-manage-reason .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-real-estate-manage .real-estate-manage-reason .reason-panes {
    padding-bottom: 50px
}

.fx-real-estate-manage .real-estate-manage-reason .reason-panes .panes-mobile {
    display: none
}

.fx-real-estate-manage .real-estate-manage-reason .reason-panes .pane {
    display: inline-block;
    width: 270px;
    height: 380px;
    background: #FFF;
    border-radius: 6px;
    margin: 0 10px;
    padding: 0 20px 61px;
    vertical-align: top
}

.fx-real-estate-manage .real-estate-manage-reason .reason-panes .pane .pic {
    display: block;
    width: 46px;
    height: 48px;
    margin: 50px auto 29px
}

.fx-real-estate-manage .case-switch-container-mobile,.fx-real-estate-manage .real-estate-manage-solution .solution-item .img-horizontal-big-mobile,.fx-real-estate-manage .real-estate-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-real-estate-manage .real-estate-manage-solution .solution-item .img-vertical-middle-mobile {
    display: none
}

.fx-real-estate-manage .real-estate-manage-reason .reason-panes .pane .pane-title {
    text-align: center;
    margin-bottom: 20px
}

.fx-real-estate-manage .real-estate-manage-reason .reason-panes .pane .pane-title span {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    line-height: 22px
}

.fx-real-estate-manage .real-estate-manage-reason .reason-panes .pane .pane-title .colorful {
    color: #F5A623
}

.fx-real-estate-manage .real-estate-manage-reason .reason-panes .pane .pane-description {
    padding: 0 16px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 20px
}

.fx-real-estate-manage .real-estate-manage-reason .reason-panes .pane .pane-description:last-child {
    margin-top: 20px
}

.fx-real-estate-manage .real-estate-manage-solution .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-real-estate-manage .real-estate-manage-solution .bricks-description {
    padding-bottom: 20px
}

.fx-real-estate-manage .real-estate-manage-solution .solution-item {
    padding: 30px 0
}

.fx-real-estate-manage .real-estate-manage-solution .solution-item .img-horizontal-middle,.fx-real-estate-manage .real-estate-manage-solution .solution-item .img-vertical-middle {
    padding-left: 20px;
    padding-right: 20px;
    width: 50%
}

.fx-real-estate-manage .real-estate-manage-solution .solution-item .div-horizontal-middle,.fx-real-estate-manage .real-estate-manage-solution .solution-item .div-vertical-middle {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    padding-right: 40px
}

.fx-real-estate-manage .real-estate-manage-solution .solution-item .solution-item-title {
    font-size: 32px;
    font-weight: 500;
    color: #1F2D3D;
    line-height: 45px;
    margin-bottom: 6px
}

.fx-real-estate-manage .real-estate-manage-solution .solution-item .solution-item-sub-title {
    font-size: 28px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 40px;
    margin-bottom: 24px
}

.fx-real-estate-manage .real-estate-manage-solution .solution-item .solution-item-description {
    margin-bottom: 30px
}

.fx-real-estate-manage .real-estate-manage-solution .solution-item .solution-item-description.last {
    color: #91A1B7
}

.fx-real-estate-manage .real-estate-manage-solution .solution-item .solution-item-description.now {
    color: #5E6D82
}

.fx-real-estate-manage .real-estate-manage-solution .solution-item .solution-item-description>.description-pic {
    width: 6%;
    min-width: 16px;
    display: inline-block;
    vertical-align: top
}

.fx-real-estate-manage .real-estate-manage-solution .solution-item .solution-item-description>.description-pic>img {
    width: 16px;
    margin-right: 5px;
    margin-top: 6px
}

.fx-real-estate-manage .real-estate-manage-solution .solution-item .solution-item-description>.description-text {
    width: 87%;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.fx-real-estate-manage .real-estate-manage-best-case .bricks-sub-title {
    padding-top: 80px;
    padding-bottom: 40px
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container {
    width: 100%;
    padding-bottom: 95px
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .arrow-left-container,.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .arrow-right-container {
    height: 60px;
    width: 50px;
    display: inline-block;
    margin-top: 150px;
    cursor: pointer
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container {
    height: 420px;
    width: 1080px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    overflow: hidden
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items {
    height: 378px;
    position: relative
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item {
    margin: 0 20px;
    height: 376px;
    background: #FFF;
    -webkit-box-shadow: 0 10px 20px 0 rgba(23,44,43,.09);
    box-shadow: 0 10px 20px 0 rgba(23,44,43,.09);
    border-radius: 8px;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
    display: inline-block;
    width: 556px;
    height: 376px;
    border-radius: 0 8px 8px 0;
    vertical-align: top;
    position: relative
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
    margin-top: 40px;
    margin-left: 76px
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
    height: 40px
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
    margin-top: 30px
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
    position: absolute;
    width: 33px;
    height: 31px;
    left: 25px;
    top: 97px
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
    margin-left: 72px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 30px;
    margin-right: 40px
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
    font-weight: 400;
    color: #5E6D82;
    line-height: 22px;
    text-align: center;
    margin: 0;
    position: absolute;
    width: 100%;
    bottom: 30px
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
    display: inline-block;
    width: 484px;
    height: 376px;
    background: #F4F9F7;
    border-radius: 0 8px 8px 0;
    vertical-align: top;
    padding: 110px 43px 43px;
    position: relative
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
    color: #1F2D3D;
    line-height: 30px
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
    margin-top: 30px
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description span.strong {
    font-weight: 600
}

.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
    font-weight: 400;
    color: #0DB3A6;
    line-height: 22px;
    position: absolute;
    text-align: center;
    bottom: 30px;
    width: 398px
}

.real-estate-manage-install .btn-container .btn-left,.real-estate-manage-install .btn-container .btn-right {
    width: 196px;
    height: 58px;
    display: inline-block;
    line-height: 58px;
    font-size: 20px;
    text-align: center;
    border-radius: 5px;
    font-weight: 500
}

.real-estate-manage-install .bricks-sub-title {
    padding-top: 50px
}

.real-estate-manage-install .bricks-description {
    padding-top: 20px;
    padding-bottom: 30px
}

.real-estate-manage-install .btn-container {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.real-estate-manage-install .btn-container .btn-left {
    background: #0DB3A6;
    color: #fff
}

.real-estate-manage-install .btn-container .btn-left:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.real-estate-manage-install .btn-container .btn-right {
    border: 1px solid #0DB3A6;
    color: #0DB3A6;
    margin-left: 20px;
    cursor: pointer;
    position: relative
}

.real-estate-manage-install .install-tips {
    padding-top: 20px;
    padding-bottom: 73px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.real-estate-manage-install-bg {
    background: url(../image/background_top_green.png);
    background-size: cover
}

@media screen and (max-width: 1280px) {
    .fx-real-estate-manage .real-estate-manage-reason .reason-panes .pane {
        width:40%;
        margin: 20px 5%
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .img-horizontal-big {
        display: none
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .img-horizontal-big-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .img-horizontal-middle {
        display: none
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-real-estate-manage .real-estate-manage-solution .solution-item .img-vertical-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .img-vertical-middle {
        display: none
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .div-vertical-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .div-vertical-middle .description-text {
        text-align: left
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .div-horizontal-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .div-horizontal-middle .description-text {
        text-align: left
    }

    .fx-real-estate-manage .real-estate-manage-best-case {
        height: auto
    }

    .fx-real-estate-manage .real-estate-manage-best-case .bricks-sub-title {
        padding-top: 40px;
        padding-bottom: 25px;
        line-height: 18px;
        font-size: 18px
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container {
        width: 100%;
        padding-bottom: 0
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container {
        width: 100%;
        height: 630px;
        margin: 0 auto;
        padding: 0 25px
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items {
        height: auto;
        margin: 0
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item {
        display: inline-block;
        height: auto
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .arrow-left-container,.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .arrow-right-container,.fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
        display: none
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        width: 100%;
        height: 300px
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
        margin-left: 20px;
        margin-top: 25px
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
        height: 20px
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
        margin-top: 15px
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        line-height: 20px
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
        bottom: 20px
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        width: 100%;
        height: 300px;
        padding: 20px;
        font-size: 12px
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
        line-height: 20px
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
        margin-top: 10px
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
        bottom: 25px;
        width: auto;
        left: 0;
        right: 0
    }
}

@media screen and (max-width: 450px) {
    .fx-real-estate-manage .real-estate-manage-background {
        background:url(../image/equipment_top_bg.png) center center no-repeat;
        background-size: 190% 50%;
        background-position-y: 150%
    }

    .fx-real-estate-manage .real-estate-manage-title.title-tall {
        padding-top: 90px
    }

    .fx-real-estate-manage .real-estate-manage-title .btn-container {
        margin-top: 20px
    }

    .fx-real-estate-manage .real-estate-manage-title .btn-container .bricks-btn {
        margin: 0 10px
    }

    .fx-real-estate-manage .real-estate-manage-title .install-tips {
        padding-top: 10px;
        padding-bottom: 40px
    }

    .fx-real-estate-manage .real-estate-manage-title .background {
        position: absolute;
        top: 326px;
        width: 700px;
        right: -100px;
        height: 0;
        left: auto
    }

    .fx-real-estate-manage .real-estate-manage-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-real-estate-manage .real-estate-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-real-estate-manage .real-estate-manage-reason .reason-panes .panes-pc {
        display: none
    }

    .fx-real-estate-manage .real-estate-manage-reason .reason-panes .panes-mobile {
        display: block;
        padding: 0 10px
    }

    .fx-real-estate-manage .real-estate-manage-reason .reason-panes .panes-mobile .swiper-wrapper {
        height: auto
    }

    .fx-real-estate-manage .real-estate-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 330px;
        padding: 25px 18px 18px
    }

    .fx-real-estate-manage .real-estate-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pic {
        margin: 0 auto 15px;
        width: 30px;
        height: 32px
    }

    .fx-real-estate-manage .real-estate-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title span {
        font-size: 15px
    }

    .fx-real-estate-manage .real-estate-manage-reason .reason-panes .pane {
        margin: 20px 0
    }

    .fx-real-estate-manage .real-estate-manage-reason .reason-panes .pane .pane-description {
        padding: 0
    }

    .fx-real-estate-manage .real-estate-manage-solution .bricks-sub-title {
        padding-top: 30px
    }

    .fx-real-estate-manage .real-estate-manage-solution .bricks-description {
        padding-bottom: 0;
        width: 80%
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item {
        padding: 10px 0 30px
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .img-horizontal-big-mobile {
        width: 100%
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-real-estate-manage .real-estate-manage-solution .solution-item .img-vertical-middle-mobile {
        width: 90%;
        margin: 30px auto
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .solution-item-title {
        font-size: 22px
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .solution-item-sub-title {
        font-size: 18px
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .div-horizontal-middle,.fx-real-estate-manage .real-estate-manage-solution .solution-item .div-vertical-middle {
        padding-left: 0;
        padding-right: 0
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .solution-item-description {
        padding-left: 10px;
        margin-bottom: 10px
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .solution-item-description>.description-pic>img {
        margin-top: 2px
    }

    .fx-real-estate-manage .real-estate-manage-install .bricks-description {
        padding-top: 10px;
        padding-bottom: 0
    }

    .fx-real-estate-manage .real-estate-manage-install .btn-container .btn-left {
        width: 118px;
        height: 37px;
        font-size: 15px;
        line-height: 37px
    }

    .fx-real-estate-manage .real-estate-manage-install .btn-container .btn-right {
        width: 118px;
        height: 37px;
        font-size: 15px;
        line-height: 37px;
        margin-left: 10px
    }

    .fx-real-estate-manage .real-estate-manage-install .install-tips {
        padding-top: 20px;
        padding-bottom: 50px
    }
}

.fx-data-collection .data-collection-bottom .row .usable-tip-mobile,.fx-project-manage .project-manage-solution .solution-item .img-horizontal-big-mobile,.fx-project-manage .project-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-project-manage .project-manage-solution .solution-item .img-vertical-middle-mobile,.fx-project-manage .project-manage-title,.fx-project-manage .project-manage-title .btn-container .bricks-btn .qrcode-show,.fx-project-manage .reason-switch-container-mobile {
    display: none
}

@media screen and (max-width: 350px) {
    .fx-real-estate-manage .real-estate-manage-reason .bricks-description {
        margin-bottom:0
    }

    .fx-real-estate-manage .real-estate-manage-reason .reason-panes {
        padding-bottom: 0
    }

    .fx-real-estate-manage .real-estate-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane {
        height: 340px;
        padding: 20px 12px 12px;
        font-size: 13px
    }

    .fx-real-estate-manage .real-estate-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-title span {
        font-size: 14px
    }

    .fx-real-estate-manage .real-estate-manage-reason .reason-panes .panes-mobile .swiper-wrapper .pane .pane-description {
        padding: 0
    }

    .fx-real-estate-manage .real-estate-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container {
        height: 700px;
        padding: 0 15px
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        height: 320px
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        height: 350px
    }

    .fx-real-estate-manage .real-estate-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right.right-block {
        padding: 15px
    }
}

.fx-project-manage .project-manage-background {
    background: #FAFFFF
}

.fx-project-manage .project-manage-background .project-bg-img {
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 110% 60%;
    background-position-y: 170%
}

.fx-project-manage .project-manage-title .btn-container {
    margin-top: 40px;
    text-align: center;
    position: relative
}

.fx-project-manage .project-manage-title .btn-container .bricks-btn {
    cursor: pointer;
    width: 240px;
    position: relative
}

.fx-project-manage .project-manage-title .btn-container .bricks-btn:first-child:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.fx-project-manage .project-manage-title .btn-container .bricks-btn.qrcode:hover {
    background: #E6F7F6;
    border-color: #0DB3A6;
    color: #0DB3A6
}

.fx-project-manage .project-manage-title .btn-container .bricks-btn.qrcode:hover .qrcode-show {
    display: block;
    position: absolute;
    left: -20px;
    max-width: 240px;
    z-index: 1
}

.fx-project-manage .project-manage-title .background {
    position: absolute;
    top: 310px;
    background: url(../image/equipment_top_bg.png) center center no-repeat;
    background-size: 100% auto
}

.fx-project-manage .install-tips {
    padding-top: 30px;
    padding-bottom: 120px;
    height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 25px;
    text-align: center
}

.fx-project-manage .project-manage-reason .bricks-sub-title {
    padding-top: 60px;
    padding-bottom: 20px
}

.fx-project-manage .project-manage-reason .reason-panes {
    padding-bottom: 50px
}

.fx-project-manage .project-manage-reason .reason-panes .pane {
    display: inline-block;
    width: 270px;
    height: 380px;
    background: #FFF;
    border-radius: 6px;
    margin: 0 10px;
    padding: 0 9px 61px;
    vertical-align: top
}

.fx-project-manage .project-manage-reason .reason-panes .pane .pic {
    display: block;
    width: 46px;
    height: 48px;
    margin: 50px auto 29px
}

.fx-project-manage .project-manage-reason .reason-panes .pane .pane-title {
    text-align: center;
    margin-bottom: 20px
}

.fx-project-manage .project-manage-reason .reason-panes .pane .pane-title span {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    line-height: 22px
}

.fx-project-manage .project-manage-reason .reason-panes .pane .pane-title .colorful {
    color: #F5A623
}

.fx-project-manage .project-manage-reason .reason-panes .pane .pane-description {
    padding: 0 13px;
    font-size: 14px;
    font-weight: 400;
    color: #5E6D82;
    line-height: 20px
}

.fx-project-manage .project-manage-reason .reason-panes .pane .pane-description:last-child {
    margin-top: 20px
}

.fx-project-manage .project-manage-solution .bricks-sub-title {
    padding-top: 50px;
    padding-bottom: 0;
    font-size: 36px;
    line-height: 36px
}

.fx-project-manage .project-manage-solution .bricks-description {
    padding-bottom: 20px
}

.fx-project-manage .project-manage-solution .solution-item {
    padding: 30px 0
}

.fx-project-manage .project-manage-solution .solution-item .img-horizontal-middle,.fx-project-manage .project-manage-solution .solution-item .img-vertical-middle {
    padding-left: 20px;
    padding-right: 20px;
    width: 50%
}

.fx-project-manage .project-manage-solution .solution-item .div-horizontal-middle,.fx-project-manage .project-manage-solution .solution-item .div-vertical-middle {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    padding-right: 40px
}

.fx-project-manage .project-manage-solution .solution-item .solution-title {
    margin: 20px 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-project-manage .project-manage-solution .solution-item .solution-title.section1 {
    margin: 30px 0 35px
}

.fx-project-manage .project-manage-solution .solution-item .solution-title .icon-circle {
    display: inline-block;
    width: 40px;
    height: 16px
}

.fx-project-manage .project-manage-solution .solution-item .solution-title .solution-item-sub-title {
    font-size: 36px;
    font-weight: 400;
    color: #1F2D3D;
    line-height: 40px;
    margin: 0 20px
}

.fx-project-manage .project-manage-solution .solution-item .solution-item-description {
    margin-bottom: 30px
}

.fx-project-manage .project-manage-solution .solution-item .solution-item-description.last {
    color: #91A1B7
}

.fx-project-manage .project-manage-solution .solution-item .solution-item-description.now {
    color: #5E6D82
}

.fx-project-manage .project-manage-solution .solution-item .solution-item-description>.item-matter {
    width: 100%;
    margin-bottom: 40px
}

.fx-project-manage .project-manage-solution .solution-item .solution-item-description>.description-pic {
    width: 6%;
    min-width: 16px;
    display: inline-block;
    vertical-align: top
}

.fx-project-manage .project-manage-solution .solution-item .solution-item-description>.description-pic>img {
    width: 16px;
    margin-right: 5px;
    margin-top: 6px
}

.fx-project-manage .project-manage-solution .solution-item .solution-item-description>.description-text {
    width: 93%;
    display: inline-block;
    color: #283A4C;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px
}

.fx-project-manage .project-manage-solution .solution-item .register-block {
    padding-top: 10px
}

.fx-project-manage .project-manage-unlimited-profession .project-sub-title {
    padding: 80px 0 40px;
    font-size: 36px;
    color: #1F2D3D;
    text-align: center
}

.fx-project-manage .project-manage-unlimited-profession .profession-container {
    height: 470px;
    text-align: center
}

.fx-project-manage .project-manage-unlimited-profession .profession-container .profession-item {
    display: inline-block;
    width: 230px;
    height: 175px;
    background: #fff;
    margin: 20px;
    text-align: center;
    padding: 35px 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    box-shadow: 0 2px 4px 0 rgba(16,20,40,.05);
    border-radius: 5px
}

.fx-project-manage .project-manage-unlimited-profession .profession-container .profession-item img {
    width: 65px;
    height: 65px
}

.fx-project-manage .project-manage-unlimited-profession .profession-container .profession-item .profession-name {
    color: #303030;
    font-size: 20px;
    margin-top: 10px
}

.fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
    padding-top: 43px
}

.fx-project-manage .project-logo-bg .bricks-logos .bricks-sub-title {
    font-size: 36px;
    padding-top: 67px
}

.fx-project-manage .production .solution-protection .bricks-sub-title {
    font-size: 36px
}

@media screen and (max-width: 1080px) {
    .fx-project-manage .project-manage-reason .reason-panes .pane {
        width:40%;
        margin: 20px 5%
    }

    .fx-project-manage .project-manage-solution .solution-item .img-horizontal-big-mobile,.fx-project-manage .project-manage-solution .solution-item .img-horizontal-middle-mobile {
        width: 80%;
        margin: 0 auto 15px;
        display: block
    }

    .fx-project-manage .project-manage-solution .solution-item {
        padding: 30px 0 10px
    }

    .fx-project-manage .project-manage-solution .solution-item .img-horizontal-big {
        display: none
    }

    .fx-project-manage .project-manage-solution .solution-item .img-horizontal-middle {
        display: none
    }

    .fx-project-manage .project-manage-solution .solution-item .img-vertical-middle {
        display: none
    }

    .fx-project-manage .project-manage-solution .solution-item .img-vertical-middle-mobile {
        display: block;
        width: 80%;
        margin: 0 auto
    }

    .fx-project-manage .project-manage-solution .solution-item .div-vertical-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-project-manage .project-manage-solution .solution-item .div-vertical-middle .description-text {
        text-align: left
    }

    .fx-project-manage .project-manage-solution .solution-item .div-horizontal-middle {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10%;
        padding-right: 10%;
        text-align: center
    }

    .fx-project-manage .project-manage-solution .solution-item .div-horizontal-middle .description-text {
        text-align: left
    }

    .fx-project-manage .project-manage-best-case {
        height: auto
    }

    .fx-project-manage .project-manage-best-case .bricks-sub-title {
        padding-top: 40px;
        padding-bottom: 25px;
        line-height: 18px;
        font-size: 18px
    }

    .fx-project-manage .project-manage-best-case .best-case-container {
        width: 100%;
        padding: 0
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 10px
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items {
        height: auto
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item {
        margin-left: 0;
        display: inline-block;
        width: 281px;
        height: auto;
        margin-right: 15px
    }

    .fx-project-manage .project-manage-best-case .best-case-container .arrow-left-container,.fx-project-manage .project-manage-best-case .best-case-container .arrow-right-container,.fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
        display: none
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        width: 100%;
        height: 300px
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
        margin-left: 20px;
        margin-top: 25px
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
        height: 20px
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
        margin-top: 15px
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        line-height: 20px
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
        bottom: 20px
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        width: 100%;
        height: 300px;
        padding: 20px;
        font-size: 12px
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
        line-height: 20px
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
        margin-top: 10px
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
        bottom: 25px
    }

    .fx-project-manage .project-manage-unlimited-profession .profession-container .profession-item {
        width: 180px
    }
}

@media screen and (max-width: 800px) {
    .fx-project-manage .project-manage-unlimited-profession .project-sub-title {
        padding:40px 0 20px
    }

    .fx-project-manage .project-manage-unlimited-profession .profession-container {
        height: 270px
    }

    .fx-project-manage .project-manage-unlimited-profession .profession-container .profession-item {
        display: inline-block;
        width: 135px;
        height: 100px;
        margin: 10px;
        padding: 15px 0;
        border-radius: 3px
    }

    .fx-project-manage .project-manage-unlimited-profession .profession-container .profession-item img {
        width: 25px;
        height: 25px
    }

    .fx-project-manage .project-manage-unlimited-profession .profession-container .profession-item .profession-name {
        font-size: 12px;
        margin-top: 10px
    }
}

@media screen and (max-width: 450px) {
    .fx-project-manage .project-manage-background .project-bg-img {
        background-size:160% 50%;
        background-position-y: 150%
    }

    .fx-project-manage .project-manage-title {
        display: block;
        padding-top: 90px
    }

    .fx-project-manage .project-manage-title .bricks-description {
        width: 345px;
        padding: 0 30px
    }

    .fx-project-manage .project-manage-title .bricks-main-title {
        font-size: 20px;
        margin-bottom: 15px
    }

    .fx-project-manage .project-manage-title .btn-container {
        margin-top: 25px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }

    .fx-project-manage .project-manage-title .btn-container .bricks-btn {
        width: 150px;
        margin: 0;
        font-size: 15px;
        font-weight: 400
    }

    .fx-project-manage .project-manage-title .btn-container .bricks-btn.color-green {
        padding: 14px 0 50px;
        line-height: 13px
    }

    .fx-project-manage .project-manage-title .btn-container .bricks-btn.color-green:hover {
        background: 0 0;
        outline-width: 0;
        text-decoration: underline
    }

    .fx-project-manage .project-manage-title .btn-container .bricks-btn.color-green:hover .qrcode-show {
        width: 150px;
        left: 25px;
        top: 28px
    }

    .fx-project-manage .project-manage-title .install-tips {
        padding-bottom: 50px
    }

    .fx-project-manage .project-manage-reason .bricks-description {
        margin-bottom: 0
    }

    .fx-project-manage .project-manage-reason .reason-panes {
        width: 1100px;
        position: relative;
        padding-bottom: 20px;
        left: 30px
    }

    .fx-project-manage .project-manage-reason .reason-panes .pane {
        width: 240px;
        margin: 20px 15px;
        padding: 0 14px 40px
    }

    .fx-project-manage .project-manage-reason .reason-panes .pane .pane-description {
        padding: 0 7px
    }

    .fx-project-manage .project-manage-solution .bricks-description {
        padding: 0 33px;
        width: 100%
    }

    .fx-project-manage .project-manage-solution .solution-item {
        padding: 20px 0
    }

    .fx-project-manage .project-manage-solution .solution-item.function-img {
        padding-top: 15px
    }

    .fx-project-manage .project-manage-solution .solution-item .img-horizontal-big-mobile {
        width: 100%;
        margin: 0
    }

    .fx-project-manage .project-manage-solution .solution-item .img-horizontal-middle-mobile,.fx-project-manage .project-manage-solution .solution-item .img-vertical-middle-mobile {
        width: 95%;
        margin: 0 auto 20px
    }

    .fx-project-manage .project-manage-solution .solution-item .solution-title {
        padding: 0 0 15px;
        margin: 0
    }

    .fx-project-manage .project-manage-solution .solution-item .solution-title.section1 {
        margin: 0;
        padding-top: 30px
    }

    .fx-project-manage .project-manage-solution .solution-item .solution-title .solution-item-sub-title {
        font-weight: 700;
        font-size: 18px
    }

    .fx-project-manage .project-manage-solution .solution-item .solution-title .icon-circle {
        width: 28px;
        height: 12px
    }

    .fx-project-manage .project-manage-solution .solution-item .div-horizontal-middle,.fx-project-manage .project-manage-solution .solution-item .div-vertical-middle {
        padding-left: 0;
        padding-right: 0
    }

    .fx-project-manage .project-manage-solution .solution-item .solution-item-description {
        padding-left: 10px;
        margin-bottom: 20px
    }

    .fx-project-manage .project-manage-solution .solution-item .solution-item-description>.item-matter {
        margin-bottom: 20px
    }

    .fx-project-manage .project-manage-solution .solution-item .solution-item-description>.description-text {
        font-size: 14px;
        line-height: 20px;
        width: 90%;
        color: #1F2D3D;
        margin-left: 10px
    }

    .fx-project-manage .project-manage-solution .solution-item .solution-item-description>.description-pic>img {
        margin-top: 2px
    }

    .fx-project-manage .project-manage-solution .bricks-sub-title {
        padding: 20px 0 10px;
        line-height: 21px;
        font-size: 18px
    }

    .fx-project-manage .project-manage-unlimited-profession .project-sub-title {
        padding: 40px 0 13px;
        font-size: 18px
    }

    .fx-project-manage .project-manage-unlimited-profession .profession-container {
        height: 180px
    }

    .fx-project-manage .project-manage-unlimited-profession .profession-container .profession-item {
        width: 75px;
        height: 60px;
        margin: 5px;
        padding: 9px 0
    }

    .fx-project-manage .project-manage-unlimited-profession .profession-container .profession-item .profession-name {
        font-size: 12px;
        margin-top: 4px
    }

    .fx-project-manage .project-manage-install {
        display: block
    }

    .fx-project-manage .project-manage-install .bricks-sub-title {
        font-size: 18px;
        padding-top: 50px
    }

    .fx-project-manage .project-manage-install .bricks-description {
        padding-top: 10px;
        padding-bottom: 15px
    }

    .fx-project-manage .project-manage-install .btn-container .btn-left {
        width: 150px;
        height: 37px;
        font-size: 15px;
        line-height: 37px
    }

    .fx-project-manage .project-manage-install .install-tips {
        padding-top: 20px;
        padding-bottom: 50px
    }

    .fx-project-manage .project-logo-bg .bricks-logos .bricks-sub-title {
        font-size: 18px;
        padding-top: 30px;
        padding-bottom: 15px
    }

    .fx-project-manage .production .solution-protection .bricks-sub-title {
        font-size: 18px;
        padding-top: 30px
    }
}

@media screen and (max-width: 350px) {
    .fx-project-manage .project-manage-title .btn-container .bricks-btn {
        width:143px;
        margin: 0 3px
    }

    .fx-project-manage .project-manage-unlimited-profession .profession-container .profession-item {
        width: 60px
    }

    .fx-project-manage .project-manage-install .btn-container .btn-left {
        width: 143px;
        margin: 0 3px
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        height: 280px
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        height: 320px
    }

    .fx-project-manage .project-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right.right-block {
        padding: 15px
    }
}

.fx-data-collection {
    background: #fbfbfb
}

.fx-data-collection .container {
    width: 100%
}

.fx-data-collection .container .row {
    width: 1280px
}

.fx-data-collection .data-collection-banner {
    padding-top: 60px;
    margin-bottom: 15px;
    background: -webkit-gradient(linear,left bottom, left top,color-stop(0, #fbfbfb),to(#fff));
    background: linear-gradient(360deg,#fbfbfb 0,#fff 100%);
    -webkit-box-shadow: 0 2px 30px 0 rgba(16,20,40,.06);
    box-shadow: 0 2px 30px 0 rgba(16,20,40,.06)
}

.fx-data-collection .data-collection-banner .row {
    padding: 50px 100px 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1280px;
    height: 570px
}

.fx-data-collection .data-collection-banner .row .data-collection-block {
    width: 500px
}

.fx-data-collection .data-collection-banner .row .data-collection-block h2 {
    font-size: 44px;
    font-weight: 500;
    color: #1f2d3d;
    line-height: 62px
}

.fx-data-collection .data-collection-banner .row .data-collection-block .data-collection-description {
    margin-bottom: 47px;
    margin-top: 16px
}

.fx-data-collection .data-collection-banner .row .data-collection-block .data-collection-description p {
    font-size: 16px;
    color: #5e6d82;
    line-height: 25px
}

.fx-data-collection .data-collection-banner .row .data-collection-block form {
    width: 400px;
    height: 48px;
    background: #FFF;
    -webkit-box-shadow: 0 1px 8px 0 rgba(123,123,123,.09);
    box-shadow: 0 1px 8px 0 rgba(123,123,123,.09);
    border-radius: 4px;
    border: 1px solid #F0F0F0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 20px
}

.fx-data-collection .data-collection-banner .row .data-collection-block form input[type=text] {
    width: 260px;
    font-size: 14px;
    padding-left: 45px;
    height: 48px;
    font-weight: 400;
    color: #1F2D3D;
    background-image: url(../image/2020jdy-iphone.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 15px center
}

.fx-data-collection .data-collection-banner .row .data-collection-block form input[type=text]::-webkit-input-placeholder {
    color: #8E98A7
}

.fx-data-collection .data-collection-banner .row .data-collection-block form input[type=button] {
    width: 140px;
    height: 48px;
    font-size: 20px;
    background: #0db3a6;
    color: #fff;
    cursor: pointer
}

.fx-data-collection .data-collection-banner .row .img-box img {
    max-height: 480px
}

.fx-data-collection .data-collection-solution {
    background: #f8f8f8;
    padding-bottom: 60px
}

.fx-data-collection .data-collection-solution li {
    padding-top: 70px
}

.fx-data-collection .data-collection-solution li .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 100px
}

.fx-data-collection .data-collection-solution li .row .img-box {
    width: 50%
}

.fx-data-collection .data-collection-solution li .row .txt-box {
    width: 45%;
    text-align: left
}

.fx-data-collection .data-collection-solution li .row .txt-box .step {
    font-size: 20px;
    color: #0DB3A6
}

.fx-data-collection .data-collection-solution li .row .txt-box h2 {
    font-size: 32px;
    font-weight: 400;
    color: #1f2d3d;
    line-height: 45px;
    margin-bottom: 15px
}

.fx-data-collection .data-collection-solution li .row .txt-box p {
    font-size: 16px;
    font-weight: 400;
    color: #5e6d82;
    line-height: 26px;
    margin-bottom: 28px
}

.fx-data-collection .data-collection-solution li .row .txt-box .register-btn {
    display: inline-block;
    width: 158px;
    height: 48px;
    border-radius: 25px;
    background: #0DB3A6;
    text-align: center;
    font-size: 20px;
    line-height: 48px;
    color: #fff
}

.fx-data-collection .data-collection-solution li:nth-child(1) {
    padding-top: 55px
}

.fx-data-collection .data-collection-solution li:nth-of-type(even) .img-box {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.fx-data-collection .data-collection-solution li:nth-of-type(even) .txt-box {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.fx-data-collection .scene-requirements {
    background: #fbfbfb;
    padding: 60px 0 100px
}

.fx-data-collection .scene-requirements .title {
    margin-bottom: 60px
}

.fx-data-collection .scene-requirements .list-box {
    width: 1040px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto
}

.fx-data-collection .scene-requirements .list-box li {
    width: 180px;
    height: 172px;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(16,20,40,.04);
    box-shadow: 0 2px 10px 0 rgba(16,20,40,.04);
    border-radius: 5px;
    margin-bottom: 30px;
    text-align: center;
    margin-right: 35px
}

.fx-data-collection .scene-requirements .list-box li:nth-child(10),.fx-data-collection .scene-requirements .list-box li:nth-child(5) {
    margin-right: 0
}

.fx-data-collection .scene-requirements .list-box li img {
    width: 65px;
    height: 65px;
    margin-bottom: 12px;
    margin-top: 34px
}

.fx-data-collection .scene-requirements .list-box li h4 {
    font-size: 18px;
    font-weight: 400;
    color: #1f2d3d;
    line-height: 25px;
    margin-bottom: 10px
}

.fx-data-collection .scene-requirements .list-box li p {
    min-height: 80px;
    font-size: 14px;
    font-weight: 400;
    color: #5e6d82;
    line-height: 18px;
    margin: 0 20px
}

.fx-data-collection .data-user-evaluation {
    background: #f8f8f8;
    padding: 80px 0;
    height: 667px
}

.fx-data-collection .data-user-evaluation .title {
    margin-bottom: 20px
}

.fx-data-collection .data-user-evaluation .user-evaluation-container {
    width: 100%;
    padding: 0 40px 50px;
    margin: 0 auto
}

.fx-data-collection .data-user-evaluation .user-evaluation-container .arrow-left-container,.fx-data-collection .data-user-evaluation .user-evaluation-container .arrow-right-container {
    height: 60px;
    width: 50px;
    display: inline-block;
    margin-top: 150px;
    cursor: pointer
}

.fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container {
    width: 1080px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    overflow: hidden
}

.fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items {
    height: 440px;
    padding-top: 20px
}

.fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item {
    margin: 0 20px;
    height: 410px;
    width: 1040px;
    background: #FFF;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.06);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.06);
    border-radius: 8px;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .item-top {
    margin-top: 50px;
    margin-left: 100px
}

.fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .item-top .top-img {
    height: 46px
}

.fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .item-bottom {
    margin-top: 30px
}

.fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .item-bottom .bottom-img {
    position: absolute;
    width: 33px;
    height: 31px;
    left: 25px;
    top: 97px
}

.fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item p {
    font-size: 15px;
    margin: 0 100px 30px;
    line-height: 26px
}

.fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .description-top {
    color: #1F2D3D
}

.fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .description-bottom {
    color: #5E6D82;
    text-align: right
}

.fx-data-collection .data-collection-bottom {
    padding: 25px 0;
    height: 272px;
    background: url(../image/data_banner_bottom.png) center center no-repeat;
    background-size: cover
}

.fx-data-collection .data-collection-bottom .row .bottom-container {
    height: 100%;
    padding: 100px 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.fx-data-collection .data-collection-bottom .row .left-box {
    color: #fff;
    margin-right: 100px
}

.fx-data-collection .data-collection-bottom .row .left-box h2 {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 12px
}

.fx-data-collection .data-collection-bottom .row .left-box p {
    font-size: 16px
}

.fx-data-collection .data-collection-bottom .row .right-box form {
    width: 520px;
    height: 67px;
    background: #FFF;
    -webkit-box-shadow: 0 1px 9px 0 #21b8ac;
    box-shadow: 0 1px 9px 0 #21b8ac;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.fx-data-collection .data-collection-bottom .row .right-box form input[type=text] {
    width: 344px;
    font-size: 18px;
    padding-left: 65px;
    height: 67px;
    font-weight: 400;
    color: #1F2D3D;
    background-image: url(../image/2020jdy-iphone.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 25px center
}

.fx-data-collection .data-collection-bottom .row .right-box form input[type=text]::-webkit-input-placeholder {
    color: #8E98A7
}

.fx-data-collection .data-collection-bottom .row .right-box form input[type=button] {
    width: 176px;
    height: 67px;
    background: #27A79F;
    font-size: 23px;
    color: #fff;
    cursor: pointer
}

@media screen and (max-width: 1200px) {
    .fx-data-collection .container,.fx-data-collection .container .row {
        width:100%
    }

    .fx-data-collection .data-collection-banner {
        padding: 15px 5% 80px
    }

    .fx-data-collection .data-collection-banner .row {
        padding: 65px 0 0;
        width: 100%;
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }

    .fx-data-collection .data-collection-banner .row .data-collection-block {
        width: 100%;
        text-align: center
    }

    .fx-data-collection .data-collection-banner .row .data-collection-block h2 {
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        line-height: 2em
    }

    .fx-data-collection .data-collection-banner .row .data-collection-block p {
        text-align: center;
        font-size: 12px;
        line-height: 18px
    }

    .fx-data-collection .data-collection-banner .row .data-collection-block form {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        height: 36px;
        margin-bottom: 15px;
        position: absolute;
        bottom: -55px;
        left: 0;
        right: 0
    }

    .fx-data-collection .data-collection-banner .row .data-collection-block form input[type=text] {
        font-size: 12px;
        width: 70%;
        background-size: 12px
    }

    .fx-data-collection .data-collection-banner .row .data-collection-block form input[type=button] {
        height: 36px;
        font-size: 12px;
        width: 30%
    }

    .fx-data-collection .data-collection-banner .row .img-box {
        width: 80%;
        display: block;
        text-align: center;
        margin: 0 auto 18px
    }

    .fx-data-collection .data-collection-banner .row .img-box img {
        height: 400px
    }

    .fx-data-collection .data-collection-solution {
        padding-bottom: 30px
    }

    .fx-data-collection .data-collection-solution li {
        padding-top: 40px
    }

    .fx-data-collection .data-collection-solution li .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        padding: 0 10% 75px
    }

    .fx-data-collection .data-collection-solution li .row .img-box {
        text-align: center;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }

    .fx-data-collection .data-collection-solution li .row .txt-box {
        text-align: center;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }

    .fx-data-collection .data-collection-solution li .row .txt-box .register-btn {
        margin: auto;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .fx-data-collection .scene-requirements {
        padding: 40px 0 15px
    }

    .fx-data-collection .scene-requirements .title {
        margin-bottom: 20px;
        font-size: 36px
    }

    .fx-data-collection .scene-requirements .list-box {
        width: 100%;
        padding: 0 30px
    }

    .fx-data-collection .scene-requirements .list-box li {
        width: 18%;
        height: 150px;
        margin-bottom: 15px;
        margin-right: 15px
    }

    .fx-data-collection .scene-requirements .list-box li img {
        width: 45px;
        height: 45px;
        margin-bottom: 10px;
        margin-top: 30px
    }

    .fx-data-collection .data-user-evaluation {
        padding: 30px 0;
        height: auto
    }

    .fx-data-collection .data-user-evaluation .title {
        margin-bottom: 20px;
        font-size: 36px
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container {
        width: 100%;
        padding: 0 30px 40px;
        margin: 0 auto
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .arrow-left-container,.fx-data-collection .data-user-evaluation .user-evaluation-container .arrow-right-container {
        display: none
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container {
        width: 100%
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items {
        height: auto;
        padding-bottom: 20px
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item {
        height: auto;
        margin: 0
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .item-bottom {
        margin-top: 30px
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .item-bottom .bottom-img {
        position: absolute;
        width: 33px;
        height: 31px;
        left: 25px;
        top: 97px
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item p {
        font-size: 15px;
        margin: 0 100px 30px;
        line-height: 26px
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .description-top {
        color: #1F2D3D
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .description-bottom {
        color: #5E6D82;
        text-align: right
    }

    .fx-data-collection .data-collection-bottom {
        padding: 0;
        height: 318px;
        background: url(../image/data_banner_bottom.png) center center no-repeat;
        background-size: cover
    }

    .fx-data-collection .data-collection-bottom .row .bottom-container {
        padding: 30px 0;
        margin: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fx-data-collection .data-collection-bottom .row .left-box {
        margin: 0
    }

    .fx-data-collection .data-collection-bottom .row .left-box h2 {
        text-align: center;
        margin-bottom: 30px
    }

    .fx-data-collection .data-collection-bottom .row .usable-tip-mobile {
        display: block;
        font-size: 16px;
        text-align: center;
        color: #fff;
        margin-top: 20px
    }

    .fx-data-collection .data-collection-bottom .row .usable-tip-pc {
        display: none
    }
}

@media screen and (max-width: 450px) {
    .fx-data-collection .data-collection-banner {
        padding:0 5%;
        height: 500px
    }

    .fx-data-collection .data-collection-banner .row {
        padding: 90px 0 0
    }

    .fx-data-collection .data-collection-banner .row .data-collection-block h2 {
        font-size: 20px;
        line-height: 28px
    }

    .fx-data-collection .data-collection-banner .row .data-collection-block .data-collection-description {
        padding: 0 35px;
        margin: 9px 0 15px
    }

    .fx-data-collection .data-collection-banner .row .data-collection-block .data-collection-description p {
        font-size: 12px;
        line-height: 18px
    }

    .fx-data-collection .data-collection-banner .row .img-box img {
        height: 230px
    }

    .fx-data-collection .data-collection-solution li .row {
        padding: 0 22px 44px
    }

    .fx-data-collection .data-collection-solution li .row .txt-box {
        text-align: center;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }

    .fx-data-collection .data-collection-solution li .row .txt-box .step {
        font-size: 12px
    }

    .fx-data-collection .data-collection-solution li .row .txt-box h2 {
        font-size: 18px;
        margin: 5px 0 12px;
        line-height: 22px
    }

    .fx-data-collection .data-collection-solution li .row .txt-box p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 12px
    }

    .fx-data-collection .data-collection-solution li .row .txt-box .register-btn {
        width: 84px;
        height: 28px;
        font-size: 12px;
        line-height: 28px
    }

    .fx-data-collection .data-collection-solution li:nth-child(1) {
        padding-top: 25px
    }

    .fx-data-collection .scene-requirements {
        padding: 25px 0 15px
    }

    .fx-data-collection .scene-requirements .title {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 22px
    }

    .fx-data-collection .scene-requirements .list-box {
        padding: 0 15px
    }

    .fx-data-collection .scene-requirements .list-box li {
        width: 79px;
        height: 76px;
        margin-bottom: 8px;
        margin-right: 8px
    }

    .fx-data-collection .scene-requirements .list-box li h4 {
        font-size: 12px;
        line-height: 14px
    }

    .fx-data-collection .scene-requirements .list-box li img {
        width: 30px;
        height: 30px;
        margin-bottom: 6px;
        margin-top: 15px
    }

    .fx-data-collection .scene-requirements .list-box li:nth-child(5),.fx-data-collection .scene-requirements .list-box li:nth-child(9) {
        display: none
    }

    .fx-data-collection .scene-requirements .list-box li:nth-child(4) {
        margin-right: 0
    }

    .fx-data-collection .data-user-evaluation {
        padding: 30px 0 0
    }

    .fx-data-collection .data-user-evaluation .title {
        font-size: 18px;
        line-height: 22px;
        margin: 0
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container {
        width: 100%;
        padding: 0 25px
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items {
        height: auto
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item {
        height: 335px;
        margin-bottom: 12px
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .item-top {
        margin-top: 21px;
        margin-left: 16px
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .item-top .top-img {
        height: 31px
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .item-bottom {
        margin: 14px 16px
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .item-bottom .bottom-img {
        display: none
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item p {
        font-size: 12px;
        margin: 0;
        line-height: 18px
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .description-top {
        margin-bottom: 20px
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .evaluation-items .evaluation-item .description-bottom {
        margin: 0;
        text-align: left;
        position: absolute;
        bottom: 25px
    }

    .fx-data-collection .data-user-evaluation .user-evaluation-container .evaluation-items-container .reason-switch-container-mobile {
        padding-bottom: 0
    }

    .fx-data-collection .bricks-logo-block {
        padding-bottom: 30px
    }

    .fx-data-collection .data-collection-bottom {
        padding: 0;
        height: 170px
    }

    .fx-data-collection .data-collection-bottom .row .left-box h2 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 16px
    }

    .fx-data-collection .data-collection-bottom .row .right-box form {
        width: 260px;
        height: 34px;
        border-radius: 2px
    }

    .fx-data-collection .data-collection-bottom .row .right-box form input[type=text] {
        width: 172px;
        font-size: 12px;
        padding-left: 35px;
        height: 34px;
        background-position: 12px center;
        background-size: 12px
    }

    .fx-data-collection .data-collection-bottom .row .right-box form input[type=button] {
        width: 98px;
        height: 34px;
        background: #27A79F;
        font-size: 12px
    }

    .fx-data-collection .data-collection-bottom .row .usable-tip-mobile {
        font-size: 12px;
        margin-top: 10px
    }

    .fx-data-collection .data-collection-bottom .row .usable-tip-pc {
        display: none
    }
}

@media screen and (max-width: 360px) {
    .fx-data-collection .scene-requirements .list-box {
        padding:0 10px
    }

    .fx-data-collection .scene-requirements .list-box li {
        width: 69px;
        height: 66px
    }

    .fx-data-collection .scene-requirements .list-box li img {
        width: 25px;
        height: 25px;
        margin-top: 10px
    }
}

.fx-solution-center {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 60px
}

.fx-solution-center .solution-center-wrapper {
    background: #fff;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.fx-solution-center .solution-center-wrapper .solution-center-left {
    position: relative;
    width: 240px;
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #f7f8fa),color-stop(50%, #f7f8fa),to(#fff));
    background: linear-gradient(to bottom,#f7f8fa 0,#f7f8fa 50%,#fff 100%);
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.fx-solution-center .solution-center-wrapper .solution-center-left .solution-left-scroll {
    width: 240px;
    padding: 24px 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto
}

.fx-solution-center .solution-center-wrapper .solution-center-left .search-block {
    margin: 0 20px 16px
}

.fx-solution-center .solution-center-wrapper .solution-center-left .search-block .search-content {
    position: relative;
    height: 28px;
    border: 1px solid #E9E9E9;
    background: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    z-index: 1
}

.fx-solution-center .solution-center-wrapper .solution-center-left .search-block .search-content.color-green,.fx-solution-center .solution-center-wrapper .solution-center-left .search-block .search-content:hover {
    border-color: #0DB3A6
}

.fx-solution-center .solution-center-wrapper .solution-center-left .search-block .search-content:hover .input-prefix {
    color: #0DB3A6
}

.fx-solution-center .solution-center-wrapper .solution-center-left .search-block .search-content .input-prefix {
    width: 36px;
    text-align: center;
    color: #5E6D82
}

.fx-solution-center .solution-center-wrapper .solution-center-left .search-block .search-content .input-prefix i {
    font-size: 12px
}

.fx-solution-center .solution-center-wrapper .solution-center-left .search-block .search-content .search-input input {
    width: 100%;
    height: 100%
}

.fx-solution-center .solution-center-wrapper .solution-center-left .search-block .search-content .search-input input:focus {
    outline: 0
}

.fx-solution-center .solution-center-wrapper .solution-center-left .search-block .search-content .search-input input::-webkit-input-placeholder {
    color: #C3CDDA;
    font-size: 12px
}

.fx-solution-center .solution-center-wrapper .solution-center-left .search-block .search-tip {
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    border: 1px solid #E9E9E9;
    background: #fff;
    color: #91A1B7;
    margin-top: -1px;
    border-radius: 3px;
    text-align: center;
    display: none;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.08)
}

.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item .scene-type {
    font-size: 12px;
    line-height: 20px;
    padding: 8px 26px;
    margin-top: 10px;
    color: #5E6D82
}

.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item .tab-content {
    position: relative;
    display: block;
    height: 36px;
    padding: 8px 26px;
    font-size: 14px;
    color: #1F2D3D
}

.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item .tab-content .iconfont {
    margin-right: 11px;
    color: #5E6D82
}

.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item .tab-content:hover,.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item .tab-content:hover .iconfont {
    color: #0DB3A6
}

.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item .tab-content::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 3px;
    height: 100%;
    background: #0DB3A6;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    content: ''
}

.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item .tab-content.tab-content-active {
    color: #0DB3A6;
    background: #E6F7F6
}

.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item .tab-content.tab-content-active::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item .tab-content.tab-content-active .iconfont {
    color: #0DB3A6
}

.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item.scene-item-template {
    cursor: pointer;
    font-size: 14px;
    color: #1F2D3D
}

.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item.scene-item-template .template-type {
    height: 40px;
    padding: 10px 26px
}

.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item.scene-item-template .template-type .iconfont {
    margin-right: 11px;
    color: #5E6D82
}

.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item.active .template-type,.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item.active .template-type .iconfont,.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item.scene-item-template:hover .template-type,.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item.scene-item-template:hover .template-type .iconfont {
    color: #0DB3A6
}

.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item.scene-item-template::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 3px;
    height: 100%;
    background: #0DB3A6;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    content: ''
}

.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item.active {
    position: relative;
    background: #E6F7F6
}

.fx-solution-center .solution-center-wrapper .solution-center-left .scenes-list .scene-item.active::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fx-solution-center .solution-center-wrapper .solution-center-right {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background: #fff
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    width: 100%
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper {
    width: 1092px;
    height: 100%;
    padding: 36px 40px;
    margin: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content1 {
    width: 1092px;
    height: 320px;
    background: url(../image/crm_bg.png) center center no-repeat;
    background-size: cover;
    margin-bottom: 20px;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content1 .template-section1 {
    width: 60%;
    color: #fff;
    padding: 90px 0 80px 55px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content1 .template-section1 .section-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 45px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content1 .template-section1 .section-description {
    font-size: 14px;
    line-height: 20px;
    margin: 17px 0 23px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content1 .template-section1 .section-btn {
    width: 128px;
    height: 36px;
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #fb9d00),to(#fa8000));
    background: linear-gradient(to bottom,#fb9d00 0,#fa8000 100%);
    line-height: 36px;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 500;
    border-radius: 20px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content1 img {
    width: 381px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2 {
    width: 536px;
    height: 160px;
    display: inline-block;
    margin-bottom: 20px;
    border-radius: 8px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2.inventory-content {
    background: url(../image/inventory_bg.png) center center no-repeat;
    background-size: cover;
    margin-right: 20px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2.project-content {
    background: url(../image/project_bg.png) center center no-repeat;
    background-size: cover
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2 .template-item2 {
    width: 278px;
    display: inline-block;
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    color: #fff;
    padding: 57px 0 57px 55px;
    vertical-align: middle
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2 img {
    width: 214px;
    height: 132px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2.project-content .template-item2 {
    width: 288px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2.project-content img {
    width: 200px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list {
    padding-bottom: 90px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3 {
    width: 258px;
    height: 92px;
    display: inline-block;
    margin-bottom: 20px;
    border-radius: 8px;
    margin-right: 20px;
    padding: 22px 40px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3 img {
    width: 48px;
    height: 48px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3 .template-item3 {
    display: inline-block;
    font-size: 18px;
    color: #283A4C;
    vertical-align: middle
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3:nth-child(4n) {
    margin-right: 0
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3.supplier,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3.train {
    background: -webkit-gradient(to bottom,rgba(130,232,158,.1) 0,rgba(24,184,117,.1) 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(130,232,158,.1)),to(rgba(24,184,117,.1)));
    background: linear-gradient(to bottom,rgba(130,232,158,.1) 0,rgba(24,184,117,.1) 100%)
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3.equipment,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3.estate,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3.oa,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3.retail {
    background: -webkit-gradient(to bottom,rgba(113,186,252,.1) 0,rgba(40,115,243,.1) 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(113,186,252,.1)),to(rgba(40,115,243,.1)));
    background: linear-gradient(to bottom,rgba(113,186,252,.1) 0,rgba(40,115,243,.1) 100%)
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3.erp,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3.hr {
    background: -webkit-gradient(to bottom,rgba(214,158,248,.1) 0,rgba(139,73,186,.1) 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(214,158,248,.1)),to(rgba(139,73,186,.1)));
    background: linear-gradient(to bottom,rgba(214,158,248,.1) 0,rgba(139,73,186,.1) 100%)
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3.aftersale,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3.hse {
    background: -webkit-gradient(to bottom,rgba(244,207,84,.1) 0,rgba(232,145,33,.1) 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(244,207,84,.1)),to(rgba(232,145,33,.1)));
    background: linear-gradient(to bottom,rgba(244,207,84,.1) 0,rgba(232,145,33,.1) 100%)
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3.kpi,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3.plague,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3.quality {
    background: -webkit-gradient(to bottom,rgba(253,146,126,.1) 0,rgba(242,81,39,.1) 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(253,146,126,.1)),to(rgba(242,81,39,.1)));
    background: linear-gradient(to bottom,rgba(253,146,126,.1) 0,rgba(242,81,39,.1) 100%)
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3.flowerp,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3.order {
    background: -webkit-gradient(to bottom,rgba(112,211,233,.1) 0,rgba(47,140,188,.1) 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(112,211,233,.1)),to(rgba(47,140,188,.1)));
    background: linear-gradient(to bottom,rgba(112,211,233,.1) 0,rgba(47,140,188,.1) 100%)
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block {
    width: 1092px;
    margin: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 40px 54px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-title,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-title {
    font-size: 24px;
    color: #1F2D3D;
    font-weight: 500;
    margin-bottom: 24px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item {
    width: 258px;
    height: 92px;
    background: #F4F9F7;
    margin-bottom: 20px;
    margin-right: 20px;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px;
    cursor: pointer
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item:hover,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item:hover {
    background: #EBF5F1
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item:nth-child(4n),.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item:nth-child(4n) {
    margin-right: 0
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item .template-bg,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item .template-bg {
    width: 48px;
    height: 48px;
    text-align: center;
    border-radius: 12px;
    margin-right: 14px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item .template-bg img,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item .template-bg img {
    width: 32px;
    height: 32px;
    margin: 8px 0
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item .item-title,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item .item-title {
    width: 140px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item .item-title .name,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item .item-title .name {
    color: #1F2D3D;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item .item-title .from,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item .item-title .from {
    font-size: 14px;
    color: #5E6D82;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper {
    width: 1292px;
    padding: 40px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .detail-header {
    margin-top: 20px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .detail-header .left-block {
    display: inline-block
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .detail-header .left-block .app-name {
    font-size: 28px;
    line-height: 44px;
    font-weight: 500;
    color: #1F2D3D;
    margin-bottom: 4px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .detail-header .left-block .app-from {
    font-size: 20px;
    color: #5E6D82
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .detail-header .right-block {
    display: inline-block;
    float: right;
    padding: 8px 0
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .detail-header .right-block a {
    display: inline-block;
    width: 152px;
    height: 60px;
    font-size: 20px;
    border-radius: 5px;
    padding: 16px 0;
    text-align: center;
    outline: 0;
    margin-left: 20px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .detail-header .right-block .btn-white {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #0DB3A6;
    border: 1px solid #0DB3A6
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .detail-header .right-block .btn-white:hover {
    background: #E6F7F6
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .detail-header .right-block .btn-green {
    background: #0DB3A6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .detail-header .right-block .btn-green:hover {
    background: #56cac1
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .detail-body .detail-description {
    font-size: 14px;
    color: #1F2D3D;
    margin: 35px 0 48px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .detail-body .detail-view {
    width: 100%;
    height: 600px;
    border: 1px solid #E9E9E9;
    border-radius: 8px;
    overflow: hidden
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .detail-body .detail-view iframe {
    width: 100%;
    height: 100%
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper {
    width: 1092px;
    height: 100%;
    padding: 40px 56px;
    margin: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item {
    width: 258px;
    height: 92px;
    background: #F4F9F7;
    margin-bottom: 20px;
    margin-right: 20px;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px;
    cursor: pointer
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item:hover {
    background: #EBF5F1
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item:nth-child(4n) {
    margin-right: 0
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item .result-bg {
    width: 48px;
    height: 48px;
    text-align: center;
    border-radius: 12px;
    margin-right: 14px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item .result-bg img {
    width: 32px;
    height: 32px;
    margin: 8px 0
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item .item-title {
    width: 140px
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item .item-title .name {
    color: #1F2D3D;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item .item-title .from {
    font-size: 14px;
    color: #5E6D82
}

.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .search-bottom-tip {
    color: #0DB3A6;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    margin-top: 12px
}

.fx-solution-center .solution-center-wrapper .bg-color-1 {
    background-image: -webkit-gradient(linear,left top, left bottom,from(#FD927E),to(#F25127));
    background-image: linear-gradient(#FD927E,#F25127);
    background-image: -o-linear-gradient(#FD927E,#F25127)
}

.fx-solution-center .solution-center-wrapper .bg-color-2 {
    background-image: -webkit-gradient(linear,left top, left bottom,from(#F4CF54),to(#E89121));
    background-image: linear-gradient(#F4CF54,#E89121);
    background-image: -o-linear-gradient(#F4CF54,#E89121)
}

.fx-solution-center .solution-center-wrapper .bg-color-3 {
    background-image: -webkit-gradient(linear,left top, left bottom,from(#82E89E),to(#18B875));
    background-image: linear-gradient(#82E89E,#18B875);
    background-image: -o-linear-gradient(#82E89E,#18B875)
}

.fx-solution-center .solution-center-wrapper .bg-color-4 {
    background-image: -webkit-gradient(linear,left top, left bottom,from(#7DD3FA),to(#4298D8));
    background-image: linear-gradient(#7DD3FA,#4298D8);
    background-image: -o-linear-gradient(#7DD3FA,#4298D8)
}

.fx-solution-center .solution-center-wrapper .bg-color-5 {
    background-image: -webkit-gradient(linear,left top, left bottom,from(#71BAFC),to(#2873F3));
    background-image: linear-gradient(#71BAFC,#2873F3);
    background-image: -o-linear-gradient(#71BAFC,#2873F3)
}

.fx-solution-center .solution-center-wrapper .bg-color-6 {
    background-image: -webkit-gradient(linear,left top, left bottom,from(#D69EF8),to(#8B49BA));
    background-image: linear-gradient(#D69EF8,#8B49BA);
    background-image: -o-linear-gradient(#D69EF8,#8B49BA)
}

@media screen and (max-width: 1420px) {
    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll {
        padding:36px 40px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper {
        width: 100%;
        padding: 0
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content1 {
        width: 100%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2 {
        width: 48%;
        height: 160px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2 .template-item2 {
        width: 50%;
        font-size: 20px;
        padding: 57px 30px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2 img {
        width: 40%;
        height: 122px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2.inventory-content {
        margin-right: 4%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2.project-content .template-item2 {
        width: 50%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2.project-content img {
        width: 38%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3 {
        width: 31%;
        margin-right: 0;
        padding: 20px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block {
        width: 100%;
        padding: 0
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-title,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-title {
        font-size: 24px;
        color: #1F2D3D;
        font-weight: 500;
        margin-bottom: 24px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item .item-title .from,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item .item-title .from,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item .item-title .from {
        font-size: 14px;
        color: #5E6D82
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item {
        width: 24%;
        margin-right: 1%;
        margin-bottom: 20px;
        padding-left: 20px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item .item-title,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item .item-title {
        width: 55%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item .item-title .name,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item .item-title .name {
        margin-bottom: 4px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper {
        width: 100%;
        padding: 0
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item {
        width: 24%;
        margin-right: 1%;
        margin-bottom: 20px;
        background: #F4F9F7
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item .item-title {
        width: 55%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item .item-title .name {
        margin-bottom: 4px
    }
}

@media screen and (max-width: 1080px) {
    .fx-solution-center .solution-center-wrapper .solution-center-left,.fx-solution-center .solution-center-wrapper .solution-center-left .solution-left-scroll {
        width:200px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content1 img {
        width: 42%;
        height: 280px;
        margin-top: 20px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2 .template-item2 {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2 img {
        width: 45%;
        height: 122px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2.inventory-content {
        margin-right: 4%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2.project-content .template-item2 {
        width: 55%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2.project-content img {
        width: 40%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 20px;
        padding-left: 25px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item .item-title,.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item .item-title {
        width: 55%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item:nth-child(4n),.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item:nth-child(4n) {
        margin-right: 2%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .template-body .template-item:nth-child(3n),.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item:nth-child(3n) {
        margin-right: 0
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .detail-header {
        margin-top: 20px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .detail-wrapper .detail-header .left-block .app-name {
        margin-bottom: 4px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 20px;
        padding-left: 25px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item .item-title {
        width: 55%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item:nth-child(4n) {
        margin-right: 2%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (max-width: 850px) {
    .fx-solution-center .solution-center-wrapper .solution-center-left,.fx-solution-center .solution-center-wrapper .solution-center-left .solution-left-scroll {
        width:180px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content1 {
        height: 280px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content1 .template-section1 {
        width: 60%;
        color: #fff;
        padding: 40px 0 0 30px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content1 img {
        height: 240px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2 img {
        width: 40%;
        height: 50%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2.project-content .template-item2 {
        width: 65%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .template-content2.project-content img {
        width: 35%;
        height: 50%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-wrapper .solution-list .template-content3 {
        width: 48%;
        margin-right: 0;
        padding: 20px
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item {
        width: 48%;
        margin-right: 4%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item .item-title {
        width: 55%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item:nth-child(3n),.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item:nth-child(4n) {
        margin-right: 4%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-block .template-body .template-item:nth-child(2n) {
        margin-right: 0
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item {
        width: 48%;
        margin-right: 4%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item:nth-child(3n),.fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item:nth-child(4n) {
        margin-right: 4%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-right .solution-right-scroll .template-result-wrapper .result-body .result-item:nth-child(2n) {
        margin-right: 0
    }
}

@media screen and (max-width: 450px) {
    .fx-solution-center {
        height:100%
    }

    .fx-solution-center .solution-center-wrapper .solution-center-left {
        width: 100%;
        overflow: unset
    }

    .fx-solution-center .solution-center-wrapper .solution-center-left .solution-left-scroll {
        width: 100%;
        padding: 0;
        overflow: unset;
        background: #fff
    }

    .fx-solution-center .solution-center-wrapper .solution-center-left .search-block,.fx-solution-center .solution-center-wrapper .solution-center-right {
        display: none
    }

    .fx-solution-center .detail-wrapper {
        background: #FAFFFF;
        padding: 30px 32px
    }

    .fx-solution-center .detail-wrapper .detail-header .left-block {
        text-align: center
    }

    .fx-solution-center .detail-wrapper .detail-header .left-block .app-name {
        font-size: 20px;
        font-weight: 500;
        color: #1F2D3D;
        margin-bottom: 4px
    }

    .fx-solution-center .detail-wrapper .detail-header .left-block .app-from {
        font-size: 12px;
        color: #5E6D82
    }

    .fx-solution-center .detail-wrapper .detail-header .right-block {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-flow: row-reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 18px
    }

    .fx-solution-center .detail-wrapper .detail-header .right-block a {
        display: inline-block;
        width: 98px;
        height: 29px;
        font-size: 12px;
        border-radius: 3px;
        padding: 6px 0;
        text-align: center;
        outline: 0
    }

    .fx-solution-center .detail-wrapper .fx-back-btn,.fx-solution-center .detail-wrapper .fx-stretch-btn,.fx-solution-center .scenes-list,.fx-solution-center .template-list-mobile .template-section .template-content.on .template-list {
        display: none
    }

    .fx-solution-center .detail-wrapper .detail-header .right-block .btn-white {
        background: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #0DB3A6;
        border: 1px solid #0DB3A6;
        margin-left: 20px
    }

    .fx-solution-center .detail-wrapper .detail-header .right-block .btn-white:hover {
        background: #E6F7F6
    }

    .fx-solution-center .detail-wrapper .detail-header .right-block .btn-green {
        background: #0DB3A6;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff
    }

    .fx-solution-center .detail-wrapper .detail-header .right-block .btn-green:hover {
        background: #56cac1
    }

    .fx-solution-center .detail-wrapper .detail-body .detail-description {
        font-size: 14px;
        color: #5E6D82;
        margin: 24px 0 30px
    }

    .fx-solution-center .detail-wrapper .detail-body .detail-view {
        width: 100%;
        height: 600px;
        border: 1px solid #E9E9E9;
        border-radius: 8px;
        overflow: hidden
    }

    .fx-solution-center .detail-wrapper .detail-body .detail-view iframe {
        width: 100%;
        height: 100%
    }

    .fx-solution-center .search-block-m {
        height: 90px;
        margin: 0;
        background: url(../image/search_bg_m.png) center center no-repeat;
        background-size: cover;
        padding: 25px 0
    }

    .fx-solution-center .search-block-m .search-content {
        position: relative;
        width: 335px;
        height: 40px;
        border: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-flow: row-reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 6px;
        margin: 0 auto;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .fx-solution-center .search-block-m .search-content .input-prefix-m {
        width: 36px;
        height: 28px;
        padding: 6px 12px
    }

    .fx-solution-center .search-block-m .search-content .input-prefix-m i {
        font-size: 15px;
        color: #1F2D3D
    }

    .fx-solution-center .search-block-m .search-content .search-input-m {
        width: 100%;
        height: 100%
    }

    .fx-solution-center .search-block-m .search-content .search-input-m input {
        width: 100%;
        height: 100%;
        padding-left: 10px
    }

    .fx-solution-center .search-block-m .search-content .search-input-m input::-webkit-input-placeholder {
        color: #91A1B7;
        font-size: 14px
    }

    .fx-solution-center .solution-list-mobile {
        display: block;
        padding: 20px 20px 12px
    }

    .fx-solution-center .solution-list-mobile .solution-title {
        font-size: 18px;
        color: #1F2D3D;
        font-weight: 500;
        margin-bottom: 20px
    }

    .fx-solution-center .solution-list-mobile .solution-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .fx-solution-center .solution-list-mobile .solution-content .solution-item {
        width: 48%;
        height: 57px;
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        margin-left: 0;
        margin-bottom: 12px
    }

    .fx-solution-center .solution-list-mobile .solution-content .solution-item img {
        width: 37px;
        height: 37px;
        margin-left: 25px
    }

    .fx-solution-center .solution-list-mobile .solution-content .solution-item:nth-child(2n) {
        margin-left: 12px
    }

    .fx-solution-center .solution-list-mobile .solution-content .solution-item.crm {
        background: -webkit-gradient(to bottom,rgba(113,186,252,1) 0,rgba(40,115,243,1) 100%);
        background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(113,186,252,1)),to(rgba(40,115,243,1)));
        background: linear-gradient(to bottom,rgba(113,186,252,1) 0,rgba(40,115,243,1) 100%);
        color: #fff
    }

    .fx-solution-center .solution-list-mobile .solution-content .solution-item.inventory {
        color: #fff;
        background: -webkit-gradient(to bottom,rgba(130,232,158,1) 0,rgba(24,184,117,1) 100%);
        background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(130,232,158,1)),to(rgba(24,184,117,1)));
        background: linear-gradient(to bottom,rgba(130,232,158,1) 0,rgba(24,184,117,1) 100%)
    }

    .fx-solution-center .solution-list-mobile .solution-content .solution-item.supplier,.fx-solution-center .solution-list-mobile .solution-content .solution-item.train {
        background: -webkit-gradient(to bottom,rgba(130,232,158,.1) 0,rgba(24,184,117,.1) 100%);
        background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(130,232,158,.1)),to(rgba(24,184,117,.1)));
        background: linear-gradient(to bottom,rgba(130,232,158,.1) 0,rgba(24,184,117,.1) 100%)
    }

    .fx-solution-center .solution-list-mobile .solution-content .solution-item.equipment,.fx-solution-center .solution-list-mobile .solution-content .solution-item.estate,.fx-solution-center .solution-list-mobile .solution-content .solution-item.oa,.fx-solution-center .solution-list-mobile .solution-content .solution-item.retail {
        background: -webkit-gradient(to bottom,rgba(113,186,252,.1) 0,rgba(40,115,243,.1) 100%);
        background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(113,186,252,.1)),to(rgba(40,115,243,.1)));
        background: linear-gradient(to bottom,rgba(113,186,252,.1) 0,rgba(40,115,243,.1) 100%)
    }

    .fx-solution-center .solution-list-mobile .solution-content .solution-item.erp,.fx-solution-center .solution-list-mobile .solution-content .solution-item.hr {
        background: -webkit-gradient(to bottom,rgba(214,158,248,.1) 0,rgba(139,73,186,.1) 100%);
        background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(214,158,248,.1)),to(rgba(139,73,186,.1)));
        background: linear-gradient(to bottom,rgba(214,158,248,.1) 0,rgba(139,73,186,.1) 100%)
    }

    .fx-solution-center .solution-list-mobile .solution-content .solution-item.aftersale,.fx-solution-center .solution-list-mobile .solution-content .solution-item.hse,.fx-solution-center .solution-list-mobile .solution-content .solution-item.project {
        background: -webkit-gradient(to bottom,rgba(244,207,84,.1) 0,rgba(232,145,33,.1) 100%);
        background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(244,207,84,.1)),to(rgba(232,145,33,.1)));
        background: linear-gradient(to bottom,rgba(244,207,84,.1) 0,rgba(232,145,33,.1) 100%)
    }

    .fx-solution-center .solution-list-mobile .solution-content .solution-item.kpi,.fx-solution-center .solution-list-mobile .solution-content .solution-item.plague,.fx-solution-center .solution-list-mobile .solution-content .solution-item.quality {
        background: -webkit-gradient(to bottom,rgba(253,146,126,.1) 0,rgba(242,81,39,.1) 100%);
        background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(253,146,126,.1)),to(rgba(242,81,39,.1)));
        background: linear-gradient(to bottom,rgba(253,146,126,.1) 0,rgba(242,81,39,.1) 100%)
    }

    .fx-solution-center .solution-list-mobile .solution-content .solution-item.flowerp,.fx-solution-center .solution-list-mobile .solution-content .solution-item.order {
        background: -webkit-gradient(to bottom,rgba(112,211,233,.1) 0,rgba(47,140,188,.1) 100%);
        background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(112,211,233,.1)),to(rgba(47,140,188,.1)));
        background: linear-gradient(to bottom,rgba(112,211,233,.1) 0,rgba(47,140,188,.1) 100%)
    }

    .fx-solution-center .template-list-mobile {
        display: block;
        padding: 0 20px
    }

    .fx-solution-center .template-list-mobile .template-section .template-title {
        font-size: 18px;
        color: #1F2D3D;
        margin-bottom: 12px
    }

    .fx-solution-center .template-list-mobile .template-section .template-content .template-type {
        margin-bottom: 12px;
        color: #5E6D82
    }

    .fx-solution-center .template-list-mobile .template-section .template-content .template-type .icon-sanjiao {
        font-size: 15px
    }

    .fx-solution-center .template-list-mobile .template-section .template-content .template-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .fx-solution-center .template-list-mobile .template-section .template-content .template-list .template-item {
        width: 48%;
        height: 57px;
        background: #F4F9F7;
        margin-bottom: 12px;
        margin-right: 12px;
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

    .fx-solution-center .template-list-mobile .template-section .template-content .template-list .template-item:hover {
        background: #EBF5F1
    }

    .fx-solution-center .template-list-mobile .template-section .template-content .template-list .template-item:nth-child(2n) {
        margin-right: 0
    }

    .fx-solution-center .template-list-mobile .template-section .template-content .template-list .template-item .template-bg {
        width: 30px;
        height: 30px;
        text-align: center;
        border-radius: 7px;
        margin: 0 5px 0 20px
    }

    .fx-solution-center .template-list-mobile .template-section .template-content .template-list .template-item .template-bg img {
        width: 20px;
        height: 20px;
        margin: 5px 0
    }

    .fx-solution-center .template-list-mobile .template-section .template-content .template-list .template-item .item-title {
        width: 90px
    }

    .fx-solution-center .template-list-mobile .template-section .template-content .template-list .template-item .item-title .name {
        color: #1F2D3D;
        font-size: 13px;
        line-height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .fx-solution-center .template-list-mobile .template-section .template-content .template-list .template-item .item-title .from {
        font-size: 12px;
        color: #5E6D82;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .fx-solution-center .template-result-wrapper {
        display: block;
        padding: 0 20px;
        margin: 20px auto
    }

    .fx-solution-center .template-result-wrapper .result-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .fx-solution-center .template-result-wrapper .result-body .result-item {
        width: 48%;
        height: 57px;
        background: #F4F9F7;
        margin-bottom: 12px;
        margin-right: 12px;
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

    .fx-solution-center .template-result-wrapper .result-body .result-item:hover {
        background: #EBF5F1
    }

    .fx-solution-center .template-result-wrapper .result-body .result-item:nth-child(2n) {
        margin-right: 0
    }

    .fx-solution-center .template-result-wrapper .result-body .result-item .result-bg {
        width: 30px;
        height: 30px;
        text-align: center;
        border-radius: 7px;
        margin: 0 5px 0 20px
    }

    .fx-solution-center .template-result-wrapper .result-body .result-item .result-bg img {
        width: 20px;
        height: 20px;
        margin: 5px 0
    }

    .fx-solution-center .template-result-wrapper .result-body .result-item .item-title {
        width: 90px
    }

    .fx-solution-center .template-result-wrapper .result-body .result-item .item-title .name {
        color: #1F2D3D;
        font-size: 13px;
        line-height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .fx-solution-center .template-result-wrapper .result-body .result-item .item-title .from {
        font-size: 12px;
        color: #5E6D82;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .fx-solution-center .template-result-wrapper .search-bottom-tip {
        display: block;
        text-align: center;
        margin-top: 20px;
        font-size: 12px;
        color: #0DB3A6
    }
}

.fx-home-promote .index-gn .row .tab-box-mobile,.fx-home-promote .index-reason .reason-banner .banner-mobile {
    display: none
}

.fx-home-promote .bricks {
    padding: 0 69px
}

.fx-home-promote .bricks .title {
    font-size: 36px;
    line-height: 50px
}

.fx-home-promote .promote-header {
    position: relative
}

.fx-home-promote .index-banner .txt #registerTop1 {
    font-size: 20px
}

.fx-home-promote .index-gn {
    background: -webkit-gradient(to bottom,rrgba(244,246,249,1) 0,rgba(28,32,54,0) 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rrgba(244,246,249,1)),to(rgba(28,32,54,0)));
    background: linear-gradient(to bottom,rrgba(244,246,249,1) 0,rgba(28,32,54,0) 100%)
}

.fx-home-promote .index-gn .row .title {
    font-size: 36px;
    line-height: 50px
}

.fx-home-promote .index-gn .row .tab-box {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

.fx-home-promote .index-gn .row .tab-box .gallery-thumbs {
    width: 240px;
    height: 350px;
    margin-top: 30px
}

.fx-home-promote .index-gn .row .tab-box .tab-title li {
    margin-bottom: 0
}

.fx-home-promote .index-gn .row .tab-box .tab-title li h3 {
    line-height: 50px;
    padding-left: 0
}

.fx-home-promote .index-gn .row .tab-box .tab-title li.swiper-slide-thumb-active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.fx-home-promote .index-gn .row .tab-box .tab-title li.swiper-slide-thumb-active h3,.fx-home-promote .index-gn .row .tab-box .tab-title li.swiper-slide-thumb-active h3 i {
    color: #0db3a6
}

.fx-home-promote .index-gn .row .tab-box .tab-content li>img {
    height: 360px
}

.fx-home-promote .index-gn .row .tab-box .gallery-top {
    height: 485px
}

.fx-home-promote .index-gn .row .register-btn {
    margin-top: 15px
}

.fx-home-promote .crm-index-reason .crm-register-btn,.fx-home-promote .index-function li .bricks .txt-box .register-btn {
    margin-top: 32px
}

.fx-home-promote .index-reason .bricks .bricks-sub-title {
    font-size: 36px;
    margin-bottom: 10px
}

.fx-home-promote .index-reason .bricks .bricks-description {
    font-size: 16px;
    letter-spacing: .2px
}

.fx-home-promote .index-reason .reason-banner {
    padding: 24px 70px 0;
    text-align: center
}

.fx-home-promote .index-function {
    background: #fff;
    padding-bottom: 30px
}

.fx-home-promote .index-function li {
    padding-top: 80px
}

.fx-home-promote .index-function li .bricks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fx-home-promote .index-function li .bricks .txt-box img,.fx-home-promote .index-xl .tab-box .tab-content2 li .txt-box img,.fx-home-promote .index-xl .xl-wrapper-mobile {
    display: none
}

.fx-home-promote .index-function li .bricks .img-box {
    width: 53%
}

.fx-home-promote .index-function li .bricks .txt-box {
    width: 47%;
    text-align: left;
    padding-left: 40px
}

.fx-home-promote .index-function li .bricks .txt-box h2 {
    font-size: 28px;
    color: #1f2d3d;
    margin-bottom: 15px
}

.fx-home-promote .index-function li .bricks .txt-box p {
    font-size: 16px;
    color: #5e6d82;
    margin-bottom: 28px;
    line-height: 26px
}

.fx-home-promote .index-function li:nth-of-type(even) .img-box {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.fx-home-promote .index-function li:nth-of-type(even) .txt-box {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 0;
    padding-right: 40px
}

.fx-home-promote .index-xl {
    padding-bottom: 80px
}

.fx-home-promote .index-xl .tab-box .tab-title2 {
    margin-bottom: 40px
}

.fx-home-promote .index-xl .tab-box .tab-title2 li {
    height: 40px;
    padding: 10px 0;
    width: 160px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .2px
}

.fx-home-promote .index-xl .tab-box .swxlbox {
    height: 495px
}

.fx-home-promote .index-xl .tab-box .tab-content2 li {
    height: 495px;
    background: url(../image/promote_bg.png) no-repeat;
    background-size: cover;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-home-promote .index-xl .tab-box .tab-content2 li .img-box {
    width: 55%
}

.fx-home-promote .index-xl .tab-box .tab-content2 li .txt-box {
    width: 45%;
    padding: 0 40px
}

.fx-home-promote .index-xl .tab-box .tab-content2 li .txt-box h3 {
    color: #fff
}

.fx-home-promote .index-xl .tab-box .tab-content2 li .txt-box p {
    color: #fff;
    margin-bottom: 45px
}

.fx-home-promote .index-xl .tab-box .tab-content2 li .txt-box .register-btn {
    background: #FF971E;
    font-size: 20px;
    color: #fff;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.fx-home-promote .index-xl .tab-box .tab-content2 li.w1 {
    width: 100%
}

.fx-home-promote .index-xl .tab-box .tab-content2 li.on {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.fx-home-promote .index-xl .tab-box .pagxl {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    bottom: -25px
}

.fx-home-promote .index-xl .tab-box .pagxl .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    background: #e7e7e7;
    border-radius: 1px;
    opacity: 1;
    margin: 0 3px
}

.fx-home-promote .index-xl .tab-box .pagxl .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0db3a6
}

.fx-home-promote .index-bottom-banner .bricks {
    padding: 0 72px;
    height: 240px
}

.fx-home-promote .index-bottom-banner .bricks .bottom-container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: url(../image/data_banner_bottom.png) center center no-repeat;
    background-size: cover;
    border-radius: 5px
}

.fx-home-promote .index-bottom-banner .bricks .left-box {
    color: #fff;
    text-align: center;
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 38px
}

.fx-home-promote .index-bottom-banner .bricks .right-box form {
    width: 400px;
    height: 48px;
    background: #FFF;
    -webkit-box-shadow: 0 1px 9px 0 #21b8ac;
    box-shadow: 0 1px 9px 0 #21b8ac;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.fx-home-promote .index-bottom-banner .bricks .right-box form input[type=text] {
    width: 344px;
    font-size: 14px;
    padding-left: 65px;
    height: 67px;
    font-weight: 400;
    color: #1F2D3D;
    background-image: url(../image/2020jdy-iphone.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 25px center
}

.fx-home-promote .index-bottom-banner .bricks .right-box form input[type=text]::-webkit-input-placeholder {
    color: #8E98A7
}

.fx-home-promote .index-bottom-banner .bricks .right-box form input[type=button] {
    width: 176px;
    height: 48px;
    background: #FF971E;
    font-size: 20px;
    color: #fff;
    cursor: pointer
}

.fx-home-promote .index-bottom-banner .bricks .usable-tip-mobile {
    display: none
}

.fx-home-promote .address {
    padding: 24px 0 5px;
    color: #0D112D;
    font-size: 16px;
    text-align: center
}

.fx-home-promote .address-mobile {
    display: none;
    color: #0D112D;
    text-align: center
}

.fx-home-promote .fixed-block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 72px;
    z-index: 2;
    background: -webkit-gradient(to bottom,rgba(13,179,166,1) 0,rgba(64,195,185,1) 64%,rgba(128,209,202,1) 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(13,179,166,1)),color-stop(64%, rgba(64,195,185,1)),to(rgba(128,209,202,1)));
    background: linear-gradient(to bottom,rgba(13,179,166,1) 0,rgba(64,195,185,1) 64%,rgba(128,209,202,1) 100%);
    padding: 0 36px
}

.fx-home-promote .fixed-block .register-btn {
    padding: 7px 0;
    background: #FF971E
}

.fx-home-promote .fixed-block .description {
    font-size: 24px;
    color: #fff;
    margin-right: 43px
}

.fx-home-promote .fixed-block .color-yellow {
    color: #F7DE76
}

.fx-home-promote .fixed-block-copy {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.fx-home-promote .register-btn {
    display: inline-block;
    width: 160px;
    font-size: 20px;
    color: #fff;
    background: #0DB3A6;
    text-align: center;
    padding: 15px 0;
    border-radius: 5px
}

.fx-home-promote .register-btn:hover {
    background: #56cac1
}

.fx-home-promote .crm-register-btn {
    border-radius: 29px;
    padding: 10px 0
}

.fx-home-promote .crm-index-banner {
    padding: 50px
}

.fx-home-promote .crm-index-banner .row {
    padding-left: 70px
}

.fx-home-promote .crm-index-banner .txt #registerTop1 {
    border-radius: 24px
}

.fx-home-promote .crm-index-banner .txt h3 {
    margin-bottom: 19px
}

.fx-home-promote .crm-index-banner .txt .crm-title {
    font-size: 18px;
    line-height: 28px;
    color: #283A4C;
    margin-bottom: 37px
}

.fx-home-promote .crm-index-banner .txt form {
    border-radius: 24px;
    overflow: hidden
}

.fx-home-promote .crm-index-reason {
    padding-top: 80px
}

.fx-home-promote .crm-index-reason .bricks-sub-title-m {
    display: none
}

.fx-home-promote .crm-index-function li .item-description {
    color: #5E6D82;
    font-size: 16px;
    line-height: 32px
}

.fx-home-promote .crm-index-function li .item-description .des-pic {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    border: 3px solid #0DB3A6
}

.fx-home-promote .crm-index-demand {
    margin: 40px 0 80px;
    padding-top: 60px;
    width: 100%;
    height: 692px;
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #80D1CA),color-stop(64%, #0EB3A6),to(#0DB3A6));
    background: linear-gradient(to bottom,#80D1CA 0,#0EB3A6 64%,#0DB3A6 100%)
}

.fx-home-promote .crm-index-demand .demand-wrapper .demand-title {
    font-size: 36px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 32px;
    text-align: center
}

.fx-home-promote .crm-index-demand .demand-wrapper .tab-box {
    height: 480px;
    padding-top: 60px;
    background: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-home-promote .crm-index-demand .demand-wrapper .tab-box .tab-menu-list {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 200px;
    height: 370px;
    border-right: 1px solid #E6F7F6;
    color: #5E6D82;
    font-size: 16px
}

.fx-home-promote .crm-index-demand .demand-wrapper .tab-box .tab-menu-list li {
    width: 100%;
    border-radius: 0;
    height: 44px;
    line-height: 44px;
    text-align: right;
    padding-right: 28px;
    opacity: 1;
    background: #fff
}

.fx-home-promote .crm-index-demand .demand-wrapper .tab-box .tab-menu-list li:hover {
    color: #0DB3A6
}

.fx-home-promote .crm-index-demand .demand-wrapper .tab-box .tab-menu-list li.swiper-pagination-bullet-active {
    background: #E6F7F6;
    color: #0DB3A6;
    position: relative
}

.fx-home-promote .crm-index-demand .demand-wrapper .tab-box .tab-menu-list li.swiper-pagination-bullet-active:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 44px;
    width: 3px;
    background: #0DB3A6
}

.fx-home-promote .crm-index-demand .demand-wrapper .tab-box .tab-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-home-promote .crm-index-demand .demand-wrapper .tab-box .tab-item .txt-box {
    padding: 0 20px 0 35px
}

.fx-home-promote .crm-index-demand .demand-wrapper .tab-box .tab-item .txt-box h3 {
    color: #2E2E2E;
    font-size: 24px
}

.fx-home-promote .crm-index-demand .demand-wrapper .tab-box .tab-item .txt-box p {
    height: 200px;
    width: 250px;
    font-size: 16px;
    line-height: 28px;
    color: #1F2D3D;
    margin: 28px 0 22px
}

.fx-home-promote .crm-index-demand .demand-wrapper .tab-box .tab-item .img-box {
    margin-right: 27px
}

.fx-home-promote .crm-index-demand .demand-wrapper .tab-box-m,.fx-home-promote .crm-index-demand-mobile {
    display: none
}

.fx-home-promote .crm-bottom-banner .bricks .right-box form {
    border-radius: 24px;
    overflow: hidden
}

.fx-home-promote .crm-bottom-banner .bricks .right-box form #registerBottom1 {
    border-radius: 24px
}

.fx-home-promote .crm-fixed-block .register-btn {
    border-radius: 21px
}

@media (max-width: 1200px) {
    .fx-home-promote .index-gn {
        height:auto;
        padding-top: 32px;
        padding-bottom: 40px
    }

    .fx-home-promote .index-gn .row {
        width: 100%;
        padding: 0
    }

    .fx-home-promote .index-gn .row .title {
        margin-bottom: 0;
        line-height: 20px;
        font-size: 18px
    }

    .fx-home-promote .index-gn .row .tab-box-mobile {
        padding: 0 20px;
        display: block
    }

    .fx-home-promote .index-gn .row .tab-box-mobile .promote-function {
        width: 100%;
        height: auto
    }

    .fx-home-promote .index-gn .row .tab-box-mobile .promote-function .tab-title li {
        margin-bottom: 0;
        padding: 20px 0
    }

    .fx-home-promote .index-gn .row .tab-box-mobile .promote-function .tab-title li h3 {
        font-size: 15px;
        color: #3d464d;
        line-height: 20px;
        margin-bottom: 12px;
        text-align: center
    }

    .fx-home-promote .index-gn .row .tab-box-mobile .promote-function .tab-title li p {
        text-align: center;
        font-size: 12px;
        color: #5e6d82;
        margin-bottom: 20px
    }

    .fx-home-promote .index-gn .row .tab-box-mobile .promote-function .tab-title li img {
        display: block
    }

    .fx-home-promote .index-gn .row .tab-box-mobile .promote-function .tab-title li a {
        display: block;
        text-align: center;
        color: #0db3a6;
        font-size: 14px
    }

    .fx-home-promote .index-gn .row .tab-box,.fx-home-promote .index-reason .reason-banner .banner {
        display: none
    }

    .fx-home-promote .index-gn .row .tab-box-mobile .promote-function .tab-title li.on {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .fx-home-promote .index-gn .row .tab-box-mobile .promote-function .register-tip {
        text-align: center
    }

    .fx-home-promote .index-gn .row .register-btn {
        margin-top: 0
    }

    .fx-home-promote .index-reason .bricks .bricks-sub-title {
        font-size: 17px;
        margin-bottom: 8px
    }

    .fx-home-promote .index-reason .bricks .bricks-description {
        font-size: 12px;
        line-height: 16px
    }

    .fx-home-promote .index-reason .reason-banner {
        padding: 0 11px
    }

    .fx-home-promote .index-reason .reason-banner .banner-mobile {
        display: block
    }

    .fx-home-promote .index-function {
        padding-bottom: 40px
    }

    .fx-home-promote .index-function li {
        padding-top: 40px
    }

    .fx-home-promote .index-function li .bricks {
        display: block;
        padding: 0 20px
    }

    .fx-home-promote .index-function li .bricks .img-box {
        display: none
    }

    .fx-home-promote .index-function li .bricks .txt-box {
        width: 100%;
        text-align: center;
        padding-left: 0
    }

    .fx-home-promote .index-function li .bricks .txt-box img {
        display: block
    }

    .fx-home-promote .index-function li .bricks .txt-box h2 {
        font-size: 17px;
        margin-bottom: 10px
    }

    .fx-home-promote .index-function li .bricks .txt-box p {
        font-size: 12px;
        margin-bottom: 20px
    }

    .fx-home-promote .index-function li .bricks .txt-box .register-btn {
        margin-top: 16px
    }

    .fx-home-promote .index-function li:nth-of-type(even) .txt-box {
        padding-right: 0
    }

    .fx-home-promote .index-xl {
        padding-bottom: 80px
    }

    .fx-home-promote .index-xl .tab-box .tab-title2 {
        margin-bottom: 40px
    }

    .fx-home-promote .index-xl .tab-box .tab-title2 li {
        height: 40px;
        padding: 10px 0;
        width: 160px;
        margin-left: 20px;
        margin-right: 20px;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .2px
    }

    .fx-home-promote .index-xl .tab-box .swxlbox {
        height: 495px
    }

    .fx-home-promote .index-xl .tab-box .tab-content2 li {
        height: 495px;
        background: url(../image/promote_bg.png) no-repeat;
        background-size: cover;
        overflow: hidden;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fx-home-promote .index-xl .tab-box .tab-content2 li .img-box {
        width: 55%
    }

    .fx-home-promote .index-xl .tab-box .tab-content2 li .txt-box {
        width: 45%;
        padding: 0 40px
    }

    .fx-home-promote .index-xl .tab-box .tab-content2 li .txt-box h3 {
        color: #fff
    }

    .fx-home-promote .index-xl .tab-box .tab-content2 li .txt-box p {
        color: #fff;
        margin-bottom: 45px
    }

    .fx-home-promote .index-xl .tab-box .tab-content2 li .txt-box .register-btn {
        background: #FF971E;
        font-size: 20px;
        color: #fff;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .fx-home-promote .index-xl .tab-box .tab-content2 li.w1 {
        width: 100%
    }

    .fx-home-promote .index-xl .tab-box .tab-content2 li.on {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .fx-home-promote .index-xl .tab-box .pagxl {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        bottom: -25px
    }

    .fx-home-promote .index-xl .tab-box .pagxl .swiper-pagination-bullet {
        width: 20px;
        height: 4px;
        background: #e7e7e7;
        border-radius: 1px;
        opacity: 1;
        margin: 0 3px
    }

    .fx-home-promote .index-xl .tab-box .pagxl .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #0db3a6
    }

    .fx-home-promote .register-btn {
        width: 96px;
        font-size: 14px;
        padding: 5px 0;
        margin-top: 16px;
        border-radius: 15px
    }

    .fx-home-promote .crm-index-function li .item-description {
        font-size: 12px;
        line-height: 26px;
        text-align: left
    }

    .fx-home-promote .crm-index-function li .item-description:first-child {
        margin-top: 15px
    }

    .fx-home-promote .crm-index-function li .item-description .des-pic {
        width: 8px;
        height: 8px;
        margin-right: 7px;
        border: 2px solid #0DB3A6
    }
}

@media (max-width: 800px) {
    .fx-home-promote .crm-index-demand {
        display:none
    }

    .fx-home-promote .crm-index-demand-mobile {
        position: relative;
        display: block;
        width: 100%
    }

    .fx-home-promote .crm-index-demand-mobile img {
        width: 100%
    }

    .fx-home-promote .crm-index-demand-mobile .crm-register-btn {
        background: #FF971E;
        position: absolute;
        bottom: 30px;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }
}

@media (max-width: 450px) {
    .fx-home-promote .address,.fx-home-promote .index-xl .xl-wrapper {
        display:none
    }

    .fx-home-promote .bricks {
        padding: 0 10px
    }

    .fx-home-promote .bricks .title {
        font-size: 17px;
        line-height: 20px
    }

    .fx-home-promote .index-banner .txt h2 {
        font-size: 22px
    }

    .fx-home-promote .index-banner .txt h3 {
        font-size: 16px;
        line-height: 22px
    }

    .fx-home-promote .index-banner .txt #phoneTop1,.fx-home-promote .index-banner .txt #registerTop1 {
        font-size: 14px
    }

    .fx-home-promote .index-xl {
        padding-bottom: 25px;
        padding-top: 25px;
        background: -webkit-gradient(to bottom,#7FD1CA 0,#3FC0B6 64%,#0DB3A6 97%);
        background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #7FD1CA),color-stop(64%, #3FC0B6),color-stop(97%, #0DB3A6));
        background: linear-gradient(to bottom,#7FD1CA 0,#3FC0B6 64%,#0DB3A6 97%)
    }

    .fx-home-promote .index-xl .xl-wrapper-mobile {
        display: block;
        text-align: center;
        color: #fff
    }

    .fx-home-promote .index-xl .xl-wrapper-mobile .xl-title {
        font-size: 17px
    }

    .fx-home-promote .index-xl .xl-wrapper-mobile .tab-box-m .txt-box h3 {
        font-size: 15px;
        margin: 40px 0 14px
    }

    .fx-home-promote .index-xl .xl-wrapper-mobile .tab-box-m .txt-box p {
        font-size: 12px;
        margin-bottom: 20px
    }

    .fx-home-promote .index-bottom-banner .bricks {
        padding: 15px 0;
        height: 130px;
        background: url(../image/data_banner_bottom.png) center center no-repeat;
        background-size: cover
    }

    .fx-home-promote .index-bottom-banner .bricks .left-box {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 16px
    }

    .fx-home-promote .index-bottom-banner .bricks .right-box form {
        width: 260px;
        height: 33px;
        border-radius: 2px
    }

    .fx-home-promote .index-bottom-banner .bricks .right-box form input[type=text] {
        width: 172px;
        font-size: 12px;
        padding-left: 32px;
        height: 33px;
        background: url(../image/2020jdy-iphone.png) 9px center no-repeat;
        background-size: 12px
    }

    .fx-home-promote .index-bottom-banner .bricks .right-box form input[type=button] {
        width: 88px;
        height: 33px;
        font-size: 12px
    }

    .fx-home-promote .address-mobile {
        padding: 20px 0;
        display: block;
        font-size: 12px
    }

    .fx-home-promote .fixed-block {
        height: 50px;
        background: -webkit-gradient(to bottom,rgba(128,209,202,1) 0,rgba(64,195,185,1) 64%,rgba(13,179,166,1) 100%);
        background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(128,209,202,1)),color-stop(64%, rgba(64,195,185,1)),to(rgba(13,179,166,1)));
        background: linear-gradient(to bottom,rgba(128,209,202,1) 0,rgba(64,195,185,1) 64%,rgba(13,179,166,1) 100%);
        padding: 0 20px
    }

    .fx-home-promote .fixed-block .register-btn {
        padding: 0 35px;
        width: 210px;
        height: 40px;
        border-radius: 20px;
        line-height: 40px;
        margin: 0
    }

    .fx-home-promote .fixed-block .description {
        font-size: 12px;
        margin-right: 30px
    }

    .fx-home-promote .fixed-block-copy {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0
    }

    .fx-home-promote .crm-register-btn {
        border-radius: 15px;
        padding: 5px 0
    }

    .fx-home-promote .crm-index-banner {
        padding: 25px
    }

    .fx-home-promote .crm-index-banner .row {
        padding-left: 0
    }

    .fx-home-promote .crm-index-banner .txt #registerTop1 {
        border-radius: 24px
    }

    .fx-home-promote .crm-index-banner .txt h3 {
        margin-bottom: 19px
    }

    .fx-home-promote .crm-index-banner .txt .crm-title {
        font-size: 18px;
        line-height: 28px;
        color: #283A4C;
        margin-bottom: 37px
    }

    .fx-home-promote .crm-index-banner .txt form {
        border-radius: 24px;
        overflow: hidden
    }

    .fx-home-promote .crm-index-reason {
        padding-top: 35px
    }

    .fx-home-promote .crm-index-reason .bricks-sub-title {
        display: none
    }

    .fx-home-promote .crm-index-reason .bricks-sub-title-m {
        text-align: center;
        font-weight: 500;
        color: #1F2D3D;
        font-size: 20px;
        line-height: 29px;
        display: block;
        margin-bottom: 20px
    }

    .fx-home-promote .crm-index-reason .bricks-sub-title-m.reason-title2 {
        margin-bottom: 10px
    }

    .fx-home-promote .crm-index-reason .bricks-description {
        margin-bottom: 20px
    }

    .fx-home-promote .crm-index-reason .crm-register-btn {
        margin-top: 12px
    }

    .fx-home-promote .crm-bottom-banner .bricks {
        padding: 0;
        background: 0 0
    }

    .fx-home-promote .crm-bottom-banner .bricks .right-box form {
        border-radius: 24px;
        overflow: hidden
    }

    .fx-home-promote .crm-bottom-banner .bricks .right-box form #registerBottom1 {
        border-radius: 24px
    }

    .fx-home-promote .crm-bottom-banner .bricks .bottom-container {
        border-radius: 0
    }

    .fx-home-promote .crm-fixed-block .register-btn {
        border-radius: 21px
    }
}

.fx-oa-promote .bricks .title {
    margin-top: 73px;
    margin-bottom: 8px
}

.fx-oa-promote .bricks .bricks-description {
    font-size: 16px;
    line-height: 22px
}

.fx-oa-promote .bricks .arrow-slider {
    text-align: center
}

.fx-oa-promote .bricks .arrow-slider .arrow-item {
    display: inline-block;
    margin: 0 20px
}

.fx-oa-promote .bricks .arrow-slider .arrow-item>i {
    font-size: 15px;
    color: #767F91
}

.fx-oa-promote .bricks .arrow-slider .arrow-item>i:hover {
    color: #0DB3A6
}

.fx-oa-promote .oa-index-banner {
    padding-top: 54px
}

.fx-oa-promote .oa-index-banner .txt h3 {
    font-size: 40px;
    margin-bottom: 22px;
    color: #283A4C;
    font-weight: 500
}

.fx-oa-promote .oa-index-banner .txt h3 span {
    font-weight: 500
}

.fx-oa-promote .oa-index-banner .txt .banner-title {
    font-size: 18px;
    color: #283A4C;
    line-height: 28px;
    margin-bottom: 43px
}

.fx-oa-promote .oa-register-btn .register-btn {
    width: 303px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    border-radius: 24px
}

.fx-oa-promote .oa-promote-function {
    padding-top: 100px
}

.fx-oa-promote .oa-promote-function .bricks {
    padding: 0 69px 0 50px
}

.fx-oa-promote .oa-promote-function .bricks .tab-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fx-oa-promote .oa-promote-function .bricks .tab-box .gallery-thumbs {
    width: 95px;
    height: 280px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 50px 0 80px
}

.fx-oa-promote .oa-promote-function .bricks .tab-box .tab-title li {
    height: 30px;
    background: #fff;
    color: #5E6D82;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.fx-oa-promote .oa-promote-function .bricks .tab-box .tab-title li.swiper-slide-thumb-active {
    background: -webkit-gradient(to bottom,#1EDAD2 0,#0DB3A6 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #1EDAD2),to(#0DB3A6));
    background: linear-gradient(to bottom,#1EDAD2 0,#0DB3A6 100%);
    color: #fff;
    border-radius: 20px
}

.fx-oa-promote .oa-promote-function .bricks .tab-box .gallery-top {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    text-align: center;
    overflow: hidden;
    height: 585px
}

.fx-oa-promote .oa-promote-function .bricks .tab-box .tab-content li {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(../image/oa_case_bg.png) 3% 0 no-repeat;
    background-size: 60%
}

.fx-oa-promote .oa-promote-function .bricks .tab-box .tab-content li .ya {
    display: block;
    position: absolute;
    width: 230px;
    right: -110px;
    top: -40px;
    z-index: 2;
    -webkit-animation: jump 3s infinite;
    animation: jump 3s infinite
}

.fx-oa-promote .oa-promote-function .bricks .tab-box .tab-content li .slide-img {
    position: relative;
    width: 555px;
    height: 100%
}

.fx-oa-promote .oa-promote-function .bricks .tab-box .tab-content li .slide-img img {
    width: 100%;
    margin-top: 5%
}

.fx-oa-promote .oa-promote-function .bricks .tab-box .tab-content li .description-block {
    color: #5E6D82;
    text-align: left;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.fx-oa-promote .oa-promote-function .bricks .tab-box .tab-content li .description-block h3 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500
}

.fx-oa-promote .oa-promote-function .bricks .tab-box .tab-content li .description-block .content {
    font-size: 14px;
    line-height: 32px
}

.fx-oa-promote .oa-promote-difference .bricks .title {
    margin-top: 50px
}

.fx-oa-promote .oa-promote-difference .bricks .arrow-slider {
    text-align: center
}

.fx-oa-promote .oa-promote-difference .bricks .arrow-slider .arrow-item {
    display: inline-block;
    margin: 0 20px
}

.fx-oa-promote .oa-promote-difference .bricks .arrow-slider .arrow-item>i {
    font-size: 15px;
    color: #767F91
}

.fx-oa-promote .oa-promote-difference .bricks .arrow-slider .arrow-item>i:hover {
    color: #0DB3A6
}

.fx-oa-promote .oa-promote-difference .shadow1 {
    margin-top: 60px;
    background: #f8f8f8
}

.fx-oa-promote .oa-promote-difference .compared-bricks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content {
    width: 842px;
    height: 453px
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg {
    padding-top: 30px
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg .name {
    font-size: 21px;
    font-weight: 500;
    line-height: 26px;
    color: #1F2D3D
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg .features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg .features .item {
    margin: 6px 0 12px
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg .features .item .item-icon {
    width: 14px
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg .features .item .item-info {
    font-size: 14px;
    line-height: 26px;
    color: #5E6D82;
    margin-left: 6px;
    vertical-align: middle
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg .features .item:nth-child(1) {
    -webkit-box-flex: 1.3;
    -webkit-flex: 1.3;
    -ms-flex: 1.3;
    flex: 1.3
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg .features .item:nth-child(2) {
    -webkit-box-flex: 1.7;
    -webkit-flex: 1.7;
    -ms-flex: 1.7;
    flex: 1.7
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-features {
    padding: 0 17px;
    background: #fff;
    width: 100%;
    line-height: 47px
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .green-title {
    color: #0DB3A6;
    font-size: 14px;
    display: inline-block;
    margin-right: 50px
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function {
    background: #fff;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function .item-block {
    width: 50%;
    height: 98px;
    position: relative;
    padding-top: 22px;
    padding-left: 20px
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function .item-block .item-title {
    font-size: 16px;
    color: #1F2D3D;
    font-weight: 500;
    margin-bottom: 14px
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function .item-block .green-title {
    margin-right: 30px
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function .item-block:nth-child(1):before,.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function .item-block:nth-child(2):before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: #F8F8F8
}

.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function .item-block:nth-child(1):after,.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function .item-block:nth-child(3):after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: #F8F8F8
}

.fx-oa-promote .oa-promote-difference .compared-bricks .video-content {
    width: 298px;
    background: url(../image/oa_video.png) center center no-repeat;
    background-size: cover
}

.fx-oa-promote .oa-promote-difference .compared-bricks .video-content .video-btn {
    display: inline-block;
    height: 380px;
    width: 100%
}

.fx-oa-promote .oa-promote-difference .compared-bricks .video-content .register-btn {
    height: 48px;
    line-height: 48px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    width: 100%;
    background: -webkit-gradient(to bottom,#1EDAD2 0,#0DB3A6 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #1EDAD2),to(#0DB3A6));
    background: linear-gradient(to bottom,#1EDAD2 0,#0DB3A6 100%)
}

.fx-oa-promote .oa-promote-module {
    padding-bottom: 95px
}

.fx-oa-promote .oa-promote-module .module-title {
    margin-top: 90px
}

.fx-oa-promote .oa-promote-module .module-list {
    padding-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-oa-promote .oa-promote-module .module-list .list-item {
    width: 370px;
    height: 269px;
    border-radius: 1px;
    border: 1px solid #D2D2D2;
    background: rgba(255,255,255,.92);
    -webkit-box-shadow: 0 2px 4px 0 #ccc;
    box-shadow: 0 2px 4px 0 #ccc;
    margin-bottom: 26px;
    position: relative
}

.fx-oa-promote .oa-promote-module .module-list .list-item .item-wrapper {
    padding: 27px 28px 0
}

.fx-oa-promote .oa-promote-module .module-list .list-item .item-wrapper .item-title {
    font-size: 21px;
    font-weight: 500;
    line-height: 32px;
    color: #1F2D3D
}

.fx-oa-promote .oa-promote-module .module-list .list-item .item-wrapper .item-description,.fx-oa-promote .oa-promote-module .module-list .list-item .item-wrapper .item-info {
    font-size: 15px;
    color: #5E6D82;
    line-height: 30px;
    margin: 12px 0
}

.fx-oa-promote .oa-promote-module .module-list .list-item .item-wrapper .item-info {
    font-weight: 500;
    line-height: 32px;
    margin: 0
}

.fx-oa-promote .oa-promote-module .module-list .list-item .item-wrapper .item-info p>i {
    color: #0DB3A6
}

.fx-oa-promote .oa-promote-module .module-list .list-item .item-wrapper .item-info p>span {
    margin-left: 10px
}

.fx-oa-promote .oa-promote-module .module-list .list-item .register-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    background: linear-gradient(179deg,#1EDAD2 0,#0DB3A6 100%);
    border-radius: 1px;
    padding: 0
}

@media (max-width: 1200px) {
    .fx-oa-promote .oa-promote-function {
        padding-top:50px
    }

    .fx-oa-promote .oa-promote-function .bricks {
        padding: 0 40px
    }

    .fx-oa-promote .oa-promote-function .bricks .tab-box .gallery-thumbs {
        margin: 0 30px
    }

    .fx-oa-promote .oa-promote-function .bricks .tab-box .gallery-top {
        height: auto
    }

    .fx-oa-promote .oa-promote-function .bricks .tab-box .tab-content li .ya {
        width: 40%;
        right: -10%;
        top: -40px
    }

    .fx-oa-promote .oa-promote-function .bricks .tab-box .tab-content li .slide-img {
        width: 60%
    }

    .fx-oa-promote .oa-promote-function .bricks .tab-box .tab-content li .slide-img img {
        width: 100%
    }

    .fx-oa-promote .oa-promote-function .bricks .tab-box .tab-content li .description-block {
        width: 40%
    }

    .fx-oa-promote .oa-promote-function .bricks .tab-box .tab-content li .description-block h3 {
        font-size: 14px
    }

    .fx-oa-promote .oa-promote-function .bricks .tab-box .tab-content li .description-block .content {
        font-size: 12px;
        line-height: 24px
    }

    .fx-oa-promote .oa-promote-difference .bricks .title {
        margin-top: 50px
    }

    .fx-oa-promote .oa-promote-difference .bricks .arrow-slider {
        text-align: center
    }

    .fx-oa-promote .oa-promote-difference .bricks .arrow-slider .arrow-item {
        display: inline-block;
        margin: 0 20px
    }

    .fx-oa-promote .oa-promote-difference .bricks .arrow-slider .arrow-item>i {
        font-size: 15px;
        color: #767F91
    }

    .fx-oa-promote .oa-promote-difference .bricks .arrow-slider .arrow-item>i:hover {
        color: #0DB3A6
    }

    .fx-oa-promote .oa-promote-difference .shadow1 {
        margin-top: 60px;
        background: #f8f8f8
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content {
        width: 842px;
        padding-bottom: 20px
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg {
        padding-top: 30px
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg .name {
        font-size: 21px;
        font-weight: 500;
        line-height: 26px;
        color: #1F2D3D
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg .features {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg .features .item {
        margin: 6px 0 12px
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg .features .item .item-icon {
        width: 14px
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg .features .item .item-info {
        font-size: 14px;
        line-height: 26px;
        color: #5E6D82;
        margin-left: 6px;
        vertical-align: middle
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg .features .item:nth-child(1) {
        -webkit-box-flex: 1.3;
        -webkit-flex: 1.3;
        -ms-flex: 1.3;
        flex: 1.3
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .items-msg .features .item:nth-child(2) {
        -webkit-box-flex: 1.7;
        -webkit-flex: 1.7;
        -ms-flex: 1.7;
        flex: 1.7
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-features {
        padding: 0 17px;
        background: #fff;
        width: 100%;
        line-height: 47px
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .green-title {
        color: #0DB3A6;
        font-size: 14px;
        display: inline-block;
        margin-right: 50px
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function {
        background: #fff;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function .item-block {
        width: 50%;
        height: 98px;
        position: relative;
        padding-top: 22px;
        padding-left: 20px
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function .item-block .item-title {
        font-size: 16px;
        color: #1F2D3D;
        font-weight: 500;
        margin-bottom: 14px
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function .item-block .green-title {
        margin-right: 30px
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function .item-block:nth-child(1):before,.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function .item-block:nth-child(2):before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        background: #F8F8F8
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function .item-block:nth-child(1):after,.fx-oa-promote .oa-promote-difference .compared-bricks .difference-content .item-function .item-block:nth-child(3):after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 1px;
        background: #F8F8F8
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .video-content {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        background: url(../image/oa_video.png) center center no-repeat;
        background-size: cover
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .video-content .video-btn {
        display: inline-block;
        height: 380px;
        width: 100%
    }

    .fx-oa-promote .oa-promote-difference .compared-bricks .video-content .register-btn {
        height: 48px;
        line-height: 48px;
        margin: 0;
        padding: 0;
        border-radius: 0;
        width: 100%;
        background: -webkit-gradient(to bottom,#1EDAD2 0,#0DB3A6 100%);
        background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #1EDAD2),to(#0DB3A6));
        background: linear-gradient(to bottom,#1EDAD2 0,#0DB3A6 100%)
    }

    .fx-oa-promote .oa-promote-module {
        padding-bottom: 50px
    }

    .fx-oa-promote .oa-promote-module .module-title {
        margin-top: 50px
    }

    .fx-oa-promote .oa-promote-module .module-list {
        padding-top: 30px
    }

    .fx-oa-promote .oa-promote-module .module-list .list-item {
        width: 48%;
        margin-bottom: 16px
    }

    .fx-oa-promote .oa-promote-module .module-list .list-item .item-wrapper {
        padding: 17px 18px 0
    }
}

.weixin-get-img {
    margin: 0 auto;
    width: 300px;
    height: 300px;
    display: none
}

.weixin-get-img img {
    width: 100%
}

.fx-leader-contest {
    margin: auto;
    min-width: 1200px;
    background: #000
}

.fx-leader-contest .contest-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 60px;
    background: #090000
}

.fx-leader-contest .contest-header .header-wrapper {
    width: 1200px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-leader-contest .contest-banner .header-btn-mobile,.fx-leader-contest .contest-header .header-wrapper-mobile {
    display: none
}

.fx-leader-contest .contest-header .header-menu-list .menu-item {
    font-size: 18px;
    color: #FCF8F8;
    margin-right: 60px;
    line-height: 60px;
    cursor: pointer
}

.fx-leader-contest .contest-header .header-menu-list .menu-item.active,.fx-leader-contest .contest-header .header-menu-list .menu-item:hover {
    color: #EFC364
}

.fx-leader-contest .contest-header .header-btn {
    width: 230px;
    height: 30px;
    color: #292929;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    background: linear-gradient(179deg,#EFC364 0,#B57F3F 100%)
}

.fx-leader-contest .contest-banner {
    max-width: 1920px;
    margin: auto;
    height: 800px;
    background: url(../image/contest_01.png) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.fx-leader-contest .contest-body .contest-shadow1 {
    width: 1230px;
    margin: auto
}

.fx-leader-contest .contest-body .contest-shadow2 {
    background: #1C1B1B;
    width: 100%;
    margin: auto
}

.fx-leader-contest .contest-body .contest-title .index-icon {
    width: 15px
}

.fx-leader-contest .contest-body .contest-title .info {
    font-size: 32px;
    color: #FCF8F8;
    line-height: 45px;
    vertical-align: middle;
    margin-left: 16px
}

.fx-leader-contest .contest-body .contest-notice-btn {
    width: 110px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #000;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: linear-gradient(179deg,#EFC364 0,#B57F3F 100%);
    border-radius: 15px
}

.fx-leader-contest .contest-body .contest-notice-btn img {
    width: 7px;
    margin-right: 10px
}

.fx-leader-contest .contest-body .contest-notice-info {
    font-size: 12px;
    line-height: 24px;
    color: #9D9C9C
}

.fx-leader-contest .contest-body .contest-notice-info .color-gold {
    color: #EFC364
}

.fx-leader-contest .contest-body .contest-introduction {
    margin-bottom: 80px
}

.fx-leader-contest .contest-body .contest-introduction .introduction-info {
    font-size: 16px;
    color: #FCF8F8;
    line-height: 36px
}

.fx-leader-contest .contest-body .contest-introduction .introduction-info.first-info {
    margin-top: 31px
}

.fx-leader-contest .contest-body .contest-process .process-content-mobile {
    display: none
}

.fx-leader-contest .contest-body .contest-process .process-event {
    margin: 48px 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 14px;
    color: #FCF8F8
}

.fx-leader-contest .contest-body .contest-process .process-event .event-item.apply {
    -webkit-box-flex: 1.5;
    -webkit-flex: 1.5;
    -ms-flex: 1.5;
    flex: 1.5
}

.fx-leader-contest .contest-body .contest-process .process-event .event-item.review,.fx-leader-contest .contest-body .contest-process .process-event .event-item.submit,.fx-leader-contest .contest-body .contest-process .process-event .event-item.vote {
    -webkit-box-flex: 1.3;
    -webkit-flex: 1.3;
    -ms-flex: 1.3;
    flex: 1.3
}

.fx-leader-contest .contest-body .contest-process .process-event .event-item.awards,.fx-leader-contest .contest-body .contest-process .process-event .event-item.release {
    -webkit-box-flex: 1.1;
    -webkit-flex: 1.1;
    -ms-flex: 1.1;
    flex: 1.1
}

.fx-leader-contest .contest-body .contest-process .process-event.time {
    margin: 12px 0 42px
}

.fx-leader-contest .contest-body .contest-process .process-event.time .event-item.apply {
    color: #EFC364
}

.fx-leader-contest .contest-body .contest-process .process-event.time .event-item.submit {
    color: #E0B25B
}

.fx-leader-contest .contest-body .contest-process .process-event.time .event-item.vote {
    color: #D2A152
}

.fx-leader-contest .contest-body .contest-process .process-event.time .event-item.review {
    color: #C39048
}

.fx-leader-contest .contest-body .contest-process .process-event.time .event-item.release {
    color: #B57F3F
}

.fx-leader-contest .contest-body .contest-process .process-event.time .event-item.awards {
    color: #A66E36
}

.fx-leader-contest .contest-body .contest-process .process-time-line {
    width: 100%
}

.fx-leader-contest .contest-body .contest-process .notice-info {
    margin: 10px 0 80px
}

.fx-leader-contest .contest-body .contest-rule {
    padding-bottom: 102px
}

.fx-leader-contest .contest-body .contest-rule .rule-wrapper {
    width: 100%;
    margin-top: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-leader-contest .contest-body .contest-rule .rule-wrapper .rule-title img {
    width: 26px;
    margin-right: 10px
}

.fx-leader-contest .contest-body .contest-rule .rule-wrapper .rule-title .title-info {
    font-size: 24px;
    color: #D2A152;
    line-height: 33px;
    vertical-align: middle
}

.fx-leader-contest .contest-body .contest-rule .rule-wrapper .rule-description {
    font-size: 14px;
    color: #EEE;
    margin-top: 16px;
    line-height: 24px
}

.fx-leader-contest .contest-body .contest-rule .rule-wrapper .left-block .rule-item {
    padding: 40px 24px 0
}

.fx-leader-contest .contest-body .contest-rule .rule-wrapper .left-block .rule-object {
    width: 500px;
    height: 199px;
    background: url(../image/contest_bg_1.png) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.fx-leader-contest .contest-body .contest-rule .rule-wrapper .left-block .rule-flow {
    width: 500px;
    height: 167px;
    margin-top: 12px;
    background: url(../image/contest_bg_4.png) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.fx-leader-contest .contest-body .contest-rule .rule-wrapper .left-block .rule-flow .flow-description {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #EEE
}

.fx-leader-contest .contest-body .contest-rule .rule-wrapper .left-block .rule-flow .flow-description img {
    width: 11px;
    margin: 0 8px
}

.fx-leader-contest .contest-body .contest-rule .rule-wrapper .right-block {
    width: 691px;
    height: 379px;
    margin-left: 9px;
    padding: 57px 45px 0;
    background: url(../image/contest_bg_2.png) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.fx-leader-contest .contest-body .contest-rule .rule-wrapper .right-block .rule-description {
    padding-bottom: 10px
}

.fx-leader-contest .contest-body .contest-prize {
    padding-top: 76px;
    padding-bottom: 150px
}

.fx-leader-contest .contest-body .contest-prize .prize-wrapper {
    width: 1200px;
    margin: auto
}

.fx-leader-contest .contest-body .contest-prize .prize-wrapper .contest-notice-info {
    margin-top: 20px;
    margin-bottom: 50px
}

.fx-leader-contest .contest-body .contest-prize .prize-wrapper .prize-content {
    width: 1190px;
    height: 362px;
    padding-top: 55px;
    background: url(../image/contest_bg_3.png) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fx-leader-contest .contest-body .contest-benefit .benefit-content-mobile,.fx-leader-contest .contest-body .contest-footer .footer-content-mobile,.fx-leader-contest .contest-body .contest-review .review-guest-list-mobile,.fx-leader-contest .contest-body .contest-review .rule-wrapper-mobile,.fx-leader-contest .contest-body .foot-info-mobile {
    display: none
}

.fx-leader-contest .contest-body .contest-prize .prize-wrapper .prize-content .prize-item {
    text-align: center
}

.fx-leader-contest .contest-body .contest-prize .prize-wrapper .prize-content .prize-item .prize-image {
    width: 248px
}

.fx-leader-contest .contest-body .contest-prize .prize-wrapper .prize-content .prize-item .prize-info {
    width: 359px;
    height: 220px;
    color: #EEE;
    padding: 26px 15px;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    margin-top: 38px;
    background: url(../image/contest_bg_5.png) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.fx-leader-contest .contest-body .contest-footer,.index-honor {
    padding-bottom: 80px
}

.fx-leader-contest .contest-body .contest-benefit {
    padding-top: 70px
}

.fx-leader-contest .contest-body .contest-benefit .benefit-type {
    margin: 40px 0
}

.fx-leader-contest .contest-body .contest-benefit .notice-info {
    margin: 8px 0 40px
}

.fx-leader-contest .contest-body .contest-review .review-title {
    margin: 40px 0 26px;
    font-size: 24px;
    line-height: 33px;
    color: #D2A152
}

.fx-leader-contest .contest-body .contest-review .review-title.rule {
    margin: 60px 0 26px
}

.fx-leader-contest .contest-body .contest-review .review-guest-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fx-leader-contest .contest-body .contest-review .review-guest-list .guest-item {
    width: 190px;
    height: 300px;
    margin-bottom: 16px
}

.fx-leader-contest .contest-body .contest-review .guest-tip {
    width: 100%;
    text-align: right;
    margin-top: 7px;
    font-size: 12px;
    color: #EEE
}

.fx-leader-contest .contest-body .contest-review .rule-image {
    width: 100%;
    margin-bottom: 100px
}

.fx-leader-contest .contest-body .contest-footer img {
    width: 100%
}

.fx-leader-contest .contest-body .contest-footer .partner-logo {
    margin-top: 40px;
    margin-bottom: 97px
}

@media screen and (max-width: 1080px) {
    .fx-leader-contest {
        min-width:100%;
        overflow: hidden
    }

    .fx-leader-contest .contest-header {
        position: relative;
        height: 28px;
        background: #000;
        width: 100%
    }

    .fx-leader-contest .contest-header .header-wrapper {
        display: none
    }

    .fx-leader-contest .contest-banner {
        min-width: 100%;
        height: 600px;
        background: url(../image/contest_01_m.png) center center no-repeat;
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        position: relative
    }

    .fx-leader-contest .contest-banner .header-btn-mobile {
        display: block;
        width: 196px;
        height: 34px;
        line-height: 34px;
        background: linear-gradient(179deg,#EFC364 0,#B57F3F 100%);
        color: #292929;
        font-size: 19px;
        text-align: center;
        border-radius: 2px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        bottom: 30px;
        left: 50%
    }

    .fx-leader-contest .contest-body .contest-shadow1,.fx-leader-contest .contest-body .contest-shadow2 {
        width: 100%;
        padding: 0 20px
    }

    .fx-leader-contest .contest-body .contest-title .index-icon {
        width: 10px
    }

    .fx-leader-contest .contest-body .contest-title .info {
        font-size: 20px;
        line-height: 23px;
        margin-left: 15px
    }

    .fx-leader-contest .contest-body .contest-notice-btn {
        width: 110px;
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16px;
        color: #000;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: linear-gradient(179deg,#EFC364 0,#B57F3F 100%);
        border-radius: 15px
    }

    .fx-leader-contest .contest-body .contest-notice-btn img {
        width: 7px;
        margin-right: 10px
    }

    .fx-leader-contest .contest-body .contest-notice-info {
        font-size: 12px;
        line-height: 24px;
        color: #9D9C9C
    }

    .fx-leader-contest .contest-body .contest-notice-info .color-gold {
        color: #EFC364
    }

    .fx-leader-contest .contest-body .contest-introduction {
        margin-top: 17px;
        margin-bottom: 70px
    }

    .fx-leader-contest .contest-body .contest-introduction .introduction-info {
        font-size: 14px;
        line-height: 24px;
        margin-top: 29px
    }

    .fx-leader-contest .contest-body .contest-process .process-content {
        display: none
    }

    .fx-leader-contest .contest-body .contest-process .process-content-mobile {
        display: block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fx-leader-contest .contest-body .contest-process .process-content-mobile .process-time-line-mobile {
        width: 12px;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin-right: 19px
    }

    .fx-leader-contest .contest-body .contest-process .process-content-mobile .process-event-mobile {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        margin-top: 31px;
        padding-bottom: 41px
    }

    .fx-leader-contest .contest-body .contest-process .process-content-mobile .process-event-mobile .event-item {
        width: 309px;
        height: 38px;
        line-height: 38px;
        margin-bottom: 17px;
        padding-left: 30px
    }

    .fx-leader-contest .contest-body .contest-process .process-content-mobile .process-event-mobile .event-item:nth-child(even) {
        background: url(../image/contest_border_2.png) center center no-repeat;
        background-size: 100% 100%
    }

    .fx-leader-contest .contest-body .contest-process .process-content-mobile .process-event-mobile .event-item:nth-child(odd) {
        background: url(../image/contest_border_1.png) center center no-repeat;
        background-size: 100% 100%
    }

    .fx-leader-contest .contest-body .contest-process .process-content-mobile .process-event-mobile .event-item.last .time {
        width: 80px
    }

    .fx-leader-contest .contest-body .contest-process .process-content-mobile .process-event-mobile .event-item .time {
        font-size: 15px;
        color: #FCF8F8;
        width: 150px;
        display: inline-block
    }

    .fx-leader-contest .contest-body .contest-prize .prize-wrapper .contest-notice-info,.fx-leader-contest .contest-body .contest-rule {
        display: none
    }

    .fx-leader-contest .contest-body .contest-process .process-content-mobile .process-event-mobile .event-item .event {
        font-size: 13px;
        color: #EFC364;
        margin-left: 22px
    }

    .fx-leader-contest .contest-body .contest-prize {
        padding: 32px 0 35px
    }

    .fx-leader-contest .contest-body .contest-prize .prize-wrapper {
        width: 100%;
        margin: auto
    }

    .fx-leader-contest .contest-body .contest-prize .prize-wrapper .contest-title {
        margin: 0 20px
    }

    .fx-leader-contest .contest-body .contest-prize .prize-wrapper .prize-content {
        width: 100%;
        height: 257px;
        margin-top: 34px;
        background: url(../image/contest_bg_3.png) center center no-repeat;
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        display: block;
        text-align: center;
        padding: 0 20px
    }

    .fx-leader-contest .contest-body .contest-prize .prize-wrapper .prize-content .prize-item {
        width: 50%;
        display: inline-block
    }

    .fx-leader-contest .contest-body .contest-prize .prize-wrapper .prize-content .prize-item .prize-image {
        width: 142px
    }

    .fx-leader-contest .contest-body .contest-prize .prize-wrapper .prize-content .prize-item .prize-info {
        display: none
    }

    .fx-leader-contest .contest-body .contest-prize .prize-wrapper .prize-content .prize-item:nth-child(1) {
        text-align: center;
        display: block;
        width: 100%
    }

    .fx-leader-contest .contest-body .contest-prize .prize-wrapper .prize-content .prize-item:nth-child(2) {
        text-align: left
    }

    .fx-leader-contest .contest-body .contest-prize .prize-wrapper .prize-content .prize-item:nth-child(3) {
        text-align: right
    }

    .fx-leader-contest .contest-body .contest-benefit {
        padding-top: 42px
    }

    .fx-leader-contest .contest-body .contest-benefit .benefit-content {
        display: none
    }

    .fx-leader-contest .contest-body .contest-benefit .benefit-content-mobile {
        display: block
    }

    .fx-leader-contest .contest-body .contest-benefit .benefit-content-mobile .benefit-tab {
        margin-top: 26px;
        border-bottom: 1px solid #292929
    }

    .fx-leader-contest .contest-body .contest-benefit .benefit-content-mobile .benefit-tab .tab-selection {
        width: 25%;
        font-size: 14px;
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        display: inline-block;
        color: #fff;
        opacity: 1;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in
    }

    .fx-leader-contest .contest-body .contest-benefit .benefit-content-mobile .benefit-tab .tab-selection.swiper-pagination-bullet-active {
        color: #EFC364;
        background: 0 0;
        position: relative
    }

    .fx-leader-contest .contest-body .contest-benefit .benefit-content-mobile .benefit-tab .tab-selection.swiper-pagination-bullet-active:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #EFC364
    }

    .fx-leader-contest .contest-body .contest-benefit .benefit-content-mobile .benefit-slider-wrapper {
        margin-top: 15px;
        margin-bottom: 52px
    }

    .fx-leader-contest .contest-body .contest-benefit .benefit-type {
        margin: 40px 0
    }

    .fx-leader-contest .contest-body .contest-benefit .notice-info {
        margin: 8px 0 40px
    }

    .fx-leader-contest .contest-body .contest-review .review-title {
        margin: 26px 0 15px;
        font-size: 15px;
        line-height: 21px
    }

    .fx-leader-contest .contest-body .contest-review .review-title.rule {
        margin: 20px 0 15px
    }

    .fx-leader-contest .contest-body .contest-review .review-guest-list-mobile {
        width: 100%;
        display: block
    }

    .fx-leader-contest .contest-body .contest-review .review-guest-list-mobile .swiper-wrapper {
        height: 172px;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }

    .fx-leader-contest .contest-body .contest-review .guest-tip {
        margin-top: 14px
    }

    .fx-leader-contest .contest-body .contest-review .review-guest-list,.fx-leader-contest .contest-body .contest-review .rule-image {
        display: none
    }

    .fx-leader-contest .contest-body .contest-review .rule-wrapper-mobile {
        display: block;
        width: 100%
    }

    .fx-leader-contest .contest-body .contest-review .rule-wrapper-mobile img {
        width: 95%
    }

    .fx-leader-contest .contest-body .contest-review .rule-wrapper-mobile .rule-review {
        margin: 20px 0 45px
    }

    .fx-leader-contest .contest-body .contest-footer {
        padding-bottom: 0
    }

    .fx-leader-contest .contest-body .contest-footer .footer-content {
        display: none
    }

    .fx-leader-contest .contest-body .contest-footer .footer-content-mobile {
        display: block;
        text-align: center
    }

    .fx-leader-contest .contest-body .contest-footer .footer-content-mobile .partner-logo-mobile {
        width: 100%;
        margin-top: 20px
    }

    .fx-leader-contest .contest-body .contest-footer .footer-content-mobile .qrcode {
        width: 150px;
        margin-top: 49px
    }

    .fx-leader-contest .contest-body .foot-info-mobile {
        display: block;
        width: 100%;
        margin-top: -60px
    }

    .fx-leader-contest .contest-body .foot-info-mobile .foot-description {
        color: #EEE;
        height: 150px;
        font-size: 15px;
        padding-top: 75px;
        font-weight: 300;
        text-align: center;
        background: url(../image/contest_bg_7.png) center center no-repeat;
        background-size: cover
    }

    .fx-leader-contest .contest-body .foot-info-mobile .foot-description p {
        line-height: 20px
    }

    .fx-leader-contest .contest-body .foot-info-mobile .foot-description p.color-gold {
        color: #EFC364
    }

    .fx-leader-contest .contest-body .foot-info-mobile .foot-btn-wrapper {
        width: 100%;
        height: 157px;
        text-align: center;
        background: #000
    }

    .fx-leader-contest .contest-body .foot-info-mobile .foot-btn-wrapper .foot-btn {
        display: inline-block;
        margin-top: 48px;
        width: 196px;
        height: 34px;
        font-weight: 500;
        line-height: 34px;
        background: linear-gradient(179deg,#EFC364 0,#B57F3F 100%);
        color: #292929;
        font-size: 19px;
        text-align: center;
        border-radius: 2px
    }
}

@media screen and (max-width: 450px) {
    .fx-leader-contest .contest-header {
        height:42px
    }

    .fx-leader-contest .contest-header .header-wrapper-mobile {
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(174,155,102,.3);
        padding: 0 38px;
        line-height: 42px
    }

    .fx-leader-contest .contest-header .header-wrapper-mobile a {
        display: inline-block;
        width: 69px;
        text-align: center;
        color: #fff;
        font-size: 14px
    }

    .fx-leader-contest .contest-header .header-wrapper-mobile a.active {
        color: rgba(239,195,100,.6);
        position: relative
    }

    .fx-leader-contest .contest-header .header-wrapper-mobile a.active:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: rgba(239,195,100,.6)
    }

    .fx-leader-contest .contest-header .header-wrapper-mobile a:hover {
        color: rgba(239,195,100,.6)
    }
}

@media screen and (min-width: 1930px) {
    .fx-leader-contest {
        width:100%
    }

    .fx-leader-contest .contest-banner {
        max-width: 100%;
        background: url(../image/contest_01_max.png) center center no-repeat;
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover
    }
}

.index-honor .honor-title {
    font-size: 36px;
    font-weight: 600;
    color: #1F2D3D;
    margin-bottom: 48px;
    text-align: center
}

.index-honor .honor-banner img {
    height: 215px
}

.index-honor .honor-banner .img-mobile {
    display: none
}

.index-protect {
    padding: 60px 0 55px;
    background: #F8F8F8
}

.index-protect .bricks {
    padding: 0 100px
}

.index-protect .bricks .title {
    margin-bottom: 13px;
    margin-top: 0
}

.index-protect .bricks p {
    text-align: center;
    color: #5E6D82;
    line-height: 24px;
    font-size: 16px
}

.index-protect .protect-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.index-protect .protect-content .content-items {
    width: 220px;
    height: 220px;
    background: #fff;
    margin-top: 38px;
    text-align: center;
    padding: 20px 20px 0;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(16,20,40,.04);
    box-shadow: 0 2px 10px 0 rgba(16,20,40,.04)
}

.index-protect .protect-content .content-items>img {
    width: 48px;
    height: 48px
}

.index-protect .protect-content .content-items .items-title {
    font-size: 18px;
    color: #1F2D3D;
    margin: 13px 0 15px
}

.index-protect .protect-content .content-items .items-description {
    font-size: 14px;
    color: #5E6D82
}

.index-corp {
    padding: 80px 0
}

.index-corp .corp-logo {
    margin-top: 50px
}

.index-corp .corp-logo .logo-mobile {
    display: none
}

.index-bottom-banner .bricks {
    padding: 0 72px;
    height: 240px
}

.index-bottom-banner .bricks .bottom-container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: url(../image/data_banner_bottom.png) center center no-repeat;
    background-size: cover;
    border-radius: 5px
}

.index-bottom-banner .bricks .left-box {
    color: #fff;
    text-align: center;
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 38px
}

.index-bottom-banner .bricks .right-box form {
    width: 400px;
    height: 48px;
    background: #FFF;
    -webkit-box-shadow: 0 1px 9px 0 #21b8ac;
    box-shadow: 0 1px 9px 0 #21b8ac;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.index-bottom-banner .bricks .right-box form input[type=text] {
    width: 344px;
    font-size: 14px;
    padding-left: 65px;
    height: 67px;
    font-weight: 400;
    color: #1F2D3D;
    background-image: url(../image/2020jdy-iphone.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 25px center
}

.index-bottom-banner .bricks .right-box form input[type=text]::-webkit-input-placeholder {
    color: #8E98A7
}

.index-bottom-banner .bricks .right-box form input[type=button] {
    width: 176px;
    height: 48px;
    background: #FF971E;
    font-size: 20px;
    color: #fff;
    cursor: pointer
}

.index-bottom-banner .bricks .usable-tip-mobile {
    display: none
}

@media (max-width: 1200px) {
    .index-honor {
        padding:40px 0 80px
    }

    .index-honor .honor-banner .img-pc {
        display: none
    }

    .index-honor .honor-banner .img-mobile {
        display: block;
        height: auto
    }

    .index-protect .bricks {
        padding: 0 10px
    }

    .index-protect .protect-content {
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .index-protect .protect-content .content-items {
        width: 33.3%;
        background: 0 0
    }

    .index-protect .protect-content .content-items>img {
        width: 48px;
        height: 48px
    }
}

@media (max-width: 450px) {
    .index-honor {
        padding:40px 0
    }

    .index-honor .honor-title {
        font-size: 17px;
        margin-bottom: 24px
    }

    .index-protect {
        padding: 20px 10px 28px
    }

    .index-protect .bricks .title {
        margin-bottom: 6px
    }

    .index-protect .bricks p {
        font-size: 12px
    }

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

    .index-protect .protect-content .content-items {
        width: 48%;
        height: 190px;
        margin-top: 20px;
        padding: 18px 14px 0;
        background: #fff
    }

    .index-protect .protect-content .content-items>img {
        width: 33px;
        height: 33px
    }

    .index-protect .protect-content .content-items .items-title {
        font-size: 13px;
        margin: 9px 0 10px
    }

    .index-protect .protect-content .content-items .items-description {
        font-size: 12px
    }

    .index-corp {
        padding: 30px 0
    }

    .index-corp .title {
        margin-bottom: 20px
    }

    .index-corp .corp-logo {
        margin-top: 0
    }

    .index-corp .corp-logo .logo-pc {
        display: none
    }

    .index-corp .corp-logo .logo-mobile {
        display: block
    }
}

@media (max-width: 450px) {
    .fx-header{
        padding: 0;
    }

    .fx-header .right-wrapper .menu-right-item{
        width: auto;
    }

    .fx-header .right-wrapper .menu-right-item{
        padding: 0 8px;
    }

    .index-banner .txt h1{
        font-size: 28px;
        margin-top: 0;
    }

    .index-banner .txt h2{
        font-size: 15px;
    }

    .index-banner .txt h3{
        font-size: 15px;
    }

    .index-scene-banner{
        height: auto;
    }

    .index-banner .scene-txt h1{
        font-size: 20px;
    }

    .index-banner .scene-txt{
        height: 250px;
    }
    .index-banner .scene-txt a.header-button-left{
        width: 130px;
    }







    .bricks .bricks-primary-title{
        font-size: 18px;
    }

    .icon-title-inner{
        display: none;
    }
    .index-multiple .lists .list-item{
        height: 200px;
    }

    .list-item-txt{
        width: 82%;
        font-size: 12px;
    }
    .job-pic-container{
        left: 0;
        top: 0;
    }

    .index-business{
        overflow: hidden;
    }
    .index-business .job-description-container .left{
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
    }

    .index-business .job-description-container .right{
        width: 100%;
        float: left;
        height: auto;
    }

    .classify-jobs-tab{
        margin-top: 0;
        margin-bottom: 0;
    }

    .index-business .benefit-for-job{
        margin-top: 10px;
        height: auto;
        font-size: 14px;
    }

    .provider{
        padding-bottom: 0;
    }
    .provider .ministry{
        margin: 0;
    }
    .ministry li .ministry-item{
        height: 100px;
    }
    .ministry-item img{
        margin: 0;
    }
    .ministry-item p{
        font-size: 12px;
    }
    .index-sy{
        padding: 0;
    }
    .index-sy .sy-box .index-sy-title{
        margin: 20px 0;
    }
    .index-sy .index-sy-button{
        width: 100px;
        height: 30px;
        font-size: 12px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .item-list li .row .txt-box .media-body{
        text-align: left;
    }
    .item-list li .row .txt-box .media{
        margin-bottom: 10px;
    }
    .item-list li .row .txt-box .media-body p{
        width: auto;
        font-size: 14px;
        /* padding: 0 4px; */
        /* text-align: center; */
    }
}

/* 招商加盟-帆软关键词 */
.index-keywords{
    background: #FAFCFF;
    padding-bottom: 80px;
    /* margin-top: -200px; */
}

.index-keywords .bricks{
    /* bricks感觉在这里很烦 */
    /* width: 1204px; */
    padding: 0 30px;
}

.index-keywords .keywords-content{
    width: 1204px;
    /* padding-left: -8px; */
    /* padding-right: -8px; */
    margin: 0 auto;
    padding-bottom: 80px;
    overflow: hidden;
}

.index-keywords .keywords-content .list-item{
    width: 285px;
    height: 284px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px 1px rgba(16, 37, 40, 0.05);
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    float: left;
    margin: 0 8px;
    text-align: center;
}

.index-keywords .keywords-content .list-item img{
    display: block;
    width: 80px;
    height: 80px;
    margin: 39px auto 0;
}

.index-keywords .keywords-content .list-item .name{
    display: block;
    margin-top: 23px;
    font-size: 20px;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    color: #0A1A3C;
    /* line-height: 23px; */
}

.index-keywords .keywords-content .list-item .info{
    /* text-align: left; */
    display: block;
    margin: 10px auto 0;
    width: 205px;
    font-size: 16px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #0A1A3C;
    /* line-height: 19px; */
}

/* 招商加盟-合作优势 */
.index-advantage{
    padding: 80px 0;
}

.index-advantage .advantage-content{
    width: 1220px;
    margin: 0 auto;
    overflow: hidden;
}

.index-advantage .advantage-content .list-item{
    width: 590px;
    height: 160px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px 1px rgba(16, 37, 40, 0.05);
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    float: left;
    margin: 10px;
    background-size: 100% 100%;
    padding-left: 175px;
}

.index-advantage .advantage-content  .list-item-1{
    background-image: url(../image/cooperation-3-1.png);
}
.index-advantage .advantage-content  .list-item-2{
    background-image: url(../image/cooperation-3-2.png);
}
.index-advantage .advantage-content  .list-item-3{
    background-image: url(../image/cooperation-3-3.png);
}
.index-advantage .advantage-content  .list-item-4{
    background-image: url(../image/cooperation-3-4.png);
}
.index-advantage .advantage-content  .list-item-5{
    background-image: url(../image/cooperation-3-5.png);
}
.index-advantage .advantage-content  .list-item-6{
    background-image: url(../image/cooperation-3-6.png);
}

.index-advantage .advantage-content .list-item .txt .name{
    font-size: 20px;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    color: #0A1A3C;
    margin-bottom: 12px;
    margin-top: 40px;
}

.index-advantage .advantage-content .list-item .txt .info{
    width: 354px;
    font-size: 16px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #0A1A3C;
}


/* 招商加盟-合作条件 */
.index-condition{
    background-color: #FAFCFF;
    padding: 80px 0;
}

.index-condition .condition-content{
    width: 1206px;
    /* padding-left: -8px; */
    /* padding-right: -8px; */
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 80px;
    overflow: hidden;
}

.index-condition .condition-content .list-item{
    width: 386px;
    height: 200px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px 1px rgba(16, 37, 40, 0.05);
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    float: left;
    margin: 0 8px;
    text-align: left;
    position: relative;
    padding: 0 50px;
    /* overflow: visible; */
    /* z-index: 1; */
}

.index-condition .condition-content .list-item .img-div{
    display: block;
    width: 80px;
    height: 80px;
    background: #00ACBE;
    border-radius: 100px 100px 100px 100px;
    text-align: center;
    line-height: 80px;
    position: absolute;
    top: -20px;
    right: 50px;
    /* z-index: 99; */
    /* margin: 39px auto 0; */
}

.index-condition .condition-content .list-item .img-div img{
    width: 50px;
}

.index-condition .condition-content .list-item .name{
    display: block;
    margin-top: 65px;
    font-size: 20px;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    color: #0A1A3C;
    /* line-height: 23px; */
}

.index-condition .condition-content .list-item .info{
    /* text-align: left; */
    display: block;
    margin: 10px auto 0;
    /* width: 205px; */
    font-size: 16px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #0A1A3C;
    /* line-height: 19px; */
}


/* 合作流程 */
.index-liucheng{
    padding: 80px 0;
}

.index-liucheng .liucheng-img-div{
    width: 1200px;
    height: 260px;
    margin: 0 auto;
    padding-top: 70px;
    background-image: url(../image/cooperation-s5.png);
    background-size: 100% 100%;
    font-size: 16px;
    font-weight: 500;
    color: #0A1A3C;
}

.index-liucheng .liucheng-img-div .liucheng-title-top{
    padding: 20px 120px 0;
    display: block;
    overflow: hidden;
}

.index-liucheng .liucheng-img-div .liucheng-title-top .liucheng-txt-top{
    /* margin-left: 300px; */
    width: 320px;
    /* 320刚刚好 */
    height: auto;
    float: left;
    text-align: center;
}

.index-liucheng .liucheng-img-div .liucheng-title-bottom{
    display: block;
    padding: 25px 0px 0;
    overflow: hidden;
}

.index-liucheng .liucheng-img-div .liucheng-title-bottom .liucheng-txt-bottom{
    /* margin-right: 300px; */
    float: left;
    width: 320px;
    text-align: center;
}

.index-liucheng .liucheng-img-div .liucheng-title-bottom .liucheng-txt-bottom-left{
    /* margin-right: 300px; */
    float: left;
    width: 280px;
    padding-right: 40px;
    text-align: center;
}

.index-liucheng .liucheng-img-div .liucheng-title-bottom .liucheng-txt-bottom-right{
    float: left;
    width: 280px;
    padding-left: 40px;
    text-align: center;
}

/* 合作咨询 */
.index-zixun{
    background-image: url(../image/cooperation-s6.png);
    padding-top: 30px;
    /* padding-bottom: 100px; */
    background-size: 100% 100%;
}

.index-zixun .zixun-div{
    width: 1200px;
    height: 370px;
    background: #FAFCFF;
    box-shadow: 0px 5px 10px 1px rgba(16, 37, 40, 0.05);
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    margin: 0 auto;
    padding-top: 60px;
}

.index-zixun .zixun-div .zixun-img{
    margin: 0 auto;
}

.index-zixun .zixun-div .zixun-img img{
    display: block;
    width: 150px;
    margin: 0 auto;
}

.index-zixun .zixun-div .zixun-name{
    margin: 0 auto;
    width: 178px;
    height: 25px;
    font-size: 18px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #0A1A3C;
    line-height: 21px;
    margin-top: 10px;
}

.index-zixun .zixun-line{
    width: 1170px;
    height: 1px;
    background: #707070;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    margin: 0 auto;
    margin-top: 100px;
}

@media (max-width: 1200px){
    .index-cooperation.index-banner{
        height: auto;
    }
    .index-cooperation .index-cooperation-div{
        width: 95%;
        padding: 5px;
    }
    .index-keywords .keywords-content{
        width: 95%;
    }
    .index-keywords .keywords-content .list-item{
        width: 23%;
    }
    .index-keywords{
        padding-bottom: 0;
    }
    .index-advantage .advantage-content{
        width: 95%;
    }
    .index-advantage .advantage-content .list-item{
        width: 46%;
    }
    .index-advantage .advantage-content .list-item .txt .info{
        width: auto;
    }
    .index-condition{
        padding-bottom: 0;
    }
    .index-condition .condition-content{
        width: 95%;
    }
    .index-condition .condition-content .list-item{
        width: 30%;
    }
    .index-liucheng .liucheng-img-div{
        width: 95%;
    }
    .index-liucheng .liucheng-img-div .liucheng-title-top .liucheng-txt-top{
        width: 33%;
    }
    .index-liucheng .liucheng-img-div .liucheng-title-bottom .liucheng-txt-bottom{
        width: 24%;
    }
    .index-liucheng .liucheng-img-div .liucheng-title-bottom .liucheng-txt-bottom-right{
        width: 24%;
    }
    .index-liucheng .liucheng-img-div .liucheng-title-bottom .liucheng-txt-bottom-left{
        width: 24%;
    }
    .index-zixun .zixun-div{
        width: 100%;
    }
}

@media (max-width: 450px){
    /* 招商加盟页面 */
    .index-cooperation{
        height: 700px;
        background-size: cover;
    }
    .index-cooperation .index-cooperation-div{
        width: 95%;
        height: auto;
        padding-top: 0;
        margin: 10px auto 0;
        padding: 5px;
    }
    .div-description{
        width: 100%;
        height: auto;
    }
    .div-title{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .index-cooperation .index-h1{
        width: 95%;
        font-size: 15px;
        padding-top: 0px;
    }
    .index-cooperation .index-cooperation-button{
        width: 100px;
        height: 30px;
        font-size: 16px;
        line-height: 30px;
        margin-top: 80px;
        margin-bottom: 30px;
    }
    .index-keywords .keywords-content{
        width: 100%;
    }
    .index-keywords .keywords-content .list-item{
        width: 22%;
        height: auto;
        margin: 0 5px;
    }
    .index-keywords .keywords-content .list-item .name{
        font-size: 16px;
    }
    .index-keywords .keywords-content .list-item .info{
        display: none;
    }
    .index-keywords .keywords-content .list-item img{
        margin-top: 10px;
    }
    .index-keywords{
        padding-bottom: 0;
    }
    .index-advantage{
        padding: 5px 0;
    }
    .index-advantage .advantage-content{
        width: 100%;
    }
    .index-advantage .advantage-content .list-item{
        width: 95%;
    }
    .index-advantage .advantage-content .list-item .txt .name{
        font-size: 16px;
    }
    .index-advantage .advantage-content .list-item .txt .info{
        width: 100%;
        font-size: 14px;
    }
    .index-condition{
        padding: 10px 0;
    }
    .index-condition .condition-content{
        width: 100%;
        padding-bottom: 0;
    }
    .index-condition .condition-content .list-item{
        width: 95%;
        /* height: ; */
        padding: 5px;
        margin: 7px;
    }
    .index-liucheng{
        padding: 0;
    }
    .index-liucheng .liucheng-img-div{
        background-size: 100% 100%;
        width: 95%;
        height: 100px;
        padding-top: 10px;
    }
    .index-liucheng .liucheng-img-div .liucheng-title-top{
        padding: 0;
    }
    .index-liucheng .liucheng-img-div .liucheng-title-top .liucheng-txt-top{
        width: 110px;
    }
    .index-liucheng .liucheng-img-div .liucheng-title-bottom .liucheng-txt-bottom{
        width: 100px;
    }
    .index-liucheng .liucheng-img-div .liucheng-title-bottom .liucheng-txt-bottom-left{
        width: 70px;
        margin: 0;
        padding: 0;
    }
    .index-liucheng .liucheng-img-div .liucheng-title-bottom .liucheng-txt-bottom-right{
        width: 80px;
        margin: 0;
        padding: 0;
    }
    .index-zixun{
        background-image: none;
    }
    .index-zixun .zixun-div{
        width: 100%;
    }
    .index-zixun .zixun-line{
        display: none;
    }
}

/* 2022.2.21 数跨境新增amztg页面 */
.index-major{
    padding-top: 57px;
}

.index-major .title{
    width: 677px;
    height: 50px;
    font-size: 30px;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #000000;
    line-height: 40px;
    letter-spacing: 3px;
    margin: 80px auto 20px;
}

.index-major .description{
    display: block;
    width: 844px;
    height: 40px;
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    letter-spacing: 1px;
    margin: 0 auto;
    text-align: center;
}

.index-major .classify-jobs-tab {
    margin-bottom: 0px;
    margin-top: 36px;
    text-align: center;
}

.index-major .classify-jobs-tab li {
    display: inline-block;
    margin-right: 200px;
    padding: 8px 0;
    border-bottom: 1px solid transparent;
}

.index-major .classify-jobs-tab li a{
    height: 28px;
    font-size: 20px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 23px;
    letter-spacing: 2px;
}

.index-major .classify-jobs-tab li.first-major-tab{
    margin-left: 200px;
}

.index-major .classify-jobs-tab .active {
    color: #305BD3;
    border-bottom: 2px solid #00ACBE;
}

.index-major .classify-jobs-tab .active a{
    color: #00ACBE;
}

.index-major .job-container{
    width: 100%;
    background: #F3F5F8;
    opacity: 1;
    /* padding-top: 80px; */
    /* padding-bottom: 90px; */
}

.index-major .job-container .content{
    width: 1200px;
    /* height: 630px; */
    margin: 0 auto;
    /* background: linear-gradient(177deg, #EBEEEF 0%, #FFFFFF 100%); */
    /* box-shadow: 0px 8px 16px 1px rgba(189, 203, 238, 0.385189026594162), -10px -9px 15px 1px rgba(255, 255, 255, 0.7424879670143127), 0px -2px 6px 1px rgba(255, 255, 255, 0.23926463723182678); */
    /* border-radius: 6px 6px 6px 6px; */
    opacity: 1;
    overflow: hidden;
    padding: 0 45px 45px 60px;
}

.index-major .job-text{
    /* width: 260px; */
    width: 410px;
    float: left;
    padding: 0;
    margin-right: 30px;
    margin-top: 110px;
}

.index-major .job-img{
    /* width: 804px; */
    width: 650px;
    /* height: 540px; */
    float: left;
}

.index-major .job-title {
    height: 42px;
    font-size: 30px;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    color: #000000;
    line-height: 35px;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.index-major .benefit-for-job {
    width: 260px;
    font-size: 16px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.800000011920929);
    line-height: 19px;
    letter-spacing: 2px;
    margin-bottom: 50px;
}

.index-major .job-btn{
    display: block;
    width: 160px;
    height: 50px;
    background: linear-gradient(175deg, #4AC6CC 0%, #46CBDC 100%);
    box-shadow: 0px 16px 19px 1px rgba(38, 213, 231, 0.30624452233314514);
    border-radius: 5px 5px 5px 5px;
    opacity: 1;
    font-size: 19px;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 50px;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 30px;
}

.index-major .job-btn:hover{
    background: linear-gradient(175deg, #B1E4E7 0%, #43D2E4 100%);
}


/* amz-s3也给前面放上小圆点 */
.index-major .job-page-text .media{
    overflow: hidden;
    display:flex;
    font-size: 15px;
    /* justify-content:center; */
    align-items:center;
    margin-bottom: 20px;
}

.index-major .job-page-text .media-left{
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border-radius: 10px;
    border: 2px solid #00ACBE;
    float: left;
    margin-right: 9px;
}
.index-major .job-page-text .media-body{
    float: left;
}
.index-major .job-page-text .media-body {
    display: inline-block;
    /* width: 585px; */
    /* font-size: 16px; */
    /* font-weight: 400; */
    /* color: #9B9EA5; */
    /* line-height: 22px; */
}


/* privacy页 */
.index-article .bricks{
    overflow: hidden;
    padding: 50px 40px 0;
}

.index-article .left{
    width: 860px;
    float: left;
    margin-right: 40px;
}

.index-article .right{
    width: 300px;
    float: left;
}

.index-article .left .title{
    font-size: 32px;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    color: #383E41;
    line-height: 38px;
    text-align: left;
    margin-bottom: 15px;
}

.index-article .left .date{
    height: 20px;
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #969696;
    line-height: 16px;
    text-align: right;
    margin-bottom: 15px;
}

.index-article .left .abstract{
    background: #F3F5F8;
    border-radius: 6px;
    font-size: 16px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #5F616E;
    line-height: 26px;
    letter-spacing: 1px;
    padding: 20px 16px;
}

.index-article .left .abstract .abstract-bottom{
    text-align: right;
    font-size: 14px;
}

.index-article .left img{
    width: 860px;
    height: auto;
    margin: 30px 0;
    border-radius: 6px;
    background: #C4C4C4;
    opacity: 1;
}
.index-article .left .txt-title{
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}

.index-article .left .txt{
    font-size: 16px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #383E41;
    line-height: 26px;
    letter-spacing: 1px;
}

.index-article .left .juzhong{
    text-align: center;
    margin-bottom: 10px;
}

.index-article .left .tag-group{
    margin-bottom: 100px;
    overflow: hidden;
}

.index-article .left .tag{
    padding: 5px 15px;
    float: left;
    margin-right: 15px;
    margin-top: 30px;
    height: 30px;
    background: rgba(0, 172, 190, 0.05000000074505806);
    border-radius: 6px;
    opacity: 1;
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #00ACBE;
    line-height: 20px;
    text-align: center;
}

.index-article .left .tag-2{
    color: #FFA100;
    background: rgba(255, 161, 0, 0.05000000074505806);
}

.index-article .right img{
    width: 300px;
    height: auto;
    background: #C4C4C4;
    border-radius: 6px;
    opacity: 1;
    margin-bottom: 20px;
}

.index-article .right a{
    display: block;
    width: 300px;
    height: 36px;
    background: #00ACBE;
    border-radius: 5px;
    opacity: 1;
    font-size: 16px;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 36px;
    letter-spacing: 2px;
    text-align: center;
}

@media screen and (max-width: 1200px) {
    .index-article .left{
        width: auto;
    }
}

@media (max-width: 450px) {
    .index-article .bricks{
        padding: 0;
    }
    .index-article .left{
        width: 100%;
    }
    .index-article .left .title{
        width: 100%;
        font-size: 20px;
        text-align: center;
    }
    .index-article .left .txt{
        padding: 5%;
    }
    .index-article .left .txt-title{
        padding-left: 5%;
    }
    .index-article .right{
        width: 100%;
    }
    .index-article .right img{
        width: 100%;
    }
    .index-article .right a{
        width: 100px;
        margin: 0 auto 10px;
    }
    .index-article .left .tag-group{
        margin-bottom: 20px;
    }

}

/* 数跨境定价页 */
.price-table{
    width: 1200px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px 1px rgba(16, 37, 40, 0.05);
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    border: 1px solid #E8EAED;
    margin: -370px auto 30px;
}

.price-table-2{
    width: 1200px;
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    border: 1px solid #E8EAED;
    margin: 30px auto;
    box-shadow: 0px 5px 10px 1px rgba(16, 37, 40, 0.05);
}

.price-table-3{
    width: 1200px;
    height: 710px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px 1px rgba(16, 37, 40, 0.05);
    border-radius: 8px 8px 8px 8px;
    opacity: 1;
    border: 1px solid #E8EAED;
    margin: 0 auto 91px;
}

/* 定价页 s3 4+4个图*/
.index-price {
    background: #FAFCFF;
}

.index-price-banner{
    /* height: 75px; */
    background: #FFF;
}

.index-price .bricks {
    padding-bottom: 190px;
}

.index-price .bricks .title {
    text-align: center;
    width: 677px;
    height: 58px;
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    line-height: 40px;
    letter-spacing: 4px;
    padding-top: 105px;
    margin-bottom: 49px;
    margin-left: auto;
    margin-right: auto;
}

.index-price .bricks .title-price-2{
    text-align: center;
    font-size: 26px;
    font-family: PingFang SC-Regular, PingFang SC;
    color: #000000;
    font-weight: 400;
    letter-spacing: 2px;
    height: 40px;
    margin-top: 100px;
    margin-bottom: -10px;
}

.index-price .bricks p {
    text-align: center;
    color: #5E6D82;
    line-height: 24px;
    font-size: 16px
}

.index-price .protect-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.index-price .protect-content .content-items {
    width: 268px;
    height: 280px;
    margin-top: 30px;
    text-align: center;
    border-radius: 5px;
    /* background: linear-gradient(172deg, #ECEEF0 0%, #FFFFFF 100%); */
    /* box-shadow: 0px 8px 16px 1px #E7EBF5, -10px -9px 17px 1px rgba(255, 255, 255, 0.62), 0px 6px 14px 1px rgba(162, 166, 181, 0.14); */
    text-align: center;
    /* border-radius: 6px 6px 6px 6px; */
    vertical-align: middle;
}

.index-price .protect-content.protect-content-2 .content-items{
    height: 320px;
}

.index-price .protect-content .content-items>img {
    width: 80px;
    height: 80px;
    margin-top: 34px;
    margin-bottom: 30px;
}

.index-price .protect-content .content-items .items-title {
    width: 185px;
    height: 60px;
    font-size: 20px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #333333;
    line-height: 23px;
    letter-spacing: 3px;
    margin: 0 auto;
}

.index-price .protect-content .content-items .items-title-2{
    height: 36px;
    font-size: 24px;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #333333;
    line-height: 28px;
    letter-spacing: 3px;
    margin: 0 auto;
}

.index-price .protect-content .content-items .items-description {
    font-size: 14px;
    color: #5E6D82
}

.index-price .protect-content .content-items .items-info{
    width: 200px;
    height: 44px;
    font-size: 14px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #5F616E;
    line-height: 22px;
    margin: 0 auto;
}

/* 九数云定价页 4段文字 */
.index-question{
    background: #FAFCFF;
    padding-bottom: 116px;
}

.index-question .bricks .title{
    height: 40px;
    font-size: 30px;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    color: #000000;
    line-height: 35px;
    letter-spacing: 2px;
}

.index-question .protect-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* background: linear-gradient(174deg, #ECEEF0 0%, #FFFFFF 100%); */
}

.index-question .protect-content .content-items-wrapper{
    background: #FFFFFF;
    margin-bottom: 26px;
}

.index-question .protect-content .content-items {
    width: 568px;
    height: 190px;
    /* background: linear-gradient(174deg, #ECEEF0 0%, #FFFFFF 100%); */
    background-image: url(../image/常见问题.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 8px 16px 1px rgba(189, 204, 239, 0.39), -10px -9px 16px 1px rgba(255, 255, 255, 0.5), 0px -2px 6px 1px rgba(255, 255, 255, 0.47);
    border-radius: 6px 6px 6px 6px;
    opacity: 1;
    padding: 30px 40px;
}
.index-question .protect-content .content-items .items-title{
    height: 30px;
    font-size: 20px;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #333333;
    line-height: 23px;
    letter-spacing: 3px;
    margin-bottom: 10px;
}
.index-question .protect-content .content-items .items-info{
    width: 488px;
    height: 88px;
    font-size: 14px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #5F616E;
    line-height: 22px;
}

.index-question .protect-content .content-items .items-info span{
    color: #00ACBE;
}

.index-question .protect-content .content-items .items-info a{
    color: #00ACBE;
    text-decoration: underline;
}

/* s6 定价页面 立即使用 */
.index-sy-price{
    padding: 0;
    height: 344px;
    background-image: url(../image/s6.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.index-sy-price .bricks {
    padding: 0 60px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.index-sy-price .sy-box {
    width: 941px;
    height: 344px;
    text-align: center;
    /* display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center */
}

.index-sy-price .index-sy-title{
    height: 42px;
    font-size: 30px;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FAFCFF;
    line-height: 35px;
    letter-spacing: 2px;
    margin-top: 100px;
    margin-bottom: 47px;
}


.index-sy-price span{
    color: #00ACBE;
}

.index-sy-price .index-sy-button{
    display: inline-block;
    width: 199px;
    height: 61px;
    background: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: 61px;
    letter-spacing: 2px;
}

.index-sy-price .index-sy-button.right-button{
    background: linear-gradient(175deg, #4BC6CD 0%, #47CCDD 100%);
    color: #FFFFFF;
    margin-left: 24px;
}

/* .index-sy-price .index-sy-button:hover{
  background: linear-gradient(175deg, #B1E4E7 0%, #43D2E4 100%);
  box-shadow: 0px 10px 19px 1px rgba(0, 230, 255, 0.5);
} */

.index-sy-price .sy-box p {
    font-size: 24px;
    color: #fff;
    line-height: 33px;
    text-shadow: 0 1px 3px rgba(37,127,213,.5);
    margin-right: 30px
}

.index-sy-price .index-banner-img-contact{
    width: 200px;
    display: block;
    position: absolute;
    right: 100px;
    top: 150px;
}


/* amz */
.index-amz .fx-header .right-wrapper .menu-right-item{
    color: #FFFFFF;
}


/* 数跨境 定价页 自适应 */
@media screen and (max-width: 1200px){
    .index-price-banner.index-banner .txt h1{
        /* margin-bottom: 200px; */
        font-size: 40px;
    }
    .price-banner .price-txt h2{
        margin-bottom: 100px;
    }
    .index-price-banner.index-banner{
        height: 700px;
    }
    .fx-crm-manage .crm-manage-solution .solution-banner .title-list{
        width: 100%;
    }
    .fx-crm-manage .bricks{
        width: 95%;
    }
    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item{
        width: 30%;
    }
    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .top-banner{
        width: 100%;
    }
    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-content{
        margin-left: 10px;
        margin-right: 10px;
    }
    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-inner-button{
        width: 200px;
    }
    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item.list-item-2 .item-inner-button{
        width: 100px;
    }
    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .item-division-line{
        width: 90%;
    }

    .price-table{
        width: 100%;
        height: auto;
    }
    .price-table-2, .price-table-3{
        width: 100%;
        height: auto;
    }
    .index-price .bricks .title{
        padding-top: 30px;
        margin-bottom: 10px;
    }
    .index-price .bricks .title-price-2{
        margin-top: 30px;
    }
    .index-price .protect-content .content-items{
        width: 22%;
    }
    .index-price .bricks{
        padding-bottom: 0;
    }
    .index-question .protect-content .content-items-wrapper{
        width: 46%;
    }
    .index-question .protect-content .content-items{
        width: 100%;
    }
    .index-question .protect-content .content-items .items-info{
        width: 100%;
    }
}

@media screen and (max-width: 450px){
    .index-price-banner.index-banner .txt h1{
        font-size: 22px;
        margin-bottom: 0;
    }
    .index-price-banner.index-banner .txt{
        text-align: center;
        height: 150px;
    }
    .fx-crm-manage .crm-manage-solution .solution-banner .title-list{
        width: 98%;
    }
    .fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item{
        width: 100%;
        margin-right: 0;
    }
    .fx-crm-manage .crm-manage-solution{
        padding-top: 0px;
    }
    .fx-price-section-main .header-item.free{
        width: 100px;
    }
    .fx-price-section-main .header-item{
        width: 30%;
    }
    .fx-price-section-main .header-item .wrapper{
        width: 80px;
    }
    .index-price .bricks .title{
        width: 100%;
        font-size: 20px;
    }
    .index-price .bricks .title-price-2{
        margin-top: 20px;
        font-size: 18px;
    }
    .index-price .protect-content .content-items .items-title, .index-price .protect-content .content-items .items-title-2{
        font-size: 14px;
        width: auto;
    }
    .index-price .protect-content .content-items .items-info{
        font-size: 12px;
        width: auto;
        margin-top: 10px;
    }
    .index-question .bricks .title{
        font-size: 20px;
    }
    .index-question .protect-content .content-items .items-title{
        width: auto;
        font-size: 13px;
        margin-bottom: 20px;
    }
    .index-question .protect-content .content-items{
        padding: 5px;
        height: 310px;
    }
    .index-question .protect-content .content-items .items-info{
        font-size: 12px;
    }
    .index-question{
        padding-bottom: 0;
    }
    .index-sy-price .bricks{
        padding: 0;
    }
    .index-sy-price .index-sy-title{
        font-size: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .index-sy-price, .index-sy-price .sy-box{
        height: auto;
    }
    .index-sy-price .index-sy-button{
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
        margin-bottom: 10px;
    }
}

/* 加8折的红色图标 */
.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item{
    position: relative;
}
.fx-crm-manage .crm-manage-solution .solution-banner .title-list .list-item .list-item-discount{
    position: absolute;
    top: -5px;
    left: 43px;
    background-image: url(../image/price-discount.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 37px;
    height: 46px;
    opacity: 1;
    font-size: 14px;
    font-family: PingFang SC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 40px;
}

/* 3.18 数跨境新增新年活动页 */
.index-activity-banner{
    height: 75px;
    background: #FFF;
}

@media screen and (max-width: 450px){
    .index-activity-banner{
        height: auto;
    }
}
.activity-banner{
    height: 700px;
    background-image: url(../image/newyear-s1-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* position: relative; */
    padding-top: 100px;
    /* padding-bottom: 20px; */
}

.activity-banner .title-1{
    width: 324px;
    height: 70px;
    border-radius: 100px 100px 100px 100px;
    opacity: 1;
    border: 2px solid #FFFFFF;
    margin: 0 auto;
    font-size: 38px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 70px;
    text-align: center;
    margin-bottom: 20px;
}

.activity-banner .title-2, .activity-banner .title-3, .activity-banner .title-4{
    /* height: 180px; */
    font-size: 80px;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 141px;
    letter-spacing: 2px;
    text-shadow: 2px 4px 4px rgba(18, 0, 85, 0.25);
    text-align: center;
}

.activity-banner .title-3{
    font-size: 90px;
    margin-bottom: 20px;
}

.activity-banner .title-4{
    font-size: 24px;
    line-height: 80px;
}

.activity-banner .newyear-banner-btn{
    display: block;
    width: 200px;
    height: 60px;
    background: linear-gradient(175deg, #91ECC9 0%, #FFFFFF 0%, #FFFFFF 100%);
    box-shadow: 0px 10px 15px 1px rgba(0, 148, 152, 0.3);
    border-radius: 5px 5px 5px 5px;
    opacity: 1;
    margin: 0 auto;
    font-size: 24px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #388BFF;
    line-height: 60px;
    text-align: center;
    /* position: absolute; */
    /* bottom: 20px; */
}

.activity-text{
    height: 872px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F3F6FA 100%);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.activity-text .text{
    padding-top: 50px;
    text-align: center;
    margin: 0 auto;
    width: 300px;
    width: 1000px;
    font-size: 16px;
    font-family: Source Han Sans CN-Normal, Source Han Sans CN;
    font-weight: 400;
    color: #012257;
    line-height: 27px;
}

.activity-text .text-title{
    width: 650px;
    margin: 50px auto;
    height: 54px;
    font-size: 32px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #012257;
    line-height: 42px;
    text-align: center;
}

.activity-text .text-title span{
    font-weight: bold;
    color: #388BFF;
}

.activity-text .protect-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.activity-text .protect-content .content-items {
    text-align: center;
    vertical-align: middle;
    width: 270px;
    height: 180px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 1px rgba(35, 33, 40, 0.1);
    border-radius: 10px 10px 10px 10px;
    opacity: 1;
}

.activity-text .protect-content .content-items>img {
    width: 68px;
    height: 68px;
    margin-top: 34px;
    margin-bottom: 5px;
}

.activity-text .protect-content .content-items .items-title {
    width: 185px;
    height: 60px;
    font-size: 16px;
    letter-spacing: 3px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #232128;
    line-height: 26px;
    margin: 0 auto;
}

.activity-text .text-title-2{
    width: 432px;
    margin: 140px auto 60px;
    height: 54px;
    font-size: 32px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #012257;
    line-height: 42px;
}

.upgrade{
    /* height: 300px; */
    background: #FFFFFF;
    padding-bottom: 120px;
}

.upgrade .text{
    width: 360px;
    /* height: 78px; */
    font-size: 16px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #232128;
    line-height: 27px;
    margin: 0 auto;
    text-align: center;
    /* padding-top: 600px; */
}

.upgrade .bricks{
    position: relative;
}

/* .upgrade .upgrade-content{
  overflow: hidden;
  position: absolute;
  top: -80px;
} */

.upgrade .upgrade-content-div{
    width: 370px;
    height: 296px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px -5px rgba(35, 33, 40, 0.25);
    border-radius: 10px 10px 10px 10px;
    opacity: 1;
    top: -78px;
    position: relative;
    /* float: left; */
    display: inline-block;
    margin-left: 15px;
}

.upgrade .upgrade-content-div:first-child{
    margin-left: 0;
}

.upgrade .upgrade-content-div .upgrade-content-banner{
    /* width: 100%; */
    height: 80px;
    background-image: url(../image/newyear-s3-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px 10px 0px 0px;
    font-size: 26px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 80px;
    text-align: center;
}

.upgrade .upgrade-content-div .enterprise-banner{
    background-image: url(../image/newyear-s3-2.png);
}

.upgrade .upgrade-content-div .database-banner{
    background-image: url(../image/newyear-s3-3.png);
}

.upgrade .upgrade-content-div .upgrade-txt{
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #012257;
    line-height: 26px;
}

/* 活动规则 */
.activity-rule{
    background: #F3F6FA;
    padding-top: 100px;
    padding-bottom: 100px;
}

.activity-title{
    background-image: url(../image/newyear-icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 252px;
    margin: 0 auto;
    text-align: center;
    font-size: 32px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #012257;
    line-height: 42px;
    vertical-align: middle;
    margin-bottom: 60px;
}

.activity-rule .activity-rule-txt{
    width: 1170px;
    height: 944px;
    background: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    opacity: 1;
    padding: 60px 40px;
}

.activity-rule .activity-rule-txt .line{
    height: 40px;
    font-size: 16px;
    font-family: Source Han Sans CN-Normal, Source Han Sans CN;
    font-weight: 400;
    color: #012257;
    line-height: 26px;
}

.activity-rule .activity-rule-txt .line span{
    font-weight: 500;
    color: #388BFF;
}
.activity-rule .activity-rule-txt .line-title{
    height: 16px;
    margin-top: 70px;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: Source Han Sans CN-Normal, Source Han Sans CN;
    font-weight: 400;
    color: #388BFF;
    line-height: 26px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.activity-rule .activity-rule-txt .line-title .line-icon{
    width: 4px;
    height: 16px;
    background: #388BFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    display: inline-block;
    margin-right: 10px;
}

.activity-rule .activity-rule-txt .progress-bar .bar-text{
    background-image: url(../image/newyear-s4-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 250px;
    height: 136px;
    border-radius: 10px 10px 10px 10px;
    opacity: 1;
    margin-bottom: 10px;
    padding-top: 40px;
    font-size: 16px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 23px;
    text-align: center;
    /* display: flex;
  align-items: center;
  justify-content: center; */
    display: inline-block;
    margin-right: 25px;
    padding-left: 16px;
    padding-right: 16px;
}

.activity-rule .activity-rule-txt .progress-bar .bar-text.bar-2{
    background-image: url(../image/newyear-s4-2.png);
}

.activity-rule .activity-rule-txt .progress-bar .bar-text.bar-3{
    background-image: url(../image/newyear-s4-3.png);
    /* padding-top: 20px; */
}

.activity-rule .activity-rule-txt .progress-bar .bar-text.bar-4{
    background-image: url(../image/newyear-s4-4.png);
    margin-right: 0;
    padding-top: 40px;
    position: relative;
    /* margin-bottom: -20px; */
}

.activity-rule .activity-rule-txt .progress-bar .bar-text.bar-4 .bar-banner{
    width: 140px;
    height: 24px;
    background-image: url(../image/newyear-s4-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: 14px;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 24px;
    position: absolute;
    top: -4px;
    left: 0;
}

.activity-rule .activity-rule-txt .process-img{
    margin-bottom: 10px;
}

.activity-rule .activity-rule-txt .process-bar-info .description-info{
    width: 122px;
    height: 30px;
    border-radius: 5px 5px 5px 5px;
    opacity: 1;
    border: 1px solid #388BFF;
    display: inline-block;
    font-size: 16px;
    font-family: Source Han Sans CN-Normal, Source Han Sans CN;
    font-weight: 400;
    color: #388BFF;
    line-height: 30px;
    text-align: center;
    margin-right: 150px;
}

.activity-rule .activity-rule-txt .process-bar-info .description-info.info-3{
    margin-right: 100px;
}

.activity-rule .activity-rule-txt .process-bar-info .description-info.info-4{
    width: 240px;
    margin-right: 0;
}

.activity-rule .activity-rule-txt .process-bar-info .description-info:first-child{
    margin-left: 70px;
}

.activity-rule .activity-rule-txt .bar-text-bottom{
    background-image: url(../image/newyear-s4-5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 250px;
    height: 136px;
    border-radius: 10px 10px 10px 10px;
    opacity: 1;
    margin-bottom: 10px;
    padding-top: 40px;
    font-size: 16px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 23px;
    text-align: center;
    /* display: flex;
  align-items: center;
  justify-content: center; */
    display: block;
    margin-right: 25px;
    padding-left: 16px;
    padding-right: 16px;
}

.activity-rule .activity-rule-txt .description-info-bottom{
    width: 202px;
    height: 30px;
    border-radius: 5px 5px 5px 5px;
    opacity: 1;
    border: 1px solid #388BFF;
    display: inline-block;
    font-size: 16px;
    font-family: Source Han Sans CN-Normal, Source Han Sans CN;
    font-weight: 400;
    color: #388BFF;
    line-height: 30px;
    text-align: center;
    margin-left: 20px;
}

.activity-rule .activity-rule-txt .gray-description{
    font-size: 16px;
    font-family: Source Han Sans CN-Normal, Source Han Sans CN;
    font-weight: 400;
    color: rgba(1, 34, 87, 0.4);
    line-height: 24px;
    margin-top: 60px;
}

/* 活动流程 */
.activity-procedure{
    background: #FFFFFF;
    padding-top: 100px;
    padding-bottom: 120px;
}

.activity-procedure .activity-title-info{
    width: 684px;
    height: 24px;
    font-size: 16px;
    font-family: Source Han Sans CN-Normal, Source Han Sans CN;
    font-weight: 400;
    color: #012257;
    line-height: 24px;
    margin: 0 auto;
    margin-top: -20px;
    margin-bottom: 40px;
}

.activity-procedure .activity-procedure-container{
    width: 1170px;
    height: 348px;
    background: rgba(243, 246, 250, 0.5);
    border-radius: 10px 10px 10px 10px;
    opacity: 1;
    padding: 70px 30px;
}

.activity-procedure .activity-procedure-container .procedure-img{
    width: 800px;
    margin: 0 auto;
    display: block;
}

.activity-procedure .activity-procedure-container .info-container{
    width: 200px;
    text-align: center;
    display: inline-block;
    margin-left: 46px;
    margin-top: 20px;
}

.activity-procedure .activity-procedure-container .info-container.container-1{
    margin-left: 80px;
}

.activity-procedure .activity-procedure-container .info-container .name{
    width: 108px;
    height: 26px;
    font-size: 18px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #012257;
    line-height: 26px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 8px;
}

.activity-procedure .activity-procedure-container .info-container .info{
    width: 200px;
    height: 48px;
    font-size: 14px;
    font-family: Source Han Sans CN-Normal, Source Han Sans CN;
    font-weight: 400;
    color: #012257;
    line-height: 24px;
    text-align: center;
}

.activity-procedure .activity-procedure-container .info-container .btn{
    width: 110px;
    height: 42px;
    background: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    opacity: 1;
    border: 1px solid #388BFF;
    font-size: 16px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #388BFF;
    line-height: 42px;
    margin: 0 auto;
    margin-top: 20px;
    cursor: pointer;
}

/* s6 立即邀请 */
.index-sy-activity{
    padding: 0;
    /* height: 300px; */
    background-image: url(../image/newyear-s6.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.index-sy-activity .bricks {
    padding: 0 60px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.index-sy-activity .sy-box {
    width: 941px;
    height: 352px;
    text-align: center;
}

.index-sy-activity .index-sy-title{
    height: 46px;
    font-size: 32px;
    letter-spacing: 4px;
    line-height: 46px;
    color: #FFFFFF;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
    margin-bottom: 35px;
}


.index-sy-activity span{
    color: #00ACBE;
}

.index-sy-activity .index-sy-button{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    height: 50px;
    background: #FFFFFF;
    box-shadow: 0px 16px 19px 0px rgba(38, 213, 232, 0.31);
    border-radius: 5px;
    font-size: 20px;
    font-weight: 500;
    color: #082391;
    line-height: 50px;
    letter-spacing: 4px;
}


.index-sy-activity .sy-box p {
    font-size: 24px;
    color: #fff;
    line-height: 33px;
    text-shadow: 0 1px 3px rgba(37,127,213,.5);
    margin-right: 30px
}

/* 新年活动页 弹出的4个窗口 */
.mask-window-1, .mask-window-2{
    width: 470px;
    height: 576px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 1px rgba(35, 33, 40, 0.1);
    border-radius: 10px 10px 10px 10px;
    opacity: 1;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
}

.mask-window-1 .mask-title{
    width: 200px;
    height: 26px;
    font-size: 18px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #232128;
    line-height: 26px;
    margin: 0 auto;
    margin-bottom: 24px;
}

.mask-window-1 .mask-btn{
    display: block;
    width: 160px;
    height: 42px;
    background: #388BFF;
    border-radius: 5px 5px 5px 5px;
    opacity: 1;
    font-size: 20px;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 42px;
    margin: 0 auto;
    margin-bottom: 60px;
}

.mask-window-1 .line{
    width: 410px;
    height: 2px;
    background: #E8EAED;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    margin: 0 auto;
    margin-bottom: 60px;
}

.mask-window-1 .mask-txt{
    width: 200px;
    height: 26px;
    font-size: 18px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #232128;
    line-height: 26px;
    margin: 0 auto;
    margin-bottom: 16px;
}

.mask-window-1 .mask-img{
    width: 160px;
    height: 160px;
}

/* 弹出窗口2 */
.mask-window-2{
    padding: 30px;
}

.mask-window-2 .mask-title-2{
    text-align: left;
    height: 26px;
    font-size: 18px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #232128;
    line-height: 26px;
    margin-bottom: 16px;
}

/* 弹出窗口3 */
.mask-window-3{
    width: 600px;
    /* height: 744px; */
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 1px rgba(35, 33, 40, 0.1);
    border-radius: 10px 10px 10px 10px;
    opacity: 1;
    margin: 0 auto;
}

.mask-window-3 .mask-banner{
    height: 102px;
    background-image: url(../image/newyear-s5-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 30px;
}

.mask-window-3 .mask-banner-btn{
    display: block;
    width: 160px;
    height: 42px;
    background: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    opacity: 1;
    font-size: 20px;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #3232C4;
    line-height: 42px;
    text-align: center;
    margin: 0 auto;
}

.mask-window-3 .mask-txt-container{
    padding: 10px 30px;
}

.mask-window-3 .mask-txt-container .mask-title-3{
    width: 144px;
    height: 26px;
    font-size: 18px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 400;
    color: #232128;
    line-height: 26px;
    margin-bottom: 12px;
    margin-top: 12px;
}

.mask-window-3 .mask-txt-container .mask-title-3 span{
    font-weight: 500;
}

.mask-window-4{
    width: 300px;
    height: 300px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 1px rgba(35, 33, 40, 0.1);
    border-radius: 10px 10px 10px 10px;
    opacity: 1;
    padding: 50px 70px;
    margin: 0 auto;
}

.mask-window-4 .mask-title-4{
    height: 26px;
    font-size: 18px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #232128;
    line-height: 26px;
    margin-bottom: 16px;
    text-align: center;
}

@media screen and (max-width: 1300px){
    .upgrade .upgrade-content-div{
        width: 31%;
    }

    .activity-rule .bricks, .activity-procedure .bricks, .upgrade .bricks{
        width: 95%;
        padding: 0;
    }

    .activity-text .protect-content .content-items{
        width: 20%;
    }

    .activity-banner .title-2{
        font-size: 80px;
    }
    .activity-banner .title-3{
        font-size: 100px;
    }
    /* .container.activity-text{
      overflow-x: visible;
  } */
}

@media screen and (max-width: 1200px){
    .activity-rule .activity-rule-txt{
        width: 100%;
    }
    .activity-rule .activity-rule-txt .line{
        font-size: 16px;
    }
    .activity-rule .activity-rule-txt .progress-bar .bar-text{
        width: 22.3%;
        font-size: 13px;
    }
    .activity-rule .activity-rule-txt .bar-text-bottom, .activity-rule .activity-rule-txt .description-info-bottom, .activity-rule .activity-rule-txt .gray-description{
        font-size: 13px;
    }
    .activity-rule .activity-rule-txt .process-bar-info .description-info{
        margin-right: 8.6%;
        font-size: 13px;
    }
    .activity-rule .activity-rule-txt .process-bar-info .description-info:first-child{
        margin-left: 50px;
    }
    .activity-rule .activity-rule-txt .process-bar-info .description-info.info-4{
        width: 200px;
    }
    .activity-rule .activity-rule-txt .process-img{
        width: 98%;
    }
    .activity-rule .activity-rule-txt .progress-bar .bar-text{
        padding-left: 10px;
        padding-right: 10px;
    }
    .activity-procedure .activity-procedure-container{
        width: 100%;
    }
    .activity-procedure .activity-procedure-container .info-container{
        width: 20%;
    }
    .activity-procedure .activity-procedure-container .info-container.container-1{
        margin-left: 5px;
    }
}

@media screen and (max-width: 450px){
    .activity-banner{
        height: 400px;
        padding-top: 50px;
    }
    .activity-banner .title-1{
        font-size: 20px;
        width: 200px;
        height: 50px;
        line-height: 50px;
    }
    .activity-banner .title-2, .activity-banner .title-3{
        font-size: 40px;
        height: auto;
        line-height: 80px;
    }
    .activity-text{
        height: auto;
    }
    .activity-text .text{
        width: 100%;
    }
    .activity-text .text-title{
        width: 100%;
        font-size: 16px;
        text-align: center;
    }
    .activity-text .protect-content .content-items{
        width: 47%;
        margin-bottom: 10px;
    }
    .activity-text .protect-content .content-items .items-title{
        width: auto;
        font-size: 13px;
    }
    .activity-text .text-title-2{
        margin: 10px auto;
        width: 100%;
        font-size: 20px;
        text-align: center;
    }
    .upgrade .upgrade-content-div{
        width: 100%;
        margin-bottom: 30px;
        margin-left: 0;
    }
    .upgrade .text{
        width: 100%;
    }
    .activity-title{
        width: 50%;
        font-size: 20px;
    }
    .activity-rule{
        padding-top: 20px;
    }
    .activity-rule .activity-rule-txt .line, .activity-rule .activity-rule-txt .line-title{
        font-size: 14px;
    }
    .activity-rule .activity-rule-txt .line-title{
        margin-top: 100px;
    }
    .activity-rule .activity-rule-txt .progress-bar .bar-text{
        padding-left: 0;
        padding-right: 0;
        width: 80%;
    }
    .activity-rule .activity-rule-txt .process-img, .activity-procedure .activity-procedure-container .procedure-img{
        display: none;
    }
    .process-bar-info{
        display: none;
    }
    .activity-rule .activity-rule-txt{
        height: auto;
    }
    .activity-rule .activity-rule-txt .gray-description{
        margin-top: 10px;
        font-size: 10px;
    }
    .activity-procedure{
        padding-top: 30px;
    }
    .activity-procedure .activity-title-info{
        width: 100%;
        font-size: 14px;
        text-align: center;
    }
    .activity-procedure .activity-procedure-container .info-container{
        width: 100%;
        margin-left: 0;
        text-align: center;
        margin-bottom: 20px;
    }
    .activity-procedure .activity-procedure-container{
        height: auto;
    }
    .activity-procedure .activity-procedure-container .info-container .info{
        width: 100%;
    }
    .mask-window-1, .mask-window-2{
        width: 100%;
    }
    .dashboard-intro-mask .video-wrapper.video-wrapper-3,.mask-window-3 .mask-banner{
        width: 100%;
    }
    .mask-window-3 .mask-banner-btn, .activity-banner .newyear-banner-btn{
        width: 120px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }
    .index-sy-activity .index-sy-title{
        margin-top: 30px;
        font-size: 20px;
    }
    .index-sy-activity .index-sy-button{
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        margin-top: 40px;
    }
    .index-sy-activity .sy-box{
        width: 100%;
    }
    .index-sy-activity .bricks{
        padding: 0;
    }
    .index-sy-activity .index-sy-title{
        margin-bottom: 60px;
    }
    .mask-window-3 .mask-banner-btn{
        margin: 0 auto;
    }
    .mask-img-3{
        width: 100%;
    }
    .mask-window-3 .mask-txt-container{
        width: 100%;
    }
    .mask-window-3{
        width: 100%;
    }
    .activity-text .protect-content{
        margin-bottom: 40px;
    }
}

.qddhIcon{
    -webkit-animation: bigTosmall .5s ease infinite;
    animation: bigTosmall .5s ease infinite;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij48cGF0aCBmaWxsPSIjRjhCQzMyIiBkPSJNNy4xNTIuOTVjLjI2Mi0uNjE2Ljc4Ni0uNjE2IDEuMDQ4IDBsMS4zMSAyLjczYy4yNjIuNjE2IDEuMTM2IDEuMjMyIDEuNzQ4IDEuMzJsMi43OTUuNDRjLjY5OS4wODkuODczLjYxNy4zNSAxLjA1N2wtMi4wMSAyLjExM2MtLjUyNC41MjgtLjc4NiAxLjQ5Ny0uNjk5IDIuMTEzbC41MjQgMi45OTRjLjA4OC43MDQtLjI2Mi45NjgtLjg3My42MTZsLTIuNDQ2LTEuNDA5Yy0uNjEyLS4zNTItMS41NzItLjM1Mi0yLjE4NCAwTDQuMjcgMTQuMzMzYy0uNjExLjM1Mi0xLjA0OC4wODgtLjg3My0uNjE2bC41MjQtMi45OTRjLjA4Ny0uNzA0LS4xNzUtMS42NzMtLjctMi4xMTNMLjk1IDYuNTg1Qy41MTMgNi4wNTcuNjg4IDUuNTMgMS4zIDUuNDQxTDQuMDkzIDVjLjctLjA4OSAxLjQ4NS0uNzA1IDEuNzQ4LTEuMzIxTDcuMTUyLjk1WiIvPjwvc3ZnPg==) no-repeat 0;
    display: inline-block;
    height: 16px;
    /* margin-left: 2px; */
    /* margin-right: 5px; */
    width: 16px;
}

/* s4 丰富跨境电商模板，开箱即用 start */
.xsk-index {
    width: 100%;
    background-image: url('../image/template_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 3.125rem 0 8rem 0;

}
.xsk-index-tab {
    margin-top: 2.375rem;
}

.xsk-index-tab ul {
    width: 72.5rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.xsk-index-tab ul li {
    width: 12.3125rem;
    height: 3.75rem;
    background: #FFFFFF;
    text-align: center;
    font-size: 1.25rem;
    border-radius: .375rem;
    -webkit-border-radius: .375rem;
    -moz-border-radius: .375rem;
    -ms-border-radius: .375rem;
    -o-border-radius: .375rem;
    cursor: pointer;
    overflow: hidden;
    text-emphasis: none;
}
.tabActive {
    background: #00AFC1 !important;
    color: #FFFFFF;
    box-shadow: 0px 2px 20px 1px rgba(0,174,188,0.3);
}
.xsk-index-tab ul li:hover {
    box-shadow: 0px 2px 20px 1px rgba(0,0,0,0.1);
}
.xsk-index-contents {
    margin-top: 2.375rem;
}
.xsk-index-contents ul {
    width: 72.5rem;
    height: 34.3125rem;
    border: 4px solid #FFFFFF;
    border-radius: .75rem;
    -webkit-border-radius: .75rem;
    -moz-border-radius: .75rem;
    -ms-border-radius: .75rem;
    -o-border-radius: .75rem;
    margin: 0 auto;
}
.xsk-index-contents ul li {
    width: 72.5rem;
    height: 34.3125rem;
    background: #FFFFFF;
    border-radius: .75rem;
    overflow: hidden;
}
.xsk-index-contents-iframe {
    width: 72.5rem;
    height: 34.3125rem;
    border-radius: .75rem;
    overflow: hidden;
}


/* 手机 */
@media (max-width: 767px) {
    .xsk-index-tab ul li {
        font-size: .75rem;
        height: 2.75rem;
        line-height: 2.75rem;
    }
}
/* 平板 */
@media (min-width: 768px) {
    .xsk-index-tab ul li {
        line-height:  3.75rem;
    }
}
/* 电脑 */
@media (min-width: 992px) {
    .xsk-index-tab ul li {
        line-height:  3.75rem;
    }
}
/* 大显示器 */
@media (min-width: 1200px) {
    .xsk-index-tab ul li {
        line-height: 3.75rem;
    }
}
/* s4 丰富跨境电商模板，开箱即用 end */


/* 部分页面的footer宽度会被bootstrap覆盖 */
.container.footer{
    width: 100% !important;
}

.cursor-point {
    cursor: pointer;
}


.content-description {
    text-align: center !important;
    color: rgba(13,21,64,.4);
}

.item-content-header {
    display: flex;
    align-items: center;
    margin: 0 auto 15px;
}

.item-content-header-text {
    margin-left: 8px;
    margin-right: 8px;
    color: rgba(13,21,64,.4);
}

.item-content-header-line {
    background: rgba(13, 21, 64, 0.1);
    height: 1px;
    flex: 1;
}

.templates-top-banner-bg {
    background-image: url('../image/s1.png');
    height: 600px;
}

.index-banner.templates-top-banner-bg .txt {
    margin-top: 50px;
}