/* CSS Document —— 重构合并版 */

/* 通用间距 */
.h10 { height: 4rem; }

/* 图片容器 */
.pp_pic { overflow: hidden; position: relative; }
.pp_pic img { transform: scale(1.15); transition: all 0.3s linear; }

/* 左右图文通用布局 */
.ppyf3_ad,
.ppyf4_ad { overflow: hidden; }
.ppyf3_ad .w_1400,
.ppyf4_ad .w_1400 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ppyf3_adl,
.ppyf4_adl { flex: 0 0 auto; max-width: 35%; }
.ppyf3_adr,
.ppyf4_adr { flex: 0 0 auto; }
.ppyf3_adr { margin-right: calc(-50vw + 700px); }
.ppyf4_adr { margin-left: calc(-50vw + 700px); }

/* 标题通用 */
.ppyf3_adtit h2,
.ppyf4_adtit h2 {
  font-size: 0.8rem;
  color: #bc4a2c;
  line-height: 0.9rem;
  margin: 0 0 1.68rem 0;
}
.ppyf3_adtit h2 span,
.ppyf4_adtit h2 span { font-family: 'nmr_bold'; position: relative; }

/* 正文通用 */
.ppyf3_adl h3,
.ppyf4_adl h3 {
  font-size: 0.44rem;
  color: #bc4a2c;
  padding-bottom: 0.4rem;
  font-weight: bold;
}
.ppyf3_adl p { font-size: 0.18rem; color: #bc4a2c; line-height: 0.36rem; }
.ppyf4_adl p { font-size: 0.18rem; color: #bc4a2c; line-height: 1.6; }

/* 注解通用 */
.ppyf3_txt,
.ppyf4_txt {
  font-size: 0.1rem;
  padding-top: 0.15rem;
  line-height: 1.5;
  color: #c5c5c5;
}
.ppyf3_txt { width: 54%; float: right; }
.ppyf4_txt { width: 53.5%; float: left; text-align: right; }

.ppyf1 { width: 16.61rem; position: relative; overflow: hidden; }
.ppyf1 .xcon { position: absolute; left: 2.6rem; top: 1.26rem; }
.ppyf1 .xcon h4 {
  font-size: 0.44rem;
  color: #fff;
  line-height: 0.62rem;
  padding: 0 0 0.8rem 0;
  font-weight: bold;
}
.ppyf1 .xcon h4 span { font-family: 'nmr_bold'; }
.ppyf1 ul {
  position: absolute;
  left: 2.6rem;
  bottom: 0;
  padding-left: 9rem;
  padding-right: 0.8rem;
}
.ppyf1 ul li {
  font-size: 0.18rem;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.ppyf1 ul li span {
  display: block;
  font-size: 0.28rem;
  margin-bottom: 0.15rem;
  font-weight: bold;
}
.ppyf1 ul li sub { padding-left: 0.02rem; }
.ppyf1 ul li font { font-family: 'nmr'; }

/* 注释区域 */
.ppyf2 { width: 16.61rem; position: relative; }
.ppyf2 .xcon { padding-top: 0.25rem; padding-left: 2.6rem; color: #c5c5c5; }
.ppyf2 .xcon p { line-height: 1.5; }






/* ===== 1024px 以下自适应 ===== */
@media screen and (max-width: 1024px) {

  /* 基础间距缩小 */
  .h10 { height: 2rem; }


  /* 品牌介绍区 */
  .ppyf1 {
    width: 100%;
    box-sizing: border-box;
  }
  .ppyf1 .xcon {
    position: static;
    left: auto;
    top: auto;
    padding: 6vw 4vw 0;
  }
  .ppyf1 .xcon h4 {
    font-size: 5vw;
    line-height: 1.4;
    padding: 0 0 3vw 0;
	color:#bc4a2c;
  }
  .ppyf1 ul {
    position: static;
    left: auto;
    bottom: auto;
    padding: 4vw 4vw 0;
    margin: 0;
  }
  .ppyf1 ul li {
    font-size: 3vw;
    line-height: 1.6;
    margin-bottom: 3vw;
	color:#bc4a2c;
  }
  .ppyf1 ul li span {
    font-size: 3.6vw;
    margin-bottom: 1vw;
  }

  /* 注释区 */
  .ppyf2 {
    width: 100%;
    box-sizing: border-box;
  }
  .ppyf2 .xcon {
    padding: 3vw 4vw 0;
  }
  .ppyf2 .xcon p {
    font-size: 0.15rem;
    line-height: 1.7;
  }

  /* 左右图文通用：改为上下堆叠 */
  .ppyf3_ad .w_1400,
  .ppyf4_ad .w_1400 {
    flex-direction: column;
    align-items: flex-start;
  }

  /* 左侧文字块全宽 */
  .ppyf3_adl,
  .ppyf4_adl {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }

  /* 图片块全宽，取消桌面端的负边距溢出 */
  .ppyf3_adr,
  .ppyf4_adr {
    width: 100%;
	margin:0;
	 margin-top: 0.5rem;
    order: 2;
  }
  

  
  .ppyf3_adr .pp_pic img,
  .ppyf4_adr .pp_pic img {
    width: 100%;
    display: block;
    transform: none;
  }

  /* 多肽技术区图片在上、文字在下 */
  .ppyf4_adr { order: 2; }
  .ppyf4_adl { order: 1; }

  /* 标题字号 */
  .ppyf3_adtit h2,
  .ppyf4_adtit h2 {
    font-size: 0.7rem;
    line-height: 1.1;
    margin: 0 0 4vw 0;
  }

  .ppyf3_adl p,
  .ppyf4_adl p {
    font-size: 0.26rem;
    line-height: 1.8;
  }

  /* 注解区改为全宽、取消浮动与右对齐 */
  .ppyf3_txt,
  .ppyf4_txt {
    width: 100%;
    float: none;
    text-align: left;
    box-sizing: border-box;
    font-size: 0.15rem;
    line-height: 1.5;
  }
}