@charset "utf-8";
*{}
@media(max-width:1024px){
	.procategory1{}
	.procategory1 ul{}
	.procategory1 .img{}
	.procategory1 li{}
	.procategory1 li a{
    font-size: 18px;
    line-height: 50px;
}
	.common-main{padding-top: 10px;}
	.nobanner{padding-top:0px}
	.pro-cate-title{font-size:var(--fontsize24)}
	.pagenav-catelist{padding:20px 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
	.pagenav-catelist li{width: 49%;background: #5192f5;color: #fff;text-align: center;border-radius: 5px;line-height: 40px;margin-bottom: 10px;}
	.pagenav-catelist li:last-child{width: 100%;}
	.pagenav-catelist li.active{background: var(--color);}
	.page-nav{background:0 0;padding:0px;}
	.pro-cate-title{margin-top:0px}
	.pagenav-search{margin-top:0px}
	.page-main .pro-list.list1{justify-content:space-between}
	.page-main .pro-list.list1 li{width:32%;margin-bottom:20px;margin-right:1%!important}
	.page-main .pro-list.list1 li .pro-info{box-shadow:0px 10px 19px 5px rgba(224,224,224,.42)}
	.page-main .pro-list.list1 li .pro-info .data-price{opacity:1;visibility:inherit;overflow:inherit;transition:height .3s;height:50px}
	.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)}
	.page-hotnews .swiper-slide .info .date{font-size:var(--fontsize14)}
	.page-hotnews .swiper-slide .info .text{margin:10px 0px}
	.newslist li .info .title{font-size:var(--fontsize18)}
	.newslist.list0 li .img{width:40%}
	.page-hotnews .hotnews-pagination{bottom:0px}
	.newslist.list0 li .info{padding:0px 0px 0px 20px}
	.project-wrap{justify-content:space-between}
	.project-wrap li{width:32%;margin-right:0px}
	.contactlist li{width:24%}
	.contactbox .contactflex{flex-direction:column-reverse}
	.contactbox .contactflex .contactform{width:100%}
	.maylink-list{justify-content:space-between}
	.maylink-list li{width:49%;margin-right:0px;margin-bottom:20px}
	.news-nav{display:block !important;margin-top:20px}
	.news-nav .pagenav-catelist{display:flex;flex-wrap:wrap}
	.news-nav .pagenav-catelist li{margin-right:10px}
}
@media(max-width:768px){
	.banner-inner .banner-title-h1{display:none}
	.procategory1{}
	.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;
}
	.procategory1 ul{
    width: 100%;
}
	.procategory1 .img{
    width: 100%;
    display: none;
}
	.pagelink .pagelink-item .link{
    font-size: 16px;
}
	.pagelink .pagelink-item .icon em{
    display: none;
}
	.procategory1 li{}
	.inquiry-title{font-size:var(--fontsize22)}
	.pro-cate-title{font-size:var(--fontsize18)}
	.page-main .pro-list.list1 li{width:49%;margin-right:0!important}
	.page-main .pro-list.list1 li .pro-info{padding:10px}
	.page-main .pro-list li .pro-info .data-price{display:none!important}
	.page-main .pro-list li:hover .pro-info .more{background:0 0;color:var(--color)}
	.page-main .pro-list li .icon{bottom:10px;right:10px;opacity:1;transform:translateY(0)}
	.page-main .pro-list.list1 li:hover{margin-bottom:0px}
	.page-nav{padding-bottom:20px}
	.page-main .pro-list.list0 li{margin-bottom:20px;padding-bottom:20px;align-items:flex-start}
	.page-main .pro-list.list0 li .pro-img{width:40%}
	.page-main .pro-list.list0 li .pro-info{padding:0px 0px 0px 15px}
	.page-main .pro-list.list0 li:hover .pro-info .more{color:var(--color)}
	.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:calc(100vw - 30px)}
	.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}
	.newslist.list1{justify-content:space-between}
	.newslist.list1 li{margin-right:0!important;width:49%}
	.page-hotnews .swiper-slide{flex-direction:column}
	.page-hotnews .swiper-slide .img{border-radius:0}
	.page-hotnews .swiper-slide .img{width:100%}
	.newslist.list0 li{margin-bottom:1em;padding-bottom:1em;align-items:flex-start}
	.newslist.list0 li .info .more{display:none}
	.newslist li .img .date{left:10px;top:10px;font-size:var(--fontsize12);padding:8px}
	.newslist.list0 li .info .text{margin-bottom:0px}
	.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}
	.contactlist li{width:49%;margin-bottom:20px}
	.contactbox{padding:30px 0px}
	.contactbox .contactflex .contactform{padding:20px 15px}
	.contactbox .contactflex .contactform .contact-title{font-size:var(--fontsize20)}
	.contactlist li .icon em{width:60px;height:60px;font-size:var(--fontsize26)}
	.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){
	.l-wrap{padding:0 10px}
	.pagenav-catelist{
    padding: 10px;
}
	.pagenav-catelist li a{
    font-size: 14px;
}
	.pro-d-main .banner-inner{display:none}
	.banner-inner .banner-content{height:80px;padding-top:10px;font-size:var(--fontsize12)}
	.banner-inner::after{height:calc(100% - 90px)}
	.banner-inner .banner-content .l-wrap{flex-direction:column}
	.banner-inner .banner-title-h1{font-size:var(--fontsize22)}
	.banner-inner img{min-height:180px;height:180px}
	.common-main{padding:30px 0px}
	.page-main .pro-list li .pro-info .title{font-size:var(--fontsize16)}
	.page-main .pro-list.list0 li .pro-info .text{margin-bottom:0px}
	.page-main .pro-list.list0 li .pro-info .more{display:none}
	.common-page a,.common-page span{min-width:40px;height:40px}
	.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}
	.newslist.list1 li{margin-bottom:2em}
	.newslist.list1 li .info{margin-top:0px;padding:10px}
	.page-hotnews .swiper-slide .info .title{font-size:var(--fontsize18)}
	.contactbox .contactflex .contactform .contact-title{font-size:var(--fontsize18)}
	.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)}
	.pagenav-search{width:auto;max-width:100%;margin:0px 20px}
}
@media(max-width:370px){
	.page-main .pro-list.list1 li{width:100%}
	.pagenav-catelist li{width:100%}
}