@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage31-page{margin-top:50px;}
.wmpage31-item{display:flex;flex-wrap:wrap;justify-content:space-between;}
.wmpage31-box{display:flex;align-items:center;width:48%;background-color:#f9fbfe;transition:all .3s;margin-bottom:30px}
.wmpage31-item-main{display:flex;-webkit-box-align:center;align-items:center}
.wmpage31-download{position:relative;max-width:85px;width:100%;margin-left:auto;height:100%;text-align:center}
.wmpage31-download::before{content:'';position:absolute;left:0;top:20px;width:1px;height:calc(100% - 40px);background-color:#f3f5fa}
.wmpage31-download a{display:flex;-webkit-box-align:center;align-items:center;height:100%}
.wmpage31-download a em{margin:0 auto;font-size:var(--wmpage-font24,24px);color:#bec9cd;transition:all .3s}
.wmpage31-title h4{margin:0 auto;font-size:var(--wmpage-font24,24px);color:#25414c;transition:all .3s;margin-bottom:25px}
.wmpage31-pic{width:120px;height:120px;display:flex;justify-content:center;align-items:center}
.wmpage31-pic span{font-size:68px;color:var(--color);line-height:1}
.wmpage31-download a:hover{text-decoration:none}
.wmpage31-box:hover{box-shadow:2px 10px 40px rgba(37,65,76,.2)}
.wmpage31-box:hover .wmpage31-download a em{color:var(--color)}
@media(max-width:1366px){.wmpage31-page{margin-top:25px}
.wmpage31-title h4{font-size:var(--wmpage-font22);margin-bottom:20px}
}
@media(max-width:1024px){.wmpage31-box{}
.wmpage31-item{margin-left:0;justify-content:space-between}
}
@media(max-width:768px){.wmpage31-box{width:100%}
}
@media(max-width:500px){.wmpage31-pic span{font-size:var(--wmpage-font50)}
.wmpage31-title h4{font-size:var(--wmpage-font20)}
}


.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:320px;}
.page-main{flex:1;width:calc(100% - 320px);padding-left:40px;}
.pagenav-cate{padding:15px;background:#F9F9F9;border-radius:var(--borderradius)}
.pagenav-cate .pagenav-menu{display:block;border-bottom:1px solid #E9E9E9;margin-bottom:5px;padding-bottom:5px;}
.pagenav-menu{position:relative;color:var(--fontcolor);font-weight:var(--fontbold6);font-size:var(--fontsize22);padding-left:16px}
.pagenav-menu:before{content:'';width:6px;height:6px;background:var(--color);position:absolute;left:0;top:16px;}
.pagenav-menu em{display:none}
.pagenav-catelist{display:block;padding:0;}
.pagenav-catelist>li{width:100%;margin:0;height:auto;border:none;background:none;display:block}
.pagenav-catelist>li>a{padding:10px 0px;width:100%;padding-right:35px;line-height:1.4;display:block;}
.pagenav-catelist>li.LocalCurrent,.pagenav-catelist>li.active{background:none;}
.pagenav-catelist>li.LocalCurrent>a,.pagenav-catelist>li.active>a{color:var(--color);}
.pagenav-catelist>li em{position:absolute;top:8px;right:0px;width:25px;height:25px;border-radius:50%;background:#FFFFFF;text-align:center;cursor:pointer;transform:none;}
.pagenav-catelist>li em::before{font-size:var(--fontsize18);line-height:22px;}
.pagenav-catelist>li ul{background:none;transform:none;position:static;opacity:1;box-shadow:0 0 0;border:none;display:none}
.pagenav-catelist>li ul li{display:block;padding:0;height:auto;border:none;padding-left:10px}
.pagenav-catelist>li ul li a{display:block;height:auto;padding:5px 0px;font-size:var(--fontsize15);line-height:1.4;}

@media (max-width:1280px){.page-nav{width:300px;}
.page-main{width:calc(100% - 300px);padding-left:30px;}}
@media (max-width:1024px){.pro-main .common-main{padding:30px 15px;}
.page-nav{display:none}
.page-main{width:100%;padding-left:0;}}
.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-catelist>li.active>em{color:var(--hovercolor)}
.pagenav-catelist>li em{background:unset}
.pagenav-cate .pagenav-catelist > li em{transition:transform .3s}
.pagenav-cate .pagenav-catelist > li em.active{transform:rotate(180deg)}
.pagenav-catelist>li ul li>ul{position:static;opacity:1;transform:none;}
/*.pro-d-main .common-main{width:100%;max-width:1600px;padding:0 70px;padding-top:40px;margin:0 auto;display:flex;justify-content:space-between;}
.pro-d-main .common-main .l-wrap{padding:0;}
.prodetails-top{padding-top:0}
@media (max-width:1024px){.pro-d-main .common-main{padding:30px 15px;}}*/
.pr-sidebar-category ul .sidebar-cate-show,.pr-sidebar-category ul .active>.sidebar-cate-show{background:none;color:var(--fontcolor)}
.pr-sidebar-category ul .active>.sidebar-cate-show p::before,.pr-sidebar-category ul .sidebar-cate-show p::before{content:"\e666";font-family:"iconfont"!important}
.pr-sidebar-category .pr-sidebar-cate li a{text-transform:capitalize}
.pr-sidebar-category ul .sidebar-cate-show{transition:transform .3s}
.pr-sidebar-category ul .sidebar-cate-show.active{transform:rotate(180deg)}
.pagenav-cate .pagenav-catelist>li>a{background:var(--color);color:#fff!important;padding-left:10px;font-size:var(--fontsize17)}
.pagenav-cate .pagenav-catelist>li>em{color:#fff}
.pagenav-cate .pagenav-catelist>li{margin-top:5px}
.pr-sidebar-category .pr-sidebar-cate>li>a{background:var(--color);color:#fff!important;padding-left:10px;font-size:var(--fontsize17)}
.pr-sidebar-category .pr-sidebar-cate>li>.sidebar-cate-show{color:#fff}
.pr-sidebar-category .pr-sidebar-cate>li{margin-top:5px}
.pro-d-main .common-main >.l-wrap,.pro-maylink .l-wrap,.protypefeedback .l-wrap{max-width:1800px;}


.prod-gboximgbg{background: #000000a0;position: fixed;padding: 30px;top: 0;width: 100vw;height: 100vh;align-items: center;justify-content: center;display: none;z-index: 9999;transition: .3s;}
.prod-gboximgbg.active{display: flex;transition: .3s;}
.prod-gboximgex{max-width: 1000px;padding: 20px;background: #fff;position: relative;height:calc(100% - 90px);height: 100%;}
.prod-gboximgbg .detail-title{font-size: var(--fontsize22);padding-bottom: 10px;margin: 10px auto;border-bottom: 1px solid #E7EEEE;color:#fff}
.prod-gboximgexit{display: flex;align-items: center;width: 50px;height: 50px;background: #fff;border-radius: 50%;justify-content: center;position: absolute;cursor: pointer;right: -20px;top: -20px;border: 2px #b4b4b4 solid;}
.prod-gboximgexit span{width: 3px;height: 40px;background: #b4b4b4;position: absolute;}
.prod-gboximgexit span:nth-child(1){transform: rotate(45deg);}
.prod-gboximgexit span:nth-child(2){transform: rotate(-45deg);}
.prod-gboximged{height:100%}
.prod-gboximged img{width: 100%;height:100%}
.prod-gboximgtop{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}