

@media screen and (max-width:1830px){

}


@media screen and (max-width:1700px) {


}

@media screen and (max-width:1600px){


}


@media screen and (max-width:1560px){


}


@media screen and (max-width:1440px){



}

@media screen and (max-width:1300px){



}



@media screen and (max-width:834px){

    body{ font-size: 15px;         overflow: inherit !important;}
    html{ font-size: 100px !important;         overflow: inherit !important;}
    .w{ width: 94%; min-width: auto;}


    .jmHead{ background: var(--color-blue); position: relative;}
    .jmHead.topFix{ position: fixed;}
    .jmHead-logo{ width: 130px;}
    .jmHead-nav{ display: none;}
    .jmHead-tools{ line-height: 55px;}
    .jmHead-tools .searchBtn{ margin-right: 55px;}
    .jmHead-tools .language{ display: none;}
    .jmHead-searchPopup .close-btn{ font-size: 18px;}
    .jmHead-searchPopup .cd-popup{ width:94%; padding:30px 30px 20px 20px;}

    .Mobile-button{ display: flex;}

.jmMain{ height: auto !important; overflow: auto !important;}
    .jmMain > div{ height: auto !important;}
    .jmMain > div > div{ height: auto !important;}

    .jmBanner{ height: 250px;}
    .jmBanner .cover-scroll{ display: none;}


    .jmProduct{ height: auto; padding: 30px 0 25px 0;}
    .jmProduct-head .he-tabs{ width: 100%;}
    .jmProduct-head .he-tabs a{ width: auto; text-align: center;}
    .jmProduct-head .he-tabs a:last-child{ display: none;}
    .jmProduct-head .he-tabs a .icon{ width: 40px; height: 40px; margin: auto;}
    .jmProduct-head .he-tabs a .icon img{ max-height: 100%;}
    .jmProduct-head .he-tabs a .icon:after{ display: none;}
    .jmProduct-head .he-tabs a .name{ font-size: 15px;}
    .jmProduct-head .he-more{ display: none;}

    .jmProduct-body{ margin-top: 25px;}
    .jmProduct-body li{ flex-wrap: wrap; padding-right: 45px;}
    .jmProduct-body li .word{ width: 100%;}
    .jmProduct-body li .word .t{ font-size: 16px;}
    .jmProduct-body li .word .c{ margin-top: 10px; line-height: 28px;}
    .jmProduct-body li .word .m{ margin-top: 20px; width: 120px; font-size: 13px; height: 36px;}
    .jmProduct-body li .word .m .iconfont{ margin-left: 10px;}
    .jmProduct-body li .thumb{ width: 100%; display: none;}
    .jmProduct-body .button{ width: 30px; height: 80px; padding: 10px 0;}


    .jmAbout{ height: auto; padding: 30px 0 25px 0;}
    .jmAbout-aside{ width: 100%;}
    .jmContact-aside-head .en{ font-size: 17px;}
    .jmContact-aside-head .font-b{ font-size: 18px;}
    .jmAbout-aside-text{ margin-top: 20px;}
    .jmAbout-aside-links{ margin-top: 20px; align-items: flex-start;}
    .jmAbout-aside-links a{ flex: 1;}
    .jmAbout-aside-links a .icon{ font-size: 20px;}
    .jmAbout-aside-links a .cn{ font-size: 15px; margin-top: 5px;}
    .jmAbout-aside-links a .en{ font-size: 13px; display:none;}

    .jmAbout-thumb{ width: 100%; padding: 0 10px 10px 0; margin-top: 20px;}
    .jmAbout-thumb img{ border-radius: 30px 0 30px 0;}
    .jmAbout-thumb:before{ border-radius: 0 0 30px 0;}


    .jmNews{ height: auto; padding: 30px 0 25px 0;}
    .jmNews-aside{ width: 100%;}
    .jmNews-body{ width: 100%;}
    .jmNews-body-list li{ width: 100%; padding: 15px; margin-bottom: 0; margin-top: 15px;}
    .jmNews-body-list li:nth-child(n+3){ display: none;}
    .jmNews-body-list li .date{ width: 65px; padding-bottom: 20px;}
    .jmNews-body-list li .date .d{ font-size: 16px;}
    .jmNews-body-list li .text .c{ -webkit-line-clamp:2; margin-top: 10px;}

    .jmNews-body-more .m{ width: 120px; font-size: 13px; height: 36px;}
    .jmNews-body-more .m .iconfont{ margin-left: 10px;}


    .jmContact{ height: auto; padding:30px 0 25px 0;}
    .jmContact-aside{ width: 100%;}
    .jmContact-aside-text{ margin-top: 15px;}
    .jmContact-aside-text .c{ margin-top: 20px;}
    .jmContact-aside-text .m{ width: 120px; font-size: 13px; height: 36px; margin-top: 20px;}
    .jmContact-aside-text .m .iconfont{ margin-left: 10px;}

    .jmContact-message{ width: 100%; margin-top: 20px; padding: 15px;}
    .jmContact-message .mes-title{ font-size: 17px;}
    .jmContact-message .mes-filed li{ margin-top: 20px!important;}
    .jmContact-message .mes-filed li .inpt{ padding-bottom: 10px;}
    .jmContact-message .mes-filed li:nth-child(5){ padding-bottom: 0;}
    .jmContact-message .mes-filed li .sbtn{ width: 120px;}

    .jmFooter-top{ padding: 20px 0 15px 0;}
    .jmFooter-topContact{ width: 100%;}
    .jmFooter-topContact .logo{ padding-bottom: 10px;}
    .jmFooter-topContact .logo img{ width: 130px;}

    .jmFooter-topMenu{ display: none; }
    .jmFooter-topCode{ max-width: initial; margin-top: 20px; font-size: 13px;}
    .jmFooter-topCode img{ width:70px;}
    .jmFooter-copy{ font-size: 13px; line-height: 22px; padding: 10px 0;}



    .public-banner{ height: 200px;}
    .public-menu .w{ width: 100%;}
    .public-menu a{ width: 50%; text-align: center; margin-right: 0; font-size: 16px; line-height: 40px;}
    .public-menu a:before{ display: none;}
    .public-menu a.active{ background: var(--color-blue); color: var(--color-white);}

    .pmain{ padding: 25px 0;}
    .pmain-page{ padding-top: 25px;}
    .pmain-page a{ font-size: 14px; height: 30px; line-height: 30px; padding: 0 10px; margin: 3px;}
    .pmain-page .nowpage{ font-size: 14px; height: 30px; line-height: 30px; padding: 0 10px; margin: 3px; }


    .pcase-list{ margin-left: -15px; margin-top: -15px;}
    .pcase-list li{ width: calc(50% - 15px); margin: 15px 0 0 15px;}
    .pcase-list li .title{ font-size: 15px; margin: 10px;}


    .pproject-details-top .gdt-photo{ width: 100%;}
    .pproject-details-top .gdt-info{ width: 100%; margin-top: 15px;}
    .pproject-details-top .gdt-info .font24{ font-size: 17px; font-weight: bold;}
    .pproject-details-top .gdt-info .lh30{ margin-top: 10px;}
    .pproject-details-desc{ margin-top: 20px;}
    .pproject-details-desc .desc-head{ border-width: 1px;}
    .pproject-details-desc .desc-head a{ font-size: 16px; padding: 0 20px; line-height: 40px;}
    .pproject-details-desc .desc-word{ margin-top: 15px;}


    .pabout-head{ padding: 0;}
    .pabout-head .font30{ font-size: 18px; line-height: 1;}
    .pabout-word{ line-height: 30px;}
    .pabout-number { margin-top: 20px;}
    .pabout-number dl dt b{ font-size: 20px;}

    .pabout-honor{ margin-left: -15px; margin-top: -15px;}
    .pabout-honor li{ width: calc(50% - 15px); margin: 15px 0 0 15px;}
    .pabout-honor li .thumb{ height: 130px;}
    .pabout-honor li .title{ font-size: 15px; margin-top: 10px;}

    .pservice-head .font24{ font-size: 17px;}
    .pservice-head .mt10{ line-height: 1.8;}
    .pservice-list{ padding-top: 0;}
    .pservice-list dl{ width: 100%; margin-top: 15px; padding: 15px; }
    .pservice-list dl dt{ width: 40px;}
    .pservice-list dl dd{ margin-left: 15px; padding-top: 0;}
    .pservice-list dl dd h3{ font-size: 16px; padding-bottom: 10px; -webkit-line-clamp:initial; line-height: 1.8;}


    .pnews-first{ display: none;}
    .pnews-first a{ padding-top: 0;}
    .pnews-first a .imgs{ position: relative;}
    .pnews-first .word{ position: relative; padding: 12px 0;}
    .pnews-first .word .s{ display: none;}
    .pnews-first .word .t{ font-size: 17px;}

    .pnews-list li{ margin-top: 20px;}
    .pnews-list li a{ border-radius: 0;}
    .pnews-list li .word{ padding-right: 0;}
    .pnews-list li .word .lines1{ font-size: 15px; line-height: 26px; -webkit-line-clamp:2;}
    .pnews-list li .word .lines3{ display: none;}
    .pnews-list li .word .f{ margin-top: 6px; font-size: 13px;}

    .pnews-details-head{ padding-bottom: 15px;}
    .pnews-details-head .title{ font-size: 18px; font-weight: bold; line-height: 1.8;}
    .pnews-details-head .info{ margin-top: 10px;}
    .pnews-details-desc{ margin-top: 25px; line-height: 30px;}
    .pnews-details-desc p{ margin-bottom: 15px;}
    .pnews-details-desc img{ width: inherit !important; height: inherit !important;}
    .pnews-details-page{ padding: 10px; margin-top: 25px;}
    .pnews-details-page a{ max-width: inherit; width: 100%; padding: 5px 0; line-height: 22px; font-size: 14px;}


    .pcontact-top{ font-size: 17px; font-weight: bold; margin-top: 20px;}
    .pcontact-tips{ line-height: 1.8;}

    .pcontact-divis{ margin-top: 20px;}
    .pcontact-divis .di-title{ font-size: 16px;}
    .pcontact-divis .di-column{ margin-top: 25px;}
    .pcontact-divis .di-column li{ margin-bottom: 15px; width: 100%;}
    .pcontact-divis .di-column li .icon{ width: 30px;}
    .pcontact-divis .di-column li .text .font24{ font-size: 16px;}
    .pcontact-divis .di-column li .text .mt05{ font-size: 14px;}

    .pcontact-filed li{ margin-top: 15px;}
    .pcontact-filed li .aside{ width: 100%; margin-right: 0; margin-top: 15px;}
    .pcontact-filed li .aside:first-child{ margin-top: 0;}
    .pcontact-filed li .inpt{ height: 40px; line-height: 20px; padding: 10px; font-size: 15px;}
    .pcontact-filed li .area{ height: 120px; padding: 10px; font-size: 15px;}
    .pcontact-filed li .yzm-aside{ justify-content: flex-start;}
    .pcontact-filed li .yzm-aside .inpt{ width: 120px;}
    .pcontact-filed li .yzm-aside .sbtn{ width: 100%; margin-top: 20px; height: 45px; line-height: 45px; font-size: 16px;}



}


@media screen and (max-width:640px){


}