/* 全局样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* 统一盒模型，避免宽度计算差异 */
}
/* 针对涉及的div单独重置 */
#body_a, #list_a {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1; /* 消除行高导致的空白 */
  border: none !important;
}
/* 处理大屏响应式（针对Edge大屏适配） */
@media screen and (min-width: 1200px) {
  #body_a, #list_a {
    display: block;
    overflow: hidden; /* 隐藏内部可能的溢出空白 */
  }
  /* 检查引入文件内的容器，避免额外空白 */
  #body_a > *, #list_a > * {
    margin: 0 !important;
    padding: 0 !important;
  }
}


/*2016.03.20 首页CSS*/
body { font-family:Verdana; font-size:14px; margin:0;}

#container {margin:0 auto; width:100%;background:#fff; }


#header { height:72px; background:#fff; margin-top:-20px; margin-bottom:25px;}

#body_a { position: relative;
		width: 100%;
		/* min-width: 980px; 注释/删除这行 */

		margin: 0px auto;
		background: ;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
		border: 0px solid #f00;
		}


#list_a {width: 100%;
/* min-width: 980px; 注释/删除这行 */
    /* height:240px; 注释/删除这行，改为auto适配内容 */
	 background:#fff;
	  border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;}

#list_a1 {float:left;  margin-left:1px; height:240px; width: 19.87%; background:#000;position: relative;
    overflow: hidden; }

#list_a2 {  margin: 0px auto; height:60px; width: 95%; line-height: 60px;color: #fff; background-color: rgba(28,29,25,0.5); position: absolute;
    bottom: 0; /* 底边距为0，使其紧贴底部 */
    left: 0;
    right: 0; /* 左右都设为0，以使文本居中 */
    }


#show_list { height:600px; background:#fff; margin-top:30px;}

/*2016.03.20 product css*/



#container_product {
  margin: 0 auto;
  width: 100%;
  padding: 0 15px; /* Add some padding for better visual separation */
  box-sizing: border-box; /* Include padding in the element's total width/height */
}



#header_product { height:72px; background:#fff; margin-top:-20px; margin-bottom:25px;}



#product_menu { width: 100%;
    min-width: 980px;
    height: 55px;
    background: #fff;
   margin-top: 10px;
margin-bottom: 10px;
    border-bottom: 0px solid #ff0000;
    border-top: 0px solid #ff0000;
    display: flex; /* 使用 Flexbox 布局 */
    }

#product_menu_left {float:left;
	 position: relative;
		width: 21%;
height: 55px;
		height:100%;
		margin: 0px auto;
		background: ;
		border-bottom: 0px solid #ffff00;
		border-top: 0px solid #ffff00;
		border-left: 0px solid #ffff00;
        border-right: 0px solid #ffff00;


		}


		#product_menu_left_ziti {
	 position: relative;
		width:200px;

		height:55px;
		margin-top: 10px;
		margin: 0px auto;
		background:#FFF ;
		border-bottom: 0px solid #ffff00;
		border-top: 0px solid #ffff00;
		border-left: 0px solid #ffff00;
        border-right: 0px solid #ffff00;

color: #000; /* 设置字体颜色为黑色 */
    font-size: 14px; /* 可选：设置字体大小 */
    /* 新增：使用 Flexbox 实现上下居中 */
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: flex-start; /* 左侧对齐 */
    line-height: 20px;
text-align: center;

		}


#product_menu_right {
	float:left;
	position: relative;
		width: 77%;
		height: 55px;
         margin-left: 0px;
		 height:100%;
margin-left: 10px;
		border-bottom: 0px solid #ff00ff;
		border-top: 0px solid #ff00ff;}



#body_a_product { position: relative;
		width: 100%;
		min-width: 980px;
		height:650px;
		margin: 0px auto;
		background: ;
		border-bottom: 0px solid #000;
		border-top: 0px solid #000;
		border-left: 0px solid #000;
		border-right: 0px solid #000;
		}






#body_a_product_left {float:left;
	 position: relative;
		width: 21%;
min-width: 400px;
		height:100%;
		margin: 0px auto;
		background: ;
		border-bottom: 1px solid #0000ff;
		border-top: 1px solid #0000ff;
		border-left:1px solid #0000ff;
        border-right: 1px solid #0000ff;
		}

#body_a_product_right {
	width: 77%;
	float:left;
	position: relative;
		min-width: 580px;
         margin-left: 2px;
		 height:100%;

		border-bottom: 1px solid #ff00ff;
		border-top: 1px solid #ff00ff;
		border-left: 1px solid #ff00ff;
        border-right: 1px solid #ff00ff;
		}






#body_a_product_left_top {
	 position: relative;


		height:60px;
		margin: 0px auto;

		border-bottom: 1px solid #DADADA;
		border-top: 1px solid #DADADA;
		border-left: 1px solid #DADADA;
        border-right: 1px solid #DADADA;
		}



#body_a_product_left_top_2 {
	    position: relative;
		height:20px;
		margin: 0px auto;
		border-bottom: 0px solid #ff00ff;
		border-top: 0px solid #ff00ff;
		border-left: 0px solid #0000ff;
        border-right: 0px solid #0000ff;
		}


		#body_a_product_left_top_3 {
	    position: relative;
		height:500px;
		margin: 0px auto;
		border-bottom: 0px solid #ff00ff;
		border-top: 0px solid #ff00ff;
		border-left: 0px solid #0000ff;
        border-right: 0px solid #0000ff;
		}


.menu-item {float:left;
	width: 100px;
	height:60px;
    display: inline-block; /* 使菜单项并排显示 */
	margin-left: 40px;
border-bottom: 0px solid #ff00ff;
		border-top: 0px solid #ff00ff;
		border-left: 0px solid #0000ff;
        border-right: 0px solid #0000ff;


        color: #808285; /* 设置字体颜色为黑色 */
    font-size: 16px; /* 可选：设置字体大小 */
    /* 新增：使用 Flexbox 实现上下居中 */
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: flex-start; /* 左侧对齐 */
    line-height: 20px;
text-align: center;


}

.menu-item a {float:left;
    color: #808285; /* 文字颜色 */
    text-decoration: none; /* 移除下划线 */
    font-size: 16px; /* 文字大小 */
}


#fanye_a_product {width: 100%;
		min-width: 980px;
	 height:30px; background:#fff;
	  margin-top:10px;
	  border-bottom: 0px solid #ff0000;
		border-top: 0px solid #ff0000;}

#fanye_a_product_left {float:left;
	 position: relative;
		width: 21%;
min-width: 400px;
		height:100%;
		margin: 0px auto;
		background: ;
		border-bottom: 1px solid #ffff00;
		border-top: 1px solid #ffff00;
		border-left: 1px solid #ffff00;
        border-right: 1px solid #ffff00;
		}

#fanye_a_product_right {
	float:left;
	position: relative;
		width: 77%;
         margin-left: 2px;
		 height:100%;
margin-left: 10px;
		border-bottom: 1px solid #ff00ff;
		border-top: 1px solid #ff00ff;}

#foot_a_product { width: 100%;
    min-width: 980px;
    height: 30px;
    background: #fff;
    margin-top: 10px;
    border-bottom: 0px solid #ff0000;
    border-top: 0px solid #ff0000;
    display: flex; /* 使用 Flexbox 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    color: #000; /* 设置字体颜色为黑色 */
    font-size: 14px; /* 可选：设置字体大小 */
    text-align: center; /* 可选：确保文本水平居中 */}







#contact_a { position: relative;
		width: 100%;
		min-width: 980px;
		 margin-top: 0px;
		height:60px;
		margin: 0px auto;
		background: ;
		border: 0px solid #f00;
		}


#contact_b { position: relative;

		min-width: 980px;
		 margin-top: 900px;
		height:100%;
		margin: 0px auto;
		background: ;
		border: 0px solid #000;
		}



#contact_c {width: 100%;
		    min-width: 980px;
	       height:80px;
	       background:#fff;
	       margin-top:25px;
	       border-bottom: 0px solid #00f;
		   border-top: 0px solid #00f;
		   text-align:center;
border-top:2px solid #CBBE92;
		   }


