a:hover {
  text-decoration: none;
}

.twoFlexDivClass {
  display: flex;
  justify-content: space-between;
}

.curContentClass {
  min-height: 2rem;
  margin-bottom: .45rem;
}

.columnTitleClass {
  width: 100%;
  height: .68rem;
  margin-bottom: .07rem;
  text-align: center;
}

.columnFontClass {
  width: 4.12rem;
  height: .47rem;
  display: inline-block;
}

.titleTextClass {
  display: inline-block;
  margin-top: -.1rem;
  font-size: .3rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: .48rem;
  letter-spacing: 0.03rem;
  color: #115db2;
}

.oneDataTwoClass {
  display: flex;
  align-items: center;
  position: relative;
}

.oneDataTwoMoreClass {
  position: absolute;
  right: .1rem;
}

.title1 {
  background: url('sjfb-bt1.png') no-repeat;
  background-size: cover;
}

.title2 {
  width: 3.3rem;
  height: .47rem;
  background: url('sjfb-bt2.png') no-repeat;
  background-size: cover;
}

.title3 {
  width: 3.3rem;
  height: .47rem;
  background: url('sjfb-bt3.png') no-repeat;
  background-size: cover;
}

/* 导航容器：采用flex布局，确保按钮不遮挡导航项 */
.nav-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  height: .68rem;
}

/* 左右按钮：独立区域，不占用导航可视空间 */
.nav-btn {
  width: .4rem;
  height: .6rem;
  margin-bottom: .08rem;
  border: none;
  cursor: pointer;
  background-color: #145fb3;
}

.nav-btn:hover {
  background: #0f4f97;
}

.nav-btn:disabled {
  /*opacity: 0.3;*/
  cursor: not-allowed;
}

/* 滚动容器：占据中间所有空间，导航项只在这个区域显示 */
.nav-scroll {
  flex: 1;
  height: .68rem;
  overflow-x: hidden;
  overflow-y: visible !important;
  position: relative;
}

/* 导航列表：基于left定位，确保滚动方向正确 */
.nav-list {
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  transition: left 0.3s ease;
}

/* 导航项：确保点击区域完整，不被遮挡 */
.nav-item {
  padding: 0 .15rem;
  height: .6rem;
  line-height: .6rem;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.2s;
  font-size: .18rem;
  font-weight: normal;
  letter-spacing: .01rem;
  color: #fff;
  min-width: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative !important;
  background-color: #145fb3;
}

.nav-item .nav-item-img {
  width: .37rem;
  height: .37rem;
  margin-right: .15rem;
}

.nav-item:hover {
  color: #fff;
}

.nav-item.active {
  color: #fff;
  font-weight: bold;
}

/* 关键修改：溢出图片显示在导航项下边框（底部居中） */
.nav-item.active::after {
  content: '';
  width: 1.25rem !important;
  height: .08rem !important;
  position: absolute !important;
  bottom: -.05rem !important;
  left: 50%;
  margin-left: -.625rem;
  z-index: 500;
  background-image: url('sjfb-nav-botom-icon.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.chartDataDivClass {
  margin-top: .09rem;
  width: 100%;
  height: 5.64rem;
  background-color: #f2f6ff;
  padding: .2rem .28rem;
  box-sizing: border-box;
  position: relative;
}

.echarts-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.echarts-head-left {
  width: 2rem;
  white-space: nowrap;
  line-height: .32rem;
  padding-left: .05rem;
  display: flex;
  align-items: center;
}

.oneHideClass {
  width: 1rem;
}

.echarts-head-title {
  font-size: .18rem;
  font-weight: bold;
  font-stretch: normal;
  color: #145fb3;
}

.icon_question {
  cursor: pointer;
  width: .21rem;
  height: .21rem;
  margin-left: .1rem;
}

.echarts-info-box {
  background-color: rgba(231, 244, 253, 0.9);
  padding: .25rem .3rem;
  text-indent: 2em;
  border-radius: .04rem;
  position: absolute;
  left: 2%;
  top: .62rem;
  z-index: -1;
  opacity: 0;
  transition: all .5s;
  white-space: normal;
  width: 97%;
  line-height: .4rem;
  font-size: .16rem;
  box-sizing: border-box;
}

.echarts-info-box-active {
  z-index: 1;
  opacity: 1;
}

.echarts-head-mid {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 5.8rem;
  font-size: .16rem;
  color: #333;
}

.echarts-head-mid select {
  outline: none;
  height: .32rem;
  width: .94rem;
  border: solid 1px #d9d9d9;
  border-radius: .04rem;
  line-height: .32rem;
  color: #595959;
  vertical-align: bottom;
  background-color: #ffffff;
}

.ml-13 {
  margin-left: .13rem;
}

.mr-13 {
  margin-right: .13rem;
}

.btnOkClass {
  width: .83rem;
  height: .35rem;
  background-color: #145fb3;
  border-radius: .06rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .16rem;
  color: #fff;
  cursor: pointer;
}

.echarts-download {
  margin-left: .2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.51rem;
  height: .35rem;
  background-color: #115db2;
  border-radius: .06rem;
  font-size: .16rem;
  color: #fff;
  cursor: pointer;
}

.daochuIconClass {
  width: .16rem;
  height: .18rem;
  margin-right: .05rem;
}

.data-echarts {
  width: 100%;
  height: 4.9rem;
  /*margin-top: .15rem;*/
}

.data-resource {
  margin-top: .1rem;
  display: flex;
  align-items: center;
  justify-self: flex-end;
  color: #2f7ce5;
  font-size: .14rem;
}

.otherDataContentClass {
  width: 100%;
  height: 4.5rem;
  background-color: #f5f8ff;
  border-radius: .3rem 0px 0px .3rem;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.otherDataTypeClass {
  width: 2.14rem;
  height: 100%;
  background-color: #e7f1ff;
}

.otherDataTypeItem {
  width: 2.14rem;
  height: 2.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;

}

.otherTypeAction {
  background-color: #115db2;
  border-radius: .3rem 0 0 .3rem;
  position: relative;
}

.otherTypeAction::before {
  content: '';
  position: absolute;
  right: -.1rem;
  width: 0;
  height: 0;
  border-left: .1rem solid #115db2;
  border-top: .11rem solid transparent;
  border-bottom: .11rem solid transparent;
}

.typeIconClass {
  width: .29rem;
  height: .29rem;
  margin-bottom: .3rem;
}

.typeTitleClass {
  font-size: .24rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: .02rem;
  color: #12457e;
}

.otherTypeAction .typeTitleClass {
  font-weight: bold;
  color: #ffffff;
}

.otherDataColClass {
  width: 9.7rem;
  height: 100%;
  box-sizing: border-box;
  padding: .28rem .32rem 0 0;
}

.otherTwoTypeClass {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-bottom: 0.01rem solid #dce3e8;
}

.otherTwoTextClass {
  /*width: 33%;*/
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.otherTwoFontClass {
  font-size: .18rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: .02rem;
  color: #145fb3;
  padding-bottom: .12rem;
}

.otherTwoActionTextClass .otherTwoFontClass {
  font-weight: bold;
  border-bottom: .04rem solid #ff8900;
}


.divStatisticalYearbook {
  width: 100%;
  min-height: 3.65rem;
  background-color: #f5f8ff;
  display: flex;
  justify-content: space-between;
  padding: .32rem .36rem .35rem .48rem;
  box-sizing: border-box;
}

.leftStatisticalYearbookOne {
  width: 2.39rem;
  height: 2.99rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.leftStatisticalYearbook {
  width: 2.39rem;
  height: 2.99rem;
  background: url('sjfb-cur-bg-img.png') no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-right: .1rem;
  box-sizing: border-box;
}

.yearTextClass,
.titleOenTextClass {
  font-size: .28rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: .43rem;
  letter-spacing: 0px;
  color: #ffffff;
}

.oneDetailsImgClass {
  width: 1.2rem;
  height: .38rem;
  margin-top: .2rem;
  margin-bottom: .35rem;
}

.rightStatisticalYearbook {
  width: 8.36rem;
  padding-top: .25rem;
}

.desTextClass {
  background-color: rgba(255, 255, 255, .5);
  border-radius: .1rem;
  border: dashed 1px #115db2;
  padding: .3rem .4rem .22rem .26rem;
  font-size: .2rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: .44rem;
  letter-spacing: 0px;
  color: #003366;
  text-indent: 2em;
}

.yearColViewClass {
  width: 100%;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding-left: .32rem;
  margin-top: .24rem;
}

.yearOneColDivClass {
  width: 5.76rem;
  height: 1rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  transition: all .3s;
}

.yearItemOneClass:hover {
  background-color: #c1d9ff;
}

.yearItemOneClass {
  font-size: .21rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #105eaf;
  margin-right: .3rem;
  margin-bottom: .25rem;
  border-radius: .15rem;
  padding: .04rem .1rem;
  box-sizing: border-box;
}

.yearItemOneClass:nth-of-type(6n) {
  margin-right: 0;
}

.moreYearImgClass {
  width: 1.82rem;
  height: .59rem;
  margin-top: .1rem;
  cursor: pointer;
}

.moreYearImgClass img {
  width: 100%;
}

.year-all {
  height: auto;
}

.contentLeftDivClass,
.contentRightDivClass {
  width: 48%;
  box-sizing: border-box;
}

.towTitleDivClass {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #2f7ce5;
  padding-right: .1rem;
  box-sizing: border-box;
}

.towTitleTextClass {
  font-weight: bold;
  font-size: .3rem;
  font-stretch: normal;
  letter-spacing: 0px;
  padding-bottom: .16rem;
  border-bottom: .04rem solid #2f7ce5;
  color: #115db2;
  box-sizing: border-box;
}

.twoTitleLeftClass {
  display: flex;
}

.twoTitleLeftClass img {
  width: .25rem;
  height: .25rem;
  margin-top: .08rem;
  margin-left: .32rem;
}

.moreDataDivClass {
  font-size: .16rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #666666;
}

.dataColOneDivClass {
  width: 100%;
}

.dataItemOneDivClass {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .22rem;
}

.dataListTitleClass {
  font-size: .16rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: .01rem;
  color: #000;
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dataListTitleClass:hover{
  color: #115db2;
}
.dataListTitleClass::before {
  content: "•";
  color: #acc0d2;
  font-size: .2rem;
  margin-right: .08rem;
}

.dataListDateClass {
  font-size: .16rem;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #666;
}

.specialTopicClass {
  width: 100%;
  margin-top: .3rem;
}

.towDataDivClass {
  display: flex;
  align-items: center;
  margin-bottom: .05rem;
}

.towDataItemDivClass {
  display: flex;
  align-items: center;
  justify-content: center;
  height: .86rem;
  font-size: .18rem;
  letter-spacing: .01rem;
}

.oneDataBgClass {
  background-color: rgba(0, 119, 255, .3);
  color: #0058bb;
  margin-right: .04rem;
}

.twoDataBgClass {
  background-color: rgba(230, 233, 237, .7);
  color: #151515;
  margin-right: .04rem;
}

.threeDataBgClass {
  background-color: rgba(207, 223, 240, .8);
  color: #115db2;
  margin-right: .04rem;
}

.minzhengclass {
  width: 1.17rem;
}

.wsjkclass {
  width: 1.3rem;
}

.rlzyclass {
  width: 2rem;
}

.tyclass {
  width: 1.17rem;
}

.wenlvclass {
  width: 1.8rem;
}

.yjglclass {
  width: 1.38rem;
}

.szystclass {
  width: 2.51rem;
}

.sthjclass {
  width: 1.59rem;
}

.ypjgclass {
  width: 1.59rem;
}

.tongjiclass {
  width: 1.17rem;
}

.jtysclass {
  width: 1.3rem;
}


.towDataDivClass:first-child a:nth-child(1){
  width: 1.17rem;
  background-color: rgba(0, 119, 255, .3);
  color: #0058bb;
  margin-right: .04rem;
}
.towDataDivClass:first-child a:nth-child(2){
  background-color: rgba(230, 233, 237, .7);
  color: #151515;
  margin-right: .04rem;
  width: 1.3rem;
}
.towDataDivClass:first-child a:nth-child(3){
  background-color: rgba(207, 223, 240, .8);
  color: #115db2;
  margin-right: .04rem;
  width: 2rem;
}
.towDataDivClass:first-child a:nth-child(4){
  background-color: rgba(230, 233, 237, .7);
  color: #151515;
  margin-right: .04rem;
  width: 1.17rem;
}
.towDataDivClass:nth-child(2) a:nth-child(1){
  background-color: rgba(230, 233, 237, .7);
  color: #151515;
  margin-right: .04rem;
  width: 1.8rem;
}
.towDataDivClass:nth-child(2) a:nth-child(2){
  background-color: rgba(207, 223, 240, .8);
  color: #115db2;
  margin-right: .04rem;
  width: 1.38rem;
}
.towDataDivClass:nth-child(2) a:nth-child(3){
  background-color: rgba(230, 233, 237, .7);
  color: #151515;
  margin-right: .04rem;
  width: 2.51rem;
}
.towDataDivClass:nth-child(3) a:nth-child(1){
  background-color: rgba(207, 223, 240, .8);
  color: #115db2;
  margin-right: .04rem;
  width: 1.59rem;
}
.towDataDivClass:nth-child(3) a:nth-child(2){
  background-color: rgba(230, 233, 237, .7);
  color: #151515;
  margin-right: .04rem;
  width: 1.59rem;
}
.towDataDivClass:nth-child(3) a:nth-child(3){
 background-color: rgba(0, 119, 255, .3);
 color: #0058bb;
 margin-right: .04rem;
 width: 1.17rem;
}
.towDataDivClass:nth-child(3) a:nth-child(4){
 background-color: rgba(207, 223, 240, .8);
 color: #115db2;
 margin-right: .04rem;
 width: 1.3rem;
}

.tushuDataClass {
  width: 100%;
  height: 4.3rem;
  background-color: #f7f8fb;
  background: url('i-zt-bg.png') no-repeat center bottom;
  background-size: 100% 100%;
  padding-top: .37rem;
  box-sizing: border-box;
}

.tushuoDataDivClass {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: .4rem;
}

.tushuoItemDivClass {
  width: 3.81rem;
  height: 2.48rem;
  background-color: #e6eff9;
  margin-right: .37rem;
  padding: .2rem .22rem;
  box-sizing: border-box;
}

.tushuoItemDivClass:last-child {
  margin-right: 0;
}

.tushuoOneImgClass {
  width: 100%;
  height: 1.7rem;
  object-fit: cover;
}

.tushuoTextOneClass {
  width: 100%;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .18rem;
  color: #666666;
  margin-top: .17rem;
}

.otherItemDataDivClass{
  overflow: hidden;
}
.qtsj-box-list{
  display: flex;
  flex-wrap: wrap;
  padding-top: .16rem;
}
.qtsj-box-list .item{
  width: 16.66%;
  text-align: center;
  margin-top: .1rem;
}
.qtsj-box-list .item a{
  display: inline-block;
}
.qtsj-box-list .item a div{
  width: 1.05rem;
  height: 1.05rem;
  background: url(sjfb-other-bg-img.png) center no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .08rem;
  margin: 0 auto;
}
.qtsj-box-list .item a div img{
  width: .74rem;
}
.qtsj-box-list .item a p{
  font-size: 18px;
  font-size: .18rem;
  letter-spacing: 1px;
  color: #333333;
  margin-top: 12px;
  margin-top: .12rem;
  height: .48rem;
}
.qtsj-box-list .item a:hover div{
  box-shadow: 0 0 .1rem 0 rgba(17,95,187,.14);
}
.otherItemDataDivClass-page{
  text-align: center;
}
.otherItemDataDivClass-page .swiper-pagination-bullet{
  vertical-align: top;
  margin: 0 .04rem;
  width: .06rem;
  height: .06rem;
  border-radius: .03rem;
}
.otherItemDataDivClass-page .swiper-pagination-bullet-active{
  width: .18rem;
  background-color: #0266dc;
}

@media screen and (max-width: 768px) {
  .nav-container {
    height: .98rem;
  }

  .nav-btn {
    height: .9rem;
  }

  .nav-scroll {
    height: .98rem;
  }

  .nav-item {
    height: .9rem;
    min-width: 2.3rem;
    font-size: .3rem;
  }

  .nav-item .nav-item-img {
    width: .57rem;
    height: .57rem;
    margin-right: .35rem;
  }

  .chartDataDivClass {
    height: auto;
  }

  .titleTextClass {
    font-size: .32rem;
  }

  .towTitleTextClass {
    font-size: .35rem;
  }

  .curContentClass {
    flex-wrap: wrap;
  }

  .twoFlexDivClass {
    margin-bottom: 0;
  }

  .contentLeftDivClass,
  .contentRightDivClass {
    width: 100%;
    padding: 0 .15rem;
    margin-bottom: .25rem;
  }

  .echarts-head-left {
    margin-bottom: .2rem;
  }

  .echarts-head-title {
    font-size: .32rem;
  }

  .echarts-info-box {
    font-size: .3rem;
  }

  .icon_question {
    width: .3rem;
    height: .3rem;
  }

  .data-echarts {
    height: 6rem;
  }

  .echarts-head {
    flex-wrap: wrap;
  }

  .echarts-head-mid {
    font-size: .3rem;
    justify-content: flex-start;
    flex-wrap: wrap;
    line-height: 1rem;
    margin-bottom: .2rem;
  }

  .divStatisticalYearbook {
    flex-wrap: wrap;
  }

  .leftStatisticalYearbookOne {
    width: 100%;
  }

  .rightStatisticalYearbook {
    width: 100%;
  }

  .divStatisticalYearbook {
    padding: .32rem .36rem .35rem .36rem;
  }

  .echarts-head-mid select {
    height: .52rem;
    width: 1.54rem;
    margin-top: .1rem;
  }

  .btnOkClass {
    height: .5rem;
    width: 1.54rem;
    margin-top: .1rem;
    font-size: .3rem;
  }

  .echarts-download {
    height: .5rem;
    width: 2.6rem;
    margin-top: .1rem;
    font-size: .25rem;
  }

  .daochuIconClass {
    width: .26rem;
    height: .28rem;
    margin-right: .15rem;
  }

  .data-resource {
    font-size: .28rem;
    margin-top: .2rem;
    justify-self: center;
  }

  .yearColViewClass {
    padding-left: 0;
  }

  .yearItemOneClass {
    margin-right: .15rem!important;
  }

  .tushuoDataDivClass {
    flex-direction: column;
    flex-wrap: wrap;
  }

  .desTextClass {
    font-size: .26rem;
  }

  .yearItemOneClass {
    font-size: .24rem;
  }

  .moreDataDivClass {
    font-size: .3rem;
  }

  .dataListTitleClass {
    font-size: .3rem;
  }

  .dataListDateClass {
    font-size: .3rem;
  }

  .dataColOneDivClass {
    margin-bottom: .5rem;
  }

  .tushuDataClass {
    height: auto;
    padding-left: .2rem;
    padding-right: .2rem;
  }

  .tushuoItemDivClass {
    width: 100%;
    height: 4.2rem;
    margin-right: 0;
    margin-bottom: .2rem;
  }

  .tushuoOneImgClass {
    height: 3.2rem;
  }

  .tushuoTextOneClass {
    font-size: .3rem;
  }
  .typeIconClass {
    width: .5rem;
    height: .5rem;
    margin-bottom: .3rem;
  }

  .typeTitleClass {
    font-size: .3rem;
  }
  .otherTwoFontClass{
    font-size: .3rem;
  }
  .otherTwoActionTextClass .otherTwoFontClass {
    font-size: .3rem;
  }

  .otherItemDataColClass {
    width: 1.4rem;
    margin-right: .3rem;
  }

  .otherItemDataImgClass {
    width: 1.4rem;
    height: 1.4rem;
  }

  .otherItemDataImgClass img {
    width: .9rem;
    height: .9rem;
  }

  .otherItemDataSpanClass {
    font-size: .3rem;
  }

  .otherItemDataColClass:nth-of-type(6n) {
    margin-right: .55rem
  }

  .otherItemDataColClass:nth-of-type(3n) {
    margin-right: 0
  }

  .towDataItemDivClass {
    height: 1.6rem;
    font-size: .3rem;
  }

  .minzhengclass,
  .tyclass {
    width: 18%;
  }

  .wsjkclass {
    width: 24%;
  }

  .rlzyclass {
    width: 40%;
  }

  .wenlvclass {
    width: 35%;
  }

  .yjglclass {
    width: 25%;
  }

  .szystclass {
    width: 40%;
  }

  .sthjclass,
  .ypjgclass {
    width: 30%;
  }

  .tongjiclass {
    width: 18%
  }

  .jtysclass {
    width: 22%;
  }

  .towDataDivClass:first-child a:nth-child(1){
    width: 18%;
  }
  .towDataDivClass:first-child a:nth-child(2){
    width: 24%;
  }
  .towDataDivClass:first-child a:nth-child(3){
    width: 40%;
  }
  .towDataDivClass:first-child a:nth-child(4){
    width: 18%;
  }
  .towDataDivClass:nth-child(2) a:nth-child(1){
    width: 35%;
  }
  .towDataDivClass:nth-child(2) a:nth-child(2){
    width: 25%;
  }
  .towDataDivClass:nth-child(2) a:nth-child(3){
    width: 40%;
  }
  .towDataDivClass:nth-child(3) a:nth-child(1){
    width: 30%;
  }
  .towDataDivClass:nth-child(3) a:nth-child(2){
    width: 30%;
  }
  .towDataDivClass:nth-child(3) a:nth-child(3){
    width: 18%;
  }
  .towDataDivClass:nth-child(3) a:nth-child(4){
    width: 24%;
  }
  .otherDataContentClass{
    height: auto;
  }
  .otherDataColClass{
    width: 70%;
    padding: .3rem .2rem;
  }
  .qtsj-box-list .item{
    width: 48%;
  }
  .qtsj-box-list .item a{
    display: block;
  }
  .qtsj-box-list .item a div{
    width: 90%;
  }
  .qtsj-box-list .item a p{
    font-size: .3rem;
    height: auto;
  }
}