@media (max-width: 768px) {
    .bannerHome.mac {
        background-color: #0d2d80;
    }

    .bannerbg_H1_1 {
        background: url(../images2/banner/bg_bnerhome_m.webp) center center;
        background-size: auto 100%;
    }

    /* 
    .bannerbg_H1_3 {
        background: url(../images2/banner/bg_bnerp9_m.webp) center center;
        background-size: auto 100%;
    } */
    .bner1 {
        background-color: #07124a;
        background-image: url(/images2/banner/a_banner_m.webp);
        background-position: right center;
    }

    .bner2 {
        background-image: url(/images2/banner/p_banner_m.jpg);
        background-size: 100% auto;
        background-position: right center;
    }

    .bner3 {
        background-image: url(/images2/banner/t_banner_m.jpg);
        background-size: 100% auto;
        background-position: right center;
    }

    .bner4 {
        background-image: url(/images2/banner/g_banner_m.webp);
        background-size: 100% auto;
        background-position: right center;
    }

    .bner5 {
        background-image: url(/images2/banner/s_banner_m.webp);
        background-size: 100% auto;
        background-position: right center;
    }

    .bner6 {
        background-image: url(/images2/banner/q_banner_m.webp);
        background-size: 100% auto;
        background-position: right center;
    }

    .bner7 {
        background-image: url(/images2/banner/c_banner_m.webp);
        background-size: 100% auto;
        background-position: right center;
    }

    .bner8 {
        background-image: url(/images2/banner/bg_bnerp8_m.webp);
        background-size: 100% auto;
        background-position: right center;
    }

    .bner9 {
        background-image: url(/images2/banner/bg_bnerp9_m.webp);
        background-size: 100% auto;
        background-position: right -6%;
    }

    .bner10 {
        background-image: url(/images2/banner/bg_bnerp10_m.webp);
        background-size: 100% auto;
        background-position: right center;
    }

    .bner11 {
        background-size: auto 66%;
        background-position: 55% 58%;
    }

    .bner12 {
        background-position: 63% center;
    }

    .bg_dynamic {
        background-position: 48% center !important;
        background-size: auto 64% !important;
    }

    .hbanner-textdesc {
        margin-bottom: 0px;
    }

    .bannermain_tbox .title {
        line-height: 26px;
    }

    .bannermain_tdesc {
        width: 50%;
        line-height: 20px;
        display: none;
    }

    .bannermain {
        margin-top: 106px;
    }

    .listsection_tdesc {
        width: 100%;
    }

    .section_main_product {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .hxcmain_img {
        width: 100%;
    }

    .accumulation_box .icon {
        margin-top: 0px;
        width: 32px;
        height: 32px;
    }

    .accumulation_box .desc {
        width: 100%;
    }

    .accumulation_box .img {
        margin-bottom: 0px;
    }

    .lc-video-box .right-box {
        padding: 24px 16px;
    }

    .lc-video-box .right-box .title {
        font-size: 16px;
        line-height: 20px;
    }

    .listsection_tmain_imgbox img {
        filter: none;
        box-shadow: 12px 0px 64px rgba(0, 80, 157, 0.12);
    }

    .listsection_mainttitle {
        margin-bottom: 12px;
    }

    .listsection_mainttitle h2 {
        font-size: 16px;
        line-height: 24px;
    }

    .listsection_tmain {
        margin: 0px;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .itembox3 {
        padding: 12px 16px;
    }

    .itembox3 .iconbox {
        width: 25px;
        height: 25px;
        margin-bottom: 8px;
    }

    .itembox3 .num {
        font-size: 16px;
        line-height: 24px;
    }

    .listsection_tmain_imgbox {
        margin: 0px;
        padding: 0 20px;
    }

    .itembox .desc.m_line2 {
        height: 40px;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .listsection_tmain_textbox .list-item .list-title {
        font-size: 14px;
    }

    .listsection_tmain_textbox .list-item .list-desc .desc {
        font-size: 12px;
    }

    .product-steps .label-item {
        flex-basis: 25%;
    }

    .product-steps .label-item .iconbox {
        padding: 8px;
    }

    .product-steps .label-item .label-text {
        font-size: 13px;
        line-height: 28px;
    }

    .product-header {
        margin-bottom: 0px;
    }

    .product-body {
        padding: 0px;
        padding-top: 15px;
        min-height: unset;
    }

    .agent-content {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .agent-linebox .text {
        font-size: 16px;
    }

    .agent-content .agent-item {
        padding: 12px 16px;
    }

    .agent-item .title {
        font-size: 14px;
    }

    .agent-item .desc {
        display: none;
    }

    .agent-item img {
        margin-top: 0px;
    }

    .agent-detail-box .agent-details {
        width: 80%;
    }

    .agent-details .agent-detail {
        padding: 28px 20px;
        gap: 20px;
        flex-direction: column;
    }

    .agent-detail .agent-detail-left {
        width: 100%;
        gap: 6px;
    }

    .agent-detail .agent-detail-right {
        width: 100%;
    }

    .agent-detail-left .iconbox {
        display: none;
    }

    .agent-detail-left .title {
        font-size: 15px;
        line-height: 24px;
    }

    .agent-detail-left .desc-box {
        gap: 8px;
    }

    .home-question {
        padding: 0px;
    }

    .home-question .leftbox {
        display: none;
    }

    .home-question .line {
        display: none;
    }

    .home-question .rightbox {
        row-gap: 12px;
    }

    .home-question .rightbox .rightbox-item {
        padding: 16px 20px;
        background-color: #EEF5FF;
        border-radius: 6px;
    }

    .home-question .rightbox .text {
        transform: translate(0px) !important;
    }

    .home-question .rightbox .text .t {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .home-question .rightbox .text .d {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
    }

    .hbanner-textdesc1 {
        display: none;
    }

    .sloganen {
        display: none;
        letter-spacing: 12px;
    }

    .hbanner-text-littletitle {
        line-height: 20px;
    }

    .hbanner-textdesc {
        width: 70%;
        font-size: 12px;
        line-height: 20px;
    }

    .bannerHome {
        height: 400px;
        /* background: url(../images2/banner/bg_bnerhome_m.webp) #0d2d80;
        background-size: 100%;
        background-repeat: no-repeat; */
    }

    .hbannerbox {
        margin-top: 164px;
    }

    /* 
     .bannerHome {
        height: 400px;
        background: url(../images2/banner/bg_bnerhome.webp) 90% 125% #06319a;
        background-size: auto 70%;
        background-repeat: no-repeat;
    }
    .hbannerbox {
        margin-top: 140px;
    }
    .hbanner-textbox {
        text-align: center;
    } */
    .home-question .rightbox-item .iconbox {
        width: 20px;
        height: 20px;
        margin-top: 6px;
    }

    #tab_3 .section_main {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    #tab_three .product-body .listsection_tmain_imgbox {
        margin: 0;
    }

    .home-challenge {
        padding: 0 20px;
        display: grid;
        gap: 0px;
        grid-template-columns: repeat(3, 1fr);
    }

    .home-challenge>div {
        padding: 0px !important;
        width: 100% !important;
    }

    .home-challenge .home-challenge-item {
        height: 306px !important;
        box-shadow: none;
        padding: 24px 12px !important;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        border-radius: 0px;
        background-size: auto 64%;
        background-position: center bottom;
        mix-blend-mode: multiply;
    }

    .home-challenge .home-challenge-item .line {
        display: none !important;
    }

    .home-challenge .home-challenge-item .iconbox {
        display: none !important;
    }

    .home-challenge .home-challenge-item .desc {
        width: 100%;
        font-size: 10px;
        line-height: 16px;
        color: #999;
    }

    .home-challenge .home-challenge-item .subtitle {
        font-size: 12px;
        line-height: 20px;
        color: #666;
    }

    .home-challenge .home-challenge-item .title {
        font-size: 14px;
        line-height: 20px;
        margin-left: 0px;
        font-weight: 600;
    }

    #tab_2.bodybg_blue2 {
        background-color: #fff;
    }

    .home-challenge>div:nth-child(1) {
        background-color: #F1F6FF;
    }

    .home-challenge>div:nth-child(2) {
        background-color: #F6FCF6;
    }

    .home-challenge>div:nth-child(3) {
        background-color: #F2FAFE;
    }

    .home-ablility {
        flex-direction: column;
    }

    .home-ablility>div {
        width: 100% !important;
    }

    .home-ablility .home-ablility-item {
        height: auto !important;
        flex-direction: column !important;
        background-color: #fff !important;
        padding: 20px 16px !important;
        border-bottom: none;
        margin-bottom: 8px;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    }

    .home-ablility .home-ablility-item .title {
        font-size: 14px;
        line-height: 14px;
        margin-top: 16px;
    }

    .home-ablility .home-ablility-item .title .t2 {
        font-size: 18px;
        line-height: 18px;
    }

    .home-ablility .home-ablility-item .desc {
        width: 38%;
        font-size: 12px;
        line-height: 18px;
        margin-top: 10px !important;
        margin-bottom: 0px;
        height: 54px !important;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .home-ablility .home-ablility-item .desc2 {
        display: none !important;
    }

    .home-ablility .home-ablility-item .iconbox {
        position: absolute;
        left: unset;
        bottom: unset;
        top: 15px;
        right: 10px;
        width: 56%;
        height: auto;
    }

    .home-ablility .home-ablility-item .iconbox img {
        padding: 8px;
        background-color: #f7f9ff !important;
    }

    .home-SD-box {
        padding: 32px 20px 32px 20px;
        flex-direction: column;
    }

    .home-SD-Limg img {
        width: 100%;
    }

    .home-SD-Ltext {
        width: 100%;
    }

    .home-SD-Ltext .titleSD {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 8px;
    }

    .home-SD-Limg {
        width: 100%;
    }

    .home-SD-Ltext .btnSD {
        margin-top: 10px;
    }

    .tech_points {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .tech_point {
        overflow: hidden;
        padding: 16px 15px;
    }

    .tech_point:first-child {
        grid-area: 1 / 1 / 2 / 3;
        background-position: right 50%;
    }

    .tech_point .tech_point_subtitle {
        display: none;
    }

    .tech_point .tech_point_desc {
        margin-top: 5px;
        height: 60px;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .tech_point .tech_point_title {
        font-size: 14px;
    }

    .home_applybtn a {
        border: 1px solid #d3edff8c;
        margin-top: 24px;
        font-size: 12px;
        line-height: 36px;
    }

    .abouts-bgi {
        background: #123883;
    }

    .solutions_box3 .title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .bannermain {
        margin-top: 128px !important;
    }

    .hbanner-text-title {
        font-size: 22px;
    }

    .lc-video-box .right-box .title br {
        display: none;
    }

    .lc-video-box .right-box .desc {
        margin-top: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1369px) {
    .itembox .num {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 4px;
    }

    .section_main_product {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .home-question .leftbox .text {
        font-size: 12px;
    }

    .home-question .leftbox .text img {
        width: 28px;
    }

    .home-question .rightbox-item {
        padding: 16px 28px;
    }

    .home-question .rightbox-item .text .t {
        font-size: 14px;
    }

    .home-question .rightbox-item .text .d {
        font-size: 12px;
        line-height: 20px;
    }

    .hbannerbox {
        margin-top: 220px;
    }

    .home-question .rightbox-item .iconbox {
        width: 24px;
        height: 24px;
        margin-top: 6px;
    }

    .home-SD-Ltext .titleSD {
        font-size: 16px;
        line-height: 20px;
    }

    .home-ablility .home-ablility-item {
        height: 400px;
    }

    .home-ablility .home-ablility-item .iconbox {
        height: 55%;
    }

    .home-ablility .home-ablility-item .title {
        font-size: 20px;
    }

    .bannermain {
        margin-top: 164px !important;
    }

    .accumulation_box {
        padding: 42px 36px;
    }

    .home_applybtn a {
        padding: 0px 28px;
        line-height: 36px;
    }

    .lc-video-box .right-box .tag {
        margin-bottom: 4px;
    }

    .lc-video-box .right-box .title {
        line-height: 22px;
    }

    .lc-video-box .right-box .title::after {
        display: none;
    }

    .lc-video-box .right-box .desc {
        margin-top: 20px;
    }
}

@media (min-width: 1370px) and (max-width: 1600px) {
    .itembox .num {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 6px;
    }

    .section_main_product {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .home-question .leftbox .text {
        font-size: 12px;
    }

    .home-question .rightbox-item .text .t {
        font-size: 15px;
    }

    .home-question .rightbox-item .text .d {
        font-size: 12px;
        line-height: 20px;
    }

    .hbannerbox {
        margin-top: 230px;
    }

    .home-question .rightbox-item .iconbox {
        width: 24px;
        height: 24px;
        margin-top: 6px;
    }

    .home-SD-Ltext .titleSD {
        font-size: 18px;
        line-height: 22px;
    }

    .home-ablility .home-ablility-item {
        height: 420px;
    }

    .home-ablility .home-ablility-item .title {
        font-size: 22px;
    }

    .bannermain {
        margin-top: 210px;
    }

    .accumulation_box {
        padding: 48px 42px;
    }

    .home_applybtn a {
        padding: 0px 32px;
        line-height: 40px;
    }
}

@media (min-width: 1601px) and (max-width: 1800px) {
    .hbanner-text-title {
        font-size: 48px;
        margin-bottom: 4px;
    }

    .bannerHome {
        height: 800px;
    }

    .hbanner-text-littletitle {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 12px;
    }

    .hbannerbox {
        margin-top: 280px;
    }

    .home-SD-box {
        padding: 64px 0px 64px 80px;
    }

    .home-question .rightbox-item .iconbox {
        width: 28px;
        height: 28px;
        margin-top: 6px;
    }

    .section_main {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (min-width: 1801px) and (max-width: 1920px) {
    .hbannerbox {
        margin-top: 326px;
    }

    .hbanner-text-title {
        font-size: 52px;
    }

    .hbanner-text-littletitle {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 14px;
    }

    .home-question .leftbox .text {
        font-size: 12px;
    }

    .bannerHome {
        height: 900px;
    }

    .section_main {
        padding-top: 80px;
    }

    .section_main2 {
        padding-top: 80px;
        padding-bottom: 64px;
    }

    .bannermain {
        margin-top: 240px;
    }
}

@media (min-width: 1921px) {
    .bannerHome {
        height: 900px;
    }
}