@media (min-width:1025px){.pro-main .common-main{width:100%;max-width:1600px;padding:40px 70px;margin:0 auto;display:flex;justify-content:space-between;}
.pro-main .common-main .l-wrap{padding:0;}
.page-nav{width:370px;}
.page-main{flex:1;width:calc(100% - 370px);padding-left:40px;}
.page-nav .pagenav-cate{padding:15px;background:#fff;border-radius:var(--borderradius);padding: 15px 15px 0px;border: 2px solid #F3F3F3;}
.page-nav .pagenav-cate .pagenav-menu{display:block;padding-bottom: 5px;margin-bottom: 20px;}
.page-nav .pagenav-catelist{text-align: left;}
.pagenav-menu{position:relative;color:var(--fontcolor);font-weight:var(--fontbold6);font-size:var(--fontsize22);}
.pagenav-menu:after{content: "";position: absolute;background: var(--color);width: 54px;height: 2px;left: 0px;top: 100%;}
.pagenav-menu em{display:none}
.page-nav .pagenav-catelist{display:block;padding:0;}
.page-nav .pagenav-catelist>li{width:100%;margin:0;height:auto;border:none;background:none;display:block}
.page-nav .pagenav-catelist>li>a{padding:10px 0px;width:100%;padding-right:35px;line-height:1.4;display:block;}
.page-nav .pagenav-catelist>li.LocalCurrent,.pagenav-catelist>li.active{background:none;}
.page-nav .pagenav-catelist>li.LocalCurrent>a,.pagenav-catelist>li.active>a{color:var(--color);}
.page-nav .pagenav-catelist>li em{position:absolute;top:18px;right:0px;width:25px;height:25px;border-radius:50%;background:#FFFFFF;text-align:center;cursor:pointer;transform:none;}
.page-nav .pagenav-catelist>li ul{transform:none;position:static;opacity:1;box-shadow:0 0 0;border:none;display:none!important;position: static;transform: scaleY(1);opacity: 1;box-shadow: none;}
.page-nav .pagenav-catelist>li ul li{line-height: 40px;height: 40px;padding: 0px 30px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page-nav .pagenav-catelist>li ul li a{display:block;height:auto;padding:5px 0px;font-size:var(--fontsize15);line-height:1.4;}
.page-nav .pagenav-catelist>li.open ul{display: block!important;}
.page-nav .pagenav-catelist>li.open>em{color:var(--color)}
.page-nav .pagenav-catelist>li em{background:unset}
.page-nav .pagenav-catelist>li.open em{transform: rotate(180deg);}
.protype-main .common-main>.l-wrap{display:flex;justify-content:space-between;}
.protype-main .common-main>.l-wrap .l-wrap{padding:0;}
.pro-list li .pro-img{border-bottom: 1px solid #eee;}
.pro-list li .pro-info{ padding-bottom: 10px;}

.pagenav-cate .pagenav-catelist > li em{transition:transform .3s;font-weight: 500;}
.page-nav .pagenav-catelist>li ul li>ul{position:static;opacity:1;transform:none;}
.pagenav-cate .pagenav-catelist>li>a{display: block;padding: 0px 14px 0px 30px;width: 100%;height: 50px;line-height: 50px;background: #FBFBFB;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;font-weight: 500;}
.pagenav-cate .pagenav-catelist>li{margin-bottom:5px;display: block;padding: 0;}
.pagenav-cate .pagenav-catelist>li.active>ul{display: block!important;}
.pagenav-cate .pagenav-catelist>li.active>em{transform: rotate(180deg);}
.pagenav-cate .pagenav-catelist>li:after{content: "";position: absolute;width: 30px;height: 50px;top: 0px;left: 0px;background: url(https://css02.v15cdn.com/m420/images/new_icon.webp) no-repeat;background-position: center center;}
.pro-d-main .common-main >.l-wrap,.pro-maylink .l-wrap,.protypefeedback .l-wrap{max-width:1800px;}

}
@media (max-width:1280px) and (min-width:1025px){.page-nav{width:300px;}
.page-main{width:calc(100% - 300px);padding-left:30px;}}
.page-nav .pagenav-catelist>li a{ font-size: 16px;font-weight: 600;}