@media (min-width:1025px){.pro-main .page-nav>.l-wrap{display:flex;justify-content:space-between;align-items:flex-start;}
.pro-main .page-nav .pagenav-cate{width:auto;padding:0;width:320px;}
.pro-main .pagenav-cate>.sidebar-title{padding:15px 20px;border-bottom:1px solid #eee;font-weight:var(--fontbold7);font-size:22px;position: relative;padding-left:38px;}
.pro-main .pagenav-cate>.sidebar-title::before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--color);border-radius:50%}
.pro-main .page-nav .page-main{flex:1;}
.pro-main .page-nav .page-main .l-wrap{padding:0 0 0 40px;}
.pro-main .page-nav .pagenav-catelist{text-align:left;padding:20px;}
.pro-main .page-nav .pagenav-catelist>li{margin:0;width:100%;height:auto;padding:0;background: #fff;margin-bottom:0.6em;}
.pro-main .page-nav .pagenav-catelist>li a{display:block;padding:5px 15px;width:100%;position: relative;font-size:var(--fontsize16);}
.pro-main .page-nav .pagenav-catelist>li a:hover{color:var(--color)}
.pro-main .page-nav .pagenav-catelist>li>ul{position: initial;width:100%;display:none;transform:initial;opacity:1;box-shadow: none;}
.pro-main .page-nav .pagenav-catelist>li.acitve>ul,.pro-main .page-nav .pagenav-catelist>li:hover>ul{display:block;}
.pro-main .page-nav .pagenav-catelist>li.active>ul{display:block !important}
.pro-main .page-nav .pagenav-catelist>li{flex-wrap:wrap;}
.pro-main .page-nav .pagenav-catelist>li>em{position: absolute;right:10px;top:10px;display:inline-block;transform: rotate(-90deg);transition: all .3s;}
.pro-main .page-nav .pagenav-catelist>li.active>em,.pro-main .page-nav .pagenav-catelist>li:hover>em{transform: rotateX(0deg);}
.pro-main .page-nav .pagenav-catelist>li:hover>a,.pro-main .page-nav .pagenav-catelist>li:hover>em{color:var(--color)}
.pro-main .page-nav .pagenav-catelist>li ul a{word-break: break-word;white-space:normal;}
.pro-main .page-nav .pagenav-catelist>li ul li{padding-right:0;}
.pro-main .page-nav .pagenav-catelist>li ul li a{padding:8px 20px;}}
@media (max-width:1366px) and (min-width:1025px){.pro-main .page-nav .pagenav-cate{width:280px}}
@media (min-width:1024px){.pro-list.list0 li .pro-info .title{font-size:22px}
.pro-main .page-nav .pagenav-catelist>li a{font-size:20px}}
@media (min-width:1025px){.pro-main .page-nav .sidebar-item{width:100%;background:#f7f7f7;border-radius:5px;border-bottom:3px solid var(--color);margin-bottom:1.5em;position:relative}
.pro-main .page-nav .sidebar-item .sidebar-title{font-size:var(--fontsize22);font-weight:var(--fontbold6);color:var(--fontcolor);line-height:1.2;border-bottom:1px solid #e5e5e5;padding:15px 20px;padding-left:38px;position:relative}
.pro-main .page-nav .sidebar-item .sidebar-title::before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--color);border-radius:50%}
.page-nav .pagenav-cate{border-radius:0;background:none;}
.sidebar-contact,.sidebar-prolist{padding:20px 20px 10px}
.pro-main .page-nav .sidebar-contact li{color:var(--fontcolor);display:flex;margin-bottom:15px;line-height:1.5em}
.pro-main .page-nav .sidebar-contact i,.sidebar-contact em{margin-right:5px}
.pro-main .page-nav .sidebar-contact .icon-map{font-size:var(--fontsize17);margin-right:3px}
.pro-main .page-nav .sidebar-contact a{color:var(--fontcolor)}
.pro-main .page-nav .wmkcfeedback{padding:20px;margin:0;}
.pro-main .page-nav .wmkcfeedback .inquiry-form>*{width:100%;margin-bottom:15px}
.pro-main .page-nav .wmkcfeedback .send-btn{min-width:inherit;color:#fff;margin:0;}}
@media (max-width:1024px){.pro-main .page-nav .sidebar-item{display:none}}