body{ font-family:Microsoft YaHei;}
.xtop{ width:100%; overflow:hidden; background:#75277b; height:12.53%;}
.xtop_cen{ width:93.866%; overflow:hidden; margin:3.33% auto;}
.xtop_cen_sy{width:6.39%; float:left;}
.xtop_cen_logo{ width:27.41%; float:left; margin-left:29.82%;}
.xtop_cen_xx{ float:right; width:5.96%;}


/* xnav  */
.xnav{ width:100%; overflow:hidden;}
.xnav ul{ padding:0px; margin:0px;}
.xnav ul li{ width:24.8%; float:left; margin-right:0.266%; background:#f5f6fa; font-size:1.75rem; text-align:center; margin-bottom:0.16rem; padding:1.2% 0;}
.xnav ul li a{ color:#000;}
.xnav ul li.no{ margin-right:0px;}


/* ssy_banner   */
.sglc_banner{ width:100%; overflow:hidden; margin:0 auto;}

.le{ float:left;}
.ri{ float:right;}
.ti{ width:100%; text-align:center;overflow: hidden; font-weight:normal; margin:0% auto 0;}
.ti p{ font-size:24px; margin:0 auto; font-weight:bold;}
.ti p em{ color:#c94801; font-style:normal;}
.ti span{ display:block; margin:1.3% auto; font-size:1.2rem; padding:0;}

@media screen and (max-width:768px){
	.ti p{font-size:18px;}
	
}


/*   成熟  */
.sglc_sgcs{ width:95%; overflow:hidden; margin:4% auto 0;}
.sglc_sgcs_cen{ width:100%; overflow:hidden; margin:auto; max-width: 1200px;}
.sglc_sgcs_cen p{ border:1px dashed #53b5d3; border-radius:8px; padding:2% 3.5%; color:#53b5d3; font-size:18px; margin:0;}

@media screen and (max-width:768px){
	.sglc_sgcs_cen p{ font-size:14px;}
}


/*  流程   */
.sglc_lc{ width:95%; overflow:hidden; margin:4% auto 0;}
.sglc_lc_cen{ width:100%; max-width: 1200px; overflow:hidden; margin: auto; text-align: center;}
.sglc_lc_cen img{margin-top: 5px;max-width: 100%;}

.sglc_lc_cen a{ display:block; width:100%; overflow:hidden; margin:2.3% auto 0;}

/* 套餐   */
.sglc_tc{ width:100%; overflow:hidden; margin:4% auto 0;}

/*  孕达品牌  */
.sglc_ydpp{width:100%; overflow:hidden; margin:0 auto 0; background:url(/images/sglc_ydpp_bg.jpg) no-repeat center top; background-size:100% 100%;}
.sglc_ydpp_ti{ margin:2.6% auto 0;}
.sglc_ydpp_ti p{ color:#bb0216;}
.sglc_ydpp_cen{ width:94.66%; overflow:hidden; margin:2.6% auto 0;}
.sglc_ydpp_cen p{ width:100%; overflow:hidden; text-align:center; color:#7f5d02; font-size:1.6rem;margin: 0 0 1.6rem 0; line-height:1.6;}

@media screen and (max-width:414px){
	.sglc_ydpp_cen p{ font-size:0.8832rem;}
}

@media screen and (max-width:375px){
	.sglc_ydpp_cen p{ font-size:0.8rem;}
}

@media screen and (max-width:360px){
	.sglc_ydpp_cen p{ font-size:0.768rem;}
}

@media screen and (max-width:320px){
	.sglc_ydpp_cen p{ font-size:0.682rem;}
}

/*  三国试管   */
.sglc_sgsg{width:100%; overflow:hidden; margin:4% auto 0;}
.sglc_sgsg_box{ width:94.66%; overflow:hidden; margin:0 auto;}
.sglc_sgsg_ti{width:100%;overflow:hidden; margin:0 auto 2.6%;}
.sglc_sgsg_ti ul{ width:100%; margin:0 auto; padding:0px;}
.sglc_sgsg_ti ul li{ width:32.39%; float:left;font-size:1.45rem; margin:0; color:#9c7c27; border:1px solid #9c7c27; padding:1.2% 0; border-radius:1.4rem; text-align:center;}
.sglc_sgsg_ti ul li b{ display:block; font-weight:normal;}
.sglc_sgsg_ti ul li.on{ background:#9c7c27; color:#fff;}
.sglc_sgsg_ti ul li.mar{ margin:0 1.4%}

.sglc_sgsg_cen{width:100%;overflow:hidden; margin:0 auto 0;}
.sglc_sgsg_cen ul{ width:100%; margin:0 auto 0; padding:0px;}
.sglc_sgsg_cen ul li{ width:100%; margin:0 auto 0; padding:0px;}


@media screen and (max-width:400px){
	.sglc_sgsg_ti ul li{text-overflow: ellipsis; white-space: nowrap; overflow:hidden; display: inline-block; font-size:1.2rem;}
	.sglc_sgsg_ti ul li b{ display: inline-block;}
}


/*  预约  */
.xind_yytd{width:93.866%;overflow:hidden; margin:2.6% auto 0;}
.xind_yytd_ti{ width:100%; overflow:hidden;}
.xind_yytd_ti a{ width:100%; font-size:1.75rem; color:#fff; text-align:center; display:block; background:#ad8a56; border-radius:8px; padding:2.414% 0;}
.xind_yytd_ti p{ color:#ff0000; font-size:1.5rem; margin:1.7% auto; text-align:center;}

.xind_yytd_form{width:93.866%;overflow:hidden; margin:0 auto 5%;}
.xind_yytd_form p{ float:left; width:33.33%; overflow:hidden; margin:0.85% 0; padding:0; font-size:1.5rem; color:#000;}
.xind_yytd_form .label{ width:100%; overflow:hidden;}

.xind_yy_inp{width:100%;overflow:hidden; margin:0 auto 1.1%;}
.xind_yy_inp span{ width:16%; float:left; font-size:1.5rem; text-align:center; padding:1.2% 0;}
.xind_yy_inp span b{ color:#dc1600;}
.xind_yy_inp input,.xind_yy_inp textarea{ width:84%; float:left; padding:1.2% 0;font-size:1.5rem; text-indent:1%; border:1px solid #bcbcbc; overflow:hidden; border-radius:3px;}
.xind_yy_inp textarea{ height:31.25%;}
.submit{ width:26.84%; float:left; text-align:center; padding:1.8% 0; background:#fb6c5c; color:#fff; border-radius:4px; font-size:1.6rem; margin-left:16%; margin-right:1.7%;}
.reset{ width:26.84%; float:left; text-align:center; padding:1.8% 0; background:#dddddd; color:#666; border-radius:4px; font-size:1.6rem;}

@media screen and (max-width:400px){
	.xind_yytd_form p{ font-size:1.2rem;}
	.xind_yy_inp span{ font-size:1.33rem; width:30%;}
	.submit{ margin-left:30%;}
	.xind_yy_inp input,.xind_yy_inp textarea{ width:70%;}
	.xind_ydzx_cen dl dd p{text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
}


/*  新底部  */
.xind_foot{ width:100%; overflow:hidden; margin:1.6rem auto 13.2%;}

  /* 基础样式重置 */
        .sy-proc-global {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft Yahei", "Heiti SC", sans-serif;
            color: #333;
            line-height: 1.6;
            background-color: #fff;
            padding: 15px;
        }
        
        /* 容器样式 */
        .sy-proc-wrap {
            max-width: 750px;
            margin: 0 auto;
        }
        
        /* 标题样式 */
        .sy-proc-head {
            text-align: center;
            font-size: 22px;
            font-weight: bold;
            margin: 15px 0 25px;
            padding-bottom: 10px;
            border-bottom: 2px solid #f2a950;
        }
        
        /* 步骤容器 */
        .sy-proc-step {
            display: flex;
            align-items: flex-start;
            margin-bottom: 30px;
            padding-bottom: 30px;
            border-bottom: 1px dashed #e0e0e0;
            position: relative;
        }
        
        /* 步骤编号 */
        .sy-step-num {
            width: 32px;
            height: 32px;
            background-color: #d97628;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            margin-right: 15px;
            flex-shrink: 0;
            box-shadow: 0 2px 5px rgba(217, 118, 40, 0.3);
        }
        
        /* 步骤图标 */
        .sy-step-icon {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background-color: #f2a950;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 18px;
            flex-shrink: 0;
            box-shadow: 0 3px 8px rgba(242, 169, 80, 0.25);
        }
        
        .sy-step-icon img {
            max-width: 45px;
            max-height: 45px;
            object-fit: contain;
        }
        
        /* 步骤文本内容 */
        .sy-step-content {
            flex: 1;
            padding-top: 5px;
        }
        
        .sy-step-title {
            font-size: 17px;
            font-weight: bold;
            margin-bottom: 8px;
            color: #d97628;
            line-height: 1.3;
        }
        
        .sy-step-desc {
            margin-bottom: 8px;
            font-size: 14px;
            color: #444;
        }
        
        .sy-step-tip {
            font-size: 12px;
            color: #888;
            background-color: #f9f9f9;
            padding: 6px 8px;
            border-radius: 4px;
            border-left: 2px solid #f2a950;
        }
        
        /* 反向布局（图标在右） */
        .sy-step-icon-rev {
            order: 2;
            margin-left: 18px;
            margin-right: 0;
        }
        
        .sy-step-content-rev {
            order: 1;
        }
        
        /* 最终区块 */
        .sy-proc-final {
            text-align: center;
            background-color: #c00;
            color: #fff;
            padding: 18px 15px;
            border-radius: 8px;
            margin-top: 20px;
            box-shadow: 0 3px 10px rgba(204, 0, 0, 0.2);
        }
        
        .sy-final-title {
            font-size: 19px;
            font-weight: bold;
            margin-bottom: 8px;
        }
        
        .sy-final-link {
            color: #fff;
            text-decoration: underline;
            font-size: 15px;
            display: inline-block;
            margin-top: 5px;
        }
        
        /* 移动端适配 */
        @media (max-width: 767px) {
            .sy-proc-global {
                padding: 10px 8px;
            }
            
            .sy-proc-head {
                font-size: 20px;
                margin: 12px 0 20px;
                padding: 0 10px 8px;
            }
            
            .sy-proc-step {
                flex-direction: row;
                align-items: flex-start;
                margin-bottom: 25px;
                padding-bottom: 25px;
            }
            
            .sy-step-num {
                width: 28px;
                height: 28px;
                font-size: 14px;
                margin-right: 10px;
            }
            
            .sy-step-icon {
                width: 60px;
                height: 60px;
                margin-right: 12px;
            }
            
            .sy-step-icon img {
                max-width: 38px;
                max-height: 38px;
            }
            
            .sy-step-title {
                font-size: 16px;
                margin-bottom: 6px;
            }
            
            .sy-step-desc {
                font-size: 13px;
                margin-bottom: 6px;
            }
            
            .sy-step-tip {
                font-size: 12px;
                padding: 5px 7px;
            }
            
            /* 移动端反向布局调整 */
            .sy-step-icon-rev {
                margin-left: 12px;
                margin-right: 0;
            }
            
            /* 确保小屏幕下文字不拥挤 */
            .sy-step-content,
            .sy-step-content-rev {
                padding-top: 3px;
            }
            
            .sy-proc-final {
                padding: 15px 10px;
            }
            
            .sy-final-title {
                font-size: 18px;
            }
        }
        
        /* 超小屏幕适配 */
        @media (max-width: 360px) {
            .sy-step-icon {
                width: 50px;
                height: 50px;
                margin-right: 10px;
            }
            
            .sy-step-icon img {
                max-width: 32px;
                max-height: 32px;
            }
            
            .sy-step-title {
                font-size: 15px;
            }
            
            .sy-step-desc,
            .sy-step-tip {
                font-size: 12px;
            }
        }