* {	outline: 0;}

*,
*::before,
*::after {box-sizing: border-box;}

html {font-size: 16px;font-family: sans-serif;}

body {margin: 0; padding: 0;font-size: 1em;line-height: 2;}
dl, li, ol, ul { margin: 0; padding: 0; }
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {display: block;}

p {	margin: 0;	padding: 0;}

ul,ol {	list-style: none;}

a {
	color: #222;
	text-decoration: none;
	background-color: transparent;
}

a[href=""],
a:not([href]):not([class]) {
	pointer-events: none !important;
	cursor: default !important;
	color: inherit !important;
	text-decoration: none !important;
}

a[href=""]:hover,
a:not([href]):not([class]):hover {
	color: inherit !important;
	text-decoration: none !important;
}

a:hover {
	color: #0078e3;
	text-decoration: underline;
}



pre {
	margin-top: 0;
	margin-bottom: 0;
	overflow: auto;
}

figure {margin: 0 0 1em;}

img {
	max-width: 100%;
	vertical-align: middle;
	border-style: none;
}


/*
** swiper tab
*/
.swiper-tab {max-width: 100%;}

/*
** header
*/
header#header {	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);}
header#header #top {display: flex;justify-content: space-between;align-items: center;}

.menu { width:100%; position:absolute; z-index:100;  opacity:0.9;}
.menu ul{  margin:auto;}
.menu img{ float:left; margin-top:13px;}
.mobil-logo { padding-left:15px;}

/*
** nav
*/
.nav-layer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 98;
	background-color: rgba(0, 0, 0, 0.6);
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out;
}
.nav-head,
.nav-search,
.nav-foot,
.nav-list li .nav-child-arrow {
	display: none;
}
.nav-head{ width:100%; height:40px;}
.nav-head b { padding-left: 14px; font-size: 20px; color: #06C; }
/*
** nav btn
*/
.btn-nav-box { margin-right:15px;
	width: 28px;
	max-width: 28px;
	min-width: 28px;
	height: 28px;
	position: relative;
	cursor: pointer;
	display: none;
}

.nav-burger,
.nav-burger::before,
.nav-burger::after {
	position: absolute;
	right: 0;
	content: '';
	width: 28px;
	height: 2px;
	background-color: #fff;
	border-radius: 2px;
	transition: all 0.2s ease-in-out;
}

.nav-burger { top: 15px; }
.nav-burger::before { transform: translateY(-10px); }
.nav-burger::after  { transform: translateY(10px); }
.bk10{ width:100%; height:10px; clear:both;}
.bk20{ width:100%; height:20px; clear:both;}
.bk30{ width:100%; height:30px; clear:both;}
.bk40{ width:100%; height:40px; clear:both;}
.bk{width:100%;clear:both;}

@media (min-width: 1210px) {
.yiyuanyaowen{ margin:auto;width:100%; height:120px;  text-align:center;}
.yiyuanyaowen a{font-size:34px;line-height:120px;text-decoration:none; font-weight:700; color:#0346B6;font-family:"Microsoft YaHei UI";}
.yiyuanyaowen a:hover{ color: #06F}

.sections {opacity: 0;transform: translateY(80px);transition:opacity 0.8s ease-out,transform 0.8s ease-out;}
.sections.visible {opacity: 1; transform: translateY(0); /* 回到原位置 */}

.sectionr {opacity: 0;transform: translateX(50px);transition:opacity 0.8s ease-out,transform 0.8s ease-out;}
.sectionr.visibler {opacity: 1; transform: translateX(0); /* 回到原位置 */}

.sectionl {opacity: 0;transform: translateX(-200px);transition:opacity 0.8s ease-out,transform 0.8s ease-out;}
.sectionl.visiblel {opacity: 1; transform: translateX(0); /* 回到原位置 */}


/*新闻pic*/
.yyyw{ width:1620px; height:525px; margin:auto; margin-top:15px;}
.yypic{ width:700px; height:525px; float:left; overflow:hidden;}

.picfd img{width:700px; height:525px;transition: transform 1s ease; }
.picfd img:hover{transform: scale(1.1); }
.pic-date{ position:absolute; left:30px; top:30px; z-index:15;width:70px; height:40px; background: #F60; text-align:center;}
.pic-date p{ width:100%; height:40px; line-height:40px; color: #FFF; font-size:16px; font-family:"Microsoft YaHei UI"; font-weight:500; overflow:hidden;}
.hotline{ position:absolute; bottom:40px; right:100px;}

.pictit{ width:100%; height:60px;background-color: rgba(0, 0, 0, 0.6); text-align:center; position:absolute; bottom:0; z-index:10;}
.pictit a{ font-size:22px; font-family:"SimSun"; font-weight:700; color:#FFF; line-height:60px;}
.pictit a:hover{ text-decoration:none; color:#FF0;}

/*新闻动态 list*/
.yynew{ width:880px; float:right; }

.yynew ul{ width:100%; overflow:hidden;}
.yynew li {width:100%; height:90px;overflow:hidden; margin-bottom:21px;transition: background 0.5s ease, transform 0.5s ease;font-weight:500; }
.yynew li:hover{transform: scale(0.98);}
.yynew_date{ float:left; width:85px; height:80px; background:#4e7bbd; text-align:center;overflow:hidden;font-weight:500;}
.yynew_date p{ width:100%; height:42px; line-height:47px; color:#FFF; font-size:25px; font-family:"Microsoft YaHei UI"; font-weight:600; overflow:hidden;}
.yynew_date span{ width:100%; height:38px; line-height:30px; color:#FFF; font-size:18px; font-family:"Microsoft YaHei UI";overflow:hidden;font-weight:500;}

.yynew_c{ width:calc(100% - 110px); float:right;height:90px;overflow:hidden;}
.yynew_c p{ width:100%; height:40px; display:block; float:left; overflow:hidden; font-size:20px; font-family:"Microsoft YaHei";  line-height:35px;color: #333; font-weight:500;}
.yynew_c p:hover{ text-decoration:none; }
.yynew_c span{width:100%; height:46px;display: block;font-size:12px; color:#999;font-weight:500; line-height:20px;}
.yynew_c span:hover{text-decoration:none;font-size:12px;font-weight:500;}
.yynew_c a:hover{width:100%; height:90px; display: block;text-decoration:none;}

.menub{ width:1620px; margin:auto;}
.telonline{width:300px; height:auto; position:absolute; right:40px; bottom:40px; z-index:9999; background:rgba(255,255,255,0.8); text-align:center;}
.telonline img{ padding:20px 50px;}
.hide-tablet {display: none !important;	}
	.hide-lt-minimum {display: none !important;	}
	nav#nav {font-size: 14px;}
	.list-style-picture {margin: -0.5em;}
	.list-style-picture-only > li {	width: 100%;}
	.list-style-picture > li {width: 100%;padding: 0.5em;}
	.list-style-department > li {width: 100%;}

.nav-child-items a{ font-size:16px; font-weight:500;}
.hide-desktop {	display: none !important;}
.nav-list{  float:right}
.menu{width:100%;background-color: rgba(78, 123, 189, 0.8);}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box; }
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:100%; width:auto;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;}
.banpic {width:100vw; height:100vh; overflow:hidden;}
.banpic img{width:100vw; height:100vh;}
.mobil-logo { display: none; }
.weblogo img{animation: zoomInOut 10s ease-in-out infinite; overflow:hidden;}
@keyframes zoomInOut {
    0% { transform: scale(0.9); }
    50% { transform: scale(1.0); }
	100% { transform: scale(0.9); }
}
.hide-gt-tablet {display: none !important;}

.nav-list {	display: flex;text-align:center;}
.nav-list>li { float:right;	height:110px;position: relative; }
.nav-list>li:hover {background-color: #2662b9; 	}
.nav-list>li>a { line-height:110px; padding:0 15px 0 15px;text-decoration:none;	font-size: 24px;display: block;color: #fff !important; font-family:"Microsoft YaHei UI"; font-weight:500;}
.nav-child-box {width: 100%;position: absolute;top: auto;left: 0;z-index: 999;text-align: center;transform-origin: top;transition: all 0s;background-color: #2662b9;margin-top: -2px;padding: 0.5em 0.5em;opacity: 0;visibility: hidden;transform: translateX(0) perspective(600px) rotateX(-45deg);}

.nav-child-box::before {position: absolute;	top:-7px;left: 50%;transform: translateX(-50%);width:0;height: 0;border-left: 7px solid transparent;
border-right: 7px solid transparent;border-bottom: 7px solid #fff;}
.nav-list>li:hover .nav-child-box {opacity: 1;visibility: visible;transform: translateX(0) perspective(600px) rotateX(0);}
.nav-child-items { line-height: 2;}
.nav-child-items>li>a {display: inline-block; color:#fff;padding: 0.3em 0;}

.row-media-2 > .row-item {max-width: 50%;}
.row-media-3 > .row-item {max-width: 33.333333%;}
.row-media-2 > .row-item:nth-child(2),.row-media-3 > .row-item:nth-child(2) { margin-left: 2em;}
.row-media-3 > .row-item:nth-child(2) {margin-right: 2em;}

.gyyy{ width:100%; height:330px; margin-top:70px; background:url(../images/yygk_bj.jpg) repeat; }
.gyyy ul{ width:1620px; margin:auto;}
.gyyy_pic{ width:340px; height:280px; float:left; background: #5986e2; margin-top:25px; }
.gyyy_pic li{ width:100%;text-align:center;}
.gyyy_pic p{ font-size:34px; color:#FFF; font-family: "Microsoft YaHei UI"; font-weight:700; line-height:80px; margin-top:20px;}
.gyyy_pic img{ max-height:125px;}
.gyyy_pic img:hover{ opacity:0.7;}
.gyyy_pic a{ font-size:16px; text-decoration:none; padding:10px; color:#FFF; font-family:"Microsoft YaHei UI";}
.gyyy_pic a:hover{ color: #FF0; font-weight:700;}
.gyyy_c{ width:1000px; float:right; }
.guyy_c li{ width:12.5%; float:right; height:160px; text-align:center; overflow:hidden;margin-top:30px;}
.guyy_c p{ font-size:24px; color:#FFF; font-weight:700; font-family: "Microsoft YaHei UI"; line-height:40px;}
.number { font-size: 54px; font-family: "Microsoft YaHei UI", sans-serif; font-weight: 700; color: #FFF;
  /* 防止数字变化时宽度跳动导致布局抖动 */
          display: inline-block; }
.gyyy_mk{ width:1180px; height:52px; margin-top:50px; float:right;}
.gyyy_mk li { width:177px; height:50px; float:left; background:#FFF; margin:0 25px; text-align:center}
.gyyy_mk li:hover{box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);}
.gyyy_mk img{ padding-bottom:13px;}
.gyyy_mk a{ font-size:22px; color: #666; font-weight:500; line-height:50px; padding-left:15px; text-decoration:none;font-family: "Microsoft YaHei UI";}
.bk35{ display:none;}

/* 通知公告选项卡 */
  .tabs {width: 1600px; margin:auto; margin-top:50px;}
  /* 2. 隐藏原生单选按钮 */
  .tabs input[type="radio"] {display: none;}
  /* 3. 标签栏容器：flex 布局，标题居中 */
  .tab-labels {display: flex;justify-content: center;   /* ← 居中的关键 */}
  /* 4. 标签标题样式 */
  .tab-labels label {padding: 0 24px;font-size:34px;font-family: "Microsoft YaHei", sans-serif;line-height:80px;text-decoration:none; font-weight:500; color:#C0C0C0;cursor: pointer;transition: all 0.2s;
    text-align: center;}


  /* 5. 内容区域：默认全部隐藏 */
  .tab-content { width:100%;display: none; margin-top:20px; }
  .tab-content li{ width:31.5%; height:123px;float:left;margin:10px 1.8% 18px 0;  background:#f4f9fc url(../images/tit_h1.png) no-repeat; overflow:hidden;transition: border-left-width 0.3s ease;border-left: 0 solid #0072E3;}
  .tab-content li:hover{ background:#f4f9fc url(../images/tit_h2.png) no-repeat;border-left-width: 4px; }
  .tab-content a{ width:100%; display:block;font-size:20px; color: #3B3B3B; font-family:"Microsoft YaHei"; height:80px; line-height:26px; padding-top:28px;padding-left:25px; font-weight:500; text-decoration:none;}
  .tab-content a:hover{ color:#000;}
  .tab-content p{ font-size:14px; line-height:40px; color:#999; padding-left:50px;}

  /* 6. 选中状态：标签高亮 */
  #tab1:checked ~ .tab-labels label[for="tab1"],
  #tab2:checked ~ .tab-labels label[for="tab2"] {color:#0346B6;font-weight:700;}

  /* 7. 选中状态：对应内容显示 */
  #tab1:checked ~ .content-wrap #content1,
  #tab2:checked ~ .content-wrap #content2 {display: block;}
.tzgg_more{ width:60px;height:30px;overflow:hidden;clear:both; text-align:center;background:#f4f9fc url(../images/more.png) center; border-radius:10px; margin:auto;}
.tzgg_more a{ width:100%;line-height:30px;}


/* 科室导航 */
.ksdh{ width:100%; height:640px; background:url(../images/ks_bj.jpg) center repeat; margin-top:40px; }
.ksdh ul {
    width: 1620px;
    max-height: 420px;
    margin: auto;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;           /* 允许换行 */
    gap: 60px;
    scrollbar-width: thin;
    scrollbar-color: #A2D0FF #FFF;
}
.ksdh p{font-size:34px;font-family:"Microsoft YaHei";color:#0346B6;font-weight:700; line-height:150px;text-align:center;}
.ksdh li {
    height: 100px;
    background: #FFF;
    flex: 0 0 calc(25% - 60px);  /* 每行 4 个，flex-basis 扣掉 gap */
    width: 25%;                  /* 无 flex 时的兜底 */
    padding-right: 8px;
    transition: border-left-width 0.3s ease;
    border-left: 0 solid #0072E3;
}
.ksdh li:hover{border-left-width: 4px;}
.ksdh li img{ padding:23px 20px 0 20px; float:left;}
.ksdh li a{ width:calc(100% - 98px); float:right; padding-top:20px; line-height:24px;font-size:20px;font-family:"Microsoft YaHei"; color: #333; text-decoration:none; font-weight:500; }
.ksdh li a:hover{ color:#0346B6;}
.ksdh ul li span{font-size:14px; color:#999; line-height:22px; display:block; overflow:hidden; float:left}



/* 先进技术健康知识 */
.js-jk{ width:100%;}
.js-jk ul{ width:1620px; margin:auto;}
.lfx1{ float:left;}
.lfx2{ float:right;}
.xjjs{ width:765px; text-align:center;}
.xjjs a{font-size:32px; line-height:130px;font-family: "Microsoft YaHei UI", sans-serif;color:#0346B6;font-weight:700; text-decoration:none;}
.xjjs img{ width:100%; height:auto; margin-bottom:20px;}
.xjjs li{ width:100%; height:50px; float:left; background: url(../images/tit_bg1.png) left no-repeat; overflow:hidden}
.xjjs li:hover{ background:url(../images/tit_bg2.png) left no-repeat;}
.xjjs li a{ font-size:20px; line-height:50px;font-family:"Microsoft YaHei UI"; font-weight:500; text-decoration:none; padding-left:30px; float:left; color: #525252;}
.xjjs li a:hover{ color:#000000;}
.xjjs li span{ float:right;line-height:50px; font-size:14px; color:#999; }

/* 医院风采 */
.yyfc{ width:100%; }
.yyfc ul{ width:1620px; margin:auto; }
.yyfc1{ float:left; width:59.5%; height:425px;overflow:hidden;}
.yyfc1_1{ float:left; width:65.7%; height:100%;  position:relative; overflow:hidden;}
.yyfc1_1 img{ width:100%; height:100%;transition: transform 1s ease;}
.yyfc1_1 img:hover{transform: scale(1.1); }
.yyfc1_1 p{ position: absolute; bottom:0; width:100%; height:70px; z-index:10; background-color: rgba(78,123,189,0.7); color:#FFF; font-size:26px; font-weight:700; text-decoration:none; text-align:center; line-height:70px; display:block;font-family:"Microsoft YaHei UI";}
.yyfc1_2{ float:right; width:31.3%; height:425px;}
.yyfc1_2 li{ width:100%; height:215px; margin-bottom:25px; overflow:hidden;}
.yyfc1_2 img{ width:100%; height:100%;transition: transform 1s ease;}
.yyfc1_2 img:hover{transform: scale(1.1);}
.bk100{ width:100%; height:60px; clear:both;}
.yyfc2{ width:38.8%; height:100%; overflow:hidden; float:right;}
.yyfc2_1{ width:48%; height:100%; overflow:hidden; float:left;}
.yyfc2_ys1{background:rgba(0,102,0,0.7)}
.yyfc2_ys2{background: rgba(255,51,255,0.7)}
.yyfc2_1 li{ width:100%;height:100%; overflow:hidden; margin-bottom:25px; position:relative;}
.yyfc2_1 a{position: absolute; bottom:0; width:100%; height:70px; z-index:10; color:#FFF; font-size:26px; font-weight:700; text-decoration:none; text-align:center; line-height:70px; display:block;font-family:"Microsoft YaHei UI";}
.yyfc2_1 img{ width:100%; height:100%;transition: transform 1s ease;}
.yyfc2_1 img:hover{transform: scale(1.1);}
.yyfc2_2{ width:48%; height:100%; float:right; position:relative; overflow:hidden}
.yyfc2_2 a{ position:absolute; bottom:0; width:100%; height:70px; z-index:10; background-color:rgba(255, 0, 0, 0.7); color:#FFF; font-size:26px; font-weight:700; text-decoration:none; text-align:center; line-height:70px; display:block;font-family:"Microsoft YaHei UI";}
.yyfc2_2 img{ width:100%; height:100%;transition: transform 1s ease; }
.yyfc2_2 img:hover{transform: scale(1.1); }

/* 底部 */
.footweb{ width:100%;height:290px;background-color: #4e7bbd; }
.footweb ul{ width:1620px;  margin:auto;}
.foot1{ float:left; width:70%; background:url(../images/sydw.png) right no-repeat; margin-top:80px;}
.foot1 li{ width:50%; float:left; line-height:40px;}
.foot1 li img{ width:40px; height:40px; margin-right:10px;}
.foot1 li p{ font-size:20px; color:#FFFFFF; font-weight:600; font-family:"Microsoft YaHei";padding-bottom:10px;}
/* 注意：逗号后的 a 是全局选择器，疑似笔误；为保持现有渲染暂不改动 */
.foot1 li span,.foot1 li a{font-size:16px; color:#FFFFFF;font-family:"宋体"; text-decoration:none;}
.foot1 li a:hover{ color: #FFFF33; text-decoration:none;}

.foot2{ width:30%; float:right;margin-top:80px;}
.foot2 ul{ width:100%;}
.foot2 li{ width:30%; float:right; text-align:center; height:auto; overflow:hidden;}
.foot2 li img{ max-width:110px;}
.foot2 p{ font-size:16px; color:#FFFFFF; }


/*内容页*/
.show_tit{ width:100%; height:322px; background:url(../images/show_banner01.jpg)  center repeat-x;}
.show_tit ul{ width:1620px;height:322px; margin:auto; position:relative;}
.show_tit p{ color:#FFFFFF; font-size:30px; font-family:"Microsoft YaHei"; font-weight:700; position:absolute; top:50%; left:48%;transform: translate(-50%, -50%);}
.show_tit span{color:#FFFFFF; font-size:16px; font-family:"Microsoft YaHei"; font-weight:500; position:absolute; top:85%; left:0;}
.show_tit a{color:#FFFFFF; font-size:16px; font-family:"Microsoft YaHei"; font-weight:500; text-decoration:none}

.show_content{ width:100%; height:auto;background:#F0F8FF; padding:10px 0 25px 0;}
.show_content ul{ width:1620px;height:auto; margin:auto;background: #FFFFFF;}

.show_content_search{ width:100%; height:auto;background:#F0F8FF; padding:10px 0 25px 0;}
.show_content_search ul{ width:1620px;height:auto; margin:auto;}

.cont_tit{ width:95%; height:120px; margin:auto; text-align:center; border-bottom:1px #D5D5D5 dotted; clear:both; }
.cont_tit h1{ width:100%;font-size:24px; height:60px; color: #333333; font-family:"Microsoft YaHei"; line-height:90px; overflow:hidden;}
.cont_tit p{ line-height:20px; color:#666666; font-size:14px; }
.cont_tit span{ padding-right:10px;}
.cont_c{ width:90%; margin:auto; font-size:16px; color:#333333; font-family:"Microsoft YaHei"; line-height:34px; min-height:300px;overflow: hidden;word-wrap: break-word; }
.cont_c img { max-width:800px; height: auto; }

/*专家内容页*/
.show_zj_info{ width:90%; margin:auto; }
.show_zj_info_l{ width:185px; height:auto; float:left; overflow:hidden;margin-top:13px;}
.show_zj_info_l img{ width:100%; height:auto;cursor: pointer;transition: all 2.0s; }
.show_zj_info_l img:hover{transform: scale(1.2);opacity:0.6;}
.show_zj_info_r{ width:1000px;float:left; margin-left:20px;font-size:16px; }
.show_zj_info_r i{ color:#0080BD}
.bk201{ width:100%; height:20px; clear:both}
.szjtab{ width:100px;}

/*专家列表页*/

.list_zj{ width:95%; margin:auto; background: #FFFFFF;}
.list_zj li{ width:180px; height:265px; float:left; margin-left:35px; margin-top:35px; overflow:hidden; position:relative; text-align:center}
.list_zj img{width:100%; height:265px;transition: transform 1s ease;}
.list_zj img:hover{transform: scale(1.2)}
.list_zj_c{width:100%;height:50px;position:absolute;bottom:0;text-align:center; background:rgba(0,102,204,0.7);}
.list_zj_c:hover{ background:rgba(255,153,0,0.8);position:absolute;}
.list_zj_c p{ color:#FFFFFF;line-height:15px;font-size:12px;}
.list_zj_c a{text-decoration:none;color:#FFFFFF;line-height:30px;font-size:16px; font-weight:700; display:block; width:100%; font-family:"Microsoft YaHei UI"}


.list_ld{ width:95%; margin:auto; background: #FFFFFF; }
.list_ld ul{ width:82%; margin:auto; display: grid;
  /* 定义4列，每列宽度相等 (1fr) */
  grid-template-columns: repeat(4, 1fr);
  /* 可选：设置列与列、行与行之间的间距 */
  gap: 30px; 
  /* 可选：移除列表默认样式，如果外层是ul的话 */
  padding: 0;
  list-style: none;}
.list_ld li{ width: 100%;position:relative; text-align:center; overflow:hidden; }
.list_ld li img{width:100%; height:auto;object-fit: cover; display: block; }
.list_ld li a{width:100%;height:50px;position:absolute;bottom:0;background:rgba(0,102,204,1); text-decoration:none;color:#FFFFFF;line-height:50px;font-size:16px; font-weight:700; display:block;  font-family:"Microsoft YaHei UI"}
.list_ld li a:hover{ background:rgba(255,153,0,1);position:absolute;}



/*科室列表页*/
.ks_list{ width:78%;float:right;background:#FFFFFF; margin-top:30px;}
.ks_list ul{ width:98%; margin:auto;}
.ks_list ul li{ width:30%; float:left; margin:1.5%; background:#F0F8FF}
.ks_list ul li a{ width:100%; display:block; height:55px; line-height:55px; font-size:18px; text-align:center; color: #333333; font-family:"Microsoft YaHei UI"; background:#D0E8FF;overflow:hidden; text-decoration:none;font-weight:600;}
.ks_list ul li a:hover{ font-weight:600}
.ks_list ul li p{ width:100%;height:94px; display:block;overflow:hidden;font-size:14px; line-height:20px; color:#999999; padding:10px;}
.ks_list ul li span{ width:100%; display:block;height:40px; font-size:16px; text-align:center; line-height:40px; color: #666; margin-top:6px; background:#D0E8FF}

/*科室内容页*/
.show_ks_content{ width:100%; height:auto;background:#F0F8FF; padding:10px 0 25px 0;}
.ks_banner{ width:100%; margin:auto;background: #F0F8FF; position:relative;}
.ks_banner ul{width:100%;height:auto; max-height:680px;margin:auto;}
.ks_banner_tit{ position:absolute; width:400px; height:120px; background:rgba(5,96,194,0.8); left:40%; bottom:20%; text-align:center; z-index:100; overflow:hidden;}
.ks_banner_tit p{ width:100%; font-size:30px; line-height:60px; color:rgba(255,255,255,1); font-weight:700; padding-top:10px;display: inline-block;animation:wave-jump 1s ease-in-out infinite;}
@keyframes wave-jump {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-15px); }
}
.ks_banner_tit span{ color:rgba(255,255,255,1); font-size:18px; line-height:20px;}
.show_ks{ width:75%; min-width:1212px; margin:auto; margin-top:20px; background:rgba(255,255,255,1);}
.show_ks ul{ width:95%; margin:auto;padding:5px 0 20px 0;}
.show_ks ul h1{ width:100%;height:45px;line-height:35px; font-size:24px; font-family:"Microsoft YaHei UI"; font-weight:700; color:rgba(0, 102, 204,1); border-bottom:1px #E2E2E2 dotted; overflow:hidden;}
.show_ks ul span { font-size:16px; line-height:30px; font-family:"Microsoft YaHei UI"; }
.show_ks ul li{height:auto; text-align:center; position:relative;display: grid;}
.show_ks ul li img{width:100%; height:auto;  }
.show_ks ul li a{ width:100%; height:35px; line-height:35px; display:block; position:absolute; bottom:0;background:#0066CC; color:#FFFFFF; z-index:100}

.show_ks2{ width:75%; min-width:1212px; margin:auto; margin-top:20px;  background:rgba(255,255,255,1);}
.show_ks2 ul{ width:95%; margin:auto;padding:5px 0 30px 0;display: grid;grid-template-columns: repeat(7, 1fr);  /* 每行 7 列，列宽均分 */ gap: 10px; }
.show_ks2 h1{ width:95%;height:70px; margin:auto; margin-bottom:10px;line-height:75px;font-size:24px; font-family:"Microsoft YaHei UI"; font-weight:700; color:rgba(0, 102, 204,1); border-bottom:1px #E2E2E2 dotted; overflow:hidden;}
.show_ks2 ul li{height:auto; text-align:center; position:relative;}
.show_ks2 ul li img{width:100%; height:auto;  }
.show_ks2 ul li a{ width:100%; height:35px; line-height:35px; display:block; position:absolute; bottom:0;background:#0066CC; color:#FFFFFF; z-index:100; text-decoration:none;}
.show_ks2 ul li a:hover{ font-weight:700; background:#FF9900}

/*list*/
.show_list{ width:100%; height:auto; background: #F0F8FF; padding:10px 0 20px 0;}
.show_list ul{max-width:1620px; margin:auto;}
.show_list-r{ width:78%; float:right;background:#FFFFFF; margin-top:35px;}
.show_list-r ul{ width:94%; float:left; margin-left:15px;}
.show_list-r ul li{ width:100%;height:120px; overflow:hidden;position:relative; margin:15px 0 15px 25px; float:left;cursor: pointer;transition: border-left-width 0.3s ease;border-left: 0 solid #FFF;}
.show_list-r ul li:hover{border-left-width:6px; }

.show_list-r ul li img{ width:160px; height:120px;float:left;}
.show_list-r ul li a{ width:calc(100% - 190px); height:40px;font-size:20px; font-family:"Microsoft YaHei"; font-weight:500; color:#333333; float:right; display:block; text-decoration:none;}
.show_list-r ul li a:hover{ color: #0066CC;}
.show_list-r ul li p{ width:calc(100% - 190px); height:40px; line-height:20px; font-size:14px; font-family:"Microsoft YaHei"; font-weight:500; color: #999999; float:right; display:block; overflow:hidden;}
.show_list-r ul li span{ position:absolute;z-index:10;bottom:0;font-size:12px; font-family:"Microsoft YaHei"; font-weight:500; color: #999; }
.show_list_1{left:190px;}
.show_list_2{right:10px;}
.sbj{ background:#FFFFFF;}
.show_list-l{ float:left; width:20%;}
.show_list-l ol{ width:100%; margin:30px auto;background:#FFFFFF; padding:20px;counter-reset:item;}
.show_list-l ol p{ display:block; width:100%; height:55px;text-align:center; line-height:55px; font-size:20px; font-weight:700; color: #FFFFFF;background:rgba(0, 102, 204, 0.7);margin-bottom:10px}
.show_list-l ol li{ width:100%; height:35px; overflow:hidden;line-height:35px;counter-increment:item;}
.show_list-l ol li::before{content: counter(item); padding:1px 5px;color: #fff; font-weight: bold; border-radius:5px; font-size:12px; background:#999999}
.show_list-l ol li:hover::before{  background:#0066FF; }
.show_list-l ol li:nth-of-type(-n+3):hover::before { background-color: #0066FF; }

.show_list-l ol li:nth-of-type(1)::before { background-color: #FF0000; }
.show_list-l ol li:nth-of-type(2)::before { background-color: #FF00CC; }
.show_list-l ol li:nth-of-type(3)::before { background-color: #009900; }



.show_list-l ol li a{ font-size:16px; color:#333333; padding-left:8px; text-decoration:none;}
.show_list-l ol li a:hover{ font-weight:600;}
.show_list-l ol li span{ font-size:14px; color:#999999; float:right;}


}


/* M mobile (mobile/minimum/small) */
@media (max-width: 1209.9px) {
.telonline{ display:none;}
.sections { /* 初始状态：不可见 */
            opacity: 0;
            transform: translateY(40px);
            transition:opacity 0.8s ease-out,transform 0.8s ease-out;}
 /* M动画触发后：可见状态 */
 .sections.visible {opacity: 1; transform: translateY(0); /* 回到原位置 */}

 .sectionr { /* 初始状态：不可见 */
            opacity: 0;
            transform: translateY(40px);
            transition:opacity 0.8s ease-out,transform 0.8s ease-out;}
 /* M动画触发后：可见状态 */
 .sectionr.visibler {opacity: 1; transform: translateX(0); /* 回到原位置 */}

.sectionl { /* 初始状态：不可见 */
            opacity: 0;
            transform: translateY(40px);
            transition:opacity 0.8s ease-out,transform 0.8s ease-out;}
 /*M动画触发后：可见状态 */
.sectionl.visiblel {opacity: 1; transform: translateX(0); /* 回到原位置 */}

.hide-lt-minimum {display: none !important;	}
.mobil-logo{float:left;}
.mobil-logo img{ max-height:65px;}
.weblogo { display: none; }
nav#nav {font-size: 14px;}

.banpic {width:100%; height:auto; overflow:hidden;}
.banpic img{width:100%; height:auto;}
.yiyuanyaowen{ margin:auto;width:100%; height:70px;  text-align:center; }
.yiyuanyaowen a{font-size:1.6em;line-height:70px;text-decoration:none; font-weight:700; color:#0346B6;font-family:"Microsoft YaHei UI";}
.yiyuanyaowen a:hover{ color: #06F}

.list-style-picture {margin: -0.5em;}
.list-style-picture-only > li {width: 100%;}
.list-style-picture > li {width: 100%;padding: 0.5em;}
.list-style-department > li {width: 100%;}
.nav-list li{ width:100%;}
.nav-list a{ font-size:16px; font-weight:600;}
.nav-child-items a{ font-size:14px; font-weight:400;}


.hide-minimum {display: none !important;}
.swiper-wrapper{position:relative;height:auto;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:auto;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;list-style: none;}
.swiper-slide img{ height:auto;}
.hide-lt-mobile {display: none !important;}
.container {width: 100%;}
.btn-nav-box {display: block;}
header#header {	position: sticky; background:#4e7bbd;top: 0;z-index: 99;}
header#header #top {padding-top: 1em;padding-bottom: 1em;}


nav#nav {position: fixed;
		top: 0;
		bottom: 0;
		left: -200%;
		min-width: 300px;
		width: max(300px, min(80%, 400px));
		height: 100%;
		padding: 1em;
		z-index: 9999;
		overflow: auto;
		background-color: #fff;
		transition: all 0.4s ease-out;}

.nav-open nav#nav {	left: 0;opacity: 1;display: flex;flex-direction: column;}
.nav-open .nav-layer {display: block;visibility: visible;opacity: 1;}
.nav-open .nav-head,
.nav-open .nav-search,
.nav-open .nav-foot {display: flex;flex-direction: row;	flex-wrap: nowrap;align-items: center;justify-content: space-between;}
.nav-open .nav-head .btn-close-nav {cursor: pointer;padding-left: 1em;}
.btn-close-nav{ color:#FFF; padding-right:1em; background:#06F;  border-radius:10px; text-align:center;}
.nav-open #header .nav-search .search {margin: 0.75em 0 1em 0;flex: 1;}
.nav-open #header .nav-search .search input,
.nav-open #header .nav-search .search button {background-color: #fff;border: 1px solid #d5dfe9;	}
.nav-open #header .nav-search .search input {width: calc(100% - 50px);border-right: 0;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.nav-open .nav-search .search button {width: 50px;border-top-right-radius:3px;border-bottom-right-radius: 3px;}
.nav-open .nav-body {margin-left: 0;margin-right: 0;flex-grow: 1;padding: 0;overflow-x: hidden;overflow-y: auto;}
.nav-body{ width: calc(100% - 30px); margin-top:50px;}
.nav-open .nav-list {border-radius: 3px;padding: 0.5em 1em;	}
.nav-open .nav-body .nav-list > li {padding: 0.5em 0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items:center;}

.nav-open .nav-body .nav-list > li:not(:last-child) {border-bottom: 1px solid #e3e7ed;}
.nav-open .nav-body .nav-list > li a {display: block;margin-right: auto;}
.nav-open .nav-body .nav-list > li .nav-child-arrow {display: block;cursor: pointer;padding-left: 50%;}
.nav-open .nav-body .nav-list > li .nav-child-box {width: 100%;	height:0;overflow: hidden;padding-left: 1em;border-left: 1px solid #e3e7ed;	}
.nav-open .nav-body .nav-list > li.active .nav-child-box {height: auto;}
.nav-open .nav-body .nav-list > li .nav-child-box li {padding: 0.25em 0;}
.nav-open .nav-foot {font-size: 1.1em;margin-top: auto}
.mode-web-dl dt {font-size: 1.5em;padding-top: 0.5em;padding-bottom: 0.5em;	}

.list-style-doctor > li {width: 50%;}
.list-style-department > li {width: 50%;padding-top: 0.5em;padding-bottom: 0.5em;}
.list-style-picture-only > li {	width: 50%;	}


/*M新闻pic*/
.yyyw{ width:100%; height:auto; margin:auto;}
.yypic{ width:96%; height:auto; margin:auto; overflow:hidden;}

.picfd img{object-fit: cover; transition: transform 1s ease;}
.picfd img:hover{transform: scale(1.1); }
.pic-date{ position:absolute; left:30px; top:30px; z-index:15;width:70px; height:40px; background: #F60; text-align:center;}
.pic-date p{ width:100%; height:40px; line-height:40px; color: #FFF; font-size:16px; font-family:"Microsoft YaHei UI"; font-weight:500; overflow:hidden;}

.pictit{ width:100%; height:50px;background-color: rgba(0, 0, 0, 0.6); text-align:center; position:absolute; bottom:0; z-index:10;}
.pictit a{ font-size:1.1em; font-family:"Microsoft YaHei UI"; font-weight:500; color:#FFF; line-height:50px;}
.pictit a:hover{ text-decoration:none; color:#FF0;}

/*M新闻动态 list*/
.yynew{ width:100%; margin-top:20px;}
.yynew ul{ width:96%; margin:auto; overflow:hidden;}
.yynew li {width:100%; height:90px;overflow:hidden; transition: background 0.5s ease, transform 0.5s ease;font-weight:500; }
.yynew li:hover{transform: scale(0.98);}
.yynew_date{ float:left; width:70px; height:70px; background:#4e7bbd; text-align:center;overflow:hidden;font-weight:500;}
.yynew_date p{ width:100%; height:38px; line-height:44px; color:#FFF; font-size:1.4em; font-family:"Microsoft YaHei UI"; font-weight:600; overflow:hidden;}
.yynew_date span{ width:100%; height:20px; line-height:20px; color:#FFF; font-size:0.9em; font-family:"Microsoft YaHei UI";overflow:hidden;font-weight:500;}

.yynew_c{ width:calc(100% - 85px); float:right;height:90px;overflow:hidden;}
.yynew_c p{ width:100%; height:1.6em; display:block; float:left; overflow:hidden; font-size:1em; font-family:"Microsoft YaHei UI";  line-height:1.6em;color: #333; font-weight:500;}
.yynew_c p:hover{ text-decoration:none; }
.yynew_c span{width:100%; height:2.8em;display: block;font-size:0.8em; color:#999;font-weight:500; line-height:1.4em; overflow:hidden;}
.yynew_c a:hover{width:100%; height:90px; display: block;text-decoration:none;}

.gyyy{ width:100%; height:290px;background:url(../images/yygk_bj.jpg) repeat;}
.gyyy ul{ width:96%; margin:auto; }

.gyyy_pic{display:none}

.bk35{ width:100%; height:35px; clear:both;}
.gyyy_c{ width:90%;margin:auto; }
.guyy_c li{ width:46%; float:left; height:auto; text-align:center; overflow:hidden; margin-top:10px;}
.guyy_c p{ font-size:1.2em; color:#FFF; font-weight:700; font-family: "Microsoft YaHei UI"; line-height:1.4em;}
.number { font-size: 1.4em; line-height:1.4em;font-family: "Microsoft YaHei UI"; font-weight: 700;color: #FFF; display: inline-block;  }
.gyyy_mk{ display:none}

/* M通知公告选项卡 */
  .tabs {width:100%; margin:auto;}
  /* 2. 隐藏原生单选按钮 */
  .tabs input[type="radio"] {display: none;}
  /* 3. 标签栏容器：显式撑满父级，避免窄屏下容器被收缩成内容宽度、把子项压到换行 */
  .tab-labels {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: center;
  }
  /* 4. 标签标题：窄屏收紧内边距与字号、禁止换行；标题不参与滚动入场动画 */
  .tab-labels label {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 0 10px;
    font-size: 1.6em;
    font-size: clamp(1.6em, 5.3vw, 26px);  /* 窄屏自适应，旧浏览器回退到 20px */
    font-family: "Microsoft YaHei", sans-serif;
    line-height: 66px;
    text-decoration: none;
    font-weight: 500;
    color: #C0C0C0;
    cursor: pointer;
    transition: color 0.2s, font-weight 0.2s;
    text-align: center;
    opacity: 1;
    transform: none;
  }


  /* 5. 内容区域：默认全部隐藏 */
.tab-content { width:96%;display: none; margin:auto; }
.tab-content li{ width:100%;min-height:2.4em;background:#f4f9fc url(../images/tit_bg1.png) no-repeat 7px 4px; overflow:hidden; margin:5px auto;display:block;}
.tab-content li:hover{ background:#f4f9fc url(../images/tit_bg2.png) no-repeat 7px 4px;}
.tab-content a{ width:100%; font-size:1em; color: #3B3B3B; font-family:"Microsoft YaHei";  line-height:1.2em;padding-left:2em; font-weight:500; text-decoration:none; overflow:hidden;}
.tab-content a:hover{ color:#000;}
.tab-content p{ display: none;}

  /* 6. 选中状态：标签高亮 */
#tab1:checked ~ .tab-labels label[for="tab1"],
#tab2:checked ~ .tab-labels label[for="tab2"] {color:#0346B6;font-weight:700;}

  /* 7. 选中状态：对应内容显示 */
#tab1:checked ~ .content-wrap #content1,
#tab2:checked ~ .content-wrap #content2 {display: block;}
.tzgg_more{ width:50px; height:30px; margin:10px auto; background:#f4f9fc url(../images/more.png) center; border-radius:10px;}
.tzgg_more a{ width:50px; height:30px;}


/*M内容页*/
.show_tit{ width:100%; height:200px; background-image: url('../images/show_banner01.jpg');background-position: right;}
.show_tit ul{ width:100%;height:200px; margin:auto; position:relative;}
.show_tit p{ color:#FFFFFF; font-size:1.6em; font-family:"Microsoft YaHei"; font-weight:700; position:absolute; top:35%; left:36%;transform: translate(-50%, -50%);}
.show_tit span{color:#FFFFFF; font-size:0.9em; font-family:"Microsoft YaHei"; font-weight:500; position:absolute; top:75%; left:20px;}
.show_tit a{color:#FFFFFF; font-size:0.9em; font-family:"Microsoft YaHei"; font-weight:500; text-decoration:none}

.show_content_search{ width:100%; height:auto}
.show_content_search ul{ width:100%; margin:20px auto;}

.show_content{ width:100%; height:auto}
.show_content ul{ width:100%; margin:20px auto;}
.cont_tit{ width:90%;  margin:auto; text-align:center; clear:both; border-bottom:1px dotted  #CCCCCC;}
.cont_tit h1{ display:block; margin:auto;font-size:1.2em; color: #333333; font-family:"Microsoft YaHei"; line-height:1.3em;}
.cont_tit p{ line-height:20px; color:#666666; font-size:0.8em;padding-bottom:8px;}
.cont_tit span{ padding-right:0.5em;}


/*M 专家内容页*/
.show_zj_info{ width:95%; margin:auto; margin-top:15px}
.show_zj_info_l{ width:70%; margin:auto;height:auto;overflow:hidden; text-align:center;clear:both;}
.show_zj_info_l img{width:100%; height:auto;}
.show_zj_info_r{ width:96%; margin:auto; font-size:1em; }
.show_zj_info_r i{ color: #0066CC;font-size:1em;}
.cont_c{ width:90%; margin:auto; font-size:1em; color:#333333; font-family:"Microsoft YaHei"; line-height:1.6em; height:auto;overflow: hidden;word-wrap: break-word; }
.cont_c img { width:90%; height: auto; }
.bk201{ display: none;}
.szjtab{ min-width:5em;color:#0346B6;}
.szjtab i{display:none;}
.szjtab2{ font-size:1em ; line-height:1.4em;}

/*M 领导列表页*/
.list_ld{ width:95%; margin:auto; background: #FFFFFF; }
.list_ld ul{ width:95%; margin:auto; display: grid;
  /* 定义4列，每列宽度相等 (1fr) */
  grid-template-columns: repeat(2, 1fr);
  /* 可选：设置列与列、行与行之间的间距 */
  gap: 10px; 
  /* 可选：移除列表默认样式，如果外层是ul的话 */
  padding: 0;
  list-style: none;}
.list_ld li{ width: 100%;position:relative; text-align:center; overflow:hidden; }
.list_ld li img{width:100%; height:auto;object-fit: cover; display: block; }
.list_ld li a{width:100%;height:3em;position:absolute;bottom:0;background:rgba(0,102,204,0.9); text-decoration:none;color:#FFFFFF;line-height:1em;font-size:1em; font-weight:700; display:block;  font-family:"Microsoft YaHei UI"; padding-top:0.5em;overflow:hidden; }
.list_ld li a:hover{ background:rgba(255,153,0,1);position:absolute;}
/*M 专家列表页*/

.list_zj{ width:98%; margin:auto; background: #FFFFFF;}
.list_zj li{ width:31%; max-height:9em; float:left; margin-left:2%; margin-top:2%; overflow:hidden; position:relative; text-align:center;}
.list_zj img{width:100%; height:auto;}
.list_zj_c{width:100%;position:absolute;bottom:0;background: rgba(0,102,204,0.7); text-align:center;}
.list_zj_c:hover{background:#e77a19; }
.list_zj_c p{ display:none}
.list_zj_c a{text-decoration:none;color:#FFFFFF;line-height:1.4em;font-size:1em; font-weight:600; font-family:"Microsoft YaHei UI"; padding-top:10px;}

/*M 科室列表页*/
.ks_list{ width:100%;background:#FFFFFF; margin:auto; margin-top:10px;}
.ks_list ul{ width:100%;}
.ks_list ul li{ width:48%; float:left; margin:1%; background:#F0F8FF}
.ks_list ul li a{ width:100%; display:block; height:2em; line-height:2em; font-size:1.1em; text-align:center; color:#333; font-family:"Microsoft YaHei UI"; background:#D0E8FF;font-weight:500;  overflow:hidden; text-decoration:none;}
.ks_list ul li p{ width:100%;height:5.2em; display:block;overflow:hidden;font-size:0.8em; line-height:1.2em; color:#999999; padding:6px;}
.ks_list ul li span{ width:100%; display:block;height:1.8em; font-size:0.9em; text-align:center; line-height:1.8em; background: #D0E8FF; color: #666; margin-top:6px;}

/*M 科室内容页*/
.show_ks_content{ width:100%; height:auto;background:#F0F8FF; padding:10px 0 25px 0;}
.ks_banner{ width:100%; margin:auto;background: #F0F8FF; position:relative;}
.ks_banner ul{width:100%;height:auto;margin:auto;}
.ks_banner_tit{ position:absolute; width:40%; height:5em; background:rgba(5,96,194,0.8); left:33%; bottom:20%; text-align:center; z-index:5; overflow:hidden;}
.ks_banner_tit p{ width:100%; font-size:1.2em; line-height:2.5em; color:rgba(255,255,255,1); font-weight:700;display: inline-block;animation:wave-jump 1s ease-in-out infinite;}
@keyframes wave-jump {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
.ks_banner_tit span{ color:rgba(255,255,255,1); font-size:0.9em;line-height:0.7em;}
.show_ks{ width:96%;margin:auto; margin-top:10px; background:rgba(255,255,255,1);}
.show_ks ul{ width:92%; margin:auto;padding:5px 0 10px 0;}
.show_ks ul h1{ width:96%;height:45px;line-height:45px; font-size:1.2em; font-family:"Microsoft YaHei UI"; font-weight:700; color:rgba(0, 102, 204,1); border-bottom:1px #E2E2E2 dotted; overflow:hidden;}
.show_ks ul span { font-size:1em; line-height:1.2em; font-family:"Microsoft YaHei UI"; }


.show_ks2{ width:96%;  margin:auto; margin-top:20px;  background:rgba(255,255,255,1);}
.show_ks2 ul{ width:95%; margin:auto;padding:5px 0 30px 0;display: grid;grid-template-columns: repeat(3, 1fr);  /* 每行 3 列，列宽均分 */ gap: 10px; }
.show_ks2 h1{ width:95%;height:45px; margin:auto; margin-bottom:0.5em;line-height:45px;font-size:1.2em; font-family:"Microsoft YaHei UI"; font-weight:700; color:rgba(0, 102, 204,1); border-bottom:1px #E2E2E2 dotted; overflow:hidden;}
.show_ks2 ul li{height:auto; text-align:center; position:relative;}
.show_ks2 ul li img{width:100%; height:auto;  }
.show_ks2 ul li a{ width:100%; height:30px; line-height:30px; display:block; font-size:1em;position:absolute; bottom:0;background:#0066CC; color:#FFFFFF; z-index:100; text-decoration:none;}
.show_ks2 ul li a:hover{ font-weight:700; background:#FF9900}


/*M list*/
.show_list{ width:100%; height:auto;}
.show_list ul{ width:98%; margin:auto;}
.show_list-r ul li{ width:98%;height:90px; overflow:hidden;position:relative; margin:auto; margin-bottom:15px;}

.show_list-r ul li img{ width:120px; height:90px;float:left;}
.show_list-r ul li a{ width:calc(100% - 135px); height:1.6em;font-size:1em; font-family:"Microsoft YaHei"; font-weight:500; color:#333333; float:right; display:block; text-decoration:none; overflow:hidden;}
.show_list-r ul li a:hover{ color:#000000;}
.show_list-r ul li p{ width:calc(100% - 135px); height:38px; line-height:18px; font-size:0.7em; font-family:"Microsoft YaHei"; font-weight:500; color: #999999; float:right; display:block; overflow:hidden;}
.show_list-r ul li span{ position:absolute;z-index:10;bottom:0;font-size:0.8em; font-family:"Microsoft YaHei"; font-weight:500; color: #666; }
.show_list_1{ left:135px;}
.show_list_2{ right:0}
.show_list-l{ display:none;}

/* M科室导航 */
.ksdh{ width:100%; height:590px; background:url(../images/ks_bj.jpg) center repeat; margin-top:20px; }
.ksdh ul {
    width: 96%;
    max-height: 450px;
    margin: auto;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;           /* 允许换行 */
    gap: 10px;
    scrollbar-width: thin;
    scrollbar-color: #A2D0FF #FFF;
}
.ksdh p{font-size:1.6em;font-family:"Microsoft YaHei";color:#0346B6;font-weight:700; line-height:100px;text-align:center;}
.ksdh li {
    height: 80px;
    background: #FFF;
    flex: 0 0 calc(50% - 10px);  /* 每行 2 个，flex-basis 扣掉 gap */
    width: 50%;                  /* 无 flex 时的兜底 */
    transition: border-left-width 0.3s ease;
    border-left: 0 solid #0B74F4;
}
.ksdh li:hover{border-left-width: 4px;}
.ksdh li img{padding:10px; float:left;}
.ksdh li a{ width:calc(100% - 80px); height:3em; float:right; padding-top:12px; line-height:1.1em;font-size:1em;font-family:"Microsoft YaHei"; color: #333; text-decoration:none;display:block; overflow:hidden; font-weight:500;}
.ksdh li a:hover{ color:#0346B6;}
.ksdh ul li span{font-size:14px; color:#999; line-height:22px; display:block;float:left}


/*M先进技术健康知识 */
.js-jk{ width:100%;}
.js-jk ul{ width:96%; margin:auto;}
.lfx1{ float:left;}
.lfx2{ float:right;}
.xjjs{ width:100%; text-align:center;}
.xjjs a{font-size:1.6em; line-height:60px;font-family: "Microsoft YaHei UI", sans-serif;color:#0346B6;font-weight:700; text-decoration:none;}
.xjjs img{ width:100%; height:auto; margin-bottom:15px;}
.xjjs li{ width:100%; height:35px; float:left; background: url(../images/tit_bg1.png) left no-repeat; overflow:hidden}
.xjjs li:hover{ background:url(../images/tit_bg2.png) left no-repeat;}
.xjjs li a{ font-size:1em; line-height:35px;font-family:"Microsoft YaHei UI"; font-weight:500; text-decoration:none; padding-left:25px; float:left; color: #525252;}
.xjjs li a:hover{ color:#000000;}
.xjjs li span{ display:none; }

/*M医院风采 */
.yyfc{ width:100%; }
.yyfc ul{ width:96%; margin:auto; }
.yyfc1{ float:left; width:100%; height:auto;overflow:hidden;}
.yyfc1_1{ float:left; width:66%;max-height:410px; position:relative; overflow:hidden;}
.yyfc1_1 img{ width:100%; height:100%;transition: transform 1s ease;}
.yyfc1_1 img:hover{transform: scale(1.1); }
.yyfc1_1 p{ position: absolute; bottom:0; width:100%; height:50px; z-index:10; background-color: rgba(78,123,189,0.7); color:#FFF; font-size:1.4em; font-weight:700; text-decoration:none; text-align:center; line-height:40px; display:block;font-family:"Microsoft YaHei UI";}
.yyfc1_2{ float:right; width:32%; height:auto;}
.yyfc1_2 li{ width:100%; height:auto; margin-bottom:9px; overflow:hidden;}
.yyfc1_2 img{transition: transform 1s ease;}
.yyfc1_2 img:hover{transform: scale(1.1);}
.bk100{ width:100%; height:30px; clear:both;}

.yyfc2{ width:100%; height:auto; overflow:hidden; }
.yyfc2_1{ width:50%; height:auto; overflow:hidden; float:left;}
.yyfc2_ys1{background:rgba(0,102,0,0.7)}
.yyfc2_ys2{background: rgba(255,51,255,0.7)}
.yyfc2_1 li{ width:100%;height:auto; overflow:hidden; margin-bottom:10px; position:relative;}
.yyfc2_1 a{position: absolute; bottom:0; width:100%; height:50px; z-index:10; color:#FFF; font-size:1.4em; font-weight:700; text-decoration:none; text-align:center; line-height:50px; display:block;font-family:"Microsoft YaHei UI";}
.yyfc2_1 img{ width:100%; height:100%;transition: transform 1s ease;}
.yyfc2_1 img:hover{transform: scale(1.1);}
.yyfc2_2{ width:48%; height:100%; float:right; position:relative; overflow:hidden}
.yyfc2_2 a{ position:absolute; bottom:0; width:100%; height:50px; z-index:10; background-color:rgba(255, 0, 0, 0.7); color:#FFF; font-size:1.4em; font-weight:700; text-decoration:none; text-align:center; line-height:50px; display:block;font-family:"Microsoft YaHei UI";}
.yyfc2_2 img{ width:100%; height:100%;transition: transform 1s ease; }
.yyfc2_2 img:hover{transform: scale(1.1); }

/*M底部 */
.footweb{ width:100%;height:auto;background-color: #4e7bbd; text-align:center; clear:both; }
.footweb ul{ width:100%;  margin:auto;}
.foot1{ width:100%; padding-top:1em;  }
.foot1 li{ width:90%; float:left; line-height:20px; }
.foot1 li img{ display:none}
.foot1 li p{ display:none}
.foot1 li span{font-size:0.9em;color:#FFFFFF;font-family:"Microsoft YaHei"; text-decoration:none;}
.foot1 li a{font-size:0.9em;color:#FFFFFF;font-family:"Microsoft YaHei"; text-decoration:none;}
.foot1 li a:hover{ color: #FFFF33; text-decoration:none;}

.foot2{ width:100%; }
.foot2 ul{ width:100%;}
.foot2 li{ width:33%; float:left; text-align:center; height:auto; overflow:hidden; margin-top:20px;}
.foot2 li img{ max-width:80%;}
.foot2 p{font-size:0.9em; color:#FFFFFF; }
.tell {
	height: 40px;
	line-height: 40px;
	padding: 0 1em;
}
.mobil_f{ display:none;}

}

/* ===== 分页 .xrpagination / .pagination =====
   列表模板把分页放在 .show_list-r ul 内，上面两个断点里的 .show_list-r ul li / li a
   会把分页项撑成 100% 宽、120px 高并浮动。此段放在文件末尾、选择器权重更高，
   对桌面与移动端同时生效，把分页从列表样式中隔离出来。 */
.xrpagination {
    float: none;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 24px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.xrpagination ul.pagination {
    float: none;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    list-style: none;
}

.xrpagination ul.pagination > li,
.xrpagination ul.pagination > li:hover {
    float: none;
    position: static;
    box-sizing: border-box;
    display: block;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 0;
    background: none;
    overflow: visible;
    cursor: default;
    list-style: none;
}

.xrpagination ul.pagination > li > a,
.xrpagination ul.pagination > li > span {
    float: none;
    position: static;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 32px;
    height: 32px;
    margin: 0;
    padding: 0 12px;
    overflow: visible;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    border: 1px solid #DCDFE6;
    border-radius: 4px;
    background: #FFFFFF;
    color: #606266;
}

/* 全局 a:not([href]):not([class]) 带 color:inherit!important，会把当前页白字压黑，
   这里用同等 !important 显式指定颜色。 */
.xrpagination ul.pagination > li > a:not([href]),
.xrpagination ul.pagination > li > span {
    cursor: default;
    border-color: #EBEEF5;
    background: #F5F7FA;
    color: #909399 !important;
}

.xrpagination ul.pagination > li > a[href]:hover {
    color: #0078E3;
    border-color: #0078E3;
    background: #FFFFFF;
    text-decoration: none;
}

.xrpagination ul.pagination > li.active > a,
.xrpagination ul.pagination > li.active > a:not([href]),
.xrpagination ul.pagination > li.active > span {
    cursor: default;
    border-color: #0066CC;
    background: #0066CC;
    color: #FFFFFF !important;
}

.xrpagination ul.pagination > li.active > a:hover {
    color: #FFFFFF !important;
    border-color: #0066CC;
    background: #0066CC;
    text-decoration: none;
}

.xrpagination ul.pagination > li.disabled > a,
.xrpagination ul.pagination > li.disabled > span {
    cursor: not-allowed;
    opacity: 0.55;
    border-color: #EBEEF5;
    background: #F5F7FA;
}

@media (max-width: 576px) {
    .xrpagination ul.pagination { gap: 6px; }
    .xrpagination ul.pagination > li > a,
    .xrpagination ul.pagination > li > span {
        min-width: 30px;
        height: 30px;
        padding: 0 8px;
        font-size: 13px;
    }
}