@media screen and (max-width: 750px) {
  .bannerDiv9 {
    background-size: cover;
  }
}

@media screen and (max-width: 750px) {
  .pcShowFlag {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .mobileShowFlag {
    display: none;
  }
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flexSA {
  justify-content: space-around;
}

.flexSB {
  justify-content: space-between;
}

.flexS {
  justify-content: flex-start;
}

.flexSE {
  justify-content: space-evenly;
}

.flexT {
  align-items: flex-start;
}

.hscj table,
th,
td {
  border: none;
  border-collapse: collapse;
}

.hscj table {
  width: 100%;
}

.hscj th:first-child,
td:first-child {
  vertical-align: top;
  width: 3.5em;
}

.hscj th:last-child,
td:last-child {
  width: auto;
}

/* 定义一个呼吸效果的关键帧 */
@keyframes breathe {
  0% {
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3);
  }

  50% {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.6);
  }

  100% {
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3);
  }
}

/* 应用于想要呼吸的元素 */
.breathing-element {
  border-radius: 50%;
  animation: breathe 2s ease infinite;
}

.keep_width{
  width: 99%;
}

/* 图文自适应布局 */

.hscj .yinying {
  box-shadow: none;
}

.hscj .img_text_box {
  width: 100%;
  display: block;
}

.hscj .img_text_box .img_text_pos {
  width: 100%;
  position: relative;
}


.hscj .img_text_box .img_text_pos a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
  border-radius: 0.2rem;
  overflow: hidden;
}

.hscj .img_text_box .img_text_pos .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(720 / 1440 * 100%);
  position: relative;
  overflow: hidden;
}

.hscj .img_text_box .img_text_pos .imgs .img {
  width: 100%;
  padding-top: 66.66%;
  transition: all ease 0.5s;
}

.hscj .img_text_box .img_text_pos .peom {
  display: inline-block;
  vertical-align: middle;
  width: calc(720 / 1440 * 100%);
  padding: 0.2rem 0.85rem;
}

.hscj .img_text_box .img_text_pos .peom .pc {
  width: 0.51rem;
  height: 0.51rem;
  display: block;
}

.hscj .img_text_box .img_text_pos .peom .pc img {
  width: 100%;
  display: block;
}

.hscj .img_text_box .img_text_pos .peom .xit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin: 0.18rem 0;
}

.hscj .img_text_box .img_text_pos .peom .sinp {
  width: 100%;
  color: #666;
  line-height: 1.75;
  overflow: auto;
  height: auto;
  text-align: justify;
  cursor: pointer;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/
}

.hscj .img_text_box .img_text_pos .peom .sinp p {
  color: #666;
  line-height: 1.75;
}

.hscj .img_text_box .img_text_pos .peom .sinp::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.hscj .img_text_box .img_text_pos .peom .sinp::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 181, 209, 0.8);
  background: rgba(0, 181, 209, 0.8);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.hscj .img_text_box .img_text_pos .peom .sinp::-webkit-scrollbar-track {
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.btn8 {
  margin-top: 15px;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.25rem;
  background-color: var(--themes);
  color: #fff;
  line-height: 3;
  border-radius: 1.5em;
  transition: all ease 0.5s;
  cursor: pointer;
}

.btn8:hover {
  animation: icon-bounce 0.5s alternate;
}

.btn8 img {
  width: 16px;
  display: inline-block;
  margin-left: 5px;
}

.hscj .img_text_box .img_text_pos:hover .imgs .img {
  transform: scale(1.1);
}

.hscj .img_text_box .img_text_pos:hover .peom .pc img {
  filter: grayscale(1000%) brightness(2000%);
}

.hscj .img_text_box .img_text_pos:hover .peom .more .mtn {
  animation: icon-bounce 0.5s alternate;
  background-color: #fff;
  color: var(--themes);
}

.hscj .img_text_box .img_text_pos:hover .peom .more .mtn span img:first-child {
  display: none;
}

.hscj .img_text_box .img_text_pos:hover .peom .more .mtn span img:last-child {
  display: block;
}

.hscj .img_text_box .img_text_pos+.img_text_pos {
  margin-top: 0.7rem;
}

.hscj .img_text_box .img_text_pos:nth-child(2n) a {
  flex-direction: row-reverse;
}

.hscj .expandBox {
  width: 100%;
  border-top: 9px solid #4ECBE0;
  background-color: #fff;
  border-radius: 10px;
  padding: 3.4vw 4.5vw 2vw 4.5vw;
  box-shadow: 0px 2px 20px 0px #0000001A;
  display: none;
}

.hscj .expandBox .expandBox_title {
  margin-bottom: 1vw;
}

.hscj .expandBox .hauto {
  color: #666;
  line-height: 1.75;
}

.hscj .eb_lt {
  font-weight: 600;
  color: #00B5D1;
  margin-top: 2.2vw;
  margin-bottom: 1vw;
}

.hscj .sb-supplement {
  font-weight: 400;
  color: #666;
  line-height: 1.75;
}

.hscj .FJCompany img {
  margin-top: 1.4vw;
  width: 100%;
  display: block;
  margin-bottom: 2vw;
}

.hscj .retract {
  /* margin-left: 50%;
  transform: translateX(-50%); */
}

.hscj .GZCompany {
  margin-bottom: 4vw;
  margin-top: 1vw;
}

.hscj .GZCompany .FJImg {
  width: 17vw;
  height: 14.1vw;
  position: relative;
  cursor: pointer;
}

.hscj .GZCompany .FJImg img {
  width: 100%;
  height: 100%;
  display: block;
}

.hscj .FJImgPitch::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #02B5D2 0%, rgba(78, 203, 224, 0) 45%);
}

.hscj .FJImgPitch::after {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 28px solid transparent;
  border-right: 28px solid transparent;
  border-top: 26px solid #00B5D1;
  /* 顶部，设置为所需的颜色 */
}

.advantage8 {
  display: none;
  margin-bottom: 1.4vw;
}

.hscj .advantage8 .advantage8-list {
  width: 100%;
  height: 5.55vw;
  margin-bottom: 4px;
  padding-right: 3vw;
  background: linear-gradient(90deg, #EDF9FC 55.88%, #EDF9FC 100%);
}

.hscj .advantage8 .advantage8-list .advantage8-title {
  font-weight: 600;
  color: #16AAC2;
  width: 13vw;
  position: relative;
}

.hscj .advantage8 .advantage8-list .advantage8-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #16AAC2;
}

@media screen and (max-width: 750px) {
  .hscj .advantage8 .advantage8-list {
    height: auto;
    min-height: 20vw;
    display: flex;
  }

  .hscj .advantage8 .advantage8-list .advantage8-title {
    font-size: 3vw;
    flex: 2;
  }

  .hscj .advantage8 .advantage8-list .advantage8-text {
    font-size: 3vw;
    flex: 5;
  }

}

.hscj .advantage8 .advantage8-list .advantage8-text {
  font-weight: 400;
  color: #333;
  width: 42.6vw;
}

.other .otherImg {
  width: 100%;
  display: block;
}

.other .synopsis {
  width: 100%;
  font-weight: 600;
  margin-bottom: 1.5vw;
}

@media screen and (max-width: 750px) {
  .other .synopsis {
    line-height: 1.5;
    display: flex;
    flex-wrap: wrap;

  }

  .other .synopsis div {
    box-sizing: border-box;
    min-width: 30vw;
    text-align: center;
  }
}

.otherTextDiv {
  line-height: 1.75;
}

.otherTextTitle {
  font-weight: bold;
}

.otherTextCon {
  margin-bottom: 2vw;
}

.otherTextCon .otherAddress span {
  margin: 0 8vw;
}

.otherTextCon .otherAddress .sp1 {
  margin: 0 8vw;
  padding-left: 1em;
}

.otherTextCon .otherAddress .sp2 {
  margin: 0 5vw;
}

.otherTextCon .otherAddress .sp3 {
  margin: 0 1vw;
}

.otherTextCon .otherAddress .pl2em {
  margin: 0;
  padding-left: 2em;
}

.otherTextCon .otherAddress .pl3em {
  margin: 0;
  padding-left: 3em;
}

.otherAddress_mobile {
  display: flex;
  justify-content: space-between;
}

.otherAddress_mobile a {
  color: rgb(0, 181, 209);
  cursor: pointer;
  transition: all ease 1s;
  font-size: larger;
  animation: icon-bounce 1s infinite alternate;
}

.otherAddress_mobile .network {
  flex: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
}

.otherAddress_mobile .networkType {
  flex: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
}

.otherAddress_mobile .address {
  flex: 3;
  display: none;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.other .dn {
  display: none;
}

.other .db {
  display: block;
}

.recycleService .img {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.recycleService .img .bg {
  display: flex;
  transition: all 1s ease;
  height: 100%;
}

.recycleService .img .title {
  color: #fff;
  position: absolute;
  left: calc(10%);
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.recycleService .img .title .nav {
  user-select: none;
  margin-top: 1vw;
  margin-left: 0.5vw;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0.2em;
  width: 5vw;
  gap: 0.3vw;
}
.recycleService .img .title .nav span {
  cursor: pointer;
  background-color: #666;
  flex: 1 0 calc(50% - 0.3vw);
  transition: all 0.5s ease;
  height: 100%;
}
.recycleService .img .title .nav span.active{
  background-color: #fff;
  flex: 1 0 calc(70% - 0.3vw);
}

.recycleService .data {
  position: relative;
  left: calc(50%);
  transform: translateX(-50%);
  width: 99.3vw;
  background: #F7F7F7;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3vw;
}
.recycleService .data .group{
  width: 62.5%;
  overflow: hidden;
  box-sizing: border-box;
}
.recycleService .data .data-nav {
  transition: all 1s ease;
}

.recycleService .data .Top {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  /* 允许子元素换行 */
  gap: 1vw;
  column-gap:3vw;
  margin-bottom: 2vw;
}

.recycleService .data .Top .item {
  flex: 0 0 calc(33% - 3vw);
  line-height: 3vw;
}

.recycleService .data .Top .item .s16 {
  align-self: stretch;
  color: #6f6f6f;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: ;
}
.recycleService .data .Top1 {
  margin-bottom: 2vw;
}

.recycleService .data .Top1 .item {
  flex: 0 0 calc(33% - 3vw);
  line-height: 3vw;
}

.recycleService .data .Top1 .item .s16 {
  color: #828282;
  font-family: "PingFang SC";
  font-weight: 400;
  line-height: 24px;
}
.recycleService .data .item .s16{
  color: #828282;
  font-family: "PingFang SC";
  font-weight: 400;
  line-height: 24px;
  text-align: justify;
  letter-spacing: 1.3px;
}

.recycleService .data .bottom {
  max-height:0;
  overflow: hidden;
  transition: all 1s ease;
}

.recycleService .data .bottom .item .list {
  color: #828282;
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 0vw;
  column-gap:3vw;
}

.recycleService .data .bottom .item .list .list-title {
  color: #000;
  margin-top: 1.7vw;
  margin-bottom: 1vw;
}
.recycleService .data .bottom1 {
  height: 100%;
  transition: all 1s ease;
}
.recycleService .data .bottom1 .item .list {
  color: #828282;
  font-family: monospace;

}

.recycleService .data .bottom1 .item .list .list-title {
  color: #000;
  line-height: 3vw;
}
.recycleService .data .button{
  margin:2vw auto;
  border-radius: 999px;
  border:0.05em solid #000;
  padding: 0.4vw 1.2vw;
  cursor: pointer;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.recycle {
  text-align: center;
}

.recycle #recycle-list .item {
  padding: 0.6vw 1vw;
  display: flex;
  justify-content: space-between;
  align-items: start;
  text-wrap: nowrap;
}

.recycle #recycle-list .item p {
  flex: 0 0 33%;
}

.recycle #recycle-list .item:nth-child(2n+1) {
  background: #F7F7F7;
}

.recycle .button {
  user-select: none;
  cursor: pointer;
  margin-top: 3vw;
  display: inline-block;
  padding: 0.4vw 1.2vw;
  border:0.1em solid #000;
  border-radius: 99vw;
  text-align: center;
}
/* 移动端1280px */
/* #asd1234 {
    --base-font-size: clamp(12px, 0.833vw + 0.1rem, 24px);
    font-size: var(--base-font-size) !important;
} */
.yd-bannerDiv9{
  position: relative;
}
.yd-bannerDiv9-cn{
  text-align: center;
  transform: scale(1.3);
  font-weight: bold;
}
.yd-bannerDiv9 .img{
  width: 100%;
}

.yd-bannerDiv9 .yd-bannerTitle{
  width: 100%;
  padding: 5vw;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}
.yd-bannerDiv9 .yd-bannerTitle .title{
  font-size: 0.55rem;
  margin-bottom: 0.35em;
}
.yd-recycleService .item .img{
  position: relative;
  overflow: hidden;
}
.yd-recycleService .item .img .bg{
  transition: all 1s ease;
  display: flex;
}

.yd-recycleService .item .img img{
  width: 100%;
}

.yd-recycleService .item .img .desc{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 4em;
}
.yd-recycleService .item .img .desc .title{
  text-wrap: nowrap;
  transform: scale(1.2);
}
.yd-recycleService .item .img .desc .title1{
  text-wrap: nowrap;
  transform: scale(1.2);
}
.yd-recycleService .item .img .desc .nav{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15vw;
  height: 0.25em;
  gap: 0.5em;
  position: absolute;
  bottom: -8em;
}
.yd-recycleService .item .img .desc .nav span{
  cursor: pointer;
  background-color: #666;
  flex: 1 0 calc(50% - 0.3vw);
  transition: all 0.5s ease;
  height: 100%;
}
.yd-recycleService .item .img .desc .nav span.active{
  background-color: #fff;
  flex: 1 0 calc(70% - 0.3vw);
}
.yd-recycleService .item .content{
  padding: 15vw 10vw;
  padding-bottom: 0;
  transition: all 1s ease;
  overflow: hidden;
}
.yd-recycleService .item .content .title{
  font-weight: bold;
  margin-bottom: 1em;
}
.yd-recycleService .item .content  .title span{
  color: #666;
  display: block;
}
.yd-recycleService .item .content li{
  margin-bottom: 5vw;
}
.yd-recycleService .item .content .text{
  color: #6f6f6f;
}
.yd-recycleService .item .content .text ul{
  margin-left: 1em;
  width: calc(100% - 1em);
  list-style-type: disc;
}
.yd-recycleService .item .content:nth-child(3){
  max-height: 0;
}

.yd-recycleService .item .content1{
  display: flex;
  transition: all 1s ease;
  width: 100%;
}
.yd-recycleService .item .content1 .item{
  width: 100%;
  flex-shrink: 0;
  font-family: monospace;
}
.yd-recycleService .item .button {
  transition: all 1s ease;
  user-select: none;
  cursor: pointer;
  display: inline-block;
  padding: 0.4em 1.5em;
  margin-top: -2em;
  margin-bottom: 2em;
  border:1px solid #000;
  border-radius: 99vw;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.yd-recycle{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.yd-recycle .list .item{
  display: flex;
  justify-content:center;
  align-items: center;
  padding: 5vw;
}
.yd-recycle .list .item div{
  flex: 0 0 50%;
  color: #666;
}
.yd-recycle .list .item .title{
  font-weight: bold;
  color: #000;
}
.yd-recycle .list .item:nth-child(2n+2){
  background: #F7F7F7;
}
.yd-recycle .button{
  border: 1px solid #000;
  border-radius: 999px;
  padding: 0.4em 1.5em;
  margin-top: 2em;
}