.page-index .page{
    /* padding: 0 50px; */
}
.page-index .w12{
    /* width: 100%; */
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
}
.page-index .w11{
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px);
}
.page-index .section-header{
    /* padding: 25px 50px 25px; */
}



/*h5侧滑导航*/
.section-mobile-nav{
    width: 100%;
    position: fixed;
    /* position: sticky; */
    left: 0;
    top: 0;
    z-index: 299;
    display: none;
}
.section-mobile-nav .content::before{
    content: "";
    display: block;
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: rgba(255, 255, 255, 0.6);
}
.section-mobile-nav .item-header{
    position: relative;
    height: 60px;
    padding: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-position: center 0;
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
    /* background-image: url(../images/navbar.png); */
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
    /* background-color: rgba(100, 100, 100, 0.1); */
}
.section-mobile-nav .item-header .logo{
    height: 30px;
}
.section-mobile-nav .item-header .menu-btn{
    width: 32px;
    height: 30px;
    background-color: #000;
    background-color: #003B9C;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 7px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
.section-mobile-nav .item-header .menu-btn .line{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    margin: 3px 0;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
    position: relative;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
}
.section-mobile-nav .item-header .menu-btn .line:nth-child(2){
    margin: 4px 0;
}
.section-mobile-nav.active .item-header .menu-btn .line{
    background-color: #fff;
}
.section-mobile-nav.active .item-header .menu-btn .line:nth-child(1){
    -webkit-transform: rotate(45deg) scaleX(1.3);
       -moz-transform: rotate(45deg) scaleX(1.3);
        -ms-transform: rotate(45deg) scaleX(1.3);
         -o-transform: rotate(45deg) scaleX(1.3);
            transform: rotate(45deg) scaleX(1.3);
    top: 0px;
    left: 1px;
}
.section-mobile-nav.active .item-header .menu-btn .line:nth-child(2){
    opacity: 0;
}
.section-mobile-nav.active  .item-header .menu-btn .line:nth-child(3){
    -webkit-transform: rotate(-45deg) scaleX(1.3);
       -moz-transform: rotate(-45deg) scaleX(1.3);
        -ms-transform: rotate(-45deg) scaleX(1.3);
         -o-transform: rotate(-45deg) scaleX(1.3);
            transform: rotate(-45deg) scaleX(1.3);
    top: 1px;
    left: 0px;
}
.section-mobile-nav .mask{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
}
.section-mobile-nav .item-nav{
    width: 60%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(-100%, 0);
       -moz-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
         -o-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    background-color: #092c66;
    padding: 20px;
    overflow-y: auto;   
}
.section-mobile-nav .item-nav .logo{
    width: 95%;
    margin-bottom: 30px;
}
.section-mobile-nav .navbar{
    list-style: none;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: cover;
       background-size: cover;
}
.section-mobile-nav .top-right{
    margin-top: 15px;
}
.section-mobile-nav .icon-search{
   width: 16px;
}
.section-mobile-nav .menu{
    list-style: none;
    padding: 10px 0;
    position: relative;
}
.section-mobile-nav .menu .arrow{
    display: block;
    position: absolute;
    top: 17px;
    right: 0px;
    width: 14px;
    opacity: 0.6;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-mobile-nav .menu-handle{
    display: inline-block;
    font-size: 16px;
    color: #fff;
}
.section-mobile-nav .menu-drop{
    width: 100%;
    padding: 0 0 0 1.5em;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.section-mobile-nav .menu-drop .sub-menu{
    margin-top: 20px;
    list-style: none;
}
.section-mobile-nav .menu-drop a{
    font-size: 14px;
    color: #fff;
}
.section-mobile-nav .menu.active .arrow{
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
.section-mobile-nav .menu.active .menu-drop{
    max-height: 400px;
    visibility: visible;
}
.section-mobile-nav.active .close{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(../images/icon-close.png);
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: 75% auto;
       background-size: 75% auto;
}
.section-mobile-nav.active .item-nav{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
}
.section-mobile-nav.active .mask{
    display: block;
}
.page.active{
    left: -252px;
}
body.active{
    overflow: hidden;
}


@media screen and (max-width: 992px) {
    .section-mobile-nav{
        display: block;
    }

    .section-header{
        display: none;
    }
}



@media screen and (max-width: 1344px) {
    .w12{
        width: 100%!important;
    }
}

@media screen and (max-width: 1136px) {
    .w11{
        width: 100%!important;;
    }
}

@media screen and (max-width: 992px) {
    .w10{
        width: 100%;
    }
    .w9{
        width: 100%;
    }


    .section-footer{
        padding: 30px 0 0;
        background-color: #dee4ef;
    }
    .section-footer .content1{
        padding: 0 10px;
    }
    .section-footer .content1 .item0{
        display: block;
    }
    .section-footer .content1 .item0 .row-left{
        text-align: center;
    }
    .section-footer .content1 .item0 h3{
        font-size: 18px;
    }
    .section-footer .content1 .item0 p{
        font-size: 14px;
    }
    .section-footer .content1 .item0 .row-right{
        margin-top: 30px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-column-gap: 36px;
           -moz-column-gap: 36px;
                column-gap: 36px;
    }
    .section-footer .content1 .item0 .row-right a{
        margin: 0;
    }
    .section-footer .content1 .item-line{
        margin: 20px 0;
    }
    .section-footer .content1 .item-nav{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 10px;
        padding: 0 0 20px;
    }
    .section-footer .content1 .item-nav a{
        font-size: 14px;
    }
    .section-footer .content-copyright{
        padding: 20px 10px;
    }


    .section-banner{
        padding: 60px 0 0;
    }
    .section-banner.index{
        padding: 60px 0 0;
        border-radius: 0;
    }
    .section-banner.index .banner{
        min-height: auto;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .section-banner .swiper-container{
        -webkit-clip-path: none;
                clip-path: none;
        border-radius: 0!important;
    }
    .section-banner .swiper-slide{
        border-radius: 0!important;
    }
    .section-banner .swiper-slide::after{
        display: none;
    }
    .section-banner .content{
        padding: 0 10px;
        text-align: center;
    }
    .section-banner .item-title .zh{
        font-size: 28px;
    }
    .section-banner .item-title .en{
        font-size: 24px;
        width: 100%;
        top: -45%;
    }
    .section-banner .fluid-glass{
        font-size: 30px;
    }

    
    .section-banner .banner.pc{
        display: none;
    }
    .section-banner .banner.mobile{
        display: block;
    }
    .section-banner .content-title{
        bottom: 70px;
    }

    
    .section-index-about{
        padding: 60px 10px 0;
        margin-top: 0;
        -o-background-size: cover;
           background-size: cover;
        background-color: #f9fbfb;
    }
    .section-index-about .item-title .zh{
        font-size: 22px;
    }
    .section-index-about .item-title .en{
        font-size: 28px;
        white-space: nowrap;
        top: -70%;
    }
    .section-index-about .item1{
        font-size: 16px;
        margin-top: 20px;
    }
    .section-index-about .item2{
        width: 100%;
    }
    .section-index-about .item-data{
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin-top: 10px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        -webkit-column-gap: 0;
           -moz-column-gap: 0;
                column-gap: 0;
    }
    .section-index-about .item-data .list{
        margin-top: 15px;
    }
    .section-index-about .item-data .number{
        font-size: 34px;
    }
    .section-index-about .item-data .unit{
        padding: 0px 0 8px 5px;
    }
    .section-index-about .item-data .s0{
        font-size: 12px;
    }
    .section-index-about .item-data .s1{
        font-size: 12px;
    }
    .section-index-about .item-data dt{
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .section-index-about .item-data dd{
        font-size: 12px;
        white-space: nowrap;
    }


    
    .section-index-product-solution{
        margin-top: 0;
    }
    .section-index-product-solution .inner{
        height: 100dvh;
        padding: 90px 10px 0;
        background: none;
    }
    .section-index-product-solution .item-title .zh{
        font-size: 22px;
    }
    .section-index-product-solution .item-title .en{
        font-size: 28px;
        white-space: nowrap;
        top: -70%;
    }
    .section-index-product-solution .item1{
        width: 100%;
    }
    .section-index-product-solution .item2{
        display: block;
        height: auto;
        margin-bottom: 10px;
    }
    .section-index-product-solution .item2::after{
        visibility: hidden;
    }
    .section-index-product-solution .item2 .list{
        padding: 20px 0;
    }
    .section-index-product-solution .item2 .icon1{
        opacity: 1;
        display: none;
    }
    .section-index-product-solution .item2 .row1{
        font-size: 18px;
    }
    .section-index-product-solution .item2 .row2{
        opacity: 1;
        margin-top: 15px;
    }
    .section-index-product-solution .item2 .row3{
        opacity: 1;
        width: 90%;
        margin-top: 10px;
    }
    .section-index-product-solution .item2 .block-more{
        opacity: 1;
    }


    .section-index-product-solution .swiper-slide{
        width: 60%;
        margin-right: 6px;
    }
    .section-index-product-solution .swiper-slide .block{
        height: 140px;
        margin-top: 6px;
    }
    .section-index-product-solution .block:hover{
        -webkit-transform: translateY(0);
           -moz-transform: translateY(0);
            -ms-transform: translateY(0);
             -o-transform: translateY(0);
                transform: translateY(0);
    }
    .section-index-product-solution .swiper-slide .detail{
        padding: 0 10px;
    }
    .section-index-product-solution .swiper-slide .title{
        font-size: 14px;
    }



    .section-index-technical-service{
        margin-top: 0;
        padding: 90px 0 10px;
        background: #f9fbfb;
    }
    .section-index-technical-service .inner{
        -webkit-clip-path: none!important;
                clip-path: none!important;
    }
    .section-index-technical-service .content{
        display: block;
        height: auto;
        overflow: visible;
    }
    .section-index-technical-service .content-left{
        width: 100%;
        padding: 0;
    }
    .section-index-technical-service .content-left .item-title .zh{
        font-size: 22px;
        text-align: center;
    }
    .section-index-technical-service .content-left .item-title .en{
        font-size: 28px;
        white-space: nowrap;
        text-align: center;
        top: -70%;
        width: 100%;
    }
    .section-index-technical-service .content-left .block-more{
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .section-index-technical-service .content-left .item0{
        margin-top: 30px;
        text-align: center;
        font-size: 15px;
    }
    .section-index-technical-service .content-left .item1{
        padding: 0 10px;
        margin-top: 10px;
        text-align: center;
    }
    .section-index-technical-service .content-left .item2{
        margin: 30px 0 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .section-index-technical-service .content-right{
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px;
        padding: 0 10px;
        display: none;
    }
    .section-index-technical-service .content-right .list{
        width: 100%;
        height: 220px;
        margin-top: 10px;
    }
    .section-index-technical-service .content-right .item:nth-child(2){
        margin-top: 0;
    }


    .section-index-news{
        margin: 0;
        padding: 90px 10px 1px!important;
        background-color: #5d7cb5;
    }
    .section-index-news::before{
        visibility: hidden;
    }
    .section-index-news .item-title .zh{
        font-size: 22px;
    }
    .section-index-news .item-title .en{
        font-size: 28px;
        white-space: nowrap;
        top: -70%;
    }
    .section-index-news .item-tabs{
        display: block;
    }
    .section-index-news .tab-list{
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px;
    }
    .section-index-news .tab-list .tab{
        padding: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin-right: 0;
        font-size: 14px;
    }
    .section-index-news .block-more{
        margin-top: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .section-index-news .item-news.active{
        display: block;
    }
    .section-index-news .news-first{
        width: 100%;
    }
    .section-index-news .news-list{
        margin: 10px 0 0;
    }
    .section-index-news .news-list .list{
        margin-bottom: 10px;
    }
    .section-index-news .item-news .list a{
        padding: 10px;
    }
    .section-index-news .item-news .list .imgbox{
        height: 200px;
    }
    .section-index-news .item-news .list .title{
        font-size: 16px;
    }


    .section-about-company-profile .inner{
        padding: 35px 10px 20px;
    }
    .section-about-company-profile .inner::before{
        display: none;
    }
    .section-about-company-profile .content{
        display: block;
    }
    .section-about-company-profile .item-title .zh{
        font-size: 22px;
        text-align: center;
    }
    .section-about-company-profile .item-title .en{
        font-size: 28px;
        white-space: nowrap;
        top: -70%;
        text-align: center;
        width: 100%;
    }
    .section-about-company-profile .row{
        font-size: 16px;
    }
    .section-about-company-profile .row .copy{
        font-size: 16px;
    }

    
    .section-about-company-profile .content-left .item-list{
        margin-top: 20px;
    }
    .section-about-company-profile .content-left .item-list .list{
        height: 200px;
        margin-right: 10px;
    }
    .section-about-company-profile .content-left .item-list .list:nth-child(2){
        margin-top: 0;
    }
    .section-about-company-profile .content-right{
        margin-left: 0;
        margin-top: 30px;
    }
    .section-about-company-profile .item-tabs-handle .tab{
        font-size: 16px;
    }
    .section-about-company-profile .item-tabs-content .list{
        font-size: 14px;
    }


    .section-about-multi-compatibility{
        padding: 0 10px;
    }
    .section-about-multi-compatibility .item-img{
        height: 200px;
    }
    .section-about-multi-compatibility .item1{
        display: block;
    }
    .section-about-multi-compatibility .item1 .list{
        width: 100%;
        margin-top: 10px;
    }
    .section-about-multi-compatibility .item1 .list .list-title{
        visibility: hidden;
    }
    .section-about-multi-compatibility .item1 .list .list-content{
        padding: 10px;
        visibility: visible;
    }
    .section-about-multi-compatibility .item1 .list .list-content .text{
        margin-top: 10px;
    }
    .section-about-multi-compatibility .item1 .list .list-content .title{
        opacity: 1;
    }
    .section-about-multi-compatibility .item1 .list .list-content .brief{
        display: block;
        margin-top: 10px;
        opacity: 1;
    }
    .section-about-multi-compatibility .item2{
        display: block;
        margin-top: 30px;
    }
    .section-about-multi-compatibility .item2 .item2-info{
        width: 100%;
    }
    .section-about-multi-compatibility .item2 .list{
        display: block;
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    .section-about-multi-compatibility .item2 .item2-img .list{
        display: block;
        width: 33%;
        height: auto;
        /* margin-top: 10px; */
    }
    .section-about-multi-compatibility .item2 .list .imgbox{
        height: 200px;
    }
    .section-about-multi-compatibility .item2 .list .info{
        display: block;
        width: 100%;
        height: auto;
        margin-left: 0!important;
    }
    .section-about-multi-compatibility .item2 .list .info .brief{
        margin-top: 10px;
    }


    .dialog-services-case .el-dialog{
        width: 90%!important;
    }

    .dialog-customized-service .el-dialog{
        width: 90%!important;
    }


    .section-product-list{
        padding: 40px 10px;
    }
    .section-product-list .item-title .en{
        font-size: 24px;
        top: -50%;
    }
    .section-product-list .item-subtitle{
        display: block;
    }
    .section-product-list .item-subtitle .t1{
        width: 100%;
    }
    .section-product-list .item-list{
        display: block;
    }
    .section-product-list .item-list .list{
        margin-top: 10px;
    }
    .section-product-list .item-list a{
        padding: 10px;
    }


    .section-product-list2{
        padding: 30px 10px;
    }

    .section-serving-customers{
        margin-top: 0px;
    }


    .section-about-development-history{
        -o-background-size: cover;
           background-size: cover;
        margin-top: 10px;
        padding: 30px 10px 10px;
    }
    .section-about-development-history .swiper-container{
        margin-top: 100px;
    }
    .section-about-development-history .swiper-arrow{
        left: 0px;
        top: 50px;
    }
    .section-about-development-history .swiper-button-next{
        right: 0px;
        left: auto;
    }


    .section-about-honor{
        padding: 40px 10px 10px;
    }
    .section-about-honor .content-tabs{
        margin-top: 30px;
    }
    .section-about-honor .content-tabs .tab{
        margin-right: 20px;
    }
    .section-about-honor .swiper-container{
        padding: 20px 0 20px;
    }
    

    .section-contact-us{
        padding: 0px 10px 10px;
    }
    .section-contact-us .item-list{
        display: block;
    }
    .section-contact-us .item-list .list{
        margin: auto;
        margin-top: 30px;
    }
    .section-contact-us .item-list .detail{
        margin-top: 0px;
    }
    .section-contact-us .item-list .title{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .section-contact-us .item-list .brief{
        font-size: 14px;
    }
    .section-contact-us .item-list .imgbox{
        margin-top: 10px;
    }


    .section-news-center{
        padding: 40px 10px 20px;
    }
    .section-news-center .item-news-list{
        display: block;
        padding: 0;
    }
    .section-news-center .item-news-list .list{
        margin-top: 30px;
    }
    .section-news-center .item-news-list .title{
        font-size: 16px;
        margin-top: 10px;
    }
    .section-news-center .item-news-list .block-more{
        margin-top: 10px;
    }
    .section-news-center .el-pagination.is-background .btn-next, 
    .section-news-center .el-pagination.is-background .btn-prev, 
    .section-news-center .el-pagination.is-background .el-pager li{
        margin: 0 2px;
    }
    .section-news-center .item-pagination{
        margin-top: 30px;
    }
    .section-news-center .el-pagination__total{
        display: none!important;
    }

    .section-news-search .item-title{
        margin-top: 30px;
        padding: 0 10px;
    }
    .section-news-search .item-search{
        padding: 0 10px;
    }
    .section-news-search .item-search .btn{
        width: 80px;
    }


    .section-news-detail{
        padding: 10px;
    }
    .section-breadcrumb{
        margin-top: 80px;
        padding: 0 10px;
    }
    .section-news-detail .item-title h1{
        font-size: 20px;
    }
    .section-news-detail .item-time::after{
        left: 0;
        right: 0;
    }
    .section-news-detail .content-detial{
        margin-top: 20px;
    }
    .section-news-detail .content-detial::after{
        left: 0;
        right: 0;
    }


    .section-banner .item-btns .btn{
        margin: auto;
    }
    .section-products{
        padding: 20px 10px;
    }
    .section-products .content{
        display: block;
        margin-top: 30px;
    }
    .section-products .content-left{
        width: 100%;
    }
    .section-products .item-title{
        margin-top: 20px;
    }
    .section-products .item-title .zh{
        font-size: 24px;
    }
    .section-products .item-title .en{
        font-size: 24px;
        top: -45%;
    }
    .section-products .tabs-list{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        overflow: auto;
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
        -webkit-scroll-snap-type: x mandatory;
            -ms-scroll-snap-type: x mandatory;
                scroll-snap-type: x mandatory;
        height: 50px;        
    }
    .section-products .tabs-list .tab{
        margin-bottom: 0;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        scroll-snap-align: start;
        scroll-snap-stop: always;  
    }
    .section-products .tabs-list .text{
        font-size: 16px;
    }
    .section-products .tabs-list .icon{
        width: 18px;
        margin-right: 5px;
    }
    .section-products .content-right{
        margin-left: 0;
        padding: 20px 0;
    }
    .section-products .banner .img{
        height: 160px;
    }
    .section-products .banner .text .brief{
        width: 100%;
        margin-top: 15px;
    }
    .section-products .item-list{
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .section-products .item-list .imgbox{
        height: 200px;
        padding: 10px;
    }


    .section-product-detail .inner{
        display: block;
        padding: 20px 10px;
        height: auto;
    }
    .section-product-detail .content-right{
        margin-left: 0;
    }
    .section-product-detail .content-right .imgbox{
        width: 100%;
        height: auto;
    }


    .section-product-detail2{
        margin-top: 30px;
        padding: 0 10px;
    }

    .section-product-detail3{
        margin-top: 30px;
        padding: 0 10px;
    }
    
    .section-product-detail4{
        margin-top: 30px;
        padding: 0 10px;
    }
    .section-product-detail4 .blank{
        height: 20px;
    }


    .section-services-profile .inner{
        padding: 40px 10px;
    }
    .section-services-profile .content{
        display: block;
        margin-top: 30px;
    }
    .section-services-profile .item-title .en{
        font-size: 20px;
        white-space: nowrap;
        top: -50%;
    }
    .section-services-profile .content-left .imgbox{
        width: 100%;
        height: auto;
    }
    .section-services-profile .content-right{
        margin-left: 0;
    }


    .section-services-case{
        padding: 30px 10px;
    }
    .section-services-case .swiper-container{
        padding: 0px 0 10px;
    }
    .section-services-case .item-line{
        margin: 10px 0 20px;
    }
}