@charset "utf-8";
/* CSS Document */

@media all and (max-width: 1600px) {

    /*产品展示*/
    .page-shows {grid-template-columns: repeat(4, 1fr);}

}


@media all and (max-width: 1280px) {

    /*视差-内容*/
    .parallax-con-intro {width: var(--outer-max-width);}

    /*面包屑*/
    .pages-breadcrumb {max-width: var(--outer-max-width);}


    /*标题、介绍*/
    .pages-intro {width: var(--outer-max-width);}


    /*产品列表*/
    .page-products {max-width: var(--outer-max-width);}


    /*产品展示*/
    .page-shows {max-width: var(--outer-max-width);}


    /*产品详情*/
    .page-detail-head {max-width: var(--outer-max-width);}


    /*产品详情-列表*/
    .page-detail-list {max-width: var(--outer-max-width);}

}

@media all and (max-width: 1024px) {

    :root {
        --header-top-height: 0.24rem;
        --header-menu-height: 0.6rem;
        --header-bottom-height: 0.24rem;
        --header-logo-width: 0.8rem;
        --header-gap-width: 0.3rem;
        --padding-outer: 0.6rem;
        --pages-top-height: 0.6rem;
        --pages-bottom-height: 1.6rem;
    }

    /*头部*/
    .header-menu .item {min-width: 1.2rem; padding: 0 0.15rem; font-size: 0.16rem;}
    .header-menu .group .subs .txt .li {width: 2.4rem; font-size: 0.14rem; line-height: 0.36rem;}


    /*首页轮播图*/
    .banner-content {font-size: 0.2rem;}

    /*版权信息*/
    .footer-content {padding: 0.36rem 0; font-size: 0.12rem;}

    /*标题、介绍*/
    .pages-intro {gap: 0.6rem;}
    .pages-title {font-size: 0.24rem;}
    .pages-tit {font-size: 0.2rem;}
    .pages-content {font-size: 0.14rem;}

    /*内页外层-间距*/
    .pages-wrap {grid-gap: 0.6rem;}
    .pages-main {grid-gap: 0.8rem;}

    /*面包屑*/
    .pages-breadcrumb {font-size: 0.14rem;}
    .pages-breadcrumb .iconfont {font-size: 0.14rem;}

    /*视差-内容*/
    .parallax-con-intro .parallax-get {gap: 0.36rem; padding: 1.6rem 0 0.8rem 0;}
    /*视差-联系*/
    .parallax-con-contact .block {width: 4rem; min-height: 4.2rem; padding: 0.4rem; font-size: 0.14rem; gap: 0.3rem;}

    /*产品列表*/
    .page-products {grid-gap: 0.3rem;}
    .page-products .item .txt a {font-size: 0.14rem; min-height: 0.48rem;}

    /*产品展示*/
    .page-shows {grid-gap: 0.3rem;}
    .detail-show-item .txt {font-size: 0.14rem;}

    /*产品详情*/
    .page-detail-head {grid-gap: 0.4rem;}

    /*产品详情-轮播图-切换*/
    .page-detail-switch .item {width: 0.6rem; height: 0.24rem;}

    /*产品详情-介绍*/
    .page-detail-intro {grid-gap: 0.6rem;}

    /*产品详情-参数及下载*/
    .page-detail-option {grid-gap: 0.4rem;}
    .page-detail-option .group .head {min-height: 0.48rem;}
    .page-detail-option .group .head .text {font-size: 0.14rem; padding: 0.1rem 0.5rem;}
    .page-detail-option .group .head .icon {width: 0.48rem; height: 0.48rem;}
    .page-detail-option .group .content {font-size: 0.14rem;}
    .page-detail-option .group .content .item {min-height: 0.48rem; padding: 0.1rem 0;}

    /*产品详情-列表*/
    .page-detail-list {grid-gap: 0.3rem;}

    /*定制*/
    .page-bespoke {max-width: 100%; padding: 0 var(--padding-outer);}
    .page-bespoke .group {padding: 0.2rem 0; font-size: 0.14rem;}
    .page-bespoke .group .content {padding-top: 0.2rem;}

    /*关于*/
    .page-about-main {max-width: 100%; padding: 0 var(--padding-outer);}

}

@media all and (max-width: 860px) {

    :root {
        --pages-bottom-height: 1rem;
    }

    /*标题、介绍*/
    .pages-intro {gap: 0.4rem;}

    /*内页外层-间距*/
    .pages-wrap {grid-gap: 0.6rem;}
    .pages-main {grid-gap: 0.6rem;}
}

@media all and (max-width: 720px) {
    :root {
        --header-top-height: 0.2rem;
        --header-bottom-height: 0.2rem;
        --header-gap-width: 0rem;
        --padding-outer: 0.4rem;
        --pages-top-height: 0.2rem;
        --pages-bottom-height: 0.6rem;
    }

    /*头部*/
    .header {justify-content: space-between;}
    .header-menu {display: none;}
    .header-button {display: block;}

    /*内页外层-间距*/
    .pages-wrap {grid-gap: 0.4rem;}
    .pages-main {grid-gap: 0.4rem;}

    /*标题、介绍*/
    .pages-intro {gap: 0.3rem;}

    /*视差-内容*/
    .parallax-con-intro .parallax-get {gap: 0.3rem; padding: 1.2rem 0 0.6rem 0;}

    /*产品列表*/
    .page-products {grid-template-columns: repeat(2, 1fr);}

    /*产品展示*/
    .page-shows {grid-template-columns: repeat(3, 1fr);}

    /*产品详情-轮播图-切换*/
    .page-detail-switch {width: 100%; order: 0; justify-content: flex-start;}
    .page-detail-switch .item {width: 0.4rem; height: 0.2rem; }

    /*产品详情-介绍*/
    .page-detail-intro {gap: 0.4rem;}
    .page-detail-intro .head {flex-direction: column; gap: 0.4rem;}
    .page-detail-intro .head .pages-title {width: 100%; order: 1;}

    /*产品详情-参数及下载*/
    .page-detail-option {grid-template-columns: 1fr; gap: 0.2rem;}


    /*产品详情-列表*/
    .page-detail-list {grid-template-columns: repeat(3, 1fr);}
}

@media all and (max-width: 640px) {

    /*产品展示*/
    .page-shows {grid-template-columns: repeat(2, 1fr);}

    /*产品详情-列表*/
    .page-detail-list {grid-template-columns: repeat(2, 1fr);}
}

@media all and (max-width: 480px) {
    :root {
        --header-top-height: 0.15rem;
        --header-bottom-height: 0.15rem;
        --padding-outer: 0.3rem;
        --pages-top-height: 0.15rem;
        --pages-bottom-height: 0.4rem;
        --fixed-menu-width: 3.2rem;
    }

    /*首页轮播图*/
    .banner .swiper {
        --swiper-navigation-size: 0.24rem;
        --swiper-navigation-sides-offset: 0.3rem;
    }

    /*版权信息*/
    .footer-content {padding: 0.24rem 0;}

    /*内页外层-间距*/
    .pages-wrap {grid-gap: 0.3rem;}
    .pages-main {grid-gap: 0.3rem;}

    /*面包屑*/
    .pages-breadcrumb {font-size: 0.13rem; gap: 0.08rem;}
    .pages-breadcrumb .iconfont {font-size: 0.13rem;}

    /*标题、介绍*/
    .pages-intro {gap: 0.2rem;}
    .pages-title {font-size: 0.22rem;}
    .pages-tit {font-size: 0.18rem;}
    .pages-content {font-size: 0.13rem;}

    /*视差-联系*/
    .parallax-con-contact .block {width: 100%; min-height: auto; padding: 0.4rem; gap: 0.3rem;}

    /*产品列表*/
    .page-products .item .txt a {min-height: 0.44rem;}

    /*产品详情*/
    .page-detail-head {grid-gap: 0.3rem;}

    /*产品详情-轮播图-切换*/
    .page-detail-switch .item {width: 0.32rem; height: 0.16rem;}

    /*产品详情-介绍*/
    .page-detail-intro {grid-gap: 0.2rem;}
    .page-detail-intro .head {gap: 0.2rem;}

    /*产品详情-参数及下载*/
    .page-detail-option .group .head {min-height: 0.44rem;}
    .page-detail-option .group .content .item {min-height: 0.44rem;}

    /*定制*/
    .page-bespoke .group .title {padding-left: 0;}
    .page-bespoke .group .content {padding-top: 0.1rem;}

}

@media all and (max-width: 420px) {
    :root {
        --padding-outer: 0.2rem;
        --pages-top-height: 0.1rem;
        --pages-bottom-height: 0.3rem;
        --fixed-menu-width: 80vw;
    }

    /*首页轮播图*/
    .banner .swiper {
        --swiper-navigation-size: 0.2rem;
        --swiper-navigation-sides-offset: 0.2rem;
    }

    /*内页外层-间距*/
    .pages-wrap {grid-gap: 0.3rem;}
    .pages-main {grid-gap: 0.2rem;}

    /*标题、介绍*/
    .pages-intro {gap: 0.15rem;}
    .pages-title {font-size: 0.2rem;}

    /*视差-内容*/
    .parallax-con-intro .parallax-get {gap: 0.2rem; padding: 0.8rem 0 0.4rem 0;}

    /*视差-联系*/
    .parallax-con-contact .block {padding: 0.3rem; gap: 0.2rem;}

    /*产品列表*/
    .page-products {grid-gap: 0.2rem;}

    /*产品展示*/
    .page-shows {grid-gap: 0.2rem;}

    /*产品详情*/
    .page-detail-head {grid-gap: 0.2rem;}

    /*产品详情-轮播图-切换*/
    .page-detail-switch .item {width: 0.24rem; height: 0.12rem;}

    /*产品详情-介绍*/
    .page-detail-intro .head {gap: 0.25rem;}


    /*产品详情-列表*/
    .page-detail-list {grid-gap: 0.2rem;}

}

@media all and (max-width: 375px) {
    html {
        font-size: -webkit-calc(100vw / 3.75);
        font-size: calc(100vw / 3.75);
    }
}