@media (max-width:1024px){.pagesbanner{min-height:0}
.banner-inner .banner-breadcrumbs{height:auto;padding:20px 0}
.pagesbanner .pagesbanner-animate .home-title{padding:0px}
.pagesbanner .pagesbanner-animate .home-des{display:none}
.pagenav-cate{position:relative}
.pagenav-cate .pagenav-menu{display:flex;align-items:center;justify-content:space-between;border:1px solid #f3f3f3;padding:0px 10px;font-size:var(--fontsize22);background:#FAFAFA;text-transform:capitalize;border-radius:5px}
.pagenav-cate .pagenav-menu em{font-size:var(--fontsize24);color:#999999}
.pagenav-cate .pagenav-catelist{display:none;position:absolute;top:100%;left:0px;width:100%;background-color:#FFFFFF;box-shadow:rgba(0,0,0,.2) 0 2px 16px;z-index:9}
.pagenav-cate .pagenav-catelist a{padding:8px 15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.pagenav-cate .pagenav-catelist li{list-style:none;position:relative}
.pagenav-cate .pagenav-catelist li.is-act{background:#FAFAFA}
.pagenav-cate .pagenav-catelist li.is-act>em{transform:rotateX(180deg)}
.pagenav-cate .pagenav-catelist li ul{padding-left:20px;display:none}
.pagenav-cate .pagenav-catelist li em{position:absolute;right:15px;top:6px;width:30px;height:30px;transition:all .2s linear;display:inline-flex;align-items:center;justify-content:center}
.procate li .info .title{font-size:var(--fontsize16)}
.prodetails-images .l-wrap{flex-direction:column}
.prodetails-info{padding:0;margin-top:1em}
.inquiry-title{margin-bottom:20px;font-size:var(--fontsize26)}
.pro-list.list1{justify-content:space-between}
.pro-list.list1 li{width:49%;margin-right:0px}
.pro-list.list0 li .pro-img{width:260px}

.sidebar{display: none;}
.newslist{justify-content:space-between}
.newslist li{width:49%;margin-right:0px}
.newslist.list1 li .info{padding:10px 0px}
.newscontent-title{font-size:var(--fontsize24)}
.contact-container #contact-big .swiper-slide .swiper-info{position:absolute;bottom:10%;left:5%}
.contact-container #contact-small .swiper-slide>img{width:40%}
.contact-container #contact-small .swiper-slide .title{font-size:var(--fontsize16)}


.contactbox .contactform{margin-right:0;margin-bottom:20px}
.contactbox .contactinfo{width:100%}

.download-list{justify-content:space-between}
.download-list li{width:49%;margin-right:0px}
.project-wrap{justify-content:space-between}
.project-wrap li{width:49%;margin-right:0px}
.wmkcpage2 .wmkcpage2-container .wmkcpage2-list{transform:none}
.wmkcpage2 .wmkcpage2-container .wmkcpage2-list li{width:50%;border:1px solid #ebebeb!important}
.wmkcpage3 .wmkcpage3-container .list{flex-wrap:wrap;gap:20px}
.wmkcpage3 .wmkcpage3-container .list li{transform:none;width:30%!important;border-radius:110px}
.wmkcpage3 .wmkcpage3-container .sphere,.wmkcpage3 .wmkcpage3-container::before{display:none}
.wmkcpage4 .wmkcpage4-container{flex-direction:column}
.wmkcpage4 .wmkcpage4-container .wmkcpage4-img{width:100%}
.wmkcpage4 .wmkcpage4-container .wmkcpage4-info{width:100%;padding:0;margin-top:2em}
.wmkcpage6 .wmkcpage6-container{flex-direction:column}
.wmkcpage6 .wmkcpage6-container .left{width:100%;padding:30px 15px}
.wmkcpage6 .wmkcpage6-container .left .title{font-size:var(--fontsize24)}
.wmkcpage6 .wmkcpage6-container .wmkcpage6-nav li{height:60px}
.wmkcpage6 .wmkcpage6-container .wmkcpage6-nav li em{height:60px;font-size:var(--fontsize26)}
.wmkcpage6 .wmkcpage6-container .wmkcpage6-nav li.active em{width:60px}
.wmkcpage6 .wmkcpage6-container .wmkcpage6-nav li span{font-size:var(--fontsize16);font-weight:var(--fontbold5)}
.wmkcpage6 .wmkcpage6-container .wmkcpage6-nav-content{padding:20px}
.wmkcpage8{padding:30px 15px}
.wmkcpage8 .wmkcpage8-box{width:100%}
.wmkcpage10 .list li{width:49%;margin-bottom:2em}
.wmkcpage10 .list li .title{padding:0px}
.wmkcpage10 .list li .num::after,.wmkcpage10 .list li .num::before{display:none}
.wmkcpage13 .wmkcpage13-box .right{flex-direction:column;width:100%}
.wmkcpage13 .wmkcpage13-box .right li{width:100%;margin:0px;padding:0;margin-bottom:2em;border:none}
.wmkcpage13 .wmkcpage13-box .right li:last-child{margin-bottom:0px}
.wmkcpage13 .wmkcpage13-num .item{width:50%;justify-content:flex-start;margin-bottom:2em}
.wmkcpage13 .wmkcpage13-num .item:nth-child(n+3){margin-bottom:0px}
.wmkcpage13 .wmkcpage13-num .item .num{width:100px}}
@media (max-width:768px){.pro-list.list0{justify-content:space-between}
.pro-list.list0 li{flex-direction:column;width:49%}
.pro-list.list0 li .pro-img{width:100%;aspect-ratio:1/1}
.pro-list.list0 li .pro-info{width:100%}
.pro-list.list0 li .pro-info .pro-btn a{min-width:auto;width:50%}
.pro-maylink,.protypefeedback{padding:30px 0px}
.procate li{width:100%}

.product .right-wrap .pro-list li .pro-img .icon{opacity:1}
.product .right-wrap .pro-list.list1{justify-content:space-between}
.product .right-wrap .pro-list.list1 li{width:48%;margin-right:0px}
.product .right-wrap .pro-list.list1 li:nth-child(3n){margin-right:0px}
.product .right-wrap .detail .text{margin-left:0px}
.product .page-container .product-catelist .product-cateitem{width:100%;margin-right:0px}
.product .right-wrap .pro-list.list0 li .pro-img{width:45%}
.product .like .pro-list li .pro-info .text{display:none}
.product .right-wrap .like .pro-list .pro-img{width:40%}
.product .right-wrap .like ul li{width:100%}
.product .right-wrap .like ul li .btn{margin-top:6px}
.pro-d-main .crumbs{display:none}
.product .right-wrap .commodity .info .btn .addToCart{padding:6px 10px;margin-right:0px}
.product .right-wrap .commodity .info .btn>div,
.product .right-wrap .commodity .info .btn>a{width:48%;margin-right:0px}
.product .right-wrap .commodity .info .btn .probtn{margin-right:0px}
.pro-list.list1 li .pro-info{text-align:left}
.pro-list li .pro-info .btn{padding:4px 0px}
.product .right-wrap .pro-list li:hover .pro-info .btn{padding:4px 6px}
.detail-page{flex-wrap:wrap}
.detail-page>div{width:100%;margin:10px 0px}
.product .right-wrap .commodity .info .btn{justify-content:space-between}
.right-wrap{width:100%;flex:inherit}
.pro-d-main .common-main  .page-main{ width: calc(100% - 0px)}
.pro-list li .pro-info .pro-btn a {width: 100%}

.product .right-wrap .commodity .info{width:100%;flex:inherit;margin-left:0px}
.preview-container{width:100%}


.product .right-wrap .commodity .info .btn{justify-content:space-between}
.right-wrap{width:100%;flex:inherit}
.product .right-wrap .commodity .info{width:100%;flex:inherit;margin-left:0px}


.pagelink{flex-direction:column;height:auto;padding:20px 15px}
.pagelink .pagelink-item{width:100%;height:60px}
.pagelink .pagelink-item.next{flex-direction:row-reverse;margin-top:10px}
.pagelink .pagelink-item.next .link{text-align:left}
.newslist.list0 li .more{width:100%}
.faqs-list .project-info .project-name{font-size:var(--fontsize16)}

.contactbox .contactform,.contactbox .contactinfo{padding:20px 15px}
.contactbox .contact-title{font-size:var(--fontsize24)}
.wmkcpage1 .info .title{font-size:var(--fontsize20)}
.wmkcpage2{padding-bottom:2em}
.wmkcpage3 .wmkcpage3-container .list{gap:0;justify-content:space-between}
.wmkcpage3 .wmkcpage3-container .list li{width:48%!important;margin-bottom:1em}
.wmkcpage6 .wmkcpage6-container .right{flex-direction:column}
.wmkcpage6 .wmkcpage6-container .wmkcpage6-nav{width:100%;padding:0px 15px}
.wmkcpage6 .wmkcpage6-container .wmkcpage6-nav-content img{width:100%}
.wmkcpage7 .swiper-slide{width:80%}
.wmkcpage7 .swiper-slide .info{padding:20px 15px}
.wmkcpage9 .wmkcpage9big .swiper-slide{flex-direction:column}
.wmkcpage9 .wmkcpage9big .swiper-slide .info{width:100%}
.wmkcpage9 .wmkcpage9big .swiper-slide .info .title{margin-bottom:15px;font-size:var(--fontsize20)}
.wmkcpage9 .wmkcpage9big .swiper-slide .img{width:100%;margin-top:20px}
.wmkcpage11 .wmkcpage11-container ul{flex-direction:column}
.wmkcpage11 .wmkcpage11-container ul li{width:100%;position:relative;padding-left:100px}
.wmkcpage11 .wmkcpage11-container ul li .icon{position:absolute;left:20px;top:20px}
.wmkcpage12{flex-direction:column}
.wmkcpage12 .img{width:100%}
.wmkcpage12 .info{padding:0px}
.wmkcpage13 .wmkcpage13-box .left{font-size:var(--fontsize20)}}
@media (max-width:500px){.procate li .info{padding:0px}
.procate li .info .more{display:none}
.pro-list.list1 li{width:100%}
.pro-list.list0 li{width:100%}
.newslist.list0 li{width:100%}
.contact-suppoters .contact-suppoters-list li{width:50%}
.download-list li{padding-bottom:20px}
.download-list li .download-info{padding:0px 15px}
.wmkcpage2 .wmkcpage2-container .wmkcpage2-list li{width:100%;padding:20px 20px}
.wmkcpage4 .wmkcpage4-container .wmkcpage4-info .list li .left .p1{font-size:var(--fontsize20)}
.wmkcpage5{min-height:200px}
.wmkcpage11 .wmkcpage11-container ul li{padding:15px;padding-left:80px}
.wmkcpage11 .wmkcpage11-container ul li .icon{width:50px;height:50px;left:15px;top:15px}
.wmkcpage11 .wmkcpage11-container ul li .p1{margin:0}
.wmkcpage11 .wmkcpage11-container .box{padding:30px 15px}
.wmkcpage13 .wmkcpage13-num{gap:20px}
.wmkcpage13 .wmkcpage13-num .item{width:100%;margin:0}
.wmkcpage14 #wmkcpage14-swiper{padding:20px 10px}
.pro-d-main .banner-content{display:none;}
.news-d-main .banner-content{display:none;}}