
.slideshow {
    height: 400px;
    object-fit: cover;
}
@media (max-width: 576px) {
    .slideshow {
        height: 160px;
    }
}
.rowdiv {
    display: flex;
    width: 1140px;
}
/* 首页面弹出窗口样式 start */
  /* 弹出窗口的基本样式 */
  .popup {
      display: none;  /*默认隐藏 */
      position: fixed;
      z-index: 1000; /* 确保弹出窗口在其他内容之上 */
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; 
      /*overflow: auto; */
      background: rgba(0,0,0,0.5); 
  }

  /* 弹出窗口内容的样式 */
  .popup-content {
      /*弹出窗口开关 start */
      /*display: none; */ 
      /*弹出窗口开关 end */
      background-color: #fefefe;
      margin: 10% auto;
      padding: 10px;
      border-radius: 10px; /* 四角弧度 */
      border: 1px solid #888;
      width: 80%;
      max-width: 800px;
      max-height: 80vh; /* 关键修改：限制最大高度 */
      overflow-y: auto; /* 关键修改：启用垂直滚动 */
      text-align: center;
      color: #333;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* 轻微阴影 */
      position: relative; /* 为关闭按钮提供定位上下文 */
      -webkit-overflow-scrolling: touch; /* 移动端惯性滚动 */
  }

  /* 右上角的关闭按钮样式及定位 */
  .close-btn-top-right {
      position: absolute;
      top: 10px;
      right: 10px;
      background-color: #fff; /* 白色背景 */
      border: 2px solid #aaa; /* 深灰色边框 */
      border-radius: 50%; /* 圆形按钮 */
      width: 30px; /* 按钮宽度 */
      height: 30px; /* 按钮高度 */
      cursor: pointer; /* 鼠标悬停时显示为手形 */
      font-size: 20px; /* 字体大小 */
      color: #333; /* 字体颜色 */
      line-height: 26px; /* 行高，确保图标垂直居中（减去边框宽度） */
      text-align: center; /* 文字居中 */
      display: flex; /* 使用flex布局使内容居中 */
      justify-content: center; /* 水平居中 */
      align-items: center; /* 垂直居中 */
  }

  .close-btn-top-right:hover,
  .close-btn-top-right:focus {
      border-color: #000; /* 鼠标悬停或聚焦时改变边框颜色 */
      outline: none; /* 去除焦点时的轮廓线 */
  }

  /* 底部的关闭按钮块样式 */
  .close-btn-block {
      display: block;
      width: 100%;
      max-width: 200px; /* 可根据需要调整宽度 */
      margin: 8px auto 0px; /* 上下20px外边距，水平居中 */
      padding: 10px; /* 内边距 */
      background-color: #007BFF; /* 蓝色背景 */
      border: none; /* 去除边框 */
      border-radius: 5px; /* 圆角 */
      color: #fff; /* 白色字体 */
      cursor: pointer; /* 鼠标悬停时显示为手形 */
      text-align: center; /* 文字居中 */
      font-size: 14px; /* 字体大小 */
  }

  .close-btn-block:hover,
  .close-btn-block:focus {
      background-color: #0056b3; /* 鼠标悬停或聚焦时改变背景颜色为更深的蓝色 */
      outline: none; /* 去除焦点时的轮廓线 */
  }
  .popup-title { 
    color: #ff0000;
    font-size:18px;
    font-weight: 900;
  }
  /* 水平线的样式 */
  .popup-content hr {
      border: 0;
      height: 1px;
      background: #ccc;
      margin: 10px 0; /* 上下外边距 */
  }
          /* 正文 */
  .popup-content p {
      margin: 5px; /* 上下外边距 */
      text-align: left;
      line-height: 1.35;
      font-size:14px;
  }
  .popup strong {
      color: #ff0000; /* 红色 */
      font-size:14px;
  }
@media (max-width: 600px) {
   .popup-content {
      /*弹出窗口开关 start */
      /*display: none; */ 
      /*弹出窗口开关 end */
      background-color: #fefefe;
      margin: 20% auto;
      max-height: 72vh; /* 调整移动端最大高度 */
      padding: 10px;
      border-radius: 10px; /* 四角弧度 */
      border: 1px solid #888;
      width: 90%;
      max-width: 800px;
      text-align: center;
      color: #333;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* 轻微阴影 */
      position: relative; /* 为关闭按钮提供定位上下文 */
  }
   .popup-content {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        }
  .popup-title { 
    color: #ff0000;
    font-size:12px;
    font-weight: 900;
    width:90%;
  }
    .modal-content {
      width: 95%; /* 小屏幕上宽度接近100% */
      margin: 10% auto; /* 增加上边距以适应小屏幕 */
    }
    .popup-content p {
      font-size:10px;
    }
    .popup strong {
      font-size:10px;
    }
    .close-btn-block {
      max-width: 25%; /* 可根据需要调整宽度 */
      font-size: 10px; /* 字体大小 */
      font-weight: 900;
      margin: 10px auto;
      padding: 5px; /* 内边距 */
    }
    .close-btn-top-right{
      width: 20px;
      height: 20px;
      font-size: 12px;
    }
}
 /* 首页面弹出窗口样式 end */

 /* 首页面底部橙色广告条样式 start */

  .erweimaqj{
	display:flex;
	width: 100%;
	height:auto;
	background-color: #ff7200;
	justify-content: center;
}

.erweimads{
	display:flex;
	width:1140px;
	height:380px;
}

.erweimanr{
	float: left;
    width: 49.999999999%;
	margin: 90px 0;
    text-align: center;
    vertical-align: top;
    display: block;
    color: #fff;
}



.erweimaimg{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	vertical-align: middle;
	overflow-clip-margin: content-box;
	overflow: clip;
	width: 30%;
	border-radius: 15px;
}

.erweimanr h4{
	font-size:18px;
	padding: 10px 0px 5px;
    margin-top: 10px;
}

.erweimanr h5{
	font-size:16px;
	padding:5px 0 10px;
}

@media (max-width:576px){
	.erweimaqj{
		display:flex;
		width: 100%;
		height:auto;
		background-color: #ff7200;
		justify-content: center;
	}
	
	.erweimads{
		display:flex;
		width:100%;
		height:100%;
		flex-direction: row;
    	flex-wrap: nowrap;
    	justify-content: center;
   		align-items: center;
	}
	
	.erweimanr{
		float: left;
		width: 100%;
		margin: 30px 0;
		text-align: center;
		vertical-align: top;
		display: block;
		color: #fff;
	}
	.erweimaimg{
		width: 60%;
		border-radius: 10px;
	}
	.erweimanr h4{
		font-size:14px;
		padding: 10px 0px 5px;
		margin-top: 10px;
	}
	
	.erweimanr h5{
		font-size:12px;
		padding:5px 0 10px;
	}
}

/* 首页面底部橙色广告条样式 end */


/* 中部省平台链接 start  */
  .title1 {
    color: red;
    font-weight: bold;
    font-size: 24px;
    margin: 30px auto;
    text-align: center;
    padding-bottom: 10px;
    border-bottom:3px solid #fa0505;
  }
  .container1{
    width: 1160px;
    height: 250px;
    margin: auto;
    background-color: #f5f4f4;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding-left:10px;
  }
  .container2{
    width: 1080px;
    height: 240px;
    margin: auto;
    background-color: #f5f4f4;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    padding-left:10px;
  }
  .container1_main{
    width: 1160px;
    height: 430px;
    margin: 15px auto;
    border:1px solid #e4e4e4;
    background-color: #f5f4f4;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);

  }
  .tab-wrapper{
    position: relative;
    width: 1100px;
    height: 60px;
    background-color: #f5f4f4;
    margin: 0 auto;
  }
  .tab-wrapper .tab-radio{
    display: none;
  }
  .tab-handler{
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    height: 40px;
    padding: 0 40px;
    color: #717181;
    font-size: 16px;
    line-height: 40px;
    transition: .3s;
    transform: scale(.9);
  }
  .tab-radio:checked + .tab-handler{
    color: #fff;
    background-color: #e74c3c;
    transform: scale(1);
  }
  .tab-radio:checked + .tab-handler + .tab-content{
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
  .tab-wrapper .tab-content{
    visibility: hidden;
    position: absolute;
    top: 40px;
    left: 0;
    width: 1100px;
    height: 270px;
    padding: 10px;
    color: #999;
    font-size: 14px;
    line-height: 1.618em;
    background-color: #fff;
    opacity: 0;
    transition: transform .5s, opacity .7s;
    transform: translateY(20px);
  }

  .box{position:relative;}
  .box i{position:absolute; background-color:#ab0009; transition:all .1s;}
  .box i.i1{top:0; right:0; width:0; height:2px; transition-delay:.3s;}
  .box i.i2{top:0; left:0; width:2px; height:0; transition-delay:.2s;}
  .box i.i3{bottom:0; left:0; width:0; height:2px; transition-delay:.1s;}
  .box i.i4{bottom:0; right:0; width:2px; height:0; transition-delay:0s;}
  .box:hover i.i1{width:168px; transition-delay:0s;}
  .box:hover i.i2{height:58px; transition-delay:.1s;}
  .box:hover i.i3{width:168px; transition-delay:.2s;}
  .box:hover i.i4{height:58px; transition-delay:.3s;}
  .tap5 a:hover {border:none}

  .bj_img {
    background-image: url("https://www.hnzjgl.gov.cn/template/1/%E7%B2%89%E7%BA%A2%E4%BD%B3%E4%BA%BA/_files/images/icon_0221.png");background-repeat: no-repeat;
  }
  .bj_width {width: 35px;height: 35px;position: absolute;margin-left: 15px;margin-top: 15px;}
  .bj_postion {background-position: -20px -10px;}
  .bj_postion1 {background-position: -74px -7px;}
  .bj_postion2 {background-position: -134px -8px;}
  .bj_postion3 {background-position: -195px -13px;}
  .bj_postion4 {background-position: -251px -12px;}
  .bj_postion5 {background-position: -310px -11px;}
  .bj_postion6 {background-position: -369px -9px;}
  .bj_postion7 {background-position: -20px -59px;}
  .bj_postion8 {background-position: -79px -63px;}
  .bj_postion9 {background-position: -137px -64px;}
  .bj_postion10 {background-position: -198px -61px;}
  .bj_postion11 {background-position: -253px -60px;}
  .bj_postion12 {background-position: -310px -60px;}
  .bj_postion14 {background-position: -20px -105px;}
  .zj_postion ul li a {color: #434343 !important;height: 30px !important;text-align: center !important;padding-top: 3px;}
  .bj_hui {background-color: #ccc !important;}
  .no_j{display:inline-block;width:100%;}
  .pading-20px{padding-top: 40px;width:100%;}
  .tap5{

    font-size: 16PX;
  }
  .tap5 .title{
    height: 56px;
    font-size: 24px;
    color:#ab0009;
    line-height: 56px;
  }
  .tap5 ul{

  }
  .tap5 .row1 li{
    width: 170px;
    height: 60px;
    float: left;
    margin:10px 5px 5px 17px;
    display: inline-block;
    background-color:#fafafa;
    border:1px solid #e4e4e4;
  }

  .tap5 a{
    display: inline-block;
    width: 100%;
    height: 60px;
  }
  .tap5 a img{
    margin-top: 15px;
    display: block;
    float: left;
    margin-left:8px;margin-right: 8px;
  }
  .tap5 a p{
    text-align: left;
    padding-left: 55px;
    margin:0;
    color:#434343;
    font-size: 14px;
    line-height: 60px;
    background-color:#fafafa;
    border:1px solid #e4e4e4;
  }

  .tap5 .light-30 p{line-height: 20px;margin-top: 10px}
  .tap5 .doutxt a p{
    line-height: 20px;
    margin-top: 10px;
  }
  .tap5 .doutxt a{
    line-height: 60px;
  }
  .tap5 .row1 ul .zj-left{width: 205px;height: 60px;margin-left:0px;background-color: #e64f57;color: #fff;}
  .bj_box {margin-left: 55px;color: #434343;font-size: 14px;width: 60px;}
  .m_top20 {margin-top: 20px;}
  .m_top8 {margin-top: 8px;}

  .manual{
    background: #FBD2D2;
    color: #000;
    height: 40px;
    line-height: 40px;
    width: 200px;
    text-align: center;
    border-radius: 10px;
    margin: 50px auto;
  }

  .manual a {
    color: #000;
    &:hover{
      color:#000;
    };
    text-decoration: none;
  }
  @media (max-width:576px) {
    .container1_main{
      display:none;
  }
    
  }
/* 中部省平台链接 end */

/* 政策通知样式 start */
.rowleft{
  width:45%;
}
.rowright{
  display:flex;
  width:53%;
  flex-direction: column;
  margin-left: 1.5rem;
  justify-content: center;
  align-items: flex-end;
}
.rowleftimg{
  width:100%;
  height: 360px;
  vertical-align: middle;
  border-style: none;
  object-fit: contain;
}
.rowleftspan1{
  color: #ffffff;
  background: #dc3545;
  line-height: 50px;
  width:100%;
  text-align: center;
  display: inline-block !important;
  font-size: 16px;
}

.rowleftspan2{
  display:none !important;
}

.rowrightdiv{

  width:100%;
  align-items: center;
  margin: .35rem;
}
.rowrighth51{
  display:flex;
  width:85%;
  font-size: 14px;
  margin: .25rem 0 .25rem 1rem;
  line-height: 1.75;
}
.rowrighth52{
  display:none;
}
.rowrightp{
  display:flex;
  width:15%;
  font-size: 14px;
  justify-content: flex-end;
}
.row3{
    display: -ms-flexbox;
    display: flex;
    width:100%;
    min-width:1160px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: space-between;
}
@media(max-width:576px) {
  .row3{
    flex-direction: column;
    width:100%;
    justify-content: center;
    margin:0;
    min-width: 100%;
  }
  .rowleft{
    display:flex;
    width:100%;

  }
  .rowleftimg{
    width:100%;
    height: auto;
    object-fit: contain;
  }
  .rowrightdiv{
    margin: 0;
  }
  .rowright{
    display:flex;
    width:100%;
    white-space: wrap;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 0;
    margin-top: 1rem;
    }
  }
  .rowrighth52{
    display:flex;
    width:100%;
    font-size: 14px;
    margin: 0;
    line-height: 1.75;
  }
  .rowrighth51{
    display:none;
  }
  .rowrightp{
    display:flex;
    width:100%;
    font-size: 14px;
    justify-content: flex-end;
  }
  .rowleftspan1{
    display:none !important;
  }
  .rowleftspan2{
    color: #ffffff;
    background: #dc3545;
    line-height: 30px;
    width:100%;
    text-align: center;
    display: inline-block !important;
    font-size: 14px;
  }
/* 政策通知样式 end */

/* 手机底部导航样式 start */
/* 模态框背景遮罩层 */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
    display: none; /* 初始状态隐藏 */
    justify-content: center;
    align-items: center;
    z-index: 900; /* 降低z-index，避免与Bootstrap模态框冲突 */
}

/* 模态框 */
.modal {
    display: none; /* 初始状态隐藏 */
    position: fixed;
    z-index: 901; /* 降低z-index，避免与Bootstrap模态框冲突 */
    width:60%;
    height: 300px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.modal1 {
    display: none; /* 初始状态隐藏 */
    position: fixed;
    z-index: 901; /* 降低z-index，避免与Bootstrap模态框冲突 */
    width:60%;
    height: 150px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* 模态框内容 */
.modal-content {
    position: relative;
    border: 0px solid rgba(0, 0, 0, .2);
}

/* 关闭按钮 */
.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
    color: #aaa;
}

.close-btn:hover {
    color: black;
}
.mnkh2{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:1.5rem;
}
.mnkp{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
}
/* 手机底部导航样式 start */

/* pc端底部样式 start  */
.copyrightcooler{
  background-color: #000;
}
.footercooler{
  background-color: #5E5E5E !important;
}
.text-secondary1{
  color: #fcfbfb !important;
}
.text-secondary1 a{
  color: #fcfbfb !important;
}
.border-top{
  border-top: 0px solid #dee2e6 !important; 
}
.footlogo{
  width: 450px;
  height: auto;
}
/* pc端底部样式 end  */
 .gmrk{
	display: none;
}
@media  (max-width: 576px) {
	.gmrk{
	display: block;
  padding:8px;
  margin: 0 auto;
}
}