.pro-d-main .page-container{display:flex;width:100%;justify-content: space-between;margin-top:50px;}
.sidebar{width:350px}
.pro-d-main .page-container .page-main{margin-left:30px;width:calc(100% - 380px)}
.sidebar-search{background-color:#F6F6F6;border-radius:var(--borderradius);box-sizing:border-box;padding:10px;display:flex;margin-bottom:20px;overflow:hidden}
.sidebar-search input{flex:1;background-color:#FFFFFF;outline:0;border:none;box-sizing:border-box;padding:0px 15px;border-top-left-radius:var(--borderradius);border-bottom-left-radius:var(--borderradius);border:1px solid transparent;transition:all .1s ease}
.sidebar-search input:focus{border-color:var(--color)}
.sidebar-search button{width:45px;height:45px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--color);outline:0;border:none;color:#FFFFFF;border-top-right-radius:var(--borderradius);border-bottom-right-radius:var(--borderradius);transition:all .1s linear}
.sidebar-search button:hover{opacity:.9}
.sidebar-item{box-sizing:border-box;background-color:#F6F6F6;padding:15px;margin-bottom:20px;border-radius:var(--borderradius);width:100%}
.sidebar-item ul{list-style:none}
.sidebar-item.category .menu-item{background-color:#FFFFFF;box-sizing:border-box;padding:10px;border-radius:var(--borderradius);margin-bottom:10px;position:relative;transition:all .2s linear}
.sidebar-item.category .menu-item:last-child{margin-bottom:0px}
.sidebar-item.category .menu-item .icon-arrow-down{width:20px;height:20px;border-radius:50%;background-color:#e8e8e8;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:10px;top:12px;cursor:pointer;transform:rotate(-90deg);transition:all .2s linear}
.sidebar-item.category .menu-item:hover{color:var(--color)}
.sidebar-item.category .menu-item.active{background-color:var(--color);color:#FFFFFF}
.sidebar-item.category .menu-item.active .icon-arrow-down{color:var(--color);transform:rotate(0);background-color:#FFFFFF}
.sidebar-item.category .menu-item.active:hover{color:#FFFFFF}
.sidebar-item.category .sub-menu{box-sizing:border-box;padding-left:20px;margin-top:4px;display:none}
.sidebar-item.category .sub-menu li{margin:6px 0px}
.sidebar-item.category .menu-item>a{box-sizing:border-box;padding-right:30px}
.sidebar-title{font-size:var(--fontsize24);color:var(--introcolor);margin-bottom:15px;position:relative;border-bottom:1px solid #dee1e6;box-sizing:border-box;padding-bottom:10px}
.sidebar-item.inquiry .sidebar-title{margin-bottom:10px}
.sidebar-title::before{content:"";position:absolute;top:8px;left:-15px;height:24px;border-left:2px solid var(--color)}
.sidebar-item.hotpro .sidebarhot-item{width:100%;display:flex;align-items:center;margin-bottom:20px}
.sidebar-item.hotpro .sidebarhot-item .sidebarhot-img{width:100px;height:100px;display:block;overflow:hidden;border-radius:var(--borderradius)}
.sidebar-item.hotpro .sidebarhot-item .sidebarhot-img img{width:100%;height:100%;object-fit:cover;transition:all .2s ease}
.sidebar-item.hotpro .sidebarhot-item .sidebarhot-info{flex:1;padding-left:15px}
.sidebar-item.hotpro .sidebarhot-item .sidebarhot-info .title{line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .2s ease}
.sidebar-item.hotpro .sidebarhot-item .sidebarhot-info .more{color:var(--color);text-transform:lowercase;display:flex;align-items:center}
.sidebar-item.hotpro .sidebarhot-item .sidebarhot-info .more em{margin-left:4px;margin-top:2px}
.sidebar-item.hotpro .sidebarhot-item:hover .sidebarhot-img img{transform:scale(1.02)}
.sidebar-item.hotpro .sidebarhot-item:hover .sidebarhot-info .title{color:var(--color)}
.sidebar-item.hotpro .sidebarhot-item:last-child{margin-bottom:0px}
.sidebar-item.latestnews .sidebarhot-item{width:100%;display:flex;align-items:center;margin-bottom:20px}
.sidebar-item.latestnews .sidebarhot-item .sidebarhot-img{width:100px;height:100px;display:block;overflow:hidden;border-radius:var(--borderradius)}
.sidebar-item.latestnews .sidebarhot-item .sidebarhot-img img{width:100%;height:100%;object-fit:cover;transition:all .2s ease}
.sidebar-item.latestnews .sidebarhot-item .sidebarhot-info{flex:1;padding-left:15px}
.sidebar-item.latestnews .sidebarhot-item .sidebarhot-info .title{line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .2s ease}
.sidebar-item.latestnews .sidebarhot-item .sidebarhot-info .more{color:var(--color);text-transform:lowercase;display:flex;align-items:center}
.sidebar-item.latestnews .sidebarhot-item .sidebarhot-info .more em{margin-left:4px;margin-top:2px}
.sidebar-item.latestnews .sidebarhot-item:hover .sidebarhot-img img{transform:scale(1.02)}
.sidebar-item.latestnews .sidebarhot-item:hover .sidebarhot-info .title{color:var(--color)}
.sidebar-item.latestnews .sidebarhot-item:last-child{margin-bottom:0px}
.sidebar .wmkcfeedback .inquiry-form>*{background: #fff;width:100%;}
.pro-d-main .page-container .page-main>.l-wrap{padding-left:0;padding-right:0;}
@media (min-width:1025px) and (max-width:1440px){.prodetails-info{padding-left:8%;}}
@media (max-width:1024px){.sidebar{display:none;}
.pro-d-main .page-container .page-main{margin-left:0;width:100%;}}