@charset "utf-8";
/* CSS Document */
/*-------------首页-------------*/
/*顶部导航*/
header{height: 70px; background: #fff; border-bottom: 1px solid #f1f1f1; margin-bottom: 30px; position: relative; z-index: 999;}
header .logo{ width: 204px; height: 46px; display: block; float: left;margin: 12px 30px 0 0; position: absolute; z-index: 11;}
header .logo a{ width: 204px; height: 46px; background: url("/images/yunfu_custom.png") 0 0; display: block; }
header ul{ width:490px;height: 70px; overflow: hidden; display:block; float: left; line-height: 70px;}
header ul li{display: block; float: left; color:#F35F88; padding-right: 15px; white-space: nowrap;}
header .header_search { width: 240px; display: block; float: right;   margin-top: 15px;}
header .header_search .topLayerTxt {margin: 0 !important; float: left}
header .header_search .fLayerdl { font-size: 14px !important;  top: 40px !important; z-index: 100}
header .data_search, .header .search-btn { display: inline-block;  vertical-align: top}
header .data_search {   width: 200px;  *width: 165px;    height: 40px; *height:38px; line-height: 40px;   border: 1px solid #ddd;   border-right: 0;   padding: 0 17px;   border-radius: 20px 0 0 20px; box-sizing: border-box;  outline: none;  box-shadow: none;}
header .data_search:focus {  border: 1px solid #F35F88; border-right: 0}
header .search_btn {  width: 40px;  height: 40px;   border-radius: 0 20px 20px 0;  border: 1px solid #F35F88;  cursor: pointer; _background: #F35F88;   background: #F35F88 url(/images/yunfu_custom.png) -216px -5px;  position: relative;  outline: 0}
header .search_btn:hover {  background: #FC4078 url(/images/yunfu_custom.png) -216px -5px;    border: 1px solid #FC4078}


/*下拉列表*/
.m-siteNav{height:0; position:absolute; z-index:999; width: 100%; display:block ; float: left; left: 0;}
.m-siteNav .nav-item{float:left;width: 120px;text-align:center;color:#333;}
.m-siteNav .g-area{ overflow:hidden; width: 600px;}
.m-siteNav .nav-main{ width: 700px; margin: auto; line-height:70px;font-size:16px;font-weight:bold; overflow:hidden; color: #333; }
.m-siteNav .nav-main .nav-item.active{border-bottom: 2px solid #F35F88; color: #F35F88; height: 68px;}
.m-siteNav .nav-sub{width: 100%; visibility:hidden; overflow:hidden;z-index:111; background:#eeeeee;background:rgba(238,238,238,.95);-webkit-transition:all .3s;transition:all .3s; opacity:0; box-shadow: 0px 5px 10px rgba(102,102,102,.4);}
.m-siteNav.active .nav-sub{visibility:visible; opacity:1;}
.m-siteNav .nav-sub .g-area{height:auto;width: 700px; margin: auto;}
.m-siteNav .nav-sub .nav-item{overflow:hidden;padding: 15px 0;border-left: 1px solid #ddd;width: 119px; height:180px; position:relative;-webkit-transition:all .3s;transition:all .3s;}
.m-siteNav .nav-sub .nav-item:first-child{border-color:transparent;}
.m-siteNav .nav-sub .nav-item li{ width: 119px; height: 40px; line-height: 40px;  text-align: center;}
.m-siteNav .nav-sub .nav-item a{font-size:14px;color:#333;}
.m-siteNav .nav-sub .nav-item.active{position:relative;z-index:11;background:#fff;border-color:transparent;}
.m-siteNav .nav-sub .nav-item.active + .nav-item{border-color:transparent}
.m-siteNav .nav-sub .nav-item li a{color: #555; display: block;}
.m-siteNav .nav-sub .nav-item li a:hover{color: #F35F88;}

@media(max-width: 1199px) {
    .m-siteNav .nav-item{width: 100px;}
    .m-siteNav .g-area{ width: 500px;}
    .m-siteNav .nav-main{ width:550px; }
    .m-siteNav .nav-sub .g-area{width: 550px; }
    .m-siteNav .nav-sub .nav-item{width: 99px; }
    .m-siteNav .nav-sub .nav-item li{ width: 99px;}
}


/*焦点图特效*/
.box1{height: 370px;}
#focus{position: relative;height:370px;width:580px; display: block; float: left; overflow:hidden;z-index:0;}
#focus .bd{position: relative}
#focus .btn-prev, #focus .btn-next{display: none;position: absolute;width: 50px;height: 120px;top:50%; margin-top: -60px;}
#focus .btn-prev{left: 0;background: url(/images/yunfu_custom.png) no-repeat -170px -120px; }
#focus .btn-next{right: 0;background: url(/images/yunfu_custom.png) no-repeat -220px -120px;}
#focus .focus-bar-box{width:580px;height: 370px;position: relative;overflow: hidden;;}
#focus .focus-bar{width:3200px}
#focus .focus-bar li{float: left;width:1190px;height: 370px}
#focus .focus-bar li a{width:580px;height:370px;display: block}
#focus .focus-bar li img{width: 580px; height:370px;}
#focus .ft{width: 580px; }
#focus .change{width: 90px; position: absolute; right:0; bottom: 12px;height: 10px; z-index:2; overflow:hidden; padding-top: 2px;}
#focus .change a{float: left;  width: 6px;height:6px; margin:0 4px; background:#eee; border-radius: 6px;}
#focus .change a.on{background:#F35F88;width: 10px;height:10px; margin-top: -2px;}
#focus .hd{position: absolute;z-index:2;  background: rgba(0,0,0,.5);  left:0; bottom:0; font-size:16px;width:440px;color:#fff; overflow:hidden; padding: 0 120px 0 20px; height: 40px; line-height: 40px; }
#focus .hd a{color: #fff;}

@media(max-width: 1199px) {
    .box1{height: 320px;}
    #focus{height:320px;width:500px;}
    #focus .focus-bar-box{width:500px;height: 320px;}
    #focus .focus-bar{width:2500px}
    #focus .focus-bar li a{width:500px;height:320px;}
    #focus .focus-bar li img{width: 500px; height:320px;}
    #focus .ft{width: 360px; }
    #focus .hd{width:360px;}
}

/*编辑推荐*/
.box1 .center{width: 330px; padding:0 30px; height: 370px;display: block; float: left; overflow: hidden;}
.box1 h2{ font-size: 18px; height: 50px; line-height: 30px;}
.box1 .center section{height: 80px;padding-bottom: 19px; margin-bottom: 20px; border-bottom: 1px solid #F1F1F1; display: block; overflow: hidden;}
.box1 .center section a{ height: 80px; display: block; overflow:hidden;}
.box1 .center section span{width: 116px; height: 80px; display: block; float: left; margin-right:15px; }
.box1 .center section span img{width: 116px; height: auto; min-height: 80px; }
.box1 .center section h3{ font-size: 16px; line-height: 24px; font-weight: bold; padding-bottom: 12px;}
.box1 .center section p{color: #999; line-height: 22px;}
/*母婴经验*/
.box1 .right{width: 220px; display: block; float: left; }
.box1 .right ul{border-top: 1px solid #F1F1F1; margin-bottom: 20px; }
.box1 .right ul li{display: block; height: 50px; line-height: 50px;overflow: hidden; background: url("/images/yunfu_custom.png") no-repeat -290px 0; padding-left: 15px;border-bottom: 1px solid #F1F1F1;}
.box1 .right .more a{background: #8ECEFD; color: #fff; height: 42px; display: block; text-align: center; line-height: 42px; border-radius: 3px;}
.box1 .right .more a:hover{ background: #4C9EE0; color: #fff;}

@media(max-width: 1199px) {
    .box1 .center{width: 250px; padding:0 20px; height: 320px;}
    .box1 .center section{height: 68px;padding-bottom: 16px; margin-bottom: 16px;}
    .box1 .center section a{ height: 68px; }
    .box1 .center section span{width: 100px; height: 68px;}
    .box1 .center section span img{width: 100px; height: auto; min-height: 68px; }
    .box1 .center section h3{ font-size: 14px; line-height: 20px; padding-bottom: 8px;}
    .box1 .right{width: 200px;  }
    .box1 .right ul{margin-bottom: 12px; }
    .box1 .right ul li{ height: 42px; line-height: 42px;background: url("/images/yunfu_custom.png") no-repeat -290px -4px;}
}

/*-------备孕--------*/
.box2{ border: 1px solid #FFE6EC; width: 1190px;margin:40px auto 0; border-radius: 5px; }
.box3{ border: 1px solid #F3E9FC;}
.box4{ border: 1px solid #FCEBEA;}
.box5{ border: 1px solid #D8EEFF;}

.box2 a{color: #333;}
.box2 a:hover{color: #eb5c82;}
.box3 a:hover{color: #9854d3;}
.box4 a:hover{color: #dc7674;}
.box5 a:hover{color: #389adb;}

.box2 .title{ height: 60px; background: #FFE6EC;}
.box3 .title{background: #F3E9FC;}
.box4 .title{background: #FCEBEA;}
.box5 .title{background: #D8EEFF;}

.box2 .title span{ height: 60px; display: block; float:left; margin: -16px 30px 0 20px; }
.box2 .title span{ width: 90px; background: url("/images/yunfu_custom.png") 0 -50px;}
.box3 .title span{ width: 96px; background: url("/images/yunfu_custom.png") -100px -50px;}
.box4 .title span{ width: 163px; background: url("/images/yunfu_custom.png") 0 -110px;}
.box5 .title span{ width: 111px; background: url("/images/yunfu_custom.png") 0 -170px;}
.box2 .title ul{padding-top: 25px;}
.box2 .title ul li{display: block; float: left;}
.box2 .title em{color: #F77899;}
.box3 .title em{color: #9854d3;}
.box4 .title em{color: #dc7674;}
.box5 .title em{color: #389adb;}
.box2 .title a{ padding: 0 10px; }

/*内容*/
.box2 .box2_con{padding:0 30px 30px 30px; }
.box2 .box2_con .top_title{height: 70px; line-height: 70px;overflow: hidden; text-align: right;}
.box2 .box2_con .top_title h2{font-size: 20px; color: #eb5c82;display: block; float: left;}
.box3 .box2_con .top_title h2{font-size: 20px; color: #9854d3;display: block; float: left;}
.box4 .box2_con .top_title h2{font-size: 20px; color: #dc7674;display: block; float: left;}
.box5 .box2_con .top_title h2{font-size: 20px; color: #389adb;display: block; float: left;}
.box2 .box2_con .top_title a{color: #999; }
.box2 .box2_con .top_title a:hover{color: #eb5c82; text-decoration: underline;}
.box3 .box2_con .top_title a:hover{color: #9854d3; text-decoration: underline;}
.box4 .box2_con .top_title a:hover{color: #dc7674; text-decoration: underline;}
.box5 .box2_con .top_title a:hover{color: #389adb; text-decoration: underline;}

/*左侧内容*/
 .box2_con .left,.box2_con .center,.box2_con .right{width: 460px; display:block; float: left;}
 .box2_con .left .top{ display: block; height: 120px; overflow: hidden;}
 .box2_con .left .top h3{font-size: 18px; line-height: 28px; display: block; height: auto; padding-bottom: 15px;}
 .box2_con .left p{ display: block;position: relative; padding-left: 45px; color: #999; max-height: 72px; overflow:hidden;}
 .box2_con .left p span{width: 22px; height: 14px; display: block; position: absolute; left: 10px;top: 0; background: url("/images/yunfu_custom.png") -220px -50px;}
 .box2_con .left ul{ width: 480px; height: 150px; overflow: hidden; margin-top: 15px;}
 .box2_con .left ul li{ width: 145px; display: block; float: left; margin-right: 10px; text-align: center;}
 .box2_con .left ul li span{ width: 145px; height: 100px; display: block; overflow: hidden; margin-bottom: 10px;}
 .box2_con .left ul li span img{ width: 145px; height: auto; min-height: 100px;}

/*中间内容*/
.box2_con .center{width: 280px;padding: 0 40px;}
.box2_con .center p{width: 280px; height: 150px; display: block; overflow: hidden; position: relative; margin-bottom: 20px;}
.box2_con .center p img{width: 100%; height: auto; min-height: 150px;}
.box2_con .center p img:hover{opacity: .9;}
.box2_con .center p em{display: block; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.4); color: #fff; width: 250px; padding: 5px 15px; line-height: 20px; text-align: center; }
.box2_con .center p:hover em{background: #eb5c82;}
.box3 .box2_con .center p:hover em{background: #9854d3;}
.box4 .box2_con .center p:hover em{background: #dc7674;}
.box5 .box2_con .center p:hover em{background: #389adb;}

.box2_con .center ul li{display: block; height: 36px; line-height: 36px;overflow: hidden; background: url("/images/yunfu_custom.png") no-repeat -290px -170px; padding-left: 15px;}
.box3 .box2_con .center ul li{ background: url("/images/yunfu_custom.png") no-repeat -290px -90px; }
.box4 .box2_con .center ul li{ background: url("/images/yunfu_custom.png") no-repeat -290px -130px; }
.box5 .box2_con .center ul li{ background: url("/images/yunfu_custom.png") no-repeat -290px -50px; }

/*右侧内容*/
.box2_con .right{width: 310px;}
.box2_con .right ul{ width: 100%; border-left: 2px solid #EAEAEA; margin: 30px 0 0 5px;}
.box2_con .right ul li{display: block; height: 40px; line-height: 40px;overflow: hidden; background: url("/images/yunfu_custom.png") no-repeat -280px -200px; padding-left: 25px; margin-left:-7px; }

@media(max-width: 1199px) {
    .box2{width: 990px; }
    /*左侧内容*/
    .box2_con .left{width: 400px;}
    .box2_con .left ul{ width: 420px; height: 135px;}
    .box2_con .left ul li{ width: 125px; margin-right: 10px;}
    .box2_con .left ul li span{ width: 125px; height: 86px;}
    .box2_con .left ul li span img{ width: 125px; height: auto; min-height: 86px;}
    /*中间内容*/
    .box2_con .center,.box3 .center{width: 250px;padding: 0 30px;}
    .box2_con .center p,.box3 .center p{width: 250px;}
    .box2_con .center p em,.box3 .center p em{ width: 220px; }
    /*右侧内容*/
    .box2_con .right{width: 220px;}
}


/*-------孕期-------*/
.box3  .center{width: 280px;padding: 0;}
.box3 .left{padding: 0 40px;}

/*中间部分*/
.box3 .center_btm{border-top:1px solid #F1F1F1; margin-top: 20px; padding-top: 30px; height:110px; }
.box3 .center_btm ul{display: block; float: left; width: 270px; height:auto; margin:0; padding-right: 30px;}
.box3 .center_btm ul li{display: block; height: 36px; width: 100%; line-height: 36px;overflow: hidden; background: url("/images/yunfu_custom.png") no-repeat -290px -90px; text-indent: 15px; text-align: left;}
.box5 .center_btm ul li{ background: url("/images/yunfu_custom.png") no-repeat -290px -50px; }

.box3 .center_btm span{width: 160px; height: 110px; display: block; float: right; overflow: hidden; position: relative;}
.box3 .center_btm span img{width: 100%; height: auto; min-height: 110px;}
.box3 .center_btm span img:hover{opacity: .9;}
.box3 .center_btm span em{display: block; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.4); color: #fff; width: 150px; padding: 5px 5px; line-height: 20px; text-align: center;  }
.box3 .center_btm span:hover em{background: #9854d3;}
.box5 .center_btm span:hover em{background: #389adb;}

/*右侧部分*/
.box3 .right section{ height: 90px; overflow:hidden; margin: 25px 0 10px 0;}
.box3 .right section h2{font-size: 18px; line-height: 28px; padding-bottom: 10px;}
.box3 .right section p{color: #999;}
.box3 .right ul { height: 230px; overflow: hidden; margin:0; border: none; }
.box3 .right ul li{display: block; height: 48px; line-height: 48px;overflow: hidden; background: url("/images/yunfu_custom.png") no-repeat -290px -83px; padding-left: 15px;border-bottom: 1px solid #F1F1F1; margin: 0;}
.box5 .right ul li{ background: url("/images/yunfu_custom.png") no-repeat -290px -43px;}

@media(max-width: 1199px) {
    /*左侧内容*/
    .box3 .left{width: 400px; padding: 0 30px;}
    .box3 .center_btm ul{ width: 210px;}
      /*中间内容*/
    .box3 .center{width: 250px; padding: 0;}
    /*右侧内容*/
    .box2_con .right{width: 220px;}
}