body {
  background-color: #fbfbfb;
}
.banner {
  width: 100%;
}
.section-title {
  text-align: center;
  font-size: 36px;
  margin-bottom: 50px;
}
.section-title::after {
  content: "";
  display: block;
  border-radius: 2px;
  background-color: #e9c200;
  width: 60px;
  height: 4px;
  margin: 24px auto 0;
}

.xmwcgl-container,
.zyjsrw-container,
.jszj-container,
.gxysf-container,
.mtxc-container {
  padding-top: 80px;
  padding-bottom: 80px;
}
.list1 li {
  width: 32.14%;
  margin-left: 1.79%;
  height: 0;
  padding-bottom: 8.57%;
  position: relative;
  float: left;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin-bottom: 34px;
}
.list1 li:hover {
  background-color: #7cb1ef;
}
.list1 li:first-child,
.list1 li:first-child + li + li + li,
.list1 li:first-child + li + li + li + li + li + li {
  margin-left: 0;
}
.list1 li:nth-child(3n + 1) {
  margin-left: 0;
}
.list1 li a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
.list1 li .num {
  background-color: #7cb1ef;
  width: 16%;
  height: 0;
  padding-bottom: 16%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5.5%;
}
.list1 li:hover .num {
  border-right: #fff solid 1px;
}
.list1 li .num span {
  display: inline-block;
  width: 100%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  font-size: 44px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.list1 li h1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-size: 22px;
  font-weight: normal;
  top: 50%;
  left: 27%;
  position: absolute;
  transform: translateY(-50%);
  margin: 0;
  width: 75%;
}
.list1 li:hover h1 {
  color: #fff;
}

.zyjsrw-container {
  background-color: #455dae;
  background-image: url(../images/yj-lzx-bg-1.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% auto;
}
.zyjsrw-container .section-title,
.gxysf-container .section-title {
  color: #fff;
}
.zyjsrw-container li,
.gxysf-container li {
  background-color: rgba(251, 251, 251, 0.06);
  border-bottom: #76ece4 solid 3px;
}
.zyjsrw-container .list1 li h1,
.gxysf-container .list1 li h1 {
  color: #fff;
}

.jszj-container .list1 li .num {
  background-color: transparent;
}
.jszj-container .list1 li .num span {
  color: #7cb1ef;
}
.jszj-container .list1 li:hover .num span {
  color: #fff;
}

.gxysf-container {
  background-color: #455dae;
  background-image: url(../images/yj-lzx-bg-2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.gxysf-container .list1 {
  text-align: center;
}
.gxysf-container .list1 li {
  float: none;
  display: inline-block;
}
.gxysf-container .list1 li h1 {
  text-align: left;
}

.mtxc-container {
  background-color: #eff2f6;
  background-image: url(../images/yj-lzx-bg-3.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100% auto;
}

.swiper-container-mtxc,
.swiper-container-imgs {
  overflow: hidden;
}
.swiper-container-mtxc .swiper-slide,
.swiper-container-mtxc .swiper-wrapper,
.swiper-container-imgs .swiper-slide,
.swiper-container-imgs .swiper-wrapper {
  height: auto !important;
}
.swiper-container-mtxc .swiper-slide::after,
.swiper-container-imgs .swiper-slide::after {
  display: block;
  content: "";
  clear: both;
}
.swiper-container-mtxc .item {
  background: #fff;
  display: block;
  width: 22.857%;
  margin-left: 2.85733%;
  box-sizing: border-box;
  position: relative;
  border-bottom: #e8c000 3px solid;
  float: left;
  transition: all 0.2s ease;
}
.swiper-container-mtxc .item:hover {
  border-bottom-color: #5378cc;
  background: #5378cc;
}
.swiper-container-mtxc .item:first-child,
.swiper-container-imgs .item:first-child {
  margin-left: 0;
}
.swiper-container-mtxc .item .img-container {
  width: 100%;
  height: 0;
  padding-bottom: 67.1875%;
  overflow: hidden;
}
.swiper-container-mtxc .item .img-container img,
.swiper-container-imgs .item img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.swiper-container-mtxc .item:hover .img-container img,
.swiper-container-imgs .item:hover img {
  transform: scale(1.05, 1.05);
}
.swiper-container-mtxc .item p {
  margin: 25px;
  font-size: 18px;
  text-align: left;
  line-height: 2;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical; /*设置对齐模式*/
  -webkit-line-clamp: 2; /*设置多行的行数*/
  height: 72px;
}
.swiper-container-mtxc .item p span {
  color: #5378cc;
}
.swiper-container-mtxc .item .time {
  display: block;
  text-align: left;
  font-size: 14px;
  color: #666;
  margin-left: 25px;
  margin-bottom: 18px;
}
.swiper-container-mtxc .item:hover p,
.swiper-container-mtxc .item:hover p span,
.swiper-container-mtxc .item:hover .time {
  color: #fff;
}

.pagination-container {
  text-align: center;
  margin-top: 50px;
}
.pagination-container .btn-left {
  display: inline-block;
  background-image: url(../images/yj-lzx-btn-left.png);
  width: 12px;
  height: 17px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-right: 7px;
}
.pagination-container .dots {
  display: inline-block;
  position: relative;
  top: -1.5px;
}
.pagination-container .dots span {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #d8dadc;
  display: inline-block;
  margin-left: 5px;
}
.pagination-container .dots span.cur {
  background-color: #4566ae;
}
.pagination-container .dots span:first-child {
  margin-left: 0;
}
.pagination-container .btn-right {
  display: inline-block;
  background-image: url(../images/yj-lzx-btn-right.png);
  width: 12px;
  height: 17px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-left: 7px;
}

.imgs-container {
  padding-top: 40px;
  padding-bottom: 70px;
}
.imgs-container .pagination-container {
  margin-top: 0;
  text-align: right;
}
.swiper-container-imgs {
  margin-top: 18px;
}
.swiper-container-imgs .item {
  background: #fff;
  display: block;
  width: 22.857%;
  margin-left: 2.85733%;
  position: relative;
  float: left;
  height: 0;
  padding-bottom: 20%;
  overflow: hidden;
}
