/* 在原站 CSS 上做轻微润色，不改变桌面端整体布局和视觉结构 */
html{scroll-behavior:smooth}
body{background:#fff;color:#333}
.navbar .middle{min-height:72px}
.navbar .middle .keyword{width:210px;padding:0 9px;background:#fff}
.navbar .list>li,.navbar .list>li a{transition:background-color .18s ease,color .18s ease}
.navbar .son{box-shadow:0 8px 18px rgba(0,0,0,.09)}
.navbar .son div a{font-size:14px}
.shadow{box-shadow:0 2px 12px rgba(0,0,0,.07)!important}
.bread{color:#888}
.bread a:hover,.list-box .r .list .item a:hover,.news-right-all .item a:hover{color:var(--theme-color)}
.list-box{overflow:visible}
.list-box .r{min-height:430px}
.list-box .r .list .item{padding-left:2px;padding-right:2px}
.list-box .r .list .item a{max-width:82%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-box .content-about .content{padding-bottom:10px}
.list-box .content-about .content img,.detail .post img{max-width:100%!important;height:auto!important}
.list-box .content-about .content table,.detail .post table{max-width:100%!important;border-collapse:collapse}
.list-box .content-about .content td,.list-box .content-about .content th,.detail .post td,.detail .post th{padding:6px 8px;border:1px solid #ddd}
.detail .post{word-break:break-word}
.detail .post a{word-break:break-all}
.front-empty{padding:80px 20px;text-align:center;color:#aaa;font-size:14px}
.front-product-list .item a:before{content:""}
.product-original{display:flex;gap:30px;padding:24px 10px 10px}
.product-original .product-gallery{width:42%;flex:0 0 42%}
.product-original .product-gallery .main{width:100%;height:330px;object-fit:contain;border:1px solid #eee;background:#fafafa}
.product-original .product-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.product-original .product-thumbs img{width:66px;height:66px;object-fit:cover;border:1px solid #ddd;cursor:pointer}
.product-original .product-summary{flex:1;padding-top:8px}
.product-original .product-summary h2{font-size:24px;font-weight:500;margin:0 0 15px;color:#333}
.product-original .product-summary .subtitle{color:#777;line-height:1.8;margin-bottom:12px}
.product-original .product-summary .price{font-size:22px;color:#9a0101;margin:12px 0}
.product-original .product-summary .specs{line-height:1.9;white-space:pre-line}
.product-original-content{margin-top:26px;padding-top:20px;border-top:1px solid #eee}
.search-title{font-size:18px;margin:0 0 18px;font-weight:500;color:#555}
.home-products{display:flex;flex-wrap:wrap;gap:14px}
.home-products .item{width:calc(25% - 11px);border:1px solid #eee;background:#fff;text-align:center;padding:14px 10px;transition:.2s}
.home-products .item:hover{border-color:var(--theme-color);transform:translateY(-2px)}
.home-products img{width:100%;height:140px;object-fit:contain;background:#fafafa}
.home-products .title{display:block;text-align:center;margin-top:8px;font-size:15px;font-weight:500}
.home-section-title{font-size:20px;color:#333;margin:0 0 14px;padding-left:11px;border-left:4px solid var(--theme-color)}
.swiper-slide img{max-width:none}
.footer-codes{justify-content:flex-end}
.mobile-nav-note{display:none}
@media(max-width:1190px){
  .container,.swiper-container{width:calc(100% - 30px)}
  .navbar .list{flex-wrap:wrap}
  .navbar .list>li{min-width:10%}
}
@media(max-width:760px){
  .container,.swiper-container{width:calc(100% - 20px)}
  .navbar .middle{min-height:66px;flex-wrap:wrap;padding:6px 0}
  .logo-img{width:220px}
  .navbar .middle .input{margin-left:auto}
  .navbar .middle .keyword{width:140px}
  .navbar .bottom{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
  .navbar .list{width:max-content;min-width:100%;flex-wrap:nowrap}
  .navbar .list>li{flex:0 0 96px;font-size:14px}
  .navbar .son{display:none!important}
  .swiper,.swiper-container{height:210px}
  .swiper-slide img{max-height:210px;max-width:100%;object-fit:cover}
  .news{display:block}
  .news-left,.news-right{width:100%;margin-bottom:14px}
  .menu-quick{flex-wrap:wrap;height:auto}
  .menu-quick>.item{width:25%;flex:none;padding:10px 4px}
  .list-box{display:block}
  .list-box .l{width:100%;display:block}
  .list-box .l .menu{display:flex;overflow-x:auto}
  .list-box .menu .item{min-width:120px;border-bottom:0;border-right:1px solid #eee}
  .list-box .r{width:100%;padding:16px;min-height:360px}
  .list-box .r .list .item a{max-width:72%}
  .detail{padding:18px 14px}
  .detail .title text{font-size:21px}
  .leg>.bottom{display:block;height:auto}
  .leg .left{width:100%!important;margin-bottom:15px}
  .footer-codes{display:none!important}
  .copyright .left{line-height:1.8}
  .contactusdiyou{display:none!important}
  .product-original{display:block;padding:10px 0}
  .product-original .product-gallery{width:100%}
  .product-original .product-gallery .main{height:260px}
  .home-products .item{width:calc(50% - 7px)}
}
@media(max-width:480px){
  .navbar .top{height:20px}
  .logo-img{width:190px}
  .navbar .middle .keyword{width:105px}
  .menu-quick>.item{width:33.333%}
  .swiper,.swiper-container{height:175px}
  .swiper-slide img{max-height:175px}
  .message-scroll .msg{max-width:250px}
}
.home-variety-links{display:inline-block;padding-left:30px}
.pinzhongtext{display:inline-block;margin-right:10px;color:#333;text-decoration:none;font-weight:500;font-size:14px}
.pinzhongtext:hover{font-weight:600;text-decoration:underline;color:var(--theme-color)}
.quick-menu>.box{width:30%}
@media(max-width:760px){.home-variety-links{display:block;padding:8px 0 0}.quick-menu{display:block}.quick-menu>.box{width:100%;margin-bottom:14px}}