@media (min-width:769px){.prodetails-top .preview-container{width:45%;}
.prodetails-top .preview-container .small-box{height:auto;aspect-ratio: 1/1;}
.prodetails-top .preview-container .small-box img{height:auto;aspect-ratio: 1/1;object-fit: contain;}
.prodetails-top .preview-container .thumbnail-box .swiper-slide{height:auto;aspect-ratio: 1/1;}
.prodetails-top .prodetails-info{padding-left:6%;}
}
.pro-d-main .page-container{display:flex;align-items:flex-start;width:100%}
.pro-d-main .sidebar-item{width:100%;background:#FFFFFF;border:1px solid #DFDFDF;padding:15px;margin-bottom:30px}
.pro-d-main .sidebar-item .sub-menu{padding-left:10px}
.pro-d-main .sidebar-item .sidebar-title{font-size:var(--fontsize24);font-weight:var(--fontbold5);color:var(--fontcolor);line-height:30px;margin-bottom:20px;position:relative;padding-left:15px}
.pro-d-main .sidebar-item .sidebar-title::before{content:"";position:absolute;left:0px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--color)}
.pro-d-main .sidebar-item .search-input{display:flex;align-items:center;justify-content:center;height:45px}
.pro-d-main .sidebar-item .search-input input{background:#F9F9F9;flex:1;height:100%;padding:0px 10px;border:1px solid #F9F9F9;transition:all 0.2s linear}
.pro-d-main .sidebar-item .search-input input:focus{border-color:var(--color)}
.pro-d-main .sidebar-item .search-input .search-btn{width:90px;height:100%;background:var(--color);color:#F8F8F8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s linear}
.pro-d-main .sidebar-item .search-input .search-btn:hover{opacity:0.9}
.pro-d-main .sidebar-item.latest-news ul li{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.pro-d-main .sidebar-item.latest-news ul li a:nth-child(1){width:120px;height:auto;background:#FFFFFF;overflow:hidden;border:1px solid #EEEEEE}
.pro-d-main .sidebar-item.latest-news ul li a:nth-child(1) img{width:100%;height:100%;transition:all 0.1s linear;object-fit:cover}
.pro-d-main .sidebar-item.latest-news ul li a:nth-child(2){flex:1;padding-left:10px;font-size:var(--fontsize15);font-weight:var(--fontbold4);color:var(--fontcolor);line-height:26px}
.pro-d-main .sidebar-item.latest-news ul li:hover img{transform:scale(1.05)}
.pro-d-main .sidebar-item.latest-news ul li:hover a{color:var(--color)}
.pro-d-main .sidebar-cate{font-size:var(--fontsize16)}
.pro-d-main .sidebar-cate .menu-item{position:relative}
.pro-d-main .sidebar-cate .menu-item a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:2.5;padding-right:34px}
.pro-d-main .sidebar-cate .menu-item a:hover{color:var(--color)}
.pro-d-main .sidebar-cate .menu-item > a{color:var(--fontcolor)}
.pro-d-main .sidebar-cate .menu-item.active > a{color:var(--color)}
.pro-d-main .sidebar-cate .menu-item.active i::after,.pro-d-main .sidebar-cate .menu-item.active i::before{background:var(--color)}
.pro-d-main .sidebar-cate .menu-item.active i::after{height:2px}
.pro-d-main .sidebar-cate .menu-item.active .sub-menu{display:block}
.pro-d-main .sidebar-cate .menu-item .sub-menu{display:none}
.pro-d-main .sidebar-cate .menu-item .sub-menu a{color:var(--fontcolor)}
.pro-d-main .sidebar-cate .menu-item .sub-menu a.active{color:var(--color)}
.pro-d-main .sidebar-cate .menu-item .sub-menu a:hover{color:var(--color)}
.pro-d-main .sidebar-cate .menu-item i{position:absolute;right:0px;top:8px;width:25px;height:25px;cursor:pointer;transition:all 0.2s linear}
.pro-d-main .sidebar-cate .menu-item i:hover::after,.pro-d-main .sidebar-cate .menu-item i:hover::before{background:var(--color)}
.pro-d-main .sidebar-cate .menu-item i::after,.pro-d-main .sidebar-cate .menu-item i::before{content:"";width:12px;height:2px;background:#666666;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all 0.2s linear}
.pro-d-main .sidebar-cate .menu-item i::after{width:2px;height:12px}
.pro-d-main ul.sidebar-prolist li{display:flex;align-items:center;justify-content:flex-start;margin-bottom:30px}
.pro-d-main ul.sidebar-prolist li:hover a{color:var(--color)}
.pro-d-main ul.sidebar-prolist li:hover img{transform:scale(1.1)}
.pro-d-main ul.sidebar-prolist li > a{display:block;width:120px;height:120px;background:#FFFFFF;border:1px solid #DFDFDF;overflow:hidden}
.pro-d-main ul.sidebar-prolist li > a img{width:100%;height:100%;object-fit:cover}
.pro-d-main ul.sidebar-prolist li div{flex:1;padding-left:10px}
.pro-d-main ul.sidebar-prolist li div a{color:var(--fontcolor);font-size:var(--fontsize16);font-weight:var(--fontbold5);line-height:1.4;text-transform:capitalize;transition:all 0.2s linear}
.pro-d-main ul.sidebar-prolist li div p{padding-top:10px;color:var(--introcolor);font-size:var(--fontsize14)}
@media (max-width:1280px){.pro-d-main .sidebar{width:320px}
.pro-d-main .sidebar-item .search-input{height:40px}
}@media (max-width:1024px){.pro-d-main .sidebar{display:block;width:100%;position:static}
.pro-d-main .sidebar .sidebar-item{display:none}
.pro-d-main .sidebar .sidebar-item.category{display:block;padding:5px 15px;margin-bottom:15px;position:relative}
.pro-d-main .sidebar .sidebar-item.category .sidebar-title{background:url(https://css02.v15cdn.com/m421/category.webp) no-repeat right;margin-bottom:0px;font-weight:var(--fontbold4);font-size:var(--fontsize18)}
.pro-d-main .sidebar .sidebar-item.category .sidebar-cate{display:none;position:absolute;top:41px;background:#FFFFFF;z-index:9;width:100%;left:0px;box-shadow:rgba(0,0,0,0.12) 0 2px 16px;padding:0px 10px;z-index:99}
}@media (max-width:768px){.pro-d-main ul.sidebar-prolist{padding-left:0px}
.pro-d-main ul.sidebar-prolist li > a{width:160px;height:160px}
}


.page-container .page-main>.l-wrap,.page-main .prodetails-content .l-wrap{padding:0}
@media (min-width:1024px){.preview-container .small-box{width:400px}
} .sidebar{width:400px}
.pro-d-main .sidebar-cate .menu-item{list-style:none}
.page-container .page-main{flex:1;padding-right:60px;width:calc(100% - 400px)}
@media (max-width:1440px){.page-container .page-main{padding-right:30px}
}  .pro-d-main .sidebar{width:400px}
.pro-d-main .wmkcfeedback .inquiry-form>*+input,.pro-d-main .wmkcfeedback .select-menu input{width:100%;flex:unset;margin:0;margin-bottom:1em}
.pro-d-main .sidebar-cate .menu-item{list-style:none}
.pro-d-main .page-container .page-main{flex:1;padding-right:60px;width:calc(100% - 400px)}
@media (max-width:1440px){.pro-d-main  .page-container .page-main{padding-right:30px}
}.pro-d-main .sidebar-item .search-input{position:unset;visibility:visible;opacity:1;transition:opacity .3s,transform .3s;transform:rotateX(0);transform-origin:top;box-shadow:unset;background:unset}
 @media (max-width:1024px){.pro-d-main .page-container .page-main{width:100%;flex:unset}
.pro-d-main .sidebar{display:none}
}@media (min-width:768px) and (max-width:1450px){.prodetails-top .preview-container{width:100%}
.prodetails-info .prodetails-left,.prodetails-info .prodetails-right{width:100%;padding:0;border:none}
.prodetails-info .prodetails-right{margin-top:20px}
} .prodetails-info .prodetails-name{ font-size: 25px;text-align: left;}

@media (min-width:1025px) {
.prodetails-page .crumbs{max-width: 1600px;padding:5px 70px 0 70px;}
.prodetails-page .container {max-width: 1600px;padding: 0px 70px;}}
.prodetails-page .page-r{display: block;}
.prodetails-page .page-l{width: 100%;}