.bread{line-height:60px;background-color:#f4f4f4;color:#999}
.bread ul{display:flex}
.bread li{margin-right:20px}
.main{display:flex;justify-content:space-between;margin-top:20px}
.main .productlist{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;min-height:50vh}
.main .content{width:77%;margin-left:2%;padding:0;margin-top:30px}
.main .content .title{font-size:22px;color:var(--FTcolor);font-weight:700;margin-bottom:8px}
.main .content .wrapper{margin-bottom:30px}
.main .listTitle .list.active span{border-bottom:5.5px solid #fff;border-top:none}
.main .listTitle .active{display:block;transition:all .3s}
.main .listTitle .active .listTit{background:var(--Bcolor)}
.main .listTitle .active .title{color:#fff}
.content .tit{padding:0 0 25px;font-size:1.2rem;font-weight:400;text-transform:capitalize;font-family:CustomFontBold,sans-serif;font-size:30px;color:var(--Bcolor)}
.content p.info{font-size:16px;margin-bottom:35px;line-height:24px}
.wrapper{display:flex;align-content:flex-start;flex-wrap:wrap}
.wrapper .slide{width:32%;margin:0 1% 4px 0;transition:all .5s ease;border-radius:20px}
.wrapper .slide a{width:100%;background-color:#fff;padding:0 15px}
.products .proImgBox{overflow:hidden;width:100%}
.products .proImgBox img{width:100%}
.products .txtBox .proTitle{margin:20px 0 10px;font-size:16px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:22px;font-weight:400}
.products .txtBox .proSummry{width:100%;text-align:left;font-size:14px;color:#999;line-height:130%;margin-bottom:15px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;min-height:2rem}
.wrapper .slide a:hover{transition:all .5s ease}
.wrapper .slide a .btn{width:150px;padding:12px}
.wrapper .slide a:hover .btn{opacity:1}
.product-nav{width:19%;display:block;border-radius:0;margin-top:30px;position:sticky;top:140px;height:fit-content;margin-bottom:30px;z-index:1}
.product-nav .menu{background:#fff;box-shadow:0 0 6px #00000033;margin-bottom: 30px;}
.product-nav .product-title{font-family:CustomFontBold,sans-serif;font-size:20px;color:#2e2e2e;background:var(--Bcolor);color:#fff;width:100%;padding:10px;text-transform:uppercase}
.wrapper .slide a picture:hover::after{display:none!important}
.menu{list-style-type:none;padding:0;margin:0}
.menu .menu-li{font-size:16px;position:relative}
.menu .menu-li:hover .menu-item{background:var(--BgLight);color:var(--Bcolor)}
.menu-item{display:flex;justify-content:space-between;padding:15px 40px 15px 15px;cursor:pointer;border-radius:0;transition:all .2s ease;position:relative;font-size:15px}
.menu-item.active{background-color:var(--Bcolor);color:#fff}
.menu-item.active:hover{background-color:var(--Bcolor)}
.submenu{list-style-type:none;padding:0;margin:0;display:none;background:#fff;box-shadow:0 0 6px #00000033}
.submenu li a{display:block;font-size:15px;position:relative;color:#666;padding:16px}
.submenu li a:hover{color:var(--Bcolor);background:var(--BgLight)}
.arrow{display:inline-block;width:16px;height:16px;background:url(../images/icon_arr_r.png) no-repeat center;background-size:100%;position:absolute;right:10px;top:16px}
.arrownone{display:none;opacity:0}
.menu .menu-li:hover .submenu{display:block;left:100%;position:absolute;width:max-content;z-index:1;top:0}
.mMenu{width:100%}
.menuBox{position:relative;padding:0 10px;background:var(--BgLight);border:1px solid #dbe1e6}
.mMenu .menu{display:none}
.menuBox .menuTit{font-size:22px;color:#000;font-weight:500;line-height:2.8em;text-align:left;border-top-right-radius:16px}
.mMenu .menuDown{width:46px;height:60px;line-height:60px;position:absolute;right:0;top:0;text-align:center;color:var(--Bcolor);font-weight:700}
.mMenu .menuList{display:none}
.menuList li a{height:44px;line-height:40px;font-size:14px}
.mMenu .collapse-bd{margin-left:20px}
.mMenu .collapse-bd li{padding-left:15px;border-bottom:1px solid #eee}
.main .page{margin:0 0 60px}
.hide{display:none}
.mMenu .none{display:block}
@media only screen and (max-width:1200px){.wrapper .slide{width:47%;margin:0 3% 40px 0}
}
@media only screen and (max-width:769px){.main{display:block}
.product-nav{display:none}
.main .content{width:100%;margin-left:0}
.hide{display:block}
.wrapper .slide{width:47%;margin:0 1.5% 10px 1.5%}
.wrapper .slide a{padding:0}
.menuBox .menuTit{font-size:16px;color:#222;height:44px;line-height:44px}
.mMenu .menuDown{height:44px;line-height:44px}
.menu-item.active,.menu-item.active:hover{background:0 0;color:var(--Bcolor);font-weight:700}
.menu-item{padding:0}
.menuList li a{padding:0 10px}
.menu-li{border-top:1px solid #dbe1e6}
.submenu{box-shadow:none;background:0 0}
.wrapper .slide a .btn{width:100%;padding:8px 12px;width:auto}
}