body {
  background-color: #fafafa;
  width: 100%;
  height: 100%;
}
.listBox .banner {
  height: 600px;
  width: 100%;
  background: url(../images/banner.png) top center no-repeat;
}
.listBox .hdzx-conter {
  margin-top: 30px;
}
.listBox .hdzx-conter .activity_name {
  height: 92px;
  width: 100%;
}
.listBox .hdzx-conter .activity_name .name-swiper {
  height: 92px;
  width: 100%;
}
.listBox .hdzx-conter .activity_name .name-swiper .swiper-slide {
  width: 341px !important;
  height: 92px;
  margin-left: 0;
  line-height: 92px;
  text-align: center;
  display: inline-block;
  margin-right: 80px;
  position: relative;
}
.listBox .hdzx-conter .activity_name .name-swiper .swiper-slide span {
  font-size: 26px;
  color: #666;
}
.listBox .hdzx-conter .activity_name .name-swiper .swiper-slide .fgx {
  display: none;
  position: absolute;
  bottom: 0;
  left: 146px;
  width: 50px;
  height: 3px;
  background-color: #ff6422;
  border-radius: 2px;
}
.listBox .hdzx-conter .activity_name .name-swiper .nameactive .fgx {
  display: block;
}
.listBox .hdzx-conter .activity_name .name-swiper .nameactive span {
  color: #2b62d2;
  font-weight: 700;
}
.listBox .hdzx-conter .activity_xx {
  margin-top: 30px;
  height: 1570px;
}
.listBox .hdzx-conter .activity_xx .swiper-slide {
  width: 100%;
  height: 100%;
}
.listBox .hdzx-conter .activity_xx .swiper-slide li {
  width: 1194px;
  height: 230px;
  position: relative;
}
.listBox .hdzx-conter .activity_xx .swiper-slide li .pic {
  position: absolute;
  left: 30px;
  top: 28px;
  width: 310px;
  height: 174px;
}
.listBox .hdzx-conter .activity_xx .swiper-slide li .pic img {
  width: 100%;
  height: 100%;
}
.listBox .hdzx-conter .activity_xx .swiper-slide li .tit {
  position: absolute;
  top: 58px;
  left: 379px;
  width: 625px;
  height: 126px;
}
.listBox .hdzx-conter .activity_xx .swiper-slide li .tit h3 a {
  display: block;
  width: 554px;
  font-size: 20px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
.listBox .hdzx-conter .activity_xx .swiper-slide li .tit p {
  margin-top: 26px;
  width: 629px;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.listBox .hdzx-conter .activity_xx .swiper-slide li .fgx {
  position: absolute;
  top: 30px;
  right: 151px;
  width: 1px;
  height: 171px;
  background-color: #e6e6e6;
}
.listBox .hdzx-conter .activity_xx .swiper-slide li .time {
  position: absolute;
  top: 82px;
  right: 43px;
  width: 67px;
}
.listBox .hdzx-conter .activity_xx .swiper-slide li .time p {
  font-size: 60px;
  font-weight: 700;
  color: #666666;
}
.listBox .hdzx-conter .activity_xx .swiper-slide li .time span {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  color: #666666;
  opacity: 0.8;
}
.listBox .hdzx-conter .activity_xx .swiper-slide li:hover {
  border: solid 1px #2b62d2;
}
.listBox .hdzx-conter .activity_xx .swiper-slide li:hover .tit h3 a {
  color: #2b62d2;
}
.listBox .hdzx-conter .activity_xx .swiper-slide .ckgd {
  width: 500px;
  height: 50px;
  line-height: 50px;
  margin: 30px auto;
  text-align: center;
  background: #f1f1f1;
}
.listBox .hdzx-conter .activity_xx .swiper-slide .ckgd a {
  font-size: 36px;
}
.listBox .hdzx-conter .activity_xx .swiper-slide .ckgd:hover {
  background-color: #1664e5;
}
.listBox .hdzx-conter .activity_xx .swiper-slide .ckgd:hover a {
  color: #fff;
}