@charset "utf-8";
@media(max-width:1024px){
	.home-title{font-size: 36px;}
	.common-main{padding-top: 10px;}
	.nobanner{padding-top:0px}
	.product-category{margin-bottom: 20px;}
	.product-category li a{padding: 10px 15px;}
	.product-catelist .product-cateitem{width:100%;margin-bottom: 1em;}
	.product-catelist .product-cateitem .cate-info .title{font-size: 18px;}
	.product-catelist .product-cateitem .cate-info{padding:20px 15px}
	.newslist .news-cateitem{width:100%;margin-bottom: 1em;}
	.newslist .news-cateitem .news-info .title{font-size: 18px;margin: 20px 0;}
	.newslist .news-cateitem .news-info{padding:20px 15px}
	.newslist .news-cateitem:first-child .news-info{margin-left:0}
	.newslist .news-cateitem:first-child .news-info .text{-webkit-line-clamp: 2;}
	.contact-list .contact-item{width: 49%;margin-bottom: 15px;}
	.contact-box .inquiry-wrap{width:100%;margin-top:20px;padding:40px 15px}
	
	.pro-cate-title{font-size:var(--fontsize24)}
	.pro-cate-title{margin-top:0px}
	.prodetails-info .prodetails-left,.prodetails-info .prodetails-right{width:100%;padding:0px;border:none}
	.prodetails-info .prodetails-name{font-size:var(--fontsize24)}
	.prodetails-info .prodetails-right{margin-top:20px}
	.prodetails-info .prodetails-btnlist>*{min-width:160px;height:45px}
	.prodetails-pictitle{font-size:var(--fontsize26)}
	.project-wrap{justify-content:space-between}
	.project-wrap li{width:32%;margin-right:0px}
	.maylink-list{justify-content:space-between}
	.maylink-list li{width:49%;margin-right:0px;margin-bottom:20px}
}
@media(max-width:900px){
	#brand{padding: 0;background: unset;}
	#brand .brand-list li{width:50%;padding-left:100px}
	#brand .brand-list li:nth-last-of-type(-n + 2){margin: 20px 0px 20px;}
	.product-category{margin-bottom: 10px;}
	.product-category li a .img{width:40px;height:40px}
	.product-category li a .img img{max-width:20px}
	.product-category li a .txt{font-size:18px}
}
@media(max-width:768px){
	.common-main img{
    margin-top: 10px;
}
	.pro-workshop{
    justify-content: space-evenly;
}
	.pro-honor{margin-top:10px}
	.pro-workshop li{width: 47%;margin-bottom: 0;}
	#pro-workshop{
}
	.home-title{font-size: 30px;}
	.home-title:after{
    margin-bottom: 20px;
}
	.about-us .l-wrap h1{font-size: 30px;}
	.about-us .l-wrap article div{width: 100%;flex: unset;}
	.about-us .l-wrap article div:last-child{margin-left: 0;max-width: 100%;margin-top: 20px;}
	.banner-inner .banner-title-h1{display:none}
	#brand .brand-list li{padding-left:6.6666666667vw;padding-left: 0;}
	#brand .brand-list li:nth-last-of-type(-n + 2){margin:9.3333333333vw 0 5.3333333333vw}
	#brand .brand-list li .brand-number{font-size:6.6666666667vw}
	#brand .brand-list li .brand-number .text-shadow{font-size:12vw}
	.product-category li{width: 49%;margin-bottom: 10px;}
	.product-category li a{padding: 10px;border: 1px solid #999;}
	.newslist .news-cateitem:first-child{margin-bottom: 1em;}
	.contact-list .contact-item{width:100%}
	.product-category li a .txt{font-size:15px}
	.pagelink .pagelink-item{max-width:unset;width:100%}
	.pagelink .pagelink-item.next{align-items:flex-start;padding-left:0;text-align:left;margin-top:20px}
	.pagelink .pagelink-item .link{font-size:16px}
	.pagelink .pagelink-item .icon em{display:none}
	.inquiry-title{font-size:var(--fontsize22)}
	.pro-cate-title{font-size:var(--fontsize18)}
	.prodetails-info .prodetails-name{font-size:var(--fontsize20)}
	.prodetails-info .prodetails-share{margin-top:10px}
	.prodetails-pictitle{display:none}
	.preview-container .thumbnail-show{display:none}
	.thumbnail-show .prodetails-button-next,.thumbnail-show .prodetails-button-prev{display:none}
	.preview-container{height:auto}
	.preview-container .thumbnail-box{width:100%;padding:0px}
	.preview-container .thumbnail-box .swiper{padding-right:0px}
	.thumbnail-box .prodetails-button-next,.thumbnail-box .prodetails-button-prev{display:none}
	.prodetails-info .prodetails-right{background:0 0;box-shadow:none}
	.singglepic{width:100%;height: unset;}
	.singglepic img{width:100%;height:100%;object-fit:cover}
	.prodetails-info .prodetails-flex{margin-top:10px}
	.preview-container .thumbnail-box .item{border:1px solid #eee!important;height:calc(100vw - 30px);background:#EEEEEE}
	.preview-container .thumbnail-box .item video{width:100%;height:calc(100vw - 30px)}
	.mediaplay{width:50px;height:50px}
	.preview-container .thumbnail-box .item .mediaplay{opacity:0}
	.preview-container .thumbnail-box .item.lazy-loaded .mediaplay{opacity:1}
	.preview-container .thumbnail-box .item.item-cur::before{display:none}
	.prodetails-info{background:0 0}
	.preview-container .thumbnail-box .imgalt{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;width:95%;height:40px;line-height:40px;background:#00000080;color:#FFFFFF;border-radius:30px;font-size:var(--fontsize14);padding:0px 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
	.prodetails-tabs .prodetails-tabs-item{font-size:var(--fontsize18);padding:15px 20px}
	.faqs-list .project-info .project-name{padding-right:30px}
	.faqs-list .project-info .project-name em{right:0px}
	.faqs-list .project-info .project-content{padding:20px 10px}
	.project-wrap li{width:49%}
	.project-wrap li .project-info{padding:10px 0px}
	.maylink-list li .pro-info{padding:15px 0px}
	.preview-container .thumbnail-box .banner-page{display:flex;align-items:center;position:absolute;right:10px;top:10px;color:#FFFFFF;z-index:1;background:rgba(0,0,0,.4);border-radius:15px;padding:0px 10px;letter-spacing:2px;font-size:var(--fontsize14)}
	.newscontent-title{font-size:var(--fontsize20)}
}
@media(max-width:500px){
	.home-title{font-size: 26px;}
	.l-wrap{padding:0 10px}
	.pro-d-main .banner-inner{display:none}
	.banner-inner .banner-content{font-size:var(--fontsize12)}
	.banner-inner::after{height:calc(100% - 90px)}
	.banner-inner .banner-title-h1{font-size:var(--fontsize22)}
	.banner-inner img{min-height:180px;height:180px}
	.common-main{padding:30px 0px}
	.newslist .news-cateitem{flex-wrap: wrap;}
	.newslist .news-cateitem .news-img{width: 100%;max-width: unset;}
	.newslist .news-cateitem:first-child{margin-bottom:0}
	
	.prodetails-tabs .l-wrap{padding:0px}
	.prodetails-tabs .prodetails-tabs-item{font-size:var(--fontsize16);padding:10px 10px}
	.prodetails-info .prodetails-btnlist{justify-content:space-between}
	.prodetails-info .prodetails-btnlist>*{width:49%;margin-right:0px}
	.faqs-list .project-info .project-name em{width:26px;height:26px}
	.maylink-list li .pro-info .more{margin-top:0px}
	.pagelink .pagelink-item{width:100%;padding:0!important;max-width: unset;}
	.prodetails-tabs{margin-top:30px}
	.prodetails-info{padding-top:0px}
	.protypefeedback{padding:30px 0px}
	.pagelink .pagelink-item .link{font-size:var(--fontsize16)}
}
@media(max-width:388px){
	.product-category li {width: 100%;}
}