/* CSS Document */

*{margin:0px;padding:0px;border:0px;box-sizing:border-box;}

a:link,a:visited{color:#FFFFFF;text-decoration:none;}   a:hover,a:active{color:#CCCCCC;text-decoration: underline;} 

html,body{
font-family:"arial","Verdana","Times New Roman";
font-size:16px;
color:#000000;
background-color:#FFFFFF;
width: 100%;
height: 100%;
margin: auto;
padding: 0px;
}


/* 重构 header - Flex 布局（替换原有 #header 全部样式） */
#header {
    width:100%;
    background-color:#000000;
    margin:0px;
    text-align:left;
    display: flex;
    justify-content: space-between; /* LOGO左、菜单右 */
    align-items: center;
    padding: 1px 50px 1px 30px; /* 核心修改 */
    flex-wrap: wrap; /* 移动端自动换行 */
    height: auto; /* 取消固定高度165px */
}

#header img {
    height:120px;
    padding-left:0px;
    float:none;
    max-height: 120px;
    max-width: 100%;
}

/* 重构 menu - 靠右对齐（替换原有 .menu 全部样式） */
.menu {
    width:auto;
    background-color:#000000;
    margin:0 0 0 auto; /* 强制菜单靠右 */
    z-index:10000;
    position: static; /* 取消绝对定位 */
    text-align:right;
    height: auto; /* 取消固定高度45px */
}

.menu ul {
    list-style:none;
    display:flex; /* Flex横向排列菜单项 */
    zoom:1;
    height:45px;
    gap: 40px; /* 替代margin-right控制间距 */
    padding: 0;
    margin: 0;
}

.menu ul li {
    line-height:45px;
    height:45px;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    position:relative;
    color:#FFFFFF;
    margin:0; /* 清空原有margin-right */
    float: none; /* 取消浮动 */
    white-space: nowrap; /* 防止文字换行 */
}

.menu ul li+li {
    margin-right:0; /* 清空原有margin-right */
}

.menu ul li a {}

/* 新增移动端适配（追加到 .menu 样式后） */
@media (max-width: 768px) {
    #header {
        padding: 10px 10px;
    }
    #header img {
        max-height: 80px;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .menu ul {
        gap: 15px;
        width: 100%;
        justify-content: flex-end; /* 移动端菜单仍靠右 */
    }
    .menu ul li {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .menu ul {
        gap: 8px;
    }
    .menu ul li {
        font-size: 11px;
        padding: 0 2px;
    }
}



                        


#images              /*主体内容之主体部分图片展示*/
{width:100%;
margin-top:50px;
text-align:center;

} 
.unit
{float:left; width:15%;padding-top:20px;}     
.unit img{width:80%;border:solid 1px #CCCCCC;cursor:pointer;}
#images p{text-align:center;font-size:14px;color:#666666;}       

#manufacture img{width:87%;
                   margin-top: 25px;
                  margin-bottom:25px;
	               margin-left:20px;
                   border:3px solid #CCCCCC;}


.box-container {
            display: flex; /* 开启Flex并排 */
            gap: 10px; /* 块之间间隔10px（不影响百分比宽度） */        
            margin: 0 auto; /* 容器居中 */
            background-color:#f5f5f5;
            width: 100%; }

 .box1 {flex-basis: 30%; 
  display: flex;
  justify-content: center; /* 左右居中 */
  align-items: center;     /* 上下居中 */
  height: 250px; /* 必须给容器高度 */}

 .box1 img{ width: 150px;height: auto;}
  
      
 #title
     { font-size:22px;font-weight:bold;color:#222222}

.box2 { flex-basis: 30%;  padding-left: 60px; padding-top: 30px; height: 250px;
        font-size:18px;line-height:40px;
}
.box2 a {
  color: #222222;
  text-decoration: none;
}
.box2 a:hover {
  color: #666666;
}
       
  .box3 { flex-basis: 30%; 
padding-top: 30px;
 height: 250px;
  display: flex;
  justify-content: center; /* 整块左右居中 */
  font-family: Arial, sans-serif;
  line-height: 1.8;
  font-size: 16px;
color:#222222}

.contact-info {
  text-align: left; /* 文字左对齐 */

}

.contact-title {

  font-size: 24px;
  font-weight: bold;
  margin: 0 0 8px 0;
}

#bottom
{
width:100%;
height:40px;
background-color:#000000;
border-top:2px solid #CCCCCC;
font-size:14px;
color:#f0f0f0;
}

#copyright
{display: flex;
  justify-content: center; /* 左右居中 */
  align-items: center;     /* 上下居中 */
  height: 40px;           /* 必须给高度 */
}