html {
    padding: 0;
    margin: 0 auto;
  scroll-behavior: smooth;

}
body {
    padding: 0;
    margin: 0 auto;
  overflow-y: scroll;
}
body::-webkit-scrollbar {
  display: none; /* Chrome、Safari */
}

  footer {
            width: 100%;
            height: 40vh;  /* 设置 footer 高度为视口高度的40% */
            background-color: #f5f5f5;
            color: #fff;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            display: flex;
            flex-direction: column;
        }


        .footers-top {
            width: 90%;
            height: 90%;  /* footers 占 footer 高度的 80% */
            display: flex;
            flex-wrap: wrap;
            margin: 0 auto;
            gap: 2rem;
        }

      

        .footer-left {
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
        }

        .footer-left .logo {
            width: 100%;
            margin: 10% 0;
            display: flex;
            justify-content: flex-start;
        }

        .footer-left .logo img {
            width: 100%;  /* 使图片宽度占满父容器 */
            height: auto;  /* 保持比例 */
            object-fit: contain;  /* 确保图片保持比例，且不超出容器 */
        }

        .contact,
        .address {
            font-size: 0.9rem;
        }

        .footer-left .contact p,.footer-left .address p{
            font-weight: 400;
            font-size: 0.8rem;
            color: #FFFFFF;
            text-align: left;
            font-style: normal;
            text-transform: none;
            margin: 0 0 1% 0;
        }


        .footer-left .contact strong,.footer-left .address strong {
            font-weight: 400;
            font-size: 1rem;
            color: #FFFFFF;
            text-align: left;
            font-style: normal;
            text-transform: none;
        }

        .footer-right {
            display: flex;
            flex-wrap: nowrap;
            gap: 8rem;
            align-content: stretch;
            align-items: stretch;
            margin-left: 5%;
        }

        .column {
            height: 80%;
            margin: auto;
            margin-top: 6%;
        }

        .column p a {
            font-weight: 400;
            font-size: 1rem; /* 原 16px */
            color: #FFFFFF;
            text-align: left;
            font-style: normal;
            text-transform: none;
            margin-bottom: 0.5rem;
            text-decoration: none;
        }

        .column ul {
            list-style: none;

    margin: 0;               /* 去掉默认的外边距 */
    padding: 0;              /* 去掉默认的内边距 */
    list-style-type: none;   /* 去掉默认的圆点或数字 */
    min-height: 40px;        /* 设置最小高度 */
    line-height: 1.6;        /* 设置行高，确保内容间距一致 */
        }

        .column li {
    margin: 0;               /* 去掉li的外边距 */
    padding: 8px 0;          /* 设置li的内边距，保持上下间距一致 */
            font-size: 0.875rem; /* 原 14px */
            cursor: pointer;
        }

        .column li:hover {
        }

        .column h4 a,.column ul li a{
            font-weight: 400;
            font-size: 1rem; /* 原 16px */
            color: #ffffff78;;
            text-align: left;
            font-style: normal;
            text-transform: none;
            margin-bottom: 0.5rem;
            text-decoration: none;
        }

        /* 备案信息 */
        .footer-bottom {
            background-color: #00184E;
            font-size: 12px;
            text-align: center;
            height: 10%;  /* footer-bottom 占 footer 高度的 20% */
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0.6;
        }

        .logo img {
            width: 10vw; /* 宽度为视口宽度的10% */
            max-width: 200px;
        }
        /* 响应式设计 */
        @media screen and (max-width: 768px) {
            .footers {
                flex-direction: column;
                align-items: flex-start;
            }

            .column {
                flex: 1 1 100%;
            }
        }

        @media screen and (max-width: 768px) {
            .contact strong,
            .column h4 {
                font-size: 0.875rem; /* 更小屏幕上字体略小 */
            }
        }

        @media screen and (min-width: 1920px) {
            .contact strong,
            .column h4 {
                font-size: 1.25rem; /* 大屏下字体更大 */
            }
        }