@charset "utf-8";

/* CSS Document */



/****不孕不育****/

.hot ul{ width:90%; margin:5% auto;}

.hot ul li{ width:33%; float:left;}

.hot ul li img{ display:block; width:70%; margin:0 auto;}

.hot ul li p{ text-align:center; font-size: 24px; padding-top: 10px;}

.hot ul li:first-child p{ color:#31b1a9;}

.hot ul li:nth-child(2) p{ color:#e46127;}

.hot ul li:last-child p{ color:#8bac18;}

.hot div{ width:90%; margin:6% auto 0;}

.hot div button{ width:20%; display:block; border:0; font-size:18px; height:58px; background-color:#42bfb7; color:#fff; text-align:center; font-weight:bold; float:left;}

.hot div p{width: 80%; line-height: 56px; display: inline-block; border: 1px solid #ccc; box-sizing: content-box; -webkit-box-sizing: border-box; font-size: 20px; padding-left: 10px; color: #666;}

/*.hot div input{ width:78%; float:left; line-height:54px; font-size: 16px; color:#999;}*/



.tabBox1{ margin-top:8%;}

.tabBox1 .hd{ background-color:#42bfb7; padding-top:10px;}

.tabBox1 .hd li{ width:30%; float:left; font-size: 24px; text-align:center; line-height:2.4; color:#fff;}

.tabBox1 .hd li:first-child{ margin:0 3% 0 3%;}

.tabBox1 .hd .on{ background-color:#fff; color:#42bfb7;}

.tabBox1 .sL{ width:95%; margin:10px auto 0;}

.tabBox1 .sL li{ padding:1.2em 0 1.2em 0; border-bottom:1px dashed #ccc;}

.tabBox1 .sL li img:first-of-type{ width:6%; float:left; margin-top: 5px;}

.tabBox1 .sL li img:last-of-type{ width:8%; float:right;}

.tabBox1 .sL li p{ width:75%; margin-left:3%; float:left; color:#555; font-size:24px; line-height:2;}



.main1{ margin-top:8%; font-size: 16px;}

.tit-1{ background-color:#42bfb7; color:#fff; padding:0.8em 0 0.8em 5%; font-weight:bold; font-size: 28px;}

.tit-1 img{ display:inline-block; width:8%; margin-right:10px;}

.tit-1 a{ float:right; display:inline-block; margin-right:5%; font-size:20px; color:#fff;}

.tabBox2{ margin:4% auto 0;}

.tabBox2 .bd{ width:90%; margin:0 auto;}

.tabBox2 .bd li img{ display:block; float:left; margin-left:3%;}

.tabBox2 .bd li div{ float:left; width:67%;}

.tabBox2 .bd li div h2{ color:#ff9000; padding-left:5%; font-size: 32px;}

.tabBox2 .bd li div h2 span{ display:inline-block; color:#555; font-size:20px; margin-left:1em;}

.tabBox2 .bd li div p{ width:90%; margin:4% auto 0; line-height:1.5em; font-size: 22px;}

.tabBox2 .bd li div p a{ display:inline-block; color:#F00;}

.tabBox2 .bd li div ol{ width:90%; margin:6% auto 0;}

.tabBox2 .bd li div ol li{ float:left; width:40%; line-height:3em; border-radius:8px;}

.tabBox2 .bd li div ol li a{ display:block; text-align:center; color:#fff; font-size: 20px;}

.tabBox2 .bd li div ol li:first-child{ background-color:#42bfb7;}

.tabBox2 .bd li div ol li:last-child{ background-color:#ec9600; margin-left:10%;}

.tabBox2 .hd{ width:80%; margin:8% auto 0;}

.tabBox2 .hd li{ width:30%; float:left; border:1px solid #555; color:#555; text-align:center; line-height:2em; font-size: 22px;}

.tabBox2 .hd li:nth-child(2){ margin-left:3%;}

.tabBox2 .hd li:nth-child(3){ margin-left:3%;}

.tabBox2 .hd li:nth-child(4){ margin-top:3%;}

.tabBox2 .hd li:nth-child(5){ margin-left:3%; margin-top:3%;}

.tabBox2 .hd li:last-child{ margin-left:3%; margin-top:3%;}

.tabBox2 .hd .on{ color:#eaab3e;}



.main2{ margin-top:8%;}

.tabBox3{ width:90%; margin:5% auto;}

.tabBox3 .hd{ margin-bottom:5%;}

.tabBox3 .hd li{ float:left; width:45%;}

.tabBox3 .hd li:first-child{ background-color:#FEE9E6; color:#F179A7; padding:10px 0 10px 5px;}

.tabBox3 .hd li:last-child{ margin-left:8%; background-color:#d1f6f4; color:#42bfb7; padding:14px 0 14px 5px;}

.tabBox3 .hd li p{ font-size: 22px; float:left; margin-left:10px; padding-top: 10px;}

.tabBox3 .hd li p:first-line{ line-height:1.5em; font-size: 28px; font-weight:bold;}

.tabBox3 .hd li:before{ content: ""; width: 66px; height: 99px; display:block; float:left;  margin: 0 10px 0 15px; background: url(../images/main2_btn1.jpg) no-repeat;}

.tabBox3 .hd li:last-child:before{ width: 90px; height: 91px; margin: 0 0 0 10px; background-image: url(../images/main2_btn2.jpg);}



.tabBox3 .hd li:first-child.on{ background-color: #EE79A6; color: white; }

.tabBox3 .hd li:first-child.on:before{ background-image: url(../images/main2_btn1_on.jpg); }

.tabBox3 .hd li:last-child.on{ background-color: #42BFB7; color: white; }

.tabBox3 .hd li:last-child.on:before{ background-image: url(../images/main2_btn2_on.jpg); }



.tabBox3 .bd ol li{ float:left; width:31%; margin-bottom:3%; text-align: center; background-color: #F3F3F3; line-height: 2; font-size: 22px; padding: 15px 0 5px;}

.tabBox3 .bd ol li img{ width:60%;}

.tabBox3 .bd ol li:nth-child(7){ clear:both; margin-right:3.3%;}

.tabBox3 .bd ol li:first-child,.tabBox3 .bd ol li:nth-child(2),.tabBox3 .bd ol li:nth-child(4),.tabBox3 .bd ol li:nth-child(5),.tabBox3 .bd ol li:nth-child(8){ margin-right:3.3%;}

.tabBox3>div{ margin-top:8%;}

.tabBox3>div>a{ width:40%; font-size:1.4em; float:left; color:#333; font-weight:bold; border:2px solid #999; display:block; text-align:center; line-height:2.5em;}

.tabBox3>div>a:first-child{ margin:0 9% 0 5%;}



.tabBox3 .bd ol li:nth-child(3n-2) a{color: #41BFB3;}

.tabBox3 .bd ol li:nth-child(3n-1) a{color: #FAAB44;}

.tabBox3 .bd ol li:nth-child(3n) a{color: #EC726F;}



/****男性不育，女性不孕****/

.main3{ margin-top:8%;}

.tit-2{ background-color:#42bfb7; color:#fff; line-height:2.2; text-align:center; font-size:28px; letter-spacing:2px;}

.main3 table{ width:95%; margin:5% auto; font-size: 24px; border-left: 1px solid #666; border-top: 1px solid #666;}

.main3 table td{ line-height:2.5em; text-align:center; border-right: 1px solid #666; border-bottom: 1px solid #666;}

.main3 table td a{ color: #000; text-decoration: none; }

.main3>a{ width:70%; display:block; margin:0 auto; color:#ff981b; text-decoration:underline; text-align:center; font-size: 28px;}



.main4{ margin-top:8%;}

.main4 ul{ margin-top:5%;}

.main4 ul li{ float:left; margin-bottom:1%;}

.main4 ul li a{ display:block; line-height:2.5em; font-size: 22px; text-align:center; color:#fff;}

.main4 ul li:first-child{ width:19%; background-color:#ff7f77; margin-right:1%; padding-bottom:8px;}

.main4 ul li:nth-child(2){ width:40%; background-color:#42bfb7; margin-right:1%;}

.main4 ul li:nth-child(3){ width:39%; background-color:#b29bf4;}

.main4 ul li:nth-child(4){ width:39%; background-color:#3edbf7; margin-right:1%;}

.main4 ul li:nth-child(5){ width:40%; background-color:#ffa563;}

.main4 ul li:nth-child(6){ width:100%; background-color:#8cdc83;}

.main4 ul li:nth-child(7){ width:49%; background-color:#d9cc5e; float:left;}

.main4 ul li:nth-child(8){ width:49%; background-color:#b29bf4; float:right;}

.main4 ul li:last-child{ width:100%; background-color:#ff7f77;}

.main4>a{ display:block; width:40%; text-align:center; background-color:#ec9600; font-size:24px; color:#fff; line-height:3; margin:8% auto 0;}



/****医院动态****/

.main5{ margin-top:2%;}

.main5 ul{ width:95%; margin:0 auto;}

.main5 ul li{ padding:1.2em 0 1.2em 0; border-bottom:1px dashed #ccc;}

.main5 ul li img:first-of-type{ width:6%; float:left;}

.main5 ul li img:last-of-type{ width:7%; float:right;}

.main5 ul li p{ width:75%; margin-left:3%; float:left; color:#555; font-size:24px; line-height:2;}

.main5 .autoPage{ width:50%; margin:3% auto 0; font-size: 24px; }

.main5 .autoPage li{float: left; margin-right: 10px; list-style:none; color:#555;}

.main5 .autoPage a{ display:block; color:#ec9600;}

.main5 .autoPage a:first-child{ float:left;}

.main5 .autoPage a:last-child{ float:right;}



.main6{ margin-top:4%;}

.main6 ul{ width:95%; margin:10px auto 0;}

.main6 ul li{ border-bottom:1px dashed #ccc; line-height:66px; font-size:24px;}

.main6 ul li a{ display:inline-block; color:#5d5d5d; margin-left: 10px;}

.main6>a{display:block; width:50%; text-align:center; background-color:#ec9600; font-size:24px; color:#fff; line-height:3; margin:5% auto 0;}



/****来院路线****/

.ly-mian{ margin-top:5%;}

.zjjs-main .p-doc{background:url(../images/ly_line.jpg) repeat-x bottom; padding:2% 0; text-align:center; color:#8e0016}

.zjjs-main .p-doc a{ color:#005b46; text-decoration:underline;}

.p-address{padding:1% 2% 1% 5%; font-size:1.6em;}

.p-address li{display: inline-block;width: 23%;height: 65px;line-height: 65px;text-align: center;color: #fff;background: #42bfb7;margin-top: 1%;}

.p-address ul li.active{ background:#F0B600; cursor:pointer;}

.p-address textarea{ width:99%;border-radius:5px;border: 1px solid #d9d9d9; height:100px; font-size: 24px;}

.ly-mian p{ line-height:1.8; color:#666666; background:url(../images/ly_line.jpg) repeat-x bottom;padding:0 5%; overflow:hidden; font-size: 24px;}

.ly-mian p a{ display:block; margin:5% auto; width:60%; color:#fff; text-align:center; line-height:3em; background:#42bfb7;}

.ly-mian .p-tit{ text-align:center; }

.ly-mian .p-tit span{ color:#e4632b; font-size:1.8em; font-weight:bold;}

.ly-mian p img{ width: 618px; padding:10px; display: block; margin: 0 auto; background:#fff; border:1px solid #c1b6b6;}

.p-address p{padding: 2% 5%;}



/****文章页****/

.main7{ margin-top:7%;}

.main7 h2{ text-align:center; color:#42bfb7; line-height:1; font-size: 28px;}

.main7 .tel-2{ margin-top:3%;}

.main7 .tel-2 ul{ width:45%; height:3em; margin:0 auto; background-image:url(../images/tel_icon1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center;}

.main7 .tel-2 ul li{ width:33.3%; height:3em; float:left;}

.main7 .tel-2 ul li a{ display:block;}

.main7 .tip{ border-top:1px solid #ccc; width:90%; margin:3% auto; padding-top:3%; font-size: 20px;}

.main7 .tip div:first-child{ width:18%; float:left; text-align:center; border:1px solid #fabab8; color:#e90000; line-height:2em; letter-spacing:4px; font-weight:bold; padding: 10px 0;}

.main7 .tip div:last-child{ width:78%; float:right; line-height: 30px; padding-top: 8px;}

.main7 .tip div:last-child a{ color:red;}

.main7 .art{ width:90%; margin:5% auto;}

.main7 .art p{font-size: 24px; line-height: 1.8;}

.main7 .art img{vertical-align: middle;}



.main7 .show-icon{width: 231px; margin: 0 auto; font-size: 0; padding: 20px 0 0;}

.main7 .show-icon li{width: 47px; text-align: center; line-height: 2; font-size: 20px; padding: 0 15px; display: inline-block;}

.main7 .show-icon li a{color: #666;}

.main7 .show-icon li:first-child a{color: #F8A74C;}

.main7 .show-icon li:nth-child(2) a{color: #3BC0BB;}

.main7 .show-icon li:last-child a{color: #ED706E;}





/****专家****/

.main8{ margin-top:5%;}

.main8 h3{ text-align:center; font-size: 30px; line-height: 1.5;}

.main8 h3 span{ color:#42bfb7;}



.main8 .tel-3{ width:45%; height:2em; margin:5% auto; background-image:url(../images/tel_icon2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center;}

.main8 .tel-3 li:first-child{ width:45%; height:2em; float:left;}

.main8 .tel-3 li:last-child{ width:55%; height:2em; float:right;}



.main8 .btn{width: 433px; margin: 10px auto 0;}

.main8 .btn a{line-height: 60px; display: inline-block; color: white; font-size: 24px;}

.main8 .btn a:before{width: 40px; height: 40px; display: block; content: ""; background: url(../images/zj_icon1.jpg) no-repeat; -webkit-background-size: contain; background-size: contain; float: left; margin: 10px; border-radius: 5px;}

.main8 .btn a:first-child{width: 166px; background-color: #43BFB7;}

.main8 .btn a:last-child{width: 252px; margin-left: 15px; background-color: #FF6100;}

.main8 .btn a:last-child:before{background-image: url(../images/zj_icon2.jpg);}





.main8 .zjlist>li{ background-color:#f3f4f6; padding-bottom:5%; margin-top:8%;}

.main8 .zjlist .mao{width:0; height:0; font-size:0; overflow: hidden;}

.main8 .zjlist .ztop{ width:95%; margin:3% auto 5%;}

.main8 .zjlist .ztop img{  display:block; float:left;}

.main8 .zjlist .ztop div{ width:65%; float:right;}

.main8 .zjlist .ztop div h3{ color:#00999b; line-height:1.5; font-size: 34px; text-align: left; font-weight: normal;}

.main8 .zjlist .ztop div h4{ color:#00999b; line-height:2; font-size: 28px; font-weight: normal;}

.main8 .zjlist .ztop a{ display:block; width:40%; float:left; text-align:center; color:#fff; line-height:2; margin-top:5%; font-size: 24px;}

.main8 .zjlist .ztop a:first-of-type{ background-color:#f27c02;}

.main8 .zjlist .ztop a:last-of-type{ background-color:#42bfb7; margin-left:8%;}

.main8 .zjlist>li>p{ width:95%; margin:0 auto; font-size: 24px; line-height: 1.5;}

.main8 .zjlist .zbtm section{ background-color:#42bfb7; text-align:center; font-size:24px; color:#fff; line-height:2; margin-top: 20px;}

.main8 .zjlist .zbtm ul{ margin-top:20px;}

.main8 .zjlist .zbtm ul li{ float:left; text-align:center; color:#fff; line-height:2; font-size: 24px;}

.main8 .zjlist .zbtm ul li:first-child{ width:20%; background-color:#d2cb71; margin:0 5px 0 6px;}

.main8 .zjlist .zbtm ul li:nth-child(2){ width:20%; background-color:#fba1a1; margin-right:5px;}

.main8 .zjlist .zbtm ul li:nth-child(3){ width:20%; background-color:#c7e1b2; margin-right:5px;}

.main8 .zjlist .zbtm ul li:nth-child(4){ width:15%; background-color:#fed57b; margin-right:5px;}

.main8 .zjlist .zbtm ul li:last-child{ width:20%; background-color:#76b9e3;}



/****医院简介****/

.main9{ margin-top:8%;}

.bac ul{ width:92%; margin:3% auto; border:1px solid #ccc; box-shadow: 5px 5px 5px #ccc; padding:5% 0 5% 0;}

.bac ul li{ width:85%; margin:0 auto; font-size:24px; padding:7px 0 7px 5%; background-image:url(../images/bac_icon2.jpg); background-repeat:no-repeat; background-position:left center;}

.bac ul li img{}

.bahi h2{ text-align:center; line-height:2em;}

.bahi span{ display:block; text-align:center;}

.bahi p{ width:90%; margin:3% auto; font-size:16px; text-indent:2em; line-height:1.6; font-size: 24px;}

.bahi hr{ border:5px solid #ccc; width:90%; margin:3% auto;}

.bt1{ text-align:center; line-height:2; font-size: 36px;}

.bt2{ display:block; text-align:center; font-size: 24px;}

.bazl a{ display:block; width:90%; background-color:#ef7800; line-height:2.5; text-align:center; font-weight:bold; font-size:32px; border-radius:8px; color:#fff; margin:0 auto;}

.bahj{ margin-top:8%;}

.bahj div{ width:90%; margin:8% auto;}

.bahj dl{ width:48%; float:left;}

.bahj dl:last-child{ margin-left:4%;}

.bahj dl dt img{ width:100%;}

.bahj dl dd{ text-align:center; line-height:2.2em; font-size:16px;}

.bahj dl dd:first-of-type{ font-weight:bold; font-size:1.8em;}

.badr1,.badr2{ width:90%; margin:0 auto 2%;}

.badr1 h3{ background-color:#43bfb7; color:#fff; font-weight:normal; background-image:url(../images/badr2.jpg); background-position:90% center; background-repeat:no-repeat; font-size:24px; line-height:2.5; padding-left:5%; border-bottom: 1px solid #F6F6F6;}

.badr1 p,.badr2 p{ font-size: 16px; }

.badr1 h2,.badr2 h2{ text-align:center; line-height:3; font-size: 26px;}

.badr1 h3.on{ background-image:url(../images/badr1.jpg); background-position:89% center; background-repeat:no-repeat;}

.badr1 p{ background-color:#f6f6f6; padding:5%; margin-bottom:1%; font-size: 22px;}

.badr1 p i{ font-style:normal; color:#f94c00;}

.badr2 h3{ background-color:#ee79a6; color:#fff; font-weight:normal; background-image:url(../images/badr4.jpg); background-position:90% center; background-repeat:no-repeat; font-size:24px; line-height:2.5; padding-left:5%; border-bottom: 1px solid #F6F6F6;}

.badr2 h3.on{ background-image:url(../images/badr3.jpg); background-position:89% center; background-repeat:no-repeat;}

.badr2 p{ background-color:#f6f6f6; padding:5%; margin-bottom:1%; font-size: 22px;}

.badr2 p i{ font-style:normal; color:#f94c00;}

.badr2 a{ display:block; width:40%; font-size:1.8em; margin:5% auto; background-color:#f94c00; text-align:center; line-height:3; color:#fff; font-weight:bold;}

.bays .leftBox{ width:100%; height:505px; background-image:url(../images/bays1.jpg); background-position:center; background-repeat:no-repeat;}

.bays .leftBox .bd li{ height:400px; height: 505px; margin:0 auto; position: relative;}

.bays .leftBox .bd li .info{ width:305px; height:355px; border:1px solid #555; border-radius:10px; background-color:#fff; margin: 30px 0 0 30px;}

.bays .leftBox .bd li .info h1{ padding-left:8%; line-height:1.2; margin-top:5%; font-size: 40px;}

.bays .leftBox .bd li .info span{ font-size:28px; display:block; border-bottom:1px solid #000; width:85%; line-height:2.5; margin:0 auto;}

.bays .leftBox .bd li .info p{ width:85%; margin:0 auto; font-size:20px; line-height:2.3;}

.bays .leftBox .bd li .info p img{ display:block; float:left; margin:5px 10px 0 0;}

.bays .leftBox .bd li .info p:last-of-type{ color:#999; padding-bottom: 10px;}

.bays .leftBox .bd li .info ol{ width:85%; height:90px; margin:0 auto; font-size:1.5em;}

.bays .leftBox .bd li .info ol li{ color:#fff; text-align:center;}

.bays .leftBox .bd li .info ol li:first-child{ width:20%; height:90px; line-height:1.8em; float:left; background-color:#a9a9a9;}

.bays .leftBox .bd li .info ol li:nth-child(2){ width:65%; height:40px; line-height:40px; background-color:#e6ad56; float:right; margin-right: 20px;}

.bays .leftBox .bd li .info ol li:last-child{ width:65%; height:40px; line-height:40px; margin-top:10px; background-color:#e6ad56; float:right; margin-right: 20px;}

.bays .leftBox .bd li img.info-zj{position: absolute; top: 0; right: 0;}

.bays .leftBox .bd li .info-btn{position: absolute; width: 580px; height: 60px; bottom: 30px; left: 30px;}

.bays .leftBox .bd li .info-btn a{width: 230px; line-height: 60px; text-align: center; display: inline-block; font-size: 24px; color: white; background-color: #F94C00; margin: 0 30px; border-radius: 10px;}

.bays .leftBox .bd li .info-btn a:last-child{background-color: #42BFB7;}



.bagy{ margin-top:8%;}

.bagy p{ width:90%; margin:5% auto; line-height:2; font-size: 24px;}



.zlhj{position: relative; margin-top: 30px;}

.zlhj div{overflow: visible;}

.zlhj img{margin: 0 0 30px 33px;}

.zlhj-t span{padding-top: 40px; cursor: pointer; position: absolute; top: 0; left: 25px; font-size: 24px;}

.zlhj-t span:nth-of-type(2){left: 185px;}

.zlhj-t span:nth-of-type(3){left: 366px;}

.zlhj-t span:nth-of-type(4){left: 550px;}

.zlhj-t span.on{color: #86D2EA;}

.zlhj-t span:nth-of-type(2).on{color: #57BBBD;}

.zlhj-t span:nth-of-type(3).on{color: #8DBC6B;}

.zlhj-t span:nth-of-type(4).on{color: #D14862;}



.zlhj-c{width: 604px; height: 330px; margin: 30px auto 0;}

.zlhj-c .swiper-container{overflow: hidden;}

.zlhj-c .swiper-slide div{width: 293px; float: left; margin-right: 18px;}

.zlhj-c .swiper-slide div:nth-of-type(2){margin-right: 0;}

.zlhj-c .swiper-slide div img{margin: 0; width: 293px; height: 220px;}

.zlhj-c h2{font-size: 30px; text-align: center; line-height: 1; padding: 10px 0 5px;}

.zlhj-c p{font-size: 22px; text-align: center;}