/* 内容 */
.content {
  display: flex;
  flex-direction: column;
}
/* 内容1 */
/* 轮播&tab切换 */
.con {
  display: flex;
  justify-content: space-between;
  /* 原尺寸 */
  /* margin-bottom: 43px; */
  margin-bottom: 23px;
}
/* 轮播 */
.con1 .swiperBox {
  width: 669px;
  height: 439px;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  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;
}
.swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.swiper-slide a img {
  width: 100%;
  height: 100%;
}
.swiperTtile {
  width: 500px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 46px;
  line-height: 46px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 0 20px;
  font-size: 16px;
  color: #fff;
  padding: 0 20px;
  text-align: left;
}
.swiperBox .swiper-pagination {
  display: flex;
  justify-content: end;
  bottom: 16px !important;
  left: -20px !important;
}
.swiperBox .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #fff;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background: #c90324 !important;
}
/* tab切换 */
.tabBox {
  width: 508px;
  height: 439px;
  display: flex;
  flex-direction: column;
}
.tabTit {
  position: relative;
}
.tabBox .tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  color: #292929;
  width: 508px;
}
.tabBox .tab li {
  padding: 0 20px 16px;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}
/* .tabTit .tab li {
  cursor: auto;
} */
.current {
  color: #c60e0e;
  font-weight: bold;
  z-index: 2;
}
.currentBoreder {
  border-bottom: 2px #c60e0e solid !important;
  z-index: 2;
}
.line {
  position: absolute;
  background-color: #e3e3e3;
  width: 100%;
  height: 2px;
  bottom: 0;
}
.more {
  width: 56px;
  height: 24px;
  line-height: 24px;
  border-radius: 20px;
  background-color: #c90324;
  font-size: 14px;
  text-align: center;
  margin-bottom: 16px;
}
.more a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}
.tabCon {
  display: none;
}
.tabCon:first-child {
  display: block;
}
.tabCon .textCon {
  width: 100%;
  height: 390px;
  display: flex;
  flex-direction: column;
  padding-top: 33px;
}
.tabCon .textCon li {
  width: 100%;
}
.tabCon .textCon li a {
  font-size: 16px;
  color: #000;
  margin-bottom: 9px;
  display: inline-block;
  width: 460px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tabCon .textCon li a:hover {
  color: #c90324;
}
.tabCon .textCon li a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #c90324;
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
}

/* 内容2 政策文件&通知公告 */
/* 政策文件 */
.con2 .tabBox {
  width: 568px;
  height: 295px;
}
.con2 .tabBox .tab {
  width: 568px;
}
.con2 .tabCon ul {
  height: 255px;
}
.con2 .tabBox ul li a {
  width: 520px;
}
/* 通知公告文字滚动 */
#s2 {
  width: 100%;
  height: 255px;
  display: flex;
  flex-direction: column;
  padding-top: 0 !important;
  margin-top: 33px !important;
  padding-bottom: 40px;
  overflow: hidden !important;
}
#s2 li a {
  font-size: 16px;
  color: #000;
  margin-bottom: 9px;
  display: inline-block;
  width: 520px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#s2 li a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #c90324;
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
}
/* 通知公告文字滚动 */
.informRoll {
  overflow: hidden;
}

/* 滚动新闻 */
.rollNews {
  height: 206px;
}
.SwiperBoxNews {
  width: 1200px;
  height: 206px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* margin: 0 auto; */
}

/* 滚动新闻左侧 */
.rollingNews {
  width: 76px;
  height: 210px;
  background: url("../img/ztboxbg1.png") top left no-repeat;
}
.swiperRollNewsContainer {
  margin: 0 auto;
  width: 1100px;
  overflow: hidden;
  height: 213px;
}
.SwiperBoxNews .swiper-wrapper {
  width: 100%;
  height: 100%;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}
.SwiperBoxNews .swiper-slide {
  width: 260px;
  margin-right: 20px;
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.rollNewsItem {
  width: 100%;
  height: 100%;
}
.rollNewsItem a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.rollNewsItem img {
  width: 100%;
  height: 180px;
  overflow-y: scroll;
}
.rollNewsItem p {
  width: 257px;
  font-size: 16px;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 内容4 */
/* 局属单位&工作交流&关心下一代 */
.column {
  display: flex;
  flex-direction: column;
}
.con4 .tabBox {
  width: 388px;
  height: 295px;
  margin-bottom: 27px;
}
.con4 .tabBox .tab {
  width: 388px;
}
.con4 .tabCon ul {
  height: 275px;
}
.con4 .tabBox ul li a {
  width: 355px;
}
/* 专栏 */
.con4 .column3 .tabBox:first-child {
  width: 319px;
  height: 617px;
}
.con4 .column3 .tabBox:last-child {
  width: 319px;
  height: 295px;
}

.con4 .column3 .tab {
  width: 319px;
}
.con4 .column3 .specialBox {
  padding-top: 33px;
  height: auto;
}
.con4 .column3 .special a {
  display: block;
  width: 100%;
  height: 86px;
  margin-bottom: 22px;
}
.con4 .column3 .special a img {
  width: 100%;
  height: 100%;
}
.con4 .column3 .specialIssue a {
  display: block;
  width: 100%;
  height: 63px;
  margin-bottom: 10px;
}
.con4 .column3 .specialIssue a img {
  width: 100%;
  height: 100%;
}

/* 内容5 */
/* 单位荣誉 */
.honor {
  font-size: 22px;
  color: #c90324;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 内容6 */
.con6 .tabBox {
  width: 345px;
  /* 原尺寸 */
  /* height: 315px; */
  height: 268px;
  margin-bottom: 27px;
}
.con6 .tabBox .tab {
  width: 345px;
}
.con6 .tabCon ul {
  height: 275px;
}
.con6 .tabBox ul li a {
  width: 315px;
}

/* 内容7 */
.con7 .tabBox {
  width: 100%;
  /* 原尺寸 */
  /* height: 284px; */
  height: 260px;
  margin-bottom: 27px;
}
.con7 .tabBox .tab {
  width: 100%;
}
.con7 .swiperBox {
  width: 100%;
  height: 192px;
}
.con7 .swiperBox {
  /* 原尺寸 */
  /* margin-top: 45px; */
  margin-top: 30px;
}
.con7 .swiper-slide a img {
  object-fit: cover;
}
.arrow-l,
.arrow-r {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 49px;
  height: 76px;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
  line-height: 76px;
  z-index: 2;
  cursor: pointer;
}
.arrow-l {
  right: 0;
}
.arrow-r {
  left: 0;
}
.swiperBox:hover .arrow-l,
.swiperBox:hover .arrow-r {
  display: block;
}

/* 内容8 */
.con8 .tabBox {
  width: 100%;
  /* 原尺寸 */
  /* height: 225px; */
  height: 183px;
  margin-bottom: 27px;
}
.con8 .tabBox .tab {
  width: 100%;
}
.con8 .tabCon ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 33px;
}
.con8 .tabCon ul li {
  width: 107px;
  height: 107px;
  /* margin-right: 26px; */
}
.con8 .tabCon ul li:last-child {
  margin-right: 0;
}
.con8 .tabCon ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.con8 .tabCon ul li a img {
  width: 100%;
  height: 100%;
}

/* 内容9 */
.con9 .tabBox {
  width: 100%;
  height: auto;
  margin-bottom: 27px;
}
.con9 .tabBox .tab {
  width: 100%;
}
.con9 .tabBox .tab {
  justify-content: flex-start;
}
.con9 .tabBox .tab li {
  padding: 0 35px 16px;
  font-weight: bold;
}
.con9 .tabCon ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding-top: 33px;
}
.con9 .tabCon ul li {
  font-size: 16px;
  margin-right: 40px;
  margin-bottom: 15px;
}
/* .con9 .tabCon ul li:nth-child(7n) {
  margin-right: 0;
} */
.con9 .tabCon ul li a {
  display: block;
  color: #292929;
}
.con9 .tabCon ul li a:hover {
  color: #c90324;
}
