﻿@charset "utf-8"; 

/**/
#content{width:auto; max-width:100%; padding-left:0px; padding-right:0px; padding-bottom:0px; margin-bottom:0px;}

/* 首页banner图切换 S*/
#indBanner { clear: both; text-align: center; position: relative; z-index: 0; min-width:1200px;}
#indBanner .bd .con { display: none;}
#indBanner .bd li { height: 600px; width: 100%; overflow: hidden;}
#indBanner .prev,
#indBanner .next { display:none}
#indBanner .hd { height: 14px; overflow: hidden; position: absolute; left: 0; width: 100%; bottom: 50px; text-align: center; font-size: 0;}
#indBanner .hd li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 5px; width: 14px; height: 14px; background: #fff; border-radius:100%; transition:500ms;}
#indBanner .hd li span { display: none;}
#indBanner .hd .on { background: #f8b551;}

/* 快速链接 */
.quickLinks{ background: url(../../base/img/bg-quicklinks.png) repeat; padding: 50px 0 44px; min-width: 1200px; margin-right: -6px;}
.quickLinks li {width:294px; float:left; height:120px; margin-right: 6px; margin-bottom: 6px; background-color: #fff; position: relative; text-align: left; transition: all 0.5s;}
.quickLinks li a {display:block; font-size:20px; line-height:30px; padding: 35px 30px; height: 50px;}
.quickLinks li a i{display:block;width:50px;height:50px; background: url(../../base/img/icons-quicklinks.png) 0 0 no-repeat; float: left; margin-right: 20px; transition: all 0.5s;}
.quickLinks li.li2 a i{background-position:0 -100px}
.quickLinks li.li3 a i{background-position:0 -200px}
.quickLinks li.li4 a i{background-position:0 -300px}
.quickLinks li.li5 a i{background-position:0 -400px}
.quickLinks li.li6 a i{background-position:0 -500px}
.quickLinks li.li7 a i{background-position:0 -600px}
.quickLinks li.li8 a i{background-position:0 -700px}

.quickLinks li a::after { position: absolute; display: block; content: ""; width: 100%; height: 120px; left: 0; top: 0; z-index: 3; }
.quickLinks span.Eng { position: absolute; left: 100px; bottom: 25px; color: #888; font-size: 14px; }


.quickLinks li.li1:hover a i{background-position:0 -50px}
.quickLinks li.li2:hover a i{background-position:0 -150px}
.quickLinks li.li3:hover a i{background-position:0 -250px}
.quickLinks li.li4:hover a i{background-position:0 -350px}
.quickLinks li.li5:hover a i{background-position:0 -450px}
.quickLinks li.li6:hover a i{background-position:0 -550px}
.quickLinks li.li7:hover a i{background-position:0 -650px}
.quickLinks li.li8:hover a i{background-position:0 -750px}

.quickLinks li:hover { background-color: #009ed6; }
.quickLinks li:hover a { color: #fff; }
.quickLinks li:hover span { color: #fff; }

/* row-------------------------------------- */
.row { width:1200px; margin:0 auto;   }
.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.hd a.more { float: right; display: inline-block; padding: 0 15px; line-height: 24px; height: 24px; font-size: 14px; color: #888; border: 1px solid #ccc; border-radius: 24px; transition: all 0.5s; letter-spacing: 0; }
.hd a.more:hover { border-color: #009ed6; background-color: #009ed6; color: #fff; letter-spacing: 0.5px; }

/* 医院新闻 */
#rowA{padding-bottom:30px; padding-top: 20px; height: 630px;}
#indYyxw {  float: left; margin-right: 40px; width: 620px;}
#indYyxw .hd { margin-bottom: 20px; }

.focusBox-A{ height:340px; }
.focusBox-A .sbd li {width: 300px; height: 300px; float: left; margin-right: 20px;}
.focusBox-A .sbd .pic-list li:nth-child(2n) { margin-right: 0; }
.focusBox-A .sbd .pic,
.focusBox-A .sbd .pic img{width:300px; height:200px;}
.focusBox-A .sbd .title { border: 1px solid #e0e0e0; border-top: none; padding: 20px; height: 58px; overflow: hidden; line-height: 26px; font-size: 16px; }
.focusBox-A .shd { text-align: center; height: 8px; margin-top: 20px; overflow: hidden;} 
.focusBox-A .shd li { display: inline-block; *display: inline; vertical-align: top; width: 8px; height: 8px; border-radius: 100%; background-color: #ccc; margin: 0 5px; font-size: 0; transition: all 0.5s; cursor: pointer;} 
.focusBox-A .shd li.on { background-color: #f8b551; } 

#indYyxw .infoList li { background: none; padding-left: 0;  border-bottom: 1px dashed #ccc; line-height: 49px; height: 49px;}
#indYyxw .infoList .date { float: none; display: inline-block; border: 1px solid #ccc; width: 58px; text-align: center; line-height: 24px; height: 24px; margin-right: 16px; font-family: "Arial"; font-size: 14px;}

#indYyxw .picListFl-sp li{width:31.33%; margin-bottom:20px;}
#indYyxw .picListFl-sp li .title{height:30px; line-height:30px; overflow:hidden; }
#indYyxw .picListFl-yb{margin-right:-31px; height:506px;}
#indYyxw .picListFl-yb li{ width:173px; height:241px; margin-right:30px; margin-bottom:20px; border:1px solid #dbdbdb; position:relative;}
#indYyxw .picListFl-yb li .pic,
#indYyxw .picListFl-yb li .pic img{width:173px; height:241px}
#indYyxw .picListFl-yb li .title{height:30px; line-height:30px; overflow:hidden; position:absolute; bottom:0px; left:0px; right:0px; padding:0px; z-index:2; color:#fff }
#indYyxw .picListFl-yb li .title a{color:#fff; margin:0 10px;}
#indYyxw .picListFl-yb li .titleBg{width:100%; height:30px; position:absolute; bottom:0px; left:0px; right:0px; z-index:1; background:#4299c9; filter:alpha(opacity=80); opacity:0.8; }


/* box-block */
.box-block .Thd { line-height: 50px; height: 50px; margin-bottom: 14px; }
.box-block .Thd h3 a { font-size: 24px; font-weight: bold; color: #009ed6; }
.box-block .hd { height: 40px; }
.box-block .hd li { float: left; font-size: 16px; }
.box-block .hd li a { padding: 0 25px; line-height: 40px; height: 40px; display: block; }
.box-block .hd li.on a { background-color: #009ed6; color: #fff; border-radius: 20px; font-weight: bold; }
.box-block .hd a.more { margin-top: 7px; }

/* 医院公告 */
.box-notice { overflow: hidden; }
.box-notice .hd { line-height: 50px; height: 50px; margin-bottom: 10px; }
.box-notice .hd li {  float: left; font-size: 24px; margin-right: 40px; }
.box-notice .hd li a { color: #aaa; }
.box-notice .hd li.on a { font-weight: bold; color: #009ed6; }
.box-notice .hd a.more { margin-top: 13px; }
.box-notice .bd { border: 1px solid #e0e0e0; clear: both;}

/* date-List */
.date-List li { height: 93px; font-size: 16px; border-bottom: 1px solid #eee;}
.date-List li .date { width: 98px; float: left; text-align: center; font-size: 14px; font-family: "Arial"; color: #999; border-right: 1px solid #eee; height: 70px; margin-right: 30px; padding-top: 23px;}
.date-List li .date b { display: block; height: 30px; line-height: 30px; font-size: 30px; color: #333; font-weight: normal;}
.date-List li .date span { display: block; height: 24px; line-height: 24px;}
.date-List li.last { margin-bottom: 0px; border-bottom: none;}
.date-List li a { line-height: 24px; display: block; overflow: hidden; max-height: 48px; padding-top: 20px; padding-right: 25px; }
.date-List li.noData { border-bottom: none; padding: 10px; height:  auto;}


/* 科室导航 */
#rowB{min-width:1200px; width:auto; background:url(../../base/img/rowb.jpg) 50% 0px no-repeat; height:370px; position:relative;}
.box-office .Thd {padding-top:30px; margin-bottom: 19px;}
.box-office .Thd h3{height:40px; line-height:40px; text-align:center; font-size:24px; color:#fff; font-weight:bold; }
.box-office .Thd h3 a{color:#fff}

.box-office .hd { text-align: center; border-bottom: 1px solid rgba(255,255,255,0.3); min-width: 1200px;}
.box-office .hd li { display: inline-block; *display: inline; position: relative; bottom: -1px;  font-size: 18px; margin: 0 6px; }
.box-office .hd li a { display: block; padding: 0 36px 0 56px; background-color: #fff; border-radius: 5px 5px 0 0; color: #009ed6; line-height: 40px; }
.box-office .hd li.on a { background-color: #f8b551; color: #fff; font-weight: bold; }
.box-office .hd li.on a::after { display: block; content: ""; width: 0; height: 0; border: 7px solid transparent; border-top: 7px solid #f8b551; position: absolute; top: 40px; left: 50%; margin-left: -3px; }
.box-office .hd li a::before { display: block; position: absolute; content: ""; width: 25px; height: 25px; left: 20px; top: 50%; margin-top: -12.5px; background: url(../../base/img/icons-office.png) no-repeat 0 0; transition: all 0.5s;}
.box-office .hd li.li2 a::before { background-position: 0 -50px; } 
.box-office .hd li.li3 a::before { background-position: 0 -100px; } 

.box-office .hd li.li1.on a::before { background-position: 0 -25px; } 
.box-office .hd li.li2.on a::before { background-position: 0 -75px; } 
.box-office .hd li.li3.on a::before { background-position: 0 -125px; } 

.box-office .bd { width: 1200px; margin: 0 auto; clear: both; padding-top: 30px; }
.box-office .bd ul { margin-right: -30px; overflow: hidden; }
.box-office .bd li { float: left; margin-bottom: 20px; margin-right: 30px; font-size: 16px;}
.box-office .bd li a { line-height: 38px; display: block; height: 38px; border-radius: 5px; padding: 0 26px; border: 1px solid #fff; color: #fff; transition: all 0.5s; }
.box-office .bd li a:hover { background-color: #cee3ed; color: #009ed6; border-color: #cee3ed; }


/* 医生介绍 */
#rowC{ min-width:1200px; background:url(../../base/img/bg-quicklinks.png) repeat; padding-top: 30px; padding-bottom:50px; width: 100%;}
#rowC .hd { margin-bottom: 20px; }
#rowC .hd h3{height:40px; line-height:40px; text-align:center; font-size:24px; color:#009ed6; font-weight:bold; }
#rowC .hd h3 a{color:#009ed6}
#rowC .bd { position: relative; }
#rowC .bd .tempWrap { width: 1200px !important; overflow: hidden; }
#rowC .bd a.arrow { position: absolute; top: 50%; margin-top: -20px; height: 40px; width: 40px; background: url(../../base/img/icons-arrow.png) no-repeat 0 0; transition: all 0.5s; border-radius: 100%; }
#rowC .bd a.arrow:hover { background-color: #fff; }
#rowC .bd a.next { right: -70px; background-position: 0 bottom;}
#rowC .bd a.prev { left: -70px; }


/* rowD */
#rowD{ padding: 50px 0; background-color: #fff; }

#rowD .pic { overflow: hidden; }
#rowD .pic img { transition: all 0.5s; }
#rowD .pic:hover img { transform: scale(1.02); }



/* ind-small */
.ind-small { height: 210px; }
.ind-big { height: 290px; }

.ind-box { float: left; width: 380px; margin-right: 20px; position: relative; }
.ind-box .hd { overflow: hidden; }
.ind-box .hd h3{ float: left; font-size: 24px; font-weight: bold; line-height: 45px; padding-bottom: 10px; position: relative; }
.ind-box .hd h3::after { display: block; content: ""; width: 45px; height: 2px; background-color: rgba(255,255,255,0.5); position: absolute; bottom: 0; left: 0; transition: all 0.5s;}
.ind-box .hd h3:hover::after { width: 100%; }
.ind-box .hd h3 a { color: #fff; }
.ind-box .bd { clear: both; }
.box-rczp,.box-ky,.box-special { margin-bottom: 20px; }

/* box-rczp */
.box-rczp { padding: 20px 30px; background-color: #d9f0fb; height: 250px; }
.box-rczp .hd { margin-bottom: 10px; }
.box-rczp .hd h3 a { color: #009ed6; }
.box-rczp .hd h3::after { background-color: #6cc7e8; }
.box-rczp .hd a.more { color: #83c5e4; border-color: #83c5e4; margin-top: 10px;}
.box-rczp .hd a.more:hover { border-color: #009ed6; color: #fff; background-color: #009ed6; }
.box-rczp .bd .infoList li { line-height: 36px; height: 36px; font-size: 14px; background: none; position: relative; padding-left: 15px; }
.box-rczp .bd .infoList li::before { display: block; content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 2px; background-color: #89c9e9; }
.box-rczp .bd .infoList li a { color: #009ed6; }
.box-rczp .bd .infoList li:hover a { text-decoration: underline; }
.box-rczp .bd .infoList li span.date { color: #89c9e9; }

/* box-about */
.box-about { position: relative; }
.box-about .hd { position: absolute; left: 30px; top: 20px; z-index: 1; }
.box-about .hd h3 a { color: #fff; }
.box-about .pic a::after { opacity: 0; background-color: #000; display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.5s;}
.box-about:hover .pic a::after { opacity: 0.2; }


/* ind-mid ----------------- */
.ind-mid { width: 400px; }


.box-ky { background: url(../../base/img/pic-ky.jpg) no-repeat; padding: 20px 10px 20px 30px;  height: 170px; overflow: hidden;}
.box-ky .hd { margin-bottom: 20px; }
.box-ky .bd ul { margin-right: -15px; overflow: hidden; }
.box-ky .bd li { float: left; margin-right: 15px; margin-bottom: 10px; }
.box-ky .bd li a { display: block; line-height: 32px; height: 32px; padding: 0 20px; border: 1px solid rgba(255,255,255,0.6); color: #fff; transition: all 0.5s;}
.box-ky .bd li a:hover { background-color: #31c8fd; border-color: #31c8fd; }

/* box-sb */
.box-sb { position: relative; }
.box-sb>.hd { position: absolute; left: 30px; top: 20px; z-index: 1; }
.box-sb>.hd h3 a { color: #fff; }


#focus-sb { height: 290px; margin-bottom: 0;}
#focus-sb .bd .pic img { height: 290px; }
#focus-sb .bd .con .titleBg { height: 40px; background-color: rgba(0,158,214,0.5); }
#focus-sb .hd { bottom: 16px; }
#focus-sb .hd li { border-radius: 100%; }
#focus-sb .bd .con { line-height: 40px; height: 40px; }

/* ind-right -----------------*/
.ind-right { margin-right: 0;}
.ind-right .box-rczp { background-color: #c8eded; margin-bottom: 0; }
.ind-right .box-rczp .hd h3 a { color: #00a7a9; }
.ind-right .box-rczp .hd h3::after { background-color: #64bcbd; }
.ind-right .box-rczp .hd a.more { color: #00a7a9; border-color: #00a7a9; margin-top: 10px;}
.ind-right .box-rczp .hd a.more:hover { border-color: #00a7a9; color: #fff; background-color: #00a7a9; }
.ind-right .box-rczp .bd .infoList li::before {  background-color: #7ecccd; }
.ind-right .box-rczp .bd .infoList li a { color: #00a7a9; }
.ind-right .box-rczp .bd .infoList li span.date { color: #7ecccd; }


/* box-special */
.box-special { position: relative; }
.box-special .bd .pic img { width: 380px; height: 210px; }
.box-special .bd .tit { display: none; }
.box-special .hd { position: absolute; right: 10px; bottom: 15px; height: 8px; z-index: 1; }
.box-special .hd li { width: 8px; height: 8px; border-radius: 100%; background-color: #ccc; vertical-align: top; font-size: 0; float: left; margin-right: 5px; cursor: pointer;}
.box-special .hd li.on { background-color: #f8b551; }

.box-special::after { display: block; content: ""; width: 80px; height: 80px; background: url(../../base/img/zt-hd.png) no-repeat 0 0;  position: absolute; right: 0; top: 0;}