@charset "utf-8"; 
:root{--color:#04ABEB;--fontfamily:"Arial"}
.pagesbanner::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(21,21,21,.6)}
.head-logo{display:flex;align-items:center;}
.head-logo .cname{margin-left:10px;font-size:var(--fontsize22);font-weight:var(--fontbold7);color:#fff;line-height: 1.2}
header.is-active .head-logo .cname{color:var(--fontcolor)}
@media (max-width:1280px){.head-logo .cname{font-size:var(--fontsize18)}}
@media (max-width:1024px){.head-logo .cname{color:var(--fontcolor);font-size:var(--fontsize20)}}
.home-more,.home-more:hover,#customswiper .customswiper-next em, #customswiper .customswiper-prev em,.procate li:hover,.wmkcfeedback .send-btn,.maylink-list .swiper-slide:hover .pro-info .title,.maylink-list .swiper-slide:hover .pro-info .text,.prodetails-info .prodetails-btnlist>:hover,.prodetails-tabs .prodetails-tabs-item.act,.common-page a.ctxt, .common-page span.ctxt,.procate li:hover .info .title,.pro-list.list1 li:hover .pro-info *,.icon-hottitle{color:#fff;}
@media (max-width:768px){.bottom-btn .btn-item.gotop em{color:#fff;}}
@media (max-width:500px){.head-logo .cname{font-size:var(--fontsize16)}}
.pro-d-main .porpageflex {display: flex;}
.pro-d-main .sidebar{width:320px;margin-left:40px;padding-top:50px;}
.pro-d-main .common-main .page-container{width:calc(100% - 360px)}
.pro-d-main .sidebar ul{list-style:none;padding:0px}
.pro-d-main .sidebar-item{border:1px solid #E5E5E5;padding:15px;margin-bottom:20px;border-radius:var(--borderradius)}
.pro-d-main .sidebar-title{font-size:var(--fontsize22);margin-bottom:20px;color:#333333;text-transform:capitalize}
.pro-d-main .sidebar-search{display:flex;margin-bottom:20px;overflow:hidden;border-radius:var(--borderradius)}
.pro-d-main .sidebar-search input{flex:1;border:1px solid #F2F2F2;background:#F2F2F2;outline:0;padding:0px 15px;transition:all .1s linear;border-top-left-radius:var(--borderradius);border-bottom-left-radius:var(--borderradius)}
.pro-d-main .sidebar-search input:focus{border-color:var(--color)}
.pro-d-main .sidebar-search button{border:1px solid var(--color);width:45px;height:45px;background:var(--color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear}
.pro-d-main .sidebar-search button:hover{opacity:.95}
.pro-d-main .sidebar-search button em{font-size:var(--fontsize22);color:#FFFFFF}
.pro-d-main .sidebar-cate>li{background:#F3F3F3;margin-bottom:15px;border-radius:3px;position:relative}
.pro-d-main .sidebar-cate>li.active>a{color:#FFFFFF;background:var(--color)}
.pro-d-main .sidebar-cate>li.active>a:hover{color:#FFFFFF}
.pro-d-main .sidebar-cate>li.active em{color:#FFFFFF;transform:rotateX(180deg)}
.pro-d-main .sidebar-cate>li>a{font-weight:var(--fontbold6)}
.pro-d-main .sidebar-cate>li a{color:#333333;display:inline-flex;align-items:center;padding:0px 15px;width:100%;height:40px;line-height:40px;transition:all .1s linear;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.pro-d-main .sidebar-cate>li a:hover{color:var(--color)}
.pro-d-main .sidebar-cate>li em{position:absolute;right:0px;top:0px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-weight:var(--fontbold6);transition:all .1s linear}
.pro-d-main .sidebar-cate>li .sub-menu{display:none}
.pro-d-main .sidebar-cate>li .sub-menu li.active a{color:var(--color)}
.pro-d-main .sidebar-cate>li .sub-menu a{padding-left:30px}
@media (max-width:1300px){.pro-d-main .sidebar{width:300px;margin-left:30px;}
.pro-d-main .common-main .page-container{width:calc(100% - 330px)}}
@media (max-width:1024px){.pro-d-main .sidebar{display:none;}
.pro-d-main .common-main .page-container{width:100%;}}
.pro-d-main .sidebar-cate>li{background:unset;margin-bottom:0;border-bottom:1px solid #dddddd;border-radius:unset}
.pro-d-main .sidebar-item{padding:0}
.pro-d-main .sidebar-title{padding-left:20px;padding-top:10px;padding-bottom:10px;background:#333333;color:#fff;margin-bottom:0}
.pro-d-main .sidebar-item.sideinquiry{padding-bottom:20px}
.pro-d-main .sidebar{order:-1;margin-left:0;margin-right:40px}