.part1 {
    background: url(../images/part1.jpg) center top no-repeat;
    height: 1192px;
    padding-top:260px;
    margin: 0 auto;

    color: #fff;
    }
.part1 h4 { font-size: 18px;margin-top:12px;margin-bottom:320px;}
.title_1{ text-align: center;font-size: 36px; color: #005447; font-weight: 400;}
.title_2{ text-align: center; font-size: 18px; color: #9c8d80;}
.title_3{ font-size:16px;color: #4e4c4b;line-height: 2;margin-top: 20px;margin-bottom: 58px;text-align: center;}
.part1 p {
  font-size: 16px;color: #4e4c4b;line-height: 2;margin-top: 40px;margin-bottom: 80px;text-align: center;
}


 .part1_box{ margin: 0 auto;width:1000px}      
  .part1_box h3 {
  font-size: 36px;
  color: #00957e;
  line-height: 1.4;
  
}     
  .part1_box p {
  font-size: 22px;
  color: #4d4d4d;
  margin-bottom: 24px;
  margin-top: 10px;
  margin-left: 124px;
}      
.part1_box ul li {
  color: #3a3a3a;
 
  float: left;
  
  font-size: 18px;
}    
.part1_box ul{padding-bottom:440px;margin-top:18px;margin-left:110px}
.part1_box ul li img{width:100%; width: 80px;padding-bottom: 60px;border: 2px solid #1c9882;
  border-radius: 100px;
  padding: 20px;
  margin-left: 35px;
  height: 80px;}        
 .part1_box ul li h4{font-size:15px;padding-left:30px;text-align: center;margin-top:10px;color:#4d4d4d;font-weight: bold;}       

    .part2 {
    background: url(../images/part2.jpg) center top no-repeat;
    padding-top:140px;
    margin: 0 auto;
    color: #fff;
 
    }

.consult-btn {
  display: block;
  width: fit-content;
  padding: 10px 30px;
  background: linear-gradient(90deg, #069a83, #53dec9);
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  border-radius: 2px;
  text-align: center;
  margin: 0 auto;
}
.part2_box{ background: url(../images/part2_4.jpg) center top / 1920px 100% no-repeat;margin-top: 56px;padding-bottom: 60px;

}
.part2_box_1{ background: url(../images/part2_1.jpg) center top no-repeat;
    height: 476px;
    padding-top:40px;
    margin: 0 auto;
    color: #fff;}
.service-wrap{

    padding: 40px;
    max-width: 1000px;
    position: relative;
    overflow: hidden;
     margin: 0 auto;
}
/* 右侧装饰玩具图 自行替换 \*/
.service-wrap::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:450px;
    height:380px;
    background: url("toy-bg.png") no-repeat right bottom;
    background-size: contain;
    z-index:1;
}
.service-item{
    display:flex;
    align-items:flex-start;
    gap:24px;
    margin-bottom:36px;
    position:relative;
    z-index:2;
}
.service-icon{
    width:70px;
    height:70px;
    flex-shrink:0;
    border-radius:16px;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
}
.service-icon img{
    width:64px;
    height:64px;
}
.service-text h3{
    font-size:18px;
    color:#00a878;
    margin-bottom:12px;
    font-weight:600;
}
.service-text p{
    font-size:16px;
    color:#555555;
    line-height:1.6;
}
.btn-consult{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 30px;
    background:linear-gradient(90deg,#069a83,#53dec9);
    color:#fff;
    border:none;
    font-size:16px;
    cursor:pointer;
    margin-top:10px;
    margin-left: 90px;
}
.btn-consult::after{
    content:">";
}    
    
    


.part2_box_2{ background: url(../images/part2_2.jpg) center top no-repeat;
    height: 544px;
    padding-top:60px;
    margin: 0 auto;
    color: #fff;}
 .health-card-wrap{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:32px;
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 30px;
}
/* 单个卡片 \*/
.health-card-item{
   background: rgba(232, 247, 243, 0.8);

    border-radius:24px;
    padding:28px;

}
/* 图标圆形容器 \*/
.health-card-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
}
.health-card-icon img{
    width:40px;
    height:40px;
}
/* 文字区块 \*/
.health-card-text h4{
    font-size:18px;
    color:#008261;
    font-weight:600;
    margin-bottom:14px;
}
.health-card-text p{
    font-size:15px;
    color:#555555;
    line-height:1.6;
    margin-bottom:16px;
}
/* 消除最后一段底部间距 \*/
.health-card-text p:last-of-type{
    margin-bottom:0;
}   
    
    
 
    
.part2_box_3{ background: url(../images/part2_3.jpg) center top no-repeat;
    height: 497px;
    padding-top:40px;
    margin: 0 auto;
    color: #fff;}
        
.early-card-wrap{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap:28px;
    padding:40px;
    width: 1200px;
     margin: 0 auto;
}
/* 单个卡片 \*/
.early-card-item{
   /* #fffef6 转换成带透明度，rgba写法 */
    background: rgba(255, 254, 246, 0.7);
    border-radius:24px;
    padding:20px;
}
/* 图标 \*/
.early-card-icon{
    width:40px;
    height:40px;
    margin-bottom:24px;
}
.early-card-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
}
/* 文字样式 \*/
.early-card-text h4{
    font-size:18px;
    color:#008261;
    font-weight:600;
    margin-bottom:10px;
}
.early-card-text p{
    font-size:16px;
    color:#555555;
    line-height:1.7;
}


.part3{ background: url(../images/part3.jpg) center top no-repeat;
    height: 900px;
    padding-top:120px;
    margin: 0 auto;
    color: #fff;}
    
.wrap{max-width:890px;margin:0 auto;margin-top:100px}
.item{display:flex;align-items:center;background:#fff;
border-radius:99px;margin-bottom:30px;padding:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.label-box{width:220px;text-align:center;padding:16px 0;border-radius:99px;font-size:20px;font-weight:bold;margin-right:10px;flex-shrink:0;}
.txt-box{flex:1;margin-left:20px}
.part4_title{font-size:20px;color:#333;margin-bottom:6px;}
.desc{font-size:18px;color:#666;}

/* 各个阶段边框配色 \*/
.milk{border:4px solid #b6d973;color:#6d5f5b;}
.replace{border:4px solid #66d6cd;color:#6d5f5b;}
.perm{border:4px solid #51d492;color:#6d5f5b;}
.all{border:4px solid #51c8b0;color:#6d5f5b;}
    
    

    

.part4{ background: url(../images/part4.jpg) center top no-repeat;
    height: 700px;
    padding-top:100px;
    margin: 0 auto;
    color: #fff;}

.flow-wrap {
            display: flex;
            align-items: stretch;
            gap: 12px;
            width: 1200px;
            margin: 0  auto;
            margin-top: 70px;
            margin-bottom: 50px;
        }
        .flow-item {
            flex: 1;
            border: 2px solid #c0ece1;
            border-radius: 16px;
            padding: 12px 8px;
            box-shadow: 0 0 12px rgba(239, 251, 247, 0.35);

        }
        .flow-title {
           background: linear-gradient(90deg, #fef7eb, #edfefe);
            border-radius: 12px;
            text-align: center;
            font-size: 20px;
            color: #0c5d49;
            font-weight: bold;
            padding: 22px 10px;
            margin-bottom: 30px;
        }
        .flow-list {
            display: flex;
            flex-direction: column;
            gap: 18px;
        }
        .flow-list li {
            list-style: none;
            text-align: center;
            font-size: 16px;font-size: 18px;
            color: #444;
            position: relative;
            padding-bottom: 18px;
        }
        .flow-list li:not(:last-child)::after {
            content: "";
            width: 80%;
            height: 1px;
            background: #d8d8d8;
            position: absolute;
            left: 10%;
            bottom: 0;
        }
        .arrow {
            margin-top:30px ;
            width: 60px;
            height: 60px;
        }