/* 自适应css文件 */

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

    html,
    body {
        font-size: 14px !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;
    }



    .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 {
        padding: 50px 12px 0;
        flex-direction: column;
    }
    .index-about .index-about-right{
        width: 100%;
        min-width: auto;
        max-width: none;
        overflow: hidden;
    }

    .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 {
        width: calc(50% - 32px);
    }
    .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;
    }
    .index-click-more{
        width: fit-content;
        height: 32px;
        padding: 0 12px;
    }
    .index-click-more .icon-you1{
        font-size: 16px;
    }
    .index-click-more span:not(.iconfont){
        width: auto;
    }
    .case-box{
        flex-direction: column;
        gap: 24px;
    }
    .case-box .case-case-right{
        height: 250px;
        flex: auto;
    }
    .case-box .case-case-left {
        padding-left: 16px;
    }
    .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;
    }
}

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

    .index-allProduct-item{
        padding:0;
    }
    .index-allProduct-item .allProduct-img {
        width: 80px;
        height: 80px;
        padding: 10px;
    }
    .index-allProduct-item .index-allProduct-text {
        background-color: #fff;
        width: 60%;
        gap: 0;
    }
    .index-about-right .index-module-description {
        font-size: 12px;
    }
    .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-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: 16px;
    }
    .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 .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: 12px;
    }
    #wdmapSwiper.swiper-container {
        display: flex;
        flex-direction: column;
    }
    #wdmapSwiper.swiper-container .swiper-wrapper{
        order: 1;
    }
}