* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}
.flip{
    height: 600px;
}
.flip>.flip-body{
    height: 100%;
}
.flip>.flip-body>.flip-item{
    height: 100%;
}
.flip>.flip-body>.flip-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}


.navbar-addon {
    display: flex;
    align-items: center;
}
.navbar-addon a{
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.navbar-addon a:focus,
.navbar-addon a:active {
    outline: none;
}
.navbar-addon img{
    width: 32px;
    height: 32px;
    margin-bottom: 5px;
    object-fit: cover;
}
.navbar-addon i{
    font-size: 32px;
    line-height: 1;
    color: #DC5B3D;
}
/* 菜单栏字体放大加粗 */
.navbar-show .navbar-body>.nav>li>a {
    font-size: 18px;
    font-weight: bold;
}
/* 菜单栏悬停颜色改为#DC5B3D */
.navbar-show .navbar-body>.nav>li>a:hover,
.navbar-show .navbar-body>.nav>li>a:active,
.navbar-show .navbar-body>.nav>li>a.active {
    color: #DC5B3D !important;
}
.index-title{
    margin: 30px auto;
    text-align: center;
}
.index-title .index-title-t{
    position: relative;
    display: inline-block;
    padding: 0 20px;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}
.index-title .index-title-t.text-black{
    color: #000;
}
.index-title .index-title-t.text-white{
    color: #fff;
}
.index-title .index-title-t.m-line:before,
.index-title .index-title-t.m-line:after{
    content:"";
    position: absolute;
    top: 50%;
    display: block;
    height: 1px;
    background-color: #000000;
    width: 100%;
    z-index: -1;
}
.index-title .index-title-t.m-line:before{  
    left: 50%; 
}
.index-title .index-title-t.m-line:after{
    right: 50%;
}
.index-title .index-title-b{
    margin-top: 8px;
    color: #666;
    font-size: 15px;
}
.index-title .index-title-b.text-white {
    color: #fff;
}
.index-title .index-title-b span{
    margin: 0 10px;
}
.products-list{
    margin-top: 5px;
}
.products-list .item{
    position: relative;
    box-sizing: border-box;
    padding:10px 10px; 
    font-size: 0;
}
.products-list .item .title{
    margin-top: 10px;
    text-align: center;
}

.products-list .item .title a{
    width: 100%;
    line-height: 1.6;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.products-list .item .title a:active,
.products-list .item .title a:focus{
    outline: none;
}
.products-list .item .price{
    margin-top: 4px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
    color: #ff0000;
}
.products-list .item .price a{
    color: #ff0000;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-flex;
    align-items: center;
}
.products-list .item .price a:active,
.products-list .item .price a:focus{
    outline: none;
}
.products-list .item .price a:hover {
    color: #ff0000;
    text-decoration: none;
}
.products-list .item .price .iconfont{
    margin-right: 4px;
    font-size: 18px;
    color: #ff0000;
    vertical-align: middle;
}
.products-list .item .price .icon-cart {
    font-size: 18px;
    color: #ff0000;
    margin-right: 4px;
    display: inline-block;
}
.products-list .item .img{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.products-list .item .img .fadein{
    position: absolute;
    display:inline-block;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
}
.products-list .item img{
    width: 100%;
    height: auto;
    display: block;
}
.hot-product{
    position: relative;
    min-height: 747px;
    margin-top: 40px;
    padding: 40px 0 20px;
    background: url(../images/44.webp) no-repeat fixed;
    background-size: 100% 100%;
    display: block;
    overflow: visible;
}
.hot-product-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(128, 128, 128, 0.5);
    z-index: 1;
    pointer-events: none;
}
.hot-product .index-title{
    position: relative;
    z-index: 2;
    margin: 0 auto 20px;
}
.hot-product .index-title .index-title-b{
    color: #ffffff;
}
.hot-product .flip>.flip-body>.flip-item{
     box-sizing: border-box;
}
.hot-product .flip>.flip-body>.flip-item .txt{
    text-align: center;
    background-color: #fff;
    width: 100%;
    padding: 10px;
   
}
.hot-product .w-container{
    position: relative;
    z-index: 2;
}
.hot-product .products-list{
    margin-top: 0;
}
.hot-product .products-list .item .title a{
    color: #ffffff;
}
.hot-product .products-list .item .price{
    color: #ff0000;
}
.hot-product .products-list .item .price .iconfont{
    color: #ff0000;
    font-size: 18px;
}
/* 礼券甄选8（typeid=9）悬停颜色改为#DC5B3D */
.products-list .item .title a:hover {
    color: #DC5B3D !important;
}
.hot-product .products-list .item .title a:hover{
    color: #ffffff;
}
.hot-product .flip>.flip-body>.flip-item .txt .title{
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hot-product .flip>.flip-body>.flip-item .txt .price{
    font-weight: bold;
}
.hot-product .flip>.flip-body>.flip-item:hover .title,
.hot-product .flip>.flip-body>.flip-item:hover .price{
    color: #333;
}
.mini-w90 {
    max-width:90%;
    margin: 0 auto;
    padding-top: 0;
}
.new-list{
    margin-top: -40px !important;
}
.new-list .item{
    position: relative;
}
.new-list .item .news-link{
    display: block;
    text-decoration: none;
    color: inherit;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.new-list .item .news-link:focus,
.new-list .item .news-link:active{
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.new-list .item .img{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.new-list .item img{
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}
.new-list .item .title-overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background: rgba(220, 91, 61, 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 0 0 10px 10px;
}
.new-list .item .title-overlay a,
.new-list .item .title-overlay{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.new-list .item .news-info{
    display: flex;
    margin-top: 15px;
    gap: 15px;
}
.new-list .item .news-time{
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    background: rgba(220, 91, 61, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.new-list .item .news-time span{
    font-size: 12px;
    color: #666;
    text-align: center;
    line-height: 1.4;
}
.new-list .item .news-desc{
    flex: 1;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.new-list .item .more{
    display: inline-block;
    margin-top:15px;
    font-size: 12px;
    cursor: pointer;
}
.footer{
    margin-top: 30px;
}
.footer .footer-t{
    background: rgba(220, 91, 61, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 40px 10px;
}
.footer .footer-t .footer-t-l span{
    display: block;
    font-size: 14px;
    color: #ffffff;
}
.footer .footer-t .footer-t-l .title{
    margin-bottom: 10px;
    font-size: 16px;
}
.footer .footer-t .footer-t-l .title img{
    margin-right: 10px;
}
.footer .footer-t .footer-t-r{
    margin-top: 10px;
    text-align: right;
}
.footer .footer-t .footer-t-r div{
    display: inline-block;
     width: 85px;
    font-size: 14px;
    color: #ffffff;
    overflow: hidden;
    text-align: center;
    margin-left: 20px;
}
.footer .footer-t .footer-t-r div img{
    width: 85px;
    height: 85px;
}
.footer .footer-t .footer-t-r div span{
    width: 100%;
}
.footer .footer-b{
    background: rgba(220, 91, 61, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 15px 0;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}
.footer .footer-b p a{
    color: #ffffff;
}
.page {
	width: 100%;
    text-align: center;
	height: auto;
	overflow: hidden;
	padding-top: 30px;
}
.pageList {
    overflow: hidden;
}
.pageList ul{
    padding: 0;
}
.pageList ul li {
	line-height: 30px;
	display:inline-block;
	margin: 0 2px;
	text-align: center;
    font-size: 0;
}
.pageList ul li a {
	background: #efefef;
	color: #646464;
	padding: 4px 10px;
	border: 1px solid #d3d3d3;
    font-size: 16px;
}
.pageList ul li a.selected, .page ul li a:hover {
	background-color: #333333;
    border: 1px solid #333333;
	color: #FFFFFF;
}
.pageList ul li a.disable {
    color: #cfcdcd;
    pointer-events:none;
}

.news-list .item{
   margin-bottom: 40px;
}
.news-list .item:last-child{
    margin-bottom: 0;
}
.news-list .item .img{
    padding-top: 0;
    padding-bottom: 0;
}

.news-list .item .img img{
    width: 100%;
    height:220px;
    border-radius: 8px;
    overflow: hidden;
}
.news-list .item .txt{
 padding-top: 0;
 padding-bottom: 0;
}
.news-list .item .txt .title{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}
.news-list .item .txt .desc{
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
    font-size: 14px;
    color: #999;
    line-height:1.8;
}
.news-list .item .txt .time{
    margin-top: 10px;
    font-size: 14px;
    color: #999;
}
.news-list .item .time .time-m {
    display: none;
}

.site-nav{
    font-size: 18px;
    padding:15px 10px;
    color: #999;
}
.site-nav a{
   color: #999;
   outline: none;
   -webkit-tap-highlight-color: transparent;
}
.detail-main{
    padding: 30px;
}
.detail-main .title{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.3;
}
.detail-main .article-info{
    font-size: 14px;
    color: #999;
}
.detail-main .article-info span{
    margin-right: 10px;
}

.detail-main .article-con{
    margin-top: 20px;
}
.detail-main .article-con img{
    max-width: 100%;
}
.detail-main .article-paeg{
    margin-top: 30px;
}
.detail-main .article-paeg a{
    color: #999;
}

.detail-right{
    padding:15px;
}

.detail-right .title{
    width: 100%;
    border-bottom: 1px solid #eee;
}
.detail-right .title span{
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding:0 10px 10px 10px;
}

.detail-right .hot-list .item{
    display: flex;
    margin-top: 20px;
}
.detail-right .hot-list .item .item-l{
    width: 80px;
    height: 45px;
    margin-right: 10px;
}
.detail-right .hot-list .item .item-r .tit{
    font-size: 14px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.detail-right .hot-list .item .item-r .tit a{
    width: 100%;
    display: block;
    white-space:nowrap;
    overflow:hidden; 
    text-overflow:ellipsis;
}
.detail-right .hot-list .item .item-l img{
    width: 80px;
    height: 100%;
}
.detail-right .hot-list .item .item-r{
    flex: 1;
    width: 166px;
}
.detail-right .hot-list .item .item-r .num{
    font-size: 12px;
    color: #999;
}

/* 新闻详情侧栏「新闻推荐」：2 行 × 2 列 */
.detail-right .hot-list-news-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
    margin-top: 14px;
}
.detail-right .hot-list-news-grid .item{
    display: flex;
    flex-direction: column;
    margin-top: 0;
    min-width: 0;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
}
.detail-right .hot-list-news-grid .item .item-l{
    width: 100%;
    height: auto;
    margin-right: 0;
    flex-shrink: 0;
}
.detail-right .hot-list-news-grid .item .item-l a{
    display: block;
    line-height: 0;
}
.detail-right .hot-list-news-grid .item .item-l img{
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    vertical-align: top;
}
.detail-right .hot-list-news-grid .item .item-r{
    flex: 1;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    min-width: 0;
}
.detail-right .hot-list-news-grid .item .item-r .tit{
    margin-bottom: 2px;
}
.detail-right .hot-list-news-grid .item .item-r .tit a{
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.detail-right .hot-list-news-grid .item .item-r .num{
    display: block;
    margin-top: 4px;
    line-height: 1.35;
}

/* 新闻推荐：横向轮播（每一屏仍为 2×2 网格，从右向左切换） */
.detail-right .news-rec-carousel{
    margin-top: 14px;
}
.detail-right .news-rec-viewport{
    overflow: hidden;
    width: 100%;
}
.detail-right .news-rec-track{
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}
.detail-right .news-rec-slide{
    flex: 0 0 100%;
    min-width: 0;
    box-sizing: border-box;
}
.detail-right .news-rec-slide .hot-list-news-grid{
    margin-top: 0;
}
.detail-right .news-rec-dots{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
}
.detail-right .news-rec-dots:empty{
    display: none;
    margin-top: 0;
}
.detail-right .news-rec-dot{
    width: 8px;
    height: 8px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}
.detail-right .news-rec-dot.active{
    background: rgb(220, 91, 61);
    transform: scale(1.15);
}
@media (prefers-reduced-motion: reduce){
    .detail-right .news-rec-track{
        transition: none !important;
    }
}

.detail-right .prohot-list .item .img{
    display: block;
    width: 100%;
    height:auto;
    overflow: hidden;
}
.detail-right .prohot-list{
    margin-top: 20px;
}
.detail-right .prohot-list .item{
    margin-bottom: 10px;
}
.detail-right .prohot-list .item .img img{
    width: 100%;
    height: 100%;
}
.detail-right .prohot-list .item .txt {
    margin-top: 6px;
}
.detail-right .prohot-list .item .txt .tit a{
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 14px;
    color: #666;
}
.detail-right .prohot-list .item .txt .price{
    width: 100%;
    display: block;
    font-size: 16px;
    text-align: center;
    line-height:1;
    color: #999;
}

.detail-pro{
    padding: 15px;
}

.pro-imgbox{
    width:100%;
    overflow: hidden;
}
.pro-imgbox .tb-pic a{
    display:inline-block;
    text-align:center;
    vertical-align:middle;
 }
.pro-imgbox .tb-pic a img{
    vertical-align:middle;
 }
.pro-imgbox .tb-thumb{
    margin-top:10px;
    overflow:hidden;
    padding: 0;
}
.pro-imgbox .tb-thumb li{
    float:left;
    margin-right:8px;
    margin-bottom: 10px;
    overflow:hidden;
    border: 2px solid #fff;
}
.pro-imgbox .tb-thumb li:last-child{
    margin-right: 0;
}
.pro-imgbox .tb-thumb li:nth-child(5n+0){
    margin-right: 0;
}
.pro-imgbox .tb-s310 a{
    height:auto;
    width:100%;
}
.pro-imgbox .tb-s310, 
.pro-imgbox .tb-s310 img{
    height:auto;
    width:100%;
 }
.pro-imgbox .tb-s40, 
.pro-imgbox .tb-s40 a{
    height:70px;
    width:70px;
}
.pro-imgbox .tb-s40, 
.pro-imgbox .tb-s40 a img{
    height:100%;
    width:100%;
}
.pro-imgbox .tb-booth{
    border:0px solid #CDCDCD;
    position:relative;
    z-index:1;
}
.pro-imgbox .tb-thumb .tb-selected{
     border: 2px solid #000;
}


div.zoomDiv{
    z-index:999;
    position:absolute;
    top:0px;
    left:0px;
    width:200px;
    height:200px;
    background:#ffffff;
    border:1px solid #CCCCCC;
    display:none;
    text-align:center;
    overflow:hidden;
 }
div.zoomMask{
    position:absolute;
    background:url(../images/mask.png) repeat scroll 0 0 transparent;
    cursor:move;
    z-index:1;
}

.pro-infobox{
    padding: 10px 10px 0 30px;
}
.pro-infobox .w-lable{
    width: 50px;
}
.pro-infobox .pro-title{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 15px;
}
.pro-infobox .pro-desc{
    font-size: 14px;
    color: #999;
    line-height: 1.5;
}
.pro-infobox .pro-type{
    margin-top: 20px;
}

.pro-infobox  .pro-item{
    display: flex;
    font-size: 14px;
    align-items: center;
}
.pro-infobox  .pro-item-l{
    color: #999;
}
.pro-infobox  .pro-item-r{
    flex: 1;
}

.pro-infobox .pro-price{
    margin-top: 20px;
    align-items: center;
}
.pro-infobox .pro-price .pro-item-r{
    font-size: 30px;
    font-weight: bold;
    color: #000;
}
.pro-infobox .pro-type .type-tags {
  margin-top: 10px;
}
.pro-infobox .pro-type .type-tags .type-tag {
  display: inline-block;
  margin: 3px 0;
  text-align: center;
  padding: 0 12px;
  line-height: 30px;
  box-sizing: border-box;
  border: solid 1px #e5e5e5;
  color: #333333;
  margin-right: 12px;
  cursor: pointer;
}
.pro-infobox .pro-type .type-tags .btn-selected.btn-danger {
  border: solid 1px #000;
  background-color: #000;
  color: #fff;
}
.pro-infobox .pro-type .type-tags .btn-selected:hover {
  color: #fff;
  background-color: #000;
  border-color: #e4eaec;
}
.pro-infobox .pro-type .type-tags .type-tag.disabled {
  color: #999999;
  border-style: dashed;
  cursor: not-allowed;
}
.pro-infobox .pro-type .type-tags > div {
  display: table-cell;
}
.pro-infobox .pro-type .type-tags .type-name {
  line-height: 30px;
}

.pro-infobox .pro-quantity{
    margin-top: 20px;
}

.pro-infobox .pro-quantity .pro-item-r{
    display: flex;
}
.pro-infobox .pro-quantity .pro-item-r .minus,
.pro-infobox .pro-quantity .pro-item-r .plus{
   border: 1px solid #e8e8e8;
   background: none;
   height: 40px;
   width: 40px;
}
.pro-infobox .pro-quantity .pro-item-r .input_num{
   border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
   border-left: none;
   border-right:none;
   background:#fff;
   height: 40px;
   width: 40px;
   text-align: center;
}
.pro-infobox .pro-btns{
    margin-top:30px;
}
.pro-infobox .pro-btns{
    font-size: 0;
}
.pro-infobox .pro-btns .oper-bt{
    font-size: 14px;
    display: inline-block;
    color: #fff;
    padding: 10px 20px;
    border-radius: 0 !important;
    border: 0 !important;
}
.pro-infobox .pro-btns .oper-bt.bt1{
    background-color:#000;
    margin-right: 10px;
}
.pro-infobox .pro-btns .oper-bt.bt2{
    background-color:#11b396;
}

.product-tab {
   width: 100%;
}

.product-tab .nav.nav-tabs {
    border-bottom: solid 0px #ddd;
    border-top: solid 1px #ddd;
}
.product-tab .nav.nav-tabs>li>a{
    border-radius: 0;
    color: #000;
   
}
.product-tab .nav.nav-tabs>li.active>a{
    border:1px solid #fff;
    border-top: 2px solid #000;
     font-weight: bold;
     color: #000;
       border-radius: 0;
}
.product-tab .nav.nav-tabs>li>a{
    border:1px solid #fff;
    color: #666;
}
.product-tab .nav.nav-tabs>li:not(.active):hover>a{
    border-color: #fff;
}
.product-content img{
    max-width: 100%;
}
.product-content .pro-spec{
    font-size: 14px;
    color: #666;
}
.about{
    margin-top: 20px;
}
.about .about-l img{
    max-width: 100%;
}
.about .about-r p{
    font-size: 14px;
    color: #666;
}
.header-banner{
    text-align: center;
    width: 100%;
    height:250px;
    background:#555555 no-repeat center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-banner .banner-txt{
    display: inline-block;
    padding: 10px 0;
    color: #fff;
    font-size:68px;
    border-bottom: 2px solid #fff;
    margin-top: 0;
}
    

@media only screen and (max-width: 992px){
    .w-container.fixed{
       position: fixed;
       top: 0;
       width: 100%;
       z-index: 999999;
       background-color: #fff;
    }
    body{
        padding-top: 64px;
    }
    .index-title .index-title-t.m-line::before,
    .index-title .index-title-t.m-line::after{
        display: none !important;
    }
    .index-title .index-title-t{
        color: #000 !important;
    }
    .index-title .index-title-t.text-white{
        color: #fff !important;
    }
    .flip{
        min-height: 40vh;
        height: 40vh;
    }
    .flip>.flip-body{
        height: 100%;
    }
    .flip>.flip-body>.flip-item{
        height: 100%;
    }
    .flip>.flip-body>.flip-item img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
   .hot-product{
       position: relative;
       background: url(../images/44.webp) no-repeat center center;
       background-size: cover;
       min-height: auto;
       height: auto;
       padding: 30px 0 40px;
       overflow: visible;
   }
   .about_300 {
       background-size: cover !important;
       background-position: center top !important;
       padding: 10px 0 20px 0;
       width: 100% !important;
       max-width: 100% !important;
       margin: 0 !important;
   }
   .about_300 .w-container {
       width: 100%;
       max-width: 100%;
       padding: 0;
   }
   .about_300 .usbox {
       width: 100% !important;
       max-width: 100% !important;
       margin: 10px 0 0 !important;
       padding: 0 !important;
       overflow: visible !important;
   }
   .about_300 .usbox .us_sp {
       width: calc(100% - 30px) !important;
       max-width: 100% !important;
       margin: 0 auto 8px !important;
       height: auto !important;
       float: none !important;
       overflow: visible !important;
   }
   .about_300 .usbox .us_sp video {
       width: 100%;
       height: auto;
       display: block;
       border-radius: 8px;
   }
   .about_300 .usbox .us_dw {
       width: calc(100% - 30px) !important;
       max-width: 100% !important;
       margin: 0 auto !important;
       height: auto !important;
       float: none !important;
       padding: 20px !important;
       box-sizing: border-box;
       background-color: rgba(255,255,255,0.95);
       border-radius: 8px;
       overflow: visible !important;
   }
   .about_300 .usbox .us_dw p {
       font-size: 14px;
       line-height: 1.8;
       margin: 0 0 15px 0;
   }
   .about_300 .usbox .us_dw a {
       width: 100px;
       height: 36px;
       line-height: 36px;
       font-size: 14px;
   }
   .news-card-wrapper{
       background: rgba(220, 91, 61, 0.15);
       backdrop-filter: blur(10px);
       -webkit-backdrop-filter: blur(10px);
       border-radius: 15px;
       box-shadow: 0 2px 10px rgba(0,0,0,0.1);
       padding: 15px 10px;
       margin: 0 10px;
   }
   .grid-large{
       padding: 0;
   }
   .grid-large>.grid{
       margin: 0;
   }
   .grid-large>.grid>[class*='x']{
       padding: 0;
   }
   .new-list{
       margin-top: 0 !important;
   }
   .new-list .item:first-child{
       margin-bottom: 12px;
       margin-top: 0;
   }
   .new-list .item img{
       height: auto;
   }
   .new-list .item:first-child img{
       width: 100%;
       height: 200px;
       object-fit: cover;
       border-radius: 10px;
   }
   .new-list .item:first-child .img{
       margin: 0 10px;
   }
   .new-list .item:not(:first-child) .img{
       display: none;
   }
   /* 品蟹学院（首页 news-card-wrapper）：移动端行间粗白线，PC 无此媒体查询故不变 */
   .news-card-wrapper .new-list > .item:not(:first-child){
       border-top: 3px solid #fff;
       margin-top: 14px;
       padding-top: 14px;
   }
   .new-list .item .title-overlay a,
   .new-list .item .title-overlay{
       padding: 10px;
       background: rgba(220, 91, 61, 0.4);
   }
   .new-list .item .title-overlay a,
   .new-list .item .title-overlay{
       font-size: 14px;
   }
   .new-list .item .news-info{
       display: flex;
       flex-direction: row;
       gap: 10px;
       position: relative;
       align-items: flex-start;
   }
   .new-list .item .news-time{
       flex-shrink: 0;
       width: 70px;
       height: 70px;
       min-height: auto;
       background: rgba(220, 220, 220, 0.3);
       backdrop-filter: blur(10px);
       -webkit-backdrop-filter: blur(10px);
   }
   .new-list .item .news-desc{
       flex: 1;
       -webkit-line-clamp: 3;
       position: relative;
       padding-right: 0;
   }
   .new-list .item .more{
       display: none;
   }
   .news-list .item .img img{
      height: auto;
      border-radius: 8px;
   }
   
   /* 移动端新闻列表新布局 */
   .news-list .item {
      margin: 0 10px 20px 10px;
      border-radius: 8px;
      overflow: visible;
   }
   .news-list .item .img {
      width: 100%;
      position: relative;
      border-radius: 8px;
      overflow: hidden;
   }
   .news-list .item .img img {
      width: 100%;
      height: 200px;
      object-fit: cover;
      display: block;
      border-radius: 8px;
   }
   
   /* 标题覆盖在图片上 - 通过绝对定位实现 */
   .news-list .item .txt {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 0;
   }
   .news-list .item .txt .title {
      padding: 10px 12px;
      background: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      margin: 0;
   }
   .news-list .item .txt .title a {
      font-size: 15px;
      font-weight: bold;
      color: #333;
      line-height: 1.4;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
   }
   
   /* 隐藏PC端的摘要和日期 */
   .news-list .item .txt .pc-desc,
   .news-list .item .txt .time {
      display: none;
   }
   
   /* 移动端SEO内容区域 */
   .news-list .item .mobile-seo-content {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      padding: 12px 0 0 0;
   }
   
   /* 左侧正方形日期框 */
   .news-list .item .date-box {
      width: 50px;
      height: 50px;
      flex-shrink: 0;
      background: rgba(225, 115, 92, 0.85);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border-radius: 6px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
   }
   .news-list .item .date-box .month {
      font-size: 11px;
      color: #fff;
      line-height: 1;
      font-weight: bold;
   }
   .news-list .item .date-box .day {
      font-size: 20px;
      color: #fff;
      line-height: 1;
      font-weight: bold;
      margin-top: 3px;
   }
   
   /* 右侧SEO信息 */
   .news-list .item .seo-info {
      flex: 1;
      min-width: 0;
   }
   .news-list .item .seo-info .desc {
      display: block;
      font-size: 13px;
      color: #666;
      line-height: 1.6;
   }
   .footer .footer-t{
       background: rgba(220, 91, 61, 0.85);
       backdrop-filter: blur(10px);
       -webkit-backdrop-filter: blur(10px);
       padding: 20px 10px 10px;
   }
   .footer .footer-b{
       background: rgba(220, 91, 61, 0.85);
       backdrop-filter: blur(10px);
       -webkit-backdrop-filter: blur(10px);
   }
   .footer .footer-t .footer-t-r{
       text-align: center;
   }
   .detail-main{
       padding: 0;
   }
   .detail-right{
       padding: 0;
   }
   .detail-pro{
       padding: 0;
   }
   .pro-infobox{
       padding: 0;
   }
   div.zoomDiv{
       display: none !important;
   }
   div.zoomMask{
       display: none !important;
   }
   .pro-imgbox .tb-s40, 
   .pro-imgbox .tb-s40 a{
       height:56px;
       width:56px;
    }
    .detail-right .prohot-list .item .img{
        height: auto;
    }
    .detail-right .prohot-list .item .txt .tit a{
        font-size: 16px;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.38;
        text-align: left;
        min-height: 0;
    }
    /* 产品详情侧边推荐：PC 输出 6 条，移动端仅展示前 4 条（与模板 loop=6 配合） */
    .detail-right .prohot-list .item:nth-child(n+5){
        display: none !important;
    }
    /* 与九宫格一致的强调色（mobile-nav-grid 主色） */
    .detail-right .prohot-list .item .txt .price{
        color: rgb(220, 91, 61);
        color: rgba(220, 91, 61, 0.98);
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        width: 100%;
        flex-wrap: wrap;
        line-height: 1.35;
        margin-top: 4px;
    }
    .detail-right .prohot-list .item .txt .price .icon-gouwuche{
        font-size: 15px;
        font-weight: normal;
        line-height: 1;
        color: inherit;
    }
    /* 整块推荐区距屏幕两侧留白（含标题），与九宫格等区域视觉对齐 */
    .news-detail .news-detail-r .detail-right{
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }
    /* 新闻推荐侧栏卡片：移动端与产品推荐区圆角统一 */
    .detail-right .hot-list-news-grid .item{
        border-radius: 35px;
    }
    /* 移动端产品推荐：2 行 × 2 列卡片，圆角 35px */
    .detail-right .prohot-list{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        align-items: start;
        margin-top: 14px;
        padding-left: 0;
        padding-right: 0;
    }
    .detail-right .prohot-list .item{
        margin-bottom: 0;
        border-radius: 35px;
        overflow: hidden;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.06);
    }
    .detail-right .prohot-list .item .img img{
        display: block;
        width: 100%;
    }
    .detail-right .prohot-list .item .txt{
        padding: 6px 10px 10px;
    }
    .header-banner{
        display: none;
    }
    .site-nav{
        padding: 10px 10px 0;
    }

}
@media (min-width: 1024px) {
    .pc-bor{
        border: 1px solid #eee;
    }
    .news-detail .news-detail-l{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
     .news-detail .news-detail-r{
         padding-right: 0 !important;
     } 
     .detail-main .article-paeg div:nth-child(2){
         text-align: right;
     }
     .detail-right .prohot-list .item .img{
         height: auto;
     }
     .list-title{
         display: none;
     }
     
     /* PC端隐藏移动端专用元素 */
     .news-list .item .mobile-seo-content {
         display: none !important;
     }
     .news-list .item .txt {
         position: static !important;
     }
     .news-list .item .txt .title {
         padding: 0 !important;
         background: transparent !important;
         backdrop-filter: none !important;
     }
     .news-list .item .txt .pc-desc {
         display: block !important;
     }
}
@media (min-width: 1280px) {
    .w-container {
        max-width: 1200px;
        margin: 0 auto;
    }
    .index-title{
        margin: 30px auto;
    }
    .products-list .item .title a{
        width: 100%;
        line-height: 1.6;
        font-size: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .new-list .item img{
        height: 240px;
    }
    .new-list .item .title-overlay a{
        font-size: 18px;
    }
    .new-list .item .news-time{
        width: 90px;
        height: 90px;
    }
    .new-list .item .news-desc{
        font-size: 14px;
        -webkit-line-clamp: 4;
    }
    .pro-imgbox .tb-s310, .pro-imgbox .tb-s310 a{
        height:400px;
        width:400px;
     }
    .pro-imgbox .tb-s310, .pro-imgbox .tb-s310 img{
        height:400px;
        width:400px;
    }
    .detail-right .prohot-list .item .img{
        height: 152px;
    }
    .product-content{
        padding: 20px;
    }
    .list-title{
        display: none;
    }
    
}




.text-center {text-align:center}
.margin {margin:10px!important;clear:both}
.margin-top {margin-top:10px}
.margin-right {margin-right:10px}
.margin-bottom {margin-bottom:10px}
.margin-left {margin-left:10px}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.blank-big{height:50px;line-height:50px;clear:both;font-size:0}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}


.field {position:relative}
.form-group {padding-bottom:10px}
.field-icon .input{text-indent:25px}
.field-icon .icon {position:absolute;top:0;left:0;right:auto;width:34px;height:50px;text-align:center;line-height:50px;font-size:16px;font-weight:normal}
.field-icon-right .icon {position:absolute;right:0;top:0;width:34px;height:34px;text-align:center;line-height:34px;font-size:16px;font-weight:normal}

.qita_z{font-size:14px;color: #6E6E6E;}
.qita_z span:hover{color: #1bc8a6!important;cursor: pointer;}

.register .tab{font-size:0}
.register .tab li{cursor:pointer;display:inline-block;position:relative;font-size:20px;width:60px;color:#666;margin:0 0 40px 0}
.register .tab li::before{background:#ccc;content:'';position:absolute;bottom:-10px;left:0;width:100%;height:3px;border-radius:3px;transition:transform .3s;}
.register .tab li.cur{color:#0a8}
.register .tab li.cur::before{background:#0a8;content:'';position:absolute;bottom:-10px;left:0;width:100%;height:3px;border-radius:3px;transition:transform .3s;}

.register .line{margin:0px;padding:0;position: relative; text-align: center;}
.register .line span{display: inline-block;font-size: 14px; padding: 0 20px; position: relative; z-index: 200;background-color: #f5f5f5!important;}
.register .line hr{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #E2E2E2 -moz-use-text-color -moz-use-text-color; border-image: none; border-style: solid none none; margin-top:10px; position: absolute; top:0; width: 100%;}

.register .line hr {background:#EBEBEB;color:#EBEBEB;clear:both;float:none;width:100%;height:1px;margin:10px 0;border:0;-moz-box-sizing:content-box;box-sizing:content-box;}
.register .bnt-login{margin:0 auto;text-align:center}
.register .bnt-login span{display:inline-block;color:#fff;font-size:22px;width:48px;height:48px;text-align:center;line-height:48px;margin-right:10px;border-radius:30px}
.register .bnt-login span:hover{opacity:0.8;cursor: pointer;}
.register .bnt-login span.weixin{background:#38B624}
.register .bnt-login span.qq{background:#1F92DF}
.register .bnt-login span.weibo{background:#FF6000}
.button.bg-yellow{color: #fff!important;background:#0a8;}
.button.bg-yellow:hover{color: #fff!important;border-color: #1bc8a6!important;background-color: #1bc8a6!important;}

/* 注册登录切换 end*/

 /* 弹出层*/

.dialog {border-radius:0;border:0 solid #ebebeb;margin:0 auto;box-shadow:0 10px 25px rgba(0,0,0,0.3);}
.dialog .dialog-head {font-size:18px;border-bottom:0;background:#FFF;color:#383838;}
.dialog .dialog-head .close {float:right;line-height:24px}
.dialog .dialog-body{padding:10px 40px 40px 40px;}
.dialog .dialog-body .icon-close{right: 1rem;top: 1rem;color: #101010;position: absolute;font-size: 2rem;cursor: pointer;font-style: normal;font-weight: 100;line-height: .85;margin-left: -0.5em;border-radius: 50%;}
.dialog-body h3 {font-size:24px;font-weight:600;color:#333;margin-bottom:10px}
.dialog-body .form-group {padding-bottom:20px}
.dialog-body .input{height:48px;line-height:24px;padding:0 12px;border:1px solid #ebebeb;width:100%;display:block;border-radius:0px;-webkit-appearance:none;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;background:transparent;}
.dialog-body .textarea {padding:10px 12px;line-height:24px;width:100%;background:transparent;border:1px solid #ebebeb;}
.dialog-body .label {padding-bottom:10px;display:block;line-height:24px;}
.dialog-body .label label {font-weight:400;}
.dialog-body select {padding:0 30px 0 8px;color:#ADADAD;border-radius:0px;width: 100%; height:48px;line-height:48px;border:solid 1px #ebebeb;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/select-down.png) no-repeat right 50%;}
.dialog-body .form-tips .dialog-body .input-help ul {border:solid 0px #ebebeb;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
.dialog-body .input::-webkit-input-placeholder, .dialog-body .textarea::-webkit-input-placeholder {color: #6E6E6E;}
.dialog-body .input:-moz-placeholder, .dialog-body .textarea:-moz-placeholder {color: #6E6E6E;}
.dialog-body .input::-moz-placeholder, .dialog-body .textarea::-moz-placeholder {color: #6E6E6E;}
.dialog-body .input:-ms-input-placeholder, .dialog-body .textarea:-ms-input-placeholder {color: #6E6E6E;} 
.dialog-body .input-group .addon {background-color:#fff;border:0px solid #EBEBEB;border-radius:0px;line-height:1;padding:0;text-align:center}
.dialog-body .input-group .addon img{max-height:50px}
 /* 弹出层 end*/
 
 /* 登入后状态 */
 .log-in{position:absolute;top:29px;right:5px}
 .log-in .drop-menu {margin:12px 0 0;min-width:100px;border-radius:5px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.075); box-shadow:0 6px 12px rgba(0,0,0,.075) }
 .log-in .drop-menu li{padding: 0 10px;height: 32px;text-align: center;}
 .log-in .drop-menu li a{position: relative;height: 32px;line-height: 32px;}
 .log-in .drop-menu li a:hover,.drop-menu a:focus {color:#2D2D2D;background: unset;}
 .log-in .button-group span {display:inline-block;line-height:24px;height:24px;width:24px}
 .log-in .button-group ul:before {position:absolute;top:-8px;left:50px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content:'';}
 .log-in .button-group ul:after {position:absolute;top:-8px;left:50px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #e9e8e8;border-left:8px solid transparent;content:'';}
 .log-in .button-group .button {padding:0;line-height:18px;font-size:20px}
 .log-in .button-group .drop-menu {padding: 10px 0; left: -40px;border-top:0px solid #ff0000;-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.075);box-shadow: 0px 8px 10px rgba(0,0,0,.05);border-radius:4px;}
 .log-in a.user-ico{width:32px;height:32px;line-height:32px;background:#ECEFF5;display:block;}
 .log-in a.user-head{width:32px;height:32px;overflow:hidden;display:block;}
 .log-in a.user-head img{width:32px;height:32px;}

 /*首页关于我们模块*/
.about_300 {
    padding: 10px 0 30px 0;
    overflow: hidden;
    background-size: cover;
    background-position: center top;
    position: relative;
}
.about_300::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(220, 91, 61, 0.1);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 1;
}
.about_300 > * {
    position: relative;
    z-index: 2;
}
.about_300 .b-tit {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}
.about_300 .b-tit h1 {
    color: #fff;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
}
.about_300 .b-tit h2 {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    font-weight: normal;
    overflow: hidden;
}
.about_300 .b-tit h3 {
    color: #fff;
    width: 40px;
    height: 32px;
    display: block;
    position: relative;
    margin: 5px auto 0 auto;
}
.about_300 .usbox {
    width: 1200px;
    margin: 20px auto 0 auto;
    position: relative;
    overflow: visible;
}
.about_300 .usbox .us_sp {
    width: 600px;
    height: 340px;
    float: left;
    overflow: hidden;
    border-radius: 12px;
    margin-right: 30px;
}
.about_300 .usbox .us_sp video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.about_300 .usbox .us_dw {
    width: 570px;
    height: 340px;
    line-height: 30px;
    padding: 30px 30px 40px 40px;
    font-size: 16px;
    float: left;
    overflow: hidden;
    background-color: rgba(255,255,255,0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
.about_300 .usbox .us_dw p {
    color: #ffffff;
    line-height: 2em;
    margin: 0 0 30px 0;
}
.about_300 .usbox .us_dw a {
    width: 130px;
    height: 45px;
    border: 1px solid #ffffff;
    display: block;
    line-height: 45px;
    text-align: center;
    border-radius: 3px;
    font-family: "Times New Roman",Georgia,sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    position: relative;
}
.about_300 .usbox .us_dw a:hover {
    font-weight: bold;
    transition: all 0.2s ease-in-out;
}
 /*首页关于我们模块end*/

 /*合作伙伴*/
.hzhb_239 { margin: 0 auto;width:100%;padding: 15px 0 }
.hzhb_239 .hb-con { margin: 0;height: 300px;padding:0;margin-bottom: 10px }
.hzhb_239 .hb-con .item { width: 19%;;height:128px;margin: 0.5%;border: 1px #ccc solid;float: left;display: block;text-align: center;cursor: pointer;border-radius: 8px;overflow: hidden;outline: none;text-decoration: none; }
.hzhb_239 .hb-con .item:focus { outline: none; }
.hzhb_239 .hb-con .item img { height: 126px;width: 100%;transition: transform 0.6s ease;}
.hzhb_239 .hb-con .item:hover {transform: perspective(1000px) rotateY(180deg);-webkit-transform: perspective(1000px) rotateY(180deg);}
.hzhb_239  .btns-more { padding: 0;margin: 0;text-align: center }
.hzhb_239  .btns-more .more { border: 1px #DC5B3D solid;font-size: 18px;line-height: 42px;padding: 0 30px;position: relative;overflow: hidden;transition: all .5s ease-in;display: inline-block;color: #DC5B3D;outline: none;text-decoration: none; }
.hzhb_239  .btns-more .more:focus { outline: none; }
.hzhb_239  .btns-more .more span {display:block;width:0;height:0;border-radius: 50%;transition: all .5s ease-in;background-color: #DC5B3D;position:absolute;z-index: -1;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.hzhb_239  .btns-more .more:hover{color: #fff;}
.hzhb_239  .btns-more .more:hover span { width:300px;height:300px; }
@media only screen and (max-width: 992px) {
    .hzhb_239 { display: none; }
}
@media only screen and (min-width: 1200px) {
    .hzhb_239 { width: 1170px}
}
@media (min-width:992px) and (max-width:1199px){
    .hzhb_239 { height: auto }
}
@media only screen and (max-width: 991px) {
    .hzhb_239 { height: auto }
    .hzhb_239 .title { padding:0 10px 30px}
    .hzhb_239 .title p a{ white-space: normal;line-height: 24px;font-weight: normal  }
}
@media only screen and (max-width: 720px) {
    .hzhb_239 { padding: 8px 0 30px 0 !important }
    .hzhb_239 .title h3 { font-size: 20px;margin: 0 0 10px }
    .hzhb_239 .title p { margin: 0 0 10px }
    .hzhb_239 .title p a { font-size: 15px }
    .hzhb_239 .btns-more .more {margin-top: 30px;height: 28px;width: 140px;font-size: 14px;line-height: 28px;}
}
/*合作伙伴end*/

/*左侧导航菜单*/
.w370 {
    width: 1200px;
    margin: 0 auto;
    padding-top:20px;
}
.w370.product-layout {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}
.w370 .icon2 {
    background: url({eyou:global name='web_cmspath' /}/skin/zujianku/images/i370.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.w370 .leftnav {
    width: 240px;
    position: relative;
    z-index: 20;
    border: 1px solid #e5e5e5;
}
.w370 .leftnav .title {
    height: 96px;
    color: #fff;
    background: #E1735C;
}
.w370 .leftnav .title .line {
    width: 22px;
    height: 1px;
    display: block;
    margin: 10px 0 10px 15px;
    background: #fff;
}
.w370 .leftnav .title h3 {
    font-size: 20px;
    font-weight: bold;
    padding-left: 15px;
    padding-top: 24px;
}
.w370 .leftnav .list {
    padding: 0 8px;
}
.w370 .leftnav .item {
}
.w370 .leftnav .item:first-child {
    border-top: 0px;
}
.w370 .leftnav .item h3 {
    font-weight: bold;
    color: #E1735C;
    font-size: 14px;
}
.w370 .leftnav .item h3 a {
    color: #E1735C;
    display: block;
    padding-left: 25px;
    line-height: 42px;
    border-top: 1px solid #e5e5e5;
    font-size: 20px;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.w370 .leftnav .item h3 a:hover, .w370 .leftnav .item h3 a.hover {
    color: #d20a05;
}
.w370 .leftnav .item h3 s {
    float: right;
    width: 18px;
    height: 20px;
    margin-right: 8px;
    margin-top: 16px;
    background-position: 0px 0px;
}
.w370 .leftnav .item .box {
    padding-bottom: 0;
    background: #f6f6f6;
}
.w370 .leftnav .item .box a {
    color: #333;
    line-height: 40px;
    display: block;
    height: 40px;
    padding-left: 25px;
    overflow: hidden;
}
.w370 .leftnav .item .box a s {
    width: 10px;
    height: 10px;
    margin-right: 8px;
    display: inline-block;
    background-position: 2px -178px;
}
.w370 .leftnav .item .box a:hover, .w370 .leftnav .item .box a.hover {
    color: #E1735C;
    font-weight: bold;
}
.w370 .leftey {
    width: 240px;
    padding-bottom: 40px;
    position: relative;
    z-index: 20;
    flex: 0 0 240px;
}
.w370 .leftey .leftlx {
    width: 240px;
    margin-top: 20px;
    border: 1px solid #e5e5e5;
}
.w370 .leftey .leftlx .title {
    line-height: 40px;
    padding: 3px 15px 4px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #E1735C;
}
.w370 .leftey .leftlx .title span {
    font-size: 14px;
    margin-left: 6px;
}
.w370 .leftey .leftlx .leftpro {
    padding: 12px 10px 4px;
}
.w370 .leftey .leftlx .leftpro ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.w370 .leftey .leftlx .leftpro li {
    float: none;
    text-align: center;
    width: calc(50% - 6px);
    margin: 0 3px 12px 3px;
    box-sizing: border-box;
}
.w370 .leftey .leftlx .leftpro li img {
    width: 100%;
    height: 78px;
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    object-fit: cover;
}
.w370 .leftpro li p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 6px;
    min-height: 36px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.w370 .leftpro li:hover img {
    -webkit-filter: brightness(105%);
    filter: brightness(105%);
}
.w370 .leftpro li:hover p {
    color: #E1735C;
}
.product-list-main {
    flex: 1;
    width: 0;
    min-width: 0;
}
.product-list-main .site-nav {
    padding: 0 0 20px;
}
.product-list-main .products-list {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
}
.product-list-main .products-list .product-grid-item {
    width: 25%;
    padding: 0 10px 24px;
    box-sizing: border-box;
}
.product-list-main .products-list .product-grid-item .img-frame {
    padding: 4px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    background: #fff;
}
.product-list-main .products-list .item .img a,
.product-list-main .products-list .item .title a,
.product-list-main .products-list .item .price a {
    outline: none;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
}
.product-list-main .products-list .item .img a:focus,
.product-list-main .products-list .item .img a:active,
.product-list-main .products-list .item .title a:focus,
.product-list-main .products-list .item .title a:active,
.product-list-main .products-list .item .price a:focus,
.product-list-main .products-list .item .price a:active {
    outline: none;
    box-shadow: none;
}
.product-list-main .products-list .item .price a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.product-list-main .page {
    padding-top: 10px;
}
.w370 .leftey .leftlx .contxt {
    padding: 8px 10px 15px;
    line-height: 30px;
}
.w370 .leftey .leftlx .contxt .img {
    float: left;
    display: block;
    border: 1px solid #e5e5e5;
    margin: 0 auto 10px;
}
.w370 .leftey .leftlx .contxt img {
    width: 215px;
    height: 215px;
}
/*左侧导航菜单end*/

@media only screen and (max-width: 992px) {
    .w370.product-layout {
        display: block;
    }
    .w370.product-layout .leftey {
        display: none;
    }
    .w370.product-layout .product-list-main {
        width: 100%;
        flex: none;
        padding: 0 6px;
    }
    .product-list-main .site-nav {
        padding: 0 2px 12px;
        font-size: 14px;
    }
    .product-list-main .products-list {
        margin: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    .product-list-main .products-list .product-grid-item {
        float: none !important;
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box;
    }
    .product-list-main .products-list .item .img {
        border-radius: 10px;
        overflow: hidden;
        aspect-ratio: 4 / 3;
    }
    .product-list-main .products-list .item .img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        display: block;
    }
    .product-list-main .products-list .item .title {
        margin-top: 6px;
    }
    .product-list-main .products-list .item .title a {
        font-size: 15px;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .product-list-main .products-list .item .price {
        font-size: 15px;
        margin-top: 2px;
    }
    .product-list-main .products-list .item .price .iconfont {
        font-size: 16px;
    }
}

.product-wrap {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.product-main {
    flex: 1;
    min-width: 0;
}
.product-side {
    width: 240px;
    flex-shrink: 0;
    display: block;
}

/* 文章页双栏布局 */
.article-wrap {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.article-main {
    flex: 1;
    min-width: 0;
}
.article-side {
    width: 240px;
    flex-shrink: 0;
    display: block;
}
.w370 {
    width: 240px;
    padding-top: 20px;
}
.w370 .icon2 {
    background: url({eyou:global name='web_cmspath' /}/skin/zujianku/images/i370.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.w370 .leftnav {
    width: 240px;
    position: relative;
    z-index: 20;
    border: 1px solid #e5e5e5;
}
.w370 .leftnav .title {
    height: 96px;
    color: #fff;
    background: #E1735C;
}
.w370 .leftnav .title .line {
    width: 22px;
    height: 1px;
    display: block;
    margin: 10px 0 10px 15px;
    background: #fff;
}
.w370 .leftnav .title h3 {
    font-size: 20px;
    font-weight: bold;
    padding-left: 15px;
    padding-top: 24px;
}
.w370 .leftnav .list {
    padding: 0 8px;
}
.w370 .leftnav .item:first-child {
    border-top: 0;
}
.w370 .leftnav .item h3 {
    font-weight: bold;
    color: #E1735C;
    font-size: 14px;
}
.w370 .leftnav .item h3 a {
    color: #E1735C;
    display: block;
    padding-left: 25px;
    line-height: 50px;
    border-top: 1px solid #e5e5e5;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.w370 .leftnav .item h3 a:hover,
.w370 .leftnav .item h3 a.hover {
    color: #d20a05;
}
.w370 .leftnav .item h3 s {
    float: right;
    width: 18px;
    height: 20px;
    margin-right: 8px;
    margin-top: 16px;
    background-position: 0 0;
}
.w370 .leftnav .item .box {
    padding-bottom: 0;
    background: #f6f6f6;
}
.w370 .leftnav .item .box a {
    color: #333;
    line-height: 40px;
    display: block;
    height: 40px;
    padding-left: 25px;
    overflow: hidden;
}
.w370 .leftnav .item .box a s {
    width: 10px;
    height: 10px;
    margin-right: 8px;
    display: inline-block;
    background-position: 2px -178px;
}
.w370 .leftnav .item .box a:hover,
.w370 .leftnav .item .box a.hover {
    color: #E1735C;
    font-weight: bold;
}
.w370 .leftey {
    width: 240px;
    padding-bottom: 40px;
    float: none;
    position: relative;
    z-index: 20;
}
.w370 .leftey .leftlx {
    width: 240px;
    margin-top: 20px;
    border: 1px solid #e5e5e5;
}
.w370 .leftey .leftlx .title {
    line-height: 40px;
    padding: 3px 15px 4px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #E1735C;
}
.w370 .leftey .leftlx .title span {
    font-size: 14px;
    margin-left: 6px;
}
.w370 .leftey .leftlx .leftpro {
    padding: 12px 10px 4px;
}
.w370 .leftey .leftlx .leftpro ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.w370 .leftey .leftlx .leftpro li {
    float: none;
    text-align: center;
    width: calc(50% - 6px);
    margin: 0 3px 12px 3px;
    box-sizing: border-box;
}
.w370 .leftey .leftlx .leftpro li img {
    width: 100%;
    height: 78px;
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    object-fit: cover;
}
.w370 .leftpro li p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 6px;
    min-height: 36px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.w370 .leftpro li:hover img {
    -webkit-filter: brightness(105%);
    filter: brightness(105%);
}
.w370 .leftpro li:hover p {
    color: #E1735C;
}
.w370 .leftey .leftlx .contxt {
    padding: 8px 10px 15px;
    line-height: 30px;
}
.w370 .leftey .leftlx .contxt .img {
    float: left;
    display: block;
    border: 1px solid #e5e5e5;
    margin: 0 auto 10px;
}
.w370 .leftey .leftlx .contxt img {
    width: 215px;
    height: 215px;
}

@media only screen and (max-width: 992px) {
    .product-side,
    .article-side,
    .w370,
    .w370 .leftey {
        display: none !important;
    }
    .product-wrap,
    .article-wrap {
        display: block;
    }
}

/* 产品详情：PC 使用与列表一致的左侧栏，隐藏右侧「产品推荐」（≤992px 仍显示推荐区块） */
/* 文章详情：PC 隐藏右侧「新闻推荐」，左侧 article-side 已在 ≤992px 隐藏 */
@media only screen and (min-width: 993px) {
    .product-detail-wrap .news-detail-r,
    .article-detail-wrap .news-detail-r {
        display: none !important;
    }
}

/* 去除推荐产品链接的蓝色框 */
.w370 .leftey .leftlx .leftpro li a,
.w370 .leftpro li a {
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
    text-decoration: none;
}

/* 手机端隐藏主导航与汉堡菜单，保留 Logo、会员入口、购物车（与 ey.js 992px 分界一致） */
@media only screen and (max-width: 991.98px) {
    #navbody.navbar-body {
        display: none !important;
    }
    #nav-auto > .nav.nav-switch {
        display: none !important;
    }
}

/* 全站去掉点击后残留的蓝色焦点环（Pintuer 默认 a:focus 使用 -webkit-focus-ring-color）；键盘 Tab 仍可有轮廓 */
a:focus,
button:focus,
.button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
summary:focus {
    outline: none;
}

a:focus-visible,
button:focus-visible,
.button:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible,
summary:focus-visible {
    outline: 2px solid #DC5B3D;
    outline-offset: 2px;
}