@media screen and (max-width: 1024px) {
    body, html {
        min-width: 320px;
        width: 100%;
        overflow-x: hidden;

    }
    .wow {
        visibility: visible!important;
        animation-name: none!important;
        animation-delay: 0s!important;
    }
    .wn-content *{
        /*transition: none!important;*/
    }
    .header-top{
        display: none;
    }
    .wap-none{
        display: none;
    }
    .wap-block{
        display: block;
    }

    .header-menu{
        display: none;
    }



    .wn-banner{
        height: 64vw;
        margin: 15vw 0 0 0;
    }
    .banner-word .word-con{
        font-size: 4vw;
        padding: 0 0 2% 0;
        text-align: center;
        transform: translateY(calc( var(--bili) * 100px ));
    }
    .banner-word .word-eon{
        font-size: 3vw;
        padding: 0;
        text-align: center;
        transform: translateY(calc( var(--bili) * 100px ));
    }

    .inner {
        padding: 0 4%;
        width: 100%;
    }
    .wap-header{
        display: block;
    }
    .header{
        display: none;
    }
    .wap-head-lst{
        display: block;
    }


    .swiper-page-banner .swiper-pagination-bullet{
        margin: 0 5px!important;
        opacity: 1;
        width: 10px;
        height: 10px;
    }
    .wn-banner .swiper-pagination-bullet-active{
        width: 10px;
        height: 10px;
    }
    .wn-banner .swiper-pagination-bullet-active .wrapper_con{
        display: none;
    }
    .wn-banner .swiper-index{
        display: none;
        font-size: 0;
    }
    .swiper-pagination.swiper-page-banner{
        bottom: 15px!important;
    }


    .seize-seat{
        height: 15vw;
    }

    /*底部-s*/
    .footer{
        padding: 5% 0;
    }
    .footer .inner{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .footer .foot-ml{
        width: 100%;
    }
    .footer .foot-mr{
        width: 100%;
        border: 0;
        padding: 0;
        margin: 0 0 4% 0;
    }
    .footer .foot-link{
        display: none;
    }
    .footer .foot-ewm{

    }
    .footer .foot-ewm .dca{
        width: 24vw;
        height: 24vw;
    }
    .footer .foot-ewm .dcb{
        font-size: 3.5vw;
        padding: 0;
        margin: 5% 0 0 0;
    }
    .footer .foot-lx{
        width: 60%;
        text-align: right;
    }
    .footer .foot-lx .dca{
        font-size: 5vw;
        padding: 0;
        margin: 0 0 4% 0;
    }
    .footer .foot-lx .dcb{
        font-size: 4vw;
    }
    .footer .foot-copyright{
        padding: 4% 0 0 0;
    }
    .footer .foot-copyright .dca{
        display: none;
    }
    .footer .foot-copyright .dcmr{
        width: 100%;
        margin: 0;
    }
    .footer .foot-copyright .dcb{
        font-size: 3.5vw;
        line-height: 2;
    }


    .copyright{
        padding: 3% 4%;
        font-size: 3vw;
        line-height: 2;

    }
    .copyright .infx{
        display: block;
        text-align: center;
        line-height: 2;
        font-size: 3.5vw;
    }
    /*底部-e*/

    .detail-banner{
        padding: 0;
        height: 40vw!important;
        background-size: 230%!important;
        margin: 15vw 0 0 0;
    }



    .public-title{
        padding: 0;
        margin: 0 0 4% 0;
        text-align: center;
    }
    .public-title .dcn{
        font-size: 4.5vw;
        margin: 0 0 2% 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .public-title .dcn .eml{
        top: auto;
    }
    .public-title .dcn .emr{
        top: auto;
    }
    .public-title .den{
        font-size: 3vw;
    }


    /*首页-s*/

    .index-banner{
        height: auto;
        margin: 0;
    }


    .trait{
        padding: 5% 0 1%;
    }
    .trait .inner{
        flex-wrap: wrap;
        border: 0;
    }
    .trait .inner:after{
        display: none;
    }
    .trait .trait-item{
        width: 50%;
        margin: 0 0 4% 0;
        border: 0;
    }
    .trait .trait-item .dca{
        font-size: 6vw;
        font-weight: 700;
    }
    .trait .trait-item .dcb{
        font-size: 3.5vw;
        margin: 1vw 0 0 0;
    }
    .trait .trait-item:after{
        display: none!important;
    }


    .wn-case{
        padding: 5% 0;
    }
    .wnal-tab{
        margin: 0;
    }
    .wnal-tab ul{
        flex-wrap: wrap;
    }
    .wnal-tab ul li{
        font-size: 3.8vw;
        width: auto;
        padding: 0 5%;
        margin: 0 2% 4%;
    }
    .wnal-tab ul li .Acls{
        padding: 2.5vw 0;
    }
    .wnal-item{
        width: 48%;
        margin: 0 4% 4% 0;
    }
    .wnal-item:nth-child(2n){
        margin: 0 0 4% 0;
    }
    .wnal-item .dca{
        width: 100%;
        margin: 0;
        height: 30vw;
    }

    .wnal-item .dcb{
        height: 10vw;
        line-height: 10vw;
        font-size: 3.5vw;
        background:  #ffffff url(../images/u71.svg) no-repeat 95%;
        background-size: 1.8vw;
    }
    .wnsy-more .wmann{
        font-size: 3.8vw;
        background: url(../images/w1.svg) no-repeat right center;
        background-size: 3vw;
        padding: 0 5vw 0 0;
    }



    .wn-about{
        padding: 6% 0 5%;
        background-size: cover;
    }
    .wn-about-box{
        flex-wrap: wrap;
    }
    .wn-about-box .dcml{
        width: 100%;
    }
    .wn-about-box .dcmr{
        width: 100%;
        height: auto;
    }
    .wn-about-box .dca{
        font-size: 3.8vw;
        line-height: 2;
        margin: 0 0 4% 0;
    }
    .wn-about-box .dcb{
        width: 35vw;
        height: 10vw;
        line-height: 10vw;
        margin: 0 0 5% 0;
        font-size: 3.8vw;
        background-color: var(--colorFU);
    }


    .wn-news{
        padding: 6% 0 5%;
    }
    .wn-news-lst{
        flex-wrap: wrap;
        margin: 0 0 4% 0;
    }
    .wn-news-lst .dcml{
        width: 100%;
        margin: 0 0 4% 0;
    }
    .wn-news-lst .dcmr{
        width: 100%;
    }
    .wn-news-lst .dcml .dca{
        height: 60vw;
    }
    .wn-news-lst .dcml .wnxw-box{
        width: 94%;
        margin: -12vw auto 0;
        padding: 2% 4%;
        height: auto;
    }
    .wn-news-lst .wnxw-box .dcma .dcb{
        font-size: 8vw;
        margin: 0 0 2vw 0;
    }
    .wn-news-lst .wnxw-box .dcma .dcc{
        font-size: 3.2vw;
    }
    .wn-news-lst .wnxw-box .dcma{
        width: 22%;
        padding: 3% 0;
    }
    .wn-news-lst .dcml .wnxw-box .dcmb{
        width: 74%;
        padding: 0;
    }
    .wn-news-lst .wnxw-box .dcmb .dcd{
        font-size: 4vw;
        margin: 0 0 2% 0;
    }
    .wn-news-lst .wnxw-box .dcmb .dce{
        font-size: 3.5vw;
    }

    .wn-news-lst .wnxw-box{
        height: auto;
        margin: 0 0 4% 0;
    }
    .wn-news-lst .wnxw-box .dcmb{
        width: 74%;
    }

    /*首页-e*/

    .wn-menu .inner{
        padding: 0;
    }
    .wn-menu-lst{
        justify-content: flex-start;
        overflow: auto;
    }

    .wn-menu-box{
        width: auto;
        font-size: 3.8vw;
        white-space:nowrap;

    }
    .wn-menu-box .mCa{
        height: 12vw;
        line-height: 12vw;
        padding: 0 5vw;
    }















    .wn-content{
        padding: 5% 0!important;
    }







    /*关于我们-s*/
    .about-intro{
        flex-wrap: wrap;
    }
    .about-intro .dcmal{
        width: 100%;
        margin: 0 0 4% 0;
    }
    .about-intro .dcmar{
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .about-intro .dcmal .dca{
        font-size: 4vw;
        margin: 0 0 2% 0;
    }
    .about-intro .dcmal .dcb{
        font-size: 4.5vw;
        line-height: 2;
        margin: 0 0 2% 0;
        padding: 0 0 2% 0;
        border-bottom: solid 1px #e1e1e1
    }
    .about-intro .dcmal .dcc{
        font-size: 3.8vw;
        line-height: 2;
        margin: 0;
    }
    .about-intro .dcmar .dca{
        position: relative;
        width: 100%;
        height: auto;
        top: auto;
    }
    .about-intro .dcmar .dcb{
        position: relative;
        width: 100%;
        left: auto;
        bottom: auto;
        padding: 4%;
    }
    .about-intro .dcmar .dcb .dcc{
        font-size: 3.8vw;
        margin: 0 0 2% 0;
    }
    .about-intro .dcmar .dcb .dcd span{
        font-size: 5vw;
    }

    /*关于我们-e*/

    /*企业文化-s*/
    .culture-content .ev-title{
        font-size: 4.5vw;
        margin: 0 0 5% 0;
        padding: 0 0 4% 0;
    }
    .culture-content .ev-title:after{
        width: 10%;
        left: 45%;
        height: 3px;
    }
    .culture-content .ev-list{
        flex-wrap: wrap;
    }
    .culture-content .ev-list .ev-item{
        width: 100%;
        margin: 0 0 4% 0;
        padding: 6%;
    }
    .culture-content .ev-list .ev-item .eva{
        width: 12vw;
        height: 12vw;
        margin: 0 0 5% 0;
    }
    .culture-content .ev-list .ev-item .evb{
        font-size: 5vw;
        margin: 0 0 5% 0;
    }
    .culture-content .ev-list .ev-item .evc{
        width: 10%;
        margin: 0 0 5% 0;
    }
    .culture-content .ev-list .ev-item .evd{
        font-size: 3.8vw;
    }
    /*企业文化-e*/

    /*优势-s*/
    .culture-list .culture-dcma{
        margin: 0 0 4% 0;
    }
    .culture-list .culture-dcma .dcimg{
        height: auto;
        margin: 0 0 4% 0;
    }
    .culture-list .culture-dcma .dcma{
        color: #333;
        position: relative;
        width: 100%;
        left: auto;
        top: auto;
    }
    .culture-list .culture-dcma .dcma .dca{
        font-size: 4.5vw;
    }
    .culture-list .culture-dcma .dcma .dcb{
        font-size: 3.8vw;
        font-weight: bold;
        margin: 2% 0 0 0;
    }
    .culture-list .culture-dcma .dcma .dcc{
        font-size: 3.8vw;
        margin: 2% 0 0 0;
    }
    .culture-list .culture-dcmb{
        width: 100%;
        margin: 0 0 4% 0;
    }
    .culture-list .culture-dcmb .dcimg{
        height: auto;
    }
    .culture-list .culture-dcmb .dcma{
        padding: 5%;
    }
    .culture-list .culture-dcmb .dcma .dca{
        font-size: 4vw;
        padding: 0 0 2% 0;
        margin: 0 0 2% 0;
    }
    .culture-list .culture-dcmb .dcma .dca:after{
        width: 10%;
    }
    .culture-list .culture-dcmb .dcma .dcb{
        font-size: 3.5vw;
        line-height: 2;
    }

    /*优势-e*/


    /*荣誉-s*/
    .honor-box {
        width: 100%;
        margin: 0;
    }
    .honor-box .dca {
        height: auto;
        padding: 5%;
    }
    .honor-box .dcb {
        height: 10vw;
        line-height: 10vw;
        font-size: 3.8vw;
        padding: 0;
        margin: 2% 0 2% 0;
    }
    .small-content-wh{
        display: none;
    }
    .mask-layer-container .img-pre,.mask-layer-container .img-next{
        top: 90% !important;
        display: none;
    }

    .market-con{
        width: 100%;
        height: auto;
    }
    .market-item{
        display: none;
    }
    /*荣誉-e*/

    .single-intro{
        padding: 5% 0;
    }
    .single-intro .si-content .el-tit{
        font-size: 4.5vw;
        margin: 0 0 4% 0;
    }
    .single-intro .si-content .el-con{
        font-size: 3.8vw;
    }


    /*新闻-s*/
    /*通知公告-e*/


    .news-item{
        margin: 0 0 5% 0;
        padding: 0 0 5% 0;
    }
    .news-item:last-child{
        margin: 0 0 5% 0;
    }
    .news-item .Acls{
        align-items: center;
    }
    .news-item .dca{
        width: 40%;
        height: 30vw;
    }
    .news-item .dcma{
        padding: 0 5% 0 0;
        height: auto;
        width: 60%;
        display: block;
    }
    .news-item .dcb{
        font-size: 4vw;
        margin: 0 0 4% 0;
    }
    .news-item .dcc{
        font-size: 3.8vw;
        margin: 0 0 4% 0;
        height: auto;
        line-height: 1.8;
        -webkit-line-clamp: 2;
    }
    .news-item .dcd{
        font-size: 3.5vw;
    }
    .news-item:hover .dcb{
        padding: 0;
    }
    .news-item .ec-date{
        display: none;
    }

    /*新闻-e*/


    /*联系我们-s*/
    .lxwm-list{
        flex-wrap: wrap;
    }
    .lxwm-list .lxr{
        width: 100%;
        margin: 0 0 2% 0;
    }
    .lxwm-list .wn-container{
        width: 100%;
        height: 90vw;
    }
    .lxwm-list .lxr .dca{
        font-size: 4.2vw;
        padding: 0;
        margin: 0;
        letter-spacing: 0;
    }
    .lxwm-list .lxr .dcb{
        font-size: 3.8vw;
        margin: 3vw 0;
        padding: 0 0 0 8vw;
        line-height: 1.6;
        background-size: 5vw!important;
        background-position: 0 20% !important;
    }
    /*联系我们-e*/


    /*手机二级分类-s*/
    .clas-list-wap{
        position: relative;
        width: 100%;
        margin: 0 0 4% 0;
    }
    .clas-list-wap .clas-trigger{
        background-color: var(--colorZT);
        padding: 4% 5%;
        color: #ffffff;
        position: relative;
        font-size: 4vw;
    }
    .clas-list-wap .clas-trigger:after {
        content: "";
        position: absolute;
        background: url(../images/icons/wap_ny.svg)no-repeat right;
        width: 4vw;
        height: 4vw;
        right: 5%;
        top: calc((100% - 4vw)/2);
        background-size: 100%;
        opacity: 1;
        transition: all 0.3s;
    }
    .clas-list-wap .clas-trigger.open:after {
        transform:rotate(90deg);
    }
    .clas-list-wap .clas-menu{
        background-color: #ffffff;
        display: none;
    }
    .clas-list-wap .clas-menu .navA{
        width: 100%;
        padding: 0 5%;
        border-bottom: 1px solid #EEEEEE;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .clas-list-wap .clas-menu .navA .cA{
        width: calc(100% - 20vw);
        line-height: 12vw;
        color: #333333;
        font-size: 3.8vw;
        display: block;
        cursor: pointer;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
    }
    .clas-list-wap .clas-menu .navA .cAI{
        width: 20vw;
        height: 12vw;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .clas-list-wap .clas-menu .navA .cAI:after{
        content: '';
        position: absolute;
        width: 4vw;
        height: 4vw;
        background: url(../images/icons/aw1.svg) no-repeat 90% center;
        background-size: 100%;
        transform:rotate(-90deg);
        transition: all 0.5s;
    }

    .clas-list-wap .clas-menu .eBls{
        width: 100%;
        /*height: 0;*/
        overflow: hidden;
        display: none;
    }
    .clas-list-wap .clas-menu .eBls .cB{
        border-top: 1px solid #EEEEEE;
        line-height: 10vw;
        padding: 0 4%;
        font-size: 3.5vw;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;

    }
    /*.clas-list-wap .clas-menu .navA.on .cA{*/
    /*    color: var(--colorZT);*/
    /*}*/
    .clas-list-wap .clas-menu .eBls .cB.on{
        color: var(--colorZT);
    }
    .clas-list-wap .clas-menu .navA.on .eBls{
        display: block;
    }
    .clas-list-wap .clas-menu .navA.open .cAI:after{
        transform:rotate(0deg);
    }

    /*手机二级分类-e*/




    /*产品-s*/
    .position-list{
        display: none;
    }
    .product-all{
        flex-wrap: wrap;
    }
    .product-all .dcml{
        display: none;
    }
    .product-all .dcmr{
        width: 100%;
    }

    .product-item{
        width: 100%;
        margin: 0 0 4% 0;
        padding: 2% 2% 4%;
    }
    .product-item .dca{
        height: auto;
    }
    .product-item .dcb{
        font-size: 4vw;
    }
    .product-item .dcc{
        font-size: 3.5vw;
        line-height: 1.8;
        max-height: none;
        margin: 0 0 4% 0;
    }
    .product-item .dcma a{
        font-size: 3.8vw;
    }
    /*产品-e*/


    /*产品详情-s*/
    .product-detail{
        padding: 5% 0;
    }
    .product-lr{
        flex-wrap: wrap;
    }
    .product-lr .cpl{
        width: 100%;
    }
    .ms-showcase2-template.ms-dir-v{
        margin: 0!important;
        padding: 0!important;
    }
    .ms-showcase2-template .ms-thumb-list.ms-dir-v{
        display: none;
    }
    .product-lr .cpr .cpmc{
        font-size: 4.2vw;
        padding: 0;
        margin: 6% 0 3%;
    }
    .product-lr .cpr .cpis{
        font-size: 3.8vw;
        line-height: 1.8;
    }
    .product-intro-title{
        font-size: 4.2vw;
    }
    .product-info{
        font-size: 3.8vw;
    }
    /*产品详情-e*/







    /*新闻详情-s*/
    .detail-content .title{
        font-size: 4.5vw;
        margin: 0 0 5% 0;
    }
    .detail-content .info{
        font-size: 3.5vw;
        margin: 0 0 5% 0;
        padding: 0 0 5% 0;
        border-bottom: 1px solid #eeeeee;
    }
    .detail-content .content{
        font-size: 3.8vw;
    }
    .detail-content .content *{
        height: auto;
        font-size: 3.8vw;
    }
    .Around{
        flex-wrap: wrap;
        margin: 3% 0 0 0;
        padding: 3% 0 0 0;
    }

    .Around .Aroundul{
        width: 100%;
        text-align: left!important;
        margin: 0 0 3% 0;
        font-size: 3.8vw;
        padding: 3% 4%;
    }
    .Around .Aroundul:first-child{
        margin: 0 0 3% 0;
    }
    /*新闻详情-e*/

    /*招聘-s*/
    .recruit-content{
        position: relative;
        margin: 0 0 4% 0;
    }
    .recruit-content .rel-con{
        display: block;
    }
    .recruit-content .rel-box{
        width: 100%;
        margin: 0 0 3% 0;
        height: auto;
        padding: 5% 2%;
    }

    .recruit-content .rel-box .dca{
        width: 6vw;
    }
    .recruit-content .rel-box .dcb{
        font-size: 4vw;
        padding: 4% 0;
    }
    .recruit-content .rel-box .dcc{
        font-size: 3.8vw;
    }

    .recruit-list{
        margin: 0 0 4% 0;
    }
    .recruit-list .recruit-title .el-mc{
        width: 33.3%;
        font-size: 4vw;
        line-height: 12vw;
    }
    .recruit-list .recruit-title .el-mc:nth-child(3) {
        display: none;
    }
    .recruit-list .recruit-title .el-mc:nth-child(4) {
        display: none;
    }
    .recruit-list .recruit-title .el-mc:nth-child(6) {
        display: none;
    }
    .recruit-item .recruit-mc{
        align-items: center;
    }
    .recruit-item .recruit-mc .el-mc{
        width: 33.3%;
        font-size: 3.6vw;
        line-height: 1.8;
        padding: 3% 2%;
    }
    .recruit-item .recruit-mc .el-mc:nth-child(3) {
        display: none;
    }
    .recruit-item .recruit-mc .el-mc:nth-child(4) {
        display: none;
    }
    .recruit-item .recruit-mc .el-mc:nth-child(6) {
        display: none;
    }
    .recruit-item .recruit-whnr{
        padding: 5%;
    }
    .recruit-item .recruit-whnr .el-lar{
        display: block;
    }
    .recruit-item .recruit-whnr .el-wih{
        width: 100%;
    }
    .recruit-item .recruit-whnr .el-wih:nth-child(1) {
        margin: 0 0 4% 0;
    }

    .recruit-item .recruit-whnr .el-wih .dca{
        font-size: 4vw;
    }
    .recruit-item .recruit-whnr .el-wih .dcb{
        font-size: 3.8vw;
        line-height: 2;
    }
    /*招聘-e*/


    .case-top{
        margin: 0 0 4% 0;
    }
    .case-top .ec-item .Acls{
        display: block;
    }
    .case-top .ec-item .ec-im{
        width: 100%;
        height: 60vw;
    }
    .case-top .ec-item .ec-cn{
        width: 100%;
    }
    .case-top .ec-item .ec-cn .ec-mc{
        font-size: 4vw;
        margin: 0 0 2% 0;
    }
    .case-top .ec-item .ec-cn .ec-in{
        font-size: 3.5vw;
        margin: 0 0 4% 0;
        line-height: 2;
        -webkit-line-clamp: 2;
    }
    .case-top .ec-item .ec-cn .ec-an{
        font-size: 3.5vw;
        padding: 2vw 10vw 2vw 4vw;
        background: var(--colorFU) url(../images/w6.svg) no-repeat 84% center;
        background-size: 4vw!important;
    }
    .case-Sw .swiper-pagination{
        bottom: 6%;
    }
    .case-Sw .swiper-pagination .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }
    .project-list .project-item{
        width: 100%;
        margin: 0 0 4% 0;
    }

    .project-list .project-item .dca{
        height: 60vw;
    }
    .project-list .project-item .dcb{
        font-size: 4vw;
    }



}