@media (max-width:1024px){
.page-nav{margin-bottom:30px}
.pagenav-cate .pagenav-menu{display:flex;align-items:center;justify-content:space-between;border:1px solid #f3f3f3;padding:0 10px;font-size:var(--fontsize22);background:#fafafa;text-transform:capitalize}
.pagenav-cate .pagenav-menu em{font-size:var(--fontsize24);}
.pagenav-cate .pagenav-catelist{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;box-shadow:rgba(0,0,0,.2) 0 2px 16px;z-index:9}
.pagenav-cate .pagenav-catelist a{padding:6px 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{justify-content:space-between}
.procate li{width:48%;margin-right:0;margin-bottom:1em;}
.page-main .pro-list li .icon{opacity:1;transform:none}
.page-main .pro-list.list1{justify-content:space-between}
.page-main .pro-list.list1 li{width:48%;margin-right:0;margin-bottom:1em;}
.pro-list li .pro-img>a::after{display:none}
.pro-list.list1 li:hover .pro-info{background:0 0}
.pro-list li:hover .pro-img img{transform:none}

.newslist.list1{justify-content:space-between}
.newslist.list1 li{width:48%;margin-right:0;margin-bottom:1em;}
.newslist.list1 li .info{padding:20px 10px}
.common-page{margin-top:30px}
.common-page a,.common-page span{min-width:40px;height:40px}
.newslist.list0 li .img{width:30%}
.contactbox .contactform{margin-right:0;margin-bottom:20px}
.contactbox .contactinfo{width:100%}
.about1 .list li{width:50%}
.about1 .list li:nth-child(n+3){margin-top:2em}
.team1 .right{padding-left:30px}
.pagemanfont1 .pagemanfont-nav{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin-right:0;margin-bottom:2em}
.pagemanfont1 .pagemanfont-nav li{width:49%;height:auto;text-align:center;padding:10px}
.about1 .list li{width:100%}
.about1 .list li:nth-child(n+2){margin-top:2em}
.team1 .left{width:100%}
.team1 .right{padding-left:0;margin-top:20px}
.about4 .img{width:100%}
.pagemanfont2>div{width:100%}
.pagemanfont3 .img{width:100%}
.pagemanfont3 .img+.info,.pagemanfont3 .info+.img{margin-left:0;margin-top:1em}
.pagemanfont1 .pagemanfont-nav li{font-size:var(--fontsize16)}
.services1 .img{width:100%}
.services1 .img+.info,.services1 .info+.img{margin-left:0;margin-top:1em}
.services4{min-height:500px}
.services5 .img{width:100%}
.services5 .img+.info,.services5 .info+.img{margin-left:0;margin-top:1em}
.team2 .list li .info{padding:20px 15px}
}
@media (max-width:768px){
.pagesbanner{min-height:200px;}
.banner-inner .banner-title-h1{font-size:var(--fontsize22)}
.procate li .info{padding:10px;}
.page-main .pro-list.list0 li .pro-img{width:45%}
.page-main .pro-list.list0 li{margin-bottom:1em}
.page-main .pro-list.list0 li .pro-info{padding:10px 0 10px 10px}
.pro-list li .pro-info .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.page-main .pro-list.list0 li .pro-info .title{margin-bottom:0}
.page-main .pro-list.list0 li .pro-info .text{margin-bottom:5px}
.pro-list li .icon{width:30px;height:30px}
.icon-hottitle{font-size:var(--fontsize12);left:10px;top:10px}
.pro-list li .pro-meta{right:10px;top:10px}
.about3{padding: 2%}
#pagemanfont5 .swiper-wrapper{display: block;}
#pagemanfont5 .swiper-slide{width: 100%}


.prodetails-top{flex-direction:column}
.preview-container{width:100%;height:auto}
.preview-container .thumbnail-show{display:none}
.preview-container .thumbnail-box{padding:0;margin-top:10px;border:1px solid #ccc}
.thumbnail-box .prodetails-button-next,.thumbnail-box .prodetails-button-prev{display:none}
.pro-d-main .page-main{padding:0}
.preview-container .thumbnail-box .item{aspect-ratio:1/1;border:none}
.preview-container #media{aspect-ratio:1/1}
.mediaplay{width:50px;height:50px}
.prodetails-info{padding:0;margin-top:20px;width:100%;}
.prodetails-name{font-size:var(--fontsize24)}
.prodetails-info .prodetails-btnlist{justify-content:space-between}
.prodetails-info .prodetails-btnlist>*{min-width:inherit;width:49%;margin-right:0}
.prodetails-description{margin:30px 0}
.prodetails-description .icon{width:70px;height:45px}
.prodetails-description .icon em{font-size:var(--fontsize24)}
.prodetails-description span{font-size:var(--fontsize20)}


.protypefeedback{padding:30px 0}
.pagelink .pagelink-item{width:100%;}
.newslist.list0 li .img{width:40%}
.newslist.list0 li .info{padding:10px}
.newslist li .info .text{margin:5px 0}
.newslist li .info .title{line-height:1.4}
.faqs-list li{padding:10px}
.faqs-list .project-info .project-name{padding-right:0px;font-size:var(--fontsize16);display: block;padding: 3%}
.faqs-list .project-info .project-name em{right:0;top: 1%}
.solutions1 ul{justify-content:space-between}
.solutions1 ul li{margin-right:0;width:98%;padding:60px 10px 0}
.solutions1 ul li .icon::before{left:-10px}
.solutions1 ul li .icon::after{left:20px}
.download-list li{width:100%}
.project-wrap{justify-content:space-between}
.project-wrap li{width:49%;margin-right:0}
.contactbox .contactform,.contactbox .contactinfo{padding:20px 15px}
.contactbox .contact-title{font-size:var(--fontsize24)}
.services2 ul li{width:50%}
.services2 ul li:nth-child(n+3){margin-top:1em}
.services3 ul{justify-content:space-between}
.services3 ul li{width:49%;margin-bottom:1em}
.services4{min-height:300px}
.services4 .home-des,.services4 .home-title{margin-bottom:1em}
.services5 .list li{width:100%}
.team2 .list li{width:100%;flex-direction:row!important}
.team2 .list li:nth-child(2n){flex-direction:row-reverse!important}
.team3 .list li{width:100%;margin-bottom:1em;padding:30px 15px}
.pagetitle-h1{font-size:var(--fontsize18);margin-bottom:1em}
}
@media (max-width:500px){
.common-main{padding:30px 0 0}
.banner-inner .banner-content{height:auto;padding:6px 0}
.banner-inner .banner-content .l-wrap{display:block}
.maylink-list .swiper-slide .pro-info{padding:20px 10px}
.prodetails-meta .prodetails-name{font-size:var(--fontsize20)}
.prodetails-meta .prodetails-price .price{font-size:var(--fontsize18)}
.team3 .list li .author{margin-top:20px}
.team3 .list li .author .img{width:60px}
#maylinkswiper{padding:20px 0 50px}
.maylinkswiper-pagination .swiper-pagination-bullet{width:30px;height:6px}
.newscontent-title{font-size:var(--fontsize22)}
.pagelink .pagelink-item .link{font-size:var(--fontsize16)}
.pro-maylink{padding-bottom:30px}
}