body {
    overflow-x: hidden;
    letter-spacing: 1px
}

@media (max-width:1366px) {
    .page_index .banner .swiper .swiper-slide .picbox {
        width: 100%;
        height: 600px;
        overflow: hidden
    }

    .page_index .banner .swiper .swiper-slide .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_index .service {
        padding: 40px 0
    }

    .page_index .service .titlebox {
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }

    .page_index .service .titlebox .atitle {
        max-width: 100%;
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 28px;
        font-weight: 600;
        color: #1A2133;
        display: inline-flex;
        line-height: 40px;
        padding: 0 52px;
        position: relative
    }

    .page_index .service .titlebox .atitle::before,
    .page_index .service .titlebox .atitle::after {
        content: '';
        width: 36px;
        height: 36px;
        position: absolute;
        top: 2px
    }

    .page_index .service .titlebox .atitle::before {
        left: 0;
        background: url("../webimages/title_pattern_left.png") no-repeat center center / contain
    }

    .page_index .service .titlebox .atitle::after {
        right: 0;
        background: url("../webimages/title_pattern_right.png") no-repeat center center / contain
    }

    .page_index .fangan {
        height: auto;
        padding: 40px 0 47px 0
    }

    .page_index .fangan .container-xl .titlebox {
        margin-bottom: 55px
    }

    .page_index .func {
        padding: 40px 0 50px 0
    }

    .page_index .func .titlebox {
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }

    .page_index .func .titlebox .atitle {
        max-width: 100%;
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 28px;
        font-weight: 600;
        color: #1A2133;
        display: inline-flex;
        line-height: 40px;
        padding: 0 52px;
        position: relative
    }

    .page_index .func .titlebox .atitle::before,
    .page_index .func .titlebox .atitle::after {
        content: '';
        width: 36px;
        height: 36px;
        position: absolute;
        top: 2px
    }

    .page_index .func .titlebox .atitle::before {
        left: 0;
        background: url("../webimages/title_pattern_left.png") no-repeat center center / contain
    }

    .page_index .func .titlebox .atitle::after {
        right: 0;
        background: url("../webimages/title_pattern_right.png") no-repeat center center / contain
    }

    .page_index .advantage {
        padding: 40px 0 16px 0
    }

    .page_index .advantage .titlebox {
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }

    .page_index .advantage .titlebox .atitle {
        max-width: 100%;
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 28px;
        font-weight: 600;
        color: #fff;
        display: inline-flex;
        line-height: 40px;
        padding: 0 52px;
        position: relative
    }

    .page_index .advantage .titlebox .atitle::before,
    .page_index .advantage .titlebox .atitle::after {
        content: '';
        width: 36px;
        height: 36px;
        position: absolute;
        top: 2px
    }

    .page_index .advantage .titlebox .atitle::before {
        left: 0;
        background: url("../webimages/title_pattern_left.png") no-repeat center center / contain
    }

    .page_index .advantage .titlebox .atitle::after {
        right: 0;
        background: url("../webimages/title_pattern_right.png") no-repeat center center / contain
    }

    .page_index .case {
        padding: 40px 0 30px 0
    }

    .page_index .case .container-xl .swiper_top {
        margin-bottom: 0
    }

    .page_index .case .container-xl .pagination {
        margin: 15px auto
    }

    .page_index .cooperation {
        padding: 40px 0
    }
}

@media screen and (max-width:1152px) {
    .page_index .banner .swiper .swiper-slide .picbox {
        width: 100%;
        height: 500px;
        overflow: hidden
    }

    .page_index .banner .swiper .swiper-slide .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }
}

@media screen and (min-width:1260px) {
    .container-xl {
        max-width: 1230px
    }
}

@media screen and (min-width:1286px) {
    .container-xl {
        max-width: 1280px
    }
}

@media (max-width:1199px) {
    .page_index .banner .swiper .swiper-slide .picbox {
        width: 100%;
        height: 640px;
        overflow: hidden
    }

    .page_index .banner .swiper .swiper-slide .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_index .fangan .container-xl .details .item_detail {
        padding-left: 60px
    }

    .page_index .advantage .container-xl .advantage_list .item .itemtitle {
        font-size: 18px
    }
}

@media (max-width:991px) {
    .footer .container-xl .footer_top .item {
        height: 80px
    }

    .footer .container-xl .footer_bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .footer .container-xl .footer_bottom .logo .tag {
        opacity: 0;
        margin-top: 0
    }

    .footer .container-xl .footer_bottom .qrcode {
        text-align: center
    }

    .page_index .banner .swiper .swiper-slide .picbox {
        width: 100%;
        height: 400px;
        overflow: hidden
    }

    .page_index .banner .swiper .swiper-slide .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t1 .picbox {
        width: 366.4px;
        height: 80px;
        overflow: hidden
    }

    .page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t1 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t2 {
        max-width: 100%;
        height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 14px;
        font-weight: normal;
        color: #fff
    }

    .page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t2 span {
        font-size: 18px;
        font-weight: 600;
        color: #00CC8F
    }

    .page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .btn {
        font-size: 12px;
        font-weight: normal;
        color: #fff;
        width: 90px;
        height: 30px;
        background: #3371FF;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 30px
    }

    .page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .play {
        transform: translateY(-50%) scale(.8)
    }

    .page_index .fangan .container-xl .details .item_detail {
        padding-left: 0
    }

    .page_index .advantage .container-xl .advantage_list .item .itemtitle {
        font-size: 20px
    }

    .page_try_out .container-xl .titlebox .atitle {
        margin-bottom: 30px
    }

    .page_try_out .container-xl .qrcontainer .qrbox {
        width: 100%;
        height: auto
    }
}

@media (max-width:767px) {
    .footer .container-xl .footer_top .item {
        height: 70px
    }

    .page_index .service .titlebox {
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }

    .page_index .service .titlebox .atitle {
        max-width: 100%;
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 24px;
        font-weight: 600;
        color: #1A2133;
        display: inline-flex;
        line-height: 40px;
        padding: 0 40px;
        text-align: center;
        position: relative
    }

    .page_index .service .titlebox .atitle::before,
    .page_index .service .titlebox .atitle::after {
        content: '';
        width: 30px;
        height: 30px;
        top: 4px
    }

    .page_index .service .titlebox .atitle::before {
        left: 0
    }

    .page_index .service .titlebox .atitle::after {
        right: 0
    }

    .page_index .fangan .container-xl .titlebox {
        margin-bottom: 55px
    }

    .page_index .fangan .container-xl .details .itemlist {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 40px
    }

    .page_index .fangan .container-xl .details .itemlist .item {
        width: 50%
    }

    .page_index .fangan .container-xl .details .itemlist .item.active {
        width: 50%
    }

    .page_index .shuzi .container-xl .item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 80px
    }

    .page_index .func .titlebox {
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }

    .page_index .func .titlebox .atitle {
        max-width: 100%;
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 24px;
        font-weight: 600;
        color: #1A2133;
        display: inline-flex;
        line-height: 40px;
        padding: 0 40px;
        text-align: center;
        position: relative
    }

    .page_index .func .titlebox .atitle::before,
    .page_index .func .titlebox .atitle::after {
        content: '';
        width: 30px;
        height: 30px;
        top: 4px
    }

    .page_index .func .titlebox .atitle::before {
        left: 0
    }

    .page_index .func .titlebox .atitle::after {
        right: 0
    }

    .page_index .func .container-xl .itemlist {
        padding: 0 20px
    }

    .page_index .func .container-xl .itemlist .item {
        padding: 0 25px
    }

    .page_index .advantage .titlebox {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
        margin-bottom: 40px
    }

    .page_index .advantage .titlebox .atitle {
        max-width: 100%;
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 24px;
        font-weight: 600;
        color: #fff;
        display: inline-flex;
        line-height: 40px;
        padding: 0 40px;
        text-align: center;
        position: relative
    }

    .page_index .advantage .titlebox .atitle::before,
    .page_index .advantage .titlebox .atitle::after {
        content: '';
        width: 30px;
        height: 30px;
        top: 4px
    }

    .page_index .advantage .titlebox .atitle::before {
        left: 0
    }

    .page_index .advantage .titlebox .atitle::after {
        right: 0
    }

    .page_index .advantage .container-xl .advantage_list .item .itemtitle {
        font-size: 16px;
        margin-bottom: 6px
    }

    .page_index .advantage .container-xl .advantage_list .item .item_con {
        font-size: 12px
    }

    .page_index .cooperation .titlebox {
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }

    .page_index .cooperation .titlebox .atitle {
        max-width: 100%;
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 24px;
        font-weight: 600;
        color: #1A2133;
        display: inline-flex;
        line-height: 40px;
        padding: 0 40px;
        text-align: center;
        position: relative
    }

    .page_index .cooperation .titlebox .atitle::before,
    .page_index .cooperation .titlebox .atitle::after {
        content: '';
        width: 30px;
        height: 30px;
        top: 4px
    }

    .page_index .cooperation .titlebox .atitle::before {
        left: 0
    }

    .page_index .cooperation .titlebox .atitle::after {
        right: 0
    }

    .page_news_info .sys_news_info {
        padding: 40px 0
    }

    .page_news_info .sys_news_info .contentbox .titlebox {
        text-align: left;
        margin-bottom: 40px
    }

    .page_news_info .sys_news_info .contentbox .titlebox .atitle {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 90px;
        text-align: center;
        margin-bottom: 20px
    }

    .page_news_info .sys_news_info .contentbox .titlebox .btitle::after {
        content: none
    }

    .page_news_info .sys_news_info .contentbox .titlebox .btitle .txt {
        padding: 0 10px
    }

    .page_news_info .sys_news_info .contentbox .shengming .txt {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 72px
    }

    .page_news_info .sys_news_info .contentbox .tiaozhuan {
        padding: 20px 0
    }
}

@media (max-width:575px) {
    body {
        letter-spacing: 0px !important
    }

    .swiper .pagination {
        bottom: 10px
    }

    .swiper .pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: #FFFFFF;
        border-radius: 3px;
        opacity: .5;
        margin: 0 2px
    }

    .swiper .pagination .swiper-pagination-bullet-active {
        opacity: 1;
        width: 18px
    }

    .header {
        height: 50px
    }

    .header .container-xl .logo {
        margin-right: 0
    }

    .header .container-xl .logo .picbox {
        width: 125px;
        height: 38px;
        overflow: hidden
    }

    .header .container-xl .logo .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .header .container-xl .btns {
        height: 28px
    }

    .header .container-xl .btns .login,
    .header .container-xl .btns .free {
        font-size: 12px;
        font-weight: normal;
        color: #fff
    }

    .header .container-xl .btns .login {
        line-height: 30px;
        margin-right: 10px;
        padding: 0 10px
    }

    .header .container-xl .btns .free {
        width: 84px;
        height: 100%;
        background: linear-gradient(270deg, #00CC8F 0%, #3371FF 100%);
        border-radius: 3px;
        font-size: 12px
    }

    .header .container-xl .menu {
        width: 18px;
        height: 18px;
        padding: 2px 1px;
        margin-left: 15px
    }

    .header .container-xl .menu span {
        height: 2px
    }

    .right_menu .items {
        margin-bottom: 16px
    }

    .right_menu .to_top,
    .right_menu .tel,
    .right_menu .qrcode {
        width: 40px;
        height: 40px
    }

    .right_menu .jump {
        width: 40px;
        height: 88px
    }

    .footer .container-xl .footer_top .item {
        justify-content: flex-start;
        height: 60px
    }

    .footer .container-xl .footer_top .item .icon {
        margin-right: 10px
    }

    .footer .container-xl .footer_top .item .icon .picbox {
        width: 28px;
        height: 28px;
        overflow: hidden
    }

    .footer .container-xl .footer_top .item .icon .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .footer .container-xl .footer_top .item .txt .t1 {
        font-size: 14px
    }

    .footer .container-xl .footer_top .item .txt .t2 {
        font-size: 12px
    }

    .footer .copyright {
        padding: 10px 0;
        flex-direction: column
    }

    .footer .copyright .banquan span,
    .footer .copyright .banquan a {
        font-size: 11px;
        line-height: 15px
    }

    .footer .copyright .banquan a {
        margin-top: 4px
    }

    .page_index .banner .swiper .swiper-slide .picbox {
        width: 100%;
        height: 360px;
        overflow: hidden
    }

    .page_index .banner .swiper .swiper-slide .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_index .banner .swiper .swiper-slide .picbox {
        display: block
    }

    .page_index .banner .swiper .swiper-slide .picbox .pc {
        display: none
    }

    .page_index .banner .swiper .swiper-slide .picbox .wap {
        display: block
    }

    .page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t1 .picbox {
        width: 290px;
        height: 63px;
        overflow: hidden
    }

    .page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t1 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t2 {
        margin-top: 10px;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 12px;
        font-weight: normal;
        color: #fff;
        max-height: 40px;
        line-height: 20px
    }

    .page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .t2 span {
        font-size: 12px;
        font-weight: 600;
        color: #00CC8F
    }

    .page_index .banner .swiper .swiper-slide .picbox .container-xl .txt .btn {
        font-size: 13px;
        font-weight: normal;
        color: #fff;
        width: 110px;
        height: 36px;
        background: #3371FF;
        border-radius: 3px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 20px
    }

    .page_index .service .titlebox {
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }

    .page_index .service .titlebox .atitle {
        max-width: 100%;
        height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        display: inline-flex;
        line-height: 28px;
        padding: 0 32px;
        text-align: center;
        position: relative
    }

    .page_index .service .titlebox .atitle::before,
    .page_index .service .titlebox .atitle::after {
        content: '';
        width: 24px;
        height: 24px;
        top: 4px
    }

    .page_index .service .titlebox .atitle::before {
        left: 0
    }

    .page_index .service .titlebox .atitle::after {
        right: 0
    }

    .page_index .service .service_main .container-xl .detail {
        padding: 20px
    }

    .page_index .service .service_main .container-xl .detail .d1 {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 18px;
        font-weight: 600;
        color: #3371FF;
        max-height: 50px;
        line-height: 25px
    }

    .page_index .service .service_main .container-xl .detail .d2 {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-height: 72px;
        line-height: 18px;
        margin: 12px 0
    }

    .page_index .service .service_main .container-xl .detail .more {
        max-width: 100%;
        height: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 11px;
        font-weight: normal;
        color: #1A2133;
        line-height: 15px
    }

    .page_index .service .service_main .container-xl .itemlist {
        flex-wrap: wrap
    }

    .page_index .service .service_main .container-xl .itemlist .item {
        height: 150px;
        padding: 12px 14px
    }

    .page_index .service .service_main .container-xl .itemlist .item .icon {
        margin-bottom: 5px
    }

    .page_index .service .service_main .container-xl .itemlist .item .icon .picbox {
        width: 22px;
        height: 22px;
        overflow: hidden
    }

    .page_index .service .service_main .container-xl .itemlist .item .icon .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_index .service .service_main .container-xl .itemlist .item .itemtitle {
        margin-bottom: 10px;
        max-width: 100%;
        height: 36px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 12px;
        font-weight: normal;
        color: #fff;
        line-height: 18px
    }

    .page_index .service .service_main .container-xl .itemlist .item .item_con {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        font-size: 10px;
        font-weight: normal;
        color: #fff;
        line-height: 14px;
        max-height: 56px
    }

    .page_index .fangan .container-xl .titlebox {
        margin-bottom: 48px
    }

    .page_index .fangan .container-xl .titlebox::after {
        width: 30px;
        height: 4px;
        bottom: -18px
    }

    .page_index .fangan .container-xl .titlebox .atitle {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        max-height: 56px
    }

    .page_index .fangan .container-xl .details .itemlist {
        margin-bottom: 30px
    }

    .page_index .fangan .container-xl .details .itemlist .item {
        width: calc(50% - 5px);
        height: 42px;
        padding: 0 12px
    }

    .page_index .fangan .container-xl .details .itemlist .item .picbox {
        width: 22px;
        height: 22px;
        overflow: hidden
    }

    .page_index .fangan .container-xl .details .itemlist .item .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_index .fangan .container-xl .details .itemlist .item.active {
        width: calc(50% - 5px)
    }

    .page_index .fangan .container-xl .details .itemlist .item .item_main .txt {
        max-width: 100%;
        height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 12px;
        font-weight: normal;
        color: #fff;
        line-height: 16px;
        padding: 0 8px
    }

    .page_index .fangan .container-xl .details .itemlist .item .arrow .picbox {
        width: 22px;
        height: 22px
    }

    .page_index .fangan .container-xl .details .item_detail .d1 {
        max-width: 100%;
        height: 56px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 19px;
        font-weight: 600;
        color: #fff;
        line-height: 28px;
        margin-bottom: 15px
    }

    .page_index .fangan .container-xl .details .item_detail .d2 {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        font-size: 12px;
        font-weight: normal;
        color: #fff;
        max-height: 54px;
        line-height: 18px;
        margin-bottom: 30px
    }

    .page_index .fangan .container-xl .details .item_detail .btns .more,
    .page_index .fangan .container-xl .details .item_detail .btns .tiyan {
        font-size: 13px;
        font-weight: normal;
        color: #fff;
        width: 110px;
        height: 36px;
        border-radius: 3px
    }

    .page_index .fangan .container-xl .details .item_detail .btns .tiyan {
        margin-left: 12px
    }

    .page_index .fangan .bg .picbox .pc {
        display: none
    }

    .page_index .fangan .bg .picbox .wap {
        display: block
    }

    .page_index .shuzi .container-xl .row {
        margin: 0
    }

    .page_index .shuzi .container-xl .item {
        align-items: flex-start;
        padding: 0 24px
    }

    .page_index .shuzi .container-xl .item:first-child::before {
        content: none
    }

    .page_index .shuzi .container-xl .item:nth-child(2n)::after {
        content: none
    }

    .page_index .shuzi .container-xl .item .itemtitle {
        font-size: 12px;
        font-weight: normal;
        color: #fff;
        line-height: 16px
    }

    .page_index .shuzi .container-xl .item .per {
        max-width: 100%;
        height: 36px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 26px;
        font-weight: normal;
        color: #fff;
        line-height: 36px
    }

    .page_index .func {
        padding-bottom: 35px
    }

    .page_index .func .titlebox {
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }

    .page_index .func .titlebox .atitle {
        max-width: 100%;
        height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        display: inline-flex;
        line-height: 28px;
        padding: 0 32px;
        text-align: center;
        position: relative
    }

    .page_index .func .titlebox .atitle::before,
    .page_index .func .titlebox .atitle::after {
        content: '';
        width: 24px;
        height: 24px;
        top: 4px
    }

    .page_index .func .titlebox .atitle::before {
        left: 0
    }

    .page_index .func .titlebox .atitle::after {
        right: 0
    }

    .page_index .func .container-xl .itemlist .item {
        padding: 0 10px;
        margin-bottom: 15px
    }

    .page_index .func .container-xl .itemlist .item .icon .picbox {
        width: 68px;
        height: 68px;
        overflow: hidden
    }

    .page_index .func .container-xl .itemlist .item .icon .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_index .func .container-xl .itemlist .item .itemtitle {
        max-width: 100%;
        height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 16px;
        font-weight: 600;
        color: #1A2133;
        line-height: 22px;
        margin-bottom: 10px
    }

    .page_index .func .container-xl .itemlist .item .item_con {
        max-width: 100%;
        height: 72px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        font-size: 12px;
        font-weight: normal;
        color: #646566;
        line-height: 18px
    }

    .page_index .func .container-xl .itemlist .float1 {
        display: none
    }

    .page_index .func .container-xl .itemlist .float2 {
        display: none
    }

    .page_index .advantage {
        padding-bottom: 25px
    }

    .page_index .advantage .titlebox {
        display: flex;
        justify-content: center;
        margin-bottom: 20px
    }

    .page_index .advantage .titlebox .atitle {
        max-width: 100%;
        height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        display: inline-flex;
        line-height: 28px;
        padding: 0 32px;
        text-align: center;
        position: relative
    }

    .page_index .advantage .titlebox .atitle::before,
    .page_index .advantage .titlebox .atitle::after {
        content: '';
        width: 24px;
        height: 24px;
        top: 4px
    }

    .page_index .advantage .titlebox .atitle::before {
        left: 0
    }

    .page_index .advantage .titlebox .atitle::after {
        right: 0
    }

    .page_index .advantage .container-xl .advantage_list .item {
        display: flex;
        padding: 20px;
        margin-bottom: 15px
    }

    .page_index .advantage .container-xl .advantage_list .item .icon {
        margin-right: 12px
    }

    .page_index .advantage .container-xl .advantage_list .item .icon .picbox {
        width: 40px;
        height: 40px;
        overflow: hidden
    }

    .page_index .advantage .container-xl .advantage_list .item .icon .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_index .advantage .container-xl .advantage_list .item .txt {
        padding: 0
    }

    .page_index .advantage .container-xl .advantage_list .item .txt .itemtitle {
        max-width: 100%;
        height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        line-height: 22px;
        margin-bottom: 10px
    }

    .page_index .advantage .container-xl .advantage_list .item .txt .item_con {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        font-size: 12px;
        font-weight: normal;
        color: #fff;
        max-height: 54px;
        line-height: 18px;
        letter-spacing: 1px
    }

    .page_index .case {
        padding: 40px 0 30px 0;
        /* background: url("../webimages/phone_customer_case.jpg") no-repeat center center / cover */
    }

    .page_index .case .container-xl .swiper_top {
        margin-bottom: 20px
    }

    .page_index .case .container-xl .swiper_top .titlebox .atitle {
        max-width: 100%;
        height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        line-height: 28px;
        margin-bottom: 4px
    }

    .page_index .case .container-xl .swiper_top .titlebox .btitle {
        max-width: 100%;
        height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 14px;
        font-weight: 600;
        color: #3371FF;
        line-height: 20px
    }

    .page_index .case .container-xl .swiper_top .btns .prev .picbox,
    .page_index .case .container-xl .swiper_top .btns .next .picbox {
        width: 40px;
        height: 30px;
        overflow: hidden
    }

    .page_index .case .container-xl .swiper_top .btns .prev .picbox .pic,
    .page_index .case .container-xl .swiper_top .btns .next .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_index .case .container-xl .swiper_top .btns .next {
        margin-left: 12px
    }

    .page_index .case .container-xl .swiper .swiper-slide .item {
        border-radius: 6px
    }

    .page_index .case .container-xl .swiper .swiper-slide .item .item_top {
        height: 228px
    }

    .page_index .case .container-xl .swiper .swiper-slide .item .item_top .txt {
        padding: 15px
    }

    .page_index .case .container-xl .swiper .swiper-slide .item .item_top .txt .t1 {
        max-width: 100%;
        height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 5px
    }

    .page_index .case .container-xl .swiper .swiper-slide .item .item_top .txt .t2 {
        max-width: 100%;
        height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 12px;
        font-weight: normal;
        color: #fff
    }

    .page_index .case .container-xl .swiper .swiper-slide .item .item_bottom {
        height: 79px
    }

    .page_index .case .container-xl .swiper .swiper-slide .item .item_bottom .datalist {
        padding: 5px
    }

    .page_index .case .container-xl .swiper .swiper-slide .item .item_bottom .datalist .data .picbox {
        width: 12px;
        height: 16px;
        overflow: hidden
    }

    .page_index .case .container-xl .swiper .swiper-slide .item .item_bottom .datalist .data .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_index .case .container-xl .swiper .swiper-slide .item .item_bottom .datalist .data .picbox {
        margin-left: 4px
    }

    .page_index .case .container-xl .swiper .swiper-slide .item .item_bottom .datalist .data .sz {
        max-width: 100%;
        height: 35px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 25px;
        line-height: 35px
    }

    .page_index .case .container-xl .swiper .swiper-slide .item .item_bottom .datalist .data .fh {
        font-size: 12px;
        line-height: 17px;
        margin-bottom: -10px
    }

    .page_index .case .container-xl .swiper .swiper-slide .item .item_bottom .datalist .txt {
        width: 120%;
        transform: scale(.833);
        text-align: center;
        line-height: 14px
    }

    .page_index .case .container-xl .pagination {
        width: 120px;
        margin: 20px auto
    }

    .page_index .case .container-xl .more {
        font-size: 12px;
        font-weight: normal;
        color: #000;
        line-height: 16px
    }

    .page_index .case .container-xl .more .picbox {
        width: 14px;
        height: 14px;
        overflow: hidden
    }

    .page_index .case .container-xl .more .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_index .case .container-xl .more .picbox {
        margin-left: 6px
    }

    .page_index .cooperation .titlebox {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
        margin-bottom: 15px !important
    }

    .page_index .cooperation .titlebox .atitle {
        max-width: 100%;
        height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        display: inline-flex;
        line-height: 28px;
        padding: 0 32px;
        text-align: center;
        position: relative
    }

    .page_index .cooperation .titlebox .atitle::before,
    .page_index .cooperation .titlebox .atitle::after {
        content: '';
        width: 24px;
        height: 24px;
        top: 4px
    }

    .page_index .cooperation .titlebox .atitle::before {
        left: 0
    }

    .page_index .cooperation .titlebox .atitle::after {
        right: 0
    }

    .page_index .video_shadow {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        height: 100vh
    }

    .page_index .video_shadow .shadow {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5)
    }

    .page_index .video_shadow .video .titlebox {
        height: 40px;
        padding: 0 10px
    }

    .page_index .video_shadow .video .titlebox .atitle {
        font-size: 20px;
        font-weight: normal;
        color: #1A2133
    }

    .page_index .video_shadow .video .titlebox .close {
        width: 16px;
        height: 16px
    }

    .page_try_out {
        background: url("../webimages/try_out_phone.png") no-repeat left bottom / 375px 175px
    }

    .page_try_out .container-xl {
        padding: 15px
    }

    .page_try_out .container-xl .logo {
        margin-bottom: 50px
    }

    .page_try_out .container-xl .logo .picbox {
        width: 94px;
        height: 37px;
        overflow: hidden
    }

    .page_try_out .container-xl .logo .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_try_out .container-xl .heibox {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex: 1
    }

    .page_try_out .container-xl .heibox .titlebox .atitle {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 28px;
        font-weight: 600;
        color: #1A2133;
        line-height: 38px;
        max-height: 76px;
        margin-bottom: 12px
    }

    .page_try_out .container-xl .heibox .titlebox .btitle {
        max-width: 100%;
        height: 23px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 16px;
        font-weight: 600;
        color: #1A2133;
        line-height: 23px;
        margin-bottom: 30px
    }

    .page_try_out .container-xl .heibox .qrcontainer {
        padding: 0 15px
    }

    .page_try_out .container-xl .heibox .qrcontainer .qrbox {
        height: 324px;
        padding: 9px 24px 24px 24px;
        background-color: #fff;
        border-radius: 6px;
        box-shadow: 0 3px 18px rgba(0, 0, 0, 0.16)
    }

    .page_try_out .container-xl .heibox .qrcontainer .qrbox .qrtitle {
        max-width: 100%;
        height: 46px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 16px;
        font-weight: 600;
        color: #1A2133;
        line-height: 46px
    }

    .page_try_out .container-xl .heibox .qrcontainer .qrbox .qrcode {
        width: 100%;
        height: 191px;
        padding: 20px;
        border-radius: 3px;
        box-sizing: border-box;
        background-color: #F0F4FF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .page_try_out .container-xl .heibox .qrcontainer .qrbox .qrcode .picbox {
        width: 120px;
        height: 120px;
        overflow: hidden
    }

    .page_try_out .container-xl .heibox .qrcontainer .qrbox .qrcode .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_try_out .container-xl .heibox .qrcontainer .qrbox .qrcode .txt {
        max-width: 100%;
        height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        line-height: 16px;
        margin-top: 15px
    }

    .page_try_out .container-xl .heibox .qrcontainer .qrbox .input {
        width: 255px;
        height: 33px;
        border: 1px solid #3371FF;
        border-radius: 3px;
        margin-top: 15px
    }

    .page_try_out .container-xl .heibox .qrcontainer .qrbox .input input {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        padding: 0 12px
    }

    .page_try_out .container-xl .heibox .qrcontainer .qrbox .input .tiyan {
        max-width: 100%;
        height: 33px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 12px;
        font-weight: normal;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        line-height: 33px;
        width: 84px;
        height: 100%
    }

    .page_try_out .container-xl .heibox .copyright {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        padding: 0 10px
    }

    .page_try_out .green {
        left: auto;
        right: 15px;
        top: 72px;
        animation: float 2.5s linear infinite
    }

    .page_try_out .green .picbox {
        width: 120px;
        height: 120px;
        overflow: hidden
    }

    .page_try_out .green .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_try_out .blue {
        left: 0;
        bottom: 85px;
        animation: float 3s linear infinite
    }

    .page_try_out .blue .picbox {
        width: 140px;
        height: 140px;
        overflow: hidden
    }

    .page_try_out .blue .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_news_info .sys_news_info {
        padding: 30px 0
    }

    .page_news_info .sys_news_info .contentbox .com_conbox {
        padding: 0
    }

    .page_news_info .sys_news_info .contentbox .titlebox {
        margin-bottom: 20px
    }

    .page_news_info .sys_news_info .contentbox .titlebox .atitle {
        font-size: 24px;
        max-height: 84px;
        margin-bottom: 10px
    }

    .page_news_info .sys_news_info .contentbox .titlebox .btitle {
        font-size: 12px;
        font-weight: normal;
        color: #999
    }

    .page_news_info .sys_news_info .contentbox .titlebox .btitle .txt {
        padding: 0
    }

    .page_news_info .sys_news_info .contentbox .titlebox .btitle .txt .picbox {
        width: 12.8px;
        height: 11.2px;
        overflow: hidden
    }

    .page_news_info .sys_news_info .contentbox .titlebox .btitle .txt .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_news_info .sys_news_info .contentbox .titlebox .btitle .txt span {
        margin-right: 10px
    }

    .page_news_info .sys_news_info .contentbox .shengming {
        margin-top: 0;
        padding: 20px
    }

    .page_news_info .sys_news_info .contentbox .shengming .txt {
        font-size: 12px;
        font-weight: normal;
        color: #999;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        max-height: 72px
    }

    .page_news_info .sys_news_info .contentbox .share {
        height: 100px;
        font-size: 12px
    }

    .page_news_info .sys_news_info .contentbox .share .right {
        font-size: 12px
    }

    .page_news_info .sys_news_info .contentbox .share .right .txt {
        max-width: 100%;
        height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }

    .page_news_info .sys_news_info .contentbox .share .right .itemlist a {
        margin-left: 10px;
        width: 28.8px;
        height: 28.8px;
        background-size: 50%
    }

    .page_news_info .sys_news_info .contentbox .tiaozhuan a {
        font-size: 12px;
        line-height: 28px;
        max-width: 100%;
        height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }

    .page_search {
        padding: 30px 0
    }

    .page_search .searchbox .title {
        font-size: 20px
    }

    .page_search .searchbox .nolist {
        font-size: 12px
    }

    .page_search .searchbox .searchlist {
        margin-top: 10px
    }

    .page_search .searchbox .searchlist .sitem {
        padding: 10px 0
    }

    .page_search .searchbox .searchlist .sitem .hang1 .p1 {
        max-width: 100%;
        height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 28px
    }

    .page_search .searchbox .searchlist .sitem .hang1 .p1 span:first-child {
        font-size: 14px
    }

    .page_search .searchbox .searchlist .sitem .hang1 .p1 span:last-child {
        font-size: 16px
    }

    .page_search .searchbox .searchlist .sitem .desc {
        font-size: 12px;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        max-height: 72px
    }

    .sys_pagebox1 {
        transform: scale(.8)
    }

    .sys_pagebox1 a {
        font-size: 14px
    }

    .sys_pagebox1 a.page_left,
    .sys_pagebox1 a.page_right {
        background-size: 50%
    }
}

@media (min-width:768px) {
    .page_index .case .container-xl .swiper .swiper-slide .item {
        flex: none
    }
}

@media (min-width:992px) {
    .page_try_out .try_out_container {
        position: relative
    }

    .page_try_out .try_out_container .heibox {
        height: 422px;
        position: absolute;
        top: calc(50vh - 211px);
        left: 30px;
        z-index: 99;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .page_try_out .banner {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 9;
        height: 100%
    }

    .page_try_out .qrbox {
        width: 460px;
        height: 422px;
        background: #fff;
        border-radius: 8px;
        padding: 10px 30px 30px 30px;
        box-sizing: border-box;
        position: fixed;
        top: 50%;
        left: 70%;
        z-index: 99;
        transform: translate(-50%, -50%);
        box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16)
    }

    .page_try_out .qrbox .qrcode {
        width: 100%;
        height: auto;
        background: #F0F4FF;
        border-radius: 4px
    }
}

/*# sourceMappingURL=./media.css.map */