.procate li{width:100%;margin-right:0;display:flex;justify-content: space-between;align-items: center;}
.procate li .img{width:30%;}
.procate li .info{width:70%;border-top:none;text-align:left;}
@media (max-width:768px){.procate li .img{width:45%;}
.procate li .info{width:55%;padding:5px;}}
@media (min-width:1025px){.pro-main .common-main{display:flex;padding-left:calc(50% - 730px);padding-right:calc(50% - 730px);}
.pro-main .page-nav{width:300px;margin-right:30px;}
.pro-main .page-nav .l-wrap{padding:0;}
.pro-main .pagenav-cate{background:#fff;border-radius:8px;border:1px solid #efefef;overflow:hidden}
.pro-main .pagenav-catelist{display:block;padding:0;}
.pro-main .pagenav-catelist>li{background:none;height:auto;width:100%;margin:0;position:relative;text-transform:capitalize;border:none;border-bottom:1px solid #efefef;display:block}
.pro-main .pagenav-catelist>li:last-child{border-bottom:none}
.pro-main .pagenav-catelist>li>a{display:block;width:100%;height:48px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 30px 0 15px;color:var(--fontcolor);font-size:var(--fontsize14)}
.pro-main .pagenav-catelist>li.active>a,.pro-main .pagenav-catelist>li:hover>a{color:#fff;background:var(--color)}
.pro-main .pagenav-catelist>li:nth-child(n+5){margin-top:0}
.pro-main .pagenav-catelist>li em{top:10px;transform:none;}
.pro-main .pagenav-catelist>li:hover>em{color:#fff}
.pro-main .pagenav-catelist>li ul{position:static;transform:none;opacity:1;box-shadow:0 0 0;border:none;background:none;display:none}
.pro-main .pagenav-catelist>li ul li{height:auto;padding:0}
.pro-main .pagenav-catelist>li ul li:last-child{border-bottom:none}
.pro-main .pagenav-catelist>li ul li a{display:block;white-space:normal;height:auto;line-height:1.4;padding:10px 15px 10px 30px;font-size:var(--fontsize14)}
.pro-main .pagenav-catelist>li ul li.active>a{color:var(--color)}
.pro-main .pagenav-catelist li:hover >ul{display:block}
.pro-main .pagenav-catelist>li.active ul{display:block!important}
.pro-main .page-main{flex:1;}
.pro-main .page-main .l-wrap{padding:0}}
@media (max-width:1600px) and (min-width:1025px){.pro-main .common-main{padding-left:70px;padding-right:70px;}}