.bb_zz_c1{
  margin: 0 auto;
  width: 1400px;
  width: 14rem;

  height: 160px;
  height: 1.6rem;
  padding: 20px 35px;
  padding: .3rem .35rem .2rem .35rem;
  box-sizing: border-box;
  margin-top: .2rem;

  position: relative;
}
.mySwiper {
  overflow: hidden;
}
.bb_zz_c1 .zz_c1_titles {
  display: flex;
  justify-content: center;
  color: #0D70C4;
  font-size: 28px;
  font-size: .28rem;
  margin-bottom: 16px;
  margin-bottom: .16rem;
  max-width: auto;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: .23rem;
  padding:0 0 0 1rem;
  overflow: hidden;
}
.bb_zz_c1 .zz_c1_titles>a {
  color: #0059A7;
  /* width: 100%; */
  overflow: hidden;
}
.zz_c1_titles>a>span{
  width: 14rem;
  display: block;
  box-sizing: border-box;
  /* white-space: nowrap; */
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
  margin-left: 6.5rem;
  animation: scroll-text 15s linear infinite;
  will-change: transform;
}

.ners {
  font-size: .16rem;
}

.swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.gengduo>a{
  width: 60px; width: .6rem;
height: 25px; height: .25rem;
background: #0059A7;
border-radius: 13px; border-radius: .13rem;
color: #fff;
text-align: center;
line-height: 25px; line-height: .25rem;
font-size: .14rem;
position: absolute;
right: 2%;
bottom: .2rem;
z-index: 999;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.gengduo>a:hover{
  color: #fff;
}
.zdzc{
  position:absolute;
  top:0.3rem;
  left: 1.2rem;
  width: 1rem;
  height: .4rem;
  background: url('../imgs/zdzc.png') no-repeat;
  background-position: 100% 100%;
  background-size:100%;
  font-size: .18rem;
  color: #fff;
  text-align: center;
  line-height: .4rem;
  z-index: 99;
}
.mySwiper .swiper-pagination-bullet-active {
  width: .2rem !important;
height: 6px;
background: #0059A7;
border-radius: 3px;
}


/* 轮播图 */
.news-boxs{
  margin: 0 auto;
  width: 14rem;
  height: 4rem;
  /* height: 400px; */
  display: flex;
  margin-top: .2rem;
  /* margin-top: 20px; */
}
.news-boxs-left{
  /* width: 580PX; */
  width: 5.8rem;
  position: relative;

}
.width580{
  width: 5.8rem !important;
  height:4rem !important;
}
.width580 a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s; 
  transform-origin: center; 
}
.width580 a img:hover{
	transform: scale(1.02); 
}
.new-txt{
  width: 100%;
  height: 50px;
  height: .5rem;
  background: #000000;
  opacity: 0.6;
  position: absolute;
  bottom: 0;
  color: #fff;

  line-height: 50px; line-height: .5rem;

  padding: 0 .1rem;
  font-size: .16rem; box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.new-txt span:first-child{
  display: inline-block;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-txt span:last-child{
line-height: .35rem;
}
.swiper-pagination2 {
  position: absolute;
  bottom: .05rem;
  right: .08rem;
  width: .8rem;
  height: .12rem;
  z-index: 99;
  border-radius: .1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .1rem;
  box-sizing: border-box;
  background-color: #7f7f7f;
}
.swiper-pagination-bullet{
  width: .08rem;
  height: .08rem;
}
.swiper-pagination2>.swiper-pagination-bullet-active {
  width: 8px; width: .08rem;
height: 8px; height: .08rem;
background: #fff;
border-radius: 50%;
}
.news-boxs-right{
  width: 7.9rem;
  margin-left: .3rem;
}
.news-boxs-right-t{
  width: 100%;
  padding-bottom: 10px;
  padding-bottom: .1rem;
  border-bottom: .01rem solid #ededed;
  margin-bottom: .2rem;
}
.news-boxs-right-tt{
  font-size: .24rem;
  position: relative;
  padding-bottom: .1rem;
  cursor: pointer;
  margin-right: .2rem;
}
.tt-active {
  color: #0059A7;
  border-bottom: .03rem solid #0059A7;
}

.tt-active>a:hover {
	color: #0059A7;
}
.tt-active>a {
	color: #0059A7;
}

.news-bta{
  display: flex;
  justify-content: space-between;
  height: .5rem;
  align-items: center;
  font-size: .16rem;
}
.news-bts::before{
  width: 9px; width: .05rem;
  content: '';
  position: absolute;
  top: calc(50% - .025rem);
  left: 0;
  height: 9px; height: .05rem;
  background: #a5a5a5;
  display: inline-block;
  border-radius: 50%;
  margin:  0 .06rem;
}
.news-bts{
  max-width: 75%;
  overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
  position: relative;
  padding-left: .2rem;
}
.news-bta:hover{
  color: #0059A7;
}
.hf-xc{    width: 14rem;
  margin: 0.3rem auto 0 auto;}
  .hf-xc .swiper-pagination{
    display:none;
  }
  .hf-xc img{width: 100%;}
/* 政务信息公开 */
.bb_zz_c2{
  width: 14rem;
  height: auto;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  margin-top: .3rem;
}
/* 加 */
.bb_zz_c2_l{
  width: 6.9rem;
  background-color: #FAFCFE;
  padding: .3rem .2rem;
  box-sizing: border-box;
  border-radius: .1rem;
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.12);
}
.bb_zz_c2_l_t{
  font-size: .34rem;
  color: #0059A7;
  font-family:'FZDaBiaoSong-B06S';
  position: relative;
}
/* 加 */
.bb_zz_c2_l .bb_zz_c2_l_t::before{
  content: 'GOVERNMENT INFORMATION PUBLICTY';
  font-size: .16rem;
  color:#e6f2fc;
  position: absolute;
  top: calc(50% - .1rem);
  left: 2.1rem;
  width: 4rem;
  height: .3rem;
  display: block;
  }
.i-zwfw-xz{
  display: flex;
  margin-top: 20px; margin-top: .2rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
/* 改 */
.i-zwfw-xza{
  width: 3.15rem;
  /* background: url('../imgs/zwgkbj.png'); */
  font-size: 24px; font-size: .24rem;
  color: #333333;
  line-height: 25px; line-height: .25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100px; height: 1rem;
  border: .01rem solid #cee5fd;
  transition: letter-spacing 0.3s;
}
.i-zwfw-xza:hover{
  color: #0059A7;
  letter-spacing: 0.02rem;
}

.i-zwfw-xza:nth-child(3) {
  /* background: url('../imgs/fdxxgkzdbj.png'); */
  margin-top: .2rem;
}
.i-zwfw-xza:last-child {
  /* background: url('../imgs/zfxxgknbbj.png'); */
  margin-top: .2rem;
}

.i-zwfw-xza img{
position: absolute;
left: 8%;
top:25%;
}
.i-zwfw-xza:first-child img{top: 23%;}
.i-zwfw-xza:nth-child(2) img{top: 22%;}
.i-zwfw-xza:nth-child(3) img{top: 15%;}
.i-zwfw-xza:last-child img{top: 22%;}
/* 改 */
.bb_zz_c2_r{
  width: 6.9rem;
  background: #FAFCFE;
  border-radius: .1rem;
  position: relative;
  padding: .3rem .2rem;
  box-sizing: border-box;
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.12);
}
.bb_zz_c2_r .bb_zz_c2_l_t::after{
position: absolute;
top: 0;
left: 0;
}
.bb_zz_c2_l_c{
  height: 2.5rem ;
  box-sizing: border-box;
  overflow: hidden;
}
.bb_zz_c2_l_cu{
 
  margin-top: .2rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.bb_zz_c2_l_cl {
  margin-bottom: .2rem; 
  /* width: 2rem !important; */
  height: 61px; height: .6rem;
  box-sizing: border-box;
}
.bb_zz_c2_l_ca{
  display: block;
  width: 90%;
  margin: 0 auto;
  height: 100%;
background: #FAFCFE;
border-radius: 3px;
border: 1px solid #DAEBFE;
text-align: center;
line-height: .6rem; font-size: .16rem;
box-sizing: border-box;
}
.bb_zz_c2_l_ca:hover{
  color: #0059A7;
}
.swiper-pagination3 {
  position: absolute;
  top: .3rem;
  left: auto !important;
  right: .2rem;
  width: 1rem !important;
  height: .5rem !important;
  /* background-color: pink; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-pagination3>.swiper-pagination-bullet-active{
  background-color: #ECA016 ;
  border-radius: 50%;
}
.sw3-p{
  position: absolute;
  width: .15rem;
  height: .15rem;
  top: .48rem;
  right: 1rem;
  background-color: #000000;
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sw3-p img{
  transform: rotate(180deg);
}
.sw3-n{
  position: absolute;
  width: .15rem;
  height: .15rem;
  top: .48rem;
  right: 0.3rem;
  background-color: #000000;
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bb_zz_c3_b{
  width: 14rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: .3rem;
  margin-bottom: .2rem;
}
.bb_zz_c3_b_l{
  width: 6.8rem;
}
.zc_tong {
  width: 100%;
}
.zc_tong>.i-zwfw-nr-left {
  width: 100%;
}
.zc_tong>.i-zwfw-nr-left>ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.zc_tong>.i-zwfw-nr-left>ul li{
  width: 48%;
}
/* 基层政务公开 */
.bb_zz_c3{
  width: 14rem;
  height: auto;

  margin: 0 auto;
  text-align: center;
  margin-top: .3rem;
}
.bb_zz_c3_t{
  font-size: .34rem;
  color: #0059A7;
  margin: 0 auto;
  font-family:'FZDaBiaoSong-B06S';
  position: relative;
  margin-bottom: .56rem;
  
}
.bb_zz_c3_t::after{
  content: 'PUBLICITY OF GRASSROOTS GOVERNMENT AFFAIRS';
  position: absolute;
  font-size: .2rem;
  color:#e6f2fc;
  position: absolute;
  top: .5rem;
  left: 2.8rem;
  width: 9rem;
  height: .3rem;
  display: block;
}
.bb_zz_c3_c{
  display: flex;
  justify-content: space-between;
}
.bb_zz_c3_c_l,.bb_zz_c3_c_r{
  display: block;
  width: 6.9rem;
  height: 1.1rem;
  line-height: 1.1rem;
  text-align: center;
  font-size: .3rem;
  color: #fff;
  background-image: url('../imgs/zzzbj.png');
  background-position: 100% 100%;
  background-size: 100% 100%;
  transition: letter-spacing 0.3s;
}
.bb_zz_c3_c_l:hover,.bb_zz_c3_c_r:hover{
color: #fff;
letter-spacing: 0.05rem;
}
.i-zwfw-nr-left{
  width: 6.8rem;
}
.i-zwfw-nr-left-top {
  font-size: 20px; font-size: .2rem;
  display: flex;
  border-bottom: 1px solid  #A2A2A2;
  border-bottom: .01rem solid  #ededed;
  margin-bottom: 30px; margin-bottom: .2rem;
}

.top-zcwj {
  margin-right: 40px;  margin-right: .4rem;
  padding-bottom: 8px; padding-bottom: .08rem;
  color: #333;
  font-size: .2rem;
  font-weight: 700;
}
.top-zcwj:hover{
  color: #0059A7;
}
.top-zcwj-active{
  border-bottom: 3px solid #0059A7;
  border-bottom: .03rem solid #0059A7;
  position: relative;
  
}
.top-zcwj-active::before {
  content: '';
  width: 100%;
  height: .03rem;
  background-color:#0059A7;
  position:absolute;
  top: 100%;
  left:0;
}
.top-zcwj-active::after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0;
  border-width: .1rem .05rem 0;
  border-color: #0059A7 transparent transparent transparent; 
  position: absolute;
  left: calc(50% - 0.02rem) ; 
  top: 100%; 
  transform: translate(-50%, 0);
}
.i-zwfw-nr-a {
  display: flex;
  justify-content: space-between;
  height: .5rem; line-height: .5rem;
}
.zwfw-nr-ls{
  overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
  max-width: 80%;
  font-size: .16rem;
}
.i-zwfw-nr-a:hover{
  color: #0059A7;
}

.i-zwfw-nr-list{
  font-size: 16px; font-size: .16rem;
  height: auto;
}
.top-suan{
  text-align: start;
  /* height: .3rem; */
  display: flex;
  margin-bottom: .2rem;
}
.t-suan,.t-suan2 {
  width: .8rem;
  height: .3rem;
  background-color: #f5f5f5;
  line-height: .3rem;
  font-size: .16rem;
  margin-right: .2rem;
  text-align: center;
  border-radius: .15rem;
}
.t-suan2:hover,.t-suan:hover,.suan-active{
  background-color: #0059A7;
  color: #fff;
}
.ckgd{
  display: none;
}

.mySwiper4 {
  width: 14rem;
  overflow: hidden;
}
/* 加的 */

.tongpzhanshi>.bb_zz_c2_l{
	width:14rem;
}
.tongpzhanshi>.bb_zz_c2_l>.i-zwfw-xz>.i-zwfw-xza{
	margin-top:0;
}
@media screen and (max-width: 768px) {
  .bb_zz_c1{
    width: 7rem;
    width: 96%;
    height: auto;
    padding: .2rem .2rem .6rem;
  }
  .bb_zz_c1 .zz_c1_titles{
    font-size: .32rem;
  }
  .ners{
    display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
    font-size: .26rem;
  }
  .zdzc {
    left: 0;
    top: 0.2rem;
    font-size: .26rem;
    width: 1.2rem;
    z-index:999
  }
  
  .zz_c1_titles a>span{
    /* width: 80%; */
    display: block;
    margin-left: 5rem;
    animation: scroll-text 10s linear infinite; 
    will-change: transform;

  }
    /* 定义滚动动画 */

  .gengduo>a {
    width: 1rem;
    height: .35rem;
    line-height: .35rem;
    font-size: .26rem;
    bottom: .05rem;
  }
  .tt-active {
    border-bottom: .06rem solid #0059A7;
  }
  /* .news-bts{
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .32rem;
    max-width: 100%;
    width: 100%;
  } */


  /* 轮播图 */
  .news-boxs{
    display: block;
    height: auto;
    width: 7rem;
    width: 96%;
    margin-top: .3rem;
  }
  .news-boxs-left{
    width: 100%;
  }
  .width580{
    width:7.2rem !important;
    height:4rem !important;
  }
  .width580>a {
    display: block;
  }
  .hf-xc a {
    display: block;
  }
  .new-txt{
    font-size: .26rem;
  }
  .news-boxs-right{
    margin-left: 0;
    width: 7rem;
    width: 100%;

    margin-top: .4rem;
  }
  .news-boxs-right-t{
    margin-bottom: .22rem;
  }
  .news-boxs-right-tt {
    font-size: .34rem;
  }
  .news-bta{
    font-size: .26rem;
    height: auto;
    margin-bottom: .36rem;
    align-items: end;
    flex-wrap: wrap;
    justify-content: end;
   }
   .news-bts::before {
    top: 0.2rem;
   }
   .news-bts{
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .32rem;
    max-width: 100%;
    width: 100%;
  }
  .hf-xc{width: 96%;margin: .3rem auto 0.3rem auto;}
  .hf-xc img{width: 100%;}
  /* 政务公开 */
  .bb_zz_c2 {
    width: 96%;
    margin: 0 auto;
    display: block;
  }
  .bb_zz_c2_l {
    width: 100%;
  }
  .i-zwfw-xza {
    font-size: .32rem;
    width: calc(50% - .1rem);
    
  }
  .bb_zz_c2_l_cl {
    width: 30% !important;
    padding: 0 .1rem;
    box-sizing: border-box;
    margin-right: 5% !important;
  }
  .i-zwfw-xza img {
    display: none;
  }
  .bb_zz_c2_r {
    margin-top: .3rem;
    width:100%;
  }
  .bb_zz_c2_l_ca {
    font-size: .32rem;
    overflow: hidden;
    text-overflow: ellipsis; /* 当文本溢出时，显示为省略号 */
    white-space: nowrap; 
  }
  /* 基层政务公开 */
.bb_zz_c3{
  width: 96%;
  margin: 0 auto;
  margin-top: .4rem;
}

.bb_zz_c3_t::after {
  left: 0;
  width: 100%;
}
.bb_zz_c3_c_l,.bb_zz_c3_c_r{
  width: 48%;
}
.bb_zz_c3_b {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.bb_zz_c3_b_l{
  width: 100%;
  margin-top: .3rem;
}
.i-zwfw-nr-left{
 
  width: 100%;
}
.i-zwfw-nr-left-top {
  font-size: .34rem;
  margin-bottom: .3rem;
}
.top-zcwj-active{
  border-bottom: .06rem solid #0059A7;
  color: #0059A7 !important;
  font-size: .32rem;
}
.top-zcwj-active::after {
  border-width: .2rem .1rem 0;
}
.top-suan{
  margin-bottom: .3rem;
}
.i-zwfw-nr-a {
  font-size: .32rem;
  align-items: end;
  flex-wrap: wrap;
  justify-content: end;
  margin-bottom: .36rem;
  height: auto;
  line-height: normal;
}
.zwfw-nr-ls{
  white-space: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .32rem;
  max-width: 100%;
  width: 100%;
  text-align: start;
}
.ckgd{
  display: flex;
  margin-bottom: .4rem;
}
.ckgd-a{
  display: inline-block;
  color: #adadad;
  font-size: .3rem;
  height: .62rem;
  line-height: .62rem;
  width: 1.76rem;
  border-radius: .06rem;
  border: 1px solid #f2f2f2;
  background: #f9f9f9;
  text-align: center;
  margin: 0 auto;
}
.t-suan{
  width: 1.2rem;
  height: .4rem;
  font-size: .26rem;
  line-height: .4rem;
}
.mySwiper4 {
  width: 100%;
  overflow: hidden;
}
.tongpzhanshi>.bb_zz_c2_l{
	width:100%;
}
.tongpzhanshi>.bb_zz_c2_l>.i-zwfw-xz>.i-zwfw-xza{
	margin-top:.2rem;
}
.zc_tong>.i-zwfw-nr-left>ul{
  display:block;
}
.zc_tong>.i-zwfw-nr-left>ul li{
  width: 100%;
}
}


#scroll_begin {
  display: flex;
}

#scroll_begin li a i{
  display: inline-block;
  /* margin-top: -5px; */
  margin-right: .1rem;
  width: 4px;
  height: 4px;
  background-color: #a0b8dc;
  vertical-align: middle;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
#scroll_begin li a span {
  max-width:90% ;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#scroll_begin li a:hover {
color: #0059A7;
}
.mySwiper5 {
  height: auto;
}
/* @media screen and (min-width: 768px) {
} */
.bb_zz_c2_l_cl {
  margin-bottom: .2rem;
  /* width: 2rem !important; */
  height: 61px;
  height: .6rem;
  box-sizing: border-box;
  margin-right: 3%;
}
.bb_zz_c2_l_cl:nth-child(3n){
margin-right:0	!important;
}
.bb_zz_c2_l_cu {
  justify-content: flex-start !important;
}
  @keyframes scroll-text {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }