@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: 460px; width: 100%; overflow: hidden;}
#indBanner .prev,
#indBanner .next { display:none}
#indBanner .hd { height: 10px; overflow: hidden; position: absolute; left: 0; width: 100%; bottom: 90px; text-align: center; font-size: 0;z-index:2; display:none}
#indBanner .hd li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 3px; width: 10px; height: 10px; background: #fff; border-radius:5px; filter:alpha(opacity=80); opacity:0.8; transition:500ms;}
#indBanner .hd li span { display: none;}
#indBanner .hd .on { width: 60px; background: #fff; filter:alpha(opacity=100); opacity:1;}
#indBanner:after { position:absolute; content:""; display:block; height:70px; background:#377fb1; padding:0 60px; width:1200px; left:50%; margin-left:-630px; z-index:1; bottom:0; opacity:0.2;}

#indYygg {background:#fff;height:80px;width:100%;margin-top: -40px;border-radius:10px;box-shadow: 0px 6px 6px 0px rgba(196, 196, 196, 0.12);/* clear: both; */}

div#indYygg {}
#indYygg .hd { float:left; height:20px; line-height:20px; margin-top:30px; font-size:20px; color:#3272b4}
#indYygg .hd ul { display:none;}
#indYygg .hd a { display:block; padding:0 20px; color:#3272b4; border-right:1px solid #e3e8f2; margin-right:20px;}
#indYygg .bd { overflow:hidden; padding-top:20px; line-height:20px; position:relative;}
#indYygg .bd li { float:left; width:430px; padding-left:20px; margin-right:50px; }
#indYygg .bd .next { position:absolute; right:20px; width:20px; height:20px; background:url(../../base/img/nextarr.png) no-repeat; top:30px; cursor:pointer; transition:all 0.5s}
#indYygg .bd .next:hover { box-shadow:0 0 10px #b7cfe0; border-radius:50%; }

/* 快速链接 */
.quickLinks { float:right; padding-top:85px; width:490px;}
.quickLinks li { float:left; margin-left:40px; margin-bottom:40px; border-radius:5px;}
.quickLinks .li1 { margin-left:280px}
.quickLinks li a { display:block; width:200px; height:135px; background:#49a6a8; border-radius:5px;transition: all 0.3s; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); text-align:center; padding-top:25px; font-size:24px; line-height:60px; color:#fff;}
.quickLinks li a i {display:block;height:60px;background: url(../../base/img/quicklinksicon.png) no-repeat center 3px;transition: all 0.3s;}
.quickLinks li a:hover { -webkit-filter: saturate(1.8);filter: saturate(1.8);}
.quickLinks li a:hover i { transform: scale(-1,1);}

.quickLinks .li2 a { background:#6199d6}
.quickLinks .li3 a { background:#d89e71}
.quickLinks .li4 a { background:#d3b673}
.quickLinks .li5 a { background:#5c82b5}

.quickLinks .li2 a i { background: url(../../base/img/quicklinksicon.png) no-repeat center -160px;}
.quickLinks .li3 a i { background: url(../../base/img/quicklinksicon.png) no-repeat center -320px;}
.quickLinks .li4 a i { background: url(../../base/img/quicklinksicon.png) no-repeat center -478px;}
.quickLinks .li5 a i { background: url(../../base/img/quicklinksicon.png) no-repeat center -640px;}


/* row-------------------------------------- */
.row {text-align: left;}
.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* 医院新闻 */
#rowA{margin-top: -40px;padding-top: 90px;height: 750px;background: url(../../base/img/rowabg.png) repeat-y center;}
#rowA .fl {width:600px;padding-right:50px;}
#rowA .fr {width:550px;background: url(../../base/img/rowafrbg.png) no-repeat center -30px;}

#focusNews {border-radius:5px;}

#indYyxw{margin-bottom:0px; padding-top:20px;}
#indYyxw .hd {border-bottom:1px solid #ddd;background:none;padding-bottom:20px;margin-bottom: 2px;}
#indYyxw .hd li { padding-bottom:0px; height:43px;}
#indYyxw>.bd{padding: 10px 0px 0px;}
#indYyxw .focusBox-A{background:#f7f7f7; height:300px; margin-bottom:15px;}
#indYyxw .focusBox-A .bd li{width: 790px; height: 300px;}
#indYyxw .focusBox-A .bd .pi,
#indYyxw .focusBox-A .bd .pic img{width:450px; height:300px;}
#indYyxw .focusBox-A .bd li.noPic .pic{display:none}
#indYyxw .picListFl-sp li{width:31.33%;margin-bottom: 20px; position:relative;}
#indYyxw .picListFl-sp li .title{height:30px;line-height:30px;overflow:hidden;padding: 0;}
#indYyxw .picListFl-sp li img { width:190px; height:126px; font-size: 0; display: block; background-color: #f5f5f5;}
#indYyxw .picListFl-sp 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-sp li .title a{color:#fff; margin:0 10px;}
#indYyxw .picListFl-sp li .titleBg{width:100%; position:absolute; height:30px; background:rgba(0, 0, 0, 0.5); bottom:0; left:0;}
#indYyxw .picListFl-yb{margin-right:-31px;}
#indYyxw .picListFl-yb li{width:173px;height:241px;margin-right:30px;margin-top: 10px;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%; position:absolute; height:30px; background:rgba(0, 0, 0, 0.5); bottom:0; left:0;}

/* 科室导航 */
#rowB{min-width:1200px;width:auto;background: url(../../base/img/rowbbg.jpg) 50% 0px no-repeat;height: 620px;position:relative;}
#rowB .rHd{padding-top:35px; margin-bottom:15px;}
#rowB .rHd h3{height:60px;line-height:60px;text-align:center;font-size:32px;color:#3691ac;}
#rowB .rHd h3 a{color: #fff; display:block; position:relative;}
#rowB .rHd h3 a:after { position:absolute; left:50%; content:""; width:30px; height:3px; background:#3272b4; bottom:0; margin-left:-15px; border-radius:2px}
#rowB .rHd ul{display:block; text-align:center; font-size:0px; line-height:0px; height:30px;}
#rowB .rHd ul li{display:inline-block; height:30px; line-height:30px; font-size:14px; margin:0 3px; color:#666666}
#rowB .rHd ul li a{color:#666666}
#rowB .rBd{overflow:hidden}

#ksdhBox .hd { background:url(../../base/img/ksdhboxhdbg.png) no-repeat bottom; padding-bottom:61px; height:100px;}
#ksdhBox .hd li { float:left; width:120px; margin:0 46px;}
#ksdhBox .hd li a { position:relative; display:block; text-align:center; font-size:20px; color:#fff; height:20px; line-height:20px; padding-top:80px; background: url(../../base/img/ksc1.png) no-repeat center 23px;}
#ksdhBox .hd li.on a,
#ksdhBox .hd li a:hover { background-position: center 18px}
#ksdhBox .hd .li2 a { background-image:url(../../base/img/ksc2.png)}
#ksdhBox .hd .li3 a { background-image:url(../../base/img/ksc3.png)}
#ksdhBox .hd li.on a:after { content:""; left:0; bottom:-38px; position:absolute; width:100%; height:13px; background:#3375b3; border-radius:6px;}
#ksdhBox .bd { padding-top:17px;}
#ksdhBox .bd li {width:180px;float:left;margin:0 10px;text-align:center;height:40px;line-height:40px;margin-bottom: 30px;}
#ksdhBox .bd li a {display:block;background:#fafafa;border-radius: 20px;color: #6c6c6c;font-size: 16px;}
#ksdhBox .bd li a:hover { background:#d3b673; color:#fff }

/* 医生介绍 */
#rowC{width:auto;min-width:1200px;background: #fafafa;padding: 50px 0;}
#rowC .rHd{float:left;width:281px;height:520px;background:url(../../base/img/rowchdbg.png) no-repeat;}
#rowC .rHd h3{ float:left; padding-top:175px; padding-left:60px; }
#rowC .rHd h3 a{ display:block;  color:#fff; width:30px; line-height:30px; font-size:30px;}
#rowC .rBd{position: absolute;width: 990px;height: 340px;padding: 30px;left: 150px;top: 60px;background: #fff;border-radius: 5px;}
#rowC .rBd:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#rowC .rBd ul{ }
#rowC .rFd {height: 10px;overflow: hidden;text-align: right;font-size: 0;padding-top: 25px;}
#rowC .rFd li {cursor: pointer;display: inline-block; *display: inline;zoom: 1;vertical-align: top;margin: 0 3px;width: 10px;height: 10px;background: #c9c9c9;border-radius:5px;filter:alpha(opacity=60);opacity:0.6;transition:500ms;}
#rowC .rFd li span { display: none;}
#rowC .rFd .on {width: 60px;background: #c7c7c7;filter:alpha(opacity=100);opacity:1;}

/* 医生列表 */
.docList{}
.docList li{width:180px;background:#fff;border-radius:5px;overflow:hidden;float:left;margin-right:30px;position:relative;top:0px;transition:0.5s;}
.docList li .pic{width:180px;height:205px;margin: 0 auto 0;}
.docList li .pic img{width:180px;height: 205px; display: block; background-color: #f5f5f5;}
.docList li .con{height: 125px;overflow:hidden;position:relative;border: 1px solid #e8e8e8;padding: 5px 18px; line-height: 22px;color: #8c8c8c; transition:all 0.5s}
.docList li .con .title{height:30px;line-height:30px;text-align:center;font-size:18px;font-weight:400;}
.docList li .con .title a{color: #333;}
.docList li .con .node,
.docList li .con .duties{display:block;height:24px;line-height:24px;font-size:14px;color:#7c7c7c;text-align:center;overflow:hidden;padding: 0 0 7px;margin-bottom: 7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.docList li .con .duties em { display:none}
.docList li .con .duties:after { content:""; display:block; width:30px; height:2px; background:#d3d3d3; margin:5px auto;}
.docList li .con .node a,
.docList li .con .duties {color:#7c7c7c}
.docList li .con .works{  display: block; height: 44px;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.docList li .con .more{display: none;width:88px;height:32px;line-height:32px;text-align:center;font-size:14px;background:#f2f2f2;margin:10px auto 0px;border:1px solid #cccccc;transition:0.5s;position:absolute;bottom:0px;left:50%;margin-left:-44px;}
.docList li:hover .con { margin-top:-20px; height:145px; background:#3f94ab; border-radius:0 0 5px 5px; border-color:#3f94ab; color:#bfdde5;}
.docList li:hover .con a { color:#fff;}
.docList li:hover .con .duties { color:#bfdde5; }
.docList li:hover .con .duties:after { background:#79b4c4}
.docList li:hover .con .more,
.docList li .con .more:hover{background:#19a3c7; color:#fff; border-color:#19a3c7}
.docList li:hover .works { height: 66px;  -webkit-line-clamp: 3; }



/* rowD */
#rowD{ padding:80px 0;}
#rowD dl{display:block;}
#rowD dl{width: 270px;float:left;height:400px;margin: 0 15px;position:relative;top:0px;transition:0.5s;background:#3cc886;border-radius:5px;text-align:center;}

#rowD dl dt a {display:block;height: 40px;line-height: 40px;margin:0px auto 0;background: url(../../base/img/icons-rowd.png) center 5px no-repeat;transition:0.5s;color:#fff;font-size:20px;padding-top:80px;}
#rowD dl dt a:hover i{transform: rotateY(180deg);}
#rowD dl dt:after { content:""; width:30px; height:2px; background:#fff; position:absolute; left:50%; margin: 5px 0 0 -15px}

#rowD .dl1{background:url(../../base/img/rowdlibg1.jpg) 0px 0px no-repeat;}
#rowD .dl1 dt a {background-position:center -195px;}
#rowD .dl2{background:url(../../base/img/rowdlibg2.jpg) 0px 0px no-repeat;}
#rowD .dl2 dt a {background-position:center 5px;}
#rowD .dl3{background:url(../../base/img/rowdlibg4.jpg) 0px 0px no-repeat;}
#rowD .dl3 dt a {background-position:center -395px;}
#rowD .dl4{background:url(../../base/img/rowdlibg3.jpg) 0px 0px no-repeat;}
#rowD .dl4 dt a {background-position:center -595px;}
#rowD dl:hover { background-color:#4899af!important; background-position:center 500px}

#rowD dl dd { padding-top:15px;}
#rowD dl dd li { margin:10px 54px 0;}
#rowD dl dd li a { display:block; font-size:16px; color:#fff; border:1px solid rgba(255, 255, 255, 0.5); line-height:33px; border-radius:3px;transition: all 0.3s }
#rowD dl dd li a:hover { background:rgba(0, 0, 0, 0.2)}

#rowD .dl2, #rowD .dl4 { margin-top:50px;}