/* 初始化 */
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; /*左浮动*/
}

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

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

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

.center li {
    margin-right: 20px; /* 为每个 li 元素添加右边距，设置间距 */
}

.center li:last-child {
    margin-right: 0; /* 最后一个 li 元素右边距为0，避免多余的空白 */
}

.center a {
    text-decoration: none; /* 去掉默认的下划线 */
    color: inherit; /* 保持文本颜色继承 */
}

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

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

.company-profile {
    text-align: center; /* 让文本水平居中显示 */
    font-size: 48px; /* 设置字体大小为 48像素 */
    font-family: 'Comic Sans MS', cursive; /* 设置字体为 Comic Sans MS 或类似手写风格的字体 */
    color: #f87c29; /* 设置字体颜色为粉色 */
    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: 24px; /* 设置字体大小为 24像素 */
    text-indent: 2em; /* 首行缩进两个字符 */
    line-height: 1.5; /* 设置行间距为字体大小的 1.5 倍 */
}

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

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

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

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

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

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

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

/* 外部容器，设置为 Flexbox 布局 */
.container {
    display: flex;
    flex-wrap: wrap; /* 启用换行 */
    gap: 20px; /* 每个框之间的间距 */
    justify-content: center; /* 居中对齐 */
    padding: 20px;
}

/* 每个框，设置为固定大小，水平居中和垂直居中 */
.box {
    width: calc(33.33% - 170px); /* 每个框占据三分之一宽度，并考虑间隔 */
    height: 150px; /* 每个框的高度 */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
/*    background-color: #f0f0f0; !* 背景颜色 *!
    border: 1px solid #ccc; !* 边框 *!*/
    border-radius: 8px; /* 圆角边框 */
    text-align: center; /* 文字居中 */
    padding: 100px;
    box-sizing: border-box; /* 使计算宽度时包含边距 */
}

/* 标题样式 */
h3 {
    font-size: 24px;
    margin: 0;
    font-weight: bold;
    color: #f87c29;
}

/* 描述文字样式 */
p {
    font-size: 18px;
    margin: 5px 0 0;
    line-height: 1.5;
}

strong {
    font-weight: bold; /* 确保加粗 */
}

table {
    border-collapse: collapse; /* 合并边框 */
    width: 100%; /* 表格宽度 */
}

th, td {
    border: 1px solid black; /* 实线边框 */
    padding: 8px; /* 单元格内边距 */
    text-align: center; /* 单元格内容水平居中 */
    vertical-align: middle; /* 单元格内容垂直居中 */
}

/* 第一行背景颜色 */
tr:first-child {
    background-color: #dae1f3;
    font-weight: bold; /* 字体加粗 */
    font-size: 1.2em; /* 增大字体 */
}

/* 设置列宽 */
td:first-child, th:first-child {
    width: 35%; /* 第一列占35% */
}

td:nth-child(2), th:nth-child(2) {
    width: 65%; /* 第二列占65% */
}