﻿.prodetails-tabs .prodetails-tabs-item:nth-child(2){display:none}
@media (min-width:769px){
.page-main .pro-list.list1 li{width:32%;margin-right:2%}
.page-main .pro-list.list1 li:nth-child(4n){margin-right:2%}
.page-main .pro-list.list1 li:nth-child(3n){margin-right:0}}
  .pro-d-main .sidebar{position:relative;-ms-flex-item-align:start;align-self:flex-start;flex:0 0 370px;box-sizing:border-box;padding:15px 15px 0px;border:2px solid #F3F3F3;width:370px}
.pro-d-main .sidebar .sidebar-item:nth-last-of-type(1),.new-main .sidebar .sidebar-item:nth-last-of-type(1){margin-bottom:0px}
.sidebar-item .send-inquiry .inquiry-form input{width:100%}
.sidebar-item .send-inquiry .inquiry-form textarea{height:120px}
.sidebar-item{margin-bottom:30px}
.sidebar-item .sidebar-title{position:relative;font-size:var(--fontsize24);padding-bottom:5px;margin-bottom:20px;font-weight:var(--fontbold6)}
.sidebar-item .sidebar-title:after{content:"";position:absolute;background:var(--color);width:54px;height:2px;left:0px;top:100%}
.siderbar-search{display:flex}
.siderbar-search input{flex:1;border:1px solid var(--color);padding:0px 10px;font-size:var(--fontsize16);box-sizing:border-box}
.siderbar-search button{width:50px;height:50px;-ms-flex:0 0 50px;flex:0 0 50px;background:var(--color)}
.siderbar-search button i{font-size:var(--fontsize24);color:#FFFFFF}
.sidebar-cate li{position:relative}
.sidebar-cate li>.iconfont{cursor:pointer;position:absolute;right:8px;top:14px;font-size:var(--fontsize14);color:var(--introcolor)}
.sidebar-cate .sub-menu{display:none}
.sidebar-cate .sub-menu li,.sidebar-cate .pro-menu li{line-height:40px;height:40px;padding:0px 30px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-cate .icon-arr{transition:transform .2s ease}
.sidebar-cate .icon-arr.is-active{transform:rotate(90deg)}
.sidebar-cate>li{margin-bottom:8px;position:relative}
.sidebar-cate>li>a{display:block;width:100%;height:56px;line-height:56px;padding:0px 30px;box-sizing:border-box;overflow:hidden;background:#FBFBFB;text-overflow:ellipsis;white-space:nowrap}
.sidebar-cate .is-current>a{color:var(--color)}
.sidebar-prolist .pro-item{display:flex}
.sidebar-prolist .pro-item:hover img{transform:scale(1.05)}
.sidebar-prolist .pro-img{-ms-flex:0 0 87px;flex:0 0 87px;height:87px;overflow:hidden;position:relative;margin-right:16px}
.sidebar-prolist .pro-img img{max-width:100%;max-height:100%;transition:transform .2s ease}
.sidebar-prolist .pro-info{flex:1}
.sidebar-prolist .pro-more{display:block;margin-top:10px}
.sidebar-prolist .pro-name{width:100%;display:-webkit-box;max-height:3em;line-height:1.5em;text-overflow:ellipsis;overflow:hidden;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sidebar-prolist .img-wrap{display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.sidebar-prolist li{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #EEEEEE}
.sidebar-prolist li:last-child{margin-bottom:0px;border-bottom:0px}
.sidebar-newlist>li{margin-bottom:20px;border-bottom:1px solid #EEEEEE}
.sidebar-newlist>li:last-child{margin-bottom:0px;border-bottom:0px}
.sidebar-newlist .new-item{display:block;position:relative;padding-right:20px;box-sizing:border-box;border-bottom:1px solid #EEEEEE}
.sidebar-newlist .new-item:last-child{border:0px}
.sidebar-newlist .new-title{font-size:var(--fontsize18);line-height:1.5em}
.sidebar-newlist .iconfont{position:absolute;right:0px;top:0px;transform:rotate(180deg)}
.sidebar-newcate li.LiLevel1{margin-bottom:5px;position:relative}
.sidebar-newcate li.LiLevel1: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}
.sidebar-newcate li.LiLevel1>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}
.sidebar-contact{position:absolute;padding:44px 0px;left:0px;width:100%;top:calc(100% + 30px);background:url("https://css02.v15cdn.com/m420/images/side_contact.webp") no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#FFFFFF;text-align:center}
.sidebar-contact p{font-size:var(--fontsize22);line-height:1.5em}
.sidebar-contact .tel{margin-top:20px;font-size:var(--fontsize26)}
.sidebar-contact .contact-btn{padding:16px 20px;margin-top:30px;background:var(--color);border:1px solid var(--color);color:#FFFFFF;text-transform:uppercase}
.sidebar-contact .icon{width:85px;height:85px;margin-bottom:24px;background:url("https://css02.v15cdn.com/m420/images/side_icon.webp") no-repeat;background-position:center;border:1px solid #FFF;border-radius:50%}
.sidebar-cate li.active>a{color:var(--color)}
@media screen and (max-width:1470px){.pro-d-main .sidebar{flex:0 0 320px;width:320px}
}@media(max-width:1024px){.pro-d-main .sidebar{display:none}}
 .pro-d-main .page-container .l-wrap{display:flex;flex-wrap:wrap}
.pro-d-main .page-container .l-wrap .page-main{flex:1;width:calc(100% - 410px);margin-left:30px}
.pro-d-main .sidebar li{list-style:none}
.pro-d-main  .siderbar-search input{position:unset;opacity:1;transform:unset;visibility:visible}
.pro-d-main .page-container .l-wrap .page-main .l-wrap{padding:0}
@media (min-width:1024px){.pro-d-main   .preview-container .small-box{width:100%;aspect-ratio:unset}
.pro-d-main    .preview-container .small-box img{object-fit:contain}
.pro-d-main  .preview-container .small-box{background:#fff}
}.pro-d-main  .sidebar-cate .sub-menu li{height:auto;overflow:unset}
.pro-d-main   .sidebar-newcate li{position:relative !important;list-style:none;display:block !important}
.sidebar-newcate li>a{display:inline-block;padding:6px 30px 6px 10px;text-decoration:none}
.pro-d-main  .sidebar-newcate .icon-right1{position:absolute;right:10px;top:10px;cursor:pointer;z-index:99;padding:5px;-webkit-transition:transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out}
.pro-d-main   .sidebar-newcate .icon-right1.is-active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.pro-d-main    .sidebar-newcate ul.sub-menu{padding-left:15px}
.pro-d-main   .sidebar-newcate ul.pro-menu{padding-left:20px}
.pro-d-main   .sidebar-item .send-inquiry .inquiry-form input{flex:unset}
.pro-d-main   .wmkcfeedback .inquiry-form>*+input{margin-left:0}
.pro-d-main .sidebar{padding-bottom: 20px;}
.pagelink { width: 100%;}