/* 全局样式 */
html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    color: #333;
}

/* 容器 */
#container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* 图片自适应 */
img {
    max-width: 100%;
    height: auto;
}

/* 主要内容区域 */
#menu {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

#menu li {
    display: inline-block;
}

#menu li a {
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
}

/* 主体布局 */
#top {
    background-color: #fff;
    padding: 10px 0;
}

#top .top_right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 按钮和表单 */
input[type="text"], input[type="submit"], button {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

/* 响应式设计：最大宽度为 768px（平板和手机）时调整布局 */
@media (max-width: 768px) {
    /* 导航菜单调整为垂直排列 */
    #menu ul {
        display: block;
        text-align: center;
    }

    #menu li {
        display: block;
        margin-bottom: 10px;
    }

    /* 搜索框宽度适应 */
    .sousuo form {
        width: 100%;
        justify-content: center;
        margin-bottom: 15px;
    }

    .ss_input {
        width: 80%;
        padding: 10px;
    }

    /* 主要产品列表调整 */
    #zy_pro_demo1 {
        font-size: 14px;
        text-align: center;
    }

    /* 新闻部分调整 */
    #ind_news_lb {
        font-size: 14px;
    }

    /* 调整联系我们部分位置 */
    #contact_box {
        order: 1; /* 强制联系我们放到底部 */
        font-size: 14px;
    }

    /* 产品图片自适应 */
    #ind_news_lb .news_box {
        display: block;
        padding: 10px;
    }

    .news_box .pic_news {
        width: 100%;
    }

    /* 调整底部版权 */
    #foot {
        font-size: 14px;
        text-align: center;
    }

    #foot .foot_nav {
        text-align: center;
        font-size: 12px;
    }
}

/* 小于 480px 时进一步优化 */
@media (max-width: 480px) {
    body {
        font-size: 14px;
    }

    h1, h2, h3 {
        font-size: 18px;
    }

    p {
        font-size: 14px;
    }

    .top_nav a {
        font-size: 14px;
        margin-right: 8px;
    }

    #container {
        padding: 0 10px;
    }

    .ss_input {
        width: 100%;
        padding: 10px;
    }

    #zy_pro_demo1 {
        font-size: 16px;
    }

    #ind_news_lb {
        font-size: 14px;
    }

    .news_box #con {
        font-size: 14px;
    }

    /* 确保图片和链接自适应 */
    .liebiao_box img {
        width: 100%;
        height: auto;
    }

    /* 底部链接居中 */
    .foot_nav {
        text-align: center;
    }

    /* 修复宽度问题 */
    #foot {
        text-align: center;
        font-size: 12px;
    }
}