@charset "utf-8";

/* 框架 */
#content { width: auto; padding: 0; margin: 0; }
.rowGroup { padding: 30px 0; }
.row { margin-bottom: 30px; }
.row:last-of-type { margin-bottom: 0; }
.column-6 { float: left; width: 685px; margin-right: 30px; }
.column-6:last-of-type { margin-right: 0; }

.infoList li > a,
.topicList .n > a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.infoList li,
.topicList .n { padding: 6px 0; }

/* 图片切换 */
.slideBox,
.slideBox .bd .pic img { width: 100%; height: auto; border-radius: 8px;}

/* 轮播大图 */
.banner { position: relative; }
.banner .bd { overflow: hidden; }
.banner .bd li { width: 100%; overflow: hidden; background-position: center center !important; background-size: cover; animation: bgScale 4s ease; }
.banner .bd .link { display: block; height: 100%; }
.banner .bd .con { display: none; }
.banner .hd { position: absolute; left: 0; bottom: 50px; width: 100%; font-size: 0; line-height: 1; text-align: center; }
.banner .hd li { display: inline-block; width: 40px; height: 4px; margin: 0 5px; border-radius: 500px; background: #fff; cursor: pointer; }
.banner .hd li span { display: none; }
.banner .hd li.on { background: #CC3333; }

/* 背景 */
.bgYi { background: #e9edf9 url(../../base/img/bg-01.jpg) no-repeat center bottom; }
.bgYellow { background: #FFFCF5; }
.bgGray { background: #F8F8F8; }

/* indBox */
.indBox > .hd { position: relative; line-height: 1.2; padding: 12px 0; }
.indBox > .hd::before { position: absolute; left: -55px; top: -10px; font-family: "iconfont"; content: '\e651'; font-size: 110px; line-height: 1; color: #DAB866; opacity: 0.15; }
.indBox > .hd a { color: inherit; text-decoration: none; }
.indBox > .hd .title { float: left; }
.indBox > .hd h3 { position: relative; font-size: 32px; font-weight: bold; }
.indBox > .hd h4 { position: relative; margin-top: 11px; font-size: 14px; color: #999; font-weight: 300; }
.indBox > .hd ul { float: left; margin: 15px 0 0 40px; }
.indBox > .hd li { position: relative; float: left; margin: 0 5px; padding: 0 24px; height: 36px; line-height: 36px; font-size: 16px; }
.indBox > .hd li.on { font-weight: bold; color: #fff; background: #DAB866; border-radius: 500px; }
.indBox > .hd .more { float: right; margin-top: 15px; line-height: 36px; color: #999; font-size: 14px; }
.indBox > .bd { padding-top: 30px; }
.indBox > .hd::after,
.indBox > .bd::before,
.indBox > .bd::after { display: table; content: " "; clear: both; }

/* 快捷图文菜单 */
.menuIconList { overflow: hidden; padding: 13px 0; margin: 0 -1.25%; }
.menuIconList li { position: relative; float: left; width: 22.5%; margin: 1.25%; }
.menuIconList li::before { position: absolute; left: 0; top: 0; bottom: 0; content: ''; width: 100%; background: #97181D; border-radius: 10px; }
.menuIconList li::after { position: absolute; right: -30px; bottom: -33px; font-family: "iconfont"; content: '\e651'; font-size: 130px; line-height: 1; color: #fff; opacity: 0.08; }
.menuIconList li span { position: relative; display: block; overflow: hidden; }
.menuIconList li a { position: relative; z-index: 1; display: block; height: 200px; text-align: center; color: #fff; text-decoration: none; font-weight: bold; font-size: 22px; overflow: hidden; color: #fff; line-height: 1; }
.menuIconList li a::before { display: block; margin: 50px auto 20px 0; font-family: "iconfont"; content: '\e603'; font-size: 54px; line-height: 1; font-weight: normal; }

.menuIconList li::before,
.menuIconList li::after,
.menuIconList li a,
.menuIconList li a::before { transition: all 0.6s ease; }

.menuIconList li:hover::before { top: -30px; bottom: -30px; }
.menuIconList li:hover::after { font-size: 200px; bottom: -63px; }
.menuIconList li:hover a { transform: scale(1.3); }
.menuIconList li:hover a::before { animation: tada 1s ease 0.4s 1; }

.menuIconList .li2::before { background: #DAB866; }
.menuIconList .li2 a::before { content: '\e612'; }
.menuIconList .li3::before { background: #1C458B; }
.menuIconList .li3 a::before { content: '\e75f'; }
.menuIconList .li4::before { background: #4575C9; }
.menuIconList .li4 a::before { content: '\eafb'; }

/* 新闻中心 */
#news .topicHasPic .t { padding-bottom: 28px; margin-bottom: 16px; border-color: #ddd; }
#news .topicHasPic .pic { width: 280px; margin-right: 20px; }
#news .topicHasPic .pic img { height: 157px; }
#news .topicList .t .title { margin-bottom: 12px; font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; }
#news .topicList .t .intro { margin-bottom: 26px; line-height: 20px; color: #999; height: auto; max-height: 60px; }

/* 焦点图 */
#focusNews { position: relative; height: 500px; }
#focusNews .bd li { position: relative; height: 500px; }
#focusNews .bd .pic img { width: 100%; height: 384px; }
#focusNews .bd .con { position: absolute; width: 420px; padding: 68px 40px 28px 60px; bottom: 0; right: 0; background: #DAB866; border-radius: 60px 0 0 0; color: #fff; overflow: hidden; }
#focusNews .bd .con::before { position: absolute; left: -50px; bottom: -60px; font-family: "iconfont"; content: '\e651'; font-size: 210px; line-height: 1; opacity: 0.15; }
#focusNews .bd .title { font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; font-weight: bold; font-size: 16px; }
#focusNews .bd .title a { color: inherit; }
#focusNews .bd .intro { margin-top: 12px; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; opacity: 0.6; }
#focusNews .bd .date { position: absolute; top: 20px; left: 60px; line-height: 38px; }
#focusNews .bd .date .dd { font-weight: bold; font-size: 32px; margin-right: 5px; }
#focusNews .bd .date .ym { font-size: 14px; }
#focusNews .hd { position: absolute; right: 37px; bottom: 136px; font-size: 0; line-height: 1; }
#focusNews .hd li { display: inline-block; vertical-align: top; width: 18px; height: 3px; margin-right: 3px; background: #fff; opacity: 0.3; border-radius: 500px; cursor: pointer; }
#focusNews .hd li.on { opacity: 1; }
#focusNews .prev,
#focusNews .next { position: absolute; z-index: 1; bottom: 30px; width: 45px; height: 45px; line-height: 45px; cursor: pointer; font-size: 22px; background: #f3f3f3; color: #999; text-align: center; border-radius: 50%; }
#focusNews .prev { left: 15px; }
#focusNews .next { left: 80px; }
#focusNews .prev:hover,
#focusNews .next:hover { background: #DAB866; color: #fff; text-decoration: none; }

/* 日历式列表 */
.infoDateList { clear: both; margin: -30px -5% 0 0; overflow: hidden; }
.infoDateList li { float: left; margin: 30px 5% 0 0; width: 28.3333%; }
.infoDateList .date { position: relative; float: left; height: 48px; line-height: 1; padding-right: 20px; margin-right: 20px; overflow: hidden; text-align: center; }
.infoDateList .date::after { position: absolute; right: 0; top: 10%; height: 90%; border-left: 1px solid #ddd; content: ''; }
.infoDateList .date .dd { margin-top: 2px; display: block; font-size: 24px; font-weight: bold; }
.infoDateList .date .ym { margin-top: 8px; display: block; font-size: 14px; color: #999; }
.infoDateList li > a { display: table-cell; width: 0%; height: 48px; line-height: 24px; font-size: 16px; vertical-align: middle; }
.infoDateList li > a:hover { font-weight: bold; color: #CC3333; text-decoration: none; }

#rowNotice .infoDateList { min-height: 48px; }

/* 科室导航 */
#departments { position: relative; height: 540px; overflow: hidden; padding: 50px 0; background: #6d90d0 url(../../base/img/bg-02.jpg) no-repeat center bottom fixed; }
#departments::before { position: absolute; content: ''; top: 0; right: 50%; margin-right: 160px; width: 1121px; height: 100%; background: url(../../base/img/bg-04.png) no-repeat right top; }
#departments .indBox > .hd::before { color: #fff; opacity: 0.05; }
#departments .indBox > .hd h3 { color: #fff; }
#departments .indBox > .hd h4 { color: #fff; opacity: 0.7; }
#departments .indBox > .bd { padding-top: 40px; }

.deptTab { margin-top: -10px; width: 440px; }
.deptTab > li { position: relative; margin-top: 10px; padding: 60px 20px 60px 100px; background: linear-gradient(270deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)); color: #fff; }
.deptTab > li::after { display: table; content: " "; clear: both; }
.deptTab > li .icon { float: left; margin-right: 24px; width: 80px; height: 80px; line-height: 80px; font-size: 70px; text-align: center; }
.deptTab > li h3 { position: relative; overflow: hidden; font-size: 24px; font-weight: bold; line-height: 48px; }
.deptTab > li h3::after { position: absolute; left: 0; bottom: 0; width: 1.2em; height: 1px; background: #fff; border-radius: 500px; content: ''; opacity: 0.6; }

.deptTab > li h3 a { display: block; color: inherit; text-decoration: none; }
.deptTab > li h4 { overflow: hidden; margin-top: 8px; line-height: 1.2; font-size: 14px; opacity: 0.4; font-weight: 300; }

.deptTab > li.on { background: linear-gradient(90deg, rgba(218, 184, 102, 0), #DAB866); }

.deptList { position: absolute; left: 100%; top: 0; display: flex; flex-wrap: wrap; align-items: center; align-content: center; width: 910px; height: 160px; font-size: 0; line-height: 1; padding: 20px 25px; background: rgba(0, 0, 0, 0.6); transform: translateX(100%); opacity: 0; visibility: hidden; transition: all 0.6s ease; }
.deptList li { min-width: 16.6666%; }
.deptList li a { display: block; padding: 3px 20px 3px 0; line-height: 26px; font-size: 18px; color: #fff; }
.deptList li a:hover { color: #D8AD5E; text-decoration: none; }

.deptTab > li.on .deptList { transform: translateX(0); opacity: 1; visibility: visible; }

/* 轮播效果 */
.slides { position: relative; }
.slides .bd { overflow: hidden; }
.slides .prev,
.slides .next { position: absolute; z-index: 1; top: 50%; margin-top: -23px; width: 30px; height: 46px; line-height: 46px; cursor: pointer; font-size: 22px; background: rgba(0, 0, 0, 0.3); color: #fff; text-align: center; border-radius: 0 4px 4px 0; }
.slides .prev .iconfont,
.slides .next .iconfont { opacity: 0.6; }
.slides .prev { left: 0; }
.slides .next { right: 0; border-radius: 4px 0 0 4px; }
.slides .prev:hover,
.slides .next:hover { background: #D8AD5E; color: #fff; text-decoration: none; }
.slides .prev:hover .iconfont,
.slides .next:hover .iconfont { opacity: 1; }

/* 名医名家 */
#mymj > .bd { padding-top: 10px; }
#mymj .slides .in { margin: 0 -25px; }
#mymj .docList { overflow: hidden; }
#mymj .docList li { position: relative; float: left; width: 240px; margin: 20px 25px 0; }
#mymj .docList li .pic a { display: block; position: relative; }
#mymj .docList li .pic a::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7) 100%); }
#mymj .docList li .pic img { width: 100%; height: 300px; }
#mymj .docList li .con { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; padding: 10px 0 20px; overflow: hidden; text-align: center; color: #fff; line-height: 36px; }
#mymj .docList li .con .title { margin-top: 60px; display: inline-block; vertical-align: top; font-size: 16px; }
#mymj .docList li .con .title a { color: inherit; text-decoration: none; }
#mymj .docList li .con .duties { margin-top: 60px; margin-left: 0.5em; display: inline-block; vertical-align: top; }
#mymj .docList li .con .duties em { display: none; }
#mymj .docList li .con .works { display: block; margin-top: 2px; padding: 0 20px; font-size: 14px; opacity: 0.8; line-height: 20px; height: 40px; overflow: hidden; }
#mymj .docList li .con .works em { display: none; }

#mymj .docList li,
#mymj .docList li .pic a::after,
#mymj .docList li .con,
#mymj .docList li .con .title,
#mymj .docList li .con .duties { transition: all 0.6s ease; }

#mymj .docList li:hover { box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.3); transform: translateY(-10px); }
#mymj .docList li:hover .pic a::after { opacity: 0; }
#mymj .docList li:hover .con { background: rgba(218, 184, 102, 0.85); }
#mymj .docList li:hover .con .title,
#mymj .docList li:hover .con .duties { margin-top: 0; font-weight: bold; }

#zb .infoList,
#zp .infoList { height: 180px; }

/* 专题专栏 */
#special .slides .in { margin: 0 -14px; }
#special .specialList { overflow: hidden; }
#special .specialList li { position: relative; float: left; width: 329px; margin: 0 14px; }
#special .specialList li .pic img { width: 100%; height: 160px; }
#special .specialList li .tit { display: none; }



/* ----------------------员工版 ---------------------- */

/* 新闻中心 */
#rowNewsStaff { padding: 40px 0; }

/* 焦点图切换-标准 */
#focusNewsStaff { overflow: hidden; position: relative; background: #fff; }
#focusNewsStaff .hd { position: absolute; width: 100%; left: 0; bottom: 32px; text-align: center; }
#focusNewsStaff .hd ul { font-size: 0; line-height: 1; }
#focusNewsStaff .hd ul li { display: inline-block; margin: 0 4px; width: 16px; height: 16px; line-height: 16px; text-align: center; background: #D9D9D9; cursor: pointer; color: #333; border-radius: 500px; transition: all 0.4s ease; }
#focusNewsStaff .hd ul li.on { width: 25px; background: #DAB866; color: #fff; }
#focusNewsStaff .hd ul li span { display: none; }
#focusNewsStaff .bd { position: relative; overflow: hidden; }
#focusNewsStaff .bd li { position: relative; height: 580px; }
#focusNewsStaff .bd .pic img { width: 100%; height: 381px; }
#focusNewsStaff .bd .con { position: relative; height: 139px; padding: 30px; background: #f9f9f9; }
#focusNewsStaff .bd .con .title { line-height: 30px; height: 30px; font-size: 24px; overflow: hidden; text-align: center; }
#focusNewsStaff .bd .con .date { position: absolute; bottom: 100%; right: 0; padding: 0 18px; background: #97181D; font-size: 18px; line-height: 40px; color: #fff; }
#focusNewsStaff .bd .con .intro { margin-top: 16px; line-height: 24px; height: 48px; overflow: hidden; font-size: 16px; color: #999; }

/* 医院要闻 */
#yyyw .list { margin-top: -18px; }
#yyyw .list li { position: relative; margin-top: 18px; }
#yyyw .list .date { position: absolute; left: 0; top: 0; width: 83px; height: 83px; line-height: 1; overflow: hidden; border: 1px solid #e5e5e5; background: #fff; text-align: center; }
#yyyw .list .date .dd { display: block; margin-top: 15px; font-size: 32px; color: #666; }
#yyyw .list .date .ym { display: block; margin-top: 10px; font-size: 12px; color: #999; }
#yyyw .list .con { height: 85px; margin-left: 105px; }
#yyyw .list .title { font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; }
#yyyw .list .title a { display: block; }
#yyyw .list .intro { margin-top: 12px; font-size: 14px; line-height: 22px; height: 44px; color: #999; overflow: hidden; }

#yyyw .list .intro,
#yyyw .list .title a { transition: all 0.6s ease; }

#yyyw .list li:hover .intro { transform: translateX(10px); }
#yyyw .list li:hover .title a { transform: translateX(10px); color: #97181D; font-weight: bold; text-decoration: none; }

/* 轮播效果 */
.slideStaff { position: relative; }
.slideStaff .bd { overflow: hidden; }
.slideStaff .prev,
.slideStaff .next { position: absolute; z-index: 1; top: 50%; margin-top: -40px; width: 60px; height: 80px; line-height: 80px; cursor: pointer; font-size: 44px; color: #999; text-align: center; }
.slideStaff .prev { right: 100%; }
.slideStaff .next { left: 100%; }
.slideStaff .prev:hover,
.slideStaff .next:hover { color: #97181D; text-decoration: none; }

/* 院报专栏 */
#ybzl .slideStaff .in { margin: 0 -14px; }
#ybzl .list { overflow: hidden; }
#ybzl .list li { position: relative; float: left; width: 376px; margin: 0 14px; padding: 25px 35px; border: 1px solid #ECECEC; }
#ybzl .list li .title { height: 60px; line-height: 30px; font-size: 18px; font-weight: bold; overflow: hidden; }
#ybzl .list li .title a { display: block; color: inherit; text-decoration: none; }
#ybzl .list li .intro { margin-top: 12px; font-size: 14px; line-height: 24px; height: 72px; color: #999; overflow: hidden; }
#ybzl .list li .others { margin-top: 20px; color: #999; font-size: 14px; line-height: 20px; }
#ybzl .list li .others span { margin-right: 15px; }
#ybzl .list li .others .date::before { display: inline-block; vertical-align: top; font-size: 1.2em; font-family: "iconfont"; content: "\e639"; margin-right: 0.3em; }

#ybzl .list li,
#ybzl .list li .con { transition: all 0.6s ease; }

#ybzl .list li:hover { border-color: #DAB866; box-shadow: 0px 0px 10px rgba(218, 184, 102, 0.2); }
#ybzl .list li:hover .con { transform: translateX(10px); }
#ybzl .list li:hover .title { color: #97181D; }

#rowDeptStaff { position: relative; height: 787px; padding: 0; background: #971c1e url(../../base/img/bg-05.jpg) no-repeat right top fixed; }
#rowDeptStaff::before { position: absolute; content: ''; top: 0; right: 50%; margin-right: -120px; width: 1347px; height: 100%; background: url(../../base/img/bg-03.jpg) no-repeat right top; }

/* 快捷菜单 */
#quiceMenuStaff { position: relative; float: left; width: 820px; }
.menuStaffList li { position: relative; float: left; width: 50%; background: #97181D; }
.menuStaffList li::before { position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; content: ''; border: 1px solid rgba(255, 255, 255, 0.2); }
.menuStaffList li:nth-of-type(4n-1)::before,
.menuStaffList li:nth-of-type(4n-2)::before { display: none; }
.menuStaffList li::after { position: absolute; display: none; width: 100%; left: 0; top: 15px; font-family: "iconfont"; content: '\e651'; font-size: 250px; line-height: 1; color: #fff; opacity: 0.02; text-align: center; }
.menuStaffList li a { position: relative; z-index: 1; display: block; height: 280px; text-align: center; color: #fff; text-decoration: none; font-size: 24px; overflow: hidden; color: #fff; line-height: 1; }
.menuStaffList li a::before { display: block; margin: 70px auto 25px 0; font-family: "iconfont"; content: '\e8b9'; font-size: 80px; line-height: 1; }

.menuStaffList li { transition: all 0.6s ease; }
.menuStaffList li:hover { position: relative; z-index: 1; }

.menuStaffList .li1 { background: #f5e8e9; }
.menuStaffList .li1::before { border-color: #fff; }
.menuStaffList .li1 a { color: #333; }
.menuStaffList .li1 a::before { color: #DAB866; }
.menuStaffList .li1 a::before { content: '\e8b9'; }
.menuStaffList .li2 { background: #DAB866; }
.menuStaffList .li2 a::before { content: '\e738'; }
.menuStaffList .li3 { background: #1C458B; }
.menuStaffList .li3::after { display: block; }
.menuStaffList .li3 a::before { content: '\e67e'; }
.menuStaffList .li4 { background: #4575C9; }
.menuStaffList .li4 a::before { content: '\e609'; }

/* 职能科室 */
#znks { padding: 25px 40px; overflow: hidden; }
#znks > .hd { line-height: 66px; }
#znks > .hd::before { left: -25px; color: #fff; opacity: 0.05; }
#znks > .hd h3 { font-size: 24px; color: #fff; }
#znks > .hd .more { color: #fff; }
#znks > .bd { padding-top: 25px; }
.deptListStaff { padding: 40px 30px 40px 10px; background: rgba(0, 0, 0, 0.2); border-radius: 10px; line-height: 1; font-size: 0; }
.deptListStaff li { display: inline-block; vertical-align: top; width: 33.3333%; }
.deptListStaff li a { position: relative; display: block; height: 44px; margin-left: 20px; padding: 4px 0 4px 15px; line-height: 22px; font-size: 16px; color: #fff; }
.deptListStaff li a::before { content: ""; position: absolute; left: 0; top: 14px; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; }
.deptListStaff li a:hover { color: #DAB866; text-decoration: none; }

/* 专题专栏 */
#special .slideStaff .in { margin: 0 -14px; }

/* 动画 */
@keyframes bgScale
{
    0%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1);
    }
}