﻿@charset "utf-8";
/*common*/
body, p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, form { margin: 0; padding: 0; list-style: none; vertical-align: middle }
body { background: #FFF; font-family:微软雅黑; color: #333; -webkit-user-select: auto; -webkit-text-size-adjust: none; font-size: 17px;width:640px; min-width: 640px; max-width: 640px; margin:auto;}
header, footer, img,input { display: block; margin: 0; padding: 0 }
img { border: 0 }
div{ display:block; margin:0; padding:0;}
a{ text-decoration:none; color:#444;}
a:hover{ text-decoration:none; color:#666;}
img{ max-width: 100%; width: auto\9;}
b{ font-weight:normal;}
button{ border-radius: 0; } 
textarea {  -webkit-appearance: none;}
br{ display:none;}    


.w640{ margin:0 auto; width:100%; height:auto; overflow:hidden; padding-bottom:3%; background:#FFF;}
.huise{ margin:0 auto; width:100%; height:20px; background:#f0f0f0;}

/*index*/

.top_d{ width:640px; margin:0 auto; overflow:hidden;}
.head_tit{width:100%; height:50px; position:relative;}
.head_tits{width:100%; background:#f1f1f1; position:fixed; top:0; z-index:999; max-width:640px}
.head_tit p{width:50%; height:50px; line-height:50px; font-size:20px; color:#666; text-align:center; float:left;}
.head{width:640px; height:88px; position:relative;}
.head .top{ position:fixed; z-index:999; height:88px;background:#FFF;margin:0 auto;text-align:center;}
.head .top ul{width:640px;margin:0 auto;overflow:hidden;}
.head .top .l1{width:94px;float:left; cursor:pointer;}
.head .top .l2{ float:left; margin:10px 0 0 30px; display:inline;}
.head .top .l3 .sousuo{float:right; width:88px; height:88px; cursor:pointer; background:url(../images/fdj.png) no-repeat;}
.head .top .l3 .sousuo2{width:88px; height:88px;background:url(../images/fdj2.png) no-repeat;}


.sousuok{
 display:none; background:#FFF; padding:2% 0; position:absolute; width: 640px; z-index:15; right:0; margin:0; top:88px; height:380px; overflow:visible;
}
.sousuok form{ float:left; width:100%;}
.sousuok input[type="text"] {width:480px; border:1px solid #bcc3cc; color:#999; margin-left:35px; height:50px !important; line-height:50px !important; font-size:20px; text-indent:1em; float:left;}
.sousuok input[type="submit"] {width:90px; height:52px !important; line-height:52px !important; font-size:20px; background:#0AB4C4; color:#fff; border:0; overflow: hidden; float:left;}
.sousuok dl{ float:left; width:100%; padding-top:3%;}
.sousuok dl dt{ float:left; padding-left:4%; font-size:20px; color:#fe801a;}
.sousuok dl dd{ float:left; width:100%;}
.sousuok dl dd a{ float:left; width:27.5%; text-align:center; margin:2% 0 0 4%; display:inline; height:42px; line-height:42px; border:1px solid #CCC;}

.top_mid { height:348px; position:relative;}
.top_mid_in { width:638px; height:150px; position:fixed; background:#FFF; border:1px solid #13b3c1; z-index:999;}
.top_mid_in .bzbzbox { float:left; width:610px; margin:15px 0 0 15px; overflow:hidden; font-size:18px; padding-bottom:15px; border-bottom:1px solid #CCC; line-height:36px; }
.top_mid_in .bzbzbox a { color:#333;}
.top_mid_in .box2 {}
.top_mid_in .box3 { border-bottom:0;}
.top_mid_in .bzbzbox_l { float:left; width:88px; overflow:hidden; text-align:center; padding:10px 0;}
.top_mid_in .bzbzbox_r { float:right; width:500px; overflow:hidden; border-left:1px solid #CCC;margin-top:15px;}
.top_mid_in .bzbzbox_r a { float:left; display:block; padding-left:20px;font-size:24px; }

.top_lead { position:relative; width:100%; height:60px;}
.top_lead ul { height:60px; position:fixed; z-index:999; background:#ededed; width:640px;}
.top_lead ul li { float:left; width:20%; height:60px; font-size:26px; line-height:60px; text-align:center; color:#333;}
.top_lead ul li a { color:#333333;}

/******banner图******/
.footer_bottom{
	width:96%;font-size: 1.2rem;margin:0.8rem auto;color:#666;
}

.foot-nav{ margin:0 auto; width:96%; height:auto; overflow:hidden; margin-top:3%;}
.weixin{ float:left; width:25%; color:#666; font-size:16px; text-align:center; line-height:32px;}
.sjlx{ float:left; width:45%; color:#666; font-size:18px; padding-left:8%; padding-top:2%;}
.sjlx dl{ float:left; width:100%; margin-top:8%;}
.sjlx dl dt{ float:left;}
.sjlx dl dd{ float:left; padding-left:3%;}
.sjlx dl dd br{ display:inline !important;}
.ftnav_r{ float:right; width:20%; margin-top:5%;}
.ftnav_r a{ float:left; width:100%; margin-top:12%; font-size:18px; height:40px; text-align:center; line-height:40px; background:#fc6520;color:#fff;display:block;border-radius:5px;}
.ftnav_r a:nth-child(2){ background:#b1b1b1;}



#wrapdibu {
	overflow: hidden;
	display: block;
	bottom: 0px;
	width: 640px;
	height:121px;
	position: fixed;
	color: #fff; background:url(../images/db_bj.png) no-repeat;
	z-index: 999;
}
.dibu {margin: 0px auto;}
.dibu ul{ float:left; width:100%; padding-top:2%;}
.dibu ul li{ float:left; width:128px; margin-top:28px;}
.dibu ul li ol{ margin:0 auto; width:52px; height:46px; background-size:100% !important;}
.dibu ul li p{ margin:0 auto; width:100%; text-align:center; line-height:28px; font-size:18px;}
.dibu ul li a{ color:#fff}

.dibu ul .tiwen{margin-top:12px;}
.dibu ul .tiwen a{ color:#0da6b3;}

/* 首页_孕育百科 */
.h-bt p span{height:30px; line-height:30px; font-size:20px; color:#8f8f8f; margin-left:10px; padding-left:10px; border-left:1px solid #8f8f8f;}

.baike{width:96%; height:370px; margin:0 auto;}
.baike_t{width:100%; height:66px; overflow:hidden; border-bottom:1px solid #dedede;}
.baike_t ul{width:300%; height:66px; position:relative;}
.baike_t ul li{width:160px; height:66px; line-height:66px; text-align:center; font-size:18px; color:#1c1c1c; cursor:pointer; float:left;}
.baike_t ul li.cc p{width:auto; font-size:20px;padding:0 18px; height:31px; line-height:31px; color:#8fc9cb; border-radius:20px; border:2px solid #8fc9cb; margin:0 auto; display:inline-block;}
.swiper-slide a p{font-size:20px;}
.baike_b{width:100%; height:302px; position:relative;}
.baike_bs{width:100%; height:auto; position:absolute; top:0; left:0; background:#fff; display:none;}
.baike_b ul li:first-child .baike_bs{display:block;}
.baike_bs_t{width:100%; height:91px; overflow:hidden; padding:20px 0; border-bottom:1px solid #dedede;}
.baike_bs_t img{width:152px; height:91px; margin:0 12px; float:left;}
.baike_bs_ts{width:435px; height:91px; float:left;}
.baike_bs_ts a{width:100%; height:25px; line-height:25px; line-height:25px; font-size:20px; color:#0da6b3;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.baike_bs_ts p{line-height:28px; font-size:18px;text-indent: 2em; color:#979797; margin-top:15px;display: inline-block;}
.baike_bs_ts p a{display: inline;font-size:18px;}
.baike_bs_b{width:100%; height:160px; margin-top:10px;}
.baike_bs_b ul{width:96%;box-sizing:border-box; margin:0 auto;}
.baike_bs_b ul li{width:100%; height:38px; line-height:38px; font-size:18px; color:#1b1b1b;}
.baike_bs_b ul li a{width:70%; display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#7a7a7a; }
.baike_bs_b ul li span{font-size:18px; color:#7a7a7a; float:right;}

		.banner{ overflow:hidden;position:relative;width:100%;} 
		.banner .hd{height:10px; position:absolute; overflow:hidden;bottom:2%; z-index: 99;width:100%;} 
		.banner .hd ul{overflow:hidden; zoom:1; text-align:center; margin:0; padding:0}
		.banner .hd ul li{ position:relative;border-radius:10px;width:50px; height:10px; overflow:hidden; background:#fff;padding:0; margin:0px 0.3rem; text-indent:-999px; cursor:pointer;display:inline-block; color:#FFF;} 
		.banner .hd ul li.on{ background:#0ab4c4; color:#0ab4c4}
#LR_YaoDiv{ right:0 !important; top:30% !important;display:none !important;}
#maskTop{
	height:450px;
	width:640px;
	border: #999999 .01rem solid;
	border: #999999 1px solid;
    background: #fff;
    color: #333;
    position: fixed;
    top: 50%;
    left:50%;
    z-index: 1;
	transform:translate(-50%,-50%);
}
#maskTitle{
	height: 50px;
    line-height: 50px;
    font-size: 24px;
    color: #333333;
    text-align: center;
    background-color:#F1F2F2;
    border-bottom: 1px solid #999999;
    position: relative;
}
#popWinClose{
	width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
	background-size:100%;
}
#popWinClose img{
    height:50px;
    width:50px;
}
#videoiframe{
	height:400px;
	width:640px;
}
/*#LR_YaoDiv img{ width:58px !important; height:120px !important;}*/
