@media screen and (max-width:1830px){

}


@media screen and (max-width:1680px){

}


@media screen and (max-width:1600px){



}


@media screen and (max-width:1500px){



}


@media screen and (max-width:1340px){



}


@media screen and (max-width:834px){

.w{ width: 94%; min-width: inherit;}
    body{ font-size: 15px;}
    html{ font-size: 100px !important;}

    .hlHead{ background: rgba(0,0,0,.8); padding: 8px 0; position: relative;}
    .hlHead.topFix{ position: fixed;}
    .hlHead-logo{ width: 80px;}
    .hlHead-nav{ display: none;}
    .Mobile-button{ display: flex;}


    .hlAbout{ padding: 25px 3%; flex-wrap: wrap;}
    .hlAbout-layout{ width: 100%;}
    .hlAbout-layout .title{ font-size: 18px; font-weight: bold; padding-bottom: 10px;}
    .hlAbout-layout .title:before{ height: 2px;}
    .hlAbout-layout .text{ line-height: 30px; max-height: 180px; margin-top: 15px;}
    .hlAbout-layout .more{ font-size: 14px; margin-top: 20px; line-height: 28px; padding: 0 20px;}
    .hlAbout-video{ width: 100%; height: auto; margin-top: 20px;}
    .hlAbout-video .vi-play{ font-size: 50px;}

    .hlAbout-data{ padding: 20px 0;}
    .hlAbout-data .w{ flex-wrap: wrap;}
    .hlAbout-data dl dt{ font-size: 14px;}
    .hlAbout-data dl dt b{ font-size: 17px;}
    .hlAbout-data dl dd{ margin-top: 5px;}


    .hlProduct{ padding: 30px 0 20px 0;}
    .hlProduct-white{ height: auto; border-radius:0;}
    .hlProduct-tabs{ width: 100%; padding: 15px 10px; position: relative; justify-content: flex-start; height: auto; flex-direction:inherit; overflow:hidden;  overflow-x:scroll; white-space: nowrap;}
    .hlProduct-tabs::-webkit-scrollbar { height:0; }
    .hlProduct-tabs li{ font-size: 16px; padding: 0 10px; border: 0;}
    .hlProduct-tabs li:before{ display: none;}

    .hlProduct-swith{ width: 100%; padding: 20px;}
    .hlProduct-swith li .word{ width: 100%; padding: 0;}
    .hlProduct-swith li .word .t{ font-size: 18px;}
    .hlProduct-swith li .word .c{ line-height: 28px; margin-top: 15px; max-height: 84px;}
    .hlProduct-swith li .word .m{ margin-top: 15px; font-size: 14px; line-height: 35px; padding: 0 15px;}
    .hlProduct-swith li .thumb{ width: 100%; position: relative; transform:none; left: auto; top: auto;}


    .hlStable{ padding: 30px 0 20px 0;}
    .hlStable-item{ display: block;}
    .hlStable-item .thumb{ width: 100%;}
    .hlStable-item .word{ width: 100%; margin-top: 15px;}
    .hlStable-item .word dl{ padding: 8px 0;}
    .hlStable-item .word dl dt .cn{ font-size: 17px;}
    .hlStable-item .word dl dt .en{ font-size: 16px;}
    .hlStable-item .word dl dd{ font-size: 15px; line-height: 28px;}


    .hlAreas-floor{ height: auto; flex-wrap: wrap; padding: 0 3% 20px 3%;}
    .hlAreas-floor li{ width: 100%; flex: auto; margin-top: 15px;}
    .hlAreas-floor li .li-img{ opacity: 1;}
    .hlAreas-floor li .li-cover{ padding: 15px 0; color:#fff;}
    .hlAreas-floor li .li-cover .icon{ font-size: 22px;}
    .hlAreas-floor li .li-cover .title{ font-size: 16px; padding-bottom: 10px;}
    .hlAreas-floor li .li-cover .title:before { height: 2px;}
    .hlAreas-floor li .li-cover .dot{ display: none;}
    .hlAreas-floor li .li-cover .desc{ font-size: 14px; line-height: 24px; margin-top: 15px; max-height: 72px; padding: 0 15px; display: -webkit-box; visibility: visible;}
    .hlAreas-floor li .li-cover .number{ display: none;}
    .hlAreas-floor li .li-cover .more{ font-size: 14px; margin-top: 15px; line-height: 30px; display: inline-block; visibility: visible;}


    .hlNews{ height: auto; padding: 30px 0 25px 0; min-height: auto;}
    .hlNews-head .title{ font-size: 18px; padding-bottom: 10px; font-weight: bold;}
    .hlNews-head .title:before{ height: 2px;}
    .hlNews-head .more{ font-size: 14px; padding: 0 20px; line-height: 28px;}
    .hlNews-layout{ padding: 0 3%; margin-top: 20px; flex-wrap: wrap;}
    .hlNews-layout .lay-first{ width: 100%; height: 200px;}
    .hlNews-layout .lay-first:before{ background: rgba(0,0,0,.3);}
    .hlNews-layout .lay-first .word{ width: 100%; right: 0; padding: 0 15px; align-items: flex-start;}
    .hlNews-layout .lay-first .word .d{ font-size: 14px; text-align: left;}
    .hlNews-layout .lay-first .word .t{ font-size: 16px; line-height: 28px; max-height: 56px; margin-top: 10px;}
    .hlNews-layout .lay-first .word .c{ display: none;}
    .hlNews-layout .lay-first .word .v{ width: auto; margin: 15px 0 0 0; font-size: 14px; padding: 0 25px; line-height: 30px;}
    .hlNews-layout .lay-list{ display: none;}


    .hlFooter-top{ padding: 20px 0 15px 0;}
    .hlFooter-top .w{ flex-direction: column;}
    .hlFooter-topContact{ width: 100%;}
    .hlFooter-topContact .logo{ padding-bottom: 10px; line-height: 1;}
    .hlFooter-topContact .logo img{ width: 80px; vertical-align: top;}
    .hlFooter-topMenu{ display: none;}
    .hlFooter-topCode{ margin-top: 15px; font-size: 14px;}
    .hlFooter-topCode p:first-child{ font-size: 14px;}
    .hlFooter-topCode img{ margin: 5px 0;}
    .hlFooter-copy{ font-size: 13px; line-height: 22px; padding: 10px 0;}



    .pmain{ padding: 25px 0;}
    .pmain-menu{ overflow:hidden; padding-bottom:10px; overflow-x:scroll; white-space: nowrap; justify-content: flex-start;}
    .pmain-menu::-webkit-scrollbar { height:0; }
    .pmain-menu a{ font-size: 16px; padding: 0 15px;}

    .pmain-page{ padding-top: 20px;}
    .pmain-page a{ font-size: 14px; padding: 0 11px; margin: 2px; line-height: 28px;}
    .pmain-page .nowpage{ font-size: 14px; padding: 0 11px; margin: 2px; line-height: 28px;}


    .pcase-list{ margin-left: -12px;}
    .pcase-list li{ width: calc(50% - 12px); margin: 15px 0 0 12px;}
    .pcase-list li .title{ font-size: 15px; margin-top: 10px;}

    .pproduct-details-top{ margin-top: 20px; flex-wrap: wrap;}
    .pproduct-details-top .gdt-photo{ width: 100%;}
    .pproduct-details-top .gdt-info{ width: 100%; margin-top: 15px;}
    .pproduct-details-top .gdt-info .name{ font-size: 17px; font-weight: bold;}
    .pproduct-details-top .gdt-info .word{ margin-top: 15px;}

    .pproduct-details-desc{ margin-top: 20px;}
    .pproduct-details-desc .desc-head{ border-width: 1px;}
    .pproduct-details-desc .desc-head .cn{ font-size: 17px; line-height: 40px;}
    .pproduct-details-desc .desc-word{ margin-top: 20px;}


    .pabout-culture{ margin-left: -12px; margin-top: 0;}
    .pabout-culture li{ width: calc(50% - 12px); margin: 15px 0 0 12px;}
    .pabout-culture li .word{ padding: 0 10px;    text-align: center;;}
    .pabout-culture li .word .t{ font-size: 18px; font-weight: bold;}
    .pabout-culture li .word .c{ font-size: 16px; margin-top: 6px;}


    .pabout-intro-head{ font-size: 18px; font-weight: bold; margin-top: 20px;}
    .pabout-intro-text{ line-height: 30px; margin-top: 15px;}
    .pabout-intro-data{ margin-top: 20px;}
    .pabout-intro-data dl dt{ font-size: 14px;}
    .pabout-intro-data dl dt b{ font-size: 17px;}
    .pabout-intro-data dl dd{ font-size: 15px; margin-top: 10px;}
    .pabout-intro-layout{ margin-top: 20px; flex-direction:column;}
    .pabout-intro-layout .thumb{ width: 100%;}
    .pabout-intro-layout .word{ width: 100%; margin-top: 15px; line-height: 30px;}


    .pnews-list{  margin-left: 0;}
    .pnews-list li{ width: 100%; margin: 20px 0 0 0;}
    .pnews-list li a{ display: flex; align-items: center;}
    .pnews-list li .thumb{ width: 36%; height: 110px;}
    .pnews-list li .word{ width: 64%; padding:0 0 0  12px;}
    .pnews-list li .word .t{ font-size: 16px; line-height: 26px; white-space:inherit; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
    .pnews-list li .word .c{ display: none;}
    .pnews-list li .word .d{ font-size: 13px; margin-top: 8px;}

    .pnews-details-head{ padding-top: 20px;}
    .pnews-details-head .title{ font-size: 18px; font-weight: bold; line-height: 1.8;}
    .pnews-details-head .info{ margin-top: 10px; color:#666; font-size: 14px;}
    .pnews-details-desc{ margin-top: 20px;}
    .pnews-details-page{ margin-top: 20px; flex-wrap: wrap;}
    .pnews-details-page a{ max-width: inherit; width: 100%; font-size: 14px; margin-top: 10px;}


    .pcontact-cover{ position: relative; left: auto; top: auto; padding: 25px 0;}
    .pcontact-cover .iboxt{ width: 100%; border-radius: 10px;}
    .pcontact-cover .c-head{ height: 40px; padding-left: 15px; font-size: 17px;}
    .pcontact-cover .c-head .en{ font-size: 15px; margin-left: 10px;}
    .pcontact-cover .c-text{ padding:15px 20px;}
    .pcontact-cover .c-text dl{ padding:5px 0; font-size: 15px; line-height: 1.8;}
    .pcontact-cover .c-text dl dt{ font-size: 15px;}
    .pcontact-cover .c-text dl dd{ font-size: 15px;}

    .pmessage{ padding: 25px 0;}
    .pmessage-white{ padding: 20px;}
    .pmessage-head .title{ font-size: 18px;}
    .pmessage-head .desc{ font-size: 15px; line-height: 1.6; margin-top: 10px;}
    .pmessage-filed li{ margin-top: 15px;}
    .pmessage-filed li .aside{ width: 100%; margin-top: 15px;}
    .pmessage-filed li .aside:first-child{ margin-top: 0;}
    .pmessage-filed li label{ font-size: 15px;}
    .pmessage-filed li .inpt{ height: 40px; font-size: 15px; padding: 5px 10px;}
    .pmessage-filed li .area{ height: 100px; padding: 5px 10px;}
    .pmessage-filed li .yzm-aside{ padding-top: 0; flex-wrap: wrap;}
    .pmessage-filed li .yzm-aside .inpt{ width: 120px;}
    .pmessage-filed li .yzm-aside .sbtn{ width: 100%; height: 45px; line-height: 45px; font-size: 16px; margin-top: 15px;}



}


@media screen and (max-width:640px){


}