.banner {
  height: 7.33333333rem;
  background: url(../images/zx_banner.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.bluebg {
  background: #2b3f74;
  padding: 0.66666667rem 0;
  margin-top: 0.66666667rem;
}
.bluebg .title {
  color: #fff;
  font-size: 0.42666667rem;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-left: 0.4rem;
}
.bluebg .title::before {
  content: '';
  display: block;
  width: 0.06666667rem;
  height: 0.4rem;
  background: #bf9a5f;
  margin-right: 0.10666667rem;
  margin-top: 0.05333333rem;
}
.bluebg .zxhd-swiper {
  margin-top: 0.4rem;
}
.bluebg .zxhd-swiper .swiper-slide {
  width: 8.4rem;
}
.bluebg .zxhd-swiper .swiper-slide .pic {
  width: 8.4rem;
  height: 4.73333333rem;
}
.bluebg .zxhd-swiper .swiper-slide .tit {
  margin-top: 0.4rem;
  color: #fff;
}
.bluebg .zxhd-swiper .swiper-slide .tit a {
  color: #fff;
  font-size: 0.37333333rem;
  display: block;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bluebg .zxhd-swiper .swiper-slide .sources {
  margin-top: 0.33333333rem;
  color: #fff;
  opacity: .4;
  font-size: 0.32rem;
  text-align: center;
}
.bluebg .zxhd-swiper .swiper-slide .text {
  margin-top: 0.33333333rem;
  color: #fff;
  opacity: .6;
  text-align: justify;
  font-size: 0.32rem;
  line-height: 0.48rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}
.bluebg .more {
  width: 9.2rem;
  height: 0.93333333rem;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  text-align: center;
  line-height: 0.93333333rem;
  margin: 0.56rem auto 0;
}
.bluebg .more a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.34666667rem;
  color: #fff;
}
.bluebg .tzgg {
  margin-top: 0.66666667rem;
}
.bluebg .tzgg .tzgglist {
  margin-top: 0.45333333rem;
}
.bluebg .tzgg .tzgglist li {
  width: 9.2rem;
  height: 1.2rem;
  margin: 0 auto 0.26666667rem;
  border: 0.01333333rem solid rgba(255, 255, 255, 0.3);
}
.bluebg .tzgg .tzgglist li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 0.45333333rem 0 0.33333333rem;
  color: #fff;
  font-size: 0.34666667rem;
}
.bluebg .tzgg .tzgglist li a::before {
  content: '';
  display: block;
  width: 0.05333333rem;
  height: 0.29333333rem;
  background: #375091;
  margin-right: 0.13333333rem;
}
.bluebg .tzgg .tzgglist li a span {
  display: block;
  width: 8.21333333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zcfb {
  margin-top: 0.66666667rem;
  padding: 0 0.4rem;
}
.zcfb .title {
  color: #333333;
  font-size: 0.42666667rem;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.zcfb .title::before {
  content: '';
  display: block;
  width: 0.06666667rem;
  height: 0.4rem;
  background: #bf9a5f;
  margin-right: 0.10666667rem;
  margin-top: 0.05333333rem;
}
.zcfb .pic {
  margin-top: 0.4rem;
  height: 6.36rem;
}
.zcfb .tit {
  margin-top: 0.34666667rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zcfb .tit a {
  color: #222;
  font-size: 0.37333333rem;
}
.zcfb .sources {
  margin-top: 0.26666667rem;
  text-align: center;
}
.zcfb .sources .fbjg {
  display: inline-block;
  padding: 0 0.2rem;
  background: #b89d61;
  color: #fff;
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.29333333rem;
  vertical-align: middle;
  margin-right: 0.42666667rem;
}
.zcfb .sources .date {
  font-size: 0.32rem;
  color: #222222;
  opacity: .4;
  vertical-align: middle;
}
.zcfb .text {
  color: #222;
  opacity: 0.6;
  font-size: 0.32rem;
  line-height: 0.48rem;
  text-align: justify;
  margin-top: 0.33333333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.zcfb .more {
  height: 0.93333333rem;
  background: #254271;
  margin-top: 0.48rem;
}
.zcfb .more a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0.93333333rem;
  color: #fff;
  font-size: 0.34666667rem;
}
.mtbd {
  margin: 0.66666667rem 0;
}
.mtbd .title {
  color: #333333;
  font-size: 0.42666667rem;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-left: 0.4rem;
}
.mtbd .title::before {
  content: '';
  display: block;
  width: 0.06666667rem;
  height: 0.4rem;
  background: #bf9a5f;
  margin-right: 0.10666667rem;
  margin-top: 0.05333333rem;
}
.mtbd .swiper-container {
  margin-top: 0.4rem;
}
.mtbd .swiper-container .swiper-slide {
  width: 6.4rem;
}
.mtbd .swiper-container .swiper-slide .pic {
  height: 4.4rem;
  width: 100%;
}
.mtbd .swiper-container .swiper-slide .tit {
  margin-top: 0.24rem;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.mtbd .swiper-container .swiper-slide .tit a {
  color: #222;
  font-size: 0.37333333rem;
}
.mtbd .swiper-container .swiper-slide .date {
  color: #222;
  opacity: .4;
  font-size: 0.32rem;
  margin-top: 0.21333333rem;
}
.mtbd .swiper-container .swiper-slide .text {
  font-size: 0.32rem;
  color: #222;
  opacity: .4;
  margin-top: 0.2rem;
  text-align: justify;
  line-height: 1.5;
}
.mtbd .more {
  width: 9.2rem;
  margin: 0.56rem auto 0;
  height: 0.93333333rem;
  background: #f8f8f8;
}
.mtbd .more a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.34666667rem;
  color: #666;
  text-align: center;
  line-height: 0.93333333rem;
}