@media screen and (min-width: 769px) {
    .banner {
        position: relative;
        margin-bottom: -5px;
        margin-top: 0.36458rem;
        height: auto;
    }

    .banner_head {
        width:530px;
        position:absolute;
        top:120px;
        left:10%;
    }

    .banner_title {
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: bold;
        color: ##1A2233;
        line-height: 80px;
        margin-bottom:17px;
    font-size: 55px;
    }

    .banner_subtitle {
        font-size: 22px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: ##1A2233;
        line-height: 35px;
    }
        .banner img {
            width: 100%;
        }

    .banner_mobile_img {
        display: none;
    }

    .servicea_navigation {
        font-size: 14px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(102,102,102,1);
        line-height: 60px;
        margin: 0 auto;
        width: 1066px;
    }

    .servicea_navigation_underline {
        width: 1066px;
        margin: 0 auto;
        height: 1px;
        background: rgba(235,235,235,1);
        box-shadow: 0px 2px 10px 0px rgba(200,200,200,0.1);
    }

    .servicea_begin {
        width: 1066px;
        margin: 0 auto;
    }

    .servicea_title {
        font-size: 34px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: bold;
        line-height: 42px;
        text-align: center;
        padding-top: 0.36458rem;
    }

    .servicea_underline {
        width: 72px;
        height: 4px;
        background: #0073E6;
        margin: 0 auto;
        margin-bottom: 0.36458rem;
        margin-top: 10px;
    }

    .servicea_begin_content {
        font-size: 18px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(102,102,102,1);
        line-height: 30px;
        margin-bottom: 49px;
        text-indent: 50px;
    }

    .servicea_begin_img {
        margin: 5px;
    }

        .servicea_begin_img img {
            width: 100%;
        }

    .servicea_begin_img_mobile {
        display: none;
    }

    .servicea_begin_undertext {
        margin-top: 15px;
        font-size: 18px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(102,102,102,1);
        line-height: 30px;
        text-align: center;
    }

    .servicea_help_body {
        background: rgba(239,244,247,1);
    }

    .servicea_help {
        width: 1066px;
        margin: 0 auto;
    }

    .servicea_help_timeline {
        width: 100%;
    }

        .servicea_help_timeline ul {
            padding-bottom: 85px;
            margin: 0;
            list-style: none;
            position: relative;
            display: flex;
            justify-content: space-between;
        }

            .servicea_help_timeline ul::before {
                content: ' ';
                width: 768px;
                margin-left: auto;
                margin-right: auto;
                height: 1px;
                background: #0073E6;
                background-color: #d9d9d9;
                position: absolute;
                top: 0.36458rem;
                left: 149px;
            }

            .servicea_help_timeline ul li {
                width: 300px;
                position: relative;
            }

    .servicea_help_title {
        position: absolute;
        top: 0px;
        font-size: 22px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(68,68,68,1);
        line-height: 35px;
        left: 84px;
    }

    .servicea_bullet {
        content: " ";
        position: absolute;
        left: 159px;
        top: 0.36458rem;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 20px;
        height: 20px;
        border: 4px solid #0073E6;
        background: #fff;
        border-radius: 50%;
        z-index: 1;
        cursor: pointer;
        transition: all .15s ease-in-out;
    }

        .servicea_bullet:hover {
            background: #0073E6;
            border: 4px solid rgba(255,255,255,1);
            box-shadow: 0px 5px 5px 0px rgba(68,93,192,0.15);
            border-radius: 50%;
        }

            .servicea_bullet:hover .servicea_context {
                background: linear-gradient(231deg,rgba(42,171,202,1),rgba(43,205,168,1));
                opacity: 0.9;
                color: rgba(255,255,255,1);
            }

            .servicea_bullet:hover .servicea_context_line {
                background: rgba(255,255,255,1);
            }

            .servicea_bullet:hover .servicea_context_title {
                color: rgba(255,255,255,1);
            }

            .servicea_bullet:hover .servicea_context_text {
                color: rgba(255,255,255,1);
            }






    .servicea_context {
        margin-top: 142px;
        background: rgba(255,255,255,1);
        box-shadow: 0px 0px 20px 0px rgba(68,93,192,0.1);
        height: 477px;
        cursor: pointer;
    }

    .servicea_context_item {
        width: 100%;
        height: 33%;
    }

    .servicea_context_title {
        width: 81px;
        height: 19px;
        font-size: 20px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(102,102,102,1);
        line-height: 20px;
        padding-top: 20px;
        text-align: center;
        width: 100%;
    }

    .servicea_context_text {
        margin-top: 22px;
        font-size: 16px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(136,136,136,1);
        line-height: 26px;
        margin: 22px 30px;
        text-align: left;
        cursor: pointer;
    }

    .servicea_context_line {
        height: 1px;
        background: rgba(235,235,235,1);
        margin: 0 25px;
    }

    .servicea_context:hover {
            background: linear-gradient(0deg, #70B7FF 25%, #0073E6 100%);
        opacity: 0.9;
    }

        .servicea_context:hover .servicea_context_line {
            background: rgba(255,255,255,1);
        }

        .servicea_context:hover .servicea_context_item .servicea_context_title {
            color: rgba(255,255,255,1);
        }

        .servicea_context:hover .servicea_context_item .servicea_context_text {
            color: rgba(255,255,255,1);
        }

        .servicea_context:hover .servicea_bullet {
            background: #0073E6;
            border: 4px solid rgba(255,255,255,1);
            box-shadow: 0px 5px 5px 0px rgba(68,93,192,0.15);
            border-radius: 50%;
        }


    .servicea_advance {
        width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url("https://sitelibrarymarket.obs.cn-east-3.myhuaweicloud.com/rektec/%E6%9C%8D%E5%8A%A1%E8%83%BD%E5%8A%9B/04bg.png");
    }

    .servicea_advance_items {
        width: 1067px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
    }

    .servicea_advance_item {
        width: 300px;
        height: 325px;
        text-align: center;
        position: relative;
        margin-bottom: 66px;
    }

    .servicea_advance_head_mobile {
        display: none;
    }


    .servicea_advance_head {
        width: 110px;
        height: 110px;
        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: 95px;
    }

        .servicea_advance_head img {
            width: 57px;
            height: 42px;
            margin: auto;
            margin-top: 38px;
        }

    .servicea_advance_head_blue {
        display: block;
    }

    .servicea_advance_head_white {
        display: none;
    }

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

    .servicea_advance_body_title {
        text-align: center;
        padding-top: 83px;
        color: rgba(68,68,68,1);
        width: 200px;
        margin: 0 auto;
        font-size: 22px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        line-height: 33px;
    }

    .servicea_advance_body_context {
        padding-right: 30px;
        padding-left: 30px;
        text-align: justify;
        font-size: 18px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(102,102,102,1);
        line-height: 30px;
        padding-top: 25px;
    }

    .servicea_advance_item:hover .servicea_advance_body {
        border-bottom: 6px solid #0073E6;
        height: 264px;
    }

    .servicea_advance_item:hover .servicea_advance_head_blue {
        display: none;
    }

    .servicea_advance_item:hover .servicea_advance_head_white {
        display: block;
    }

    .servicea_advance_item:hover .servicea_advance_head {
        background: linear-gradient(0, #70B7FF 25%, #0073E6 100%);
    }


    .servicea_common_about_1 {
        width: 100%;
    }

    .servicea_users_mobile_imgs {
        display: none;
    }

    .servicea_users_subtitle {
        font-size: 18px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(102,102,102,1);
        line-height: 30px;
        width: 1066px;
        margin: 0 auto 0 auto;
    }


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

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

    .mr_frBtnL_1 {
        cursor: pointer;
        display: inline;
        height: 40px;
        margin-bottom: 0;
        width: 21px;
        margin-left: 0;
        margin-top: 102px;
    }

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

    .mr_frBtnR_1 {
        margin-top: 102px;
        cursor: pointer;
        width: 21px;
        height: 40px;
    }

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

    .mr_fu_1_imgwidth {
        height: 92px;
        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;
        height: 92px;
    }

    .servicea_users_buttons {
        margin-top: 40px;
        height: 48px;
        width: 100%;
        padding-bottom: 72px;
    }

    .servicea_users_buttons_mobile {
        display: none;
    }

    .servicea_users_button {
        margin: 0 auto;
        text-align: center;
        height: 48px;
        width: 160px;
        background: #0073E6;
        border-radius: 2px;
        font-size: 18px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(255,255,255,1);
        line-height: 48px;
        cursor: pointer;
    }

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

    .servicea_main {
        width: 100%;
        position: relative;
        background: rgba(239,244,247,1);
        margin-top: 73px;
    }

    .servicea_main_body {
        width: 1066px;
        margin: 0 auto;
    }

    .servicea_main_timeline {
        width: 100%;
    }

        .servicea_main_timeline ul {
            padding-bottom: 85px;
            margin: 0;
            list-style: none;
            position: relative;
            display: flex;
            justify-content: space-between;
        }

            .servicea_main_timeline ul::before {
                content: ' ';
                width: 828px;
                margin-left: auto;
                margin-right: auto;
                height: 1px;
                background: #0073E6;
                background-color: #d9d9d9;
                position: absolute;
                top: 0.36458rem;
                left: 125px;
            }

            .servicea_main_timeline ul li {
                width: 250px;
                position: relative;
            }

    .servicea_main_title {
        position: absolute;
        top: 0px;
        font-size: 22px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(68,68,68,1);
        line-height: 35px;
        left: 45px;
        width: 220px;
    }

    .servicea_main_item_mobile_title {
        display: none;
    }

    .servicea_main_context {
        margin-top: 142px;
        background: rgba(255,255,255,1);
        box-shadow: 0px 0px 20px 0px rgba(68,93,192,0.1);
        height: 81px;
        cursor: pointer;
        padding: 31px 27px 38px 28px;
        font-size: 14px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(102,102,102,1);
        line-height: 22px;
    }

    .servicea_main_bullet {
        content: " ";
        position: absolute;
        left: 125px;
        top: 0.36458rem;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 20px;
        height: 20px;
        border: 4px solid #0073E6;
        background: #fff;
        border-radius: 50%;
        z-index: 1;
        cursor: pointer;
        transition: all .15s ease-in-out;
    }

        .servicea_main_bullet:hover {
            background: #0073E6;
            border: 4px solid rgba(255,255,255,1);
            box-shadow: 0px 5px 5px 0px rgba(68,93,192,0.15);
            border-radius: 50%;
        }

            .servicea_main_bullet:hover .servicea_main_context {
                background: linear-gradient(231deg,rgba(42,171,202,1),rgba(43,205,168,1));
                opacity: 0.9;
                color: rgba(255,255,255,1);
            }

            .servicea_main_bullet:hover .servicea_main_context_text {
                color: rgba(255,255,255,1);
            }

    .servicea_main_context:hover .servicea_main_bullet {
        background: #0073E6;
        border: 4px solid rgba(255,255,255,1);
        box-shadow: 0px 5px 5px 0px rgba(68,93,192,0.15);
        border-radius: 50%;
    }

    .servicea_main_context:hover {
        background: linear-gradient(-50deg,rgba(42,171,202,1),rgba(43,205,168,1));
        opacity: 0.9;
        color: rgba(255,255,255,1);
    }

    .servicea_mpp_advance {
        width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url("https://sitelibrarymarket.obs.cn-east-3.myhuaweicloud.com/rektec/%E6%9C%8D%E5%8A%A1%E8%83%BD%E5%8A%9B/04bg.png");
        padding-bottom: 65px;
    }

    .servicea_mpp_advance_items {
        width: 1067px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
    }

    .servicea_mpp_advance_item {
        width: 250px;
        height: 420px;
        text-align: center;
        position: relative;
        margin-bottom: 66px;
    }

    .servicea_mpp_advance_head {
        width: 110px;
        height: 110px;
        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: 0.36458rem;
    }

    .servicea_mpp_advance_head_blue {
        width: 57px;
        height: 42px;
        margin: auto;
        margin-top: 38px;
    }

    .servicea_mpp_advance_head_white {
        display: none;
    }

    .servicea_mpp_advance_head img {
        width: 57px;
        height: 42px;
        margin: auto;
        margin-top: 38px;
    }

    .servicea_mpp_advance_body {
        height: 420px;
        background: rgba(255,255,255,1);
        box-shadow: 0px 0px 20px 0px rgba(68,93,192,0.15);
        z-index: -999;
        margin-top: 55px;
    }
.servicea_mpp_advance_body_title_mobile{
display:none;
}

    .servicea_mpp_advance_body_title {
        text-align: center;
        padding-top: 83px;
        color: rgba(68,68,68,1);
        width: 160px;
        margin: 0 auto;
        font-size: 22px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        line-height: 33px;
        height: 52px;
        word-break: break-word;
    }

    .servicea_mpp_advance_body_context {
        padding-right: 30px;
        padding-left: 30px;
        text-align: justify;
        padding-top: 25px;
        font-size: 14px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(102,102,102,1);
        line-height: 26px;
    }

    .servicea_mpp_advance_item:hover .servicea_mpp_advance_body {
        border-bottom: 6px solid #0073E6;
        height: 414px;
    }

    .servicea_mpp_advance_item:hover .servicea_mpp_advance_head_blue {
        display: none;
    }

    .servicea_mpp_advance_item:hover .servicea_mpp_advance_head_white {
        display: block;
    }

    .servicea_mpp_advance_item:hover .servicea_mpp_advance_head {
        background: linear-gradient(231deg,rgba(42,171,202,1),rgba(43,205,168,1));
    }

    .servicea_svalue {
        width: 100%;
        background: rgba(239,244,247,0.8);
    }

    .servicea_svalue_items {
        width: 1067px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 72px auto 82px auto;
        padding-bottom: 82px
    }

    .servicea_svalue_item {
        width: 200px;
        height: 220px;
        background: rgba(255,255,255,1);
        box-shadow: 0px 0px 20px 0px rgba(68,93,192,0.15);
        padding: 40px 25px 45px 25px;
    }

    .servicea_svalue_item_title {
        width: 100%;
        font-size: 22px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(68,68,68,1);
        line-height: 30px;
        text-align: center;
    }

    .servicea_svalue_item_underline {
        width: 200px;
        height: 1px;
        background: #0073E6;
        margin: 23px auto 24px auto;
    }

    .servicea_svalue_item_context {
        font-size: 16px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(102,102,102,1);
        line-height: 26px;
        margin: 0 auto;
    }

    .servicea_svalue_item:hover {
        background: linear-gradient(231deg,rgba(42,171,202,1),rgba(43,205,168,1));
        opacity: 0.9;
    }

        .servicea_svalue_item:hover .servicea_svalue_item_title {
            color: rgba(255,255,255,1);
        }

        .servicea_svalue_item:hover .servicea_svalue_item_underline {
            background-color: rgba(255,255,255,1);
        }

        .servicea_svalue_item:hover .servicea_svalue_item_title {
            color: rgba(255,255,255,1);
        }

        .servicea_svalue_item:hover .servicea_svalue_item_context {
            color: rgba(255,255,255,1);
        }
}

@media screen and (max-width: 768px) {
    .banner {
        width: 100%;
    }

        .banner img {
            display: none;
        }

    .banner_head {
        display:none;
    }

    .banner_mobile_img {
        display: block !important;
        width: 100%;
        margin-top: 49px;
    }

    .servicea_navigation {
        display: none;
    }

    .servicea_navigation_underline {
    }

    .servicea_begin {
        margin: 0 25px;
        padding-top: 0px;
        margin-bottom: 35px !important;
    }



    .servicea_title {
        text-align: center;
        font-size: 20px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: bold;
        color: #444444;
        line-height: 27px;
        width: 269px;
        margin: 0 auto;
        padding-top: 36px;
    }

    .servicea_underline {
    }

    .servicea_begin_content {
        margin-bottom: 22px;
        text-indent: 20px;
        font-size: 12px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: #666666;
        line-height: 15px;
        margin-top: 16px;
    }

    .servicea_begin_img {
        margin: 2px;
    }

        .servicea_begin_img img {
            display: none;
        }

    .servicea_begin_img_mobile {
        display: block !important;
        width: 100%;
    }

    .servicea_begin_undertext {
        font-size: 12px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: #666666;
        line-height: 15px;
        text-align: center;
        margin-top: 6px;
    }

    .servicea_help_body {
        background: #EFF4F7;
    }

    .servicea_help {
        margin: 0 25px;
    }

    .servicea_help_timeline {
        width: 100%;
    }

        .servicea_help_timeline ul {
            padding-bottom: 37px;
            margin: 0;
            list-style: none;
            position: relative;
        }

            .servicea_help_timeline ul::before {
                content: ' ';
                width: 1px;
                margin-left: auto;
                margin-right: auto;
                height: 514px;
                background: #0073E6;
                background-color: #d9d9d9;
                position: absolute;
                top: 24px;
                left: 39px;
            }

            .servicea_help_timeline ul li {
                width: 100%;
                position: relative;
            }

    .servicea_help_title {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 11px;
        height: 65px;
        font-size: 12px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: #444444;
        line-height: 17px;
    }

    .servicea_bullet {
        content: " ";
        position: absolute;
        left: 40px;
        top: 24px;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 10px;
        height: 10px;
        border: 2px solid #0073E6;
        background: #fff;
        border-radius: 50%;
        z-index: 1;
        cursor: pointer;
        transition: all .15s ease-in-out;
    }

        .servicea_bullet:hover {
            background: #0073E6;
            border: 4px solid rgba(255,255,255,1);
            box-shadow: 0px 5px 5px 0px rgba(68,93,192,0.15);
            border-radius: 50%;
        }

            .servicea_bullet:hover .servicea_context {
                background: linear-gradient(231deg,rgba(42,171,202,1),rgba(43,205,168,1));
                opacity: 0.9;
                color: rgba(255,255,255,1);
            }

            .servicea_bullet:hover .servicea_context_line {
                background: rgba(255,255,255,1);
            }

            .servicea_bullet:hover .servicea_context_title {
                color: rgba(255,255,255,1);
            }

            .servicea_bullet:hover .servicea_context_text {
                color: rgba(255,255,255,1);
            }






    .servicea_context {
        background: rgba(255,255,255,1);
        box-shadow: 0px 0px 20px 0px rgba(68,93,192,0.1);
        height: 238px;
        cursor: pointer;
        margin-left: 56px;
        margin-top: 20px;
    }

    .servicea_context_item {
        width: 100%;
    }

    .servicea_context_title {
        padding-top: 14px;
        text-align: left;
        font-size: 12px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: #666666;
        line-height: 13px;
        margin-left: 17px;
    }

    .servicea_context_text {
        margin-top: 7px;
        text-align: left;
        cursor: pointer;
        font-size: 10px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: #888888;
        line-height: 17px;
        margin-left: 18px;
        margin-right: 17px;
        margin-bottom: 10px;
    }

    .servicea_context_line {
        height: 1px;
        background: rgba(235,235,235,1);
        margin: 0 25px;
    }

    .servicea_context:hover {
        background: linear-gradient(231deg,rgba(42,171,202,1),rgba(43,205,168,1));
        opacity: 0.9;
    }

        .servicea_context:hover .servicea_context_line {
            background: rgba(255,255,255,1);
        }

        .servicea_context:hover .servicea_context_item .servicea_context_title {
            color: rgba(255,255,255,1);
        }

        .servicea_context:hover .servicea_context_item .servicea_context_text {
            color: rgba(255,255,255,1);
        }

        .servicea_context:hover .servicea_bullet {
            background: #0073E6;
            border: 4px solid rgba(255,255,255,1);
            box-shadow: 0px 5px 5px 0px rgba(68,93,192,0.15);
            border-radius: 50%;
        }


    .servicea_advance {
        width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(../img/mobile/04-服务能力/底图优势.png);
    }

    .servicea_advance_items {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        justify-content: space-around;
        padding-bottom: 41px;
    }

    .servicea_advance_item {
        width: 145px;
        text-align: center;
        position: relative;
        height: 135px;
        margin-bottom: 83px;
    }

    .servicea_advance_head {
        display: none;
    }

    .servicea_advance_head_mobile {
        width: 55px;
        height: 55px;
        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;
        top: 25px;
        left: 45px;
    }

        .servicea_advance_head_mobile img {
            width: 28px;
            height: 21px;
            margin: auto;
            margin-top: 17px;
        }

    .servicea_advance_head_blue {
        display: block;
    }

    .servicea_advance_head_white {
        display: none;
    }

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

    .servicea_advance_body_title {
        text-align: center;
        padding-top: 41px;
        width: 100%;
        margin: 0 auto;
        font-size: 12px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: #444444;
        line-height: 16px;
    }

    .servicea_advance_body_context {
        margin: 0 13px;
        margin-bottom: 25px;
        text-align: justify;
        padding-top: 13px;
        font-size: 12px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: #666666;
        line-height: 17px;
    }

    .servicea_advance_item:hover .servicea_advance_body {
    }

    .servicea_advance_item:hover .servicea_advance_head_blue {
        display: none;
    }

    .servicea_advance_item:hover .servicea_advance_head_white {
        display: block;
    }

    .servicea_advance_item:hover .servicea_advance_head_mobile {
        background: linear-gradient(0, #70B7FF 25%, #0073E6 100%);
    }


    .servicea_common_about_1 {
        width: 100%;
        display: none;
    }

    .servicea_users_mobile_imgs {
        margin: 0 25px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .servicea_users_mobile_img_block {
        width: 20%;
    }

    .servicea_users_mobile_img {
        width: 90%;
        height: 27px;
        background: #FFFFFF;
        border: 1px solid #E5E5E5;
        border-radius: 5px;
        margin-bottom: 13px;
    }

        .servicea_users_mobile_img img {
            width: 43px;
            height: 15px;
            margin-top: 5px;
            margin-left: 10%;
        }

    .servicea_users_subtitle {
        margin: 22px 0px;
        font-size: 12px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: #666666;
        line-height: 15px;
    }


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

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

    .mr_frBtnL_1 {
        cursor: pointer;
        display: inline;
        height: 40px;
        margin-bottom: 0;
        width: 21px;
        margin-left: 0;
        margin-top: 102px;
    }

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

    .mr_frBtnR_1 {
        margin-top: 102px;
        cursor: pointer;
        width: 21px;
        height: 40px;
    }

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

    .mr_fu_1_imgwidth {
        height: 92px;
        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;
        height: 92px;
    }

    .servicea_users_buttons {
        margin-top: 40px;
        height: 48px;
        width: 100%;
        padding-bottom: 72px;
        display: none;
    }

    .servicea_users_buttons_mobile {
        margin-top: 21px;
        height: 27px;
        width: 100%;
        padding-bottom: 29px;
    }

    .servicea_users_button {
        margin: 0 auto;
        text-align: center;
        height: 27px;
        width: 90px;
        background: #0073E6;
        border-radius: 2px;
        font-size: 12px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(255,255,255,1);
        line-height: 27px;
        cursor: pointer;
    }

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

    .servicea_main {
        background: #EFF4F7;
    }

    .servicea_main_body {
        margin: 0 25px;
    }

    .servicea_main_timeline {
        width: 100%;
    }

        .servicea_main_timeline ul {
            padding-bottom: 37px;
            margin: 0;
            list-style: none;
            position: relative;
        }

            .servicea_main_timeline ul::before {
                content: ' ';
                width: 1px;
                margin-left: auto;
                margin-right: auto;
                height: 380px;
                background: #0073E6;
                background-color: #d9d9d9;
                position: absolute;
                top: 24px;
                left: 39px;
            }

            .servicea_main_timeline ul li {
                width: 100%;
                position: relative;
            }

    .servicea_main_title {
        display: none;
    }

    .servicea_main_item_mobile_title {
        font-size: 12px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: #666666;
        line-height: 17px;
        padding-top: 17px;
        margin-left: 20px;
    }

    .servicea_main_context {
        background: rgba(255,255,255,1);
        box-shadow: 0px 0px 20px 0px rgba(68,93,192,0.1);
        height: 107px;
        cursor: pointer;
        margin-left: 56px;
        margin-top: 20px;
    }

    .servicea_main_bullet {
        content: " ";
        position: absolute;
        left: 40px;
        top: 24px;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 10px;
        height: 10px;
        border: 2px solid #0073E6;
        background: #fff;
        border-radius: 50%;
        z-index: 1;
        cursor: pointer;
        transition: all .15s ease-in-out;
    }

    .servicea_main_context_text {
        font-size: 12px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: #888888;
        line-height: 17px;
        margin-top: 6px;
        margin: 0 20px;
    }

    .servicea_main_bullet:hover {
        background: #0073E6;
        border: 4px solid rgba(255,255,255,1);
        box-shadow: 0px 5px 5px 0px rgba(68,93,192,0.15);
        border-radius: 50%;
    }

        .servicea_main_bullet:hover .servicea_main_context {
            background: linear-gradient(231deg,rgba(42,171,202,1),rgba(43,205,168,1));
            opacity: 0.9;
            color: rgba(255,255,255,1);
        }

        .servicea_main_bullet:hover .servicea_main_context_text {
            color: rgba(255,255,255,1);
        }

    .servicea_main_context:hover .servicea_main_bullet {
        background: #0073E6;
        border: 4px solid rgba(255,255,255,1);
        box-shadow: 0px 5px 5px 0px rgba(68,93,192,0.15);
        border-radius: 50%;
    }

    .servicea_main_context:hover {
        background: linear-gradient(-50deg,rgba(42,171,202,1),rgba(43,205,168,1));
        opacity: 0.9;
        color: rgba(255,255,255,1);
    }

        .servicea_main_context:hover .servicea_main_item_mobile_title {
            color: white;
        }

        .servicea_main_context:hover .servicea_main_context_text {
            color: white;
        }


    .servicea_mpp_advance {
        width: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url("https://sitelibrarymarket.obs.cn-east-3.myhuaweicloud.com/rektec/%E6%9C%8D%E5%8A%A1%E8%83%BD%E5%8A%9B/04bg.png");
        padding-bottom: 65px;
    }

    .servicea_mpp_advance_items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 25px;
    }

    .servicea_mpp_advance_item {
        width: 145px;
        height: 338px;
        text-align: center;
        position: relative;
        margin-bottom: 49px;
    }

    .servicea_mpp_advance_head {
        display: none;
    }



    .servicea_mpp_advance_head_blue {
        width: 57px;
        height: 42px;
        margin: auto;
        margin-top: 38px;
    }

    .servicea_mpp_advance_head_white {
        display: none;
    }

    .servicea_mpp_advance_head img {
        width: 57px;
        height: 42px;
        margin: auto;
        margin-top: 38px;
    }

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

    .servicea_mpp_advance_body_title {
        text-align: center;
        padding-top: 83px;
        color: rgba(68,68,68,1);
        width: 160px;
        margin: 0 auto;
        font-size: 22px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        line-height: 33px;
        height: 52px;
        word-break: break-word;
        display: none;
    }

    .servicea_mpp_advance_body_title_mobile {
        font-size: 12px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: #444444;
        line-height: 15px;
        padding-top: 40px;
        text-align: center;
        margin: 0 16px;
        margin-bottom: 13px;
        height: 30px;
    }

    .servicea_mpp_advance_body_context {
        margin: 0 14px;
        font-size: 12px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: #666666;
        line-height: 17px;
        text-align: left;
    }

    .servicea_mpp_advance_item:hover .servicea_mpp_advance_body {
        border-bottom: 6px solid #0073E6;
    }

    .servicea_mpp_advance_item:hover .servicea_mpp_advance_head_blue {
        display: none;
    }

    .servicea_mpp_advance_item:hover .servicea_mpp_advance_head_white {
        display: block;
    }

    .servicea_mpp_advance_item:hover .servicea_mpp_advance_head {
        background: linear-gradient(231deg,rgba(42,171,202,1),rgba(43,205,168,1));
    }

    .servicea_svalue {
        width: 100%;
        background: rgba(239,244,247,0.8);
    }

    .servicea_svalue_items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 25px;
        padding-bottom: 31px;
    }

    .servicea_svalue_item {
        width: 45%;
        height: 213px;
        background: rgba(255,255,255,1);
        box-shadow: 0px 0px 20px 0px rgba(68,93,192,0.15);
        margin-bottom: 15px;
    }

    .servicea_svalue_item_title {
        width: 100%;
        font-size: 12px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(68,68,68,1);
        line-height: 15px;
        text-align: center;
        margin-top: 22px;
    }

    .servicea_svalue_item_underline {
        height: 1px;
        background: #0073E6;
        margin: 7px 12px 9px 12px;
    }

    .servicea_svalue_item_context {
        font-size: 12px;
        font-family: 'mac os','SF Pro SC','HanHei SC','SF Pro Text','Myriad Set Pro','SF Pro Icons','PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 400;
        color: rgba(102,102,102,1);
        line-height: 17px;
        margin: 0 12px;
    }

    .servicea_svalue_item:hover {
        background: linear-gradient(231deg,rgba(42,171,202,1),rgba(43,205,168,1));
        opacity: 0.9;
    }

        .servicea_svalue_item:hover .servicea_svalue_item_title {
            color: rgba(255,255,255,1);
        }

        .servicea_svalue_item:hover .servicea_svalue_item_underline {
            background-color: rgba(255,255,255,1);
        }

        .servicea_svalue_item:hover .servicea_svalue_item_title {
            color: rgba(255,255,255,1);
        }

        .servicea_svalue_item:hover .servicea_svalue_item_context {
            color: rgba(255,255,255,1);
        }
}