/* 初始化 */
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: 36px; /* 设置字体大小为 24像素 */
    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: 18px; /* 设置字体大小为 24像素 */
    text-indent: 2em; /* 首行缩进两个字符 */
}

/* 底部栏样式 */
.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 布局 */
.container2 {
    align-items: center; /* 水平居中对齐 */
    display: flex;
    flex-direction: column; /* 每个项目垂直排列 */
    gap: 30px; /* 每个项之间的间距（增加间距） */
    padding: 20px;
}

/* 每个项目的容器 */
.item {
    display: flex;
    flex-direction: row; /* 图片在左，文字在右 */
    align-items: center; /* 水平居中对齐 */
    box-sizing: border-box; /* 包括边框和内边距 */
    gap: 30px; /* 图片和文字之间的间距（增加间距） */
    width: 1000px; /* 固定宽度，防止内容变化 */
    height: 300px; /* 固定高度，避免根据内容变化 */
}

/* 图片的样式 */
.image {
    width: 500px; /* 继续增大图片宽度 */
    height: 250px; /* 继续增大图片高度 */
    object-fit: cover; /* 保持图片的宽高比，裁剪内容 */
    border-radius: 15px; /* 增加图片圆角 */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); /* 增加更明显的阴影效果 */
}

/* 文字内容的样式 */
.text {
    flex: 2; /* 文字部分占据剩余空间 */
    text-align: left; /* 文字左对齐 */
    overflow: hidden; /* 防止内容溢出 */
    word-wrap: break-word; /* 文字过长时自动换行 */
    height: auto; /* 确保文字部分占满容器高度 */
}

/* 标题的样式 */
h3 {
    font-size: 24px; /* 增大标题字号 */
    margin: 0;
    font-weight: bold;
    color: #f87c29; /* 设置标题颜色为橙色 */
}

/* 描述文字的样式 */
p {
    font-size: 16px; /* 增大描述文字字号 */
    margin-top: 10px;
    color: #666;
    line-height: 1.6; /* 增加行高，使文字更为清晰 */
    text-indent: 2em; /* 首段缩进两个字 */
}