/* 自适应css文件 */
@media only screen and (max-width: 1600px) {
    :root{
        --fontSize-small: 12px;
        --fontSize-body: 14px;
        --fontSize-base: 14px;
        --fontSize-regular: 14px;
        --fontSize-medium: 16px;
        --fontSize-semi: 17px;
        --fontSize-largePlus: 18px;
        --fontSize-large: 20px;
        --fontSize-xlarge: 22px;
        --fontSize-xxlarge: 24px;
        --fontSize-display-sm: 26px;
        --fontSize-display-smPlus: 28px;
        --fontSize-display-lg: 30px;
        --fontSize-display-md: 32px;
        --fontSize-display-xl: 34px;
        --fontSize-display-xxl: 36px;
    }
    html{
        font-size: 14px;
    }
    #solution-detail-app .key-value-box {
        margin-top: 0;
    }
    .exhibition-news-text{
        padding:0;
    }
    #wdmapSwiper .slide-image img{
        max-height: clamp(350px, 70vh, 400px);
    }
}
@media only screen and (max-width: 1100px) {
    .index-about{
        gap: 24px;
    }
    .index-about-left {
        margin-bottom: -100px;
        z-index: 10;
        max-width: 550px;
    }
    .index-about-right {
        max-width: 70%;
        margin-right: 30%;
    }
    .case-page-list{
        grid-template-columns: repeat(3, 1fr);
    }
}


@media only screen and (max-width: 768px) {

    html,
    body {
        font-size: var(--fontSize-body) !important;
    }

    .pc-only {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
    }

    #index-banner .swiper-pagination {
        display: none;
    }

    .index-product-outer-item {
        /* padding:  12px; */
    }

    /* 移动端下取消 index-product 进场动画的隐藏效果，保证内容正常显示 */
    .index-product-outer-item .index-text-box,
    .index-product-outer-item .index-product-img,
    .index-product-outer-item #index-product-h {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        gap: 8px;
    }
    .index-product-outer-item .index-text-box{
        width: 100%;
    }


    .row-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .gy-button {
        padding: 8px 24px;
    }

    .index-module-numberCount {
        min-width: auto;
        flex-wrap: wrap;
        gap: 16px;
        padding-top: 12px;
    }

    .index-module-numberCount .numberCount-item {
        width: calc(50% - 16px );
        flex: auto;
        padding-bottom: 0;
        max-width: 50%;
        gap: 8px;
    }

    .index-about {
        width: 100%;
        padding: 50px 12px 32px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 24px;
    }
    .index-about .index-about-left{
        width: 100%;
        margin: 0 auto;
        min-width: auto;
        max-width: 100%;
    }
    .index-about .index-about-right{
        width: 100%;
        min-width: auto;
        max-width: none;
        overflow: hidden;
        margin: 0 auto;
    }

    .index-news {
        padding: 50px 12px 80px;
    }

    .index-news .index-module-title {
        margin-bottom: 12px !important;
    }

    .index-news .index-module-alink-list {
        flex-wrap: wrap;
    }

    .index-news .index-text-box {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .index-news .index-news-list {
        flex-direction: column;
        gap: 48px;
    }

    .index-news .index-news-list .index-news-item {
        width: 100% !important;
    }

    .index-news-list .index-news-item .news-item-img {
        height: 180px;
    }

    .index-news-list .index-news-item .news-item-title {
        -webkit-line-clamp: none;
        height: auto;
        text-overflow: unset;
        font-size: 1.25rem;
    }

    .index-allProduct{
        
    }

    .index-allProduct-item .allProduct-img {
    }

    /* .index-case-outer-item .index-case-right .index-case-img::before {
        background: linear-gradient(to bottom, #f7f7f7, transparent);
        width: 100%;
        height: 30px;
    } */

    .index-allProduct-item .index-allProduct-text {
        opacity: 1;
        bottom: 0;
    }

    .index-case {
        padding-bottom: 40px;
    }

    .index-case-outer-item .index-case-left .index-case-number {
        padding: 8px 0;
    }

    .partner-box .partner-item {
        width: 80px;
        height: 45px;
    }

    .footer-container {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .footer-links {
        display: none;
    }

    .footer-links-mobile {
        display: block;
    }

    .footer-contact-QRcode {
        flex-direction: row;
    }


    .product-feature-box {
        flex-direction: column;
        padding: 0;
    }

    .product-feature-box::before {
        display: none;
    }

    .product-feature-box .feature-left {
        width: 100%;
        padding: 0;
        border-right: none;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 24px;
    }

    .product-feature-box .product-feature-list {
        padding: 0;
        padding-top: 24px;
    }

    .model-product-list {
        gap: 24px;
    }

    .model-product-list .model-product-item {
        width: 100%;
    }

    .about-info .about-right{
        width: 100%;
        min-width: auto;
    }
    .about-info .about-left{
        width: 100%;
        min-width: auto;
    }
    .about-info-text{
        height: auto;
        padding-bottom: 50px;
    }
    .about-info-vision{
        height: auto;
    }

    #index-banner{
        /* height: 300px; */
        margin-top: 60px;
    }
    .index-click-more{
        width: fit-content;
        height: 32px;
        padding: 0 12px;
    }
    .index-click-more .icon-you1{
        font-size: var(--fontSize-regular);
    }
    .index-click-more span:not(.iconfont){
        width: auto;
    }
    .case-box{
        flex-direction: column;
        gap: 24px;
    }
    .case-box .case-case-right{
        width: 100%;
        aspect-ratio: 16 / 6;
        margin-top: 0;
    }
    .case-box .case-case-left {
        padding-left: 16px;
    }
    .case-box .case-case-left{
        order: 1;
        padding-left: 16px;
        padding-right: clamp(16px, 3vw, 48px);

    }
    .case-case-left .index-case-number{
        min-width: auto;
    }
    .culture-main{
        height: 300px;
    }
    .culture-main .item-cent {
        max-width: 50%;
    }
    .inner-banner{
        margin-top: 60px;
        max-height: none;
    }
    .noclick-product-list .noclick-product-item{
        width: calc(50% - 24px);
    }
    .product-image-box,.product-model-description{
        width: 100% !important;
    }
    .news-list .news-item .news-image{
        width: 40%;
    }
    #wdmapSwiper{
        padding-bottom: 64px;
    }
    .case-filter dl{
        border-bottom: 1px solid var(--border-gray-color);
        padding-bottom: 10px;
    }
    .case-filter dt{
        padding-bottom: 16px;
    }
    .auto-scroll-text{
        display: block;
        -webkit-line-clamp: unset;
        line-clamp: unset;
        -webkit-box-orient: initial;
        max-height: none;
    }
    
    .case-page-list{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 480px) {
    html,
    body {
        font-size: var(--fontSize-tiny) !important;
    }
    .index-product-outer-item .index-product-img {
        height: 200px;
    }
    #index-allProduct .swiper-pagination{
        width: 100%;
        flex-direction: row;
        font-size: var(--fontSize-tiny);
        white-space: nowrap;
        flex-wrap: wrap;
        gap: 4px;
        justify-content: space-between;
        padding: clamp(16px, 4vw, 48px);
    }
    .index-allProduct-item .index-allProduct-text .index-allProduct-title{
        width: 90%;
    }

    .index-allProduct-item{
        padding:0;
    }
    .index-allProduct-item .allProduct-img {
        width: 80px;
        height: 80px;
        padding: 10px;
    }
    .index-allProduct-item .index-allProduct-text {
        background-color: transparent;
        width: 100%;
        gap: 0;
    }
    .index-allProduct-item .index-allProduct-text .gy-alink{
        padding: 4px 12px !important;
        background:linear-gradient(90deg, var(--theme-300), var(--theme-500));
        letter-spacing: 0;
    }
    .index-about-right .index-module-description {
        font-size: var(--fontSize-tiny);
    }
    .product-model-list .product-model-item{
        width: 100%;
    }
    .case-feature-box .case-feature-list .feature-item{
        min-width: 100%;
    }
    .index-text-box{
        gap: 8px;
    }
    .index-product-outer-item{
        border-bottom: 1px solid #e5e5e5;
    }
    .index-product-outer-item .index-text-box.active {
        order: 1;
        /* padding:  12px; */
    }
    .product-model-box{
        flex-direction: column;
    }
    .product-model-box>*{
        width: 100% !important;
    }
    .product-image-box .swiper-pagination{
        padding-bottom: 16px;
    }
    .product-image-box .swiper-pagination .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
    }
    .product-image-box .swiper-pagination .swiper-pagination-bullet-active{
        width: 22px;
    }
    .gotoSolution{
        justify-content: center;
    }
    .gotoSolution .gotoSolution-title{
        width: 100%;
        text-align: center;
    }
    #solutionSwiper .swiper-pagination{
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        height: auto;
        padding: 0 16px;
        top: auto;
        bottom: 0;
        justify-content: space-evenly;
        padding: 24px;
    }
    #solutionSwiper .swiper-pagination .swiper-pagination-bullet{
        padding: 0;
        min-width:auto;
    }
    #solutionSwiper .swiper-pagination .swiper-pagination-bullet-active{
        letter-spacing: 1px;
    }
    #solutionSwiper .swiper-pagination .swiper-pagination-bullet-active::after{
        width: 1px;
    }
    .solution-banner{
        max-height: 550px;
    }
    .solution-banner-textbox{
        padding-right: 24px;
    }
    .noclick-product-list{
        /* flex-direction: column; */
    }
    .index-case-outer-item {
        width: 100%
    }
    .case-filter dt {
        width: 100%;
        padding:0;
        padding-bottom: 10px;
    }
    .tech-list-item{
        flex-direction: column;
        margin-bottom: 48px;
        padding-bottom: 48px;
        border-bottom: 1px solid #e5e5e5;
    }
    .tech-list-item .tech-item-left{
        order: 1;
    }
    .exhibition-news-list{
        flex-direction: column;
    }
    #exhibitionNews{
        width: 100%!important;
    }
    .exhibition-news-list .exhibition-news-item a {
        width: 100%;
        opacity: 1;
    }
    .exhibition-news .index-module-button {
        position: static !important;
        margin: 24px auto 0;
        width: fit-content;
    }
    .news-list .news-item {
        width: 100%;
        flex-direction: column;
    }
    .news-list .news-item .news-image{
        width: 100%;
    }
    .news-page-main{
        flex-direction: column;
    }
    .news-page-main .news-page-left,
    .news-page-main .news-page-right{
        width: 100%;
    }
    .culture-main .item-cent .cent-text {
        width: 70px;
    }
    .history-main .main-box .swiper-slide .slide-item{
        max-width: 100%;
    }
    .history-main .main-box .swiper-slide-on{
        width: 100%;
    }
    
    #wdmapSwiper{
        padding-bottom: 0;
    }
    #wdmapSwiper .slide-content{
        flex-direction: column;
        gap: 12px;
        width: 80%;
        margin: 0 auto;
    }
    #wdmapSwiper .slide-image img{
        max-width: 100%;
    }
    #wdmapSwiper .slide-text{
        width: 100%;
    }
    #wdmapSwiper .swiper-pagination{
        position: relative;
        margin-top: 12px;
    }
    #wdmapSwiper .swiper-pagination .swiper-pagination-bullet{
        width: auto;
        padding: 6px 12px;
        font-size: var(--fontSize-tiny);
    }
    #wdmapSwiper.swiper-container {
        display: flex;
        flex-direction: column;
    }
    #wdmapSwiper.swiper-container .swiper-wrapper{
        order: 1;
    }
    .index-allProduct-box{
        padding-left: 0;
        padding-right: 0;
    }
    .contact-form .form-control-wrap{
        width: 49%;
    }
    .contact-form .form-control-wrap:nth-child(1){
        width: 100%;
        margin-right: 0;
    }
    .case-box .case-case-left{
        padding: 0;
    }
    .product-model-box .key-value-box{
        margin: 0;
    }
    .case-box .case-case-right{
        aspect-ratio: 16 / 9;
    }
    
    .case-page-list{
        grid-template-columns: repeat(1, 1fr);
    }
}