﻿@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: 50px; 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; 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:164px; 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:30px;}
#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 .bd{padding-top:10px;}

/* 科室导航 */
#rowB{min-width:1200px; width:auto; background:url(../../base/img/rowb.jpg) 50% 0px no-repeat; height:566px; position:relative;}
#rowB .rHd{padding-top:30px;}
#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 .rBd{padding-top:30px; overflow:hidden}
#rowB .rBd .tCon{width:244px; height:380px; padding:30px 20px 0px; float:left; margin-right:20px; overflow:hidden; background:#fff; border-radius:5px; box-shadow: 0px 0px 4px 0px #d5d5d5; position:relative;}
/* #rowB .rBd .tCon-3{margin-right:0px;} */
#rowB .rBd .tCon .typeName{text-align:center; margin-bottom:20px;}
#rowB .rBd .tCon .typeName a{display:inline-block; font-size:20px; padding-top:5px;}
#rowB .rBd .tCon .typeName a i{width:60px;height:60px;margin:0 auto 15px;display:block;border-radius:50%;background: url(../../base/img/icons-ksdh.png) -20px -20px no-repeat #e83c2e; position:relative; z-index:1;}
#rowB .rBd .tCon .typeName a i:after{content:""; width:100%; height:100%; position:absolute; z-index:-1; border-radius:50%; box-shadow:0 0 0 5px #f7e2e0; display:block; left:0px; top:0px; transition:0.5s;  }
#rowB .rBd .tCon .typeName a:hover i:after{transform:scale(1.2)}
#rowB .rBd .tCon-1 .typeName a i{background-color:#216dd5; background-position: -20px -215px}
#rowB .rBd .tCon-3 .typeName a i{background-color:#18bd65; background-position: -20px -420px}
#rowB .rBd .tCon-4 .typeName a i{background-color:#e83c2e; background-position: -20px -610px}
#rowB .rBd .tCon-5 .typeName a i{background-color:#216dd5; background-position: -20px -420px}
#rowB .rBd .tCon-6 .typeName a i{background-color:#18bd65; background-position: -20px -420px}
#rowB .rBd .tCon-2 .typeName a i:after{ box-shadow:0 0 0 5px #cfdced;}
#rowB .rBd .tCon-3 .typeName a i:after{ box-shadow:0 0 0 5px #d8f0e3;}
#rowB .rBd .tCon-4 .typeName a i:after{ box-shadow:0 0 0 5px #f7e2e0;}
#rowB .rBd .tCon-5 .typeName a i:after{ box-shadow:0 0 0 5px #cfdced;}
#rowB .rBd .tCon-6 .typeName a i:after{ box-shadow:0 0 0 5px #d8f0e3;}
#rowB .rBd .tCon .list{display:block; margin-right:-12px; }
#rowB .rBd .tCon .list li{width:116px; height:36px; float:left; margin-right:11px; margin-bottom:10px; overflow:hidden}
#rowB .rBd .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 .rBd .tCon .list li a:hover{background:#e83c2e; color:#fff; border-color:#e83c2e}
#rowB .rBd .tCon-2 .list li a:hover{background:#216dd5; color:#fff; border-color:#216dd5}
#rowB .rBd .tCon-3 .list li a:hover{background:#18bd65; color:#fff; border-color:#18bd65}
#rowB .rBd .tCon-4 .list li a:hover{background:#e83c2e; color:#fff; border-color:#e83c2e}
#rowB .rBd .tCon-5 .list li a:hover{background:#216dd5; color:#fff; border-color:#216dd5}
#rowB .rBd .tCon-6 .list li a:hover{background:#18bd65; color:#fff; border-color:#18bd65}
#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;}

#rowB .rBd .tCon-4{margin: 0 -20px 0 0;}

/* 医生介绍 */
#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 .rBd{margin-left:-5px;}
#rowC .rBd:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#rowC .rBd ul{padding-top:30px !important; }
#rowC .rFd { height: 10px; overflow: hidden; text-align: center; font-size: 0; padding-top:40px;}
#rowC .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;}
#rowC .rFd li span { display: none;}
#rowC .rFd .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 .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 .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;}