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

/* 清除浮动 */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix { zoom: 1; }

/* 容器 */
#kuangjia {
  width: 1920px;                /* 总宽度 = 左侧导航 + 右侧内容 + 间距 */
  margin: 10px auto 10px auto;  /* 上10px，左右居中，底部17px */
  overflow: hidden;             /* 清除浮动 */
  border: 1px solid green;      /* 绿色细框 */
  padding: 0 20px;
  background: #ffffff;
}

/* 左侧导航 */


/* 右侧内容 */
.youbian {
  width: 1320px; 
  float:right;
  margin-right: 30px;
  padding-left: 10px;
}

/*新闻列表*/
.zuoer li{line-height:27px;position:relative;padding-left:10px;}
.zuoer li a{line-height:27px;color:#666;}
.zuoer li a:hover{text-decoration:none;color:#e87518;}
.zuoer li span{color:#999;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;}
.zuoer li h3 {font-size:14px;}
.zuoer li div{line-height:24px;}

.new1 li{border-bottom:1px solid #dddddd;background:url(../images/list_dot1.gif) no-repeat 0% 50%;padding-left:13px;}
.right_word{margin-left: 5%;}

/*产品列表*/
.product_list li{float:left;margin-left:15px;margin-right:15px;padding-bottom:15px;_display:inline;}
.product_list li a.img{padding:1px;border:1px solid #e0e1dc;}
.product_list li a.img img{width:196px;height:129px;}
.product_list li h3{text-align:center;padding-top:5px;}
.product_list li h3 a{font-weight:normal;}
.product_list li a.img{display:block;}
.product_list li a.img:hover{border-color:#e87518;}
.roll_product{float:left;}

/*内页左侧分类通用样式*/
.sort li{position:relative;z-index: 999;}
.sort li .about_b{position:absolute;left:210px;top:0px;width:210px;padding:10px 20px;background:#f5f6f6;
	border-bottom:2px solid #3a78c1;z-index:9999;}
.sort li .layer2{position:absolute;left:210px;top:0px;width:210px;padding:10px 20px;background:#f5f6f6;
	border-bottom:2px solid #3a78c1;z-index:9999;}
.sort li .layer2 li{overflow:hidden;}
.sort li .layer2 li a{font-weight:bold;background:url(../images/dot5.gif) no-repeat 0% 50%;}
.sort li .layer2 li a:hover{text-decoration:none;color:#3a78c1;}
.sort li .layer2 li .layer3 li{margin:6px 0px;line-height: 24px;padding-left: 10px;}
.sort li .layer2 li .layer3 li a{font:normal 12px/24px "微软雅黑";background:none;}
.sort li .layer2 li .layer3 li .layer4 li{margin:6px 0px;line-height: 24px;padding-left: 15px;}
.sort li .layer2 li .layer3 li .layer4 li a{font:normal 12px/24px "微软雅黑";background:none;}

.sort li a{background:url(../images/dot4.png) no-repeat 5px -41px;color:#666;display:block;line-height:30px;font-family: "微软雅黑";border-bottom:1px solid #dddddd;padding-left:25px;}
.sort li a:hover{color:#3a78c1;text-decoration: none;background:url(../images/dot5.gif) no-repeat 5px -41px #f5f6f6;}
.sort li.change a{background:url(../images/dot4.png) no-repeat 5px -41px #f5f6f6;}

/*相关产品和新闻*/
.relate_list{margin-top:10px;}
.relate h4{line-height:30px;padding-left:5px;}
#relate_p .img img{width:120px;height:96px;}
#relate_p li{margin-left:10px;margin-right:10px;_display:inline;}
#relate_n li{width:48%;float:left;}
.relate ul{float:none;}


.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.youbian .youer{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}


/* 父框架 */
#yousan {
  position: relative;
  top: 15px;            /* 向下移动15px，避免和上方框架重叠 */
  width: 1320px;
  margin-left: auto;    /* 左边自动填充 */
  margin-right: 10px;   /* 右边外间距10px */
  padding: 10px 45px;   /* 内边距左右均等 */
  box-sizing: border-box;
  display: flow-root;   /* 父框架包裹子框架，避免塌陷 */
}

/* 父容器 Flex 布局 */
#yousan .parent-frame {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* 左对齐子框架 */
  gap: 30px;                   /* 子框架间距 */
  padding: 0;
  margin: 0;
  list-style: none;
}

/* 子框架 */
#yousan .child-frame {
  width: 180px;               /* 小框架宽度 */
  aspect-ratio: 748 / 1000;   /* 高宽比 */
  text-align: center;
  box-sizing: border-box;
  position: relative;
}

/* 图片容器 */
#yousan .child-frame .image-section {
  border: 1px solid #ccc;     /* 平时浅灰边框 */
  transition: border-color 0.3s;
}

/* 鼠标悬停图片时边框变红 */
#yousan .child-frame .image-section:hover {
  border-color: red;
}

/* 图片 */
#yousan .child-frame .image-section img {
  width: 100%;
  height: auto;
  display: block;
}

/* 文字说明 */
#yousan .child-frame .text-section {
  font-size: 12px;
  margin: 0;
  padding: 5px 0;
  color: #000;                /* 默认文字颜色 */
  transition: color 0.3s;
}

/* 鼠标悬停文字时文字变红，包括 a 标签 */
#yousan .child-frame .text-section:hover a {
  color: red;
}


/* 新加的导航新加的导航新加的导航新加的导航新加的导航新加的导航 */

/* 导航容器 */
.nav {
  background: #00873e;
  min-width: 1200px;
}

/* 一级菜单 ul 使用 flex 居中 */
.nav ul {
  display: flex;
  justify-content: center;  /* 水平居中 */
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

/* 一级菜单 li */
.nav ul li {
  position: relative;
  line-height: 50px;
  text-align: center;
}

/* 一级菜单链接 */
.nav ul li a {
  display: block;
  width: 150px;           /* 根据需求可调整 */
  color: #fff;
  background: #00873e;    /* 默认绿色 */
  font-size: 17px;        /* 字体加大 */
  transition: background 0.3s;
  text-decoration: none;
}

.nav ul li a:hover {
  background: #e77817;    /* 悬停橙色 */
}

/* 当前选中一级菜单 */
.nav ul .on a {
  background: #e77817;
}

/* 二级菜单 ul */
.nav ul li ul.subnav {
  display: none;           /* 默认隐藏 */
  position: absolute;
  top: 50px;               /* 一级菜单高度 */
  left: 0;
  width: 150px;            /* 可与一级菜单宽度一致 */
  background: #00873e;     /* 默认绿色 */
  z-index: 999;
  padding: 0;
  list-style: none;
}

/* 鼠标悬停显示二级菜单 */
.nav ul li:hover ul.subnav {
  display: block;
}

/* 二级菜单 li */
.nav ul li ul.subnav li {
  float: none;
  width: 100%;
  text-align: center;
  line-height: 40px;
}

/* 二级菜单链接 */
.nav ul li ul.subnav li a {
  display: block;
  color: #fff;
  background: #00873e;    /* 默认绿色 */
  padding: 8px 0;
  font-size: 16px;         /* 字体加大 */
  transition: background 0.3s;
  text-decoration: none;
}

.nav ul li ul.subnav li a:hover {
  background: #e77817;    /* 悬停橙色 */
}