@media (min-width:1025px){.pro-main .sidebar{display:block}}
.pro-d-main .inquiry-pc{display:none}
.pro-d-main .sidebar-item.related{margin-top:40px}
.detailinquiry{margin-top:40px}
.detailinquiry .wmkcfeedback{padding:15px}
.detailinquiry .wmkcfeedback .send-btn{width:auto}
@media (max-width:500px){.sidebar-item.detailinquiry{border:none}
.detailinquiry .wmkcfeedback{padding:15px 0 0}}
.pro-main .sidebar-item.inquiry {background:none;padding:0;border:none;}
.pro-main .sidebar-item.inquiry .sidebar-title{color:var(--fontcolor);height:auto;padding:0}
.pro-main .sidebar-item.inquiry .wmkcfeedback{padding:0}
@media (min-width:769px){.pro-main .sidebar-item.inquiry .inquiry-form{flex-direction:initial;flex-wrap:wrap}
.pro-main .sidebar-item.inquiry .wmkcfeedback input,.pro-main .sidebar-item.inquiry .wmkcfeedback .wmkcfb-fileupload{width:49%!important}
.pro-main .sidebar-item.inquiry .wmkcfeedback input.wmkcfb-title{width:100%!important}}
.pro-main .sidebar-item.inquiry .wmkcfeedback textarea{height:150px}
.pro-main .sidebar-item.inquiry .wmkcfeedback .send-btn{width:auto;}
@media (min-width:1025px){.pro-main .icon-xiangxia1:before{content:"\e772";}
.pro-main{overflow-x:hidden}
.pro-main .page-container{display:block;}
.pro-main .sidebar{width:100%;}
.pro-main .page-main{padding:40px 0 0;width:100%;}
.pro-main .sidebar-item.search,.pro-main .sidebar-item.related,.pro-main .category .sidebar-title{display:none;}
.pro-main .sidebar-item.category{margin:0;position:relative;border:none;padding:30px 0}
.pro-main .sidebar-item.category:before{content:'';width:100vw;height:100%;background:#f7f7f7;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.pro-main .sidebar-item .sidebar-cate>li a{text-transform:capitalize;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.pro-main .sidebar-item .sidebar-cate{display:flex;flex-wrap:wrap}
.pro-main .sidebar-item .sidebar-cate>li{position:relative;width:24%;margin-right:1.333%;height:50px;display:inline-flex;align-items:center;justify-content:flex-start;background:#FFFFFF;border-radius:5px;border:1px solid #f0f0f0!important;transition:all .1s linear}
.pro-main .sidebar-item .sidebar-cate>li:hover{border-color:var(--color)!important}
.pro-main .sidebar-item .sidebar-cate>li:nth-child(4n){margin-right:0}
.pro-main .sidebar-item .sidebar-cate>li:nth-child(n+5){margin-top:1em}
.pro-main .sidebar-item .sidebar-cate>li.LocalCurrent,.pro-main .sidebar-item .sidebar-cate>li.active{background:var(--color)}
.pro-main .sidebar-item .sidebar-cate>li.LocalCurrent>a,.pro-main .sidebar-item .sidebar-cate>li.LocalCurrent>em,.pro-main .sidebar-item .sidebar-cate>li.active>a,.pro-main .sidebar-item .sidebar-cate>li.active>em{color:#FFFFFF}
.pro-main .sidebar-item .sidebar-cate>li em{margin-left:5px;font-weight:var(--fontbold6);font-size:var(--fontsize16);position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.pro-main .sidebar-item .sidebar-cate>li.active>em{transform:translateY(-50%);}
.pro-main .sidebar-item .sidebar-cate>li a{font-size:var(--fontsize16);font-weight:var(--fontbold6);width:100%;height:100%;line-height:50px;display:flex;align-items:center;justify-content:flex-start;padding:0 20px}
.pro-main .sidebar-item .sidebar-cate>li>a{padding:0 40px 0 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.pro-main .sidebar-item .sidebar-cate>li ul{position:absolute;top:calc(100% + 2px);left:0;list-style:none;background:#FFFFFF;box-shadow:1px 2px 10px rgba(0,0,0,.1);z-index:9;min-width:200px}
.pro-main .sidebar-item .sidebar-cate>li ul li{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:100%;height:50px;border-bottom:1px solid #f0f0f0}
.pro-main .sidebar-item .sidebar-cate>li ul li{padding-right:10px}
.pro-main .sidebar-item .sidebar-cate>li ul a{font-size:var(--fontsize16);display:flex;width:100%;height:100%;padding:8px 14px;white-space:nowrap;font-weight:var(--fontbold4)}
.pro-main .sidebar-item .sidebar-cate>li ul em{font-weight:var(--fontbold4)}
.pro-main .sidebar-item .sidebar-cate>li ul li:hover>a,.pro-main .sidebar-item .sidebar-cate>li ul li:hover>em{color:var(--color)}
.pro-main .sidebar-item .sidebar-cate>li ul{transform-origin:top;transform:scaleY(0);opacity:0;transition:all .3s ease-in-out;display:block!important;padding:0}
.pro-main .sidebar-item .sidebar-cate>li:hover>ul{transform:scaleY(1);opacity:1;}
.pro-main .sidebar-item .sidebar-cate>li ul li>ul{position:absolute;left:100%;top:0;transform-origin:top;transform:scaleY(0);opacity:0;transition:all .3s ease-in-out}
.pro-main .sidebar-item .sidebar-cate>li ul li:hover>ul{transform:scaleY(1);opacity:1}}
.pro-list.list1 li .pro-img{height:auto!important}
.pro-list li{border:1px solid #ccc;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;}
.pro-list li .pro-img a{border:none;}
.pro-list li .pro-info .text{display:none;}
.pro-list li .pro-info .title{display:block;margin-bottom:15px;}
.pro-list.list1 li .pro-info{margin:0;padding:15px;flex:1;display:flex;flex-direction:column;align-items:flex-start;}
.pro-list li .pro-info .btn{margin-top:auto;}
.pro-main .common-main{padding:50px 0}
@media (max-width:768px){.pro-main .common-main{padding:20px 0}
.pro-list.list1 li .pro-info{padding:10px}}
@media (max-width:500px){.pro-list li .pro-info .title{margin:0}}
.product-catelist .product-cateitem:hover .cate-info{padding-bottom:10px}
.product-catelist .product-cateitem:hover .cate-info .cate-text{height:0;opacity:0}