/*
@ author Nero
@ email nero.zhang@minew.com
*/
/* 媒体查询样式 */
/* 根字体大小 */
.full-wapper,
.nav-wapper,
.cont-wapper,
.cont-wapper-sm,
.cont-wapper-xm{
    width: 100%;
    margin-left: auto!important;
    margin-right: auto!important;
    padding-left: calc( 2rem * var(--zoom-ratio));
    padding-right: calc( 2rem * var(--zoom-ratio));
}

.nav-wapper{ 
    max-width: calc(1440px + 2 * 2rem);
}
.cont-wapper{ 
    max-width: 1366px;
    max-width: calc(1366px + 2 * var(--layout-padding));
    padding-left:  var(--layout-padding);
    padding-right:  var(--layout-padding);
}
.cont-wapper-sm{
    max-width: 1280px;
    max-width: calc(1280px + 2 * var(--layout-padding));
    padding-left:  var(--layout-padding);
    padding-right:  var(--layout-padding);
}
.cont-wapper-xm{
    max-width: calc(1140px + 2 * var(--layout-padding));
    padding-left:  var(--layout-padding);
    padding-right:  var(--layout-padding);
}
 /*大屏下*/
@media (min-width: 1024px) { 
    .hiddenOnPC{display: none;}
    /* 滚动条 */
    ::-webkit-scrollbar {width: 8px; }
    ::-webkit-scrollbar-button {display: none; }
    ::-webkit-scrollbar-track {background-color: #ddd; }
    ::-webkit-scrollbar-track-piece {background-color: #FCFCFC; -webkit-border-radius: 4px; }
    ::-webkit-scrollbar-thumb {background-color: rgba(153, 153, 153,.6); border: solid 0px #999; border-radius: 4px;}
    ::-webkit-scrollbar-corner {background-color: #FCFCFC; }
    ::-webkit-resizer {background-repeat: no-repeat; background-position: bottom right; }
    ::-webkit-scrollbar-thumb:hover {background-color: rgb(153, 153, 153); }
}
/* @media 设置多个媒体特性需要加逻辑运算符来使用 */
@media (min-width: 1024px) and (max-width: 1361px) {
    :root {
        --font-size-root: 12px;
        --nav-height: 68px;
    }
    /* 边距  PC * 0.8 */
    .pt-100{padding-top: 80px;}
    .pb-100{padding-bottom: 80px;}    
    .pt-60{padding-top: 48px;}
    .pb-60{padding-bottom: 48px;}
    .pt-50 {padding-top: 40px;}
    .pb-50 {padding-bottom: 40px;}
    
    .mt-120 {margin-top: 96px;}
    .mt-100 {margin-top: 80px;}
    .mt-80 {margin-top: 64px;}
    .mt-50{margin-top: 40px;}
    .mt-30 {margin-top: 24px;}
    .mt-20 { margin-top: 16px;}
    .mt-10 { margin-top: 8px;}
    .mt-5 { margin-top: 4px;}
    
    /*字号*/
    .font-56{font-size: 45px;}
    .font-50{font-size: 40px;}
    .font-48{font-size: 38px;}
    .font-40{font-size: 32px;}
    .font-30{font-size: 24px;}
    .font-26{font-size: 21px;}
    .font-24{font-size: 19px;}
    .font-22{font-size: 17px;}
    .font-20{font-size: 16px;}
    .font-18{font-size: 15px;}
    .font-16{font-size: 13px;}

    .top-banner{
        background-size: 100% 720px;
    }
    .banner-container .search-form {
        max-width: 480px;
    }
    /* .hiddenOnMobile{display: none!important;} */
    .article-share-box .slider-list{
        width: 280px;
    }

}

/* 1024px以下  做移动端适配*/ 
@media (max-width: 1023px) {
    /* 主页 */
    .operational-difficulties .difficulties-part .item .img{
        transform:scale(1) !important;
    }

    .operational-difficulties .difficulties-part .item img{
        transform:scale(1) !important;
    }

    .operational-difficulties .difficulties-part .item{
        font-size: 12px;
    }

    .difficulties-part .swiper-slide{
        padding:0 !important
    }


    .difficulties-part {
        margin:20px 0 !important;
    }


    .application-scenarios .application-cate-item svg{
        display:none
    }

     .application-scenarios .application-cate-item {
        font-size: 12px;
        text-align: center;
     }


     .app-download .download-part .part-01 .content{
        /* row-gap: 1rem; */
        margin-left: 0rem;
        /* row-gap: 1rem; */
        margin-bottom: 2rem;
        text-align: center;
    }

    .operational-difficulties .left .sub-nav .item{
        /* cursor: pointer; */
        /* transition: all 0.2s ease-in-out; */
        /* width: 100%; */
        text-align: center;
    }


    /* 新闻资讯 */
    .news-container{
        width:99% !important;
    }



    .operational-difficulties .left .sub-nav .item.active .desc{
        display:none
    }

    .operational-difficulties .left .sub-nav .item{
        margin:0 20px
    }

    .article-nextprev
    {
    flex-direction: column;
    gap: 10px;
    padding-bottom: 20px;
    }


    /* 解决方案 */
    .solution-mode .part-content ul{
        flex-wrap: wrap;
        gap:10px
    }

    .solution-mode .part-content ul>li{
        width: calc((100% - 10px) / 2) !important;
    }

    /* 使用教程 */
    .productuse-container{
        width:96% !important;
    }

    .productuse-container div{
        width: 100% !important;
    }


    /* 加入我们 */
    .xxj-page-part .part-title div{
        width:50% !important;
    }

    .jiaruhezuohuoban .img {
        display:none;
    }

    .jiaruhezuohuoban .part-title h2 {
        font-size: 26px !important;
    }

    .jiaruhezuohuoban div{
        width: 100% !important;
    }

    .jiaruhezuohuoban ul{
        margin-left: 1rem !important;
    }

    

    .map-container{
        height: 400px !important;
    }


    /* 联系我们 */

    .contact-us{
        flex-direction: column !important;
        width: 100% !important;
    }

    .contact-us .contact-us-container{
        width: 100% !important;
    }

    .contact-us-form-container {
        width: 100% !important;
    }

    .contact-us img{
        width:66% !important;
    }
    


    :root {
        --nav-height: 56px;
    }
    /* 边距  PC * 0.4 */
    .pt-100{padding-top: 40px;}
    .pb-100{padding-bottom: 40px;}    
    .pt-60{padding-top: 24px;}
    .pb-60{padding-bottom: 24px;}
    .pt-50 {padding-top: 20px;}
    .pb-50 {padding-bottom: 20px;}
    
    .mt-120 {margin-top: 48px;}
    .mt-100 {margin-top: 40px;}
    .mt-80 {margin-top: 32px;}
    .mt-50{margin-top: 20px;}
    .mt-30 {margin-top: 12px;}
    .mt-20 { margin-top: 8px;}
    .mt-10 { margin-top: 4px;}
    .mt-5 { margin-top: 2px;}
    
    /*字号*/
    .font-56{font-size: 26px;}
    .font-50{font-size: 25px;}
    .font-48{font-size: 24px;}
    .font-40{font-size: 23px;}
    .font-34{font-size: 22px;}
    .font-30{font-size: 21px;}
    .font-26{font-size: 19px;}
    .font-24{font-size: 18px;}
    .font-22{font-size: 17px;}
    .font-20{font-size: 16px;}
    .font-18{font-size: 15px;}
    .font-16{font-size: 14px;}
    
    .hiddenOnMobile{display: none!important;}
    
    .nav-wapper,
    .cont-wapper,
    .cont-wapper-sm,
    .cont-wapper-xm{
        padding-left: 1rem;
        padding-right: 1rem;
    }



    /* #region ========= 顶部导航 */
    .navheight{
        height: calc(var(--nav-height)* 1);
    }
    /* web 导航*/
    .nav-menu-wapper .nav-menu-entry>a {
        padding: 0 5px;
        font-size: 0;
    }
    .nav-menu-wapper .nav-menu-entry>a:last-child {
        padding-left: 10px;
    }
    .nav-menu-wapper .nav-menu-entry .mobile-nav-btn{
        width: 25px;
        height: 25px;
        position: relative;

    }
    .nav-bar{
        align-items: center;
        justify-content: space-between;
    }
    .nav-bar .nav-icons{
        column-gap: 1rem;
    }
    /*汉堡按钮*/
    .nav-bar .btn-hamburger{
        background-color: black;
        border-radius: 2px;
        transition: .3s cubic-bezier(.8, .5, .2, 1.4);
        width: 18px;
        height: 2px;
        /* padding-top: 12px; */
        /* padding-bottom: 12px; */
        transition-duration: 500ms;
        position: relative;
        margin-left: 2rem;
        display: block;
    }
    .nav-bar .btn-hamburger::after,
    .nav-bar .btn-hamburger::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background-color: black;
        border-radius: 2px;
        transition: .3s cubic-bezier(.8, .5, .2, 1.4);
        transition-duration: 500ms;
        left: 0;
        top: 50%;
        transform: translateY(calc(-50% - 6px));
        
    }

    .nav-bar .btn-hamburger.light{
        background-color: white;
        border-radius: 2px;
        transition: .3s cubic-bezier(.8, .5, .2, 1.4);
        width: 18px;
        height: 2px;
        /* padding-top: 12px; */
        /* padding-bottom: 12px; */
        transition-duration: 500ms;
        position: relative;
        margin-left: 2rem;
        display: block;
    }
    .nav-bar .btn-hamburger.light::after,
    .nav-bar .btn-hamburger.light::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background-color: white;
        border-radius: 2px;
        transition: .3s cubic-bezier(.8, .5, .2, 1.4);
        transition-duration: 500ms;
        left: 0;
        top: 50%;
        transform: translateY(calc(-50% - 6px));
        
    }
    
    .nav-bar .btn-hamburger::after {
        transform: translateY(calc(-50% + 6px));
    }
    .nav-bar.active .btn-hamburger::before{
        transform: translateY(calc(-50% - 0px)) rotate(90deg);
    }
    .nav-bar.active .btn-hamburger{
        /* transform: rotate(-45deg); */
    }
    .nav-bar.active .btn-hamburger::after{
        /* opacity: 0; */
        visibility: hidden;
    }

    .nav-bar .btn-hamburger.light::after {
        transform: translateY(calc(-50% + 6px));
    }
    .nav-bar.active .btn-hamburger.light::before{
        transform: translateY(calc(-50% - 0px)) rotate(90deg);
    }
    .nav-bar.active .btn-hamburger.light{
        /* transform: rotate(-45deg); */
    }
    .nav-bar.active .btn-hamburger.light::after{
        /* opacity: 0; */
        visibility: hidden;
    }

    /* 栏目 导航 */
    /* .nav-bar .nav-menu{
        position: absolute;
        width: 100%;
        background-color: red;
        top: 100%;
        left: 0;
    } */

    .nav-bar .nav-menu{
        position: fixed;
        left: 0;
        top: var(--nav-height);
        z-index: 99;
        overflow: hidden;
        width: 100vw;
        height: calc(100vh - var(--nav-height));
        background-color: rgba(0,0,0,.5);
        pointer-events: none;
        transition: all 0.1s ease-in-out;
        visibility: hidden;
        opacity: 0;
    }
    .nav-bar.active .nav-menu{
        pointer-events: auto;
        visibility: visible;
        opacity: 1;
    }
    .nav-bar .nav-menu ul.main-menu{
        padding: 1rem;
        width: 100%;
        height: auto;
        overflow-y: scroll; 
        background-color: #fff;
        background-color: var(--color-lightblue);
        flex-direction: column;
        pointer-events: auto;
        transform: translateY(-100%);
        transition: transform 300ms ease-in-out 50ms;

    }
    .nav-bar.active .nav-menu ul.main-menu{
        transform: translateY(0);
    }
    .nav-bar .nav-menu ul.main-menu::-webkit-scrollbar {
      width: 0; /* 隐藏滚动条 */
    }
    .nav-bar .main-menu>li{
        width: 100%;
        margin: 8px 0;
        /* padding-bottom: 0; */
    }
    .nav-bar .main-menu .sub-menu{
        position: relative;
        visibility: visible;
        opacity: 1;
        top: 5px;
        display: none;
    }
    .nav-bar .main-menu>li.active .sub-menu{
        display: block;
    }
    .nav-bar .main-menu .sub-menu::before {
        left: 2rem;
    }
    .nav-bar .main-menu>li.active.menu-item-has-children>a::after{
        transform: translateY(-50%) rotate(135deg);
    }
    .nav-bar .main-menu>li.menu-item-has-children>a::after{
        transform: translateY(-50%) rotate(225deg);
    }
    .nav-bar .main-menu>li.menu-item-has-children:hover>a::after{
        opacity: 1;
        visibility: visible;
    }

    /* #endregion */

    /* #region ========= 首页 */
    .banner-container .top{
        flex-direction: column;
        row-gap: 2rem;
    }
    .banner-container .search-form input[type='text']{
        padding: .5rem 1rem;
    }
    .banner-container .techs{
        flex-wrap: wrap;
        justify-content: center;
    }
    .banner-container .bottom {
        grid-template-rows: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .banner-container .bottom .item-0{
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: 3;
    }
    .banner-container .bottom .item-1{
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-column-end: 2;
    }

    .banner-container .bottom .item-2{
        grid-row-start: 2;
        grid-column-start: 2;
        grid-row-end: 3;
        grid-column-end: 3;
    }
    .banner-container .bottom .item-3{
        grid-row-start: 3;
        grid-column-start: 1;
        grid-row-end: 4;
        grid-column-end: 2;
    }
    .banner-container .bottom .item-4{
        grid-row-start: 3;
        grid-column-start: 2;
        grid-row-end: 4;
        grid-column-end: 3;
    }
    .banner-container .bottom .item-5{
        grid-row-start: 4;
        grid-column-start: 1;
        grid-row-end: 5;
        grid-column-end: 2;
    }
    .banner-container .bottom .item-6{
        grid-row-start: 4;
        grid-column-start: 2;
        grid-row-end: 5;
        grid-column-end: 3;
    }
    .product-index-list{
        flex-direction: column;
    }
    .product-index .left{
        width: 100%;
        margin-right: 0;
    }
    .product-index .left .filter-item .dropdown-menu{
        transform: translateX(0);
        position: relative;
        padding-left: 0;
        top: 5px;
        right: unset;
    }
    .product-list .product-item{
        width: 50%;
    }
    .product-list .product-item:nth-child(2n):after{
        display: none;
     }
    .product-intro-box .info .info-top .variation-select button{
        max-width: 86px;
    }
    .product-list .pagination-bar{
        flex-direction: column;
        align-items: center;
        row-gap: 1rem;
    }
    .product-list .pagination-bar .nav-links .page-numbers, 
    .product-list .pagination-bar .page-number-bar li a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .aff-mesg{
        border-radius: 30px;
    }
    .aff-mesg::before{
        height: 40%;
    }
    .aff-mesg .container{
        flex-direction: column;
        row-gap: 1rem;
    }
    .video-list .video-items{
        flex-wrap: wrap;
        column-gap: 1rem;
        row-gap: 1rem;
    }
    .video-list a{
        width: calc((100% - 1rem) / 2);
    }
    /* #endregion */

    /* #region ========= 页脚 */
    footer .footer-top{
        flex-wrap: wrap;
        row-gap: 1rem;
    }
    footer .footer-top>div{
        width: 50%;
        flex-direction: column;
        row-gap: 1rem;
    }
    footer .footer-top>div:nth-child(2n){
        border-right: 0 solid #a1a1a150;
    }
    footer .footer-bottom{
        flex-direction: column;
        row-gap: 2rem;
        align-items: flex-start;
    }
    footer .footer-bottom>div{
        row-gap: .8rem;
        align-items: center;
        width: 100%;
    }
    footer .footer-copyright{
        flex-direction: column;
    }
    .customer-btton{
        right: 15px;
        top: 80%;
    }
    .customer-btton a {
        height: 40px;
        width: 40px;
        justify-content: center;
        border-radius: 40px;
        padding: 0; 
        transform: translateX(0);
        font-size: 0;
    }
    .customer-btton a img{
        width: 28px;
        height: auto;
    }
    .customer-btton a .img_ico {
        width: 20px;
        margin-right: 0; 
    }
    .customer-btton a .img_ico>*{width: 100%;}
    .customer-btton .go-top{
        width: 40px;
        height: 40px;
        right: 0;
        bottom: calc(-43px);
        top: auto;
    }
    /* #endregion */

    /* #region ========= 产品列表 */
    .product-cate .product-list .ul-list{
        column-gap: 0rem;
        row-gap: 0rem;
    }
    .product-cate .product-list .product-item{
        width: 50%;
        border: 0 solid #cccccc50;
    }
    .product-cate .product-list .product-intro-box{
        padding: 1rem;
    }
    .product-cate .product-list .product-item::after{
        display: block;
    }
    .product-cate .product-list .product-item:nth-child(2n):after{
        display: none;
    }
    .product-list .product-intro-box .share{
        display: none;
    }
    .cate-banner .product-search{
        flex-direction: column;
        row-gap: 1rem;
        padding: 1rem;
    }
    .cate-banner .banner-container .search-form{
        width: 100%;
    }
    .cate-banner .banner-container .product-filter{
        width: 100%;
        column-gap: 5px;
    }
    .cate-banner .banner-container .product-filter button{
        padding: 0 5px;
    }
    .banner-container .search-form input[type='submit']{
        margin-right: 0;
    }
    /* #endregion */

    /* #region ========= 产品内容页 */
    .product-main-content{
        flex-direction: column;
        row-gap: 2rem;
    }
    .product-feature{
        max-height: 100vw;
    }
    .variations_button,
    .simple_button{
        flex-direction: column;
        row-gap: 10px;
    }
    .variations_button .quantity input,
    .simple_button .quantity input{
        height: 32px !important;
        width: calc( 100% / 3) !important;
    }
    .simple_button>button,
    .variations_button>button{
        padding: 10px;
    }
    .product-detail-intro{
        flex-direction: column;
        row-gap: 1rem;
    }
    .product-article{
        padding: 1rem;
    }
    .product-article .application{
        padding: 1rem;
        row-gap: 1rem;
        column-gap: 1.5rem;
    }
    .product-article .application li{
        width: 100%;
    }
    .product-specs{
        max-width: 100%;
        margin-left: 0;
    }
    /* #endregion */

    /* #region ========= 其他单页面 */
    /* 注册登入页 */
    .myaccount-login-register{
        flex-direction: column;
        row-gap: 1rem;
    }
    .myaccount-login-register>div{
        width: 100%;
        padding: 1rem;
        order: 2;
    }
    .myaccount-login-register>div:first-child {
        border-right: 0 solid #a1a1a150;
    }
    .myaccount-login-register .login-register-text{
        order: 1;
    }
    /* 联系我们页 */
    .contact-us>div{
        flex-direction: column;
        row-gap: 2rem;
    }
    .contact-us .left{
        max-width: 100%;
    }
    .contact-us .right{
        padding: 1rem;
    }
    /* 我的账户页面 */
    .woocommerce-MyAccount-box{
        flex-direction: column;
        row-gap: 1rem;
    }
    .woocommerce-MyAccount-navigation ul{
        padding: 1rem;
        display: flex;
        flex-wrap: wrap;
        row-gap: 1rem;
        column-gap: 1rem;
    }
    .woocommerce-MyAccount-navigation li{
        width: calc((100% - 1rem)/2);
    }
    .woocommerce-Addresses.u-columns{
        flex-direction: column;
        row-gap: 1rem;
    }
    .aff-dashhoard-block.account-details .account-status{
        flex-direction: column;
        row-gap: 1rem;
        align-items: flex-start !important;
    }
    .account-bounty span{
        display: block;
    }
    .account-bounty input{
        display: inline-block;
        width: 100px;
    }
    .aff-dashhoard-block.allow-products{
        padding: 0;
    }
    .project_item .des{
        flex-wrap: wrap;
    }
    .project_item .des>div{
        padding: 10px;
        width: 50%;
    }
    /* aff 页面 */
    .aff-page-banner>div{
        flex-direction: column;
        padding: 2rem;
        row-gap: 1rem;
    }
    .aff-page-register .register-left a,
    .aff-page-banner .text a{
        padding: 0 2rem;
        height: 2.5rem;
        line-height: 2.5rem;
    }
    .aff-page-describe>div{
        background-color: #ffffff50;
    }
    .aff-page-describe>div>p{
        max-width: 100%;
    }
    .aff-page-join .join-step{
        flex-direction: column;
    }
    .aff-page-join .join-step .step{
        width: calc((100%) / 1);
    }
    .aff-page-benefit .benefits{
        flex-direction: column;
        row-gap: 1rem;
    }
    .aff-page-benefit .benefits>div {
        width: 100% ;
    }
    .aff-page-register .register{
        flex-direction: column;
        row-gap: 1rem;
    }

    /* 结算页面 */
    .inviting-register-info{
        padding: 1rem;
    }
    .checkout-wrapper .form-box{
        flex-direction: column;
        row-gap: 1rem;
    }
    .checkout-wrapper .form-box .checkout-right{
        width: 100%;
    }
    .checkout-wrapper .form-box .checkout-left{
        padding: 1rem;
    }
    .checkout-wrapper .form-box .woocommerce-shipping-fields__field-wrapper, 
    .checkout-wrapper .form-box .woocommerce-billing-fields__field-wrapper{
        padding: 0rem;
        column-gap: 5px;
    }
    .checkout-wrapper .form-box .woocommerce-shipping-fields__field-wrapper p, 
    .checkout-wrapper .form-box .woocommerce-billing-fields__field-wrapper p{
        width: calc((100% - 5px) / 2);
    }
    .checkout-wrapper .form-box .woocommerce-additional-fields__field-wrapper p{
        padding: 0;
    }
    /* #endregion */

    /* #region ========= 新闻 bolg 列表 内容页 */
    .category-news .category-title{
        margin-bottom: 1rem;
    }
    .category-recommend-latest .list{
        flex-wrap: wrap;
        height: auto;
    }
    .category-recommend-latest .left{
        width: 100%;
    }
    .category-recommend-latest .right{
        width: 100%;
        margin-top: 1rem;
        row-gap: 1rem;
    }
    .category-recommend-latest .item .img{
        height: auto;
    }
    .category-recommend-latest .left .item .text{
        padding-top: 1rem;
    }
    .category-recommend-latest .right .item .img{
        width: 36%;
    }
    .category-recommend-latest .right .item h3{
        -webkit-line-clamp: 2;
        line-height: 1.2em;
        height: 2.4em;
    }
    .category-warp .category-list{
        column-gap: 1rem;
        row-gap: 1rem;
    }
    .category-warp .category-list .item {
        width: calc((100%));
    }
    .category-warp .category-list .item .img{
        height: auto;
        width: 36%;
    }

    .news-content .article-content{
        width: calc(100%);
    }
    .post-content .article-nextprev{
        padding: 1rem 0;
    }
    .category-blog-latest .item a{
        flex-direction: column;
    }
    .category-blog-latest .item{
        border-radius: 5px;
        width: 100%;
    }
    .category-blog-latest .item a>div{
        width: 100%;
    }
    .category-blog-latest .item .text{
        padding: 1rem;
    }
    .category-blog-wrap .category-blog-list {
        flex-wrap: wrap;
        column-gap: 1rem;
        row-gap: 1rem;
    }
    .category-blog-wrap .category-blog-list .item {
        width: calc((100%));
    }
    .category-blog-wrap .category-blog-list .item .text{
        padding: 1rem;
    }
    .post-content .article-share .share-ico{
            width: 25px;
        height: 25px;
    }
    .post-content .article-share a>svg {
        width: 20px;
        height: 20px;
    }
    .post-content .article-detail img {
        /*height: auto!important;*/
    }
    /* #endregion */
    
    /* 阿威呀————header */

    /* 汉堡按钮 */
    .nav-bar .nav-icons .btn-hamburger{
        /* background-color: var(--color-black); */
        /* background-color: transparent; */
        border-radius: 2px;
        transition: .2s cubic-bezier(.8, .5, .2, 1.4);
        width: 18px;
        height: 18px;
        transition-duration: 300ms;
        position: relative;
        display: block;
        margin-left: 1rem;
        background: linear-gradient(to bottom, 
        transparent calc(50% - 1px), 
        var(--color-black) calc(50% - 1px), 
        var(--color-black) calc(50% + 1px), 
        transparent calc(50% + 1px));
    }

    .nav-bar  .btn-hamburger.active:before{
        transform: translateY(calc(-50% - 0px)) rotate(90deg);
    }
    .nav-bar  .btn-hamburger.active{
        /* transform: rotate(-45deg); */
        /* background: transparent; */
    }
    .nav-bar  .btn-hamburger.active::after{
        /* opacity: 0; */
        /* visibility: hidden; */
        transform: translateY(calc(-50% + 0px));
    }

    .nav-bar .nav-menu1{
        display: none;
    }
    .nav-bar .nav-menu1{
        display: none;
        position: absolute;
        top: var(--nav-height);
        right: 0;
        background-color: #fff;
        width: 100%;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    }
    .nav-bar .nav-menu1.active{
        display: block;
    }
    .nav-bar .nav-menu1 ul.main-menu{
        flex-direction: column;
        row-gap: 5px;
        padding: 1rem;
    }
    .nav-bar .main-menu>li{
        justify-content: flex-start;
        padding: 5px 1rem;
        position: relative;
        flex-direction: column;
        align-items: flex-start;
    }
    .nav-bar .main-menu>li>a{
        width: 100%;
        color:black;
    }
    .nav-bar .main-menu>li.active{
        color: var(--color-blue);
    }
    .nav-bar .main-menu>li.active>a{
        color: var(--color-blue);
    }
    .nav-bar .main-menu>li>a>i.icon{
        margin-left: 1rem;
    }
    .nav-bar .main-menu>li:hover .icon {
        transform: rotate(90deg);
    }
    .nav-bar .main-menu>li.active i.icon{
        transform: rotate(0deg);
    }
    .nav-bar .main-menu .sub-menu{
        position: relative;
        opacity: 1;
        visibility: visible;
        pointer-events: unset;
        display: none;
    }
    .nav-bar .main-menu>li.active .sub-menu{
        display: block;
    }

    .nav-bar .main-menu .sub-menu .sub-menu-container{
        padding: 1rem 0rem;
        min-height: unset;
        box-shadow: none;
        border-bottom: 1px solid #37c1c82e;
    }


    /* 阿威呀————主页 */    
    .challenge-points{
        flex-wrap: wrap;
        gap: 12px;
    }
    
    .industry-challenge .challenge-problems{
        flex-direction: column;
        gap: 0.5rem;
    }
    .industry-challenge .challenge-problem-item{
        width:100%
    }

    .operational-difficulties .left {
        width: 100%;
    }

    .operational-difficulties .left .sub-nav {
        row-gap: 4rem;
        flex-direction: row;
        justify-content: space-around;
        /* margin-bottom: 2rem; */
    }
    .operational-difficulties .difficulties-part {
        column-gap: 5%;
        flex-direction: column;
    }

    .operational-difficulties .right{
        height:260px;
        padding:0;
        /* height: fit-content; */
    }

    .operational-difficulties .right img{
        height:auto !important;
        width:auto !important;
        
    }

    .operational-difficulties .right{
        height:260px;
        /* height: fit-content; */
    }

    .operational-difficulties .right .swiper-slide:nth-child(4){
        /* height:260px; */
        /* height: fit-content; */
    }
    
    
    .operational-difficulties .right .swiper-slide{
        height: 100%;
    }

    .operational-difficulties .right{
        width:100%;
    }

    #testVideo1{
        display:block !important;
        width: 100%;
    }

    #testVideo{
        display:none
    }

    .application-scenarios .application-more {
        flex-direction: column;
        row-gap: 2rem;
    }

    .application-scenarios .application-more .right {
        width: 100%;
        font-size: 12px;
        text-align: center;
    }

    .application-scenarios .application-more .right svg{
        width: 14px;
        height: 12px;
    }

    .overview-intro .intro-part .left {
        max-width: 350px;
        width: 50%;
        flex-shrink: 0;
        display:none;
    }

    .overview-intro .intro-part .right .menu-list>a {
        padding: 3px 1rem;
        margin: 0.5rem auto;
    }

    .application-scenarios .application-cate-list {
        column-gap: 0.2rem;
    }

    .application-scenarios .application-cate-list.font-20 {
        font-size:14px
    }

    .application-scenarios .application-content-item .content {
        padding: 4rem 0rem;
        position: relative;
        column-gap: 10%;
        flex-direction: column;
        width: 100vw;
    }

    .application-scenarios .application-content-item .img {
        width: 80%;
        margin-bottom: 2rem;
    }

    .application-scenarios .application-content-item .text {
        width: 80%;
    }

    .overview-intro .intro-part .right .menu-list {
        margin: 1rem auto;
    }

    .app-download .download-part .part-01 .login-register{
        display:none
    }

    .app-download .download-part{
        flex-direction: column;
    }

    .app-download .download-part .part{
        width:100%;
        margin-left: 0px !important;
    }

    .index-concat{
        margin:0 auto;
    }

    footer{
        display:none;
    }

    .news-information{
        display:none
    }

    
    /* 巡循将 */

    .usefulness-container{
        flex-wrap: wrap;
        gap: 12px;
    }

    .brief-introduction-container{
        flex-direction: column;
    }

    .brief-introduction-container>div{
        width:100% !important;
    }

    .brief-introduction1{
        font-size: 14px !important;
        font-weight: 600 !important;
        text-align: center;
    }

    .brief-introduction1 img{
        width:100%
    }

    .brief-introduction2 img{
        width:100%
    }

    .device-position h2{
        font-size:24px;
    }
    .device-position h3{
        font-size:18px;
        margin-bottom: 4rem;
    }

    .device-position{
        overflow: hidden;
    }

    .device-position>div .cont-wapper{
        transform:scale(1.4)
    }

    .button-container{
        display:none !important;
    }

    #multiTask h2{
        font-size:24px;
    }

    #multiTask .part-title{
        padding-bottom: 1rem !important;
    }

    #multiTask .cont-wapper{
        padding:10px !important;
    }

    #multiTask .left .sub-nav{
        flex-wrap: wrap;
    }
    
    #multiTask .left .sub-nav .item{
        width:20% !important;
    }

    .zidongshujuhuizong h3{
        font-size: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    .zidongshujuhuizong .item{
        box-shadow: 5px 5px 10px 10px rgba(7,62,107,.11);
    }
    
}





/* 公共参数设定 */
@media (min-width: 1024px) and (max-width: 1139.9px) {
    :root {
        --layout-padding: 50px;
        --zoom-ratio : 0.6;
        --font-size-root: 12px;
        --grid-list-column-2 : repeat(1, 1fr);
        --grid-list-column-3 : repeat(2, 1fr);
        --grid-list-column-4 : repeat(3, 1fr);
        --grid-list-column-5 : repeat(3, 1fr);
    }
}
@media (min-width: 1140px) and (max-width: 1239.9px) {
    :root {
        --layout-padding: 80px;
        --zoom-ratio : 0.8;
        --font-size-root: 13px;
        --grid-list-column-2 : repeat(2, 1fr);
        --grid-list-column-3 : repeat(2, 1fr);
        --grid-list-column-4 : repeat(3, 1fr);
        --grid-list-column-5 : repeat(3, 1fr);
    }
}
@media (min-width: 1240px) and (max-width: 1679.9px) {
    :root {
        --layout-padding: 160px;
        --zoom-ratio : 0.9;
        --font-size-root: 14px;
        --grid-list-column-2 : repeat(2, 1fr);
        --grid-list-column-3 : repeat(3, 1fr);
        --grid-list-column-4 : repeat(4, 1fr);
        --grid-list-column-5 : repeat(4, 1fr);
    }
}
@media (min-width: 1680px) and (max-width: 2059.9px) {
    :root {
        --layout-padding: 200px;
        --zoom-ratio : 1;
        --font-size-root: 15px;
        --grid-list-column-2 : repeat(2, 1fr);
        --grid-list-column-3 : repeat(3, 1fr);
        --grid-list-column-4 : repeat(4, 1fr);
        --grid-list-column-5 : repeat(5, 1fr);
    }
}
@media (min-width: 2060px) {
    :root {
        --layout-padding: 240px;
        /* --nav-height: 68px; */
        --zoom-ratio : 1.2;
        --font-size-root: 16px;
        --grid-list-column-2 : repeat(2, 1fr);
        --grid-list-column-3 : repeat(3, 1fr);
        --grid-list-column-4 : repeat(4, 1fr);
        --grid-list-column-5 : repeat(5, 1fr);

    }
}