.top-wrap{padding:11px 0;border-bottom:solid 1px #ddd;font-size:12px}
.top-box{display:flex;align-items:center;justify-content:space-between}
.top-left{}
.top-right{display:flex;align-items:center;justify-content:center;column-gap: 9px}
.header-wrap{background: #fff;padding:30px 0;position:relative}
.header-box{display:flex;align-items:center;justify-content:space-between}
.header-logo{}
.header-logo img{max-height:46px;backface-visibility:hidden;display:block}
.head-form-wrap{}
.head-search{display:flex;width:600px;height:42px}
.head-search input[type=text]{width: calc(100% - 90px);max-width:1000%;border:solid 1px var(--color-button-primary);padding:0 15px;border-radius:4px 0 0 4px}
.head-search input[type=submit]{width:90px;height:100%;background:var(--color-button-primary);color:#fff;border:0;cursor:pointer;border-radius:0 4px 4px 0}
.nav-switch{display:none}
.nav-wrap{background: #fff;position:relative;z-index:103}
.nav-box{display:flex;column-gap:9px}
.nav__item{height:45px}
.nav__item a{height:45px;padding: 0 20px;display:flex;align-items:center;justify-content:center;font-size:15px}
.nav__item.active{background: linear-gradient(180deg,rgba(230,1,19,0),rgba(230,1,19,.1));color: var(--color-button-primary);border-bottom: 2px solid var(--color-button-primary)}
.nav__item.active a{color: var(--color-button-primary)}
.main-menu{flex-basis: 230px;position:relative}
.main-menu__name{font-size:16px;height:45px;background-color: var(--color-button-primary);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0;cursor: pointer}
.main-menu__extend{display:none;background: #fff;position:absolute;top:100%;right:0;width:100%}
.main-menu:hover .main-menu__extend{display:block}
.main-menu__group{border-bottom:solid 1px #eee}
.main-menu__link{padding:14px 12px;display:flex;justify-content: space-between;align-items: center}
.main-menu__child{position:absolute;top:0;left:100%;background: #fff;width:200px;display:none}
.main-menu__child a{display:block;padding:14px;border-bottom:dashed 1px #eee}
.main-menu__group a:hover{background:#f9f9f9}
.main-menu__group:hover .main-menu__child{display:block}
.home-banner{position:relative;max-width:1920px;margin:0 auto}
.home-banner__slide{height:min(700px,50vw)!important;background-repeat:no-repeat;background-position:center 0;background-size:cover}
@media (max-width:1500px){
  .container.blank{padding-left:15px;padding-right:15px}
}
@media (max-width:1280px){
  .container.blank{padding-left:15px;padding-right:15px}
  .nav-box{column-gap:4px}
  .main-menu{flex-basis:170px;position:relative}
  .nav__item a{height:45px;padding: 0 15px}
}
@media (max-width:1024px){
  .main-menu{display:none}
  .nav-box{column-gap:1px;justify-content: space-between}
}
@media (max-width:768px){
  .top-wrap{display:none}
  .header-wrap{padding:20px 0 0}
  .header-box{display:block}
  .header-logo img{max-height:28px}
  .head-search-wrap{margin-top:15px;background: #fff;padding:15px 0;z-index:101;border-top:solid 1px #eee}
  .head-search{width:100%}
  .nav-wrap{display:block;position:fixed;top:0;right:110%;bottom:0;width:80%;z-index:211;background:#222;padding:30px 0 0;overflow:auto;transition:right .3s}
  .nav-wrap.open{right:20%;box-shadow:18px 0 18px 2px rgba(0,0,0,.1),0 0 5px 1px rgba(0,0,0,.1)}
  .nav-box{display:block;column-gap:9px}
  .nav__item{height:auto;padding:0;width:100%;;border-bottom:solid 1px rgba(255,255,255,.05)}
  .nav__item > a{height:auto;color:#fff;font-size:15px;line-height:58px;display:inline-block;margin-left:40px}
  .nav__item.active{background:none;color:#fff;border-bottom:solid 1px rgba(255,255,255,.05)}
  .nav__item.active a{color:#fff;font-weight: 600}
  .nav-switch{position:absolute;top:22px;right:15px;display:flex;width:22px;height:16px;border-top:solid 2px #555;border-bottom:solid 2px #555;transition:.4s}
  .nav-switch:before,
  .nav-switch:after{content:'';height:2px;width:100%;position:absolute;right:0;top:5px;background:#555;transition:transform .3s}
  .nav-switch.open{border-color:#fff;transition:0s}
  .nav-switch.open:before{transform:rotate(45deg)}
  .nav-switch.open:after{transform:rotate(-45deg)}
}
.home-goods-wrap{padding:30px 0}
.home-goods-title{padding-bottom:15px;margin-bottom:20px;border-bottom:solid 1px #ddd;position:relative}
.home-goods-title::after{content:'';width:90px;height:2px;background: #e12a2d;position:absolute;bottom:0;left:0}
.home-goods-title strong{font-size:22px}
.home-goods{display:grid;grid-template-columns:repeat(4,23.5%);justify-content:space-between;row-gap:20px}
.home-goods__item{background: #fff}
.home-goods__img{aspect-ratio: 1/1}
.home-goods__img img{width:100%;height:100%;object-fit:cover}
.home-goods__info{border-top:solid 1px #eee;padding:20px 9px}
.home-goods__fee{display:flex;align-items:center;justify-content:space-between}
.home-goods__fee span{color:red}
.home-goods__name{font-size:16px;line-height:1.7;margin-top:9px}
@media (max-width:1500px){
  .home-goods-title::after{left:15px}
}
@media (max-width:1280px){
  .home-goods__name{font-size:14px}
}
@media (max-width:1024px){
  .home-goods{grid-template-columns:repeat(2,48.5%)}
  .home-goods-title strong{font-size:20px}
}