﻿@charset "utf-8"; 

/**/
#content{width:auto; max-width:100%; padding-left:0px; padding-right:0px; padding-bottom:0px; margin-bottom:0px;}

.slideBox { margin-bottom: 20px; }
.slideBox .bd .pic img { width: 100%; height: 100px; }

/* 首页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 { line-height: 1; position: absolute; left: 0; width: 100%; bottom: 30px; text-align: center; font-size: 0;}
#indBanner .hd li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 3px; width: 10px; height: 10px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); 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;}

/* 快速链接 */
.quickLinks{height:110px; background-image: linear-gradient(to right, #1ccd91, #4497cb ); background-color: #4497cb; margin-bottom:20px;}
.quickLinks li{width:199px; float:left; border-left:1px solid #29a39a; height:110px;}
.quickLinks li a{display:block; text-align:center; font-size:20px; color:#fff; padding-top:13px; height:92px; line-height:26px;}
.quickLinks li a i{display:block;width:46px;height:46px;display:block;margin:0 auto 5px;background: url(../../base/img/icons-quicklinks.png) -26px -25px no-repeat; position:relative; top:0px; transition:0.5s;}
.quickLinks li a:hover i{top:-5px; transform: rotateY(180deg);}
.quickLinks li.li2 a i{background-position:-26px -225px}
.quickLinks li.li3 a i{background-position:-26px -425px}
.quickLinks li.li4 a i{background-position:-26px -625px}
.quickLinks li.li5 a i{background-position:-26px -825px}
.quickLinks li.li6 a i{background-position:-26px -1025px}
.quickLinks li.li7 a i{background-position:-26px -1225px}

/* row-------------------------------------- */
.row { width:1200px; margin:0 auto;   }
.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* 医院新闻 */
#rowA{margin-bottom:20px;}
#indYyxw{margin-bottom:0px; width: 790px;}
#indYyxw>.bd{padding:12px 0px 0px; height:515px;}
#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;}
#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; }

/* 医院公告 */
#indYygg{width:380px;}
#indYygg > .hd ul li { padding: 0 15px; }
#indYygg .bd{padding-top:10px;}

/* 科室导航 */
#rowB{min-width:1200px;padding:40px 0 50px; width:auto; background:url(../../base/img/rowb.jpg) center center no-repeat; background-size: cover; position:relative;}
#rowB .rHd h3{height:50px; line-height:50px; text-align:center; font-size:32px; color:#3691ac; font-weight:bold; }
#rowB .rHd h3 a{color:#3691ac}
#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 .loopArea{padding-top: 10px; display: flex; flex-wrap: wrap; overflow:hidden; margin-right: -20px;}
#rowB .tCon{width:170px; padding:30px 20px 15px; margin:20px 20px 0 0; overflow:hidden; background:#fff; border-radius:5px; box-shadow: 0px 0px 4px 0px #d5d5d5; position:relative;}
#rowB .tCon .typeName{text-align:center; margin-bottom:20px;}
#rowB .tCon .typeName a{display:inline-block; font-size:20px; padding-top:5px; font-weight: bold;}
#rowB .tCon .typeName a::before{content:"";width:60px;height:60px;margin:0 auto 15px;display:none;border-radius:50%;background: url(../../base/img/icons-ksdh.png) -20px -20px no-repeat #e83c2e; transition:0.5s; position:relative; z-index:1;}
#rowB .tCon .typeName a:hover::before{box-shadow:0 0 0 5px #f7e2e0;}
#rowB .tCon:nth-child(1) { width:380px; }
#rowB .tCon:nth-child(2) { width:260px; }
#rowB .tCon:nth-child(2) .typeName a::before{background-color:#216dd5; background-position: -20px -420px}
#rowB .tCon:nth-child(3) .typeName a::before{background-color:#18bd65; background-position: -20px -220px}
#rowB .tCon:nth-child(4) .typeName a::before{background-color:#c868bc; background-position: -20px -616px}
#rowB .tCon:nth-child(2) .typeName a:hover::before{ box-shadow:0 0 0 5px #cfdced;}
#rowB .tCon:nth-child(3) .typeName a:hover::before{ box-shadow:0 0 0 5px #d8f0e3;}
#rowB .tCon:nth-child(4) .typeName a:hover::before{ box-shadow:0 0 0 5px #efdded;}
#rowB .tCon .list{display:block; margin-right:-10px; }
#rowB .tCon .list li{width:170px; height:36px; float:left; margin-right:10px; margin-bottom:10px; overflow:hidden}
#rowB .tCon:nth-child(1) .list li { width:120px; }
#rowB .tCon:nth-child(2) .list li { width:125px; }
#rowB .tCon .list li a{display:block; height:34px; line-height:34px; border:1px solid #d4d4d4; border-radius:4px; text-align:center; padding:0 10px; font-size:14px; transition:0.5s;}
#rowB .tCon .list li a:hover{background:#e83c2e; color:#fff; border-color:#e83c2e}
#rowB .tCon:nth-child(2) .list li a:hover{background:#216dd5; color:#fff; border-color:#216dd5}
#rowB .tCon:nth-child(3) .list li a:hover{background:#18bd65; color:#fff; border-color:#18bd65}
#rowB .tCon:nth-child(4) .list li a:hover{background:#c868bc; color:#fff; border-color:#c868bc}
#rowB .rBd .next,
#rowB .rBd .prev{display:block;width:38px;height:70px;position:absolute;top: 271px;left:0px;background: url(../../base/img/arrow.png) 12px 26px no-repeat #000; filter:alpha(opacity=50); opacity:0.5; overflow:hidden; border-radius:0px 5px 5px 0px; cursor:pointer; transition:0.5s;}
#rowB .rBd .next{left:auto;right:0px;border-radius:5px 0px 0px 5px;background-position: -75px 26px;}
#rowB .rBd .next:hover,
#rowB .rBd .prev:hover{filter:alpha(opacity=70); opacity:0.7;}
#rowB .rFd {height: 10px;overflow: hidden;text-align: center;font-size: 0;padding-top: 20px;}
#rowB .rFd li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 3px; width: 10px; height: 10px; background: #999999; border-radius:5px; filter:alpha(opacity=60); opacity:0.6; transition:500ms;}
#rowB .rFd li span { display: none;}
#rowB .rFd .on { width: 60px; background: #999999; filter:alpha(opacity=100); opacity:1;}

/* 医生介绍 */
#rowC{width:auto; min-width:1200px; background:url(../../base/img/rowc.jpg) 0px 0px; padding-bottom:50px;}
#rowC .rHd{padding-top:30px;}
#rowC .rHd h3{height:50px; line-height:50px; text-align:center; font-size:32px; color:#3691ac; font-weight:bold; }
#rowC .rHd h3 a{color:#3691ac}
#rowC .rHd ul { margin-top: 20px; font-size: 0; text-align: center; line-height: 1; }
#rowC .rHd li { display: inline-block; vertical-align: top; margin: 5px; }
#rowC .rHd li a{display:block; height:40px; line-height:40px; border-radius:4px; text-align:center; padding:0 25px; font-size:16px; transition:0.5s; background: #fff;}
#rowC .rHd li.on a{background:#3691ac; color:#fff; border-color:#e83c2e}

#rowC .rBd{margin-left:-5px;}
#rowC .rBd:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.slides .bd ul{padding-top:30px !important; }
.slides .fd { clear: both; height: 10px; overflow: hidden; text-align: center; font-size: 0; padding-top:40px;}
.slides .fd li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 3px; width: 10px; height: 10px; background: #999999; border-radius:5px; filter:alpha(opacity=60); opacity:0.6; transition:500ms;}
.slides .fd li span { display: none;}
.slides .fd .on { width: 60px; background: #999999; filter:alpha(opacity=100); opacity:1;}

/* 医生列表 */
.docList{}
.docList li{width:160px; padding:28px 30px 0px; background:#fff; border-radius:5px; overflow:hidden; float:left; margin-left:5px; margin-right:20px; height:380px; position:relative; top:0px; transition:0.5s;}
.docList li .pic{width:160px; height:210px; margin:0 auto 10px;}
.docList li .pic img{width:160px; height:210px;}
.docList li .con{height:132px; overflow:hidden; position:relative}
.docList li .con .title{height:30px; line-height:30px; text-align:center; font-size:18px; font-weight:bold; color:#19a3c7; margin-bottom:10px;}
.docList li .con .title a{color:#19a3c7}
.docList li .con .job,
.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;}
.docList li .con .job a,
.docList li .con .node a,
.docList li .con .duties a{color:#7c7c7c}
.docList li .con .works{display:none}
.docList li .con .more{ display:block; 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{top:-5px;  box-shadow: 0px 0px 4px 0px #d5d5d5;}
.docList li:hover .con .more,
.docList li .con .more:hover{background:#19a3c7; color:#fff; border-color:#19a3c7}

/* rowD */
#rowD{height:290px;}
#rowD ul{display:block; margin-right:-29px; padding-top:60px;}
#rowD ul li{width:279px; float:left; height:170px; margin-right:28px; position:relative; top:0px; transition:0.5s;}
#rowD ul li a{display:block; background:#3cc886; font-size:24px; font-weight:bold; text-align:center; color:#fff; padding-top:20px; height:150px; border-radius:5px; }
#rowD ul li a i{display:block;width:70px;height:70px;margin:0 auto 10px;background: url(../../base/img/icons-rowd.png) -15px -15px no-repeat; transition:0.5s;}
#rowD ul li:hover{top:-10px;}
#rowD ul li a:hover i{transform: rotateY(180deg);}
#rowD ul li.li2 a{background:url(../../base/img/bg-kyjx.jpg) 0px 0px no-repeat;}
#rowD ul li.li2 a i{background-position:-15px -215px;}
#rowD ul li.li3 a{background:#daae45;}
#rowD ul li.li3 a i{background-position:-15px -415px;}
#rowD ul li.li4 a{background:url(../../base/img/bg-dqjs.jpg) 0px 0px no-repeat;}
#rowD ul li.li4 a i{background-position:-15px -615px;}