.ecology_wrap{
  padding-top: 1.28rem;
}
.ecology_tit{text-align: center;color: #2a2a2a;font-weight: bold;}
.ecology_subtit{text-align: center;margin-top: .3rem;margin-bottom: .55rem;}
.ecology_sec1 .cont{
  display: flex;
  justify-content: space-between;
  margin-top: .6rem;
  padding-bottom: 1.2rem;
}
.ecology_sec1 .ecology_txt{
  width: 46.808%;
  background: #e3e7eb;
  border-radius: 20px;
  overflow: hidden;
  padding: 1.2rem .7rem 0 .8rem;

}
.ecology_sec1 .img{
  width: 51.3677%;
  
}

.ecology_sec1 .ecology_txt .tit{font-weight: bold;margin-bottom: .2rem;}
.ecology_sec1 .ecology_txt .tab_btn{
  overflow: hidden;
  margin-bottom: .25rem;
}
.ecology_sec1 .ecology_txt .tab_btn .btn{
  border: 1px solid #000;
  padding: .16rem .2rem;
  text-align: center;
  margin-right: 10px;
  float: left;
  min-width: 1.87rem;
  border-radius: 40px;
  font-weight: bold;
  margin-bottom: 10px;
  cursor: pointer;
  white-space: nowrap;
}
.ecology_sec1 .ecology_txt .tab_btn .btn.on{
  color: #fff;
  background-color: #005bac;
  border-color: #005bac;
}
.ecology_sec1 .tab_cont dt{font-weight: bold;margin-bottom: 10px;}
.ecology_sec1 .tab_cont dl dd:nth-of-type(1){margin-bottom: .45rem;}
.ecology_sec1 .tab_cont li{position: relative; color: #2a2a2a;padding-left: 12px;line-height: 1.8;}
.ecology_sec1 .tab_cont li::before{
  content: "";
  width: 4px;
  height: 4px;
  background: #2a2a2a;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.ecology_sec1 .tab_cont .item{display: none;max-height: 3.2rem;}
.ecology_sec1 .tab_cont .item.on{display: block;}


.ecology_sec2{
  height: 8.48rem;
  background-position: 0 0;
  background-size: 100% 100%;
}
.ecology_sec2 .indexwrap{
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
}
.ecology_sec2 .cont{
  background-color: #fff;
  width: 46.808%;
  padding: .9rem 1.2rem .6rem 1.08rem;
  border-radius: .2rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
}
.ecology_sec2 .cont .tit{
  font-weight: bold;
  margin-bottom: .2rem;
  max-height: 3em;
  line-height: 1.5;
  overflow: hidden;
  color: #000;
}
.ecology_sec2 .scroll_cont{
  display: flex;
  justify-content: space-between;
  margin-bottom: .3rem;
}
.ecology_sec2 .desc{
  max-height: 3rem;
}
.ecology_sec3{
  padding: 1.2rem 0;
}
.ecology_sec3 .zs_list{padding:0 1rem;position:relative;}
.ecology_sec3 .zs_list .swiper-container{padding-top:10px;}
.ecology_sec3 .zs_list ul{
  /*display: flex;
  flex-wrap: wrap;
   margin-left: -0.31rem;
  margin-right: -0.31rem; */
}
.ecology_sec3 .zs_list .img{
  position: relative;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  overflow: hidden;
  cursor: pointer;
}
.ecology_sec3 .zs_list .img::before{
    content: '\e712';
    font-family: 'iconfont';
    color: #fff;
    font-size: 0.6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    opacity: 0;
    transition: .5s;
}
.ecology_sec3 .zs_list .img::after{
    content: '';
    position: absolute;
    background: #387fbe;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .5s;
}
.ecology_sec3 .zs_list .tit{
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  margin-top: .3rem;
}

.img-popup{
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.img-popup.on {
    display: block;
}

.img-popup .indexwrap {
    height: 100%;
}

.img-popup .close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    font-size: 0.3rem;
    color: #fff;
    cursor: pointer;
}

.img-popup .img-box {
    width: 100%;
    height: 100%;
    display: absolute;
    justify-content: center;
    align-items: center;
    display: flex;
}

.img-popup .img-box img {
    max-width: 90%;
    max-height: 90%;
}


@media screen and (min-width: 768px) {
  .ecology_sec3 .zs_list .img:hover::after {
      opacity: 0.9;
  }

  .ecology_sec3 .zs_list .img:hover::before {
      opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .ecology_sec1 .ecology_txt,
  .ecology_sec2 .cont{
    padding: .5rem;
  }
}
@media screen and (max-width: 768px) {
  .ecology_sec1 .cont{display: block;}
  .ecology_sec1 .ecology_txt,
  .ecology_sec1 .img{
    width: 100%;
  }
  .ecology_sec1 .tab_cont .item{max-height: none !important;}
  .ecology_sec1 .img{margin-top: .6rem;}
  .ecology_sec2 .cont{width: 75%;}
}


.ecology_sec1 .img,.dp01_04 dt,.drive-part02 dt, .drive-part03 dt,.dp01_02 dt{border-radius: 0.3rem;overflow: hidden;}
@media screen and (max-width: 768px) {
 .ecology_sec1 .img,.dp01_04 dt,.drive-part02 dt, .drive-part03 dt,.dp01_02 dt,.ecology_sec1 .ecology_txt{border-radius:20px;}
}


/*变更*/
.ecology_sec2{color: #fff;padding: 0.8rem 0;height: auto;}
.ecology_sec2 .indexwrap{display: block;}
.ecology_sectop{background: rgba(0,0,0,0.32);padding: 0.6rem 0.7rem;padding-bottom: 1.1rem;border-radius: 0.3rem;overflow: hidden;margin-bottom: 0.4rem}
.ecology_seleft{float: left;width: 41%}
.ecology_sec2 .cont{padding: 0;background:none;float: right;width: 43%;    box-shadow: none;}
.ecology_sec2 .cont .tit{color: #fff}
.ecology_seleft h3{line-height: 1.3em;margin-bottom: 0.3rem}
.ecology_seleft p{line-height: 1.5em}
.ecology_sec2 .desc{max-height: inherit;line-height: 1.5em}

.ecology_secbottom{padding: 0 1rem;position: relative;}
.ecology_secbottom li{float: left;text-align: center;}
.ecology_secbottom dt{border-radius: 0.2rem;overflow: hidden;margin-bottom: 0.2rem}
@media screen and (max-width: 768px) {
 .ecology_seleft,.ecology_sec2 .cont{float: none;width: 100%}
 .ecology_seleft{padding-bottom: 30px}
 .ecology_sectop{padding: 20px;margin-bottom: 30px}
  .ecology_sec1 .ecology_txt .tab_btn .btn{padding: 5px 10px}
}


/*居左0829*/
.ecology_subtit{text-align: left;text-indent: 2em}