﻿@media screen and (max-width: 1020px) {
    .display_none {
        display: none !important;
    }

    .all_display_none {
        display: none;
    }

    .display_flex {
        display: none !important;
    }

    .display_flex_none {
        display: flex !important;

    }

    .display_block {
        display: block !important;
    }

    .noCodeShow {
        display: none !important;
    }

    .noCodeShow_mob {
        display: block !important;
    }

    .speech_Bubble {
        position: relative;
        padding-bottom: 20px !important;
    }

    /* 缩略点导航 */
    .dots_navigation {
        /* display: flex;
            justify-content: center;
            margin-top: 25px;
            gap: 6px; */


        width: 50%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        margin: 0 auto;
        margin-top: 25px;
    }

    .dot,
    .alig {
        width: 34px;
        /* width: 24px; */
        /* height: 24px; */
        height: 34px;
        border-radius: 50%;
        cursor: pointer;
        transition: all 0.3s ease;
        font-weight: 600;
        color: #04454D;
        text-align: center;
        line-height: 34px;
        /* line-height: 24px; */
        font-size: 12px;
    }

    .dot.hidden {
        display: none;
    }

    .dot.active,
    .alig.hidden {
        background: #04454D;
        transform: scale(1.2);
        color: white;

    }

    .homeCustomersArea.bottom-inner {
        padding-bottom: 20px !important;
        margin: 0 !important;
    }

    .homeCustomersArea,
    .homeCustomersMain_right {
        background-color: transparent;
    }

    /* 导航箭头 */
    .nav_arrows {
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 50%;
        left: 10px;
        right: 10px;
        transform: translateY(-55%);
        pointer-events: none;
    }

    .arrow {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.9);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        pointer-events: auto;
        transition: all 0.3s ease;
    }

    .arrow:hover {
        background: #65BCFB;
        color: white;
    }

    .inner {
        width: auto;
        margin: 0 24px;

    }

    body {

        font: normal 16px "Soleil", Tahoma, "Helvetica Neue", Arial, sans-serif;
        font-weight: 300;
        color: #444;
        /* background-color: #2dbbe9; */
    }

    nav {
        display: none;
    }

    a#logo {
        margin: 0.5em 0px;
    }

    #mobNav-main a#logo {
        margin: auto 0;
        height: 38px;
        width: 150px;
    }

    .product_welcome {
        height: auto;
        padding-bottom: 0px;
    }

    .header_wrap {
        height: 60px
    }

    .mob-nav {
        display: inline;
        right: 25px;
        font-size: 20px;
        /* top: 25px; */
    }

    #mobNav-main .mob-nav {
        display: inline;
        right: 0px;
        font-size: 20px;
        top: 14px;
        margin: auto 50px auto auto;
    }

    ::-webkit-scrollbar-thumb {
        background: #65BCFB;
        border-radius: 3px;
    }

    #freeTrialbtn {
        color: white;
    }

    .banner_wrap {
        position: relative;
        margin-top: 50px;
    }

    .homePage-mainInfo-input-d {
        height: 56px;
        border: none;
    }

    .mobileMould {
        display: block;
    }

    .pcMould {
        display: none;
    }

    div#kanban_welcome .product_welcome_right {
        display: none;
    }

    .wrap {
        max-width: 100%;
        width: 100%;
    }

    header.dark {
        background: #ffffff;
        box-shadow: 0 5px 15px 3px #181f3810;
    }

    #closeMobMenu::before,
    .fa-chevron-down::before,
    .fa-chevron-up::before,
    #mob-nav .fa-bars::before {
        color: #33353b;
        font-size: 14px;
    }

    #mob-nav .fa-bars::before {
        color: #33353b;
        font-size: 20px;
    }

    #closeMobMenu::before {
        font-size: 20px;
        display: block;
        line-height: 16px;
    }

    .homePage-mainInfo {
        padding: 30px 0 10px 0;
        display: flex;
        flex-direction: column-reverse;
        width: 99.9%;

    }

    .homePage-mainInfo-d {
        margin-top: 5px;
        width: 100%;
        margin: 0px 15px;
    }

    .product_welcome .homePage-mainInfo-d {
        width: 98% !important;
    }

    .puzzle-container {
        flex-direction: column;
    }

    .crm_tabArea_wrap .productPriceFeature_nav .nav_item {
        margin-bottom: 20px;
    }

    .crm_tabArea_wrap .nav_item_select::before {
        display: none;
    }

    .ppmPage-main-text {
        font-size: 2.0em;
        line-height: 3.5rem;
    }

    .mobMenuItem {
        background-color: #FFFFFF;
        border-bottom: 1px solid #e8e9eb;
        padding: 1em 24px;
    }

    .mobMenuItemChild {
        color: black;
        background-color: #FFFFFF;
        border-bottom: 1px solid #e8e9eb;
        padding: 25px 0 15px 0;
        margin: 0 !important;

    }

    .mobMenuItemChild_title {
        border-bottom: 0px;
    }

    .foofer_pdf_c>div {
        font-size: 1.1rem;
        line-height: 0
    }

    #mob_footer_manage_SRM::before,
    #mob_footer_manage_CRM::before,
    #mob_footer_manage_PPM::before {
        color: #0cbca8;
    }

    .mobMenuItem .subMobMenuItem {}

    .mobMenuItem .subMobMenuItem a {
        color: #252830;
        font-size: 16px;
    }

    .mobMenuItemChild .menuTitle {
        font-weight: 300 !important;
    }

    .boss_block>.boss_block_right .boss_block_rightTop img {
        top: -66px;
        right: 9px;
    }

    .welcome-image-d {

        width: 100% !important;
        padding-left: 0px !important;
    }

    .price_list_item_bottom .commonButtonStyle {
        width: 60%;
    }

    .productPriceArea .price_list_area,
    .price_list_item_top {
        flex-direction: column;
        align-items: center;
    }

    .header__inner {
        display: flex;
        justify-content: left;
        margin: 0 24px;
        width: auto;
        height: 60px;
        align-items: center;
    }

    a#getStartBtn {
        width: 110px;
    }

    .price_list_item_top {
        height: auto;
    }

    a#mobReturnHome {
        display: block;
        right: 50px;
        top: 28px;
        left: auto;
    }

    .homePage-mainInfo-input-d-content-f {
        width: 92%;
        padding-left: 20px;
    }

    .homePage-client-list {
        flex-wrap: wrap;
        flex-shrink: 1;
        margin: 30px 24px 0px 24px;
        width: 100%;
        align-items: center;
        justify-content: space-evenly;
    }

    .homePage-text-row {
        padding: 20px 0 50px 0;
    }

    .tabContainer .tabcontent>.itemContainer>.item {
        flex: 1;
        margin: 0px 0px 0 0px;
    }

    .tabContainer .tabcontent {
        display: none;
        padding: 0;
    }

    .verticalCenter {
        display: none;
    }

    .homePage-lineAreaText-d {
        flex-shrink: 1;
        width: 90%;
    }

    .homePage-blockArea .homeItem {
        padding-top: 0;
        width: 100%;

    }

    .homeItem_top {
        padding: 24px;
    }

    .price_top_img img {
        display: block;
    }

    .price_warp {
        position: relative;
        height: auto;
        font-size: 14px;
        text-align: center;
    }

    .price_warp .price_yanshi {
        margin-top: 10px;
    }

    .price_partition_div {
        margin-top: 0px;
    }

    .homeItem-contentText {
        height: auto;
    }

    .price_content_item {
        height: auto;
    }

    .pageFooter {
        width: 100%;

    }

    .pageFooterWarp {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        background-color: #ebebf2;
        width: 100%;
    }

    .pageFooterColumn {
        width: 90%;
    }

    .homeItemerp_bottom {
        display: none;
    }

    div#homeCustomersArea2 .homePage-mainInfo-input-d {
        width: 80%;
    }

    .blockArea_row_wrap {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    .homeCustomersMain_wrap {
        box-shadow: none;
        flex-direction: column;
    }

    .homeCustomersMain_right,
    .test-inner {
        width: 100%;

    }

    .test-inner {
        width: auto;
        margin: 0 24px;
    }

    .homeCustomersMain_right_2 {
        position: relative;
        bottom: 0px;
    }

    .homePage-main-text,
    h1 {
        line-height: 3.2rem;
        font-size: 2rem;
        padding-bottom: 10px;
    }

    .pageFooterItem {

        margin: 0 0 20px 24px;

    }

    .manage-mob-inner {
        width: 100%;
    }

    /* 2025-7-8 新增 start */

    .pageFooterItem .pageFooterItemTitle {
        text-align: left;
    }

    .pageFooterItem .pageFooterItemSub {
        text-align: left;
    }

    .pageFooterItem .pageFooterItemSubFlex {
        justify-content: flex-start;
    }

    .homeCustomersMain_lefe {
        height: auto;
    }

    .homeCustomersMain_lefe img {
        border-radius: 25px;
    }

    .col-4>div {
        width: auto;
    }

    .mobile-app {
        width: auto !important;
        margin: auto !important;
        padding: 0 30px 30px 30px !important;
    }

    .mobile-app p {
        padding: 0px !important;
    }

    .customerImgBox {
        display: block !important;
    }

    .customerImgBox .customerImgRight {
        width: 82%;
        margin: 0 auto;
    }

    .section#ourHistory .block_area {
        display: flex !important;
        flex-direction: column !important;
    }

    .section#ourHistory .block_area .item {
        width: 100% !important;
    }

    .mobile-abUS {
        margin: 5px 0 !important;
        margin-bottom: 25px !important;
    }

    .mobile_inner {
        display: block !important;

    }

    .mobile_inner>div {
        margin: 15px 0px !important;
    }

    #cards_section_adv1 {
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .homeCustomersMain_right_1 {
        margin-bottom: 20px;
    }

    #blog_box {
        width: 100% !important;
        margin: auto;
    }

    .cards_section1 .cards_section_container1>div {
        margin: 0;
    }

    .cards_section1 {
        position: relative;
        padding: 20px 0;
        margin-bottom: 40px;
    }

    .cards_section_container1 {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-behavior: smooth;
        margin: 20px 10px;
        gap: 25px;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE and Edge */
    }

    .cards_section_container1::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari and Opera */
    }

    #blog_box.cards_section1 .cards_section_container1 {
        display: flex;
        align-items: center;
        flex-direction: row;
        overflow-x: scroll;
        flex-wrap: nowrap;
        scrollbar-width: auto;
        /* 可以是auto、thin或none */
        scrollbar-color: #65BCFB #8964fd;
        /* 滑块颜色 轨道颜色 */
        justify-content: initial;
    }

    #cards_section_adv1 .arrow-button-aboutus {
        width: 10px !important;

        height: 10px !important;

    }

    #cards_section_adv1 .arrow-button-aboutus i {
        font-size: 10px !important;
        position: absolute !important;
        top: 5px !important;
        right: 7px !important;
    }

    #cards_section_adv1 .arrow-button-aboutus.arrow-left {
        left: -25px !important;

    }

    #cards_section_adv1 .arrow-button-aboutus.arrow-right {
        right: -25px !important;

    }

    .cards_section .cards_section_container1 {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        overflow-x: scroll;
        scrollbar-width: auto;
        /* 可以是auto、thin或none */
        scrollbar-color: #65BCFB #8964fd;
        /* 滑块颜色 轨道颜色 */

    }

    .cards_section .cards_section_container1>div {
        margin: 0 0 60px 0;
        padding: 10px;
    }

    .cards_section .cards_section_container {
        justify-content: center;
    }

    /* 针对Webkit浏览器（Chrome, Safari, Edge） */
    .cards_section_container1::-webkit-scrollbar {
        height: 14px;
        /* 设置滚动条高度 */
    }

    .cards_section_container1::-webkit-scrollbar-track {
        background: #8964fd;
        /* 滚动条轨道颜色 */
        border-radius: 10px;
    }

    .cards_section_container1::-webkit-scrollbar-thumb {
        background: #65BCFB;
        /* 滚动条滑块颜色 */
        border-radius: 10px;
        border: 2px solid #8964fd;
    }

    /* 针对Firefox */
    .cards_section_container1 {
        scrollbar-width: auto;
        /* 使滚动条始终显示 */
        scrollbar-color: #65BCFB #8964fd;
        /* 滑块颜色 轨道颜色 */
    }

    .homePage-mainInfo-fd {
        flex-wrap: wrap;
    }

    #crm_welcom .homePage-mainInfo-fd,
    #ppm_welcom .homePage-mainInfo-fd,
    #srm_welcom .homePage-mainInfo-fd {
        display: flex;
        flex-direction: column;
    }

    /* gap: 30px; */
    .mob_srm_index_button {
        margin-top: 30px;
    }

    .tabContainer>.tab {
        padding: 0;
        flex-wrap: nowrap !important;

    }

    .tabContainer>.tab .tablinks {
        flex-wrap: nowrap !important;
        padding: 10px 2px !important;
        font-size: 11px !important;
    }

    .tabContainer>.tab .tablinks .arrowSpan,
    .tabContainer .nav_item_select::before,
    .tabcontent .closeDiv,
    .closeBtnWap {
        display: none;

    }

    .page-wrap .productPriceAreaBgImg>.inner .price_list_area_single,
    .page-wrap .productPriceAreaBgImg02>.inner .price_list_area_single {
        flex-direction: column;
        margin-top: 20px;
        padding: 0;
    }

    .page-wrap .productPriceAreaBgImg>.inner .price_list_area_single .price_list_area_single_left,
    .page-wrap .productPriceAreaBgImg>.inner .price_list_area_single .price_list_area_single_right,
    .page-wrap .productPriceAreaBgImg02>.inner .price_list_area_single .price_list_area_single_left,
    .page-wrap .productPriceAreaBgImg02>.inner .price_list_area_single .price_list_area_single_right5p {
        width: 100%;
        text-align: center;
        padding: 0;
        margin: 0 auto 10px auto;
    }

    .page-wrap .productPriceAreaBgImg>.inner .price_list_area_single .intervalRow {
        width: 100%;

    }

    .price_list_area_single .intervalRow {
        margin: 30px auto;
    }






    .kanban_blockArea .grid_container .kanbanCase_item {
        margin: 0 20px 30px 0px;
        flex: 0 0 auto;
        width: 400px;
    }

    .kanban_blockArea .grid_container_wrap {
        height: 320px;
        position: relative;
    }

    .tabContainer .tabcontent>.itemContainer {
        height: auto;
        padding: 10px 0;
        align-items: flex-start;
    }

    #kanbangrid_container {
        width: 100%;
        overflow: scroll;
        margin: 0;
    }

    .kanban_morecase_d {
        width: 100%;
        font-size: 1.4rem;
        margin: 0;
    }

    .kanban_morecase_d a {
        font-weight: 600;
        color: #000;
        font-size: 1.4rem;
        display: flex;
        align-items: center;
    }

    .hidd-mobile,
    .customerRecommendationHeader {
        display: none !important;
    }

    .price_content_item_s {
        width: 100%;
        float: none;
        height: auto;
    }

    .product-blockArea .blockArea_row_common_item,
    .customerRecommendationHeader_mob {
        display: block !important;
    }

    .hyfa_topRight_div {
        flex-wrap: nowrap;
    }

    .mobile_fas_price {
        display: flex;
        flex-direction: column;
        margin: 10px 0;
    }

    .div_25per {
        width: 25% !important;
    }

    .div_70per {
        width: 70% !important;
    }

    .div_10per {
        width: 10% !important;
    }

    .productFeaturesRow>div.productFeaturesTable_col_name_title {
        min-width: 20px;
        text-wrap: wrap;
        font-size: 11px;
    }

    .productFeaturesRow {
        font-size: 11px;
    }

    .productFeaturesRow>div.productFeaturesTable_col_name_title_f {
        text-align: left;
    }

    .product_price_area .price_list_contant {
        flex-direction: column !important;
    }

    .product_price_area .price_list_contant .price_list_items {
        width: 100%;

    }

    .productPriceFeature_nav a {
        width: 41%;
        text-align: center;
    }

    .productPriceFeature_nav .nav_item {
        font-size: 12px;

    }

    .productPriceFeature_nav .nav_item_select {
        margin-bottom: 0px;
    }

    .homePage-main-text_f {

        padding: 15px 0 20px 0 !important;
    }

    .page-wrap .product-blockArea_row .blockArea_row_head_title,
    h2 {
        font-size: 1.1rem;
        line-height: 2.2rem;
        font-weight: 600;

    }

    .page-wrap .product-blockArea_row .blockArea_row_head_titlef {
        line-height: 30px;
        font-size: 15px;


    }

    .blockArea_row_head_titlef {
        padding: 10px 0;
    }

    .homePage-mainInfo-su {
        width: 100%;
    }

    .blockArea_row_wrap_b60 {
        display: flex;
        justify-content: center;
        padding-bottom: 0px;
    }

    .titleSUBgLine1 {
        width: 100%;
        font-size: 1.6rem;
    }

    #supportSection .title {
        font-size: 1.6rem;
        color: #181a20;
        font-weight: 600;
        display: inline-block;
        margin: 50px 0 15px 0px;
        line-height: 3.2rem;
    }

    #supportSection .ftitle {

        margin: 0px;
        width: 100%;
    }


    #supportSection .text {
        padding-bottom: 20px;
    }

    .supportTextSelection .text {
        font-size: 20px;
        color: #fff;
        padding-top: 20px;
        line-height: 40px;
    }


    .blockArea_row_wrap .blockArea_row_item {
        margin: 15px 0 !important;
    }

    /* 2025-7-8 新增 end*/

    /* 2025.9.6新增 start */
    header#mobHeader a {
        font-size: 1.0rem;
    }

    .overlayForm .popup-modal-container {
        margin: auto;
        padding: 30px 15px;
        max-height: 80%;
        overflow: scroll;
    }

    .contactUsContainer_wrap>.item {
        width: 100%;
    }

    .tryAgains {
        display: none;
    }

    .tryAgain {
        border-radius: 10px;
        padding: 7px 12.0px;
        cursor: pointer;
        white-space: nowrap;
        word-break: break-all;
        color: white;
        margin: auto;
        font-size: 0.9rem !important;
        background-image: linear-gradient(267deg, #ff7500 0%, #ff9700 100%);
        display: block !important;
    }

    .blogBg {
        padding: 0;
    }

    .popup-modal-left {
        display: none;
    }

    .overlayForm .popup-modal-container>.popup-modal-box>.popup-modal-right {
        margin-left: 0;
        border-left: 0;
    }

    .popup-modal-box {
        /* height: 100%; */
    }

    .form_error {
        position: absolute;
        line-height: 14px;
        text-align: left;
        text-indent: 0;
        font-size: 12px;
        margin-top: 0px;
    }

    .new-buttonGroup {
        margin: 0 !important;
        padding-bottom: 30px;
    }

    /* .outsideImg{
                height: 38px;
                width: 38px;
            } */

    .ppmImg {
        height: 38px !important;

    }

    .contactUsBtn,
    .contactUsNewbtn {
        background-color: #00d0b8;
        width: calc(100% - 48px);
        text-align: center;
        line-height: 40px;
        font-size: 1.1em;
        margin: 20px auto 10px auto !important;
        padding: 3px 24px 3px 24px;
        font-weight: normal;
    }

    .anli_deatil_top2 {
        padding: 1px 0 30px 0;
    }

    .freeTrial,
    .homeFreeTrialbtn {
        background-image: linear-gradient(267deg, #7b68ee 0%, #8d86ff 100%);
        width: calc(100% - 48px);
        text-align: center;
        line-height: 40px;
        font-size: 1.1em;
        margin: 5px auto 20px auto !important;
        padding: 3px 24px 3px 24px;
        font-weight: normal;
    }

    .buttonGroup {
        width: auto;
        display: block;
        margin: 20px 24px 0 24px;
    }

    .buttonGroup>* {
        height: auto;
    }

    #ppmNav .ppmImg {
        width: auto;
        height: 40px
    }

    #ppmNav a#logo {
        margin: auto auto 0px 0px;
        width: 160px;
        min-width: 160px;
        display: block;
    }

    #ppmNav .try-mob-nav {
        display: inline;
        font-size: 20px;
        position: static;
        margin: 3px 48px 0 auto !important;
    }

    #ppmNav a#mobReturnHome {
        display: block;
        right: 25px;
        top: 25.5px;
        left: auto;
    }

    #ppmNav .try-ppm {
        margin: 10px 4px 5px 0;
    }

    #ppmNav .mobMenuItem .mainItem {
        align-items: flex-start;
    }

    #ppmNav .try-three {
        right: 0;
    }

    .clint-row-area {

        padding-top: 0px !important;
    }

    .nav-header-none {
        display: none;
    }

    .nav-header-none1 {
        display: block;
    }

    .nav-header-topimg {
        margin-top: 20px !important;
    }

    #app .modern-mature-nav-title {
        display: none;
    }

    #app .modern-mature-nav-title-mob {
        display: block;
        background-color: rgb(229, 241, 255);
        padding: 30px 0 0 0;
        text-align: center;
        font-size: 2.5rem;
        font-weight: 600;
        color: rgb(94, 91, 255);
    }

    /* 标题字体为1.8rem，line-height: 3.6rem; */
    .title-mob-1_8rem {
        font-size: 1.8rem !important;
        line-height: 3.0rem !important;
    }

    /* 分页 标题字体为1.6rem，line-height: 3.2rem; */
    .title-mob-1_6rem,
    .mob-title-common_page_bottom {
        font-size: 1.6rem !important;
        /*  line-height: 3.2rem !important;*/
    }

    .mob-title-common_page_bottom {
        width: auto;
    }

    /* 副标题为1.1rem， line-height: 2.2rem; */
    .title-mob-1_1rem {
        font-size: 1.1rem !important;
        line-height: 2.2rem !important;
        font-weight: normal;
    }

    /* 紫色标题 */
    .title-mob-1_4rem {
        font-size: 1.4rem !important;
        line-height: 2.8rem !important;
    }

    /* 黑色标题 */
    .title-mob-1_3rem {
        font-size: 1.3rem !important;
        line-height: 2.6rem !important;
        color: #333 !important;
    }

    /* 正文字体为1rem， line-height: 2.0rem; */
    .content-mob-1rem {
        font-size: 1rem !important;
        line-height: 2rem !important;
        font-weight: normal;
        color: #444;
    }

    /* 带图片、方块内小标题1.4rem，line-height: 2.8rem; */
    .content-title-mob-1_4rem {
        font-size: 1.4rem !important;
        line-height: 2.8rem !important;
    }

    /* 移动端图片+文字 标题+正文组合*/
    .title-mob-combination-1_3rem {
        font-size: 1.3rem !important;
        line-height: 2.6rem !important;
        color: #333 !important;
    }

    .content-mob-combination-1rem {
        font-size: 1rem !important;
        line-height: 2rem !important;
        font-weight: normal;
        color: #444;
    }


    .padding_bottom_0 {
        padding-bottom: 0px !important;
    }

    .padding_bottom_10 {
        padding-bottom: 10px !important;
    }

    .padding_bottom_20 {
        padding-bottom: 20px !important;
    }

    .padding_bottom_30 {
        padding-bottom: 30px !important;
    }

    .padding_bottom_50 {
        padding-bottom: 50px !important;
    }

    .padding_bottom_60 {
        padding-bottom: 60px !important;
    }

    .padding_bottom_70 {
        padding-bottom: 70px !important;
    }

    .padding_bottom_85 {
        padding-bottom: 85px !important;
    }

    .padding_top_0 {
        padding-top: 0px !important;
    }

    .padding_10_auto {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .padding_top_25 {
        padding-top: 25px !important;
    }

    .padding_top_30 {
        padding-top: 30px !important;
    }

    .padding_top_50 {
        padding-top: 50px !important;
    }

    .padding_top_20 {
        padding-top: 40px !important;
    }

    .padding_20_0 {
        padding: 20px 0 !important;

    }

    .popup-modal-container {
        width: 90% !important;
    }

    /*     padding-bottom: 30px; */
    .card {

        display: flex;
        flex-direction: column;
        flex: 1;

        /* 计算每个元素的宽度：20px是前三个元素的间距（margin-right）和，除以4即为每个元素的宽度 */

        width: auto;
        min-width: none;
        max-width: none;
        border-radius: 12px;
        outline: 0 solid #EBF5F3;

    }

    .blockArea_row_head_title_us {
        margin-top: 30px;
        padding-top: 0px;
    }


    #advantageProGrid .itemContainer .item:hover {
        margin-bottom: 30px;

    }

    .margin_25_0 {
        margin: 25px 0;
    }

    .mob-freeTrial {
        margin-top: 5px;
    }

    .card .card_content1 {
        font-weight: normal;
    }

    .mob-inner {
        width: 100% !important;
        max-width: none;
        /* padding: 0px 24px; */
        margin-top: 10px;
        margin: 0 auto;
    }

    .homePage-blockArea {
        justify-content: space-around;
        padding-bottom: 30px;
    }

    .blog_layout {
        margin-bottom: 10px;
    }

    .last-inner {
        padding-bottom: 10px;
    }

    .pageFooterWarp {
        margin: 0;
    }

    .bottom-inner {
        /* width: 100%; */

    }

    .mob-client-list {
        margin: 0;
        width: 94%;
        margin: 0px auto;
        align-items: center;
        justify-content: space-evenly;
    }

    .common_page_bottom {
        padding-top: 10px;
        padding-bottom: 40px;

    }

    .common_page_bottom>.f_title {
        width: 88%;
    }

    .common_page_bottom>.title {
        padding-top: 30px;
        width: auto;
    }

    .product-blockArea_row {
        display: flex;
        flex-direction: column;

        margin: 0 auto;
    }

    .blockArea_row_item_title {

        padding: 25px 25px 2px 25px;
    }

    .blockArea_row_item_desc {
        padding: 0 20px 20px 25px;
    }

    .blockArea_row_item_title_n {
        font-size: 1.55em;
        padding: 25px 30px 10px 25px;
    }


    /* 2025.9.6新增 end */
    .ppm_gains_wrap {
        display: flex;
        flex-direction: column;
    }

    .ppm_gains_item2,
    .ppm_gains_item3,
    .ppm_gains_item4 {
        padding: 23px;
        line-height: 20px;
    }

    .product_welcome .homePage-mainInfo-fd {
        position: relative;

    }

    .price_list_area .price_list_item {

        width: 80%;
    }

    .price_list_item .product_name {
        font-size: 1.0rem;
    }

    .product_bottom_input_wrap .homePage-mainInfo-input-d {
        width: 80%;
        height: 68px;
    }

    .homePage-mainInfo-d {
        flex-shrink: 1;
    }

    div#crm_welcom .homePage-mainInfo-d {
        padding: 0px;
    }

    div#srm_welcom .homePage-mainInfo-d {
        padding: 0px;
    }

    .homeCustomersMain_right {
        padding: 20px 0;
        border-radius: 25px;
    }

    .experience_grid_section .text_item {
        width: 90%;
    }

    .experience_title_wrap {
        padding-left: 10px;
    }

    .crm_tabArea_wrap .productFeatureArea .productFeaturesTable {
        padding: 40px 20px;
        border-radius: 25px;
        background: #ffffff;
    }


    .crm_infoContainer05 .crm_tabArea_wrap .productFeatureArea .clientBoxTable {
        padding: 40px 20px;
        border-radius: 25px;
    }

    .crm_infoContainer02 .crm_tabArea_wrap .productFeatureArea .clientBoxTable {
        padding: 40px 20px;
        border-radius: 25px;
    }

    .price_list_area_single .firstuser {
        text-align: center;
    }

    .price_list_area_single .lastuser {
        text-align: center;
    }


    .blockArea_row_erp_item1_1,
    .blockArea_row_erp_item2_1 {
        flex-basis: 98%;
    }

    .blockArea_row_erp_item1_2,
    .blockArea_row_erp_item2_2 {
        flex-basis: 98%;
    }

    .homePage-lineAreaText {
        width: 100%;
        margin: 0 auto;
    }

    .homePage-lineArea {
        padding: 50px 0 0 0;
        margin: 0;
    }

    .homeCustomersMain {
        padding: 25px 0 0px 0;
    }

    .imgBox {
        padding: 10px;
        width: 94%;
    }

    .product_bottom_title {
        padding: 0 20px;
    }

    .productFeaturContainer {
        font-size: 16px;
    }

    .productFeaturesRow>div.productFeaturesTable_col_name_title {
        padding: 0
    }

    .productFeaturesRow>div.productFeaturesTable_col_name_title_f {
        padding: 0
    }

    .productFeaturesTable_col_name_title_f_s {
        text-indent: 0;
        font-size: 15px;
    }

    .productPriceFeature_nav {
        width: 100%;
    }

    .contactUsContainer>.commonFlex_row {
        width: 100%;
        margin: 0 auto;
        margin-top: -20px;
    }

    .commonFlex_row {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 24px;
    }

    .commonFlex_row30 {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 24px 30px 24px;
    }

    .padding-bottom1 {
        padding-bottom: 60px;
    }

    .padding-top1 {
        padding-top: 50px;
        padding-bottom: 0 !important;
    }

    /* new */
    /* .commonFlex_row{  
                display: flex;
                flex-direction: column;
            } */
    /* new */
    .contactUsContainer_wrap>.item {
        width: 100%;
        margin: 0 auto
    }

    .contact_us_info_text_box .bottomImg {
        width: 100%;
        padding: 0;
    }

    .contact_us_info>.contact_us_info_box {
        width: 100%
    }

    .block_row_item {
        width: 100%
    }

    .contact_us_info_form_btn.viewApplyBtnColor {
        height: 50px;
    }

    .grid-block-container>.grid-block .item {
        margin: 15px;
        padding: 20px;
    }

    .contact_us_info_form {
        padding: 20px 0 0 0px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 93%;
        gap: 6px;
    }

    .price_content_item {
        width: 100%;
    }

    div#kanban_welcome {
        padding-bottom: 32px;
    }

    .block_row_item {
        padding-right: 0px;
        width: 94%;
        margin: 0 auto;
    }

    .clint-row-area {
        display: flex;
        flex-direction: row;
        background-color: #fff;
    }

    .futureproofWrap1>.item {
        width: 94%;
    }

    .productTypePriceDiv>.productTypePriceTopDiv .productTypePriceTopText {

        line-height: 32px;
        /* margin-left: 10px; */
        font-size: 20px;
    }

    .price_list_item .commonButtonStyle {
        font-size: 18px;
    }

    section#cardBottomSection .section_wrap .item {
        width: 80%;
        margin-bottom: 30px;
    }

    #advantageProGrid .itemContainer .item {
        margin: 0 0 30px 0;
    }

    .sectionStyle {
        padding-top: 0px;
        padding-bottom: 30px !important;
    }

    section#advantageProGrid {
        padding-bottom: 20px !important;

    }

    .cards_section1 {
        margin-bottom: 0px;
    }

    .client_show_section {
        background-color: #ebf5f3;
        padding-top: 50px !important;
    }

    .cards_section1 .cards_section_container1 {
        flex-wrap: wrap;
        justify-content: space-between;
        display: flex;
        height: 500px;
        width: 100%;
        /* width: auto; */
        /* width: 357px; */
        overflow: hidden;
        flex-direction: column;
        justify-content: flex-start;
        margin: 0 auto;
        gap: 0
    }

    section.aboutUsCardBottomSection .section_wrap .item .text_area .title {
        font-size: 1.4rem;
    }

    section.aboutUsCardBottomSection .section_wrap .item .text_area {
        padding: 0px 30px;
    }

    #digitalSection2 .commonFlex_row,
    #digitalSection2 .block_row_item {
        margin: 0;
    }

    #digitalSection2 .text_area {
        padding: 0;
    }

    .right_fixed>.right_fixed_item {
        width: 45px;
        height: 45px;
    }

    .right_fixed {
        bottom: 12%;
        right: 5px;
    }

    .kanban_blockArea_row1_wrap>div,
    .kanban_blockArea_row2_wrap>div {
        width: auto;
    }

    .homePage-client-list>div {
        width: 24%;
        justify-content: space-around;
        display: flex;
        padding: 10px 8px;
    }

    section#why8mSection3 .section_wrap .block_area .item,
    section#advantage3 .section_wrap .block_area .item {
        width: auto;
    }

    a.getStartBtn {
        display: none;
    }

    a#mobstart8m {
        display: block;
    }

    .homePage-mainInfo-input-d {
        width: 100%;
    }

    .product_welcome .homePage-mainInfo-input-d {
        background-color: transparent;
    }

    .homePage-mainInfo-input-d-content {
        position: relative;
        border: 2px solid #d5d5d5;
        border-radius: 10px;
        background-color: #fff;
    }

    .clientTj_welcome_wrap {
        flex-direction: column;
        margin-top: 0px;
    }

    .clientTj_welcome_wrap .textSelection {

        padding: 0;
    }

    .padding_30 {
        padding: 30px 0 !important;
    }

    .padding_0 {
        padding: 0 !important;
    }

    .padding_top_30 {
        padding-top: 30px !important;
    }

    .singleProductPriceArea div.price_list_area .price_list_item_leftimg {
        border-radius: 10px 10px 0 0px;
    }

    .client_show_box>.client_img_wrap {
        width: 45%;
        margin: 10px auto;
    }

    .blog_layout_left {
        padding: 0;
    }




    .client_industries_show_section .commonSectionTile,
    .client_show_section .commonSectionTile {
        font-size: 1.6rem;
        line-height: 30px;
    }

    .clientTj_welcome_wrap .banner_wrap {
        /* display: none; */
        margin-top: 0px;
    }

    .aboutus_section h1 {
        font-size: 30px;
    }

    .aboutus_section .text_img_container {
        display: block;
    }

    .aboutus_section ul li {
        font-size: 1.35rem;
    }

    .aboutus_section h1.highlight {
        margin-left: 0;
    }

    section.aboutUsCardBottomSection .section_wrap .block_area {
        flex-wrap: wrap;
        padding: 0;
    }

    section.aboutUsCardBottomSection .section_wrap .item {
        flex: auto;
        display: flex;
        flex-direction: column;
        margin: 15px 0;
    }

    section#ourHistory {
        padding: 30px 24px;
    }

    section#ourHistory .block_area .item .textAreaContent3 {
        min-height: auto;
    }

    .horizontalBarDiv {
        margin-bottom: 30px;
    }

    .section#ourHistory .block_area {
        margin: 0 auto !important;
        padding-bottom: 0px !important;
        margin-top: 0px !important;
        width: 100%;
    }

    section#ourHistory .block_area .item {
        width: 100% !important;
        margin-bottom: 40px !important;
    }

    section#ourHistory .block_area .item .textAreaContent,
    section#ourHistory .block_area .item .textAreaContent2 {
        min-height: auto;
    }

    .boss_block {
        display: block;
        padding: 20px 0;
    }

    .boss_block>.boss_block_left {
        width: 100%;
    }

    .boss_block>.boss_block_right {
        padding: 30px 0px 25px 0px;
    }

    .boss_block>.boss_block_right .boss_block_rightTop {
        line-height: 42px;
        margin-bottom: 20px;
    }

    .contact-title>.ftitle {
        line-height: 1.5;
    }

    .contact-card {
        display: block;
        flex-basis: 100%;
        margin: 20px 0;
    }

    .contact-card img {
        width: 100%;
    }

    .contact-card a {
        position: relative;
    }

    .contact_us_wrap>.contact_us_info {
        width: 100%;
        padding: 20px 0;
    }

    .contact_us_wrap .formTitle {
        width: auto;
        line-height: 1.5;
    }

    .contact_us_info>.contact_us_info_box .contact_us_info_form .input_row_wrap {
        align-items: center;
    }

    .contact_us_info>.contact_us_info_box .contact_us_info_form .dxyzm_input {
        width: 100% !important;
    }

    .contact_us_info>.contact_us_info_box .contact_us_info_form .dxyzm_tips {
        display: none;
    }

    .price_list_item_interval {
        display: none;
    }

    .menuformDialogDiv {
        position: fixed;
        left: 50%;
        top: 70px;
        width: 95%;
        height: auto;
        margin-left: -48%;
        margin-top: 0;
        z-index: 999;
        display: none;
    }

    .menuformDialogDiv .yanshi_form {
        padding: 40px 0px 0;
    }

    .menuformDialogDiv .yanshi_div_row_fieldName {
        display: none;
    }

    .menuformDialogDiv .yanshi_form_title {
        padding: 20px;
        margin: 0 auto;
    }

    .menuformDialogDiv .yanshi_flex_div {
        padding: 20px;
    }

    .menuformDialogDiv .yanshi_div_row_input {
        width: 100%;
    }

    .menuformDialogDiv .yanshi_form input {
        height: 40px;
        width: 100%;
        box-sizing: border-box;
    }

    .menuformDialogDiv .dxyzm_input {
        width: 65% !important;
    }

    .messageBoxPop {
        width: 95%;
        margin-top: -47%;
        margin-left: -48%;
    }

    /* 移动端新增样式 start */
    #team_other_card,
    #line_other_card,
    #works_other_card {
        /* 更多 */
        color: #176c78;
        padding: 10px 0px 22px 0px;
    }

    #team_other_nocard,
    #line_other_nocard,
    #works_other_nocard {
        /* 收起 */
        padding: 10px 0px;
        display: none;
        color: #176c78;

    }

    header#mobHeader {
        max-height: 100%;
        box-shadow: 0 5px 15px 3px #181f3810;
    }

    .solutions_item {
        padding: 18px 0px 0 0px;
        border-radius: 10px;

    }

    .green_title {
        color: #176c5e;
        margin: 20px 0 0 0;
        font-weight: 600;
        font-size: 1.1rem;
    }

    .subMobMenuItemChild .new_item_card,
    .subMobMenuItem .new_item_card {
        margin: .6em 0;
        font-size: 0.9em;
        border-bottom: 1px solid #EFF1F6;
    }

    .subMobMenuItemChild {
        margin: 20px 0;
    }

    .subMobMenuItemChild>div {
        margin: 1em 0px;
    }

    .alertCard {
        height: 90vh;
        margin-top: 4.15rem;
        padding: 0 20px;
        font-weight: 600;
        background-color: #FFFFFF;
    }

    .alertCard_title {
        display: flex;
        color: #1B5249;
        padding: 0.5em;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    .alertCard_details_text {
        padding: 10px 0 0 32px;
        font-weight: 300;
        font-size: 1rem;
    }

    .alertCard_title span {
        margin-left: 15px;
    }

    .fontWeigh_300 {
        font-weight: 300 !important;
        padding: 5px 0;
    }

    .mobMenuItem .subMobMenuItem>.mainItem,
    .mobMenuItemChild .subMobMenuItemChild>.mainItem {
        margin: 0.5em 2.1rem;
        font-weight: 400;
    }

    /* 移动端新增样式 end */

    .card {
        background-color: transparent;
        margin: 0 12px 60px 12px;
    }

    .card:hover {
        background-color: transparent;
        margin: 0 12px 60px 12px;
    }

    .card:hover img {
        transform: scale(1.02)
    }

    .cards_section_title {
        margin: 0px;
    }

    .card .card_time1 {
        font-size: 0.85rem;
        margin-top: 20px;
        color: #b0b3cd;
    }

    .cards_section .cards_section_container>div {
        margin: 20px auto 30px auto !important;

        flex-wrap: wrap;
        justify-content: space-between;
        display: flex;
        height: auto;
        width: 357px;
        overflow: hidden;
        flex-direction: column;
        justify-content: flex-start;
        margin: 0 auto;
        gap: 0;
    }

    .card .card_title1 {
        font-size: 1.225rem;
        font-weight: 600;
        margin: 12px 0 8px 0;
        line-height: 32px;
    }

    .card .card_content1 {
        font-size: 0.94rem;
        line-height: 30px;
        color: #2b3857;
    }

    .card_content {}

    .card img {

        border-radius: 12px;
        transition: all 0.6s;
    }


    .card_warp {
        display: flex;
        flex-direction: column;
        flex: 1;
        /* 计算每个元素的宽度：20px是前三个元素的间距（margin-right）和，除以4即为每个元素的宽度 */
        width: calc((100% - 60px) / 4);
        min-width: calc((95% - 60px) / 4);
        max-width: calc((95% - 60px) / 4);
        border-radius: 12px;
        background: #f1f1f3;
        justify-content: space-between;
    }

    .card_warp {
        margin: 0 12px 30px 12px !important;
    }

    .card_warp img {
        border-radius: 12px 12px 0 0;
    }

    .commonSectionTile_b {
        margin-top: 20px;
    }

    .commonTile_FiveHun {
        margin-top: 0px;
    }

    .commonTile_FiveHun_bottom {
        margin-bottom: 30px;
    }

    .card_warp_a {
        width: 60%;
        margin: 5px auto 10px auto;
        text-align: center;
        font-weight: 600;
    }

    .card_warp_a_bottom {
        margin-bottom: 35px;
    }

    .card_warp_title {
        font-size: 1.225rem;
        font-weight: 600;
        text-align: center;
        padding: 20px 0 10px 0;
        line-height: 36px;
    }

    .card_warp_content {
        font-size: 1rem;
        margin: 0 auto;
        padding-bottom: 15px;
    }

    .cards_section_ul {
        display: flex;
        margin: 40px 0 20px 0;
        flex-wrap: wrap;
    }

    .anli_end_content_flex_box {
        margin: 10px 0px;
    }

    .anli_end_content_tile {
        margin: 50px 0px 30px 0px !important;
    }

    .news_list {
        padding: 0px 0 30px 0;
    }

    .cards_section_ul>li {
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 8px 26px;
        border-radius: 28px;
        background-color: #ebf5f3;
        color: #181f38;
        font-size: 1.1rem;
        font-weight: 600;

    }

    .cards_section_ul>li:hover {
        background-color: #04454d;
        color: #fff;
        cursor: pointer;
    }

    #Manange-header-mob {
        margin: 10px 0px !important;
    }

    .cards_section_ul>li>a {
        color: #3c414d;
    }

    .card .card_title {

        margin: 10px 0 8px 0;
    }

    .cards_section_ul>li:hover a {
        color: #fff;
    }

    .padding_0_30 {
        padding-bottom: 50px !important;
    }

    #linked-data-across-applications-mob.blockArea_row_wrap .blockArea_row_item10,
    #minimized-learning-curve-mob.blockArea_row_wrap .blockArea_row_item10,
    #zero-migration.blockArea_row_wrap .blockArea_row_item10 {
        margin: 0;
    }

    #linked-data-across-applications-mob .margin_25_0,
    #minimized-learning-curve-mob .margin_25_0,
    #zero-migration .margin_25_0 {
        margin: 0 0 25px 0;

    }

    .mob_nav_item_select::after {
        content: "";
        position: absolute;
        left: 0;
        display: block;
        width: 100%;
        height: 6px;
        background-color: #06d25f;
    }

    .tabContainer>.tab>.tablinks_nocode:hover::after {
        display: none;
    }

    .tabContainer>.tab>.tablinks_nocode {
        padding: 0 0 30px 0;
    }

    .margin_0 {
        margin: 0px !important;
    }

    .margin_0_24 {
        margin: 0px 24px !important;
    }

    .margin_top_0 {
        margin-top: 0px !important;
    }

    .margin_top_10 {
        margin-top: 10px !important;
    }

    .margin_top_20 {
        margin-top: 20px !important;
    }

    .padding_top_40 {
        padding-top: 40px !important;
    }

    .margin_bottom_0 {
        margin-bottom: 0px !important;
    }

    .section#advantageProGrid {
        padding-bottom: 0px !important;

    }

    .blockArea_row_wrap .blockArea_row_item10 {
        margin: 0 0 30px 0;
    }

    .padding_left_0 {
        padding-left: 0 !important;
    }

    #digital-reality {
        width: auto !important;
        margin: 0 24px !important;
        padding-top: 40px !important;
    }

    .srm-digital-reality {
        width: auto !important;
        padding: 0px 24px !important;
    }

    .srm_blockArea_BG {
        /* background:transparent; */
        padding-bottom: 30px;
        margin-top: -20px;
    }

    .ppm_index_img_left,
    .ppm_index_img_right {
        width: 100%;
    }

    .commonButtonStyle {
        margin-top: 0px !important;
    }

    .text_margin_top {
        margin-top: 60px;
    }

    .news_list_new {
        flex-direction: column;
        margin: 30px auto;
    }

    .news_list_new .news_pre_new {
        width: 89%;
        margin: auto;
    }

    .news_list_new .news_next_new {
        width: auto;
        margin: auto;
        margin-top: 20px;
    }

    .mo_img {
        margin-top: 0px;

    }



    .blockArea_row_item_title,
    .blockArea_row_item_desc15 {
        line-height: 2.8rem;
        font-size: 1.4rem !important;
    }


    .blockArea_row_wrap .blockArea_row_item12 {
        margin: 10px 0px 10px 0px !important;
    }

    .moreHeader_mob {
        padding: 60px 0px 80px 0px;
    }

    a#freeTrialbtn {
        float: right;
        margin: 0.9em 0.25em 0.9em 0.85em;
        font-size: 0.925rem;
        background-image: linear-gradient(267deg, #ff7500 0%, #ff9700 100%);
        margin: 0px !important;
        padding: 5px 12.8px;
    }

    .bottom-inner {
        background-color: white;
        padding: 0px 24px 20px 24px !important;
    }

    section#ourHistory .block_area {
        width: 100%;
    }

    .width_100 {
        width: 100% !important;
        margin: 40px 0;
    }

    .width_100_sigle {
        width: 100% !important;
    }

    .margin_0_auto {
        margin: 0px auto !important;
    }

    .padding_50_0 {
        padding: 50px 0 !important;
    }

    .mob_srm_header {
        display: flex;
        justify-content: left !important;
        width: auto;
        height: 60px;
        align-items: center;
    }

    .mob_srm_header .mob_srm_header_logo {
        margin: auto 0 !important;
        height: 41px !important;
        width: 116px !important;
    }

    .mob_srm_header #freeTrialbtn {
        color: white;
        position: static;
        margin: auto 30px auto auto !important;
        padding: 8px 12px;
        font-size: 0.925rem;
    }

    .mobMenuItem .mainItem .menuTitle {
        font-size: 1.1rem;
    }

    #team_other_card,
    #line_other_card {
        border-bottom: 1px solid #EFF1F6;
        font-size: 16px;
    }

    #works_other_card {
        font-size: 16px;

    }

    #team_other_nocard,
    #line_other_nocard {
        border-bottom: 1px solid #EFF1F6;
        font-size: 16px;
        padding: 10px 0px 22px 0;
    }

    #works_other_nocard {
        font-size: 16px;
        padding: 10px 0px 22px 0;
    }

    .srm_welcom_title {
        font-size: 1.5rem;
        padding-top: 30px;
    }

    .alertCard a {
        font-weight: 300;
    }

    .mob_srm_index_vs {
        margin: auto;
        margin-bottom: 30px;
    }

    div#srm_welcom {
        padding: 0;
    }

    .margin_10 {
        margin: 10px;
    }

    .margin_10_0 {
        margin: 10px 0;
    }

    .mobMenuItem .subMobMenuItem>div {
        font-size: 1rem;
    }

    .contact_us_info_form_btn {
        margin-bottom: 20px;
    }

    .companyIcon_logo {
        display: block;
        margin: auto;
        width: 70%;
        height: 55px;
        line-height: 85px;
    }

    .new_itemContainer {
        margin: 30px 0;
        background-color: #F2F9FF;
        text-align: left;
    }

    .bg_color_none,
    .bg_color_none .new_itemContainer {
        background-color: transparent !important;

    }

    .procurement-mall-left {
        padding-bottom: 30px;
    }


    /* 8m */
    .hero-left h3,
    .hero-right h3 {
        font-size: 1.20rem;
        margin-bottom: 1rem;
        text-decoration: none;
        line-height: 28px;
        padding: 0.25rem 0;
    }

    .mobileMould {
        display: block;
    }

    .hero-left h2,
    .hero-right h2 {
        font-size: 1.20rem;
        margin-bottom: 1rem;
        text-decoration: none;
        line-height: 28px;
        padding: 0.25rem 0;
    }

    .mobileMould {
        display: block;
    }

    .popup-modal-container {
        width: auto !important;
        padding: 30px 0 0 0px;
        margin: 90px 24px 24px 24px;
    }

    .pop_up {
        line-height: 1.6rem !important;
    }

    .icon-start {
        left: -30px !important;
    }

    .modal-close {
        right: 0px;
    }

    #ai-content {
        overflow: scroll;
    }

    .page-wrap {
        background: #F6F6F6 !important;
    }

    .hero {
        flex-direction: column;
        padding: 2rem 0 2rem 0;
    }

    .center_text_tips_ai {
        font-size: 2rem;
        top: 5.2%;
        font-weight: 500;
    }

    .hero .hero-left {
        margin: 0px 24px;
        order: 1;
        gap: 0;
        width: auto;
    }

    .hero .hero-right {
        margin: 0px 5px;
        order: 2;
        gap: 0;
        width: auto;
    }

    .header_bgcolor_style {
        width: 100%;
        height: auto;
        background: #ffffff;
    }

    .Hero_Section {
        background-image: linear-gradient(176deg, #ff8000 0%, #ff9c00 100%);
        position: relative;
        margin-bottom: 60px;
    }

    .center_text_tips {
        font-size: 1.5rem;
        position: absolute;
        width: 100%;
        text-align: center;
        color: white;
        top: 16%;
    }

    .hero_mob_table {
        overflow: scroll;
        height: 100%;
    }

    .hero_mob_icon_width {
        width: 90%;
    }

    .hero-right {
        margin: 0px auto auto auto;
    }

    .ai_content_table table,
    th,
    td {
        width: 500px;
    }

    .modal-text-title-24 {
        font-size: 1.25rem;
        padding: 10px 0;
        line-height: 32px;

    }

    .commonSectionTile_mob {
        font-size: 1.5rem !important;
        line-height: 50px !important;

    }

    .desc_about_mob {
        font-size: 16px;
        line-height: 32px;
    }

    .about_tips_mob {
        flex-direction: row;
        justify-content: space-around;
        margin: 15px 0px 0px 0 !important;
    }

    .about_tips_mob_item {

        font-size: 16px;
    }

    .about_tips_mob_item_icon {
        width: 26px;
        position: relative;
        top: 5px;
    }

    .contact_us_info_box_mob {
        margin: 30px 0px 50px 0 !important;
    }

    .center_text_tips_ai_nav {
        font-size: 2rem;
    }

    .ke-zeroborder {
        margin: 35px 0 !important;
    }

    .ke-zeroborder td:first-child,
    .ke-zeroborder th:first-child,
    .ke-zeroborder tr:first-child,
    .ke-zeroborder tr:last-child {
        display: none;
    }

    .comparison-table th:first-child .title-mob-1_3rem {
        color: white !important;
    }

    .comparison-table th,
    .comparison-table td {
        padding: 12px;
        vertical-align: middle;
        border-radius: 30px;
    }

    .single_margin_10 {
        margin: -10px 0 0 0;
    }

    .tech_single_margin_10 {
        margin: -20px 0 0 0;
        padding: 40px 0 !important;
    }

    .tech_single_margin_10 .section_wrap {
        margin: 30px 0 0 0;
    }

    .absolute_wrap {
        position: absolute;
        top: 0;
    }

    section#digitalSection2 {
        padding: 70px 0px;
    }

    section#digitalSection2 .section_wrap .block_area>.block_row {
        margin-bottom: 1rem;
    }

    section#digitalSection2 .section_wrap .block_area>.block_row:first-child {
        margin-top: 13rem;
    }

    .page-wrap .product-blockArea_row .blockArea_row_head_title,
    h2 {
        padding-top: 40px;
    }

    #mobNav-main .product-blockArea_row .blockArea_row_head_title,
    h2 {
        padding-top: 0px;

    }

    #app .moduleTitle {
        padding: 25px 0;
    }

    #single {
        margin: -3px 0 0 0;
    }

    .mob_emarketing_wechat {
        width: 50% !important;
        margin: 25px auto 10px auto !important;
    }

    .case_top_flex_div {
        line-height: 50px;
        font-size: 1.2rem;
    }

    .case_top_flex_div .case_top_flex_div_item:first-child {
        width: 100%;
    }

    .case_ul {
        width: 100%;
        vertical-align: top;
        margin: 15px auto;
        border-radius: 24px;
    }

    .case_top_block1 {
        width: 95%;
        padding: 0 10px;
    }

    .successful_text {
        font-size: 1rem;
        width: 85%;
        font-weight: normal;
    }

    .title_word_mob {
        margin: 0;
        /* margin: 5px; */
        cursor: pointer;
        line-height: 28px;
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 5px 16px;
        border-radius: 20px;
        font-size: 1.1rem;
    }

    .successstories_mob {
        background-color: #fffa9e;
        color: #353a41;
        width: calc(100% - 48px);
        text-align: center;
        line-height: 40px;
        font-size: 1.1em;
        margin: 0px auto 40px auto;
        padding: 3px 24px 3px 24px;
        font-weight: normal;
    }





}

@media screen and (min-width: 1080px) {
    a.getStartBtn {
        display: block;

    }




    a#mobstart8m {
        display: none;
    }

    header#mobHeader {
        display: none;
    }

    div#srm_welcom .homePage-mainInfo-d {

        background-color: #ffffff;
    }

    div#hcm_welcom .homePage-mainInfo-d {
        border-radius: 25px;
        background-color: #ffffff;
    }

    .product_welcome {
        height: 483px;

    }

    .srm_welcom_title {
        line-height: 3.2rem;
        text-align: center;
        font-size: 1.35rem;
        padding: 50px 0 10px 0px;
    }

    .ppmPage-main-text {
        font-size: 2.6rem;
        /* padding-bottom: 3px; */
        line-height: 4.8rem;
    }

    .product_welcome_wrap {
        font-size: 0.8rem;
    }

    div#crm_welcom .homePage-mainInfo-d {
        padding: 25px 0px;
        width: 47%;
    }

    div#srm_welcom .homePage-mainInfo-d {
        padding: 25px 30px 25px 10px;
        width: 41%;
    }

    div#hcm_welcom .homePage-mainInfo-d {
        padding: 25px 60px;
        width: 45%;
        opacity: 0.85;
    }

    div#itsm_welcom .homePage-mainInfo-d {
        padding: 25px 0px;
        width: 46%;
    }

    .nav a.toplevel {
        padding: 1.525em 0.2em;
    }

    .product_welcome .homePage-mainInfo-d {
        width: 43%;
        margin: auto 0px;
    }

    .srm_welcom_title {
        font-size: 1.35rem;
    }

}

@media screen and (min-width: 1281px) {
    .product_welcome {
        height: 427px;
    }

    .srm_welcom_title {
        font-size: 1.5rem;
    }


}

@media screen and (min-width: 1380px) {
    .product_welcome {
        height: 524px;
    }

    .srm_welcom_title {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 1680px) {
    .product_welcome {
        height: 540px;
    }

    .ppmPage-main-text {
        padding: 0px;
    }

    .product_welcome_wrap {
        font-size: 1rem;
    }

    div#crm_welcom .homePage-mainInfo-d {
        padding: 25px 0px;
        width: 46%;
    }

    div#srm_welcom .homePage-mainInfo-d {
        padding: 25px 0px;
        width: 46%;
    }

    .nav a.toplevel {
        padding: 1.525em 0.25em;
    }

    div#hcm_welcom .homePage-mainInfo-d {
        padding: 25px 60px;
        width: 44%;
    }

    .srm_welcom_title {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 1681px) {
    .product_welcome {
        height: 538px;
    }

    .srm_welcom_title {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 1980px) {
    .product_welcome {
        height: 595px;

    }

    .nav a.toplevel {
        padding: 1.55em 0.8em;
    }

    .srm_welcom_title {
        font-size: 1.5rem;
    }

    .hero-left {
        padding-left: 0px;
        gap: 50px;
    }

    .hero-right {

        gap: 2px;
    }
}

@media screen and (min-device-width : 768px) and (max-device-width : 1280px) {
    /* .hero-left, .hero-right {
     width: 38% !important;
    gap: 20px;
    }
   .hero-left {
    padding-left: 0px;
    gap: 35px;
   }         
.hero-left h3, .hero-right h3 {
    font-size: 15px !important;} */

    .textTips {
        text-decoration: none;
        font-size: 2.0rem;
    }

    .center_text_tips {
        top: 17%;
        font-size: 2rem;
        color: #ffebd2;
    }

    /* .hero-left, .hero-right {margin:0px auto auto auto;} */
    /* .hero-right{gap:0;} */
    .center_text_tips_ai {
        top: 7.2%;
    }

    .speech_child {
        left: -300px;
        position: absolute;
        top: 50%;
        width: 40px;
    }

    .center_text_tips_ai {
        font-size: 3rem;
        position: absolute;
        width: 100%;
        text-align: center;
        color: #fff;
        top: 4.2%;
        font-weight: 500;
    }


    .hover_bgcolor {
        padding: 6px 10px;
    }

    .hover_bgcolor:hover {

        padding: 6px 10px;

    }

}

/* 移动端小于 1020px */
@media screen and (max-width: 1020px) {

    /* srm移动端 start */
    /* /supplier/procurement-mall.html */
    .mall-txt-bgcolor {
        flex-direction: column;
        width: auto;
        padding: 0 24px;
    }

    .view_system {
        padding: 3px 24px 3px 24px;
        background-color: #0badff;
    }

    .procurement-mall-right {
        width: 100%;
    }

    .bottom-icon {
        display: none;
    }

    /* /supplier/e-auction.html */
    .pre_auction {
        width: 100%;
    }

    .green_div {
        text-align: center;
    }

    .green_div .green_div_items {
        margin: 30px 0;
    }

    .green_div .green_div_items .green_div_item_title {
        padding: 20px 0 8px 0;
        text-align: center;
        border-bottom: 6px solid #06d25f;
        font-weight: 600;
    }

    .green_div .green_div_items .green_div_item_context {
        margin: 20px 0 0 0;
        text-align: left;
        font-weight: 400;
        font-size: 1rem !important;
        line-height: 2rem !important;
        font-weight: normal;
        color: #444;
    }

    /* /supplier/supplier-database.html */
    .product-blockArea_row {
        margin: 0 24px;
        width: auto;
    }

    /* /supplier/PR.html */
    .mob_li_style {
        list-style-type: initial;
        margin: 0 0 0 24px;
    }

    #PR10ShowBtn,
    #PR11ShowBtn {
        font-size: 1.1rem !important;
    }

    /* grid */
    .item_two_col {
        width: calc(50% - 10px);
        background-color: #00e7b8;
        font-size: 16px;
        color: #000;
        border-radius: 10px;
    }

    .puzzle-piece {
        padding: 10px 10px;

        margin: 8px;
    }

    .custom-select .select-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        border: 1px solid #878787;
        border-radius: 8px;
        cursor: pointer;
        margin: 8px;
    }

    .custom-select .options .option {
        padding: 2px 10px;
        font-size: 16px;
    }

    .srm_blockArea_row2_wrap {
        grid-template-columns: 32% 32% 32%;
        margin-bottom: 0px;
    }

    .custom-select .options {
        width: 94%;
        margin: 0 10px;
    }

    .experience_grid_section .blockArea_row_wrap {
        align-items: center;
        margin-top: 20px;
    }

    .experience_title_wrap .t2 {
        line-height: 36px;
    }

    .grid-block-container>.grid-block span {
        font-size: 16px;
    }

    .item_two_col a {
        color: #000;
    }

    .grid-select-wrap-mob {
        width: 100%;
        margin: 10px auto;
    }

    .item_two_col_pup {
        background-color: #517aff;
        color: #ffffff;
    }

    .item_two_col_pup a {
        color: #ffffff;
    }

    .item_two_col_yellow {
        background-color: #d9ef4c;
        color: #000;

    }

    .item_two_col_grey {
        background-color: #697793;
        color: #ffffff;
    }

    .item_two_col_grey a {
        color: #ffffff;
    }

    .commonFlex_row {
        flex-direction: column;
        align-items: unset;
        width: auto;
    }

    .srm_experience_select_font {
        font-weight: normal;
    }

    /* srm移动端 end */
}

/* 在宽度≥1021px时生效（包含1021px本身） */
@media screen and (min-width:1021px) {

    .hero-left,
    .hero-right {
        font-size: 0.75rem;
        line-height: 0.75rem;
    }

    .hero-left h3,
    .hero-right h3 {
        font-size: 0.85rem;
        margin-bottom: 0.85rem;
    }

    .hero-left h2,
    .hero-right h2 {
        font-size: 0.85rem;
        margin-bottom: 0.85rem;
    }

    .hero-left {
        gap: 35px;
    }

    .custom-select .select-box {
        border: 1px solid #878787;
        border-radius: 8px;
        cursor: pointer;
        margin: 8px;
    }

    /* ≥1280px */
    @media screen and (min-width: 1280px) {

        .hero-left,
        .hero-right {
            font-size: 0.85rem;
            line-height: 1rem;
        }

        .hero-left h3,
        .hero-right h3 {
            font-size: 1rem;
            margin-bottom: 0.85rem;
        }

        .hero-left h2,
        .hero-right h2 {
            font-size: 1rem;
            margin-bottom: 0.85rem;
        }

        .hero-left {
            gap: 52px;
        }

        .center_text_tips_ai_nav {
            font-size: 2.8rem;
        }

        .hero-left-nav {
            gap: 45px;
        }

        .center_text_tips_ai .textTips {
            font-size: 2.8rem;
        }

        .center_text_tips_ai_nav .textTips {
            font-size: 2.8rem;
            font-weight: 500
        }
    }

    /* ≥1440px */
    @media screen and (min-width: 1440px) {
        .hero-left {
            gap: 57px;
        }

        .hero-right {
            gap: 32px;
        }

        .hero-left-nav {
            gap: 53px;
        }

        .hero-right-nav {
            gap: 26px;
        }

        .center_text_tips_ai .textTips {
            font-size: 3.2rem;
        }

        .center_text_tips_ai_nav .textTips {
            font-size: 3.2rem;
        }
    }

    /* ≥1680px */
    @media screen and (min-width: 1680px) {
        .hero-left {
            gap: 57px;
        }

        .hero-right {
            gap: 40px;
        }

        .hero-left-nav {
            gap: 48px;
        }

        .hero-right-nav {
            gap: 30px;
        }

        .center_text_tips_ai .textTips {
            font-size: 3.2rem;
        }

        .center_text_tips_ai_nav .textTips {
            font-size: 3.2rem;
        }
    }

    /* ≥1920px及以上 */
    @media screen and (min-width: 1920px) {
        .center_text_tips_ai .textTips {
            font-size: 3.2rem;
        }

        .center_text_tips_ai_nav .textTips {
            font-size: 3.2rem;
        }

    }

}