/* ===== Shared banner styles (used by index, product, productshow, newsshow, news) ===== */
@media (min-width:1000px){
.banners .bannerscom .bcoms{max-width:840px;margin:8% auto 0 auto;padding:20px 0;}
.banners .bannerscom .bcoms .coms1{font-size:60px;}
.banners .bannerscom .bcoms .en-title{margin-top: 20px;}
.banners .bannerscom .bcoms .en-title img{height:49px;margin-top: -24px;}
.bannerscom .vocational-work{font-size:32px;}
.banners .bannerscom .bcoms-min{max-width:190px;margin:12% auto 0 auto;padding:10px 0;}
.xbanner{max-height:380px;overflow:hidden;}
.banners .bannerscom .titles{font-size: 24px;}
}
@media (max-width:1000px){
.phocenter{text-align:center;}
.banners .bannerscom .bcoms .coms1{font-size:18px;}
.banners .bannerscom .bcoms{max-width:840px;margin:7% auto 0 auto;padding:20px 0;}
.banners .bannerscom .bcoms .en-title img{height:49px;margin-top: -24px;}
.banners .bannerscom .bcoms .en-title .line-right {position: absolute;right: 60px;top: 35px;}
.bannerscom .vocational-work{font-size:22px;}
.banners .bannerscom .bcoms-min{max-width:180px;margin:10% auto 0 auto;padding:10px 0;}
.banners .bannerscom .titles{font-size: 13px;}
}
@media (max-width: 767px){
.banners .bannerscom .bcoms{margin:3% auto 0 auto !important;}
.html5zoo-nav-0{display:none!important}
.banners .bannerscom .titles{display:none!important;}
}
.banners{display: flex;justify-content: center;align-items: center;}
.banners .bannerscom .bcoms .coms1 span{color: #FD7501;text-shadow: 2px 2px 0px #fff;}
.banners{position:relative;}
.banners .bannerscom{position:absolute;top:0px;left:0%;z-index:10;width:100%;}
.banners .bannerscom .bcoms .coms1{color:#FFF;text-align:center;font-weight:bold;}
.banners .bannerscom .bcoms-min{border: 1px solid #83868b;}
.banners .bannerscom .titles{color: #fff;display: inline-block;text-shadow: 2px 2px 0px #000;text-transform: uppercase;}

/* ===== Shared page-banner styles (used by about, contact) ===== */
.page-banner{position:relative;height:280px;overflow:hidden;}
.page-banner img{width:100%;height:100%;object-fit:cover;}
.page-banner .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0.3),rgba(153,0,0,0.5));}
.page-banner .pb-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2;width:100%;}
.page-banner .pb-text h2,.page-banner .pb-text h1{font-size:30px;font-weight:bold;text-shadow:2px 2px 6px rgba(0,0,0,0.5);margin-bottom:5px;}
.page-banner .pb-text p{font-size:14px;letter-spacing:4px;text-transform:uppercase;text-shadow:1px 1px 3px rgba(0,0,0,0.5);opacity:0.9;}
@media(max-width:768px){.page-banner{height:180px;}.page-banner .pb-text h2,.page-banner .pb-text h1{font-size:22px;}.page-banner .pb-text p{font-size:12px;}}

/* ===== SEO: 页面主标题统一使用 h1,视觉保持原有字号 ===== */
.pb-text h1{font-size:30px;font-weight:bold;}
@media(max-width:768px){.pb-text h1{font-size:22px;}}
.detail-h1{font-size:2.2rem;line-height:1.5;font-weight:bold;margin:0.6em 0 0.3em;}

/* ===== 侧栏图文列表（产品/新闻，about/product 等页面共用） ===== */
.side-mini-list{padding:12px 14px 6px;}
.side-mini-list ul li{list-style:none;padding:16px 0;border-bottom:1px dashed #d9d9d9;}
.side-mini-list ul li:last-child{border-bottom:none;padding-bottom:10px;}
.side-mini-list ul li a{display:flex;align-items:center;gap:14px;}
.side-mini-list .sml-thumb{flex:0 0 108px;width:108px;height:82px;overflow:hidden;border-radius:5px;background:#f5f5f5;}
.side-mini-list .sml-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}
.side-mini-list ul li a:hover .sml-thumb img{transform:scale(1.06);}
.side-mini-list .sml-name{flex:1;margin:0;font-size:14px;line-height:1.55;color:#666;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.side-mini-list ul li a:hover .sml-name{color:#990000;}

/* ===== 侧栏图文列表-自然比例大图变体（product.asp 新闻等） ===== */
.side-mini-list.sml-natural ul li a{align-items:center;}
.side-mini-list.sml-natural .sml-thumb{flex:0 0 42%;width:42%;height:auto;border-radius:0;background:#fff;}
.side-mini-list.sml-natural .sml-thumb img{width:100%;height:auto;object-fit:contain;}
.side-mini-list.sml-natural .sml-name{font-size:16px;color:#333;}
.side-mini-list.sml-natural ul li a:hover .sml-name{color:#990000;}

/* ===== 侧栏资讯列表（productshow/product 等页面共用） ===== */
.news-side-list{padding:10px 15px 5px;}
.news-side-list ul li{list-style:none;border-bottom:1px dashed #eee;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-side-list ul li:last-child{border-bottom:none;}
.news-side-list ul li .fa{color:#990000;margin-right:5px;}
.news-side-list ul li a{font-size:13px;color:#666;}
.news-side-list ul li a:hover{color:#990000;}
/* 推荐资讯-垂直图文列表 */
.news-side-img-list{padding:10px 12px 5px;}
.news-side-img-list ul li{line-height:normal;padding:10px 0;white-space:normal;}
.news-side-img-list ul li a{display:flex;align-items:center;gap:10px;}
.news-side-img-list .ns-thumb{flex:0 0 78px;width:78px;height:58px;overflow:hidden;border-radius:3px;background:#f5f5f5;}
.news-side-img-list .ns-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}
.news-side-img-list ul li a:hover .ns-thumb img{transform:scale(1.08);}
.news-side-img-list .ns-title{flex:1;margin:0;font-size:13px;line-height:1.5;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-side-img-list ul li a:hover .ns-title{color:#990000;}