/* 初始化 */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    margin: 0; /*将外边距设为0，消除元素之间的默认空白空间。*/
    padding: 0; /*将内边距设为0，消除元素内部的默认空白空间。*/
    border: 0; /*去除边框样式，消除元素的默认边框。*/
    font-size: 100%; /*将字体大小设置为父元素的100%，以确保字体大小始终按照默认大小显示。*/
    font-weight: normal; /*将字体粗细设置为正常（默认）。*/
    vertical-align: baseline; /*将元素的垂直对齐方式设置为基线对齐。*/
    background: transparent; /*将背景颜色设置为透明。*/
}

/*导航栏*/
.box_navbar {
    height: 80px; /*高度80像素*/
    width: 100%; /*宽度100%*/
    background: white; /*背景白色*/
    opacity: 1.0; /*透明度1.0*/
    font-family: 'Poppins', Arial, sans-serif; /* 更换为 Poppins 字体 */
    z-index: 20; /*元素堆叠顺序*/
    position: fixed; /*固定定位*/
    top: 0; /*固定元素在左上角*/
    left: 0px; /*固定元素在左上角*/
}

.box_header {
    height: 80px; /*高度80像素*/
    width: 90%; /*宽度70%*/
    margin: 0 auto; /*块级元素水平居中*/
}

.header_left {
    display: flex;
    height: 80px; /*高度80像素*/
    width: 35%; /*宽度35%*/
    margin: 0 auto; /* 左右外边距设为auto */
    align-items: center; /* 垂直居中 */
    float: left; /*左浮动*/
}

.header_right {
    display: flex;
    height: 80px; /*高度80像素*/
    width: 40%; /*宽度35%*/
    margin: 0 auto; /* 左右外边距设为auto */
    align-items: center; /* 垂直居中 */
    float: right; /*右浮动*/
}

/*logo大小*/
.logo_size {
    width: 110px;
    height: 110px;
}

.center {
    list-style: none; /* 去除默认的列表样式 */
    padding: 0;
    display: flex;
    margin: 0 auto; /* 左右外边距设为auto */
}

.center li {
    display: inline-block; /* 让列表项在一行内显示 */
    margin-right: 20px; /* 增加右侧间距 */
}

.center li:last-child {
    margin-right: 0; /* 最后一个元素不加右侧间距 */
}

.link {
    font-size: 20px;
    color: black; /*设置颜色*/
    text-decoration: none; /* 去除下划线 */
    font-weight: bold; /* 加粗字体 */
}

.img_home {
    width: 1900px; /* 图片宽度填满容器 */
    height: auto; /* 让高度按比例自动调整 */
    margin-top: 80px; /* 添加与导航栏高度相同的上外边距 */
}

/* 底部栏样式 */
.footer {
    position: relative; /* 使用相对定位 */
    left: 0;
    bottom: 0;
    width: 1900px;
    background-color: antiquewhite;
    color: white;
    text-align: center;
    padding: 10px 0;
    height: 215px; /* 设置底部栏高度为50像素 */
}

.footer-logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 200px;
    height: 200px;
    /* 如果需要固定 logo 的大小，可以添加 width 和 height 属性 */
}

.information1 {
    position: absolute;
    bottom: 45px;
    left: 0;
    right: 0;
    color: black;
}

.mailbox {
    color: blue; /* 设置链接颜色为白色 */
    transition: color 0.5s; /* 设置字体颜色过渡时间为0.5秒 */
}

.divider {
    border-top: 1px solid #666;
    width: 50%; /* 调整分割线长度 */
    margin: 10px auto; /* 居中显示 */
    bottom: 2px; /* 调整分割线位置 */
    position: relative; /* 使用相对定位 */
}

.divider2 {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
}

.copyright {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    color: black;
}

.company-profile {
    text-align: center; /* 让文本水平居中显示 */
    font-size: 36px; /* 设置字体大小为 24像素 */
    font-family: 'Comic Sans MS', cursive; /* 设置字体为 Comic Sans MS 或类似手写风格的字体 */
    color: pink; /* 设置字体颜色为粉色 */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* 添加文字阴影效果 */
    font-weight: bold; /* 设置字体加粗 */
}

.center-left {
    text-align: left; /* 设置文本左对齐 */
    margin: 0 auto; /* 将元素水平居中 */
    width: 50%; /* 设置元素宽度为页面宽度的一半 */
}

.text-font {
    font-size: 18px; /* 设置字体大小为 24像素 */
}

.strong {
    font-weight: bold; /* 设置字体加粗 */
}

.bold {
    font-family: 'Comic Sans MS', cursive; /* 设置字体为 Comic Sans MS 或类似手写风格的字体 */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* 添加文字阴影效果 */
    font-weight: bold; /* 设置字体加粗 */
}

.dot {
    font-size: 25px; /* 设置点的字体大小为 20 像素 */
    color: black; /* 设置点的颜色为蓝色 */
}

.image-container {
    display: flex; /* 使用 Flexbox 布局 */
    justify-content: space-between; /* 在两张图片之间留出空间 */
    align-items: center; /* 垂直居中对齐 */
}

.image1-container {
    width: auto; /* 设置宽度 */
    height: 330px; /* 设置高度，使其为正方形 */
    object-fit: cover; /* 保持图片比例，并裁剪以填满 */
    border-radius: 20px; /* 设置图片边框圆角半径为 10 像素 */
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* 设置图片阴影效果 */
    transition: transform 0.3s ease; /* 添加变换过渡效果 */
}

.image2-container {
    width: auto; /* 设置宽度，保持与左边相同 */
    height: 330px; /* 高度自动调整，保持长方形 */
    object-fit: cover; /* 保持图片比例，并裁剪以填满 */
    border-radius: 20px; /* 设置图片边框圆角半径为 10 像素 */
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* 设置图片阴影效果 */
    transition: transform 0.3s ease; /* 添加变换过渡效果 */
}

.highlighted-text {
    color: pink; /* 设置字体颜色为红色 */
    font-weight: bold; /* 设置字体为加粗 */
}

.bold-text {
    font-weight: bold; /* 强制加粗 */
}

.linkTwo {
    font-size: 16px;
    color: blue; /*设置颜色*/
    text-decoration: none; /* 去除下划线 */
}

/* 基础表格样式 */
.privacy-table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;   /* 圆角 */
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

.privacy-table th,
.privacy-table td {
    padding: 12px 16px;
    border: 1px solid #e6e6e6;
    text-align: left;
    word-break: break-all;
}

/* 加深表头背景 */
.privacy-table thead {
    background: #75abe0;   /* 深墨蓝 */
    color: #fff;           /* 白色文字 */
    font-weight: 600;
}

/* 斑马纹 */
.privacy-table tbody tr:nth-child(even) {
    background: #fafafa;
}

/* 悬停高亮 */
.privacy-table tbody tr:hover {
    background: #f0f9ff;
}

/* 链接 */
.privacy-table a {
    color: #0969da;
    text-decoration: none;
}
.privacy-table a:hover {
    text-decoration: underline;
}

/* 移动端横向滚动 */
@media (max-width: 600px) {
    .privacy-table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .privacy-table {
        min-width: 520px;
    }
}