.ywzt-title,
.ywzt-title2{
  width: 100%;
  background-color: #e9f4fc;
  padding: 0 20px 0 25px;
  color: #2660a7;
  font-weight: bold;
  font-size: 22px;
  line-height: 2;
  border-bottom: 1px solid #406bad;
  position: relative;
}
.ywzt-title::before,
.ywzt-title2::before{
  display: block;
  content: "";
  position: absolute;
  width: 5px;
  height: 22px;
  background-color: #2660a7;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.ywzt-title2{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ywzt-title2 span{
  flex: 1;
  padding-right: 20px;
}
.ywzt-title-more{
  font-weight: bold;
  font-size: 14px;
}

.ywzt-con{
  border: 1px solid #d2e9f9;
  padding: 15px 20px;
  line-height: 2;

}
.ywzt-con p,
.ywzt-con span{
  font-size: 16px!important;
}
.ywzt-one{
  margin-bottom: 30px;
}
.ywzt-one-left{
  width: 260px;
}
.one-left-con{
  min-height: 212px;
}
.ywzt-one-right{
  width: 910px;
}
.one-right-con{
  display: flex;


  /* align-items: center; */
}
.one-right-con img{
  width: 270px;
  margin-right: 30px;
  height: 180px;
}
.ywzt-two{
  margin-bottom: 30px;
}
.ywzt-two-con li {
  display: flex;
  align-items: center;
}
.ywzt-two-con li i{
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #d2e9f9;
  margin-right: 10px;
  
}
.ywzt-two-con li p{
  flex: 1;
  width: 95%;
}
.ywzt-three{
  margin-bottom: 30px;
}
.ywzt-three-left{
  width: 570px;
}
.three-left-con{
  display: flex;
  /* align-items: center;
  justify-content: space-between; */
  height: 220px;

}
.three-left-con li{
  border: 1px solid #d2e9f9;
  padding: 10px 20px;
  width: calc((100% - 22px ) / 3);
  height: 100%;
  margin-right: 10px;
  text-align: center;
  background-image: linear-gradient(#fff,#e6f2fb);
}
.three-left-con li:nth-of-type(3n){
  margin-right: 0px;
}
.ywzt-three-right{
  width: 600px;
}
.three-right-con{
  height: 220px;
}
.ywzt-tab{
  display: flex;
  align-items: center;
  justify-content: center;
}
.ywzt-tab li{
  margin-right: 20px;
  background-color: #e8f4fc;
  border-radius: 10px;
  width: 45%;
  text-align: center;
  font-weight: bold;
  color: #aabbcc;
  cursor: pointer;
  font-size: 18px;

}
.ywzt-tab li:last-of-type{
  margin-right: 0;
}
.ywzt-tab li.active{
  background-color: #d2e9f9;
  color: #2660a7;
}


.ywzt2-one{
  margin-bottom: 30px;
}
.ywzt2-one-item{
  display: flex;
  /* align-items: center; */
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.ywzt2-one-item .one-item-img{
  width: 30%;
  margin-right: 30px;
  position: relative;
}
.one-item-img  img{
  width: 100%;
  height: 260px;

}
.one-item-img .img-frame{
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.ywzt2-one-item .one-item-right{
  width: 65%;
  flex: 1;
}
.ywzt2-one .one-item-title{
  width: auto;
  display: inline-block;
  font-size: 20px!important;
  color: #2660a7;
  font-weight: bold;
  background-image:  url(ylgl_titlebg.png);
  padding: 0 10px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-width: 190px;
}
.ywzt2-one .one-item-title.mshow{
  display: none;
}
.one-item-more{
  position: absolute;
  right: 20px;
  bottom: 0;
  color: #2660a7;
}
.ywzt2-one-item:last-of-type{
  margin-bottom: 15px;
}
.ywzt2-two{
  margin-bottom: 30px;
}
.ywzt2-two-con .ywzt-tab li{
  width: 25%;
}
.ywzt-two-ul{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ywzt-two-ul li{
  width: 50%;
  padding-right: 20px;
}
.ywzt2-three{
  margin-bottom: 30px;
}
.ywzt2-three-left{
  width: 800px;
}
.ywzt2-three-right{
  width: 370px;
}
.ywzt2-three-right img{
  width: 100%;
  height: 173px;
}
/* 供热管理 */
.ywzt3-one{
  margin-bottom: 30px;
}
.ywzt3-one-left{
  width: 460px;
  position: relative;
  margin-top: 5px;
  background-color: #e9f4fc;
  height: 275px;
}
.ywzt3-one-left img{
  position: absolute;
  width: 100%;
  top: -5px;
  left: 15px;
  height: 272px;
}
.ywzt3-one-right{
  width: 700px;
}
.ywzt3-one-con{
  height: 235px;

}
.ywzt3-three-con{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.ywzt3-three-con li{
  width: 33%;
  padding-right: 20px;
}
.ywzt3-three-con:nth-of-type(3n){
  padding-right: 0;
}
.ywzt3-four-left{
  width: 470px;
}

.ywzt3-four-box li{
  margin-bottom: 10px;
  border: 1px solid #d2e9f9;
  padding: 10px 10px;
  text-align: center;
  background-image: linear-gradient(#fff,#e6f2fb);
}
.ywzt-four-right{
  width: 700px;
}
.ywzt3-four-btn{
  width: 40%;
  margin-top: 12px;
  display: inline-block;
  background-color: #2660a7;
  color: #fff;
  text-align: center;
  padding: 10px;
}
.ywzt4-one-con{
  position: relative;
  height: 235px;
}
.ywzt-con-more{
  color: #2660a7;
  font-size: 14px;
  position: absolute;
  right: 20px;
  bottom: 15px;
}

/* 垃圾管理 */
.ywzt4-two-left{
  width: 585px;
}
.ywzt4-two-flzs{
  width: 100%;
  padding: 15px 0;
}
.ywzt4-two-left .new_demo{
  position: relative;
  height: 270px;
  padding: 10px 0;

}
.new_demo .carousel-inner li{
  position: absolute;
  height: 250px;
  width: 450px;
}
.new_demo .carousel-inner li a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.new_demo .carousel-inner li img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new_demo .carousel-inner li p{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 5px 20px;
  color: #fff;
  background-color: rgba(0,0,0,0.5);
  

}
.new_demo .carousel-control{
  position: absolute;
  top: 50%;
  background-color: rgba(0,0,0,0.4);
  padding: 5px ;
  transform: translateY(-50%);
}
.new_demo .carousel-control img{
  height: 40px;
}
.new_demo .carousel-control.left{
  left: 22px;
}
.new_demo .carousel-control.right{
  right: 22px;
}

.ywzt4-two-right{
  width: 585px;
}
.ywzt4-two-vedio{
}
.ywzt4-vedio-box{
  position: relative;
  width: 90%;
  display: block;
  margin:0 auto ;
  padding: 10px 0;
}
.ywzt4-two-vedio img{
  height: 250px;
  width: 100%;
 
}
.ywzt4-two-vedio p{
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 5px 20px;
  color: #fff;
  background-color: rgba(0,0,0,0.5);
}

/* 燃气 */
.ywzt5-two-con{
  /* display: flex;
  align-items: center;
  flex-wrap: wrap; */
}
.ywzt5-two-con .bd .rqaq-list{
  overflow: hidden;
}
.ywzt5-two-con .ywzt5-two-box{
  width: 275px;
  margin-right: 20px;
  height: 150px;
  position: relative;
  display: block;
  float: left;
}
/* .ywzt5-two-con .ywzt5-two-box:nth-of-type(4n){
  margin-right: 0;
} */
.ywzt5-two-con .ywzt5-two-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ywzt5-two-con .ywzt5-two-box p{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 5px 20px;
  color: #fff;
  background-color: rgba(0,0,0,0.5);
}
.ywzt5-three-left{
  width: 670px;
}
.ywzt5-three-box li{
  margin-bottom: 11px;
  border: 1px solid #d2e9f9;
  padding: 15px 10px;
  text-align: center;
  background-image: linear-gradient(#fff,#e6f2fb);
}
.ywzt5-three-right{
  width: 500px;
}

/* 道桥管理 */
.ywzt6-three-con{
  /* display: flex;
  align-items: center;
  flex-wrap: wrap; */
  min-height: 280px;
  position: relative;
}
.ywzt6-three-con li{
  width: calc((100% - 31px ) / 3);
  margin-right: 15px;
  height: 250px;
  float: left;
}
.ywzt6-three-con li:nth-of-type(3n){
  /* margin-right: 0; */
}
.ywzt6-three-con li img{
  width: 100%;
  height: 100%;
}
.ywzt6-three-con .btn{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ywzt6-three-con .btn img{
  width: 15px;
}
.ywzt6-three-con .prev{
  left: 2px;
}
.ywzt6-three-con .next{
  right: 2px;
}
/* 环境卫生 */
.ywzt7-two{
  
}
.ywzt7-two .ywzt7-two-left .ywzt-con{
  height: 224px;
}
.ywzt7-two-left{
  width: 670px;
}
.ywzt7-two-right{
  width: 500px;
}
.ywzt7-two-con li{
  margin-bottom: 10px;
  border: 1px solid #d2e9f9;
  padding: 10px 10px;
  text-align: center;
  background-image: linear-gradient(#fff,#e6f2fb);
}
.ywzt7-three{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ywzt7-three-left{
  width: 900px;

}
.ywzt7-three-con{
  display: flex;
  flex-wrap: wrap;
}
.ywzt7-three-con li{
  width: 50%;
  padding-right: 20px;
  display: flex;
  align-items: center;
}
.ywzt7-three-con li i{
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #d2e9f9;
  margin-right: 5px;

}
.ywzt7-three-con li p{
  flex: 1;
}
.ywzt7-three-right{
  width: 270px;
  padding:15px 20px;
  text-align: center;
  border: 1px solid #d2e9f9;
}
.ywzt7-three-right img {
  width: 130px;
  height: 130px;
  display: block;
  margin: 0 auto 12px auto;
}
.ywzt7-three-right span{
  padding: 5px;
  display: inline-block;
  background-color: #dbf7fe;
  border-radius: 20px;
  position: relative;
  
}
.ywzt7-three-right span::before{
  position: absolute;
  content: '';
  display: block;
   width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent transparent #dbf7fe transparent;
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -15px;
}

/* 市容景观 */
.ywzt8-gk-item p{
  margin-top: 10px;
  margin-bottom: 10px;
}
.ywzt8-three-left{
  width: 670px;
}
.ywzt8-three-con{
  min-height: 256px;
}
.ywzt8-three-con li{
  display: flex;
  /* align-items: center; */

}
.ywzt8-three-con li i{
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #d2e9f9;
  margin-right: 5px;
  margin-top: 11px;
}
.ywzt8-three-con li p{
  flex: 1;
}
.ywzt8-three-right{
  width: 500px;
}
/* 园林建设 */
.ywzt9-one-left{
  width: 470px;
}
.ywzt9-one-left img{
  width: 100%;
  height: 190px;
}
.ywzt9-one-right{
  width: 660px;
}
.ywzt9-two-left{
  width: 585px;
}

.ywzt9-zcwj-con li{
  margin-bottom: 11px;
  border: 1px solid #d2e9f9;
  padding: 15px 10px;
  text-align: center;
  background-image: linear-gradient(#fff,#e6f2fb);
  line-height: normal;
}
.ywzt9-two-right{
  width: 585px;
}
.ywzt9-two-box li{
  border-bottom: 1px dashed #e5e5e5;
  padding: 10px 20px 10px 0;
}
.ywzt9-two-box li a{
  display: block;
  width: 100%;
}
.ywzt9-two-box li:hover{
  cursor: pointer;
}
.ywzt9-two-box li:last-of-type{
  border-bottom: none;
  padding-bottom: 1px;
}
.ywzt9-three-con .ywzt-tab li{
  width: 25%;
}
/* 行政执法 */
.ywzt-two-title{
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: bold;
  color: #2660a7;
  text-align: center;
  position: relative;
}
.ywzt10-two-box{
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
}
.xzzf-item{
  width: calc((100% - 121px) / 5);
  margin-right: 30px;
}
.xzzf-item:last-of-type{
  margin-right: 0;
}
.xzfg-item-top img{
  width: 100%;
  height: 135px;
}
.xzzf-item p{
  text-align: center;
  padding: 5px 10px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #f7f7f7;
}
.xzzf-item:hover p{
  background-color: #fff;
  border-bottom: 1px solid #97c8ff;
}

.ywzt10-three-left{
  width: 585px;
}
.ywzt10-three-right{
  width: 585px;
}
.ywzt10-three-con{
  /* padding: 20px 0;
  display: flex;
  flex-wrap: wrap; */
  width: 100%;
  margin-top: 10px;
}
.ywzt10-three-con li{
  /* width: 50%; */
  /* padding-right: 30px; */
}
/* .ywzt10-three-con li:nth-of-type(2n){
  padding-right: 0;
} */
.ywzt10-three-con li a{
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #e5e5e5;
  justify-content: space-between;

}
.ywzt10-three-con li a p{
  width: 80%;
  flex: 1;
  padding-right: 30px;
}
.ywzt10-three-con li a:hover p{
  color: #2660a7;
}
.ywzt10-three-con li a span{
  color: #999;
  padding: 12px;
}
.ywzt10-four-left{
  width: 510px;
}

.ywzt10-four-right{
  width: 660px;
}
.ywzt10-zfxc-box{
  position: relative;
  height: 258px;
  margin-top: 20px;
  display: block;
}
.ywzt10-zfxc-box .zfxc-img{
  width: 100%;
  height: 100%;
}

.ywzt10-zfxc-box .zfxc-icon{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.ywzt10-four-con li{
  margin-bottom: 18px;
  border: 1px solid #d2e9f9;
  padding: 15px 10px;
  text-align: center;
  background-image: linear-gradient(#fff,#e6f2fb);
}










/* 移动端 */
@media screen and (max-width: 1200px) {
  .page-ywzt .page-content{
    padding: 0 10px;
  }
  .ywzt-one-left{
    width: 100%;
    margin-bottom: 30px;
  }
  .one-item-title{
    /* width: 100%; */
    margin: 0 auto;
    background: none;
  }
  .one-left-con{
    min-height: auto;
  }
  .ywzt-one-right{
    width: 100%;
  }
  .one-right-con{
    flex-wrap: wrap;
  }
  .one-right-con img{
    margin-right: 0;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .ywzt-two-ul li{
    width: 100%;
    padding-right: 0;
  }
  .ywzt-three-left{
    width: 100%;
    margin-bottom: 30px;
  }
  .three-left-con{
    flex-wrap: wrap;
    height: auto;
  }
  .three-left-con li{
    width: 100%;
    margin-right: 0;
    height: auto;
    margin-bottom: 10px;
  }
  .ywzt-three-right{
    width: 100%;
  }
  .three-right-con{
    height: auto;
  }
  .page-ywzt2 .page-content{
    padding:  0 10px;
  }
  .ywzt2-one-item{
    flex-wrap: wrap;
    padding-bottom: 40px;
  }
  .ywzt2-one .one-item-title.mhide{
    display: none;
  }
  .ywzt2-one .one-item-title.mshow{
    display: block;
  }
  .ywzt2-one-item .one-item-img{
    width: 100%;
    margin:  10px auto;
    text-align: center;
  }
  .one-item-img img{
    width: 80%;

  }
  .one-item-img .img-frame{
    left: 10%;
  }
  .ywzt2-one-item .one-item-right{
    width: 100%;
    flex: auto;
  }
  .ywzt2-two-con  .ywzt-tab{
    flex-wrap: wrap;
  }
  .ywzt-tab{
    flex-wrap:wrap ;
  }
  .ywzt2-two-con .ywzt-tab li{
    width: 100%;
  }
   .ywzt-tab li{
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
    /* line-height: normal; */
    
  }

  .ywzt2-three-left{
    width: 100%;
    margin-bottom: 30px;
  }
  .ywzt2-three-right{
    width: 100%;
  }



  /* 供热 */

  .page-ywzt3 .page-content{
    padding: 0 10px;
  }
  .ywzt3-one-left{
    width: 100%;
    padding: 10px;
    margin-bottom: 30px;
    text-align: center;
  }
  .ywzt3-one-left img{
    position: static;
    width: 100%;
    height: 100%;
  }
  .ywzt3-one-right{
    width: 100%;
  }
  .ywzt3-one-con{
    height: auto;
  }
  .ywzt3-three-con li{
    width: 100%;
    padding-right: 0;
  }
  .ywzt3-four-left{
    width: 100%;
    margin-bottom: 30px;
  }
  .ywzt-four-right{
    width: 100%;
  }
  .ywzt3-four-btn{
    width: 60%;
  }

  
  /* 垃圾分类 */
  .page-ywzt4 .page-content{
    padding: 0 10px;
  }
  .ywzt4-one-con{
    height: auto;
  }
  .ywzt4-two-left{
    width: 100%;
    margin-bottom: 30px;
  }
  .ywzt4-two-left .new_demo{
    height: 220px;
  }
  .new_demo .carousel-inner li{
    width: 70%;
    height: 200px;
  }
  .new_demo .carousel-control.right{
    right: 12px;
  }
  .new_demo .carousel-control.left{
    left: 12px;
  }
  .ywzt4-two-right{
    width: 100%;
  }
  /* 燃气 */
  .page-ywzt5 .page-content{
    padding: 0 10px;
  }
  .ywzt5-two-con .ywzt5-two-box{
    width: 100%;
    margin-right: 0;
  }
  .ywzt5-three-left{
    width: 100%;
    margin-bottom: 30px;
  }
  .ywzt5-three-right{
    width: 100%;
  }

  /* 道桥管理 */
  .page-ywzt6 .page-content{
    padding: 0 10px;
  }
  .ywzt6-three-con li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }

  /* 环境卫生 */
  .page-ywzt7 .page-content{
    padding: 0 10px;
  }
  .ywzt7-two-left{
    width: 100%;
    margin-bottom: 30px;
  }
  .ywzt7-two .ywzt7-two-left .ywzt-con{
    height: auto;
  }
  .ywzt7-two-right{
    width: 100%;
  }
  .ywzt7-three-left{
    width: 100%;
    margin-bottom: 30px;
  }
  .ywzt7-three-con li{
    width: 100%;
    padding-right: 0;
  }
  .ywzt7-three-right{
    width: 60%;
    margin-right: 20%;
  }

  /* 市容景观 */
  .page-ywzt8 .page-content{
    padding: 0 10px;
  }
  .ywzt8-three-left{
    width: 100%;
    margin-bottom: 30px;
  }
  .ywzt8-three-right{
    width: 100%;
  }
  .ywzt8-three-con{
    min-height: auto;
  }
  /* 园林建设 */
   .page-ywzt9 .page-content{
    padding: 0 10px;
  }
  .ywzt9-one-left{
    width: 100%;
    margin-bottom: 30px;
  }
  .ywzt9-one-right{
    width: 100%;
  }
  .ywzt9-two-left{
    width: 100%;
    margin-bottom: 30px;
  }
  .ywzt9-two-right{
    width: 100%;
  }
  .ywzt9-three-con .ywzt-tab li{
    width: 100%;
  }

  /* 综合执法 */
  .page-ywzt10 .page-content{
    padding: 0 10px;
  }
  .ywzt-two-title img{
    width: 100%;
  }
  .ywzt10-two-box{
    flex-wrap: wrap;
  }
  .xzzf-item{
    width: calc((100% - 22px) /2);
    margin-right: 20px;
    margin-bottom: 15px;
  }
  .xzzf-item:nth-of-type(2n){
    margin-right: 0;
  }

  .ywzt10-three-left{
    width: 100%;
    margin-bottom: 30px;
  }
  .ywzt10-three-right{
    width: 100%;
  }
  .ywzt10-four-left{
    width: 100%;
    margin-bottom: 30px;
  }
  .ywzt10-four-right{
    width: 100%;
  }
  
}