@media screen and (max-width: 1024px) {
    :root{
        --bili:0.7;
        --wzbl:0.7;
    }
    body, html {
        overflow-x: hidden;
    }
    .wap-none{
        display: none;
    }
    .wap-show{
        display: block;
    }
    .eim05s:hover{
        transform: scale(1);
    }
    .wimg05s:hover{
        transform: scale(1);
    }
    .wimg1s:hover{
        transform: scale(1);
    }
    .inner {
        padding: 0 4%;
        width: 100%;
    }
    .wi-banner{
        padding: 15vw 0 0 0;
    }
    .header{
        display: none;
    }
    .wap-head-lst{
        display: block;
    }
    .bottom-fix{
        display: block;
    }
    /*end*/


    .detail-banner{
        margin: 15vw 0 0 0;
        min-height: auto;
        height: 40vw;
    }
    .detail-banner img{
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }
    .detail-banner .ad-con .ad-cn{
        font-size: 4.5vw;
        letter-spacing: 2px;
        margin: 0 0 4% 0;
    }
    .detail-banner .ad-con .ad-en{
        font-size: 3vw;
        padding: 0;
        letter-spacing: 0;
        background: transparent;
    }


    .wn-banner {
        padding-top: 15vw;
        height: 60vw;
    }
    .swiper-page-banner .swiper-pagination-bullet{
        margin: 0 5px!important;
    }
    .wn-banner .swiper-pagination-bullet-active{
        width: 12px;
        height: 12px;
    }
    .wn-banner .swiper-pagination-bullet-active .wrapper_con{
        display: none;
    }
    .wn-banner .swiper-pagination-bullet-active .swiper-index{
        display: none;
    }
    .swiper-pagination.swiper-page-banner{
        bottom: 15px!important;
    }



    .head-top{
        display: none;
    }
    .head-middle{
        display: none;
    }



    .wi-wcA{
        padding: 5% 0;
    }
    .wi-title{
        margin: 0 0 4% 0;
    }
    .wi-title .wit-cn{
        font-size: 4.5vw;
        margin: 0 0 4% 0;
    }
    .wi-title .wit-en{
        font-size: 4vw;
    }
    .wiA-con{
        display: block;
    }
    .wiA-con .ell{
        display: none;
    }
    .wiA-con .elr{
        width: 100%;
    }



    .wiA-con .elr .el-tam{
        margin: 0 0 4% 0;
        border: 0;
    }
    .wiA-con .elr .el-tam .el-tab{
        width: 100%;
        max-width: none;
    }
    .wiA-con .elr .el-tam .el-tab .elt-ie{
        width: 33.3%;
        height: 12vw;
        line-height: 12vw;
        text-align: center;
    }

    .wiA-con .elr .el-tam .el-more{
        display: none;
    }


    .wiA-con .elr .el-swlst{
        height: auto;
        padding: 4%;
        margin: 0 0 4% 0;
        overflow: hidden;
    }
    .wiA-con .elr .el-swlst .el-swie .Acls{
        display: block;
    }
    .wiA-con .elr .el-swlst .el-swie .es-im{
        width: 100%;
        height: 60vw;
    }
    .wiA-con .elr .el-swlst .el-swie .es-con{
        width: 100%;
    }
    .wiA-con .elr .el-swlst .el-swie .es-tit{
        font-size: 4vw;
        margin: 0 0 3% 0;
    }
    .wiA-con .elr .el-swlst .el-swie .es-line{
        margin: 0 0 3% 0;
    }
    .wiA-con .elr .el-swlst .el-swie .es-int{
        font-size: 3.8vw;
        margin: 0 0 4% 0;
    }
    .wiA-con .elr .el-swlst .el-swie .es-btn{
        font-size: 4vw;
        padding: 2vw 8vw;
    }

    .wiA-con .elr .el-swlst .iasw-btn-next,.wiA-con .elr .el-swlst .iasw-btn-prev{
        display: none;
    }
    .wiA-con .elr .el-rmlst{
        display: none;
    }
    .wiA-con .elr .el-rmlst .el-rmie{
        width: 100%;
        margin: 0 0 4% 0;
    }



    .wi-wcB{
        padding: 5% 0;
    }
    .wiB-con{
        display: block;
    }
    .wiB-con .ell{
        width: 100%;
    }
    .wiB-con .el-tab{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 0 4% 0;
    }
    .wiB-con .el-tab .elt-ie{
        width: 32%;
        font-size: 3vw;
        height: 10vw;
        line-height: 10vw;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
    }
    .wiB-con .el-tab .elt-ie:last-child{
        display: none;
    }
    .wiB-con .elr{
        width: 100%;
        padding: 0;
        background: transparent;
    }
    .wiB-con .el-lst .ei-ie:first-child{
        margin: 0 0 4% 0;
    }
    .wiB-con .el-lst .ei-ie{
        width: 32%;
        margin: 0 0 4% 0;
    }
    .wiB-con .el-lst .ei-ie:first-child .Acls{
        display: block;
    }

    .wiB-con .el-lst .ei-ie:first-child .ei-im{
        width: 100%;
        height: auto;
    }
    .wiB-con .el-lst .ei-ie .ei-con{
        width: 100%;
    }
    .wiB-con .el-lst .ei-ie .ei-con .ei-tit{
        font-size: 4vw;
        margin: 2% 0;
        line-height: 10vw;
        height: 10vw;
    }
    .wiB-con .el-lst .ei-ie .ei-con .ei-int{
        font-size: 3.8vw;
        margin: 0 0 4% 0;
    }
    .wiB-con .el-lst .ei-ie .ei-con .ei-btn{
        font-size: 3.8vw;
        padding: 2vw 8vw;
        border-radius: 5px;
    }
    .wiB-con .el-lst .ell-ie{
        justify-content: space-between;
    }
    .wiB-con .el-lst .ei-ie .ei-im{
        height: 24vw;
    }

    .wi-wcC{
        padding: 5% 0;
    }

    .wiC-con .wc-ela{
        display: block;
        margin: 0 0 4% 0;
    }
    .wiC-con .wc-ela .ell{
        width: 100%;
        margin: 0 0 4% 0;
    }
    .wiC-con .wc-ela .ell .el-im{
        height: auto;
    }
    .wiC-con .wc-ela .elr{
        width: 100%;
    }
    .wiC-con .wc-ela .elr .er-wa{
        margin: 0 0 4% 0;
    }
    .wiC-con .wc-ela .elr .er-wa .er-tit{
        font-size: 5vw;
    }
    .wiC-con .wc-ela .elr .er-wa .er-ck{
        display: none;
    }
    .wiC-con .wc-ela .elr .er-wb{
        font-size: 3.8vw;
        margin: 0 0 4% 0;
    }
    .wiC-con .wc-ela .elr .er-wc .er-ia{
        font-size: 4vw;
    }
    .wiC-con .wc-ela .elr .er-wc .er-ib{
        font-size: 4vw;
        margin: 0 2vw;
        padding: 0;
    }

    .wiC-con .wc-elb .wcb-cna{
        font-size: 5vw;
    }
    .wiC-con .wc-elb .wcb-cnb{
        font-size: 4vw;
        padding: 4% 0;
        background: transparent;
    }

    .wiC-con .wc-elb .wcb-lar{
        display: none;
    }
    .wiC-con .wc-elb .wcb-swl{
        display: block;
    }
    .wiC-con .wc-elb .wcb-swl .ws-ie{
        width: 100%;
    }
    .wiC-con .wc-elb .wcb-swl .ws-ie .wsi-im{
        height: 80vw;
    }
    .wiC-con .wc-elb .wcb-swl .ws-ie .wsi-con{

    }
    .wiC-con .wc-elb .wcb-swl .ws-ie .wsi-con .wsi-icon{
        margin: 0 0 4% 0;
    }
    .wiC-con .wc-elb .wcb-swl .ws-ie .wsi-con .wsi-tit{
        font-size: 5vw;
        margin: 0 0 4% 0;
    }
    .wiC-con .wc-elb .wcb-swl .ws-ie .wsi-con .wsi-int{
        font-size: 4vw;
    }

    .wi-wcD{
        padding: 5% 0;
        background: #f7f7f7;
    }
    .wiD-con .wcd-cna{
        font-size: 4vw;
    }
    .wiD-con .wcd-cna:after{
        margin: -4vw 0 0 0;
        width: 6vw;
        height: 6vw;
    }
    .wiD-con .wcd-cnb{
        font-size: 4vw;
    }
    .wiD-con .wcd-lst{
        display: block;
        margin: 0 0 4% 0;
    }
    .wiD-con .wcd-lst .wl-wz{
        width: 100%;
        padding: 0;
        background: transparent!important;
    }
    .wiD-con .wcd-lst .wl-wz .wl-ka{
        font-size: 4vw;
        text-align: center;
    }
    .wiD-con .wcd-lst .wl-wz .wl-ka span{
        font-size: 4.5vw;
    }
    .wiD-con .wcd-lst .wl-wz .wl-kb{
        font-size: 4vw;
        margin: 0 0 4% 0;
        text-align: center;
    }
    .wiD-con .wcd-lst .wl-wz .wl-kc{
        font-size: 3.8vw;
        padding: 0 0 0 30px;
    }
    .wiD-con .wcd-lst .wl-im{
        width: 100%;
        margin: 0 0 4% 0;
    }

    .wi-wcE{
        padding: 5% 0;
    }
    .wiE-con{
        display: block;
    }
    .wiE-con .wce-con{
        width: 100%;
        margin: 0 0 4% 0;
    }
    .wiE-con .wce-tam{
        margin: 0 0 4% 0;
    }
    .wiE-con .wce-tam .wce-tit{
        font-size: 4.5vw;
    }
    .wiE-con .wce-tam .wce-ck{
        font-size: 4vw;
    }
    .wiE-con .wce-ie .Acls{
        display: block;
    }
    .wiE-con .wce-ie .wi-im{
        width: 100%;
        height: auto;
    }
    .wiE-con .wce-ie .wi-con{
        width: 100%;
        padding: 5%;
    }
    .wiE-con .wce-ie .wi-con .wi-tit{
        font-size: 4vw;
        margin: 0 0 3% 0;
    }
    .wiE-con .wce-ie .wi-con .wi-int{
        font-size: 3.8vw;
        margin: 0 0 3% 0;
    }
    .wiE-con .wce-ie .wi-con .wi-dam .wi-date{
        font-size: 3vw;
    }
    .wiE-con .wce-ie .wi-con .wi-dam .wi-more{
        font-size: 3vw;
    }
    .wiE-con .wce-ies{
        padding: 4% 0;
    }
    .wiE-con .wce-ies .wis-tad .wis-tit{
        font-size: 4vw;
        width: 75%;
    }
    .wiE-con .wce-ies .wis-tad .wis-date{
        font-size: 3vw;
    }


    .wiE-con .wce-he .wi-im{
        width: 42%;
        height: 30vw;
    }
    .wiE-con .wce-he .wi-con{
        width: 55%;
    }
    .wiE-con .wce-he .wi-con .wi-tit{
        font-size: 4vw;
        margin: 0 0 3% 0;
    }
    .wiE-con .wce-he .wi-con .wi-int{
        font-size: 3.5vw;
        margin: 0 0 3% 0;
    }
    .wiE-con .wce-he .wi-con .wi-more{
        font-size: 3vw;
        padding: 1vw 4vw;
    }

    .wi-wcF{
        padding: 5% 0;
        display: none;
    }
    .wiF-con .wcf-cna{
        font-size: 5vw;
    }
    .wiF-con .wcf-cnb{
        font-size: 4vw;
        padding: 4% 0;
        background: transparent;
    }

    .footer{
        padding: 5% 0;
    }
    .footer .dbA{
        display: none;
    }
    .footer .dbB{
        display: none;
    }
    .footer .dbC .ecr{
        display: none;
    }
    .footer .dbC .ecl .ec-cn{
        font-size: 3.8vw;
    }
    .footer .dbC .ecl .ec-cn *{
        font-size: 3.8vw;
    }

    .main-conter{
        padding: 5% 0;
    }
    .about-conter .ab-title{
        margin: 0 0 4% 0;
    }
    .about-conter .ab-title .ab-tcn{
        font-size: 5vw;
        margin: 0 0 4% 0;
    }
    .about-conter .ab-title .ab-ten{
        font-size: 4vw;
    }
    .about-conter .ab-intro{
        display: block;
        margin: 0 0 4% 0;
    }
    .about-conter .ab-intro .ail{
        width: 100%;
        margin: 0 0 4% 0;
    }
    .about-conter .ab-intro .ail-tit{
        font-size: 4.5vw;
        margin: 0 0 4% 0;
    }
    .about-conter .ab-intro .ail-con{
        font-size: 4vw;
    }
    .about-conter .ab-intro .air{
        width: 100%;
        height: auto;
    }
    .about-conter .ab-vision{
        display: block;
    }
    .about-conter .ab-vision .avl{
        width: 100%;
        height: auto;
        margin: 0 0 4% 0;
    }
    .about-conter .ab-vision .avr{
        width: 100%;
    }
    .about-conter .ab-vision .avr-iem{
        margin: 0 0 4% 0;
    }
    .about-conter .ab-vision .avr-iem .avr-con{
        margin: 0 0 4% 0;
    }
    .about-conter .ab-vision .avr-iem .avr-con .avr-mc{
        font-size: 4.5vw;
    }
    .about-conter .ab-vision .avr-iem .avr-int{
        font-size: 4vw;
    }
    .about-conter .ab-vision .avr-iem .avr-con .avr-im{
        width: 8vw;
        height: 8vw;
    }

    .about-conter .ab-environ .ae-item .ae-im{
        height: auto;
    }
    .about-conter .ab-environ .ae-item .ae-tit{
        font-size: 3.8vw;
        height: 10vw;
        line-height: 10vw;
        padding: 0 4%;
    }
    .environ-swiper{
        padding: 0;
    }
    .environ-swiper .sw-anA{
        display: none;
    }
    .honor-conter{
        padding: 5% 0;
    }
    .honor-conter .hc-title .hc-tcn{
        font-size: 4vw;
        margin: 0 0 4% 0;
    }
    .honor-conter .hc-title .hc-ten{
        font-size: 3.5vw;
        margin: 0 0 4% 0;
        padding: 0 0 4% 0;
    }
    .honor-conter .honor-lst{
        justify-content: space-between;
    }
    .honor-conter .honor-lst .honor-item{
        width: 48%;
    }
    .honor-conter .honor-lst .honor-item:nth-child(2n){
        margin: 0 0 4% 0;
    }
    .honor-conter .honor-lst .honor-item .el-im{
        padding: 5%;
        margin: 0 0 4% 0;
        border-radius: 5px;
    }
    .honor-conter .honor-lst .honor-item .el-ims{
        height: 45vw;
    }
    .honor-conter .honor-lst .honor-item .el-cn{
        font-size: 4vw;
        margin: 0 0 4% 0;
    }
    .honor-conter .honor-lst .honor-item .el-en{
        font-size: 3.5vw;
    }

    .middle-cas{
        display: none;
    }
    .lst_infx{
        display: block;
    }
    .ecL{
        width: 100%;
    }
    .elc-contact{
        display: none;
    }
    .ecR{
        width: 100%;
    }

    .elc-nav{
        margin: 0 0 4% -4%;
        width: 108%;
    }
    .elc-nav .elc-mc{
        display: none;
    }
    .elc-nav .elc-lst {
        display: flex;
        align-items: center;
        overflow: auto;
    }
    .elc-nav .elc-lst .elc-iem{
        border: 0;
        height: 12vw;
        /*min-width: 25%;*/
    }
    .elc-nav .elc-lst .elc-iem .CAa{
        white-space: nowrap;
        padding: 0 4vw;
        font-size: 4vw;
        text-align: center;
        line-height: 12vw;
        min-width: 25vw;
        font-weight: 400;
    }
    .elc-nav .elc-lst .elc-iem.on .CAa{
        background-color: var(--colorZT);
        color: #ffffff;
    }
    .elc-nav .elc-line{
        display: none;
    }

    .elc-nav .elc-lst .elc-iem .CAa:before{
        display: none;
    }
    .elc-nav .elc-lst .elc-iem .CAa:after{
        display: none;
    }
    .elc-nav .elc-lst .elc-iem .CBls{
        display: none!important;
    }


    .cori-item .el-im{
        width: 42%;
        height: 30vw;
    }
    .cori-item{
        margin: 0 0 4% 0;
    }
    .cori-item .el-con{
        width: 54%;
        padding: 0 4% 0 0;
    }
    .cori-item .el-con .el-tit{
        font-size: 4vw;
        margin: 0 0 4% 0;
    }
    .cori-item .el-con .el-int{
        font-size: 3.5vw;
        margin: 0 0 4% 0;
        height: 8vw;
        line-height: 8vw;
        -webkit-line-clamp: 1;
    }
    .cori-item .el-con .el-dam .el-date{
        font-size: 3vw;
    }
    .cori-item .el-con .el-dam .el-more{
        font-size: 3vw;
    }


    .ecR_det{
        width: 100%;
    }
    .detail-conter .dc-title{
        font-size: 4.5vw;
        padding: 0;
        margin: 0 0 4% 0;
    }
    .detail-conter .dc-info .el-in{
        padding: 0;
        font-size: 3.8vw;
    }
    .detail-conter .dc-conter{
        padding: 0;
        font-size: 3.8vw;
    }
    .Around{
        border-top: 1px solid #dedede;
        padding: 4% 0 0 0;
        margin: 0 0 4% 0;
        flex-wrap: wrap;
    }
    .Around .Aroundul{
        width: 100%;
        max-width: 100%;
        margin: 0 0 3% 0;
    }
    .Around .Aroundul .Acls{
        font-size: 3.5vw;
        line-height: 10vw;
        height: 10vw;
        background-size: 3vw!important;
        padding: 0 5vw 0 10vw!important;
    }
    .Around .Aroundul:first-child .Acls{
        background: url(../images/icons/awel_white.svg) no-repeat 5vw;
    }
    .Around .Aroundul:last-child .Acls{
        background: url(../images/icons/awel_white.svg) no-repeat 5vw;
    }

    .rec-conter .rec-title{
        font-size: 4.5vw;
        height: 10vw;
        line-height: 10vw;
    }


    .conter-lst{
        display: block;
        margin: 0 0 4% 0;
    }
    .ecL_det{
        width: 100%;
    }
    .rec-conter{
        margin: 0 0 4% 0;
    }
    .rec-conter .rec-ieC .rec-mc{
        font-size: 3.8vw;
        padding: 0 4%;
        line-height: 12vw;
    }
    .rec-conter .rec-ieA{

    }
    .rec-conter .rec-ieA .rec-mc{
        font-size: 3.8vw;
        padding: 0 14% 0 4%;
        line-height: 12vw;
    }
    .rec-conter .rec-ieA .rec-mc:before{
        width: 5vw;
        height: 5vw;
        top: calc((100% - 5vw)/2);
    }
    .rec-conter .rec-line{
        height: 1vw;
    }

    .rec-conter .rec-ieB .rec-mc{
        font-size: 3.8vw;
        padding: 0 4% 0 14%;
        line-height: 12vw;
    }
    .rec-conter .rec-ieB .rec-mc:after{
        width: 3vw;
        height: 3vw;
        top: calc((100% - 3vw)/2);
    }


    .elc-nav .elc-lst .elc-iem.on .CBls{
        display: none!important;
    }
    .product-item{
        width: 100%;
        margin: 0 0 4% 0;
    }
    .product-item .el-im{
        height: auto;
    }
    .product-item .el-con .el-tit{
        height: 12vw;
        line-height: 12vw;
        padding: 0 0 0 4%;
    }
    .product-item .el-con .el-aw{
        background: transparent url(../images/icons/aw_r.svg) no-repeat center;
        background-size: 3vw 3vw;
    }


    .wih-conter .wih-cA{
        display: block;
        margin: 0 0 4% 0;
        padding: 0;
        background: transparent;
    }
    .wih-cA .wha-con{
        width: 100%;
        margin: 0 0 4% 0;
    }
    .wih-cA .wha-sw{
        width: 100%;
        margin: 0 0 5% 0;
    }
    .Pro-imA{
        height: 66vw;
    }
    .wih-cA .wha-con .wha-mc{
        font-size: 4.5vw;
        margin: 0 0 4% 0;
        padding: 0 0 4% 0;
    }
    .wih-cA .wha-con .wha-nr{
        font-size: 3.8vw;
        margin: 0 0 4% 0;
    }
    .wih-cA .wha-con .wha-bal .wha-btn{
        font-size: 3.8vw;
        padding: 2vw 6vw;
    }
    .wih-cA .wha-con .wha-bal .wha-tel{
        font-size: 3.5vw;
        background-size: 6vw;
        padding: 0 0 0 10vw;
        margin: 0 0 0 8%;
    }
    .wih-cB .whb-title{
        margin: 0 0 5% 0;
        padding: 0 0 3% 0;
    }
    .wih-cB .whb-title .whb-cn{
        font-size: 4vw;
    }
    .wih-cB .whb-title .whb-en{
        font-size: 3vw;
        margin: 0 0 0 4%;
    }
    .wih-cC .whc-tit{
        font-size: 4vw;
        padding: 0 6vw;
        height: 10vw;
        line-height: 10vw;
        margin: 0 0 0 4%;
    }
    .wih-cC .whc-tit:after{
        border-bottom: 5vw solid #154374;
        border-right: 12px solid transparent;
        right: -12px;
    }
    .wih-cC .whc-con{
        margin: -5vw 0 0 0;
        padding: 8vw 4% 4%;
        font-size: 3.8vw;
    }

    .wih-rec{
        flex-wrap: wrap;
    }


    .conter-lst .cl-ie{
        width: 100%;
        margin: 0 0 4% 0;
        padding: 5%;
    }
    .conter-lst .cl-ie .cl-im{
        width: 10vw;
        height: 10vw;
        margin: 0 auto 4%;
    }
    .conter-lst .cl-ie .cl-mc{
        font-size: 5vw;
    }
    .conter-lst .cl-ie .cl-nr{
        font-size: 4vw;
    }
    .conter-map .cm-title{
        font-size: 5vw;
        margin: 0 0 4% 0;
    }
    .map-container{
        height: 100vw;
    }

    .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;
    }
}