@media screen and (min-width: 769px) {
    @-webkit-keyframes ripple {
        0% {
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
        }

        100% {
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 40px rgba(255, 255, 255, 0);
        }.home_oth_nav
    }

    @keyframes ripple {
        0% {
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
        }

        100% {
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 40px rgba(255, 255, 255, 0);
        }
    }

    @-moz-keyframes ripple {
        0% {
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
        }

        100% {
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 40px rgba(255, 255, 255, 0);
        }
    }

    @-ms-keyframes ripple {
        0% {
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
        }

        100% {
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 40px rgba(255, 255, 255, 0);
        }
    }

    @-o-keyframes ripple {
        0% {
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
        }

        100% {
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 40px rgba(255, 255, 255, 0);
        }
    }

    .home_subject_video-play-btn span.video-play-icon:hover {
        transform: scale(1.1);
        transition: 0.3s ease-in-out;
    }

    .home_subject_video-play-btn span.fa.fa-play {
        line-height: 55px;
    }

    .home_banner {
        cursor: pointer;
        margin-bottom: -5px;
    }

        .home_banner img {
            width: 100%;
        }

    .home_subject_video-play-now {
        opacity: 1;
    }

    .home_swipper_img_pc {
        display: block !important;
    }

    .home_swipper_img_mobile {
        display: none !important;
    }
    /*产品轮播 */
    .home_product_center .swiper-container {
        width: 100%;
        height: 480px;
    }

    .home_product_center .swiper-slide {
        font-size: 18px;
        background: #EFF4F7;
        display: flex;
        align-items: center;
    }

    .home_product_center .swiper-container .swiper-button-next {
        right: 14.6%;
    }

    .home_product_center .swiper-container .swiper-button-prev {
        left: 14.6%;
    }

    .home_product_center .swiper-container .swiper-button-disabled {
        opacity: 1 !important;
    }

    .home_product_center .swiper-slide-left {
        width: 17.7%;
        margin-left: 20%;
    }

    .home_product_center .swiper-slide-title {
        font-size: 24px;
        color: #555555;
        text-align: left;
    }

    .home_product_center .swiper-slide-description {
        text-align: justify;
        font-size: 14px;
        color: #888888;
        margin-top: 10px;
    }

    .home_product_center .swiper-slide-more {
        font-size: 16px;
        color: #fff;
        background: #00A8FF;
        border-radius: 5px;
        padding: 8px 38px;
        display: inline-block;
        margin-top: 52px;
    }

    .home_product_center .swiper-slide img {
        width: 38%;
        margin-left: auto;
        margin-right: 17%;
        height: 329px;
    }

    .home_interval_img {
        width: 100%;
    }

        .home_interval_img img {
            width: 100%;
        }

    .home_solution_co {
        background-repeat: no-repeat;
        background-image: url(../img/home/解决方案/解决方案底图.png);
        width: 100%;
        box-shadow: 0px 5px 20px 0px rgba(25,27,57,0.08);
        height: 574px;
    }

    .home_solution_content {
        width: 1066px;
        background: transparent;
        margin: 0 auto;
        position: relative;
        height: 100%;
    }

    .home_solution_content_left {
        width: 100%;
        position: relative;
        background: #EFF0F6;
        height: 454px;
    }



        .home_solution_content_left li {
            width: 100%;
            text-align: center;
            position: relative;
            height: 65px;
            font-size: 20px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: rgba(68,68,68,1);
            line-height: 60px;
            cursor: pointer;
        }




    .home_solution_tabActive {
        color: rgba(255,255,255,1) !important;
        background: rgba(43,204,168,1) !important;
        position: relative;
    }

        .home_solution_tabActive::after {
            width: 85px !important;
        }

    .home_solution_about-tab {
        width: 234px;
        position: absolute;
        left: 0;
        height: 454px;
        top: 59px;
    }

    .home_solution_aboutTabGrid {
        position: absolute;
        z-index: 100;
        width: 760px;
        right: 0px;
        top: 83px;
    }

    .home_solution_next_back {
        position: absolute;
        bottom: 0;
        border-radius: 10px;
        background: rgba(240, 240, 240, 1);
        height: 300px;
        left: 0;
        right: 0;
        z-index: -1;
    }

    .home_solution_next_front_half {
        width: 100%;
        height: 100%;
    }

    .home_solution_next_front {
        height: 420px;
        border-radius: 10px;
        background: transparent;
        z-index: 10;
    }

    .home_solution_next_front_titile {
        color: #383838;
        font-size: 22px;
        padding-top: 117px;
        padding-left: 10%;
        width: 80%;
        float: left;
    }

    .home_solution_next_front_description {
        padding-top: 25px;
        width: 100%;
        font-size: 20px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(254,254,254,1);
        line-height: 50px;
    }

    .home_solution_next_front_button {
        display: block;
        width: 160px;
        height: 48px;
        background: #2BCCA8;
        border-radius: 2px;
        font-size: 18px;
        line-height: 48px;
        color: #fff !important;
        margin-top: 23px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        text-align: center;
        margin-left: auto;
    }

        .home_solution_next_front_button a {
            color: #fff
        }

    .home_solution_next_front_halftitle {
        font-size: 21px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: rgba(255,255,255,1);
        line-height: 76px;
        position: absolute;
        top: 282px;
    }

    .home_solution_next_front_halfimages {
        display: flex;
        position: absolute;
        top: 349px;
    }

        .home_solution_next_front_halfimages img {
            width: 160px;
            height: 80px;
            border-radius: 5px;
            margin-right: 40px;
        }

    .home_solution_next_front_img {
        padding-top: 91px;
        padding-right: 10%;
        float: right;
    }

    .home_solution_next_front_imgsize {
        width: 333px;
        height: 262px;
    }

    .home_solution_content_left_tab_item {
        position: relative;
        text-align: center;
        font-size: 16px;
        color: #555;
        padding: 12px 0;
        font-weight: bold;
        width: 12.5%;
        float: left;
    }

        .home_solution_content_left_tab_item:hover {
            cursor: pointer;
        }

        .home_solution_content_left_tab_item.active {
            background: #E9F7FF;
        }

            .home_solution_content_left_tab_item.active::after {
                content: "";
                position: absolute;
                bottom: 0;
                top: 0;
                right: 0;
                width: 3px;
                height: 100%;
                background: #00A0E9;
                z-index: 99;
            }

    .home_solution_content_right {
        width: 85%;
        height: 460px;
        overflow: hidden;
    }

        .home_solution_content_right .swiper-container {
            width: 100%;
            height: 100%;
        }

        .home_solution_content_right .swiper-slide {
            height: 460px;
            display: flex;
            align-items: center;
        }

        .home_solution_content_right .swiper-slide-left {
            width: 37.8%;
            margin-left: 44px;
        }

            .home_solution_content_right .swiper-slide-left .swiper-slide-title {
                font-size: 22px;
                color: #383838;
                font-weight: bold;
            }

            .home_solution_content_right .swiper-slide-left .swiper-slide-description {
                font-size: 14px;
                color: #888;
                line-height: 25px;
                font-weight: 400;
                margin-top: 10px;
                text-align: justify;
            }

            .home_solution_content_right .swiper-slide-left .swiper-slide-more {
                background: #00A8FF;
                display: inline-block;
                font-size: 16px;
                color: #fff;
                font-weight: normal;
                padding: 8px 38px;
                border-radius: 5px;
                margin-top: 70px;
            }

        .home_solution_content_right .swiper-slide img {
            flex: 1;
            margin-right: 50px;
            margin-left: 59px;
            height: 350px;
        }

    /*客户案例*/
    .home_customer_about {
        width: 100%;
    }

    .home_customer_friendimg {
        height: 75px;
        width: 100%;
        background: transparent;
        border: none;
        padding-left: 85px;
    }

        .home_customer_friendimg img {
            height: 150px;
            width: 150px;
        }

    .home_customer_friendtitle {
        color: #383838;
        font-size: 20px;
        width: 100%;
        line-height: 19px;
        padding-top: 85px;
        text-align: center;
        border-radius: 10px 10px 0 0;
        background: #fff;
    }

    .home_customer_friendtext {
        padding-top: 21px;
        padding-left: 35px;
        padding-right: 36px;
        color: #888888;
        font-size: 14px;
        background: #fff;
        padding-bottom: 47px;
        border-radius: 0 0 10px 10px;
        height: 170px;
        box-sizing: border-box;
        /* white-space: nowrap; */
        overflow: hidden;
        text-overflow: ellipsis;
        ;
    }

    .home_customer_friendbutton {
        width: 100%;
        background: #fff;
        border-radius: 0px 0px 10px 10px;
        padding: 0 0px 27px 0;
        display: none;
    }

    .home_customer_friendbuttontype {
        display: inline-block;
        padding: 8px 38px;
        font-weight: normal;
        font-size: 14px;
        width: 60px;
        margin-left: 30%;
        color: #006599;
        border: 1px solid rgba(0, 101, 153, 1);
        border-radius: 19px;
    }

        .home_customer_friendbuttontype:hover {
            color: #fff;
            background: #0083C6;
        }

    .friend {
        height: 540px;
        overflow: hidden;
        width: 1180px;
        margin-top: 15px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
    }

    .mr_frBtnL {
        cursor: pointer;
        display: inline;
        float: left;
        height: 28px;
        width: 28px;
        margin-top: 120px;
        margin-bottom: 0;
        margin-left: 0;
    }

    .mr_frUl {
        float: left;
        width: 1120px;
    }

    .mr_frBtnR {
        float: left;
        margin-top: 120px;
        cursor: pointer;
        width: 28px;
        height: 28px;
    }

    .mr_frUl ul li {
        background: transparent;
        width: 320px;
        height: 400px;
        padding-bottom: 20px;
        position: relative;
        margin-left: 25px;
        margin-right: 25px;
    }

        .mr_frUl ul li:hover {
            height: 420px;
        }

            .mr_frUl ul li:hover .home_customer_friendbutton {
                display: block;
            }

            .mr_frUl ul li:hover .home_customer_friendtext {
                border-radius: 0px 0px 0px 0px;
            }

        .mr_frUl ul li a img {
            display: block;
            width: 150px;
            height: 150px;
            border-radius: 50%;
        }

    .home_customer_case {
        margin-top: 80px;
        background-repeat: no-repeat;
        background-position: left top;
        background-image: url('../img/serviceone/home/customerbanner.png');
        width: 100%;
        background-color: #d3e2ff;
    }

        .home_customer_case .swiper-container {
            width: 100%;
            height: 460px;
        }

        .home_customer_case .swiper-slide {
            display: flex;
            align-items: center;
        }

        .home_customer_case .swiper-container .swiper-button-next {
            right: 14.6%;
        }

        .home_customer_case .swiper-container .swiper-button-prev {
            left: 14.6%;
        }

        .home_customer_case .swiper-container .swiper-button-disabled {
            opacity: 1 !important;
        }

        .home_customer_case .swiper-container .swiper-pagination .swiper-pagination-bullet {
            width: 25px;
            height: 5px;
            border-radius: 2px;
        }

        .home_customer_case .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
            width: 40px;
            height: 5px;
            border-radius: 2px;
        }

        .home_customer_case .swiper-slide-left {
            width: 17.7%;
            margin-left: 20%;
            background: #fff;
            position: relative;
            padding: 85px 28px 41px;
            box-shadow: 0px 0px 20px 0px rgba(68, 93, 192, 0.15);
            border-radius: 5px;
        }

        .home_customer_case .swiper-slide-left-logo {
            display: flex;
            width: 116px;
            height: 116px;
            background: #fff;
            box-shadow: 0px 0px 20px 0px rgba(73, 107, 242, 0.2);
            border-radius: 50%;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: -58px;
            left: 50%;
            transform: translateX(-50%);
        }

        .home_customer_case .swiper-slide-right {
            flex: 1;
            margin-right: 20%;
            margin-left: 60px;
        }

            .home_customer_case .swiper-slide-right .swiper-slide-right-title {
                font-size: 24px;
                color: #383838;
                text-align: left;
            }

            .home_customer_case .swiper-slide-right .swiper-slide-right-content {
                margin-top: 25px;
            }

                .home_customer_case .swiper-slide-right .swiper-slide-right-content p {
                    line-height: 25px !important;
                    font-size: 14px !important;
                    color: #888888 !important;
                }

                .home_customer_case .swiper-slide-right .swiper-slide-right-content span {
                    font-size: 14px !important;
                    color: #888888 !important;
                }

        .home_customer_case .swiper-slide-description {
            text-align: justify;
            font-size: 16px;
            color: #888888;
            word-break: break-all;
            line-height: 34px;
        }

        .home_customer_case .swiper-slide-more {
            font-size: 16px;
            color: #fff;
            background: #00A8FF;
            border-radius: 5px;
            padding: 8px 38px;
            display: inline-block;
            margin-top: 52px;
        }

    /* 服务价值 */
    .home_common_about_1 {
        width: 100%
    }

    .mr_frbox_1 {
        display: flex;
        justify-content: space-around;
    }

    .friend_1 {
        height: auto;
        overflow: hidden;
        width: 100%;
        margin-top: 15px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
    }

    .mr_frBtnL_1 {
        cursor: pointer;
        display: inline;
        height: 100%;
        width: 28px;
        margin-top: 60px;
        margin-bottom: 0;
        margin-left: 0;
    }

    .mr_frUl_1 {
        width: 1182px;
        margin-left: 5px;
        border: 1px solid rgba(239, 240, 246, 1);
        border-top: none;
        border-bottom: none;
        border-left: none;
        border-right: none;
    }

    .mr_frBtnR_1 {
        margin-top: 60px;
        cursor: pointer;
        width: 28px;
        height: 28px;
    }

    .mr_frUl_1 ul li {
        display: inline;
        float: left;
        width: 16.66%;
        overflow: hidden;
        position: relative;
    }

    .mr_fu_1_imgwidth {
        height: 140px;
        width: 100%;
        background: rgba(255, 255, 255, 1);
        border: 0px solid rgba(239, 240, 246, 1);
    }

    .mr_frUl_1 ul li a img {
        display: block;
        width: 198px;
        height: 144px;
    }

    .home_service_value {
    }

    .home_service_value_content {
        background: #fff;
        width: 70.7%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        box-shadow: 0px 0px 20px 0px rgba(73, 107, 242, 0.1);
        padding: 80px 0 20px;
        margin-top: 48px;
    }

    .home_service_value_content_item {
        flex: 33.3%;
        text-align: center;
        margin-bottom: 80px;
    }

        .home_service_value_content_item .item_title {
            color: #444444;
            font-size: 20px;
            margin-top: 7px;
        }

        .home_service_value_content_item .item_desc {
            width: 50%;
            margin: 0 auto;
            font-size: 14px;
            color: #888888;
            margin-top: 25px;
        }

    .home_service_value_bottom {
        background: #00A8FF;
        border-radius: 5px;
        font-size: 14px;
        color: #fff;
        padding: 10px 44px;
    }

    /*客户logo*/

    .home_users_content {
        width: 70.7%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 50px;
    }

    .home_common_about_2 {
        display: none;
    }

    .home_users_content_item {
        width: 20%;
        margin-bottom: 40px;
    }

    .home_users_logo {
        width: 75%;
        border: 1px solid #E5E5E5;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12px 0;
        margin: 0 auto;
    }

    .home_users_more {
        text-align: center;
        font-size: 14px;
        color: #888888;
    }

    /* 联系我们 */
    .home_contact_us {
        margin-top: 80px;
        text-align: center;
        background: #EFF4F7;
        padding: 80px 0 120px;
    }

    .home_contact_us_title {
        font-size: 34px;
        color: #383838;
    }

    .home_contact_us_subtitle {
        color: #383838;
        font-size: 16px;
        margin-top: 10px;
    }

    .home_contact_us_content {
        display: flex;
        align-items: center;
        width: 1066px;
        margin: 0 auto;
        justify-content: space-around;
        margin-top: 40px;
    }

    .home_contact_us_price {
    }

    .home_contact_us_content_item_header {
        width: 120px;
        height: 120px;
        text-align: center;
    }

        .home_contact_us_content_item_header img {
            padding-left: 24px;
            padding-right: 24px;
            padding-top: 30px;
            width: 36px;
            height: 36px
        }



    .home_contact_us_content_item_bottom {
        font-size: 18px;
        color: #555555;
    }

    .home_contact_us_bottom_back {
        width: 1066px;
        height: 200px;
        box-shadow: 0px 0px 20px 0px rgba(68, 93, 192, 0.15);
        border-radius: 5px;
        background-color: #fff;
        margin: 0 auto;
        margin-bottom: 54px;
        margin-top: -104px;
    }

    .home_contact_us_bottom {
        padding-top: 55px;
        display: flex;
        width: 70.7%;
        margin: 0 auto;
        align-items: center;
        justify-content: space-around;
        margin-top: 40px;
    }

    .home_contact_us_bottom_item {
        display: flex;
        align-items: center;
        background: #fff;
        border: 1px solid #A9C2D0;
        border-radius: 5px;
        width: 280px;
        height: 42px;
        line-height: 42px;
    }

        .home_contact_us_bottom_item p {
            text-align: center;
            width: 83px;
            font-size: 14px;
            color: #555555;
            border-right: 1px solid #A9C2D0;
        }

        .home_contact_us_bottom_item input {
            height: 38px;
            border: none;
            flex: 1;
            padding-left: 20px;
            font-size: 14px;
            color: #B9B9B9;
            border-radius: 5px;
        }

            .home_contact_us_bottom_item input::-webkit-input-placeholder {
                font-size: 14px;
                color: #B9B9B9
            }

    .home_contact_us_btn {
        background: #148ECB;
        border-radius: 5px;
        font-size: 14px;
        color: #fff;
        padding: 10px 44px;
        display: inline-block;
        margin-top: 35px;
        margin-left: 45%;
    }

    .banner {
        position: relative;
        margin-top: 72px;
        margin-bottom: -5px;
    }

    .banner-img img {
        width: 100%;
    }

    .banner-content {
        position: absolute;
        top: 162px;
        left: 150px;
        display: none;
    }

        .banner-content .banner-content-text {
            font-size: 40px;
            color: #323757;
        }

        .banner-content .banner-content-subtext {
            font-size: 30px;
            color: #323757;
        }

        .banner-content .banner-content-btn {
            background: #00A8FF;
            border-radius: 5px;
            padding: 8px 29px;
            display: inline-block;
            margin-top: 40px;
        }

        .banner-content img {
            width: 7px;
            height: 11px;
        }

        .banner-content a {
            color: #fff;
            font-size: 16px;
            margin-left: 10px;
        }

    /* 其他导航 */
    .home_sub_nav {
        position: relative;
        display: flex;
        padding: 0 8%;
        height: 140px;
        align-items: center;
        background: rgba(0,61,93,1);
    }

    .home_sub_nav_content {
        flex: 17.4%;
        height: 100%;
        padding: 0 20px;
        position: relative;
        overflow: hidden;
    }

        .home_sub_nav_content::before {
        }

    .home_sub_nav_content_list {
        width: 25%;
        height: 100%;
        float: left;
    }

    .home_sub_nav_content_list_line {
        width: 1px;
        height: 70%;
        background-color: #F7F7FA;
        margin-top: 20px;
        float: left;
        margin-bottom: -20px;
    }

    .home_sub_nav_content_list_interval {
        width: 38px;
        height: 100%;
        float: left;
    }

    .home_sub_nav_icon {
        width: 36px;
        height: 28px;
        float: left;
        margin-top: -5px;
    }

    .home_sub_nav_content:last-child::after {
    }

    .home_sub_nav_title {
        color: #fff;
        font-size: 18px;
        line-height: 18px;
        padding-left: 10px;
        margin-top: 25px;
    }

    .home_sub_nav_item {
        display: flex;
        flex-direction: column;
        margin-top: 15px;
        width: 80%;
    }

        .home_sub_nav_item a {
            position: relative;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.9);
            padding: 5px 0 5px 14px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .home_sub_nav_item a:hover {
                color: rgba(255, 255, 255, 1);
            }

            .home_sub_nav_item a::before {
                content: "";
                width: 0;
                height: 0;
                position: absolute;
                top: 13px;
                left: 6px;
                border-radius: 2px;
                border: 2px solid #ffffff;
            }

            .home_sub_nav_item a:hover::before {
                border-left-color: #fff;
            }

    /* 主题 */
    .home_common_body {
        width: 1066px;
        margin: 0 auto;
        /* padding-left: 15%; */
        position: relative;
        height: 470px;
        display: flex;
        justify-content: space-between;
    }

    .home_common_bodylist {
        width: 236px;
        height: 445px;
        text-align: center;
        position: relative;
    }

    .home_common_bodylist_img {
        width: 130px;
        height: 130px;
        background: rgba(255,255,255,1);
        box-shadow: 0px 0px 20px 0px rgba(68,93,192,0.15);
        border-radius: 50%;
        margin: 0 auto;
        position: absolute;
        left: 53px;
    }

        .home_common_bodylist_img img {
            width: 70px;
            height: 70px;
            margin: auto;
            margin-top: 30px;
        }

    .home_common_bodylist_img_main {
        display:block;
    }
    .home_common_bodylist_img_white {
        display:none;
    }

    .home_common_bodylistitem {
        height: 380px;
        background: rgba(255,255,255,1);
        box-shadow: 0px 0px 20px 0px rgba(68,93,192,0.15);
        margin-top: -65px;
        z-index: -999;
        margin-top: 65px;
    }

    .home_common_bodylist_title {
        text-align: center;
        padding-top: 94px;
        font-size: 20px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: rgba(68,68,68,1);
        line-height: 21px;
        width: 160px;
        margin: 0 auto;
        height: 42px;
  overflow-wrap: break-word;
    }

    .home_common_bodylist_content {
        padding-right: 8%;
        padding-left: 8%;
        padding-top: 34px;
        color: #888888;
        font-size: 14px;
        text-align: center;
    }

    .home_common_bodylist_buttom {
        width: 120px;
        height: 38px;
        border: 1px solid rgba(43,204,168,1);
        border-radius: 2px;
        text-align: center;
        margin-top: 20px;
        position: absolute;
        bottom: 30px;
        left: 57px;
    }

        .home_common_bodylist_buttom a {
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: rgba(43,204,168,1);
            line-height: 38px;
        }

    .home_common_bodylist_buttomline {
        height: 6px;
        position: absolute;
        width: 100%;
        bottom: 0;
    }

    .home_common_body_back {
        background-color: #0083C6;
        position: absolute;
        height: 320px;
        width: 100%;
        z-index: 99;
        display: none;
        top: 0;
        border-radius: 10px;
        text-align: center;
    }

    .home_common_bodylist_interval {
        height: 320px;
        width: 24px;
        float: left;
    }

    .home_common_bodylist_back_img {
        padding-top: 33px;
        height: 61px;
    }

        .home_common_bodylist_back_img img {
            width: 61px;
            height: 61px;
        }

    .home_common_bodylist_back_title {
        padding-top: 18px;
        font-size: 20px;
        color: #fff;
    }

    .home_common_bodylist_back_content {
        padding-right: 8%;
        padding-left: 8%;
        padding-top: 34px;
        color: #fff;
        font-size: 14px;
        text-align: left;
    }

    .home_common_bodylist:hover {
    }

        .home_common_bodylist:hover .home_common_bodylist_buttom {
            background: rgba(43,204,168,1);
        }

            .home_common_bodylist:hover .home_common_bodylist_buttom a {
                color: rgba(255,255,255,1);
            }

        .home_common_bodylist:hover .home_common_bodylist_buttomline {
            background: rgba(43,204,168,1);
            opacity: 0.9;
        }

        .home_common_bodylist:hover .home_common_bodylist_img_main {
            display:none;
        }
        .home_common_bodylist:hover .home_common_bodylist_img_white {
            display:block;
        }

        .home_common_bodylist:hover .home_common_bodylist_img {
            background: rgba(43,204,168,1);
        }
    /****企业信赖之选*****/
    .home_business_value {
        width: 1066px;
        margin-left: auto;
        margin-right: auto;
    }

    .home_business_body {
        width: 1066px;
        display: flex;
        justify-content: space-between;
    }

    .home_business_bodylist {
        width: 145px;
        height: 555px;
    }

    .home_business_title {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(136,136,136,1);
        line-height: 50px;
        text-align: center;
    }

    .home_business_items {
        background: rgba(255,255,255,1) !important;
        width: 134px;
        margin-left: auto;
        margin-right: auto;
    }

    .home_business_img {
        width: 101px;
        height: 50px;
        padding-left: 17px;
        padding-right: 16px;
        margin-bottom: 30px;
        margin-top: 10px;
        background: rgba(255,255,255,1);
        border: 1px solid rgba(239,240,246,1);
        border-radius: 5px;
    }

        .home_business_img img {
            width: 101px;
            height: 50px;
        }

    .home_business_bodylist:hover {
        background: linear-gradient(85deg,rgba(42,171,202,0.8),rgba(43,205,168,0.8));
        border: 1px solid rgba(0,230,176,1);
        border-radius: 2px;
        width: 143px;
    }

        .home_business_bodylist:hover .home_business_title {
            color: rgba(255,255,255,1);
        }

        .home_business_bodylist:hover .home_business_items {
            border: 1px solid rgba(239,240,246,1);
            border-radius: 5px;
        }

        .home_business_bodylist:hover .home_business_img {
            border: none;
            border-radius: 0px;
            border: 1px hidden;
        }

    .home_business_bottom {
        width: 160px;
        height: 48px;
        background:#0C6684;
        border-radius: 2px;
        margin-top: 46px;
        margin-bottom: 51px;
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(255,255,255,1);
        line-height: 48px;
        text-align: center;
cursor: pointer;
    }

.home_business_bottom a{
     color: rgba(255,255,255,1);
}




    .home_subject {
        margin-top: 56px;
        text-align: center;
    }

    .home_subject_title {
        color: #383838;
        font-size: 34px;
    }

    .home_subject_subtitle {
        color: #888888;
        font-size: 16px;
        padding: 10px 0px 55px 0px;
        width: 65%;
        margin: 0 auto;
    }

    .home_product_center {
    }

    .home_common_header_title {
        text-align: center;
        padding-top: 71px;
        font-size: 34px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: rgba(68,68,68,1);
        line-height: 42px;
        padding-bottom: 20px;
    }

    .home_common_header_subtitle {
        padding-bottom: 50px;
        text-align: center;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(136,136,136,1);
        line-height: 18px;
    }

    .home_product_center_tab {
        display: flex;
        align-items: center;
        padding: 0 10.9%;
    }

    .home_product_center_tab_item {
        font-size: 18px;
        padding: 26px 0;
        color: #444;
        position: relative;
        flex: 1;
        text-align: center;
    }

        .home_product_center_tab_item:hover {
            cursor: pointer;
        }

        .home_product_center_tab_item.active {
            color: #00A8FF;
        }

            .home_product_center_tab_item.active::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                height: 4px;
                background: #009EE5;
            }

    .home_product_center_column {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 1066px;
        margin: 0 auto;
        padding-bottom: 28px;
    }

    .home_product_center_column_mobile {
        display: none;
    }

    .home_product_center_column_row {
        width: 28%;
        position: relative;
        text-align: center;
        margin-bottom: 38px;
        background: #fff;
        box-shadow: 0px 0px 20px 0px rgba(68,93,192,0.15);
        border: 1px solid rgba(239,240,246,1)
    }

    .home_product_center_column_row_imgstyle {
        width: 36%;
        padding-top: 51px;
        margin: 0 auto;
        display: block;
    }

    .home_product_center_column_row_imgtext {
        margin-bottom: 45px;
        font-size: 20px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: rgba(68,68,68,1);
        line-height: 60px;
    }

    .home_product_center_column_row_back {
        background: linear-gradient(-50deg,rgba(42,171,202,1),rgba(43,205,168,1));
        position: absolute;
        z-index: 99;
        bottom: 0;
        right: 0;
        left: 0;
        display: none;
        top: 0;
        opacity: 0.9;
        text-align: center;
        box-shadow: 0px 0px 20px 0px rgba(68,93,192,0.15);
        border: 1px solid rgba(239,240,246,1)
    }

    .home_product_center_column_row:hover .home_product_center_column_row_back {
        display: block;
    }

    .home_product_center_column_row:hover .home_product_center_column_row_imgtext {
        display: none;
    }

    .home_product_center_column_row_backtitle {
        width: 100%;
        padding-top: 48px;
        text-align: center;
        font-size: 20px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: rgba(255,255,255,1);
        line-height: 20px;
    }

    .home_product_center_column_row_backcontent {
      

    padding: 20px 36px 23px 36px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 24px;
    height: 86px;
    text-align: justify;

    }

    .home_product_center_column_row_backbutton {
        display: inline-block;
        color: #fff;
        padding: 8px 38px;
        font-weight: normal;
        border-radius: 2px;
        font-size: 14px;
        width: 60px;
        height: 20px;
        border: 1px solid #fff;
    }


    .home_subject_video {
        width: 100%;
    }

    .home_subject_video-play {
        position: relative;
    }

    .home_subject_video-play-video {
        position: relative;
        height: 450px;
        width: 800px;
    }

    .home_subject_video-play-img {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10;
    }

    .home_subject_video_img-outline {
        position: relative;
    }

        .home_subject_video_img-outline img {
            width: 800px;
            height: 450px;
        }

    .home_subject_video-play-btn {
        position: absolute;
        left: 0;
        z-index: 11;
        text-align: center;
        top: 40%;
        width: 100%;
    }

        .home_subject_video-play-btn span.video-play-icon {
            background: #fff;
            display: inline-block;
            width: 55px;
            height: 55px;
            line-height: 55px;
            border-radius: 50%;
            transition: 0.3s ease-in-out;
            -webkit-animation: ripple 1s linear infinite;
            -moz-animation: ripple 1s linear infinite; /* Firefox */
            -ms-animation: ripple 1s linear infinite;
            /* IE10 */
            -o-animation: ripple 1s linear infinite;
            /* Opera */
            animation: ripple 1s linear infinite;
        }

            .home_subject_video-play-btn span.video-play-icon span {
                color: var(--primary-color);
            }

    .fa {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
    }

    .fa-play:before {
        border-left: 6px solid #0083C6;
        border-right: none;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        content: '';
        display: block;
    }
    /* 其他导航01 */
    .animated {
        transition-timing-function: cubic-bezier(.075,.82,.165,1);
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        animation-fill-mode: both;
    }

    .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    .home_oth_nav {
        margin-top: 14px;
        background: rgba(247,249,251,1);    
  padding-bottom: 35px;
    }

    .home_oth_nav_imgs {
        justify-content: space-between;
        width: 100%;
        display: flex;
    }

    .home_oth_nav_block {
        width: 24%;
        overflow: hidden;
        position: relative;
    }

        .home_oth_nav_block:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    .home_oth_nav_img {
        height: 100%;
        width: 100%;
    }

        .home_oth_nav_img img {
            transition: 1s;
            -webkit-transform: scale(1);
            transform: scale(1);
            width: 100%;
            height: 100%;
        }

    .home_oth_nav_title {
        font-size: 130px;
        font-family: DIN;
        font-weight: bold;
        color: rgba(255,255,255,1);
        line-height: 68px;
        position: absolute;
        top: 46px;
        left: 43px;
    }

    .home_oth_nav_body_left {
        position: absolute;
        width: 60px;
        font-size: 60px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(255,255,255,1);
        line-height: 68px;
        top: 165px;
        left: 42px;
        writing-mode: vertical-lr;
        writing-mode: tb-lr;
    }

    .home_oth_nav_body_right {
        position: absolute;
        width: 57px;
        height: 275px;
        font-size: 22px;
        font-family: Microsoft YaHei;
        font-weight: 300;
        color: rgba(255,255,255,1);
        line-height: 35px;
        top: 165px;
        left: 123px;
        writing-mode: vertical-lr;
        writing-mode: tb-lr;
    }

    .home_oth_nav_button {
        width: 160px;
        height: 48px;
        background: rgba(43,204,168,1);
        border-radius: 2px;
        margin: 28px auto 0px auto;
        text-align: center;
    }

        .home_oth_nav_button a {
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: rgba(255,255,255,1);
            line-height: 48px;
        }

    /* 解决方案 */
}






/* 手机端 */
@media screen and (max-width: 768px) {
    html {
        font-size: 62.5% !important;
    }

    .banner {
        padding-top: 49px;
        margin-top: -49px;
    }

        .banner img {
            width: 100%;
        }

    .home_swipper_img_pc {
        display: none !important;
    }

    .home_swipper_img_mobile {
        display: block !important;
    }

    .banner-content {
        position: absolute;
        top: 5rem;
        left: 2rem;
    }

        .banner-content .banner-content-text {
            font-size: 2.2rem;
            color: #323757;
        }

        .banner-content .banner-content-subtext {
            font-size: 1.6rem;
            color: #323757;
        }

        .banner-content .banner-content-btn {
            background: #00A8FF;
            border-radius: 0.5rem;
            padding: 0.8rem 1.5rem;
            display: inline-block;
            margin-top: 2rem;
            line-height: 1;
        }


        .banner-content img {
            width: 0.7rem;
            height: 1.1rem;
        }

        .banner-content a {
            color: #fff;
            font-size: 1.4rem;
            margin-left: 1rem;
        }

    .home_sub_nav {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .home_sub_nav_content {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        background: #006599;
        padding: 2rem 2.4rem 0rem 2.4rem;
    }

    .home_sub_nav_content_list {
        border: 0.5px solid #fff;
        width: 50%;
        height: 5.5rem;
        border-top: none;
        border-bottom: none;
        margin-bottom: 2.4rem;
        padding: 0 2rem;
        box-sizing: border-box;
    }

    .home_sub_nav_mobile_content_list_interval {
        position: absolute;
        height: 0.5px;
        background: #fff;
        right: 2.4rem;
        left: 2.4rem;
        top: 9rem;
    }

    .home_sub_nav_title {
        display: flex;
        align-items: center;
        font-size: 13px;
    }


    .home_sub_nav_icon {
        width: 1.8rem;
        height: 1.8rem
    }

    .home_sub_nav_item a {
        color: #fff;
        font-size: 12px;
        width: 11rem;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .home_subject {
        margin-top: 2.9rem;
        text-align: center;
    }

    .home_subject_title {
        font-size: 17px;
        color: #383838;
        font-weight: 500;
    }

    .home_subject_subtitle {
        color: #666666;
        font-size: 10px;
        margin-top: 0.9rem;
    }

    .home_subject_video-play-video {
        position: relative;
        height: 15.5rem;
        width: 27.5rem;
        margin-top: 2.4rem;
    }

    .home_subject_video-play {
        position: relative;
    }

    .home_subject_video_img-outline {
        position: relative;
        margin-top: 2.4rem;
    }

        .home_subject_video_img-outline img {
            height: 15.5rem;
            width: 27.5rem;
        }

    .home_subject_video-play-img {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10;
    }

    .home_subject_video-play-btn {
        position: absolute;
        left: 0;
        z-index: 11;
        text-align: center;
        top: 40%;
        width: 100%;
    }

        .home_subject_video-play-btn span.video-play-icon {
            background: #fff;
            display: inline-block;
            width: 3rem;
            height: 3rem;
            line-height: 3rem;
            border-radius: 50%;
            transition: 0.3s ease-in-out;
            -webkit-animation: ripple 1s linear infinite;
        }

            .home_subject_video-play-btn span.video-play-icon span {
                color: var(--primary-color);
            }

    .fa {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
    }

    .fa-play:before {
        border-left: 6px solid #0083C6;
        border-right: none;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        content: '';
        display: block;
    }

    @-webkit-keyframes ripple {
        0% {
            box-shadow: 0 0 0 0 rgba(76, 119, 224, 0.15), 0 0 0 10px rgba(76, 119, 224, 0.15), 0 0 0 20px rgba(76, 119, 224, 0.15);
        }

        100% {
            box-shadow: 0 0 0 10px rgba(76, 119, 224, 0.15), 0 0 0 20px rgba(76, 119, 224, 0.15), 0 0 0 40px rgba(50, 100, 245, 0);
        }
    }

    @keyframes ripple {
        0% {
            box-shadow: 0 0 0 0 rgba(76, 119, 224, 0.15), 0 0 0 10px rgba(76, 119, 224, 0.15), 0 0 0 20px rgba(76, 119, 224, 0.15);
        }

        100% {
            box-shadow: 0 0 0 10px rgba(76, 119, 224, 0.15), 0 0 0 20px rgba(76, 119, 224, 0.15), 0 0 0 40px rgba(50, 100, 245, 0);
        }
    }

    .home_subject_video-play-btn span.video-play-icon:hover {
        transform: scale(1.1);
        transition: 0.3s ease-in-out;
    }

    .home_subject_video-play-btn span.fa.fa-play {
        line-height: 3rem;
    }


    .home_subject_video-play-now {
        opacity: 1;
    }

    .home_product_center {
        margin-top: 4rem;
        background: #EFF4F7;
    }

    .home_common_header_title {
        font-size: 20px;
        color: #383838;
        text-align: center;
        padding-top: 26px;
        padding-bottom: 13px;
    }

    .home_common_header_subtitle {
        font-size: 10px;
        font-family: Microsoft YaHei;
        color: #FFFFFF;
        line-height: 12px;
        text-align: center;
        margin-bottom: 25px;
        font-weight: 400;
    }

    .home_product_center_tab {
        display: flex;
        align-items: center;
        padding: 0 10.9%;
    }

    .home_product_center_tab_item {
        font-size: 18px;
        padding: 26px 0;
        color: #444;
        position: relative;
        flex: 1;
        text-align: center;
    }

        .home_product_center_tab_item:hover {
            cursor: pointer;
        }

        .home_product_center_tab_item.active {
            color: #00A8FF;
        }

            .home_product_center_tab_item.active::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                height: 4px;
                background: #009EE5;
            }

    .home_product_center_column {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .home_product_center_column_row_blank {
        display: none;
    }

    .home_product_center_column_row_img {
        text-align: center;
        margin-top: 20px;
    }

    .home_product_center_column_row_imgstyle {
        width: 74px;
        height: 49px;
    }

    .home_product_center_column_row {
        position: relative;
        width: 150px;
        height: 118px;
        text-align: center;
        background-color: white;
        border-radius: 10px;
        box-shadow: 2px 2px 10px rgba(68, 93, 192, 0.15);
        margin-bottom: 21px;
    }

    .home_product_center_column_row_back {
        background-color: #006599;
        position: absolute;
        height: 260px;
        width: 100%;
        z-index: 99;
        display: none;
        top: 0;
        opacity: 0.8;
    }

    .home_product_center_column_row_backtitle {
        width: 100%;
        padding-top: 48px;
        text-align: center;
        color: white;
        font-size: 20px;
    }

    .home_product_center_column_row_backcontent {
        padding: 39px;
        color: white;
        font-size: 16px;
    }

    .home_product_center_column_row_backbutton {
        

    color: #fff;
    padding: 8px 38px;
    font-weight: normal;
    border-radius: 2px;
    font-size: 14px;
    width: 60px;
    height: 20px;
    border: 1px solid #fff;
    margin: 0 auto;

    }

    .home_product_center_column_row_imgtext {
        white-space: nowrap;
        font-size: 12px;
        color: #444;
        margin-top: 19px;
    }

    .home_product_center_column_row_more_backbutton {
        background: #0083C6;
        color: #fff;
        font-size: 9px;
        border-radius: 13.5px;
        padding: 0.9rem 0;
        width: 8rem;
        margin: 0 auto;
    }

    .home_solution_content {
        box-shadow: 0px 0px 10px 0px rgba(68, 93, 192, 0.15);
        margin: 0 2.5rem;
        padding: 2.5rem;
    }

    .home_solution_content_left {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

        .home_solution_content_left li {
            list-style: none;
            margin: 0;
            width: 50%;
            text-align: center;
            padding: 1rem 0;
            border-right: 1px solid #F0F0F0;
            box-sizing: border-box;
            font-size: 12px;
            color: #555;
        }

    .home_solution_tabActive {
        color: #006599 !important;
        background: #F7F9FB;
        border-right: 2px solid #006599 !important;
    }

    .home_solution_next_front_titile {
        color: #383838;
        font-size: 15px;
        font-weight: 500;
        margin: 3.5rem 0 1.7rem 0;
    }

    .home_solution_next_front_description {
        color: #888;
        font-size: 10px;
    }

    .home_solution_next_front_button {
        width: 9rem;
        background: #0083C6;
        color: #fff;
        border-radius: 0.25rem;
        text-align: center;
        padding: 0.6rem 0;
        margin: 2rem 0;
    }

        .home_solution_next_front_button a {
            color: #fff;
        }

    .home_solution_next_front_img {
        text-align: center;
    }

        .home_solution_next_front_img img {
            width: 24.7rem;
            height: 19.4rem;
        }

    .home_customer_case {
        margin-top: 43px;
        background-repeat: no-repeat;
        background-position: left top;
        background-image: url('../img/serviceone/home/customerbanner2.png');
        width: 100%;
        background-color: #d3e2ff;
        height: 450px;
    }

        .home_customer_case .swiper-container {
            width: 100%;
            height: 460px;
        }

        .home_customer_case .swiper-slide {
            display: flex;
            align-items: center;
        }

        .home_customer_case .swiper-container .swiper-button-next {
            right: 14.6%;
        }

        .home_customer_case .swiper-container .swiper-button-prev {
            left: 14.6%;
        }

        .home_customer_case .swiper-container .swiper-button-disabled {
            opacity: 1 !important;
        }

        .home_customer_case .swiper-container .swiper-pagination .swiper-pagination-bullet {
            width: 25px;
            height: 5px;
            border-radius: 2px;
        }

        .home_customer_case .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
            width: 40px;
            height: 5px;
            border-radius: 2px;
        }

        .home_customer_case .swiper-slide-left {
            width: 17.7%;
            margin-left: 20%;
            background: #fff;
            position: relative;
            padding: 85px 28px 41px;
            box-shadow: 0px 0px 20px 0px rgba(68, 93, 192, 0.15);
            border-radius: 5px;
        }

        .home_customer_case .swiper-slide-left-logo {
            display: flex;
            width: 116px;
            height: 116px;
            background: #fff;
            box-shadow: 0px 0px 20px 0px rgba(73, 107, 242, 0.2);
            border-radius: 50%;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: -58px;
            left: 50%;
            transform: translateX(-50%);
        }

        .home_customer_case .swiper-slide-right {
            flex: 1;
            margin-right: 20%;
            margin-left: 60px;
        }

            .home_customer_case .swiper-slide-right .swiper-slide-right-title {
                font-size: 24px;
                color: #383838;
                text-align: left;
            }

            .home_customer_case .swiper-slide-right .swiper-slide-right-content {
                margin-top: 25px;
            }

                .home_customer_case .swiper-slide-right .swiper-slide-right-content p {
                    line-height: 25px !important;
                    font-size: 14px !important;
                    color: #888888 !important;
                }

                .home_customer_case .swiper-slide-right .swiper-slide-right-content span {
                    font-size: 14px !important;
                    color: #888888 !important;
                }

        .home_customer_case .swiper-slide-description {
            text-align: justify;
            font-size: 16px;
            color: #888888;
            word-break: break-all;
            line-height: 34px;
        }

        .home_customer_case .swiper-slide-more {
            font-size: 16px;
            color: #fff;
            background: #00A8FF;
            border-radius: 5px;
            padding: 8px 38px;
            display: inline-block;
            margin-top: 52px;
        }

    .home_customer_about {
        width: 100%;
    }

    .home_customer_friendimg {
        height: 50px;
        width: 100%;
        background: transparent;
        border: none;
        padding-left: 74px;
    }


    .home_customer_friendtitle {
        color: #383838;
        font-size: 15px;
        width: 100%;
        line-height: 14px;
        padding-top: 70px;
        text-align: center;
        border-radius: 0.5rem 0.5rem 0 0;
        background: #fff;
        font-weight: 200;
    }

    .home_customer_friendtext {
        padding-top: 1.7rem;
        padding-left: 2.9rem;
        padding-right: 2.9rem;
        color: #888888;
        font-size: 11px;
        background: #fff;
        padding-bottom: 2.4rem;
    }

    .home_customer_friendbutton {
        height: 5.5rem;
        width: 100%;
        background: #fff;
        border-radius: 0px 0px 10px 10px;
    }

    .home_customer_friendbuttontype {
        padding: 0.6rem 0;
        font-size: 11px;
        width: 9.5rem;
        color: #006599;
        border: 1px solid rgba(0, 101, 153, 1);
        border-radius: 1.5rem;
        margin: 0 auto;
        text-align: center;
    }

    .friend {
        height: 45rem;
        overflow: hidden;
        width: 100%;
        margin-top: 15px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
    }

    .mr_frbox {
        display: flex;
        padding: 0 25px;
        justify-content: space-around;
    }

    .mr_frBtnL {
        cursor: pointer;
        display: inline;
        height: 24px;
        width: 13px;
        margin-top: 141px;
    }

    .mr_frUl {
        width: 255px;
        margin-left: 22px;
        margin-right: 20px;
    }

    .tempWrap {
        width: 255px !important
    }

    .mr_frBtnR {
        margin-top: 141px;
        cursor: pointer;
        width: 24px;
        height: 13px;
    }

    .mr_frUl ul li {
        background: transparent;
        width: 255px !important;
        height: 320px;
        padding-bottom: 20px;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
    }

        .mr_frUl ul li:hover {
            height: 420px;
        }

        .mr_frUl ul li a img {
            display: block;
            width: 100px;
            height: 100px;
            border-radius: 50%;
        }

    .home_common_body {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 30px;
        text-align: center;
    }

    .home_common_bodylist {
        width: 140px;
        height: 120px;
        box-shadow: 0px 0px 20px 0px rgba(68, 93, 192, 0.15);
        border-radius: 2.5px;
        position: relative;
        margin-bottom: 15px;
    }

    .home_common_bodylist_img {
        padding-top: 25px;
    }

        .home_common_bodylist_img img {
            width: 38px;
            height: 38px;
        }

    .home_common_bodylist_title {
        line-height: 9px;
        padding-top: 21px;
        font-size: 12px;
        color: #383838;
        font-weight: 200;
    }

    .home_common_bodylist_content {
        display: none;
    }

    .home_common_body_back {
        background-color: #0083C6;
        position: absolute;
        width: 140px;
        height: 120px;
        z-index: 99;
        display: none;
        top: 0;
        opacity: 0.8;
        text-align: center;
    }

    .home_common_bodylist_interval {
        display: none;
    }

    .home_common_bodylist_back_img {
        padding-top: 25px;
    }

        .home_common_bodylist_back_img img {
            width: 38px;
            height: 38px;
        }

    .home_common_bodylist_back_title {
        line-height: 9px;
        padding-top: 21px;
        font-size: 12px;
        color: #fff;
        font-weight: 200;
    }

    .home_common_bodylist_back_content {
        display: none;
    }

    .home_common_bodylist:hover .home_common_body_back {
        display: block;
    }

    .home_common_bodylist:hover .home_common_bodylist_img {
        display: none;
    }

    .home_common_bodylist:hover .home_common_bodylist_title {
        display: none;
    }

    .home_common_bodylist:hover .home_common_bodylist_content {
        display: none;
    }

    .home_common_about_1 {
    }

    .home_common_about_2 {
        text-align: center;
    }

        .home_common_about_2 img {
            width: 32.5rem;
            height: 15rem;
            margin-top: 1.5rem;
        }

    .home_common_about_button {
        width: 9rem;
        border-radius: 0.25rem;
        background: #0083C6;
        margin: 0 auto;
        text-align: center;
        padding: 0.6rem 0;
    }

        .home_common_about_button a {
            color: #fff
        }

    .home_contact_us {
        margin-top: 4rem;
        text-align: center;
        background: #EFF4F7;
        padding: 3.5rem 0 12rem;
    }

    .home_contact_us_title {
        height: 17px;
        font-size: 17px;
        font-family: Microsoft YaHei;
        font-weight: 200;
        color: rgba(56,56,56,1);
        line-height: 24px;
    }

    .home_contact_us_subtitle {
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 11px;
        font-family: Microsoft YaHei;
        font-weight: 200;
        color: rgba(56,56,56,1);
        line-height: 9px;
    }

    .home_contact_us_content {
        display: flex;
        align-items: center;
        margin: 0 7.5rem;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .home_contact_us_content_item {
        width: 50%;
    }


    .home_contact_us_content_item_header {
        text-align: center;
        width: 75px;
        height: 75px;
        margin: 0 auto;
        margin-bottom: 2.5rem;
        display: inline-block;
        float: left;
    }

        .home_contact_us_content_item_header img {
            display: block;
            width: 2.25rem;
            height: 36px;
            margin: 0 auto;
            padding-top: 0.7rem;
        }

        .home_contact_us_content_item_header:hover {
            background: rgba(255, 255, 255, 1);
            box-shadow: 0px 0px 20px 0px rgba(68, 93, 192, 0.15);
            border-radius: 50%;
        }

    .home_contact_us_content_item_bottom {
        font-size: 12px;
        color: #555555;
        margin-bottom: 1rem;
    }


    .home_contact_us_bottom {
        padding-top: 33px;
        width: 225px;
        margin: 0 auto;
    }

    .home_contact_us_bottom_item {
        display: flex;
        align-items: center;
        background: #fff;
        border: 1px solid #A9C2D0;
        border-radius: 5px;
        width: 225px;
        height: 28px;
        line-height: 28px;
        margin-bottom: 15px;
    }

        .home_contact_us_bottom_item p {
            text-align: center;
            width: 100px;
            font-size: 14px;
            color: #555555;
            border-right: 1px solid #A9C2D0;
            background: rgba(247,248,250,1);
            border-radius: 5px 0px 0px 5px;
        }

        .home_contact_us_bottom_item input {
            border: none;
            width: 15rem;
            padding-left: 20px;
            font-size: 14px;
            color: #B9B9B9;
            border-radius: 5px;
            display: block;
            height: auto;
        }

            .home_contact_us_bottom_item input::-webkit-input-placeholder {
                font-size: 14px;
                color: #B9B9B9
            }

    .home_contact_us_btn {
        padding: 0.6rem 0;
        background: #0083C6;
        border-radius: 0.25rem;
        font-size: 12px;
        color: #fff;
        margin: 0 auto;
        margin-top: 1.5rem;
        width: 9rem;
        text-align: center;
        margin-top: 2.5rem;
    }

    .friend_1 {
        height: auto;
        overflow: hidden;
        width: 100%;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
    }

    .mr_frBtnL_1 {
        cursor: pointer;
        display: inline;
        height: 100%;
        width: 28px;
        margin-top: 60px;
        margin-bottom: 0;
        margin-left: 0;
        display: none;
    }

    .mr_frUl_1 {
        border: 1px solid rgba(239, 240, 246, 1);
        border-top: none;
        border-bottom: none;
        border-left: none;
        height: 150px;
        border-right: none;
        justify-content: space-between;
        padding: 0 24px;
        overflow-y: hidden;
    }

    .mr_frBtnR_1 {
        margin-top: 60px;
        cursor: pointer;
        width: 28px;
        height: 28px;
        display: none;
    }

    .mr_frUl_1 ul li {
        display: inline;
        float: left;
        width: 25%;
        overflow: hidden;
        position: relative;
    }

    .mr_fu_1_imgwidth {
        height: 37px;
        width: 81px;
        background: rgba(255, 255, 255, 1);
        border: 0px solid rgba(239, 240, 246, 1);
    }

    .mr_frUl_1 ul li a img {
        display: block;
        width: 80%;
        height: 37px;
        float: left;
        padding-left: 10%;
    }

    .home_banner {
        z-index: -10;
    }
}