.fx-header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: hsla(0, 0%, 100%, .3);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    width: 100%;
    z-index: 99
}
a.header-menu-mask .header-menu-pane .solution-item-content  {
    cursor: pointer;
    max-height: 999999px;
    outline: none;
    text-decoration: none!important;
}
.header-menu-mask .header-menu-pane .solution-item-content p{
    display: contents;
}

.fx-header a:focus {
    outline: none
}

.fx-header a:hover {
    outline: none;
    text-decoration: none
}
.fx-header p{
    margin-bottom: 0;
}
/*宽度超过1140*/
@media (min-width: 1080px) {
    .fx-header{
        display: none!important;
    }
}
@media (max-width: 1080px) {
    .fheader{
        display: none!important;
    }
}


.fx-header.transparent {
    background: hsla(0, 0%, 100%, .3);
    -webkit-box-shadow: none;
    box-shadow: none
}

.fx-header.show {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1)
}

.fx-header.show .menu-icon>i {
    color: #1f2d3d
}

.fx-header.show .header-item .logo {
    display: inline-block
}

.fx-header.show .header-item .logo-white {
    display: none
}

.fx-header.show .menu .menu-item,
.fx-header.show .menu .menu-item .s-box {
    color: #141e31
}

.fx-header.show .menu .menu-item.active>a {
    color: #0089ff
}

.fx-header.show .menu .menu-item.active>div {
    color: #0089ff
}

.fx-header.show .menu .menu-item.active:hover i {
    color: #0089ff
}

.fx-header.show .right-wrapper .menu-item.phone {
    color: #141e31
}

.fx-header.show .right-wrapper .menu-item.signin {
    border: 1px solid #0089ff;
    color: #0089ff
}

.fx-header.show .right-wrapper .menu-item.lang-switch {
    color: #525967
}

.fx-header.show .right-wrapper .menu-item.lang-switch i:nth-child(n) {
    color: #838892
}

.fx-header:hover {
    background: #fff !important;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) !important
}

.fx-header .header-wrapper {
    height: 100%;
    max-width: 1920px;
    width: 100%
}

.fx-header .header-item,
.fx-header .header-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-header .header-item {
    padding: 0 16px 0 24px
}

.fx-header .header-item .logo,
.fx-header .header-item .logo-white {
    height: 26px;
    width: 110px
}

.fx-header .header-item .logo-white {
    display: none
}

.fx-header .menu {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 16px
}

.fx-header .menu .menu-item {
    color: #141e31;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 60px;
    padding: 0 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fx-header .menu .menu-item .solution-list-pc {
    border-top: 1px solid #e7e7e7;
    cursor: auto;
    font-weight: 400;
    height: auto;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 60px;
    -webkit-transition: .2s;
    transition: .2s;
    visibility: hidden;
    width: 100%
}

.fx-header .menu .menu-item .solution-list-pc .solution-item {
    margin-right: 48px;
    width: 172px
}

.fx-header .menu .menu-item .solution-list-pc .solution-item .solution-item-tit {
    width: 148px
}

.fx-header .menu .menu-item .solution-list-pc .solution-list-content {
    background: #fff;
    -webkit-box-shadow: 0 20px 32px -10px rgba(0, 0, 0, .08);
    box-shadow: 0 20px 32px -10px rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    padding: 40px 0 40px 170px
}

.fx-header .menu .menu-item .solution-list-pc .solution-item-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 16px;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 12px;
    width: 172px
}

.fx-header .menu .menu-item .solution-list-pc .solution-item-content .icon {
    background: url(https://blog-assets.jiandaoyun.com/v1519/index/header/menu_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 160px 100px;
    height: 20px;
    margin: 12px;
    width: 20px
}

.fx-header .menu .menu-item .solution-list-pc .solution-item-content:hover {
    background: #f5f6f8;
    border-radius: 4px;
    color: #283a4c;
    font-weight: 600
}

.fx-header .menu .menu-item .solution-list-pc .solution-item-content .solution-info {
    -webkit-box-flex: 5;
    color: #283a4c;
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
    font-size: 14px;
    padding: 0;
    text-align: left
}

.fx-header .menu .menu-item .solution-list-pc .solution-item-content .solution-info .tip {
    height: auto;
    margin: 0;
    position: absolute;
    right: -42px;
    top: 10px;
    width: 30px
}

.fx-header .menu .menu-item .solution-list-pc .solution-item-content .solution-info:nth-child(odd) {
    margin-right: 11px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .form {
    background-position: 0 0
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .flow {
    background-position: 0 -20px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .dashboard {
    background-position: 0 -40px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .organization {
    background-position: -20px 0
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .system {
    background-position: -20px -20px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .notice {
    background-position: -20px -40px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .cooper {
    background-position: -20px -60px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .interconnect {
    background-position: -20px -80px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .warning {
    background-position: -40px 0
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .printf {
    background-position: -40px -20px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .ocr {
    background-position: -40px -40px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .bpa {
    background-position: -40px -60px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .personal {
    background-position: -40px -80px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .crm {
    background-position: -60px 0
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .kms {
    background-position: -60px -20px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5e6d82;
    padding: 0
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item .solution-item-tit {
    border-bottom: 1px solid #e9e9e9;
    color: #5e6d82;
    font-size: 12px;
    font-weight: 400;
    height: 38px;
    line-height: 22px;
    margin-bottom: 12px;
    margin-left: 12px;
    position: relative
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content {
    padding: 0
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .left-container {
    position: relative
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #0089ff;
    border-radius: 4px;
    bottom: 60px;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    padding: 8px 24px;
    position: absolute;
    right: 48px;
    text-align: center
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .btn i {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .btn:hover {
    background: #4dd4b8
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .btn:hover .icon-next {
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .header-pagination-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #ebecee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    height: 320px;
    padding: 40px 40px 0 170px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .header-pagination-container .header-pagination-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #fff;
    border-left: 5px solid #fff;
    border-radius: 4px;
    color: #141e31;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    height: 120px;
    height: 40px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 1;
    padding-left: 19px;
    width: 172px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .header-pagination-container .header-pagination-item .header-pagination-content {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .header-pagination-container .header-pagination-item:hover {
    color: #0089ff
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .header-pagination-container .swiper-pagination-bullet-active {
    background: #f3fafb;
    border-left: 5px solid #0089ff;
    color: #0089ff
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .header-swiper-container {
    padding: 40px 0 0 40px;
    width: 1200px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .header-swiper-container .solution-info {
    border-radius: 4px;
    color: #141e31;
    font-size: 14px;
    height: 28px;
    line-height: 20px;
    padding-bottom: 4px;
    padding-top: 4px;
    width: 172px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .header-swiper-container .solution-info .has-tip {
    display: inline-block;
    position: relative
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .header-swiper-container .solution-info .has-tip .tip {
    width: 30px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block {
    margin-bottom: 40px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block:last-child {
    margin-bottom: 0
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block .solution-item-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block .solution-item-container .solution-item {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5e6d82;
    line-height: 0;
    padding: 0
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block .solution-item-container .solution-item:last-child {
    margin-right: 80px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block .solution-item-container .solution-item .solution-item-tit {
    border-bottom: 1px solid #e9e9e9;
    color: #525967;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 32px;
    line-height: 16px;
    margin: 0 0 20px 12px;
    width: 148px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block .solution-item-content {
    height: 32px;
    margin-bottom: 4px;
    padding-left: 12px;
    width: auto
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block .solution-item-content .has-tip {
    display: inline-block;
    height: 12px;
    position: relative;
    width: 30px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block .solution-item-content .has-tip .tip {
    left: 12px;
    position: absolute;
    top: 0
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container {
    -webkit-box-shadow: 0 20px 32px -10px rgba(0, 0, 0, .08);
    box-shadow: 0 20px 32px -10px rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container {
    border-right: 1px solid #ebecee;
    position: relative;
    width: 414px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content {
    position: absolute;
    right: 32px;
    top: 70px;
    width: 200px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .container-title {
    color: #141e31;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .container-subtitle {
    color: #525967;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 80px;
    margin-top: 24px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #0089ff;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    padding: 8px 24px;
    text-align: center
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .btn i {
    color: #fff;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .btn:hover {
    background: #4dd4b8
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .btn:hover .icon-next {
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    gap: 20px;
    padding: 40px 0 60px 40px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-content .solution-item {
    margin-right: 0;
    width: 124px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-content .solution-item .case-item {
    height: 48px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item {
    width: 172px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item-title {
    color: #525967;
    font-size: 12px;
    line-height: 16px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    height: 56px;
    margin-top: 20px;
    position: relative;
    width: auto
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item img {
    -webkit-clip-path: inset(2px);
    clip-path: inset(2px);
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    vertical-align: baseline;
    width: 100%
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item .show-case,
.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item .stay-tuned {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    width: 100%
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item .show-case {
    color: #0089ff
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item .stay-tuned {
    color: #525967
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item:hover img {
    opacity: 0
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item:hover .show-case,
.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item:hover .stay-tuned {
    opacity: 1
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item:last-child {
    margin-right: 80px
}

.fx-header .menu .menu-item.case .solution-list-pc .more {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 76px;
    margin-left: 32px;
    margin-top: 46px;
    width: 56px
}

.fx-header .menu .menu-item.case .solution-list-pc .more .text {
    color: #141e31;
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px
}

.fx-header .menu .menu-item.case .solution-list-pc .more .iconfont {
    color: #525967;
    font-size: 35px;
    height: 35px;
    width: 35px
}

.fx-header .menu .menu-item.case .solution-list-pc .more .iconfont:before {
    bottom: 12px;
    position: relative
}

.fx-header .menu .menu-item.case .solution-list-pc .more:hover .iconfont,
.fx-header .menu .menu-item.case .solution-list-pc .more:hover .text {
    color: #0089ff
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item-content .intro {
    background-position: -80px 0
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item-content .white {
    background-position: -80px -20px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item-content .zero {
    background-position: -80px -40px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item-content .manu {
    background-position: -80px -60px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item-content .sale {
    background-position: -100px 0
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item-content .equip {
    background-position: -100px -20px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item-content .purc {
    background-position: -100px -40px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item-content .manu-info {
    background-position: -100px -60px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item-content .about {
    background-position: -120px 0
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item-content .all {
    background-position: -120px -20px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item-content .saas {
    background-position: -120px -40px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item-content .syst {
    background-position: -120px -60px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5e6d82;
    padding: 0
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item .solution-item-tit {
    border-bottom: 1px solid #e9e9e9;
    color: #5e6d82;
    font-size: 12px;
    font-weight: 400;
    height: 38px;
    line-height: 22px;
    margin-bottom: 12px;
    margin-left: 12px;
    position: relative
}

.fx-header .menu .menu-item.material-center .solution-list-pc .more {
    border-radius: 4px;
    height: 241px;
    margin-left: 32px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 200px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .more img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%
}

.fx-header .menu .menu-item.material-center .solution-list-pc .more:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.fx-header .menu .menu-item.material-center .solution-list-pc .more:hover .text {
    background: #4dd4b8
}

.fx-header .menu .menu-item.material-center .solution-list-pc .more .text {
    background: #0089ff;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    margin-top: 185px;
    padding: 4px 16px;
    position: relative;
    z-index: 1
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .help {
    background-position: -140px 0
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .video {
    background-position: -140px -20px
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .forum {
    background-position: -140px -40px
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .training {
    background-position: -140px -60px
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .cultivation {
    background-position: -140px -80px
}

.fx-header .menu .menu-item .s-box {
    color: #141e31
}

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

.fx-header .menu .menu-item.hover-effect.has-child .solution-list-pc {
    opacity: 1;
    visibility: visible
}

.fx-header .menu .menu-item:hover .s-box {
    color: #0089ff
}

.fx-header .menu .menu-item:hover .s-box>div {
    color: #0089ff
}

.fx-header .menu .menu-item:hover>div {
    color: #0089ff
}

.fx-header .menu .menu-item.wrapper-workwx {
    padding-left: 0
}

.fx-header .menu .menu-item.wrapper-workwx img {
    height: 24px
}

.fx-header .menu .menu-item.active>a {
    color: #0089ff
}

.fx-header .menu .menu-item.active>div {
    color: #0089ff
}

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

.fx-header .menu .solution-list {
    display: none;
    left: 0;
    padding-top: 10px;
    position: absolute;
    top: 60px;
    width: 148px
}

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

.fx-header .menu .solution-list .solution-item {
    background: #fff;
    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);
    color: #474b51;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    padding: 15px 8px;
    width: 100%
}

.fx-header .menu .solution-list .solution-item.left {
    float: left
}

.fx-header .menu .solution-list .solution-item.right {
    float: right
}

.fx-header .menu .solution-info {
    border-radius: 4px;
    color: #474b51;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding-left: 12px;
    width: 144px
}

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

.fx-header .menu .solution-info .has-tip .tip {
    position: absolute;
    right: -12px;
    top: 6px;
    width: 18px
}

.fx-header .right-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-header .right-wrapper .menu-item {
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-right: 16px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fx-header .right-wrapper .menu-item.phone {
    color: #141e31;
    cursor: text;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-right: 20px;
    padding: 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

@-webkit-keyframes shake-rotate {
    89% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    90% {
        -webkit-transform: translate(0) rotate(15deg);
        transform: translate(0) rotate(15deg)
    }

    91% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    92% {
        -webkit-transform: translate(0) rotate(-15deg);
        transform: translate(0) rotate(-15deg)
    }

    93% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    94% {
        -webkit-transform: translate(0) rotate(15deg);
        transform: translate(0) rotate(15deg)
    }

    95% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    96% {
        -webkit-transform: translate(0) rotate(-15deg);
        transform: translate(0) rotate(-15deg)
    }

    97% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    98% {
        -webkit-transform: translate(0) rotate(15deg);
        transform: translate(0) rotate(15deg)
    }

    99% {
        -webkit-transform: translate(0) rotate(-15deg);
        transform: translate(0) rotate(-15deg)
    }

    0%,
    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@keyframes shake-rotate {
    89% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    90% {
        -webkit-transform: translate(0) rotate(15deg);
        transform: translate(0) rotate(15deg)
    }

    91% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    92% {
        -webkit-transform: translate(0) rotate(-15deg);
        transform: translate(0) rotate(-15deg)
    }

    93% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    94% {
        -webkit-transform: translate(0) rotate(15deg);
        transform: translate(0) rotate(15deg)
    }

    95% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    96% {
        -webkit-transform: translate(0) rotate(-15deg);
        transform: translate(0) rotate(-15deg)
    }

    97% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    98% {
        -webkit-transform: translate(0) rotate(15deg);
        transform: translate(0) rotate(15deg)
    }

    99% {
        -webkit-transform: translate(0) rotate(-15deg);
        transform: translate(0) rotate(-15deg)
    }

    0%,
    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

.fx-header .right-wrapper .menu-item.phone img {
    -webkit-animation: shake-rotate 3s ease-in-out infinite;
    animation: shake-rotate 3s ease-in-out infinite;
    height: 24px;
    margin-right: 4px;
    vertical-align: bottom;
    width: 24px
}

.fx-header .right-wrapper .menu-item.signin {
    background: hsla(0, 0%, 100%, .6);
    border: 1px solid #0089ff;
    color: #0089ff;
    padding: 8px 40px
}

.fx-header .right-wrapper .menu-item.signin:hover {
    background: #e6f9f5
}

.fx-header .right-wrapper .menu-item.register {
    background: #0089ff;
    line-height: 24px;
    margin-right: 24px;
    padding: 8px 40px
}

.fx-header .right-wrapper .menu-item.register:hover {
    background: #0089ff
}

.fx-header .right-wrapper .mobile {
    display: none
}

.fx-header .right-wrapper .pc {
    display: inline-block
}

.fx-header .right-wrapper .menu-item.lang-switch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border: none;
    color: #525967;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 24px;
    padding: 24px 0;
    position: relative
}

.fx-header .right-wrapper .menu-item.lang-switch>* {
    display: inline-block
}

.fx-header .right-wrapper .menu-item.lang-switch>i:first-child {
    color: #838892;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    width: 18px
}

.fx-header .right-wrapper .menu-item.lang-switch>i:nth-child(3) {
    color: #838892;
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    width: 24px
}

.fx-header .right-wrapper .menu-item.lang-switch .locale {
    font-size: 16px;
    font-weight: 500;
    margin-left: 8px;
    margin-right: 6px
}

.fx-header .right-wrapper .menu-item.lang-switch:hover {
    color: #0089ff
}

.fx-header .right-wrapper .menu-item.lang-switch:hover>i:first-child,
.fx-header .right-wrapper .menu-item.lang-switch:hover>i:nth-child(3) {
    color: #0089ff
}

.fx-header .right-wrapper .menu-item.lang-switch .lang-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(20, 30, 49, .1);
    box-shadow: 0 2px 8px 0 rgba(20, 30, 49, .1);
    color: #525967;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    left: -14px;
    overflow: hidden;
    padding: 8px;
    position: absolute;
    top: 70px;
    width: 104px
}

.fx-header .right-wrapper .menu-item.lang-switch .lang-list .lang-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-weight: 400;
    height: 32px;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 6px 16px;
    width: 100%
}

.fx-header .right-wrapper .menu-item.lang-switch .lang-list .lang-item:hover {
    background: #edeff3;
    font-weight: 600
}

.fx-header .right-wrapper .workwx-login-btn {
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    margin-right: 60px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.fx-header .right-wrapper .workwx-login-btn:hover {
    -webkit-filter: brightness(.9);
    filter: brightness(.9)
}

.fx-header .right-wrapper .workwx-login-btn img {
    height: 35px
}

.fx-header .menu-icon {
    display: block
}

.fx-header .menu-icon.active {
    color: #1f2d3d
}

.fx-header .menu-icon>i {
    color: #1f2d3d;
    cursor: pointer;
    font-size: 32px
}

.x-window-mask {
    background-color: transparent;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: background-color opacity;
    transition: background-color opacity;
    -webkit-transition-duration: 218ms;
    transition-duration: 218ms;
    z-index: -1
}

.x-window-mask.dark-in {
    background-color: rgba(0, 0, 0, .25);
    z-index: 15
}

.header-menu-mask .header-menu-pane {
    background: #fff;
    border-radius: 0 0 16px 16px;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 16px;
    height: 540px;
    padding-top: 60px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 218ms;
    transition: -webkit-transform 218ms;
    transition: transform 218ms;
    transition: transform 218ms, -webkit-transform 218ms;
    width: 100%
}

.header-menu-mask .header-menu-pane .no-icon {
    color: #525967;
    margin-left: 8px
}

.header-menu-mask .header-menu-pane .solution-item-content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    height: 44px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 12px 24px;
    text-decoration: none!important;
}

.header-menu-mask .header-menu-pane .solution-item-content .icon {
    background: url(https://blog-assets.jiandaoyun.com/v1519/index/header/menu_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 160px 100px;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.header-menu-mask .header-menu-pane .solution-item-content .form {
    background-position: 0 0
}

.header-menu-mask .header-menu-pane .solution-item-content .flow {
    background-position: 0 -20px
}

.header-menu-mask .header-menu-pane .solution-item-content .dashboard {
    background-position: 0 -40px
}

.header-menu-mask .header-menu-pane .solution-item-content .organization {
    background-position: -20px 0
}

.header-menu-mask .header-menu-pane .solution-item-content .system {
    background-position: -20px -20px
}

.header-menu-mask .header-menu-pane .solution-item-content .notice {
    background-position: -20px -40px
}

.header-menu-mask .header-menu-pane .solution-item-content .cooper {
    background-position: -20px -60px
}

.header-menu-mask .header-menu-pane .solution-item-content .interconnect {
    background-position: -20px -80px
}

.header-menu-mask .header-menu-pane .solution-item-content .warning {
    background-position: -40px 0
}

.header-menu-mask .header-menu-pane .solution-item-content .printf {
    background-position: -40px -20px
}

.header-menu-mask .header-menu-pane .solution-item-content .ocr {
    background-position: -40px -40px
}

.header-menu-mask .header-menu-pane .solution-item-content .bpa {
    background-position: -40px -60px
}

.header-menu-mask .header-menu-pane .solution-item-content .personal {
    background-position: -40px -80px
}

.header-menu-mask .header-menu-pane .solution-item-content .crm {
    background-position: -60px 0
}

.header-menu-mask .header-menu-pane .solution-item-content .kms {
    background-position: -60px -20px
}

.header-menu-mask .header-menu-pane .solution-item-content .help {
    background-position: -140px 0
}

.header-menu-mask .header-menu-pane .solution-item-content .video {
    background-position: -140px -20px
}

.header-menu-mask .header-menu-pane .solution-item-content .forum {
    background-position: -140px -40px
}

.header-menu-mask .header-menu-pane .solution-item-content .training {
    background-position: -140px -60px
}

.header-menu-mask .header-menu-pane .solution-item-content .cultivation {
    background-position: -140px -80px
}

.header-menu-mask .header-menu-pane .solution-item-content .intro {
    background-position: -80px 0
}

.header-menu-mask .header-menu-pane .solution-item-content .white {
    background-position: -80px -20px
}

.header-menu-mask .header-menu-pane .solution-item-content .zero {
    background-position: -80px -40px
}

.header-menu-mask .header-menu-pane .solution-item-content .manu {
    background-position: -80px -60px
}

.header-menu-mask .header-menu-pane .solution-item-content .sale {
    background-position: -100px 0
}

.header-menu-mask .header-menu-pane .solution-item-content .equip {
    background-position: -100px -20px
}

.header-menu-mask .header-menu-pane .solution-item-content .purc {
    background-position: -100px -40px
}

.header-menu-mask .header-menu-pane .solution-item-content .manu-info {
    background-position: -100px -60px
}

.header-menu-mask .header-menu-pane .solution-item-content .about {
    background-position: -120px 0
}

.header-menu-mask .header-menu-pane .solution-item-content .all {
    background-position: -120px -20px
}

.header-menu-mask .header-menu-pane .solution-item-content .saas {
    background-position: -120px -40px
}

.header-menu-mask .header-menu-pane .solution-item-content .syst {
    background-position: -120px -60px
}

.header-menu-mask .header-menu-pane .s-box {
    display: none
}

.header-menu-mask .header-menu-pane .m-header-pagination-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #f8fafb;
    border-radius: 0 0 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 12px;
    -webkit-transform: none;
    transform: none;
    width: 120px
}

.header-menu-mask .header-menu-pane .m-header-pagination-container .header-pagination-item {
    background-color: #f8fafb;
    border-radius: 0;
    color: #141e31;
    font-size: 16px;
    height: 48px;
    line-height: 24px;
    margin: 0;
    opacity: 1;
    padding: 12px 24px;
    width: 100%
}

.header-menu-mask .header-menu-pane .m-header-pagination-container .lang-wrapper {
    height: 64px;
    padding: 0 24px 0 20px
}

.header-menu-mask .header-menu-pane .m-header-pagination-container .lang-wrapper .lang-switch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: 0 0 0 20px;
    width: 25%
}

.header-menu-mask .header-menu-pane .m-header-pagination-container .lang-wrapper .lang-switch i {
    color: #838892;
    font-size: 24px
}

.header-menu-mask .header-menu-pane .m-header-pagination-container .lang-wrapper .lang-switch .locale {
    color: #525967;
    font-size: 16px;
    font-weight: 500;
    margin: 0 6px
}

.header-menu-mask .header-menu-pane .m-header-pagination-container .swiper-pagination-bullet-active {
    background-color: #fff;
    color: #0089ff;
    position: relative
}

.header-menu-mask .header-menu-pane .m-header-pagination-container .swiper-pagination-bullet-active:before {
    background: #0089ff;
    border-radius: 0 4px 4px 0;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4px
}

.header-menu-mask .header-menu-pane .menu-wrapper {
    -ms-overflow-style: none;
    height: 468px;
    left: 120px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 25px;
    position: absolute;
    scrollbar-width: none;
    top: 72px
}

.header-menu-mask .header-menu-pane .menu-wrapper::-webkit-scrollbar {
    display: none
}

.header-menu-mask .header-menu-pane .menu-wrapper .swiper-slide {
    width: 255px
}

.header-menu-mask .header-menu-pane .menu-item {
    color: #141e31;
    display: block;
    height: 480px
}

.header-menu-mask .header-menu-pane .menu-item .solution-list {
    -ms-overflow-style: none;
    height: 480px;
    overflow: scroll;
    scrollbar-width: none
}

.header-menu-mask .header-menu-pane .menu-item .solution-list::-webkit-scrollbar {
    display: none
}

.header-menu-mask .header-menu-pane .menu-item.wrapper-dingtalk {
    display: none
}

.header-menu-mask .header-menu-pane .menu-item.lang-switch {
    bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center
}

.header-menu-mask .header-menu-pane.active {
    -webkit-transform: translate(0);
    transform: translate(0)
}

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

.fx-footer-info>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.lang-switch-mask .lang-list {
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(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 {
    border-bottom: 1px solid #c9ced9;
    line-height: 50px;
    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);
    transform: translate(0)
}

.fx-header-free-register {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: hsla(0, 0%, 100%, .95);
    -webkit-box-shadow: 0 5px 8px 0 rgba(64, 106, 103, .13);
    box-shadow: 0 5px 8px 0 rgba(64, 106, 103, .13);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 60px;
    left: 0;
    line-height: 60px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3
}

.fx-header-free-register.logo-header {
    position: relative
}

.fx-header-free-register .header-item {
    padding: 0 20px
}

.fx-header-free-register .header-item .logo {
    height: 25px;
    width: 106px
}

.fx-header-free-register .header-item .center-logo {
    height: 32px;
    width: 164px
}

.fx-header-free-register .right-wrapper {
    position: absolute;
    right: 0;
    top: 0
}

.fx-header-free-register .right-wrapper .menu-item {
    background: #0089ff;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 10px 24px;
    padding: 8px 24px;
    text-align: center
}

.fx-header-free-register .right-wrapper .menu-item:hover {
    background: #4dd4b8
}

@media screen and (min-width:1920px) {
    .fx-header .header-wrapper .menu .menu-item .solution-list-pc {
        background-color: #fff;
        -webkit-box-shadow: 0 20px 32px -10px rgba(0, 0, 0, .1);
        box-shadow: 0 20px 32px -10px rgba(0, 0, 0, .1)
    }

    .fx-header .header-wrapper .menu .menu-item .solution-list-pc .solution-list-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .fx-header .header-wrapper .menu .menu-item .solution-list-pc .solution-list-wrapper .solution-list-content {
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 1920px
    }

    .fx-header .header-wrapper .menu .case .solution-list-pc .solution-list-wrapper .solution-list-container {
        width: 1680px
    }
}

@media screen and (max-width:1500px) {
    .fx-header .header-wrapper .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block:last-child {
        margin-bottom: 0
    }

    .fx-header .header-wrapper .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block .solution-item-container .solution-item {
        margin-right: 15px
    }

    .fx-header .header-wrapper .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block .solution-item-container .solution-item:last-child {
        margin-right: 30px
    }

    .fx-header .header-wrapper .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-content {
        gap: 20px
    }
}

@media screen and (max-width:1300px) {
    .fx-header .header-wrapper .menu .menu-item {
        padding: 0 2%
    }

    .fx-header .header-wrapper .menu .menu-item .solution-list-pc {
        padding-top: 0
    }

    .fx-header .header-wrapper .menu .menu-item .solution-list-pc .solution-list-content {
        padding: 40px 0 40px 168px
    }

    .fx-header .header-wrapper .menu .menu-item.material-center .solution-list-pc .solution-list-content,
    .fx-header .header-wrapper .menu .menu-item.product-function .solution-list-pc .solution-list-content {
        padding-left: calc(100% - 1124px)
    }

    .fx-header .header-wrapper .menu .menu-item.jjfa .left-container {
        -ms-flex-negative: 1;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        min-width: 236px;
        width: 416px
    }

    .fx-header .header-wrapper .menu .menu-item.jjfa .solution-list-pc .solution-list-content {
        height: 320px;
        padding: 0;
        width: 100%
    }

    .fx-header .header-wrapper .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block {
        margin-bottom: 15px
    }

    .fx-header .header-wrapper .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block:last-child {
        margin-bottom: 0
    }

    .fx-header .header-wrapper .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block .solution-item-container .solution-item {
        margin: 0
    }

    .fx-header .header-wrapper .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-item-block .solution-item-container .solution-item:last-child {
        margin-right: 10px
    }

    .fx-header .header-wrapper .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container {
        width: 100%
    }

    .fx-header .header-wrapper .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .btn {
        height: 40px;
        right: 45px;
        top: 220px
    }

    .fx-header .header-wrapper .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .header-pagination-container {
        -ms-flex-negative: 1;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        padding: 40px 40px 0 20px;
        position: absolute;
        right: 0
    }

    .fx-header .header-wrapper .menu .menu-item.jjfa .solution-list-pc .solution-list-content .solution-block-container .header-swiper-container {
        -ms-flex-negative: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        width: 900px
    }

    .fx-header .header-wrapper .menu .menu-item.jjfa .solution-list-pc .right-img-row .solution-img {
        height: 78px;
        margin-bottom: 16px;
        padding: 30px 20px;
        width: 200px
    }

    .fx-header .header-wrapper .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container {
        -ms-flex-negative: 1;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        min-width: 256px
    }

    .fx-header .header-wrapper .menu .menu-item.case .solution-list-pc .solution-list-content {
        padding-left: 180px
    }

    .fx-header .header-wrapper .menu .menu-item.case .solution-list-pc .solution-item {
        margin-right: 20px
    }

    .fx-header .header-wrapper .menu .menu-item.case .solution-list-pc .more {
        margin-left: 12px
    }

    .fx-header .header-wrapper .menu .menu-item.study .solution-list-pc .solution-list-content {
        padding-left: calc(100% - 1124px)
    }

    .right-wrapper .menu-item {
        padding: 0 15px
    }
}

@media screen and (max-width:1148px) {

    .fx-header .header-wrapper .menu .menu-item.material-center .solution-list-pc .solution-list-content,
    .fx-header .header-wrapper .menu .menu-item.product-function .solution-list-pc .solution-list-content,
    .fx-header .header-wrapper .menu .menu-item.study .solution-list-pc .solution-list-content {
        padding-left: 12px
    }
}

@media screen and (max-width:1151px) {
    .fx-header .header-wrapper {
        width: 100%
    }

    .fx-header .header-wrapper .icon-close-o {
        font-size: 32px;
        margin-right: 12px
    }

    .fx-header .header-wrapper .lang-wrapper {
        padding-left: 16px;
        padding-right: 18px
    }

    .fx-header .header-wrapper .lang-wrapper .lang-switch {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .fx-header .header-wrapper .lang-wrapper .lang-switch i {
        color: #838892;
        font-size: 24px
    }

    .fx-header .header-wrapper .lang-wrapper .lang-switch .locale {
        color: #525967;
        font-size: 16px;
        font-weight: 500;
        margin: 0 6px
    }

    .fx-header .header-wrapper .header-item {
        padding: 0 10px 0 16px
    }

    .fx-header .header-wrapper .menu .menu-item {
        display: none
    }

    .fx-header .header-wrapper .menu .wrapper-workwx {
        display: inline-block
    }

    .fx-header .header-wrapper .menu .wrapper-workwx img {
        height: 24px
    }

    .fx-header .header-wrapper .right-wrapper .mobile {
        display: inline-block
    }

    .fx-header .header-wrapper .right-wrapper .pc {
        display: none
    }

    .fx-header .header-wrapper .right-wrapper .menu-item {
        font-size: 16px
    }

    .fx-header .header-wrapper .right-wrapper .menu-item.lang-switch,
    .fx-header .header-wrapper .right-wrapper .menu-item.phone,
    .fx-header .header-wrapper .right-wrapper .workwx-login-btn {
        display: none
    }

    .fx-header .header-wrapper .right-wrapper .menu-item.register,
    .fx-header .header-wrapper .right-wrapper .menu-item.signin {
        margin-right: 8px;
        padding: 4px 16px
    }

    .fx-header .header-wrapper .right-wrapper .lang-switch {
        margin-right: 32px
    }

    .fx-header .menu-icon {
        display: block;
        margin-right: 12px
    }

    .header-menu-mask .header-menu-pane .menu-wrapper {
        padding: 0
    }

    .header-menu-mask .header-menu-pane .menu-item {
        font-weight: 600;
        line-height: 48px;
        padding: 0 20px
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list {
        font-size: 14px;
        font-weight: 400
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .green-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        border-bottom: 1px solid #ebecee;
        color: #141e31;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 600;
        gap: 4px;
        line-height: 20px;
        padding: 14px 24px
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .green-link i {
        font-size: 16px
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .item-title {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #141e31;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        font-size: 14px;
        font-weight: 400;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        line-height: 20px;
        padding: 12px 24px
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .item-title i {
        color: #838892;
        cursor: pointer;
        font-size: 16px
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .item-lists {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .fold-block {
        display: none
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .solution-info {
        color: #525967
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .solution-info .has-tip {
        display: inline-block;
        position: relative
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .solution-info .has-tip .tip {
        position: relative;
        right: -4px;
        top: -6px;
        width: 30px
    }

    .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 .s-box.on {
        background: #f4f6f9;
        color: #5e6d82
    }

    .header-menu-mask .header-menu-pane .menu-item.active>a {
        color: #0db3a6
    }

    .header-menu-mask .header-menu-pane .menu-item.active .s-box,
    .header-menu-mask .header-menu-pane .menu-item.active .s-box a {
        color: #0db3a6
    }

    .header-menu-mask .header-menu-pane .menu-item.has-child {
        display: block;
        padding: 0
    }

    .header-menu-mask .header-menu-pane .menu-item.has-child .s-box {
        padding: 0 20px
    }

    .header-menu-mask .header-menu-pane .menu-item.has-child .solution-list-pc {
        display: none
    }

    .header-menu-mask .header-menu-pane .menu-item.has-child solution-list {
        padding: 0
    }

    .header-menu-mask .header-menu-pane .lang-wrapper .lang-switch {
        color: #0089ff;
        font-weight: 400
    }

    .header-menu-mask .header-menu-pane .lang-wrapper .lang-switch .locale {
        margin: 0 4px
    }

    .header-menu-mask .header-menu-pane .lang-wrapper .lang-switch i {
        color: #0089ff
    }

    .header-menu-mask .header-menu-pane .wrapper-workwx {
        display: none
    }
}

@media screen and (max-width:568px) {
    .fx-header .menu {
        margin-left: 0
    }

    .fx-header .header-wrapper .icon-close-o {
        font-size: 32px;
        margin-right: 12px
    }

    .fx-header .header-wrapper .header-item {
        padding: 0 10px 0 16px
    }

    .fx-header .header-wrapper .right-wrapper .menu-item.signin {
        padding: 4px 16px
    }

    .fx-header .header-wrapper .right-wrapper .mobile {
        display: inline-block
    }

    .fx-header .header-wrapper .right-wrapper .pc {
        display: none
    }

    .fx-header .header-wrapper .right-wrapper .menu-item.register {
        padding: 4px 16px
    }
}
@font-face {
    font-family: finex;
    src: url(https://blog-assets.jiandaoyun.com/v1519/index/fonts/iconfont.woff) format("woff"), url(https://blog-assets.jiandaoyun.com/v1519/index/fonts/iconfont.ttf) format("truetype")
}

@font-face {
    font-family: finex;
    src: url(https://blog-assets.jiandaoyun.com/v1519/index/fonts/font_outsourcing.eot?t=1597738847001);
    src: url(https://blog-assets.jiandaoyun.com/v1519/index/fonts/font_outsourcing.eot?t=1597738847001#iefix) format("embedded-opentype"), url(https://blog-assets.jiandaoyun.com/v1519/index/fonts/font_outsourcing.woff?t=1597738847001) format("woff"), url(https://blog-assets.jiandaoyun.com/v1519/index/fonts/font_outsourcing.ttf?t=1597738847001) format("truetype"), url(https://blog-assets.jiandaoyun.com/v1519/index/fonts/font_outsourcing.svg?t=1597738847001#iconfont) format("svg")
}

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

.icon-threedot:before {
    content: "\e6e4"
}

.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-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-form:before {
    content: "\e695"
}

.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: "\e678"
}

.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-purchase:before {
    content: "\e678"
}

.icon-menu-bar:before {
    content: "\e668"
}

.icon-close-o:before {
    content: "\e678"
}

.icon-ok-o:before {
    content: "\e67a"
}

.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-cloud:before {
    content: "\e609"
}

.icon-book:before {
    content: "\e6d7"
}

.icon-print:before {
    content: "\e745"
}

.icon-tuisong:before {
    content: "\e722"
}

.icon-cycle:before {
    content: "\e71c"
}

.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"
}

.icon-icon_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"
}

.icon-drop-down:before {
    content: "\e694"
}

.icon-video:before {
    content: "\e699"
}

.icon-printf:before {
    content: "\e69b"
}

.icon-zhuti:before {
    content: "\e69c"
}

.icon-warning:before {
    content: "\e69d"
}

.icon-statistics:before {
    content: "\e69e"
}

.icon-kanban:before {
    content: "\e69f"
}

.icon-fly:before {
    content: "\e6a0"
}

.icon-ocr:before {
    content: "\e6a1"
}

.icon-define-warning:before {
    content: "\e6a3"
}

.icon-printf-set:before {
    content: "\e6a4"
}

.icon-theme:before {
    content: "\e6a5"
}

.icon-quanxian1:before {
    content: "\e6af"
}

.icon-tongxunlu:before {
    content: "\e6ae"
}

.icon-hulian:before {
    content: "\e6ab"
}

.icon-xunhuan:before {
    content: "\e6a6"
}

.icon-chajian:before {
    content: "\e6a7"
}

.icon-tripartite:before {
    content: "\e6a9"
}

.icon-xiezuo:before {
    content: "\e6ad"
}

.icon-member-manage:before {
    content: "\e6b1"
}

.icon-quanxian:before {
    content: "\e6b0"
}

.icon-remind:before {
    content: "\e6b3"
}

.icon-arrow-up:before {
    content: "\e6b5"
}

.icon-close-t:before {
    content: "\e6c3"
}

.icon-consult-o:before {
    content: "\e6c2"
}

.icon-video-o:before {
    content: "\e679"
}

.icon-icon_lihe:before {
    content: "\e68b"
}

.icon-icon_shixingou:before {
    content: "\e686"
}

.icon-icon_kongxingou:before {
    content: "\e68a"
}

.icon-zuoyou_shujuhuishouzhan:before {
    content: "\e66a"
}

.icon-angledown:before {
    content: "\e631"
}

.icon-icon_jia:before {
    content: "\e690"
}

.icon-icon_xiajiang:before {
    content: "\e691"
}

.icon-wailian:before {
    content: "\e69a"
}

.icon-icon_shangsheng:before {
    content: "\e6ac"
}

.icon-icon_xinxi:before {
    content: "\e68d"
}

.icon-wenhao-xian:before {
    content: "\e6cd"
}

.icon-icon_youjiantou:before {
    content: "\e6b4"
}

.icon-jiantou:before {
    content: "\e6c4"
}

.icon-attachment:before {
    content: "\e6c5"
}

.icon-icon_chacha:before {
    content: "\e678"
}

.icon-PCduan_shengxu2:before {
    content: "\e684"
}

.icon-date:before {
    content: "\e6c7"
}

.icon-install:before {
    content: "\e6c6"
}

.icon-delete:before {
    content: "\e6c9"
}

.icon-reduce:before {
    content: "\e6ca"
}

.icon-amplify:before {
    content: "\e6cb"
}

.icon-like:before {
    content: "\e67f"
}

.icon-prev-circle:before {
    content: "\e6d4"
}

.icon-next-circle:before {
    content: "\e6d2"
}

.icon-contact:before {
    content: "\e6ce"
}

.icon-bin:before {
    content: "\e6d1"
}

.icon-backtop:before {
    content: "\e6d0"
}

.icon-filter:before {
    content: "\e6d5"
}

@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%
    }
}

.fx-article-content {
    margin: 60px auto 0;
    max-width: 900px;
    padding: 15px
}

.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 {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 10px
}

.fx-article-content p.note {
    font-weight: 700
}

.fx-article-content a {
    color: #0db3a6
}

.index-honor {
    padding-bottom: 80px
}

.index-honor .honor-title {
    color: #141e31;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 48px;
    text-align: center
}

.index-honor .honor-banner img {
    height: 215px
}

.index-honor .honor-banner .img-mobile {
    display: none
}

.index-protect {
    background: #f8f8f8;
    padding: 60px 0 55px
}

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

.index-protect .bricks .title {
    margin-bottom: 13px;
    margin-top: 0
}

.index-protect .bricks p {
    color: #5e6d82;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

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

.index-protect .protect-content .content-items {
    background: #fff;
    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);
    height: 240px;
    margin-top: 38px;
    padding: 20px 20px 0;
    text-align: center;
    width: 272px
}

.index-protect .protect-content .content-items>img {
    height: 48px;
    width: 48px
}

.index-protect .protect-content .content-items .items-title {
    color: #141e31;
    font-size: 18px;
    margin: 13px 0 15px
}

.index-protect .protect-content .content-items .items-description {
    color: #5e6d82;
    font-size: 14px
}

.index-corp {
    padding: 80px 0
}

.index-corp .corp-logo {
    margin-top: 50px
}

.index-corp .corp-logo .title {
    font-size: 36px;
    line-height: 50px
}

.index-corp .corp-logo .logo-mobile {
    display: none
}

.index-bottom-banner .bricks {
    height: 240px;
    padding: 0 72px
}

.index-bottom-banner .bricks .bottom-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-align-items: center;
    align-items: center;
    background: url(https://blog-assets.jiandaoyun.com/v1519/index/outsourcing/dataCollection/data_banner_bottom.png) no-repeat 50%;
    background-size: cover;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center
}

.index-bottom-banner .bricks .left-box {
    color: #fff;
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 38px;
    text-align: center
}

.index-bottom-banner .bricks .right-box form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 9px 0 #21b8ac;
    box-shadow: 0 1px 9px 0 #21b8ac;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 48px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
    width: 400px
}

.index-bottom-banner .bricks .right-box form input[type=text] {
    background-image: url(https://blog-assets.jiandaoyun.com/v1519/index/outsourcing/2020jdy-iphone.png);
    background-position: 25px;
    background-repeat: no-repeat;
    background-size: 17px;
    color: #141e31;
    font-size: 14px;
    font-weight: 400;
    height: 67px;
    padding-left: 65px;
    width: 344px
}

.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] {
    background: #ff971e;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    height: 48px;
    width: 176px
}

.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
    }

    .index-protect .protect-content {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: start;
        justify-content: start
    }

    .index-protect .protect-content .content-items {
        background: transparent;
        width: 33.3%
    }

    .index-protect .protect-content .content-items>img {
        height: 48px;
        width: 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;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .index-protect .protect-content .content-items {
        background: #fff;
        height: 190px;
        margin-top: 20px;
        padding: 18px 14px 0;
        width: 48%
    }

    .index-protect .protect-content .content-items>img {
        height: 33px;
        width: 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 {
        line-height: 30px;
        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
    }
}