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


}


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

html{ font-size:95px;}

}


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



}



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

html{ font-size:85px;}



}


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



}


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

.html{ font-size:100px;}
body{ font-size:14px;}

.w{ width:94%; min-width:inherit;}

.mjHead{ padding:10px 0;}
.mjHead .w{ justify-content:space-between;}
.mjHead-logo{ width:200px;}
.mjHead-nav{ display:none;}
.mjHead-tools{ padding-left:15px; border:0; padding-right:60px; font-size:16px;}
.Mobile-button{ display:flex;}


.mjBanner .swiper-pagination{ left:3% !important; bottom:15px !important;}
.mjBanner .swiper-pagination-bullet{ width:20px; height:3px;}
.mjBanner .swiper-button-next, .mjBanner .swiper-button-prev{ width:32px; height:32px; font-size:16px; line-height:32px; bottom:15px;}
.mjBanner .swiper-button-next:before, .mjBanner .swiper-button-prev:before{ border-width:1px;}
.mjBanner .swiper-button-next{ right:3%;}
.mjBanner .swiper-button-prev{ right:calc(3% + 50px);}


.mjAbout{ padding:30px 0;}
.mjAbout-inner .w{ display:block;}
.mjAbout-inner .word{ width:100%;}
.mjAbout-inner .word .t{ font-size:18px; font-weight:bold;}
.mjAbout-inner .word .c{ font-size:15px; line-height:28px; margin-top:15px;}
.mjAbout-inner .data{ width:100%;}
.mjAbout-inner .data dl{ padding:15px 0;}
.mjAbout-inner .data dl dt .num{ font-size:20px;}
.mjAbout-inner .data dl dd .iconfont{ font-size:36px;}

.mjAbout-material{ width:100%; position:relative; right:auto; bottom:auto; padding:15px; display:block;}
.mjAbout-material .text{ width:100%; align-items:center; flex-direction:inherit;}
.mjAbout-material .text .t{ font-size:17px; font-weight:bold;}
.mjAbout-material .text .m{ padding:3px 10px; font-size:14px; line-height:28px;}
.mjAbout-material .text .m .iconfont{ width:20px; height:20px; line-height:20px; margin-left:15px;}
.mjAbout-material .text .m:hover{ padding:3px 10px; }
.mjAbout-material .desc{ width:100%; margin-top:20px; font-size:15px; line-height:28px;}
#particles-js{ display:none;}


.mjProduct { padding:30px 0;}
.mjProduct-head .ti{ font-size:18px; font-weight:bold;}
.mjProduct-head .tc{ font-size:15px; line-height:28px; margin-top:15px; max-width:inherit;}
.mjProduct-list li{ width:100%; margin-top:20px;}
.mjProduct-list li .category{ padding:15px 0; text-align:center;}
.mjProduct-list li .category img{ width:35px; margin-bottom:10px;}
.mjProduct-list li .word{ padding-top:10px;}
.mjProduct-list li .word .de{ font-size:14px; line-height:24px; max-height:48px;}
.mjProduct-list li .word .dm{ font-size:13px; line-height:32px; margin-top:10px;}



.mjNews{ padding:30px 0;}
.mjNews-head .cn{ font-size:18px; font-weight:bold;}
.mjNews-head .mo{ min-width:inherit; padding:2px 10px; font-size:14px; line-height:26px;}
.mjNews-head .mo .iconfont{ width:20px; height:20px; line-height:20px; margin-left:15px;}
.mjNews-head .mo:hover{ padding:2px 10px; }

.mjNews-list{ margin-top:20px; overflow:hidden; padding-bottom:50px;}
.mjNews-list li .thumb{ height:200px;}
.mjNews-list li .word{ padding:15px;}
.mjNews-list li .word .m{ display:none;}
.mjNews-list li .word .t{ font-size:16px;}
.mjNews-list li .word .c{ font-size:14px; line-height:24px; max-height:48px; margin-top:10px;}
.mjNews-list .swiper-pagination{ font-size:14px; bottom:10px !important;}
.mjNews-list .swiper-pagination .swiper-pagination-current{ font-size:18px;}
.mjNews-list .swiper-pagination .zero{ font-size:18px;}
.mjNews-list .swiper-button-next, .mjNews-list .swiper-button-prev{ width:32px; height:32px; font-size:16px; line-height:32px; bottom:10px;}
.mjNews-list .swiper-button-prev{ right:55px;}
.mjNews-list .swiper-button-next:before, .mjNews-list .swiper-button-prev:before{ border-width:1px;}
.swiper-container-horizontal>.swiper-scrollbar{ height:2px !important;}


.mjPartner{ height:auto !important; padding:30px 0; display:block;}
.mjPartner .w{ display:block;}
.mjPartner-word{ width:100%;}
.mjPartner-word .wt{ font-size:15px; display:flex;}
.mjPartner-word .wt p{ margin-right:15px;}
.mjPartner-word .wf{ font-size:18px; margin-top:15px; line-height:1;}
.mjPartner-word .wf br{ display:none;}
.mjPartner-list{ width:100%; margin-top:0; padding-top:10px;}
.mjPartner-list a{ margin:20px 0 0 0; height:45px; padding:0 10px;}


.mjFooter-top{ padding:15px 0;}
.mjFooter-top .f-logo{ width:180px;}
.mjFooter-top .f-menu{ display:none;}

.mjFooter-mid{ padding:20px 0; display:block;}
.mjFooter-mid .m-address{ display:block;}
.mjFooter-mid .m-address li{ max-width:inherit; margin-right:0; display:flex; align-items:center; margin-bottom:15px;}
.mjFooter-mid .m-address li .iconfont{ width:30px; height:30px; font-size:15px;}
.mjFooter-mid .m-address li .tit{ font-size:14px; padding-bottom:0; margin-top:0; margin-left:10px;}
.mjFooter-mid .m-address li .tel{ font-size:17px; margin-left:15px;}
.mjFooter-mid .m-code{ padding-top:5px;}
.mjFooter-mid .m-code li{ max-width:80px; margin-left:0; margin-right:20px;}
.mjFooter-btm{ padding:10px 0; font-size:13px; line-height:22px;}



.pbanner-text{ width:94%; display:none;}
.pbanner-text .mask{ width:80px; height:80px;}

.pmain{ padding:20px 0 25px 0;}
.pmain-head{ display:block;}
.pmain-head .title{ display:flex; align-items:center;}
.pmain-head .title .cn{ font-size:18px;}
.pmain-head .title .cn i{ width:5px; height:5px; margin:0 10px;}
.pmain-head .title .en{ font-size:16px; margin-top:0;}
.pmain-head .tabs{ background:#4c8dd7; margin-top:15px; width:106%; margin-left:-3%; overflow:hidden; overflow-x:scroll; display:flex; align-items:center; white-space:nowrap;}
.pmain-head .tabs::-webkit-scrollbar { height:0; }
.pmain-head .tabs a{ line-height:40px; font-size:15px; margin-left:0; color:#fff; padding:0 20px; padding-bottom:0;}
.pmain-head .tabs a.on, .pmain-head .tabs a:hover{ background:#ebf4ff; color:#4c8dd7;}
.pmain-head .tabs a:before{ height:2px; left:50%; margin-left:-10px;}


.pproduct-list{ margin-left:-15px; padding-top:5px;}
.pproduct-list li{ width:calc(50% - 15px); margin:15px 0 0 15px;}
.pproduct-list li .cover{ padding:0 10px; bottom:10px;}
.pproduct-list li .cover .n{ font-size:15px;}
.pproduct-list li .cover .m{ display:none;}


.pmain-page{ font-size:14px; line-height:32px; padding-top:25px;}
.pmain-page a:first-child, .pmain-page a:last-child{ margin:0 10px; padding:0 15px;}
.pmain-page a, .pmain-page span{ margin:0 5px;}


.pcontact{ margin-top:30px;}
.pcontact-head{ font-size:17px;}
.pcontact-head label{ font-size:19px;}
.pcontact-head em{ width:15px; margin:0 5px;}
.pcontact-filed{ display:block; margin-top:0;}
.pcontact-filed li{ margin-top:25px; display:flex; align-items:center; flex-wrap:wrap;}
.pcontact-filed li .t{ width:100%; font-size:15px; margin-bottom:10px;}
.pcontact-filed li .iconfont{ margin-top:0; width:32px; height:32px; font-size:18px; border-width:1px;}
.pcontact-filed li .c{ max-width:inherit; margin-top:0; margin-left:10px;}
.pcontact-map{ height:200px; margin-top:30px;}

.pmessage{ margin-top:30px;}
.pmessage .pcontact-head em{ margin:8px 0;}
.pmessage-filed{ padding-top:10px;}
.pmessage-filed li{ margin-top:20px;}
.pmessage-filed li .li-row{ width:100%; margin-top:15px;}
.pmessage-filed li .li-row:first-child{ margin-top:0;}
.pmessage-filed li label{ font-size:15px; padding-bottom:10px;}
.pmessage-filed li .aside{ padding:0 10px;}
.pmessage-filed li .iconfont{ width:40px; line-height:40px; font-size:20px;}
.pmessage-filed li .inpt{ height:40px; line-height:40px; font-size:15px;}
.pmessage-filed li .inpt.area{ height:120px; line-height:26px; padding:5px 0;}
.pmessage-button{ padding-top:20px;}
.pmessage-button .yzm-inpt{ width:120px; height:40px; line-height:36px; font-size:15px;}
.pmessage-button .yzm-img{ height:22px; margin:0 10px;}
.pmessage-button .yzm-btn{ width:100%; margin-top:20px; line-height:40px; font-size:16px; margin-left:0;}


.pnews-list li{ margin-top:25px;}
.pnews-list li a{ flex-wrap:wrap; }
.pnews-list li .tex-time{ width:100%; font-size:17px; padding-bottom:5px;}
.pnews-list li .tex-time > span{ font-size:22px;}
.pnews-list li .tex-box{ width:100%; padding:0; align-items:initial; box-shadow:0 0 10px rgba(67,67,67,.1); }
.pnews-list li .tex-box .pic{ height:auto; margin-left:0;}
.pnews-list li .tex-box .word{ padding:8px 15px;}
.pnews-list li .tex-box .word .t{ font-size:15px; line-height:25px; max-height:50px;}
.pnews-list li .tex-box .word .c{ line-height:22px; max-height:44px; margin-top:5px;}

.pnews-details-head{ padding-bottom:15px;}
.pnews-details-head .title{ font-size:18px; margin-bottom:10px;}
.pnews-details-head .date{ font-size:14px;}
.pnews-details-head .date b{ font-size:17px;}
.pnews-details-parent{ padding:15px 0; line-height:30px; font-size:15px;}
.pnews-details-page{ font-size:14px; padding-top:20px;}
.pnews-details-page a.return{ width:90px; height:30px; line-height:30px; margin-top:20px; font-size:14px;}


.pabout-Introd{ padding:30px 0;}
.pabout-Introd:before{ display:none;}
.pabout-Introd-inner{ margin-top:25px; padding:0;}
.pabout-Introd-inner .word{ font-size:15px; line-height:30px; padding-left:0; margin-top:15px;}

.pabout-concept{ padding:30px 0;}
.pabout-concept .pcontact-head em{ margin:8px 0;}
.pabout-concept .text{ max-width:inherit; margin-top:20px; font-size:15px; line-height:30px;}

.pabout-vision{ padding:30px 0;}
.pabout-vision .text{ max-width:inherit; padding-left:0; margin-top:20px; font-size:15px; line-height:30px;}

.pabout-power{ padding:30px 0;}
.pabout-power-sider{ width:100%; margin-top:0; padding:15px;}
.pabout-power-inner{ width:100%; margin-top:20px;}
.pabout-power-inner .pcontact-head em{ margin:10px 0;}
.pabout-power-inner .text{ margin-top:15px; font-size:15px; line-height:30px;}

.pabout-team{ padding:30px 0;}
.pabout-team .pcontact-head em{ margin:8px 0;}
.pabout-team-list{ margin-top:25px; }
.pabout-team-list li a{ display:block;}
.pabout-team-list li .thumb{ width:100%;}
.pabout-team-list li .text{ width:100%; padding:15px;}
.pabout-team-list li .text .t{ font-size:15px; line-height:1;}
.pabout-team-list li .text .c{ font-size:14px; line-height:22px; margin-top:10px;}



.pproduct-column{ width:100%;}
.pproduct-column li a{ font-size:16px; padding-left:15px; line-height:45px;}
.pproduct-column li .two li a{ font-size:15px; padding-left:30px;}
.pproduct-column li .three{ overflow:hidden;}
.pproduct-column li .three li{ width:50%; float:left;}
.pproduct-column li .three li a{ font-size:14px; line-height:40px; padding-left:0; text-align:center; border-right:1px #fff solid;}

.pproduct-series{ width:100%; margin-top:20px;}
.pproduct-series .series-thumb .name{ font-size:17px; left:12px; bottom:12px;}
.pproduct-series .series-menu{ overflow:hidden;}
.pproduct-series .series-menu a{ width:50%; float:left; border-right:1px #fff solid; font-size:15px; line-height:40px; padding-left:20px;}
.pproduct-series .series-menu a .iconfont{ right:15px;}
.pproduct-series .pro-details-tit{ font-size:17px; padding-bottom:10px;}
.pproduct-series .pro-details-txt{ font-size:15px; line-height:30px; margin-top:15px;}

.pproduct-series .series-menu .jt{  font-size:15px; line-height:42px; padding-left:20px;}
.pproduct-series .series-menu .jt .iconfont{ right:15px;}
.pproduct-series .series-menu .jc{  font-size:15px; line-height:30px; padding:15px 0;}


}



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


}