@charset "utf-8";
/* 头部 */
.head {
  position: relative;
}
.head .img {
  width: 100%;
}
.head .img_m {
  display: none;
}
.head .logo {
  position: absolute;
  top: 5%;
  left: 20%;
  width: 15%;
}
/* 防汛部署 */
.til {
  padding-top: 60px;
  margin-bottom: 30px;
  text-align: center;
}
.til .til_img_m {
  display: none;
}
.left {
  float: left;
  width: 665px;
}
.left .fxbs-pic {
  position: relative;
  width: 100%;
  height: 380px;
}
.fxbs-pic .swiper-container {
  width: 100%;
  height: 100%;
}
.fxbs-pic .swiper-container img {
  width: 100%;
  height: 100%;
}
.fxbs-pic .swiper-slide span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 18px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  height: 60px;
  line-height: 60px;
  padding-left: 25px;
}
.fxbs-pic .swiper-slide span a {
  color: #fff;
}
.fxbs-pic .swiper-pagination {
  position: absolute;
  right: 25px;
  bottom: 20px;
  z-index: 99;
}
.fxbs-pic .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin-right: .5rem;
  background: #FFF;
  opacity: .5;
}
.fxbs-pic .swiper-pagination-bullet-active {
  opacity: 1;
}
.fxbs-pic .prev, .fxbs-pic .next {
  position: absolute;
  top: unset;
  bottom: 45%;
  width: 22px;
  height: 22px;
  z-index: 10;
  cursor: pointer;
}
.fxbs-pic .prev {
  background: url(../images/prev.png) no-repeat;
  left: 20px;
}
.fxbs-pic .next {
  background: url(../images/next.png) no-repeat;
  right: 20px;
}
.right {
  float: right;
  width: 500px;
}
.top-txt h3 {
  font-size: 22px;
}
.memo {
  display: inline-block;
  line-height: 25px;
  font-size: 16px;
  color: #666;
  text-indent: 2em;
  padding: 25px 0 20px;
  letter-spacing: 1px;
}
.fxbs-list li {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 22px;
}
.fxbs-list li i {
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 5px;
  background: #077bfe;
}
.fxbs-list li a {
  color: #333;
  font-size: 18px;
}
/* 动态播报 */
.dtbb-lists {
  padding: 10px 20px 35px;
  background: #edfbff;
}
.dtbb-lists li {
  float: left;
  width: 48%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 25px;
  margin-right: 40px;
}
.dtbb-lists li:nth-child(2n) {
  margin-right: 0;
}
.dtbb-lists li i {
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 5px;
  background: #077bfe;
}
.dtbb-lists li a {
  color: #333;
  font-size: 18px;
}
/* 课堂指南 */
.ktzn-pic {
  position: relative;
  width: 990px;
  height: 570px;
  margin: 0 auto;
  margin-bottom: 60px;
}
.ktzn-pic .swiper-container {
  width: 100%;
  height: 570px;
}
.ktzn-pic .swiper-container img {
  width: 100%;
  height: 100%;
}
.ktzn-pic .ktzn-prev,.ktzn-pic .ktzn-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 43px;
  cursor: pointer;
}
.ktzn-pic .ktzn-prev {
  left: -9%;
  background-image: url(../images/zn_prev.png)
}
.ktzn-pic .ktzn-next {
  right: -9%;
  background-image: url(../images/zn_next.png)
}
@media screen and (max-width: 991px) {
  .head .img {display: none;}
  .head .img_m {display: block;width: 100%;}
  .head .logo {width: 25%;left: 10%;}
  .til .til_img {display: none;}
  .til .til_img_m {display: block;width: 100%;}
  .left {float: none;width: 100%;margin-bottom: 15px;}
  .right {float: left;width: 100%;}
  .left .fxbs-pic {height: auto;}
  .fxbs-pic .swiper-container,.fxbs-pic .swiper-container img {height: auto;}
  .fxbs-pic .swiper-slide span a {display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .dtbb .w1200 {padding: 0;}
  .dtbb-lists {padding: 10px 3% 35px;}
  .dtbb-lists li {float: none;width: 100%;margin-right: 0;}
  .dtbb-lists li:nth-child(6),
  .dtbb-lists li:nth-child(7),
  .dtbb-lists li:nth-child(8),
  .dtbb-lists li:nth-child(9),
  .dtbb-lists li:nth-child(10),
  .dtbb-lists li:nth-child(11),
  .dtbb-lists li:nth-child(12),
  .dtbb-lists li:nth-child(13),
  .dtbb-lists li:nth-child(14) {display: none;}
  .dtbb-lists li:nth-child(2n) {margin-right: 0;}
  .ktzn-pic {width: 90%;height: auto; margin: 0 auto;margin-bottom: 30px;}
  .ktzn-pic .swiper-container img {width: 100%;height: auto;}
  .m-hide {display: none !important;}
}