body{ font-family:Microsoft YaHei;}

/*  logo */
.XTop_logo{ width:100%; margin: 0 auto;}
.XTop_logo a{ display:block; width:50.4%; overflow:hidden; margin:0 auto; padding:2% 0; font-size:0;}

/* 导航  */
.XTop_nav{ width:100%; overflow:hidden; background:#ea1f8e;}
.XTop_nav ul{ width:94.66%; overflow:hidden; padding:1.4% 0; margin:0 auto;}
.XTop_nav ul a{ font-size:0;}
.XTop_nav ul li{ float:left; width:14.26%; text-align:center; color:#fff;}
.XTop_nav ul li span{ display:block; font-size:1.6rem;}
.XTop_nav ul li em{ display:block; font-style:normal; color:#98e4fd; font-size:1.2rem;}

@media screen and (max-width:414px){
	.XTop_nav ul li span{ font-size:0.8832rem;}
	.XTop_nav ul li em{ font-size:0.6624rem;}
}
@media screen and (max-width:400px){
	.XTop_nav ul li span{ font-size:0.8533rem;}
	.XTop_nav ul li em{ font-size:0.64rem;}
}
@media screen and (max-width:375px){
	.XTop_nav ul li span{ font-size:0.8rem;}
	.XTop_nav ul li em{ font-size:0.6rem;}
}
@media screen and (max-width:360px){
	.XTop_nav ul li span{ font-size:0.768rem;}
	.XTop_nav ul li em{ font-size:0.576rem;}
}
@media screen and (max-width:320px){
	.XTop_nav ul li span{ font-size:0.6826rem;}
	.XTop_nav ul li em{ font-size:0.512rem;}
}



/* banner  */
.public-focus { position: relative; overflow:hidden; width:100%;}
.index-focus { /*height: 4rem;*/ overflow: hidden; text-align: center;}
.public-focus .hd { position: absolute;left: 0; right: 0; bottom: 0.1rem!important;font-size: 0; text-align: center;}
.public-focus .hd li { display: inline-block; width: 1.8rem; height: 0.5rem; margin: 0 3px;/* -webkit-border-radius: 50%; */ /* border-radius: 50%; */ overflow: hidden; background: #fff; vertical-align: top; opacity: 0.9; }
.public-focus .hd li.on { background: #ea1f8e;}


.le{ float:left;}
.lr{ float:right;}


/* public title  */
.p_ti{ width:100%; text-align:center; font-size:3rem;overflow: hidden; font-weight:bold; margin:2% auto; color:#ea1f8e;}

@media screen and (max-width:414px){
	.p_ti{ font-size:1.656rem;}
}
@media screen and (max-width:400px){
	.p_ti{ font-size:1.6rem;}
}
@media screen and (max-width:375px){
	.p_ti{ font-size:1.5rem;}
}
@media screen and (max-width:360px){
	.p_ti{ font-size:1.44rem;}
}
@media screen and (max-width:320px){
	.p_ti{ font-size:1.28rem;}
}



/*  三代试管   */
.Third_tube{width:100%; overflow:hidden;}
.Third_tube dl{ width:94.66%; overflow:hidden; background:#e2f6fc; margin:0 auto 1.4%;}
.Third_tube dl dt{ width:74.08%; overflow:hidden; float:left;margin-left:2.1%;}
.Third_tube dl dt span{ display:block; width:100%; font-size:2.4rem; color:#007fa8; margin-top:2.1%; overflow:hidden;}
.Third_tube dl dt span em{ float:left; margin-right:1.4%; width:10%;}
.Third_tube dl dt p{ font-size:1.8rem; color:#666666; font-weight:normal;}
.Third_tube dl dd{ width:11.26%; overflow:hidden; margin-right:1.4%; float:right;}
.Third_tube dl dd a{ display:block; font-size:1.8rem; font-weight:bold; color:#fff; background:#1fb8ea; width:100%; padding:20% 10%; text-align:center; border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;}

@media screen and (max-width:414px){
	.Third_tube dl dt span{ font-size:1.324rem;}
	.Third_tube dl dt p{ font-size:0.9936rem;}
	.Third_tube dl dd a{ font-size:0.9936rem;}
	
}
@media screen and (max-width:400px){
	.Third_tube dl dt span{ font-size:1.28rem;}
	.Third_tube dl dt p{ font-size:0.96rem;}
	.Third_tube dl dd a{ font-size:0.96rem;}
}
@media screen and (max-width:375px){
	.Third_tube dl dt span{ font-size:1.2rem;}
	.Third_tube dl dt p{ font-size:0.9rem;}
	.Third_tube dl dd a{ font-size:0.9rem;}
}
@media screen and (max-width:360px){
	.Third_tube dl dt span{ font-size:1.2rem;}

}
@media screen and (max-width:320px){
	.Third_tube dl dt span{ font-size:1.2rem;}

}

/*  适应人群   */
.Apply_crowd{width:100%; overflow:hidden;}
.Apply_crowd_cen{ width:94.66%; overflow:hidden; margin:0 auto 1.4%;}
.Apply_crowd_cen dl{ width:100%; overflow:hidden;}
.Apply_crowd_cen dl dt{ width:33.8%; overflow:hidden; margin:0 auto; border-radius:2.4rem; padding:0.4% 0; text-align:center; color:#fff; font-size:2.4rem; font-weight:bold;}
.Apply_crowd_cen dl dt.col01{ background:#24baea;}
.Apply_crowd_cen dl dt.col02{ background:#fb70ab;}
.Apply_crowd_cen dl dt.col03{ background:#19a565;}
.Apply_crowd_cen dl dt.col04{ background:#f7b24a;}

.Apply_crowd_cen dl dd{ width:100%; overflow:hidden;}
.Apply_crowd_cen dl dd a{ width:32.39%; overflow:hidden; float:left; border:1px solid #eeeeee; border-radius:0.5rem; margin-top:1.4%; font-size:0;}
.Apply_crowd_cen dl dd a.mar{ margin-left:1.4%; margin-right:1.4%;}
.Apply_crowd_cen dl dd a font{ float:left; padding-top:3%;color:#666666; font-size:1.8rem; padding-left:5.65%; margin:0;}
.Apply_crowd_cen dl dd a em{ width:20.43%; float:left;}


@media screen and (max-width:414px){
	.Apply_crowd_cen dl dt{ font-size:1.324rem;}
	.Apply_crowd_cen dl dd a font{ font-size:0.9936rem}
}
@media screen and (max-width:400px){
	.Apply_crowd_cen dl dt{ font-size:1.28rem;}
	.Apply_crowd_cen dl dd a font{ font-size:0.96rem}
}
@media screen and (max-width:375px){
	.Apply_crowd_cen dl dt{ font-size:1.2rem;}
	.Apply_crowd_cen dl dd a font{ font-size:0.9rem}
}
@media screen and (max-width:360px){
	.Apply_crowd_cen dl dt{ font-size:1.152rem;}
	.Apply_crowd_cen dl dd a font{ font-size:0.864rem}
}
@media screen and (max-width:320px){
	.Apply_crowd_cen dl dt{ font-size:1.024rem;}
	.Apply_crowd_cen dl dd a font{ font-size:0.768rem; }
}


/*  流程   */
.Service_process{width:100%; overflow:hidden; background:#e9f8fd;}
.Service_process_cen{ width:94.66%; overflow:hidden; margin:0 auto;}
.Service_process_cen ul { width:100%; overflow:hidden;margin:0 auto; padding:0;}
.Service_process_cen ul li{ width:22.535%; overflow:hidden; float:left; position:relative; text-align:center; z-index:1; height:13.4rem; margin-bottom:1.4%; margin-right:3%;}
.Service_process_cen ul li.no-mar{ margin-right:0;}
.Service_process_cen ul li img{ position:absolute; top:0; left:0; max-height:16rem; float:left;}
.Service_process_cen ul li p{ display:block; font-size:2.4rem; width:100%; position:absolute; top:31.25%; color:#fff; z-index:2; margin:0; padding:0; line-height:1.2;}
.Service_process_zx{ width:94.66%; overflow:hidden; margin:0 auto;}
.Service_process_zx a{ display:block; width:25.35%; overflow:hidden; margin:0 auto 3.2%; background:#f7b24a; border-radius:2.4rem; padding:0.8% 0; text-align:center; color:#fff; font-size:1.8rem; font-weight:bold;}

@media screen and (max-width:414px){
	.Service_process_cen ul li{ height:9.4rem;}
	.Service_process_cen ul li p{ font-size:1.3248rem;}
	.Service_process_zx a{ font-size:0.9936rem}
}
@media screen and (max-width:400px){
	.Service_process_cen ul li{ height:9.0rem;}
	.Service_process_cen ul li p{ font-size:1.28rem;}
	.Service_process_zx a{ font-size:0.96rem}
	
}
@media screen and (max-width:375px){
	.Service_process_cen ul li{ height:8.5rem;}
	.Service_process_cen ul li p{ font-size:1.2rem;}
	.Service_process_zx a{ font-size:0.9rem}
}
@media screen and (max-width:360px){
	.Service_process_cen ul li{ height:8.0rem;}
	.Service_process_cen ul li p{ font-size:1.152rem;}
	.Service_process_zx a{ font-size:0.864rem}
}
@media screen and (max-width:320px){
	.Service_process_cen ul li{ height:7.5rem;}
	.Service_process_cen ul li p{ font-size:1.024rem;}
	.Service_process_zx a{ font-size:0.768rem; }
}




/*  专家    */
.Doctor_team{width:100%; overflow:hidden;}
.Doctor_team_cen{ width:94.66%; overflow:hidden; margin:0 auto;}
.Doctor_team_cen ul{margin:0; padding:0;}
.Doctor_team_cen ul li{ width:32.39%; overflow:hidden; float:left;margin:1.4% auto 0;}
.Doctor_team_cen ul li.mar{ margin-left:1.4%; margin-right:1.4%;}
.Doctor_team_cen ul li span{ font-size:2.4rem; color:#1fb8ea; text-align:center; width:100%; display:block; font-weight:bold;}
.Doctor_team_cen ul li font{ font-size:1.8rem; display:block;}
.Doctor_team_cen ul li a{ width:52.13%; overflow:hidden; margin:1.4% auto; display:block; background:#f7b24a; border-radius:2.4rem; padding:0.8% 0; text-align:center; color:#fff; font-size:1.8rem;}

@media screen and (max-width:414px){
	.Doctor_team_cen ul li span{ font-size:1.3248rem;}
	.Doctor_team_cen ul li font{font-size:0.9936rem}
	.Doctor_team_cen ul li a{font-size:0.9936rem}
}
@media screen and (max-width:400px){
	.Doctor_team_cen ul li span{ font-size:1.28rem;}
	.Doctor_team_cen ul li font{font-size:0.96rem}
	.Doctor_team_cen ul li a{font-size:0.96rem}
}
@media screen and (max-width:375px){
	.Doctor_team_cen ul li span{  font-size:1.2rem;}
	.Doctor_team_cen ul li font{ font-size:0.9rem}
	.Doctor_team_cen ul li a{ font-size:0.9rem}
}
@media screen and (max-width:360px){
	.Doctor_team_cen ul li span{ font-size:1.152rem;}
	.Doctor_team_cen ul li font{font-size:0.864rem}
	.Doctor_team_cen ul li a{font-size:0.864rem}
}
@media screen and (max-width:320px){
	.Doctor_team_cen ul li span{  font-size:1.024rem;}
	.Doctor_team_cen ul li font{font-size:0.768rem;}
	.Doctor_team_cen ul li a{font-size:0.768rem;}
}



/*   孕达国际   */
.Yunda_international{width:100%; overflow:hidden; background:url(../images/yunda_international_cen01.jpg) no-repeat; background-size:100% 100%; margin:2% auto 0;}
.Yunda_international .p_ti{ margin:1.4% auto 0;}
.Yunda_international_cen{ width:94.66%; overflow:hidden; margin:0 auto;}
.Yunda_international_cen span{ display:block; text-align:center; font-size:2.4rem; color:#1fb8ea;}
.Yunda_international_cen p{ width:100%; overflow:hidden; text-align:center; font-size:1.8rem; color:#666666;}
.Yunda_international_cen a{ display:block; width:28.16%; overflow:hidden; margin:1.4% auto 5.6%; border:1px solid #24baea; color:#24baea; text-align:center; font-size:1.8rem; padding:0.4% 0; border-radius:2.4rem;}

@media screen and (max-width:414px){
	.Yunda_international_cen span{ font-size:1.3248rem;}
	.Yunda_international_cen p{font-size:0.9936rem}
	.Yunda_international_cen a{font-size:0.9936rem}
}
@media screen and (max-width:400px){
	.Yunda_international_cen span{ font-size:1.28rem;}
	.Yunda_international_cen p{font-size:0.96rem}
	.Yunda_international_cen a{font-size:0.96rem}
}
@media screen and (max-width:375px){
	.Yunda_international_cen span{  font-size:1.2rem;}
	.Yunda_international_cen p{ font-size:0.9rem}
	.Yunda_international_cen a{ font-size:0.9rem}
}
@media screen and (max-width:360px){
	.Yunda_international_cen span{ font-size:1.152rem;}
	.Yunda_international_cen p{font-size:0.864rem}
	.Yunda_international_cen a{font-size:0.864rem}
}
@media screen and (max-width:320px){
	.Yunda_international_cen span{  font-size:1.024rem;}
	.Yunda_international_cen p{font-size:0.768rem;}
	.Yunda_international_cen a{font-size:0.768rem;}
}



/*   孕达团队  */
.Yunda_team{width:100%; overflow:hidden; margin:0 auto 0;}
.Yunda_team dl{ width:94.66%; overflow:hidden; margin:2.8% auto 0; border-top-left-radius:1rem;border-top-right-radius:1rem;}
.Yunda_team dl dt{  font-weight:normal; padding:2% 0;}
.Yunda_team dl dt span{ display:block; text-align:center; font-size:2.4rem; color:#fff;}
.Yunda_team dl dt p{ width:100%; overflow:hidden; text-align:center; font-size:1.8rem; color:#fff; margin:1.4% auto 0;}
.Yunda_team dl dt a{ display:block; width:28.16%; overflow:hidden; margin:1.4% auto 0; background:#fff; text-align:center; font-size:1.8rem; padding:0.4% 0; border-radius:2.4rem;}
.Yunda_team dl dt.bg01{background:#24baea;}
.Yunda_team dl dt.bg02{background:#f7b24a;}
.Yunda_team dl dt.bg03{background:#19a565;}
.Yunda_team dl dt.bg01 a{ color:#24baea;}
.Yunda_team dl dt.bg02 a{ color:#f7b24a;}
.Yunda_team dl dt.bg03 a{ color:#19a565;}
.Yunda_team dl dd{ width:100%; overflow:hidden;}

@media screen and (max-width:414px){
	.Yunda_team dl dt span{ font-size:1.3248rem;}
	.Yunda_team dl dt p{font-size:0.9936rem}
	.Yunda_team dl dt a{font-size:0.9936rem}
}
@media screen and (max-width:400px){
	.Yunda_team dl dt span{ font-size:1.28rem;}
	.Yunda_team dl dt p{font-size:0.96rem}
	.Yunda_team dl dt a{font-size:0.96rem}
}
@media screen and (max-width:375px){
	.Yunda_team dl dt span{  font-size:1.2rem;}
	.Yunda_team dl dt p{ font-size:0.9rem}
	.Yunda_team dl dt a{ font-size:0.9rem}
}
@media screen and (max-width:360px){
	.Yunda_team dl dt span{ font-size:1.152rem;}
	.Yunda_team dl dt p{font-size:0.864rem}
	.Yunda_team dl dt a{font-size:0.864rem}
}
@media screen and (max-width:320px){
	.Yunda_international_cen span{  font-size:1.024rem;}
	.Yunda_international_cen p{font-size:0.768rem;}
	.Yunda_international_cen a{font-size:0.768rem;}
}


/*  八大优势   */
.Yunda_advantages{width:100%; overflow:hidden; }
.Yunda_advantages_cen{ width:94.66%; overflow:hidden; margin:0 auto;}
.Yunda_advantages_cen ul{ margin:0; padding:0; display:block;}
.Yunda_advantages_cen ul li{ width:100%; overflow:hidden; position:relative; margin-bottom:1.4%;}
.Yunda_advantages_cen ul li p{ position:absolute; top:0; font-size:1.6rem; color:#fff; margin:2% auto 0;}
.Yunda_advantages_cen ul li p span{ font-weight:bold; font-size:1.8rem; display:block;}
.Yunda_advantages_cen ul li p.p01{ left:1.4%;}
.Yunda_advantages_cen ul li p.p02{ left:54.92%;}

@media screen and (max-width:414px){
	.Yunda_advantages_cen ul li p{ font-size:0.8832rem;}
	.Yunda_advantages_cen ul li p span{font-size:0.9936rem}
}
@media screen and (max-width:400px){
	.Yunda_advantages_cen ul li p{ font-size:0.8533rem;}
	.Yunda_advantages_cen ul li p span{font-size:0.96rem}
}
@media screen and (max-width:375px){
	.Yunda_advantages_cen ul li p{  font-size:0.8rem;}
	.Yunda_advantages_cen ul li p span{ font-size:0.9rem}
}
@media screen and (max-width:360px){
	.Yunda_advantages_cen ul li p{ font-size:0.768rem;}
	.Yunda_advantages_cen ul li p span{font-size:0.864rem}
}
@media screen and (max-width:320px){
	.Yunda_advantages_cen ul li p{  font-size:0.6826rem;}
	.Yunda_advantages_cen ul li p span{font-size:0.768rem;}
}



/*  切换  */
.Yunda_switch{  width:94.66%;  overflow:hidden; margin:2% auto 0;}
.Yunda_switch_ti{ width:100%; overflow:hidden; margin:0 auto 2.8%;}
.Yunda_switch_ti ul{ margin:0; padding:0; display:block;}
.Yunda_switch_ti ul li{ width:23.94%; overflow:hidden; border:1px solid #24baea; color:#24baea; float:left; background:#fff; text-align:center; font-size:2.4rem; padding:0.4% 0; border-radius:2.4rem; margin-right:1.4%;}
.Yunda_switch_ti ul li.on{ background:#24baea; color:#fff;}
.Yunda_switch_ti ul li.no-mar{ margin-right:0;}
.Yunda_switch_cen{ width:100%; overflow:hidden;}
.Yunda_switch_cen ul{ margin:0; padding:0; display:block;}
.Yunda_switch_cen ul li{ width:32.39%; overflow:hidden; float:left;}
.Yunda_switch_cen ul li.mar{  margin-left:1.4%; margin-right:1.4%;}


@media screen and (max-width:414px){
	.Yunda_switch_ti ul li{ font-size:1.3248rem;}
}
@media screen and (max-width:400px){
	.Yunda_switch_ti ul li{ font-size:1.28rem;}
}
@media screen and (max-width:375px){
	.Yunda_switch_ti ul li{  font-size:1.2rem;}
}
@media screen and (max-width:360px){
	.Yunda_switch_ti ul li{ font-size:1.152rem;}
}
@media screen and (max-width:320px){
	.Yunda_switch_ti ul li{  font-size:1.024rem;}
}


/*  文章更新   */
.Article_update, .Article_update01{ width:100%; overflow:hidden; margin:2.8% auto 0; padding-bottom:2%;}
.bg01{ background:#f4fbfe;}
.Article_update dl{ width:94.66%;  overflow:hidden; margin:2% auto 0;}
.Article_update dl dt{ width:32.39%; overflow:hidden; float:left;}
.Article_update dl dd{ width:64.78%; overflow:hidden; float:right;}
.Article_update dl dd span{ width:100%; overflow:hidden; display:block; font-size:1.8rem;}
.Article_update dl dd span em{ background:#ea1f8e; width:13.04%; float:left; color:#fff; text-align:center; font-style:normal;}
.Article_update dl dd span a{ width:85.65%; overflow:hidden; float:right; color:24baea; font-size:1.8rem;}
.Article_update dl dd p{ font-size:1.8rem; margin:2.8% auto 0;}
.Article_update dl dd p a{ font-size:1.8rem; color:#24baea; display:block; padding-top:1.4%;}
.Article_update ul{width:94.66%;  overflow:hidden; margin:2% auto 0;padding:0; display:block;}
.Article_update ul li{ border-top:1px solid #eeeeee; font-size:1.8rem; padding:1.4% 0;}
.Article_update ul li a{ color:#666; font-size:1.8rem;}

@media screen and (max-width:414px){
	.Article_update dl dd span{font-size:0.9936rem}
	.Article_update dl dd span a{font-size:0.9936rem}
	.Article_update dl dd p{font-size:0.9936rem}
	.Article_update dl dd p a{font-size:0.9936rem}
	.Article_update ul li{font-size:0.9936rem}
	.Article_update ul li a{font-size:0.9936rem}
}
@media screen and (max-width:400px){
	.Article_update dl dd span{font-size:0.96rem}
	.Article_update dl dd span a{font-size:0.96rem}
	.Article_update dl dd p{font-size:0.96rem}
	.Article_update dl dd p a{font-size:0.96rem}
	.Article_update ul li{font-size:0.96rem}
	.Article_update ul li a{font-size:0.96rem}
}
@media screen and (max-width:375px){
	.Article_update dl dd span{ font-size:0.9rem}
	.Article_update dl dd span a{ font-size:0.9rem}
	.Article_update dl dd p{ font-size:0.9rem}
	.Article_update dl dd p a{ font-size:0.9rem}
	.Article_update ul li{ font-size:0.9rem}
	.Article_update ul li a{ font-size:0.9rem}
}
@media screen and (max-width:360px){
	.Article_update dl dd span{font-size:0.864rem}
	.Article_update dl dd span a{font-size:0.864rem}
	.Article_update dl dd p{font-size:0.864rem}
	.Article_update dl dd p a{font-size:0.864rem}
	.Article_update ul li{font-size:0.864rem}
	.Article_update ul li a{font-size:0.864rem}
}
@media screen and (max-width:320px){
	.Article_update dl dd span{font-size:0.768rem;}
	.Article_update dl dd span a{font-size:0.768rem;}
	.Article_update dl dd p{font-size:0.768rem;}
	.Article_update dl dd p a{font-size:0.768rem;}
	.Article_update ul li{font-size:0.768rem;}
	.Article_update ul li a{font-size:0.768rem;}

}



/*  新版本底部   */
.Xfooter{ width:100%; overflow:hidden; margin:2.8% auto 13.2%; background:#ea1f8e;}
.Xfooter dl{ width:94.66%;  overflow:hidden; margin:0 auto; padding:2.8% 0;}
.Xfooter dl dt{ width:76.05%; overflow:hidden; float:left; color:#fff; font-size:1.8rem; font-weight:normal;}
.Xfooter dl dt a{ color:#fff; font-size:1.8rem;}
.Xfooter dl dd{ width:23.94%; overflow:hidden; float:left;}

@media screen and (max-width:414px){
	.Xfooter dl dt{font-size:0.9936rem}
	.Xfooter dl dt a{font-size:0.9936rem}

}
@media screen and (max-width:400px){
	.Xfooter dl dt{font-size:0.96rem}
	.Xfooter dl dt a{font-size:0.96rem}
}
@media screen and (max-width:375px){
	.Xfooter dl dt{ font-size:0.9rem}
	.Xfooter dl dt a{ font-size:0.9rem}
}
@media screen and (max-width:360px){
	.Xfooter dl dt{font-size:0.864rem}
	.Xfooter dl dt a{font-size:0.864rem}
}
@media screen and (max-width:320px){
	.Xfooter dl dt{font-size:0.768rem;}
	.Xfooter dl dt a{font-size:0.768rem;}

}