@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;}
#indBanner .bd .con { display: none;}
#indBanner .bd li { width: 100%; overflow: hidden;}
#indBanner .bd li .pic img { height:auto; width:100%; }
#indBanner .prev,
#indBanner .next { display:none}
#indBanner .hd { height: 16px; overflow: hidden; position: absolute; left: 0; width: 100%; bottom: 34px; 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: 16px; height: 16px; background: #fff; border-radius:50%; transition:500ms;}
#indBanner .hd li span { display: none;}
#indBanner .hd .on {background: #037C91;filter:alpha(opacity=100);opacity:1;}

/* 快速链接 */
.quickLinks{padding: 0.6% 0;background:#f9f9f9}
.quickLinks ul {margin: 0 -1%;display: flex;justify-content: space-around;}
.quickLinks li{width: 12.285%;float:left;margin: 0 1%;}
.quickLinks li a{ display:block;text-align:center;line-height:30px;height: 125px; padding-top:25px;background:transparent center;border-radius: 10px; transition:all 0.5s;}
.quickLinks li a h3 { font-size:20px; }
.quickLinks li a i{display:block;width:60px;height:60px;display:block;margin:0 auto 5px;background: url(../../base/img/icons-quicklinks.png) center -20px no-repeat;position:relative;top:0px;transition:0.5s;}
.quickLinks li a:hover i{ transform: rotateY(180deg);background-image: url(../../base/img/icons-quicklinks_w.png)}
.quickLinks li a label {font-size:12px;font-weight:bold;display: none;}

.quickLinks li a:hover { background:#197248 url(../../base/img/quicklinklibg.png) no-repeat center; box-shadow:0 0 10px rgb(0 0 0 / 25%); color:#fff}

.quickLinks li.li2 a i{background-position:center -220px}
.quickLinks li.li3 a i{background-position:center -420px}
.quickLinks li.li4 a i{background-position:center -620px}
.quickLinks li.li5 a i{background-position:center -820px}
.quickLinks li.li6 a i{background-position:center -1020px}
.quickLinks li.li7 a i{background-position:center -1420px}
.quickLinks li.li8 a i{background-position:center -1220px}

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

.rowTi {position:relative;font-size:32px;height:42px;line-height:42px;padding: 10px 0 43px;font-weight:bold;text-align:center;}
.rowTi::after { content:""; position:absolute; bottom:30px; left:50%; margin-left:-26px; width:52px; height:3px; border-radius:1px; background:#197248; overflow:hidden;}

/* 医院新闻 */
#rowA{padding: 30px 0 60px;}
#rowA #focusNews {float:left;width:720px;margin-right:2.85%;margin-bottom: 50px;height: 480px;background: #f9f9f9;}
#focusNews .bd .pic img { height:480px;}
#rowA .topicList { overflow:hidden;}
#rowA .topicList .n { padding:15px 0; height:30px; line-height:30px; background:none; }
#rowA .topicList .n .date {color:#A09C9C;background:#F4F4ED;padding:0 10px;border-radius:5px;margin-top: 0;}
#rowA .topicList .t .title{max-height: none;}
#rowA .topicList .t .title a {display:block;font-size:24px;line-height: 36px;height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#rowA .topicList .t .intro { font-size:14px; line-height:2; }
#rowA .topicList .t .date {display:block;color:#197248;font-family:"Rubik";margin: 0 0 1;font-size: 16px;}

#indYyxw {}
#indYyxw .mhd {text-align:center;padding: 30px 0;height: 55px;line-height: 32px;font-size: 32px; position:relative;}
#indYyxw .mhd:after { content:""; display:block; width:52px; height:3px; background:#037C91; position:absolute; left:50%; margin-left:-26px; bottom:30px;}
#indYyxw .mbd { padding-left:760px; margin-right:-40px; padding-top:200px; position:relative; height:280px;}
#indYyxw .mbd li {float:left;width:300px;margin-right:40px;position: relative;z-index: 9;}
#indYyxw .mbd li .pic img { width:100%; height:auto}
#indYyxw .mbd li .con { padding:10px;}
#indYyxw .mbd li .con .date {line-height:16px;display:block;color:#037C91;margin-bottom: 15px;font-weight: 600;}
#indYyxw .mbd li .con .title { line-height:24px; font-size:16px;}
#indYyxw .mbd .first {position:absolute;left:0;top:0;float: none;width: auto;margin: 0;z-index: 8;}
#indYyxw .mbd .first .title {overflow:hidden;text-overflow:ellipsis;margin-bottom: 15px;}
#indYyxw .mbd .first .title a{font-size:24px;display: block;}
#indYyxw .mbd .first .pic { float:left; margin-right:40px;}
#indYyxw .mbd li.first .con .date {height: 28px;line-height: 28px;font-weight: bold;}
#indYyxw .mbd .first .intro {height:56px;color: #888;overflow:hidden;}
/* 医院公告 */
#indYygg { background:#f9f9f9; margin:0 -100px; padding:40px 100px;}
#indYygg:after { content:""; display:block; clear:both;}
#indYygg ul {margin: 0 -15px;}
#indYygg .hd { padding:10px 0;}
#indYygg .hd .more { float:right; background:#B3C867 url(../../base/img/moreicon.png) no-repeat 82%; color:#fff; padding:0 26px 0 10px;border-radius:8px; }
#indYygg .hd .more:hover { background-color:#cdde8e}
#indYygg .hd h3 { font-size:32px; font-weight:bold;}
#indYygg .bd{padding-top:10px;}
#indYygg .bd .slick-dots { text-align:center; padding:20px 0 0;}
#indYygg .bd .slick-dots li {float:none; display: inline-block;width:12px;height:12px;line-height: 100%;padding: 0;margin: 0 5px;}
#indYygg .bd .slick-dots li button {border:0;background:#ccc;width:12px;height:12px;line-height:100px;overflow:hidden;vertical-align: top;border-radius:50%;}
#indYygg .bd .slick-dots li.slick-active button { background:#197248;}

/* 科室导航 */
#rowB {position:relative;width:auto;background: url(../../base/img/rowb.jpg) no-repeat center / auto;height: 580px;}

#rowB .rowTi a { color:#197248 }
#rowB ul li {float:left;width:23%;margin: 10px 1%;}
#rowB ul li a {display:block;height:50px;line-height:50px;background: rgb(255 255 255 / 75%);border-radius: 10px 0px;text-align:center;font-size:16px;transition:all 0.5s}
#rowB ul li a span { transition:all 0.5s;}
#rowB ul li a:hover {background: #B3C867; color:#fff;}
#rowB ul li a:hover span { background:url(../../base/img/ksliico.png) no-repeat 0 ; padding-left:25px;}

/* 医生介绍 */
#rowC{width:auto; padding:40px 0 0;}
#rowC .rHd h3 {text-align:center;padding: 30px 0;height: 55px;line-height: 32px;font-size: 32px; position:relative;}
#rowC .rHd h3:after { content:""; display:block; width:52px; height:3px; background:#037C91; position:absolute; left:50%; margin-left:-26px; bottom:30px;}

#rowC .rHd h3 a{color:#333}
#rowC .rBd:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#rowC .rBd ul{}
#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;}
#rowC .rBd .prev { position:absolute; cursor:pointer; width:34px; height:34px; background:url(../../base/img/arrow-left.png) no-repeat center; left:-60px; top:50%; margin-top:-17px; }
#rowC .rBd .next { position:absolute; cursor:pointer; width:34px; height:34px; background:url(../../base/img/arrow-right.png) no-repeat center; right:-60px; top:50%; margin-top:-17px; }

/* 医生列表 */
.docList{}
.docList li{padding:0px;overflow:hidden;float:left;position:relative;transition:0.5s;border-radius: 10px!important;margin: 0 20px;}
.docList li.slick-center{ transform:scale(1.15);z-index:9;box-shadow:0 0 10px rgb(0 0 0 / 20%);}
.docList li .pic img{ width: 100%;height: auto;}
.docList li .con{height:85px;overflow:hidden;position:absolute;bottom:0;width:100%;background: rgb(10 57 35 / 56%);padding-top:15px;transition:all 0.5s;}
.docList li .con .title{height:40px; line-height:40px; text-align:center; font-size:22px; color:#19a3c7;  transition:all 0.5s}
.docList li .con .title a{color:#fff;}
.docList li .con .node,
.docList li .con .duties{display:block; height:24px; line-height:24px; font-size:16px; color:#fff; text-align:center; overflow:hidden;}
.docList li .con .node a,
.docList li .con .duties a{color:#fff}
.docList li .con .duties em { display:none }
.docList li .con .works{display:none}
.docList li .con .more{width:50%;height:36px;line-height:36px; text-align:center;font-size:14px;background:#3A89C6;margin:88% auto 0px;transition:0.5s; display:block; color:#fff; border-radius:6px;}
.docList li:hover .con { bottom:0; height:100%; padding:0;}
.docList li:hover .con .title { margin-top:35%; padding:5%;}
.docList li:hover .con .more { display:block; margin-top:8%}

/* rowD */
#rowD {background: #F9F9F9;padding: 30px 0 30px;}
#rowD .kxjyBox {margin:0 -1.4285%;overflow: hidden;padding-bottom: 20px;margin-bottom: 20px;}
#rowD .indBox { float:left; width:30.476%; margin:0 1.4285%;}
#rowD #zcxxBox .bd .pic { background:url(../../base/img/zcxximg.png) no-repeat center / cover ; }
#rowD #zcxxBox .bd .pic img { display:none;}
#rowD .indBox .hd { line-height:48px; text-align:center; font-size:32px; padding:27px 0; overflow:hidden;}
#rowD .indBox .bd {background:#fff; padding:0 10px 15px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);}
#rowD .indBox .bd .pic {margin:0 -10px;margin-bottom:10px;overflow:hidden;height: 280px;}
#rowD .indBox .bd .pic img {width:100%;height:auto;transition: 2000ms;-webkit-transition: 2000ms;-o-transition: 2000ms;-moz-transition: 2000ms;}
#rowD .indBox .bd .pic:hover img {transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05)}
#rowD .indBox .bd li.t { position:relative;}
#rowD .indBox .bd li.t .titleBg ,
#rowD .indBox .bd li.t .title {position:absolute;bottom:0;width: 100%;padding: 0 10px;height:58px;line-height:58px;overflow: hidden;text-align: center;margin-left: -10px;}
#rowD .indBox .bd li.t .titleBg { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);}
#rowD .indBox .bd li.t .title a {font-size:16px;color:#fff;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#rowD .indBox .bd li.n { border-bottom:1px solid #eee; margin:0 10px;}
#rowD .indBox .bd li:nth-last-child(1) { border:0;}
#rowD .indBox .bd li.n a { display:block; background:url(../../base/img/liteicon.png) no-repeat 0; padding-left:15px; white-space:nowrap; overflow:hidden; height:50px; line-height:50px; font-size:16px; text-overflow:ellipsis; }
#rowD .indBox .bd li.t.noPic { height:279px; background:url(../../base/img/rowb.jpg) no-repeat center / auto 100%; margin:0 -10px 10px}
#rowD .indBox .bd li.t.noPic .titleBg ,
#rowD .indBox .bd li.t.noPic .title { padding:0; margin:0 auto;}
#rowD .indBox .bd li.t.noPic .title a { padding:0 10px;}

.yyhjBox { overflow:hidden;}
.yyhjBox .hd {text-align:center;padding: 30px 0;height: 55px;line-height: 32px;font-size: 32px; position:relative;}
.yyhjBox .hd:after { content:""; display:block; width:52px; height:3px; background:#037C91; position:absolute; left:50%; margin-left:-26px; bottom:30px;}
.yyhjBox .bd ul {margin:0 -1.4285%;}
.yyhjBox .bd ul li {float: left; background:#fff;width:30.476%; margin:0 1.4285%; position:relative;}
.yyhjBox .bd ul li .pic { border-radius:8px; overflow:hidden; display:block; margin-bottom:5px;}
.yyhjBox .bd ul li .tit { font-size:16px;}
.yyhjBox .bd ul li .tit:before {content:""; float:left; margin:6px 15px; width:4px; height:18px; background:#3A89C6; display:block; border-radius:2px;}


#rowE {padding: 40px 0 70px;background: url(../../base/img/rowEbg.jpg) no-repeat;}
#rowE .yygkBtn .h3 { float:left; width:35.72%; height:450px;}
#rowE .yygkBtn .h3 a {display: inline-block; margin-left:35px;padding-top:270px;text-align:center;height:76px;line-height:76px;font-size: 32px;font-weight:bold;color:#333;background: url(../../base/img/yysparr.png) no-repeat bottom right;}
#rowE .yygkBtn .pic { float:left; width:64.28%;}
#rowE .yygkBtn .item {float:left;width: 50%;height:220px;background: #C8B46E;text-align:center;font-size:22px;}
#rowE .yygkBtn .item a { display:block; height:100%; color:#fff;}
#rowE .yygkBtn .item a i { background:url(../../base/img/gkico1.png) no-repeat center; display:block; width:80px; height:80px; margin:40px auto 20px;}

#rowE .yygkBtn .item2 {background: #14958D;}
#rowE .yygkBtn .item3 {background: #3A89C6;}
#rowE .yygkBtn .item4 { background:#CB9D62}
#rowE .yygkBtn .item5 { background:#336FA1}
#rowE .yygkBtn .item6 {background: #A3B467;}

#rowE .yygkBtn .item2 a i { background-image:url(../../base/img/gkico2.png); }
#rowE .yygkBtn .item3 a i { background-image:url(../../base/img/gkico3.png); }
#rowE .yygkBtn .item4 a i { background-image:url(../../base/img/gkico4.png); }
#rowE .yygkBtn .item5 a i { background-image:url(../../base/img/gkico5.png); }
#rowE .yygkBtn .item6 a i { background-image:url(../../base/img/gkico6.png); }

#rowE .yygkBtn .item7 {background:none;width: 100%;margin-top: 40px;height: auto;font-size: 32px;font-weight: bold;}
#rowE .yygkBtn .item7 span {display:block;float:right;margin-right: 32px;padding-bottom: 22px;background:url(../../base/img/yysparr.png) no-repeat right bottom}

#rowE .yygkBtn .video {width:100%;overflow:hidden;background:#000;height:440px;}
#rowE .yygkBtn .video video {object-fit: cover;}

#rowE .fr {width:50%;padding-top: 180px;}
#rowE .fl { width:50%;}

#rowG { padding:0 ; margin-bottom:50px }

.rlzyBox { background:url(../../base/img/rczpbg.jpg) no-repeat center; height:100px; text-align:center; padding:50px;}
.rlzyBox h3 { margin-bottom:20px;}
.rlzyBox h3 a{ color:#fff; font-size:32px; }
.rlzyBox ul li { display:inline-block; margin:0 10px;}
.rlzyBox ul li a {display:block;border: 1px solid rgb(246 248 238 / 33%);height:38px;line-height:38px;color: #fff;font-size:18px;padding:0 40px;border-radius:10px 0}
.rlzyBox ul li a:hover { background:rgb(255 255 255 / 20%);}
.rlzyBox ul li.first a { background:#B3C867; border-color:#B3C867;}
.rlzyBox ul li.first a:hover { background:#c3d486; border-color:#c3d486;}

/*屏幕分辨率小于 1400px */
@media only screen and (max-width: 1420px){

    .quickLinks li a { padding-top:10px; height:110px; }
    .quickLinks li a h3 { font-size:18px;}
    .quickLinks li a i {transform:scale(0.8);margin-bottom: 0;}

    #indBanner .hd { bottom:15px;}
    #indBanner .hd li { width:12px; height:12px;}
    
    #rowD .indBox .bd .pic { height:230px;}

    .yyhjBox .bd ul li .pic img{ height:auto; width:100%;}

    #rowE .yygkBtn .video video {width:600px!important;object-fit: none;}

    #rowE .yygkBtn .pic img {width:100%; }
    #rowE .yygkBtn .h3 { height:400px;}
    #rowE .fr { padding-top:110px;}
                                 
}