@media (min-width:1025px){
	.nobanner{padding-top: 149px;}
}
.banner-inner{overflow:hidden;background:#131313;position:relative}
.pagesbanner{position:relative;z-index:1;min-height:240px}
.banner-inner::after{position:absolute;left:0;top:0;width:100%;height:calc(100% - 50px);background:rgba(0,0,0,.6);z-index:-1}
.pagesbanner>a{z-index:1;position:relative;display:block}
.pagesbanner img,.pagesbanner video{width:100%;height:100%;/* min-height:240px; *//* object-fit:cover; */}
.pagesbanner .pagesbanner-animate{width:100%;padding:0 20px;z-index:1;position:absolute;top: 50%;left: 0;color:#f3f3f3;text-align:center;margin-top: 37px;opacity:0;animation:pagesbanner 1s .5s forwards;display: none;}
.nobanner .pagesbanner .pagesbanner-animate{top:50%}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize30);font-weight:var(--fontbold5,500);line-height:1.2}
.pagesbanner .pagesbanner-animate .p2{margin-top:20px;font-size:var(--fontsize18);font-weight:var(--fontbold4,400)}
.pagesbanner .pagesbanner-animate .p3{margin-top:10px}
.pagesbanner .pagesbanner-animate .p3 a{color:var(--color);text-decoration:underline;font-weight:var(--fontbold6)}
.pagesbanner .pagesbanner-animate .p3 a:hover{transform:translateY(2px)}
@keyframes pagesbanner{
	0%{margin-top:20px;opacity:0}
	100%{margin-top:0;opacity:1}
}
@media (max-width:1024px){
	.pagesbanner .pagesbanner-animate{top:50%}
	.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize26)}
	.pagesbanner .pagesbanner-animate .p2{margin-top:10px;font-size:var(--fontsize16)}
}
@media (max-width:768px){
	.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize20)}
	.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize14)}
}
.banner-inner .banner-content{background:#fff;height:50px;font-weight:var(--fontbold5);font-size:var(--fontsize14);border-bottom:1px solid #e5e5e5}
.banner-inner .banner-title-h1{font-size:var(--fontsize20);font-weight:var(--fontbold6);text-transform:capitalize;margin:0}
.banner-inner .banner-content .l-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.pagetitle-h1{font-weight:var(--fontbold5);text-transform:capitalize;color:var(--fontcolor);font-size:var(--fontsize28)}
.banner-inner .banner-breadcrumbs{position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#555}
.banner-inner .banner-breadcrumbs h1{font-size:inherit;display:inline;font-weight:inherit}
.banner-inner .banner-breadcrumbs em{margin-right:5px}
.banner-inner a:hover{color:var(--color)}
.nobanner header .head-top{background:#131313}
.nobanner header{background:#131313}
article{font-size:var(--fontsize16);line-height:1.8;color:var(--fontcolor);padding-bottom:30px}
article a{color:var(--color)}
article a:hover{text-decoration:underline}
.table-wrap{overflow-x:auto;width:100%;}
.table-wrap table{border-collapse:collapse;}
.table-wrap table[align='center']{margin:0 auto}
.table-wrap table td,.table-wrap table th{border:1px solid #ddd;padding:8px 16px}
.common-main{padding:40px 0 0}

.page-nav{margin-bottom:50px}
.pagenav-cate .pagenav-menu{display:none}
.page-nav .pagenav-cate{background:#fafafa;border-radius:10px;position:relative}
.page-nav .pagenav-catelist{list-style:none}
.page-nav .pagenav-catelist>li a{text-transform:capitalize}
@media (min-width:1025px){
	.page-nav .pagenav-cate{width:100%;}
	.page-nav .pagenav-catelist{text-align:center;padding:6px 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
	.page-nav .pagenav-catelist>li{position:relative;height:100%;display:inline-flex;align-items:center;padding:10px 0;margin: 0 15px;}
	.page-nav .pagenav-catelist>li.active>a,.page-nav .pagenav-catelist>li.active>em{color:var(--color)}
	.page-nav .pagenav-catelist>li.LocalCurrent>a{color:var(--color)}
	.page-nav .pagenav-catelist>li em{margin-left:5px;font-weight:var(--fontbold6);font-size:var(--fontsize16)}
	.page-nav .pagenav-catelist>li a{font-size:var(--fontsize18);font-weight:var(--fontbold6)}
	.page-nav .pagenav-catelist>li ul{position:absolute;top:100%;left:0;list-style:none;background:#fff;box-shadow:1px 2px 10px rgba(0,0,0,.1);z-index:9;min-width:200px}
	.page-nav .pagenav-catelist>li ul li{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:100%}
	.page-nav .pagenav-catelist>li ul li{padding-right:10px}
	.page-nav .pagenav-catelist>li ul a{font-size:var(--fontsize16);display:flex;width:100%;height:100%;padding:8px 14px;white-space:nowrap;font-weight:var(--fontbold4)}
	.page-nav .pagenav-catelist>li ul em{font-weight:var(--fontbold4)}
	.page-nav .pagenav-catelist>li ul li:hover>a,.page-nav .pagenav-catelist>li ul li:hover>em{color:var(--color)}
	.page-nav .pagenav-catelist>li ul{transform-origin:top;transform:scaleY(0);opacity:0;transition:all .3s ease-in-out}
	.page-nav .pagenav-catelist>li:hover>ul{transform:scaleY(1);opacity:1}
	.page-nav .pagenav-catelist>li ul li>ul{position:absolute;left:100%;top:0;transform-origin:top;transform:scaleY(0);opacity:0;transition:all .3s ease-in-out}
	.page-nav .pagenav-catelist>li ul li:hover>ul{transform:scaleY(1);opacity:1}
}
.page-main .pro-list{display:flex;flex-wrap:wrap;list-style:none}
.page-main .pro-list .cate-title{text-align:center;padding-top:5px}
.pro-list li:hover a{color:var(--color)}
.pro-list li{background:#fff;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);margin-bottom:2.2em;border-radius:var(--borderradius);overflow:hidden}
.pro-list li .pro-img{width:100%;aspect-ratio:var(--prosaspectratio);background:#eee;position:relative;overflow:hidden}
.download-list li .pro-img{
    aspect-ratio: 0.75;
}
.pro-list li .pro-img>a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.pro-list li .pro-img>a+.pro-meta .icon-videoplay{display:none}
.pro-list li .pro-img>a.lazy-loaded+.pro-meta .icon-videoplay{display:flex}
.pro-list li .pro-img>a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;transition:all .1s linear}
.pro-list li .pro-img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.pro-list li .pro-meta{position:absolute;top:20px;right:20px}
.pro-list li .icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:none;background:rgba(0,0,0,.8);color:#fff;border-radius:50%;cursor:pointer;transform:translateY(10px);transition:all .1s linear;margin-top:5px;opacity:0}
.pro-list li .icon em{font-size:var(--fontsize20)}
.pro-list li .icon.pro-checked{transform:translateY(0);opacity:1;background:var(--color);color:#fff;box-shadow:0 0 8px 1px rgba(225,225,225,.48)}
.pro-list li .pro-info{position:relative;display:flex;flex-direction:column;align-items:flex-start;line-height:1.6}
.pro-list li .pro-info .title{font-size:var(--fontsize18);font-weight:var(--fontbold6);color:var(--titlecolor)}
.pro-list li .pro-info .text{font-size:var(--fontsize16);color:var(--introcolor);margin:10px 0;word-break: break-word;}
.pro-list li .pro-info .data-price{color:var(--color);font-weight:var(--fontbold6);font-size:var(--fontsize16)}
.pro-list li:hover .pro-img img{transform:scale(1.02)}
.pro-list li:hover .pro-img>a::after{opacity:1}
.pro-list li:hover .pro-meta .icon{transform:translateY(0);opacity:1}
.pro-list.list1 li:hover{background:var(--color)}
.pro-list.list1 li:hover .pro-info *{color: #fff;}
.pro-list.list1 li{width:23%;margin-right:2.6%}
.pro-list.list1 li:nth-child(4n){margin-right:0}
.pro-list.list1 li .pro-info{padding:15px 20px 30px}
.icon-hottitle{position:absolute;left:20px;top:20px;padding:0 10px;min-width:50px;height:28px;background:var(--color);color:var(--fontcolor);border-radius:30px;font-size:var(--fontsize14);line-height:1;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;z-index:1}
.icon-hottitle::after{content:"HOT"}
.common-page{display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px}
.common-page a,.common-page span{min-width:45px;height:45px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e0e0e0;margin:5px;font-size:var(--fontsize14);transition:all .1s linear}
.common-page .page-num-current{background:var(--color);border-color:var(--color);color: #fff;}
.common-page a:hover{border-color:var(--color)}
.prodetails-info .prodetails-btnlist{margin-top:30px;display:flex;flex-wrap:wrap}
.prodetails-info .prodetails-btnlist>*{min-width:180px;height:50px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--borderradius);background:#eeeeee;border:1px solid #d0d0d0;text-transform:capitalize;transition:all .1s linear;font-size:var(--fontsize16);font-weight:var(--fontbold5);cursor:pointer;text-align:center;margin-right:15px;margin-bottom:10px}
.prodetails-info .prodetails-btnlist>:hover{background:var(--color);color: #fff;}
.prodetails-info .prodetails-btnlist>:last-child{margin-right:0}
.prodetails-info .prodetails-btnlist>* em{margin-right:5px}
.prodetails-info .prodetails-btnlist .addToCart.added{background:var(--color);color:var(--fontcolor)}
.imgalt{display:none}
.prodetails-meta{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px;padding-bottom:30px;border-bottom:2px solid var(--fontcolor)}
.prodetails-meta .prodetails-name{font-size:var(--fontsize24);font-weight:var(--fontbold6);line-height:1.4}
.prodetails-meta .prodetails-share{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.prodetails-meta .prodetails-price{display:inline-flex;align-items:center;color:#d8d8d8}
.prodetails-meta .prodetails-price .price{margin-right:10px;color:var(--color);font-size:var(--fontsize22);font-weight:var(--fontbold5)}
.prodetails-meta .share-btn-list{width:auto;margin-left:20px}
.prodetails-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.prodetails-info{flex:1;padding:30px 0;padding-left:5%}
.prodetails-textsub{font-size:var(--fontsize18);font-weight:var(--fontbold6);color:var(--fontcolor);margin-bottom:15px}
.prodetails-text{color:var(--introcolor)}
.prodetails-text ol,.prodetails-text ul{padding-left:18px}
.preview-container{width:50%;position:relative;display:flex}
.preview-container .thumbnail-show{flex:1;position:relative;display:flex;justify-content:center}
.preview-container .small-box{width:100%;aspect-ratio:var(--prosaspectratio);background:#fff;position:relative;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;overflow:hidden}
.preview-container .small-box:hover{cursor:crosshair}
.preview-container .small-box img{width:100%;height:100%;object-fit:contain}
.preview-container .big-box{display:none;border:1px solid #dfdfdf;border-left:none;width:100%;height:100%;position:absolute;left:100%;top:0;overflow:hidden;z-index:999;background:#fff}
.preview-container .big-box img{display:block;max-width:none;max-height:none;width:150%}
.preview-container .big-box.act{display:none!important}
.small-box .hover{position:absolute;width:180px;height:180px;background-color:rgba(204,204,204,.6);border:1px solid #eee;display:none;cursor:move;z-index:9}
.preview-container .thumbnail-show #media{background:#eee;width:100%;aspect-ratio:1/1;object-fit:contain;z-index:9}
.preview-container .thumbnail-box{margin-right:30px;padding:35px 0;width:130px;position:relative}
.preview-container .thumbnail-box .swiper{width:100%;height:500px}
.preview-container .thumbnail-box .item{width:100%;overflow:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;position:relative;border:1px solid #eee}
.preview-container .thumbnail-box .item.item-cur{border-color:var(--color)}
.preview-container .thumbnail-box .item img{width:100%;height:100%;object-fit:cover}
.thumbnail-box .prodetails-button-next,.thumbnail-box .prodetails-button-prev{position:absolute;top:0;left:0;width:100%;height:30px;background:var(--color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;z-index:9}
.thumbnail-box .prodetails-button-next.not,.thumbnail-box .prodetails-button-prev.not{background:#eee;color:#999}
.thumbnail-box .prodetails-button-next:hover,.thumbnail-box .prodetails-button-prev:hover{opacity:.9}
.thumbnail-box .prodetails-button-prev em{transform:rotate(180deg)}
.thumbnail-box .prodetails-button-next{top:auto;bottom:0}
.thumbnail-show .prodetails-button-next,.thumbnail-show .prodetails-button-prev{width:45px;height:45px;background:#fff;border-radius:10px;border:1px solid #e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;position:absolute;left:20px;top:50%;transform:translateY(-50%);z-index:2;transition:all .1s linear;cursor:pointer}
.thumbnail-show .prodetails-button-next:hover,.thumbnail-show .prodetails-button-prev:hover{color:#fff;border-color:var(--color);background:var(--color)}
.thumbnail-show .prodetails-button-next{left:auto;right:20px}
.preview-container .thumbnail-box .banner-page{display:none}
.singglepic{width:45%;height:400px;text-align:center;overflow:hidden;margin:0 auto}
.singglepic img{width:auto;height:auto;max-height:400px}
.mediaplay{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border:2px solid #fff;border-radius:50%;color:#fff;text-align:center;position:relative;transition:.5s;cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;z-index:99}
.mediaplay em{font-size:36px;position:static;border:none;background:0 0;transform:none;width:auto;height:auto}
.mediaplay::after{content:"";display:block;position:absolute;left:-2px;right:-2px;bottom:-2px;top:-2px;border-radius:50%;border:3px solid;opacity:.8;border-color:transparent;border-right-color:var(--color);animation:runDot 2s infinite ease-in-out}
.mediaplay:hover{color:var(--color);background:rgba(255,255,255,.7)}
@keyframes runDot{
	0%{transform:rotate(0)}
	100%{transform:rotate(359deg)}
}
.prodetails-tabs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;height:60px;background:#eeeeee;border-radius:40px;margin:5% 0 3%}
.prodetails-tabs .prodetails-tabs-item{font-size:var(--fontsize18);text-transform:capitalize;padding:5px 30px;border-radius:30px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}
.prodetails-tabs .prodetails-tabs-item.act{background-color:var(--color);color: #fff;}
.tagContent+.tagContent{margin-top:30px}
.pagelink{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:40px 0;border-radius:var(--borderradius);overflow:hidden;}
.pagelink .pagelink-item{width:50%;height:60px;padding:10px 20px;display:flex;align-items:center}
.pagelink .pagelink-item:hover .link{color:var(--color)}
.pagelink .pagelink-item.prev{background:#fafafa;color:var(--fontcolor);justify-content:flex-start;text-align:left}
.pagelink .pagelink-item.next{background:#eeeeee;justify-content:flex-end;text-align:right}
.pagelink .pagelink-item .icon{width:35px;height:35px;background:var(--color);display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:50%}
.pagelink .pagelink-item .icon em{font-size:22px}
.pagelink .pagelink-item .link{font-size:var(--fontsize18);padding:0 20px;flex:1;transition:all .1s linear}
.prohome-content{clear:both;margin:0 auto;padding:10px 70px;max-width:1600px;line-height:1.6;box-sizing:border-box;border-radius:5px}
.prolist-bottom{clear:both;margin:0 auto 0;padding:10px 70px;max-width:1600px;line-height:1.6;box-sizing:border-box;border-radius:5px}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
@media (max-width:1700px){
	.prohome-content,.prolist-bottom{max-width:1400px}
}
@media (max-width:1500px){
	.prohome-content,.prolist-bottom{max-width:1200px}
}
@media (max-width:1240px){
	.prohome-content,.prolist-bottom{max-width:98%}
}
@media (max-width:768px){
	.prohome-content,.prolist-bottom{max-width:100%;margin-left:3vw;margin-right:3vw}
}
@media (max-width:768px){
	.table-wrap table{width: unset;min-width: 100%;}
	.prohome-content{clear:both;line-height:1.6;padding:0}
	.prolist-bottom{clear:both;line-height:1.6;padding:0}
}
.prolist-content{clear:both;margin:0 auto 15px;line-height:1.6}
.protypefeedback{padding:3% 0;background:#fafafa}
.inquiry-title{font-size:var(--hometitlefont);font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;color:var(--fontcolor)}
.pro-maylink{padding:3% 0}
#maylinkswiper{padding:30px 10px 80px}
.maylink-list .swiper-slide{background:#fff;box-shadow:0 1px 10px 0 rgba(0,0,0,.05);border-radius:var(--borderradius);height:auto}
.maylink-list .swiper-slide:hover .pro-img img{transform:scale(1.02)}
.maylink-list .swiper-slide:hover .pro-img>a::after{opacity:1}
.maylink-list .swiper-slide:hover{background:var(--color);}
.maylink-list .swiper-slide .pro-img{width:100%;aspect-ratio:var(--prosaspectratio);position:relative;overflow:hidden}
.maylink-list .swiper-slide .pro-img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.maylink-list .swiper-slide .pro-img>a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.maylink-list .swiper-slide .pro-img>a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;transition:all .1s linear}
.maylink-list .swiper-slide .pro-info{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:20px;line-height:1.6}
.maylink-list .swiper-slide .pro-info .title{font-size:var(--fontsize18);color:var(--titlecolor);font-weight:var(--fontbold6)}
.maylink-list .swiper-slide .pro-info .text{font-size:var(--fontsize16);color:var(--introcolor);margin:10px 0}
.maylink-list .swiper-slide:hover .pro-info .title{color:#fff}
.maylink-list .swiper-slide:hover .pro-info .text{color:#fff}
.maylinkswiper-pagination{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0}
.maylinkswiper-pagination .swiper-pagination-bullet{width:36px;height:8px;background:#eee;border-radius:4px;opacity:1}
.maylinkswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
.newslist{display:flex;flex-wrap:wrap}
.newslist.list1 li{width:23%;margin-right:2.6%}
.newslist.list1 li:nth-child(4n){margin-right:0}
.newslist.list1 li .info{padding:20px 15px}
.newslist.list1 li:hover{background:var(--color)}
.newslist.list1 li:hover .info *{
    color: #fff;
}
.newslist.list1 li:hover .info .more a{text-decoration:underline}
.newslist li{background:#fff;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);list-style:none;margin-bottom:2.2em;transition:all .2s linear;border:1px solid transparent;position:relative;border-radius:var(--borderradius);overflow:hidden}
.newslist li:hover .img img{transform:scale(1.02)}
.newslist li .img{aspect-ratio:var(--newssaspectratio)}
.newslist li .img img{width:100%;height:100%;object-fit:cover}
.newslist li .info{transition:all .2s linear;line-height:1.6}
.newslist li .info .title{font-size:var(--fontsize18);color:var(--fontcolor);font-weight:var(--fontbold6)}
.newslist li .info .text{color:var(--introcolor);font-size:var(--fontsize16);margin:15px 0 10px}
.newslist li .info .date{color:var(--introcolor);font-size:var(--fontsize16)}
.newslist li .info .date em{font-size:inherit;margin-right:3px}
.newscontent-title{font-weight:var(--fontbold6);font-size:var(--fontsize26);text-align:center;line-height:1.2;margin-bottom:10px}
.newscontent-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:var(--fontsize16);color:var(--introcolor);padding:10px 0 30px}
.newscontent-meta>p{margin-right:15px}
.newscontent-meta>p:last-child{margin-right:0}
.newscontent-meta .newsendinquiry{cursor:pointer}
.newscontent-details{margin-bottom:40px}
@media (max-width:1366px){
	.inquiry-title{font-size:30px}
	.preview-container{height:400px}
	.thumbnail-show .prodetails-button-next{right:0}
	.preview-container .thumbnail-box .swiper{height:330px}
	.preview-container .thumbnail-box{width:100px}
	.preview-container .thumbnail-box .item{width:100px}
	.thumbnail-show .prodetails-button-prev{left:0}
	.prodetails-info .prodetails-btnlist>*{min-width:160px;height:45px;margin-right:7px}
}
@media (max-width:1280px){
	.inquiry-title{font-size:26px}
	.page-hotnews .swiper-slide .info .title{font-size:20px}
	.page-hotnews .swiper-slide .img{width:50%;border-radius:10px 0 0 10px}
	.page-hotnews .swiper-slide .info .box{width:100%;position:static;transform:none;height:100%;padding:20px}
}
.singgle-main{overflow:hidden}
.news-nav li a.active{color:var(--color)}
.contactbox{display:flex;flex-wrap:wrap;justify-content:space-between}
.contactbox .contact-title{font-size:var(--fontsize36);color:var(--fontcolor);font-weight:var(--fontbold5)}
.contactbox .contactform,.contactbox .contactinfo{background:#fafafa;padding:30px}
.contactbox .contactinfo{width:550px}
.contactbox .contactinfo ul{margin-top:20px}
.contactbox .contactinfo ul li{display:flex;margin-bottom:2em}
.contactbox .contactinfo ul li:last-child{margin-bottom:0}
.contactbox .contactinfo ul li .icon{display:flex;align-items:center;justify-content:center;background:var(--color);width:60px;height:60px;margin-right:10px}
.contactbox .contactinfo ul li .icon em{color:#fff;font-size:var(--fontsize26)}
.contactbox .contactinfo ul li .info{flex:1;color:var(--fontcolor);}
.contactbox .contactinfo ul li .info a{color:var(--fontcolor)}
.contactbox .contactinfo ul li .info .p1{font-weight:var(--fontbold6)}
.contactbox .contactform{flex:1;margin-right:30px}
@media (max-width:1280px){
	.contactbox .contactinfo{width:40%}
	.contactbox .contact-title{font-size:var(--fontsize28)}
}



@media (max-width:1024px){
	.page-nav{margin-bottom:30px}
	.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:6px 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;}
	.page-main .pro-list li .icon{opacity:1;transform:none}
	.page-main .pro-list.list1{justify-content:space-between}
	.page-main .pro-list.list1 li{width:48%;margin-right:0;margin-bottom:1em;}
	.pro-list li .pro-img>a::after{display:none}
	.pro-list.list1 li:hover .pro-info{background:0 0}
	.pro-list li:hover .pro-img img{transform:none}
	.prodetails-meta{padding-bottom:0;border:none}
	.prodetails-meta .prodetails-name{width:100%;padding:0}
	.prodetails-meta .prodetails-share{margin-top:10px;justify-content:flex-start}
	.preview-container{width:100%;height:auto;align-items:flex-start}
	.singglepic{width:100%;height:auto;border:1px solid #999;/* aspect-ratio:1/1; */}
	.preview-container .thumbnail-box{width:20%}
	.preview-container .thumbnail-box .swiper{height:600px}
	.preview-container .thumbnail-box .item{width:100%}
	.prodetails-info{padding:30px 0 0}
	.preview-container .big-box,.small-box .hover{display:none!important}
	.newslist.list1{justify-content:space-between}
	.newslist.list1 li{width:48%;margin-right:0;margin-bottom:1em;}
	.newslist.list1 li .info{padding:20px 10px}
	.common-page{margin-top:30px}
	.common-page a,.common-page span{min-width:40px;height:40px}
	.newslist.list0 li .img{width:30%}
	.contactbox .contactform{margin-right:0;margin-bottom:20px}
	.contactbox .contactinfo{width:100%}
}
@media (max-width:768px){
	.pagesbanner{min-height: unset;margin-top: -5%;}
	.banner-inner .banner-title-h1{font-size:var(--fontsize22)}
	.page-main .pro-list.list0 li .pro-img{width:45%}
	.page-main .pro-list.list0 li{margin-bottom:1em}
	.page-main .pro-list.list0 li .pro-info{padding:10px 0 10px 10px}
	.pro-list.list1 li .pro-info{
    padding: 10px;
}
	.pro-list li .pro-info .title,.maylink-list .swiper-slide .pro-info .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size: 16px;}
	.pro-list li .pro-info .text,.maylink-list .swiper-slide .pro-info .text{font-size:14px}
	.page-main .pro-list.list0 li .pro-info .title{margin-bottom:0}
	.page-main .pro-list.list0 li .pro-info .text{margin-bottom:5px}
	.pro-list li .icon{width:30px;height:30px}
	.icon-hottitle{font-size:var(--fontsize12);left:10px;top:10px}
	.pro-list li .pro-meta{right:10px;top:10px}
	.prodetails-tabs{height:50px}
	.tagContent img{/* height:auto !important; *//* margin-bottom: 10px; */}
	.prodetails-tabs .prodetails-tabs-item{padding:2px 20px;font-size:var(--fontsize16)}
	.pro-d-main .banner-inner{display:none}
	.prodetails-meta .share-btn-list{margin-left:0}
	.preview-container .thumbnail-show{display:none}
	.preview-container .thumbnail-box{width:100%;padding:0;margin:0;border:1px solid #999}
	.preview-container .thumbnail-box .item{aspect-ratio:1/1;border:none}
	.preview-container .thumbnail-box .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}
	.preview-container .thumbnail-box .swiper{height:auto}
	.thumbnail-box .prodetails-button-next,.thumbnail-box .prodetails-button-prev{display:none}
	.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}
	.prodetails-info .prodetails-btnlist{justify-content:space-between}
	.prodetails-info .prodetails-btnlist>*{min-width:inherit;width:48%;margin-right:0}
	.protypefeedback{padding:30px 0}
	.pagelink .pagelink-item{width:100%;}
	.newslist.list0 li .img{width:40%}
	.newslist.list0 li .info{padding:10px}
	.newslist li .info .text{margin:5px 0}
	.newslist li .info .title{line-height:1.4}
	.contactbox .contactform,.contactbox .contactinfo{padding:20px 15px}
	.contactbox .contact-title{font-size:var(--fontsize24)}
	.pagetitle-h1{font-size:var(--fontsize18);margin-bottom:1em}
}
@media (max-width:500px){
	.common-main{padding:30px 0 0}
	.banner-inner .banner-content{height:auto;padding:6px 0}
	.banner-inner .banner-content .l-wrap{display:block}
	.maylink-list .swiper-slide .pro-info{padding:20px 10px}
	.prodetails-meta .prodetails-name{font-size:var(--fontsize20)}
	.prodetails-meta .prodetails-price .price{font-size:var(--fontsize18)}
	#maylinkswiper{padding:20px 0 50px}
	.maylinkswiper-pagination .swiper-pagination-bullet{width:30px;height:6px}
	.newscontent-title{font-size:var(--fontsize22)}
	.pagelink .pagelink-item .link{font-size:var(--fontsize16)}
	.pro-maylink{padding-bottom:30px}
}