@media screen and (max-width:1440px){.preview-container{width:300px}
.thumbnail-show{height:300px}
.thumbnail-box .item{height:50px}
}
@media screen and (max-width:1366px){.pageabout .pageabout-mod2 .service::before{border-left:160px solid transparent;border-right:160px solid transparent}
.pro-list.list0 li .pro-img{width:40%}
.project-wrap .project-item{width:31%;margin-right:3%}
.project-wrap .project-item:nth-child(4n){margin-right:3%}
.project-wrap .project-item:nth-child(3n){margin-right:0}
.product-catelist .product-cateitem .cate-img{width:40%}
}
@media screen and (max-width:1024px){.pageabout .pageabout-mod2 .service::before{border-bottom:300px solid #fff;border-left:100px solid transparent;border-right:100px solid transparent}
.sidebar{display:none}
.page-main{margin-left:0}
.contact-box .contact-main{width:100%}
.contact-box .inquiry-wrap #feedbackForm .send-btn{width:180px;height:45px}
.contact-box .contact-list{width:100%}
.product-catelist .product-cateitem{width:100%}
.prodetails-content{margin-top:30px}
.prolist-bottom{padding:0 15px;line-height:1.6}
.pro-bottom-inquiry{display:none}
}
@media screen and (max-width:768px){.common-main{padding:25px 0}
.pageabout .pageabout-mod1{flex-direction:column}
.pageabout .pageabout-mod1 .left{width:100%;padding-right:0;margin-bottom:20px}
.pageabout .pageabout-mod1 .right{width:100%}
.pageabout .pageabout-mod2 .service{flex-direction:column;width:100%;padding:20px 10px}
.pageabout .pageabout-mod2 .service::before{display:none}
.pageabout .pageabout-mod2 .service .service-item{width:100%;margin-bottom:50px}
.pageabout .pageabout-mod2 .service .service-item:last-child{margin-bottom:0}
.pageabout .pageabout-mod3{margin-top:0}
.pageabout .pageabout-mod3 .img-item{width:33.33%}
.pageenvironment .left{width:100%}
.pageenvironment .left .info .title{font-size:20px}
.pageenvironment .right{width:100%;padding-left:0;margin-top:20px}
.pageequipment-list .item{width:49%;margin-bottom:20px}
.pageequipment-list .item .info{padding:10px}
.pagetaem .pageteam-list .pageteam-item{width:49%}
.pagehistory .swiper{height:480px;padding-left:20px}
.pagehistory .history-item .history-info .date{font-size:16px}
.pagehistory .history-item .history-info .text p{font-size:16px;line-height:1.4}
.pagehistory .pagehistory-swiper{box-sizing:border-box;padding-left:0;margin-top:30px}
.pagehistory .pagehistory-swiper .axle-wire{left:14px;transform:translateX(0)}
.pagehistory .history-item .history-img{width:100%}
.pagehistory .history-item .history-img::before{content:"";width:16px;height:16px;border-radius:50%;border:6px solid var(--color);position:absolute;left:-20px;top:-8px;background-color:#fff}
.pagehistory .history-item .history-info{width:100%;margin-top:20px;padding-left:20px;padding-right:0}
.pagehistory .history-item .history-info::before{display:none}
.pagehistory .history-item .history-info .date{margin-bottom:0}
.pagehistory .history-item:nth-child(odd){flex-direction:column}
.pagehistory .history-item:nth-child(odd) .history-img{padding-left:20px;padding-right:0}
.pagehistory .history-item:nth-child(odd) .history-img .img{border-right:none;border-left:1px solid #dfe0e9;padding-right:0;padding-left:20px}
.pagehistory .history-item:nth-child(odd) .history-img::before{top:-12px}
.pagehistory .history-item:nth-child(even){flex-direction:column-reverse}
.pagehistory .history-item:nth-child(even) .history-img{padding-left:20px}
.pagehistory .history-item:nth-child(even) .history-info{text-align:left;padding-left:20px;padding-right:0}
.pagehistory .pagehistory-next,.pagehistory .pagehistory-prev{width:40px;height:40px;left:-5px;transform:translateX(0)}
.page-solutions .solution-item{width:100%;margin-bottom:20px}
.pro-list li{margin-bottom:20px}
.pro-list li .pro-img .icon{top:5px;right:5px;width:30px;height:30px;opacity:1}
.pro-list li .pro-img .icon-hottitle{font-size:26px;top:5px;left:5px}
.pro-list li:hover .pro-img .icon{top:5px}
.pro-list.list1{justify-content:space-between}
.pro-list.list1 li{width:48%;margin-right:0}
.compare-panel{width:100%;bottom:calc(55px + constant(safe-area-inset-bottom));bottom:calc(55px + env(safe-area-inset-bottom))}
.rfixed-scnum{right:26px}
.product-catelist .product-cateitem .cate-info{padding:10px 15px}
.product-catelist .product-cateitem .cate-info .more{display:none}
.prodetails-top{flex-wrap:wrap}
.prodetails-info{width:100%;padding-left:0;margin-top:20px}
.prodetails-info .prodetails-name{font-size:24px}
.prodetails-info .prodetails-btnlist{justify-content:space-between}
.prodetails-info .prodetails-btnlist>:hover{background-color:#fff;color:#2b2b2b;border-color:#2b2b2b}
.prodetails-info .prodetails-btnlist>*{width:48%;margin-right:0}
.prodetails1-list .item{width:100%}
.prodetails2-list .item .item-text{position:relative;padding:10px;font-size:16px}
.prodetails3-list .item{width:49%;margin-bottom:10px}
.maylike{margin-top:30px}
.maylike-list .maylike-item{width:32%}
.maylike-list .maylike-item:nth-child(6n){margin-right:2%}
.maylike-list .maylike-item:nth-child(3n){margin-right:0}
.newslist.list1{justify-content:space-between}
.newslist.list1 li{width:49%;margin-bottom:20px;margin-right:0}
.newslist.list1 li .newslist-info{padding:15px 10px;margin:0;top:0}
.newslist.list1 li .newslist-info .date{min-width:50px;height:50px;top:-50px;font-size:14px;line-height:1.2}
.newslist.list1 li .newslist-info .date .span2{font-size:18px}
.newslist.list0 li{border:none}
.newslist.list0 li .newslist-info{padding:0 10px}
.newslist.list0 li .newslist-info .more{display:none}
.newslist.list0 li .newslist-info .text{display:none}
.newslist.list0 li .newslist-img{width:40%}
.pagelink .pagelink-item{width:100%}
.pagelink .pagelink-item .flex{height:40px}
.pagelink .pagelink-item .flex .pagelink-btn{width:80px}
.pagelink .pagelink-item.next{margin-top:20px;align-items:flex-start}
.download-list li{width:100%}
.download-list li .download-btn{margin-top:10px;width:100%}
.contact-box .inquiry-wrap{margin-top:30px}
.contact-box .contact-list{padding:20px;margin-bottom:20px}
.contact-box .contact-list .title span{width:60px}
.contact-box .contact-list .contact-item{padding:20px 0}
.contact-box .contact-list .contact-item .contact-icon{width:60px;height:60px}
.contact-box .contact-list .contact-item .contact-icon em{font-size:24px}
.page-certificate::after{display:none}
.contact-img{margin-top:20px}
.certificate-list li{width:49%;margin-bottom:20px}
.certificate-list li .img img{-webkit-box-reflect:below 0 linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0))}
.project-wrap{justify-content:space-between}
.project-wrap .project-item{width:49%;margin-right:0!important}
.project-wrap .project-item .project-info .text .p{display:none}
.project-wrap .project-item .project-info .text .title{font-size:16px}
.project-wrap .project-item .project-info .more{right:10px}
.project-wrap .project-item:hover .project-info .more{top:10px}
.preview-container{width:100%}
.pro-d-main .banner-inner{display:none}
.thumbnail-box{padding:0;margin:0;border:1px solid #eee;border-radius:5px;overflow:hidden}
.thumbnail-box .item{width:100%!important;height:calc(100vw - 30px);border:none}
.thumbnail-box .item .imgalt{position:absolute;left:50%;transform:translateX(-50%);z-index:99;bottom:8px;background:rgba(0,0,0,.5);color:#fff;width:95%;padding:0 6px;line-height:35px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;border-radius:30px;font-size:14px;padding-right:40px;text-transform:capitalize}
.thumbnail-box .prodetails-button-next,.thumbnail-box .prodetails-button-prev{display:none}
.thumbnail-box #media{height:calc(100vw - 30px)}
.thumbnail-box .banner-page{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:5px 10px;position:absolute;bottom:8px;right:9px;z-index:9;background-color:#777;color:#fff;border-radius:30px;letter-spacing:2px}
.thumbnail-show{display:none;height:auto}
.faqs-list li{width:100%}
.faqs-list .project-info .project-name{padding:10px;padding-right:40px}
.faqs-list .project-info .project-name span{right:10px}
.banner-inner .banner-title-h1{display:none}
.prodetails-content .prodetails-company-box .prodetails-company-name{font-size:22px}
.newscontent-date{margin:0 0 20px}
.newscontent-date p{margin-top:10px}
.pro-cate-title{font-size:20px}
.pagehistory .history-item .history-info .tit{font-size:20px}
}
@media screen and (max-width:500px){.pagetaem .pageteam-list .pageteam-item{width:100%}
.page-solutions .solution-item .solution-icon{width:60px;height:60px}
.page-solutions .solution-item .solution-icon em{font-size:36px}
.page-solutions .solution-item .solution-item-btn{width:120px;height:42px}
.page-solutions .solution-item .serial-num{min-width:140px;min-height:44px}
.page-solutions .solution-item .serial-num span{font-size:18px}
.pro-list li .pro-info .title{font-size:16px}
.pro-list li .pro-info .text{margin-top:0}
.pro-list.list1 li .more{padding:6px}
.pro-list.list0 li .pro-img{height:100%}
.pro-list.list0 li .pro-info{padding:10px;flex:1}
.pro-list.list0 li .more{display:none}
.pro-list.list0 li .pro-img>a{height:100%}
.maylike-list{justify-content:space-between}
.maylike-list .maylike-item{width:49%;margin-right:0}
.certificate-list li{width:100%}
.prodetails-content .prodetails-tabs{justify-content:space-between}
.prodetails-content .prodetails-tabs .prodetails-tabs-item{margin-right:0;width:48%;height:50px;font-size:16px}
}