@charset "utf-8"; 
:root {--color: #3481b8;}
@media (min-width:1025px){header{background: #fff;}
body{padding-top: 120px;}
.head-nav .nav-ul>li>a,.head-left a,.head-top,.head-left{color: #000;}
.nobanner header{background: #fff;}
body.nobanner {padding-top: 120px;}
.nobanner header .head-top{background: #fff;}
.head-share ul a{color:#000}
.head-share ul a:hover{color:#fff}} 
.home-service .home-more ,.wmkcfeedback .send-btn{color: #fff;}
.prodetails-tabs .prodetails-tabs-item.act{color: #fff;}

.pro-d-main .page-container{width:100%;display:flex;align-items:flex-start;justify-content:space-between}
.pro-d-main .page-sidenav{width:320px;}
.pro-d-main .page-sidenav ul{list-style:none}
.pro-d-main .sidebar-item{width:100%;background:#f7f7f7;border-radius:5px;border-bottom:3px solid var(--color);margin-bottom:1.5em;position:relative}
.pro-d-main .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-d-main .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%}
.pro-d-main .sidebar-item .sidebar-cate{padding:20px 20px}
.pro-d-main .sidebar-item .sidebar-cate li{position:relative;}
.pro-d-main .sidebar-item .sidebar-cate>li{width:100%;border-radius:3px;margin-bottom:0.6em;text-transform:capitalize;background:#fff;}
.pro-d-main .sidebar-item .sidebar-cate>li:last-child{margin-bottom:0em}
.pro-d-main .sidebar-item .sidebar-cate>li>a{width:100%;padding:12px 15px;padding-right:40px;font-weight:var(--fontbold6);display:block;line-height:25px;}
.pro-d-main .sidebar-item .sidebar-cate li .iconshow{position:absolute;right:0px;top:0px;width:39px;height:49px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.pro-d-main .sidebar-item .sidebar-cate li .iconshow::after{content:"";width:6px;height:6px;border:2px solid var(--fontcolor);border-left:none;border-bottom:none;transform:rotate(45deg);transition:.3s}
.pro-d-main .sidebar-item .sidebar-cate>li .sub-menu{display:none;}
.pro-d-main .sidebar-item .sidebar-cate>li .sub-menu a{display:flex;padding:8px 20px;color:var(--fontcolor);transition:all .1s linear;line-height:25px}
.pro-d-main .sidebar-item .sidebar-cate>li>a{width:100%;padding:12px 15px;padding-right:40px;font-weight:var(--fontbold6);display:block;line-height:25px;}
.pro-d-main .sidebar-item .sidebar-cate li .sub-menu .iconshow{height:41px}
.pro-d-main .sidebar-item .sidebar-cate>li .pro-menu{display:none;}
.pro-d-main .sidebar-item .sidebar-cate>li .pro-menu a{display:flex;padding:8px 20px 8px 35px;color:var(--fontcolor);transition:all .1s linear}
.pro-d-main .sidebar-item .sidebar-cate li:hover >a{color:var(--color)}
.pro-d-main .sidebar-item .sidebar-cate li:hover >ul{display:block}
.pro-d-main .sidebar-item .sidebar-cate li:hover >.iconshow::after{transform:rotate(135deg);border-color:var(--color)}
.pro-d-main .page-main{flex:1;width:calc(100% - 320px);padding-left:40px}
@media (min-width:1025px){.preview-container .thumbnail-box{margin-right:15px;width:70px}
.pro-d-main .preview-container .thumbnail-box .item{width:70px;}
.pro-d-main .preview-container .thumbnail-box .swiper{height:290px}
.pro-d-main .preview-container .thumbnail-show{width:calc(100% - 85px)}
.pro-d-main .prodetails-info{width:50%;}}
@media (min-width:1367px){.preview-container .thumbnail-box{width:90px}
.pro-d-main .preview-container .thumbnail-box .swiper{height:400px;}
.pro-d-main .preview-container .thumbnail-box .item{width:90px;}
.pro-d-main .preview-container .thumbnail-show{width:calc(100% - 120px)}}
@media (max-width:1366px) and (min-width:1025px){.page-sidenav{width:280px}
.pro-d-main .page-main{width:calc(100% - 280px);}
.pro-d-main .preview-container{height:360px}}
@media (max-width:1024px){.page-sidenav{display:none}
.pro-d-main .page-main{width:100%;padding-left:0}}
.page-main .common-page span.ctxt{color: #fff;}
.maylink-list .swiper-slide:hover .pro-info .title ,.maylink-list .swiper-slide:hover  .pro-info .text{ color: #fff;}