@charset "utf-8";
@import url('iconfontcat.css');


.product-main .l-wrap,.new-main .l-wrap{display:flex;flex-wrap:wrap}
.product-main .sidebar,.new-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}
.product-main .sidebar .sidebar-item:nth-last-of-type(1),.new-main .sidebar .sidebar-item:nth-last-of-type(1){margin-bottom:0px}
.product-main .common-content,.new-main .common-content{flex:1;width:calc(100% - 410px)}
.new-main .sidebar{padding:15px;margin-left:40px}
.product-main .sidebar{margin-right:40px}


.sidebar-item .send-inquiry .inquiry-form input{width:100%}
.sidebar-item .send-inquiry .inquiry-form textarea{height:120px}



@media screen and (max-width:768px){

.top-btn{display:none!important}

}





.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;padding-bottom:24px;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;bottom:24px;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%}





@media(max-width:1024px){
.mobcate-main .sidebar{display:block;width:100%;flex-basis:100%;margin:0px 0px 15px;padding:0px}
.mobcate-main .common-content{width:100%}
.mobcate-main .sidebar-item:nth-of-type(n+2){display:none}
.mobcate-main .sidebar-item:first-of-type{margin:0px;padding:5px 10px}
.mobcate-main .sidebar-cate{position:absolute;top:100%;left:-2px;right:-2px;z-index:20;display:none;background-color:#FFFFFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main .sidebar-item:first-of-type .sidebar-title{margin:0px;padding:0px;cursor:pointer;background:url(https://img01.v15cdn.com/cate-btn.webp) right center/24px no-repeat}
.mobcate-main .sidebar-item .sidebar-title::after{display:none}
.mobcate-main .sidebar-newcate li.LiLevel1{margin-bottom:0px}}