@charset "gb2312";

font{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;PADDING-TOP: 0px;
	FONT-FAMILY: "微软雅黑";
	line-height: 20pt;
	text-decoration: none;
	
}
td {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 10pt;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;PADDING-TOP: 0px;
	FONT-FAMILY: "微软雅黑";
	line-height: 18pt;
	text-decoration: none;
	
}

a:link { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10pt; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR:#333333; PADDING-TOP: 0px; FONT-FAMILY: "微软雅黑"; line-height: 15pt; text-decoration: none; font-weight: normal; 	
}
a:visited { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10pt; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR:#333333; PADDING-TOP: 0px; FONT-FAMILY: "微软雅黑"; line-height: 15pt; text-decoration: none; font-weight: normal; }
a:hover { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10pt; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR:#007CC3; PADDING-TOP: 0px; FONT-FAMILY: "微软雅黑"; line-height: 15pt; text-decoration: none; font-weight: normal; }
.title{font-family: verdana, tahoma, sans-serif;FONT-SIZE: 12px;}
.grey{FONT-SIZE: 12px;color:#666666}

.orange {font-family: verdana, tahoma, sans-serif;font-size:11px;color:#F4201B}
.orange A:link {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}
.orange A:visited {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}
.orange A:hover {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}
.orange A:active {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}

textarea, input, select{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #000000;
    font-family: verdana, tahoma, sans-serif;
    font-size: 0.95em;}
.username{
    background-image:url(../User/username.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
	FONT-SIZE: 12px;}
.password{
    background-image:url(../User/password.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
	FONT-SIZE: 12px;}
.picimg {
　　padding: 6px; 
　　border: 1px solid #CCC; 
　　background-color: #FFF; }
.no1{border:solid 1px #E4E4E4;} 
.QQbox {
	Z-INDEX: 99; RIGHT: 0px; WIDTH: 178px; POSITION: absolute; TOP: 130px;    text-align: left;font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;color: #333;

}
/* 基础样式重置 */
.fullscreen-nav * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Microsoft YaHei", Arial, sans-serif;
}

/* 主导航容器 - 全屏宽度 */
.fullscreen-nav {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1000;
}

.nav-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}

/* 主菜单样式 */
.main-menu {
  display: flex;
  justify-content: center;
  list-style: none;
  position: relative;
}

.main-menu > li {
  position: static; /* 修改为static使下拉菜单可以全屏 */
}

.main-menu > li > a {
  display: block;
  padding: 15px 20px;
  color: #333;
  text-decoration: none;
  font-size: 20px;
  font-weight: normal;
  transition: all 0.3s;
  white-space: nowrap;
}

.main-menu > li > a:hover {
  color: #0066cc;
}

/* 箭头样式 */
.arrow {
  font-size: 12px;
  margin-left: 5px;
  color: #666;
  display: inline-block;
  transition: all 0.2s;
}

/* 全屏下拉菜单样式 */
.megamenu {
  position: absolute;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  display: none;
  padding: 10px 0;
  z-index: 1001;
  border-top: 2px solid #0066cc;
}

.has-megamenu:hover .megamenu {
  display: block;
}

/* 下拉菜单内容容器 */
.menu-container {
  max-width: 100%</h5>;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  flex-wrap: wrap;
}

.menu-section {
  flex: 1;
  min-width: 250px;
  padding: 0 15px;
  margin-bottom: 20px;
}

.menu-section.full-width {
  flex: 0 0 100%;
}

.menu-section h3 {
  color: #333;
  font-size: 18px;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}

/* 多列菜单布局 */
.menu-columns {
  display: flex;
  flex-wrap: wrap;
}

.menu-columns ul {
  list-style: none;
  flex: 1;
  min-width: 150px;
}

.menu-columns ul li a {
  display: block;
  padding: 8px 0;
  color: #555;
  text-decoration: none;
  transition: all 0.2s;
  line-height: 1.4;
}

.menu-columns ul li a:hover {
  color: #0066cc;
  padding-left: 5px;
}

/* 颜色选择样式 */
.color-options {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.color-box {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: white;
  font-weight: bold;
  border-radius: 4px;
  text-decoration: none;
}

.blue { background-color: #0066cc; }
.golden { background-color: #d4af37; }
.silver { background-color: #c0c0c0; color: #333; }
.red { background-color: #cc0000; }

/* 语言切换器 */
.language-switcher {
  display: flex;
  gap: 15px;
  margin-top: 20px;
}

.language-switcher a {
  color: #666;
  text-decoration: none;
  font-size: 14px;
}

.language-switcher a.active {
  color: #0066cc;
  font-weight: bold;
}

/* 活动菜单项 */
.active > a {
  color: #0066cc !important;
  font-weight: bold;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .main-menu {
    flex-wrap: wrap;
  }
  
  .megamenu {
    position: static;
    display: none;
    box-shadow: none;
    padding: 15px 0;
  }
  
  .menu-section {
    flex: 0 0 100%;
  }
}

/* 产品网格布局调整 */
.products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 每行4个 */
    gap: 0; /* 无间距 */
    margin: 0 auto; /* 居中 */
    max-width: 1000px; /* 控制整体宽度 */
    padding: 20px;
    justify-content: center; /* 确保内容居中 */
}

/* 产品项样式调整 */
.product-item {
    background: white;
    border-radius: 0; /* 去除圆角 */
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); /* 改用边框效果 */
    transition: all 0.3s ease;
    height: 320px; /* 增加高度 */
    display: flex;
    flex-direction: column;
}

/* 图片容器调整 */
.product-image-container {
    width: 100%;
    height: 120px; /* 增加图片区域高度 */
    overflow: hidden;
}

.product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

/* 产品信息区域调整 */
.product-info {
    padding: 15px;
    flex-grow: 1; /* 填充剩余空间 */
    display: flex;
    flex-direction: column;
    justify-content: center; /* 内容垂直居中 */
    text-align: center;
}

.product-title {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 16px;
    color: #2c3e50;
}

.product-code {
    color: #7f8c8d;
    font-size: 14px;
}

/* 加载更多按钮调整 */
.load-more-container {
    text-align: center;
    margin: 30px 0;
    grid-column: 1 / -1; /* 跨所有列 */
}

/* 响应式调整 */
@media (max-width: 900px) {
    .products-grid {
        grid-template-columns: repeat(3, 1fr); /* 中屏幕显示3个 */
    }
}

@media (max-width: 600px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr); /* 小屏幕显示2个 */
    }
}

@media (max-width: 400px) {
    .products-grid {
        grid-template-columns: 1fr; /* 超小屏幕显示1个 */
    }
}



























.breadcrumb {
    margin-bottom: 15px;
    font-size: 14px;
    color:#FFFFFF;
}

h1 {
    font-size: 24px;
    margin-bottom: 25px;
    color: #2c3e50;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
	background-color:#FFFFFF;
}

/* 产品网格容器 - 调整为4列 */
.products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 改为4列 */
    gap: 20px; /* 适当缩小间距 */
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

/* 产品卡片 - 缩小宽度 */
.product-item {
    position: relative;
    height: 400px; /* 保持高度不变 */
    width: 100%; /* 宽度自适应网格 */
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}


/* 图片区域 - 精确控制70%高度 */
.product-image-container {
    height: 70%; /* 核心调整：图片占70% */
    width: 100%;
    overflow: hidden;
}

/* 图片样式 - 完全填充容器 */
.product-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 确保图片覆盖整个容器 */
    transition: transform 1s ease;
}

/* 文字区域 - 白色背景+深色文字 */
.product-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%; /* 保持30%高度 */
    padding: 15px 20px;
    background: rgba(255, 255, 255, 0.9); /* 白色半透明背景（90%不透明度） */
    color: #333; /* 深灰色文字 */
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, 0.1); /* 可选：顶部细边框增强分割感 */
}

/* 调整文字颜色 */
.product-title {
    color: #00629b; /* 格力品牌蓝色标题 */
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 8px;
}

.product-subtitle {
    color: #666; /* 灰色副标题 */
    font-size: 16px;
    line-height: 1.5;
}

/* 行动按钮样式适配 */
.product-cta {
    background: #00629b; /* 品牌蓝背景 */
    color: white !important; /* 白色文字 */
}


.product-code {
    color: #7f8c8d;
    font-size: 14px;
}

/* 悬停效果 */
.product-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);
}

.product-item:hover .product-image {
    transform: scale(1.2);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .products-grid {
        grid-template-columns: 1fr;
    }
    .product-item {
        height: 380px;
    }
}




/* 咨询网格容器 - 调整为3列，以下是咨询的部分，上面是 */
.products-grid1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 改为4列 */
    gap: 20px; /* 适当缩小间距 */
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

/* 咨询卡片 - 缩小宽度 */
.product-item1 {
    position: relative;
    height: 400px; /* 保持高度不变 */
    width: 100%; /* 宽度自适应网格 */
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}


/* 图片区域 - 精确控制70%高度 */
.product-image-container1 {
    height: 70%; /* 核心调整：图片占70% */
    width: 100%;
    overflow: hidden;
}

/* 图片样式 - 完全填充容器 */
.product-image1 {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 确保图片覆盖整个容器 */
    transition: transform 1s ease;
}

/* 文字区域 - 白色背景+深色文字 */
.product-info1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%; /* 保持30%高度 */
    padding: 15px 20px;
    background: rgba(255, 255, 255, 0.9); /* 白色半透明背景（90%不透明度） */
    color: #333; /* 深灰色文字 */
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, 0.1); /* 可选：顶部细边框增强分割感 */
}

/* 调整文字颜色 */
.product-title {
    color: #00629b; /* 咨询蓝色标题 */
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 8px;
}
.product-title1 {
    color:#000000; /* 蓝色标题 */
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}
.product-subtitle {
    color: #666; /* 灰色副标题 */
    font-size: 16px;
    line-height: 1.5;
}

/* 行动按钮样式适配 */
.product-cta {
    background: #00629b; /* 品牌蓝背景 */
    color: white !important; /* 白色文字 */
}


.product-code {
    color: #7f8c8d;
    font-size: 14px;
}

/* 悬停效果 */
.product-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);
}

.product-item:hover .product-image {
    transform: scale(1.2);
}

























.load-more-container {
    text-align: center;
    margin: 40px 0;
}

.load-more-btn {
    padding: 12px 30px;
    background-color: #3498db;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.load-more-btn:hover {
    background-color: #2980b9;
    transform: translateY(-2px);
}

.load-more-btn:active {
    transform: translateY(0);
}

.item {
    padding: 10px;
    border-bottom: 1px solid #eee;
}














/* 响应式调整 */
@media (max-width: 1200px) {
    .products-grid {
        grid-template-columns: repeat(3, 1fr); /* 大屏显示3个 */
    }
}

@media (max-width: 900px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr); /* 中屏幕显示2个 */
    }
}

@media (max-width: 600px) {
    .products-grid {
        grid-template-columns: 1fr; /* 小屏幕显示1个 */
    }
    .product-item {
        height: 350px; /* 移动端适当降低高度 */
    }
}































.category-info-bar {
  width: 100%;
  padding: 15px 0;
  background-color: #f5f5f5; /* 浅灰色背景，突出展示区 */
  margin: 10px 0; /* 与上下区域保持间距 */
}

/* 容器（限制内容宽度，居中显示） */
.container1 {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex; /* 横向排列内部元素 */
  align-items: center; /* 垂直居中 */
}

/* 当前分类名称 */
.category-name {
  font-size: 18px;
  font-weight: 600;
  color: #333; /* 深灰色文字，突出显示 */
  padding-right: 15px;
}

/* 分隔线（视觉分割作用） */
.category-divider {
  width: 1px;
  height: 20px;
  background-color: #ccc; /* 浅灰色线条，柔和不刺眼 */
  margin: 0 15px;
}

/* 筛选提示与产品数量 */
.category-stats {
  display: flex;
  align-items: center;
  color: #666; /* 中灰色文字，次要信息 */
  font-size: 14px;
}

.filter-text {
  margin-right: 10px;
}

.product-count b {
  color: #333; /* 产品数量加粗突出 */
  font-weight: 600;
}

/* 顶部分类选择区样式（仅用于演示联动） */
.category-tabs {
  display: flex;
  gap: 10px;
  padding: 10px;
  background-color: #fff;
    justify-content: center; /* 水平居中 */
}

.tab-btn {
  padding: 8px 16px;
;
  background-color: #fff;
 border: none;  
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s;
}

.tab-btn.active {
   font-weight:700;
  color:#000000;
  border-color: #0066cc;
}































/* 基础样式重置 */
.fullscreen-nav * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Microsoft YaHei", Arial, sans-serif;
}

/* 主导航容器 - 全屏宽度 */
.fullscreen-nav {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1000;
}

.nav-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}

/* 主菜单样式 */
.main-menu {
  display: flex;
  justify-content: center;
  list-style: none;
  position: relative;
}

.main-menu > li {
  position: static; /* 修改为static使下拉菜单可以全屏 */
}

.main-menu > li > a {
  display: block;
  padding: 15px 20px;
  color: #333;
  text-decoration: none;
  font-size: 20px;
  font-weight: normal;
  transition: all 0.3s;
  white-space: nowrap;
}

.main-menu > li > a:hover {
  color: #0066cc;
}

/* 箭头样式 */
.arrow {
  font-size: 12px;
  margin-left: 5px;
  color: #666;
  display: inline-block;
  transition: all 0.2s;
}

/* 全屏下拉菜单样式 */
.megamenu {
  position: absolute;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  display: none;
  padding: 10px 0;
  z-index: 1001;
  border-top: 2px solid #0066cc;
}

.has-megamenu:hover .megamenu {
  display: block;
}

/* 下拉菜单内容容器 */
.menu-container {
  max-width: 100%</h5>;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  flex-wrap: wrap;
}

.menu-section {
  flex: 1;
  min-width: 250px;
  padding: 0 15px;
  margin-bottom: 20px;
}

.menu-section.full-width {
  flex: 0 0 100%;
}

.menu-section h3 {
  color: #333;
  font-size: 18px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

/* 多列菜单布局 */
.menu-columns {
  display: flex;
  flex-wrap: wrap;
}

.menu-columns ul {
  list-style: none;
  flex: 1;
  min-width: 150px;
}

.menu-columns ul li a {
  display: block;
  padding: 8px 0;
  color: #555;
  text-decoration: none;
  transition: all 0.2s;
  line-height: 1.4;
}

.menu-columns ul li a:hover {
  color: #0066cc;
  padding-left: 5px;
}

/* 颜色选择样式 */
.color-options {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.color-box {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: white;
  font-weight: bold;
  border-radius: 4px;
  text-decoration: none;
}

.blue { background-color: #0066cc; }
.golden { background-color: #d4af37; }
.silver { background-color: #c0c0c0; color: #333; }
.red { background-color: #cc0000; }

/* 语言切换器 */
.language-switcher {
  display: flex;
  gap: 15px;
  margin-top: 20px;
}

.language-switcher a {
  color: #666;
  text-decoration: none;
  font-size: 14px;
}

.language-switcher a.active {
  color: #0066cc;
  font-weight: bold;
}

/* 活动菜单项 */
.active > a {
  color: #0066cc !important;
  font-weight: bold;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .main-menu {
    flex-wrap: wrap;
  }
  
  .megamenu {
    position: static;
    display: none;
    box-shadow: none;
    padding: 15px 0;
  }
  
  .menu-section {
    flex: 0 0 100%;
  }
}

p.da{
font-size:36px;
font-weight:800;
color:#000000;

}

p.dy{
font-size:24px;
font-weight:500;
color:#000000;
text-indent: 2em;
}
p.bai{
color:#000000;
text-align:left;}

p.xbai{
font-size:20px;
font-weight:600;
text-align:left;
color:#000000;}

p.zhu{
font-size:16px;
font-weight:700;
color:#000000;
text-align: center;

}

p.bai1{
color:#000000;
text-align:left;
font-size:16px;
letter-spacing: 2px;
text-indent: 2em;
}
.font{
 position: absolute;
            width: 60%; /* 宽度重叠20% */
            height: 70%; /* 高度交错50% */
            border-radius: 12px;
			
            overflow: hidden;}






.font{
 position: absolute;
            width: 60%; /* 宽度重叠20% */
            height: 70%; /* 高度交错50% */
            border-radius: 12px;
			
            overflow: hidden;}




.container {
            position: relative;
            width: 100%;
            max-width: 1200px;
            height: 700px;
            margin: 0 auto;
        }
        
        /* 图片容器基础样式 */
        .image-box {
            position: absolute;
            width: 60%; /* 宽度重叠20% */
            height: 70%; /* 高度交错50% */
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
        
        /* 左侧图片定位 */
        .image-box.left {
            left: 0;
            top: 15%; /* 高度交错定位 */
            z-index: 2;
        }
        
        /* 右侧图片定位 */
        .image-box.right {
            right: 0;
            top: 35%; /* 高度交错定位 */
            z-index: 1;
        }
        
        /* 图片悬停效果 */
        .image-box:hover {
            z-index: 3;
        }
        
        .image-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }
        
        .image-box:hover img {
            transform: scale(1.08); /* 仅图片内容放大 */
        }
        
        /* 文字面板样式（完全独立） */
        .text-card {
            position: absolute;
            width: 30%;
            padding: 25px;
            background: rgba(255, 255, 255, 0.97);
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
            z-index: 4; /* 确保文字始终在最上层 */
        }
        
        /* 右上文字区域 */
        .text-card.right-top {
            right: 2%;
            top: 5%;
        }
        
        /* 左下文字区域 */
        .text-card.left-bottom {
            left: 2%;
            bottom: 5%;
        }
        
        /* 文字样式 */
        .text-card h2 {
            font-size: 28px;
            margin-bottom: 15px;
            color: #0066cc;
            font-weight: 600;
        }
        
        .text-card p {
            font-size: 16px;
            line-height: 1.8;
            color: #444;
            margin-bottom: 10px;
        }
        
        .highlight {
            font-size: 20px;
            color: #e74c3c;
            font-weight: bold;
            margin: 15px 0;
            display: block;
        }
        
        /* 确保文字区域不会被图片覆盖的安全间距 */
        @media (max-width: 768px) {
            .container {
                height: 900px;
            }
            .image-box {
                width: 70%;
                height: 50%;
            }
            .text-card {
                width: 40%;
                padding: 15px;
            }
        }
		
		
		
		
		
		
		
		
		
		
		
		
		
		.company-intro {
      font-family: Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      line-height: 1.6;
    }
    .section-title {
      color: #1a5e9c;
      border-bottom: 2px solid #1a5e9c;
      padding-bottom: 5px;
      margin-top: 20px;
    }
    .highlight {
      background-color: #f0f7ff;
      padding: 10px;
      border-radius: 5px;
    }
















/* 基础样式 */
.appliance-nav-container {
  width: 100vw; /* 视口宽度的 100% */
  margin-left: calc(-50vw + 50%); /* 居中修正（如有需要） */
  background: #808080; /* 标准灰色 */
  color: white;
  font-family: Arial, sans-serif;
  padding: 20px;
  box-sizing: border-box;
}

.appliance-nav-header h1 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 0;
  color: white;
}

/* 多列布局 */
.appliance-nav-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.nav-column {
  flex: 1;
  min-width: 150px;
}

.nav-category {
  margin-bottom: 20px;
   display: grid;
  justify-content: center;
}

.nav-category strong {
  display: block;
  font-size: 16px;
  margin-bottom: 8px;
  color: white;
}

.nav-category ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.nav-category li {
  padding: 5px 0;
  color: white;
  font-size: 14px;
}

/* 基础链接样式 */
.nav-category a {
  color: white; /* 默认白色 */
  text-decoration: none; /* 移除下划线 */
  transition: color 0.3s; /* 添加颜色过渡动画（可选） */
}

/* 鼠标悬浮时变为蓝色 */
.nav-category a:hover {
  color:#3399FF; /* 蓝色（可调整色值） */
}

/* 底部样式 */
.appliance-nav-footer {
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid #999;
  
}

.appliance-nav-footer p {
  margin: 0;
  font-size: 12px;
  color: #ddd;
  
}







.fixed-img {
    width: 800px;
  
    object-fit: cover; /* 保持比例填充 */
    display: block;   /* 避免图片默认的 inline 间隙 */
  }








/* 主容器样式 - 固定在右上角 */
        .ai-assistant-container {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 1000;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
        }
        
        /* 悬浮按钮样式 */
        .assistant-btn {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #6e8efb, #a777e3);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease;
            z-index: 1001; /* 确保按钮在最上层 */
			 font-size: 24px !important;
        }
        
        .assistant-btn:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
        }
        
        /* 聊天窗口样式 */
        .chat-window {
            width: 350px;
            height: 500px;
            background: white;
            border-radius: 15px;
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
            overflow: hidden;
            display: none; /* 初始隐藏 */
            flex-direction: column;
            margin-bottom: 15px;
            opacity: 0;
            transform: translateY(-10px);
            transition: opacity 0.3s ease, transform 0.3s ease;
            z-index: 1000; /* 确保聊天窗口在正确层级 */
        }
        
        .chat-window.active {
            display: flex;
            opacity: 1;
            transform: translateY(0);
        }
        
        /* 聊天消息区域 */
        .chat-messages {
            flex: 1;
            padding: 15px;
            overflow-y: auto;
            background: #f9f9f9;
        }
        
        /* 消息气泡样式 */
        .message {
            max-width: 80%;
            margin-bottom: 15px;
            padding: 10px 15px;
            border-radius: 18px;
            line-height: 1.4;
            position: relative;
            word-wrap: break-word;
            animation: fadeIn 0.3s ease-out;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .ai-message {
            background: white;
            border: 1px solid #e0e0e0;
            border-radius: 18px 18px 18px 4px;
            align-self: flex-start;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }
        
        .user-message {
            background: linear-gradient(135deg, #6e8efb, #a777e3);
            color: white;
            border-radius: 18px 18px 4px 18px;
            align-self: flex-end;
            margin-left: auto;
        }
        
        /* 输入区域 */
        .chat-input {
            display: flex;
            padding: 10px;
            background: white;
            border-top: 1px solid #eee;
        }
        
        .chat-input input {
            flex: 1;
            padding: 10px 15px;
            border: 1px solid #ddd;
            border-radius: 25px;
            outline: none;
            font-size: 14px;
        }
        
        .chat-input button {
            margin-left: 10px;
            padding: 10px 15px;
            background: linear-gradient(135deg, #6e8efb, #a777e3);
            color: white;
            border: none;
            border-radius: 25px;
            cursor: pointer;
            transition: all 0.2s;
        }
        
        .chat-input button:hover {
            transform: translateY(-2px);
        }
        
        /* 消息中的链接样式 */
        .message a {
            color:#000000 !important;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.2s ease;
            padding: 3px 6px;
            border-radius: 4px;
            background-color: rgba(74, 107, 255, 0.1);
        }
        
        .message a:hover {
            color: #3a56d4;
            text-decoration: underline;
            background-color: rgba(74, 107, 255, 0.2);
        }
        
        /* 快捷回复链接特殊样式 */
        .quick-reply-link {
            display: inline-block;
            margin: 5px 0;
            padding: 8px 12px;
            background: linear-gradient(135deg, #f5f7ff, #e8ebff);
            border-radius: 8px;
            border: 1px solid #d6dcff;
            transition: all 0.3s ease;
        }
        
        .quick-reply-link:hover {
            background: linear-gradient(135deg, #e8ebff, #d6dcff);
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(74, 107, 255, 0.1);
        }











   /* 基础样式 - 避免与现有样式冲突 */
        .ac-product-viewer * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", Arial, sans-serif;
        }
        
        .ac-breadcrumb {
            color: #666;
            font-size: 14px;
            margin-bottom: 20px;
        }
        
        .ac-product-wrapper {
            display: flex;
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            overflow: hidden;
        }
        
        /* 左侧图片区域 */
        .ac-image-section {
            width: 50%;
            padding: 30px;
            box-sizing: border-box;
            position: relative;
        }
        
        .ac-main-image {
            width: 100%;
            height: 400px;
            object-fit: contain;
            cursor: crosshair;
            border: 1px solid #eee;
        }
        
        /* 右侧文字区域 */
        .ac-info-section {
            width: 50%;
            padding: 30px;
            box-sizing: border-box;
            position: relative;
        }
        
        /* 放大区域 - 与原图尺寸相同 */
        .ac-zoom-panel {
            position: absolute;
            top: 30px;
            left: 0;
            width: calc(100% - 60px);
            height: 400px;
            background: white;
            border: 1px solid #eee;
            display: none;
            z-index: 10;
            overflow: hidden;
        }
        
        .ac-zoomed-image {
            position: absolute;
            max-width: none;
        }
        
        /* 放大镜取景框 - 增大尺寸 */
        .ac-lens-frame {
            position: absolute;
            width: 150px;
            height: 150px;
            border: 2px solid rgba(0, 102, 204, 0.5);
            background-color: rgba(255, 255, 255, 0.3);
            pointer-events: none;
            display: none;
        }
        
        /* 放大区域内的文字 */
        .ac-zoom-text {
            position: absolute;
            bottom: 20px;
            left: 20px;
            right: 20px;
            background: rgba(255,255,255,0.8);
            padding: 10px;
            font-size: 16px;
            line-height: 1.5;
        }
        
        .ac-zoom-text strong {
            font-size: 18px;
            color: #0066cc;
        }
        
        /* 产品信息样式 */
        .ac-product-title {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 5px;
            color: #333;
        }
        
        .ac-product-model {
            font-size: 16px;
            color: #666;
            margin-bottom: 20px;
        }
        
        .ac-feature-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 20px;
        }
        
        .ac-feature-tag {
            background: #f0f7ff;
            color: #0066cc;
            padding: 6px 12px;
            border-radius: 4px;
            font-size: 14px;
            font-weight: bold;
        }
        
        .ac-price-display {
            font-size: 28px;
            color: #f56c6c;
            font-weight: bold;
            margin: 25px 0;
        }
        
        .ac-price-note {
            font-size: 14px;
            color: #999;
            margin-bottom: 25px;
            line-height: 1.5;
        }
        
        .ac-action-buttons {
            display: flex;
            gap: 20px;
        }
        
        .ac-action-link {
            color: #0066cc;
            font-size: 16px;
            cursor: pointer;
        }