@charset "utf-8";
/*公共*/
* { margin: 0; padding: 0; text-decoration: none; list-style: none; border: none; font-family: "微软雅黑"; font-style: normal; }
img { border: 0; }
.wrap { width: 1200px; margin: 0 auto; display: block; position: relative; }
.wrap:after { content: ""; clear: both; display: block; }
.top, .header, .navbox, .banner { width: 100%; display: block; }
a{color:#5d5d5d;font-size: 12px;}
/*顶部*/
.top { background: #f5f5f5; }
.top span { font-size: 12px; color: #666; float: left; position: relative; line-height: 34px; height: 34px; }
.top span a { font-size: 12px; color: #666; float: left; position: relative; line-height: 34px; height: 34px; }
.top span img { display: inline-block; vertical-align: top; margin: 9px 5px 9px 0; }
.top-l { float: left; }
.top-l span:last-child { padding-left: 10px; margin-left: 10px; }
.top-l span:last-child:after { border-left: 1px solid #cecece; height: 22px; position: absolute; left: 0; top: 6px; content: ""; }
.top-r { float: right; position: relative; cursor: pointer; top: 5px;}
.top-r p { position: absolute; right: 0; height: 110px; padding: 10px; background: #fff; width: 110px; top: 34px; z-index: 99; display: none; }
.top-r p img { width: 100%; }
/*头部*/
.header { padding: 15px 0; }
.logo { float: left; }
.tel { float: right; margin: 15px 0; }
/*电话*/
.navbox { background: #b07b1f; }
.nav { float: left; }
.nav li.nav-lead { width: 250px; background: #9f6e18; cursor: pointer; }
.nav li.nav-lead img { width: 17px; height: 17px; display: inline-block; vertical-align: top; margin: 12px 5px 0 0; }
.nav li { float: left; width: 130px; color: #fff; font-size: 18px; text-align: center; height: 40px; line-height: 40px; position: relative; }
.nav li:after { border-left: 1px solid #996a19; content: ""; position: absolute; left: -1px; top: 7px; height: 26px; }
.nav li:first-child:after { border-left: 0; }
.nav li a { color: #fff; display: block; width: 100%; font-size: 18px; }
.nav li a:hover { background: #9f6e18; }
/*菜单*/
.menu { position: absolute; height: 400px; background: #fff; width: 250px; left: 0; top: 40px; z-index: 99; }
.menu .item { margin: 0 10px; width: 230px; padding: 5px 0; border-bottom: 1px solid #e7e7e7; float: left; }
.menu .item:last-child { border-bottom: 0; }
.menu .item p { display: block; width: 100%; }
.menu .item p a { color: #333; font-size: 18px; line-height: 40px; }
.menu .item p a img { width: 25px; height: 25px; display: inline-block; vertical-align: top; margin: 7px; }
.menu .item ul { width: 100%; display: block; }
.menu .item li { width: 33.3%; float: left; line-height: 24px; text-align: center; }
.menu .item li a { color: #999; font-size: 14px; line-height: 24px; display: block; }
.menu .item li a:hover { color: #b07b1f; }
/*banner*/
.banner a { display: block; width: 100%; height: 400px; }
/*标题*/
.title { float: left; width: 100%; border-bottom: 1px solid #e7e7e7; line-height: 36px; font-size: 20px; color: #999; text-transform: uppercase; }
.title h1 { font-size: 28px; color: #b07b1f; font-weight: bold; padding-bottom: 5px; position: relative; display: inline-block; vertical-align: top; }
.title span:after { position: absolute; bottom: -1px; height: 2px; background: #b07b1f; width: 100%; left: 0; content: ""; }
.title i { float: right; margin: 5px 0; height: 31px; }
.title a { float: right; line-height: 40px; font-size: 16px; color: #b07b1f; text-transform: uppercase; }
.title1 { float: left; border-bottom: 1px solid #e7e7e7; float: left; width: 100%; height: 41px; line-height: 40px; color: #999; text-transform: uppercase; font-size: 18px; }
.title1 span { font-size: 22px; color: #b07b1f; position: relative; display: inline-block; vertical-align: top; height: 41px; }
.title1 span i { width: 32px; height: 26px; display: inline-block; background: url(../images/tabs-icon.png) no-repeat; vertical-align: top; margin-top: 7px; margin-right: 3px; }
.title1 span:after { position: absolute; bottom: -1px; height: 2px; background: #b07b1f; width: 100%; left: 0; content: ""; }
/*当前位置*/
.pos { width: 100%; border-bottom: 1px solid #e7e7e7; line-height: 40px; font-size: 14px; color: #666; margin: 0 0 20px; }
.pos a { color: #666; font-size: 14px; }
/*就诊指南*/
.jyzn { width: 278px; float: right; }
.jyzn-tit span i { background-position: 0 -110px; }
.jyzn-con, .jyzn-con p, .jyzn-con ul { width: 100%; float: left; }
.jyzn-con p a { width: 130px; height: 142px; color: #fff; font-size: 20px; text-align: center; float: left; margin-top: 20px; background-color: #b07b1f; }
.jyzn-con p a i { display: block; width: 60px; height: 60px; margin: 25px auto 5px; background: url(../images/tabs-icon.png) no-repeat; }
.jyzn-con p a:first-child { background-color: #bc7129; margin-right: 18px; }
.jyzn-con p a:first-child i { background-position: -85px 5px; }
.jyzn-con p a:last-child i { background-position: -85px -52px; }
.jyzn-con li { float: left; width: 128px; height: 48px; line-height: 48px; border: 1px solid #bbb; text-align: center; margin-top: 20px; }
.jyzn-con li:nth-of-type(1), .jyzn-con li:nth-of-type(3) { margin-right: 18px; }
.jyzn-con li a { display: block; width: 100%; font-size: 20px; color: #333; }
.jyzn-con li a i { display: inline-block; width: 26px; height: 26px; margin: 11px 0; vertical-align: top; background: url(../images/tabs-icon.png) no-repeat; }
.jyzn-con li:nth-of-type(1) a i { background-position: -34px -111px; }
.jyzn-con li:nth-of-type(2) a i { background-position: -64px -111px; }
.jyzn-con li:nth-of-type(3) a i { background-position: -92px -111px; }
.jyzn-con li:nth-of-type(4) a i { background-position: -121px -111px; }
.jyzn-con li:nth-of-type(1) a:hover i { background-position: -34px -142px; }
.jyzn-con li:nth-of-type(2) a:hover i { background-position: -64px -142px; }
.jyzn-con li:nth-of-type(3) a:hover i { background-position: -92px -142px; }
.jyzn-con li:nth-of-type(4) a:hover i { background-position: -121px -142px; }
.jyzn-con p a:hover, .jyzn-con li a:hover { background-color: #9f6e18; color: #fff; }
/*专家*/
.doc-box { padding: 40px 0; background: #f9f6ef; }
.ystd { width: 100%; float: left; margin-top: 40px; }
#ystd { width: 90%; margin: 0 2%; padding: 0 3%; }
#ystd .swiper-button-next, #ystd .swiper-button-prev { width: 25px; height: 51px; margin-top: -25px; opacity: 1; }
#ystd .swiper-button-prev { background: url(../images/prev.png) no-repeat; }
#ystd .swiper-button-next { background: url(../images/next.png) no-repeat; }
.doc { float: left; width: 100%; }
.doc a { display: block; margin: 0 auto; width: 200px; }
.doc-pic { position: relative; width: 187px; margin: 0 auto; display: block; }
.doc-pic i { width: 187px; height: 187px; display: block; overflow: hidden; border-radius: 50%; }
.doc-pic span { position: absolute; color: #fff; font-size: 14px; height: 30px; line-height: 30px; width: 68px; border-radius: 5px; bottom: -15px; text-align: center; z-index: 99; }
.doc-pic span:nth-of-type(1) { background: #f3669b; left: 15px; }
.doc-pic span:nth-of-type(2) { background: #b07b1f; right: 15px; }
.doc-info { margin-top: 35px; }
.doc-info p { font-size: 16px; color: #333; text-align: center; line-height: 24px; margin-top: 10px; display: block; }
.doc-info p img { display: inline-block; width: 14px; height: 13px; margin: 6px; vertical-align: top; }
.doc-info p b { font-size: 20px; margin: 0 10px; color: #333; }
.doc-info p:first-child { color: #b07b1f; }
.doc-info p:last-child { color: #6d6d6d; }
/*热点文章*/
.hotarc { width: 278px; float: right; margin-top: 40px; }
.hotarc-tit span i { background-position: 0 -142px; }
.hot-list, .hot-list ul { width: 100%; float: left; }
.hot-list ul { margin-top: 10px; }
.hot-list li { line-height: 34px; height: 34px; position: relative; }
.hot-list li a { font-size: 16px; color: #6e6e6e; overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;}
.hot-list li i { height: 18px; width: 18px; display: inline-block; vertical-align: top; text-align: center; color: #fff; font-size: 14px; background: #818181; line-height: 18px; position: absolute; left: 0; top: 8px; border-radius: 3px; }
.hot-list li i.on { background: #b17d22; }
/*aside*/
.aside { position: absolute; right: 0; top: 70px; width: 40px; }
.aside ul { float: left; position: relative; padding: 15px 0; width: 100%; }
.aside ul:after { position: absolute; left: 50%; top: 0; border-left: 1px solid #e0e0e0; height: 100%; content: ""; z-index: 9; }
.aside li { width: 40px; height: 40px; float: left; overflow: hidden; margin-bottom: 15px; position: relative; background: #fff; z-index: 10; }
.aside li a { display: block; width: 100%; height: 100%; background: url(../images/aside.png) no-repeat; }
.aside li:nth-of-type(1) a { background-position: 0 0; }
.aside li:nth-of-type(2) a { background-position: 0 -55px; }
.aside li:nth-of-type(3) a { background-position: 0 -111px; }
.aside li:nth-of-type(4) a { background-position: 0 -166px; }
.aside li:nth-of-type(1) a:hover { background-position: -50px 0; }
.aside li:nth-of-type(2) a:hover { background-position: -50px -55px; }
.aside li:nth-of-type(3) a:hover { background-position: -50px -111px; }
.aside li:nth-of-type(4) a:hover { background-position: -50px -166px; }
/*底部*/
.foot-box { background: #f9f6ef; padding: 30px 0; margin-top: 50px; }
.foot-nav, .contact { float: left; }
.contact b { color: #666; font-size: 20px; display: block; }
.contact span { width: 165px; height: 38px; border: 1px solid #f3669b; display: block; border-radius: 5px; margin-top: 30px; }
.contact span a { text-align: center; line-height: 38px; display: block; font-size: 16px; color: #f3669b; }
.contact span a img { display: inline-block; vertical-align: top; margin: 9px 5px 9px 0; }
.contact p { color: #666; font-size: 14px; line-height: 24px; display: block; margin-top: 20px; }
.contact p a { color: #f3669b; font-size: 28px; display: block; }
.foot-nav ul { float: left; margin-left: 80px; }
.foot-nav li { display: block; line-height: 34px; color: #666; font-size: 16px; }
.foot-nav li:first-child a { font-size: 16px; color: #666; }
.foot-nav li a { color: #999; font-size: 14px; }
.foot-nav li a:hover { color: #b07b1f; }
.foot-ewm { float: right; width: 161px; }
.foot-ewm p, .foot-ewm span { text-align: center; display: block; color: #666; font-size: 18px; line-height: 36px; }
.foot-ewm span { font-size: 16px; }
.copy { background: #b07b1f; width: 100%; padding: 10px 0; }
.copy p { font-size: 12px; line-height: 24px; color: #fefefe; text-align: center; display: block; }
section { display: block; width: 100%; margin: 50px auto 0; overflow:hidden;}
.ad-box { width: 300px; float: left; height: 344px; position: relative; }
.ad-box span { position: absolute; bottom: 0; background: rgba(51,51,51,0.5); font-size: 16px; line-height: 40px; height: 40px; text-align: center; color: #fff; width: 100%; display: block; z-index: 999; }
.tabs { width: 550px; float: left; margin: 0 36px; }
.tabs-tab { border-bottom: 1px solid #e7e7e7; float: left; width: 100%; height: 41px; line-height: 40px; }
.tabs-tab ul { float: left; }
.tabs-tab li { float: left; font-size: 22px; color: #666; position: relative; width: 145px; margin-right: 15px; cursor: pointer; }
.tabs-tab li a { display: block; width: 100%; color: #666; font-size: 22px; }
.tabs-tab li:before { position: absolute; right: 0; top: 10px; content: ""; border-right: 1px solid #999; height: 22px; }
.tabs-tab li:nth-of-type(3):before { border-right: 0; }
.tabs-tab li a i { width: 32px; height: 26px; display: inline-block; background-image: url(../images/tabs-icon.png); background-repeat: no-repeat; vertical-align: top; margin-top: 7px; margin-right: 5px; }
.tabs-tab li:nth-of-type(1) a i { background-position: -38px 0; }
.tabs-tab li:nth-of-type(2) a i { background-position: -38px -38px; }
.tabs-tab li:nth-of-type(3) a i { background-position: -38px -74px; }
.tabs-tab li.on a { color: #b07b1f; }
.tabs-tab li:nth-of-type(1).on a i { background-position: 0 0; }
.tabs-tab li:nth-of-type(2).on a i { background-position: 0 -38px; }
.tabs-tab li:nth-of-type(3).on a i { background-position: 0 -74px; }
.tabs-tab li.on:after { position: absolute; bottom: -1px; height: 2px; background: #b07b1f; width: 132px; left: 0; content: ""; }
.tabs-con, .tabs-item, .tabs-item ul, .tabs-txt { width: 100%; float: left; }
.tabs-txt h3 { width: 100%; padding: 14px 0 5px; line-height: 26px; }
.tabs-txt h3 a { font-size: 20px; color: #333; }
.tabs-txt p { line-height: 24px; font-size: 14px; color: #888; text-align: justify; }
.tabs-txt p a { color: #e11919; }
.tabs-item{display:none;}
.tabs-item:first-child{display:block;}
.clearfix:before,.clearfix:after{ display:block; overflow: hidden; visibility:hidden; content:""; clear:both;}
.tabs-item li { width: 100%; line-height: 26px; }
.tabs-item li a { display: block; font-size: 14px; color: #5d5d5d; line-height: 26px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:80%; float:left;}
.tabs-item li span { font-size: 14px; color: #888; line-height: 24px; display:block; float:right; width:20%; text-align:center;}
.tabs-txt h3 a:hover, .tabs-item li a:hover { color: #b07b1f; }
.dashiji, .dashiji ul, .yyhj { width: 100%; float: left; }
.dashiji li { float: left; margin-left: 8px; width: 294px; position: relative; margin-top: 20px; }
.dashiji li:first-child { margin-left: 0; }
.dashiji li img { float: left; }
.dashiji li p { position: absolute; bottom: 0; left: 0; width: 274px; padding: 10px; color: #fff; font-size: 16px; line-height: 24px; background: rgba(102,102,102,0.5); }
.dashiji li .overlay { width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0); -moz-transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s; transition: all .3s linear 0s; position: absolute; }
.dashiji li.active .overlay { background-color: rgba(0,0,0,.5); }
.yyhj { margin-top: 15px; }
.yyhj span { float: left; margin-top: 5px; margin-left: 5px; }
.yyhj span:nth-of-type(1), .yyhj span:nth-of-type(4) { margin-left: 0; }
.yyhj span img { float: left; }
.link { display: block; width: 100%; }
.link li { display: inline-block; margin-right: 10px; line-height: 34px; }
.link li a { font-size: 14px; color: #666; }
/*******病种********/
.titleD { width: 1200px; margin: 0 auto; overflow: hidden; border-bottom: 2px solid #b07b1f; height: 40px; line-height: 40px; margin-top: 30px; margin-bottom: 20px; }
.titleD1 { float: left; font-size: 20px; color: #b07b1f; }
.titleD2 { float: right; }
.titleD2 a { color: #111111; font-size: 14px; }
.gb-jbdh { width: 1200px;  margin: 0 auto; margin-bottom: 39px; }
.jbh_hdiv { width: 187px; height: 294px; float: left; margin-right: 10px; }
.jbh_hdiv h1 { height: 34px; margin-top: 18px; font-size: 18px; font-weight: normal; line-height: 18px; text-align: center; }
.jbh_hdiv h1 span { font-size: 10px; }
.jbh_hdiv ul li { width: 187px; height: 66px; border: 1px #f0f0f0 solid; margin-bottom: 8px; float: left; }
.jbh_hdiv ul li.d { color: #86c8e3; }
.jbh_hdiv ul li.a { color: #3e80d7; }
.jbh_hdiv ul li.b { color: #d46aba; }
.jbh_hdiv ul li.c { color: #b491e9; }
.jbh_hdiv ul li.e { color: #ff97ce; }
.jb_bdiv { width: 1000px; height: 294px; float: left; border: 1px #f0f0f0 solid; }
.br ul li { float: left; margin-bottom: 19px; width: 470px; color: #6f8373; }
.br { width: 967px; margin: 28px 14px auto 19px; color: #777777; font-size: 14px; float: left; }
.br ul li:nth-child(2n+1) { margin-left: 10px; }
.br ul li span { float: right; color: #b07b1f; }
.jbh_hdiv ul li.d.hove { background-color: #86c8e3; color: #fff; }
.jbh_hdiv ul li.a.hove { background-color: #3e80d7; color: #fff; }
.jbh_hdiv ul li.b.hove { background-color: #d46aba; color: #fff; }
.jbh_hdiv ul li.c.hove { background-color: #b491e9; color: #fff; }
.bb { display: none; }
.bb:first-child { display: block; }