@media only screen and (min-width: 1024px) {
    .phone_box {
        display: none;
    }
}

.in4 .cont .tabcont .tabcont_item.in4_tabcont_item .item svg {
    width: 0.4rem;
    height: 0.4rem;
}

@media only screen and (max-width: 1023px) {
    .f_18 {
        font-size: 16px;
    }

    .f_16 {
        font-size: 14px;
    }

    .f_12 {
        font-size: 12px;
    }

    .f_48 {
        font-size: 24px;
    }

    .f_50 {
        font-size: 24px;
    }

    .f_56 {
        font-size: 24px;
    }


    .pc_box {
        display: none;
    }

    .index_contaner {
        width: 100vw;
        overflow: hidden !important;
    }

    /* .footer {
        display: none;
    } */

    .footer {
        padding: 20px;
        padding-bottom: 0;
    }

    .footer .footer_top {
        flex-direction: column;
    }

    .footer .footer_top .logo {
        margin-bottom: 25px;
    }

    .footer .footer_center {
        padding: 45px 0 40px;
    }

    .footer .footer_center .left form {
        height: 40px;
    }

    .footer .footer_center .right {
        display: none;
    }

    .footer .footer_center .left .left_list {
        flex-direction: column;
        margin-bottom: 0px;
    }

    .footer .footer_center .left .left_list .item .ico .ico_img {
        width: 14px;
        height: 14px;
    }

    .footer .footer_center .left .left_list .item {
        margin-bottom: 20px;
    }

    .footer .footer_center .left .left_list .item .ico .h1 {
        font-size: 14px;
    }

    .footer .footer_center .left .left_list .item .p1 {
        font-size: 14px;
    }

    .footer .footer_top .right_list .item {
        width: 32px;
        height: 32px;
    }

    .footer .footer_center .left form .input_cont input {
        padding: 0 10px;
    }

    .footer .footer_center .left .left_list:last-child .item {
        margin-bottom: 0px;
    }

    .footer .footer_center .left {
        margin: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .footer .footer_bot {
        flex-direction: column;
    }

    .footer .footer_bot .left {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .footer .footer_bot .right .item {
        font-size: 14px;
    }

    .header_phone {
        width: 100%;
        background-color: #fff;
        padding: 0 20px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header_phone .right {
        display: flex;
        align-items: center;
        column-gap: 20px;
    }

    .nybanner_tab .nybanner_tab_left .item {
        font-size: 14px;
    }

    .nybanner_tab .nybanner_tab_left .item img {
        width: 15px;
        height: 15px;
    }

    .banner .swiper .swiper-slide .cont .btn .ico {
        width: 8px;
        height: 8px;
    }

    .about1 .right .swiper .swiper-slide .text .p1 {
        font-size: 14px;
    }

    .header_phone .right .search {
        width: 30px;
        height: 30px;
        background-color: var(--vicolor);
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        padding: 8px;
    }


    .header_phone .right .search img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .header_phone .logo {
        height: 50%;
        width: auto;
    }

    .header_phone .logo img {
        height: 100%;
        width: auto;
    }

    .header_phone .menu {
        position: relative;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    .header_phone .menu div {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: var(--vicolor);
        transition: all 0.4s ease;
    }

    .header_phone .menu .top {
        top: 0;
    }

    .header_phone .menu .middle {
        top: 9px;
    }

    .header_phone .menu .bottom {
        bottom: 0;
    }

    .header_phone .menu.cur .top {
        transform: rotate(45deg);
        transform-origin: top left;
        width: 26px;
    }

    .header_phone .menu.cur .middle {
        transform: translateX(-20px);
        opacity: 0;
    }

    .header_phone .menu.cur .bottom {
        transform: rotate(-45deg);
        transform-origin: top left;
        width: 26px;
        left: -1px;
    }

    .header_phone .mb-head {
        display: none;
        position: absolute;
        top: 60px;
        width: 100%;
        left: 0;
        height: calc(100vh - 60px);
        background-color: #ffffff;
        overflow-y: auto;
    }

    .header_phone .mb-head .mb-head_cont .item .item_cont {
        height: 13.333vw;
        display: flex;
        justify-content: space-between;
        padding: 0 6vw;
    }

    .header_phone .mb-head .mb-head_cont .item .item_cont a {
        display: flex;
        align-items: center;
        flex: 1;
        font-size: 16px;
    }

    .header_phone .mb-head .mb-head_cont .item .item_cont .ico_box {
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .header_phone .mb-head .mb-head_cont .item .item_cont .ico_box .ico {
        width: 2.667vw;
        height: 2.667vw;
        position: relative;
    }

    .header_phone .mb-head .mb-head_cont .item .item_cont .ico_box .ico::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 2px;
        background: #000;
    }

    .header_phone .mb-head .mb-head_cont .item .item_cont .ico_box .ico::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 100%;
        width: 2px;
        background: #000;
        transition: all .5s;
    }

    .header_phone .mb-head .mb-head_cont .item .header_down_cont {
        display: none;
    }

    .header_phone .mb-head .mb-head_cont .item .header_down_cont a {
        height: 13.333vw;
        display: flex;
        font-size: 146px;
        align-items: center;
        width: 80%;
        padding-left: 10.667vw;
    }

    .header_phone .mb-head .mb-head_cont .item .header_down_cont .list_item {
        font-size: 14px;
    }

    .header_phone .mb-head .mb-head_cont .item .header_down_cont a.on {
        color: var(--vicolor);
    }

    .header_phone .mb-head .mb-head_cont .item:nth-child(2n) .item_cont {
        background-color: #f3f3f7;
    }

    .header_phone .mb-head .mb-head_cont .item.on .item_cont {
        background: var(--vicolor);
    }

    .header_phone .mb-head .mb-head_cont .item.on .item_cont a {
        color: #fff;
    }

    .header_phone .mb-head .mb-head_cont .item.on .item_cont .ico::after {
        background-color: #fff;
    }

    .header_phone .mb-head .mb-head_cont .item.on .item_cont .ico::before {
        background-color: #fff;
    }


    .nybanner .cont {
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .nybanner .cont3 {
        padding: 0 20px;
    }

    .nybanner_tab {
        padding: 10px 20px;
    }

    .products1 .left .list .item .item_cont span {
        font-size: 16px;
    }

    .products1 .right .list .item {
        height: auto;
    }

    .products1 .right .list .item .bgimg {
        height: 100%;
    }

    .products1 .right .list .item1 {
        height: 180px;
    }

    .products1 .right .list .item1 .bgimg img {
        object-fit: cover;
    }

    .products1 .right .list .item1 .text {
        padding: 20px;
    }

    .products1 .right .list .item1 .text .btn {
        font-size: 12px;
    }

    .products1 .right .list .item1 .text .btn svg {
        width: 8px;
        height: auto;
        margin-left: 10px;
    }

    .productsdetails1 .cont .text .list {
        flex-wrap: wrap;
        row-gap: 20px;
        column-gap: 4%;
    }

    .productsdetails1 .cont .text .list .item {
        width: 48%;
    }

    .products1 .left {
        width: 100%;
        position: relative;
        top: 0;
        padding: 20px;
    }

    .productsdetails1 {
        padding: 60px 20px 20px;
    }

    .nybanner_tab .nybanner_tab_left {
        width: fit-content;
    }

    .nybanner_tab .nybanner_tab_right {
        padding-top: 30px;
    }

    .nybanner_tab {
        height: auto;
    }

    .nybanner_tab .nybanner_tab_right .item {
        padding: 0 0 10px;
    }

    .nybanner_tab .nybanner_tab_left .item {
        width: fit-content;
    }

    .news_contaner .nybanner_tab {
        padding-bottom: 0;
    }

    .news1 {
        padding: 20px;
    }

    .news1 .top form {
        width: 100%;
        height: 40px;
        border-radius: 40px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -ms-border-radius: 40px;
        -o-border-radius: 40px;
    }

    .news1 .cont .list .item {
        width: 100%;
    }

    .nybanner_tab {
        width: 100%;
        display: block;
    }

    .news1 .cont .list .item.evenitem .text {
        padding: 20px;
    }

    .news1 .cont .list {
        row-gap: 20px;
    }

    .nybanner_tab::-webkit-scrollbar {
        display: none;
    }

    .nybanner_tab .nybanner_tab_left span {
        width: 15px;
        height: auto;
    }

    .nybanner_tab .nybanner_tab_left .item {
        margin-right: 10px;
        white-space: nowrap;
    }

    .in1 .cont .right .item .item_cont {
        padding: 20px;
    }

    .nybanner_tab {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .news1 .cont .list .item.newsitem .text .text_top .h1 {
        font-size: 16px;
    }

    .productsdetails2 {
        padding: 60px 20px;
    }

    .productsdetails2 .video_cont {
        width: 100%;
    }

    .productsdetails1 .cont {
        flex-direction: column-reverse;
    }

    .productsdetails1 .cont .imgcont {
        width: 100%;
        height: auto;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .productsdetails3 {
        padding: 60px 20px 20px;
        flex-direction: column-reverse;
    }

    .productsdetails3 .list_cont {
        width: 100%;
        margin-bottom: 20px;
    }

    .productsdetails3 .list_cont {
        height: auto;
    }

    .productsdetails3 .list_cont .list {
        height: auto;
    }

    .productsdetails3 .list_cont .list .item .item_down .p1 {
        font-size: 14px;
    }

    .productsdetails3 .img {
        width: 100%;
        height: auto;
    }

    .productsdetails3 .img:hover img {
        transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        -moz-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -o-transform: scale(1) !important;
    }

    .productsdetails4 {
        padding: 20px;
    }

    .productsdetails4 .cont .tabcont .tabitem .pic:hover .picimg {
        transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        -moz-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -o-transform: scale(1) !important;
    }

    .productsdetails4 .productsdetails4_top {
        flex-direction: column;
        align-items: start;
    }

    .productsdetails4 .productsdetails4_top .tit {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .productsdetails4 .productsdetails4_top .list .item {
        padding: 10px 0;
        font-size: 16px;
    }

    .productsdetails4 .cont .tabcont .tabitem {
        flex-direction: column;
    }

    .productsdetails4 .cont .tabcont .tabitem .left {
        padding: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .productsdetails4 .cont .tabcont .tabitem .left .tit .tit_span {
        font-size: 14px;
    }

    .productsdetails4 .cont .tabcont .tabitem .left .p1 {
        font-size: 14px;
    }

    .productsdetails4 .cont .tabcont .tabitem .pic {
        width: 100%;
        height: auto;
    }

    .productsdetails5 {
        padding: 60px 20px 0;
    }

    .productsdetails6 .cont.cont_table {
        padding: 20px;
    }

    .productsdetails6 .cont .tabcont .table_cont {
        padding: 20px;
    }

    .productsdetails6 .cont .tabcont .tabitem .tabitem_tit {
        font-size: 14px;
    }

    .productsdetails6 .tabber .item {
        font-size: 14px;
    }

    .productsdetails6 .cont .tabcont .tabitem .tabitem_cont .li {
        padding: 10px 20px;
    }

    .productsdetails6 .cont .tabcont .tabitem .tabitem_cont .li .li_h1 {
        font-size: 12px;
    }

    .productsdetails6 .cont .tabcont .tabitem .tabitem_cont .li .li_p1 {
        font-size: 12px;
    }

    .productsdetails6 .cont.cont_list {
        padding: 20px;
    }

    .productsdetails6 .cont .listcont .list {
        padding: 20px;
    }

    .productsdetails6 .cont .listcont .list .item {
        width: 100%;
        flex-direction: column;
    }

    .productsdetails6 .cont .listcont .list .item .item_text .h1 {
        margin-bottom: 10px;
    }

    .productsdetails6 .cont .listcont .list .item .item_text .h1 span {
        font-size: 14px;
    }

    .productsdetails6 .cont .listcont .list .item .item_text .h1 .item_Format {
        font-size: 12px;
    }

    .productsdetails6 .cont .listcont .list .item .item_text {
        width: 100%;
        margin-bottom: 20px;
    }

    .productsdetails6 .cont .tabcont .tabitem {
        width: 100%;
    }

    .productsdetails9 {
        padding: 60px 20px 20px;
    }

    .productsdetails9 .list {
        flex-wrap: wrap;
    }

    .productsdetails9 .list .item {
        width: 100%;
        margin-bottom: 20px;
    }

    .productsdetails10 {
        padding: 60px 20px 20px;
    }

    .productsdetails10 .list .item {
        width: 100%;
    }

    .productsdetails1 .cont .text {
        padding: 20px;
    }

    .productsdetails1 .cont .text .p1 {
        margin-bottom: 30px;
        font-size: 14px;
    }

    .products1 .right {
        width: 100%;
        padding: 40px 20px;
    }

    .products1 .right .list {
        flex-direction: column;
    }

    .products1 .right .list .item1 {
        width: 100%;
    }

    .products1 .right .list .item {
        width: 100%;
    }

    .products1 .right .list .item2 .text {
        padding: 20px;
    }

    .products1 {
        flex-direction: column;
    }

    .solutions1 {
        padding: 60px 20px 60px;
        flex-direction: column;
    }

    .nybanner .cont .p1 {
        font-size: 14px;
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .nybanner .cont .p1 br {
        display: none;
    }

    .solutions1 .left {
        width: 100%;
        margin-bottom: 20px;
    }

    .solutions1 .right {
        width: 100%;
        padding: 0;
    }

    .solutions1 .left .item {
        width: 100%;
        font-size: 14px;
    }

    .geospatial1 {
        padding: 20px;
    }

    .geospatial1 .list .item {
        width: 100%;
    }

    .geospatial1 .list .item .text {
        padding: 20px;
    }

    .geospatial1 .list .item .text .p1 {
        font-size: 14px;
    }

    .geospatial1 .list .item .text .btn {
        font-size: 14px;
    }

    .geospatial1 .list .item .text .btn svg {
        width: 12px;
        height: auto;
    }

    .geospatialdetails1 {
        padding: 60px 20px 20px;
    }

    .geospatialdetails1 .top .p1 {
        padding: 0;
        margin-bottom: 20px;
    }

    .geospatialdetails1 .cont {
        flex-direction: column-reverse;
    }

    .geospatialdetails1 .cont .list_cont {
        width: 100%;
        margin-bottom: 20px;
    }

    .geospatialdetails1 .cont .list_cont .list .item {
        padding: 0 10px 10px 0;
    }

    .geospatialdetails1 .cont .list_cont .list .item .item_down .p1 {
        font-size: 14px;
    }

    .geospatialdetails1 .cont .img {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .productsdetails7 {
        padding: 60px 20px 20px;
    }

    .productsdetails7 .list .item {
        width: 100%;
        flex-direction: column;
    }

    .productsdetails7 .list .item .item_text {
        width: 100%;
        margin-bottom: 20px;
    }

    .productsdetails7 .list .item .item_text .h1 span {
        font-size: 14px;
    }

    .productsdetails7 .list .item .item_text .h1 .item_Format {
        font-size: 12px;
    }

    .geospatialdetails2 .tabber {
        margin: 0;
    }

    .geospatialdetails2 .cont {
        padding: 20px;
    }

    .geospatialdetails2 .cont .tabcont .swiper {
        padding: 0;
    }

    .geospatialdetails2 .tabber_cont {
        padding: 0 20px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .geospatialdetails2 {
        padding: 60px 0 0;
    }

    .geospatialdetails2 .tit {
        padding: 0 20px;
        margin-bottom: 20px;
        font-size: 24px;
    }

    .geospatialdetails2 .tabber_cont::-webkit-scrollbar {
        display: none;
    }

    .productsdetails9 .list .item_cont {
        padding: 20px;
    }

    .geospatialdetails2 .tabber .item {
        white-space: nowrap;
        font-size: 14px;
    }

    .geospatialdetails3 {
        padding: 20px;
    }

    .geospatialdetails3 .ges_cont .cont {
        column-gap: 15px;
    }

    .geospatialdetails2 .cont .tabcont .tabitem {
        column-gap: 15px;
    }

    .solutions1 .right {
        column-gap: 15px;
    }

    .geospatialdetails2 .cont .tabcont .swiper .swiper-slide .card .text {
        padding: 20px;
    }

    .geospatialdetails1 .cont .list_cont .list .item.on .item_cont {
        font-size: 16px;
    }

    .support1 {
        padding: 20px;
    }

    .support1 .list {
        flex-wrap: wrap;
    }

    .support1 .list .item {
        margin-bottom: 20px;
    }

    .support1 .list .item .text {
        padding: 20px;
    }

    .support1 .list .item .text .h1 {
        margin-bottom: 10px;
    }

    .support1 .list .item {
        width: 100%;
    }

    .contactSupport1 {
        padding: 60px 20px 20px;
        flex-direction: column;
    }

    .contactSupport1 .left {
        width: 100%;
        padding: 20px;
        margin-bottom: 20px;
    }

    .contactSupport1 .left form .label_item {
        flex-direction: column;
    }

    .contactSupport1 .left form .label_item label {
        margin-bottom: 10px;
    }

    .contactSupport1 .left form .label_item {
        margin-bottom: 0;
    }

    .contactSupport1 .left form .form_item .label .check_cont .checkitem {
        font-size: 12px;
    }

    .contactSupport1 .left form .label_item label input {
        font-size: 12px;
    }

    .contactSupport1 .left form .label_item label .label_name span {
        font-size: 14px;
    }

    .contactSupport1 .right {
        width: 100%;
    }

    .contactSupport1 .right .list .item .p1 {
        font-size: 14px;
    }

    .contactSupport1 .left .tit1 {
        font-size: 16px;
    }

    .contactSupport1 .right .tit {
        font-size: 16px;
    }

    .contactSupport1 .left form button svg {
        width: 15px;
    }

    .select2-results__option[aria-selected] {
        font-size: 12px;
    }

    .blog1 {
        padding: 60px 20px 20px;
    }

    .blog1 .top form {
        width: 100%;
        height: 40px;
        border-radius: 40px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -ms-border-radius: 40px;
        -o-border-radius: 40px;
    }

    .blog1 .top form input {
        padding: 0 10px;
    }

    .blog1 .cont .list .item {
        width: 100%;
    }

    .blog1 .cont .list .item .text {
        padding: 20px;
    }

    .blog1 .cont .list .item .text .h1 {
        font-size: 16px;
    }

    .blogdetail1 {
        padding: 20px;
    }

    .blogdetail1 .cont {
        flex-direction: column;
    }

    .blogdetail1 .cont .cont_right {
        width: 100%;
    }

    .blogdetail1 .cont .cont_right .card {
        padding: .2rem;
    }

    .blogdetail1 .cont .cont_left {
        width: 100%;
        margin-bottom: 20px;
        padding: 20px;
    }

    .blogdetail1 .cont .cont_left .top {
        flex-direction: column;
        align-items: start;
    }

    .blogdetail1 .cont .cont_left .top .top_left {
        margin-bottom: 15px;
    }

    .blogdetail1 .cont .cont_left .center a {
        width: 100%;
    }

    .blogdetail2 {
        padding: 60px 20px 20px;
    }

    .blogdetail2 .list {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .blogdetail2 .list .text {
        padding: 20px;
    }

    .blogdetail2 .list .item {
        width: 100%;
    }

    .blog1 .cont .list .item .text .p1 {
        font-size: 14px;
    }

    .solutions1 .right .swiper {
        flex: 1;
        width: auto;
    }

    .blogdetail1 .cont .cont_right .card .card_list2 .item .time img {
        width: 16px;
        height: 16px;
    }

    .blogdetail1 .cont .cont_right .card .card_list3 .item {
        margin-bottom: 20px;
    }

    .blogdetail1 .cont .cont_right .card .card_list2 .item .time {
        font-size: 12px;
    }

    .blogdetail1 .cont .cont_right .card .card_list3 .item .text .btn img {
        width: 8px;
        height: 8px;
    }

    .downloadCenter1 {
        padding: 20px;
    }

    .downloadCenter1 .cont {
        flex-direction: column;
    }

    .downloadCenter1 .cont .left {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
        padding: 20px 0;
    }

    .downloadCenter1 .cont .right {
        width: 100%;
    }

    .downloadCenter1 .cont .right .list .item {
        width: 100%;
    }

    .downloadCenter1 .tabber_cont {
        width: 100%;
        flex-direction: column-reverse;
    }

    .downloadCenter1 .tabber_cont .tabber_c {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .downloadCenter1 .tabber_cont .tabber_c::-webkit-scrollbar {
        display: none;
    }

    .downloadCenter1 .tabber_cont form {
        width: 100%;
        height: 40px;
        margin-bottom: 20px;
        border-radius: 40px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -ms-border-radius: 40px;
        -o-border-radius: 40px;
    }


    .downloadCenter1 .cont .right .list .item .item_bot .downnum img {
        width: 14px;
        height: 14px;
        margin: 0;
    }

    .community1 {
        padding: 20px;
        flex-direction: column;
    }

    .community1 .left {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

    .community1 .left .p1 {
        margin-bottom: 40px;
        font-size: 14px;
    }

    .community2 {
        padding: 60px 20px 20px;
    }

    .community2 .cont .list {
        column-gap: 4%;
        row-gap: 20px;
    }

    .community2 .cont .list .item {
        width: 100%;
    }

    .community1 .pic {
        width: 100%;
        height: auto;
    }

    .community1 .left .btn {
        font-size: 12px;
    }

    .community1 .left .btn svg {
        width: 8px;
        height: 8px;
    }

    .communityProp .communityProp_cont .swiper {
        padding-top: 40px;
    }

    .communityProp .communityProp_cont .swiper .swiper-slide .es-lightbox-box {
        flex-direction: column;
    }

    .communityProp .communityProp_cont .swiper .swiper-slide .es-lightbox-box .es_text .text_top {
        font-size: 16px;
    }

    .communityProp .communityProp_cont .swiper .swiper-slide .es-lightbox-box .es_text .text {
        font-size: 14px;
    }

    .communityProp .communityProp_cont .es-close {
        background-color: #fff;
        border-radius: 0;
        display: block;
        height: 40px;
        left: 0;
        padding: 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 2;
    }

    .communityProp .communityProp_cont .es-close svg {
        height: 25px;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 25px;
    }

    .communityProp .communityProp_cont {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .communityProp .communityProp_cont .btn {
        display: none;
    }

    .communityProp .communityProp_cont .swiper .swiper-slide .es-lightbox-box .es-media {
        max-width: 100%;
        max-height: 50vh;
    }

    .communityProp .communityProp_cont .swiper .swiper-slide .es-lightbox-box .es_text {
        width: 100%;
        height: 50vh;
        overflow-y: scroll;
    }

    .communityProp .communityProp_cont .swiper .swiper-slide .es-lightbox-box .es_text::-webkit-scrollbar {
        display: none;
    }

    .FAQ1 .right .list .item .item_cont span {
        font-size: 14px;
        line-height: 1.35;
    }

    .FAQ1 .left .list .item {
        font-size: 16px;
    }

    .FAQ1 .right .right_tit {
        font-size: 24px;
    }

    .FAQ1 .right .list .item .item_down .p_cont {
        padding: 20px;
    }

    .FAQ1 {
        padding: 20px;
        flex-direction: column;
    }

    .FAQ1 .left {
        width: 100%;
        margin: 0;
        padding: 20px;
        margin-bottom: 20px;
    }

    .FAQ1 .right {
        width: 100%;
    }

    .about1 {
        flex-direction: column;
        padding: 60px 20px 0;
    }

    .about1 .left .tit {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .about1 .left .btn_box .btn {
        background-color: var(--vicolor);
    }

    .about1 .left .btn_box .btn svg path {
        stroke: #fff;
    }

    .about1 .right .swiper .swiper-slide .text {
        padding: 20px;
    }

    .about1 .right .swiper-pagination {
        display: none;
    }

    .about1 .right {
        flex: none;
        width: 100%;
    }

    .about2 {
        padding: 60px 20px;
    }

    .about2 .video_cont1 {
        width: 100%;
        height: auto;
    }

    .about3 {
        padding: 60px 0 0;
    }

    .about3 .cont1 {
        flex-direction: column;
    }

    .about3 .cont1 .left {
        padding: 20px;
    }

    .about3 .cont1 .left {
        width: 100%;
    }

    .about3 .cont1 .right {
        width: 100%;
        padding: 0 20px;
    }

    .about3 .cont1 .right .swiper1 {
        padding: 0 20px;
    }

    .about3 .cont1 .right .swiper1 .swiper-slide {
        width: 95%;
    }

    .about3 .cont2 {
        margin: 0;
    }

    .about4 {
        padding: 20px;
        flex-direction: column;
    }

    .about4 .left {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .about3 .cont2 .list {
        flex-wrap: wrap;
    }

    .about3 .cont2 {
        padding: 20px;
    }

    .about3 .cont2 .list .item {
        width: 48%;
        flex: none;
        margin-bottom: 15px;
    }

    .about3 .cont2 .list .item .item_text {
        font-size: 14px;
    }

    .about3 .cont2 .list {
        column-gap: 4%;
    }

    .about3 .cont2 .list .item .num_box .num {
        font-size: 30px;
    }

    .about3 .cont2 .list .item .num_box .num_after {
        font-size: 30px;
    }

    .about4 .left .tit {
        margin-bottom: 40px;
        padding-bottom: 20px;
    }

    .about4 .right {
        width: 100%;
        padding: 0;
        height: auto;
    }

    .about3 .cont2 .cont2_tit {
        margin-bottom: 40px;
    }

    .about4 .right .cont_list {
        pointer-events: none;
    }

    .about4 .right .swiper {
        height: 450px;
    }

    .about4 .right .swiper {
        width: 30%;
    }

    .about4 .right .swiper .swiper-slide {
        width: 100%;
    }

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

    .about5 .top {
        align-items: start;
        flex-direction: column;
    }

    .about5 .top .tit {
        padding-bottom: 20px;
        margin: 0 20px 20px;
    }

    .about3 .cont1 .left .tit {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .about5 .top .right_cont {
        width: 100%;
        overflow-y: hidden;
        padding: 0 20px;
        overflow-x: scroll;
    }

    .about5 .top .right_cont::-webkit-scrollbar {
        display: none;
    }

    .about5 .top .right .item {
        white-space: nowrap;
    }

    .search1 {
        padding: 20px;
    }

    .about5 .swiper_bot_img {
        width: 90%;
    }


    .talkToAales1 {
        padding: 60px 20px 20px;
    }

    .search1 .sear_cont .sear_card .Products_list .card {
        width: 100%;
    }

    .search1 .sear_cont .sear_card .Solutions_list .item {
        width: 100%;
    }

    .search1 .form_cont form {
        height: 40px;
    }

    .search1 .form_cont form input {
        font-size: 14px;
    }

    .search1 .form_cont form input::placeholder {
        font-size: 14px;
    }

    .talkToAales1 .cont {
        padding: 10px;
    }

    .talkToAales1 .cont .tabitem_cont form .left {
        width: 100%;
    }

    .talkToAales1 .cont .tabitem_cont form .left .form_item .label {
        width: 100%;
        margin-bottom: 20px;
    }

    .talkToAales1 .cont .tabitem_cont form .left .form_item {
        flex-direction: column;
        margin-bottom: 0;
    }

    .talkToAales1 .cont .tabitem_cont form .left .form_item .label .check_cont.check_Industry .checkitem {
        width: fit-content;
    }

    .talkToAales1 .cont .tabitem_cont form .form_cont {
        flex-direction: column;
    }

    .talkToAales1 .cont .tabitem_cont form .right label .textarea_box textarea {
        padding: 10px;
        height: 200px;
    }

    .talkToAales1 .cont .tabitem_cont form .left .form_item .label .check_cont .checkitem {
        font-size: 12px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 12px;
    }

    .talkToAales1 .cont .tabitem_cont form .left .form_item .label input::placeholder {
        font-size: 12px;
        flex: 1;
    }

    .search1 .tabber_c {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .search1 .tabber_c::-webkit-scrollbar {
        display: none;
    }

    .search1 .sear_cont .sear_card .Download_list .item {
        width: 100%;
        flex-direction: column;
    }

    .search1 .sear_cont .sear_card .Download_list .item .item_text {
        width: 100%;
        margin-bottom: 20px;
    }

    .search1 .sear_cont .sear_card .Download_list .item .item_text .h1 .item_Format {
        font-size: 12px;
    }

    .search1 .sear_cont .sear_card .Download_list .item .item_text .h1 span {
        font-size: 14px;
    }

    .search1 .sear_cont .sear_card .News_list .item {
        width: 100%;
        display: block;
    }

    .blog1 .cont .list .item .text .text_card {
        padding: 5px 10px;
    }

    .search1 .sear_cont .sear_card .News_list .item .new_car {
        padding: 5px 10px;
    }

    .search1 .sear_cont .sear_card .Solutions_list .item .text .btn {
        font-size: 14px;
    }

    .search1 .sear_cont .sear_card .Solutions_list .item .text .btn svg {
        width: 8px;
        height: 8px;
    }

    .module.page .page_num .num {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .module.page .btn {
        width: 30px;
        height: 30px;
    }

    .search1 .sear_cont .sear_card .sear_card_tit {
        font-size: 24px;
    }

    .search1 .sear_cont .sear_card .videos_list .item {
        width: 100%;
    }

    .search1 .sear_cont .sear_card .videos_list .item .img .img_tit {
        padding: 5px 10px;
    }

    .search1 .sear_cont .sear_card .videos_list .item .text {
        padding: 20px;
    }

    .search1 .tabber .item {
        white-space: nowrap;
        height: 30px;
    }

    .in1 {
        padding: 60px 20px 20px;
    }

    .in1 .top {
        align-items: flex-start;
        flex-direction: column;
    }

    .in1 .top .title {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .in2 .swiper .swiper-slide .cont {
        height: 3.89rem;
    }

    .blogdetail1 .cont .cont_left .top .top_left .item span {
        font-size: 14px;
    }

    .in1 .cont {
        flex-direction: column;
    }

    .in1 .cont .left .item:nth-child(1) {
        height: 300px;
    }

    .in1 .cont .left .item:nth-child(2) {
        height: auto;
        aspect-ratio: 500 / 220;
    }

    .in1 .cont .right .item:nth-child(1) {
        height: auto;
        aspect-ratio: 1251 / 855;
    }

    .in1 .cont .right .item:nth-child(3) {
        height: auto;
        aspect-ratio: 204 / 175;
    }

    .in1 .cont .right .item:nth-child(4) {
        height: auto;
        aspect-ratio: 347 / 175;
    }

    .in1 .cont .left {
        width: 100%;
        row-gap: 0;
    }

    .in1 .cont .right {
        column-gap: 0;
        row-gap: 0;
    }

    .in1 .cont .left .item {
        margin-bottom: 20px;
    }

    .in1 .cont .right .item {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .in1 .cont .right .item:nth-child(3) {
        width: 100%;
    }

    .in1 .top .title br {
        display: none;
    }

    .in2 {
        padding: 60px 20px 20px;
    }

    .in2 .top .title {
        width: 100%;
        font-size: 24px;
        margin-bottom: 15px;
    }

    .in2 .top .title1 {
        width: 100%;
        font-size: 14px;
    }

    .in2 .swiper {
        padding: 0;
    }

    .in2 .swiper .swiper-slide {
        width: 100%;
    }

    .in4 {
        padding: 60px 20px 20px;
    }

    .in4 .top {
        flex-direction: column;
        align-items: start;
    }

    .in4 .top .tit {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .in4 .cont .tabcont .tabcont_item.in4_tabcont_item .item {
        width: 100%;
        padding: 20px;
    }

    .in4 .cont .tabcont .tabcont_item {
        flex-wrap: wrap;
    }

    .in4 .cont .tabcont .tabcont_item .card {
        width: 100%;
        margin-bottom: 20px;
    }

    .in4 .cont .tabcont .tabcont_item .card:last-child {
        margin-bottom: 0;
    }

    .in4 .cont .tabcont .tabcont_item .card .card_a .text {
        padding: 20px;
    }

    .in4 .cont .tabcont .tabcont_item.in4_tabcont_item .item svg {
        width: 25px;
        height: 25px;
    }

    .in4 .cont .tabcont .tabcont_item .card .card_list {
        padding: 20px;
    }

    .in4 .btn svg {
        width: 8px;
        height: 8px;
    }

    .in4 .cont .tabcont .tabcont_item .card .card_a .text svg {
        width: 25px;
        height: 25px;
    }

    .in4 .top .list .item {
        height: 30px;
    }

    .in3 {
        height: auto;
    }

    .in3 .cont2 {
        padding-top: 20px;
        position: relative;
    }

    .in3 .cont2 .p1 {
        font-size: 14px;
        margin-bottom: 40px;
    }

    .talkToAales1 .cont .tabitem_cont form .left .form_item .label .check_cont .checkitem .radio_box {
        width: 14px;
        height: 14px;
    }

    .contactSupport1 .left form .form_item .label .check_cont .checkitem .radio_box {
        width: 14px;
        height: 14px;
    }

    .in3 .cont2 svg {
        display: none;
    }

    .cont3_cont {
        width: 100%;
    }

    .in3 .cont3 {
        position: relative;
        width: 100%;
        opacity: 1;
        pointer-events: all;
        display: flex;
        padding-bottom: 40px;
    }

    .in3 .cont3 .item {
        padding: 0 20px;
    }

    .in3 .cont3 .item {
        position: relative;
        opacity: 1;
    }

    .in3 .cont3 .item .itemimg:nth-child(1) {
        width: auto;
        flex: 1;
        aspect-ratio: 404 / 518;
    }

    .in3 .cont3 .item {
        margin-bottom: 20px;
    }

    .in3 .cont3 .tit_box {
        padding: 0 20px;
    }

    .in3 .cont3 .tit_box .h1 {
        font-size: 35px;
        color: var(--vicolor);
        font-weight: 600;
        font-style: italic;
        margin-bottom: 10px;
        text-shadow: 2px 2px 3.9px rgba(0, 0, 0, 0.2);
    }

    .in3 .cont3 .tit_box .p2 {
        color: var(--vicolor);
        font-style: italic;
        text-shadow: 2px 2px 3.9px rgba(0, 0, 0, 0.2);
    }

    .in3 .cont3 .item .itemimg:nth-child(2) {
        width: auto;
        flex: 1;
        aspect-ratio: 265 / 286;
    }

    .in3 .cont3 .item {
        column-gap: 10px;
    }

    .in3 .cont1 .cont1_dow {
        display: none;
    }

    .in3 .cont2 .tit1 {
        padding: 0 20px;
    }

    .in3 .cont2 .p1 {
        width: 100%;
        padding: 0 20px;
    }

    .in3 .cont2 {
        height: auto;
    }

    .banner .swiper .swiper-slide .cont {
        padding: 0 20px;
        justify-content: center;
    }

    .banner {
        height: auto;
        aspect-ratio: 750 / 688;
    }

    .productsdetails_contaner .nybanner {
        height: auto;
    }

    .productsdetails_contaner {
        padding-top: 60px;
    }

    .solutions_contaner {
        padding-top: 60px;
    }

    .products_contaner {
        padding-top: 60px;
    }

    .about_container {
        padding-top: 60px;
    }

    .talkToAales_container {
        padding-top: 60px;
    }

    .support_container {
        padding-top: 60px;
    }

    .blog_contaner {
        padding-top: 60px;
    }

    .contactSupport_container {
        padding-top: 60px;
    }

    .productsdetails_contaner .nybanner .cont4 {
        padding: 20px;
    }

    .productsdetails_contaner .nybanner .cont4 .btn {
        font-size: 14px;
    }

    .nybanner {
        height: auto;
        aspect-ratio: 750 / 688;
    }

    .index_contaner {
        padding-top: 60px;
    }

    .banner .swiper .swiper-slide .cont .h1 br {
        display: none;
    }

    .banner .swiper .swiper-slide .cont .h1 {
        font-size: 24px;
    }

    .banner .swiper .swiper-slide .cont .p1 {
        font-size: 14px;
    }

    .banner .swiper .swiper-slide .cont .btn {
        font-size: 14px;
    }

    .about4 .left .tit br {
        display: none;
    }

    .about1 .left .tit br {
        display: none;
    }

    .about1 .left {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .in2 .top {
        margin-bottom: 20px;
    }

    .newsdetail1 {
        padding: 60px 20px 20px;
    }

    .newsdetail1 .list {
        row-gap: 20px;
    }

    .newsdetail1 .list .item {
        width: 100%;
    }

    .newsdetail1 .list .item.newsitem .text {
        padding: 20px;
    }

    .newsdetail1 .list .item.newsitem .text .text_top .h1 {
        font-size: 16px;
    }

    .blogdetail1 .cont .cont_right .card {
        padding: 20px 10px;
    }

    .blogdetail1 .cont .cont_right .card .card_tit {
        padding-bottom: 15px;
    }

    .blogdetail1 .cont .cont_right .card .card_list1 {
        column-gap: 10px;
        row-gap: 10px;
    }

    .blogdetail1 .cont .cont_right .card .card_list1 .item {
        padding: 5px 10px;
    }

    .blogdetail1 .cont .cont_right .card .card_list3 .item .text .p1 {
        margin-bottom: 15px;
    }

    .blogdetail1 .cont .cont_right .card .card_list3 .item .img {
        width: 40%;
    }

    .joinus1 {
        padding: 20px;
    }

    .joinus1 .tabcont {
        padding: 20px;
    }

    .joinus1 .tabcont .tabitem .tabitem_cont form .form_cont {
        flex-direction: column;
    }

    .joinus1 .tabcont .tabitem .tabitem_cont form .left {
        width: 100%;
    }

    .joinus1 .tabcont .tabitem .tabitem_cont form .left .form_item label {
        flex: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .joinus1 .tabcont .tabitem .tabitem_cont form .left .form_item {
        flex-direction: column;
    }

    .joinus1 .tabcont .tabitem .tabitem_cont form .left .form_item {
        margin-bottom: 0;
    }

    .joinus1 .tabcont .tabitem .tabitem_cont form .left .form_item label input {
        font-size: 12px;
    }

    .joinus1 .tabcont .tabitem .tabitem_cont form .right label .textarea_box textarea {
        height: 200px;
    }

    .joinus1 .tabcont .tabitem .tabitem_cont form .right label .textarea_box textarea:placeholder-shown+.custom-placeholder {
        font-size: 12px;
    }

    .joinus1 .tabcont .tabitem .tabitem_cont form .left .form_item label .laber_name span {
        font-size: 14px;
    }

    .joinus1 .tabber .item {
        height: 40px;
    }

    .joinus1 .tabber .item:first-child::after {
        height: calc(100% + 10px);
    }

    .joinus1 .tabber {
        padding-bottom: 10px;
        margin-bottom: -10px;
    }

    .joinus1 .tabcont .tabitem .tabitem_cont form .left .form_item label input {
        flex: 1;
    }

    .joinus1 .tabcont .tabitem .tabitem_cont form .left .form_item label .laber_name {
        margin-bottom: 10px;
    }

    .talkToAales1 .cont .tabitem_cont form .left .form_item .label input {
        flex: 1;
    }

    .videoCenter1 {
        padding: 20px;
    }

    .videoCenter1 .tabber .item {
        padding: 10px;
        white-space: nowrap;
    }

    .videoCenter1 .tabber_cont {
        flex-direction: column-reverse;
    }

    .videoCenter1 .tabber_cont form {
        width: 100%;
        margin-bottom: 20px;
        height: 40px;
        border-radius: 40px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -ms-border-radius: 40px;
        -o-border-radius: 40px;
    }

    .videoCenter1 .tabber_cont .tabber_c::-webkit-scrollbar {
        display: none;
    }

    .videoCenter1 .tabber2 .item {
        padding: 5px 10px;
    }

    .videoCenter1 .cont .list .item .img .img_tit {
        padding: 5px 10px;
    }

    .videoCenter1 .cont .list {
        row-gap: 20px;
    }

    .videoCenter1 .cont .list .item .text .h1 {
        font-size: 14px;
    }

    .videoCenter1 .cont .list .item {
        width: 100%;
    }

    .videoCenter1 .tabber_cont .tabber_c {
        width: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
    }

    .videoDetails1 {
        padding: 20px;
    }

    .videoDetails1 {
        flex-direction: column;
    }

    .videoDetails1 .left {
        width: 100%;
        padding: 20px;
        margin-bottom: 20px;
    }

    .videoDetails1 .left .video_time {
        font-size: 14px;
    }

    .videoDetails1 .left .h1 {
        font-size: 16px;
    }

    .videoDetails1 .right .right_tit {
        font-size: 16px;
    }

    .videoDetails1 .right {
        padding: 20px;
        min-height: auto;
        max-height: fit-content;
    }
    .videoDetails1 .right .list .item .text .time .item_ico {
        width: 13px;
        height: 13px;
    }

    .videoDetails1 .right .list .item {
        margin-bottom: 20px;
    }

    .videoDetails1 .right .list .item .text .time {
        font-size: 12px;
    }

    .videoDetails1 .right .list .item .img {
        width: 40%;
    }

    .videoDetails1 .right .list {
        height: auto;
        flex: none;
        padding: 0;
    }

    .videoDetails1 .right {
        position: relative;
        top: 0;
        width: 100%;
    }
    .videoDetails1 .right .list .item .text .h1 {
        font-size: 12px;
    }
}