/** Toast样式 **/

.prompt {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, .8);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prompt .box {
    width: 470px;
    background: #fff;
    padding: 32px 48px;
    position: relative
}

.prompt .box img {
    width: 200px;
    height: 200px;
    display: inline-block;
    margin-top: 10px;
}

.prompt > .title {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 18px;
    margin-bottom: 24px
}

/** 返回顶部样式 **/
.goTop {
    background-color: #fff;
    position: fixed;
    right: 36px;
    bottom: 70px;
    width: 45px;
    height: 45px;
    border-radius: 8px;
    cursor: pointer;
    transition: .3s;
    border: 1px solid rgba(220, 223, 230, .1);
    box-shadow: 0 0 3px 0 rgba(220, 223, 230, .8);
    z-index: 9999
}

.goTop i {
    color: #409eff;
    display: block;
    line-height: 42px;
    text-align: center;
    font-size: 24px
}

@media screen and (max-width: 767px) {
    .home-scene_pc {
        display: none
    }
}

.home-scene_pc .scene_list {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    background: linear-gradient(180deg, #f4f9ff, #f4f9ff 1%, #fff 82%);
    box-shadow: 0 8px 16px 0 rgba(23, 44, 66, .1), 0 -8px 16px 0 #fff
}

.home-scene_pc .scene_list-col {
    border-left: 1px solid #ddd;
    position: relative;
    transition: all .5s
}

.home-scene_pc .scene_list-col .item {
    width: 100%
}

.home-scene_pc .scene_list-col .item:first-child {
    border-bottom: 1px solid #ddd
}

.home-scene_pc .scene_list-col .item .mask {
    position: absolute;
    left: -1px;
    width: 100%;
    opacity: 0;
    transition: all .5s;
    z-index: -1;
    background: linear-gradient(193deg, #fff 62%, #f8fbfe 90%);
    box-shadow: 0 12px 24px 0 rgba(23, 44, 66, .2)
}

.home-scene_pc .scene_list-col .item .mask.is-active {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    opacity: 1;
    z-index: 1
}

.home-scene_pc .scene_list-col .item .mask.is-bottom {
    bottom: -1px
}

.home-scene_pc .scene_list-col .item .mask.is-top {
    top: -1px
}

.home-scene_pc .scene_list-col .item .mask_content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.home-scene_pc .scene_list-col .item .mask_title {
    color: #222;
    display: flex;
    align-items: center;
    cursor: pointer
}

.home-scene_pc .scene_list-col .item .mask_title:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    background-color: #1989fa;
    margin-right: 12px
}

.home-scene_pc .scene_list-col .item .mask_list {
    list-style-type: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: #1989fa
}

.home-scene_pc .scene_list-col .item .mask_list-item {
    display: flex;
    align-items: center;
    cursor: pointer
}

.home-scene_pc .scene_list-col .item .mask_list-item .mask_icon {
    font-size: 12px;
    margin-left: 8px;
    transition: transform .2s ease
}

@media (any-hover: hover) {
    .home-scene_pc .scene_list-col .item .mask_list-item:hover {
        color: #0061ff
    }

    .home-scene_pc .scene_list-col .item .mask_list-item:hover .mask_icon {
        transform: translateX(4px)
    }
}

.home-scene_pc .scene_list-col .item .mask_bg {
    position: absolute;
    right: 0;
    z-index: -1
}

.home-scene_pc .scene_list-col .item .mask_bg.is-active {
    -webkit-animation: animate 1s ease;
    animation: animate 1s ease
}

.home-scene_pc .scene_list-col .item .content {
    width: 100%;
    height: 100%;
    display: flex
}

.home-scene_pc .scene_list-col .item .scene_title {
    color: #222
}

@media screen and (min-width: 1200px) {
    .home-scene_pc .scene_list-col {
        flex: 1
    }

    .home-scene_pc .scene_list-col.is-active {
        flex: 1.375
    }

    .home-scene_pc .scene_list-col:first-child {
        border-left: none
    }

    .home-scene_pc .scene_list-col .item {
        height: 112px
    }

    .home-scene_pc .scene_list-col .content {
        padding: 24px 24px 16px;
        flex-direction: column;
        justify-content: space-between
    }

    .home-scene_pc .scene_list-col .scene_title {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px
    }

    .home-scene_pc .scene_list-col .mask {
        height: 112px
    }

    .home-scene_pc .scene_list-col .mask_content {
        padding: 22px 24px 24px
    }

    .home-scene_pc .scene_list-col .mask_title {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px
    }

    .home-scene_pc .scene_list-col .mask_list {
        margin-top: 75px
    }

    .home-scene_pc .scene_list-col .mask_bg {
        width: 204px;
        top: -28px
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .home-scene_pc .scene_list-col {
        width: 50%;
        border-bottom: 1px solid #ddd
    }

    .home-scene_pc .scene_list-col:nth-child(n+3) {
        border-bottom: none
    }

    .home-scene_pc .scene_list-col:nth-child(odd) {
        border-left: none
    }

    .home-scene_pc .scene_list-col .item {
        height: 88px
    }

    .home-scene_pc .scene_list-col .content {
        padding: 24px 24px 16px;
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }

    .home-scene_pc .scene_list-col .scene_title {
        font-weight: 400;
        font-size: 18px;
        line-height: 22px
    }

    .home-scene_pc .scene_list-col .mask {
        height: 88px
    }

    .home-scene_pc .scene_list-col .mask_content {
        padding: 24px 12px
    }

    .home-scene_pc .scene_list-col .mask_title {
        font-weight: 700;
        font-size: 18px;
        line-height: 22px
    }

    .home-scene_pc .scene_list-col .mask_list {
        margin-top: 26px
    }

    .home-scene_pc .scene_list-col .mask_bg {
        width: 160px;
        top: -33px
    }
}

.m-home-scene {
    width: 100%
}

@media screen and (min-width: 768px) {
    .m-home-scene {
        display: none
    }
}

.m-home-scene .scene_content {
    padding: 0 16px 6px;
    min-height: 130px;
    background: linear-gradient(180deg, #e8edf4, #fff 82%);
    position: relative;
    display: flex
}

.m-home-scene .scene_list {
    list-style-type: none;
    text-align: left
}

.m-home-scene .scene_item {
    padding-top: 24px;
    color: #1989fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.m-home-scene .scene_img {
    display: block;
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 132px
}

.el-collapse {
    border-top: none;
    border-bottom: none
}

.el-collapse-item {
    margin-bottom: 0 !important
}

.el-collapse-item .el-collapse-item__header {
    -webkit-tap-highlight-color: transparent;
    padding-left: 16px;
    padding-right: 6px;
    padding-bottom: 0 !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #222;
    height: 46px;
    background: linear-gradient(180deg, #e8edf4, #fff 82%);
    box-shadow: 0 8px 16px 0 rgba(23, 44, 66, .12)
}

.el-collapse-item .el-collapse-item__header .el-collapse-item__arrow {
    transform: rotate(90deg)
}

.el-collapse-item .el-collapse-item__header .el-collapse-item__arrow.is-active {
    transform: rotate(-90deg);
    color: #1989fa
}

.el-collapse-item .el-collapse-item__wrap {
    border-bottom: none
}

.el-collapse-item .el-collapse-item__wrap .el-collapse-item__content {
    padding-bottom: 10px
}

.home-scene {
    display: flex;
    flex-direction: column;
    align-items: center
}

.home-scene .title {
    font-weight: 700;
    color: #222;
    text-align: center
}

.home-scene .more {
    color: #1989fa
}

@media (any-hover: hover) {
    .home-scene .more:hover {
        color: #0061ff
    }
}

@media screen and (min-width: 1200px) {
    .home-scene {
        padding-top: 164px
    }

    .home-scene .title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 24px
    }

    .home-scene .more {
        margin-bottom: 32px;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        cursor: pointer
    }

    .home-scene .more .more-text {
        margin-right: 8px
    }

    .home-scene .more .more-icon {
        font-size: 12px;
        transition: transform .2s ease
    }
}

@media screen and (min-width: 1200px) and (any-hover: hover) {
    .home-scene .more:hover .more-icon {
        transform: translateX(4px)
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .home-scene {
        padding-top: 48px
    }

    .home-scene .title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 24px
    }

    .home-scene .more {
        margin-bottom: 48px;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px
    }

    .home-scene .more .more-icon {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .home-scene {
        padding-top: 24px
    }

    .home-scene .title {
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 16px
    }

    .home-scene .more {
        margin-bottom: 23px;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px
    }

    .home-scene .more .more-icon {
        display: none
    }
}

.home-product_card {
    background: linear-gradient(180deg, #f4f9ff, #f4f9ff 1%, #fff 82%);
    box-shadow: 0 8px 16px 0 rgba(23, 44, 66, .1);
    transition: all .2s ease;
    position: relative;
    cursor: pointer
}

.home-product_card .card-img-wrap {
    width: 100%;
    height: 154px
}

.home-product_card .card-img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home-product_card .card-main {
    padding: 24px
}

.home-product_card .card-title_wrap {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.home-product_card .card-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #222;
    transition: color .3s ease;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home-product_card .card-desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    margin-bottom: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home-product_card .card-btn_main, .home-product_card .card-btn_text {
    width: 124px;
    height: 38px;
    background-color: #1989fa;
    display: flex;
    align-items: center;
    padding-left: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #fff
}

.home-product_card .card-btn_main .btn_text, .home-product_card .card-btn_text .btn_text {
    margin-right: 8px;
    transition: margin-right .2s ease
}

@media (any-hover: hover) {
    .home-product_card .card-btn_main:hover, .home-product_card .card-btn_text:hover {
        background-color: #0061ff
    }

    .home-product_card .card-btn_main:hover .btn_text, .home-product_card .card-btn_text:hover .btn_text {
        margin-right: 12px;
        transition: margin-right .2s ease
    }
}

.home-product_card .card-hot_sup, .home-product_card .card-hot_title {
    background: #d0021b;
    border-radius: 1px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    width: 32px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.home-product_card .card-hot_title {
    margin-left: 12px
}

.home-product_card .card-hot_sup {
    position: absolute;
    top: 8px;
    right: 8px
}

@media (any-hover: hover) {
    .home-product_card:hover {
        background: linear-gradient(193deg, #fff 62%, #f8fbfe 90%);
        box-shadow: 0 12px 24px 0 rgba(23, 44, 66, .2);
        transition: all .2s ease
    }

    .home-product_card:hover .card-title {
        color: #1989fa
    }
}

@media screen and (min-width: 1200px) {
    .home-product_card {
        width: 100%;
        height: 310px
    }

    .home-product_card .card-btn_text {
        background-color: #fff;
        color: #1989fa;
        padding-left: 0
    }
}

@media screen and (min-width: 1200px) and (any-hover: hover) {
    .home-product_card .card-btn_text:hover {
        background-color: #fff;
        color: #0061ff
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .home-product_card .card-desc {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

@media screen and (max-width: 767px) {
    .home-product_card .card-img-wrap {
        width: 100%;
        height: 94px
    }

    .home-product_card .card-main {
        padding: 12px;
        height: 86px
    }

    .home-product_card .card-title {
        font-weight: 500;
        font-size: 14px;
        line-height: 18px
    }

    .home-product_card .card-desc {
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 0;
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
}

.home-product__pc {
    display: none
}

@media screen and (min-width: 1200px) {
    .home-product__pc {
        display: block
    }
}

.home-product__pc .wraper {
    width: 100%;
    height: 636px;
    position: relative;
    box-shadow: 0 8px 50px -10px rgba(23, 44, 66, .1)
}

.home-product__pc .wraper .btn_next, .home-product__pc .wraper .btn_prev {
    position: absolute;
    top: calc(50% - 24px);
    width: 48px;
    height: 48px;
    background: linear-gradient(180deg, #e8edf4, #fff 82%);
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 8px 16px 0 rgba(23, 44, 66, .12), 0 -8px 16px 0 #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1989fa;
    font-size: 14px
}

.home-product__pc .wraper .btn_next:hover, .home-product__pc .wraper .btn_prev:hover {
    color: #0061ff
}

.home-product__pc .wraper .btn_next.is-disabled, .home-product__pc .wraper .btn_prev.is-disabled {
    color: #999
}

.home-product__pc .wraper .btn_prev {
    left: -72px
}

.home-product__pc .wraper .btn_next {
    right: -72px
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
    .product-container {
        width: 100%;
        padding: 0 160px
    }
}

@media screen and (min-width: 1600px) {
    .product-container {
        width: 1280px;
        margin: 0 auto
    }
}

.home-product__pad {
    display: none;
    width: 100%
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .home-product__pad {
        display: block
    }
}

.home-product__pad .hot__main {
    width: 100%;
    box-shadow: 0 8px 50px -10px rgba(23, 44, 66, .1)
}

.home-product__pad .swiper-pagination_pad {
    left: 0;
    right: 0;
    padding-top: 32px;
    display: flex;
    justify-content: center
}

.home-product__pad .swiper-pagination_pad .swiper-pagination-bullet {
    margin: 0 3px;
    width: 6px;
    height: 6px
}

.home-product__mobile {
    display: none;
    width: 100%;
    padding: 0 16px 54px
}

@media screen and (max-width: 767px) {
    .home-product__mobile {
        display: block
    }
}

.home-product__mobile .hot__main {
    width: 100%;
    box-shadow: 0 8px 50px -10px rgba(23, 44, 66, .1)
}

.home-product__mobile .hot__card {
    height: 180px;
    background: linear-gradient(180deg, #f4f9ff, #f4f9ff 1%, #fff 82%);
    box-shadow: 0 8px 16px 0 rgba(23, 44, 66, .1);
    position: relative
}

.home-product__mobile .hot__card .card_main {
    padding: 12px
}

.home-product__mobile .hot__card .card_title {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #222;
    margin-bottom: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.home-product__mobile .hot__card .card_desc {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #666
}

.home-product__mobile .hot__card .card_sup {
    position: absolute;
    background: #d0021b;
    border-radius: 1px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

.home-product__mobile .swiper-pagination {
    left: 0;
    right: 0;
    padding: 24px 0;
    display: flex;
    justify-content: center
}

.home-product__mobile .swiper-pagination .swiper-pagination-bullet {
    margin: 0 3px;
    width: 6px;
    height: 6px
}

.home-product .title {
    font-weight: 700;
    color: #222;
    text-align: center
}

@media screen and (min-width: 1200px) {
    .home-product {
        padding-top: 64px;
        background-image: url(/image/index/productBackground.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center bottom 112px
    }

    .home-product .title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 32px
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .home-product {
        padding-top: 48px;
        background-image: url(/image/index/productBackground.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center bottom 133px
    }

    .home-product .title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 32px
    }
}

@media screen and (max-width: 767px) {
    .home-product {
        padding-top: 24px;
        background-image: url(/image/index/productBackground.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .home-product .title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 24px
    }
}

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

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s top;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s left;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s right;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    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;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.index_product_tag {
    padding-top: 64px;
    padding-bottom: 64px
}

.index_product_tag .tag_title {
    font-size: 28px;
    line-height: 28px;
    color: #222;
    font-weight: 700;
    text-align: center
}

.index_product_tag .tag_sub_title {
    font-size: 16px;
    color: #222;
    text-align: center;
    line-height: 16px;
    margin-top: 48px;
    margin-bottom: 32px;
    font-weight: 700
}

.index_product_tag .tag_panel {
    position: relative;
    cursor: pointer
}

.index_product_tag .tag_panel:hover .tag_img {
    margin-top: -4px
}

.index_product_tag .tag_panel:hover .tag_panel_title {
    color: #1989fa
}

.index_product_tag .tag_panel .tag_img {
    height: 48px;
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    transition: all .2s
}

.index_product_tag .tag_panel .tag_panel_title {
    font-size: 14px;
    color: #222;
    line-height: 14px;
    margin-top: 72px;
    text-align: center;
    font-weight: 700
}

@media (min-width: 768px) and (max-width: 1024px) {
    .index_product_tag {
        padding-top: 48px;
        padding-bottom: 16px
    }

    .index_product_tag .tag_sub_title {
        margin-top: 32px
    }

    .index_product_tag .tag_sub_title_pad {
        margin-top: 16px
    }

    .index_product_tag .tag_panel {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .index_product_tag .tag_panel:hover .tag_img {
        margin-top: 0
    }

    .index_product_tag .tag_panel:hover .tag_panel_title {
        color: #222
    }

    .index_product_tag .tag_panel .tag_panel_title {
        margin-bottom: 32px
    }
}

@media (max-width: 767px) {
    .index_product_tag {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .index_product_tag .tag_title {
        font-size: 16px;
        line-height: 16px
    }

    .index_product_tag .tag_sub_title {
        font-size: 14px;
        line-height: 14px;
        margin-top: 32px;
        margin-bottom: 24px
    }

    .index_product_tag .tag_panel {
        width: 20%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .index_product_tag .tag_panel:hover .tag_img {
        margin-top: 0
    }

    .index_product_tag .tag_panel:hover .tag_panel_title {
        color: #666
    }

    .index_product_tag .tag_panel .tag_img {
        height: 32px
    }

    .index_product_tag .tag_panel .tag_panel_title {
        font-size: 12px;
        color: #666;
        line-height: 12px;
        margin-top: 44px
    }
}

.index_six_case {
    padding-top: 0
}

.index_six_case .case_title {
    font-size: 28px;
    line-height: 28px;
    color: #222;
    font-weight: 700;
    text-align: center
}

.index_six_case .case_tab_col {
    text-align: center;
    margin-top: 13px
}

.index_six_case .case_tab_title {
    height: 56px;
    display: inline-block;
    font-size: 16px;
    color: #666;
    line-height: 16px;
    padding: 19px 0;
    cursor: pointer;
    transition: all .1s
}

.index_six_case .case_tab_title_hover {
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #1989fa
}

.index_six_case .case_tab_title_hover_m, .index_six_case .case_tab_title_hover_pad {
    color: #1989fa
}

.index_six_case .case_left_bg {
    width: 100%;
    height: 386px;
    background-size: 100% 100%
}

.index_six_case .case_left_panel {
    width: 168px;
    height: 100%;
    float: right;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    padding: 31px 0
}

.index_six_case .case_left_img {
    width: 10px;
    height: 12px;
    margin-left: 9px
}

.index_six_case .case_left_text1 {
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

.index_six_case .case_left_text2 {
    font-size: 40px;
    color: #fff;
    line-height: 40px;
    margin-top: 12px;
    margin-bottom: 63px
}

.index_six_case .case_right_bg {
    width: 100%;
    height: 386px;
    padding: 36px 48px 0;
    background-image: url(/image/index/tagBackground.jpg)
}

.index_six_case .case_right_text1 {
    font-size: 24px;
    color: #222;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 32px
}

.index_six_case .case_right_text2 {
    font-size: 16px;
    color: #222;
    line-height: 16px;
    font-weight: 700
}

.index_six_case .case_right_text3 {
    font-size: 14px;
    color: #666;
    line-height: 22px;
    margin-bottom: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index_six_case .case_right_text4 {
    font-size: 16px;
    color: #222;
    line-height: 16px;
    margin-top: 34px
}

.index_six_case .case_right_line {
    width: 28px;
    height: 3px;
    background: #1989fa;
    margin-top: 12px;
    margin-bottom: 10px
}

.index_six_case .case_right_btn {
    height: 30px;
    padding: 0 24px;
    border-radius: 15px;
    background: transparent;
    color: #666;
    border: 1px solid #ccc;
    margin-left: 9px
}

.index_six_case .case_right_btn:hover {
    color: #1989fa;
    border: 1px solid #1989fa
}

.index_six_case .case_bg_2 {
    background-image: url(/image/index/tagBackground.jpg);
    transition: all .2s
}

.index_six_case .case_bg_3 {
    background-image: url(/image/index/tagArea.jpg);
    transition: all .2s
}

.index_six_case .case_bg_4 {
    background-image: url(/image/index/tagIndustry.jpg);
    transition: all .2s
}

.index_six_case .case_bg_2_pad {
    background-image: url(/image/index/tagBackground.jpg);
    transition: all .2s
}

.index_six_case .case_bg_3_pad {
    background-image: url(/image/index/tagArea.jpg);
    transition: all .2s
}

.index_six_case .case_bg_4_pad {
    background-image: url(/_nuxt/img/002ae7b.jpg);
    transition: all .2s
}

.index_six_case .case_bg_2_m {
    background-image: url(/image/index/tagArea.jpg);
    transition: all .2s
}

.index_six_case .case_bg_3_m {
    background-image: url(/image/index/tagArea.jpg);
    transition: all .2s
}

.index_six_case .case_bg_4_m {
    background-image: url(/image/index/tagArea.jpg);
    transition: all .2s
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .index_six_case .case_right_text4 {
        margin-top: -10px
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .index_six_case {
        padding-top: 48px;
        padding-bottom: 48px;
        background-image: url(/image/index/tagArea.jpg);
        background-size: 100% 100%
    }

    .index_six_case .case_pad_bg {
        width: 100%;
        height: 258px;
        background-size: 100% 100%
    }

    .index_six_case .case_left_panel {
        width: 142px;
        padding: 15px 0
    }

    .index_six_case .case_left_text1 {
        font-size: 12px;
        line-height: 12px
    }

    .index_six_case .case_left_text2 {
        font-size: 32px;
        line-height: 32px;
        margin-top: 16px;
        margin-bottom: 24px
    }

    .index_six_case .case_right_bg {
        height: auto;
        background: #fff;
        padding: 32px 24px 24px
    }

    .index_six_case .case_right_text1 {
        margin-bottom: 24px
    }

    .index_six_case .case_right_text3 {
        line-height: 26px;
        margin-bottom: 16px
    }

    .index_six_case .case_right_text4 {
        margin-top: 0;
        margin-bottom: 16px
    }

    .index_six_case .case_right_line {
        height: 2px;
        margin-top: 8px;
        margin-bottom: 16px
    }

    .index_six_case .case_right_btn {
        margin-left: 0;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .index_six_case .case_right_btn:hover {
        color: #666;
        border: 1px solid #ccc
    }
}

@media (max-width: 767px) {
    .index_six_case {
        padding-top: 24px;
        padding-bottom: 24px;
        background-image: url(/image/index/tagArea.jpg);
        background-size: 100% 100%
    }

    .index_six_case .case_title {
        font-size: 16px;
        line-height: 16px
    }

    .index_six_case .case_tab_col {
        margin-top: 8px
    }

    .index_six_case .case_tab_title {
        height: 44px;
        font-size: 12px;
        padding: 16px 0;
        line-height: 12px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .index_six_case .case_content_m {
        padding: 16px;
        background: #fff;
        box-shadow: 0 8px 16px 0 rgba(23, 44, 66, .1)
    }

    .index_six_case .case_img_m {
        width: 100%;
        height: 175px;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
        margin-bottom: 12px
    }

    .index_six_case .case_left_panel_m {
        width: 100%;
        position: absolute;
        bottom: 0
    }

    .index_six_case .case_left_text1 {
        font-size: 12px;
        line-height: 12px;
        color: #fff
    }

    .index_six_case .case_left_text2 {
        font-size: 18px;
        line-height: 18px;
        color: #fff;
        font-weight: 600;
        margin-top: 4px;
        margin-bottom: 12px;
        text-align: center
    }

    .index_six_case .case_left_img {
        height: 8px;
        margin-left: 4px
    }

    .index_six_case .case_right_text1 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 16px
    }

    .index_six_case .case_right_text2 {
        font-size: 14px;
        line-height: 14px;
        font-weight: 500
    }

    .index_six_case .case_right_text3 {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 16px
    }

    .index_six_case .case_right_text4 {
        font-size: 12px;
        line-height: 12px;
        margin-top: -4px
    }

    .index_six_case .case_right_line {
        height: 2px;
        margin-top: 4px;
        margin-bottom: 8px
    }

    .index_six_case .case_right_btn {
        height: 28px;
        margin-left: 0;
        padding: 0 16px;
        font-size: 12px;
        margin-top: 16px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .index_six_case .case_right_btn, .index_six_case .case_right_btn:hover {
        color: #1989fa;
        border: 1px solid #1989fa
    }
}

@-webkit-keyframes animate-data-v-17edd60a {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes animate-data-v-17edd60a {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.index_six_news {
    padding-top: 64px;
    padding-bottom: 48px
}

.index_six_news .news_con_left, .index_six_news .news_con_right {
    width: 50%;
    max-width: 620px;
}

.index_six_news .news_title {
    font-size: 28px;
    line-height: 28px;
    color: #222;
    font-weight: 700;
    text-align: center
}

.index_six_news .news_sub_title {
    font-size: 14px;
    line-height: 14px;
    color: #1989fa;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 32px;
    cursor: pointer
}

.index_six_news .news_sub_title span {
    display: inline-block;
    width: 100px;
    text-align: left
}

.index_six_news .news_sub_title i {
    margin-left: 4px
}

.index_six_news .news_sub_title:hover {
    color: #0061ff
}

.index_six_news .news_sub_title:hover i {
    margin-left: 8px
}

.index_six_news .news_left_con {
    padding: 16px;
    background: #fff;
    box-shadow: 0 8px 16px 0 rgba(23, 44, 66, .12);
    display: flex;
    margin-bottom: 16px;
    cursor: pointer
}

.index_six_news .news_left_con .news_left_title {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.index_six_news .news_left_con:hover {
    box-shadow: 0 12px 24px 0 rgba(23, 44, 66, .2)
}

.index_six_news .news_left_con:hover .news_left_title {
    color: #1989fa
}

.index_six_news .news_left_img {
    width: 22%;
    height: 81px;
    -o-object-fit: cover;
    object-fit: cover
}

.index_six_news .news_left_panel {
    width: 78%;
    padding-left: 16px
}

.index_six_news .news_left_text {
    height: 36px;
    font-size: 12px;
    color: #999;
    line-height: 18px;
    margin-top: 8px;
    margin-bottom: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.index_six_news .news_left_date {
    font-size: 12px;
    color: #999;
    line-height: 12px
}

.index_six_news .news_right_con {
    padding: 23px 16px;
    background: #fff;
    box-shadow: 0 8px 16px 0 rgba(23, 44, 66, .12)
}

.index_six_news .news_right_con:hover {
    box-shadow: 0 12px 24px 0 rgba(23, 44, 66, .2)
}

.index_six_news .news_right_panel {
    display: flex;
    cursor: pointer
}

.index_six_news .news_right_panel:hover .news_right_pot {
    background: #1989fa
}

.index_six_news .news_right_panel:hover .news_right_title {
    color: #1989fa
}

.index_six_news .news_right_panel .news_right_div {
    max-width: 94%
}

.index_six_news .news_right_panel .news_right_pot {
    width: 8px;
    height: 8px;
    min-width: 8px;
    margin-right: 16px;
    margin-top: 2px;
    border-radius: 4px;
    background: #999
}

.index_six_news .news_right_panel .news_right_title {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    line-height: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.index_six_news .news_right_panel .news_right_date {
    font-size: 12px;
    color: #999;
    line-height: 12px;
    margin-top: 8px
}

.index_six_news .news_right_line {
    width: 100%;
    height: 1px;
    background: #eee;
    margin: 23px 0
}

@media (min-width: 768px) and (max-width: 1200px) {
    .index_six_news {
        padding-top: 48px;
        padding-bottom: 48px;
        background-image: url(/image/index/phoneNewBack.jpg)
    }

    .index_six_news .news_sub_title {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .index_six_news .news_sub_title span {
        text-align: center
    }

    .index_six_news .news_left_con {
        padding: 24px;
        margin-bottom: 24px;
        background-color: #fff;
        background-image: linear-gradient(180deg, #f4f9ff, #f4f9ff 1%, #fff 82%);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .index_six_news .news_left_con .news_left_title {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
        margin-top: 7px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: break-spaces
    }

    .index_six_news .news_left_con:hover .news_left_title {
        color: #222
    }

    .index_six_news .news_left_img {
        width: 30%;
        height: 100px
    }

    .index_six_news .news_left_panel {
        width: 70%;
        padding-left: 24px
    }

    .index_six_news .news_left_date {
        font-size: 14px;
        line-height: 14px;
        margin-top: 24px
    }

    .index_six_news .news_right_con {
        padding: 24px;
        background-color: #fff;
        background-image: linear-gradient(207deg, #f4f9ff, #fff 71%);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .index_six_news .news_right_panel:hover .news_right_title {
        color: #222
    }

    .index_six_news .news_right_panel:hover .news_right_pot {
        background: #999
    }

    .index_six_news .news_right_panel .news_right_div {
        max-width: 93%
    }

    .index_six_news .news_right_panel .news_right_title {
        font-size: 16px;
        line-height: 16px
    }

    .index_six_news .news_right_panel .news_right_date {
        margin-top: 16px;
        font-size: 14px;
        line-height: 14px
    }

    .index_six_news .news_right_line {
        margin: 24px 0
    }
}

@media (max-width: 767px) {
    .index_six_news {
        padding-top: 24px;
        padding-bottom: 24px;
        background-image: url(/image/index/phoneNewBack.jpg)
    }

    .index_six_news .news_title {
        font-size: 16px;
        line-height: 16px
    }

    .index_six_news .news_sub_title {
        font-size: 12px;
        line-height: 12px;
        margin-top: 16px;
        margin-bottom: 16px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .index_six_news .news_sub_title span {
        text-align: center;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .index_six_news .news_left_con {
        padding: 8px 16px 8px 8px;
        margin-bottom: 12px;
        background-color: #fff;
        background-image: linear-gradient(180deg, #f4f9ff, #f4f9ff 1%, #fff 82%);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .index_six_news .news_left_con:hover .news_left_title {
        color: #222
    }

    .index_six_news .news_left_con .news_left_title {
        height: 44px;
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        margin-bottom: 8px;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .index_six_news .news_left_img {
        width: 35%;
        height: 64px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .index_six_news .news_left_panel {
        width: 65%
    }

    .index_six_news .news_right_con {
        padding: 12px 16px;
        background-color: #fff;
        background-image: linear-gradient(207deg, #f4f9ff, #fff 71%);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .index_six_news .news_right_panel:hover .news_right_title {
        color: #666
    }

    .index_six_news .news_right_panel:hover .news_right_pot {
        background: #ddd
    }

    .index_six_news .news_right_panel .news_right_div {
        max-width: 93%
    }

    .index_six_news .news_right_panel .news_right_pot {
        background: #ddd;
        margin-top: 8px;
        margin-right: 12px
    }

    .index_six_news .news_right_panel .news_right_title {
        font-size: 12px;
        line-height: 18px;
        color: #666;
        font-weight: 500
    }

    .index_six_news .news_right_line {
        margin: 20px 0 12px
    }
}

.tx_banner {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
    padding: 85px 0 120px;
    position: sticky;
    top: -460px;
    z-index: 4
}

.tx_banner .banner-content .banner-slogan {
    font-size: 26px;
    line-height: 30px
}

.tx_banner .banner-content .banner-slogan, .tx_banner .banner-content .banner-title {
    max-width: 760px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tx_banner .banner-content .banner-title {
    line-height: 48px;
    font-size: 40px;
    font-weight: 600;
    margin-top: 19px
}

.tx_banner .banner-content .banner-describe {
    max-width: 760px;
    opacity: .7;
    font-size: 14px;
    line-height: 26px;
    margin-top: 13px;
    color: #333;
    word-break: break-word
}

.tx_banner .banner-content .banner_button_group {
    margin-top: 56px;
    display: flex
}

.tx_banner .banner-content .banner_button_group .banner_btn {
    width: 139px;
    font-size: 16px;
    margin-right: 20px;
    position: relative
}

.tx_banner .banner-content .banner_button_group .banner_btn > button {
    color: #333;
    border: 1px solid #333;
    border-radius: 0;
    width: 100%;
    background-color: transparent
}

.tx_banner .banner-content .banner_button_group .banner_btn .banner_btn_sup {
    position: absolute;
    top: -9px;
    right: -11px;
    width: 36px;
    height: 22px;
    font-size: 12px;
    background: #d0021b;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    line-height: 22px
}

.tx_banner .banner-content .banner_button_group > .banner_btn:first-of-type > button {
    background-color: #333;
    color: #fff
}

.tx_banner .banner-content .banner_button_group .banner_btn__underline {
    text-decoration: underline;
    padding: 0 15px;
    font: 400 16px/22px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.tx_banner .banner-content .banner_button_group .banner_btn__underline:hover {
    color: #1989fa
}

.tx_banner .banner-content .banner-activity {
    font-size: 14px;
    line-height: 17px;
    margin-top: 31px;
    color: #333
}

.tx_banner .choice_footer {
    width: 100%;
    height: 64px;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 3;
    font-size: 16px;
    padding: 0 16px;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .1)
}

.tx_banner .choice_footer .footer_btn_zx {
    flex: 1
}

.tx_banner .choice_footer .footer_btn_buy {
    width: 200px
}

.choice_message_box {
    width: 300px
}

@media (max-width: 767px) {
    .tx_banner {
        background: #eaf0f4 !important;
        padding: 40px 0 0;
        position: static
    }

    .tx_banner .banner-content .banner-title {
        width: 100%;
        line-height: 27px;
        font-size: 24px;
        color: #222;
        white-space: normal
    }

    .tx_banner .banner-content .banner-describe {
        width: 100%;
        margin-top: 29px
    }

    .tx_banner .banner-content .banner_button_group {
        display: flex;
        flex-direction: column;
        margin-top: 56px
    }

    .tx_banner .banner-content .banner_button_group .banner_btn {
        width: 100%;
        height: 40px;
        margin: 0 0 32px
    }
}

.tx_nav {
    z-index: 4;
    position: sticky;
    top: 0;
    background: linear-gradient(90deg, #fff, #fff 50%, hsla(0, 0%, 100%, .8) 0, hsla(0, 0%, 100%, .8));
    box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .1)
}

.tx_nav .nav_box {
    display: flex;
    width: 100%;
    position: relative
}

.tx_nav .nav_wrap {
    flex: 1;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    background-color: #fff
}

.tx_nav .nav_next, .tx_nav .nav_prev {
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    background-color: #fff;
    z-index: 2
}

.tx_nav .nav_next.is_disable, .tx_nav .nav_prev.is_disable {
    color: rgba(51, 51, 51, .1)
}

.tx_nav .nav_prev {
    position: absolute;
    height: 100%;
    left: -30px
}

.tx_nav .nav_scroll {
    overflow: hidden
}

.tx_nav .nav_list {
    white-space: nowrap;
    position: relative;
    transition: transform .3s;
    z-index: 2;
    float: left;
    background-color: #fff;
    display: flex;
    align-items: flex-end
}

.tx_nav .nav_item {
    font-size: 14px;
    color: #333;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    box-sizing: border-box;
    border-bottom: 3px solid transparent;
    margin-right: 40px
}

.tx_nav .nav_item.is_active, .tx_nav .nav_item:hover {
    border-bottom: 3px solid #09f
}

.tx_nav .nav_item.is_active {
    font-weight: 600
}

.tx_nav .nav_right {
    width: 184px;
    height: 60px;
    background: #015aaa;
    font-size: 16px;
    color: #fff;
    border: none;
    border-radius: 0
}

.tx_nav .nav_right:hover {
    background: #0075dd
}

@media screen and (min-width: 767px) and (max-width: 1199px) {
    .tx_nav {
        top: 36px
    }
}

.module_name .name_cn {
    font-size: 34px;
    font-weight: 600;
    line-height: 48px;
    color: #222
}

.module_name.light .name_cn {
    color: #fff
}

@media (max-width: 767px) {
    .module_name .name_cn {
        font-size: 24px;
        line-height: 32px
    }
}

.video_plus {
    width: 100%;
    height: 100%;
    background: #000
}

.video_plus .video_plus_video {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000
}

.video_plus .video_play {
    width: 100px;
    display: block
}

.video_plus .video_plus_img {
    width: 100%;
    height: 100%
}

.video_plus .video_plus_img > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video_player {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(32, 32, 32, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000
}

.video_player_close {
    position: absolute;
    top: 30px;
    right: 40px;
    font-size: 42px;
    color: #fff;
    cursor: pointer
}

.video_player_video {
    width: 80%;
    outline: none
}

.tx_one_minute {
    padding-top: 70px
}

.tx_one_minute .one_minute_content {
    background-color: #f6f7f9;
    margin-top: 30px
}

.tx_one_minute .content_wrapper {
    display: flex;
    align-items: center
}

.tx_one_minute .one_minute_left {
    width: 640px;
    height: 360px;
    background: #000
}

.tx_one_minute .one_minute_right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0 20px 60px
}

.tx_one_minute .one_minute_title {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: #333
}

.tx_one_minute .one_minute_describe {
    font-size: 14px;
    line-height: 25px;
    color: #333;
    margin-top: 22px
}

.tx_one_minute .one_minute_btn {
    width: 152px;
    height: 48px;
    background-color: #015aaa;
    margin-top: 20px;
    border-radius: 0;
    font-size: 16px
}

.tx_one_minute .one_minute_btn:hover {
    background-color: #0075dd
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .tx_one_minute .one_minute_left {
        width: 384px;
        height: 216px
    }

    .tx_one_minute .one_minute_right {
        padding: 20px 0 20px 24px
    }
}

@media (max-width: 767px) {
    .tx_one_minute {
        padding-top: 35px
    }

    .tx_one_minute .content_wrapper {
        display: flex;
        flex-direction: column
    }

    .tx_one_minute .one_minute_left {
        width: 100%;
        height: 210px
    }

    .tx_one_minute .one_minute_right {
        flex: 1;
        padding: 40px 0
    }

    .tx_one_minute .one_minute_title {
        line-height: 27px
    }

    .tx_one_minute .one_minute_btn {
        width: 100%
    }
}

.tx_advantage {
    padding: 80px 0 20px
}

.tx_advantage .advantage_list {
    padding-top: 50px;
    display: flex;
    flex-wrap: wrap
}

.tx_advantage .advantage_item {
    display: flex;
    margin-bottom: 62px
}

.tx_advantage .advantage_item_left {
    width: 60px;
    height: 60px
}

.tx_advantage .advantage_icon {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.tx_advantage .advantage_item_right {
    flex: 1;
    padding: 0 30px
}

.tx_advantage .advantage_title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #333
}

.tx_advantage .advantage_describe {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    margin-top: 10px
}

@media (max-width: 767px) {
    .tx_advantage {
        padding: 40px 0 10px
    }

    .tx_advantage .advantage_list {
        padding-top: 20px
    }

    .tx_advantage .advantage_item {
        margin-bottom: 30px
    }

    .tx_advantage .advantage_item_left {
        width: 48px;
        height: 48px
    }

    .tx_advantage .advantage_item_right {
        padding: 0 0 0 20px
    }

    .tx_advantage .advantage_title {
        font-size: 20px;
        line-height: 23px
    }

    .tx_advantage .advantage_describe {
        font-size: 12px;
        line-height: 20px;
        color: #222;
        margin-top: 10px
    }
}

.tx_plat_introduction {
    background-color: #f6f7f9;
    padding: 70px 0
}

.tx_plat_introduction .module_name .name_cn {
    font-size: 24px;
    line-height: 27px;
    color: #222;
    opacity: .3
}

.tx_plat_introduction .plat_introduction_content {
    padding-top: 20px;
    font-size: 38px;
    line-height: 56px;
    color: #222
}

@media (max-width: 767px) {
    .tx_plat_introduction {
        padding: 35px 0
    }

    .tx_plat_introduction .plat_introduction_content {
        font-size: 28px;
        line-height: 32px
    }
}

.scene_type_one {
    display: flex;
    flex-direction: column;
    align-items: center
}

.scene_type_one .scene_describe {
    font-size: 12px;
    text-align: center;
    color: #333;
    line-height: 22px;
    padding: 12px 0 30px
}

.scene_type_one .scene_img_box {
    width: 100%
}

.scene_type_one .scene_img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.scene_type_two {
    display: flex;
    align-items: center
}

.scene_type_two .scene_img_box {
    width: 710px;
    height: auto
}

.scene_type_two .scene_img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.scene_type_two .scene_content {
    padding: 40px;
    flex: 1;
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .07);
    color: #333
}

.scene_type_two .scene_title {
    font-size: 18px;
    font-weight: 600;
    line-height: 21px
}

.scene_type_two .scene_subtitle {
    font-size: 16px;
    line-height: 19px
}

.scene_type_two .scene_describe {
    font-size: 14px;
    line-height: 22px
}

.scene_type_two .scene_ability_list {
    list-style-type: none
}

.scene_type_two .scene_ability_item {
    display: flex
}

.scene_type_two .scene_ability_icon {
    color: #009aff;
    margin-right: 10px
}

.scene_type_two .scene_ability_title {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px
}

.scene_type_two .scene_ability_describe {
    opacity: .7;
    font-size: 14px;
    line-height: 17px
}

.scene_type_two .scene_related_item {
    background: #015aaa;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 14px;
    line-height: 17px;
    cursor: pointer
}

.scene_type_two .scene_related_item:hover {
    color: #fff;
    background: #0075dd
}

.scene_type_two .scene_related_icon {
    margin-right: 10px;
    width: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.scene_type_two .scene_related_text {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .scene_type_two {
        display: flex;
        flex-direction: column;
        padding-top: 30px
    }

    .scene_type_two .scene_img_box {
        width: 100%
    }

    .scene_type_two .scene_content {
        width: 100%;
        padding: 0;
        box-shadow: none;
        color: #222
    }

    .scene_type_two .scene_subtitle, .scene_type_two .scene_title {
        font-size: 14px;
        opacity: .5;
        line-height: 18px
    }

    .scene_type_two .scene_describe {
        font-size: 14px;
        line-height: 26px
    }

    .scene_type_two .scene_ability_describe {
        opacity: 1;
        font-size: 12px;
        line-height: 20px
    }
}

@media (max-width: 767px) {
    .scene_type_two {
        display: flex;
        flex-direction: column;
        padding-top: 30px
    }

    .scene_type_two .scene_img_box {
        width: 100%
    }

    .scene_type_two .scene_content {
        padding: 20px;
        box-shadow: none;
        color: #222
    }

    .scene_type_two .scene_subtitle, .scene_type_two .scene_title {
        font-size: 12px;
        opacity: .5;
        line-height: 14px
    }

    .scene_type_two .scene_describe {
        font-size: 14px;
        line-height: 26px
    }

    .scene_type_two .scene_ability_describe {
        opacity: 1;
        font-size: 12px;
        line-height: 20px
    }
}

.tx_app_scene {
    background: linear-gradient(1turn, #fff, #f6f7f9);
    padding: 60px 0 100px
}

.tx_app_scene .app_scene_tab {
    margin-top: 50px
}

.tx_app_scene .choice_tabs_header {
    list-style-type: none;
    display: flex;
    border-bottom: 2px solid #ddd;
    font-size: 18px;
    color: #333;
    margin-bottom: 20px
}

.tx_app_scene .choice_tabs_item {
    flex: 1;
    display: flex;
    justify-content: center
}

.tx_app_scene .choice_tabs_item.is_tab_active .choice_tabs_text {
    font-size: 20px;
    border-bottom-color: #1989fa;
    font-weight: 600
}

.tx_app_scene .choice_tabs_text {
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    padding: 10px 0
}

.tx_app_scene .choice_tabs_content {
    list-style-type: none
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .tx_app_scene {
        padding-bottom: 50px
    }
}

@media screen and (max-width: 767px) {
    .tx_app_scene {
        padding-bottom: 50px
    }
}

.tx_app_scene .el-collapse-item {
    margin-bottom: 0 !important
}

.tx_app_scene .el-collapse-item:last-child .el-collapse-item__wrap {
    border-bottom: none
}

.tx_app_scene .el-collapse-item .el-collapse-item__header {
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 0 18px;
    font-size: 14px;
    color: #222
}

.tx_app_scene .el-collapse-item .el-collapse-item__header.is-active {
    font-size: 18px
}

.tx_panorama {
    padding: 50px 0
}

.tx_panorama .panorama_list {
    padding-top: 50px
}

.tx_panorama .panorama_item {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .07);
    position: relative;
    margin-bottom: 40px
}

.tx_panorama .panorama_img {
    display: block;
    width: 100%;
    height: 214px;
    -o-object-fit: cover;
    object-fit: cover
}

.tx_panorama .panorama_content {
    padding: 35px;
    height: 200px
}

.tx_panorama .panorama_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap
}

.tx_panorama .panorama_describe {
    padding-top: 16px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    opacity: .7;
    word-break: break-word
}

.tx_panorama .panorama_btn_box {
    width: 100%;
    height: 52px;
    position: absolute;
    bottom: -26px;
    display: flex;
    justify-content: center
}

.tx_panorama .panorama_btn {
    width: 168px;
    height: 52px;
    font-size: 16px;
    background-color: #015aaa;
    border-radius: 0
}

.tx_panorama .panorama_btn:hover {
    background-color: #0075dd
}

@media (any-hover: hover) {
    .tx_panorama .panorama_btn_box {
        opacity: 0
    }

    .tx_panorama .panorama_item_box:hover .panorama_item {
        border: none;
        box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .14);
        transform: translateY(-6px);
        transition: transform .1s ease-out
    }

    .tx_panorama .panorama_item_box:hover .panorama_btn_box {
        opacity: 1;
        transition: opacity .1s ease-out
    }
}

@media (max-width: 767px) {
    .tx_panorama .panorama_content {
        padding: 20px
    }

    .tx_panorama .panorama_item {
        border: 2px solid #1989fa;
        padding: 5px
    }

    .tx_panorama .panorama_item_box {
        margin-bottom: 56px
    }

    .tx_panorama .panorama_item_box .panorama_btn_box {
        bottom: -26px
    }
}

.tx_pain_point {
    padding: 90px 0 20px;
    background: linear-gradient(180deg, #f6f8f9, #fbfcfd 60%, #fff 0)
}

.tx_pain_point .pain_point_head {
    margin-top: 60px;
    font-size: 22px;
    line-height: 26px;
    color: #333
}

.tx_pain_point .pain_point_head i {
    color: #1989fa
}

.tx_pain_point .pain_point_list {
    list-style-type: none
}

.tx_pain_point .pain_point_list .list_item {
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .07);
    margin-top: 20px;
    position: relative
}

.tx_pain_point .list_item_bg {
    position: absolute;
    background: #e8ebee;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 30% 0, 35% 50%, 30% 100%, 0 100%);
    clip-path: polygon(0 0, 30% 0, 35% 50%, 30% 100%, 0 100%)
}

.tx_pain_point .pain_point_left {
    padding: 30px;
    color: #222
}

.tx_pain_point .pain_point_right {
    padding: 30px 30px 30px 100px;
    color: #333
}

.tx_pain_point .pain_point_title {
    font-size: 18px;
    font-weight: 600;
    line-height: 21px
}

.tx_pain_point .pain_point_describe {
    margin-top: 16px;
    font-size: 14px;
    line-height: 23px
}

@media (max-width: 767px) {
    .tx_pain_point {
        padding: 40px 0 20px;
        background: none
    }

    .tx_pain_point .pain_point_left {
        background-color: #e8ebee
    }

    .tx_pain_point .pain_point_left .pain_point_describe {
        font-size: 12px
    }

    .tx_pain_point .pain_point_right {
        padding: 30px
    }
}

.tx_product_advantage {
    padding-top: 90px
}

.tx_product_advantage .advantage_row {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap
}

.tx_product_advantage .advantage_col {
    margin-bottom: 30px
}

.tx_product_advantage .advantage_col:hover .advantage_item {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .14);
    transform: translateY(-10px);
    transition: all .1s ease-out
}

.tx_product_advantage .advantage_item {
    height: 100%;
    min-height: 290px;
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .07);
    padding: 35px
}

.tx_product_advantage .advantage_icon {
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.tx_product_advantage .advantage_title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 26px;
    margin-top: 32px
}

.tx_product_advantage .advantage_describe {
    font-size: 14px;
    color: #444b54;
    line-height: 20px;
    margin-top: 20px
}

@media (max-width: 767px) {
    .tx_product_advantage {
        padding: 40px 0 10px
    }
}

.tx_case {
    padding: 90px 0 30px
}

.tx_case .tx_case_head {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.tx_case .tx_case_btns {
    margin-left: 20px
}

.tx_case .tx_case_btn {
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    font-size: 26px;
    color: #000;
    border: 2px solid #000
}

.tx_case .tx_case_btn.is_disable {
    opacity: .2;
    border: 2px solid #000
}

.tx_case .tx_case_item {
    min-height: 360px;
    position: relative;
    display: flex;
    align-items: center
}

.tx_case .tx_case_content {
    position: absolute;
    left: 0;
    width: 64%;
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .07);
    z-index: 2;
    padding: 50px
}

.tx_case .tx_case_title {
    font-size: 28px;
    font-weight: 600;
    color: #222;
    line-height: 32px
}

.tx_case_line {
    width: 30px;
    border-top: 2px solid #1989fa;
    margin-top: 30px
}

.tx_case_describe {
    font-size: 14px;
    color: #222;
    line-height: 24px;
    padding: 30px 0
}

.tx_case .tx_case_jump {
    position: absolute;
    bottom: -30px;
    width: 184px;
    height: 60px;
    background: #015aaa;
    color: #fff;
    font-size: 16px;
    border-radius: 0
}

.tx_case .tx_case_jump:hover {
    background: #0075dd
}

.tx_case_video {
    position: absolute;
    right: 0;
    top: 0;
    width: 480px;
    height: 360px
}

@media (max-width: 767px) {
    .tx_case {
        padding: 90px 0 30px
    }

    .tx_case .tx_case_head {
        display: flex;
        justify-content: space-between
    }

    .tx_case_btns {
        margin-left: 50px
    }

    .tx_case_btn {
        width: 48px;
        line-height: 44px;
        text-align: center;
        font-size: 26px;
        color: #000;
        border: 2px solid #000
    }

    .tx_case_btn.is_disable {
        opacity: .2;
        border: 2px solid #000
    }

    .tx_case_carousel {
        margin-top: 30px
    }

    .tx_case_carousel .el-carousel__container {
        height: 500px !important
    }

    .tx_case .tx_case_item {
        min-height: 360px;
        position: static;
        flex-direction: column
    }

    .tx_case .tx_case_content {
        position: relative;
        width: 100%;
        padding: 20px;
        background-color: transparent
    }

    .tx_case_title {
        font-size: 20px;
        line-height: 23px
    }

    .tx_case_line {
        width: 30px;
        border-top: 2px solid #1989fa;
        margin-top: 30px
    }

    .tx_case_describe {
        font-size: 12px;
        line-height: 20px
    }

    .tx_case .tx_case_jump {
        position: static;
        width: 100%;
        height: 48px
    }

    .tx_case_video {
        position: static;
        width: 100%;
        height: 246px;
        background: #000
    }
}

.tx_partner {
    background-color: #f4f4f4;
    padding: 63px 0 43px
}

.tx_partner .partner-subtitle {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    margin-top: 20px
}

.tx_partner .partner-more {
    display: inline-block;
    font-size: 18px;
    color: #1989fa;
    line-height: 22px;
    margin-top: 19px;
    margin-bottom: 46px;
    cursor: pointer
}

.tx_partner .partner_row {
    display: flex;
    flex-wrap: wrap
}

.tx_partner .partner-card {
    background-color: #fff;
    padding: 40px;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .07);
    border-radius: 2px;
    min-height: 250px;
    height: 100%
}

.tx_partner .partner-card .partner-logo {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    height: 46px
}

.tx_partner .partner-card .partner-name {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: #333;
    margin-top: 29px
}

.tx_partner .partner-card .partner-line {
    margin: 20px 0;
    width: 41px;
    height: 0;
    border: 2px solid #ccc
}

.tx_partner .partner-card .partner-introduce {
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.tx_partner .partner-card-box {
    margin-bottom: 30px
}

.tx_partner .partner-card-box:hover .partner-card {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .14);
    transform: translateY(-10px);
    transition: all .1s ease-out
}

.tx_partner .partner-card-box:hover .partner-card .partner-line {
    border: 2px solid #1989fa
}

@media (max-width: 767px) {
    .tx_partner {
        padding: 40px 0
    }

    .tx_partner .partner-card {
        background-color: #fff;
        padding: 30px;
        height: 300px
    }
}

.step_item {
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px
}

.step_title {
    font-size: 22px;
    color: #fff;
    line-height: 26px;
    height: 26px;
    position: relative
}

.step_title > span {
    position: absolute;
    font-size: 24px;
    color: #1989fa;
    line-height: 30px;
    left: -36px;
    top: -2px
}

.step_line_box {
    height: 10px;
    display: flex;
    align-items: center;
    margin: 20px 0;
    width: 100%
}

.step_line_left, .step_line_right {
    flex: 1;
    border-top: 2px dashed #ddd
}

.step_line_left.is_first, .step_line_right.is_last {
    border-top: none
}

.step_node {
    width: 10px;
    height: 10px;
    background: #1989fa;
    border-radius: 50%
}

.step_describe {
    font-size: 14px;
    color: #ccc;
    line-height: 17px;
    text-align: center;
    padding: 0 20px;
    white-space: pre-wrap
}

.step_jump {
    font-size: 16px;
    color: #009aff;
    line-height: 19px;
    margin-top: 5px
}

@media screen and (max-width: 767px) {
    .step_item {
        width: 100%
    }
}

.tx_use_help {
    overflow: hidden;
    padding: 72px 0 82px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.tx_use_help .use_help_head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.tx_use_help .use_help_btns .use_help_btn {
    width: 40px;
    line-height: 40px;
    text-align: center;
    border: 2px solid #fff;
    font-size: 26px;
    color: #fff
}

.tx_use_help .use_help_btns .use_help_btn.is_disable {
    opacity: .2
}

.tx_use_help .step_list {
    display: flex;
    white-space: nowrap;
    position: relative;
    transition: transform .3s;
    z-index: 2;
    float: left;
    list-style-type: none
}

.nav_wrap, .tx_scroll {
    display: flex;
    align-items: center;
    position: relative
}

.nav_wrap {
    overflow: hidden
}

.scroll_btn_next, .scroll_btn_prev {
    height: 100%;
    z-index: 3;
    display: flex;
    position: absolute
}

.scroll_btn_next:before, .scroll_btn_prev:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    overflow: hidden
}

.scroll_btn_prev {
    left: -100px;
    width: 200px
}

.scroll_btn_prev:before {
    background: linear-gradient(270deg, rgba(56, 46, 42, 0), #352e2c 54%);
    filter: blur(40px)
}

.scroll_btn_next {
    right: -82px;
    width: 225px;
    justify-content: flex-end;
    padding-right: 50px
}

.scroll_btn_next:before {
    background: linear-gradient(90deg, rgba(56, 46, 42, 0), #352e2c 54%);
    filter: blur(20px)
}

.nav_next, .nav_prev {
    width: 32px;
    height: 32px;
    background: #1989fa;
    z-index: 3;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    margin-top: 95px
}

.nav_prev {
    margin-left: 68px
}

.nav_next {
    right: 32px
}

.nav_scroll {
    overflow: hidden
}

.tx_faq {
    padding-top: 70px
}

.tx_faq .faq_col:hover {
    transition: all .1s ease-out
}

.tx_faq .faq_col:hover .faq_item {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .14);
    transform: translateY(-10px);
    transition: transform .1s ease-out
}

.tx_faq .faq_col:hover .faq_arrow {
    opacity: 1
}

.tx_faq .faq_item {
    position: relative;
    box-shadow: 0 0 40px 0 rgba(25, 137, 250, .07);
    margin-bottom: 30px;
    cursor: pointer
}

.tx_faq .faq_bg_img {
    width: 100%;
    height: 120px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.tx_faq .faq_content {
    padding: 20px 30px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.tx_faq .faq_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #333;
    display: flex;
    align-items: center
}

.tx_faq .faq_arrow {
    margin-left: 5px;
    font-size: 26px;
    opacity: .3;
    margin-top: 2px
}

.tx_faq .faq_describe {
    font-size: 14px;
    line-height: 28px;
    color: #333;
    margin-top: 5px
}

@media (max-width: 767px) {
    .tx_faq {
        margin-top: 40px
    }
}

.tx_recommend {
    padding: 60px 0 120px
}

.tx_recommend .recommend_col {
    transition: transform .1s ease-out
}

.tx_recommend .recommend_col:hover .product_item {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .14);
    transform: translateY(-10px);
    transition: transform .1s ease-out
}

.tx_recommend .product_item {
    cursor: pointer;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .07);
    margin-bottom: 30px;
    min-height: 210px
}

.tx_recommend .product_item .product_img {
    width: 100%;
    height: 70px;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.tx_recommend .product_item .product_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #333;
    padding: 25px 30px 11px
}

.tx_recommend .product_item .product_content {
    font-size: 14px;
    line-height: 26px;
    color: #333;
    padding: 0 30px 20px
}

@media (max-width: 767px) {
    .tx_recommend {
        margin: 40px 0;
        padding: 0
    }
}

.cosmo_choice {
    touch-action: manipulation
}

.cosmo_choice {
    padding-top: 90px;
    padding-bottom: 40px
}

@media screen and (max-width: 1199px) {
    .cosmo_choice {
        padding-top: 0
    }
}

.banner-bg {
    width: 100%;
    height: 340px;
    background-size: cover;
    position: relative
}

.banner-bg .wrap {
    max-width: 1408px;
    width: 74%;
    margin: 0 auto;
    padding: 0 13%
}

.banner-bg .wrap .title {
    padding-top: 94px
}

/*.banner-bg .wrap .title p {*/
/*    color: #fff*/
/*}*/

.banner-bg .wrap .title p:first-child {
    font-size: 46px
}

.banner-bg .wrap .title p:last-child {
    font-size: 24px
}

.banner-bg .wrap .title .line {
    width: 50px;
    height: 4px;
    background: #fff;
    margin: 20px 0 19px
}

.banner-bg .wrap .subnav {
    position: absolute;
    bottom: -7px;
    width: 70%;
    height: 57px;
    padding-left: 1.8%;
    background-size: contain
}

.banner-bg .wrap .subnav ul {
    display: flex
}

.banner-bg .wrap .subnav ul li {
    width: 16%;
    height: 100%;
    line-height: 47px;
    text-align: center;
    margin-top: 10px;
    cursor: pointer
}

.banner-bg .wrap .subnav ul li a {
    color: #d1d2d1;
    font-size: 17px;
    font-weight: 600
}

.banner-bg .wrap .subnav ul li a img {
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-right: 12px
}

.banner-bg .wrap .subnav ul .active {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAABNCAYAAAACa2mNAAAGoElEQVR4Xu2dTW8URxCGp8c79rILS3AIiXIAG2NIgCS/wT+eS26x4gOKRA5IxkpQgomyO3bDVDSrNeLL9s5Od1Upejgipqr2mdKrV93zivD65OS7QQiTgj8QgMD/jkBdVU83Qzj2/sPCnyLXxjF+731Q5oMABLoTeCsyvbax8Wv3J3WfCG07XJEudLpBQJPAm7p+NplMXmr27NprLkQicnUW48OuD/PvIQAB/wQGVXVSFcV+CEG8TjsXovZPLfKgifG610GZCwIQWJ2AxPh8PB6/WL1C3iffCRGuKC9oqkPAkoAUxZufnzzZ39vbe2M5x3m93wnR3BXV9YOmLHFFHt8UM0GgJ4ErVfUihPC8Z5ksj38gRLiiLIwpCgEXBKQomlFVtWdFpy4Gem+ID4So/fvXdf1ggCvy9p6YBwJJCJRV9XIYwrMkxRIW+USI/hC5epUbtISIKQUBPwSkKGRUVQchhKmfqYriEyGanxWJ3G9i/MLToMwCAQikIVA2zfFwOHyaplqaKp8VIhEZz2J8lKYFVSAAAW8EvEU/PitEuCJva8M8EEhLwFv041whwhWlffFUg4A3Ap6iH+cK0dwV1fX9piw5K/K2QcwDgQQEPEU/LhSiI5HxhLOiBK+cEhDwScBL9ONCIWrRva7r+wNckc8tYioI9CTgJfpxqRAdHR2NJ5ub3KD1fOE8DgGvBDxEPy4VIlyR1/VhLgikIeAh+rGUEInIaBbj4zQ/myoQgIA3AtbRj6WEaH6DJrLbxHjDG0DmgQAE+hOwjn4sLUS4ov4vmwoQ8EzAMvqxtBC1AI/rercqS1yR521iNgj0IGAV/egkRIcio+sxPgrnhGV7/H4ehQAEHBCwin50EqLFWdG9JsZNB8wYAQIQyEDAIvrRWYgODw9H12/exBVlWABKQsADAYvoR2chwhV5WBVmgEBeAtrRj5WESESuTGN8zFlR3mWgOgSsCLTRj1FV/RJCeKsxw0pCNHdFdX2vKUvOijTeEj0gYEBAM/qxshDhigw2g5YQUCSgGf1YWYhaHsd1fa/CFSmuBq0goEtAK/rRS4hwRbpLQTcIaBPQin70EiJckfZa0A8C+gQ0oh+9hUhEhtMYf+AGTX9B6AgBLQK5ox+9hWhxg7bTlOWXWlDoAwEI6BLIHf1IIkS4It2loBsELAjkjH4kEaIWyqu63lnHFVnsBz0hoEIgZ/QjmRDhilR2gSYQMCWQK/qRTIhwRab7QXMIqBDIFf1IKkS4IpVdoAkEbAlU1YtRCM9TDpFUiOY3aCJ3mxhvphySWhCAgB8COaIfyYXod5HhLb4r8rM1TAKBDARSRz+SC9HcFdX13aYscUUZFoCSEPBAIHX0I4sQicjGNMYf+draw8owAwTyEEgZ/cgiRIsbtLvruKI8G0BVCDghkCr6kU2IcEVONoUxIJCRQKroRzYhan/7TGRbYvwqIwdKQwACxgRSRD+yChGuyHhDaA8BBQIpoh9ZhWjuimazbVlbwxUpLAQtIGBFoG/0I7sQ4YqsVoO+ENAj0Df6kV2IcEV6y0AnCJgS6BH9UBGi30Q2vuW7ItMdoTkEchPoE/1QEaIWwKvZbHuds6Lcu0B9CJgSWDX6oSZEIrI+jfEnvrY23ROaQyArgVWjH2pCND8rEtmSGG9lJUFxCEDAlMAq0Q9VIVq4ojaDVpqSojkEIJCVQNfoh6oQLW7QtmRtDVeUdQ0oDgFbAl2jH+pChCuyXRC6Q0CLQJfoh7oQtRD+ns22NnBFWvtAHwiYEOgS/TARIlyRyV7QFALqBJaNfpgI0eIG7Y7E+LU6GRpCAAJqBJaNfpgJEa5IbRdoBAFbAktEP8yEaHGDdkfW1nBFtmtCdwhkJbBM9MNUiA4ODta3dnf5rijrGlAcAvYELot+mApRi2cqcruI8Rt7VEwAAQjkInBZ9MNciESkWmTQ+No61xZQFwIOCFwU/TAXIlyRgw1hBAgoETgv+uFCiHBFSltAGwgYEzgv+uFCiHBFxttBewgoEvhc9MONEOGKFDeBVhAwJDAoipOqqvZDCHI2hhshmrui6fR2MRhwg2a4JLSGgAaBj6MfroQIV6SxAvSAgD2Bj6MfroSoxfPXdHp7iCuy3xQmgEBuAu9FP9wJkYgM/j09fViGMMzNgfoQgIAdgfejH+6EqMUiIuVxXd/hf/2wWxI6Q0CDwFn0w6UQnQEQkRvTGLdDUQw0oNADAhDQJfAu+qHbtnu39gD7n9PTnUEIk+5P8wQEIOCdQBv9+A9LoaCC/A4ExwAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover
}

.bread-com {
    width: 1200px;
    margin: 47px auto 27px;
    padding: 0 0 22px;
    border-bottom: 1px solid #999
}

.bread-com .el-breadcrumb {
    padding-left: 20px
}

.bread-com .el-breadcrumb__inner {
    font-size: 16px
}

.bread-com .el-breadcrumb__inner img {
    width: 18px;
    height: 21px;
    vertical-align: middle
}

.content-title {
    font-size: 30px;
    font-weight: 700;
    width: 1200px;
    margin: 0 auto 10px
}

.content-title p {
    margin-top: -20px
}

.content-title p .line1 {
    display: inline-block;
    width: 23px;
    height: 6px;
    opacity: 1;
    background: #c71711;
    margin-right: 3px
}

.content-title p .line2 {
    display: inline-block;
    width: 52px;
    height: 6px;
    opacity: 1;
    background: #003f8f
}

.article {
    width: 1200px
}

.article, .pagina {
    margin: 0 auto 20px
}

.pagina {
    width: 1100px;
    background-color: #f7f7f7;
    box-sizing: border-box;
    padding: 7px 13px
}

.pagina .el-pagination {
    width: 100%;
    padding: 0;
    text-align: center
}

.pagina .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #003d94;
    color: #fff
}

.pagina .el-pagination.is-background .btn-prev {
    float: left;
    position: relative
}

.pagina .el-pagination.is-background .btn-prev:before {
    position: absolute;
    content: "<";
    top: 3px;
    left: -21px;
    font-size: 24px
}

.pagina .el-pagination.is-background .btn-next {
    float: right;
    position: relative
}

.pagina .el-pagination.is-background .btn-next:after {
    position: absolute;
    content: ">";
    top: 3px;
    left: 55px;
    font-size: 24px
}

.pagina .el-pagination button {
    height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #999;
    line-height: 22px
}

.pagina .el-pagination button span {
    font-size: 16px
}

.achievementspage .banner-bg {
    background: url(/image/caict_web_bg.jpg) no-repeat 50%;
    background-size: cover
}

.achievementspage .banner-bg .subnav {
    background: url(/image/achievement_btn.png) no-repeat
}

.achievementspage .data-list {
    margin: 30px 0 30px
}

.achievementspage .data-list ul {
    margin-bottom: 30px;
    min-height: 355px
}

.achievementspage .data-list ul li {
    height: 30px;
    line-height: 36px;
    padding-top: 10px;
    padding-bottom: 18px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d6d5d5;
    box-sizing: content-box;
}

.achievementspage .data-list ul li:hover {
    background-color: #f5f5f5
}

.achievementspage .data-list ul li .date {
    border-right: 1px solid #d6d5d5;
    padding-right: 3%
}

.achievementspage .data-list ul li .date .date-day {
    font-size: 30px;
    -webkit-text-size-adjust: none;
    max-height: 100%;
    color: #003f8f;
    font-weight: 700;
    margin-right: 9px
}

.achievementspage .data-list ul li .date .date-date {
    font-size: 14px;
    -webkit-text-size-adjust: none;
    max-height: 100%;
    color: #999
}

.achievementspage .data-list ul li .data-des-title {
    width: 55%;
    padding-left: 3%;
    font-size: 16px;
    -webkit-text-size-adjust: none;
    max-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.achievementspage .data-list ul li a {
    display: inline-block;
    border: 1px solid #3385ff;
    border-radius: 6px;
    margin-right: 120px;
    color: #3385ff;
    float: right;
    width: 98px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}

.achievementspage .data-list ul li a:hover {
    background: #063e8f;
    border: 1px solid #063e8f;
    color: #fff
}

@media screen and (max-width: 768px) {
    .banner-bg .wrap .subnav ul li {
        margin-right: 30px
    }

    .banner-bg .wrap .subnav ul li a {
        display: inline-block;
        width: 100px;
        height: 20px;
        font-size: 12px
    }

    .pagina {
        width: 768px
    }
}

@media screen and (max-width: 414px) {
    .achievementspage .banner-bg {
        zoom: .5
    }

    .achievementspage .data-list {
        transform: scale(.52);
        transform-origin: top left;
        margin-left: 7px
    }

    .top {
        margin-left: 5px;
        margin-bottom: -40px
    }

    .down {
        transform: scale(1);
        transform-origin: top left;
        margin-top: -200px
    }
}

@media screen and (max-width: 375px) {
    .achievementspage .banner-bg {
        zoom: .5
    }

    .achievementspage .banner-bg .wrap .subnav ul li {
        width: 70%
    }

    .achievementspage .banner-bg .wrap .subnav ul li a {
        width: 200%
    }

    .achievementspage .banner-bg .wrap .subnav ul li a span {
        margin-left: -10px;
        display: inline-block;
        transform: scale(.6)
    }

    .achievementspage .data-list {
        transform: scale(.5);
        transform-origin: top left;
        margin-left: 5px
    }

    .top {
        margin-left: 5px;
        margin-bottom: -40px
    }

    .down {
        transform: scale(1);
        transform-origin: top left;
        margin-top: -200px
    }
}

@media screen and (max-width: 360px) {
    .achievementspage {
        zoom: .45
    }

    .down, .top {
        zoom: .9
    }
}

.main-content {
    width: 1200px;
    margin: 0 auto
}

.data-list .trend {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.fl {
    float: left;
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.fr {
    float: right;
}

a {
    text-decoration: none;
}

ol, ul {
    list-style: none;
}

.essay {
    width: 1200px;
    min-height: 200px;
    margin: 20px auto;
    padding: 0 3%;
    box-sizing: border-box
}

.essay .title {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 34px
}

.essay .clear {
    clear: both;
    min-height: 1px;
    overflow: hidden
}

.essay .clear p {
    width: 50%;
    font-size: 12px;
    color: #999
}

.essay .clear p span {
    margin-right: 5%;
    padding: 1% 0
}

.essay .clear p .in-b {
    display: inline-block
}

.essay .leadpage {
    display: flex
}

.essay .leadpage img {
    width: 178px;
    height: 230px;
    margin-right: 52px
}

.essay .leadpage .con {
    width: 70%
}

.essay .leadpage .con p {
    font-size: 20px
}

.essay .leadpage .con .pline {
    width: 25px;
    height: 2px;
    margin-top: 5px;
    background: #393939
}

.essay .essaa {
    border-top: 3px solid #eee;
    margin: 20px 0 20px;
    padding-top: 33px;
    overflow: hidden
}

.essay .essaa p {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 1em
}

.essay .essaa p img {
    display: block;
    height: auto;
    margin: 0 auto
}

.essay .essaa table {
    width: 100%
}

.essay .downfile {
    margin: 0 0 30px
}

.data-list .trends .pcnews1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    position: relative;
    cursor: pointer
}

.data-list .trends .pcnews1 .con2 {
    width: 90%;
    padding: 5px 10px 0 0;
    position: relative
}

.data-list .trends .pcnews1 .con2 .con1 {
    width: 202px;
    height: 131px;
    float: left;
    margin-right: 10px
}

.data-list .trends .pcnews1 .con2 .con1 img {
    width: 100%;
    height: 100%;
}

.data-list .trends .pcnews1 .con2 .p1 {
    height: 30px;
    font-size: 20px;
    -webkit-text-size-adjust: none;
    max-height: 100%;
    font-weight: 700;
    color: #333;
    line-height: 30px
}

.data-list .trends .pcnews1 .con2 .p2 {
    height: 67px;
    margin-top: 15px;
    font-size: 16px;
    -webkit-text-size-adjust: none;
    max-height: 100%;
    font-weight: 400;
    color: #999;
    line-height: 34px
}

.data-list .trends .pcnews1 .con2:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 0;
    width: 2px;
    height: 50px;
    background-color: #ddd
}

.data-list .trends .pcnews1 .con3 {
    width: 93px;
    height: 40px;
    font-size: 18px;
    -webkit-text-size-adjust: none;
    max-height: 100%;
    font-weight: 300;
    color: #999;
    position: absolute;
    top: 50%;
    right: 0;
}

@media screen and (max-width: 768px) {
    .banner-bg .wrap .subnav ul li {
        margin-right: 30px
    }

    .banner-bg .wrap .subnav ul li a {
        display: inline-block;
        width: 100px;
        height: 20px;
        font-size: 12px;
        -webkit-text-size-adjust: none;
        max-height: 100%
    }

    .data-list .trends .pcnews1 .con2 {
        width: 50%
    }

    .data-list .trends .pcnews1 .con2 .p2 {
        height: 67px;
        margin-top: 15px;
        font-size: 16px;
        -webkit-text-size-adjust: none;
        max-height: 100%;
        font-weight: 400;
        color: #999;
        line-height: 40px
    }

    .data-list .trends .pcnews1 .con3 {
        width: 93px;
        height: 40px;
        font-size: 18px;
        -webkit-text-size-adjust: none;
        max-height: 100%;
        font-weight: 300;
        color: #999;
        position: absolute;
        top: 50%;
        left: 500px;
        margin-top: -5px
    }

    .pcpagnews {
        width: 768px
    }

    .main-content {
        width: 768px;
        margin: 0 auto
    }
}

@media screen and (max-width: 414px) {
    .banner-bg {
        zoom: .5;
        transform-origin: top left
    }

    .data-list {
        transform: scale(.52);
        transform-origin: top left;
        margin-left: 7px
    }

    .data-list .trends .pcnews1 .con2 {
        width: 80%
    }

    .data-list .trends .pcnews1 .con3 {
        left: 660px
    }

    .top {
        margin-left: 5px;
        margin-bottom: -40px
    }

    .down {
        transform: scale(1);
        transform-origin: top left
    }
}

@media screen and (max-width: 375px) {
    .banner-bg .wrap .subnav ul li {
        width: 30%
    }

    .banner-bg .wrap .subnav ul li a {
        width: 110%
    }

    .banner-bg .wrap .subnav ul li a span {
        display: inline-block;
        transform: scale(.7)
    }

    .data-list {
        transform: scale(.48);
        transform-origin: top left;
        margin-left: 5px
    }

    .data-list .trends .pcnews1 .con2 {
        width: 80%
    }

    .data-list .trends .pcnews1 .con3 {
        left: 660px
    }

    .top {
        margin-left: 4px
    }

    .down {
        transform: scale(1);
        transform-origin: top left
    }
}

.data-list .trend {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.data-list .trend .pcnews2 {
    width: 30%;
    margin-bottom: 30px;
    border-bottom: 1px solid #bfbfbf;
    cursor: pointer
}

.data-list .trend .pcnews2:hover .Mongolia2 {
    opacity: .35
}

.data-list .trend .pcnews2:nth-child(3n-1) {
    margin: 0 4.5% 30px
}

.data-list .trend .pcnews2 .psr {
    position: relative
}

.data-list .trend .pcnews2 .psr .Mongolia2 {
    position: absolute;
    background: #000;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    opacity: .15;
    transition: 1s
}

.data-list .trend .pcnews2 .psr .Mongolia2:hover {
    opacity: .35
}

.data-list .trend .pcnews2 .psr .news-pic-box {
    width: 100%;
    height: 210px
}

.data-list .trend .pcnews2 .psr .news-from {
    z-index: 77;
    bottom: 7px;
    left: 14px;
    height: 42px;
    line-height: 42px;
    background: url(/image/news/newsFormBg.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: 12px;
    -webkit-text-size-adjust: none;
    max-height: 100%;
    padding: 0 9px;
    overflow: hidden
}

.data-list .trend .pcnews2 .psr .news-from img {
    width: 17px;
    height: 19px;
    vertical-align: middle;
    margin-right: 9px
}

.data-list .trend .pcnews2 .psr .psa {
    position: absolute
}

.data-list .trend .pcnews2 .news-info {
    padding: 15px 0 5px
}

.data-list .trend .pcnews2 .news-info .news-tit {
    color: #333;
    font-size: 16px;
    -webkit-text-size-adjust: none;
    max-height: 100%;
    font-weight: 700;
    padding: 0 10px;
    height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.data-list .trend .pcnews2 .news-info .news-date {
    margin-top: 22px;
    padding: 0 10px;
    color: #333;
    margin-bottom: 9px
}

.data-list .trend .pcnews2 .news-info .news-date img {
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin-right: 10px
}

/* 轮播  */
.flexslider {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 800px;
    overflow: hidden;
    zoom: 1;
}

.flexslider .slides li {
    width: 100%;
    height: 100%;
}

.flex-direction-nav {
    width: 830px;
    margin: 0px auto;
    position: relative;
}

.flex-direction-nav a {
    width: 41px;
    height: 69px;
    line-height: 99em;
    overflow: hidden;
    margin: -20px 0 0;
    display: block;
    background: url(/image/index/icon-slides.png) no-repeat;
    position: absolute;
    top: 400px;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider:hover .flex-next {
    opacity: 0.6;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.6;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    background: url(/image/index/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}

.flexslider .slides a img {
    width: 100%;
    display: block;
}

/*.wrap {*/
/*    width: 1200px;*/
/*    height: 100px;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    margin: 20px;*/
/*}*/

.slidebox {
    width: 1200px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
}

.slidebox li {
    float: left;
    width: 1200px;
    height: 100px;
    left: 0;
    top: 0;
}

.slidebox li img {
    display: block;
    width: 1200px;
    height: 100px;
}

/* 轮播 右侧 */
.banner_r {
    width: 190px;
    height: 380px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 52px;
    z-index: 99;
}

.banner_r .tit {
    padding: 10px 6px;
}

.banner_r .tit .ban_img {
    width: 90px;
    height: 43px;
    margin: 0 auto;
}

.banner_r .tit .ban_img img {
    width: 100%;
    height: 100%;
}

.banner_r .tit .welcome a {
    margin-top: 5px;
    text-align: center;
    color: #01bb6c;
    text-decoration: none;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.tit_complaints {
    font-size: 18px;
    margin: 30px 0 20px 0;
}

.complaints {
    border: 1px solid #dddddd;
    display: block;
    overflow: hidden;
    padding: 20px;
}

.complaints ul {
    width: 100%;
    display: inline-block;
}

.complaints li {
    width: 33.333333%;
    float: left;
}

.complaints li .input_xs {
    width: 200px;
    height: 30px;
    padding-left: 10px;
    border-radius: 5px;
    border: 1px solid #dddddd;
}

.complaints .title {
    padding: 20px 0;
    display: block;
    width: 100%;
}

.complaints .textarea_xs {
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #dddddd;
    outline: none;
    resize: none;
}

.complaints .button-xs {
    width: 100%;
    text-align: center;
    margin: 50px 0 20px 0;
}

.complaints .button-xs button {
    width: 200px;
    height: 40px;
    border-radius: 5px;
    margin: 0 auto;
    background: #015aaa;
    color: #fff;
    text-align: center;
    line-height: 40px;
    outline: none;
    border: none;
}

.complaints .button-xs button:hover {
    background: #015aaa;
}

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


/**搜索页*/
.search_input_focus {
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1)
}

.search_mid {
    width: 100%;
    position: relative
}

.search_mid .search_input {
    width: 50%;
    min-width: 500px
}

.search_mid .search_input .el-input__inner {
    height: 50px;
    font-size: 18px;
    color: #222;
    padding: 0 20px;
    border-radius: 0
}

.search_mid .search_btn {
    height: 50px;
    width: 8%;
    min-width: 80px;
    font-size: 18px;
    padding: 0;
    border-radius: 0;
    background: #015aaa;
    border-color: #015aaa
}

.search_mid .search_btn:hover {
    background: #0075dd;
    border-color: #0075dd
}

.search_mid .search_word_div {
    width: 58%;
    min-width: 580px;
    position: absolute;
    background: #fff;
    padding: 30px 24px;
    margin-top: 51px;
    box-shadow: 0 12px 12px 0 rgba(0,0,0,.1);
    border-radius: 0;
    z-index: 2
}

.search_mid .search_word_div .search_hot_text {
    width: 70px;
    font-size: 14px;
    color: #999
}

.search_mid .search_word_div .search_hot_text2 {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #222;
    background: transparent;
    padding: 0 20px;
    border: 1px solid #ddd;
    margin-right: 26px;
    margin-top: 20px;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer
}

.search_mid .search_word_div .search_hot_text2:hover {
    border: 1px solid transparent;
    color: #fff;
    background: #1989fa
}

.search_mid_autocomplete {
    padding: 14px 0!important;
    margin-top: 2px!important;
    border-top: 0!important;
    box-shadow: 0 12px 12px 0 rgba(0,0,0,.1)!important;
    border-radius: 0!important
}

.search_mid_autocomplete li {
    padding: 0!important
}

.search_mid_autocomplete li:hover {
    background-color: transparent!important
}

.search_mid_autocomplete .search_text {
    font-size: 16px;
    line-height: 40px;
    padding: 2px 30px;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.search_mid_autocomplete .search_text:hover {
    background: #f6f6f6;
    color: #09f
}

.search_mid_autocomplete .search_text_top {
    font-size: 16px;
    line-height: 40px;
    padding: 2px 30px;
    color: #999
}

.search_mid_autocomplete .search_line_div {
    width: 100%;
    padding: 0 30px
}

.search_mid_autocomplete .search_line {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin-top: 8px;
    margin-bottom: 8px
}

.search_mid_mobile {
    width: 100%
}

.search_mid_mobile i {
    font-size: 20px
}

.search_mid_mobile .search_input_div {
    width: 100%;
    background: #ededed;
    padding: 12px 20px;
    position: fixed;
    left: 0
}

.search_mid_mobile .search_input_m {
    width: 100%;
    margin-right: 4px
}

.search_mid_mobile .search_input_m .el-input__inner {
    height: 36px;
    border-radius: 0;
    color: #222
}

.search_mid_mobile .search_input_m .el-input__icon {
    line-height: 36px;
    font-size: 18px
}

.search_mid_mobile .search_word_div_m {
    width: 100%;
    background: #fff;
    padding: 14px 20px 20px;
    box-shadow: 0 12px 12px 0 rgba(0,0,0,.1);
    border-radius: 0;
    position: absolute;
    z-index: 1
}

.search_mid_mobile .search_word_div_m .search_hot_text_m {
    font-size: 12px;
    color: #999;
    line-height: 14px
}

.search_mid_mobile .search_word_div_m .search_hot_text2_m {
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    color: #222;
    padding: 0 8px;
    border: 1px solid #ddd;
    margin-right: 12px;
    margin-top: 14px;
    display: inline-block
}

.search_mid_autocomplete_m {
    max-height: 220px;
    margin-top: 0!important;
    padding: 0 0 14px!important;
    border-radius: 0!important
}

.search_mid_autocomplete_m .el-autocomplete-suggestion__wrap {
    max-height: 210px
}

.search_mid_autocomplete_m li {
    padding: 0!important
}

.search_mid_autocomplete_m li:hover {
    background-color: transparent!important
}

.search_mid_autocomplete_m .search_text {
    font-size: 12px;
    line-height: 32px;
    padding: 2px 20px;
    color: #222;
    margin-right: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.search_mid_autocomplete_m .search_text_top {
    font-size: 12px;
    line-height: 32px;
    padding: 2px 20px;
    color: #999
}

.search_mid_autocomplete_m .search_line_div {
    width: 100%;
    padding: 0 20px
}

.search_mid_autocomplete_m .search_line {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin-top: 6px;
    margin-bottom: 6px
}

@media (min-width: 992px) {
    .search_mid {
        display:inline-flex
    }

    .search_mid_mobile {
        display: none
    }
}

@media (max-width: 992px) {
    .search_mid {
        display:none
    }

    .search_mid_mobile {
        display: inline-block;
        position: relative
    }
}

.el-scrollbar>.el-scrollbar__bar {
    opacity: 1!important
}

.search_main {
    padding-top: 105px
}

.search_main .search_banner {
    width: 100%;
    height: 225px
}

.search_main .search_supply_div {
    font-size: 12px;
    color: #222;
    line-height: 12px;
    margin-top: 16px;
    text-align: left
}

.search_main .search_supply_div span {
    color: #015aaa;
    cursor: pointer
}

.search_main .search_supply_bottom {
    height: 188px;
    width: 71%;
    padding: 32px 46px;
    margin-bottom: 82px;
    margin-top: -40px;
    background: #f3f5f8;
    box-shadow: 0 8px 16px 0 rgba(209,218,226,.5),inset 8px 8px 16px 0 rgba(209,218,226,.5),inset -8px -8px 16px 0 hsla(0,0%,100%,.5)
}

.search_main .search_text1 {
    font-size: 24px;
    color: #222;
    line-height: 24px;
    font-weight: 600
}

.search_main .search_text2 {
    font-size: 14px;
    color: #666;
    line-height: 14px;
    margin: 16px 0 24px
}

.search_main .search_supply_btn {
    width: 152px;
    height: 46px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    background: #015aaa;
    border-radius: 0;
    border: 0
}

.search_main .search_main_con {
    margin-top: -170px
}

.search_main .search_tab_div {
    margin-top: 38px
}

.search_main .search_tab_text {
    height: 48px;
    display: inline-block;
    font-size: 14px;
    color: #222;
    margin-right: 32px;
    cursor: pointer
}

.search_main .search_tab_text:hover {
    font-weight: 600
}

.search_main .search_tab_text_hover {
    font-weight: 600;
    border-bottom: 2px solid #009aff
}

.search_main .search_tab_m {
    width: 100%;
    margin-top: 8px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.search_main .search_tab_m .el-input__inner {
    background: transparent;
    border: 0;
    text-align: center;
    color: #666
}

.search_main .search_tab_m .el-input__suffix {
    right: 31%
}

.search_main_dropdown {
    width: 100%;
    left: 0!important;
    top: 145px!important;
    background: #f1f4f8;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

@media (min-width: 992px) and (max-width:1199px) {
    .search_main {
        padding-top:36px
    }

    .search_main .search_supply_bottom {
        width: 100%
    }
}

@media (max-width: 992px) {
    .search_main {
        padding-top:36px
    }

    .search_main .search_supply_bottom {
        width: 100%
    }

    .search_main .search_ban_m {
        width: 100%;
        height: 130px;
        background: #f1f4f8
    }

    .search_main .search_supply_div {
        margin-top: 12px;
        text-align: center
    }

    .search_main .search_supply_div span {
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

    .search_main .search_main_con {
        width: 100%;
        margin-top: -110px;
        margin-left: 0;
        padding: 0 20px
    }

    .search_main .search_supply_bottom {
        height: 134px;
        margin-bottom: 24px;
        padding: 20px;
        margin-top: -36px
    }

    .search_main .search_text1 {
        font-size: 14px;
        line-height: 14px
    }

    .search_main .search_text2 {
        font-size: 12px;
        line-height: 12px;
        margin: 16px 0
    }

    .search_main .search_supply_btn {
        width: 96px;
        height: 36px;
        font-size: 12px;
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }
}
.all-news {
    margin-top: 40px
}

.all-news .pagination {
    margin: 38px 0 72px
}

.all-news .pagination .el-pagination {
    padding: 0
}

.all-news .content {
    display: flex;
    align-items: flex-start
}

.all-news .content .ul-wrapper {
    width: 71%
}

.all-news .content .search-solve {
    width: 29%;
    padding-left: 8.6%
}

.all-news .content .news-list {
    display: flex;
    flex-direction: column
}

.all-news .content .news-list .news-item {
    display: flex;
    margin-bottom: 34px
}

.all-news .content .news-list .news-item img {
    width: 155px;
    height: 103px
}

.all-news .content .news-list .news-item .text {
    width: 100%
}

.all-news .content .news-list .news-item .title {
    cursor: pointer;
    font-size: 18px;
    color: #222;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    line-height: 20px
}

.all-news .content .news-list .news-item .title:hover {
    color: #1989fa;
    text-decoration: underline;
    -webkit-text-decoration-color: #1989fa;
    text-decoration-color: #1989fa;
    text-decoration-thickness: 2px
}

.all-news .content .news-list .news-item .notes {
    font-size: 12px;
    color: #999;
    margin-top: 10px
}

.all-news .content .news-list .news-item .introduction {
    max-height: 44px;
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    line-height: 22px
}

@media (max-width: 1199px) {
    .all-news {
        margin-top:20px
    }

    .all-news .content .ul-wrapper {
        width: 100%
    }

    .all-news .content .news-list .news-item {
        margin-bottom: 24px
    }

    .all-news .content .news-list .news-item .title {
        font-size: 14px;
        font-weight: 600;
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

    .all-news .content .news-list .news-item .title:hover {
        color: #222;
        text-decoration: none
    }

    .all-news .content .news-list .news-item .notes {
        display: none
    }

    .all-news .content .news-list .news-item .introduction {
        max-height: 88px;
        font-size: 12px;
        margin-top: 4px;
        -webkit-line-clamp: 4;
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

    .all-news .pagination {
        text-align: center;
        margin: 24px 0 60px
    }
}
.solve h3 {
    font-size: 16px;
    color: #333;
    font-weight: 700
}

.solve .line1 {
    width: 100%;
    border: 1px solid #ddd;
    margin-top: 15px
}

.solve ul {
    list-style: none
}

.solve ul li {
    cursor: pointer;
    font-size: 14px;
    color: #333;
    margin-top: 20px
}

.solve ul li:hover {
    color: #1989fa
}

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

.solve-block {
    width: 100%;
    padding: 34px;
    background: #f6f6f6;
    margin-bottom: 40px
}

.solve-block:hover {
    box-shadow: 6px 5px 19px 0 hsla(0,0%,74.5%,.5)
}

.solve-block .content h2 {
    font-size: 24px;
    color: #222
}

.solve-block .content .text {
    font-size: 14px;
    color: #222;
    margin-top: 18px;
    margin-bottom: 24px;
    line-height: 22px
}

.solve-block .solve-block-btn {
    border-radius: 0;
    background: #015aaa;
    border-color: #015aaa
}

.solve-block .solve-block-btn:hover {
    background: #0075dd;
    border-color: #0075dd
}

@media screen and (max-width: 1200px) {
    .solve-block {
        padding:20px
    }

    .solve-block .content h2 {
        font-size: 14px;
        font-weight: 600
    }

    .solve-block .content .text {
        font-size: 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        margin: 10px 0
    }

    .solve-block .content .solve-block-btn {
        font-size: 12px;
        padding: 10px 26px
    }
}
.no-data .el-input-group__append {
    background: #009aff;
    color: #fff
}

.no-data {
    width: 930px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.no-data img {
    width: 170px;
    margin-top: 40px
}

.no-data .text {
    font-size: 16px;
    color: #666;
    margin-top: 55px
}

.no-data .phone {
    font-size: 16px;
    color: #222;
    margin-top: 20px
}

.no-data .problem {
    font-size: 16px;
    color: #222;
    margin-top: 30px
}

.no-data .button {
    display: flex;
    justify-content: space-between;
    width: 320px;
    margin: 28px 0 40px
}

.no-data .cut-line {
    display: flex;
    align-items: center
}

.no-data .cut-line .or {
    font-size: 16px;
    color: #666;
    padding: 0 15px
}

.no-data .cut-line .lines {
    width: 195px;
    height: 1px;
    opacity: 1;
    background-color: #ddd
}

.no-data .no-data-btn {
    border-radius: 0;
    background: #1989fa
}

.no-data .no-data-btn:hover {
    background: #007bd9
}

@media screen and (max-width: 1200px) {
    .no-data {
        width:100%
    }

    .no-data .phone,.no-data .text {
        font-size: 14px
    }

    .no-data .button,.no-data .problem {
        display: none
    }
}

/**通知公告*/
.bulletin_box {
    background: #fff;
    width: 100%;
    display: flex;
}
.bulletin {
    position: relative;
    height: 40px;
    width:1280px;
}
.placard {
    width: 80px;
    height: 26px;
    color: #fff;
    border-radius: 5px;
    margin-top: 7px;
    margin-left: 3px;
    line-height: 26px;
    text-align: center;
    background-image: linear-gradient(to right, #1989fa , #1989fa);
}

.placard a {
    color: #fff;
    text-decoration: none;
    display: block;
}
.bulletin .bullet_u {
    position: absolute;
    left: 90px;
    top: 0;
    line-height: 40px;
    width: -webkit-calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: calc(100% - 90px);
}
.bulletin li {
    float: left;
    width: 33.33%;
    text-align: left;
}
.bulletin li i {
    width: 5px;
    height: 5px;
    background-color: #1989fa;
    border-radius: 5px;
    display: inline-block;
    float: left;
    margin-top: 17px;
    margin-right: 5px;
}
.bulletin li .item {
    float: left;
    width: 70%;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.bulletin li a:hover{
    color: #1969fa;
}
.bulletin li span {
    width: 25%;
    color: #999;
}
/* 公告列表 */
.notice_vc{ margin-top: 20px; display: block; overflow: hidden; width: 100%;border-bottom: 1px solid #eee;}
.notice_vc li{ float: left; font-size: 16px; padding:15px 20px; border-bottom:1px solid #fff; overflow: hidden; position: relative; cursor: pointer;}
.notice_vc li a{ color: #333; text-decoration: none;}
.notice_vc li:hover,.notice_vc li.on{color: #1989fa; border-bottom: 1px solid #1989fa;}
.notice_vc li:hover a,.notice_vc li.on a{ color: #1989fa;}
.notice_vc li:hover em,.notice_vc li.on em{ width:0; height:0; position:absolute; margin-left:-8px; left:50%; z-index:9; bottom:0px; text-align:center; border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:6px solid #1989fa;}

.gl_list{ width:1200px; margin:0 auto; overflow:hidden;}
.gl_list ul li{ float:left; padding:30px 0; border-bottom:1px solid #eee; width:100%;}
.gl_list ul li .title_a{ position:relative; margin:0 10px;}
.gl_list ul li .title_a .title{ font-size:16px; color:#000; padding-bottom:10px; width:980px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; text-decoration: none;}
.gl_list ul li .time{ position:absolute; right:10px; font-size:14px; color:#999; top:3px;}
.gl_list ul li .time i{ color:#1989fa; display:list-item; list-style-type:disc; float:left; margin-right:10px;}
.gl_list ul li .time em{ float:right;}
.gl_list ul li .content{ font-size:14px; color:#999; display:inline-block; margin:0 10px; text-decoration: none;}
.gl_list ul li:hover{ background:#f5f5f5;}
.gl_list ul li:hover a{ color:#1989fa;}
.gl_list ul li:hover .title_a a{ color:#1989fa;}

/* 公告详情 */
.voice_xs{ margin: 20px 0; width: 100%; display: block; overflow: hidden;}
.voice_x ul li{ float:left; color:#333; font-size:14px; margin:0 2px;}
.voice_x ul li a{ color:#333; text-decoration: none;}
.voice_x ul li a:hover{ color:#1989fa;}
.back_to{ float: right; cursor: pointer;}
.back_to em{ float: left; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #1989fa;}
.back_to span{ float: left; margin-left: 5px;}
.back_to:hover span{ color: #1989fa; font-size: 14px;}
.splash_sl{ width: 100%; text-align: center; font-size: 30px; margin-top: 80px;}
.splash_xs{ text-align: center; margin: 20px 0 70px 0; color: #999;}
.splash_xs .color_xs{ color: #1989fa;}
.splash_xs i{width: 4px; height: 4px; background: #999; border-radius: 50%; display: inline-block;}
.voice_all{ margin-top: 120px; margin-bottom: 50px;}

.login_name {
    display: inline-block;
    color: #1989fa;
    padding: 6px 20px;
    margin-right: 6px;
    cursor: pointer
}