/* .heaImg img {
  width: 100%;
}

.nav {
  width: 100%;
  height: 70px;
  background: linear-gradient(0deg, #C9470D, #A91C02);
}

.nav .navlist {
  width: 1128px;
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
}

.nav .navlist a {
  color: #FFFFFF;
  font-size: 22px;
  font-weight: bold;
  line-height: 80px;
}

.nav .navlist a:hover {
  color: #29bdeb;
} */


.min {
  margin: 0 auto;
}

.min .text {
  height: 233px;
  background: #FFFFFF;
}

.min .text p {
  width: 1128px;
  height: 114px;
  font-size: 18px;
  color: #020202;
  line-height: 48px;
  margin: 0 auto;
  padding: 53px 0 66px 0;
}

.min .overt {
  background: #eaf6fc;
  padding-bottom: 64px;

}

.min .overt .overtTop a {
  display: block;
  width: 100%;
  height: 126px;
  margin-bottom: 20px;
  background: url(../images/bt1.png) no-repeat center;
}


.min .overt .politicsOpen .county {
  position: relative;
  width: 100%;
  min-height: 186px;
  border: 1px solid #427caa;
  border-radius: 13px;
  margin-bottom: 69px;
}

.min .overt .politicsOpen .county .titl {
  position: absolute;
  top: -30px;
  left: 14px;
  width: 382px;
  height: 64px;
  background: #eaf6fc;
  border: 1px solid transparent;
}

.min .overt .politicsOpen .county .titl span {
  display: inline-block;
  width: 286px;
  height: 62px;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 54px;
  text-align: center;
  background: url(../images/wzk.png) no-repeat center;
  margin-left: 50px;
}

.min .overt .politicsOpen .county ul {
  margin: 76px 0 56px 25px;
}

.min .overt .politicsOpen .county ul a {
  display: inline-block;
  width: 129px;
  height: 54px;
  background: #FFFFFF;
  border: 1px solid #a8cbf0;
  border-radius: 8px;
  font-size: 18px;
  color: #050505;
  line-height: 48px;
  text-align: center;
}

.min .overt .politicsOpen .county ul a:hover {
  box-shadow: 0px 5px 8px 1px rgba(254, 229, 223, 0.68);
  border: 1px solid #29bdeb;
  color: #29bdeb;
}

.min .overt .politicsOpen .village {
  position: relative;
  width: 100%;
  min-height: 186px;
  border: 1px solid #0d5490;
  border-radius: 13px;
}

.min .overt .politicsOpen .village .titl {
  position: absolute;
  top: -30px;
  left: 14px;
  width: 382px;
  height: 64px;
  background: #eaf6fc;
  border: 1px solid transparent;
}

.min .overt .politicsOpen .village .titl span {
  display: inline-block;
  width: 286px;
  height: 62px;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 54px;
  text-align: center;
  background: url(../images/wzk.png) no-repeat center;
  margin-left: 50px;
}

.min .overt .politicsOpen .village ul {
  margin: 76px 0 30px 25px;
  display: flex;
  flex-wrap: wrap;
}

.min .overt .politicsOpen .village ul a {
  display: inline-block;
  width: 129px;
  height: 54px;
  background: #FFFFFF;
  border: 1px solid #a8cbf0;
  border-radius: 8px;
  font-size: 18px;
  color: #050505;
  line-height: 48px;
  text-align: center;
  margin: 0 19px 17px 0;
}

.min .overt .politicsOpen .village ul a:hover {
  box-shadow: 0px 5px 8px 1px rgba(254, 229, 223, 0.68);
  border: 1px solid #29bdeb;
  color: #29bdeb;
}

.min .file {
  width: 100%;
  background: #ffffff;
}

.min .file .fielTitl a {
  display: block;
  width: 100%;
  height: 126px;
  margin-bottom: 20px;
  background: url(../images/bt2.png) no-repeat center;
}



.min .file .filelist {
  width: 96%;
  margin-left: 18px;
}

.min .file .filelist li {
  list-style: square;
}

.min .file .filelist li::marker {
  color: #0d5490;
}

.min .file .filelist li a {
  font-size: 18px;
  color: #020202;
  line-height: 48px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.min .file .filelist li a:hover {
  color: #29bdeb;
}

.min .file .more {
  width: 99%;
  margin-top: 31px;
  text-align: right;
}


.min .file .more a:hover {
  color: #29bdeb;
  cursor: pointer;
}

.min .file .more span {
  display: inline-block;
  width: 128px;
  height: 40px;
  background: #0d5490;
  border-radius: 20px;
  text-align: center;
}

.min .file .more span a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 39px;
  border-radius: 20px;
}

.min .dynamic {
  width: 100%;
  height: 632px;
  background: #ffffff;
}

.min .dynamic .dynamicTitl a {
  display: block;
  width: 100%;
  height: 126px;
  margin-bottom: 20px;
  background: url(../images/bt3.png) no-repeat center;
}



.min .dynamic .dynamicRight {
  width: 426px;
  margin-left: 30px;
  float: left;
}

.min .dynamic .dynamicRight .dynamiclist {
  width: 426px;
  height: 354px;
  overflow: hidden;
  padding-left: 18px;
}

.min .dynamic .dynamicRight .dynamiclist li {
  list-style: square;
  line-height: 62px;
}

.min .dynamic .dynamicRight .dynamiclist li::marker {
  color: #0d5490;
}

.min .dynamic .dynamicRight .dynamiclist a {
  display: block;
  font-size: 18px;
  color: #020202;
  width: 408px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.min .dynamic .dynamicRight .dynamiclist a:hover {
  color: #29bdeb;
}

.min .dynamic .more {
  width: 100%;
  margin-top: 31px;
  text-align: right;
}


.min .dynamic .more span:hover a {
  color: #29bdeb;
  cursor: pointer;
}

.min .dynamic .more span {
  display: inline-block;
  width: 128px;
  height: 40px;
  background: #0d5490;
  border-radius: 20px;
  text-align: center;
}

.min .dynamic .more span a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 39px;
  border-radius: 20px;
}

.dynamicLeft {
  float: left;
}

.dynamicLeft .wrapTow {
  width: 731px;
  height: 424px;
  position: relative;
  cursor: pointer;
}

.dynamicLeft .listTow {
  height: 424px;
  padding: 0;
  list-style: none;
  position: relative;
}

.dynamicLeft .itemTow {
  position: absolute;
  /* 让五张图片叠在一起 */
  width: 100%;
  height: 100%;
  opacity: 0;
  /* 设置元素的不透明级别*/
  transition: all 0.8s;
  /* 元素过渡属性 */
}

.itemTowMiaoShu {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 44px;
  line-height: 44px;
  width: 100%;
  background: #000;
  opacity: 0.3;
}

.itemTowMiaoShu {
  position: absolute;
  bottom: 0;
  left: 0px;
  line-height: 50px;
  width: 730px;
  height: 50px;
  background: #282828;
  opacity: 0.45;
}

.lwz {
  position: absolute;
  bottom: 0;
  left: 0px;
  line-height: 50px;
  width: 570px;
  height: 50px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #fff;
  padding-left: 16px;
  z-index: 100;
}

.lwz a {
  color: #fff;
  font-size: 16px;
}

.dynamicLeft .itemTow img {
  width: 100%;
  height: 100%;
}

.dynamicLeft #goPreTow {
  position: absolute;
  top: 34%;
  left: 0;
  display: block;
  width: 30px;
  height: 66px;
  background: #282828;
  opacity: 0.41;
  color: #ffffff;
  font-size: 19px;
  z-index: 99;
}

.dynamicLeft #goNextTow {
  position: absolute;
  top: 34%;
  right: 0;
  display: block;
  width: 30px;
  height: 66px;
  background: #282828;
  opacity: 0.41;
  color: #ffffff;
  font-size: 19px;
  z-index: 99;
}

.dynamicLeft .activeTow {
  /* 当前被选中的样式 */
  opacity: 1;
  z-index: 10;
}

.dynamicLeft .pointListTow {
  padding: 0;
  list-style: none;
  position: absolute;
  bottom: 18px;
  right: 22px;
  z-index: 10;
}

.dynamicLeft .pointTow {
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  float: left;
  margin-left: 10px;
  cursor: pointer;
}

.dynamicLeft .pointTow.activeTow {
  /* 当前被选中的样式 */
  background-color: #0d5490;
}

.territory {
  background: #e9f5fb;
}

.territory .territoryTitl a {
  display: block;
  width: 100%;
  height: 126px;
  margin-bottom: 20px;
  background: url(../images/bt4.png) no-repeat center;
}


.territory .territoryList .listes {
  display: flex;
  margin-top: 53px;
  flex-wrap: wrap;
}

.territory .territoryList .listes li a {
  display: block;
  width: 194px;
  height: 110px;
  background: #FFFFFF;
  border-radius: 6px;
  margin: 0 57px 38px 0;
  text-align: center;
  padding-top: 20px;
}

.territory .territoryList .listes li a:hover {
  box-shadow: 0px 5px 8px 1px rgba(233, 245, 251, 0.68);
}

.territory .territoryList .listes li a:hover span {
  color: #29bdeb;
}

.territory .territoryList .listes li span {
  display: block;
  font-size: 16px;
  color: #020202;
  line-height: 26px;
}

.territory .territoryList .listes li:nth-child(5n) a {
  margin-right: 0 !important;
}

.tu {
  width: 100%;
  background-color: #ffffff;
  height: 210px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer {
  width: 100%;
  height: 135px;
  background: #C20D04;
}

.footer .middle {
  display: flex;
  justify-content: space-around;
}

.footer .middle .left {
  margin-top: 30px;
}

.footer .middle .left img {
  width: 110px;
  height: 55px;
}

.footer .middle .mian a {
  color: #ffffff;
}

.footer .middle .mian .foolist {
  display: flex;
  justify-content: space-around;
  margin: 12px 0;
}

.footer .middle .mian .foolist li {
  height: 16px;
  width: 71px;
  border-right: 2px solid #ffffff;
  line-height: 15px;
  margin-right: 13px;
}

.footer .middle .mian .foolist li a {
  font-weight: 600;
  font-size: 14px;
}

.footer .middle .mian .foolist li:last-child {
  border: none;
}

.footer .middle .mian p {
  color: #ffffff;
  margin-bottom: 6px;
  text-align: center;
  font-size: 14px;
}

.footer .middle .right {
  margin-top: 23px;
}

@media screen and (max-width: 768px) {

  .min {
    width: 100%;
  }

  .min .overt .politicsOpen .county ul a {
    width: 86px;
    height: 31px;
    font-size: 13px;
    line-height: 29px;
  }

  .min .overt .politicsOpen .county ul {
    margin: 53px 0 35px 25px;
  }

  .min .overt .politicsOpen .village ul a {
    width: 86px;
    height: 31px;
    font-size: 13px;
    line-height: 29px;
  }

  .min .overt .politicsOpen .village ul {
    margin: 52px 0 21px 25px;
  }

  .min .overt {
    padding-bottom: 1px;
  }

  .min .file .filelist li a {
    font-size: 12px;
    line-height: 20px;
  }

  .min .file .filelist li {
    margin-bottom: 15px;
  }

  .min .file .more span {
    width: 78px;
    height: 30px;
  }

  .min .file .more span a {
    height: 30px;
    font-size: 12px;
    line-height: 30px;
  }

  .min .file .more {
    margin-top: 20px;
  }

  .nav .navlist a {
    font-size: 13px;
    line-height: 28px;
  }

  .min .text {
    width: 100%;
    height: auto;
  }

  .min .text p {
    width: 95%;
    padding: 23px 0 23px;
    font-size: 12px;
    line-height: 22px;
    height: auto;
  }

  .min .overt {
    width: 100%;
    padding-bottom: 1px;
  }

  .min .overt .politicsOpen .village {
    width: 94%;
    margin: 0px 15px 0 32px;
  }

  .min .file {
    width: 100%;
  }

  .min .dynamic {
    width: 100%;
    height: 693px;
  }

  .territory .territoryTitl {
    padding-top: 23px;
  }

  .territory .territoryList .listes li a {
    width: 87px;
    height: 103px;
    margin: 0 20px 0px 18px;
    padding-top: 11px;
  }

  .territory .territoryList .listes li span {
    font-size: 12px;
    line-height: 26px;
  }

  .min .file .filelist {
    margin-left: 48px;
  }

  .dynamicLeft .wrapTow {
    margin-left: 8px;
    width: 95%;
    height: 350px;
  }

  .dynamicLeft .listTow {
    height: 350px;
  }

  .territory {
    width: 100%;
  }

  .footer {
    width: 100%;
  }

  .territory .territoryList .listes li {
    margin: 0 0px 38px 0;
  }

  .min .file .filelist {
    width: 80%;
  }

  .min .file .more {
    width: 94%;
  }

  .territory .territoryList .listes li:nth-child(5n) a {
    margin: 0 20px 0px 18px !important;
  }

  /* .min .dynamic .dynamicTitl {
    padding: 28px 0 35px 0;
  } */

  .dynamicLeft {
    float: none;
  }

  .lwz {
    width: 95%;
  }

  .itemTowMiaoShu {
    width: 100%;
  }

  .tu img {
    width: 100%;
  }

  .tu {
    height: 80px;
  }

  .footer img {
    width: 20%;
  }

  .footer .middle .mian p {
    color: #ffffff;
    margin-bottom: 6px;
    text-align: center;
    font-size: 12px;
  }

  .min .overt .politicsOpen .county .titl span {
    width: 157px;
    height: 60px;
    font-size: 13px;
    line-height: 54px;
    background-size: contain;
    margin-left: 15px;
  }

  .min .overt .politicsOpen .county .titl {
    width: 199px;
  }

  .min .overt .politicsOpen .county {
    width: 94%;
    margin: 15px 15px 60px 10px;
    min-height: 130px;
  }

  .min .overt .politicsOpen .village .titl span {
    width: 157px;
    height: 60px;
    font-size: 13px;
    line-height: 54px;
    background-size: contain;
    margin-left: 15px;
  }

  .min .overt .politicsOpen .village .titl {
    width: 199px;
  }

  .min .overt .politicsOpen .village {
    margin: 0px 15px 69px 10px;
  }

  .min .dynamic .dynamicRight .dynamiclist a {
    font-size: 14px;
    width: 100%;
  }

  .min .dynamic .dynamicRight .dynamiclist {
    width: 100%;
    height: 187px;
    padding: 19px;
  }

  .min .dynamic .dynamicRight .dynamiclist li {
    line-height: 28px;
  }

  .min .dynamic .more span {
    width: 78px;
    height: 30px;
  }

  .min .dynamic .more span a {
    height: 30px;
    font-size: 12px;
    line-height: 30px;
  }

  .min .dynamic .more {
    margin-top: 24px;
  }

  .footer .middle .mian .foolist li {
    height: 16px;
    width: 52px;
    line-height: 13px;
    margin-right: 5px;
  }


  .min .dynamic .dynamicRight {
    width: 100%;
    margin-left: 0;
    float: left;
    padding-left: 22px;
  }

  .footer .middle .mian .foolist li a {
    font-size: 12px;
  }

  .footer img {
    width: 50%;
  }


  .min .overt .overtTop a {
    width: 100%;
    height: 57px;
    background-size: contain;
  }

  .min .file .fielTitl a {
    width: 100%;
    height: 57px;
    background-size: contain;
    margin-bottom: 0;
  }

  .min .dynamic .dynamicTitl a {
    width: 100%;
    height: 57px;
    background-size: contain;
    margin-bottom: 0;
  }

  .min .territoryTitl a {
    width: 100%;
    height: 57px;
    background-size: contain;
  }

  /* .min .file .fielTitl  a{
    display: block;
    width: 100%;
    height: 126px;
    margin-bottom: 20px;
    background: url(/iconMatrix/bt2.png) no-repeat center;
  } */

}


@media screen and (max-width: 360px) {
  .min .overt .politicsOpen .village ul a {
    margin: 0px 17px 17px 0;
  }

  .territory .territoryList .listes li a {
    margin: 0 13px 0px 18px;
  }

  .territory .territoryList .listes li:nth-child(5n) a {
    margin: 0 13px 0px 18px !important;
  }
}
