/* 全局重置 */
* {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
    font-weight: 500;
}
a, li {
    text-decoration: none;
    color: #333;
    list-style: none;
}
body {
  background: url(../assets/img/20191230_xxgk_bg1.png) no-repeat;
}

/* 状态类 */
.open {background-color: #014eb1 !important;}
.open-svg {fill: white !important;}
.open-span {color: white !important;}
.open-em {background-image: url(../assets/img/jian.png) !important;background-repeat: no-repeat !important;background-size: 29px !important;background-position: -5px -5px !important;}

/* Logo 与容器 */
.logo img {width: 300px;margin-top: 20px;}
.szfxxgk-bg {margin-bottom: 20px;}
.szfxxgk-contant {text-align: center;width: 90%;margin: 0 auto;background-color: #f2f2f2;padding: 10px 5px;}
.h1-tit {font-size: 47px;font-weight: bold;color: #014eb1;margin: 80px 0;text-align: center;}
.tit-p {position: relative;display: flex;justify-content: center;}
.tit-p h1 {font-size: 40px;color: #014eb1;position: absolute;top: -40px;font-weight: bold;}
.search {display: flex;justify-content: center;align-items: center;padding: 40px 0;}
.ipt-box {border: 1px solid #014eb1;border-radius: 5px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.text {width: 400px;height: 40px;outline: none;border: none;}
.text::placeholder {color: rgba(51, 51, 51, .4);text-indent: 25px;}
.btn-tj {background-color: white;background-image: url(../assets/img/sousuo.png);background-repeat: no-repeat;padding: 10px 20px;outline: none;border: none;background-position: 10px;}

/* 左边栏 */
.szfxxgk-left {text-align: left;}
.menu-left {display: grid;grid-template-columns: 45% 45%;grid-gap: 10px;justify-content: center;}
.menu-left li {background-color: white;padding: 5px;text-align: center;position: relative;display: grid;align-items: center;}
.menu-left li > a {display: grid;grid-template-columns: 20% 65% 10%;align-items: center;justify-content: space-between;color: #014eb1;padding: 10px 0;}
.menu-box a:hover {color:#014eb1;}
.menu-left span {font-size: 18px;font-weight: 600;}
.menu-left .iconfont {font-size: 30px;color: #014eb1;flex: 0 0 25%;font-weight:200;}
.menu-left p {width: 19px;height: 19px;background: url(../assets/img/jia.png) no-repeat;background-size: 19px;}
.menu-left > li.open .menu-box {
  height: auto;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: max-height 0.5s cubic-bezier(0.22, 1, 0.36, 1),
              opacity 0.3s ease,
              transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
              visibility 0s 0s;
  pointer-events: auto;
}
.menu-box {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  height: 0;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: max-height 0.5s cubic-bezier(0.22, 1, 0.36, 1),
              opacity 0.25s ease,
              transform 0.25s cubic-bezier(0.22, 1, 0.36, 1),
              visibility 0s 0.3s;
  background: white;
  margin-top: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 999;
  text-indent: 25px;
  left: 0;
}
.menu-box a {color: #333;margin: 5px 0;}

/* 领导页侧边栏 */
.ldjj-box h1 {font-size: 16px;background-color: #014eb1;padding: 10px 0;color: #fff;}
.ldjj-box a {display: block;margin: 5px 0;}
.ldjj-box a:hover {color: #065a7f;}

/* 信息公开指南 */
.info-right {padding: 0 10px 0 0;margin-top: 20px;background-color: white;}
.info-right-tit {border-bottom: 1px solid #979797;}
.info-right-tit p {padding: 10px;width: 200px;background-color: #014eb1;color: white;}
.info-right-text {height: 500px;overflow-y: auto;scrollbar-width: thin;scrollbar-color: #014eb1 white;padding: 15px 25px;margin:10px;}
.info-right-text p {text-align: left;text-indent: 25px;line-height: 25px;margin: 5px 0;}

/* 领导页通用 */
.normal-title {display: flex;justify-content: left;align-items: center;padding: 20px 0;}
.normal-title img {width: 20px;padding: 0 10px;}
.normal-title span {font-size: 20px;font-weight: bold;color: #065a7f;}
.normal-title a {color: #014eb1;font-weight: bold;}
.ld-logo {text-align: center;padding: 20px 0;border-bottom: 1px solid #014eb1;width: 90%;margin: 0 auto;}
.ld-logo > span {display: block;font-size: 18px;font-weight: bold;color: #014eb1;padding: 10px 0;}
.ld-logo img {width: 150px;}
.ld-info {width: 90%;margin: 0 auto;}
.ld-info p {margin: 10px 0;line-height: 25px;text-indent: 5px;text-align: left;}

/* 政务文件 */
.zwwj-info-css {padding: 10px;margin: 10px;}
.zwwj-info-css li {display: grid;align-items: center;}
.zwwj-info-css li > span {color: #333;display: none;}
.zwwj-info-css li > a > span {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zwwj-info-css li > a {display: grid;color: #333;text-align: left;padding: 10px 0px;}
.zwwj-info-css li > a span:nth-child(2) {font-size: 16px !important;display: none;}
.zwwj-css > a {
  display: block;
  background-color: #979797;
  color: #333;
  font-size: 18px;
  padding: 15px 25px;
  width: 50px;
  border-radius: 5px;
  margin: 0 auto;
  margin-top: 20px;
  transition: .5s ease;
}
.zwwj-css > a:hover {background-color: #014eb1;color: white;}
.gfxwj-cont {margin-top: 30px;padding-bottom: 30px;}

/* 政府信息公开通用 */
.zfxxgk-info-css {padding: 20px;}
.zfxxgk-info-css li > a {
  display: grid;
  grid-template-columns: 100%;
  color: #333;
  text-align: left;
  padding: 10px 0px;
}
.zfxxgk-info-css li > a > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.zfxxgk-info-css li > a:hover {
  color: #065a7f;
}
.zfxxgk-info-css li > a span:nth-child(2) {
  font-size: 16px !important;
  display: none;
}

/* 规章页样式 */
.zfxxgk-gz {margin: 20px 0;}
.zfxxgk-gz ul {display: grid;grid-template-columns: 45% 45%;grid-gap: 10px;justify-content: center;}
.zfxxgk-gz li,
.zfxxgk-gz a,
.zfxxgk-gz span {color: #333;}
.zfxxgk-gz li {border: 1px solid #014eb1;transition: .5s ease;}
.zfxxgk-gz a {height: 40px;display: flex;align-items: center;justify-content: center;padding: 5px;}
.zfxxgk-gz li:hover {background-color: #014eb1;}
.zfxxgk-gz li:hover span {color: white;}

/* 响应式 */
@media (min-width: 768px) {
  .szfxxgk-bg {width: 700px;margin: 0 auto;margin-bottom: 20px;}
  .szfxxgk-contant {width: 700px;}
  .h1-tit {font-size: 80px;}
  .tit-p h1 {font-size: 80px;color: #014eb1;position: absolute;top: -80px;font-weight: bold;}
  .menu-left {grid-template-columns: 32% 32% 32%;}
  .zwwj-info-css li {grid-template-columns: 90% 10%;}
  .zwwj-info-css li > a {grid-template-columns: 80% 20%;}
  .zwwj-info-css li > span {display: block;}
  .zwwj-info-css li > a > span {display: block !important;}
  .zfxxgk-info-css li > a > span {display: block !important;}
  .zfxxgk-info-css li > a {grid-template-columns: 85% 15%;}
  .zfxxgk-gz ul {grid-template-columns: 30% 30% 30%;}
}

@media (min-width: 1024.5px) {
  .szfxxgk-bg {width: 1200px;margin: 0 auto;margin-bottom: 20px;}
  .szfxxgk-contant {width: 1200px;}
  .szfxxgk-info {display: grid;grid-template-columns: 20% 78%;grid-gap: 20px;padding: 5px 20px;}
  .menu-left {grid-template-columns: 100%;}
  .info-right {margin: 0;padding: 0;}
  .menu-left li > a {grid-template-columns: 20% 70% 10%;text-align: left;padding: 20px 0;}
  .menu-box {position: unset;}
  .info-right-text {height: 1365px;}
}