@charset "UTF-8";

.nybanner img {
  height: 7.8rem;
}
.banmore {
  background: #FE5B1A;
}
.nybannertxt{
  position: absolute; 
  top: 1.42rem;
  width: 8.61rem;
}
.nybannertxt h3{
  color: #363636;
}
.nybannertxt .header-desc{
  font-size: 0.2rem;
  color: #363636;
  line-height: 0.4rem;
  margin-top: 0.27rem;
  margin-bottom: 0.36rem;
}
.nybannertxt .header-title {
  padding-bottom: 0.4rem;
  position: relative;
}
.nybannertxt .header-title::after {
  content: "";
  position: absolute;
  width: 0.92rem;
  bottom: 0;
  height: 0.06rem;
  background: #FE5B1A;
}

/* Unnested easesearch_list */
.easesearch_list li {
  padding: 0.5rem 0;
}
.easesearch_list li:nth-child(even) {
  background: #F8F8F8;
}

/* Unnested li-item */
.li-item .links-btn {
  text-align: center;
  margin-top: 0.4rem;
}

/* Unnested li-item-content */
.li-item-content {
  text-align: center;
}
.li-item-content .gtwenzi p {
  text-align: center;
  margin: 0;
}

.li-item-imgs {
  width: auto;
  display: flex;
}

.li-item-content h3 {
  font-family: Alibaba-PuHuiTi-B;
  font-weight: bold;
  font-size: 0.5rem;
  color: #555555;
  line-height: 1;
}

/* Unnested imgs.scale */
.imgs.scale {
  position: relative;
  transition: transform .3s;
}
.imgs.scale:hover {
  transform: scale(1.05);
  transition: transform .3s;
}

.imgs.scale.scale_1 .scale_1_1 {
  width: 5.74rem;
}
.imgs.scale.scale_1 .scale_1_2 {
  width: 8.06rem;
}

.imgs.scale.scale_2 {
  margin-bottom: 1.68rem;
}
.imgs.scale.scale_2 .scale_2_1 {
  width: 11.79rem;
}
.imgs.scale.scale_2 .scale_2_2 {
  position: absolute;
  right: 0;
  bottom: -1.68rem;
  width: 9.37rem;
}

.imgs.scale.scale_3 .scale_3_2 {
  width: 13.92rem;
}

.imgs.scale.scale_4 {
  margin-bottom: 1.39rem;
}
.imgs.scale.scale_4 .scale_4_1 {
  width: 10.26rem;
}
.imgs.scale.scale_4 .scale_4_2 {
  position: absolute;
  left: 1.13rem;
  bottom: -1.39rem;
  width: 10.26rem;
}
.imgs.scale.scale_4 .scale_4_3 {
  position: absolute;
  right: 0;
  bottom: 0.93rem;
  width: 8.78rem;
}

.imgs.scale.scale_5 {
  justify-content: center;
}
.imgs.scale.scale_5 .scale_5_1 {
  width: 10.09rem;
}


/* Responsive Web Design Additions */
@media screen and (max-width: 1024px) {
  .nybanner img {
    height: 5.5rem;
    object-fit: cover;
  }
  .nybannertxt {
    top: 1rem;
    width: 6rem;
  }
  .easesearch_list li {
    padding: 1rem 0;
  }
  .imgs.scale.scale_2 { margin-bottom: 0; }
  .imgs.scale.scale_4 { margin-bottom: 0; }
  .imgs.scale.scale_4 .scale_4_2, 
  .imgs.scale.scale_4 .scale_4_3, 
  .imgs.scale.scale_2 .scale_2_2 {
    position: static;
  }
  .li-item-imgs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .imgs.scale img {
    position: static !important;
    width: auto;
    max-width: 95%;
    margin-top: 0.2rem;
  }
}

@media screen and (max-width: 768px) {
  .nybanner {
    display: flex;
    flex-direction: column;
    background: #fff;
  }
  .nybanner img {
    height: 3rem;
    width: 100%;
    object-fit: cover;
  }
  .nybannertxt {
    position: static;
    width: 100%;
    padding: 0.3rem 5%; 
    box-sizing: border-box;
  }
  .nybannertxt .header-title h3 {
    font-size: 0.4rem;
  }
  .li-item-content h3 {
    font-size: 0.4rem;
    line-height: 1.2;
    margin-bottom: 0.2rem;
  }
  .li-item-content .gtwenzi p {
    font-size: 0.26rem;
    line-height: 1.5;
  }
  .li-item-imgs {
    flex-wrap: wrap; 
    justify-content: center;
  }
  .imgs.scale {
    margin-bottom: 0 !important;
  }
  .imgs.scale img {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    margin: 0.2rem auto;
  }
}