@charset "utf-8";
/* Style Reset */
html{  max-height:100%; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:625%;}
body{font-size: 0.24rem; font-family: \5FAE\8F6F\96C5\9ED1/*雅黑*/, \5B8B\4F53/*宋体*/, arial, sans-serif; color:#898989;  }
body,p,h1,ul,li,input,img,figure,h5,h4,h3,h1,h2,dl,dd,dt{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a,input{text-decoration:none;outline:0px;}
i,em{ font-style:normal;}
fieldset, img {border:0;}
img{max-width:100%;max-height:100%; vertical-align: middle;}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}
/* common */
.clear {clear:both;width:100%;}
.fl{ float:left;}
.fr{ float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.disNone {display:none;}
.bg_lv{ background:#1abb9c; }
.bg_lan{ background:#426aaf; }
#toTop{-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;left:auto;}
.wapper{ width:93.9%; padding-left:3.05%; padding-right:3.05%; margin:0 auto;}
/* html part */
body{position:relative;width:100%;background:#fff;height:100%;}
.allpage{position:relative;z-index:205;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;}
.black-fixed{position: fixed;z-index:99999!important;right:0;width:0;top:0;height:100%;background:rgba(116,76,93,0.8);text-align:right;font-size:0.5rem;color:#fff;line-height:1rem;right:0;overflow:hidden}
.black-clicked{width:100%;padding-right:2%;right:56.25%;}
/*font*/
@font-face {font-family: "iconfont";
    src: url('../contfont/iconfont.eot'); /* IE9*/
    src: url('../contfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../contfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../contfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../contfont/iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;

  font-style:normal;
  color:#fff;
  
  -webkit-font-smoothing: antialiased;
  
  -moz-osx-font-smoothing: grayscale;
}
/*font*/
/* sub header */
.header{width:100%;height:1rem!important;position:relative;z-index:910;}
.head{ background:#c93267;text-align:left;position:fixed;width:100%;height:1rem;top:0;right:0;line-height:1rem;z-index:99; -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; }
.logo{display:inline-block;width:60.9%;height:1rem; text-align:center; margin-left:19.6%; }
/* search part */
.sea-btn{width:5.6%;left:3.28%;height:100%;font-size:0.36rem;line-height:1rem;color:#cecece;text-align:left;overflow:hidden;position:absolute;}
.sea-btn:active{transform:rotate(360deg);
-ms-transform:rotate(360deg); /* Internet Explorer */
-moz-transform:rotate(360eg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); transition:1s;
-moz-transition:1s; /* Firefox 4 */
-webkit-transition: 1s; /* Safari 和 Chrome */
-o-transition: 1s; /* Opera */}
.hideMenu{}
.menulists {position:absolute;width:100%; }
.menulists .search_2016{ height:0.88rem; padding-top:0.44rem;}
.search_2016 .s_box{ width:78%; height:0.47rem; border-radius:25px; border:none; color:#9e9e9e; font-size:0.24rem;line-height:0.46rem;text-indent:1em;}
.search_2016 .s_btn{ width:19%; height:0.44rem; text-align:center; background:#282828; color:#fff; border:none; margin-top:0.016rem; font-size:0.24rem; line-height:0.43rem;}
.menulists .fenlei{ text-align:center;}
.popMenu {display:none;}
.fenlei a{ color:#fff;}
.fenlei li{padding-bottom:0.21rem; width:100%; height:0.49rem;}
.fenlei h3{ background:#ebbfb3; width:100%; height:0.49rem; line-height:0.49rem; font-size:0.28rem; font-weight:300; margin-bottom:0.175rem;}
.fenlei li a{ float: left; border:1px solid #ebbfb3; font-size:0.22rem; width:31.5%; margin-right:1.8%; height:0.49rem; line-height:0.49rem; display:block;}
.fenlei li a:nth-child(3n){ margin-right:0;}
.menulists .uclose{ text-align:center; color:#fff; font-size:0.5rem; }
.uclose li{ width:20%; margin-left:40%;line-height:1rem; height:1rem;}
/* right nav */
.nav-btn{width:7.2%;right:3.28%;top:0;position:absolute;height:100%;font-size:0.42rem;line-height:1rem;color:#fff;text-align:right;overflow:hidden;}
.clicked{ margin-right:56.25%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;left:auto;}
.clicked2{ margin-right:56.25%; margin-left:-56.25%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;left:auto;} 
.nav{width:56.25%;position:absolute;right:0;top:0;bottom:0;z-index:2;background:#b63260;}
.fixed{width:56.25%;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:205;overflow-x: hidden;-webkit-overflow-scrolling: touch}
.nav_color{background:#0e2e55;    }
.nav li{width:100%;margin:0 auto;border-bottom:1px solid rgba(255,255,255,0.3);text-align: center; height:0.84rem; line-height:0.84rem; font-size:0.34rem;}
.nav li a{display:block;width:100%;color:#fff;}
.nav li a span{margin-right:8%;font-size:0.45rem; line-height:1rem;}
.nav li:first-child{ height:1rem; background:#343032; line-height:1em; font-size:0.31rem;}
.nav li:last-child{margin-bottom:20%;}
/* banner */
.banner_box { border-bottom:1px solid #ccc; text-align:center;}
.banner_box img { vertical-align:top;}
.swiper-container{ max-width:640px;}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0.02rem;right:0;width:100%}
.swiper-pagination-bullet{width:15px;height:15px;display:inline-block;border-radius:100%;background:#426aaf;opacity:1}
.swiper-pagination-bullet-active{opacity:1;background:#1abb9c}
/* banner_bottom nav */
.bbt_nav{ width:100%; max-width:640px; height:1.08rem; margin:0 auto; text-align:center;}
.bbt_nav li{ width:25%; height:1.08rem; float:left; color:#fff; font-size:0.28rem; line-height:1.5rem; position:relative;}
.bbt_nav li a{ color:#fff;}
.bbt_nav li:nth-child(even){ background:#1abb9c; }
.bbt_nav li:nth-child(odd){ background:#426aaf; }
.bbt_em1{ width:37.5%; height:0.54rem; display:block; position:absolute; left:31.25%; top:0.05rem; background:url(../images/header/rgsj_2016.png) center no-repeat; background-size:contain;}
.bbt_em2{ width:37.5%; height:0.54rem; display:block; position:absolute; left:31.25%; top:0.05rem; background:url(../images/header/sgye_2016.png) center no-repeat; background-size:contain;}
.bbt_em3{ width:37.5%; height:0.54rem; display:block; position:absolute; left:31.25%; top:0.05rem; background:url(../images/header/nxbyun_2016.png) center no-repeat; background-size:contain;}
.bbt_em4{ width:37.5%; height:0.54rem; display:block; position:absolute; left:31.25%; top:0.05rem; background:url(../images/header/nxby_2016.png) center no-repeat; background-size:contain;}

/* yuyueguanhao */
.yuyue{ height:1.1rem;position:relative;}
.yuyue ul{ width:100%; height:1.1rem; border-bottom:#b7b7b7 2px solid;}
.yuyue ul li{ width:50%; text-align:center; margin:0 auto; height:0.72rem; font-size:0.28rem; color:#646464; padding-top:0.38rem; line-height:0.28rem;  }
.yuyue a{ display:block; position:absolute; bottom:-2px; height:2px; background:#426aaf; width:32.5%; left:33.75%;}
.yuyue ul li small{ color:#898989; font-size:0.16rem;}
/*   expert_team    */
.expert_team{ padding-top:0.42rem; height:2.82rem; width:93.4%;  margin:0 auto; max-width:601px; overflow:hidden; position:relative; }
.expert_team a{ color:#fff;}
.expert_team li{ position:relative; }
.expert_team li .rw_pic{ display:block; position:absolute; bottom:0; height:2.6rem; width:28.1%; left:9.4%;}
.expert_team li .re_jies{ display:block; position:absolute; top:0.26rem; right:9.4%; height:1.74rem; width:50.6%;font-size:0.24rem; line-height:0.3rem;}
.re_jies h4{ height:0.52rem; line-height:0.52rem; border-bottom:1px solid #fff; font-size:0.24rem; font-weight:400;}
.re_jies h4 span{ font-size:0.28rem;}
.re_jies p{ padding-top:0.08rem;}
.expert_team li .ra_zxzj{ display:block; position:absolute; border-radius:50px; width:20%; height:0.36rem; font-size:0.22rem; text-align:center; line-height:0.34rem; background:#1abb9c; right:31.4%; bottom:0.27rem;}
.expert_team li .ra_zxyy{ display:block; position:absolute; border-radius:50px; width:20%; height:0.36rem; font-size:0.22rem; text-align:center; line-height:0.34rem; background:#426aaf; right:7%; bottom:0.27rem;}
.expert-next{ position:absolute; height:0.5rem; width:0.5rem; right:1%; top:1.56rem; z-index:300;border-radius:50%;}
.expert-prev{ position:absolute; height:0.5rem; width:0.5rem; left:1%; top:1.56rem; z-index:300; border-radius:50%; }
.expert-prev:hover{ background:rgba(66,105,175,0.3);}
.expert-next:hover{ background:rgba(66,105,175,0.3);}
/*    tubs baby and inseminaton     */
.tubs_box{ overflow:hidden;width:93.9%; max-width:601px; margin:0 auto; }
.tubs_box .hd{ width:100%; height:1.1rem; border-bottom:#b7b7b7 2px solid;}
.tubs_box .hd li{ width:32.5%; float:left;height:0.72rem; font-size:0.28rem; color:#898989; padding-top:0.38rem; line-height:0.28rem; text-align:center;}
.tubs_box .hd li small{ font-size:0.16rem;}
.tubs_box .hd ul li.on{border-bottom:#426aaf 2px solid;color:#646464;}
.tubs_box .bd ul{ width:100%;}
.tubs_l1{ height:1.79rem; padding-top:0.35rem; position:relative; padding-left:40.9%; width:59.1%; font-size:0.24rem; color:#898989; line-height:0.35rem; margin-bottom:0.2rem;}
.tubs_l1 .tubs_pic{ height:1.56rem; position:absolute; left:0; top:0.4rem; width:37.4%;}
.tubs_l1 .tubs_xxnr{ display:block; position:absolute; border-radius:50px; height:0.36rem; line-height:0.34rem; color:#fff; font-size:0.22rem; text-align:center; background:#1abb9c; right:31.47%; bottom:0.18rem; width:20%;}
.tubs_l1 .tubs_zxzx{ display:block; position:absolute; border-radius:50px; height:0.36rem; line-height:0.34rem; color:#fff; font-size:0.22rem;text-align:center; background:#426aaf; right:7.48%; bottom:0.18rem; width:20%;}
.tubs_l2{width:100%; height:0.45rem; line-height:0.45rem; border-radius:50px; background:#f6f6f6; font-size:0.24rem; color:#898989; margin-bottom:0.2rem; text-indent:1em; position:relative;}
.tubs_l2 a{ color:#898989;}
.tubs_l2 em{display:block; position:absolute;height:0.3rem; width:0.3rem; text-align:center; top:0.075rem; right:3.5%; background:url(../images/tiaozhuan_01.png) center no-repeat; background-size:contain;}
.tubs_l3{margin-top:0.2rem; width:100%; height:0.45rem; line-height:0.45rem; border-radius:50px; background:#426aaf; font-size:0.28rem; text-align:center;}
.tubs_l3 a{ color:#fff;}
/*    intertility    */
.infertility_box { width:93.4%; margin:0 auto; max-width:601px; overflow:hidden;}
.infertility_box .hd{ width:100%; height:1.1rem; border-bottom:#b7b7b7 2px solid;}
.infertility_box .hd li{ width:32.5%; float:left;height:0.72rem; font-size:0.28rem; color:#898989; padding-top:0.38rem; line-height:0.28rem; text-align:center;}
.infertility_box .hd li small{ font-size:0.16rem;}
.infertility_box .hd ul li.on{border-bottom:#426aaf 2px solid;color:#646464;}
.infer_a1{ height:0.48rem; width:30.9%; float:left; border-radius:50px; text-align:center; line-height:0.48rem; margin-left:3%; display:block; color:#fff;}
.infer_a1:first-child{ margin-left:0;}
.infer_l1{ width:100%; height:0.48rem; margin-bottom:0.2rem;}
.infer_l1:first-child{ margin-top:0.4rem;}
.infer_l2{ width:100%; height:1.53rem; margin-top:0.4rem; margin-bottom:0.2rem;}
/*     key departments     */
.depart_box{ padding-top:0.42rem; height:3.1rem;}
.depart_ai{ width:31.4%; height:1.45rem; text-align:center; float:left; margin-left:2.8%; margin-bottom:0.2rem; display:block;} 
.depart_ai:first-child,.depart_ai:nth-child(4){ margin-left:0;}
.depart_ai:nth-child(even){ background:#1abb9c;}
.depart_ai:nth-child(odd){background:#426aaf;}
.depart_box a{ color:#fff;}
.depart_box a p{ height:0.82rem; width:100%;}
.depart_box a h4{ font-size:0.24rem; width:100%; font-weight:400; line-height:0.2rem; padding-top:0.07rem;}
.depart_box a h4 small{ font-size:0.19rem;line-height:0.35rem;}
/*     Hospital environment    */
.envir_box{ padding-top:0.42rem; width:93.4%;  margin:0 auto; max-width:601px; overflow:hidden; position:relative;}



/*  footer beian  */
.footer_ba{ padding-top:0.158rem; padding-bottom:0.1rem; margin-top:0.02rem;}
.footer_ba p{ height:0.783rem; background:#f6f6f6; color:#898989; font-size:0.24rem; text-align:center; line-height:0.33rem; padding-top:0.1rem;}
.table_sreach{ color:#656565; font-size:0.20rem;width:100%;max-width:640px;margin:0 auto; }
.table_sreach a{ color:#426aaf;}

.table_sreach h2{font-size:0.24rem;font-weight:400;line-height:0.5rem;}
.table_sreach_input{  width:70%;height:0.32rem;line-height:0.36rem;}
.table_sreach_botton{  width:15%;height:0.36rem;line-height:0.32rem;}
.a{color:#1abb9c;padding-top:0.16rem;}
.table_sreach_position{ padding:0.2rem 0 0.2rem 0; border-bottom:1px solid #ccc;}
.table_sreach_position2{ padding:0.16rem 0 0.2rem 0;font-size:0.22rem;}
.table_sreach_position2 strong{ color:#ff0000;font-weight:400;}
.table_sreach_position3{padding-top:0.2rem;}

/*  专题小导航  */
.ztxdh{ width:100%; background:#c93267; max-width:640px; margin:0 auto; height:0.6rem;}
.ztxdh ul li{ float:left; text-align:center; font-size:0.25rem; line-height:0.6rem; border-left:1px solid rgba(180,180,180,0.8); width:21.1%;}
.ztxdh ul li:first-child{ border-left: none; width:14%;}
.ztxdh ul li a{ color:#ffffff;}



/*-----自适应-----*/
@media all and (min-width:640px){
    .wapper{width:601px;margin:0 auto;position:relative; padding-left:19.5px; padding-right:19.5px;}
	.fenlei li a{  width:31.5%; margin-right:2.2%;  }
	.tubs_box{ overflow:hidden;width:601px; margin:0 auto; }

}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    
	.fenlei li a{ float: left; border:1px solid #1abb9c; font-size:0.18rem; width:31.5%; margin-right:1.6%; height:0.416rem; line-height:0.416rem; display:block;}

}
@media only screen and (max-width: 320px) {
   
		.fenlei li a{  width:31.5%; margin-right:0.6%;}

}