@charset "utf-8"; 
.pro-d-main .product{display:flex}
.pro-d-main .sidebar{width:340px;margin-right:50px}
.pro-d-main .sidebar .mod{background-color:#FFFFFF;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.1);box-sizing:border-box;padding:15px;margin-bottom:30px;border-radius:var(--border)}
.pro-d-main .sidebar .mod .title p{margin:0px;font-size:var(--fontsize24);color:var(--fontcolor);font-weight:var(--fontbold5);line-height:1;text-transform:capitalize}
.pro-d-main .sidebar .mod .title::after{content:'';display:inline-block;width:80px;height:2px;background-color:var(--color)}
.pro-d-main .sidebar .mod ul{padding:0px}
.pro-d-main .sidebar .categories ul li{margin:1px 0px;background-color:#FCFCFC}
.pro-d-main .sidebar .categories > ul > li > a{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:10px;padding-right:40px;transition:all 0.2s linear}
.pro-d-main .sidebar .categories ul li a.act{background-color:var(--color);color:#FFFFFF}
.pro-d-main .sidebar .products ul li{margin:10px 0px;border-radius:var(--border);overflow:hidden}
.pro-d-main .sidebar .products ul li > div{display:flex;align-items:center;background-color:#FCFCFC}
.pro-d-main .sidebar .products ul li > div .img{width:110px;border-radius:var(--border);overflow:hidden;border-top-right-radius:0;border-bottom-right-radius:0}
.pro-d-main .sidebar .products ul li .img img{width:100%;transform:scale(1);transition:all 0.2s linear}
.pro-d-main .sidebar .products ul li .text{flex:1;margin:0px 10px;box-sizing:border-box;padding:0px 10px}
.pro-d-main .sidebar .products ul li div div{display:inline-flex;flex:1}
.pro-d-main .sidebar .products ul li .text p{font-size:var(--fontsize16);color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;transition:all 0.2s linear}
.pro-d-main .sidebar .products ul li:hover .img img{transform:scale(1.03)}
.pro-d-main .sidebar .products ul li:hover .text p{color:var(--color)}
.pro-d-main .sidebar .mod ul li:hover > a{background-color:var(--color);color:#FFFFFF}
.pro-d-main .sidebar .mod ul li:hover em{color:#FFFFFF}
.pro-d-main .sidebar .categories .sub-menu li{margin:1px 0px}
.pro-d-main .sidebar .categories .sub-menu a{display:inline-block;width:100%;box-sizing:border-box;padding:10px 20px}
.pro-d-main .sidebar .categories .menu-item{position:relative}
.pro-d-main .sidebar .categories .menu-item > em{position:absolute;right:0px;top:0px;width:40px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--fontsize14)}
.pro-d-main .sidebar .categories .menu-item .sub-menu{display:none}
.pro-d-main .sidebar .categories .menu-item.active > em{color:#FFFFFF}
.pro-d-main .sidebar .categories .menu-item.active > a{color:#FFFFFF;background-color:var(--color)}
.pro-d-main .sidebar .categories .menu-item.active .sub-menu{display:block}
.pro-d-main .sidebar .categories .menu-item > em::before{transform:rotate(0);transition:all 0.2s linear}
.pro-d-main .sidebar .categories .menu-item.active > em::before{transform:rotate(90deg)}
.pro-d-main .sidebar .news ul li{margin:15px 0px;border-radius:var(--border);overflow:hidden}
.pro-d-main .sidebar .news ul li > a{display:flex}
.pro-d-main .sidebar .news.mod ul li:hover > a{background-color:#FFFFFF;color:var(--color)}
.pro-d-main .sidebar .mod ul li ul li:hover a{color:var(--color);background-color:transparent}
.pro-d-main .sidebar .news a .left{width:130px;margin-right:10px;overflow:hidden;border-radius:var(--border)}
.pro-d-main .sidebar .news a .left img{width:100%;transform:scale(1);transition:all 0.2s linear}
.pro-d-main .sidebar .news a .right{flex:1}
.pro-d-main .sidebar .news a .right p{margin:0px;color:var(--fontcolor);transition:all 0.2s linear;line-height:1.4;font-weight:var(--fontbold5);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:10px}
.pro-d-main .sidebar .news a .right span{color:var(--color);font-size:var(--fontsize14)}
.pro-d-main .sidebar .news ul li:hover .right p{color:var(--color)}
.pro-d-main .sidebar .news ul li:hover .left img{transform:scale(1.05)}
.pro-d-main .sidebar .sidebar-cate > li ul li.active a{color:var(--color)}
.pro-d-main .common-main .page-main{width:calc(100% - 390px)}
.pro-d-main .right-wrap{flex:1}
@media screen and (max-width:1024px){.pro-d-main .common-main .page-main{width:100%}
.pro-d-main .sidebar{display:none;width:100%;margin-right:0px}}
.pagesbanner::after{display:none}
@media (max-width:600px){.home-cate .cateul li{width:100%}
.head-logo a img{max-height:22px}
}
.home-about .about-item.item2 .icon2 {font-size: 22px;}
.home-des {font-size:20px;}