.page-banner{
	height: 280px;
	background-size: 100% auto;
	position: relative;
	background-image: url(../img/ad.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #efefef;
}
.page-banner .banner-content{position:absolute;bottom:20px;left:0;right:0}
.page-banner .banner-inner{
	max-width: 1280px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-bottom: 0;
}
.page-banner .hot-keywords{color:#333;font-size:14px}
.page-banner .hot-keywords span{margin-right:15px}
.page-banner .hot-keywords a{color:#333;transition:all .3s;margin-right:10px}
.page-banner .hot-keywords a:hover{color:#0092FF}
.page-banner .search-box{width:280px;position:relative}
.page-banner .search-box input{width:100%;padding:10px 40px 10px 15px;border:2px solid transparent;outline:none;font-size:14px;border-radius:20px;transition:all .3s}
.page-banner .search-box input:focus{border-color:#0092FF}
.page-banner .search-box button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0}
.page-banner .search-box button img{width:16px;height:16px}
.crumbs{
	font-size: 14px;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.crumbs .l-wrap{
	padding-left: 20px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #00ac48;
}
.crumbs a{color:#666;text-decoration:none}
.crumbs a:hover{color:#0092FF}
.page-wrap{
	display: flex;
	gap: 40px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.sidebar{width:280px;flex-shrink:0}
.sidebar-item{background:#f3f3f3;border:1px solid #eee;margin-bottom:30px}
.sidebar-title{padding:20px;background:#0067c3;color:#fff;font-size:18px;font-weight:500}
.sidebar-cate{padding:0}
.sidebar-cate li{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.sidebar-cate li:last-child{border-bottom:none}
.sidebar-cate li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #333;
	font-size: 15px;
	transition: all .3s;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
}
.sidebar-cate li a::after{content:"›";font-size:24px;color:#999;transition:all .3s}
.sidebar-cate li a:hover{
	color: #fff;
	background-color: #0067c3;
}
.sidebar-cate li.active a{
	color: #fff;
	background-color: #0067c3;
	border-top: 1px dashed #fff;
}
.sidebar-cate li a:hover::after,.sidebar-cate li.active a::after{color:#fff;transform:translateX(5px)}

/* 推荐产品 */
.sidebar-recommend{padding:10px 0}
.sidebar-recommend li{padding:10px 20px;border-bottom:1px dotted #eee}
.sidebar-recommend li:last-child{border-bottom:none}
.sidebar-recommend li a{color:#666;font-size:14px;transition:all .3s;display:block}
.sidebar-recommend li a:hover{color:#0067c3}

.page-main{flex:1;min-width:0}
.page-main .section-title{font-size:24px;color:#333;padding-bottom:10px;border-bottom:1px solid #dedede;margin-bottom:30px;position:relative}
.page-main .section-title::after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:2px;background:#00ac48}
.pro-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}
.pro-item{background:#fff;border:1px solid #eee;overflow:hidden;transition:all .3s}
.pro-item:hover{border-color:#0067c3}
.pro-img{height:220px;overflow:hidden}
.pro-img img{width:100%;height:100%;object-fit:cover;transition:all .3s}
.pro-item:hover .pro-img img{transform:scale(1.1)}
.pro-info{padding:20px;text-align:center}
.pro-info .title{font-size:16px;color:#333;font-weight:500;margin-bottom:10px}
.pro-info .title:hover{color:#0092FF}
.news-list{margin-bottom:40px}
.news-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #eee}
.news-item:last-child{border-bottom:none}
.news-img{width:240px;height:160px;overflow:hidden;flex-shrink:0}
.news-img img{width:100%;height:100%;object-fit:cover;transition:all .3s}
.news-item:hover .news-img img{transform:scale(1.05)}
.news-info{flex:1;min-width:0}
.news-info .title{font-size:18px;color:#333;font-weight:500;margin-bottom:10px;display:block}
.news-info .title:hover{color:#0092FF}
.news-info .desc{font-size:14px;color:#666;line-height:1.6;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.news-info .date{font-size:13px;color:#999}
.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.pagination a,.pagination span{display:inline-block;padding:8px 16px;border:1px solid #eee;color:#333;font-size:14px}
.pagination a:hover,.pagination .active{
	background: #0092FF;
	color: #fff;
	border-color: #0092FF;
}

/* 新闻详细页 */
.news-detail-title{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}
.news-detail-title h1{font-size:28px;color:#333;margin-bottom:15px;line-height:1.4}
.news-detail-title .news-meta{font-size:14px;color:#999}
.news-detail-title .news-meta span{margin-right:20px}
.news-content{font-size:15px;color:#666;line-height:1.8}
.news-content p{margin-bottom:15px;text-indent:2em}
.news-content strong{color:#333}
.news-content img{max-width:100%;display:block;margin:20px auto}
.pagination .page-more{border:none;padding:8px 0;color:#999;letter-spacing:2px}