@media screen and (max-width:1366px){
	.content{padding:40px 0px}
	.now-txt p:nth-child(1){font-size:var(--fontsize24)}
	.now-txt p:nth-child(2){font-size:var(--fontsize12)}
	.now-us{width:240px;height:50px;font-size:var(--fontsize20)}
	.contact .contact-list li .title{font-size:var(--fontsize20);margin:4% 0}
	.contact .contact-list li .des{font-size:var(--fontsize16)}
	.product .right-wrap .pro-list.list1{justify-content:space-between}
	.product .right-wrap .pro-list.list1 li{width:48%;margin-right:0px}
}
@media screen and (max-width:1024px){
	.sidebar{display:none;width:100%;margin-right:0px}
	.news .wrap-r .news-list li .info .title{font-size:var(--fontsize18)}
	.news .wrap-r .news-list li .info .text{font-size:var(--fontsize14)}
	.contact .contact-list{flex-wrap:wrap}
	.contact .contact-list li{width:48%;margin-bottom:4%}
	.common-main .page-main{width:100%}
}
@media screen and (max-width:900px){
	table td,table th{white-space:nowrap}
	.content{display:none}
	.overview-content{flex-direction:column;padding:0px}
	.overview-left{width:100%;box-sizing:border-box;margin-bottom:0px;margin-right:0px}
	.content{display:none}
	.overview-left div{width:100%}
	.overview-left img{width:100%}
	.overview-right{width:100%}
}
@media screen and (max-width:768px){
	.common-main{padding:15px 0px 30px}
	.now-context{flex-direction:column;align-items:flex-start;padding:20px}
	.now-us{margin-top:30px;width:180px;height:40px;font-size:var(--fontsize16)}
	.now-txt p:nth-child(1){font-size:var(--fontsize18)}
	.news .wrap-r .particulars{padding:0px;box-shadow:none}
	.news .wrap-r .particulars .title{font-size:var(--fontsize22)}
	.news .wrap-r .news-list li{width:48%;margin-right:0px}
	.news .wrap-r .news-list{justify-content:space-between}
	.news .wrap-r .particulars .de-img{flex-wrap:wrap}
	.news .wrap-r .particulars .de-img div{width:100%;margin:10px 0px}
	.news .wrap-r .particulars .de-img div img{width:98%}
	.news .wrap-r .news-list.list0 li .img{width:100%}
	.news .wrap-r .news-list.list0 li .img img{width:100%}
	.news .wrap-r .news-list.list0 li>a{width:40%}
	.news .wrap-r .news-list li .info{flex:1}
	.news .wrap-r .news-list li .info .text{display:none}
	.news .wrap-r .news-list li .info .time{font-size:var(--fontsize14)}
	.news-d-main .wrap-r{width:100%}
	.news .wrap-r .news-list.list0 li .info .more-btn{display:none}
	.send .top{width:100%;margin-top:3%}
	.send .item input{padding:2.5% 20px}
	.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 .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}
	.product .right-wrap .commodity .info{width:100%;flex:inherit;margin-left:0px}
	.preview-container{width:100%}
	.preview-container .small-box{display:none}
	.preview-container .thumbnail-box{padding:0px;margin:0px;border:1px solid #dcdcdc;overflow:hidden;display: block !important;}
	.preview-container .thumbnail-box .item{height:calc(100vw - 30px);border:none}
	.preview-container .thumbnail-box .item .imgalt{position:absolute;left:50%;transform:translateX(-50%);z-index:99;bottom:8px;background:rgba(0,0,0,.2);color:#FFFFFF;width:95%;padding:0px 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:var(--fontsize14);padding-right:40px}
	.preview-container .thumbnail-box .prodetails-button-next,.preview-container .thumbnail-box .prodetails-button-prev{display:none}
	.preview-container .banner-page{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:50%;background:var(--color);color:#FFFFFF;display:flex;align-items:center;justify-content:center;z-index:9}
	.preview-container #media{border:none;height:100%!important}
	.contact .inquiry input{width:100%}
	.our-history .history-content .swiper .swiper-wrapper .swiper-slide::before{left:103%}
}
@media screen and (max-width:500px){
	.news .wrap-r .news-list li{margin-bottom:6%;width:100%}
	.news .wrap-r .news-list.list0 li .info{padding:0px 10px}
	.news{margin-bottom:20px}
	.product .right-wrap>.title{font-size:var(--fontsize20);margin-bottom:10px}
	.detail-page .link-intro{width:50px;text-align:center}
	.detail-page span{font-size:var(--fontsize14);padding:0px 15px}
	.product .right-wrap .commodity .info .title{font-size:var(--fontsize20);font-weight:var(--fontweight4);color:var(--fontcolor);margin:12px 0px}
	.product .right-wrap .pro-list.list0 li .pro-info{flex:1;padding-left:10px}
	.product .right-wrap .pro-list.list0 li .pro-info .btn{display:none}
	.pro-list li .pro-info .title{font-size:var(--fontsize16)}
	.contact .inquiry{background-color:#eff2f7;border-radius:10px;box-sizing:border-box;padding:6% 4%;margin-top:4%}
	.contact .inquiry .send-btn{width:180px;height:48px;border-radius:var(--border);background-color:var(--color);display:flex;align-items:center;justify-content:center;color:#FFFFFF;font-weight:var(--fontweight5);margin-top:4%}
	.contact .contact-list li .ic{font-size:var(--fontsize24);color:var(--color)}
	.contact .contact-list li{width:100%}
	.contact .contact-list li .title{font-size:var(--fontsize18);margin:2% 0}
	.contact .contact-list li .des{font-size:var(--fontsize14)}
	.overview-right{padding:0px}
	.overview-right p{margin-right:0px}
	.overview-right p:nth-child(1){color:var(--color);margin-top:20px;font-size:var(--fontsize14)}
	.overview-right h4{font-size:var(--fontsize18);margin-bottom:10px}
	.our-history .history-content .date{font-size:var(--fontsize14)}
	.our-history .history-content .tit{font-size:var(--fontsize18)}
	.our-history .history-content .des{font-size:var(--fontsize16);color:var(--introcolor);white-space:inherit;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
	.our-history .history-content .swiper .swiper-wrapper .swiper-slide{width:47%}
	.our-history .history-content .swiper .swiper-wrapper .swiper-slide:nth-child(2n) p{text-align:left;transform:translateX(112%)}
}
@media(max-width:1024px){
	.project-wrap{justify-content:space-between}
	.project-wrap li{margin-right:0px;width:48%}
}
@media(max-width:768px){
	.project-wrap li{width:100%}
	.project-wrap li .project-info{transform:translateY(0);opacity:1;visibility:initial;justify-content:center}
	.project-wrap li .project-info a{justify-content:center}
}