@charset "UTF-8";
/* 政民互动 */
.footer-yqlj {
  margin-top: 0;
}

/* 信箱 */
.wrapper-xx {
  padding-top: 60px;
}
.xx-box {
  margin: 0 -15px;
}
.xx-box-mail {
  width: 40%;
  padding: 0 15px;
  float: left;
}
.xx-box-mail a {
  display: block;
  background: url(../images/xx_bg1.png) no-repeat center;
  background-size: 100% 100%;
}
.xx-box-mail span {
  line-height: 200px;
  font-size: 28px;
  color: #fff;
  font-weight: bold;
}
.xx-box-mail i {
  display: block;
  width: 70px;
  height: 70px;
  float: left;
  background: #ffffff;
  border: 5px solid #e3eefa;
  border-radius: 50%;
  margin: 61px 30px 67px 70px;
}
.xx-box-mail i:before {
  content: '';
  width: 60px;
  height: 60px;
  float: left;
  border: 1px solid #17579f;
  border-radius: 50%;
  background: url(../images/xx_icon.png) no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: -149px -12px;
}
.xx-box-mail a:hover span {
  color: #17579f;
}
.xx-box-mail a:hover i {
  background: #17579f;
}
.xx-box-mail a:hover i:before {
  background-position: -151px -85px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* 信箱两排 */
.xx-box-two {
  width: 30%;
  padding: 0 15px;
  float: left;
}
.xx-box-item a {
  display: block;
}
.xx-box-item span {
  line-height: 90px;
  font-size: 28px;
  color: #444444;
  font-weight: bold;
}
.xx-box-item i {
  display: block;
  width: 70px;
  height: 70px;
  float: left;
  background: #ffffff;
  border: 5px solid #e3eefa;
  border-radius: 50%;
  margin: 13px 30px 13px 59px;
}
.xx-box-item i:before {
  content: '';
  width: 60px;
  height: 60px;
  float: left;
  border: 1px solid #17579f;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.xx-box-item a:hover span {
  color: #17579f;
}
.xx-box-item a:hover i {
  background: #17579f;
}
.xx-box-item a:hover i:before {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/* 我要留言 */
.xx-box-ly {
  margin-bottom: 20px;
}
.xx-box-ly a {
  background: url(../images/xx_bg4.png) no-repeat center;
  background-size: 100% 100%;
}
.xx-box-ly i:before {
  background: url(../images/xx_icon.png) no-repeat;
  background-position: -715px -9px;
}
.xx-box-ly a:hover i:before {
  background-position: -715px -82px;
}
/* 我要查询 */
.xx-box-cx a {
  background: url(../images/xx_bg3.png) no-repeat center;
  background-size: 100% 100%;
}
.xx-box-cx i:before {
  background: url(../images/xx_icon.png) no-repeat;
  background-position: -437px -9px;
}
.xx-box-cx a:hover i:before {
  background-position: -437px -82px;
}
/* 我要举报 */
.xx-box-jb {
  margin-bottom: 20px;
}
.xx-box-jb a {
  background: url(../images/xx_bg3.png) no-repeat center;
  background-size: 100% 100%;
}
.xx-box-jb i:before {
  background: url(../images/xx_icon.png) no-repeat;
  background-position: -576px -11px;
}
.xx-box-jb a:hover i:before {
  background-position: -576px -83px;
}
/* 我要信访 */
.xx-box-xf a {
  background: url(../images/xx_bg4.png) no-repeat center;
  background-size: 100% 100%;
}
.xx-box-xf i:before {
  background: url(../images/xx_icon.png) no-repeat;
  background-position: -288px -11px;
}
.xx-box-xf a:hover i:before {
  background-position: -288px -83px;
}

/* 互动 */
.wrapper-hd {
  padding: 60px 0;
}
.hd {
  margin: 0 -20px;
}
.hd-left {
  width: 67%;
  float: left;
  padding: 0 20px;
}
.hd-right {
  width: 33%;
  float: left;
  padding: 0 20px;
}
.hd-right .hd-right-title {
  background: #17579f;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.hd-right .hd-right-title a {
  display: block;
  font-size: 28px;
  line-height: 60px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
.hd-right .common-list {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: solid 1px #17579f;
  padding: 10px 20px;
}
.hd-right .common-list span:nth-child(2) {
  color: #2760b7;
}

.zxft {
  padding: 20px 30px 40px;
  border-bottom: 1px solid #d6d6d6;
}
.zxft-left {
  width: 300px;
  float: left;
}
.zxft-left img {
  width: 100%;
}
.zxft-right {
  margin-left: 300px;
  padding-left: 24px;
}
.zxft-right p {
  height: 45px;
  line-height: 45px;
}
.zxft-right p span {
  font-size: 18px;
  font-weight: bold;
  float: left;
}
.zxft-right p i {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zxft-right p i:hover {
  color: #17579f;
}

.zxft-list li {
  width: 50%;
  float: left;
}

/* 统计 */
.wrapper-tj {
  padding: 60px 0;
  background: #f9f9f9;
}
.wrapper-tj .common-header {
  text-align: center;
}
.common-header a,
.common-header span {
  float: none;
}

@media screen and (max-width: 1200px) {
  .xx-box-mail {
    width: 100%;
    margin-bottom: 20px;
  }
  .xx-box-xf {
    width: 100%;
    margin-bottom: 20px;
  }
  .xx-box-two {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .hd-left {
    width: 100%;
  }
  .hd-right {
    width: 100%;
  }
  .hd-right .hd-right-title a {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .wrapper-xx {
    padding-top: 20px;
  }
  .wrapper-hd {
    padding: 20px 0;
  }
  .wrapper-tj {
    padding: 20px 0;
  }

  .xx-box-mail span {
    line-height: 90px;
    font-size: 20px;
  }
  .xx-box-mail i {
    margin: 13px 30px 13px 59px;
  }
  .xx-box-xf span {
    line-height: 90px;
    font-size: 20px;
  }
  .xx-box-xf i {
    margin: 13px 30px 13px 59px;
  }
  .xx-box-jb span {
    font-size: 20px;
  }
  .xx-box-ly span {
    font-size: 20px;
  }
}