@charset "utf-8"; 

/**/
#content{width:auto; max-width:100%; padding-left:0px; padding-right:0px; padding-bottom:0px; margin-bottom:0px;background:url(../../base/img/indexbg.jpg) repeat;}
.row-group{ padding:1.75rem 0; }
/* 轮播大图 */
#banner { position: relative; }
#banner .swiper-slide .pic img { display: block; width: 100%; height: 30vw; object-fit: cover; }
#banner .swiper-slide .bg { height: 30vw; transform: scale(1.042); transition: all linear 4s 0.4s; background-color: #fff; background-position: center center; background-size: cover; }
#banner .swiper-slide-active .bg { transform: scale(1); }
#banner .swiper-slide .link { position: absolute; left: 0; right: 0; top: 0; display: block; height: 100%; overflow: hidden; }
#banner .swiper-slide video { display: block; width: 100%; min-height: 52.08vw; height: 100%; object-fit: cover; }
#banner .swiper-slide .con { display: none; }
#banner .swiper-panel { position: absolute; z-index: 1; left: 0; bottom: 7%; right: 0; display: flex; justify-content: center; align-items: center; gap: 1.25rem; }
#banner .swiper-pagination { position: relative; left: 0; top: 0; bottom: 0; text-align: right; width: auto; display: flex; justify-content: center; align-items: center; gap: 1.25rem; }


#banner .swiper-prev,
#banner .swiper-next { display: block; font-size: 3.625rem; color: #fff; height: 1.9rem; line-height: 1.9rem; overflow: hidden; cursor: pointer; transition: all ease 0.5s; }
#banner .swiper-prev { transform-origin: right center; }
#banner .swiper-next { transform-origin: left center; }
#banner .swiper-prev:hover { transform: translateX(-10px); }
#banner .swiper-next:hover { transform: translateX(10px); }

/* 快速链接 */
.quickLinks{ position: relative; z-index: 2; margin-bottom:2rem;}
.quickLinks ul{ background-color: #fff;border-bottom:0.25rem solid #D7005B; border-radius:5px; display: grid; grid-template-columns: repeat(2, 1fr);}
.quickLinks li{border-right:1px #ddd solid;}
.quickLinks li:nth-child(2),.quickLinks li:nth-child(4){border-right:0;}
.quickLinks li a { display: block; position: relative; z-index: 1; height: 100%; font-size: 1.125em; line-height: 6em;padding-left: 45%; }
.quickLinks li a::before { position: absolute; z-index: -1; left: 23%; top: 0; margin: 0 auto; content: '\e619'; font-family: "iconfonts"; font-size: 2em; width: 2.18em; height: 2.18em;  }
.quickLinks li:nth-child(1),.quickLinks li:nth-child(2){border-bottom:1px #ddd solid;}
.quickLinks li:nth-child(1) a::before { content: '\e618'; }
.quickLinks li:nth-child(2) a::before { content: '\e61c'; }
.quickLinks li:nth-child(3) a::before { content: '\e61d'; }
.quickLinks li:nth-child(4) a::before { content: '\e61e'; }


#swiper-iconlists{position: relative; z-index: 2;}
#swiper-iconlists ul{height:8rem;}
#swiper-iconlists li{ text-align: center;}
#swiper-iconlists .swiper-slide { position: relative; width: 16.6%; }

#swiper-iconlists li a{ display: block; position: relative; z-index: 1; height: 100%; font-size: 1.125em;color:#333;}
#swiper-iconlists li a::before { margin: 0 auto; content: '\e619'; font-family: "iconfonts"; font-size: 2em; width:3rem; height:4.5rem; display: block; margin-bottom: 0.25em; }
#swiper-iconlists li.li1 a::before { content: '\e619'; }
#swiper-iconlists li.li2 a::before { content: '\e61b'; }
#swiper-iconlists li.li3 a::before { content: '\e625'; }
#swiper-iconlists li.li4 a::before { content: '\e62c'; }
#swiper-iconlists li.li5 a::before { content: '\e617'; }
#swiper-iconlists li.li6 a::before { content: '\e623'; }
#swiper-iconlists .swiper-prev,
#swiper-iconlists .swiper-next { position: absolute; z-index: 1; top: 50%; margin-top:-1.2em;width: 2.4em; height: 2.4em; line-height: 2.4em; cursor: pointer; font-size: 0.875em; color: #009592; text-align: center;  transform: translateY(-50%); opacity: 0.5; transition: all ease 0.5s; }
#swiper-iconlists .swiper-prev { left: 0; }
#swiper-iconlists .swiper-next { right:0; }
#swiper-iconlists:hover .swiper-prev,
#swiper-iconlists:hover .swiper-next { opacity: 1; }

.quickLinks li a,
.quickLinks li a::before,
#swiper-iconlists li a,
#swiper-iconlists li a::before{ transition: all ease 0.5s; }
#swiper-iconlists li a:hover::before,.quickLinks li a:hover::before { transform: scale(1.1); }
#swiper-iconlists .iconfont{font-size:2rem;}

/* 医院新闻 */
#rowB{background:url(../../base/img/indexbg2.png) no-repeat right bottom #fff; background-size: 100% auto;}
.news-title{font-size: 1.75em; text-align: center; margin-bottom:1em;}
.news-title a:hover,.box-index > .hd h3 a:hover{color:var(--pe-theme-color);}
.news-title a,.box-index .hd h3 a{color:#333;}
/* box-index */
.box-index > .hd { position: relative; display: flex; align-items: center; }
.box-index .hd h3{font-size: 1.75em;transition: font ease 0.6s;}
.box-index > .hd h3 a { display: block; height: 100%; color: inherit; text-decoration: none; overflow: hidden; }
.box-index > .hd .more { margin-left: auto; font-size: 1em; height: 2em; overflow: hidden; line-height: 2em; color: #666; }
.box-index > .hd .more::after { display: inline-block; vertical-align: top; margin-left: .4rem; content: '\e633'; font-family: "iconfont"; color: #ccc; font-size: .815rem; }
.box-index > .hd .more,
.box-index > .hd .more::after { transition: all ease 0.6s; }
.box-index > .hd .more:hover { transform: translateX(.5rem); color: var(--pe-theme-color); }
.box-index > .hd .more:hover::after { color: var(--pe-theme-color); }
.box-index > .bd { padding-top: 2rem; }

.list-notice li { position: relative; display: flex; align-items: center; z-index: 1; border-bottom:1px #EEEEEE solid; padding: 1.25rem 1.25rem; }
.list-notice li:first-child { margin-top: 0; }
.list-notice li::before { position: absolute; z-index: -1; content: ''; left:0; right: 0; bottom: 0; background: #D7005B;height:2px; visibility: hidden; transform: scaleX(0); transform-origin: left center; }
.list-notice li > a { flex: 1 0 0%; font-size: 1.125em; line-height: 1.66em; max-height: 3.33em; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list-notice .date,#jkkp .piclist li .date { text-align: center; margin-right: 1.125rem; padding: 0.25rem 1.125rem 0.25rem 0; line-height: 1;  position: relative; }
.list-notice .date .dd,#jkkp .piclist li .dd{ display: block; font-size: 1.65em;color:#009592; }
.list-notice .date .ym,#jkkp .piclist li .ym { display: block; margin-top: .3rem; font-size: .875em; color: #999; }
.list-notice .date::before{background: #EEEEEE;position: absolute; z-index: -1; content: ''; right: 0; top:50%; width:1px; height:1.875rem;  margin-top: -0.9rem; }

.list-notice li,
.list-notice li::before,
.list-notice li > a,
.list-notice .date,
.list-notice .date .dd,
.list-notice .date .ym { transition: all ease 0.5s; }

.list-notice li:hover::before { visibility: visible; transform: scaleX(1); }
.list-notice li:hover .date { border-right-color: #EEEEEE; }
.list-notice li:hover > a{ color: var(--pe-theme-color); font-weight:bold;}
.list-notice li:hover .date .dd { color: #D7005B; }

#focusNews .con{ position: absolute;bottom: 0; left: 0;  width: 100%; height:6rem;}
#focusNews .swiper-pagination{width:24%; left: 80%; color:#fff; font-size: 1.25rem;}
#focusNews .swiper-pagination .swiper-pagination-current{font-size: 1.85rem;opacity: 1;}
.swiper-pagination-total{opacity: 0.5;}
#focusNews .con .title{padding:0 0 0 1em; font-size:1.125em; position: absolute; z-index: 3; padding-top: 2rem;overflow: hidden; width: 80%;}
#focusNews .con .title a{color:#fff; display: block;line-height: 4rem;}
#focusNews .con .titleBg{    
    display: block;
    width: 100%;
    height: 100%;
   background: linear-gradient(to bottom, rgba(0, 149, 146, 0) 0%, rgba(0, 149, 146, 1) 100%);
    position: absolute;
    z-index: 2;}

.inbox .more{content: "\e633";width: 50%; display: block;height: 4.15rem; line-height:4.15rem; margin: 2em auto; color: #fff; font-size: 1.85rem;border-radius: 4rem;background:#D7005B; padding-left: 6.5rem;}
.inbox .more::after{ font-family: "iconfont"; content: "\e633"; position: absolute; right: 0; top: 0; width: 8.5rem;font-size: 1.5rem; display:none;}
/* 媒体报道、通知公告 */
#rowC{background:url(../../base/img/indexbg3.jpg) no-repeat center top #fff;background-size: 100% auto;} 
#rowC .row{margin-top:6rem;}
.box-index{background: #F9F9F9; border-top: 5px #007371 solid; padding:2rem;}
.box-index .bd .list li.t{background:#fff;overflow: hidden; padding: 1.65rem; margin: 0 0 1.65rem 0;}
.box-index .bd .list li.t .pic{ float: left; width:40%; margin-right: 1.2rem;}
.box-index .bd .list li.t .pic img{width:100%;height:auto; max-height:9.625rem;}
.box-index .bd .list li.t .con{ overflow: hidden;}
.box-index .bd .list li.t .title{ font-size: 1em;line-height: 2;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box-index .bd .list li.t .title a{font-weight:bold;}
.box-index .bd .list li.t .intro,.box-index .bd .list li.t .date,.box-index .bd .list li.n .date{ color:#999;line-height: 2;font-size: 1em;}
.box-index .bd .list li.n {line-height: 3.125em;font-size: 1em;}
.box-index .bd .list li.n .date{ float: right; margin-left: 1rem;font-size: 0.875em;}
.box-index .bd .list li.n a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding-left: 1.5rem;position: relative;}
.box-index .bd .list li.n a::before{font-family: "iconfont"; content: "\e62d"; position: absolute;color: #ccc; left: 0;top:0;font-size: .815rem}
.box-index .bd .list li a{ color: #333;}
.box-index .bd .list li a:hover,.box-index .bd .list li.n a:hover::before{ color: var(--pe-theme-color);}

#tzgg .bd .list li.n a::before{content: "\e631";font-size: 1rem}

/* 健康科普 */
#rowD{background:url(../../base/img/indexbg4.jpg) no-repeat center top #fff; background-size: 100% auto;} 
#jkkp .piclist{ display: grid;grid-template-columns: repeat(2, 1fr);  gap: 1.5rem; padding-right: 1rem;}
#jkkp .piclist li .pic a { display: block; }
#jkkp .piclist li .pic img { width: 100%; height: 100%; transition: 0.4s; }
#jkkp .piclist li .con{background-color: #fff; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); border-radius:0 0 10px 10px; padding: .875rem 1.25rem 1.25rem; border:1px #eee solid;}
#jkkp .piclist li .con .title{order: 1; font-size: 1.125em; line-height: 1.66em; height: 3.32em; overflow: hidden;}
#jkkp .piclist li .date{float:left;margin-right:0;}
#jkkp .infoList li{border-bottom:1px #eee solid; line-height:4.0625rem;}
#jkkp .infoList li a{padding-left:0;}
#jkkp .infoList li a::after{display:none;}

/*视频 */
#rowE,.video,#rowG{background:#fff;}
.video{padding-bottom:2.35rem; }
.video .swiper-slide { position: relative; width: 23%; margin-right:2.75rem !important;}
.video .swiper-slide img { width: 100%; height: 90%; object-fit: contain; }       
.video .swiper-scrollbar { bottom: 0 !important; left: 5% !important; width: 90% !important; height: 6px !important;  background: none;border-bottom: 1px #ddd solid;  border-radius: 5px; }
.video .swiper-scrollbar-drag { background: #D7005B !important; border-radius: 5px !important;  cursor: pointer; height: 6px !important;  }
.video .swiper-slide .title{display:none;}
.video .pic a{ display: block;position: relative;}
.video .pic a::before{ content: ""; width:4em;height:4em;left: 50%;top: 50%;margin-left: -2em; margin-top: -2em;background:url(../../base/img/video.svg) no-repeat center center; display: block; position: absolute;background-size: cover;z-index:9;}


/* 专家介绍 */
#rowE .news-title{margin-top: 2.75rem;}
.docList { display: flex;flex-wrap: wrap; padding-bottom: 3.15rem; margin-right: -3.75rem;}
.docList li{width: calc(50% - 3.75rem); margin: 1.5rem 3.75rem 0 0; position: relative; transition: all 0.5s ease; margin-bottom:2rem; }
.docList li .more,.docList li span em{display:none;}
.docList li .con{ position: absolute;line-height: 1.8; width: 85%;left: 7.5%; bottom: -3.15rem;background: #fff; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);border-radius: 10px;padding: .875rem 1.25rem 1.25rem; border: 1px #eee solid;}
.docList li .title,.zlist li .title{ font-size: 1em;font-weight: bold;text-align: center;}
.docList li .title a{color:var(--pe-theme-color);}
.docList li span{ display: block;text-align: center; }
.docList li span,.docList li span a{color:#666;font-size:.875em;}
.docList li .con .yy { display: block; text-align:center; cursor: pointer; font-size:0.875rem; height: 1.875rem; color:#fff; line-height: 1.875rem; background: #009592; border-radius: 5px;text-align: center;position: relative; width: 50%; margin: 0 auto;}


/* 科室导航 */
#rowF{background:url(../../base/img/indexbg5.jpg) no-repeat center top;background-size: 100% auto; }
#rowF .news-title a{color:#fff;}
#rowF .czxx{background:url(../../base/img/czxxbg.png) no-repeat center top;background-size: 100% auto;}
#rowF .tsks{background:url(../../base/img/tsksbg.png) no-repeat center top;background-size: 100% auto;}
#rowF .czxx,#rowF .tsks{height:28.875rem; text-align: center; border-radius: 10px;}
#rowF .czxx a,#rowF .tsks a{color:#fff; font-size:1.25rem; font-weight: bold; display: block; cursor: pointer; padding-top: 10rem;}
#rowF .czxx a i,#rowF .tsks a i{ display: block;}
#rowF .czxx a i::after,#rowF .tsks a i::after{font-family: "iconfont"; content: "\e633"; font-size: .815rem;}
.zlist{display: grid; grid-template-columns: repeat(2, 2fr); gap: 1.75rem;}
.zlist li{padding:1.25rem 1.25rem 0 1.25rem; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); border-radius: 10px; border: 1px #eee solid;background: #fff;}
.zlist li img{width:100%; height:auto;}
.zlist li .title{ color: var(--pe-theme-color); line-height:3;}
.zlist li .pic{overflow: hidden;}

.box-ksdh{background: #fff;border-radius: 10px;padding: 1.25rem;}
.box-ksdh .hd{ height:3.75em; line-height:3.75em; border-bottom: 1px #ddd solid;}
.box-ksdh .hd ul { display: flex; align-items: center; }
.box-ksdh .hd li { position: relative; font-size: 1.25em; padding:0 2.5rem;line-height: calc(3.75rem - 3px);   line-height: 3em; }
.box-ksdh .hd li span{ display: block; height: 100%; color: #333; text-decoration: none; overflow: hidden; }
.box-ksdh .hd li.on span{color:var(--pe-theme-color);}
.box-ksdh .hd li.on{border-bottom:3px var(--pe-theme-color) solid;}
.box-ksdh .bd{padding:2rem 0;}
.kslist{ display: grid;grid-template-columns: repeat(2, 12fr);gap: 0.625rem;}
.kslist li{text-align: center; border: 1px #eee solid; border-radius: 3px; height:2.875em;line-height:2.875em;}
.kslist li a{position: relative;font-size:1em;display: block;}
.kslist li:hover{border-color: var(--pe-theme-color); }
.kslist li:hover a{color: var(--pe-theme-color);}
.kslist li a::before,.kslist li a::after{content: "";display: block; width: 1.25rem; height: 1.25rem; position: absolute; background:url(../../base/img/border.svg) no-repeat center center; background-size: 100% auto; }
.kslist li a::before{bottom:5px; right:5px;}
.kslist li a::after{left:5px; top:5px;transform: rotate(180deg)}
.kslist li:hover a::before,.kslist li:hover a::after{background:url(../../base/img/border1.svg) no-repeat center center;}


#mtjj{margin-bottom:1.25em; margin-top: -2em;}



/* 媒体查询 */
@media (max-width:420px) {
.quickLinks li a::before{left:12%;}
 .quickLinks li a{padding-left: 32%;}
}
@media (max-width:1024px) {
 .list-notice li:nth-child(5), .list-notice li:nth-child(6){display:none;}

}
@media (min-width:992px) {
.quickLinks{margin-top:-6.5rem; }
#swiper-iconlists li a::before { font-size: 2.35em; width:2.8rem; height:4.3rem; margin-bottom: 0.15em;}
#swiper-iconlists li a{ font-size: 1.3em;}
.quickLinks ul{grid-template-columns: repeat(4, 1fr);  gap: 1.5rem;} 
.quickLinks li:nth-child(1),.quickLinks li:nth-child(2){border-bottom:0;}
.quickLinks li a{font-size: 1.3em;}
.quickLinks li a::before { font-size: 2.55em;top:0.25rem} 
.news-title,.box-index .hd h3{font-size: 2.25em; }
.inbox .more{width: 8rem;font-size: .815rem;height: 2rem;line-height:2rem;background:#D7005B; margin: 3.75rem auto 2.75rem auto; padding-left: 1.5rem; }   
.inbox .more::after{ width: 2.5rem;font-size: .615rem;}
.kslist{grid-template-columns: repeat(5, 3fr);gap: 0.625rem;}
.docList li{ width: calc(25% - 3.75rem);margin-bottom:0; }
 .zlist{display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.75rem;}
 .video .pic a::before{ width:5em;height:5em; margin-left: -2.5em; margin-top: -2.5em;}
 .quickLinks li:nth-child(2){border-right:1px #ddd solid;}
 .news-title{font-size: 2.5em;  }
 .list-notice .date .dd,#jkkp .piclist li .dd{font-size: 1.35em;}
 .list-notice li { padding: .6rem 1.25rem; }
 .box-index .hd h3{font-size: 2.25em;}
 .docList li .title,.zlist li .title{ font-size: 1.25em;}
 .box-ksdh{height:28.875rem; }
  #mtjj{margin-bottom:0em;  margin-top: 0em;}
  .list-notice li > a{ font-size: 1em;line-height: 1.26em; }
  .box-index .bd .list li.n {line-height: 3.125rem;font-size: 1.125em;}
  .box-index .bd .list li.t .title{ font-size: 1.25em;line-height: 2;}
  .row-group{ padding:2.75rem 0; }
  .inbox .more::after{display: block;}
}
@media (min-width:1200px) {
#swiper-iconlists li a::before { font-size: 2.5em; width:3rem; height:4.5rem;}
.quickLinks li a{ font-size: 1.35em; line-height: 8rem;padding-left: 45%; }
.quickLinks li a::before { font-size: 2.55em;top:0.25rem} 
.quickLinks ul{grid-template-columns: repeat(4, 1fr);  gap: 1.5rem;}
.quickLinks li:nth-child(1),.quickLinks li:nth-child(2){border-bottom:0;} 
 .list-notice .date .dd,#jkkp .piclist li .dd{font-size: 2em;}
  .list-notice li > a{ font-size: 1.125em;line-height: 1.66em; max-height: 3.33em;}
}
@media (min-width:1500px) {
#swiper-iconlists li a::before { font-size: 2.5em; width:3rem; height:4.5rem;}
#swiper-iconlists li a{ font-size: 1.35em;}
.quickLinks li a{ font-size: 1.35em; line-height: 8rem;padding-left: 45%; }
.quickLinks li a::before { font-size: 2.55em;}
.quickLinks ul{grid-template-columns: repeat(4, 1fr);  gap: 1.5rem;}
.quickLinks li:nth-child(1),.quickLinks li:nth-child(2){border-bottom:0;}
}
@media (min-width:1700px) {
#jkkp .infoList li{border-bottom:1px #eee solid; line-height:4.0625rem;}

}