/* 产品列表页样式 */
.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,minmax(0,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}
.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-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FFFFFF;
}


/* 推荐产品 */
.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,minmax(0,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}
.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-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FFFFFF;
}

/* 推荐产品 */
.recommend-products{margin-top:50px}
.recommend-list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.recommend-item{background:#fff;border:1px solid #eee;overflow:hidden;transition:all .3s}
.recommend-item:hover{border-color:#0067c3}
.recommend-item .img{height:160px;overflow:hidden}
.recommend-item .img img{width:100%;height:100%;object-fit:cover;transition:all .3s}
.recommend-item:hover .img img{transform:scale(1.1)}
.recommend-item .title{padding:15px 15px 5px;font-size:16px;color:#333;font-weight:500}
.recommend-item .desc{padding:0 15px 15px;font-size:13px;color:#999;line-height:1.6}

/* 产品详细页 */
.product-detail{display:flex;gap:40px;margin-bottom:50px}
.product-detail .product-img{flex:1;position:relative}
.product-detail .main-img{border:1px solid #eee;overflow:hidden;margin-bottom:15px;width:460px}
.product-detail .main-img img{width:100%;display:block}
.product-detail .glass{display:none;position:absolute;top:0;left:0;width:200px;height:200px;background:rgba(255,255,255,0.3);border:1px solid #ccc;cursor:move;z-index:10;pointer-events:none}
.product-detail .zoom-layer{display:none;position:absolute;top:0;left:100%;margin-left:10px;width:400px;height:400px;border:1px solid #eee;background:#fff;overflow:hidden;z-index:100;box-shadow:0 0 10px rgba(0,0,0,.1)}
.product-detail .zoom-layer img{position:absolute;top:0;left:0;max-width:none}
.product-detail .thumbs-wrap{position:relative;padding:0 30px;width:460px}
.product-detail .thumbs{display:flex;gap:10px;overflow:hidden;width:100%}
.product-detail .thumb{width:95px;height:80px;border:1px solid #eee;overflow:hidden;cursor:pointer;transition:all .3s;flex-shrink:0}
.product-detail .thumb.active{border-color:#ff0000}
.product-detail .thumb img{width:100%;height:100%;object-fit:cover}
.product-detail .thumb:hover{border-color:#ff0000}
.product-detail .thumb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;background:#fff;border:1px solid #eee;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;font-size:20px}
.product-detail .thumb-arrow.left{left:0}
.product-detail .thumb-arrow.right{right:0}
.product-detail .thumb-arrow:hover{background:#0067c3;color:#fff}
.product-detail .product-info{flex:1}
.product-detail .product-info h2{font-size:28px;color:#333;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}
.product-detail .product-info .desc{font-size:14px;color:#666;line-height:1.8;margin-bottom:30px}
.product-detail .hotline-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.product-detail .hotline{display:flex;align-items:center;gap:15px}
.product-detail .hotline .icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.product-detail .hotline .icon img{width:40px;height:40px;filter: invert(30%) sepia(95%) saturate(2000%) hue-rotate(200deg) brightness(95%)}
.product-detail .hotline .text .label{font-size:14px;color:#666;margin-bottom:5px}
.product-detail .hotline .text .number{font-size:24px;color:#0067c3;font-weight:700}
.product-detail .product-info .btn{display:inline-block;padding:12px 35px;background:#0067c3;color:#fff;font-size:16px;border-radius:4px;text-decoration:none;transition:all .3s}
.product-detail .product-info .btn:hover{background:#005299}
.product-content{margin-bottom:50px;margin-top:30px}
.product-content .content-title-wrap{
	width: 100%;
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
}
.product-content .content-title{font-size:30px;color:#333;margin-bottom:0;padding-bottom:10px;padding-left:40px;position:relative;display:inline-block;font-weight:bold;background:url(img/logos.png) no-repeat 0 center;background-size:30px 30px}
.product-content .content-title::after{content:"";position:absolute;bottom:-1px;left:0;width:160px;height:2px;background:#00ab48}
.product-content .title-logo{display:none}
.product-content p{font-size:14px;color:#666;line-height:1.8;margin-bottom:15px;text-indent:2em}
.product-content img{max-width:100%;display:block;margin:20px auto}
.pagination .page-more{border:none;padding:8px 0;color:#999;letter-spacing:2px}