.page-wrap{display:grid;grid-template-columns:220px 1fr;min-height:100vh}
.sidebar{width:209px;padding:30px 20px;border-right:1px solid #eee; position: sticky; top: 120px;}
.search-box{width:100%;padding:6px 8px;border:1px solid #ddd;margin-bottom:30px;font-size:12px}
.nav-title{font-size:13px;font-weight:500;margin-bottom:16px; color:#000; padding-left:5px;}
.nav-list li{font-size:12px;color:#666;margin-bottom:8px;cursor:pointer; padding-left:5px;}
.nav-list li .cur{color:#000;}
.nav-list li:hover{color:#000}
.main-content{padding:0 0 0 3.34783%;}
.banner-img{width:100%;height:auto;display:block; margin-left:1.5%;}
.text-block{padding:40px 32px 60px 32px; max-width:1200px}
.text-block h2{  font-family: "Titillium Web", 'fengchuang-r'; font-weight:bold; margin-bottom:16px}
.text-desc{ color:#666;line-height:1.8;padding-left:12px;border-left:1px solid #999}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px;padding:0 32px 7%;max-width:1400px}
.product-card{display:flex;flex-direction:column;gap:18px}
.product-pic{width:100%;background:#fff;padding:20px;display:flex;align-items:center;justify-content:center;min-height:220px}
.product-pic img{max-width:90%;max-height:180px;object-fit:contain}
.product-info{ position: relative; padding-left: 35px; padding-right:0px; padding-top:0px; margin-left: 35px;  text-transform: uppercase;}
.product-info:after{
        content:"";
        display: block;
        width: 1px;
        height: 150%;
        position: absolute;
        left: 0;
        bottom: 0;
        background: #8b8b8b;
        z-index: 99;
    }
.product-name{font-weight: bold;margin-bottom:7px;  text-transform: uppercase; /*white-space: nowrap;*/ overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;}
.product-type{color:#666;margin-bottom:12px;}
.designer{color:#666; letter-spacing:1px; line-height:20px;}
@media (max-width:768px){.page-wrap{grid-template-columns:1fr}
.sidebar{border-right:none;border-bottom:1px solid #eee;padding:20px 16px}
.product-grid{grid-template-columns:1fr;padding:0 16px 40px}
.text-block{padding:24px 16px}
.text-block h2{font-size:20px}
}
@media (min-width:769px) and (max-width:1024px){.product-grid{grid-template-columns:repeat(2,1fr)}
}

#search_sub { position: absolute; left:0; border: none; z-index: 3; cursor: pointer; background:url(../images/search-black.jpg) no-repeat; width:18px; height:18px;}

.seabox .sea_inp {height:48PX; margin-bottom:20px; border: 1px solid #eee;}
.seabox .sea_inp input { display: block; outline: none; line-height: 32px; border: none; text-transform: uppercase; font-size: 13px; }
.seabox .sea_inp .search { float: left; width:147px; height:48px; padding-left: 20px; color: #000; }
.seabox .sea_inp .sub { float: right; width:40px;  height:48px; background: url(../images/search-black.jpg)#FFF no-repeat center; }