/*底部文件样式：宽度、对齐方式、高度、填充*/
footer.footer3 {
    position: relative; /* 为伪元素绝对定位提供参照 */
    overflow: hidden; /* 防止伪元素溢出，可选 */
    /* 移除可能因之前方案添加的额外上内边距 */
    padding-top: 0 !important;
}
.footer3 {
    margin: 0;
    padding: 0;
}
footer.footer3::before {
    content: ''; /* 必须，否则伪元素不显示 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* 背景图显示区域的高度，可调整 */
    z-index: 1; /* 确保位于内容之下 */
    /* 背景图设置 */
    background-image: url('/images/map2.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /* 可保留的视觉修饰 */
}
.footer3 .flcontainer {
    position: relative; /* 建立新的堆叠上下文，使其子元素可位于伪元素之上 */
    z-index: 2; /* 确保内容在背景之上 */
    /* 保留原有的布局样式 */
    width: 92% !important;
    max-width: 92%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    /* 关键：通过上内边距“推开”内容，为伪元素背景留出空间 */
    padding-top: 20px; /* 这个值应略大于伪元素的高度（300px），例如多20px作为间距 */
}

        .footer3 .flcontainer .row {
            width: 100%;
            line-height: 1em;
            margin: 0;
            padding: 0;
            margin-bottom: 10px;
            margin-left: 0 !important;
            padding-left: 0 !important;
        }

            .footer3 .flcontainer .row .CD {
                width: 100%;
                display: flex;
                height: 60px;
                margin-left: 10px;
            }

                .footer3 .flcontainer .row .CD .logo {
                    flex: 0 0 auto;
                    margin: 0;
                    padding: 0;
                    text-align: left;
                    display: flex;
                    align-items: center;
                }

                    .footer3 .flcontainer .row .CD .logo img {
                        width: 160px;
                        height: auto;
                        margin: 0;
                        padding: 0;
                    }

                    .footer3 .flcontainer .row .CD .logo h5 {
                        color: white;
                        display: inline-block; /* 关键：改为 inline-block */
                        vertical-align: middle;
                        margin: 0;
                        padding: 0;
                        color: white;
                    }
.widget--links {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.widget_title {
    margin: 0;
    padding: 5px 0; /* 将左右padding设为0 */
    font-size: 1em;
    color: white;
    text-align: left;
    line-height: 1em;
    padding-left: 0 !important; /* 强制左侧无内边距 */
    margin-left: 0 !important; /* 强制左侧无外边距 */
}

.footer3 .row .col1 {
    margin:0;
    padding:0;
    
}
.footer .col1 .h_nav {
    margin: 0;
    padding: 0;
    text-align:left;
}

.col {
    margin: 0;
    padding: 0;
}

.col1 .fg-3 {
    margin-left: 36px;
}

.col1 .fg-2 {
    margin-left: 30px;
}

.col1 .fg-5 {
    margin-left: 75px;
}

.sortList {
    margin: 0;
    padding: 0;
    padding-right:20px;
}
/*.widget--links .row {
    width: 100%;
    margin: 0;
    padding: 0;
}*/
/* 调整列之间的间距 */
.widget--links .row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}

    /* 调整列内边距 */
    .widget--links .row .col1 {
        padding: 0 2px; /* 列间距 */
        box-sizing: border-box;
    }

/* 确保标题左对齐 */
.widget_title {
    margin: 0 0 10px 8px; /* 左对齐并与列表对齐 */
    padding: 5px 0;
    font-size: 1em;
    color: white;
    text-align: left;
    line-height: 1em;
    width: 100%;
}

/* 调整"产品中心"和"报价中心"标题位置 */
.widget--links h4.widget_title {
    padding-left: 0; /* 与列表对齐 */
    margin-bottom: 3px;
}
.widget_title a {
    color:#FFF !important;
}

/* 确保列内导航菜单左对齐 */
.h_nav {
    text-align: left;
}

/* 移除原有可能导致居中的样式 */
.center {
    
    text-align: left !important;
}

.erweima {
    width: 150px !important;
    height:auto;
    margin:0;
}

.row .col-12 .aboutus {
    width: 100% !important;
    font-size:0.8em;
    margin: 0;
    padding: 0;
}

    .row .col-12 .aboutus p, .row .col-12 .aboutus p a, .col-lg-2 p {
        font-size: 0.8em;
        color: #FFF;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: right;
        margin-top: 0px;
    }
.col-lg-2 p {
    text-align:center !important;
}

.col-pd-20 {
    padding-left: 5px;
}
.footer3.p-top-20 {
    padding-top:20px;
}
.footer3 .p-top-5 {
    padding-top:5px;
}
.footer3 .p-top-10 {
    padding-top: 10px;
}
.footer3 .p-top-20 {
    padding-top:20px;
}
/* 报价中心5列等宽样式 */
.footer3 .flcontainer .row.center.p-top-5 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important; /* 顶部对齐 */
}

    /* 确保列本身是flex子项 */
    .footer3 .flcontainer .row.center.p-top-5 > [class*="col-"] {
        display: flex !important;
        flex-direction: column !important;
    }
/* 报价中心5列等宽左对齐样式 */
.quote-center-row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}

    .quote-center-row .col1 {
        flex: 1;
        min-width: 0;
        padding: 0; /* 列间距 */
        box-sizing: border-box;
        background: none !important;

    }

        /* 左对齐关键设置 */
        .quote-center-row .col1 .h_nav {
            width: 100%;
            margin: 0;
            padding: 0;
            text-align: left; /* 确保容器左对齐 */
        }

        .quote-center-row .col1 .sortList {
            width: 100%;
            margin: 0;
            padding: 0;
            list-style: none;
            text-align: left; /* 列表左对齐 */
        }

            .quote-center-row .col1 .sortList li {
                width: 100%;
                margin: 0;
                padding: 0;
                text-align: left; /* 列表项左对齐 */
            }

                /* 链接左对齐 */
                .quote-center-row .col1 .sortList li a {
                    display: block;
                    width: 100%;
                    padding: 0; /* 上下内边距，左右为0 */
                    text-align: left; /* 改为左对齐 */
                    color: #FFF;
                    text-decoration: none;
                    font-size: 0.9em;
                    transition: all 0.3s ease;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    border-radius: 0; /* 移除圆角 */
                }

                    /* 悬停效果 */
                    .quote-center-row .col1 .sortList li a:hover {
                        color: #ffffff;
                        background-color: rgba(255, 255, 255, 0.1);
                        text-decoration: none;
                        padding-left: 5px; /* 悬停时轻微右移 */
                    }
/* 彻底左对齐解决方案 */
.col-lg-5.col-md-5.col-sm-12.col-pd-20.order-2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align:left;
}

    .col-lg-5.col-md-5.col-sm-12.col-pd-20.order-2 .widget--links {
        text-align: left;
    }

        .col-lg-5.col-md-5.col-sm-12.col-pd-20.order-2 .widget--links .row {
            text-align: left;
        }

            .col-lg-5.col-md-5.col-sm-12.col-pd-20.order-2 .widget--links .row .col1 {
                text-align: left;
            }

                .col-lg-5.col-md-5.col-sm-12.col-pd-20.order-2 .widget--links .row .col1 .h_nav {
                    text-align: left;
                }

    /* 强制所有列表项左对齐 */
    .col-lg-5.col-md-5.col-sm-12.col-pd-20.order-2 ul.sortList,
    .col-lg-5.col-md-5.col-sm-12.col-pd-20.order-2 ul.sortList li,
    .col-lg-5.col-md-5.col-sm-12.col-pd-20.order-2 ul.sortList li a {
        text-align: left !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
.col-lg-2.col-md-2.col-sm-12.order-4 {
    text-align: center;
}
.col-lg-5 .widget--links h4.widget_title,
.col-md-5 .widget--links h4.widget_title {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-indent: 0 !important; /* 确保文本缩进为0 */
}
div.order-2 .widget--links h4.widget_title {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
    position: relative;
    left: 0;
}

    /* 移除伪元素可能带来的间距 */
    div.order-2 .widget--links h4.widget_title:before,
    div.order-2 .widget--links h4.widget_title:after {
        content: none;
        display: none;
    }

.qr-center {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* 水平居中 */
    justify-content: center !important; /* 垂直居中 */
    text-align: center !important; /* 文本居中 */
    margin: 0 auto !important; /* 自动外边距实现居中 */
    padding: 0 !important; /* 清除内边距 */
}

    /* 确保二维码图片居中 */
    .qr-center .erweima {
        display: block !important;
        margin: 0 !important; /* 上下0，左右自动居中 */
        width: 150px !important;
        height: auto !important;
        max-width: 100% !important;
    }

    /* 二维码下方的文字居中 */
    .qr-center p {
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        color: #fff !important;
        font-size: 0.9em !important;
        display: block !important;
    }
/* 更紧凑的二维码布局 */
.col-lg-2.col-md-2.col-sm-12.order-4 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    line-height: 0 !important; /* 设置行高为0 */
}

    /* 二维码图片紧凑样式 */
    .col-lg-2.col-md-2.col-sm-12.order-4 .erweima {
        display: block !important;
        margin: 0 0 0 0 !important; /* 完全无外边距 */
        padding: 0 !important;
        width: 150px !important;
        height: auto !important;
        max-width: 100% !important;
        border: none !important;
        line-height: 0 !important; /* 行高为0消除底部空白 */
        vertical-align: bottom !important; /* 底部对齐 */
    }

    /* 文字紧凑样式 */
    .col-lg-2.col-md-2.col-sm-12.order-4 p {
        text-align: center !important;
        margin: 0 0 0 0 !important; /* 完全无外边距 */
        padding: 0 !important;
        width: 100% !important;
        color: #fff !important;
        font-size: 0.9em !important;
        line-height: 1rem !important; /* 最小行高 */
        display: block !important;
        position: relative !important;
        top: 0 !important; /* 轻微上移，更贴近图片 */
    }
/* 移除可能干扰的样式 */
.order-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 1. 强制公司名称、资料下载标题在所有屏幕下左对齐，并移除左侧间隙 */
.widget--links .widget_title,
.order-1 .widget_title, /* 公司信息列 */
.order-3 .widget_title.download { /* 资料下载列 */
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-indent: 0 !important;
    display: block;
    width: 100%;
}

/* 2. 确保资料下载下方的列表内容也左对齐 */
.order-3 .proSortList,
.order-3 .proSortList li,
.order-3 .proSortList li a {
    text-align: left !important;
    justify-content: flex-start !important;
}
/* 报价中心6列等宽左对齐样式 */
.quote-center-row {
    display: flex;
    flex-wrap: nowrap; /* 默认不换行 */
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}

    .quote-center-row .col1 {
        flex: 1; /* 关键：6列等分父容器宽度 */
        min-width: 0;
        padding: 0 5px; /* 列间距 */
        box-sizing: border-box;
        background: none !important;
    }
/* 响应式调整 */
@media (max-width: 1200px) {
    .quote-center-row {
        display: flex !important;
        flex-wrap: wrap !important; /* 关键：允许换行 */
        justify-content: flex-start !important; /* 左对齐起始 */
    }

        .quote-center-row .col1 {
            flex: 0 0 33.333% !important; /* 每行显示3列 */
            max-width: 33.333% !important;
            padding: 0 !important;
            margin-bottom: 0 !important; /* 行间距 */
            box-sizing: border-box;
        }

            /* 调整内部链接样式，适应较小宽度 */
            .quote-center-row .col1 .sortList li a {
                font-size: 0.8em !important;
                white-space: nowrap; /* 文本不换行 */
                overflow: hidden; /* 溢出内容隐藏 */
                text-overflow: ellipsis; /* 溢出时显示省略号 */
            }
}


@media (max-width: 992px) {
    .footer-top-banner {
        height: 250px; /* 中等屏幕略减高度 */
    }
    .quote-center-row .col1 {
        flex: 0 0 33.333% !important; /* 保持每行3列 */
        max-width: 33.333% !important;
    }
    /* 确保左对齐 */
    .widget--links .widget_title {
        text-align: left !important;
        padding-left: 0 !important;
    }
    .quote-center-row .col1 .sortList li a {
        font-size: 0.8em !important;
        white-space: nowrap; /* 文本不换行 */
        overflow: hidden; /* 溢出内容隐藏 */
        text-overflow: ellipsis; /* 溢出时显示省略号 */
    }
}



/* 桌面端：保持原有布局，只让二维码列居中 */
@media (min-width: 767px) {
    .col-lg-2.col-md-2.col-sm-12.order-4 {
        align-items: center !important;
        justify-content: flex-start !important; /* 从顶部开始 */
    }
    .quote-center-row .col1 .sortList li a {
        font-size: 0.8em !important;
        white-space: nowrap; /* 文本不换行 */
        overflow: hidden; /* 溢出内容隐藏 */
        text-overflow: ellipsis; /* 溢出时显示省略号 */
    }
}

/* 平板端 */
@media (max-width: 991px) and (min-width: 767px) {
    .col-md-2.order-4 {
        align-items: center !important;
        justify-content: center !important;
    }
    .quote-center-row .col1 .sortList li a {
        font-size: 0.8em !important;
        white-space: nowrap; /* 文本不换行 */
        overflow: hidden; /* 溢出内容隐藏 */
        text-overflow: ellipsis; /* 溢出时显示省略号 */
    }
}

/* 手机端：二维码列独占一行，完全居中 */
@media (max-width: 768px) {
    .footer-top-banner {
        height: 200px; /* 平板端高度 */
        background-size: cover; /* 保持覆盖，但可能裁剪图片两侧 */
        background-position: center top; /* 可调整图片焦点位置 */
    }
    .col-sm-12.order-4 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
        margin: 20px auto 0 auto !important; /* 顶部增加间距 */
        padding: 0 !important;
    }

        .col-sm-12.order-4 .erweima {
            width: 120px !important; /* 手机端适当缩小 */
            margin-bottom: 8px !important;
        }

        .col-sm-12.order-4 p {
            font-size: 0.8em !important;
        }

    .quote-center-row .col1 {
        flex: 0 0 50% !important; /* 每行显示2列 */
        max-width: 50% !important;
        /* 小屏幕下适当减少左边距 */
        .quote-center-row .col1 .sortList li a {
            padding: 4px 0;
        }

        .quote-center-row .col1 .sortList li a {
            font-size: 0.8em !important;
            white-space: nowrap; /* 文本不换行 */
            overflow: hidden; /* 溢出内容隐藏 */
            text-overflow: ellipsis; /* 溢出时显示省略号 */
        }
    }
}
@media (max-width: 576px) {
    .footer-top-banner {
        height: 150px; /* 手机端高度 */
    }
    /* 1. 调整整体布局 */
    .col-lg-5.col-md-5.col-sm-12.col-pd-20.order-2 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 2. 报价中心行布局 */
    .quote-center-row {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

        /* 3. 每列占48%（2列布局） */
        .quote-center-row .col1 {
            flex: 0 0 50% !important; /* 每行显示2列，共3行 */
            max-width: 50% !important;
            padding: 0 5px !important;
            margin-bottom: 12px !important;
        }

            /* 4. 调整列表样式 */
            .quote-center-row .col1 .h_nav {
                width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
            }

            .quote-center-row .col1 .sortList {
                padding-right: 0 !important;
                margin: 0 !important;
            }

                .quote-center-row .col1 .sortList li {
                    margin-bottom: 5px !important;
                }

                    /* 5. 调整链接样式 */
                    .quote-center-row .col1 .sortList li a {
                        font-size: 0.8em !important;
                        white-space: nowrap; /* 文本不换行 */
                        overflow: hidden; /* 溢出内容隐藏 */
                        text-overflow: ellipsis; /* 溢出时显示省略号 */
                        padding: 4px 5px !important;
                        text-align: center !important;
                        line-height: 1.3 !important;
                        display: block;
                        width: 100%;
                        /* 视觉优化 */
                        border-radius: 3px;
                        background-color: rgba(255, 255, 255, 0.05);
                        transition: all 0.2s ease;
                    }

                        .quote-center-row .col1 .sortList li a:hover {
                            background-color: rgba(255, 255, 255, 0.1);
                        }

    /* 6. 调整标题样式 */
    .widget--links h4.widget_title {
        text-align: left !important; /* 覆盖可能存在的居中设置 */
    }

    .download {
        text-align: left !important;
    }

    /* 7. 调整"产品中心"和"报价中心"标题 */
    .widget--links .widget_title:nth-child(1) {
        margin-top: 0 !important;
    }

    .widget--links .widget_title:nth-child(2) {
        margin-top: 5px !important;
    }
}
/* 8. 极窄屏幕适配（小于400px） */
@media (max-width: 400px) {
    .quote-center-row .col1 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

        .quote-center-row .col1 .sortList li a {
            font-size: 0.9em !important;
            padding: 6px 0 !important;
        }
    }


@media (max-width: 768px) {
    
}

@media (max-width: 576px) {
    
}

/* 确保背景图区域不影响页脚的原有上边距 */
.footer3.footer--dark.p-top-20 {
    margin-top: 0; /* 如果页脚原有上边距，可在此调整 */
}