.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 .25rem;
  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 dl dd b{font-weight: bold;font-size: 0.24rem;}
.ecology_sec1 .tab_cont dl dd em{font-weight: bold;font-size: 0.24rem;color: #005bac;font-style: normal;}
.ecology_sec1 .tab_cont li{position: relative; color: #2a2a2a;padding-left: 12px;line-height: 1.8;}
.ecology_sec1 .tab_cont li b{font-weight: bold;font-size: 0.24rem;}
.ecology_sec1 .tab_cont li em{font-weight: bold;font-size: 0.24rem;color: #005bac;font-style: normal;}
.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: 4rem;}
.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 .indexwrap .ecology_tit{
  text-align: center;
  margin-bottom: 0.3rem;
  color: #fff;
}
.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_seleft p b{font-weight: bold;font-size: 0.24rem;}
.ecology_seleft p em{font-weight: bold;font-size: 0.24rem;color: #005bac;font-style: normal;}
.ecology_sec2 .desc{max-height: inherit;line-height: 1.5em}
.ecology_sec2 .desc b{font-weight: bold;font-size: 0.24rem;}
.ecology_sec2 .desc em{font-weight: bold;font-size: 0.24rem;font-style: normal;color: #005bac;}

.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;margin-right: 5px;}
}


/*居左0829*/
.ecology_subtit{text-align: left;text-indent: 2em}
.ecology_subtit p b{font-weight: bold;font-size: 0.24rem;}
.ecology_subtit p em{font-weight: bold;font-size: 0.24rem;color: #005bac;font-style: normal;}

@media only screen and (max-width: 1023px){
  .ecology_seleft p b,.ecology_sec1 .tab_cont dl dd b,.ecology_sec1 .tab_cont li b{font-size: 16px;}
  .ecology_seleft p em,.ecology_sec1 .tab_cont dl dd em,.ecology_sec1 .tab_cont li em{font-size: 16px;}
  .ecology_sec2 .desc b,.ecology_subtit p b{font-size: 16px;}
  .ecology_sec2 .desc em,.ecology_subtit p em{font-size: 16px;}
}


/*20260717*/
.humanity_wrap .ecology_sec1 .ecology_txt .tit{text-align: left;}
.humanity_wrap .ecology_sec1 .tab_cont .item{max-height: 2.8rem;}
.humanity_wrap .ecology_sec1 .ecology_txt{padding-top: 0.8rem;}
.ecology_sec1 .img dl{position: relative;color: #fff;border-radius: 0.3rem;overflow: hidden;}
.ecology_sec1 .img dt{overflow: hidden;position: relative;}
.ecology_sec1 .img dt::after{content:"";position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.35);}
.ecology_sec1 .img dt h3{ padding: 0 0.2rem; position: absolute;left:0;bottom: 0.45rem;width: 100%;z-index: 5;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ecology_sec1 .img dd{position: absolute;top:0;left: 0;width: 100%;height: 100%;padding:0.6rem;padding-top: 1.9rem; visibility: hidden;opacity: 0;}
.ecology_sec1 .img dd h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 0.3rem;}
.ecology_sec1 .img dd p{line-height: 1.375em;/*height: 13.75em;*/overflow: hidden;}
@media only screen and (max-width:1024px) {
.ecology_sec1 .img dd{visibility: visible;opacity: 1;}
.ecology_sec1 .img dt h3{visibility: hidden;opacity: 0;}
}
@media only screen and (max-width:767px) {

}
@media only screen and (min-width:1025px) {
.ecology_sec1 .img dd,.ecology_sec1 .img dt h3{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.ecology_sec1 .img dd{-webkit-transform: translateY(0.5rem); -moz-transform: translateY(0.5rem);-o-transform: translateY(0.5rem);-ms-transform: translateY(0.5rem);transform: translateY(0.5rem);}
.ecology_sec1 .img dl:hover dd{visibility: visible;opacity: 1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.ecology_sec1 .img dl:hover dt h3{visibility: hidden;opacity: 0;-webkit-transform: translateY(0.5rem); -moz-transform: translateY(0.5rem);-o-transform: translateY(0.5rem);-ms-transform: translateY(0.5rem);transform: translateY(0.5rem);}
}


/*文字加粗变色设置*/
 .ecology_sec1 .img dd p b{font-weight: bold;}
 .ecology_sec1 .img dd p em{font-weight: bold;color: #005bac;}