@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:1460px){


}


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

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

    .msyHead{ background:var(--color-white); position: relative; padding: 5px 0;}
    .msyHead.topFix{ position: fixed; height: auto;}
    .msyHead.topFix .msyHead-logo{ width: 80px;}
    .msyHead:before{ display: none;}

    .msyHead-logo{ width: 80px;}
    .msyHead-nav{ display: none;}
    .Mobile-button{ display: flex;}

    .msyHead-tel{ padding-left: 0; padding-right: 60px;}
    .msyHead-tel .num{ font-size: 18px;}
    .msyHead-tel .num .iconfont{ font-size: 15px; margin-right: 5px;}


    .msyBanner{ height: 250px;}
    .msyBanner li .text{ top: 50%; transform:translateY(-50%); padding: 0 3%; }
    .msyBanner li .text .t{ font-size: 18px; font-weight: bold; padding-bottom: 0; line-height: 1.5; }
    .msyBanner li .text .t:before{ display: none;}
    .msyBanner li .text .c{ font-size: 16px; margin-top: 10px; line-height: 1.5;}
    .msyBanner .swiper-button-next, .msyBanner .swiper-button-prev{ width: 30px; height: 30px; font-size: 16px; bottom: 10px !important;}
    .msyBanner .swiper-button-prev{ left: 3%;}
    .msyBanner .swiper-button-next{ left: calc(3% + 40px);}


    .msyBusiness{ padding: 25px 0;}
    .msyBusiness-head{ width: 100%; position: relative; height: auto; padding: 15px;}
    .msyBusiness-head .h-logo{ display: none;}
    .msyBusiness-head .h-title{ position: relative; left: auto; bottom: auto;}
    .msyBusiness-head .h-title .en{ font-size: 16px;}
    .msyBusiness-head .h-title .cn{ font-size: 18px; margin-top: 10px; font-weight: bold;}
    .msyBusiness-head .h-title .cn em{ font-size: 17px; font-weight: normal;}
    .msyBusiness-list a{ width: 48% !important; height: 180px !important; margin-top: 10px; float: left !important;}
    .msyBusiness-list a:nth-child(2n+2){ float: right !important;}
    .msyBusiness-list a .cover{ font-size: 15px; left: 10px; bottom: 10px;}


    .msyCase{ margin-top: 0; padding: 25px 0;}
    .msyCase:before{ width: 100%;  left: 0;}
    .msyCase-head .title img{ width: 45px; left: 0; top: -10px;}
    .msyCase-head .title .en{ font-size: 16px;}
    .msyCase-head .title .cn{ font-size: 18px; font-weight: bold; margin-top: 10px;}
    .msyCase-head .more{ font-size: 14px; padding: 0 15px; line-height: 32px; border: 0;}
    .msyCase-head .more .iconfont{ font-size: 14px; margin-left: 5px;}

    .msyCase-list{ margin-left: -10px; margin-top: 20px;}
    .msyCase-list li{ width: calc(50% - 10px); margin-left: 10px;}
    .msyCase-list li:last-child{ display: none;}
    .msyCase-list li .thumb{ height: 160px;}
    .msyCase-list li .title{ font-size: 15px; margin-top: 10px; line-height: 1.5;}


    .msyFooter-top .w{ display: block; padding: 20px 0 15px 0;}
    .msyFooter-topMenu{ width: 100%; display: none;}
    .msyFooter-topLayout{ width: 100%;}
    .msyFooter-topLayout .la-logo{ width: 85px;}
    .msyFooter-topLayout .la-returnTop{ font-size: 12px;}
    .msyFooter-topLayout .la-returnTop .iconfont{ font-size: 20px; margin-bottom: 5px;}
    .msyFooter-topLayout .la-contact{ display: block;}
    .msyFooter-topLayout .la-contact li{ width: 100% !important; margin-top: 15px;}
    .msyFooter-topLayout .la-contact li p:last-child{ font-size: 15px; margin-top: 5px;}
    .msyFooter-topLayout .la-contact li .li-code{ margin-top: 15px;}
    .msyFooter-topLayout .la-contact li .li-code .iconfont{ display: none;}
    .msyFooter-topLayout .la-contact li .li-code .ewm{ width: 90px; position: relative; left: auto; bottom: auto; margin-left: 0; padding-bottom: 0;}
    .msyFooter-topLayout .la-contact li .li-code .ewm:before{ display: none;}
    .msyFooter-topLayout .la-contact li .li-code .ewm img{ transform: none; opacity: 1;}
    .msyFooter-btm{ font-size: 13px; line-height: 22px; padding: 10px 0;}
    .msyFooter-btm .w{ display: block;}


    .pbanner{ height: auto;}
    .pbanner-thumb{ height: 200px;}
    .pbanner-word{ max-width: inherit; padding: 0 3%; width: 100%; left: 0; top: 40px;}
    .pbanner-word .wen{ font-size: 18px; line-height: 1.4;}
    .pbanner-word .wcn{ font-size: 17px; margin-top: 10px;}

    .pbanner-title{ right: 3%; bottom: auto; top: 130px;}
    .pbanner-title .ten{ font-size: 20px;}
    .pbanner-title .tcn{ font-size: 18px; font-weight: bold; padding-left: 15px; margin-top: 10px;}
    .pbanner-title .tcn:before{ width: 5px; height: 5px;}

    .pbanner-menu{ position: relative; padding: 5px 0; left: auto; bottom: auto; overflow: hidden; overflow-x: scroll; align-items: center; white-space: nowrap;  justify-content: normal; border-bottom: 1px #ececec solid;}
    .pbanner-menu::-webkit-scrollbar { height:0; }
    .pbanner-menu a{ min-width: auto; border: 0; line-height: inherit; margin-right: 0; font-size: 16px; border-radius: 0; padding: 10px !important;}
    .pbanner-menu a .iconfont{ display: none;}


    .pproduct-filtare{  justify-content: space-between; margin-top: -10px;}
    .pproduct-filtare a{ background: #eee; text-align: center; letter-spacing: 0; font-size: 16px; line-height: 40px; height: 40px; width: calc(50% - 5px); margin:10px 0 0 0; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom: 0;}
    .pproduct-filtare a:after{ display: none;}
    .pproduct-filtare a.on{ background: var(--color-blue); color: #fff;}

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

    .pcase-details-window{ width: 94%; height: auto;}
    .pcase-details-window .win-close{ width: 30px; height: 30px; right: 0; font-size: 15px;}
    .pcase-details-window .win-desc{ position: relative; padding: 15px 10px 15px 15px;}
    .pcase-details-window .win-desc .dt{ font-size: 17px;}
    .pcase-details-window .win-desc .dc{ font-size: 14px; line-height: 24px;}
    .pcase-details-window .win-thumb .swiper-button-next, .pcase-details-window .win-thumb .swiper-button-prev{ width: 36px; height: 36px; top: 50%;}

    .pmain-page{ padding-top: 25px;}
    .pmain-page a{ font-size: 14px; margin: 3px;}
    .pmain-page .nowpage{ font-size: 14px; margin: 3px;}
    .pmain-page a:first-child{ background: none; padding-left: 0; float: none;}
    .pmain-page a:last-child{ background: none; padding-right: 0; float: none;}


    .pcase-main{ padding: 25px 0;}
    .pcase-list{ display: block;}
    .pcase-list li{grid-area:inherit !important; height: 180px !important; display: block; margin-top: 15px;}
    .pcase-list li:first-child{ margin-top: 0;}
    .pcase-list li .title{ font-size: 15px; padding: 10px;}


    .pcontact-cont{ padding: 25px 0;}
    .pcontact-head .t{ font-size: 18px; font-weight:bold; padding-bottom: 10px;}
    .pcontact-head .t:before{ width: 20px;}
    .pcontact-head .c{ font-size: 15px; margin-top: 10px;}
    .pcontact-layout{ display: block; margin-top: 10px;}
    .pcontact-layout li{ padding-top: 15px; max-width: 100% !important;}
    .pcontact-layout li .icon{ font-size: 25px;}
    .pcontact-layout li .word{ padding-left: 15px;}
    .pcontact-layout li .word .n{ font-size: 20px; margin-top: 0;}
    .pcontact-layout li .text{ line-height: 28px;}
    .pcontact-map{ height: auto;}

    .pmessage .w{ display: block;}
    .pmessage-thumb{ display: none;}
    .pmessage-head{ width: 100%; color: #333; padding-top: 20px;}
    .pmessage-head .t{ font-size: 18px; font-weight: bold; padding-bottom: 10px;}
    .pmessage-head .t:before{ background: var(--color-blue); width: 20px;}
    .pmessage-head .c{ font-size: 15px; line-height: 28px; margin-top: 10px;}
    .pmessage-filed{ width: 100%; padding: 20px 0;}
    .pmessage-filed li{ margin-top: 15px; display: block;}
    .pmessage-filed li .aside{ width: 100%; padding: 0 10px; margin-top: 15px;}
    .pmessage-filed li .aside:first-child{ margin-top: auto;}
    .pmessage-filed li .iconfont{ width: 32px; line-height: 40px; font-size: 18px;}
    .pmessage-filed li .inpt{ height: 40px; font-size: 15px; line-height: 26px; padding: 7px 0;}
    .pmessage-filed li .inpt.area{ height: 120px; padding: 10px 0;}
    .pmessage-filed li .button{ padding-top: 0; flex-wrap: wrap; justify-content:flex-start;}
    .pmessage-filed li .yzm-inpt{ width: 120px; height: 40px; line-height: 26px; padding: 6px 0; font-size: 15px;}
    .pmessage-filed li .yzm-img{ height: 40px; margin: 0 10px;}
    .pmessage-filed li .yzm-btn{ width: 100%; margin-top: 15px; line-height: 45px; font-size: 16px;}


    .pnews-full{ display: none;}
    .pnews-container{ padding: 10px 0 25px 0;}
    .pnews-menu{ flex-wrap: wrap; justify-content: space-between;}
    .pnews-menu::-webkit-scrollbar { height:0; }
    .pnews-menu a{ background: #eee; display: block; text-align: center; font-size: 16px; line-height: 40px; height: 40px; width: calc(50% - 5px); margin:10px 0 0 0; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; padding: 0; border:0; border-radius: 0;}
    .pnews-menu a .iconfont{ display: none;}

    .pnews-list{ margin-left: 0; padding-top: 0;}
    .pnews-list li{ width: 100%; height: auto; margin: 15px 0 0 0;}
    .pnews-list li .thumb{ height: 200px;}
    .pnews-list li .word{ background: none; position: relative; color: #333; padding:0; margin-top: 10px;}
    .pnews-list li .word .t{ font-size: 15px;}
    .pnews-list li .word .d{ font-size: 13px; margin-top: 10px;}


    .pnews-details{ padding: 25px 0;}
    .pnews-details .w{ padding: 15px;}
    .pnews-details-head .title{ font-size: 18px; font-weight: bold;}
    .pnews-details-head .info{ margin-top: 10px;}
    .pnews-details-head .info span{ font-size: 14px; margin: 0 5px;}
    .pnews-details-desc{ margin-top: 25px;}
    .pnews-details-page{ margin-top: 20px; padding: 0; border-bottom: 0; display: block;}
    .pnews-details-page:before{ display: none;}
    .pnews-details-page a{ max-width: 100%; display: block; padding: 10px 0;}
    .pnews-details-page a p:first-child{ margin-bottom: 5px;}


    .pabout-banner{ padding: 25px 0;}
    .pabout-banner .ba-layout{ width: 100%; padding: 15px;}
    .pabout-banner .ba-layout .en{ font-size: 17px; line-height: 28px;}
    .pabout-banner .ba-layout .cn{ font-size: 18px; margin-top: 10px; font-weight: bold;}
    .pabout-banner .ba-layout .tc{ font-size: 15px; line-height: 30px; margin-top: 10px;}

    .pabout-culture{ padding: 25px 3%;}
    .pabout-culture:before{ width: 100%;}
    .pabout-culture-head{ position: relative; left: auto; top: auto;}
    .pabout-culture-head .en{ font-size: 17px;}
    .pabout-culture-head .cn{ font-size: 18px; margin-top: 10px;}
    .pabout-culture-concept{ width: 100%; position: relative; bottom: auto; padding-right: 0; margin-top: 20px;}
    .pabout-culture-concept li{ padding: 20px 0;}
    .pabout-culture-concept li .i{ font-size: 30px;}
    .pabout-culture-concept li .t{ font-size: 16px; margin-top: 15px;}
    .pabout-culture-swith li{ flex-wrap: wrap;}
    .pabout-culture-swith li .word{ width: 100%; padding-top: 20px;}
    .pabout-culture-swith li .word .t{ font-size: 17px;}
    .pabout-culture-swith li .word .c{ margin-top: 10px;}
    .pabout-culture-swith li .figure{ width: 100%; margin-top: 10px;}


    .pabout-founder{ padding: 25px 0;}
    .pabout-founder .w{ display: block;}
    .pabout-founder .fo-left{ width: 100%; padding-top: 0;}
    .pabout-founder .fo-left .cn{ font-size: 17px; margin-top: 10px;}
    .pabout-founder .fo-left .de{ width: 100%; margin-top: 15px;}
    .pabout-founder .fo-middle { width: 100%; margin-top: 15px;}
    .pabout-founder .fo-right{ width: 100%; padding-top: 15px;}
    .pabout-founder .fo-right .te{ padding-left: 0; font-size: 40px; display: none;}
    .pabout-founder .fo-right .de{ margin-top: 0; padding-left: 0;}
    .pabout-founder .fo-right .fe{ font-size: 50px; display: none; margin-top: 15px;}

    .pabout-partners{ padding: 25px 0;}
    .pabout-partners .w{ display: block;}
    .pabout-partners-head{ width: 100%;}
    .pabout-partners-head .en{ font-size: 17px;}
    .pabout-partners-head .cn{ font-size: 18px; margin-top: 10px;}
    .pabout-partners-head .so{ margin-top: 15px; padding-top: 10px;}
    .pabout-partners-head .so:before{ width: 20px;}
    .pabout-partners-list{ width: 100%; padding-top: 10px; margin-left: -10px;}
    .pabout-partners-list li{ width: calc(33.33% - 10px); height:auto; margin: 10px 0 0 10px;}
    .pabout-partners-list li a{ height: 60px;}


}


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


}