@media screen and (max-width:1440px){.about2 .box-info .item .info .title{font-size:var(--fontsize26)}
.contactbox .contact-info .info-box{padding:30px 20px}
.contactbox .contact-info .info-box .call-txt{font-size:var(--fontsize18)}
.contactbox .contact-info .info-box .book-box .p1{font-size:var(--fontsize18)}
.contactbox .contact-info .info-box .book-box em{font-size:var(--fontsize16)}
}
@media screen and (max-width:1280px){.about1 .img-list .num-box{width:140px;height:140px}
.about1 .img-list .num-box::before{width:180px;height:180px}
.about1 .img-list .num-box .num{font-size:var(--fontsize36)}
.about1 .img-list .num-box .tit{font-size:var(--fontsize14)}
.about3 .list li .tit br{display:none}
.about4 .list{justify-content:space-between}
.about4 .list li{width:49%;margin-right:0}
.company3 .top .list li .icon em{font-size:var(--fontsize40)}
.advantage2 .num-list li{width:24%}
.service1 .list li{width:48%;margin:10px 0}
.service3 .box .title-box .txt br{display:none}
.service2 .box .txt{font-size:var(--fontsize26)}
.contactbox .contact-info{width:100%}
.contactbox .contactfeedback{width:100%;margin-top:25px}
.procate3 .item .item-info .txt-list{padding:10px 20px}
}
@media (max-width:1024px){.nobanner .banner-img{display:none}
.protypefeedback .inquiry-title{font-size:var(--fontsize26)}
.prohome-content{padding:10px 15px}
.page-nav{margin-top:30px}
.pagenav-cate{position:relative}
.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:10px 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}
.project-wrap{justify-content:space-between}
.project-wrap li{width:49%;margin-right:0;margin-bottom:1em}
.pro-d-main .banner-inner{display:none}
.about2 .box-info .item .info .title{font-size:var(--fontsize22)}
.about1{padding-bottom:30px}
.about2{padding:30px 0}
.about2 .title-list{margin-top:25px}
.about3{padding:30px 0}
.about4{padding:30px 0}
.company1{padding-bottom:30px}
.company1 .top{padding-bottom:30px}
.company3{padding:30px 0}
.company3 .top{flex-wrap:wrap}
.company3 .top .title-box{width:100%}
.company3 .top .list{width:100%;margin-top:15px}
.company3 .top .list li{width:18%}
.company4{padding-bottom:30px}
.company4 .info{flex-wrap:wrap}
.company4 .info .title-box{flex:none;width:100%;margin-right:0}
.advantage1{padding-bottom:30px}
.advantage2{padding:30px 0}
.advantage2 .num-list li{width:49%}
.advantage2{padding:30px 0}
.advantage3{padding:30px 0}
.service1{padding-bottom:30px}
.service3{padding:30px 0}
.service3 .box .title-box{width:40%}
.service3 .box .list-box{width:56%}
.contactlist{padding-bottom:30px}
.contactbox{padding-bottom:30px}
.download-list li{width:100%}
.newslist.list0 li{width:100%}
.newslist.list0 li .img{width:35%}
.newslist.list1{justify-content:space-between}
.newslist.list1 li{width:49%;margin-right:0}
.prolist1{padding:30px 0}
.prolist2{padding:30px 0}
.prolist3{padding:30px 0}
.prolist3 .list li .title-box .title{font-size:var(--fontsize22)}
.prolist3 .list li .title-box .num{font-size:60px}
.prolist3 .list li .money{font-size:var(--fontsize24)}
.prolist3 .list li em{font-size:var(--fontsize24)}
.prolist4{padding:30px 0}
.prolist4 .item .home-title{font-size:var(--hometitlefont)}
.prolist5{padding:30px 0}
.prolist5 .list li{width:49%}
.prolist6{padding:50px 0}
.prolist6 .info .home-title{font-size:var(--hometitlefont)}
.prohome-title{padding-top:30px}
.procate1 .info .txt-list li{width:100%}
.pro-list.list1{justify-content:space-between}
.pro-list.list1 li{width:49%;margin-right:0}
.procate3{padding:30px 0}
.procate3 .item .img{width:100%}
.procate3 .item .info{width:100%;margin:20px 0}
.pro-maylink{padding:30px 0}
.prodetails-top{padding:20px}
.preview-container .thumbnail-box{height:400px}
.project-wrap{justify-content:space-between}
.project-wrap li{width:48%;margin-right:0!important}
}
@media (max-width:768px){.home-title br{display:none}
.banner-inner .banner-title-h1 h1{font-size:var(--fontsize20)}
.feedback-main .page-main{padding:30px 0}
.pro-main .page-main{padding:30px 0}
.pro-d-main .page-main{padding-top: 0;}
.news-main .page-main{padding: 30px 0;}
.imgalt{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;width:95%;height:40px;line-height:40px;background:#00000080;color:#fff;border-radius:30px;padding:0 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.banner-page{height:40px;min-width:40px;text-align:center;line-height:40px;position:absolute;right:10px;bottom:10px;white-space:nowrap;z-index:1;color:#fff;border-radius:30px;padding:0 10px;background:#00000080;display:block}
.page-main{padding-top:30px}
.banner-inner .banner-title-h1{font-size:var(--fontsize24);color:var(--color)}
.banner-inner .banner-content{height:auto;padding:10px 0}
.banner-inner .banner-content .l-wrap{flex-direction:column-reverse;align-items:flex-start}
.thumbnail-box .prodetails-button-next,.thumbnail-box .prodetails-button-prev{display:none}
.preview-container{width:100%;height:auto}
.prodetails-top{padding:15px}
.preview-container .thumbnail-box{width:100%;margin-right:0;height:auto;padding:0}
.preview-container .thumbnail-show{display:none}
.preview-container .thumbnail-box .item{aspect-ratio:1/1;border:none}
.prodetails-info .prodetails-btnlist{justify-content:space-between}
.prodetails-info .prodetails-btnlist>*{width:48%;min-height:auto;margin-right:0}
.prodetails-info{padding-left:0;margin-top:20px}
.prodetails-tabs{justify-content:flex-start}
.preview-container #media{aspect-ratio:1/1}
.mediaplay{width:50px;height:50px}
.singglepic{width:100%;height:auto;border:1px solid #ddd;aspect-ratio:1/1;margin-top:10px}
.about1 .top .title-box{width:100%}
.about1 .top .txt{width:100%;margin-top:10px}
.about1 .img-list{margin:25px 0}
.about2 .box-info .item .img{width:100%}
.about2 .box-info .item .info{width:100%;margin-top:25px}
.about3 .top .btn{width:100px;height:100px;font-size:var(--fontsize16)}
.about3 .list{margin-top:20px}
.about3 .list li{width:48%;margin-top:25px}
.about4 .list li{margin-top:25px}
.company1 .top .img{width:100%}
.company1 .top .info{width:100%;margin-top:25px}
.company3 .top .list li .num{font-size:var(--fontsize22)}
.company4 .img{width:40%}
.company4 .info{padding:20px 40px}
.company4 .info .icon{width:80px;height:80px}
.company4 .info .icon em{font-size:var(--fontsize40)}
.company4 .info .home-title br{display:none}
.company4 .info .home-more{margin-top:25px}
.advantage1 .box{padding:0;margin-top:25px}
.advantage1 .adv1swiper-next,.advantage1 .adv1swiper-prev{display:none}
.advantage1 .adv1swiper-pagination{display:flex}
.advantage1 .swiper-slide:nth-child(even){padding-top:0}
.advantage2 .btn{margin-top:25px}
.advantage2 .num-list{margin-top:30px}
.advantage2 .num-list .icon{width:60px;height:60px;margin-right:10px}
.advantage2 .num-list .icon em{font-size:var(--fontsize30)}
.advantage2 .num-list .num{font-size:var(--fontsize24)}
.advantage3 .top .btn{display:none}
.advantage3 .bottom{margin-top:10px}
.advantage3 .bottom::before{display:none}
.advantage3 .bottom .adv3swiper-pagination{display:flex}
.advantage3 .swiper-slide{padding:20px;margin-bottom:0}
.advantage3 .swiper-slide::before{display:none}
.advantage3 .swiper-slide .tit{font-size:var(--fontsize20)}
.advantage3 .swiper-slide .num{font-size:var(--fontsize36)}
.service2 .box{padding:30px 0;margin-top:0;flex-wrap:wrap;align-items:flex-end}
.service2 .box .img{width:48%;position:static;transform:translateX(0)}
.service2 .box .info-box{width:48%;flex-wrap:wrap}
.service2 .box .item{width:100%;margin-top:25px}
.service2 .box .right{text-align:left}
.service2 .box .right .home-tip{text-align:left}
.service2 .box .right .home-tip span{padding-left:18px;padding-right:0}
.service2 .box .right .home-tip span::before{left:0}
.pagelink .pagelink-item{width:100%;height:66px}
.pagelink .pagelink-item .icon{width:36px;height:36px}
.pagelink .pagelink-item .link{padding-left:10px;font-size:var(--fontsize16)}
.pagelink .pagelink-item.next .link{padding:0 10px 0 0}
.service3 .box .title-box{width:100%}
.service3 .box .list-box{width:100%;margin-top:25px}
.service3 .box .service3swiper-pagination{display:flex}
.project-list{margin-top:25px}
.project-list li{padding:10px}
.project-list li .project-name{font-size:var(--fontsize16)}
.page-video-box{margin-top:25px;width:100%}
.contactlist li{width:100%;margin-bottom:25px}
.contactbox .contactfeedback{padding:20px;border-color:#eee}
.contactbox .contactfeedback .wmkcfeedback .inquiry-form>*{border-bottom:1px solid #eee}
.contactbox .contact-info .info-box{flex-wrap:wrap}
.contactbox .contact-info .info-box .call-box{width:100%;padding:0;margin:0;border-right:none}
.contactbox .contact-info .info-box .book-box{width:100%;margin-top:25px}
.newslist.list0 li .img{height:auto}
.newslist.list0 li .info{padding:10px}
.newslist.list0 li .info .date{font-size:var(--fontsize14)}
.newslist.list0 li .info .more{display:none}
.newslist.list0 li .info .txt{display:none}
.newslist.list1 li .info{padding:10px}
.newslist.list1 li .info .date{font-size:var(--fontsize14)}
.newslist.list1 li .info .txt{display:none}
.download-list li{flex-wrap:wrap;padding:10px}
.download-list li .download-img{width:49%;margin-right:0}
.download-list li .download-info{flex:none;width:49%}
.download-list li .download-name{font-size:var(--fontsize18)}
.download-list li .download-btn{margin-left:0}
.newslist li .info .title{font-size: var(--fontsize18);}
.prolist1 .list{margin-top:0}
.prolist1 .item{width:100%;margin-top:25px}
.prolist1 .item-box{width:100%}
.prolist1 .item-box .item{width:100%}
.prolist1 .item-box .img{display:none}
.prolist4 .item{width:100%;margin:10px 0;padding:20px}
.prolist5 .list li{margin-top:25px;padding:20px}
.prolist6 .info{padding:20px}
.prohome-list{justify-content:space-between}
.prohome-list li{width:49%;margin-right:0;margin-bottom:20px}
.procate1 .info{width:100%}
.procate1 .img{width:100%;margin-top:25px}
.procate2 .box .info{width:100%}
.procate2 .box .img{width:100%;margin-top:25px}
.procate3 .item{padding:10px}
.procate4 .list li{width:100%;margin-top:25px}
.procate4 .list li .icon{width:60px;height:60px}
.procate4 .list li .icon em{font-size:var(--fontsize24)}
.pro-list.list0 .pro-img{width:45%}
.pro-list li .pro-meta .icon{opacity:1;border-color:var(--color1);transform:translateX(0);color:var(--color1)}
.pro-list li .pro-meta .icon.pro-checked{color:#fff}
.project-wrap li .project-info{padding:20px 10px}
.project-wrap li .project-info .project-name{font-size:var(--fontsize18);line-height:1.2}
.document-main .video-list{justify-content:space-between}
.document-main .video-list>li{width:49%;margin:0 0 2% 0}
}
@media screen and (max-width:500px){.about1 .img-list .img-box{width:100%}
.about3 .top .btn{display:none}
.about3 .list li .num{font-size:var(--fontsize22)}
.about3 .list li .tip{font-size:var(--fontsize16)}
.about4 .list li{width:100%}
.about4 .list li .info{padding:15px}
.company1 .top .info .btn-box{margin-top:20px}
.company1 .top .info .btn-box .tip-box{width:100%;margin-top:10px;margin-left:0}
.company1 .top .info .list{flex-wrap:wrap;justify-content:space-between}
.company1 .top .info .list .tit{font-size:var(--fontsize14)}
.company1 .top .info .list .icon{width:50px;height:50px}
.company1 .top .info .list .icon em{font-size:var(--fontsize24)}
.company1 .top .info .list li{margin-right:0;width:49%}
.company3::before{background-position:center}
.company3 .top .list li .tit{font-size:var(--fontsize14)}
.company3 .top .list{justify-content:space-around}
.company3 .top .list li{width:31%;margin-right:3%;margin-top:10px}
.company3 .top .list li:nth-child(3n){margin-right:0}
.company3 .top .list li .icon{width:86%}
.company4 .img{width:100%}
.company4 .info{padding:20px;border-left:0}
.company4 .info .icon{display:none}
.advantage2 .num-list li .tit{font-size:var(--fontsize14)}
.service1 .list-top{border-bottom:none}
.service1 .list-bottom{padding-top:0}
.service1 .list li{width:100%}
.service2 .box .img{width:100%;text-align:center}
.service2 .box .info-box{width:100%}
.service2 .box .info-box .item{text-align:center}
.service2 .box .info-box .item .home-tip{text-align:center}
.service3 .box .swiper-slide .info{padding:20px}
.prolist3 .list li{padding:20px}
.prolist3 .list li .title-box{width:100%}
.prolist3 .list li .txt{margin:10px 0;padding:0;width:100%;flex:none}
.prolist3 .list li .money{margin:0}
.prolist4 .item{flex-wrap:wrap}
.prolist4 .item .icon{width:100%;margin-right:0}
.prolist5 .list li{width:100%}
.prohome-list li .info{padding:10px}
.prohome-list li .info .title{font-size:var(--fontsize18)}
.prohome-list li .info .txt{display:none}
.pro-list.list1 li .pro-info{padding:10px}
.pro-list.list1 li .pro-info .title{font-size:var(--fontsize18);line-height:1.4}
.pro-list.list1 li .pro-info .txt{margin-top:6px}
.procate3 .item .item-info .txt-list{width:100%}
.procate3 .item .item-info .view{width:100%;margin-top:25px}
.pro-list li .pro-img .icon-hottitle{top:10px;left:10px}
.pro-list li .pro-meta{right:10px;top:10px}
.pro-list.list0 .pro-info{padding:10px}
.pro-list.list0 .pro-info .title{font-size:var(--fontsize18)}
.prodetails-name{font-size: var(--fontsize22);}
.inquiry-prolist .inquiry-pro-item .pro-item-name a{font-size:var(--fontsize16)}
.document-main .video-list .video-name{font-size:var(--fontsize16);padding:10px}
.document-main .video-list .video-img::before{width:40px;height:40px}
.document-main .video-list .video-img::after{border-width:8px;border-left-width:12px}
}