

@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){

    .w{ width: 1280px;}

}

@media screen and (max-width:1300px){

    .w{ width: 1200px;}

}



@media screen and (max-width:834px){

    html{ font-size: 100px !important;}
    body{ font-size: 15px;}
    .w{ width: 94%; min-width: inherit;}

    .kmHead{ background: var(--color-white); position: relative;}
    .kmHead.topFix{ position: fixed; padding: 0 3%;}
    .kmHead-nav{ display: none;}
    .kmHead-logo{ width: 110px;}
    .kmHead-srhBtn{ height: 55px; margin-left: 0; margin-right: 60px;}
    .kmHead-srhPopup .cd-popup{ width: 94%; padding: 40px 20px 20px 20px;}
    .kmHead-srhPopup .close-btn{ font-size: 16px;}
    .Mobile-button{ display: flex;}


    .fullpage-wrapper{ height: auto !important; transform:none !important;}
    .fullpage-wrapper .section{ height: auto !important; min-height: auto !important; display: block !important;}

    .kmBanner{ height: 200px;}
    .kmAbout{ height: auto; padding: 25px 0;}
    .kmAbout-thumb{ width: 100%;}
    .kmAbout-word{ width: 100%; margin-top: 20px;}
    .kmAbout-word .title{ font-size: 18px;}
    .kmAbout-word .eng{ font-size: 17px;}
    .kmAbout-word .text{ line-height: 30px; margin-top: 15px; -webkit-line-clamp:5;}
    .kmAbout-word .number{ padding-top: 0;}
    .kmAbout-word .number dl{ text-align: center; margin-top: 15px;}
    .kmAbout-word .number dl dt{ font-size: 15px;}
    .kmAbout-word .number dl dt b{ font-size: 18px;}

    .kmService{ padding:25px 0;}
    .kmCase{ padding: 25px 0;}
    .kmCase-list{ padding: 0; margin-top: 20px;}
    .kmCase-list li .word{ width: auto; padding: 12px;}
    .kmCase-list li .word .t{ font-size: 17px;}
    .kmCase-list li .word .m{ width: 120px; height: 36px; font-size: 14px; margin-top: 15px;}
    .kmCase-list .prevbtn, .kmCase-list .nextbtn{ display: none;}


    .kmPartners{ padding: 25px 0;}
    .kmPartners .ppartners-list{ padding-top: 10px;}
    .kmPartners .ppartners-list li{ margin: 10px 0 0 10px;}
    .kmPartners .ppartners-list li a{ height: 65px;}


    .kmNews{ padding: 25px 0;}
    .kmNews-title{ font-size: 42px; color: var(--color-three);}
    .kmNews-list{ margin-top: 0;}
    .kmNews-list li{ padding: 0 7px;}
    .kmNews-list li .word{ padding: 15px;}
    .kmNews-list li .word .t{ font-size: 16px;}
    .kmNews-list li .word .c{ display: none;}
    .kmNews-list li .word .f{ margin-top: 15px;}
    .kmNews-list li .word .f .date{ font-size: 14px;}
    .kmNews-list li .word .f .arrow{ width: 30px; height: 30px;}


    .kmHonor{ padding: 25px 0;}
    .kmHonor-list{ margin-top: 15px;}
    .kmHonor-list li{ width: 200px; height: 276px;}

    .kmMessage{ padding: 25px 0;}


    .kmSidebar-buttons{ display: none;}
    .kmFooter-top{ padding: 20px 0 10px 0;}
    .kmFooter-topLeft{ width: 100%;}
    .kmFooter-topLeft .f-menu{ display: none;}
    .kmFooter-topLeft .f-contact{ margin-top: 0;}
    .kmFooter-topLeft .f-contact span{ width: 100%; display: block; margin-right: 0; line-height: 24px;}
    .kmFooter-topCode{ margin-top: 15px;}
    .kmFooter-topCode img{ width: 80px;}
    .kmFooter-copy{ font-size: 13px; line-height: 22px; padding: 10px 0;}


    .pmain{ padding: 25px 0;}
    .pmain-menu a{ margin: 0 15px; font-size: 17px;}
    .pmain-page{ margin-top: 25px; font-size: 13px;}
    .pmain-page a{ margin: 3px;}
    .pmain-page .nowpage{ margin: 3px;}

    .pproduct-tabs{ width: 100%; padding: 0 30px;}
    .pproduct-tabs .tabs-slide{ height: auto;}
    .pproduct-tabs li .text{ padding: 0.1rem;  line-height: 0.22rem; font-size: 0.14rem; width:23.75vw; height: 23.75vw; margin:auto; flex-direction: inherit;}
    .pproduct-tabs .swiper-button-next, .pproduct-tabs .swiper-button-prev{ width: auto; height: auto; top: 50%;}
    .pproduct-tabs .swiper-button-prev{ transform:rotate(-90deg); margin-top: -10px;}
    .pproduct-tabs .swiper-button-next{ transform:rotate(-90deg); margin-top: -10px; bottom: auto;}
    .pproduct-list{ width: 100%; margin-top: 20px;}
    .pproduct-list li .word{ width: 100%;}
    .pproduct-list li .word .t{ font-size: 17px;}
    .pproduct-list li .word .c{ line-height: 28px; margin-top: 10px; -webkit-line-clamp:3;}
    .pproduct-list li .word .m{ width: 120px; margin-top: 10px; height: 35px; font-size: 14px;}
    .pproduct-list li .thumb{ width: 100%; margin-top: 15px;}
    .pproduct-list .swiper-pagination{ font-size: 24px; margin-top: 10px;}

    .pproduct-details-title{ font-size: 18px; padding-bottom: 10px;}
    .pproduct-details-title:before{ width: 30px; height: 2px;}
    .pproduct-details-top{ margin-top: 20px;}
    .pproduct-details-top .gdt-photo{ width: 100%;}
    .pproduct-details-top .gdt-info{ width: 100%;}
    .pproduct-details-top .gdt-info .c{ font-size: 15px; line-height: 28px;}
    .pproduct-details-top .gdt-info .m{ font-size: 14px; padding: 0 30px; line-height: 36px; margin-top: 15px;}
    .pproduct-details-desc{ margin-top: 20px;}


    .ppartners-head .cn{ font-size: 17px;}
    .ppartners-head .en{ font-size: 18px;}

    .ppartners-list{ margin-left: -10px; padding-top: 10px;}
    .ppartners-list li { width: calc(33.33% - 10px); margin: 10px 0 0 10px; }
    .ppartners-list li a{ height: 70px; overflow:hidden; border-radius: 5px;}


    .pclassic-case{ margin-top: 20px; border-radius: 10px;}
    .pclassic-case li .thumb{ width: 100%;}
    .pclassic-case li .word{ padding: 15px;}
    .pclassic-case li .word .t{ font-size: 17px;}
    .pclassic-case li .word .c{ margin-top: 10px;}
    .pclassic-case .swiper-button-next, .pclassic-case .swiper-button-prev{ display: none;}

    .pproject-case{ margin-left: -10px;}
    .pproject-case li{ width: calc(50% - 0.10rem); margin: 10px 0 0 10px;}
    .pproject-case li .word{ padding: 10px;}
    .pproject-case li .word .t{ font-size: 16px; line-height: 32px;}
    .pproject-case li .word .c{ font-size: 14px; line-height: 24px;}


    .pnews-list li{ margin-top: 25px;}
    .pnews-list li .thumb{ width: 100%; padding-top: 0;}
    .pnews-list li .thumb img{ position: relative;}
    .pnews-list li .date .font24{ font-size: 17px;}
    .pnews-list li .word{ padding: 10px 15px;}
    .pnews-list li .word .t{ font-size: 16px; line-height: 28px;}
    .pnews-list li .word .c{ display: none;}
    .pnews-list li .arrow{ display: none;}

    .pnews-details-head{ padding-bottom: 15px;}
    .pnews-details-head .title{ font-size: 18px; line-height: 1.8;}
    .pnews-details-head .info{ margin-top: 15px;}
    .pnews-details-head .info span{ font-size: 14px; margin: 0 10px;}
    .pnews-details-desc{ margin-top: 20px;}
    .pnews-details-page{ margin-top: 20px; padding-top: 10px;}
    .pnews-details-page a{ max-width: inherit; width: 100%; font-size: 14px; margin-top: 10px;}


    .pservice-head .cn{ font-size: 18px;}
    .pservice-head .c{ font-size: 15px; margin-top: 10px;}
    .pservice-body .backg{ height: 360px;}
    .pservice-body .tabs{  position: relative; width: 100%; left: auto; bottom: auto; transform: none; border-radius: 0;}
    .pservice-body .tabs li{ background-size: 40px auto; padding: 15px 0;}
    .pservice-body .tabs li .cn{ font-size: 16px;}
    .pservice-body .tabs li .en{ display: none;}
    .pservice-body .tabs li.active{ background-size: 40px;}
    .pservice-body .tabs li:last-child{ border-right: 0;}
    .pservice-body .textScroll li .tit{ font-size: 17px; font-weight: bold;}
    .pservice-body .textScroll li .desc{ font-size: 15px; font-weight: normal; line-height: 28px; margin-top: 15px;}
    .pservice-body .textScroll li .more{ width: 120px; height: 35px; font-size: 14px; margin-top: 20px; }
    .pservice-body .textScroll li .more i{ margin-left: 10px;}


    .RandD-platform li{ width: 100%; padding: 20px 3%; border-bottom: 5px var(--color-white) solid; border-right: 0;}
    .RandD-platform li .text{ line-height: 30px; margin-top: 15px;}
    .RandD-platform li .text strong{ font-size: 17px;}


    .pcontact{ padding: 25px 0 20px 0;}
    .pcontact-aside{ width: 100%;}
    .pcontact-aside .as-title .cn{ font-size: 18px; letter-spacing: 0;}
    .pcontact-aside .as-tel{ margin-top: 20px;}
    .pcontact-aside .as-tel .n{ font-size: 22px;}
    .pcontact-aside .as-tel .n:before{ width: 35px; height: 1px;}
    .pcontact-aside .as-address{ margin-top: 25px;}
    .pcontact-aside .as-address dl dt{ width: 30px; height: 30px; border-width: 1px;}
    .pcontact-aside .as-address dl dt i{ font-size: 16px;}
    .pcontact-aside .as-address dl dd{ font-size: 15px; line-height: 28px; padding-left: 10px;}
    .pcontact-aside .as-code{ margin-top: 15px; text-align: center; font-size: 14px;}
    .pcontact-aside .as-code img{ width: 100px;}
    .pcontact-map{ width: 100%; margin-top: 15px;}


    .pmessage{ padding: 25px 0 20px 0;}
    .pmessage-head .t{ font-size: 18px;}
    .pmessage-head .c{ font-size: 15px; margin-top: 10px; line-height: 1.5;}
    .pmessage-filed li{ margin-top: 15px;}
    .pmessage-filed li .aside{ width: 48.5%;}
    .pmessage-filed li .inpt{ height: 40px; font-size: 15px; padding: 5px 15px;}
    .pmessage-filed li .area{ height: 90px; padding: 5px 15px; font-size: 15px;}
    .pmessage-filed li .yzm-inpt{ width: 120px;}
    .pmessage-filed li .sbtn{ width: 100%; height: 45px; line-height: 45px; margin-top: 15px; margin-left: 0;}


    .pabout-honor{ margin-top: -15px; margin-left: -15px;}
    .pabout-honor li{ width: calc(50% - 15px); margin: 15px 0 0 15px;}
    .pabout-honor li .thumb{ height: 220px;}

    .pabout-us{ padding: 25px 0;}
    .pabout-us-number dl{ width: 33.33%; text-align: center; margin-bottom: 15px;}
    .pabout-us-number dl dt img{ width: 30px;}
    .pabout-us-number dl dd h3{ font-size: 15px;}
    .pabout-us-number dl dd h3 .font30{ font-size: 18px;}
    .pabout-us-body{ margin-top: 10px;}
    .pabout-us-body .thumb{ width: 100%;}
    .pabout-us-body .text{ width: 100%; margin-top: 15px;}
    .pabout-us-body .text .cn{ font-size: 17px;}
    .pabout-us-body .text .en{ font-size: 18px;}
    .pabout-us-body .text .tx{ margin-top: 15px;}

    .pabout-concept{ padding: 25px 0;}
    .pabout-concept-head .title{ width: 100%;}
    .pabout-concept-head .title .cn{ font-size: 22px;}
    .pabout-concept-head .title .en{ font-size: 18px;}
    .pabout-concept-head .label{ font-size: 20px; margin-top: 15px;}
    .pabout-concept-body{ margin-top: 20px;}
    .pabout-concept-body .body-left{ width: 100%;}
    .pabout-concept-body .body-left .leTop .word{ padding: 0 15px;}
    .pabout-concept-body .body-left .leTop .word .cn{ font-size: 17px;}
    .pabout-concept-body .body-left .leTop .word .en{ font-size: 16px;}
    .pabout-concept-body .body-left .leTop .word .tx{ font-size: 14px; line-height: 24px; margin-top: 10px;}
    .pabout-concept-body .body-left .leText{ margin-top: 15px;}
    .pabout-concept-body .body-right{ width: 100%;}
    .pabout-concept-body .body-right li{ min-height: inherit; margin-top: 15px; margin-bottom: 0; padding: 15px;}
    .pabout-concept-body .body-right li .cn{ font-size: 17px;}
    .pabout-concept-body .body-right li .en{ font-size: 16px;}
    .pabout-concept-body .body-right li .tx{ font-size: 14px; line-height: 24px; margin-top: 10px;}

    .pabout-history .his-pc{ display: none;}
    .pabout-history .his-moblie{ display: block;}

    .pabout-culture{ padding: 25px 0;}
    .pabout-culture-head .cn{ font-size: 17px;}
    .pabout-culture-head .en{ font-size: 18px;}
    .pabout-culture-head .tx{ font-size: 15px; max-width: inherit; margin-top: 10px; line-height: 28px;}
    .pabout-culture-list{ margin-top:20px;}
    .pabout-culture-list li{ width: 48%; height: auto; margin-bottom: 15px; padding: 15px; border-radius: 10px;}
    .pabout-culture-list li .title{ font-size: 17px;}
    .pabout-culture-list li .word{ margin-top: 30px;}
    .pabout-culture-list li .word .t{ font-size: 15px; line-height: 28px; padding-bottom: 10px;}
    .pabout-culture-list li .word .c{ font-size: 14px; margin-top: 10px;}


    .pInvest-mode{ padding: 25px 0;}
    .pInvest-mode-title .cn{ font-size: 17px;}
    .pInvest-mode-title .en{ font-size: 18px;}
    .pInvest-mode-body .text{ width: 100%;}
    .pInvest-mode-body .text dl{ margin-top: 15px;}
    .pInvest-mode-body .text dl dt{ font-size: 16px;}
    .pInvest-mode-body .thumb{ width: 100%; margin-top: 15px;}


    .pInvest-reason{padding: 25px 0;}
    .pInvest-reason-body{ margin-top: 20px;}
    .pInvest-reason-body .bo-middle{ display: none;}
    .pInvest-reason-body .bo-left{ width: 100%;}
    .pInvest-reason-body .bo-left li{ text-align: left; margin-bottom: 15px;}
    .pInvest-reason-body .bo-left li .t{ font-size: 16px;}
    .pInvest-reason-body .bo-right{ width: 100%;}
    .pInvest-reason-body .bo-right li{ margin-bottom: 0; margin-top: 15px;}
    .pInvest-reason-body .bo-right li .t{ font-size: 16px;}

    .pInvest-rules .w{ background-size: 100% auto; padding: 25px 0;}
    .pInvest-rules-body{ width: 100%;}
    .pInvest-rules-body .text dl{ margin-top: 15px;}
    .pInvest-rules-body .text dl dt{ font-size: 16px;}
    .pInvest-rules-thumb{ width: 100%; position: relative; height: auto;}
    .pInvest-rules-thumb img{ position: relative;}

    .pInvest-join{ padding: 25px 0;}
    .pInvest-join-text{ width: 100%;}
    .pInvest-join-text .en{ font-size: 22px;}
    .pInvest-join-text .cn{ font-size: 18px; margin-top: 15px;}
    .pInvest-join-text .ti{ font-size: 16px; margin-top: 15px;}
    .pInvest-join-make{ width: 100%; margin-top: 25px; padding: 15px; border-radius: 10px;}
    .pInvest-join-make .ma-head{ padding-bottom: 15px;}
    .pInvest-join-make .ma-head .font24{ font-size: 17px;}
    .pInvest-join-make .ma-head .mt15{ margin-top: 10px; font-size: 14px;}
    .pInvest-join-make .ma-filed li{ margin-top: 15px;}
    .pInvest-join-make .ma-filed li .inpt{ height: 40px; padding: 0 10px;}
    .pInvest-join-make .ma-filed li .area{ height: 80px; padding: 10px;}
    .pInvest-join-make .ma-filed li .yzm-inpt{ width: 120px;}
    .pInvest-join-make .ma-filed li .sbtn{ width: 100%; height: 45px;}


}


@media screen and (max-width:640px){


}