html, body {
  background-color: #f0f0f0;
  margin: 0;
  overflow-x: hidden;
  max-width: 100%;
}
/* 全局所有链接取消下划线 */
a {
  text-decoration: none;
  color: #727070; /* 顺带去掉默认蓝色 */
}
/* 覆盖4种链接状态，避免浏览器残留样式 */
a:link {text-decoration: none;}    /* 未访问链接 */
a:visited {text-decoration: none;} /* 已访问链接 */
a:active {text-decoration: none;}  /* 点击瞬间 */
/* 可选：鼠标悬浮再显示下划线，提升体验 */
ul,li{list-style-type: none;margin: 0;padding: 0;}
.header .box {
    width: 1440px;
    height: 90px;
    margin-top: -7px;
    margin-left: auto;
    position: relative;
    margin-right: auto;
}
.box a .logo {
    float: left;
    position: absolute;
    margin-top: 13px;
}
.box a .logo2 {
    margin-top: 27px;
    float: left;
    position: absolute;
    margin-left: 74px;
}
.header .box .nr {
    position: absolute;
    margin-top: 33px;
    margin-left: 810px;
    font-size: 20px;
    color: #B4B4B4;
    display: block;
    text-decoration: Never und;
}
.box form input {
    margin-top: 25px;
    margin-left: 1240px;
    width: 184px;
    height: 40px;
    font-size: 20px;
    border-color: #619afa;
    color: #DADADA;
    text-indent: 10px;
    border-style: double;
}

.box form img {
    position: absolute;
    margin-left: -40px;
    margin-top: 34px;


}
.header .box .tb {
    display: none;
    float: left;
    padding-left: 670px;
    padding-top: 30px;
}
.header-bottom{
	width: 100%;
	margin: 0 auto;
	display: flex;
	overflow: hidden;
}

.banner{
    width: 100%;
    height: auto;
    display: flex;
    overflow: hidden;
}
.banner .swiper{
    width: 100%;
    max-width: 100%;
    height: auto;
    position: relative;
}
.dh-box{
    width: 100%;
    height: 60px;
    background: #619afa;
    border: 1px double #7D7D7D;
} 

.nav {
	width:1440px;
	height:60px;
	margin:0px auto;
}

.nav a{
    font-size: 20px;
    width: 200px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    display: block;
    margin-left: 20px;
}

.nav_menu {
	width: 1440px;
	height: 60px;
	margin: 0 auto;
}

.nav_menu-item {
    width: 240px;
    height: 60px;
    float: left;
    text-align: center;
    display: inline-block;
    position: relative;
}


/*banner*/
.nav .nav_menu img {
    position: absolute;
    margin-left: 238px;
    margin-top: 18px;
}
.nav_menu-item :hover{
    background-color: #9ec2ff;
    text-decoration: none;
    width: 240px;
    margin-left: 0px;
}
/*main*/
.main{
    width: 100%;
    height: 430px;
}
.main .box{width: 1440px;height: 610px;margin: 0 auto;}

.main .box .nr{width: 1440px;height: 390px;margin: 0 auto;margin-top: 40px;float: left;}
.main .box .nr .box{width: 705px;height: 390px;position: relative;float: left;margin-right: 30px;overflow: hidden;}

.lbt2{width: 100%;height: 100%;position: relative;overflow: hidden;}
.lbt2 .swiper-slide,
.lbt2 .swiper-slide a{
    display: block;
    position: relative;
    width: 100%;
    height: 390px;
}
.lbt2 img{
    width: 100%;
    object-fit: cover;
    height: 390px;
    display: block;
}
.lbt2 h3{
    width: 100%;
    height: 56px;
    background-color: rgba(40,40,40,0.55);
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 56px;
    padding: 0 100px 0 20px;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    margin: 0;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 标题栏右侧三个方块分页 */
.lbt2 .swiper-pagination{
    width: auto !important;
    left: auto !important;
    right: 18px !important;
    top: auto !important;
    bottom: 20px !important;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 6px;
}
.lbt2 .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    margin: 0 !important;
    border-radius: 0;
    background: #2a2a2a;
    opacity: 0.9;
    transition: background 0.25s ease, opacity 0.25s ease;
}
.lbt2 .swiper-pagination-bullet-active{
    background: #ffffff;
    opacity: 1;
}

.main .box .nr .box2{float: right;width: 705px;height: 390px;}
.main .box .nr .box2 .box3{width: 705px;height: 390px;background: #fff;}
.main .box .nr .box2 .box3  ul{width: 705px;height: 390px;}
.main .box .nr .box2 .box3  ul li{width: 705px;height: 40px;margin: 2px 5px;}
.main .box .nr .box2 .box3  ul .wz{width: 700px;height: 34px;border-bottom: dotted 1px #c9cad0;}
.main .box .nr .box2 .box3  ul .wz .title{font-size: 18px;color: #333333;float: left;transition: 0.5s;}
.main .box .nr .box2 .box3  ul .wz .date{font-size: 18px;color: #191919;float: right;}
.main .box .nr .box2 .box3  ul .wz:hover .title{color: #bb1616;transform: translate(30px,0)scale(1.1);transition: 0.5s;}
.main .box .nr .box2 .box3  ul .wz:hover .date{color: #bb1616;transition: 0.5s;}

/* 手机侧滑菜单（默认隐藏） */
.m-nav,
.m-nav-mask {
  display: none;
}

.lb3{padding-top: 60px;width: 100%;}
.lb3 .swiper-pagination{left: auto;right: 0!important;width: 100%;height: 45px;top:0px;}
.lb3 .swiper-pagination-bullet{width: 20%;height: 50px;opacity: 1;border-radius: 0;background: 0;font-size: 24px;font-weight: bolder;color: #333333;float: left;}
.lb3 .swiper-pagination-bullet-active{color: #27489f;border-bottom: solid 2px #27489f;}
/*右侧新闻列表*/
/* 新闻标签切换整体容器 */
.news-tab {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    border: 1px double #7D7D7D;
}
.box2 .news-tab img {
    position: absolute;
    opacity: 1;
    z-index: 9;
    margin-top: -4px;
    margin-left: 4px;
}


/* 标签栏 */
.tab-nav {
    display: flex;
    height: 60px;
    width: 705px;
    margin-top: -20px;
    margin-left: -20px;
}

.tab-item {
    flex: 1;
    text-align: left;
    font-size: 24px;
    color: #FFFFFF;
    padding-right: 0;
    padding-left: 0;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    text-indent: 70px;
    line-height: 55px;
    background-color: #619AFA;
}
.tab-item2 {
    flex: 1;
    text-align: left;
    font-size: 18px;
    color: #FFFFFF;
    padding-right: 0;
    padding-left: 0;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    text-indent: 240px;
    line-height: 60px;
    background-color: #619AFA;
    width: 40px;
}




.tab-item.active {
    color: #3c6b9e;
}

/*下划线*/
.tab-item.active::after {
    content: "";
    position: absolute;
    left: 32px;;
    bottom: -9px;
    width: 62%;
    height: 3px;
    background-color: #3c6b9e;
    transition: width 0.3s;
}

.tab-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 0;
    height: 3px;
    background-color: #3c6b9e;
    transition: width 0.3s;
}

/* 新闻内容 */
.tab-content .tab-panel {
    display: none;
    margin-top: 18px;
}

.tab-content .tab-panel.active {
    display: block;
}

/* 新闻列表 */
.news-list {
    padding: 0;
    margin: 0;
}

.news-list li {
    line-height: 48px;
    position: relative;
    padding-left: 25px;
    display: flex;
    justify-content: space-between;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* 蓝色小圆点 */
.news-list li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 30%;
    background-color: #E6E4E4;
    transition: background-color 0.3s ease;
}

.news-list li a {
    display: flex;
    justify-content: space-between;
    color: #333;
    transition: color 0.3s ease;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* [disabled]padding-right: 10px; */
    font-size: 18px;
    padding-left: 15px;
}

.news-list li span {
    font-size: 18px;
    flex-shrink: 0;
    /* [disabled]white-space: nowrap; */
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.3s ease;
    position: absolute;
    margin-left: 500px;
}

/* 列表项交互效果 */
.news-list li:hover {
    transform: translateX(5px);
    font-size: 17px;
}

.news-list li:hover::before {
    background-color: #e63946;
}

.news-list li:hover a {
    color: #e63946;
}

.news-list li:hover span {
    color: #e63946;
}
/* 政务公开模块 */
.government-affairs {
    width: 100%;
    height: 430px;
    clear: both;
}

.government-affairs .box {
  width: 1440px;
  height: 430px;
  margin: 0 auto;
}

/* 政务公开内容*/
.ga-content {
  display: flex;
  gap: 30px;
}

.ga-column {
    width: 100%;
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    margin-top: 30px;
    height: 400px;
    border: 1px double #7D7D7D;
}
.ga-content .ga-column img {
    position: absolute;
    z-index: 4;
    left: 0px;
    margin-left: 170px;
    margin-top: 2px;
}



.ga-column h3 {
    font-size: 24px;
    color: #FFFFFF;
    position: absolute;
    display: inline-block;
    margin-top: -16px;
    text-align: center;
    text-indent: 40px;
    width: 100%;
    height: 60px;
    background-color: #619AFA;
    margin-left: -15px;
    line-height: 60px;
    z-index: 3;
}
.ga-column h3:hover{
    z-index: 0;
}

.ga-column .more {
    float: left;
    color: #FFFFFF;
    font-size: 24px;
    margin-top: -16px;
    transition: color 0.3s, transform 0.3s;
    position: absolute;
    background-color: #9EC2FF;
    width: 460px;
    height: 60px;
    margin-left: -14px;
    text-align: center;
    line-height: 60px;
    z-index: 2;
}
.ga-column .more:hover{
    z-index: 9;
}
.ga-column ul {
    padding: 0;
    margin-top: 70px;
}

.ga-column ul li {
    line-height: 50px;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-left: 25px;
    transition: all 0.3s ease;
}

.ga-column ul li:hover {
  transform: translateX(5px);
  font-size: 17px;
}

.ga-column ul li::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000000;
    transition: background-color 0.3s ease;
}

.ga-column ul li:hover::before {
  background-color: #e63946;
}

.ga-column ul li a {
    color: #333;
    font-size: 18px;
    transition: color 0.3s ease;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 5px;
}

.ga-column ul li:hover a,
.ga-column ul li:hover span {
  color: #e63946;
}

.ga-column ul li span {
    font-size: 18px;
    transition: color 0.3s ease;
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 300px;
    position: absolute;
}
/*信息公开模块*/
.information-disclosure {
    width: 1440px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    height: 465px;
}

.id-title {
  width: 1440px;
  margin: 30px auto; 
}

.id-title img {
  width: 100%;
  height: auto;
  display: block;
}

.news3 {
    width: auto;
    height: 465px;
}

.news3 .newsx {
    width: 1440px;
    height: 465px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.news3 .newsx .box1 {
    width: 950px;
    height: 465px;
    background: #fff;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    box-sizing: border-box;
    position: relative;
    border: 1px double #7D7D7D;
}

.news3 .newsx .box1 .titie {
    display: flex;
    padding: 0;
    position: absolute;
    z-index: 1;
    gap: 80px;
    width: 950px;
    height: 60px;
    margin-top: -15px;
    margin-left: -15px;
    background-color: #619AFA;
}
.titie .active1 img {
    margin-top: 18px;
    margin-left: -53px;
}
.titie .active2 img {
    margin-top: 18px;
    margin-left: -53px;
}
.titie .active3 img {
    margin-top: 18px;
    margin-left: -58px;
}


.news3 .newsx .box1 .titie h2 {
    font-size: 24px;
    transition: color 0.3s;
    line-height: 60px;
    margin-top: 0px;
    margin-right: -80px;
    float: left;
    text-align: center;
    width: 158px;
    text-indent: 40px;
}

/* 标题链接样式 */
.news3 .newsx .box1 .titie a {
    text-decoration: none;
    color: #FFFFFF;
}
.solid .titie .more {
    margin-left: 365px;
    font-size: 18px;
    margin-top: 18px;
}



/* 第一个标题 */
.news3 .newsx .box1 .titie a:first-child h2 {
    color: #FFFFFF;
    width: 158px;
    height: 60px;
    background-color: #9EC2FF;
}

/* 第二、第三个标题鼠标悬停效果 */
.news3 .newsx .box1 .titie a:not(:first-child) h2 {

}

.news3 .newsx .box1 .titie a:not(:first-child):hover h2 {
    background-color: #9EC2FF;
}

.news3 .newsx .box1 .titie a:not(:first-child):hover::after {

}

.title-line {
  display: none;
}

/* 新闻列表样式 */
.news3 .newsx .box1 .solid {
  width: 100%;
  height: auto;
  border-bottom: none;
  line-height: normal;
  position: relative;
}

.news3 .newsx .box1 .U1 {
    padding: 0;
    margin-top: 80px;
}

.news3 .newsx .box1 .U1 li {
    line-height: 50px;
    width: 100%;
    position: relative;
    padding-left: 40px; /* 圆点间距 */
    display: flex;
    justify-content: space-between;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* 蓝色小圆点*/
.news3 .newsx .box1 .U1 li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000000;
    transition: background-color 0.3s ease;
    margin-left: 20px;
}

/* 列表项交互效果 */
.news3 .newsx .box1 .U1 li:hover {
  transform: translateX(5px);
  font-size: 17px;
}

.news3 .newsx .box1 .U1 li:hover::before {
  background-color: #e63946;
}

.news3 .newsx .box1 .U1 li a {
    color: #333;
    font-size: 18px;
    transition: color 0.3s ease;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 10px;
    margin-left: -10px;
}

.news3 .newsx .box1 .U1 li a:hover {
  color: #e63946;
  transition: all 0.3s ease;
}

.news3 .newsx .box1 .U1 li span {
    font-size: 18px;
    flex-shrink: 0;
    transition: color 0.3s ease;
    white-space: nowrap; /* 防止日期换行 */
    max-width: 120px; /* 限制最大宽度 */
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 775px;
    position: absolute;
}

.news3 .newsx .box1 .U1 li:hover span {
    color: #e63946;
}


.news3 .newsx .box2 {
    width: 460px;
    height: 465px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
}

.news3 .newsx .box2 .nbox {
    width: 215px;
    height: 135px;
    padding: 18px 10px 12px;
    box-sizing: border-box;
    font-size: 20px;
    color: #FFFFFF;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    text-align: center;
    font-weight: 500;
    border: 1px solid #868686;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.news3 .newsx .box2 .nbox .nbox-icon {
    display: block;
    line-height: 0;
}

.news3 .newsx .box2 .nbox .nbox-icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    display: block;
}

.news3 .newsx .box2 .nbox span {
    display: block;
    color: inherit;
    font-size: inherit;
    line-height: 1.3;
}

/* 顶部蓝色横条 */
.news3 .newsx .box2 .nbox::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e90ff, #0077ff);
  transition: width 0.4s ease;
  z-index: 1; 
}

/* 悬停效果*/
.news3 .newsx .box2 .nbox:hover::before {
    width: 100%;
}

.news3 .newsx .box2 .nbox:hover {
    box-shadow: 0 8px 20px rgba(0, 119, 255, 0.3);
    transform: translateY(-5px);
    color: #1a5cad;
    background-color: #FFFFFF !important;
    z-index: 9;
}

.news3 .newsx .box2 a.t1,
.news3 .newsx .box2 a.t2,
.news3 .newsx .box2 a.t5 {
    background-color: #7ECEF4;
}
.news3 .newsx .box2 a.t6,
.news3 .newsx .box2 a.t3,
.news3 .newsx .box2 a.t4 {
    background-color: #619AFA;
}

.news3 .newsx .box2 .nbox::after,
.news3 .newsx .box2 .nbox:hover::after {
  display: none !important;
}
.box4,
.box5 {
    width: 1440px;
    height: auto;
    min-height: 420px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    background-color: #FFFFFF;
    border: 1px double #797979;
    z-index: 0;
    position: relative;
    padding-bottom: 20px;
    box-sizing: border-box;
}

.box4 .dt,
.box5 .dt {
    position: relative;
    height: 60px;
}

.box4 .dt img,
.box5 .dt img {
    position: absolute;
    margin-top: 18px;
    left: 50%;
    margin-left: -90px;
    z-index: 3;
}

.box4 .dt h3,
.box5 .dt h3 {
    background-color: #619AFA;
    width: 100%;
    height: 60px;
    color: #FFFFFF;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    text-indent: 20px;
    margin-top: 0px;
    z-index: 2;
    position: absolute;
}
.box4 .dt h3:hover,
.box5 .dt h3:hover{
    z-index: 0;
}

.box4 .dt .more,
.box5 .dt .more {
    float: left;
    color: #FFFFFF;
    font-size: 24px;
    transition: color 0.3s, transform 0.3s;
    background-color: #9EC2FF;
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}
.box4 .dt:hover .more,
.box5 .dt:hover .more {
    z-index: 9;
}

.box4 .gallery-swiper,
.box5 .gallery-swiper {
    width: 100%;
    padding: 20px 31px 40px;
    box-sizing: border-box;
    overflow: hidden;
}

.box4 .gallery-item,
.box5 .gallery-item {
    width: auto;
    margin-bottom: 0;
    height: auto;
    box-sizing: border-box;
}

.box4 .gallery-swiper .swiper-pagination,
.box5 .gallery-swiper .swiper-pagination {
    bottom: 10px;
}

.box4 .gallery-swiper .swiper-pagination-bullet,
.box5 .gallery-swiper .swiper-pagination-bullet {
    background: #619afa;
    opacity: 0.35;
}

.box4 .gallery-swiper .swiper-pagination-bullet-active,
.box5 .gallery-swiper .swiper-pagination-bullet-active {
    opacity: 1;
}

.box4 .tupian,
.box5 .tupian {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 264px;
    cursor: pointer;
}

.box4 .tupian img,
.box5 .tupian img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}

.box4 .tupian:hover img,
.box5 .tupian:hover img {
   transform: scale(1.08);
}

/* 点击后覆盖在图片上方的文字 */
.box4 .tupian .img-cap,
.box5 .tupian .img-cap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 22px;
    letter-spacing: 2px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;
    z-index: 3;
    box-sizing: border-box;
    padding: 16px;
}

.box4 .gallery-item.show-text .img-cap,
.box5 .gallery-item.show-text .img-cap {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.box4 .tupian .img-cap span,
.box5 .tupian .img-cap span {
    display: block;
    border-bottom: 2px solid rgba(255, 255, 255, 0.85);
    padding-bottom: 8px;
}

.box4 .biaoyu,
.box5 .biaoyu {
    width: 100%;
    text-align: center;
    margin-top: 8px;
}

.box4 .biaoyu h2,
.box5 .biaoyu h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
}

.box4 .biaoyu a,
.box5 .biaoyu a {
    color: #000000;
}
.box4 .biaoyu a:hover h2,
.box5 .biaoyu a:hover h2 {
    color: #619AFA;
}
.di {
    width: 1440px;
    height: 60px;
    background-color: #9EC2FF;
    border: 1px double #7C7C7C;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
.di .zuo a {
    font-size: 20px;
    color: #000000;
    margin-top: 18px;
    position: absolute;
    margin-left: 140px;
}
.di .you {
    position: absolute;
    margin-top: 18px;
    margin-left: 380px;
}
.di .you span {
    color: #4C4B4B;
    text-align: center;
    margin-left: px;
}

.di .you a {
    font-size: 20px;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
}
.di .you :hover{
    color: #FFFFFF;    
}
.di .you span:hover{
    color: #000000;
}
.kong {
    display: none;
}

.xinxi {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 24px 0 28px;
    text-align: center;
    background: #f5f5f5;
    box-sizing: border-box;
}

.xinxi a {
    color: #333;
    font-size: 16px;
    margin: 0 4px;
    line-height: 2;
}

.xinxi span {
    color: #999;
}

.xinxi .xin2,
.xinxi .xin3,
.xinxi .xin4 {
    margin-top: 6px;
}