/* 品牌展示内容 */
        .brands-container {
            padding: 20px 0;
        }
        
        .brands-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 20px;
        }
        
        .brand-card {
            background: white;
            border-radius: 2px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
            border: 1px solid var(--border);
        }
        			
        .brand-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 15px 30px rgba(77, 166, 255, 0.15);
            border-color: var(--primary);
        }
        
        .brand-image {
            height: 180px;
            
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        
        .brand-image img {
            max-width: 100%;
            max-height: 140px;
            object-fit: contain;
        }
        
        .brand-info {
            padding: 20px;
            border-top: 1px solid var(--border);
        }
        
        .brand-name {
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 10px;
            color: var(--primary-dark);
        }
        
        .brand-origin {
            color: var(--gray);
            font-size: 14px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .brand-origin i {
            width: 16px;
            height: 16px;
            margin-right: 5px;
            background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzZjNzU3ZCI+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bS0xIDE1bC01LTUgMS40MS0xLjQxTDEwIDE0LjE3bDcuNTktNy41OUwxOSA4bC05IDl6Ii8+PC9N2ZzPg==') center/contain no-repeat;
        }
        
        .brand-desc {
            color: var(--dark);
            font-size: 14px;
            margin-bottom: 20px;
            line-height: 1.6;
        }
        
        .brand-stats {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
        }
        
        .stat-item {
            text-align: center;
        }
        
        .stat-value {
            font-size: 20px;
            font-weight: 600;
            color: var(--primary);
        }
        
        .stat-label {
            font-size: 12px;
            color: var(--gray);
        }
        
        .brand-link {
            display: block;
            text-align: center;
            background: var(--primary);
            color: white;
            padding: 10px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.3s;
        }
        
        .brand-link:hover {
            background: var(--primary-dark);
        }
		
		.brand2card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
            border: 1px solid var(--border);
        }
		.brand2image {
            height: 180px;
            background-color: var(--light);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        
        .brand2image img {
            max-width: 100%;
            max-height: 140px;
            object-fit: contain;
        }
        
        .brand2info {
            padding: 20px;
            border-top: 1px solid var(--border);
        }
        
        .brand2name {
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 10px;
            color: var(--primary-dark);
        }
        
        .brand2origin {
            color: var(--gray);
            font-size: 14px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
		
/* 面包屑导航 */
        .breadcrumb {
            padding: 5px 0;
            background: var(--light);
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        }
        
        .breadcrumb-nav {
            display: flex;
            list-style: none;
        }
        
        .breadcrumb-nav li {
            margin-right: 10px;
            font-size: 14px;
            color: var(--gray);
        }
        
        .breadcrumb-nav li:after {
            content: '>';
            margin-left: 10px;
            color: var(--gray);
        }
        
        .breadcrumb-nav li:last-child:after {
            content: '';
        }
        
        .breadcrumb-nav a {
            color: var(--primary);
            text-decoration: none;
        }
        
        .breadcrumb-nav span {
            color: var(--dark);
            font-weight: 500;
        }
/* 页面标题 */
        .page-header {
/*            padding: 40px 0 20px;*/
			padding: 10px 0 10px;
            text-align: center;
        }
        
        .page-header h1 {
            font-size: 36px;
            color: var(--primary-dark);
            margin-bottom: 15px;
            position: relative;
            display: inline-block;
        }
        
        .page-header h1::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background: var(--primary);
        }
        
        .page-header p {
            color: var(--gray);
            max-width: 700px;
           /* margin: 30px auto 0;*/
            font-size: 18px;
        }
		
.hotprodetail a{
	margin-bottom: 5px;
	display:inline;
	text-decoration: none;
	color: var(--dark)
}
.hotprodetail a:hover{
	margin-bottom: 5px;
	display: inline;
	text-decoration: none;
	color: var(--primary);
}


		
		/*********************1021**********/