@charset "utf-8";

#pg-wrap .page {
  width: 100%;
  margin: auto;
  padding: 40px 0 120px 0;
  font-size: 14px;
  color: #323232;
  text-align: center;
  clear: both;
}

#pg-wrap .page a,
#pg-wrap .page .num {
  color: #323232;
  padding: 8px 15px;
  margin: 0px 6px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}

#pg-wrap .page .noHov {
  padding: 8px 0px;
  text-align: center;
}

#pg-wrap .page .noHov .num {
  padding: 0;
  margin: 0;
  border: none;
  text-align: center;
  width: 50px;
}

#pg-wrap .page span {
  color: #323232;
  margin-right: 26px;
  margin-left: 50px;
}

#pg-wrap .page a:hover,
#pg-wrap .page a.cur {
  color: #fff;
  background-color: #910000;
  border: 1px solid #d9d9d9;
}

#pg-wrap .page a.noHov:hover {
  background-color: #fff;
}

#pg-wrap .page a.leftSpace {
  margin-left: 25px;
}

/* 手机端 */
@media screen and (max-width: 1000px) {
  #pg-wrap .page {
    font-size: 0.1rem;
    padding: 0.1rem 0 2rem 0;
    line-height: 0.6rem;
  }

  #pg-wrap .page a,
  #pg-wrap .page .num {
    padding: 0.1rem 0.2rem;
    margin: 0 0.03rem;
  }

  #pg-wrap .page span {
    margin-left: 0.2rem;
    margin-right: 0.1rem;
  }

  #pg-wrap .page a.leftSpace {
    margin-left: 0.08rem;
  }

  #pg-wrap .page .num {
    padding: 0.05rem 0.2rem;
  }

  #pg-wrap .page .noHov {
    padding: 0.1rem 0;
  }

  #pg-wrap .page .noHov .num {
    width: 0.5rem;
    font-size: 0.1rem;
  }
}

/* --------------以上为分页css----------------- */

#newsList {
  border-bottom: solid 1px #e0dfdd;
  padding: 50px 0 38px 0;
}

#newsList li a {
  width: 100%;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#newsList li i {
  width: 5px;
  height: 5px;
  display: inline-block;
  background: #000000;
  margin-right: 22px;
}

#newsList li span {
  color: #2e2e2e;
}
#newsList li span .titles {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
#newsList li .title {
  font-size: 18px;
  /* font-weight: bold; */
  display: flex;
  align-items: center;
  width: 90%;
}

#newsList li .date {
  font-size: 16px;
}

#newsList li:hover a {
  background: #fff9f0;
}

#newsList li:hover .title {
  color: #990000;
}

#newsList li:hover .title i {
  background: #990000;
}

/* 手机端 */
@media screen and (max-width: 1000px) {
  #newsList li .title {
    width: 72%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }

  #newsList li .title {
    font-size: 0.26rem;
  }

  #newsList li .date {
    font-size: 0.21rem;
  }

  #newsList li a {
    padding: 0.06rem 0;
  }

  #newsList li i {
    width: 0.1rem;
    height: 0.1rem;
    margin-right: 0.14rem;
  }

  #newsList {
    padding: 0.6rem 0 0.45rem 0;
    border-bottom: none;
  }
}

/* ---------------以上为新闻列表css------------- */

#publicTop {
  /* height: 79px; */
  border-bottom: 1px solid #e5e4e3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8%;
}

#publicTop .left {
  display: flex;
  align-items: center;
}

#publicTop .left .left-line {
  width: 3px;
  height: 16px;
  background: #bd6200;
  margin-right: 14px;
}

#publicTop .left .left-text {
  font-size: 16px;
  line-height: 30px;
  color: #000000;
  font-family: "Microsoft Ya Hei";
}

#publicTop .left .left-text span {
  color: #990000;
}

#publicTop .right {
  display: flex;
  padding-right: 27px;
}
#publicTop .right-pc {
  max-width: 70%;
  flex-wrap: wrap;
}
#publicTop .right-mobile {
  display: none;
}

#publicTop .right .text-box {
  /* width: 90px; */
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 30px;
  color: #2e2e2e;
  height: 77px;
  justify-content: center;
  font-family: "Microsoft Ya Hei";
  cursor: pointer;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  margin-right: 4px;
  padding: 0 13px;
}

#publicTop .right .text-box-change {
  color: #990000;
  border-color: #990000;
}

#publicCenter .line {
  width: 34px;
  height: 8px;
  background: #990000;
  margin: 0 auto;
  margin-top: 129px;
}

#publicTop a:hover .text-box {
  color: #990000;
  border-color: #990000;
  transition: width 0.3s ease;
}

#publicCenter .teacher-text .teacher-en {
  font-size: 18px;
  text-transform: uppercase;
  color: #000000;
  font-family: "Microsoft Ya Hei";
  text-align: center;
  margin-top: 8px;
}

.teacher-text .teacher-ch {
  font-size: 45px;
  color: #000000;
  font-family: "Microsoft Ya Hei";
  text-align: center;
  margin-top: 30px;
}

/* 手机端 */
@media screen and (max-width: 1000px) {
  #publicTop {
    height: auto;
    display: block;
    padding: 0 0;
    border-bottom: none;
  }

  #publicTop .left {
    background: #f2f2f2;
    padding: 0.37rem 0.2rem 0.16rem 0.2rem;
    justify-content: end;
  }

  #publicTop .left .left-text {
    font-size: 0.25rem;
    color: #000000;
    font-family: "Microsoft Ya Hei";
  }

  #publicTop .left .left-text span {
    font-size: 0.25rem;
    color: #000000;
    font-family: "Microsoft Ya Hei";
  }

  #publicTop .left .left-line {
    display: none;
  }

  #publicTop .right {
    margin: 0 0.18rem;
    border-bottom: 1px solid #e5e4e4;
    flex-wrap: wrap;
    padding-right: 0;
    /* display: none; */
  }

  #publicTop .right-pc {
    display: none;
  }

  #publicTop .right-mobile {
    display: block;
    margin: 0 0.18rem;
    display: flex;
    border-bottom: 1px solid #e5e4e4;
    flex-wrap: wrap;
  }

  #publicTop .right a {
    margin-right: 4.7%;
  }

  #publicTop .right .text-box {
    width: 102%;
    height: 0.9rem;
    font-size: 0.28rem;
    /* color: #990000; */
    font-family: "Microsoft Ya Hei";
    padding-top: 0.3rem;
    padding-bottom: 0.1rem;
    /* margin-right: 6%; */
  }

  #publicTop .right a:nth-child(4) {
    margin-right: 0;
  }

  #publicCenter .line {
    margin-top: 0.93rem;
  }

  #publicCenter .teacher-text .teacher-en {
    font-size: 0.17rem;
    margin-top: 0;
  }

  .teacher-text .teacher-ch {
    font-size: 0.36rem;
    margin-top: 0.2rem;
  }

  #publicTop {
    display: block;
    padding: 0 0;
    border-bottom: none;
  }

  #publicTop .left {
    background: #f2f2f2;
    padding: 0.37rem 0.2rem 0.16rem 0.2rem;
    justify-content: end;
  }

  #publicTop .left .left-text {
    font-size: 0.25rem;
    color: #000000;
    font-family: "Microsoft Ya Hei";
  }

  #publicTop .left .left-text span {
    font-size: 0.25rem;
    color: #000000;
    font-family: "Microsoft Ya Hei";
  }

  #publicTop .left .left-line {
    display: none;
  }

  #publicTop .right {
    margin: 0 0.18rem;
    border-bottom: 1px solid #e5e4e4;
    flex-wrap: wrap;
    /* display: none; */
  }

  #publicTop .right-pc {
    display: none;
  }

  #publicTop .right-mobile {
    display: block;
    margin: 0 0.18rem;
    display: flex;
    border-bottom: 1px solid #e5e4e4;
    flex-wrap: wrap;
  }

  #publicTop .right a {
    margin-right: 3.5%;
  }

  #publicTop .right .text-box {
    width: auto;
    font-size: 0.28rem;
    /* color: #990000; */
    font-family: "Microsoft Ya Hei";
    /* margin-right: 6%; */
  }

  #publicTop .right a:nth-child(4) {
    margin-right: 0;
  }

  #publicCenter .teacher-text .teacher-en {
    font-size: 0.17rem;
    margin-top: 0;
  }

  .teacher-text .teacher-ch {
    font-size: 0.36rem;
    margin-top: 0.2rem;
  }

  #publicTop {
    display: block;
    padding: 0 0;
    border-bottom: none;
  }

  #publicTop .left {
    background: #f2f2f2;
    padding: 0.37rem 0.2rem 0.16rem 0.2rem;
    justify-content: end;
  }

  #publicTop .left .left-text {
    font-size: 0.25rem;
    color: #000000;
    font-family: "Microsoft Ya Hei";
  }

  #publicTop .left .left-text span {
    font-size: 0.25rem;
    color: #000000;
    font-family: "Microsoft Ya Hei";
  }

  #publicTop .left .left-line {
    display: none;
  }

  #publicTop .right {
    margin: 0 0.18rem;
    border-bottom: 1px solid #e5e4e4;
    flex-wrap: wrap;
    /* display: none; */
  }

  #publicTop .right-pc {
    display: none;
  }

  #publicTop .right-mobile {
    display: block;
    margin: 0 0.18rem;
    display: flex;
    border-bottom: 1px solid #e5e4e4;
    flex-wrap: wrap;
  }

  #publicTop .right a {
    margin-right: 4.7%;
  }

  #publicTop .right .text-box {
    width: auto;
    font-size: 0.28rem;
    /* color: #990000; */
    font-family: "Microsoft Ya Hei";
    /* margin-right: 6%; */
  }

  #publicTop .right a:nth-child(4) {
    margin-right: 0;
  }
}

/* 以上是师资总览 */
#teamDetails {
  padding-bottom: 100px;
  background: url("/images/index/teamBg.png");
  background-size: cover;
  background-repeat: no-repeat;
}

#teamDetails .boxs {
  display: flex;
  flex-direction: column;
}

#teamDetails .title {
  font-size: 36px;
  color: rgb(41, 41, 41);
  text-transform: uppercase;
  line-height: 1.355;
  text-align: center;
  letter-spacing: 46px;
  margin: 117px 0 30px 0;
}

#teamDetails .desic {
  font-size: 18px;
  text-align: center;
  color: #999999;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

#teamDetails .desic span {
  margin-right: 23px;
}

#teamDetails .desic ul {
  display: flex;
}

#teamDetails .desic ul li a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  font-size: 18px;
  color: #999999;
  margin-right: 20px;
}

#teamDetails .desic ul li a.active {
  background: #e8e6f3;
}

/* #teamDetails .desic ul li a:hover {
  background: #e8e6f3;
} */

#teamDetails .teamLine {
  width: 100%;
}

#teamDetails .head {
  width: 370px;
  height: 490px;
  margin: 0 auto;
  margin-top: 77px;
  margin-bottom: 115px;
  object-fit: cover;
}

#teamDetails .boxs .basic {
  margin-bottom: 50px;
  text-align: left;
}

/* #teamDetails .boxs .basic div {
  font-size: 18px;
  line-height: 36px;
} */
.content-area.font-large {
  font-size: 24px;
  line-height: 48px;
}

.content-area.font-medium {
  font-size: 20px;
  line-height: 40px;
}

.content-area.font-small {
  font-size: 16px;
  line-height: 32px;
}

/* 覆盖内联样式 */
.content-area.font-large span,
.content-area.font-large p,
.content-area.font-large div {
  font-size: 24px !important;
  line-height: 48px;
}

.content-area.font-medium span,
.content-area.font-medium p,
.content-area.font-medium div {
  font-size: 20px !important;
  line-height: 40px;
}

.content-area.font-small span,
.content-area.font-small p,
.content-area.font-small div {
  font-size: 16px !important;
  line-height: 32px;
}

#teamDetails .boxs .studBasic div {
  display: table;
  margin: 0 auto;
}
#teamDetails .boxs .studBasic table {
  width: 100% !important;
}
#teamDetails .boxs .basic div img {
  margin: 50px 0 0 0;
}

#teamDetails .boxs .basic div:first-child {
  color: #990000;
  font-weight: bold;
}

#teamDetails .studTit {
  line-height: 50px;
  letter-spacing: 0px;
  font-weight: bold;
}

#teamDetails .boxs .basic {
  margin-bottom: 0;
  margin-top: 40px;
  overflow-x: scroll;
}
#teamDetails .boxs .basic td,
th {
  border: 1px solid #000;
  padding: 8px;
}

@media screen and (max-width: 1000px) {
  #teamDetails .title {
    font-size: 0.3rem;
    letter-spacing: 0.36rem;
    margin: 0.69rem 0 0.28rem 0;
    line-height: 0.4rem;
  }

  #teamDetails .desic {
    font-size: 0.16rem;
    margin-bottom: 0.16rem;
  }

  #teamDetails .head {
    width: 4.34rem;
    height: 5.73rem;
    margin-top: 0.65rem;
    margin-bottom: 1.2rem;
  }

  #teamDetails .boxs .basic {
    margin-bottom: 0.76rem;
  }

  /* .content-area .font-large {
    font-size: 0.3rem;
  }
  .content-area .font-medium {
    font-size: 0.2rem;
    line-height: 0.52rem;
  }
  .content-area .font-small {
    font-size: 0.14rem;
  } */

  .content-area.font-large {
    font-size: 0.3rem;
    line-height: 0.6rem;
  }

  .content-area.font-medium {
    font-size: 0.2rem;
    line-height: 0.4rem;
  }

  .content-area.font-small {
    font-size: 0.14rem;
    line-height: 0.28rem;
  }

  /* 覆盖内联样式 */
  .content-area.font-large span,
  .content-area.font-large p,
  .content-area.font-large div {
    font-size: 0.3rem !important;
    line-height: 0.6rem;
  }

  .content-area.font-medium span,
  .content-area.font-medium p,
  .content-area.font-medium div {
    font-size: 0.2rem !important;
    line-height: 0.4rem;
  }

  .content-area.font-small span,
  .content-area.font-small p,
  .content-area.font-small div {
    font-size: 0.14rem !important;
    line-height: 0.28rem;
  }

  #teamDetails .boxs .desic ul li {
    line-height: 0.15rem;
  }

  #teamDetails .desic ul li a {
    width: 0.25rem;
    height: 0.25rem;
    font-size: 0.16rem;
    margin-right: 0.08rem;
    line-height: 0.25rem;
  }

  #teamDetails .studTit {
    letter-spacing: 0;
  }

  #teamDetails .boxs .basic div img {
    width: 98%;
  }
}

/* -------------以上为师资队伍总览详情css-------------- */
#aboutUs {
  background-image: url("../images/index/aboutUsbg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
}

#aboutUs .aboutTable {
  background-color: rgba(255, 251, 246, 0.4);
  padding: 30px 38px;
}

#aboutUs .aboutTable .tel {
  display: inline-block;
  padding: 5px 50px 5px 13px;
  background: #990000;
  color: #e1b3b3;
  margin-bottom: 40px;
  /* margin-top: 54px; */
}

#aboutUs .aboutTable .phone-tables {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

#aboutUs .aboutTable .phone-tables .phone-table {
  overflow: hidden;
  flex: 1 1 400px;
  min-width: 300px;
}

#aboutUs table {
  width: 100%;
  border-collapse: collapse;
}

#aboutUs td {
  font-size: 16px;
  padding: 12px 0 12px 40px;
  border: 1px solid #e5e1df;
}

#aboutUs td:first-child {
  width: 45%;
}

#aboutUs .abLine {
  height: 2px;
  margin: 30px 38px;
  background:
    /* 浅蓝色竖线 */ linear-gradient(white, white) left center /
      1px 10px no-repeat,
    /* 白色虚线 */
      linear-gradient(90deg, #dedede 0%, #dedede 50%, transparent 50%) left 3px
      center / 3px 2px;
}

#aboutUs .addressImg {
  margin: 0 38px 110px 38px;
  width: 94%;
}

@media screen and (max-width: 1250px) {
  #aboutUs .addressImg {
    width: 93%;
  }
}

@media screen and (max-width: 1224px) {
  #aboutUs .addressImg {
    width: 91%;
  }
}

@media screen and (max-width: 1000px) {
  #aboutUs .aboutTable .tel {
    font-size: 0.32rem;
    padding: 0.06rem 0.68rem 0.06rem 0.18rem;
  }

  #aboutUs td {
    font-size: 0.24rem;
    padding: 0.16rem 0 0.16rem 0.5rem;
  }

  #aboutUs .aboutTable .phone-tables .phone-table {
    flex: 1 1 0.58rem;
    min-width: 3rem;
  }

  #aboutUs .aboutTable .phone-tables {
    gap: 1.22rem;
  }

  #aboutUs .addressImg {
    width: 100%;
    margin: 0;
    padding: 0.67rem 0 1.87rem 0;
  }

  #aboutUs .abLine {
    display: none;
  }

  #aboutUs .aboutTable {
    padding: 0;
  }

  #aboutUs .aboutTable .phone-tables .phone-table:nth-child(2) {
    margin-top: -0.6rem;
  }
}

/* --------------以上为关于我们css------------- */
#talent {
  background-image: url("/images/index/outstandingTalents.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
  /* padding: 55px 0; */
}

#talent .liBox {
  width: 100%;
  background: #fff;
  border: solid 1px #e5e5e5;
  cursor: pointer;
  padding: 32px 38px 32px 38px;
  margin-bottom: 25px;
  position: relative;
}

#talent .liBox:nth-child(1) {
  margin-top: 50px;
}

#talent .liTop {
  margin-bottom: 26px;
}

#talent .liTop .triangle-right {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  /* 高度的一半 */
  border-bottom: 8px solid transparent;
  /* 高度的一半 */
  border-left: 13px solid #2e2e2e;
  /* 宽度 */
  display: inline-block;
  margin-right: 13px;
}

#talent .liTop span {
  font-size: 20px;
  color: #2e2e2e;
}

#talent .liBottom {
  display: flex;
  /* margin: 0 30px; */
  display: flex;
  align-items: center;
  gap: 50px;
  /* 中间间距 */
  margin: 0 -25px;
  flex-wrap: wrap;
  /* 抵消两侧间距 */
}

#talent .liBottom .lis {
  display: flex;
  align-items: center;
  flex: 0 0 10%;
  /* margin: 0 25px; 实际控制间距 */
}

#talent .liBottom .lis span {
  font-size: 20px;
  margin-right: 8px;
}

#talent .liBottom .lis img {
  width: 20px;
  height: 20px;
}

#talent .liBox .liBottom {
  padding-left: 57px;
}

#talent .liBox .shadowLine {
  height: 9px;
  width: 100%;
  position: absolute;
  bottom: -10px;
  background: #f5f5f5;
  left: 0;
}

#talent .liBox .hoverLine {
  position: absolute;
  height: 5px;
  width: 100%;
  background-image: url(/images/index/colorBorder.png);
  bottom: -2px;
  left: 0;
  display: none;
}

#talent .liBox:hover .hoverLine {
  display: block;
}

#talent .liBox:hover {
  background: #fffcf8;
}

#talent .liBox:hover .triangle-right {
  border-left: 13px solid #990000;
  /* 宽度 */
}

#talent .liBox:hover .liTop span {
  color: #990000;
}

#talent .liBox:hover {
  background: url("../images/index/rightBg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}

@media screen and (max-width: 1000px) {
  #talent {
    padding: 0.58rem 0;
  }

  #talent .liBox {
    padding: 0.32rem 0.13rem;
    margin-bottom: 0.42rem;
  }

  #talent .liBox:nth-child(1) {
    margin-top: 0.5rem;
  }

  #talent .liBottom {
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0 0.2rem;
  }

  #talent .liTop .triangle-right {
    margin-right: 0.27rem;
    border-top: 0.1rem solid transparent;
    border-bottom: 0.1rem solid transparent;
    border-left: 0.14rem solid #2e2e2e;
  }

  #talent .liBox .liBottom {
    padding-left: 0.2rem;
    margin-top: 0.23rem;
  }

  #talent .liBottom .lis img {
    width: 0.27rem;
    height: 0.24rem;
  }

  #talent .liTop span {
    font-size: 0.26rem;
  }

  #talent .liBottom .lis span {
    font-size: 0.26rem;
  }

  #talent .liTop {
    margin-bottom: 0;
    display: flex;
    align-items: center;
  }

  #talent .liBox:hover .triangle-right {
    border-left: 0.14rem solid #990000;
    /* 宽度 */
  }
}

/* --------------以上为杰出人才css------------- */
/* 基础样式和容器 */
.info-section {
  background: url("../images/index/newBg.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 28px 0 90px 0;
  background-position: top 115px left 0;
}

.containers {
  background: transparent;
  margin: 0 auto;
  display: flex;
  /* PC端布局 */
  justify-content: space-between;
  gap: 78px;
  /* 间距 */
}

/* Section Header Styles */
.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  position: relative;
}

.header-left {
  display: flex;
  align-items: center;
}

.header-left .titleFlex {
  display: flex;
  flex-direction: column;
}

.section-header .icon {
  display: inline-block;
  width: 58px;
  height: 52px;
  margin-right: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.news-icon {
  background-image: url("../images/index/icon1.png");
  /* 假设新闻图标 */
}

.announcement-icon {
  background-image: url("images/announcement-icon.png");
  /* 假设公告图标 */
}

.section-header .title {
  font-size: 28px;
  color: #000000;
}

.section-header .english-title {
  font-size: 14px;
  color: #a0a0a0;
  margin-top: -6px;
}

.more-link {
  font-size: 14px;
  color: #999999;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.more-link:hover {
  color: #9e0107;
}

.moreIcon {
  width: 43px;
  height: 43px;
  margin-left: 20px;
}

.secEnd {
  align-items: end;
}

/* 新闻资讯部分 */
.news-info {
  flex: 3;
  /* 占据较大比例 */
}

.news-list {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.news-item {
  display: flex;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-item:hover {
  cursor: pointer;
}

.news-image {
  flex-shrink: 0;
  width: 40%;
  /* 固定图片宽度 */
  height: 250px;
  /* 固定图片高度 */
  overflow: hidden;
}

.news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.news-item:hover .news-image img {
  transform: scale(1.1);
}

/* 新闻标题动画效果 */
.news-title {
  transition: color 0.3s ease;
}

.news-item:hover .news-title {
  color: #9e0107;
}

.news-content {
  flex-shrink: 0;
  width: 60%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.newsArrow {
  width: 24px;
  height: 16px;
  position: absolute;
  bottom: -14px;
  left: 25px;
}

.topTxt {
  padding: 10px 46px 10px 25px;
  position: relative;
}

.newLinen {
  height: 2px;
  background:
    /* 浅蓝色竖线 */ linear-gradient(white, white) left center /
      1px 10px no-repeat,
    /* 白色虚线 */
      linear-gradient(90deg, #ececec 0%, #ececec 50%, transparent 50%) left 3px
      center / 3px 2px;
}

.news-date {
  width: 66%;
  width: 125px;
  height: 40px;
  padding-left: 15px;
  /* padding: 15px; */
  font-size: 12px;
  color: #533b5b;
  background: #f9f5ed;
  margin-bottom: 20px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 3px;
}

.news-date::before {
  content: "";
  position: absolute;
  left: -5px;
  /* 调整位置使箭头贴合 */
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 11px;
  /* 您指定的宽度 */
  height: 11px;
  /* 您指定的高度 */
  background-color: #f8f4e8;
  /* 与卡片同色 */
  border-radius: 1.5px;
  /* 适当圆角 */
  z-index: -1;
}

.news-date img {
  width: 12px;
  height: 10px;
  margin-right: 10px;
}

.news-title {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 30px;
  margin-bottom: 0 0 18px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 限制两行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-description {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  /* margin-bottom: 10px; */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* 限制三行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 通知公告部分 */
.announcement {
  flex: 2;
  /* 占据较小比例 */
}

.announcement-list {
  display: flex;
  flex-direction: column;
  /* gap: 10px; 公告列表项间距 */
}

.rightlineTop {
  width: 100%;
  height: 4px;
}

.announcement-item {
  display: flex;
  align-items: center;
  padding: 20px 20px 20px 7px;
  text-decoration: none;
  color: #2e2e2e;
  font-size: 18px;
  transition: background-color 0.3s ease;
  background-color: rgb(255 255 249 / 60%);
}

#newsBox {
  position: relative;
}

.lineBottoms {
  height: 2px;
  background:
    /* 浅蓝色竖线 */ linear-gradient(white, white) left center /
      1px 10px no-repeat,
    /* 白色虚线 */
      linear-gradient(90deg, #ececec 0%, #ececec 50%, transparent 50%) left 3px
      center / 3px 2px;
}

.posiLine {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}

.date-block {
  flex-shrink: 0;
  width: 65px;
  height: 65px;
  background-color: #fffcf9;
  /* 红色背景 */
  color: #89201f;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  text-align: center;
  box-shadow: 4px 4px 0px #e0dedc;
}

.date-block .day {
  font-size: 24px;
  font-weight: bold;
  width: 100%;
  height: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fffcf9;
}

.date-block .month {
  font-size: 12px;
  line-height: 1;
  width: 100%;
  height: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eedad9;
}

.announcement-item:hover .month {
  background: #89201f;
  color: #ffffff;
}

.announcement-item:hover:hover .date-block {
  border: solid 1px #89201f;
}

.announcement-item:hover .item-title {
  font-weight: bold;
}

.item-title {
  flex-grow: 1;
  font-size: 16px;
  line-height: 1.5;
  color: #2e2e2e;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 限制两行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mobileSee {
  display: none;
}

/* 响应式设计 */
@media screen and (max-width: 1000px) {
  .containers {
    flex-direction: column;
    /* 堆叠布局 */
    gap: 20px;
    /* section间距 */
  }

  .news-info {
    padding-right: 0;
    /* 移除右侧间距 */
  }

  .news-item {
    flex-direction: column;
    /* 移动端新闻项堆叠 */
  }

  .news-image {
    width: 100%;
    /* 图片宽度100% */
    height: 4.5rem;
    /* 调整图片高度 */
  }

  .news-content {
    padding-bottom: 40px;
    /* 留出更多空间给箭头 */
  }

  .announcement-item {
    padding: 12px 15px;
  }

  .item-title {
    font-size: 0.26rem;
  }

  .moreIcon {
    width: 0.28rem;
    height: 0.28rem;
    margin-left: 0.08rem;
  }

  .section-header {
    margin-bottom: 0.3rem;
  }

  .section-header .title {
    font-size: 0.36rem;
  }

  .section-header .english-title {
    font-size: 0.14rem;
    margin-top: -0.06rem;
  }

  .section-header .icon {
    width: 0.58rem;
    height: 0.54rem;
    margin-right: 0.15rem;
  }

  .more-link,
  .more-links {
    font-size: 0.22rem;
  }

  .mobileNo {
    display: none;
  }

  .topTxt {
    padding: 0.38rem 0 0.2rem 0;
    display: flex;
    flex-direction: column;
  }

  .news-title {
    font-size: 0.28rem;
    line-height: 0.42rem;
    margin-bottom: 0 0 0.3rem 0;
  }

  .news-description {
    font-size: 0.24rem;
    line-height: 0.44rem;
  }

  .news-list {
    gap: 0.36rem;
  }

  .news-content {
    width: 100%;
    padding-bottom: 0;
  }

  #newsBox {
    display: flex;
    flex-direction: column;
  }

  .info-section {
    background: url("../images/index/newsBgMobile.png");
    padding-bottom: 0.2rem;
    background-position: 0 0;
  }

  .mobileSee {
    display: block;
  }

  .date-block {
    width: 1rem;
    height: 1rem;
    margin-right: 0.3rem;
    box-shadow: 0.04rem 0.04rem 0px #e0dedc;
  }

  .date-block .day {
    font-size: 0.38rem;
  }

  .date-block .month {
    font-size: 0.2rem;
  }

  .news-date {
    width: 1.4rem;
    height: 0.4rem;
    padding-left: 0.15rem;
    /* padding: 0.15rem; */
    font-size: 0.18rem;
    margin-bottom: 0.26rem;
    border-radius: 0.03rem;
    margin-left: 11px;
  }

  .more-link {
    font-size: 0.22rem;
  }

  .mobileNo {
    display: none;
  }
}

/* 以上为新闻资讯，通知公告css */
#switch-arrows {
  position: absolute;
  /* left: 38vw;
  bottom: -29vh; */
  width: 100%;
  height: 4px;
  display: flex;
  z-index: 9;
  /* background: #533b5b; */
  left: 0;
  right: 0;
  margin: 0 auto;
  width: fit-content;
}

#switch-arrows li {
  cursor: pointer;
}

#switch-arrows li:nth-child(odd) {
  width: 85px;
  height: 4px;
  display: inline-block;
  background: #e9e7e9;
}

#switch-arrows li:nth-child(even) {
  width: 2px;
  height: 4px;
  display: inline-block;
  background: #e9e7e9;
  margin: 0 4px;
}

#switch-arrows li.active {
  background: #deb151;
}
@media screen and (max-width: 1000px) {
  #switch-arrows {
    position: absolute;
    /* height: 0.4rem; */
    bottom: 0.14rem;
    /* left: 37vw; */
  }
  #switch-arrows li:nth-child(odd) {
    width: 0.5rem;
    height: 0.04rem;
  }
  #switch-arrows li:nth-child(even) {
    width: 0.02rem;
    height: 0.03rem;
    margin: 0 0.02rem;
  }
}