.linkMain {
  display: flex;
}


.linkSwiper-swiper-button-prev {
  width: 200px;
  height: 79px;
  background: #ecf0f6;
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.linkSwiper-swiper-button-next {
  width: 200px;
  height: 79px;
  background: #ecf0f6;
  margin-left: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.linkMain .swiper-slide {
  /* background: url(../image/newIndex/linkItemBg.png); */
  background-size: 100% 100%;
  width: 360px;
  /* line-height: 79px; */
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  background: #A74F48;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.linkMain .swiper-slide a {
  color: #FFFFFF;
}

.linkArea {
  padding: 25px 0 49px 0;
}

.noticeItem {
  width: 427px;
  height: 91px;
  border-bottom: 1px dashed #9f9f9f;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.noticeItem:hover {
  background: #374e71;
  padding: 0 32px;
}

.noticeItem:hover div {
  color: white;
}

.noticeItem:hover a {
  color: white !important;
}

.noticeItem:hover .img {
  background: url(../image/newIndex/calendar_active.png);
}

.noticeItem>div:nth-child(1) {
  font-size: 16px;
}

.noticeItem .img {
  width: 14px;
  height: 14px;
  background: url(../image/newIndex/calendar.png);
}

.noticeItem>div:nth-child(2) {
  font-size: 14px;
  font-family: Times New Roman;
  font-weight: bold;

  color: #374e71;
  display: flex;
  margin-top: 17px;
  align-items: center;
}

.noticeTime {
  margin-left: 6px;
  font-family: Times New Roman;
}

.SwiperCampusNews .swiper-button-next,
.SwiperCampusNews .swiper-button-prev {
  display: none;
}

.mySwiperHome img {
  /* height: 740px; */
  width: 100%;
}

.mySwiperHome {
  /* margin: 0 120px !important; */
}

.swiper-pagination-bullet {
  width: 80px;
  background: transparent;
  height: 5px;
  opacity: 1;
  margin-left: 100px;
  width: 10px;
  height: 10px;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.swiper-pagination-bullet-active {
  background: white !important;
}

.mySwiperHome .swiper-button-prev::after {
  content: "";
  background: url("../image/newIndex/bannerL.png") no-repeat;
  background-size: 100% 100%;
  width: 46px;
  height: 46px;
  position: relative;
  left: 60px;
}

.mySwiperHome .swiper-button-next::after {
  content: "";
  background: url("../image/newIndex/bannerR.png") no-repeat;
  background-size: 100% 100%;
  width: 46px;
  height: 46px;
  position: relative;
  right: 60px;
}

.mySwiperHome .swiper-button-prev,
.swiper-button-next {
  left: 0;
  right: 0 !important;
  width: 50px !important;
}

.gap {
  /* margin: 0 321.5px; */
  width: 1260px;
  margin: 0 auto;
}

.topArea {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin-bottom: 42px;
}

.titleArea {
  display: flex;
  align-items: center;
}

.titleArea img {
  width: 20px;
  height: 21px;
}

.titleArea .title {
  font-size: 22px;
  font-weight: 300;
  color: #374e71;
  margin-left: 9px;
}

.titleArea .titleEn {
  font-size: 16px;
  font-weight: 300;
  color: #7d7d7e;
  margin-left: 13px;
}

.btn {
  width: 72px;
  line-height: 24px;
  border: 1px solid #697a94;
  border-radius: 2px;
  font-size: 12px;
  color: #697a94;
  display: block;
  text-align: center;
}

.newsArea {
  padding: 55px 0 50px 0;
}

/* 新闻动态-左边 */
.newsArea {
  background: url("../image/newIndex/newsBG.png") no-repeat;
  background-size: 100% 100%;
}

.SwiperCampusNews {
  width: 630px;
}

.newsMain {
  display: flex;
  justify-content: space-between;
}

.news-swiper-button-prev,
.news-swiper-button-next {
  background-image: none;
  height: 100%;
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  background: #6a7a94;
  line-height: 60px;
  height: 100px;
  width: 40px;
  cursor: pointer;
}

.news-swiper-button-prev {
  left: -40px;
}

.news-swiper-button-next {
  right: -40px !important;
}

.news-swiper-button-prev::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;

  background: url("../image/index/news/slideLeft.png") no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 25px;
  left: 50%;
}

.news-swiper-button-next {
  right: -10px;
}

.news-swiper-button-next::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  background: url("../image/index/news/slideRight.png") no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 25px;
  left: 50%;
}

.leftArea {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.leftArea img {
  width: 630px;
  height: 380px;
}

.SwiperCampusNews .swiper-pagination {
  position: relative;
  top: -114px;
  z-index: 99;
  left: 0 !important;
  text-align: left;
  padding-left: 20px;
}

.CampusNews-wapper-item-bottom {
  width: 630px;
  height: 71px;
  background: #ffffff;
  padding: 0 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.CampusNews-wapper-item-bottom> :nth-child(1) {
  font-size: 17px;
  margin-right: 19px;
  color: #333;
}

.CampusNews-wapper-item-bottom> :nth-child(1):hover {
  color: #374e71;
}

/* 新闻动态-右边 */
.center-content-CampusNews {
  background: #fff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.CampusNews-rili-main {
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 451px;
}

.newsItem {
  display: flex;
  flex-direction: column;
  width: 618px;
  height: 80px;
  background: #f9fbff;
  padding: 14px 18px 0px 26px;
}

.newsItemTitleArea {
  display: flex;
  justify-content: space-between;
}

.newsItemTitleArea div:nth-child(1) {
  font-size: 17px;
  color: #374e71;
}

.newsItemTitleArea div:nth-child(2) {
  font-size: 16px;
  font-family: Times New Roman;
  font-weight: bold;
  color: #374e71;
  position: relative;
  left: 20px;
}

.newsItemContent {
  margin-top: 16px;
  font-size: 12px;
  color: #808080;
}

/* 通知公告 */
.twoArea {
  background: url("../image/newIndex/noticeBg.png");
  padding: 60px 0 73px 0;
}

.announcementArea {
  width: 427px;
}

.SRArea {
  margin-left: 60px;
  /* flex: 1; */
}

.announcement {
  display: flex;
  flex-wrap: wrap;
  width: calc(550px * 2 + 60px * 2);
  margin: 0 auto;
  position: relative;
  left: -60px;
}

.announcementItem {
  background: white;
  width: 550px;
  min-height: 40px;
  margin-top: 30px;
  margin-left: 60px;
  display: flex;
  padding: 20px 10px;
  border-radius: 8px;
}

.announcementItem>div:nth-child(1) {
  background: #374e70;
  padding: 5px;
  color: white;
  font-size: 12px;
  margin-right: 20px;
  border-radius: 4px;
  width: 77px;
  height: 70px;
  box-sizing: border-box;
  padding-top: 10px;
}

.announcementItem>div:nth-child(1)>div:nth-child(1) {
  display: flex;
  align-items: center;
}

.announcementItem>div:nth-child(1) img {
  width: 12px;
  margin-right: 10px;
  margin-left: 5px;
}

.announcementItem>div:nth-child(1)>div:nth-child(2) {
  background: white;
  color: #374e70;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  margin-top: 7px;
  padding: 0 5px;
}

.announcementItem>div:nth-child(2) {
  color: #374e70;
  flex: 1;
}

.announcementItem>div:nth-child(2)>a:nth-child(1) {
  /* color: #374e70; */
  font-size: 16px;
  cursor: pointer;
}

.announcementItem>div:nth-child(2)>div:nth-child(2) {
  color: #8b8b8b;
  font-size: 12px;
  margin-top: 10px;
}

.announcementItem>div:nth-child(3) {
  width: 40px;
  margin-right: 0;
  margin-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.announcementItem>div:nth-child(3) a {
  color: #374e70;
  cursor: pointer;
}

/* treds */
.treds {
  display: flex;
  justify-content: center;
}

.treds>div:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 455px;
}

.treds>div:nth-child(2)>div {
  display: flex;
  padding: 20px;
  height: 91px;
  align-items: center;
}

.treds>div:nth-child(2)>div:hover {
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
  background: #374e71;
}

.treds>div:nth-child(2)>div:hover a {
  color: white !important;
}

.treds>div:nth-child(2)>div:hover .hideTwoLine {
  color: #e1e1e1;
}

.tredsItem>div:nth-child(1) {
  margin-right: 20px;
  width: 50px;
  height: 50px;
  background: #374e71;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.tredsItem>div:nth-child(1)>div:nth-child(1) {
  font-size: 18px;
  color: #ffffff;
  font-family: Times New Roman;
  font-weight: bold;
}

.tredsItem>div:nth-child(1)>div:nth-child(2) {
  font-size: 12px;
  margin-top: 2px;
  color: #ffffff;
  font-family: Times New Roman;
}

.tredsItem>div:nth-child(2) {
  flex: 1;
}

.tredsItem>div:nth-child(2)>a:nth-child(1) {
  font-size: 16px;
}

.tredsItem>div:nth-child(2)>div:nth-child(2) {
  font-size: 12px;
  color: #808080;
  margin-top: 10px;
  width: 110%;
}

.tredsItem:hover div:nth-child(2)>div:nth-child(2) {
  width: 100%;
}

.treds>div:nth-child(1) img {
  width: 338px;
  height: 220px;
}

.trendsImgArea {
  position: relative;
  margin-right: 27px;
  overflow: visible;
}

.trendsImgArea>div {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 3px;
  left: 0;
  padding: 0 20px;
  color: white;
  font-size: 16px;
  line-height: 35px;
  padding-left: 73px;
  width: 100%;
}

.blueArea {
  position: absolute;
  bottom: 6px;
  left: 9px;
  width: 50px;
  height: 50px;
  background: #374e71;
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.blueArea div:nth-child(1) {
  font-size: 18px;
  font-family: Times New Roman;
  font-weight: bold;
  color: #ffffff;
}

.blueArea div:nth-child(2) {
  font-size: 12px;
  font-family: Times New Roman;
  font-weight: 400;
  color: #ffffff;
  margin-top: 5px;
}

/* team */
.teamArea {
  background: url("../image/index/team/BG.jpg") no-repeat;
  background-size: 100% 40%;
  position: relative;
}

.teamArea .titleArea>div:nth-child(1) {
  color: white;
}

.popoleName {
  color: #374e70;
  font-weight: bolder;
  margin-bottom: 10px;
}

.pepoleImgArea {
  position: relative;
  /* margin-left: 20px; */
  margin-bottom: 40px;
  width: 60%;
}

.pepoleImg {
  width: 100%;
  height: 191px;
}

.nameIcon {
  position: absolute;
  bottom: -33px;
  left: 0;
  width: 100%;
}

.name {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translate(-50%);
  color: #ebf2ef;
}

.teamItem {
  position: relative;
  background: url("../image/index/team/pepoleBox.png");
  height: 323px;
  width: 216px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-size: 100% 100%;
}

.pepoleBox {
  position: absolute;
  bottom: 0;
  left: 0;
}

.teamBox {
  border-radius: 25px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
  width: 1300px;
  margin: 0 auto;
  padding: 40px 0 10px 0;
  position: relative;
  background: white;
  margin-bottom: 50px;
}

.teamSwiper {
  /* background: green; */
  /* border-radius: 25px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
  width: 1300px; */
  width: 1100px;
}

.teamSwiper .swiper-wrapper {
  height: 400px !important;
}

.verticalLine {
  height: 40px;
  width: 1px;
  background: #737e93;
  margin-bottom: 15px;
}

.boxItem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px dashed #979ea4;
  width: 250px;
  position: relative;
}

.boxItem::after {
  content: "";
  border-radius: 50%;
  background: #6b7b95;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}

.boxItem::before {
  content: "";
  border-radius: 50%;
  background: #9fa8b2;
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}



.team-swiper-button-prev,
.team-swiper-button-next {
  background-image: none;
  position: absolute;
  margin: 0;
  bottom: 25px;
  transform: translateY(-50%);
  z-index: 999;

  cursor: pointer;
}

.team-swiper-button-prev {
  left: 100px;
}

.team-swiper-button-next {
  right: 80px !important;
}

.team-swiper-button-prev::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -70%);
  display: inline-block;

  background: url("../image/index/team/left.png") no-repeat;
  background-size: 100% 100%;
  width: 29px;
  height: 29px;
  left: 50%;
}

.team-swiper-button-next {
  right: -10px;
}

.team-swiper-button-next::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-70%, -70%);
  display: inline-block;
  background: url("../image/index/team/right.png") no-repeat;
  background-size: 100% 100%;
  width: 29px;
  height: 29px;
  left: 50%;
}
.titlelogo{
  background: url('../image/index/titlelogo@1x.png'); background-size: 100% 100%;width: 40px;height: 44px;margin-right: 10px;
}

/* 大于1200小于1400 */
.biggerHidden {
  display: none !important;
}
@media screen and (min-width:1200px) and (max-width:1400px) {
  /* 所有图片——鼠标移动到图片 放大x1.2倍 */
/* img:hover
{
    transform: scale(1.2);  
} */
  /* 大轮播图 */
  .mySwiperHome .swiper-pagination{
    bottom: 35px !important;
  }
  .mySwiperHome .swiper-pagination-bullet{
    width: 12px;
    border-radius: 10px !important;
    height: 5px;
    background-color: #f0f0f0;
  }
  .mySwiperHome .swiper-pagination-bullet-active{
    width: 20px;
  }
    /* 第一大模块 */
    .fisArea {
      width: 100%;
      height: 800px;
      /* margin: 30px 0; */
      /* height: 900px; */
      background: url('../image/index/fisbg@1x.png');
      background-size: 100% 100%;
    }



  /* 统一模块间距设置 */
  .contentArea {
    width: 1200px;
    margin: 0 auto;
  }
  /* 第一模块pc端分布 */
  .fiscontentdes{
    justify-content: space-between;
    display: flex;
  }

  /* 第一模块的标题跟more按钮 */
  .titlebox {
    padding: 20px 0px;
    display: flex;
    justify-content: space-between;
  }
    /* 工作动态 */
    .titlel3box{
      width: 298px;
      height: 48px;
      margin-right: 14px;
      display: flex;
      align-items: center;
    }
    .titlebox2{
      width: 130px;
  height: 32px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 32px;
  color: #B40200;
  line-height: 32px;
  margin-right: 9px;
    }
    .titlebox3{
      width: 77px;
  height: 18px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  font-size: 18px;
color: #D39868;
  line-height: 18px;
  margin-top: 14px;
    }

  /* 工作动态 */
  .ecArea {
    width: 56%;
    height: 800px;

  }
  /* 工作动态列表大盒子 */
  .gzdtbox{
    width: 100%;height: 584px;display: flex;flex-direction: column;justify-content: space-between;
  }
  /* 工作动态列表每个小盒子 */
  .gzdtsmallbox{
    width: 100%;height: 96px;border: 1px solid #DFB495;display: flex;
  }
  .gzdtsmallbox:hover{
   background-color: #A52C27;
  }
  .gzdtsmallbox:hover .gzdttime_day{
    color: white !important;
   }
   .gzdtsmallbox:hover .gzdttime_year{
    color: white !important;
   }
   .gzdtsmallbox:hover .gzdttitle{
    color: white !important;
   }
   .gzdtsmallbox:hover .gzdtcontent{
    color: white !important;
   }

   /* 工作动态时间大盒子 */
   .gzdttimebox{
    width: 59px;height: 53px;margin: 21px 31px 21px 21px;
  }
  /* 工作动态日 */
  .gzdttime_day{
    width: 100%;height: 35px;display: flex;justify-content: center;font-family: Arial;
                font-weight: 400;
                font-size: 30px;
                color: #A52C27;border-bottom: 1px #A52C27 solid;
  }
  /* 工作动态年月 */
  .gzdttime_year{
    width: 59px;
                height: 12px;
                margin-top: 10px;
                line-height: 12px;
                font-family: Arial;
                font-weight: 400;
                font-size: 16px;
                color: #A52C27;
  }
    /* title跟content */
    .fontbigbox{
      height: 55px;margin: 21px 21px 20px 0;width: 79%;display: flex;flex-direction: column;justify-content: space-between;
    }
    /* title */
    .gzdttitle{
      width: 100%;height: 19px;font-family: Microsoft YaHei;
                  font-weight: 400;
                  font-size: 18px;
                  line-height: 19px;
                  color: #A52C27;/* 限制1行 */
  overflow: hidden;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
    }
    /* content */
    .gzdtcontent{
      width: 100%;height: 15px;font-family: Microsoft YaHei;line-height: 15px;
                  font-weight: 400;
                  font-size: 14px;
                  color: #A98770;/* 限制1行 */
  overflow: hidden;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
    }
  
  /* 首页几个小模块通用的logo */
  .imgbox {
    width: 179px;
    height: 43px;
  }
  .moreimgbox{
    width: 17px;height: 17px;margin-right: 3px;
  }
  
  /* 首页几个more按钮通用 */
  .morebot {
    justify-content: flex-end;
    width: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #A74F48;
    font-size: 16px;
    font-weight: 400;
    font-family: Microsoft YaHei;
  }
.morefont{
    color: #A74F48;
    font-size: 16px;
    font-weight: 400;
    font-family: Microsoft YaHei;
  }
  .morebot:hover .morefont{
    color: #D39868 !important;
  }
  /* 评建动态title */
  .pjdttitlebox{
    overflow:hidden;
    text-overflow:ellipsis;
                display:-webkit-box; 
                -webkit-box-orient:vertical;
                -webkit-line-clamp:2;
    width: 321px;height: 38px;margin-left: 5px;font-family: Microsoft YaHei;font-size: 17px;color: #FFFFFF;line-height: 19px;text-align: justify;
  }

  .imgbox2 {
    margin-left: 44%;
    width: 179px;
    height: 43px;
    margin-right: 39%;
  }
  .pjdtBox2 {
    width: 49%;
    height: 97px;

    background-color: white;

    display: flex;
  }
  /* .pjdtbox2 {
    width: 100%;
    height: 97px;
    background-color: #9A362D;
    border-radius: 0px 0px 40px 0px;
  } */
  .pjdtBox2:hover {
    background-color: #B40200;
   
  }
  /* 学工聚焦时间大盒子 */
  .time1box{

    margin: 23px 29px 25px 17px;
      height: 40px;
      width: 60px;
    }
    .pjdtBox2:hover .time11box{
      color: white !important;
    }
    .pjdtBox2:hover .time12box{
      color: white !important;
    }
    .pjdtBox2:hover .xgjjtitlle{
      color: white !important;
    }
  
   
    /* 学工聚焦时间小盒子1 */
    .time11box{
      margin: 0 auto;
      width: 22px;
  height: 16px;
  font-family: Times New Roman;
  font-weight: bold;
  font-size: 24px;
  color: #B40200;
  line-height: 21px;
    }
    
    /* 学工聚焦时间小盒子2 */
    .time12box{
      display: flex;
      justify-content: center;
      margin-top: 10px;
      width: 60px;
  height: 14px;
  font-family: Times New Roman;
  font-weight: 400;
  font-size: 14px;
  color: #B40200;
  line-height: 21px;
    }
    /* 学共聚焦title */
    .xgjjtitlle{
      margin-top: 23px;
      width: 274px;
      height: 40px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      font-size: 18px;
      line-height: 20px;
      color: #333333;
       /* 超出两行省略 */
           
       overflow: hidden;
       text-overflow:ellipsis;
       display:-webkit-box; 
       -webkit-box-orient:vertical;
       -webkit-line-clamp:2;
    }
  
  /* .pjdtbox2:hover{
    background-color: #DFA26A;
   
   

} */


  /* 评建动态日期 */
  .datebox {
    width: 114px;
    height: 12px;
    margin-left: 230px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #FFFFFF;
  }
   /* 通知公告 */
   .noticeArea {
    width: 38%;
    height: 790px;
    /* background: url('../image/index/tzgg1x.png'); */
  }
   /* 通知公告日期与title、content间距 */
   .noticemargin{
    margin-left: 15px
  }
  .noticetitle{
    width: 306px;height: 55px;font-family: Microsoft YaHei;font-size: 18px;line-height: 27px;color: #333333;text-align: justify;
    overflow:hidden;
    text-overflow:ellipsis;
                display:-webkit-box; 
                -webkit-box-orient:vertical;
                -webkit-line-clamp:2;
  }
  .noticecontent{
    margin-top: 14px;height: 13px;font-size: 14px;color: #8C8C8C;text-align: justify;width: 306px;line-height: 14px;
    overflow:hidden;
    text-overflow:ellipsis;
                display:-webkit-box; 
                -webkit-box-orient:vertical;
                -webkit-line-clamp:2;
  }

/* 第二模块 */
.secArea{
  width: 100%;
  height: 880px;
  background: url('../image/index/secAreabg@1x.png');
  background-size: 100% 100%;

}
.secGap{
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
/* 规则制度 */
.gzzdbox{
  width: 58%;
 
}

.gzzdbg{
  width: 100%;
  height: 628px;
  background: url('../image/index/gzzdbg@1x.png') no-repeat;
  background-size: 100% 100%;


  }
.gzzdcontent{
  width: 95%;
  height: 572px;
padding-top:18px;
  margin-left: 18px;
  
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  /* padding: 0 39px 39px 33px; */


}
.gzzdsmallbox{
  width: 42%;
  height: 135px;
  border-bottom: 1px dashed #EAB58B;
}
.gzzdtimebox{
  width: 110px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 14px;
  margin-bottom:18px;
}
.starlogo{
  width: 16px;
  height: 14px;
  background: url('../image/index/gzzdstar@1x.png');
  background-size: 100% 100%;
}
.gzzddate{
  width: 85px;
height: 12px;
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #D39868;
}
.gzzdtitle{
  width: 100%;
  height: 50px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #2E2E2E;
  /* 限制1行 */
  overflow: hidden;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
  .gzzdtitle:hover{
    color: #A52C27;
  }
 /* 理论学习 */
 .llxxbox{
  width: 37%;
}
.llxxcontent{
  width: 100%;
  height: 628px;
  background: url('../image/index/llxxbg@1x.png');
  background-size: 100% 100%;
}
.llxxsmallbox{
  height: 119px;
  width: 81%;
  border-bottom: 1px dashed  #FFFFFF;
  margin-left: 7%;

}
.llxxsmallbox:nth-child(5){
  border-bottom: 0px;
}
.llxxtimebox{
  width: 42px;
  height: 44px;
}
.llxxday{
  width: 100%;
  height: 27px;
  font-family: Arial;
font-weight: 400;
font-size: 24px;
color: #FFFFFF;
text-align: center;

}
.llxxyear{
  width: 100%;
  height: 18px;
  border-top: 1px  #FFFFFF solid;
  border-bottom: 1px  #FFFFFF solid;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-family: Arial;
font-weight: 400;
font-size: 12px;
}
.llxxtitle{
  width: 82%;
  height: 54px;
  font-family: Microsoft YaHei;
font-weight: 400;
font-size: 18px;
color: white;
/* color: #FFD6B5; */
line-height: 27px;
display: flex;
text-align:justify;

/* 限制1行 */
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.llxxtitle:hover{
  color: #FFD6B5;
}
 /* 第三模块 */
 .thirdArea{
  width: 100%;
  height: 908px;
  background: url('../image/index/thirdAreabg@11x.png') no-repeat;
  /* background-position: 0 158px; */
  background-size: 100% 100%;
 
}
.thirdgap{
  width: 1200px;
  height: 1024px;
  margin: 0 auto;
 
}
.titleboxmid {
  padding: 20px 0px;
  display: flex;
 
}
.titlel3boxmid{
  width: 298px;
  height: 48px;
  margin-right: 320px;
  display: flex;
  align-items: center;
  margin-left: 41%;
}
.zbfcbox{
  width: 99%;
  margin: 0 auto;
  margin-top: 24px;
  height: 692px;
  padding: 30px 30px 30px 30px;
  background-color: #06224e;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background-color: #FDF7EE;
  border-radius: 18px;
}
.zbfcsmallbox{
  width: 260px;
  height: 274px;
  background: #B2221E;
  border-radius: 18px;
}
.zbfcimgbox{
  width: 260px;
height: 210px;
background: #B2221E;
border-radius: 18px 18px 0px 0px;
overflow: hidden;
}
.zbfcimg{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zbfcimgbox:hover .zbfcimg {
  transform: scale(1.2);
}
.zbfccontentbox{
  width: 100%;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.zbfccontent{
  width: 217px;
  height: 39px;
  border-top: 1px #E3A59E solid;
  border-bottom: 1px #E3A59E solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
.zbfctitle{
  font-family: Microsoft YaHei;
font-weight: bold;
font-size: 18px;
color: #FFF2DF;
line-height: 18px;
/* 限制1行 */
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
  .zbfccontent:hover .zbfctitle{
    color: #D39868;
  }



/* 第四模块 */
.forthArea{
  width: 100%;
  height: 698px;
  background: url('../image/index/forthAreabg@1x.png');
  display: flex;
  justify-content: space-between;
}
.forthGap{
  width: 1200px;
  height: 698px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
/* 政策文件 */
.zcwjbox{
  width: 57%;
  height: 623px;
}
/* 政策文件六个盒子 */
.zcwj6box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.zcwjsmallbox{
  width: 49%;
  height: 148px;
  background: url('../image/index/zcwj1x.png');
  background-size: 100% 100%;
  margin-bottom: 38px;
}
.zcwjsmalltitle{
  width: 100%;
  height: 46px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 18px;
  color: #A52C27;
  line-height: 27px;
 
}

.zcwjsmallbox:hover .zcwjsmalltitle{
 color: #D39868;
}
.smallbox{
  width: 83%;
  margin: 0 auto;
  margin-top: 30px;
}
.zcwjsmalltime{
  width: 90px;
  height: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #D39868;
  line-height: 14px;
  margin-top: 25px;

}
/* 下载中心 */
.xzzxbox{
  width: 37%;
  height: 623px;
}
/* 下载中心列表 */
.xzzxlistbox{
  width: 100%;
  height: 516px;
  background: #FFFFFF;
  box-shadow: 0px 3px 7px 0px rgba(255,238,227,0.35);
}
.xzzx4box{
  margin: 0 auto;
  width: 84%;
  margin-top: 3px;

}
.xzzxsmallbox{
  width: 100%;
  height: 102px;
  border-bottom: 1px dashed #EBB283;
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.xzzxsmallbox:nth-child(5){
  border-bottom: 0px dashed #EBB283;
}
.xzzxtimebox{
  width: 42px;
  height: 46px;
}
.xzzxday{
  width: 100%;
  text-align: center;
  font-family: Arial;
  font-weight: 400;
  line-height: 24px;
  font-size: 24px;
  color: #A52C27;
margin-bottom: 6px;
}
.xzzxyearm{
  height: 18px;
  width: 100%;
  border-top: 1px solid #A52C27;
  border-bottom: 1px solid #A52C27;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xzzxfont{
  font-family: Arial;
font-weight: 400;
font-size: 12px;
color: #A52C27;
}
.xzzxtitlebox{
  width: 86%;
  height: 46px;
  font-family: Microsoft YaHei;
font-weight: 400;
font-size: 18px;
color: #333333;
line-height: 23px;
/* 限制2行 */
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;

}
.xzzxtitlebox:hover{
  color: #D39868;
}



  
   
 

}

/* 大于1400 */
@media screen and (min-width: 1400px) {
  .biggerHidden {
    display: none !important;
  }

  .mySwiperHome .swiper-pagination{
    bottom: 35px !important;
  }
  .mySwiperHome .swiper-pagination-bullet{
    width: 40px;
    border-radius: 10px !important;
    height: 3px;
    background-color: #f0f0f0;
  }
  .mySwiperHome .swiper-pagination-bullet-active{
    width: 40px;
    height: 3px;
    border-radius: 10px !important;
    /* background-color: #D4986B !important; */
  }

  /* 第一大模块 */
  .fisArea {
    /* width: 1400px; */
   width: 100%;
    height: 800px;
    /* margin: 30px 0; */
    /* height: 900px; */
    background: url('../image/index/fisbg@1x.png');
      background-size: 100% 100%;
  }

  /* 统一模块间距设置 */
  .contentArea {
    width: 1400px;
    margin: 0 auto;


  }

  /* 第一模块的标题跟more按钮 */
  .titlebox {
    padding: 20px 0px;
    display: flex;
    justify-content: space-between;
  }
  /* 学工聚焦 */
  .titlel3box{
    width: 298px;
    height: 48px;
    margin-right: 14px;
    display: flex;
    align-items: center;
  }
  .titlebox2{
    width: 130px;
height: 32px;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 32px;
color: #B40200;
line-height: 32px;
margin-right: 9px;
  }
  .titlebox3{
    width: 77px;
height: 18px;
font-family: Microsoft YaHei;
font-weight: 300;
font-size: 18px;
color: #D39868;
line-height: 18px;
margin-top: 14px;
  }

  /* 工作动态 */
  .ecArea {
    width: 650px;
    height: 800px;

  }
   /* 工作动态列表大盒子 */
   .gzdtbox{
    width: 100%;height: 584px;display: flex;flex-direction: column;justify-content: space-between;
  }
  /* 工作动态列表每个小盒子 */
  .gzdtsmallbox{
    width: 100%;height: 96px;border: 1px solid #DFB495;display: flex;
  }
  .gzdtsmallbox:hover{
    background-color: #A52C27;
   }
   .gzdtsmallbox:hover .gzdttime_day{
     color: white !important;
     border-bottom:1px white solid ;
    }
    .gzdtsmallbox:hover .gzdttime_year{
     color: white !important;
    }
    .gzdtsmallbox:hover .gzdttitle{
     color: white !important;
    }
    .gzdtsmallbox:hover .gzdtcontent{
     color: white !important;
    }
  /* 工作动态时间大盒子 */
  .gzdttimebox{
    width: 59px;height: 53px;margin: 21px 31px 21px 21px;
  }
  /* 工作动态日 */
  .gzdttime_day{
    width: 100%;height: 35px;display: flex;justify-content: center;font-family: Arial;
                font-weight: 400;
                font-size: 30px;
                color: #A52C27;border-bottom: 1px #A52C27 solid;
  }
  /* 工作动态年月 */
  .gzdttime_year{
    width: 59px;
                height: 12px;
                margin-top: 10px;
                line-height: 12px;
                font-family: Arial;
                font-weight: 400;
                font-size: 16px;
                color: #A52C27;
  }
  /* title跟content */
  .fontbigbox{
    height: 55px;margin: 21px 21px 20px 0;width: 79%;display: flex;flex-direction: column;justify-content: space-between;
  }
  /* title */
  .gzdttitle{
    width: 100%;height: 19px;font-family: Microsoft YaHei;
                font-weight: 400;
                font-size: 18px;
                line-height: 19px;
                color: #A52C27;/* 限制1行 */
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
  }
  /* content */
  .gzdtcontent{
    width: 100%;height: 15px;font-family: Microsoft YaHei;line-height: 15px;
                font-weight: 400;
                font-size: 14px;
                color: #A98770;/* 限制1行 */
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
  }
 
  /* 首页几个小模块通用的logo */
  .imgbox {
    width: 179px;
    height: 43px;
  }
  .moreimgbox{
    width: 17px;height: 17px;margin-right: 3px;
  }


  /* 首页几个小模块中间通用的logo */
  .imgbox2 {
    margin-left: 44%;
    width: 179px;
    height: 43px;
    margin-right: 39%;
  }

  /* 首页几个more按钮通用 */
  .morebot {
    width: 100px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    color: #A74F48;
    font-size: 16px;
    font-weight: 400;
    font-family: Microsoft YaHei;
  }
.morefont{
    color: #A74F48;
    font-size: 16px;
    font-weight: 400;
    font-family: Microsoft YaHei;
  }
  .morebot:hover .morefont{
    color: #D39868 !important;
  }
  /* 评建动态title */
  .pjdttitlebox{
    
    overflow:hidden;
    text-overflow:ellipsis;
                display:-webkit-box; 
                -webkit-box-orient:vertical;
                -webkit-line-clamp:2;
    width: 321px;height: 38px;margin-left: 5px;font-family: Microsoft YaHei;font-size: 17px;color: #FFFFFF;line-height: 19px;text-align: justify;
  }

  /* 评建动态日期 */
  .datebox {
    width: 114px;
    height: 12px;
    margin-left: 230px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #FFFFFF;
  }
  .pjdtBox2 {
    width: 384px;


    /* border: 1px solid #9A362D; */
    height: 88px;
    background-color: white;
    /* border-radius: 0px 0px 10px 0px; */
    display: flex;
  }
  .pjdtBox2:hover {
    background-color: #B40200;
   
  }
  
  /* 学工聚焦时间大盒子 */
  .time1box{

  margin: 23px 29px 25px 17px;
    height: 40px;
    width: 60px;
  }
  .pjdtBox2:hover .time11box{
    color: white !important;
  }
  .pjdtBox2:hover .time12box{
    color: white !important;
  }
  .pjdtBox2:hover .xgjjtitlle{
    color: white !important;
  }

 
  /* 学工聚焦时间小盒子1 */
  .time11box{
    margin: 0 auto;
    width: 22px;
height: 16px;
font-family: Times New Roman;
font-weight: bold;
font-size: 24px;
color: #B40200;
line-height: 21px;
  }
  
  /* 学工聚焦时间小盒子2 */
  .time12box{
    display: flex;
    justify-content: center;
    margin-top: 10px;
    width: 60px;
height: 14px;
font-family: Times New Roman;
font-weight: 400;
font-size: 14px;
color: #B40200;
line-height: 21px;
  }
  /* 学共聚焦title */
  .xgjjtitlle{
    margin-top: 23px;
    width: 274px;
    height: 40px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #333333;
     /* 超出两行省略 */
         
     overflow: hidden;
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;
  }

  /* .pjdtbox2 {
    width: 384px;
    height: 97px;
    background-color: #9A362D;
    border-radius: 0px 0px 40px 0px;
  }
  .pjdtbox2:hover{
      background-color: #DFA26A;
      
    

  } */

  /* 通知公告 */
  .noticeArea {

    width: 650px;
    height: 790px;
    /* background: url('../image/index/tzgg1x.png'); */

  }
  /* 通知公告日期与title、content间距 */
  .noticemargin{
    margin-left: 25px
  }
  .noticetitle{
    width: 370px;height: 55px;font-family: Microsoft YaHei;font-size: 18px;line-height: 27px;color: #333333;text-align: justify;
    overflow:hidden;
    text-overflow:ellipsis;
                display:-webkit-box; 
                -webkit-box-orient:vertical;
                -webkit-line-clamp:2;
  }
  .noticecontent{
    margin-top: 14px;height: 13px;font-size: 14px;color: #8C8C8C;text-align: justify;width: 370px;line-height: 14px;
    overflow:hidden;
    text-overflow:ellipsis;
                display:-webkit-box; 
                -webkit-box-orient:vertical;
                -webkit-line-clamp:2;
  }
/* 第二模块 */
.secArea{
  width: 100%;
  height: 880px;
  background: url('../image/index/secAreabg@1x.png');
  background-size: 100% 100%;

}
.secGap{
  width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
/* 规则制度 */
.gzzdbox{
  width: 58%;
 
}

.gzzdbg{
  width: 100%;
  height: 628px;
  background: url('../image/index/gzzdbg@1x.png') no-repeat;


  }
.gzzdcontent{
  width: 95%;
    height: 572px;
padding-top:18px;
  margin-left: 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  /* padding: 0 39px 39px 33px; */


}
.gzzdsmallbox{
  width: 42%;
  height: 135px;
  border-bottom: 1px dashed #EAB58B;
}
.gzzdtimebox{
  width: 110px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 14px;
  margin-bottom:18px;
}
.starlogo{
  width: 16px;
  height: 14px;
  background: url('../image/index/gzzdstar@1x.png');
  background-size: 100% 100%;
}
.gzzddate{
  width: 85px;
height: 12px;
font-family: Arial;
font-weight: 400;
font-size: 16px;
color: #D39868;
}
.gzzdtitle{
  width: 100%;
  height: 50px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #2E2E2E;
  /* 限制1行 */
  overflow: hidden;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
  .gzzdtitle:hover{
    color: #A52C27;
  }
  /* 理论学习 */
  .llxxbox{
    width: 37%;
  }
  .llxxcontent{
    width: 100%;
    height: 628px;
    background: url('../image/index/llxxbg@1x.png');
    background-size: 100% 100%;
  }
  .llxxsmallbox{
    height: 119px;
    width: 81%;
    border-bottom: 1px dashed  #FFFFFF;
    margin-left: 7%;
  
  }
  .llxxsmallbox:nth-child(5){
    border-bottom: 0px;
  }
  .llxxtimebox{
    width: 42px;
    height: 44px;
  }
  .llxxday{
    width: 100%;
    height: 27px;
    font-family: Arial;
font-weight: 400;
font-size: 24px;
color: #FFFFFF;
text-align: center;

  }
  .llxxyear{
    width: 100%;
    height: 18px;
    border-top: 1px  #FFFFFF solid;
    border-bottom: 1px  #FFFFFF solid;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: Arial;
font-weight: 400;
font-size: 12px;
  }
  .llxxtitle{
    width: 82%;
    height: 54px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    color: white;
    /* color: #FFD6B5; */
    line-height: 27px;
    display: flex;
    text-align:justify;

/* 限制1行 */
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
  }
  .llxxtitle:hover{
    color: #FFD6B5;
  }
  /* 第三模块 */
  .thirdArea{
    width: 100%;
    height: 908px;
    background: url('../image/index/thirdAreabg@11x.png') no-repeat;
    /* background-position: 0 158px; */
    background-size: 100% 100%;
   
  }
  .thirdgap{
    width: 1400px;
    height: 1024px;
    margin: 0 auto;
   
  }
  .titleboxmid {
    padding: 20px 0px;
    display: flex;
   
  }
  .titlel3boxmid{
    width: 298px;
    height: 48px;
    margin-right: 440px;
    display: flex;
    align-items: center;
    margin-left: 41%;
  }
  .zbfcbox{
    width: 99%;
  margin: 0 auto;
  margin-top: 24px;
  height: 692px;
    padding: 30px 30px 30px 30px;
    background-color: #06224e;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background-color: #FDF7EE;
    border-radius: 18px;
  }
  .zbfcsmallbox{
    width: 310px;
    height: 274px;
    background: #B2221E;
    border-radius: 18px;
  }
  .zbfcimgbox{
    width: 310px;
height: 210px;
background: #B2221E;
border-radius: 18px 18px 0px 0px;
overflow: hidden;
  }
  .zbfcimg{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
.zbfcimgbox:hover .zbfcimg {
  transform: scale(1.2);
}
  .zbfccontentbox{
    width: 100%;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .zbfccontent{
    width: 217px;
    height: 39px;
    border-top: 1px #E3A59E solid;
    border-bottom: 1px #E3A59E solid;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .zbfctitle{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #FFF2DF;
line-height: 18px;
/* 限制1行 */
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
  }
  .zbfccontent:hover .zbfctitle{
    color: #D39868;
  }
/* 第四模块 */
.forthArea{
  width: 100%;
  height: 698px;
  background: url('../image/index/forthAreabg@1x.png');
  display: flex;
  justify-content: space-between;
}
.forthGap{
  width: 1400px;
  height: 698px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
/* 政策文件 */
.zcwjbox{
  width: 57%;
  height: 623px;
}
/* 政策文件六个盒子 */
.zcwj6box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.zcwjsmallbox{
  width: 49%;
  height: 148px;
  background: url('../image/index/zcwj1x.png');
  background-size: 100% 100%;
  margin-bottom: 38px;
}
.zcwjsmalltitle{
  width: 100%;
  height: 46px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 18px;
  color: #A52C27;
  line-height: 27px;
 
}

.zcwjsmallbox:hover .zcwjsmalltitle{
 color: #D39868;
}
.smallbox{
  width: 83%;
  margin: 0 auto;
  margin-top: 30px;
}
.zcwjsmalltime{
  width: 90px;
  height: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #D39868;
  line-height: 14px;
  margin-top: 25px;

}

/* 下载中心 */
.xzzxbox{
  width: 37%;
  height: 623px;
}
/* 下载中心列表 */
.xzzxlistbox{
  width: 100%;
  height: 516px;
  background: #FFFFFF;
  box-shadow: 0px 3px 7px 0px rgba(255,238,227,0.35);
}
.xzzx4box{
  margin: 0 auto;
  width: 84%;
  margin-top: 3px;

}
.xzzxsmallbox{
  width: 100%;
  height: 102px;
  border-bottom: 1px dashed #EBB283;
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.xzzxsmallbox:nth-child(5){
  border-bottom: 0px dashed #EBB283;
}
.xzzxtimebox{
  width: 42px;
  height: 46px;
}
.xzzxday{
  width: 100%;
  text-align: center;
  font-family: Arial;
  font-weight: 400;
  line-height: 24px;
  font-size: 24px;
  color: #A52C27;
margin-bottom: 6px;
}
.xzzxyearm{
  height: 18px;
  width: 100%;
  border-top: 1px solid #A52C27;
  border-bottom: 1px solid #A52C27;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xzzxfont{
  font-family: Arial;
font-weight: 400;
font-size: 12px;
color: #A52C27;
}
.xzzxtitlebox{
  width: 86%;
  height: 46px;
  font-family: Microsoft YaHei;
font-weight: 400;
font-size: 18px;
color: #333333;
line-height: 23px;
/* 限制2行 */
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;

}
.xzzxtitlebox:hover{
  color: #D39868;
}

 
  /* //////////////////////////////// */
  
  .newsItem:hover {
    box-shadow: 0px 2px 8px 0px rgba(20, 46, 98, 0.15);
    border-bottom: 2px solid #374e71;
  }

  .newsItem:hover .newsItemTitleArea div:nth-child(2) {
    left: 0;
  }

  .tredsPc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 455px;
  }

  .mySwiperHome .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    /* bottom: 40px !important; */
  }

  .btn:hover {
    background: #374e71;
    border: 1px solid #374e71;
    color: white !important;
  }

  .CampusNews-wapper-item-bottom>div:nth-child(2) {
    font-size: 16px;
    font-family: Times New Roman;
    font-weight: bold;
    color: #374e71;
  }

  .tredsSmall {
    display: none;
  }
}

/*当屏幕尺寸小于1200px时，应用下面的CSS样式*/
@media screen and (max-width: 1200px) {
  /* 大于1200不显示 */
  .smallHidden {
    display: none !important;
    /* 小于1200显示 */
  }.biggerHidden {
    display: block !important;
  }

  

  /* 第一模块 */
  .fisArea {
    /* margin-top: 31px; */
    width: 100%;
  
    
  }
  .smallbanner {
    height: 185px;

  }
  .smallbanner .swiper-pagination-bullet{
    border-radius: 10px !important;
    width: 17px;
    height: 3px;
    
  }
  /* 通用 */
  .contentArea {
    width: 93%;
    margin: 0 auto;
  }
  

  .swiper-slide {
    margin-top: 16px;
    height: 185px !important;
  }
  .gzdttzggArea{
    background: url('../image/index/fisAreabg2x.png');
    background-size: 100% 100%;
  }
  .publicArea{
    width: 90%;
    margin: 0 auto;
  }
  /* 移动端通用标题box */
  .publictitlebox{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 22px;

  }
  .titlelogo{
    width: 20px;
    height: 22px;
    background: url('../image/index/titlelogo2x.png');
    background-size: 100% 100%;
  }
  .titlefontbox{
    height: 22px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 16px;
    color: #A52C27;
  }
  .pmorelogo{
    background: url('../image/index/morelogo1x.png');
    width: 12px;
    height: 11px;
      background-size: 100% 100%;
      margin-right: 5px;


  }
  .pmorebox{
    display: flex;
    align-items: center;
    height: 22px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 12px;
    color: #A52C27;
  }
  /* 工作动态 */
  .gzdtlistbox{
    width: 100%;
  }
  .gzdtbox{
    width: 100%;
    height: 68px;
    border: 1px solid #DFB495;
    display: flex;
    align-items: center;
    margin-bottom: 12px;

  }
  .gzdttimebox{
    width: 43px;
    height: 34px;
    margin-left: 13px;
    margin-right: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .pdateday{
    width: 19px;
    height: 13px;
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: #A52C27;
    margin-bottom: 6px;
    

  }
  .ptimeline{
    width: 100%;
    border-bottom: 1px #A52C27 solid;
  }
  .pdateyear{
    margin-top: 3px;
    width: 100%;
    height: 12px;
  font-family: Arial;
  font-weight: 400;
  font-size: 12px;
  color: #A52C27;
  }
  .gzdttitlebox{
    width: 75%;
    height: 39px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #A52C27;
    line-height: 19px;
       /* 限制2行 */
  overflow: hidden;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  }
  /* 移动端第二模块（规章制度、理论学习） */
  .secArea{
    width: 100%;
    background: url('../image/index/psecAreabg1x.png');
    background-size: 100% 100%;
  }
  .psecArea{
    width: 90%;
    margin: 0 auto;
  }
  .gzzdlistbg{
    background: url('../image/index/pgzzdbg1x.png') no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 427px;
  }
  .gzzdgap{
    width: 90%;
    margin: 0 auto;
  }
  .gzzdlistbox{
    height: 95px;
    width: 94%;
    margin:  0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px dotted #EAB58B;
  }
  .gzzdgap:nth-child(4) .gzzdlistbox{
    border-bottom: 0px !important;
  }
  .gzzdtimestar{
    width: 74px;
    height: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
  }
  .pystar{
    width: 9px;
    height: 9px;
    background: url('../image/index/gzzdstar@1x.png');
    background-size: 100% 100%;
   
  }
  .pgzzdtimebox{
    height: 12px;
    font-family: Arial;
    font-weight: 400;
    font-size: 12px;
    color: #D39868;
  }
  .gzzdtitlebox{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #2E2E2E;
    line-height: 18px;
    /* 限制2行 */
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .llxxlistbox{
    width: 100%;
    background: url('../image/index/llxxbg1x.png') no-repeat;
    background-size: 100% 100%;
  }
  .pllxxbox{
    height: 91px;
    width: 93%;
    margin:  0 auto;
    border-bottom: 1px dotted #EBCFCE;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .pllxxbox:nth-child(5){
    border: 0px !important;
  }
  .pllxxtimebox{
    width: 43px;
    height: 35px;
   

  }
  .pllxxtimeday{
    width: 100%;
    height: 13px;
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pllxxtimeyear{
    width: 100%;
    height: 19px;
    border-top: 1px #FFFFFF solid;
    border-bottom: 1px #FFFFFF solid;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
  }
  .pllxxtitle{
    width: 78%;
    height: 40px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 21px;
    display: flex;
    text-align: justify;
       /* 限制2行 */
       overflow: hidden;
       text-overflow:ellipsis;
       display:-webkit-box; 
       -webkit-box-orient:vertical;
       -webkit-line-clamp:2;
  }
  /* 移动第三模块 支部风采、政策文件、下载中心 */
  .pthirdArea{
    width: 100%;
  }
  .pzbfcArea{
    width: 100%;
    background: #9b2320 url(../image/index/zbfcbg1x.png);
    background-size: 100% auto;
  }
  .pzbfclistbox{
    width: 94.7%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
  }
  .pzbfcbox{
    width: 165px;
    height: 154px;
    background-color: #B2221E;
    margin-top: 10px;
    
    
  }
  .pzbfcimgbox{
    width: 165px;
    height: 115px;
    margin-bottom: 10px;
  }
  .pimgstyle{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .pzbfcboxname{
    height: 23px;
    width: 155px;
    margin: 0 auto;
    border-top: 1px #E3A59E solid;
    border-bottom: 1px #E3A59E solid;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 13px;
    color: #FFF2DF;
      line-height: 23px;
       /* 限制1行 */
       overflow: hidden;
       text-overflow:ellipsis;
        display:-webkit-box; 
       -webkit-box-orient:vertical;
       -webkit-line-clamp:1;
  }
  .pzcwjbox{
    width: 100%;
    height: 87px;
    background: url('../image/index/pzcwjbg1x.png');
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom:10px ;
  }
  .pzcwjtitle{
    width: 90%;
    margin: 0 auto;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #A52C27;
    line-height: 21px;
        /* 限制2行 */
        overflow: hidden;
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        margin-bottom: 12px;
  }
  .pzcwjtimebox{
    width: 90%;
    margin: 0 auto;
    font-family: Arial;
    font-weight: 400;
    font-size: 12px;
    color: #D39868;
    line-height: 12px;
  }
  .pxzzxlistbox{
    width: 100%;
    background: #FFFFFF;
box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.11);
  }
  .pxzzxbox{
    width: 94%;
    margin: 0 auto;
    height: 79px;
    border-bottom: 1px dashed #EBB283;
    display: flex;
    align-items: center;
    justify-content: space-between;

  }
  .pxzzxbox:nth-child(5){
    border-bottom: 0px !important;
  }
  .pxzzxtimebox{
    height: 35px;
    width: 43px;
    
  }
  .pxzzxday{
    width: 100%;
    height: 13px;
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: #A52C27;
    margin-bottom: 6px;
    text-align: center;
    justify-content: space-between;
  }
  .pxzzxyear{
    width: 100%;
    height: 19px;
    font-family: Arial;
    font-weight: 400;
    font-size: 12px;
    color: #A52C27;
    border-top:1px  #A52C27 solid;
    border-bottom:1px  #A52C27 solid;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pxzzxtitle{
    width: 80%;
    height: 35px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 18px;
         /* 限制2行 */
         overflow: hidden;
         text-overflow:ellipsis;
         display:-webkit-box; 
         -webkit-box-orient:vertical;
         -webkit-line-clamp:2;
   
  }


  
  
   

  
  

    
   
   
   
  /* 以下为旧代码 */
  .newsItemTime {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
  }

  .newsItemTime>div {
    font-size: 13px;
    font-family: Times New Roman;
    font-weight: bold;
    color: #999999;
  }

  .newsItemTime>img {
    width: calc(25px/2);
    height: calc(7px/2);
    ;
  }

  .linkMainBgSmall {
    height: calc(327px / 2 + 10px);
    background: #06224e;
    margin-bottom: -1px;
    margin-top: calc(-327px / 2);
  }

  .linkMain .swiper-slide {
    width: auto;
    height: 50px !important;
    line-height: 50px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #374e71;
  }

  .linkMain {
    background: rgba(6, 34, 78, 0.8);

    box-shadow: 0px 2px 18px 0px rgba(5, 22, 49, 0.4);
    border-radius: 5px;
    height: 225px;
    padding: 25px !important;
    width: 100%;
  }

  .linkSwiper {
    width: 100%;
  }


  .linkArea {
    padding-top: 0;
    padding-bottom: 0;
  }

  .treds .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }

  .treds .bottomArea {
    min-height: calc(380px / 2);
    padding: 21px 20px 0 17px;
    background: white !important;
    box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.11);
  }

  .treds .bottomArea .bottomAreaTitle {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1a1a1a;
    line-height: 24px;
  }

  .treds .bottomArea .content {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    line-height: 27px;
    margin-top: 15px;
  }

  .blueAreaSmall {
    font-size: 12px;
    font-family: Times New Roman;
    font-weight: bold;
    color: #374e71;
    margin-top: 20px;
  }

  .treds .swiper-slide {
    height: 470px;
  }

  .treds>div:nth-child(1) img {
    width: 100%;
    min-height: calc(458px / 2);
  }

  .tredsPc {
    display: none;
  }

  .treds>div:nth-child(2) {
    display: none;
  }

  .SRArea .title,
  .SRArea .btn {
    color: #ffffff !important;
  }

  .SRArea .btn::after {
    background: white;
    color: #06224e;
  }

  .twoArea {
    background: #ffffff;
    padding-top: 0;
    padding-bottom: 0;
  }

  .twoArea .gap {
    padding: 0;
  }

  .noticeList {}

  .announcementArea {
    padding: calc(25px / 2);
    box-sizing: border-box;
    background: url("../image/newIndex/announcementBG_small.png");
    padding-bottom: 48px;
  }

  .SRArea {
    background: #06224e;
    width: 100vw;
    padding: calc(25px / 2);
    box-sizing: border-box;
    margin-left: 0;
    min-height: calc(1200px / 2);
  }

  .tredsItem>div:nth-child(2)>div:nth-child(2) {
    width: auto;
  }

  .noticeItem {
    width: auto;
  }

  .announcementArea {
    width: auto;
  }

  .noticeItem .img {
    background-repeat: no-repeat;
    padding-bottom: 0;
  }

  .noticeItem:hover .img {
    background-repeat: no-repeat;
  }

  .noticeItem:hover {}

  .twoArea>.flex {
    flex-direction: column;
  }

  .newsArea {
    background: white;
  }

  .CampusNews-wapper-item-bottom {
    padding: 0;
  }

  .CampusNews-wapper-item-bottom:nth-child(1) {
    height: 104px;
    border-bottom: 1px solid #f0f0f0;
  }

  .SwiperCampusNews .swiper-slide {
    border-bottom: 1px solid #f0f0f0;
    min-height: 104px;
    display: flex;
  }

  .newsItem {
    width: 100%;
    height: 104px;
    background: white;
    border-bottom: 1px solid #f0f0f0;
    padding: 0;
    justify-content: center;
  }

  .SwiperCampusNews .swiper-pagination {
    display: none;
  }

  .SwiperCampusNews .swiper-wrapper {
    display: flex;
    flex-direction: column;
  }

  .SwiperCampusNews .swiper-slide {}

  .SwiperCampusNews .swiper-slide:nth-child(n + 2) img {
    width: calc(233px / 2);
    height: calc(152px / 2);
    border-radius: 10px;
  }

  .SwiperCampusNews .swiper-slide:nth-child(n + 2) .CampusNews-wapper-item-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .SwiperCampusNews .swiper-slide:nth-child(n + 2) .leftArea {
    display: flex;
    flex-direction: row-reverse;
  }

  .SwiperCampusNews .swiper-slide:nth-child(1) .CampusNews-wapper-item-bottom>div:nth-child(2) {
    display: none;
  }

  .CampusNews-wapper-item-bottom {
    width: 100%;
  }

  .CampusNews-wapper-item-bottom> :nth-child(1) {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1a1a1a;
  }

  .CampusNews-wapper-item-bottom> :nth-child(2) {
    font-size: 13px;
    font-family: Times New Roman;
    font-weight: bold;
    color: #999999;
  }

  .topArea {
    margin-bottom: calc(59px / 2);
    padding-top: 40px;
  }

  .titleArea img {
    width: calc(37px / 2);
    height: calc(39px / 2);
  }

  .titleArea .title {
    font-size: 21px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #374e71;
  }

  .newsArea {
    padding: 0 0 50px 0;
  }

  .gap {
    width: 100%;
    padding: 0 calc(25px / 2) 0;
  }

  .titleArea {
    margin-top: 0;
    display: flex;
    align-items: center;
  }

  .titleEn {
    display: none;
  }

  .mySwiperHome {
    /* margin: 0 !important; */
    margin-top: -16px !important;
    /* height: calc(439px/2); */
  }

  .mySwiperHome img {
    height: 100%;

  }

  .mySwiperHome .swiper-button-prev::after {
    width: 50%;
    height: 50px;
    display: none;
  }

  .mySwiperHome .swiper-button-next::after {
    width: 50%;
    height: 50px;
    display: none;
  }

  .swiper-button-prev {
    justify-content: unset !important;
  }

  .swiper-button-next {
    justify-content: right !important;
  }

  /* .mySwiperHome .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  } */

  .newsMain {
    flex-direction: column;
  }

  .SwiperCampusNews {
    width: 100%;
    height: auto;
  }

  .leftArea img {
    height: 240px;
    width: 100%;
  }

  .CampusNews-rili-main,
  .announcement,
  .treds {
    width: 100%;
    margin: 0 auto;
    position: static;
    height: auto;
  }

  .btn {
    /* transform: scale(0.8); */
    position: relative;
    border: 0;
    padding-right: 8px;
    font-size: 13px;
  }

  .btn::after {
    content: "\FF0B";
    color: white;
    border-radius: 50%;
    width: calc(26px / 2);
    height: calc(26px / 2);
    line-height: calc(26px / 2);

    background: #374e71;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  section {
    /* padding-bottom: 20px; */
  }

  .announcementItem {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    padding: 10px 10px;
  }

  .announcementItem>div:nth-child(3) {
    margin-left: 20px;
  }

  .announcementItem>div:nth-child(3) {
    width: 20px;
  }

  .trendsImgArea {
    margin-right: 0;
  }

  .trendsImgArea>div {
    padding: 0 20px;
  }

  .treds {
    flex-direction: column;
  }

  .teamBox {
    width: 90%;
  }

  .teamSwiper {
    width: 90%;
  }

  .swiper-backface-hidden .swiper-slide {}

  .boxItem {
    width: calc(200px / 2);
  }

  .teamItem {
    height: calc(323px / 2);
    width: calc(216px / 2);
  }

  .teamSwiper .swiper-wrapper {
    height: 230px !important;
  }

  .pepoleImg {
    height: calc(191px / 2);
  }

  .nameIcon {
    width: calc(130px / 2);
    height: calc(75px / 2);
    bottom: -15px;
  }

  .name {
    bottom: -10px;
    font-size: 12px;
  }

  .popoleName {
    font-size: 14px;
    margin-bottom: 2px;
    margin-top: 15px;
  }

  /*  */
  .team-swiper-button-prev::after,
  .team-swiper-button-next::after {
    width: calc(29px / 2);
    height: calc(29px / 2);
    position: static;
    transform: none;
  }

  .team-swiper-button-prev,
  .team-swiper-button-next {
    bottom: 30px;
  }

  .team-swiper-button-prev {
    left: 2%;
  }

  .team-swiper-button-next {
    right: 2% !important;
  }

  .boxItem::after {
    width: 5px;
    height: 5px;
  }

  .boxItem::before {
    width: 8px;
    height: 8px;
  }

  .verticalLine {
    height: 20px;
    margin-bottom: 7.5px;
  }

  .newsMain .news-swiper-button-next {
    right: 0 !important;
    width: calc(40px / 2);
    height: calc(100px / 2);
  }

  .newsMain .news-swiper-button-prev {
    left: 0 !important;
    width: calc(40px / 2);
    height: calc(100px / 2);
  }

  .newsMain .news-swiper-button-prev::after {
    width: calc(12px / 2);
    height: calc(25px / 2);
  }

  .news-swiper-button-next::after {
    width: calc(12px / 2);
    height: calc(25px / 2);
  }
}