
.company-image {
    width: 1250px;
    height: 500px;
    margin: 0 auto; /* 设置左右边距为自动，实现水平居中 */
    overflow: hidden; /* 确保容器内的图片不溢出 */
    display: flex;
    justify-content: center;
    align-items: center;

}

.company-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 让图片填充容器 */
}


.company-details {
    margin: 0 auto; /* 设置左右边距为自动，实现水平居中 */
    width: 1250px;
    padding-bottom: 250px;
    line-height: 2; /* 增加行距 */
}

.company-description {
    margin-top: 50px; /* 增加上边距 */
    width: 1250px;
}


.dbtp-img img {
    width: 100%;
    height: auto;
}

.gsjg-img {
    padding-top: 60px;
    padding-bottom: 130px;
    text-align: center; /* 使用text-align属性实现图片水平居中 */
}

.gsjg-img img {
    width: 80%;
    height: auto;
}


.qyh-top-img {
    padding-top: 60px;
    padding-bottom: 80px;
    text-align: center; /* 将图片水平居中显示 */
    margin-left: 7.5%;
    margin-right: 7.5%;
}

.qyh-top-img img {
    max-width: 80%; /* 图片宽度最大为父容器的100% */
    height: auto; /* 保持图片比例 */
    margin-bottom: 30px;
}

.qyh-zj {
    position: relative; /* 将父容器设置为相对定位，以便绝对定位的元素相对于它定位 */
}

.qyh-zj img {
    width: 100%;
    height: auto;
    display: block; /* 将图片显示为块级元素 */
}


.qyh-zj .overlay-text {
    position: absolute; /* 将文字设置为绝对定位，相对于父容器定位 */
    top: 40%; /* 从上方居中 */
    left: 50%; /* 从左侧居中 */
    text-align: center; /* 将图片水平居中显示 */
    transform: translate(-50%, -50%); /* 通过平移来使文字垂直水平居中 */
    z-index: 1; /* 设定文字的层叠顺序，确保它在图片上方显示 */
    color: white; /* 设置文字颜色为白色 */
    font-size: 24px; /* 设置文字大小 */
    font-weight: bold; /* 设置文字粗细 */
}

.qyh-zj .overlay-text h1 {
    font-size: 38px; /* 修改字体大小为24像素 */
    font-weight: 500;
}

.qyh-zj .overlay-text p {
    font-size: 21px; /* 修改字体大小为24像素 */
    font-weight: 500;
    padding-bottom: 25px;
}

.qyh-zj .overlay-text a {
    font-size: 16px; /* 修改字体大小为24像素 */
    background-color: rgb(76, 102, 235);
    color: aliceblue;
    padding: 10px 30px; /* 设置一些内边距，增加内容的可读性 */
    font-weight: 500;
}

.qyh-bottom {
    margin: 50px auto 70px auto; /* 上增加100px，下增加20px，使用auto实现水平居中 */
    width: 1450px;
    height: 500px;
    display: flex;
}

.qyh-bottom-zl {
    position: relative;
    width: 460px;
    height: 500px;
    margin: 0 auto;
}

.qyh-bottom-zl-img {
    position: relative;
    overflow: hidden; /* 确保容器内的图片不溢出 */
    width: 460px;
    height: 200px;
}

.qyh-bottom-zl-img img {
    width: 100%;
    height: auto;
}

.qyh-bottom-text {
    height: 260px;
    width: 380px;
    background-color: rgb(236, 236, 236);
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 40px; /* 添加左内边距为20px */
    padding-right: 40px; /* 添加右内边距为20px */
    padding-top: 40px;
    color: white;
}

.qyh-bottom-text h1 {
    font-size: 30px; /* 修改字体大小为24像素 */
    font-weight: 500;
    color: black;
}

.qyh-bottom-text p {
    font-size: 18px; /* 修改字体大小为24像素 */
    font-weight: 500;
    padding-bottom: 25px;
    color: black;
}

.qyh-bottom-text a {
    font-size: 16px; /* 修改字体大小为24像素 */
    background-color: rgb(76, 102, 235);
    color: aliceblue;
    padding: 10px 30px; /* 设置一些内边距，增加内容的可读性 */
    font-weight: 500;
}

.qyh-bottom-zl .qyh-bottom-zl-img img {
    transition: transform 0.3s ease; /* 添加默认的过渡效果 */
}

.qyh-bottom-zl:hover .qyh-bottom-zl-img img {
    transform: scale(1.1); /* 当光标指向.qyh-bottom-zl时，图片放大1.1倍 */
}

/*
.Fzc{
  display: flex;
  width: 1150px;
  margin: 50px auto;
  margin-bottom: 120px;
  justify-content: space-between; !* 左右对齐 *!
  align-items: flex-start; !* 垂直顶部对齐 *!
}

.Fzc-left {
  position: sticky;
  top: 50px; !* 距离顶部的距离 *!
}

.Fzc-right {
  flex: 1; !* 占据剩余空间 *!
}

.Fzc-left{
  max-width: 250px;
  margin-top: 50px;
}
.Fzc-left img{
  width: 100%;
  height: auto;

}
.FZC-right-hear{
  padding-left: 50px;
  padding-right: 80px;
  margin-right: 10px;
  padding-top: 30px;
  width: 650px;
  height: 400px;
  background-color: rgb(234, 242, 250);
}

.FZC-right-hear p {
  font-weight: bold; !* 设置字体加粗 *!
  font-size: 24px; !* 设置字体大小 *!

  color: rgb(58, 58, 175);
}
.FZC-right-hear a {

  line-height: 1.5;
}

.FZC-right-hear-imge{
  width: 400px;
  height: 220px;
  margin-top: 30px;
  overflow: hidden;
}

.FZC-right-hear {
  margin-top: 30px;
  position: relative;
}

.FZC-right-hear img {
  transition: transform 0.5s ease; !* 添加过渡效果 *!
}

.FZC-right-hear img:hover {
  transform: scale(1.2); !* 图片放大 *!
}*/


.fzc_container {
    max-width: 900px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 200px;
}

.fzc_timeline-content {
    position: relative;
    padding-left: 33px;
}

.fzc_timeline-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 33px;
    width: 1px;
    height: calc(100% + 150px); /* Adjust the height to leave space for the dot */
    background-color: #dedede;
}

.fzc_timeline-content::after {
    content: '';
    position: absolute;
    bottom: -150px; /* Adjust this value to move the dot up or down */
    left: 30px;
    width: 8px;
    height: 8px;
    background-color: #dedede;
    border-radius: 50%;
}

.fzc_year {
    position: relative;
    margin-bottom: 50px;
}

.fzc_year-label {
    position: absolute;
    left: -50px;
    top: 0;
    color: #77787a;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 31px;
    border: 0.5px solid #dedede;
    background-color: #fff; /* Add background color to white */
}

.fzc_events {
    padding-top: 1px;
    margin-left: 130px;

}

.fzc_event {
    margin-bottom: 80px;
}

.fzc_event h3 {
    font-size: 28px;
    margin-bottom: -10px;
    color: #000000;
    font-weight: 400;
    position: relative; /* Add this to position the dot relative to the h3 */
}

.fzc_event h3::before {
    content: '';
    position: absolute;
    left: -20px; /* Adjust this value as needed */
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background-color: #000000;
    border-radius: 50%;
}

.fzc_event p {
    font-size: 18px;

    line-height: 2;
    color: #666666;
}

.fzc_event img {
    width: 100%;
    max-width: 450px;
    height: auto;
    display: block;
    margin-top: 30px;
}