.wrapper{
  width: 100%;
  background: url("../images/bg-1.jpg");
  background-size: 100%;
  padding-top: 5.9375rem;
}

.yd-box{
  display: none;
}

.hdzx{
  width: 6.7708rem;
  box-sizing: border-box;
  height: 4.1667rem;
  background: url("../images/hdzx_bg.png");
  background-size: 100% 100%;
  margin: 0 auto;
  padding: 1.801rem .5208rem 0;
  position: relative;
}
.hdzx .gdBtn{
  font-size: 14px;
  cursor: pointer;
  position: absolute;
  color: #23b0a1;
  left: .5rem;
  bottom: .3rem;
}

.hdzx .list{
  width: 2.05rem;
}
.hdzx .listItem{
  display: flex;
  align-items: center;
  padding: 0.02rem .0521rem;
  box-sizing: border-box;
  height: .4688rem; /* 2 * line-height */
}
.hdzx .list p{
  /* 支持多行省略：优先使用 -webkit-line-clamp（Chrome/Safari），并提供 block 作为回退 */
  display: block; /* 回退 */
  display: -webkit-box; /* 对支持的浏览器启用多行截断 */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制为 2 行（WebKit） */
  line-clamp: 2; /* 标准属性（部分 lint 需要） */
  overflow: hidden;
  text-overflow: ellipsis;

  font-size: .1042rem;
  /* 调整行高，使两行刚好在 height 内显示；如果需要可微调 */
  /* line-height: .2344rem; */
  height: .30rem; /* 2 * line-height */
  
  text-align: justify;
}
.hdzx .list .listItem:hover,.hdzx .active{
  background-color: #23b0a1;
  color: #fff;
  border: 1px solid #000;
  cursor: pointer;
}
.hdzx .bigImg{
  cursor: pointer;
  display: block;
  height: 1.849rem;
  width: 3.3333rem;
  border: 2px solid #000;
}




.xmjs{
  width: 6.6406rem;
  box-sizing: border-box;
  height: 4.974rem;
  background: url("../images/xmjs_bg.png");
  background-size: 100% 100%;
            margin: .4rem auto 0;



  overflow: hidden;
}

.xmjs .btnBox{
  width: 100%;
  margin: 1.5625rem auto .5208rem;
}

.xmjs .btnBox .btnItem{
  width: 1.4063rem;
  height: .5208rem;
  background: url("../images/btn-bg.png");
  background-size: 100% 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xmjs .btnBox .active{
  background-image: url("../images/active-btn-bg.png");
}

.xmjs .btnBox .btnItem img{
  height: .1979rem;
  display: block;
  margin-left: .026rem;
}
.xmjs .ztyw{
  width: 5.9115rem;
  margin: 0 auto;
  position: relative;
}
.xmjs .gdBtn{
  font-size: 14px;
  cursor: pointer;
  position: absolute;
  color: #23b0a1;
  right: .0rem;
  bottom: -.15rem;
}
.xmjs .ztyw .imgBox{
  width: 3.2292rem;
  height: 1.901rem;
  cursor: pointer;
  border: 2px solid #000;
  position: relative;
}
.xmjs .ztyw .imgBox .mooter{
  width: 100%;
  height: .3385rem;
  font-size: .1042rem;
  line-height: .3385rem;
  background-color: #23b0a1;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 0 .1042rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xmjs .ztyw .imgBox img{
  width: 100%;
  height: 100%;
}
.xmjs .ztyw .list{
  width: 2.5rem;
  height: 1.901rem;
  overflow-y: auto;
}

.xmjs .ztyw .list p{
  font-size: .1042rem;
  padding: .1042rem;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px dashed #eee;
  cursor: pointer;
}
.xmjs .ztyw .list p:hover,.xmjs .ztyw .list .active{
  background-color: #23b0a1;
  border: 1px solid #000;
  color: #fff;
}


.zwfc{
  width: 6.6406rem;
  box-sizing: border-box;
  height: 8.8021rem;
  background: url("../images/zwfc-bg.png");
  background-size: 100% 100%;
                margin: .4rem auto 0;




  overflow: hidden;
}

.zwfc .xsc{
  margin: 2.8906rem auto 1.33rem;
  width: 3.125rem;
  font-size: .1458rem;
  text-indent: 2em;
  line-height: .2344rem;
}
.zwfc .rwBox{
  width: 5.2083rem;
  height: 2.9688rem;
  margin: 0 auto;
  /* background-color: #23b0a1; */
  flex-wrap: wrap;
  overflow-y: auto;
  justify-content: flex-start;
}
.zwfc a{
  margin-right: .48rem;
}
.zwfc .rwItem{
  width: .9115rem;
  position: relative;
  margin-bottom: .0521rem;
  
}
.zwfc .rwBox a:nth-of-type(4n) {
  margin-right: 0;
}
.zwfc .rwItem .zw{
  width: .651rem;
  height: .2083rem;
  background-image: url("../images/name-bg.png");
  font-size: .0938rem;
  background-size: 100% 100%;
  text-align: center;
  padding-top: .0521rem;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: calc(50% - .3255rem);
}
.zwfc .rwItem .tx{
  width: .9115rem;
  height: .9115rem;
  border: 1px solid #000;
  border-radius: .4427rem;
  margin-top: .0521rem;
}
.zwfc .rwItem .name{
  text-align: center;
  font-size: .1563rem;
  font-weight: 600;
}
.zwfc .rwItem .xx,.zwfc .rwItem .zz{
  font-size: .0729rem;
  text-align: center;
}




.wjhg{
  width: 7.474rem;
  box-sizing: border-box;
              margin: .4rem auto 0;



  overflow: hidden;
}
.wjhg .bigTitle{
  width: 5.7188rem;
  display: block;
  margin-left: 1.6667rem;
}

.wjhg .swiperBox{
  width: 100%;
  align-items: center;
  margin-top: .25rem;
}
.wjhg .swiper-container{
  width: 6.6rem;
}
.wjhg .left,.wjhg .right{
  width: .3125rem;
  height: .4688rem;
  cursor: pointer;
}
.wjhg .right{
  transform: rotate(180deg);
}
.wjhg .swiper-slide{
  cursor: pointer;
  height: 1.4063rem;
  background-image: url("../images/slideBj.png");
  background-size: 97% 95%;
  background-position: bottom right;
  background-repeat: no-repeat;
}
.wjhg .swiper-slide img{
  width: 94%;
  height: 1.25rem;
}
.footer{
  width: 100%;
  height: 1.6rem;
  margin: .2604rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
}
.footer p{
  width: 100%;
  text-align: center;
  line-height: .2083rem;
  font-size: .1042rem;
}