.index {
  background-color: #fff;
  width: 100%;
  min-width: 1230px;
}

.main {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  overflow: hidden;
  padding: 0 0 60px;
}

.main-bg {
  width: 100%;
  height: 300px;
  background: url(/cms_files/weblaizhoushizhengfu/pubtplobject/defaultSet/13665/images/banner.png) no-repeat center;
  background-size: 100% 100%;
}

.common-style {
  display: flex;
  flex-wrap: wrap;
  margin-top: 33px;
}

.common-left {
  margin-right: 40px;
}

.situation {
  width: 580px;
}

.situation .pix {
  width: 580px;
  height: 330px;
  object-fit: cover;
}

.common-title {
  width: 100%;
  border-bottom: 1px solid #115db2;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.common-title span {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  position: relative;
  padding-left: 15px;
}

.common-title span::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 25px;
  background-color: #115db2;
  top: 4px;
  left: 0;
}

.common-title .more {
  font-size: 16px;
  color: #999999;
  float: right;
}

.common-title img {
  vertical-align: sub;
  margin-right: 10px;
}

.list {
  width: 100%;
}

.list .list-a {
  display: block;
  line-height: 60px;
  height: 60px;
  position: relative;
  padding-left: 15px;
  border-bottom: dashed 1px #dddddd;
}

.list .list-a::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #acc2d4;
  top: 27px;
  left: 0;
  border-radius: 50%;
}

.list .list-a .title {
  font-size: 16px;
  color: #404040;
  width: 450px;
  display: inline-block;
  overflow: hidden; /*超出部分隐藏*/
  white-space: nowrap; /*不换行*/
  text-overflow: ellipsis; /*超出部分文字以...显示*/
}

.list .list-a .time {
  font-size: 16px;
  float: right;
  color: #999999;
}

.list .list-a:hover .title {
  color: #115db2;
}

.list .list-a:hover .time {
  color: #115db2;
}
.newStyle .common-style {
  flex-direction: column;
}
.newStyle .situation {
  width: 100%;
}
.newStyle .common-title span {
  font-size: 50px;
}
.newStyle .common-title span::before {
  height: 60px;
}
.newStyle .common-title .more {
  font-size: 34px;
}
.newStyle .list .list-a .title {
  font-size: 34px;
  width: 75%;
}
.newStyle .list .list-a .time {
  font-size: 34px;
}
.newStyle .list .list-a {
  height: 75px;
  line-height: 75px;
}
.newStyle .pix {
  display: none;
}

@media screen and (max-width: 996px) {
  .index {
    width: 100%;
    min-width: 100%;
  }
  .main {
    width: 100%;
  }
  .common-style {
    justify-content: space-between;
  }
  .situation {
    width: 49%;
  }
  .common-left {
    margin-right: 0;
  }
  .situation .pix {
    width: 100%;
    object-fit: fill;
  }
  .list .list-a .time {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .index {
    width: 100%;
    min-width: auto;
  }

  .main {
    width: 100%;
    padding: 20px;
  }

  .main-bg {
    background-size: cover;
    height: 100px;
  }

  .common-style {
    display: block;
  }

  .common-title span {
    font-size: 18px;
    padding-right: 35px;
  }

  .common-left {
    margin-right: 0;
    margin-bottom: 33px;
  }

  .situation {
    width: 100%;
  }

  .situation,
  .list-all {
    width: 100%;
  }

  .list .list-a .title {
    width: 100%;
  }

  .situation .pix {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 320px) {
  .list .list-a .title {
    width: 100%;
  }

  .list .list-a .time {
    display: none;
  }
}