.e20page {
  width: 100%;
  height: 810px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px; /* 调整间距减少空白区域 */
  margin-bottom: 5px; /* 可以设置底部间距，以便减少上下间隔 */
}

.e20bg {
  width: 100vw;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  position: relative;
}
.bg1 {
  background-image: url(../img/e20page1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bg2 {
  background-image: url(../img/e20page2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bg3 {
  background-image: url(../img/e20page3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bg4 {
  background-image: url(../img/e20page4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bg5 {
  background-image: url(../img/e20page5.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bg6 {
  background-image: url(../img/e20page6.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bg7 {
  background-image: url(../img/e20page7.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.page_content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page1_main {
  width: 50%;
  height: 70%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  /* align-items: center; */
}
.page_title {
  width: 85%;
  height: 30%;
  font-size: 48px;
  font-weight: bold;
  color: rgb(207, 66, 71);
  display: flex;
  align-items: center;
  /* justify-content: flex-end; */
  /* letter-spacing: 8px; */
}
.page_title h1{
  font-size: 48px;
}
.page3_title {
  width: 85%;
  height: 20%;
  font-size: 35px;
  font-weight: bold;
  color: rgb(117, 116, 117);
  display: flex;
  align-items: center;
  /* justify-content: flex-end; */
  /* letter-spacing: 8px; */
}
.page3_des {
  width: 85%;
  height: 30%;
  font-size: 25px;
  font-weight: bold;
  color: rgb(117, 116, 117);
  display: flex;
  align-items: center;
  /* justify-content: flex-end; */
  /* letter-spacing: 2px; */
}
.page_des h1{
  font-size: 25px;
}
.page_des {
  width: 85%;
  height: 20%;
  display: flex;
  align-items: center;
  font-size: 30px;
  color: rgb(207, 66, 71);
  font-weight: bold;
}
.triangle-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid rgb(71, 68, 71); /* 调整颜色和边框宽度来设置三角形的样式 */
  margin-left: 10px;
  /* letter-spacing: 8px; */
}
.page_family {
  width: 80%;
  height: 20%;
  display: flex;
  align-items: center;
  font-size: 28px;
  font-family: "Zhi Mang Xing", cursive;
  color: rgb(95, 93, 93);
  /* letter-spacing: 8px; */
}
.unit {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10%;
  color: rgb(95, 93, 93);
}
.unit_main {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
}
.unit_ss {
  width: 80%;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.page2_main {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page2_title {
  width: 100%;
  height: 20%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 48px;
  font-weight: bold;
  color: rgb(207, 66, 71);
  /* letter-spacing: 8px; */
}
.page2_title h1{
  font-size: 48px;
}
.page2_des {
  width: 50%;
  height: 100%;
  /* background-color: antiquewhite; */
}
.page2_destitle {
  width: 100%;
  height: 20%;
  display: flex;
  align-items: flex-end;
  font-size: 35px;
  font-weight: bold;
  color: rgb(95, 93, 93);
}
.page2_content {
  width: 100%;
  height: 65%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
}
.page2_detail {
  width: 48%;
  height: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.page2_item {
  width: 100%;
  height: 30%;
  display: flex;
  align-items: center;
  font-size: 25px;
  color: rgb(36, 109, 174);
  font-weight: bold;
}
.page2_ul {
  width: 100%;
  height: 70%;
}
.page2_ul ul {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.page2_ul ul li {
  list-style-type: disc;
  margin-left: 20px;
  font-family: "Arial", sans-serif;
  font-weight: 500;
}
.page4_des {
  width: 88%;
  height: 70%;
  /* background-color: red; */
}
.page4_des ul {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.page4_des ul li {
  list-style-type: none;
  font-family: "Arial", sans-serif;
  font-weight: 600;
}
.page4_des ul li::before {
  content: "\25B6";
  margin-right: 5px;
  color: rgb(207, 66, 71);
}

/* 针对100%的设备缩放比 (1dppx) */
@media only screen and (resolution: 1dppx) {
  /* 适用于100%缩放比设备 */
  .e20page {
    width: 100%;
    height: 810px;
  }
}

/* 针对125%的设备缩放比 (1.25dppx) */
@media only screen and (resolution: 1.25dppx) {
  /* 适用于125%缩放比设备 */
  .e20page {
    width: 100%;
    height: 600px;
  }
}

/* 针对不同分辨率的适配 */
@media only screen and (max-width: 5120px) {
  .e20page {
    height: 2160px;
  }
}

/* 3840x2160 分辨率 */
@media only screen and (max-width: 3840px) {
  .e20page {
    height: 1621px;
  }
}
@media only screen and (max-width: 2880px) {
  .e20page {
    width: 100%;
    height: 1216px;
  }
}
/* 2560x1440 分辨率 */
@media only screen and (max-width: 2560px) {
  .e20page {
    width: 100%;
    height: 1081px;
  }
}
@media only screen and (max-width: 2048px) {
  .e20page {
    width: 100%;
    height: 864px;
  }
}
/* 1920x1080 分辨率 */
@media only screen and (max-width: 1920px) {
  .e20page {
    width: 100%;
    height: 810px;
  }
}
@media only screen and (max-width: 1680px) {
  .e20page {
    width: 100%;
    height: 708px; /* 可以根据需要调整 */
  }
}
@media only screen and (max-width: 1600px) {
  .e20page {
    width: 100%;
    height: 675px; /* 可以根据需要调整 */
  }
}
@media only screen and (max-width: 1366px) {
  .e20page {
    width: 100%;
    height: 576px; /* 可以根据需要调整 */
  }
}
/* 1280x720 分辨率 */
@media only screen and (max-width: 1280px) {
  .e20page {
    width: 100%;
    height: 540px; /* 可以根据需要调整 */
  }
}
@media only screen and (max-width: 1024px) {
  .e20page {
    width: 100%;
    height: 432px; /* 可以根据需要调整 */
  }
}

@media only screen and (max-width: 800px) {
  .e20page {
    width: 100%;
    height: 337px; /* 可以根据需要调整 */
  }
}
@media only screen and (max-width: 640px) {
  .e20page {
    width: 100%;
    height: 270px; /* 可以根据需要调整 */
  }
}