#list-count {
  margin-top: 90px;
  min-height: 600px;

  overflow: hidden;
}
.list-box,
.title-2,
.title-3,
.title-4,
.tltle-5 {
  width: 60%;
  margin: 0 auto;
  padding-bottom: 50px;
}
.title-1 {
  /* height: 650px; */
  padding: 20px 0;
}
.h {
  font-weight: 700;
}
.pp {
  color: #7a7a7a;
}
.title-1-top {
  overflow: hidden;
  text-align: center;
  margin: 50px 0;
}
.title-1-r {
  display: flex;
  align-items: center;
}
.tl-d {
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 20px;
  width: 50%;
}
.r {
  width: 100px;
}
.r-1 {
  width: 130px;
}
.r-2 {
  width: 235px;
}
.t {
  width: 100%;
  border-bottom: 2px solid #3d997a;
  margin-bottom: 20px;
  border-radius: 0 0 0 10px;
}
.t-01 {
  width: 40px;
  background-color: #3d997a;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  border-radius: 7px 7px 0 7px;
}
.box-2 {
  background: url(../img/产品碳足迹/bg.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  padding-bottom: 50px;
  overflow: hidden;
}
.ti2 {
  width: 200px;
  position: relative;
}
.tid {
  background-color: #fff;
  padding: 20px;
  height: 226px;
}
.ti2-i {
  position: absolute;
  left: 20px;
  top: 20px;
}
.t2-r {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.t3 {
  display: flex;
}
.t3-z {
  width: 30%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ti3 {
  display: flex;
  align-items: center;
  margin: 3px 0;
  height: 80px;
}
.ti3-z {
  background-color: #3d997a;
  height: 90px;
  width: 50%;
  line-height: 80px;
  text-align: center;
  border-radius: 10px 0 0px 10px;
}
.ti3-y {
  background-color: #f7f7f7;
  height: 90px;
  width: 100%;
  padding: 10px;
  border-radius: 0px 10px 10px 0;
  padding: 10px 0;
  text-align: center;
}
.t3-y {
  /* display: flex; */
  /* align-items: center; */
  flex: 1;
  h4{
    display: none;
  }
}

.img {
  margin-left: 20px;
  background-color: #f7f7f7;
  padding: 10px;
  border-radius: 10px;
  height: 90px;
}
.t3-box {
  display: flex;
  align-items: center;
  margin: 15px 0;
  justify-content: space-between;
}
h2 {
  margin-top: 0;
}
.box-4 {
  background: url(../img/产品碳足迹/bg\(1\).png);
  overflow: hidden;
}
.title-2-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.p-0 {
  margin: 0 auto;
  text-align: center;
  width: 100px;
}
.i {
  background-color: #fff;
  /* padding-bottom: 10px; */
  box-sizing: border-box;
  height: 200px;
}
.i-i {
  width: 250px;
  height: 150px;
  margin-left: 50px;
}
.title-fot {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
.fot-1 {
  display: flex;
  width: 49%;
}
.fot-z {
  width: 240px;
  /* height: 180px; */
  background-color: #3d997a;
  text-align: center;
  line-height: 246px;
  border-radius: 10px 0 0 10px;
}
.fot-y {
  padding: 20px;
  background-color: #fff;
  /* height: 180px; */
  border-radius: 0px 10px 10px 0px;
}
.fot-y p:nth-child(1) {
  color: #49a082;
}
.title-5-top {
  display: flex;
  align-items: center;
}
.b5-list {
  display: flex;
  justify-content: space-between;
}
.t5-z,
.t5-y {
  width: 50%;
  text-align: center;
  background-color: #f7f7f7;
  height: 50px;
  line-height: 50px;
  border-radius: 20px 20px 0 0;
}
.dd {
  border: 1px solid #3d997a;
  border-bottom: 0;
  background: linear-gradient(#dcece7, #fff);
}

.b5-list {
  padding: 20px;
  margin-top: 50px;
}
.b5-y {
  margin-left: 20px;
}
.b5-y p {
  margin-left: 20px;
  flex: 1;
}
.b5-y span {
  display: inline-block;
  width: 60px;
  height: 50px;
  background-color: #3d997a;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-weight: 800;
  font-size: 16px;
  border-radius: 10px;
}
.b51 {
  display: flex;
  margin-bottom: 20px;
}
.b5-list1 {
  display: flex;
  padding: 20px;
  border: 1px solid #3d997a;
}
.liny {
  flex: 1;
  margin-left: 40px;
}
.lin-top {
  border-bottom: 2px solid #3d997a;
  border-radius: 0 0 0 12px;
}
.lin-top span {
  display: inline-block;
  width: 40%;
  /* height: 40px; */
  background-color: #3d997a;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  border-radius: 10px 10px 0 10px;
}

.uni {
  margin-top: 30px;
}
.uni h3 {
  color: #3d997a;
  font-weight: 700;
}

.mo {
  border: 1px solid #3d997a;
  padding: 20px;
  height: 459px;
}
.dian {
  display: none;
}
.big{
  margin-left: 10px;
  width: 100%;
  height: 100%;
}
.top{
  display: none;
}

@media screen and (max-width: 500px) {
  .list-box{
    margin-top: 120px;
  }
.ps{
  padding: 10px;
}
  .head{
    display: none;
  }
  .top{
    .title{
      height: 100%;
    }
    position: relative;
    display: block;
    margin-top: 13px;
    height: 200px;
  }
.big{
  margin: 0;
  height: 280px;
}
  .mo{
    height: 495px;
  }
  .tltle-5 {
    width: 100%;
    padding: 10px;
  }
  .title-4 {
    width: 100%;
    padding: 10px;
    .p-0 {
      font-size: 12px;
    }
  }
  .t3 {
    padding: 10px;
  }
  .ti3-z {
    width: 100px;
  }
  .title-3 {
    width: 100%;
  }
  .ti3 {
    width: 160px;
  }
  .ti3-y {
    width: 110px;
    margin-left: 10px;
    font-size: 12px;
  }
  .ti3-z {
    display: none;
  }
  .r,
  .r-1,
  .r-2 {
    width: 100%;
  }
  .title-1-r {
    display: block;
    width: 100%;
  }
  .title-1-r img {
    margin-left: 50%;
  }
  .tl-d {
    width: 100%;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .ti2 {
    width: 170px;
  }
  .t2-r {
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    /* justify-content: space-between; */
  }
  .ti2-i {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 20px;
  }
  .t2 {
    width: 50%;
    margin-bottom: 20px;
  }
  .fot-1 {
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
  }
  .fot-y p {
    font-size: 14px;
  }
  .fot-y{
    padding: 10px;
  }
  .fot-z{
    width: 240px;
    height: 200px;
    background-color: #3d997a;
    text-align: center;
    line-height: 200px;
    border-radius: 10px 0 0 10px;
  }
  .b5-list {
    display: block;
    padding: 10px;
    margin: 0;
  }
  .b5-y {
    margin-top: 10px;
    margin-left: 0;
    p {
      margin: 0 0 0 10px;
    }
  }
  .b5-list1 {
    display: block;
  }
  .b51 {
    span {
      width: 40px;
      height: 40px;
      line-height: 40px;
    }
  }
  .linz img {
    margin-left: 5%;
  }
  .liny{
    margin-left:0 ;
  }
  .lin-top span {
    width: 210px;
    margin-top: 20px;
  }
  .title-2 {
    width: 100%;
    padding-left: 10px;
  }
  .i{
    width: 100%;
    margin-bottom: 20px;
  }
  .title-fot{
    display: block;
  }
  .title-2-top{
    display: block;
  }
  .t3-z{
    display: none;
  }
  /* .t3-y{
    h4{
      text-align: center;
      display: block;
    }
  } */
}