@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
}
@font-face {
	font-family: "SourceHanSansCN-Regular";
	src: url("fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("fonts/SourceHanSansCN-Regular.woff") format("woff"), url("fonts/SourceHanSansCN-Regular.ttf") format("truetype"), url("fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("fonts/SourceHanSansCN-Regular.svg") format("svg");
}
@font-face {
	font-family: 'Humnst777 BlkCn BT';
	src: url('fonts/Humanist777BT-BlackCondensedB.eot');
	src: url('fonts/Humanist777BT-BlackCondensedB.eot?#iefix') format('embedded-opentype'), url('fonts/Humanist777BT-BlackCondensedB.woff2') format('woff2'), url('fonts/Humanist777BT-BlackCondensedB.woff') format('woff'), url('fonts/Humanist777BT-BlackCondensedB.ttf') format('truetype'), url('fonts/Humanist777BT-BlackCondensedB.svg#Humanist777BT-BlackCondensedB') format('svg');
}
@font-face {
	font-family: 'Humnst777 BT';
	src: url('fonts/Humanist777BT-RomanB.eot');
	src: url('fonts/Humanist777BT-RomanB.eot?#iefix') format('embedded-opentype'), url('fonts/Humanist777BT-RomanB.woff2') format('woff2'), url('fonts/Humanist777BT-RomanB.woff') format('woff'), url('fonts/Humanist777BT-RomanB.ttf') format('truetype'), url('fonts/Humanist777BT-RomanB.svg#Humanist777BT-RomanB') format('svg');
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 14px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0px;
	border: 0;
	font-size: 100%;
	outline: none;
}
table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0px;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*html::-webkit-scrollbar {
	width: 8px;
	background: none;
}

html::-webkit-scrollbar-thumb {
	width: 8px;
	background: #3d9911;
}

html::-webkit-scrollbar-corner {
	background: none;
}

html::-webkit-scrollbar:horizontal {
	height: 9px;
}*/

body {
	font: 14px/1.75 "SourceHanSansCN-Regular", "Microsoft Yahei", sans-serif, "微软雅黑", "微软正黑体", "Microsoft JhengHei", "SimHei", "黑体", Arial, Helvetica;
	margin: 0 auto;
	color: #666;
	overflow-x: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
strong {
	font-weight: bold;
}
img {
	border: 0;
}
input {
	outline: none;
}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
}
textarea {
	-webkit-appearance: none;
	outline: none;
}

::-moz-selection {
 background: #8b8b8b;
 color: #fff;
 text-shadow: none;
}
::selection {
	background: #8b8b8b;
	color: #fff;
	text-shadow: none;
}
select {
	outline: none;
}
 select::-ms-expand {
 display: none;
}
table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
}
a {
	text-decoration: none;
 blr: expression(this.onFocus=this.blur());
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
a:link, a:visited {
	text-decoration: none;
}
a:active, a:hover {
	text-decoration: none;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0px;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}

#pc {
	display: block
}
#m {
	display: none
}
.tx-c {
	text-align: center !important;
}
.fc {
	text-align: center;
}
.fr {
	text-align: right;
}
.vt {
	vertical-align: top;
}
.vm {
	vertical-align: middle;
}
.db {
	display: block;
}
.wzbs {
	color: #fff !important;
}
.w1360 {
	width: 1360px;
	margin: 0 auto;
}
.fixedImg {
	background-repeat: no-repeat;
	background-size: cover;
}
.imgw {
	width: 100%;
	display: block;
}
.eT {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.linkA {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/w0.png) no-repeat;
	z-index: 99;
}
.pageC a:link, .pageC a:visited {
	color: #183D82;
}
.pageC a:active, .pageC a:hover {
	color: #333;
}
.pageC img {
	max-width: 100% !important;
	height: auto !important;
}
.pageC {
	overflow: hidden;
}
.load-words.target span {
	opacity: 0;
	visibility: hidden;
}
.action.load-words span {
	visibility: visible;
	display: inline-block;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: wordsRightFade;
	animation-name: wordsRightFade;
}
 @-webkit-keyframes wordsRightFade {
 0% {
 -webkit-transform: translateX(50px);
 transform: translateX(50px);
 opacity: 0;
 visibility: hidden;
}
 100% {
 -webkit-transform: none;
 transform: none;
 opacity: 1;
 visibility: visible;
}
}
 @-moz-keyframes wordsRightFade {
 0% {
 -moz-transform: translateX(50px);
 transform: translateX(50px);
 opacity: 0;
 visibility: hidden;
}
 100% {
 -moz-transform: none;
 transform: none;
 opacity: 1;
 visibility: visible
}
}
 @keyframes wordsRightFade {
 0% {
 -webkit-transform: translateX(50px);
 -moz-transform: translateX(50px);
 transform: translateX(50px);
 opacity: 0;
 visibility: hidden
}
 100% {
 -webkit-transform: none;
 -moz-transform: none;
 transform: none;
 opacity: 1;
 visibility: visible
}
}
.nimg.target {
	visibility: hidden;
}
.nimg.action {
	visibility: visible !important;
	-webkit-animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
	animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
/* 头部  */

.header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 100px;
	line-height: 100px;
	transition: 0.45s;
	background: #fff;
	box-shadow: 0 1px 2px #eee;
}
.head-wrap {
	position: relative;
}
.header .head-logo {
	position: absolute;
	left: 6%;
	top: 12.5px;
	z-index: 99;
}
.head-logo img {
	display: block;
	vertical-align: middle;
	height: 70px;
}
.header .nav {
	position: relative;
	width: 100%;
	text-align: center;
}
.header .yj-bot li.active .yj-link, .header .yj-bot li:hover .yj-link {
	color: #2d96cd;
}
.header .yj-bot li {
	position: relative;
	display: inline-block;
	transition: 0.35s;
	z-index: 1;
	text-align: center;
	padding: 0 18px;
	height: 75px;
	line-height: 75px;
	z-index: 10;
}
.header .yj-bot .yj-link {
	position: relative;
	z-index: 1;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	text-transform: uppercase;
}
.hwright {
	position: absolute;
	right: 6%;
}
.hryicon {
	display: inline-block;
	vertical-align: middle;
	color: #2d96cd;
	font-size: 21px;
}
.hrytxt {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #999999;
	margin-left: 10px;
}
.hrytxt.active, .hrytxt:hover, .hrsearch:hover {
	color: #2d96cd;
}
.hrsearch {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
	color: #5a5a5a;
	font-size: 21px;
}
.hrmenu {
	display: inline-block;
	vertical-align: middle;
	width: 75px;
	height: 75px;
	box-sizing: border-box;
	padding-top: 36px;
	margin-left: 30px;
	cursor: pointer;
}
.hrmenu i {
	position: relative;
	display: block;
	width: 28px;
	height: 3px;
	background: #009d4e;
	margin: 0 auto;
}
.hrmenu i::before {
	width: 100%;
	top: -10px;
}
.hrmenu i::after {
	width: 57%;
	bottom: -10px;
}
.hrmenu i::before, .hrmenu i::after {
	content: "";
	position: absolute;
	left: 0;
	height: 3px;
	background: #009d4e;
}
.header .yj-bot .yj-link div {
	float: left;
	display: block;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	font-size: 18px;
	overflow: hidden;
	padding: 0;
}
.header .nav li:hover .ej-list {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}
.head-zk {
	opacity: 0;
	visibility: hidden;
	transition: 0.45s;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .8);
	z-index: 9999;
}
.head-zk.active {
	opacity: 1;
	visibility: visible;
}
.head-zk.active .hblist li {
}
.head-zk.active .hbclose::before {
	transform: rotate(45deg);
}
.head-zk.active .hbclose::after {
	transform: rotate(-45deg);
}
.head-zk.active .hzbot {
	border-radius: 0;
}
.otgb {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.hzbot {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 546px;
	background: linear-gradient(90deg, rgba(1, 156, 76, 0.9), rgba(1, 156, 118, 0.9));
	box-sizing: border-box;
	padding: 70px 0;
	transition: 0.45s;
	border-radius: 50% 0 0 50%;
	z-index: 5;
}
.hbcd {
	padding: 0 84px 0 45px;
}
.hbname {
	display: block;
	float: left;
	color: #fff;
	font-size: 20px;
}
.hbclose {
	display: block;
	float: right;
	position: relative;
	cursor: pointer;
	width: 22px;
}
.hbclose::before, .hbclose::after {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 2px;
	height: 22px;
	background: #fff;
	transition: 0.45s;
	transition-delay: 0.25s;
}
.hblist {
	margin-top: 35px;
}
.hblist li {
	padding: 10px 0;
	border-bottom: 1px rgba(255,255,255,0.08) solid;
}
.hlyj {
	display: block;
	color: #fff;
	font-size: 18px;
	padding: 0 45px;
}
.hlb {
	display: none;
	padding: 30px 45px 40px 45px;
	background: #1abc9c;
	margin-top: 20px;
}
.hlej {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	padding: 0 15px;
	margin-bottom: 20px;
	line-height: 1;
}
.hlej::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 15px;
	background: #234dc5;
}
.hlej:hover {
	color: #234dc5;
}
.menu-handler {
	position: fixed;
	right: 0;
	top: 0;
	width: 55px;
	height: 56px;
	display: none;
	cursor: pointer;
	z-index: 1010;
	background-color: #2B3C91;
}
.menu-handler span {
	position: relative;
	display: block;
	margin: 27.5px auto 0;
	width: 22px;
	height: 2px;
	background-color: #fff;
	-webkit-transition-duration: .3s, .3s;
	-moz-transition-duration: .3s, .3s;
	-ms-transition-duration: .3s, .3s;
	-o-transition-duration: .3s, .3s;
	transition-duration: .3s, .3s;
	-webkit-transition-delay: .3s, 0s;
	-moz-transition-delay: .3s, 0s;
	-ms-transition-delay: .3s, 0s;
	-o-transition-delay: .3s, 0s;
	transition-delay: .3s, 0s;
}
.menu-handler span:after, .menu-handler span:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 2px;
	left: 0;
	background-color: #fff;
	-webkit-transition-duration: .3s, .3s;
	-moz-transition-duration: .3s, .3s;
	-ms-transition-duration: .3s, .3s;
	-o-transition-duration: .3s, .3s;
	transition-duration: .3s, .3s;
	-webkit-transition-delay: .3s, 0s;
	-moz-transition-delay: .3s, 0s;
	-ms-transition-delay: .3s, 0s;
	-o-transition-delay: .3s, 0s;
	transition-delay: .3s, 0s
}
.menu-handler span:before {
	top: -7px;
	-webkit-transition-property: top, transform;
	-moz-transition-property: top, transform;
	-ms-transition-property: top, transform;
	-o-transition-property: top, transform;
	transition-property: top, transform;
}
.menu-handler span:after {
	bottom: -7px;
	-webkit-transition-property: bottom, transform;
	-moz-transition-property: bottom, transform;
	-ms-transition-property: bottom, transform;
	-o-transition-property: bottom, transform;
	transition-property: bottom, transform;
}
.menu-handler.active span {
	background-color: transparent;
	-webkit-transition-delay: 0s, 0s;
	-moz-transition-delay: 0s, 0s;
	-ms-transition-delay: 0s, 0s;
	-o-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s
}
.menu-handler.active span:after, .menu-handler.active span:before {
	background-color: #fff;
	-webkit-transition-delay: 0s, .3s;
	-moz-transition-delay: 0s, .3s;
	-ms-transition-delay: 0s, .3s;
	-o-transition-delay: 0s, .3s;
	transition-delay: 0s, .3s
}
.menu-handler.active span:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.menu-handler.active span:after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menuBox a:link, .menuBox a:visited {
	color: #333333;
}
.menuMoblie .nav-link.active, .menuMoblie .cur .nav-link, .menuMoblie .nav-link:hover {
	background: #2B3C91;
}
.menuMoblie .nav-link:active i, .menuMoblie .nav-link:hover i {
	color: #fff;
	transform: rotate(90deg);
}
.menuBox a:active, .menuBox a:hover, .menuMoblie .cur .nav-link {
	color: #fff;
}
.menuBox {
	border-top: 1px solid #e4e4e4;
	background-color: #fff;
	color: #333333;
	position: fixed;
	display: none;
	right: 0px;
	top: 55px;
	width: 100%;
	height: 100%;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-overflow-scrolling: touch;
	z-index: 1008;
	-webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	-moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	-ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	-o-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	transition: all .5s cubic-bezier(.25, .46, .45, .94);
}
.menuMoblie {
	margin: 0 0 100px 0;
}
.menuMoblie .nav-link {
	position: relative;
	display: block;
	font-size: 18px;
	padding: 14px 5% 14px 10%;
}
.menuMoblie .nav-link i {
	float: right;
	color: #b1b1b1;
	font-size: 20px;
	vertical-align: middle;
}
.menuMoblie li {
	border-bottom: 1px solid #e4e4e4;
}
.menuMoblie .subnav {
	padding: 12px 5% 12px 10%;
	display: none;
}
.menuMoblie .subnav .item {
	display: block;/*padding: 0px 5% 0 10%;*/
}
.menuMoblie .subnav .item:active a, .menuMoblie .subnav .item:hover a {
	/*background: #999;*/
	color: #2B3C91 !important;
}
.menuMoblie .subnav a {
	position: relative;
	display: block;
	padding: 12px 0;
	line-height: 1.4;
	font-size: 16px;
}
.menuOpen .menuBox {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
 @-webkit-keyframes scaleUpDown {
 from {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
 @keyframes scaleUpDown {
 from {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
.nav {
	position: absolute;
	top: 0;
	width: 100%;
	transition: all 0.3s ease;
	z-index: 1000;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.5));
	box-shadow: 0 1px 9px rgba(0, 0, 0, 0.3);
}
.nav.fixed-nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,0.9); /* 添加背景色，避免透明 */
	box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* 添加阴影，增强视觉效果 */
}
.navnr {
	top: 100px;
	box-shadow: none
}
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}
.yj-bot {
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.yj-bot > li {
	position: relative;
	padding: 0 5px;
}
.yj-link {
	display: block;
	color: #333;
	text-decoration: none;
	font-size: 17px;
	font-weight: 500;
	transition: all 0.3s ease;
	position: relative;
	border-radius: 45px;
	padding: 10px 25px;
	margin: 8px auto
}
.yj-link:hover {
	color: #fff;
}
.yj-bot > li.active .yj-link {
	background: linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
	;
	color: #fff;
	border-radius: 45px;
	padding: 10px 25px;
	margin: 8px auto
}
.yj-bot > li i {
	margin-left: 10px;
}
.yj-bot > li:first-of-type i {
	margin-right: 10px;
}
/* 下拉菜单样式 - 圆角带三角 */
.ej-list {
	position: absolute;
	top: 110%;
	left: 50%;
	transform: translateX(-50%) translateY(-10px);
	background: rgba(255, 255, 255, 0.95);
	border-radius: 6px;
	padding: 15px 0;
	min-width: 160px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	z-index: 1000;
	border: 1px solid rgba(46, 125, 50, 0.1);
	text-align: center;
}
/* 三角箭头 */
.ej-list::before {
	content: '';
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgba(255, 255, 255, 0.95);
}
.yj-bot > li:hover .ej-list {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}
.el-link {
	display: block;
	padding: 6px 0px;
	color: #333;
	text-decoration: none;
	font-size: 16px;
	transition: all 0.2s ease;
	border-radius: 6px;
	margin: 0 5px;
}
.el-link:hover {
	background-color: rgba(46, 125, 50, 0.1);
	color: #2e7d32;
}
/* 轮播图容器 */
.carousel-container {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
	margin-top: 100px;
}
/* 轮播图 */
.carousel {
	position: relative;
	width: 100%;
	height: 100%;
}
.carousel-item {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 1s ease-in-out;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;/*justify-content: center;*/
}
.carousel-item03 {
	justify-content: center;
}
.carousel-item.active {
	opacity: 1;
}
.carousel-item.prev {
	animation: slideOut 1s ease-in-out;
}
.carousel-item.next {
	animation: slideIn 1s ease-in-out;
}
 @keyframes slideIn {
 0% {
 opacity: 0;
 transform: scale(1.1);
}
 100% {
 opacity: 1;
 transform: scale(1);
}
}
 @keyframes slideOut {
 0% {
 opacity: 1;
 transform: scale(1);
}
 100% {
 opacity: 0;
 transform: scale(0.9);
}
}
/* 轮播图内容 */
.carousel-content {
	text-align: center;
	color: white;
	z-index: 2;
	position: relative;
	margin-bottom: 50px;
	margin-left: 15%;
}
.carousel-content03 {
	margin-left: 13%;
	margin-top: 6%;
}
.carousel-title {
	font-size: 42px;
	font-weight: bold;
	margin-bottom: 0px;
	opacity: 0;
	transform: translateY(50px);
	animation: fadeInUp 1s ease-out 0.5s forwards;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); /* 增强文字可读性 */
	letter-spacing: 1px; /* 增加字间距提升高级感 */
}
.carousel-subtitle {
	font-size: 34px;
	opacity: 0;
	transform: translateY(30px);
	animation: fadeInUp 1s ease-out 1s forwards;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	font-weight: 300;
}
.carousel-title01 {
	max-width: 700px
}
.carousel-subtitle01 {
	max-width: 700px
}
.carousel-title01 img {
	max-width: 700px
}
.carousel-subtitle01 img {
	max-width: 700px
}
.carousel-title03 {
	margin-top: 70px;
}
.carousel-subtitlex {
	font-size: 42px;
	font-weight: bold;
	opacity: 0;
	transform: translateY(30px);
	animation: fadeInUp 1s ease-out 1s forwards;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	font-weight: 300;
}
 @keyframes fadeInUp {
 to {
 opacity: 1;
 transform: translateY(0);
}
}
/* 轮播图遮罩 */
.carousel-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.03), rgba(0,0,0,0.01)); /* 更平滑的渐变 */
	z-index: 1;
}
/* 控制按钮 */
.carousel-control {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.3);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 10;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
.carousel-control:hover {
	background: rgba(255, 255, 255, 0.3);
	transform: translateY(-50%) scale(1.1);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.carousel-control.prev {
	left: 85px;
}
.carousel-control.next {
	right: 85px;
}
.carousel-control::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
}
.carousel-control.prev::after {
	border-width: 10px 15px 10px 0;
	border-color: transparent white transparent transparent;
	margin-right: 5px;
}
.carousel-control.next::after {
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent white;
	margin-left: 5px;
}
/* 指示器 */
.carousel-indicators {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 15px;
	z-index: 10;
}
.indicator {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.4);
	cursor: pointer;
	transition: all 0.3s ease;
	border: 1px solid rgba(255, 255, 255, 0.2);
}
.indicator.active {
	background: white;
	transform: scale(1.3);
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

        /* 响应式设计 */
        @media (max-width: 768px) {
.carousel-container {
	height: 320px;
}
.carousel-title {
	font-size: 32px;
}
.carousel-subtitle {
	font-size: 18px;
}
.navbar {
	padding: 0 20px;
}
.nav-menu {
	display: none;
}
.carousel-control {
	width: 45px;
	height: 45px;
}
.carousel-control.prev {
	left: 15px;
}
.carousel-control.next {
	right: 15px;
}
}
 @media (max-width: 480px) {
.carousel-container {
	height: 160px;
}
.carousel-title {
	font-size: 24px;
}
.carousel-subtitle {
	font-size: 16px;
}
.carousel-title01 {
	max-width: 90%
}
.carousel-title01 img {
	max-width: 100%
}
.carousel-subtitle01 {
	max-width: 90%
}
.carousel-subtitle01 img {
	max-width: 90%
}
.carousel-title02 {
	width: 80%;
}
.carousel-title02 img {
	width: 90%
}
.carousel-subtitle02 {
	max-width: 90%;
	margin-left: -40px
}
.carousel-subtitle02 img {
	max-width: 90%
}
.carousel-indicators {
	bottom: 10px;
}
.indicator {
	width: 10px;
	height: 10px;
}
}
/* 按钮容器 */
.button-container {
	display: flex;
	gap: 15px;
	align-items: center;
	margin-top: 30px;
}
/* 语言切换按钮 */
.language-switcher {
	position: relative;
	display: flex;
	background-color: #f1f8ff;
	border-radius: 30px;
	padding: 3px;
	border: 1px solid #d1e6ff;
}
.lang-btn {
	padding: 8px 20px;
	border: none;
	border-radius: 25px;
	background: transparent;
	color: #555;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 18px;
}
.lang-btn.active {
	background-color: #3498db;
	color: white;
	box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}
.lang-btn i {
	font-size: 18px;
}
/* 在线咨询按钮 */
.consult-btn {
	padding: 10px 24px;
	background: linear-gradient(135deg, #2ecc71, #1abc9c);
	color: white;
	border: none;
	border-radius: 30px;
	font-weight: 600;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(46, 204, 113, 0.2);
	font-size: 18px;
}
.consult-btn:hover {
	background: linear-gradient(135deg, #27ae60, #16a085);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(46, 204, 113, 0.3);
}
.consult-btn i {
	font-size: 18px;
}
.tel {
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all 0.3s ease;
}
.tel img {
	height: 50px;
}
/*首页新闻*/
.h-news {
	padding: 40px 0;
	background: url(../images/container02_bg.jpg) center top no-repeat
}
.h-container {
	width: 85%;
	margin: 0 auto;
}
.h-header {
	text-align: center;
	margin-bottom: 40px;
}
.h-header h1 {
	color: #2c3e50;
	font-size: 36px;
	margin-bottom: 10px;
	display: block
}
.h-header p {
	color: #7f8c8d;
	font-size: 1.1rem;
	max-width: 800px;
	margin: 0 auto;
}
/* 三栏布局 */
.h-news-section {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: center;
}
.h-news-column {
	flex: 1;
	min-width: 300px;
	background-color: white;
	border-radius: 10px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.h-news-column:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}
/* 标题行 */
.h-title-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 25px;
	border-bottom: 1px solid #eee;
}
.h-title-container {
	display: flex;
	align-items: center;
	gap: 12px;
}
.h-icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 18px;
}
.h-news-title {
	font-size: 1.5rem;
	font-weight: 700;
	color: #2c3e50;
}
.h-more-link {
	color: #7f8c8d;
	text-decoration: none;
	font-size: 0.95rem;
	display: flex;
	align-items: center;
	gap: 5px;
	transition: color 0.2s;
}
.h-more-link:hover {
	color: #3498db;
}
/* 颜色条 */
.h-color-bar {
	height: 2px;
}
/* 标题图区域 */
.h-featured {
	padding: 25px 20px 5px;
	border-bottom: 1px solid #eee;
}
.h-featured-image {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 8px;
	margin-bottom: 15px;
}
.h-featured-title {
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1.4;
}
.h-featured-title a {
	color: #2c3e50;
	text-decoration: none;
	transition: color 0.2s;
}
.h-featured-title a:hover {
	color: #3498db;
}
.h-featured-summary {
	color: #5d6d7e;
	font-size: 0.95rem;
	/* 关键属性：显示两行并截断 */
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 限制行数 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	/* 可选：确保文本换行 */
	word-break: break-word;
	line-height: 1.4; /* 建议设置行高以获得更好的视觉效果 */
}
/* 新闻列表 */
.h-news-list {
	padding: 0px 25px;
}
.h-news-item {
	list-style: none;
	padding: 10px 0;
	border-bottom: 1px dashed #eee;
	display: flex;
	align-items: center;
	gap: 15px;
}
.h-news-item:last-child {
	border-bottom: none;
}
.h-date {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 60px;
	text-align: center;
}
.h-day {
	font-size: 1.8rem;
	font-weight: 800;
	line-height: 1;
}
.h-month-year {
	font-size: 0.8rem;
	color: #7f8c8d;
}
.h-item-title {
	flex: 1;
}
.h-item-title a {
	color: #34495e;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	transition: color 0.2s;
	display: block;
}
.h-item-title a:hover {
	color: #3498db;
}
/* 各栏目颜色 */
.h-hospital-news .h-icon {
	background-color: #3498db;
}
.h-hospital-news .h-color-bar {
	background-color: #3498db;
}
.h-medical-innovation .h-icon {
	background-color: #2ecc71;
}
.h-medical-innovation .h-color-bar {
	background-color: #2ecc71;
}
.h-notice-board .h-icon {
	background-color: #e74c3c;
}
.h-notice-board .h-color-bar {
	background-color: #e74c3c;
}
.keshi {
	background: url(../images/ysbj.jpg) center top no-repeat;
	padding: 30px 0 50px;
}
.container {
	width: 85%;
	margin: 0 auto;
	border-radius: 12px;
	overflow: hidden;
}
hk_header {
	background: linear-gradient(135deg, #009d4d 0%, #0d4d8c 100%);
	color: white;
	padding: 25px 30px;
	border-bottom: 4px solid #0c8;
}
/* 科室导航头部 */
.hk_department-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 30px;
	padding: 25px 30px;
	border-radius: 12px;
	box-shadow: 0 5px 20px rgba(0, 105, 180, 0.08);
	border-left: 5px solid #2a8bf2;
}
/* 左侧标题区域 */
.hk_title-section {
	flex: 1;
	min-width: 300px;
	padding-right: 30px;
}
.hk_title-section h1 {
	color: #1a5fb4;
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.hk_title-section h1 i {
	margin-right: 15px;
	color: #2a8bf2;
	font-size: 36px;
}
.hk_subtitle {
	color: #5a6c7d;
	font-size: 16px;
	line-height: 1.5;
	max-width: 600px;
}
/* 右侧搜索区域 */
.hk_search-section {
	flex: 0 0 auto;
	min-width: 300px;
	max-width: 400px;
}
.hk_search-container {
	display: flex;
	flex-direction: column;
}
.hk_search-label {
	font-size: 15px;
	font-weight: 600;
	color: #1a5fb4;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
}
.hk_search-label i {
	margin-right: 8px;
	color: #2a8bf2;
}
.hk_search-box {
	display: flex;
	background: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
	border: 1px solid #e0e6ed;
	transition: all 0.3s ease;
}
 .hk_search-box:focus-within {
 box-shadow: 0 3px 15px rgba(42, 139, 242, 0.2);
 border-color: #2a8bf2;
}
.hk_search-input {
	flex: 1;
	padding: 14px 18px;
	border: none;
	font-size: 15px;
	color: #333;
	outline: none;
	background-color: #fff;
}
 .hk_search-input::placeholder {
 color: #9ba8b8;
}
.hk_search-button {
	background-color: #2a8bf2;
	color: white;
	border: none;
	padding: 0 22px;
	cursor: pointer;
	font-size: 16px;
	transition: background-color 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hk_search-button:hover {
	background-color: #1a5fb4;
}
.hk_search-button i {
	font-size: 18px;
}
.hk_search-hint {
	margin-top: 10px;
	font-size: 13px;
	color: #7a8ca0;
	display: flex;
	align-items: center;
}
.hk_search-hint i {
	margin-right: 6px;
	color: #2a8bf2;
}
h1 {
	font-size: 28px;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
}
h1 i {
	background: rgba(255, 255, 255, 0.2);
	padding: 12px;
	border-radius: 50%;
}
.hk_subtitle {
	font-size: 16px;
	opacity: 0.9;
	margin-left: 60px;
}
.hk_nav-container {
	display: flex;
	min-height: 600px;
}
/* 左侧导航样式 */
.hk_main-nav {
	width: 360px;
	border-right: 1px solid #eaeff5;
	padding: 20px 0;
}
.hk_nav-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 22px 15px;
	margin: 0 15px 12px;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.3s ease;
	text-align: center;
	border: 2px solid transparent;
}
.hk_nav-item:hover, .hk_nav-item.hk_active {
	background: white;
	border-color: #009d4d;
	box-shadow: 0 5px 15px rgba(26, 109, 187, 0.15);
	transform: translateY(-2px);
}
.hk_nav-item:hover::before {
	content: '';
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgba(255, 255, 255, 0.95);
}
.hk_nav-item.hk_active::before {
	content: '';
	position: absolute;
	top: 50%;
	right: -20px; /* 调整右侧位置，可根据需要修改数值 */
	transform: translateY(-50%); /* 垂直居中 */
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid rgba(255, 255, 255, 0.95); /* 指向右侧的三角形 */
	border-right: 0; /* 确保右侧边框为0 */
}
.hk_nav-icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
	color: #333;
	font-size: 54px;
}
.hk_nav-title {
	font-size: 18px;
	font-weight: 600;
	color: #009d4d;
	margin-bottom: 5px;
}
.hk_nav-desc {
	font-size: 13px;
	color: #666;
	line-height: 1.4;
}
/* 右侧内容区域 */
.hk_content-area {
	flex: 1;
	padding: 30px;
}
.hk_content-title {
	font-size: 22px;
	color: #009d4d;
	margin-bottom: 25px;
	padding-bottom: 12px;
	border-bottom: 2px solid #f0f4f9;
	display: flex;
	align-items: center;
	gap: 10px;
}
.hk_content-title i {
	color: #0c8;
}
.hk_sub-departments {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 20px;
}
/* 省级临床重点专科样式 */
 /* 主标题区域 */
.hk_title-section {
	padding: 30px 30px 15px;
	text-align: center;
}
.hk_title-section h1 {
	color: #019c4c;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hk_title-section h1 i {
	margin-right: 15px;
	color: #019c4c;
	font-size: 30px;
	margin: 10px;
}
.hk_title-line {
	height: 4px;
	width: 120px;
	background: linear-gradient(135deg, #009d4d 0%, #0c8 100%);
	margin: 0 auto 25px;
	border-radius: 2px;
}
/* 标签页导航区域 */
.hk_tabs-section {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-bottom: 10px;
}
/* 语言切换按钮 */
.hk_tab-itemx {
	position: relative;
	display: flex;
	background-color: #f1f8ff;
	border-radius: 30px;
	padding: 3px;
	border: 1px solid #d1e6ff;
	gap: 12px;
}
.tab-itemx {
	padding: 8px 20px;
	border: none;
	border-radius: 35px;
	background: transparent;
	color: #555;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 20px;
}
.tab-itemx.active {
	background: linear-gradient(135deg, #2ecc71, #1abc9c);
	color: white;
	box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}
.tab-itemx:hover {
	background: linear-gradient(135deg, #2ecc71, #02886d);
	color: white;
	box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}
.tab-itemx i {
	font-size: 22px;
}
/* 搜索区域 */
.hk_search-section {
	min-width: 300px;
	max-width: 400px;
	margin: 0 auto 30px;
}
.hk_search-container {
	display: flex;
	flex-direction: column;
}
.hk_search-label {
	font-size: 15px;
	font-weight: 600;
	color: #1a5fb4;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
}
.hk_search-label i {
	margin-right: 8px;
	color: #2a8bf2;
}
.hk_search-box {
	display: flex;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
	border: 1px solid #e0e6ed;
	transition: all 0.3s ease;
}
 .hk_search-box:focus-within {
 box-shadow: 0 3px 15px rgba(42, 139, 242, 0.2);
 border-color: #2a8bf2;
}
.hk_search-input {
	flex: 1;
	padding: 14px 18px;
	border: none;
	font-size: 15px;
	color: #333;
	outline: none;
	background-color: #fff;
}
 .hk_search-input::placeholder {
 color: #9ba8b8;
}
.hk_search-button {
	background-color: #2a8bf2;
	color: white;
	border: none;
	padding: 0 22px;
	cursor: pointer;
	font-size: 16px;
	transition: background-color 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hk_search-button:hover {
	background-color: #1a5fb4;
}
.hk_search-button i {
	font-size: 18px;
}
/* 内容区域 */
.hk_content-area {
	padding: 0 30px;
}
.hk_content-title {
	font-size: 24px;
	color: #333;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid #f0f4f9;
	display: flex;
	align-items: center;
	gap: 12px;
}
.hk_content-title i {
	color: #0c8;
	background: rgba(26, 109, 187, 0.1);
	padding: 10px;
	border-radius: 50%;
}
.hk_content-section {
	display: none;
	animation: fadeIn 0.5s ease;
}
.hk_content-section.hk_active {
	display: block;
}
/* 省级临床重点专科样式 */
.hk_key-department .hk_sub-departments {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 20px;
}
.hk_key-department .hk_sub-item {
	background: url(../images/ksxbj.jpg) bottom center no-repeat;
	border-radius: 10px;
	padding: 20px 15px;
	text-align: center;
	border: 1px solid #e6eff7;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.hk_key-department .hk_sub-item:hover {
	background: linear-gradient(135deg, #2ecc71, #1abc9c);
	border-color: #333;
	transform: translateY(-5px);
	box-shadow: 0 8px 20px rgba(26, 109, 187, 0.12);
	overflow: hidden
}
.hk_key-department .hk_sub-icon {
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, #2ecc71, #1abc9c);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	color: white;
	font-size: 33px;
}
.hk_key-department .hk_sub-name {
	font-size: 16px;
	font-weight: 600;
	color: #009d4d;
	margin-bottom: 5px;
}
.hk_key-department .hk_sub-link {
	font-size: 13px;
	color: #0c8;
	text-decoration: none;
	margin-top: 8px;
	transition: color 0.2s;
}
.hk_key-department .hk_sub-link:hover {
	color: #009d4d;
	text-decoration: underline;
}
.hk_key-department .hk_sub-item:hover .hk_sub-icon {
	width: 80px;
	height: 80px;
	background: none;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	color: #009d4d;
	font-size: 53px;
}
/* 使用伪元素实现的版本（无需修改HTML） */



.hk_sub-item:hover .hk_sub-bg {
	width: 250px; /* 最终尺寸需要足够覆盖容器 */
	height: 250px;
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}
/* 临床科室样式 */
.hk_clinical-department .hk_sub-departments {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 15px;
}
.hk_clinical-department .hk_sub-item {
	background: white;
	border-radius: 50px;
	padding: 15px 20px;
	border: 2px solid #e6eff7;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.hk_clinical-department .hk_sub-item:hover {
	border-color: #009d4d;
	background: #f0f8ff;
	box-shadow: 0 5px 15px rgba(26, 109, 187, 0.1);
}
.hk_clinical-department .hk_sub-icon {
	width: 40px;
	height: 40px;
	background: linear-gradient(135deg, #009d4d, #0c8);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	color: white;
	font-size: 18px;
	flex-shrink: 0;
}
.hk_clinical-department .hk_sub-name {
	font-size: 16px;
	font-weight: 600;
	color: #009d4d;
}
.hk_clinical-department .hk_sub-link {
	color: #0c8;
	text-decoration: none;
	font-size: 14px;
	margin-left: auto;
	opacity: 0;
	transition: opacity 0.3s;
}
.hk_clinical-department .hk_sub-item:hover .hk_sub-link {
	opacity: 1;
}
/* 医技科室样式 */
.hk_technical-department .hk_sub-departments {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 20px;
}
.hk_technical-department .hk_sub-item {
	background: #f8fafd;
	border-radius: 10px;
	padding: 20px 15px;
	text-align: center;
	border: 1px solid #e6eff7;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.hk_technical-department .hk_sub-item1 {
	background: #fff;
}
.hk_sub-item {
	position: relative;
}
.hk_sub-icon {
	perspective: 1000px; /* 为3D效果设置透视 */
}
.hk_sub-icon i {
	transition: transform 0.6s;
	transform-style: preserve-3d;
	display: inline-block;
}
/* 鼠标悬停时3D翻转 */
.hk_sub-item:hover .hk_sub-icon i {
	transform: rotateY(180deg);
}
/* 可选：添加文字动画 */
.hk_sub-item:hover .hk_sub-name {
	color: linear-gradient(135deg, #2ecc71, #1abc9c);
}
.hk_sub-name {
	transition: all 0.3s ease;
}
.hk_technical-department .hk_sub-icon {
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, #0dd3b5, #05adb3);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	color: white;
	font-size: 35px;
}
.hk_technical-department .hk_sub-name {
	font-weight: 600;
	font-size: 1.1rem;
	color: #2c3e50;
	line-height: 1.4;
	margin-bottom: 5px;
}
.hk_technical-department .hk_sub-link {
	font-size: 13px;
	color: #0c8;
	text-decoration: none;
	margin-top: 8px;
	transition: color 0.2s;
}
.hk_technical-department .hk_sub-link:hover {
	color: #009d4d;
	text-decoration: underline;
}
 @keyframes fadeIn {
 from {
 opacity: 0;
 transform: translateY(10px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}
.h_ks_ {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	padding: 10px;
}
.h_ks_ li {
	flex: 0 0 calc(14.28% - 20px); /* 一行7个，每个占14.28%宽度减去间隙 */
	min-width: 150px;
	height: 100px;
	perspective: 1000px; /* 3D透视效果 */
	cursor: pointer;
}
.card {
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	border-radius: 10px;
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
}
.h_ks_ li:hover .card {
	transform: rotateY(180deg);
}
.card-front, .card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	border-radius: 10px;
	display: flex;
	align-items: center;
	padding: 15px;
	overflow: hidden;
}
.card-front {
	background: white;
	flex-direction: row;
}
.card-back {
	background: linear-gradient(90deg, rgba(1, 156, 76, 0.9), rgba(1, 156, 118, 0.9));
	color: white;
	transform: rotateY(180deg);
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 15px;
}
.icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	flex-shrink: 0;
	font-size: 1.8rem;
	color: white;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: opacity 0.4s ease, transform 0.4s ease;
}
/* 鼠标悬停时图标溶解效果 */
.h_ks_ li:hover .card-front .icon {
	opacity: 0;
	transform: scale(0.5);
}
.dept-name {
	font-weight: 600;
	font-size: 1.1rem;
	color: #2c3e50;
	line-height: 1.4;
	transition: opacity 0.4s ease;
}
.dept-name1 {
	font-weight: 600;
	font-size: 1.1rem;
	color: #fff;
	line-height: 1.4;
	transition: opacity 0.4s ease;
}
/* 鼠标悬停时科室名称也溶解消失 */
.h_ks_ li:hover .card-front .dept-name {
	opacity: 0;
}
.dept-desc {
	font-size: 0.9rem;
	margin-top: 8px;
	opacity: 0.9;
	color: #fff;
}
/* 不同科室的图标颜色 */
.icon-endocrine {
	background: linear-gradient(135deg, #ff7e5f, #feb47b);
}
.icon-vascular {
	background: linear-gradient(135deg, #7f7fd5, #86a8e7);
}
.icon-orthopedics {
	background: linear-gradient(135deg, #11998e, #38ef7d);
}
.icon-surgery {
	background: linear-gradient(135deg, #f46b45, #eea849);
}
.icon-neurosurgery {
	background: linear-gradient(135deg, #8e2de2, #4a00e0);
}
.icon-proctology {
	background: linear-gradient(135deg, #f12711, #f5af19);
}
.icon-urology {
	background: linear-gradient(135deg, #1d976c, #93f9b9);
}
.icon-pulmonary {
	background: linear-gradient(135deg, #00b4db, #0083b0);
}
.icon-cardio {
	background: linear-gradient(135deg, #ff416c, #ff4b2b);
}
.icon-obgyn {
	background: linear-gradient(135deg, #da22ff, #9733ee);
}
.icon-pediatrics {
	background: linear-gradient(135deg, #fdc830, #f37335);
}
.icon-icu {
	background: linear-gradient(135deg, #373b44, #4286f4);
}
.icon-operating {
	background: linear-gradient(135deg, #3a7bd5, #00d2ff);
}
.icon-emergency {
	background: linear-gradient(135deg, #ff0000, #ff6b6b);
}
.icon-ent {
	background: linear-gradient(135deg, #834d9b, #d04ed6);
}
.icon-rehabilitation {
	background: linear-gradient(135deg, #56ab2f, #a8e063);
}
.icon-radiotherapy {
	background: linear-gradient(135deg, #8a2387, #f27121);
}
.icon-traditional {
	background: linear-gradient(135deg, #f0c27b, #4b1248);
}
.icon-geriatrics {
	background: linear-gradient(135deg, #3ca55c, #b5ac49);
}
/* 背面背景颜色与正面图标颜色匹配 */
.card-back-endocrine {
	background: linear-gradient(135deg, #ff7e5f, #feb47b);
}
.card-back-vascular {
	background: linear-gradient(135deg, #7f7fd5, #86a8e7);
}
.card-back-orthopedics {
	background: linear-gradient(135deg, #11998e, #38ef7d);
}
.card-back-surgery {
	background: linear-gradient(135deg, #f46b45, #eea849);
}
.card-back-neurosurgery {
	background: linear-gradient(135deg, #8e2de2, #4a00e0);
}
.card-back-proctology {
	background: linear-gradient(135deg, #f12711, #f5af19);
}
.card-back-urology {
	background: linear-gradient(135deg, #1d976c, #93f9b9);
}
.card-back-pulmonary {
	background: linear-gradient(135deg, #00b4db, #0083b0);
}
.card-back-cardio {
	background: linear-gradient(135deg, #ff416c, #ff4b2b);
}
.card-back-obgyn {
	background: linear-gradient(135deg, #da22ff, #9733ee);
}
.card-back-pediatrics {
	background: linear-gradient(135deg, #fdc830, #f37335);
}
.card-back-icu {
	background: linear-gradient(135deg, #373b44, #4286f4);
}
.card-back-operating {
	background: linear-gradient(135deg, #3a7bd5, #00d2ff);
}
.card-back-emergency {
	background: linear-gradient(135deg, #ff0000, #ff6b6b);
}
.card-back-ent {
	background: linear-gradient(135deg, #834d9b, #d04ed6);
}
.card-back-rehabilitation {
	background: linear-gradient(135deg, #56ab2f, #a8e063);
}
.card-back-radiotherapy {
	background: linear-gradient(135deg, #8a2387, #f27121);
}
.card-back-traditional {
	background: linear-gradient(135deg, #f0c27b, #4b1248);
}
.card-back-geriatrics {
	background: linear-gradient(135deg, #3ca55c, #b5ac49);
}
.instructions {
	margin-top: 40px;
	text-align: center;
	color: #666;
	font-size: 1rem;
	padding: 15px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 12px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
}
        
        /* 响应式设计 */
        @media (max-width: 1200px) {
.h_ks_ li {
	flex: 0 0 calc(25% - 20px); /* 4个一行 */
}
}
 @media (max-width: 768px) {
.h_ks_ li {
	flex: 0 0 calc(33.33% - 20px); /* 3个一行 */
}
h1 {
	font-size: 2.2rem;
}
}
 @media (max-width: 576px) {
.h_ks_ li {
	flex: 0 0 calc(50% - 20px); /* 2个一行 */
	min-width: 140px;
	height: 110px;
}
.icon {
	width: 40px;
	height: 40px;
	font-size: 1.4rem;
}
.dept-name {
	font-size: 1rem;
}
.card-back {
	padding: 10px;
}
.dept-desc {
	font-size: 0.8rem;
}
}
 @media (max-width: 400px) {
.h_ks_ li {
	flex: 0 0 45%; /* 1个一行 */
	height: 60px;
}
}
.n-h_ks_ {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 25px;
	padding: 0px;
}
/* 修改为每行5个卡片 */
.n-h_ks_ li {
	flex: 0 0 calc(20% - 25px); /* 一行5个，每个占20%宽度减去间隙 */
	min-width: 180px;
	height: 180px; /* 增加高度以适应垂直布局 */
	perspective: 1000px; /* 3D透视效果 */
	cursor: pointer;
}
.n-card {
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	border-radius: 16px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.n-h_ks_ li:hover .n-card {
	transform: rotateY(180deg);
}
.n-card-front, .n-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	border-radius: 16px;
	display: flex;
	padding: 15px;
	overflow: hidden;
}
.n-card-front {
	background: url(../images/ksbj01.jpg) center bottom no-repeat;
	flex-direction: column; /* 改为垂直布局 */
	align-items: center;
	justify-content: center;
}
.n-card-back {
	background: linear-gradient(135deg, #1e90ff, #32cd32);
	color: white;
	transform: rotateY(180deg);
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 15px;
}
/* 图标调整到标题上方 */
.n-icon {
	width: 70px; /* 增大图标 */
	height: 70px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px; /* 图标与标题之间的间距 */
	flex-shrink: 0;
	font-size: 2.2rem;
	color: white;
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
	transition: opacity 0.4s ease, transform 0.4s ease;
}
/* 鼠标悬停时图标溶解效果 */
.n-h_ks_ li:hover .n-card-front .n-icon {
	opacity: 0;
	transform: scale(0.5);
}
.n-dept-name {
	font-weight: 700;
	font-size: 1.2rem;
	color: #2c3e50;
	line-height: 1.4;
	transition: opacity 0.4s ease;
	text-align: center;
}
.n-dept-name1 {
	font-weight: 700;
	font-size: 1.2rem;
	color: #fff;
	line-height: 1.4;
	transition: opacity 0.4s ease;
	text-align: center;
	text-decoration: none
}
/* 鼠标悬停时科室名称也溶解消失 */
.n-h_ks_ li:hover .n-card-front .n-dept-name {
	opacity: 0;
}
.n-dept-desc {
	font-size: 0.95rem;
	margin-top: 8px;
	opacity: 0.9;
	line-height: 1.4;
}

.n-h_ks_ li:nth-child(1) .n-icon {background: linear-gradient(135deg, #ff7e5f, #feb47b); }
.n-h_ks_ li:nth-child(2) .n-icon {background: linear-gradient(135deg, #7f7fd5, #86a8e7); }
.n-h_ks_ li:nth-child(3) .n-icon {background: linear-gradient(135deg, #11998e, #38ef7d); }
.n-h_ks_ li:nth-child(4) .n-icon {background: linear-gradient(135deg, #f46b45, #eea849); }
.n-h_ks_ li:nth-child(5) .n-icon {background: linear-gradient(135deg, #8e2de2, #4a00e0); }
.n-h_ks_ li:nth-child(6) .n-icon {background: linear-gradient(135deg, #f12711, #f5af19); }
.n-h_ks_ li:nth-child(7) .n-icon {background: linear-gradient(135deg, #1d976c, #93f9b9); }
.n-h_ks_ li:nth-child(8) .n-icon {background: linear-gradient(135deg, #00b4db, #0083b0); }
.n-h_ks_ li:nth-child(9) .n-icon {background: linear-gradient(135deg, #ff416c, #ff4b2b); }
.n-h_ks_ li:nth-child(10) .n-icon {background: linear-gradient(135deg, #da22ff, #9733ee); }
.n-h_ks_ li:nth-child(11) .n-icon {background: linear-gradient(135deg, #fdc830, #f37335); }
.n-h_ks_ li:nth-child(12) .n-icon {background: linear-gradient(135deg, #373b44, #4286f4); }
.n-h_ks_ li:nth-child(13) .n-icon {background: linear-gradient(135deg, #3a7bd5, #00d2ff); }
.n-h_ks_ li:nth-child(14) .n-icon {background: linear-gradient(135deg, #ff0000, #ff6b6b); }
.n-h_ks_ li:nth-child(15) .n-icon {background: linear-gradient(135deg, #834d9b, #d04ed6); }
.n-h_ks_ li:nth-child(16) .n-icon {background: linear-gradient(135deg, #56ab2f, #a8e063); }
.n-h_ks_ li:nth-child(17) .n-icon {background: linear-gradient(135deg, #8a2387, #f27121); }
.n-h_ks_ li:nth-child(18) .n-icon {background: linear-gradient(135deg, #f0c27b, #4b1248); }
.n-h_ks_ li:nth-child(19) .n-icon {background: linear-gradient(135deg, #3ca55c, #b5ac49); }

/* 不同科室的图标颜色 */
/*.n-icon-endocrine {
	background: linear-gradient(135deg, #ff7e5f, #feb47b);
}
.n-icon-vascular {
	background: linear-gradient(135deg, #7f7fd5, #86a8e7);
}
.n-icon-orthopedics {
	background: linear-gradient(135deg, #11998e, #38ef7d);
}
.n-icon-surgery {
	background: linear-gradient(135deg, #f46b45, #eea849);
}
.n-icon-neurosurgery {
	background: linear-gradient(135deg, #8e2de2, #4a00e0);
}
.n-icon-proctology {
	background: linear-gradient(135deg, #);
}
.n-icon-urology {
	background: linear-gradient(135deg, #);
}
.n-icon-pulmonary {
	background: linear-gradient(135deg, #);
}
.n-icon-cardio {
	background: linear-gradient(135deg, #);
}
.n-icon-obgyn {
	background: linear-gradient(135deg, #);
}
.n-icon-pediatrics {
	background: linear-gradient(135deg, #);
}
.n-icon-icu {
	background: linear-gradient(135deg, #);
}
.n-icon-operating {
	background: linear-gradient(135deg, #);
}
.n-icon-emergency {
	background: linear-gradient(135deg, #);
}
.n-icon-ent {
	background: linear-gradient(135deg, #);
}
.n-icon-rehabilitation {
	background: linear-gradient(135deg, #);
}
.n-icon-radiotherapy {
	background: linear-gradient(135deg, #);
}
.n-icon-traditional {
	background: linear-gradient(135deg, #);
}
.n-icon-geriatrics {
	background: linear-gradient(135deg, #);
}*/
.n-instructions {
	margin-top: 40px;
	text-align: center;
	color: #666;
	font-size: 1rem;
	padding: 15px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 12px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
        
        /* 响应式设计 */

        @media (max-width: 1200px) {
.n-h_ks_ li {
	flex: 0 0 calc(25% - 20px); /* 4个一行 */
}
}
 @media (max-width: 992px) {
.n-h_ks_ li {
	flex: 0 0 calc(33.33% - 20px); /* 3个一行 */
}
.n-title {
	font-size: 2.2rem;
}
}
 @media (max-width: 768px) {
.n-h_ks_ li {
	flex: 0 0 calc(50% - 20px); /* 2个一行 */
	min-width: 160px;
	height: 160px;
}
.n-icon {
	width: 60px;
	height: 60px;
	font-size: 1.8rem;
}
.n-dept-name {
	font-size: 1.1rem;
}
.n-card-back {
	padding: 10px;
}
.n-dept-desc {
	font-size: 0.85rem;
}
}
 @media (max-width: 576px) {
.n-h_ks_ li {
	flex: 0 0 calc(100% - 20px); /* 1个一行 */
	height: 150px;
}
.n-title {
	font-size: 1.8rem;
}
.n-subtitle {
	font-size: 1rem;
}
}
/* 背面链接样式 */
.n-card-back a {
	color: white;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.n-card-back a:hover {
}
/* 添加容器样式使提示居中 */
.n-hint-container {
	text-align: center;
	margin-bottom: 20px;
}
/* 提示文本样式 */
.hint {
	text-align: center;
	margin-top: 20px;
	color: #1e90ff;
	font-weight: 600;
	font-size: 1.1rem;
}
.s_keshi_nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	padding: 0;
}
.s_keshi_item {
	width: 18%;
	min-width: 180px;
	margin: 1%;
	text-align: center;
	padding: 25px 15px;
	background: url(../images/ksxbj.jpg) left bottom no-repeat #fff;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.s_keshi_item:hover {
	transform: translateY(-8px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.s_keshi_icon_container {
	width: 80px;
	height: 80px;
	margin: 0 auto 20px;
	border-radius: 50%;
	background: linear-gradient(135deg, #1abc9c, #2ecc71);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	transition: all 0.4s ease;
}
.s_keshi_item:hover .s_keshi_icon_container {
	background: transparent;
	transform: scale(1.1);
}
.s_keshi_icon {
	font-size: 32px;
	color: white;
	transition: all 0.4s ease;
}
.s_keshi_item:hover .s_keshi_icon {
	color: white;
	transform: scale(1.8);
}
.s_keshi_name {
	font-size: 20px;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 10px;
	transition: all 0.4s ease;
}
.s_keshi_detail {
	font-size: 14px;
	color: #7f8c8d;
	transition: all 0.4s ease;
	display: inline-block;
	padding: 5px 15px;
	border-radius: 20px;
	border: 1px solid #eee;
	background-color: #f9f9f9;
}
/* 鼠标悬停效果 - 背景从中间辐射 */
.s_keshi_item:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	width: 0;
	height: 0;
	border-radius: 50%;
	background-color: #27ae60;
	transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	z-index: -1;
}
.s_keshi_item:hover:before {
	width: 500px;
	height: 500px;
	transform: translate(-50%, -50%) scale(1);
}
.s_keshi_item:hover .s_keshi_name, .s_keshi_item:hover .s_keshi_detail {
	color: white;
}
.s_keshi_item:hover .s_keshi_detail {
	border-color: white;
	background-color: rgba(255, 255, 255, 0.1);
}
        
        /* 响应式设计 */
        @media (max-width: 1100px) {
.s_keshi_item {
	width: 23%;
	margin: 1%;
}
}
 @media (max-width: 900px) {
.s_keshi_item {
	width: 31%;
	margin: 1%;
}
}
 @media (max-width: 700px) {
.s_keshi_item {
	width: 48%;
	margin: 1%;
}
.s_keshi_title {
	font-size: 28px;
}
}
.s_keshi_footer {
	text-align: center;
	margin-top: 50px;
	padding-top: 20px;
	border-top: 1px solid #eee;
	color: #95a5a6;
	font-size: 14px;
}
/*首页专家滚动*/
.doctor {
	background: url(../images/zjbg.jpg) center center no-repeat;
	padding: 0px 0;
}
.h_zj_ys_box {
	display: flex;
	align-items: center; /* 垂直居中对齐 */
	justify-content: center; /* 水平居中 */
	gap: 10px; /* 元素之间的间距 */
}
.h_zj_h2 {
	font-size: 22px;
	color: #333;
	margin-bottom: 20px;
	font-weight: 600;
	text-align: center
}
.h_zj_h2 {
	font-family: Arial, sans-serif;
	color: #fff;
	display: flex;
	gap: 10px;
}
.h_zj_h2 i {
	color: #fff;
	font-size: 1.2em;
	margin-top: 5px;
}
/* 检索区 */
.h_zj_filter {
	display: flex;
	gap: 12px;
	margin-bottom: 25px;
	flex-wrap: wrap
}
.h_zj_filter select, .h_zj_filter input {
	height: 42px;
	padding: 0 15px;
	border: 1px solid #d0d0d0;
	border-radius: 6px;
	font-size: 1rem;
	;
	outline: none;
	transition: border-color .3s
}
.h_zj_filter select:focus, .h_zj_filter input:focus {
	border-color: #1976d2
}
.h_zj_filter select {
	width: 200px;
	background: #fff;
	cursor: pointer
}
.h_zj_filter input {
	flex: 1;
	min-width: 200px;
	background: #fff
}
 @media (max-width: 768px) {
.h_zj_filter {
	flex-direction: column;
	gap: 10px
}
.h_zj_filter select, .h_zj_filter input {
	width: 100%!important
}
}
/* 滚动区 */
.h_zj_scroll-box {
	position: relative;
	overflow: hidden;
	margin: 0 auto
}
.h_zj_scroll-track {
	display: flex;
	transition: transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	gap: 15px;
	padding: 5px
}
.h_zj_doctor-card {
	flex: 0 0 calc(16.6% - 12px);/* 5个一屏 */
	min-width: 0;
	text-align: center;
	background: #fff;
	border: 0px solid #e6e6e6;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
	transition: all .3s;
	box-shadow: 0 3px 10px rgba(0,0,0,.08)
}
.h_zj_doctor-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 20px rgba(0,0,0,.12);
	border-color: #1976d2
}
.h_zj_doctor-card img {
	width: 100%;
	height: 320px;
	object-fit: cover;
	display: block
}
.h_zj_doctor-card .h_zj_info {
	padding: 15px 10px
}
.h_zj_doctor-card .h_zj_hospital {
	font-size: 15px;
	color: #333;
	font-weight: 600;
	margin-bottom: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.h_zj_doctor-card .h_zj_dept {
	font-size: 13px;
	color: #666;
	padding: 4px 10px;
	background: #f0f7ff;
	border-radius: 12px;
	display: inline-block
}

    /* 响应式卡片数量 */
    @media (max-width: 1200px) {
.h_zj_doctor-card {
	flex: 0 0 calc(20% - 12px)/* 4个一屏 */
}
}
 @media (max-width: 992px) {
.h_zj_doctor-card {
	flex: 0 0 calc(33.333% - 12px)/* 3个一屏 */
}
}
 @media (max-width: 768px) {
.h_zj_doctor-card {
	flex: 0 0 calc(50% - 5px)/* 2个一屏 */
}
}
 @media (max-width: 360px) {
.h_zj_doctor-card {
	flex: 0 0 calc(100% - 0px)/* 1个一屏 */
}
.h_zj_doctor-card img {
	height: 150px
}
}
/* 指示器 */
.h_zj_indicator {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	margin-top: 25px
}
.h_zj_indicator .h_zj_dots {
	display: flex;
	gap: 8px
}
.h_zj_indicator .h_zj_dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ddd;
	cursor: pointer;
	transition: all .3s
}
.h_zj_indicator .h_zj_dot.active {
	background: #1976d2;
	transform: scale(1.2)
}
.h_zj_arrow {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: linear-gradient(135deg, #2ecc71, #02886d);
	color: #fff;
	border: none;
	font-size: 20px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all .3s;
	box-shadow: 0 3px 10px rgba(25,118,210,.3)
}
.h_zj_arrow:hover {
	background: #02886d;
	transform: scale(1.05)
}
.h_zj_arrow:disabled {
	background: #ccc;
	box-shadow: none;
	cursor: not-allowed;
	transform: none
}
 @media (max-width: 576px) {
.h_zj_arrow {
	width: 38px;
	height: 38px;
	font-size: 18px
}
}
/* 无结果提示 */
.h_zj_no-results {
	text-align: center;
	padding: 40px 20px;
	color: #999;
	font-size: 16px;
	display: none
}
.h_zj_no-results.show {
	display: block
}
/* 宣传片等 */
.xc {
	background: #f8f8f8;
	padding: 50px 0 0
}
.ho_container {
	display: flex;
	gap: 25px;
	margin-bottom: 40px;
}
.ho_card {
	background-color: white;
	border-radius: 10px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ho_card:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}
/* 左侧宣传片区域 */
.left-section {
	flex: 1.2;
}
.ho_promotion {
	height: 371px;
	display: flex;
	flex-direction: column;
}
.ho_video-container {
	position: relative;
	flex: 1;
	background: linear-gradient(135deg, #555 0%, #333 100%);
	overflow: hidden;
	border-radius: 10px 10px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 200px;
}
.ho_video-bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.7;
}
.ho_play-btn {
	position: absolute;
	width: 100px;
	height: 100px;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
	animation: pulse 2s infinite;
}
.ho_play-btn:hover {
	background-color: white;
	transform: scale(1.1);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
}
.ho_play-btn i {
	font-size: 40px;
	color: #1a6bc4;
	margin-left: 5px;
}
 @keyframes pulse {
 0% {
 box-shadow: 0 0 0 0 rgba(26, 107, 196, 0.5);
}
 70% {
 box-shadow: 0 0 0 15px rgba(26, 107, 196, 0);
}
 100% {
 box-shadow: 0 0 0 0 rgba(26, 107, 196, 0);
}
}
.ho_promotion-title {
	padding: 15px 25px;
	background-color: white;
	height: 58px
}
.ho_promotion-title h2 {
	color: #2c3e50;
	font-size: 20px;
	margin-bottom: 10px;
}
.ho_promotion-title p {
	color: #7f8c8d;
	font-size: 1rem;
}
/* 中间健康管理区域 */
.center-section {
	flex: 1;
}
.ho_health-management {
	display: flex;
	flex-direction: column;
}
.ho_health-image {
	height: 300px;
	overflow: hidden;
}
.ho_health-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}
.ho_health-management:hover .ho_health-image img {
	transform: scale(1.05);
}
.ho_health-content {
	padding: 15px 25px;
	flex: 1;
	display: flex;
	flex-direction: column;
	height: 70px;
}
.ho_health-content h2 {
	color: #2c3e50;
	font-size: 20px;
	margin-bottom: 10px;
}
.ho_health-content p {
	color: #7f8c8d;
	margin-bottom: 20px;
	flex: 1;
}
.ho_health-links {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.ho_health-link {
	display: flex;
	align-items: center;
	padding: 12px 15px;
	background-color: #f8fafc;
	border-radius: 8px;
	color: #1a6bc4;
	text-decoration: none;
	transition: all 0.2s ease;
}
.ho_health-link:hover {
	background-color: #e8f2ff;
	transform: translateX(5px);
}
.ho_health-link i {
	margin-right: 10px;
	font-size: 1.2rem;
}
/* 右侧科普视频区域 */
.right-section {
	flex: 1;
}
.ho_science-videos h2 {
	padding: 25px 25px 15px;
	color: #2c3e50;
	font-size: 20px;
	;
}
.ho_video-list {
	list-style: none;
	padding: 3px 25px 25px;
}
.ho_video-item {
	display: flex;
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	transition: all 0.2s ease;
}
.ho_video-item:hover {
	border-bottom-color: #1a6bc4;
}
.ho_video-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
.ho_video-thumb {
	width: 100px;
	height: 70px;
	border-radius: 10px;
	overflow: hidden;
	flex-shrink: 0;
	margin-right: 15px;
}
.ho_video-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ho_video-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ho_video-info h3 {
	color: #2c3e50;
	font-size: 16px;
	margin-bottom: 5px;
	line-height: 1.4;
	height: 20px;
	overflow: hidden
}
.ho_video-info h3 a {
	color: #2c3e50;
}
.ho_video-info .ho_video-duration {
	color: #7f8c8d;
	font-size: 0.9rem;
}
/* 视频弹窗样式 */
.ho_video-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.85);
	z-index: 1000;
	align-items: center;
	justify-content: center;
}
.ho_video-modal.active {
	display: flex;
}
.ho_modal-content {
	width: 90%;
	max-width: 900px;
	background-color: white;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}
.ho_modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	background-color: #1a6bc4;
	color: white;
}
.ho_modal-header h3 {
	font-size: 1.5rem;
}
.ho_close-btn {
	background: none;
	border: none;
	color: white;
	font-size: 28px;
	cursor: pointer;
	line-height: 1;
}
.ho_modal-video {
	width: 100%;
	height: 500px;
	background-color: #000;
}

/* 模态弹窗样式 */
.video-modal {
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.video-modal-content {
  position: relative;
  margin: 5% auto;
  padding: 10px;
  width: 80%;
  max-width: 1000px;
  background-color: #555;
   border-radius:12px;
}

.video-modal-close {
  position: absolute;
  right: -15px;
  top: -15px;
  color: white;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  background-color: rgba(0,0,0,0.5);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1001;
}

.video-modal-content video {
  width: 100%;
  height: auto;
  display: block;
}

        
        /* 响应式设计 */
        @media (max-width: 1100px) {
.container {
	flex-wrap: wrap;
}
.left-section {
	flex: 100%;
	margin-bottom: 25px;
}
.center-section, .right-section {
	flex: calc(50% - 12.5px);
}
}
 @media (max-width: 768px) {
.center-section, .right-section {
	flex: 100%;
}
.ho_modal-video {
	height: 300px;
}
.header h1 {
	font-size: 2rem;
}
}
.row-ind5 {
	padding: 85px 0 80px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover
}
.row-ind5:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(135deg, #e0e0e0, #b1b1b1);
	opacity: .9
}
.row-ind5 .wp {
	position: relative;
	z-index: 2
}
.row-ind5 .tit {
	font-weight: 700;
	font-size: 40px;
	color: #fff;
	text-align: center;
	margin-bottom: 78px
}
.z-come {
	text-align: center
}
.z-come li {
	display: inline-block
}
.z-come a {
	display: block;
	width: 261px;
	height: 261px;
	padding: 48px 0 0;
	border-radius: 50%;
	overflow: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.z-come i {
	display: block;
	margin: 0 auto 35px;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.z-come p {
	font-size: 24px;
	color: #019c4c;
	font-weight: bold;
	text-align: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.z-come li:nth-child(2) {
	margin: 0 162px
}
.z-come a.on, .z-come a:hover {
	background: linear-gradient(135deg, rgba(1, 156, 76, 0.19), rgba(1, 156, 118, 0.19)); /*background:url(../images/zsp17.png) center center no-repeat*/
	border: 3px #093 dotted
}
.z-come a.on i, .z-come a:hover i {
	background-position: center bottom
}
.z-come a.on p, .z-come a:hover p {
	color: #fff
}
/* 网站底部样式 */
.site-footer {
	background: url(../images/footbg.jpg) center top no-repeat #22a255;
	padding: 50px 0;
}
.f_container {
	width: 75%;
	margin: 0 auto;
}
.footer-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 25px;
	border-bottom: 1px solid #1bc272;
	flex-wrap: wrap;
}
.footer-logo {
	flex: 0 0 550px;
	background: rgba(255,255,255,0.6);
	padding-left: 20px;
	padding-top: 10px;
	border-radius: 15px;
}
.footer-logo img {
	max-width: 100%;
	height: auto;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
.footer-selectors {
	display: flex;
	flex: 1;
	justify-content: flex-end;
	gap: 30px;
	flex-wrap: wrap;
}
.selector-group {
	flex: 0 1 250px;
}
.selector-group h3 {
	font-size: 1.1rem;
	margin-bottom: 10px;
	color: #2c80b9;
	font-weight: 600;
}
.custom-select {
	position: relative;
	width: 100%;
}
.custom-select select {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff;
	font-size: 1rem;
	color: #333;
	appearance: none;
	cursor: pointer;
	transition: border-color 0.3s;
}
.custom-select select:focus {
	border-color: #2c80b9;
	outline: none;
}
.custom-select::after {
	content: '\f078';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #777;
	pointer-events: none;
}
.footer-bottom {
	display: flex;
	justify-content: space-between;
	padding-top: 25px;
	flex-wrap: wrap;
}
.contact-info {
	flex: 0 1 55%;
}
.contact-info h3 {
	font-size: 1.2rem;
	margin-bottom: 15px;
	color: #2c80b9;
	font-weight: 600;
}
.contact-details {
/*  display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15px;*/
}
.contact-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 8px;
	font-size: 16px;
}
.contact-item i {
	color: #fff;
	margin-right: 10px;
	margin-top: 3px;
	font-size: 1.1rem;
	width: 20px;
}
.contact-item span {
	color: #fff;
}
.social-section {
	flex: 0 1 38%;
	text-align: center;
}
.social-section h3 {
	font-size: 1.2rem;
	margin-bottom: 15px;
	color: #2c80b9;
	font-weight: 600;
	text-align: left;
}
.wechat-info {
	align-items: center;
	margin-bottom: 20px;
	/*            background:rgba(255,255,255,0.3);*/
	padding: 10px 15px 10px 0px;
	border-radius: 6px;
	justify-content: center;
}
.wechat-id {
	font-weight: 600;
	color: #fff;
	font-size: 1.1rem;
	line-height: 35px;
}
.app-download {
	display: inline-block;
	background: linear-gradient(135deg, #2ecc71, #1abc9c);
	color: white;
	padding: 10px 28px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
	margin-left: 0px;
	transition: background-color 0.3s;
}
.app-download:hover {
	background: linear-gradient(135deg, #2ecc71, #1abc9c);
}
.app-download i {
	margin-right: 8px;
}
.qr-codes {
	display: flex;
	justify-content: space-around;
	margin-top: 15px;
}
.qr-container {
	display: flex;
	justify-content: space-around; /* 或 space-between, center */
	align-items: center;
	gap: 20px; /* 设置两个二维码之间的间距 */
}
.qr-item {
	text-align: center;
}
.qr-item p {
	margin-top: 8px;
	font-size: 0.9rem;
	color: #fff;
}
.qr-code {
	width: 120px;
	height: 120px;
	background-color: #fff;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}
.qr-code img {
	max-width: 100%;
	max-height: 100%;
}
.copyright {
	text-align: center;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	color: #fff;
	font-size: 15px;
	width: 100%;
}
        
        /* 响应式设计 */
				@media (max-width: 14400px) {
					.qr-container {
	gap: 10px; /* 设置两个二维码之间的间距 */
}

}
        @media (max-width: 992px) {
.footer-top {
	flex-direction: column;
	align-items: flex-start;
	padding-top: 10px;
}
.footer-logo {
	margin-bottom: 25px;
	border-radius: 5px;
}
.footer-selectors {
	justify-content: flex-start;
	width: 100%;
}
.footer-bottom {
	flex-direction: column;
}
.contact-info {
	margin-bottom: 0px;
}
}
 @media (max-width: 768px) {
.contact-details {
	grid-template-columns: 1fr;
}
.footer-selectors {
	flex-direction: column;
	gap: 10px;
}
.selector-group {
	width: 100%;
}
.qr-codes {
	justify-content: space-between;
	margin-top: 0px;
}
}
 @media (max-width: 576px) {
.site-footer {
	padding: 20px;
}
.wechat-info {
	display: flex;
	align-items: center;
	justify-content: space-between; /* 或使用 space-around, flex-start 等 */
	gap: 20px; /* 可选：控制两个元素之间的间距 */
}
.wechat-id {
	white-space: nowrap; /* 防止微信号换行 */
	font-size: 15px;
}
.app-download {
	white-space: nowrap;
	margin-left: 0;
	margin-top: 10px;
	padding: 10px;
}
.qr-codes {
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.qr-container {
	
	gap: 6px; /* 设置两个二维码之间的间距 */
}

.qr-code {
	width: 85px;
	height: 85px;
	background-color: #fff;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}
.video-modal-content {
 
  margin: 25% auto 0;
 
}
.qr-item p {
	
	font-size: 0.65rem;

}

}
.services-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 20px;
	margin-top: 30px;
}
 @media (max-width: 1200px) {
.services-grid {
	grid-template-columns: repeat(3, 1fr);
}
}
 @media (max-width: 768px) {
.services-grid {
	grid-template-columns: repeat(2, 1fr);
}
}
 @media (max-width: 480px) {
.services-grid {
	grid-template-columns: 1fr;
}
}
.service-card {
	background: white;
	border-radius: 10px;
	padding: 30px 20px;
	text-align: center;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.service-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}
.card-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.9;
}
.card-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.icon-container {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(5px);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	transition: transform 0.5s ease;
}
.service-card:hover .icon-container {
	transform: rotateY(180deg);
}
.icon-container i {
	font-size: 36px;
	color: white;
}
.service-title {
	font-size: 1.3rem;
	font-weight: 700;
	color: white;
	margin-top: 10px;
	transition: transform 0.3s ease, font-size 0.3s ease;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.service-card:hover .service-title {
	transform: scale(1.15);
	font-size: 1.35rem;
}
.service-desc {
	color: rgba(255, 255, 255, 0.9);
	font-size: 0.9rem;
	margin-top: 10px;
	line-height: 1.4;
	display: none;
}
.service-card:hover .service-desc {
	display: none;
}
.instructions {
	background-color: white;
	border-radius: 12px;
	padding: 20px;
	margin-top: 40px;
	max-width: 800px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.instructions h3 {
	color: #1368aa;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.instructions p {
	color: #555;
	line-height: 1.6;
	display: none
}
.highlight {
	background-color: #e6f7ff;
	padding: 3px 6px;
	border-radius: 4px;
	font-weight: 600;
	color: #1368aa;
}
/*中英文咨询*/
.t_icons-row {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	width: 100%;
}
.t_icon-wrapper {
	display: flex;
	align-items: center; /* 垂直居中 */
	gap: 8px; /* 图标和文字之间的间距 */
	transition: transform 0.3s ease;
}
.t_icon-wrapper:hover {
	transform: translateY(-5px);
}
.t_icon-container {
	position: relative;
	width: 55px;
	height: 55px;
	cursor: pointer;
}
.t_icon-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	z-index: 1;
	overflow: hidden;
}
.t_icon-bg::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.t_icon-container:hover .t_icon-bg::before {
	width: 100%;
	height: 100%;
}
.t_icon {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 36px;
	color: white;
	transition: color 0.3s ease;
}
/* 第一个图标样式 */
.t_icon-item1 .t_icon-bg {
	background-color: #e0e0e0;
}
.t_icon-item1 .t_icon-bg::before {
	background-color: #009d4d;
}
.t_icon-item1 .t_icon {
	color: #009d4d;
}
.t_icon-item1:hover .t_icon {
	color: white;
}
/* 第二个图标样式 */
.t_icon-item2 .t_icon-bg {
	background-color: #009d4d;
}
.t_icon-item2 .t_icon-bg::before {
	background-color: #4CAF50;
}
.t_icon-item2 .t_icon {
	color: white;
}
.t_icon-text {
	font-size: 20px;
	line-height: 20px;
	color: #444;
	font-weight: bold;
	transition: color 0.3s ease;
}
.t_icon-wrapper:hover .t_icon-text {
	color: #2E7D32;
}
.t_icon-item1:hover .t_icon-text {
	color: #4CAF50;
}
/* 标题样式 */
.t_title {
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
	color: #333;
	font-size: 28px;
	font-weight: 700;
	position: relative;
	padding-bottom: 15px;
}
.t_title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 3px;
	background: linear-gradient(to right, #e0e0e0, #4CAF50, #2E7D32);
	border-radius: 2px;
}
/*就医指南*/		
		
.jyxz_onelb .front span.img-box {
	position: relative;
	display: inline-block;          /* 让盒子包裹图片 */
	width: 45px;
	height: 45px;
	perspective: 1000px;
	transform-style: preserve-3d;
	transition: transform .6s cubic-bezier(.175, .885, .32, 1.275);
}
.jyxz_onelb .front span.img-box img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
.jyxz_onelb .front span.img-box img.back-img {
	transform: rotateY(180deg);     /* 背面预先转 180° */
	filter: brightness(1.2);        /* 简单高亮区别，可换图 */
}
/* 鼠标移到 li 时，图片翻转 */
.jyxz_onelb:hover .front span.img-box {
	transform: rotateY(180deg);
}

@media (max-width: 1440px) {
.jyxz_onelb .front span.img-box {
	          /* 让盒子包裹图片 */
	width: 35px;
	height: 45px;
	
}
}


/* =========  新增结束  ========= */

/* 以下全部为原始样式，未改动，直接沿用 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: '微软雅黑', 'Roboto', 'Microsoft YaHei', sans-serif;
	background-color: #f5f7fa;
	color: #333;
	line-height: 1.7;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5 {
	font-weight: 700;
	line-height: 1.3;
}
li {
	list-style: none
}
.sydh {
	overflow: hidden;
}
.sydh h1 {
	float: left;
	font-size: 42px;
	font-family: "SourceHanSerifSC-B";
	color: #333
}
.sydh h1 span {
	display: inline-block;
	font-size: 34px;
	line-height: 25px;
	margin-left: -7px;
}
.sydh h1 span b {
	font-size: 14px;
	color: #234382;
	font-family: Arial;
	font-weight: normal;
}
.sydh h3 {
	float: right;
	width: 98px;
	height: 33px;
	line-height: 33px;
	border: #cecece 1px solid;
	border-radius: 17px;
	text-align: center;
	font-size: 15px;
	position: relative;
	margin: 12px 16px 0px 0px;
}
.sydh h3::after {
	content: "";
	width: 26px;
	height: 24px;
	position: absolute;
	top: 6px;
	right: -14px;
	background: url(../images/ic_more.png) no-repeat;
	background-size: 100%;
}
.sydh h3 a {
	color: #666;
}
.sydh h3:hover {
	background: #234382;
}
.sydh h3:hover a {
	color: #fff;
}
.sydh.jyxz_dh {
	position: absolute;
	left: 0px;
	top: 0px;
}
.cont_bg1 {
	background: url(../images/topbg.jpg) no-repeat;
	background-size: cover;
	overflow: hidden;
	margin-top: -40px;
}
.cont_box1 {
	padding: 80px 0px 87px;
	overflow: hidden;
	background: url(../images/topbg.png) center 56px no-repeat;
}
.jyxz {
	position: relative;
}
.jyxz_one {
	float: right;
	margin-left: 33.3%;
	width: 66.7%;
}
.jyxz_one li {
	width: 25%;
	float: left;
	perspective: 1000px;
}
.jyxz_onelb {
	position: relative;
	padding-bottom: 60%;
	overflow: hidden;
	transform-style: preserve-3d;
	transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	cursor: pointer;
}
.jyxz_onelb a {
	width: 100%;
	position: absolute;
	left: 0px;
	display: block;
	text-align: center;
}
.jyxz_onelb span {
	height: 62px;
	line-height: 62px;
	margin-top: 0%;
	display: block;
	transition: transform 0.6s;
}
.jyxz_onelb span img {
	max-height: 100%;
	transition: transform 0.6s;
}
.jyxz_onelb h2 {
	font-size: 23px;
	color: #fcfcfb;
	margin: 5px 0px 8px;
	transition: transform 0.6s;
}
.jyxz_onelb h3 {
	font-size: 14px;
	font-family: "Arial";
	color: rgba(252, 252, 251, 0.349);
	/*text-transform: uppercase;*/
	transition: transform 0.6s;
}
.jyxz_onelb .front {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	transform: rotateY(0deg);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
}
.jyxz_onelb .front_m {
	display: none;
}
.jyxz_onelb .back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	transform: rotateY(180deg);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
	background: rgba(255, 255, 255, 0.95);
}
.jyxz_onelb:hover {
	transform: rotateY(180deg);
}
.back h2 {
	color: #234382 !important;
	font-size: 20px;
	margin-bottom: 10px;
}
.back p {
	color: #666;
	font-size: 14px;
	text-align: center;
	padding: 0 15px;
	line-height: 1.5;
}
.back .btn {
	display: inline-block;
	margin-top: 15px;
	padding: 8px 20px;
	background: #234382;
	color: white;
	text-decoration: none;
	border-radius: 20px;
	font-size: 14px;
	transition: all 0.3s;
}
.back .btn:hover {
	background: #1a3368;
	transform: translateY(-2px);
}
.jyxz_one li:nth-of-type(1) .jyxz_onelb .front {
	/* background:linear-gradient(90deg, rgba(1, 156, 76, 0.9), rgba(1, 156, 118, 0.9));*/
	background: url(../images/icobg.jpg) bottom right no-repeat #009d4d
}
.jyxz_one li:nth-of-type(2) .jyxz_onelb .front {
	background: rgba(205,224,204,0.8);
}
.jyxz_one li:nth-of-type(3) .jyxz_onelb .front {
	background: rgba(233,245,238,0.8);
}
.jyxz_one li:nth-of-type(4) .jyxz_onelb .front {
	background: rgba(255,2553,255,0);
}
.jyxz_one li:nth-of-type(2) .jyxz_onelb .front h2, .jyxz_one li:nth-of-type(3) .jyxz_onelb .front h2, .jyxz_one li:nth-of-type(4) .jyxz_onelb .front h2 {
	color: #333;
}
.jyxz_one li:nth-of-type(2) .jyxz_onelb .front h3, .jyxz_one li:nth-of-type(3) .jyxz_onelb .front h3, .jyxz_one li:nth-of-type(4) .jyxz_onelb .front h3 {
	color: #666;
}
@keyframes flipIn {
 0% {
 transform: rotateY(90deg);
 opacity: 0;
}
 100% {
 transform: rotateY(0deg);
 opacity: 1;
}
}
.jyxz_one li:nth-child(1) .jyxz_onelb {
	animation: flipIn 0.8s ease-out 0.1s both;
}
.jyxz_one li:nth-child(2) .jyxz_onelb {
	animation: flipIn 0.8s ease-out 0.2s both;
}
.jyxz_one li:nth-child(3) .jyxz_onelb {
	animation: flipIn 0.8s ease-out 0.3s both;
}
.jyxz_one li:nth-child(4) .jyxz_onelb {
	animation: flipIn 0.8s ease-out 0.4s both;
}
.jyxz_two {
	width: 100%;
	float: left;
	margin-top: 0px;
}
.jyxz_two_lf {
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;
}
.jyxz_two_lf::before {
	content: "";
	position: absolute;
	width: 100%;
	height: calc(100% - 0%);
	top: 0px;
	left: 0px;
	background-size: cover;
}
.jyxz_two_rg {
	width: 50%;
	float: right;
	/*    background: url(../images/spic.jpg) no-repeat center;*/
	background-size: cover;
	height: 290px;
}
.jyxz_two_yxzx {
	width: 33.3%;
	float: left;
	position: relative;
}
.jyxz_two_yxzx .gjyxzx {
	position: absolute;
	width: 70%;
	left: 15%;
	top: 70px;
	height: 53px;
	text-align: center;
	display: none;
}
.jyxz_two_lfnr {
	width: 100%;
	float: right;
}
.jyxz_two_lfnr li {
	width: 33.3%;
	float: left;
	perspective: 1000px;
}
.jyxz_two_lfnr li .jyxz_onelb:hover {
	transform: none;
}
.jyxz_two_lfnr li:nth-child(1) .jyxz_onelb {
	animation: flipIn 0.8s ease-out 0.5s both;
}
.jyxz_two_lfnr li:nth-child(2) .jyxz_onelb {
	animation: flipIn 0.8s ease-out 0.6s both;
}
.jyxz_two_lfnr li:nth-child(3) .jyxz_onelb {
	animation: flipIn 0.8s ease-out 0.7s both;
}
.jyxz_two_lfnr li:nth-child(4) .jyxz_onelb {
	animation: flipIn 0.8s ease-out 0.8s both;
}
.jyxz_two_lfnr li:nth-child(5) .jyxz_onelb {
	animation: flipIn 0.8s ease-out 0.9s both;
}
.jyxz_two_lfnr li .jyxz_onelb .front {
	background: #e4f3ea;
}
.jyxz_two_lfnr li:nth-of-type(2) .jyxz_onelb .front {
	background: linear-gradient(90deg, rgba(255, 255,255, 0.9), rgba(255, 255, 255, 0.9))
}
.jyxz_two_lfnr li:nth-of-type(3) .jyxz_onelb .front {
	background: #e7f9f7;
}
.jyxz_two_lfnr li:nth-of-type(4) .jyxz_onelb .front {
	background: rgba(255,255,255,0.5);
}
.jyxz_two_lfnr li:nth-of-type(5) .jyxz_onelb .front {
	background: #ffeec8;
}
.jyxz_two_lfnr li:nth-of-type(1) .jyxz_onelb .front h2 {
	color: #333;
}
.jyxz_two_lfnr li:nth-of-type(1) .jyxz_onelb .front h3 {
	color: #666;
}
.jyxz_two_lfnr li:nth-of-type(2) .jyxz_onelb .front h2, .jyxz_two_lfnr li:nth-of-type(3) .jyxz_onelb .front h2, .jyxz_two_lfnr li:nth-of-type(5) .jyxz_onelb .front h2 {
	color: #333;
}
.jyxz_two_lfnr li:nth-of-type(2) .jyxz_onelb .front h3, .jyxz_two_lfnr li:nth-of-type(3) .jyxz_onelb .front h3, .jyxz_two_lfnr li:nth-of-type(5) .jyxz_onelb .front h3 {
	color: #666;
}
.jyxz_tc .jyxz_ewm {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: white;
	transform: rotateY(180deg);
	backface-visibility: hidden;
}
.jyxz_tc .jyxz_ewm span {
	display: block;
	padding: 20px;
	background: white;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.jyxz_tc .jyxz_ewm span img {
	width: 150px;
	height: 150px;
	display: block;
}
.jyxz_two_rg h1 {
	float: left;
	font-size: 26px;
	color: #fff;
	line-height: 25px;
	letter-spacing: 5px;
	padding: 45px 40px 20px 60px;
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-writing-mode: tb-rl;
	-ms-writing-mode: tb-rl;
	font-family: "SourceHanSerifSC-B";
	background: url(../images/yqjs_titbg.png) no-repeat right;
}
.jyxz_two_rg ul {
	float: right;
	margin: 58px 45px 0px 0px;
}
.jyxz_two_rg ul li {
	width: 55px;
	float: left;
	margin: 0px 15px;
	background: rgb(19 40 83 / 23%);
	border-radius: 23px;
	position: relative;
	perspective: 1000px;
	transition: transform 0.5s;
}
.jyxz_two_rg ul li:hover {
	transform: rotateY(180deg);
}
.jyxz_two_rg ul li .front-side, .jyxz_two_rg ul li .back-side {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.jyxz_two_rg ul li .front-side {
	transform: rotateY(0deg);
}
.jyxz_two_rg ul li .back-side {
	transform: rotateY(180deg);
	background: #234382;
	border-radius: 23px;
	color: white;
	font-size: 12px;
	text-align: center;
	padding: 10px 5px;
}
.jyxz_two_rg ul li a {
	display: block;
	padding-bottom: 55px;
	overflow: hidden;
}
.jyxz_two_rg ul li span {
	display: block;
	margin: 43px 0px 0px 17px;
	font-size: 20px;
	color: #fff;
	width: 21px;
	line-height: 21px;
	text-align: center;
	transition: all 0.4s ease-out 0s;
	word-break: break-all;
}
.jyxz_two_rg ul li::before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: -8px;
	left: 17px;
	background: url(../images/js_ic.png) no-repeat;
	background-size: 100% 100%;
}
.jyxz_two_rg ul li:hover::before {
	display: none;
}
.jyxz_two_rg ul li::after {
	content: "";
	width: 1px;
	height: 11px;
	position: absolute;
	top: 19px;
	left: 27px;
	background: #fff;
	transition: all 0.4s ease-out 0s;
}
.jyxz_two_rg ul li:hover::after {
	height: 20px;
}
@media (max-width: 1024px) {
.jyxz_one {
	width: 100%;
	margin-left: 0;
}
.jyxz_one li {
	width: 50%;
	margin-bottom: 20px;
}
.jyxz_two_lf, .jyxz_two_rg {
	width: 100%;
	float: none;
}
.jyxz_two_rg {
	margin-top: 30px;
	height: auto;
	padding: 30px 0;
}
}
@media (max-width: 768px) {
.jyxz_one li {
	width: 50%;
	margin-bottom: 0px;
}
.jyxz_one li:nth-child(1) {
	width: 100%;
}
.jyxz_one li:nth-child(4) {
	display: none;
}
.cont_box1 {
	padding: 50px 0 30px;
	background: none
}
.sydh.jyxz_dh {
	position: relative;
	top: 0;
	margin-bottom: 0px;
}
.jyxz_two_lfnr li {
	width: 50%;
}
.jyxz_two_lfnr li:nth-child(4) {
	display: none
}
.jyxz_two_rg {
	display: none
}
.jyxz_onelb .front {
	align-items: center;
	padding: 10px;
}
.jyxz_onelb {
	position: relative;
	padding-bottom: 70%;
}
.jyxz_one li:nth-child(1) .jyxz_onelb {
	padding-bottom: 40%;
}
.jyxz_one li:nth-of-type(1) .jyxz_onelb .front {
	/* background:linear-gradient(90deg, rgba(1, 156, 76, 0.9), rgba(1, 156, 118, 0.9));*/
	background: url(../images/icobg.jpg) bottom right no-repeat #009d4d;
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	transform: rotateY(0deg);
	display: flex;
	flex-direction: revert;
	justify-content: center;
	align-items: center;
	padding: 20px;
	display: none
}
.jyxz_one li:nth-of-type(1) .jyxz_onelb .front_m {
	/* background:linear-gradient(90deg, rgba(1, 156, 76, 0.9), rgba(1, 156, 118, 0.9));*/
	background: url(../images/icobg.jpg) bottom right no-repeat #009d4d;
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	transform: rotateY(0deg);
	display: flex;
	flex-direction: revert;
	justify-content: center;
	align-items: center;
	padding: 20px;
}
}
.d_ico {
	padding: 30px 0;
	background: #f5f5f5
}
.d_ico_services-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 0;
	background: white;
	border-radius: 15px;
	overflow: hidden;
	margin-bottom: 40px;
}
.d_ico_service-card {
	padding: 35px 20px;
	text-align: center;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	height: 100%;
	position: relative;
	text-decoration: none;
	border-bottom: 1px solid #f0f0f0;
}
        
        /* 添加竖线分隔 */
        .d_ico_service-card:not(:nth-child(8))::after {
 content: '';
 position: absolute;
 right: 0;
 top: 25%;
 height: 50%;
 width: 1px;
 background: linear-gradient(to bottom, transparent, #e0e0e0, transparent);
}
.d_ico_service-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(5, 150, 76, 0.15);
	z-index: 2;
	background-color: #f9fffc;
}
.d_ico_service-card:hover::after {
	opacity: 0;
}
.d_ico_service-card:hover .d_ico_icon-3d {
	transform: rotateY(180deg);
}
.d_ico_icon-container {
	width: 70px;
	height: 70px;
	perspective: 1000px;
	margin-bottom: 25px;
}
.d_ico_icon-3d {
	width: 100%;
	height: 100%;
	position: relative;
	transform-style: preserve-3d;
	transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.d_ico_icon-front, .d_ico_icon-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.d_ico_icon-front {
	color: #555;
}
.d_ico_icon-back {
	background: linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
	color: white;
	transform: rotateY(180deg);
}
.d_ico_icon-front i {
	font-size: 42px;
}
.d_ico_icon-back i {
	font-size: 32px;
}
.d_ico_service-name {
	font-size: 1.4rem;
	font-weight: 700;
	color: #2c3e50;
	margin-bottom: 12px;
	transition: color 0.3s ease;
}
.d_ico_service-card:hover .d_ico_service-name {
	color: #05964c;
}
.d_ico_service-desc {
	color: #7f8c8d;
	font-size: 0.95rem;
	line-height: 1.5;
	max-width: 90%;
}
.d_ico_footer {
	text-align: center;
	color: #7f8c8d;
	font-size: 0.9rem;
	padding: 20px;
	width: 100%;
	border-top: 1px solid #eee;
	margin-top: 30px;
}
        
        /* 响应式设计 */
        @media (max-width: 1024px) {
.d_ico_services-grid {
	grid-template-columns: repeat(3, 1fr);
}
 .d_ico_service-card:not(:nth-child(3n))::after {
 content: '';
 position: absolute;
 right: 0;
 top: 25%;
 height: 50%;
 width: 1px;
 background: linear-gradient(to bottom, transparent, #e0e0e0, transparent);
}
.d_ico_service-card:nth-last-child(-n+3) {
	border-bottom: none;
}
.d_ico_service-card:nth-child(3n)::after {
	display: none;
}
}
 @media (max-width: 768px) {
.d_ico_services-grid {
	grid-template-columns: repeat(2, 1fr);
}
 .d_ico_service-card:not(:nth-child(2n))::after {
 content: '';
 position: absolute;
 right: 0;
 top: 25%;
 height: 50%;
 width: 1px;
 background: linear-gradient(to bottom, transparent, #e0e0e0, transparent);
}
.d_ico_service-card:nth-last-child(-n+2) {
	border-bottom: none;
}
.d_ico_service-card:nth-child(2n)::after {
	display: none;
}
.d_ico_service-card {
	padding: 30px 15px;
}
.d_ico_icon-container {
	width: 60px;
	height: 60px;
}
.d_ico_icon-front i, .d_ico_icon-back i {
	font-size: 28px;
}
}
 @media (max-width: 500px) {
.s_keshi_item {
	width: 30%;
	margin: 10px 4px;
	min-width: 100px;
}
.s_keshi_title {
	font-size: 24px;
}
.s_keshi_subtitle {
	font-size: 16px;
}
.s_keshi_name {
	font-size: 16px;
	font-weight: 600;
	;
}
.s_keshi_detail {
	display: none
}
.s_keshi_icon_container {
	width: 50px;
	height: 50px;
	margin: 0 auto 10px;
	border-radius: 50%;
	background: linear-gradient(135deg, #1abc9c, #2ecc71);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	transition: all 0.4s ease;
}
.s_keshi_icon {
	font-size: 22px;
	color: white;
	transition: all 0.4s ease;
}
}
 @media (max-width: 480px) {
.d_ico_services-grid {
	grid-template-columns: 1fr;
}
.d_ico_service-card::after {
	display: none;
}
.d_ico_service-card:not(:last-child) {
	border-bottom: 1px solid #f0f0f0;
}
.d_ico_service-card:last-child {
	border-bottom: none;
}
.jyxz_one li:nth-of-type(1) .jyxz_onelb .front {
	/* background:linear-gradient(90deg, rgba(1, 156, 76, 0.9), rgba(1, 156, 118, 0.9));*/ display: none
}
.jyxz_one li:nth-of-type(1) .jyxz_onelb .front_m {
	/* background:linear-gradient(90deg, rgba(1, 156, 76, 0.9), rgba(1, 156, 118, 0.9));*/
	background: url(../images/icobgm.jpg) bottom right no-repeat #009d4d;
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	transform: rotateY(0deg);
	display: flex;
	flex-direction: revert;
	justify-content: center;
	align-items: center;
	padding: 20px;
}
.jyxz_onelb .front span.img-box {
	width: 42px;
	height: 42px;
}
.jyxz_one li:nth-of-type(1) .jyxz_onelb .front_m span.img-box {
	width: 52px;
	height: 52px;
	margin-right: 10px;
}
.jyxz_onelb h2 {
	font-size: 18px;
}
.jyxz_onelb h3 {
	display: none
}
.jyxz_one li:nth-of-type(1) .jyxz_onelb h2 {
	display: block;
	margin-bottom: 0px;
}
.jyxz_one li:nth-of-type(1) .jyxz_onelb h3 {
	display: block;
}
.jyxxz_one ul li:first-child .front h2, .jyxxz_one ul li:first-child .front h3 {
	text-align: left;
	margin: 2px 0;
}
/* 文字部分的容器（由于不能改结构，我们利用现有元素布局） */
.jyxxz_one ul li:first-child .front .img-box + h2, .jyxxz_one ul li:first-child .front .img-box + h2 + h3 {
	display: block;
}
.d_ico_service-card {
	padding: 3px 5px;
}
.d_ico_icon-container {
	margin-bottom: 5px;
}
.d_ico_service-name {
	font-size: 15px;
	font-weight: 700;
	color: #2c3e50;
	margin-bottom: 12px;
}
.d_ico {
	padding: 10px 0
}
.footer-logo {
	flex: 0 0 5px;
	margin-bottom: 10px;
}
.selector-group {
	flex: 0 1 5px;
}
}
.d_ico_hospital-info {
	background-color: #fff;
	padding: 30px;
	border-radius: 12px;
	margin-bottom: 30px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	width: 100%;
}
.d_ico_hospital-info h2 {
	color: #2c3e50;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 2px solid #f0f0f0;
	font-size: 1.8rem;
}
.d_ico_hospital-info p {
	margin-bottom: 15px;
	color: #555;
	line-height: 1.6;
}
.d_ico_info-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-top: 25px;
}
 @media (max-width: 768px) {
.d_ico_info-grid {
	grid-template-columns: 1fr;
}
}
.xt_item {
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
	cursor: pointer;
}
.xt_icon-container {
	width: 80px;
	height: 80px;
	min-width: 80px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	font-size: 44px;
	color: #093;
}
.xt_text-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.xt_chinese {
	font-size: 24px;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 0px;
	line-height: 1.2;
}
.xt_english {
	font-size: 18px;
	color: #7f8c8d;
	font-weight: 500;
	line-height: 1.4;
}
.xt_divider {
	height: 1px;
	background: linear-gradient(to right, transparent, #ddd, transparent);
	margin: 40px 0;
	width: 100%;
	max-width: 600px;
}
.xintop_navbar {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0px 3px 0 0;
}
/* 中英文切换样式 */
.xintop_language-switch {
	display: flex;
	align-items: center;
	margin-right: 15px;
	cursor: pointer;
	position: relative;
}
.xintop_language-icon {
	width: 36px;
	height: 36px;
	background-color: #f1f1f1;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0px;
	color: #888;
	font-size: 28px;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.xintop_language-icon::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	background-color: #009d4d;
	border-radius: 50%;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.xintop_language-text {
	display: flex;
	align-items: center;
	font-weight: 500;
	color: #444;
	font-size: 22px;
	line-height: 25px;
}
.xintop_language-text span {
	padding: 0 8px;
	transition: color 0.3s;
}
.xintop_language-text .xintop_separator {
	color: #ccc;
	font-weight: 300;
}
.xintop_language-text .xintop_active {
	color: #009d4d;
	font-weight: 600;
}
/* 在线咨询样式 */
.xintop_consult-btn {
	display: flex;
	align-items: center;
	padding: 0px;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}
.xintop_consult-icon {
	width: 36px;
	height: 36px;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	color: #009d4d;
	font-size: 26px;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.xintop_consult-icon::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	background-color: #009d4d;
	border-radius: 50%;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.xintop_consult-text {
	font-weight: 600;
	color: #009d4d;
	font-size: 22px;
	line-height: 25px;
	transition: color 0.3s;
}
/* 悬停效果 */
.xintop_language-switch:hover .xintop_language-icon {
	color: white;
	transform: scale(0.9);
	font-size: 18px;
}
.xintop_language-switch:hover .xintop_language-icon::before {
	width: 100%;
	height: 100%;
}
.xintop_language-switch:hover .xintop_active {
	color: #009d4d;
}
.xintop_consult-btn:hover {
}
.xintop_consult-btn:hover .xintop_consult-icon {
	color: white;
	transform: scale(0.9);
	font-size: 18px;
}
.xintop_consult-btn:hover .xintop_consult-icon::before {
	width: 100%;
	height: 100%;
}
.xintop_consult-btn:hover .xintop_consult-text {
	color: #009d4d;
}
.jkgl_services {
	display: grid;
	gap: 10px;
	margin: 7px 25px 10px;
}
.jkgl_service {
	display: flex;
	align-items: center;
	padding: 8px 0px;
	transition: all 0.3s ease;
	border-bottom: 1px solid #f0f0f0;
}
.jkgl_service:hover {
	transform: translateY(-8px);
}
.jkgl_image-container {
	flex-shrink: 0;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px;
	border: 5px solid #e8f5e9;
	position: relative;
}
.jkgl_image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}
.jkgl_service:hover .jkgl_image {
	transform: scale(1.1);
}
.jkgl_content {
	flex-grow: 1;
}
.jkgl_service-title {
	font-size: 18px;
	color: #2c3e50;
	margin-bottom: 10px;
	font-weight: 600;
}
.jkgl_service-title a {
	color: #2c3e50;
}
.jkgl_service-desc {
	color: #666;
	font-size: 1rem;
	line-height: 1.5;
}
.jkgl_icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	color: #009d4d;
	margin-right: 0px;
	font-size: 1.2rem;
}
.jkgl_features {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0px;
}
.jkgl_feature {
	background-color: #f8f9fa;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 0.85rem;
	margin-right: 8px;
	margin-bottom: 8px;
	color: #555;
}
.jkgl_footer {
	text-align: center;
	margin-top: 60px;
	padding-top: 30px;
	border-top: 1px solid #eee;
	color: #7f8c8d;
	font-size: 0.95rem;
}
 @media (max-width: 768px) {
.jkgl_services {
	grid-template-columns: 1fr;
	gap: 30px;
}
.jkgl_title {
	font-size: 2.2rem;
}
.jkgl_service {
}
.jkgl_image-container {
	margin-right: 0;
	margin-bottom: 0px;
}
}
        
        /* 动画效果 */
        @keyframes jkgl_fadeInUp {
 from {
 opacity: 0;
 transform: translateY(30px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}
.jkgl_service {
	animation: jkgl_fadeInUp 0.6s ease forwards;
}
.jkgl_service:nth-child(1) {
	animation-delay: 0.1s;
}
.jkgl_service:nth-child(2) {
	animation-delay: 0.3s;
}
.jkgl_service:nth-child(3) {
	animation-delay: 0.5s;
}
.jkgl_highlight {
	color: #4CAF50;
	font-weight: 600;
}
/*新闻*/
:root {
 --primary-color: #0a7c8c;
 --primary-dark: #065a6d;
 --primary-light: #4dabf7;
 --accent-color: #009D4D;
 --accent-light: #4cd964;
 --text-color: #333;
 --text-light: #666;
 --background-color: #f8f9fa;
 --white: #ffffff;
 --gray-light: #f1f1f1;
 --shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
 --shadow-hover: 0 10px 25px rgba(0, 0, 0, 0.15);
 --border-radius: 12px;
 --transition: all 0.4s ease;
}
/* Banner区域 */
.news_banner {
	position: relative;
	height: 450px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0px;
}
.news_banner-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	animation: imageZoomIn 1.5s ease-out forwards;
	transform-origin: center center;
}
 @keyframes imageZoomIn {
 0% {
 transform: scale(1.2);
 opacity: 0.8;
}
 100% {
 transform: scale(1);
 opacity: 1;
}
}
.news_banner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.19));
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.news_banner-title {
	color: var(--white);
	animation: titleFadeInUp 1s ease-out 0.3s both;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
 @keyframes titleFadeInUp {
 0% {
 opacity: 0;
 transform: translateY(30px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.news_banner-title h1 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 0px;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
	letter-spacing: 1px;
}
.news_banner-title p {
	font-size: 30px;
	letter-spacing: 5px;
	text-transform: uppercase;
	opacity: 1;
	font-weight: 300;
}
/* 面包屑导航 */
.news_breadcrumb {
	margin-bottom: 0px;
	animation: fadeIn 1s ease-out 0.6s both;
}
 @keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
.news_breadcrumb nav {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
}
.news_breadcrumb a, .news_breadcrumb span {
	color: var(--white);
	text-decoration: none;
	font-size: 1.1rem;
	transition: var(--transition);
}
.news_breadcrumb a:hover {
	color: var(--primary-light);
	transform: translateY(-2px);
}
.news_breadcrumb i {
	font-size: 0.9rem;
	margin: 0 5px;
	color: rgba(255, 255, 255, 0.8);
}
.news_banner {
	position: relative;
	overflow: hidden;
}
.breadcrumb-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.27); /* 半透明黑色背景 */
	padding: 12px 20px;
	z-index: 10;
}
.breadcrumb-bottom nav {
	max-width: 1200px; /* 可根据实际布局调整 */
	margin: 0 auto;
	display: flex;
	align-items: center;
	color: #fff;
}
.breadcrumb-bottom a {
	color: #fff;
	text-decoration: none;
	transition: color 0.3s ease;
}
.breadcrumb-bottom a:hover {
	color: #4dabf7; /* 悬停颜色，可调整 */
}
.breadcrumb-bottom .fas {
	margin: 0 10px;
	font-size: 12px;
}
.breadcrumb-bottom span {
	color: rgba(255, 255, 255, 0.8);
}
/* 分类导航 */
.news_category-nav {
	/*  position: absolute;
            bottom: 0;
            left: 0;*/
	width: 100%;
	background-color: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(20px);
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 0;/*  animation: slideUp 0.8s ease-out 0.8s both;*/
}
 @keyframes slideUp {
 0% {
 opacity: 0;
 transform: translateY(30px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.news_category-list {
	display: flex;
	justify-content: center;
	list-style: none;
	max-width: 1200px;
	margin: 0 auto;
}
.news_category-item {
	flex: 1;
	text-align: center;
	position: relative;
}
.news_category-link {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 22px 15px;
	font-size: 1.1rem;
	transition: var(--transition);
	position: relative;
	letter-spacing: 1px;
	font-weight: 500;
	overflow: hidden;
}
.news_category-link::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background-color: rgba(255, 255, 255, 0.2);
	transition: height 0.3s ease;
	z-index: 0;
}
.news_category-link:hover::before, .news_category-link.active::before {
	height: 100%;
	transition: height 0.3s ease;
}
.news_category-link span {
	position: relative;
	z-index: 1;
}
.news_category-link:hover {
	transform: translateY(-2px);
}
.news_category-link.active {
	font-weight: 600;
}
.news_category-link.active::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: var(--accent-light);
	z-index: 2;
}
.nr-nav {
	padding: 10px 20px;
	display: flex;
	justify-content: center;
	background-color: white;
	margin-bottom: 40px;
}
.cy-ipc-nav {
	display: flex;
	padding: 8px;
	gap: 14px;
}
.cy-ipc-nav li {
	list-style: none;
}
.cy-ipc-nav li a {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: #5a6577;
	font-weight: 500;
	padding: 14px 24px;
	border-radius: 8px;
	transition: all 0.3s ease;
	font-size: 18px;
	position: relative;
	overflow: hidden;
}
.cy-ipc-nav li a i {
	font-size: 16px;
	width: 20px;
	text-align: center;
}
.cy-ipc-nav li a:hover {
	background-color: #f0f5ff;
	color: #009D4D;
	transform: translateY(-2px);
}
.cy-ipc-nav li.cy-active a {
	background: linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
	color: white;
	box-shadow: 0 4px 12px rgba(45, 91, 255, 0.25);
	font-weight: bold
}
.cy-ipc-nav li.cy-active a i {
	color: white;
}
/* 添加微妙的动画效果 */
.cy-ipc-nav li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 3px;
	background-color: #009D4D;
	transition: all 0.3s ease;
	transform: translateX(-50%);
	border-radius: 3px 3px 0 0;
}
.cy-ipc-nav li a:hover::after {
	width: 60%;
}
.cy-ipc-nav li.cy-active a::after {
	width: 70%;
	background-color: white;
}
.ys-ipc-nav {
	display: flex;
	padding: 8px;
	gap: 14px;
}
.ys-ipc-nav li {
	list-style: none;
}
.ys-ipc-nav li a {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: #5a6577;
	font-weight: 500;
	padding: 14px 24px;
	border-radius: 8px;
	transition: all 0.3s ease;
	font-size: 18px;
	position: relative;
	overflow: hidden;
}
.ys-ipc-nav li a i {
	font-size: 16px;
	width: 20px;
	text-align: center;
}
.ys-ipc-nav li a:hover {
	background-color: #f0f5ff;
	color: #009D4D;
	transform: translateY(-2px);
}
.ys-ipc-nav li.ys-active a {
	background: linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
	color: white;
	box-shadow: 0 4px 12px rgba(45, 91, 255, 0.25);
	font-weight: bold
}
.ys-ipc-nav li.ys-active a i {
	color: white;
}
/* 添加微妙的动画效果 */
.ys-ipc-nav li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 3px;
	background-color: #009D4D;
	transition: all 0.3s ease;
	transform: translateX(-50%);
	border-radius: 3px 3px 0 0;
}
.ys-ipc-nav li a:hover::after {
	width: 60%;
}
.ys-ipc-nav li.ys-active a::after {
	width: 70%;
	background-color: white;
}
/* 新闻列表 */
.news_list {
	list-style: none;
	margin-bottom: 60px;
	margin-top: 50px;
}
.news_item {
	display: flex;
	background-color: var(--white);
	border-radius: var(--border-radius);
	overflow: hidden;
	margin-bottom: 30px;
	box-shadow: var(--shadow);
	transition: var(--transition);
	position: relative;
	opacity: 0;
	transform: translateY(20px);
	animation: fadeInUp 0.6s ease forwards;
}
.news_item:nth-child(1) {
	animation-delay: 0.1s;
}
.news_item:nth-child(2) {
	animation-delay: 0.2s;
}
.news_item:nth-child(3) {
	animation-delay: 0.3s;
}
.news_item:nth-child(4) {
	animation-delay: 0.4s;
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.news_item:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow-hover);
}
.news_item-link {
	display: flex;
	width: 100%;
	text-decoration: none;
	color: inherit;
	position: relative;
}
.news_item-img-container {
	width: 380px;
	flex-shrink: 0;
	overflow: hidden;
	position: relative;
}
.news_item-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s ease;
}
.news_item:hover .news_item-img {
	transform: scale(1.1);
}
.news_item-img-container::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(10, 124, 140, 0.1), transparent);
	opacity: 0;
	transition: opacity 0.5s ease;
}
.news_item:hover .news_item-img-container::after {
	opacity: 1;
}
.news_item-content {
	flex-grow: 1;
	padding: 30px 140px 30px 35px;
	position: relative;
	transition: var(--transition);
}
.news_item-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 1.3;
	color: #333;
	transition: var(--transition);
}
.news_item:hover .news_item-title {
	color: var(--accent-color);
}
.news_item-excerpt {
	color: var(--text-light);
	margin-bottom: 25px;
	line-height: 1.7;
	transition: var(--transition);
}
.news_item:hover .news_item-excerpt {
	color: var(--text-color);
}
.news_item-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news_item-tags {
	display: flex;
	gap: 10px;
}
.news_item-tag {
	display: inline-block;
	padding: 5px 12px;
	background-color: var(--gray-light);
	color: var(--text-light);
	border-radius: 20px;
	font-size: 0.85rem;
	font-weight: 500;
	transition: var(--transition);
}
.news_item:hover .news_item-tag {
	background-color: var(--primary-color);
	color: var(--white);
}
.news_item-btn {
	display: inline-flex;
	align-items: center;
	padding: 10px 35px;
	background: linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
	color: var(--white);
	border-radius: 26px;
	font-weight: 600;
	font-size: 16px;
	transition: var(--transition);
	position: relative;
	overflow: hidden;
}
.news_item-btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	transition: left 0.7s ease;
}
.news_item:hover .news_item-btn {
	background-color: var(--accent-color);
	padding-right: 30px;
}
.news_item:hover .news_item-btn::before {
	left: 100%;
}
.news_item-btn i {
	margin-left: 8px;
	transition: var(--transition);
}
.news_item:hover .news_item-btn i {
	transform: translateX(5px);
}
.news_item-date {
	position: absolute;
	top: 0;
	right: 0;
	width: 120px;
	height: 120px;
	background: linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
	color: var(--white);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 0 0 0 12px;
	transition: var(--transition);
	z-index: 2;
}
.news_item:hover .news_item-date {
	background: #009D4D;
	transform: scale(1.05);
}
.news_item-day {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
}
.news_item-month {
	font-size: 0.9rem;
	text-transform: uppercase;
	margin-top: 5px;
}
.news_item-year {
	font-size: 0.9rem;
	margin-top: 2px;
	opacity: 0.9;
}
/*新闻2*/
		 /* 新闻区域 */
.np-news {
	margin: 0 auto;
	padding: 50px 20px 10px;
}
/* 新闻列表容器 */
.np-news-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
	list-style: none;
}
/* 新闻项 */
.np-news-item {
	width: 25%;
	padding: 0 15px;
	margin-bottom: 30px;
}
.np-news-item a {
	display: block;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	text-decoration: none;
	color: inherit;
	height: 100%;
}
.np-news-item a:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}
/* 图片容器 */
.np-img-container {
	position: relative;
	width: 100%;
	height: 260px;
	overflow: hidden;
}
.np-img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
/* 悬停覆盖层 */
.np-hover-overlay {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
	opacity: 0.9;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px;
	transition: left 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.np-news-item a:hover .np-hover-overlay {
	left: 0;
}
.np-news-item a:hover .np-img-container img {
	transform: scale(1.1);
}
/* 内容区域 */
.np-news-content {
	padding: 20px;
}
/* 新闻标题 */
.np-news-title {
	font-size: 17px;
	font-weight: 600;
	line-height: 33px;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.3s ease;
	min-height: 50px;
}
.np-news-item a:hover .np-news-title {
	color: #144B9D;
}
/* 日期 */
.np-news-date {
	font-size: 14px;
	color: #999;
	margin-bottom: 15px;
}
/* 悬停描述 */
.np-hover-description {
	color: #fff;
	font-size: 16px;
	line-height: 33px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 15px;
}
/* 查看更多 */
.np-read-more {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}
.np-read-more i {
	margin-left: 5px;
	transition: transform 0.3s ease;
}
.np-news-item a:hover .np-read-more i {
	transform: translateX(3px);
}
        
        /* 响应式设计 */
        @media (max-width: 992px) {
.np-news-item {
	width: 33.33%;
}
}
 @media (max-width: 768px) {
.np-news-item {
	width: 50%;
}
.np-img-container {
	height: 180px;
}
}
 @media (max-width: 576px) {
.np-news-item {
	width: 100%;
}
.np-news {
	padding: 30px 15px;
}
}
/*分页*/
.pagination.circle {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 30px 0;
    font-family: system-ui, sans-serif;
}

.pagination.circle .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f2f2f2;
    border: 2px solid #e0e0e0;
    color: #333;
    text-decoration: none;
    transition: .25s;
    cursor: pointer;
    position: relative; /* 为链接覆盖做准备 */
}

/* 关键修改：将a标签设置为绝对定位，覆盖整个SPAN */
.pagination.circle .page-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    text-decoration: none;
    border-radius: 50%;
    z-index: 1; /* 确保链接在最上层 */
}

/* 解决SPAN的默认行为：让SPAN内容不可选中 */
.pagination.circle .page-link {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.pagination.circle .page-link:hover {
    background: linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
    border-color: #009D4D;
    box-shadow: 0 4px 8px rgba(33, 150, 243, 0.2);
    color: #FFF;
}

.pagination.circle .page-link:hover a {
    color: #FFF;
}

.pagination.circle .page-link.active {
    background: linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
    border-color: #009D4D;
    color: #fff;
    pointer-events: none;
}

.pagination.circle .page-link.active a {
    color: #fff;
    pointer-events: none;
}

/* 左右箭头 */
.pagination.circle .page-link:first-child a,
.pagination.circle .page-link:last-child a {
    font-size: 16px;
}

/* 可选：添加点击反馈效果 */
.pagination.circle .page-link a:active {
    transform: scale(0.95);
}

/* 确保数字内容在SPAN中显示（作为备用内容） */
.pagination.circle .page-link::before {
    content: attr(data-text);
    display: none; /* 默认隐藏，只在a标签不可用时显示 */
}

/* 可选：为屏幕阅读器优化 */
.pagination.circle .page-link a:focus {
    outline: 2px solid rgba(5, 150, 76, 0.5);
    outline-offset: 2px;
}


.nr-nav {
	background-color: white;
	padding: 0;
	margin: 0px;
}
.nav-list {
	display: flex;
	list-style: none;
	justify-content: space-around;
	flex-wrap: wrap;
}
.nav-list li {
	flex: 1;
	text-align: center;
	border-right: 1px solid #eee;
}
.nav-list li:last-child {
	border-right: none;
}
.nav-list a {
	display: block;
	padding: 18px 10px;
	color: #2a5298;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.05rem;
	transition: all 0.3s ease;
	border-bottom: 3px solid transparent;
}
.nav-list a:hover, .nav-list a.active {
	background-color: #f0f7ff;
	color: #009d4d;
	border-bottom: 3px solid #009d4d;
}
/* 科室卡片样式 */
.section-title {
	font-size: 1.8rem;
	color: #009D4D;
	padding: 15px 0;
	margin: 10px 0 20px;
	border-bottom: 2px solid #eaeaea;
	position: relative;
}
.section-title::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 80px;
	height: 2px;
	background-color: #009d4d;
}
.departments-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 25px;
	margin-bottom: 40px;
}
.department-card {
	background-color: white;
	border-radius: 10px;
	overflow: hidden;
	/* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);*/
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
	border: 1px #f9f9f9 solid;
}
.department-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}
.department-header {
	padding: 10px;
	background: linear-gradient(90deg, rgba(240, 255, 247, 1), rgba(208, 241, 223, 1));
	border-radius: 10px 10px 0 0;
}
.departmentx-header {
	padding: 10px;
	background: linear-gradient(90deg, rgba(217, 241, 227, 1), rgba(208, 241, 223, 1));
	border-radius: 10px 10px 0 0;
}
.department-name {
	font-size: 18px;
	font-weight: bold;
	color: #454545;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.department-name i {
	color: #009d4d;
}
.department-type {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 0.85rem;
	font-weight: 600;
	margin-top: 5px;
}
.x-provincial-specialty {
	display: flex;
	width: 100%;
	gap: 20px; /* 卡片之间的间距 */
	margin: 0 auto;
}
.x-departments-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 25px;
	margin-bottom: 40px;
}
.x-department-card {
	background-color: white;
	border-radius: 10px;
	overflow: hidden;
	/* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);*/
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
	border: 1px #f9f9f9 solid;
}
.x-department-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}
.x-department-header {
	padding: 10px;
	background: linear-gradient(90deg, rgba(236, 246, 249, 1), rgba(220, 236, 239, 1));
	border-radius: 10px 10px 0 0;
}
.x-departmentx-header {
	padding: 10px;
	background: linear-gradient(90deg, rgba(217, 241, 227, 1), rgba(208, 241, 223, 1));
	border-radius: 10px 10px 0 0;
}
.x-department-name {
	font-size: 18px;
	font-weight: bold;
	color: #454545;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.x-department-name i {
	color: #10a7c8;
}
.x-department-type {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 0.85rem;
	font-weight: 600;
	margin-top: 5px;
}
.national-key {
	background-color: #ffeaea;
	color: #c62828;
}
.provincial-key {
	background-color: #e8f5e9;
	color: #2e7d32;
}
.clinical {
	background-color: #e3f2fd;
	color: #1565c0;
}
.technical {
	background-color: #f3e5f5;
	color: #7b1fa2;
}
/* 专家列表样式 - 修改后：只保留专家名称 */
     
.doctors-list {
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	background: #f9f9fc;
	min-height: 130px;
}
.doctor-item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 10px;
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
	min-height: 40px;
	height: 40px;
	line-height: 40px;
}
.doctor-item:hover {
	background-color: #f0f7ff;
}
.doctor-name {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	text-align: center;
}
/* 专家链接样式 */
.doctor-name a {
	color: #474747;
	text-decoration: none;
	transition: color 0.3s ease;
	width: 100%;
	display: block;
}
.doctor-name a:hover {
	color: #0d4d8c;
}
.x-doctor-item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 10px;
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
	min-height: 40px;
	height: 40px;
	line-height: 40px;
}
.x-doctor-item:hover {
	background-color: #f0f7ff;
}
.x-doctor-name {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	text-align: center;
}
/* 专家链接样式 */
.x-doctor-name a {
	color: #474747;
	text-decoration: none;
	transition: color 0.3s ease;
	width: 100%;
	display: block;
}
.x-doctor-name a:hover {
	color: #0d4d8c;
}
/* 特殊样式：国家临床重点专科占60%和40% */
.national-specialty {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	margin-bottom: 40px;
}
.national-specialty .department-card {
	min-width: 300px;
}
.blood-diseases {
	flex: 3;
}
.rheumatology {
	flex: 2;
}
/* 省级重点专科在一行均匀分布 */
.provincial-specialty {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	margin-bottom: 40px;
}
.provincial-specialty .department-card {
	flex: 1;
	min-width: 300px;
}
/* 临床科室每行四个 */
.clinical-departments {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 25px;
	margin-bottom: 40px;
}
/* 医技科室样式 */
.technical-departments {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 25px;
	margin-bottom: 50px;
}
/* 返回顶部按钮 */
.back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	background-color: #009d4d;
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
}
.back-to-top.visible {
	opacity: 1;
	visibility: visible;
}
.back-to-top:hover {
	background-color: #0d4d8c;
	transform: translateY(-3px);
}
.footer-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}
.footer-section {
	flex: 1;
	min-width: 250px;
	margin-bottom: 20px;
}
.footer-section h3 {
	font-size: 1.3rem;
	margin-bottom: 20px;
	color: #a3d0ff;
}
.footer-section p, .footer-section a {
	color: #c2daf0;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	transition: color 0.3s ease;
}
.footer-section a:hover {
	color: white;
}
        
   
        
        /* 响应式设计 */
        @media (max-width: 992px) {
.national-specialty {
	flex-direction: column;
}
.provincial-specialty {
	flex-direction: column;
}
.doctors-list {
	grid-template-columns: repeat(4, 1fr);
}
}
 @media (max-width: 768px) {
.header-content {
	flex-direction: column;
	text-align: center;
	gap: 15px;
}
.nav-container {
	justify-content: flex-start;
	overflow-x: auto;
	white-space: nowrap;
}
.nav-item {
	padding: 15px 20px;
}
.page-title h2 {
	font-size: 1.8rem;
}
.clinical-departments {
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.doctors-list {
	grid-template-columns: repeat(3, 1fr);
}
}
 @media (max-width: 576px) {
.department-card {
	min-width: 100%;
}
.clinical-departments {
	grid-template-columns: 1fr;
}
.footer-content {
	flex-direction: column;
}
.doctors-list {
	grid-template-columns: repeat(2, 1fr);
}
.doctor-item {
	padding: 10px;
	min-height: 45px;
	min-width: 70px;
}
.doctor-name {
	font-size: 0.95rem;
}
}
 @media (max-width: 400px) {
.doctors-list {
	grid-template-columns: 1fr;
}
/* 主要容器样式 */
.provincial-specialty {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}
/* 肿瘤学部 - 占50% */
.tumor-department {
	flex: 0 0 50%;
	width: 50%;
}
/* 右侧两个科室容器 - 共占50% */
.right-departments {
	flex: 0 0 50%;
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
/* 科室卡片基本样式 */


.department-name {
	font-size: 18px;
	font-weight: bold;
	color: #474747;
	display: flex;
	align-items: center;
	gap: 10px;
}
.department-name i {
	color: #009D4D;
}
.department-type {
	font-size: 15px;
	padding: 2px 8px;
	border-radius: 4px;
	background: linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
	color: #fff;
	border: 1px solid #91d5ff;
}
/* 医生列表样式 */
.doctors-list {
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	background: #f9f9fc;
	min-height: 130px;
}
.doctor-name {
	color: #666;
}
}
/* 响应式设计 */
@media (max-width: 768px) {
.provincial-specialty {
	flex-direction: column;
}
.tumor-department,  .right-departments {
	flex: 0 0 100%;
	width: 100%;
}
}
.x-provincial-specialty {
	display: flex;
	flex-wrap: wrap;
	gap: 20px; /* 卡片间距 */
	width: 100%;
}
.x-department-card {
	flex: 1;
	min-width: 300px; /* 卡片最小宽度，确保在小屏幕上也能正常显示 */
	background: #fff;
}
.x-department-header {
	display: flex;
	align-items: center;
	padding: 10px;
	background: linear-gradient(90deg, rgba(236, 246, 249, 1), rgba(220, 236, 239, 1));
	border-radius: 10px 10px 0 0;
}
.x-department-name {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	display: flex;
	align-items: center;
	gap: 10px;
}
.x-department-name i {
	color: #10a7c8;
}
.x-department-type.x-provincial-key {
	background: linear-gradient(90deg, rgba(220, 236, 239, 1), rgba(57, 190, 39, 1));
	color: white;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 15px;
}
.x-doctors-list {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 10px;
	background: #f3fafe;
	min-height: 100px;
}
/* 肿瘤学部 - 50% */
.x-tumor-department {
	flex: 2; /* 占总宽度的2/4 = 50% */
	min-width: 0; /* 防止内容溢出 */
}
/* 肾病科 - 25% */
.x-nephrology-department {
	flex: 1; /* 占总宽度的1/4 = 25% */
	min-width: 0; /* 防止内容溢出 */
}
/* 脑病科 - 25% */
.x-encephalopathy-department {
	flex: 1; /* 占总宽度的1/4 = 25% */
	min-width: 0; /* 防止内容溢出 */
}
.x-doctor-item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 10px;
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
	min-height: 40px;
	height: 40px;
	line-height: 40px;
	min-width: 70px;
}
}
.x-tumor-department {
	flex: 3
}
.x-nephrology-department {
	flex: 1
}
/* 响应式设计：小屏幕时垂直堆叠 */
@media (max-width: 1024px) {
.x-provincial-specialty {
	flex-direction: column;
}
.x-department-card {
	min-width: 100%;
}
}
.ys_box {
	background: #FFF;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	padding: 0 20px 20px;
	;
	box-sizing: border-box;
	margin-top: 30px;
}
/* 主要内容区域 */
:root {
 --abn-primary:#009D4D;
 --abn-primary-dark: #0d5cb6;
 --abn-primary-light: #e8f2ff;
 --abn-secondary: #2ecc71;
 --abn-secondary-dark: #27ae60;
 --abn-light: #f8f9fa;
 --abn-dark: #333;
 --abn-gray: #6c757d;
 --abn-light-gray: #e9ecef;
 --abn-white: #ffffff;
 --abn-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
 --abn-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);
 --abn-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
 --abn-border-radius: 12px;
}
.abn-main {
	padding: 40px 0 0;
}
.abn-section-title {
	text-align: center;
	margin-bottom: 30px;
}
.abn-section-title h2 {
	color: #555;
	font-size: 2.5rem;
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
	font-weight: 700;
	transform: translateY(30px);
}
.abn-section-title h2::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 5px;
	background: linear-gradient(90deg, var(--abn-primary), var(--abn-secondary));
	border-radius: 3px;
}
.abn-section-title p {
	color: var(--abn-gray);
	font-size: 1.15rem;
	max-width: 700px;
	margin: 0 auto;
	font-weight: 300;
	opacity: 0;
	transform: translateY(30px);
}
/* 医院介绍 */
.abn-hospital-intro {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	margin-bottom: 10px;
	align-items: center;
	opacity: 0;
	transform: translateY(40px);
}
.abn-intro-text h3 {
	font-size: 2rem;
	color: #444;
	margin-bottom: 25px;
	font-weight: 700;
}
.abn-intro-text p {
	margin-bottom: 20px;
	font-size: 1.05rem;
	line-height: 1.8;
}
.abn-intro-image {
	position: relative;
	overflow: hidden;
	border-radius: var(--abn-border-radius);
	box-shadow: var(--abn-shadow-lg);
	transform: perspective(1000px) rotateY(-5deg);
	transition: var(--abn-transition);
}
.abn-intro-image:hover {
	transform: perspective(1000px) rotateY(0deg);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.abn-intro-image img {
	width: 100%;
	height: auto;
	border-radius: var(--abn-border-radius);
	transition: var(--abn-transition);
	display: block;
}
.abn-intro-image:hover img {
	transform: scale(1.05);
}
/* 特色服务 */
.abn-features {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	gap: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.abn-feature-card {
	background-color: var(--abn-white);
	border-radius: var(--abn-border-radius);
	padding: 40px 30px;
	text-align: center;
	box-shadow: var(--abn-shadow);
	transition: var(--abn-transition);
	opacity: 0;
	transform: translateY(40px);
	position: relative;
	overflow: hidden;
	border-top: 5px solid transparent;
}
.abn-feature-card:hover {
	transform: translateY(-15px);
	box-shadow: var(--abn-shadow-lg);
	border-top-color: var(--abn-primary);
}
.abn-feature-card i {
	font-size: 3rem;
	color: var(--abn-primary);
	margin-bottom: 25px;
	transition: var(--abn-transition);
}
.abn-feature-card:hover i {
	transform: scale(1.2) rotate(5deg);
	color: var(--abn-secondary);
}
.abn-feature-card h3 {
	font-size: 1.5rem;
	margin-bottom: 15px;
	color: var(--abn-dark);
	font-weight: 700;
}
/* 科室介绍 */
.abn-departments {
	margin-bottom: 30px;
}
.abn-dept-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 35px;
}
.abn-dept-card {
	background-color: var(--abn-white);
	border-radius: var(--abn-border-radius);
	overflow: hidden;
	box-shadow: var(--abn-shadow);
	transition: var(--abn-transition);
	opacity: 0;
	transform: translateY(40px);
}
.abn-dept-card:hover {
	transform: translateY(-10px);
	box-shadow: var(--abn-shadow-lg);
}
.abn-dept-card img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	transition: var(--abn-transition);
}
.abn-dept-card:hover img {
	transform: scale(1.1);
}
.abn-dept-card-content {
	padding: 25px;
	text-align: center
}
.abn-dept-card h3 {
	color: #444;
	font-size: 16px;
	font-weight: 700;
}
/* 医疗团队 */
.abn-team {
	margin-bottom: 20px;
}
.abn-team-members {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	gap: 30px;
}
.abn-team-member {
	background-color: var(--abn-white);
	border-radius: var(--abn-border-radius);
	overflow: hidden;
	box-shadow: var(--abn-shadow);
	text-align: center;
	transition: var(--abn-transition);
	opacity: 0;
	transform: translateY(40px);
}
.abn-team-member:hover {
	transform: translateY(-10px);
	box-shadow: var(--abn-shadow-lg);
}
.abn-team-member-img {
	width: 100%;
	height: 280px;
	overflow: hidden;
}
.abn-team-member img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--abn-transition);
}
.abn-team-member:hover img {
	transform: scale(1.1);
}
.abn-team-member-info {
	padding: 25px;
}
.abn-team-member h3 {
	color: var(--abn-primary);
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 1.3rem;
}
.abn-team-member p {
	color: var(--abn-gray);
	font-size: 0.95rem;
	margin-bottom: 5px;
}
/* 联系信息 */
.abn-contact-info {
	background-color: var(--abn-white);
	border-radius: var(--abn-border-radius);
	padding: 30px;
	box-shadow: var(--abn-shadow-lg);
	margin-bottom: 20px;
	opacity: 0;
	transform: translateY(40px);
}
.abn-contact-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 40px;
}
.abn-contact-item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding: 20px 20px 10px 20px;
	border-radius: 10px;
	transition: var(--abn-transition);
}
.abn-contact-item:hover {
	background-color: var(--abn-primary-light);
	transform: translateX(10px);
}
.abn-contact-item i {
	color: var(--abn-primary);
	font-size: 1.8rem;
	margin-top: 5px;
}
.abn-contact-item h3 {
	margin-bottom: 10px;
	color: var(--abn-dark);
	font-weight: 700;
	font-size: 18px;
}
.abn-contact-item p {
	color: var(--abn-dark);
	font-weight: 400;
	font-size: 16px;
}
/* 页脚 */
.abn-footer {
	background: linear-gradient(135deg, var(--abn-primary-dark) 0%, #0a4a9c 100%);
	color: var(--abn-white);
	padding: 80px 0 30px;
	position: relative;
	overflow: hidden;
}
.abn-footer::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, var(--abn-secondary), var(--abn-primary));
}
.abn-footer-content {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 50px;
	margin-bottom: 60px;
}
.abn-footer-column h3 {
	font-size: 1.4rem;
	margin-bottom: 25px;
	position: relative;
	padding-bottom: 15px;
	font-weight: 700;
}
.abn-footer-column h3::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 3px;
	background-color: var(--abn-secondary);
}
.abn-footer-column ul {
	list-style: none;
}
.abn-footer-column ul li {
	margin-bottom: 15px;
}
.abn-footer-column ul li a {
	color: #ddd;
	text-decoration: none;
	transition: var(--abn-transition);
	display: flex;
	align-items: center;
	gap: 10px;
}
.abn-footer-column ul li a:hover {
	color: var(--abn-secondary);
	padding-left: 10px;
}
.abn-copyright {
	text-align: center;
	padding-top: 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	color: #ccc;
	font-size: 0.9rem;
	line-height: 1.8;
}
        
        /* 动画定义 */
        @keyframes abn-fadeInUp {
 to {
 opacity: 1;
 transform: translateY(0);
}
}
 @keyframes abn-pulse {
 0% {
transform: scale(1);
}
 50% {
transform: scale(1.05);
}
 100% {
transform: scale(1);
}
}
        
        /* 响应式设计 */
        @media (max-width: 992px) {
.abn-hospital-intro {
	grid-template-columns: 1fr;
	gap: 50px;
}
.abn-hero h2 {
	font-size: 2.5rem;
}
.abn-intro-image {
	transform: perspective(1000px) rotateY(0);
}
}
 @media (max-width: 768px) {
.abn-nav ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: var(--abn-white);
	flex-direction: column;
	padding: 20px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	border-top: 1px solid var(--abn-light-gray);
}
.abn-nav ul.abn-active {
	display: flex;
}
.abn-mobile-menu-btn {
	display: block;
}
.abn-hero {
	padding: 80px 0;
	background-attachment: scroll;
}
.abn-hero h2 {
	font-size: 2.2rem;
}
.abn-section-title h2 {
	font-size: 2rem;
}
.abn-contact-info {
	padding: 30px;
}
}
 @media (max-width: 576px) {
.abn-container {
	padding: 0 15px;
}
.abn-hero h2 {
	font-size: 1.9rem;
}
.abn-hero p {
	font-size: 1.1rem;
}
.abn-cta-button {
	padding: 14px 30px;
}
.abn-section-title h2 {
	font-size: 1.8rem;
}
.abn-contact-info {
	padding: 15px 20px;
}
.abn-section-title {
	text-align: center;
	margin-bottom: 10px;
}
.abn-contact-item {
	padding: 10px 20px 10px 20px;
	border-bottom: 1px #f0f0f0 solid;
}
.abn-contact-grid {
	grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
	gap: 10px;
}
.doctors-list {
	min-height: 60px;
}
.x-doctors-list {
	min-height: 60px;
}
}
/* 滚动动画类 */
.abn-animate {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 0.8s ease, transform 0.8s ease;
}
.abn-animated {
	opacity: 1;
	transform: translateY(0);
}
.ly-container {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	box-shadow: 0 10px 30px rgba(0, 115, 230, 0.1);
	border-radius: 15px;
	overflow: hidden;
}
.ly-form-section {
	padding: 30px;
	background-color: white;
}
.ly-info-section {
	padding: 40px;
	background: linear-gradient(135deg, #ecf6f1 0%, #dce0de 100%);
	background: url(../images/lybg.jpg) center center no-repeat;
	color: white;
}
.ly-header {
	margin-bottom: 30px;
	text-align: center;
}
.ly-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-bottom: 20px;
}
.ly-logo-icon {
	font-size: 2.5rem;
	color: #009d4d;
}
.ly-info-section .ly-logo-icon {
	color: #009d4d
}
.ly-title {
	font-size: 2rem;
	color: #009d4d;
	margin-bottom: 10px;
}
.ly-info-section .ly-title {
	color: #009d4d
}
.ly-subtitle {
	font-size: 1.1rem;
	color: #666;
	margin-bottom: 10px;
}
.ly-info-section .ly-subtitle {
	color: #454545;
}
.ly-form-group {
	margin-bottom: 25px;
}
.ly-form-row {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 25px;
}
.ly-form-row .ly-form-group {
	flex: 1;
	min-width: 200px;
}
.ly-label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	color: #444;
	font-size: 18px
}
.ly-label span {
	color: #f00;
}
.ly-input {
	width: 100%;
	padding: 14px 15px;
	border: 2px solid #e1f0ff;
	border-radius: 8px;
	font-size: 16px;
	transition: all 0.3s;
	background: #f3faf7
}
.ly-input:focus {
	border-color: #2a9df4;
	outline: none;
	box-shadow: 0 0 0 3px rgba(42, 157, 244, 0.2);
}
.ly-textarea {
	min-height: 180px;
	resize: vertical;
	font-family: inherit;
}
/* .ly-required::after {
            content: " *";
            color: #e63946;
        }*/
        
.ly-button {
	background-color: #009d4d;
	color: white;
	border: none;
	padding: 16px 30px;
	font-size: 18px;
	border-radius: 8px;
	cursor: pointer;
	width: 180px;
	font-weight: 600;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.ly-button:hover {
	background-color: #038342;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(26, 109, 187, 0.3);
}
.ly-button:active {
	transform: translateY(-1px);
}
.ly-features {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
}
.ly-feature {
	display: flex;
	align-items: center;
	gap: 15px;
	color: #454545
}
.ly-feature h3 {
	font-size: 18px
}
.ly-feature-icon {
	font-size: 1.8rem;
	background-color: rgba(255, 255, 255, 0.2);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.ly-feature-icon i {
	color: #009d4d
}
.ly-contact-info {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
	margin-top: 40px;
}
.ly-contact-item {
	display: flex;
	align-items: flex-start;
	padding: 15px;
	background-color: #f8f9fa;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	min-width: 310px;
}
.ly-contact-item i {
	font-size: 24px;
	color: #009d4d;
	margin-right: 15px;
	margin-top: 5px;
}
.ly-contact-item h2 {
	margin: 0 0 8px 0;
	font-size: 16px;
	color: #333;
}
.ly-contact-item p {
	margin: 0;
	color: #555;
	line-height: 1.5;
	font-size: 18px;
}
/* 控制每个栏目的宽度 */
.ly-phone, .ly-email {
	flex: 1; /* 前两个栏目平分剩余空间 */
	min-width: 200px;
}
.ly-address {
	flex: 2; /* 医院地址栏目宽度是前两个的2倍 */
	min-width: 300px;
}
.ly_box {
	position: relative;
	display: inline-block;
	width: 100%;
}
.ly_box select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	/* 设置内边距为自定义箭头留出空间 */
	padding-right: 30px;
	/* 添加自定义背景箭头 */
	background-image: url(../images/down.png);
	background-repeat: no-repeat;
	background-position: right 10px center; /* 控制位置 */
	background-size: 16px;
}

/* 响应式调整 */
@media (max-width: 992px) {
.ly-contact-info {
	flex-wrap: wrap;
}
.ly-phone, .ly-email, .ly-address {
	flex: 1 0 calc(50% - 20px);
	min-width: 0;
}
}
 @media (max-width: 768px) {
.ly-phone, .ly-email, .ly-address {
	flex: 1 0 100%;
}
}
.demo-button {
	background-color: #6c757d;
	color: white;
	border: none;
	padding: 10px 15px;
	font-size: 14px;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 15px;
	width: 100%;
	transition: background-color 0.3s;
}
.demo-button:hover {
	background-color: #5a6268;
}
 @media (max-width: 768px) {
.ly-form-row {
	flex-direction: column;
	gap: 0;
}
.ly-form-section, .ly-info-section {
	padding: 30px 20px;
}
.ly-features {
	grid-template-columns: 1fr;
	gap: 20px;
}
.ly-contact-info {
	flex-direction: column;
	gap: 25px;
}
.ly-contact-item {
	min-width: 100%;
}
}
/* ---------- 头部 ---------- */
:root {
 --nrzj-primary: #009d4d;                /* 主蓝色 */
 --nrzj-primary-dark: #009d4d;           /* 深蓝色 */
 --nrzj-primary-light: #E0F2FE;          /* 浅蓝色 */
 --nrzj-secondary: #0F766E;              /* 辅助色-青色 */
 --nrzj-accent: #8B5CF6;                 /* 强调色-紫色 */
 --nrzj-text: #1F2937;                   /* 主文字色 */
 --nrzj-text-light: #6B7280;             /* 浅文字色 */
 --nrzj-bg: #F8FAFC;                     /* 背景色 */
 --nrzj-card-bg: #FFFFFF;                /* 卡片背景 */
 --nrzj-border: #E5E7EB;                 /* 边框色 */
 --nrzj-radius: 12px;                    /* 圆角 */
 --nrzj-radius-sm: 8px;                  /* 小圆角 */
 --nrzj-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 --nrzj-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
 --nrzj-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.12);
 --nrzj-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 --nrzj-header-height: 70px;
}
/* ---------- 重置 ---------- */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
/* ---------- 原子类 ---------- */
.nrzj-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	border-radius: var(--nrzj-radius-sm);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: var(--nrzj-transition);
	border: none;
	outline: none;
}
.nrzj-btn-primary {
	background: var(--nrzj-primary);
	color: white;
}
.nrzj-btn-primary:hover {
	background: var(--nrzj-primary-dark);
	transform: translateY(-2px);
}
/* ---------- 头部 ---------- */
.nrzj-header {
	background: white;
	box-shadow: var(--nrzj-shadow);
	position: sticky;
	top: 0;
	z-index: 100;
}
.nrzj-header-container {
	width: 85%;
	margin: 0px auto;
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: var(--nrzj-header-height);
}
.nrzj-logo {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 24px;
	font-weight: 700;
	color: #444;
}
.nrzj-logo i {
	font-size: 28px;
	color: #009d4d
}
.nrzj-logo-text {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}
.nrzj-logo-subtitle {
	font-size: 12px;
	font-weight: 400;
	color: var(--nrzj-text-light);
	letter-spacing: 1px;
}
/* ---------- 主容器 ---------- */
.nrzj-main-container {
	width: 95%;
	margin: 30px auto;
	padding: 0px;
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 24px;
}
/* ---------- 侧边栏 ---------- */
.nrzj-sidebar {
	background: var(--nrzj-card-bg);
	border-radius: var(--nrzj-radius);
	box-shadow: var(--nrzj-shadow);
	padding: 24px;
	height: fit-content;
	position: sticky;/*    top: calc(var(--nrzj-header-height) + 20px);*/
}
/* ---------- 搜索框 ---------- */
.nrzj-search-box {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 400px;
    position: relative; margin-bottom:15px;
}

.nrzj-search-input {
    flex: 1;
    padding: 12px 50px 12px 15px;
    border: 1px solid #ddd;
    border-radius: 12px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.3s ease;
}

.nrzj-search-input:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.nrzj-search-btn {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    color:#6b7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
	 background: none
}

.nrzj-search-btn i{ font-size:18px;
}

.nrzj-search-btn:hover {
    transform: translateY(-50%) scale(1.05);
}

.nrzj-search-btn:active {
    transform: translateY(-50%) scale(0.95);
}
/* ---------- 导航 ---------- */
.nrzj-nav-section {
	margin-bottom: 0px;
}
.nrzj-nav-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px;
	font-weight: 600;
	font-size: 16px;
	color: var(--nrzj-text);
	cursor: pointer;
	border-radius: var(--nrzj-radius-sm);
	background: var(--nrzj-bg);
	transition: var(--nrzj-transition);
	position: relative;
}
.nrzj-nav-title:hover {
	color: #fff;
	background: #009d4d;
}
.nrzj-nav-title.active {
	color: #fff;
	background: #009d4d;
}
.nrzj-nav-title i {
	font-size: 14px;
	transition: var(--nrzj-transition);
}
.nrzj-nav-title.active i {
	transform: rotate(90deg);
}
.nrzj-nav-list {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease;
	padding-left: 8px;
	margin-top: 4px;
}
.nrzj-nav-list.active {
	max-height: 500px;
}
.nrzj-nav-item {
	padding: 10px 12px;
	margin: 4px 0;
	font-size: 15px;
	color: var(--nrzj-text-light);
	cursor: pointer;
	border-radius: var(--nrzj-radius-sm);
	transition: var(--nrzj-transition);
	display: flex;
	align-items: center;
	gap: 8px;
	position: relative;
}
.nrzj-nav-item:hover {
	color: #009d4d;
	;
	background: #effaf5;
}
.nrzj-nav-item.active {
	color: #009d4d;
	;
	background: #effaf5;
	font-weight: 500;
}

.nrzj-nav-item a{ color:#454545
}
.nrzj-nav-item a:hover {
	color: #009d4d;
	;
	background: #effaf5;
}
.nrzj-nav-item.active  a {
	color: #009d4d;
	;
	background: #effaf5;
	font-weight: 500;
}


.nrzj-nav-item i {
	font-size: 12px;
	opacity: 0.7;
}
.nrzj-nav-item.active i {
	opacity: 1;
}
/* ---------- 汉堡菜单 ---------- */
.nrzj-mobile-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: var(--nrzj-radius-sm);
	background: var(--nrzj-primary-light);
	color: var(--nrzj-primary);
	font-size: 20px;
	cursor: pointer;
	transition: var(--nrzj-transition);
}
.nrzj-mobile-toggle:hover {
	background: var(--nrzj-primary);
	color: white;
}
/* ---------- 主要内容 ---------- */
.nrzj-main-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}
.nrzj-main-title {
	font-size: 28px;
	font-weight: 700;
	color: var(--nrzj-text);
	line-height: 1.2;
}
.nrzj-results-count {
	font-size: 15px;
	color: var(--nrzj-text-light);
}
/* ---------- 专家卡片网格 ---------- */
.nrzj-experts-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
	margin-bottom: 40px;
}
.nrzj-expert-card {
	background: var(--nrzj-card-bg);
	border-radius: var(--nrzj-radius);
	overflow: hidden;
	box-shadow: var(--nrzj-shadow-card);
	transition: var(--nrzj-transition);
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.nrzj-expert-card:hover {
	transform: translateY(-8px);
	box-shadow: var(--nrzj-shadow-hover);
}
.nrzj-expert-img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	position: relative;
}
.nrzj-expert-img::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.5));
}
.nrzj-expert-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	background: var(--nrzj-secondary);
	color: white;
	font-size: 11px;
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 20px;
	z-index: 2;
}
.nrzj-expert-info {
	padding: 20px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.nrzj-expert-name {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 4px;
	color: var(--nrzj-text);
}
.nrzj-expert-department {
	font-size: 14px;
	color: var(--nrzj-primary);
	font-weight: 500;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 6px;
}
.nrzj-expert-department i {
	font-size: 13px;
}
.nrzj-expert-specialty {
	font-size: 14px;
	color: var(--nrzj-text-light);
	line-height: 1.5;
	margin-bottom: 16px;
	flex: 1;
}
.nrzj-expert-actions {
	display: flex;
	gap: 10px;
	margin-top: auto;
}
.nrzj-expert-btn {
	flex: 1;
	padding: 8px 12px;
	font-size: 13px;
	font-weight: 500;
	border-radius: var(--nrzj-radius-sm);
	text-align: center;
	transition: var(--nrzj-transition);
}
.nrzj-expert-btn-primary {
	background: var(--nrzj-primary);
	color: white;
}
.nrzj-expert-btn-primary:hover {
	background: var(--nrzj-primary-dark);
}
.nrzj-expert-btn-secondary {
	background: var(--nrzj-primary-light);
	color: var(--nrzj-primary);
}
.nrzj-expert-btn-secondary:hover {
	background: rgba(37, 99, 235, 0.15);
}
/* ---------- 分页 ---------- */
.nrzj-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 40px;
}
.nrzj-pagination-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 15px;
	font-weight: 500;
	color: var(--nrzj-text);
	background: white;
	border: 1px solid var(--nrzj-border);
	transition: var(--nrzj-transition);
}
.nrzj-pagination-item:hover {
	border-color: var(--nrzj-primary);
	color: var(--nrzj-primary);
}
.nrzj-pagination-item.active {
	background: var(--nrzj-primary);
	color: white;
	border-color: var(--nrzj-primary);
}
.nrzj-pagination-arrow {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: white;
	border: 1px solid var(--nrzj-border);
	color: var(--nrzj-text);
	transition: var(--nrzj-transition);
}
.nrzj-pagination-arrow:hover {
	background: var(--nrzj-primary);
	color: white;
	border-color: var(--nrzj-primary);
}

/* ---------- 响应式设计 ---------- */
@media (max-width: 1024px) {
.nrzj-main-container {
	grid-template-columns: 1fr;
}
.nrzj-sidebar {
	position: static;
	margin-bottom: 20px;
}
.nrzj-experts-grid {
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
}
 @media (max-width: 768px) {
.nrzj-header-container {
	padding: 0 0px;
}
.nrzj-main-container {
	padding: 0 0px;
	margin: 20px auto;
}
.nrzj-mobile-toggle {
	display: flex;
}
.nrzj-sidebar {
	display: none;
	margin-bottom: 0;
}
.nrzj-sidebar.active {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	border-radius: 0;
	box-shadow: var(--nrzj-shadow-hover);
	max-height: calc(100vh - var(--nrzj-header-height));
	overflow-y: auto;
}
.nrzj-main-title {
	font-size: 24px;
}
.nrzj-experts-grid {
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.nrzj-expert-img {
	height: 160px;
}
}
 @media (max-width: 576px) {
.nrzj-experts-grid {
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 16px;
}
.nrzj-expert-info {
	padding: 16px;
}
.nrzj-expert-name {
	font-size: 16px;
}
.nrzj-expert-department {
	font-size: 13px;
}
.nrzj-expert-actions {
	flex-direction: column;
	gap: 8px;
}
.nrzj-pagination {
	flex-wrap: wrap;
}
}

/* ---------- 动画 ---------- */
@keyframes nrzj-fadeIn {
 from {
opacity: 0;
transform: translateY(10px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}
.nrzj-expert-card {
	animation: nrzj-fadeIn 0.5s ease forwards;
}
.nrzj-expert-card:nth-child(1) {
	animation-delay: 0.1s;
}
.nrzj-expert-card:nth-child(2) {
	animation-delay: 0.2s;
}
.nrzj-expert-card:nth-child(3) {
	animation-delay: 0.3s;
}
.nrzj-expert-card:nth-child(4) {
	animation-delay: 0.4s;
}
.nrzj-expert-card:nth-child(5) {
	animation-delay: 0.5s;
}
.nrzj-expert-card:nth-child(6) {
	animation-delay: 0.6s;
}
.nrzj-expert-card:nth-child(7) {
	animation-delay: 0.7s;
}
.nrzj-expert-card:nth-child(8) {
	animation-delay: 0.8s;
}
.expert-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	margin: 0 -15px;
	padding: 0;
}
.expert-item {
	width: calc(33.333% - 30px);
	margin: 15px;
	background-color: white;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	transition: transform 0.4s ease, box-shadow 0.4s ease;
	opacity: 0;
	animation: slideUp 0.8s forwards;
	position: relative;
}
/* 为每个卡片设置不同的动画延迟 */
.expert-item:nth-child(1) {
	animation-delay: 0.1s;
}
.expert-item:nth-child(2) {
	animation-delay: 0.2s;
}
.expert-item:nth-child(3) {
	animation-delay: 0.3s;
}
.expert-item:nth-child(4) {
	animation-delay: 0.4s;
}
.expert-item:nth-child(5) {
	animation-delay: 0.5s;
}
.expert-item:nth-child(6) {
	animation-delay: 0.6s;
}
 @keyframes slideUp {
 from {
 opacity: 0;
 transform: translateY(40px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}
.expert-item:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 35px rgba(13, 92, 62, 0.1);
}
.expert-photo-container {
	position: relative;
	padding: 30px 30px 20px;
	display: flex;
	justify-content: center;
}
.expert-photo {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: linear-gradient(135deg, #009d4d, #2ecc71, #009d4d);
	padding: 2px;
	animation: photoGlow 3s infinite alternate;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
 @keyframes photoGlow {
 0% {
 box-shadow: 0 0 15px rgba(13, 92, 62, 0.3);
}
 100% {
 box-shadow: 0 0 25px rgba(13, 92, 62, 0.6);
}
}
.expert-photo img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	object-position: top;
	transition: transform 0.7s ease;
}
.expert-item:hover .expert-photo img {
	transform: scale(1.1);
}
.expert-info {
	padding: 0 30px 25px;
	text-align: center;
}
.expert-name {
	color: #332C2B;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 8px;
}
.expert-title {
	color: #332C2B;
	font-size: 16px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}
.expert-department {
	color: #666;
	font-size: 1rem;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.expert-department i {
	margin-right: 8px;
	color: #009d4d;
}
.expert-buttons {
	display: flex;
	justify-content: center;
	padding: 0 30px 30px;
	gap: 15px;
}
.btn {
	flex: 1;
	padding: 14px 5px;
	border: none;
	border-radius: 8px;
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
}
.btn-consult {
	background: linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
	color: white;
}
.btn-detail {
	background-color: white;
	color: #009d4d;
	border: 2px solid #009d4d;
}
.btn-consultx {
	background-color: white;
	color: #009d4d;
	border: 2px solid #009d4d;
}
.btn-detailx {
	background-color: white;
	color: #009d4d;
	border: 2px solid #009d4d;
}
.btn-consult a {
	color: white;
}
.btn-detail a {
	color: #009d4d;
}
.btn-consultx a {
	color: #009d4d;
}
.btn-detailx a {
	color: #009d4d;
}
.btn i {
	margin-right: 8px;
}
.btn-consult:hover {
	background: linear-gradient(to right, #09432c, #27ae60);
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(13, 92, 62, 0.3);
}
.btn-consultx:hover {
	background: linear-gradient(to right, #fff, #fcfcfc);
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(13, 92, 62, 0.3);
	color: 009d4d;
	border: #009d4d
}
.btn-detail:hover {
	background-color: #f0f9f4;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(13, 92, 62, 0.1);
}
.btn-detailx:hover {
	background: linear-gradient(to right, #fff, #fcfcfc);
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(13, 92, 62, 0.3);
	color: 009d4d
}
.specialty-tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 15px;
}
.tag {
	background-color: #f0f9f4;
	color: #009d4d;
	padding: 5px 12px;
	border-radius: 20px;
	font-size: 0.85rem;
	font-weight: 500;
}
footer {
	text-align: center;
	margin-top: 60px;
	padding-top: 30px;
	border-top: 1px solid #eee;
	color: #777;
	font-size: 0.95rem;
}
        
        /* 响应式设计 */
        @media (max-width: 992px) {
.expert-item {
	width: calc(50% - 30px);
}
}
 @media (max-width: 768px) {
.expert-item {
	width: 100%;
	max-width: 400px;
}
.header-title {
	font-size: 2.2rem;
}
}
        
        /* 专家照片动画效果 */
        @keyframes photoEntrance {
 0% {
 transform: scale(0.5);
 opacity: 0;
}
 70% {
 transform: scale(1.05);
}
 100% {
 transform: scale(1);
 opacity: 1;
}
}
.expert-photo {
	animation: photoEntrance 1s ease-out;
}
/* 鼠标悬停时的照片动画 */
.expert-item:hover .expert-photo {
	animation: pulse 1.5s infinite;
}
 @keyframes pulse {
 0% {
 box-shadow: 0 0 0 0 rgba(13, 92, 62, 0.4);
}
 70% {
 box-shadow: 0 0 0 15px rgba(13, 92, 62, 0);
}
 100% {
 box-shadow: 0 0 0 0 rgba(13, 92, 62, 0);
}
}
/* 悬浮信息面板 */
.expert-hover-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(5, 150, 76, 0.9), rgba(5, 150, 76, 0.8));
	color: white;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.5s ease;
	border-radius: 12px;
	text-align: center;
}
.expert-item:hover .expert-hover-info {
	opacity: 1;
}
.expert-hover-info h3 {
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 36px;
}
.expert-hover-info p {
	margin-top: 20px;
	margin-bottom: 50px;
	font-size: 15px;
	line-height: 1.5;
}
.expert-experience {
	font-style: italic;
	margin-top: 15px;
	font-size: 0.95rem;
}
/* 添加一些装饰元素 */
.decoration {
	position: fixed;
	z-index: -1;
	opacity: 0.05;
}
.decoration-1 {
	top: 10%;
	right: 10%;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: linear-gradient(135deg, #009d4d, #2ecc71);
}
.decoration-2 {
	bottom: 10%;
	left: 5%;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: linear-gradient(135deg, #2ecc71, #009d4d);
}
/* 基础按钮样式 */
.detail-button {
	width: 180px;
	height: 50px;
	background: linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
	color: white;
	border: none;
	border-radius: 46px;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
	padding: 0 18px 0px 35px;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	box-shadow: 0 4px 6px rgba(46, 204, 113, 0.2);
	position: relative;
	overflow: hidden;
	color: #FFF
}
.detail-button a {
	color: #FFF
}
/* 悬停效果 */
.detail-button:hover {
	background: linear-gradient(135deg, #27ae60, #16a085);
	box-shadow: 0 6px 12px rgba(46, 204, 113, 0.3);
	transform: translateY(-2px);
}
/* 点击效果 */
.detail-button:active {
	transform: translateY(1px);
	box-shadow: 0 2px 4px rgba(46, 204, 113, 0.2);
}
.service-container {
	position: fixed;
	top: 70%;
	right: 20px;
	transform: translateY(-50%);
	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.service-btn {
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 50%;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	position: relative;
}
.service-btn:hover {
	transform: translateX(-10px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.service-btn i {
	font-size: 24px;
	color: #3498db;
}
.service-btn .btn-text {
	position: absolute;
	right: 70px;
	background: #fff;
	color: white;
	padding: 8px 15px;
	border-radius: 4px;
	white-space: nowrap;
	opacity: 0;
	transition: opacity 0.3s;
	pointer-events: none;
	font-size: 14px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	color: #019c4c
}
.service-btn .btn-text::after {
	content: '';
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translateY(-50%);
	border-width: 5px 0 5px 5px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
}
.service-btn:hover .btn-text {
	opacity: 1;
}
/* 各个按钮颜色 */
.consult-btn {
	background: linear-gradient(135deg, #3498db, #2980b9);
}
.group-btn {
	background: linear-gradient(135deg, #2ecc71, #27ae60);
}
.phone-btn {
	background: linear-gradient(135deg, #fd9f06, #fe8a0e);
}
.register-btn {
	background: linear-gradient(135deg, #9b59b6, #8e44ad);
}
.consult-btn i, .consult-btn .btn-text {
	color: white;
}
.group-btn i, .group-btn .btn-text {
	color: white;
}
.phone-btn i, .phone-btn .btn-text {
	color: white;
}
.register-btn i, .register-btn .btn-text {
	color: white;
}
/* 悬浮内容样式 */
.hover-content {
	position: absolute;
	right: 70px;
	top: 50%;
	transform: translateY(-50%);
	background: white;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
	width: 300px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s, transform 0.3s;
	z-index: 1001;
}
.service-btn:hover .hover-content {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(-50%) translateX(0);
}
.hover-content h3 {
	color: #2c3e50;
	margin-bottom: 15px;
	font-size: 18px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.qr-codes {
	display: flex;
	justify-content: space-between;
	gap: 15px;
}
.qr-code {
	text-align: center;
	flex: 1;
}
.qr-code img {
	width: 100%;
	max-width: 120px;
	height: auto;
	border-radius: 5px;
	margin-bottom: 10px;
}
.qr-code p {
	font-size: 13px;
	color: #666;
	margin: 0;
}
.phone-list {
	list-style: none;
}
.phone-list li {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
}
.phone-list li:last-child {
	border-bottom: none;
}
.department {
	color: #2c3e50;
	font-weight: 500;
}
.phone-number {
	color: rgba(5, 150, 76, 1);
	font-weight: 600;
}
/* 返回顶部按钮 */
.back-to-topx {
	width: 60px;
	height: 60px;
	background: linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	margin-top: 10px;
	opacity: 0;
	visibility: hidden;
}
.back-to-topx.show {
	opacity: 1;
	visibility: visible;
}
.back-to-topx:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}
.back-to-topx i {
	font-size: 24px;
	color: white;
}
.back-to-topx .btn-text {
	position: absolute;
	right: 70px;
	background: #2c3e50;
	color: white;
	padding: 8px 15px;
	border-radius: 4px;
	white-space: nowrap;
	opacity: 0;
	transition: opacity 0.3s;
	pointer-events: none;
	font-size: 14px;
}
.back-to-topx .btn-text::after {
	content: '';
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translateY(-50%);
	border-width: 5px 0 5px 5px;
	border-style: solid;
	border-color: transparent transparent transparent #2c3e50;
}
.back-to-topx:hover .btn-text {
	opacity: 1;
}
        
        /* 响应式设计 */
        @media (max-width: 768px) {
.service-container {
	right: 10px;
}
.service-btn {
	width: 50px;
	height: 50px;
}
.back-to-topx {
	width: 50px;
	height: 50px;
}
.service-btn i {
	font-size: 20px;
}
.hover-content {
	width: 280px;
	right: 60px;
}
h1 {
	font-size: 2.2rem;
}
.content {
	padding: 20px 10px;
}
}
 @media (max-width: 480px) {
.hover-content {
	width: 250px;
	padding: 15px;
}
.qr-codes {
	flex-direction: column;
	gap: 10px;
}
}
/* 模拟页面内容样式 */
.section {
	background: white;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	margin-bottom: 30px;
}
.intro {
	font-size: 1.2rem;
	line-height: 1.8;
	text-align: justify;
}
.nc-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}
.nc-contact-section {
	background-color: white;
	border-radius: 15px;
	padding: 30px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	margin-bottom: 30px;
}
.nc-section-title {
	color: #454545;
	font-size: 22px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 3px solid #e6f2ff;
	display: flex;
	align-items: center;
}
.nc-section-title i {
	margin-right: 12px;
	background-color: #e6f2ff;
	padding: 15px;
	border-radius: 50%;
	color: #009d4d;
	font-size: 16px;
}
.nc-basic-info {
	margin-bottom: 30px;
}
.nc-info-item {
	display: flex;
	margin-bottom: 18px;
	align-items: flex-start;
	margin-left: 50px;
}
.nc-info-item i {
	color: #009d4d;
	margin-right: 15px;
	margin-top: 3px;
	font-size: 1.2rem;
	width: 24px;
	text-align: center;
}
.nc-info-text {
	flex: 1;
}
.nc-info-text h3 {
	font-size: 1.1rem;
	color: #555;
	margin-bottom: 5px;
}
.nc-transport {
	margin-bottom: 30px;
}
.nc-transport-list {
	padding-left: 20px;
}
.nc-transport-list li {
	margin-bottom: 12px;
	position: relative;
	padding-left: 10px;
	font-size: 16px;
}
.nc-transport-list li:before {
	content: "•";
	color: #009d4d;
	font-weight: bold;
	position: absolute;
	left: -10px;
	font-size: 1.2rem;
}
.nc-departments {
	margin-top: 30px;
}
.nc-departments-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 15px;
}
.nc-department {
	background-color: #f8fafc;
	border-left: 4px solid #009d4d;
	padding: 20px;
	border-radius: 12px;
	transition: all 0.3s ease;
	height: 100%;
}
.nc-department:hover {
	background-color: #e6f2ff;
	transform: translateX(5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.nc-department-name {
	color: #555;
	font-weight: 600;
	font-size: 1.2rem;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}
.nc-department-name i {
	margin-right: 10px;
	font-size: 1.1rem;
	background-color: #e6f2ff;
	padding: 8px;
	border-radius: 50%;
	color: #009d4d
}
.nc-department-contact {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.nc-contact-type {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 16px;
}
.nc-contact-type span:first-child {
	font-weight: 600;
	color: #555;
	margin-right: 8px;
	min-width: 80px;
}
.nc-contact-type span:last-child {
	color: #666;
	font-weight: 500;
	word-break: break-all;
}
.nc-free-phone {
	color: #666 !important;
	font-weight: 600 !important;
}
.nc-map-section {
	background-color: white;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	margin-bottom: 40px;
}
.nc-map-title {
	padding: 25px 30px 15px;
	color: #009d4d;
	font-size: 1.8rem;
	display: flex;
	align-items: center;
}
.nc-map-title i {
	margin-right: 12px;
	background-color: #e6f2ff;
	padding: 10px;
	border-radius: 50%;
	color: #009d4d;
}
.nc-map-image-container {
	padding: 0 30px 30px;
}
.nc-map-image {
	width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}
.nc-map-image:hover {
	transform: scale(1.01);
}
.nc-map-details {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #f8fafc;
	padding: 20px;
	border-radius: 10px;
	margin-top: 20px;
}
.nc-map-detail-item {
	flex: 1;
	min-width: 200px;
	margin: 10px;
}
.nc-map-detail-item h4 {
	color: #009d4d;
	margin-bottom: 8px;
	font-size: 1.1rem;
}
.nc-map-note {
	text-align: center;
	color: #666;
	font-size: 0.9rem;
	margin-top: 15px;
	font-style: italic;
}
.nc-footer {
	text-align: center;
	padding: 25px 0;
	color: #666;
	font-size: 0.9rem;
	border-top: 1px solid #eee;
	margin-top: 40px;
}
 @media (max-width: 992px) {
.nc-departments-grid {
	grid-template-columns: repeat(2, 1fr);
}
}
 @media (max-width: 768px) {
.nc-hospital-name {
	font-size: 2.2rem;
}
.nc-section-title {
	font-size: 1.5rem;
}
.nc-departments-grid {
	grid-template-columns: 1fr;
	gap: 15px;
}
.nc-contact-type {
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 8px;
}
.nc-contact-type span:first-child {
	margin-bottom: 3px;
}
.nc-map-details {
	flex-direction: column;
}
}
        
        /* 打印样式 */
        @media print {
.nc-header {
	background: white !important;
	color: black !important;
	box-shadow: none !important;
}
.nc-contact-section, .nc-map-section {
	box-shadow: none !important;
	border: 1px solid #ddd !important;
}
.nc-department:hover {
	transform: none !important;
}
.nc-departments-grid {
	grid-template-columns: 1fr;
}
}
#ly-consultation-form {
	margin: 0 auto;
	overflow: hidden;
}
/* PC端布局 - 两栏布局 */
.ly-pc-layout {
	margin-bottom: 0px;
}
/* 科室选择部分 */
#ly-department-section {
	flex: 1;
	min-width: 300px;
	padding: 30px;
	background: #fff
}
.ly-department-header {
	margin-bottom: 30px;
}
.ly-department-header h1 {
	color: #009d4d;
	font-size: 24px;
	margin-bottom: 10px;
}
.ly-department-header p {
	color: #666;
	font-size: 16px;
}
.ly-department-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 15px;
	margin-top: 25px;
}
.ly-department-item {
	background: #f8fafc;
	border: 2px solid #e1e8f0;
	border-radius: 40px;
	padding: 10px 10px;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #454545;
}
.ly-department-item:hover, .ly-department-item.selected {
	background: linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
	border-color: #009d4d;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(44, 128, 255, 0.15);
	color: #fff;
}
.ly-department-icon {
	font-size: 28px;
	color: #2c80ff;
	margin-bottom: 10px;
}
.ly-department-name {
	font-size: 17px;
}
/* 留言表单区域 */
#ly-form-section {
	flex: 2;
	min-width: 400px;
	padding: 30px;
}
.ly-form-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}
.ly-form-title {
	color: #2c80ff;
	font-size: 22px;
}
.ly-selected-department {
	background: #e8f2ff;
	border-radius: 10px;
	padding: 12px 20px;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
}
.ly-selected-department i {
	color: #009d4d;
	font-size: 18px;
}
.ly-selected-department span {
	font-weight: 600;
	color: #333;
}
.ly-form-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}
 @media (min-width: 768px) {
.ly-form-row {
	grid-template-columns: 1fr 1fr;
}
}
.ly-form-group {
	margin-bottom: 20px;
}
.ly-label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	color: #444;
}
.ly-required span {
	color: #ff4757;
}
.ly-input {
	width: 100%;
	padding: 14px 16px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 16px;
	transition: border-color 0.3s;
}
.ly-input:focus {
	outline: none;
	border-color: #2c80ff;
	box-shadow: 0 0 0 3px rgba(44, 128, 255, 0.1);
}
.ly-textarea {
	min-height: 150px;
	resize: vertical;
	font-family: inherit;
}
.ly-button {
	background-color: #009d4d;
	color: white;
	border: none;
	padding: 16px 30px;
	font-size: 18px;
	border-radius: 8px;
	cursor: pointer;
	width: 180px;
	font-weight: 600;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	box-shadow: 0 5px 15px rgba(44, 128, 255, 0.3);
}
.ly-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(44, 128, 255, 0.4);
}
.ly-contact-info {
	margin-top: 0px;
	padding: 30px;
}
.ly-contact-item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	margin-bottom: 25px;
}
.ly-contact-item i {
	color: #009d4d;
	font-size: 24px;
	margin-top: 3px;
}
.ly-contact-item h2 {
	font-size: 16px;
	color: #666;
	margin-bottom: 5px;
}
.ly-contact-item p {
	color: #333;
	font-size: 18px;
}

        /* 移动端样式 */
        @media (max-width: 991px) {
#ly-consultation-form {
	padding: 20px;
}
.ly-pc-layout {
	display: block;
}
/* 隐藏PC端科室选择 */
.ly-department-list {
	display: none;
}
/* 显示移动端下拉框 */
#ly-mobile-department-select {
	display: block;
	width: 100%;
	padding: 14px 16px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 16px;
	margin-bottom: 25px;
	margin-top: 10px;
}
#ly-department-section {
	margin-bottom: 0px;
}
.ly-form-row {
	grid-template-columns: 1fr;
}
.ly-department-header h1 {
	font-size: 22px;
}
}

        /* PC端样式 */
        @media (min-width: 992px) {
/* 隐藏移动端下拉框 */

.ly-department-list {
	display: grid;
}
.ly-pc-layout {
}
}
.ly-error {
	color: #ff4757;
	font-size: 14px;
	margin-top: 5px;
	display: none;
}
.ly-input.error {
	border-color: #ff4757;
}
/* 隐藏的部门ID输入框 */
#ly-department-id {
	display: none;
}
 @media (max-width: 576px) {
#ly-form-section {
	width: 100%;
	min-width: 300px;
	padding-top: 0px;
	margin-top: 0px;
	padding: 0 10px;
}
.ly-department-header p {
	color: #666;
	font-size: 14px;
}
#ly-department-section {
	padding: 10px;
}
}
/*首页专家*/

.home_doc_box {
	background: url(../images/syysbg.jpg) center top no-repeat
}
.home_doc_wrap {
	width: 95%;
	margin: 0 auto;
	display: flex;
	gap: 30px;
	padding: 50px 30px;
	position: relative;
	overflow: hidden;
}
/* ========= 左侧区域 ========= */
.home_doc_left {
	width: 16%;
	position: relative;
	z-index: 1;
}
.home_doc_left h2 {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: 10px;
}
/* 搜索框样式 */
.home_doc_search_box {
	margin-bottom: 25px;
	position: relative;
}
.home_doc_search_box input {
	width: 100%;
	height: 45px;
	border: 1px solid #e1e8f5;
	border-radius: 60px;
	padding: 0 45px 0 20px;
	font-size: 15px;
	transition: all 0.3s ease;
	background: #fff;
	box-shadow: 0 4px 12px rgba(0, 82, 217, 0.05);
}
.home_doc_search_box input:focus {
	outline: none;
	border-color: #0052d9;
	box-shadow: 0 4px 15px rgba(0, 82, 217, 0.15);
}
.home_doc_search_box::after {
	content: '\f002';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	color: #8ca3c3;
	font-size: 16px;
}
/* 科室导航样式 */
.home_doc_depart_nav {
	height: 440px;
	overflow-y: auto;
	padding: 5px;
}
.home_doc_depart_nav ul {
	list-style: none;
}
.home_doc_depart_nav li {
	line-height: 46px;
	padding: 0 20px 0 0;
	margin-top: 6px;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	color: #fff;
	font-size: 18px;
	border-bottom: 1px #fff solid;
}
.home_doc_depart_nav li:hover {
	color: #e9fcf7;
	transform: translateX(5px);
	font-weight: bold
}
.home_doc_depart_nav li.active {
	color: white;
	font-weight: bold
}
.home_doc_depart_nav li::after {
	content: '\f054';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 18px;
	opacity: 0.95;
	transition: opacity 0.3s;
}
.home_doc_depart_nav li:hover::after {
	opacity: 1;
}

/* 自定义滚动条 */
.home_doc_depart_nav::-webkit-scrollbar {
 width: 6px;
}
 .home_doc_depart_nav::-webkit-scrollbar-track {
 background: #f1f1f1;
 border-radius: 10px;
}
 .home_doc_depart_nav::-webkit-scrollbar-thumb {
 background: #c1c9d6;
 border-radius: 10px;
}
 .home_doc_depart_nav::-webkit-scrollbar-thumb:hover {
 background: #a0aec0;
}
/* ========= 右侧区域 ========= */
.home_doc_right {
	width: 80%;
	position: relative;
	padding: 10px 0px 10px 35px;
	z-index: 1;
	overflow: hidden;
}
.home_doc_right h2 {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	gap: 10px;
}
/* 轮播容器 */
.home_doc_expert_slider {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	margin-bottom: 30px;
}
.home_doc_expert_list {
	display: flex;
	transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	padding: 5px 0;
}
/* 专家卡片样式 */
.home_doc_expert_item {
	flex: 0 0 20%;
	padding: 0 8px;
	text-align: center;
}
.home_doc_expert_item:nth-child(odd) {
	margin-top: 0px;
}
.home_doc_expert_item:nth-child(even) {
	margin-top: 40px;
}
.home_doc_expert_card {
	background: #fff;
	border: 0px solid #e9f0ff;
	border-radius: 16px;
	padding: 0px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.18);
	transition: all 0.4s ease;
	height: 420px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	overflow: hidden;
}
.home_doc_expert_card:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 30px rgba(0, 82, 217, 0.15);
	border-color: #c2d9ff;
}
.home_doc_expert_card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, #0052d9 0%, #1a7eff 100%);
	opacity: 0;
	transition: opacity 0.3s;
}
.home_doc_expert_card:hover::before {
	opacity: 1;
}
.home_doc_expert_card img {
	width: 250px;
	height: 320px;
	border-radius: 0;
	object-fit: cover;
	margin-bottom: 15px;
	border: 0px solid #f0f5ff;
	box-shadow: 0 4px 10px rgba(0, 82, 217, 0.1);
	transition: all 0.3s ease;
	overflow: hidden
}
.home_doc_expert_card:hover img {
	border-color: #c2d9ff;
	transform: scale(1.05);
}
.home_doc_expert_card h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px;
	color: #1a2b50;
}
.home_doc_expert_card p {
	font-size: 14px;
	color: #6b7b9c;
	margin-bottom: 15px;
	background: #f0f5ff;
	padding: 4px 12px;
	border-radius: 20px;
	display: inline-block;
}
.home_doc_expert_card .home_doc_expert_desc {
	font-size: 13px;
	color: #8a9bb8;
	margin-top: auto;
	line-height: 1.5;
	font-style: italic;
}
/* 控制区样式 */
.home_doc_controls {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 25px;
	gap: 20px;
}
.home_doc_arrow {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 0px solid #e1e8f5;
	background: linear-gradient(90deg, rgba(39, 193, 113, 1), rgba(11, 150, 110, 1));
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #fff;
	transition: all 0.3s ease;
	box-shadow: 0 4px 10px rgba(0, 82, 217, 0.1);
}
.home_doc_arrow:hover {
	background: linear-gradient(135deg, #009D4D 0%, #009D4D 100%);
	color: white;
	border-color: #0052d9;
	transform: scale(1.1);
}
.home_doc_dots {
	display: flex;
	gap: 10px;
}
.home_doc_dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #dddddd;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	border: 1px #b5b8b9 solid;
}
.home_doc_dot:hover {
	background: #a0bcf0;
	transform: scale(1.2);
}
.home_doc_dot.active {
	background: #009D4D;
	transform: scale(1.2);
	box-shadow: 0 0 0 3px rgba(0, 82, 217, 0.2);
}

/* ========= 移动端适配 ========= */
@media (max-width: 1440px) {
.home_doc_expert_item {
	flex: 0 0 25%;
}

.home_doc_expert_card {
	
	height: 400px;
	
}

.home_doc_expert_card img {
	width: 235px;
	height: 301px;
	border-radius: 0;
	object-fit: cover;
	margin-bottom: 15px;
	border: 0px solid #f0f5ff;
	box-shadow: 0 4px 10px rgba(0, 82, 217, 0.1);
	transition: all 0.3s ease;
	overflow: hidden
}


}
@media (max-width: 1200px) {
.home_doc_expert_item {
	flex: 0 0 33.333%;
}
}
 @media (max-width: 992px) {
.home_doc_expert_item {
	flex: 0 0 50%;
}
.home_doc_wrap {
	flex-direction: column;
	gap: 25px;
}
.home_doc_left,  .home_doc_right {
	width: 100%;
	padding: 0px;
}
.home_doc_left h2,  .home_doc_right h2 {
	font-size: 22px;
}
}
 @media (max-width: 768px) {
.home_doc_wrap {
	padding: 20px;
	border-radius: 16px;
}
.home_doc_left {
	display: flex;
	flex-direction: column;
}
.home_doc_search_box {
	width: 100%;
	margin-bottom: 2px;
}
.home_doc_depart_nav {
	height: auto;
	overflow-y: hidden;
	display: flex;
	overflow-x: auto;
	scroll-behavior: smooth;
	border: none;
	background: transparent;
	box-shadow: none;
	padding: 10px 0;
}
.home_doc_depart_nav ul {
	display: flex;
	gap: 12px;
	padding: 0 10px;
}
.home_doc_depart_nav li {
	white-space: nowrap;
	border: 1px solid #e1e8f5;
	border-radius: 10px;
	padding: 0 10px;
	line-height: 44px;
	box-shadow: 0 4px 8px rgba(0, 82, 217, 0.08);
	margin-bottom: 0;
	color: #333;
	font-size: 16px;
}
.home_doc_depart_nav li::after {
	content: '';
}
.home_doc_depart_nav li.active {
	color: #333;
	font-weight: bold
}
/* 移动端科室导航控制按钮 */
.home_doc_depart_controls {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
	display: none
}
.home_doc_depart_controls button {
	background: #fff;
	border: 2px solid #e1e8f5;
	border-radius: 10px;
	padding: 8px 16px;
	font-size: 16px;
	cursor: pointer;
	color: #0052d9;
	transition: all 0.3s;
	box-shadow: 0 4px 8px rgba(0, 82, 217, 0.08);
	display: none
}
.home_doc_depart_controls button:hover {
	background: #f0f5ff;
	border-color: #0052d9;
}
/* 专家区域调整 */
.home_doc_expert_item {
	flex: 0 0 50%;
	padding: 0 10px;
}
.home_doc_expert_item:nth-child(odd),  .home_doc_expert_item:nth-child(even) {
	margin-top: 0;
}
.home_doc_expert_card {
	padding: 0px;
}
.home_doc_expert_card img {
	width: 100%;
	height: 80px;
}
.home_doc_expert_card {
	padding: 0;
	width: 100%;
	height: 300px; /* 固定高度 */
	overflow: hidden;
	position: relative;
}
.home_doc_expert_card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center; /* 控制裁剪位置 */
	display: block;
}
.home_doc_arrow {
	width: 40px;
	height: 40px;
}
}
 @media (max-width: 480px) {
.home_doc_expert_item {
	flex: 0 0 50%;
}
.home_doc_wrap {
	width: 95%;
	padding: 15px;
}
.home_doc_left h2,  .home_doc_right h2 {
	font-size: 20px;
	color:#009d4d
}
.home_doc_search_box input {
	height: 44px;
}
.home_doc_expert_card h4 {
	font-size: 15px;
}
.home_doc_expert_card {
	padding: 0;
	width: 100%;
	height: 260px; /* 固定高度 */
	overflow: hidden;
	position: relative;
	border-radius:10px
}
.home_doc_expert_card img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	object-position: center; /* 控制裁剪位置 */
	display: block;
}
}

/* ========= 动画效果 ========= */
@keyframes fadeInUp {
 from {
 opacity: 0;
 transform: translateY(20px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}
.home_doc_expert_card {
	animation: fadeInUp 0.5s ease forwards;
}
.home_doc_expert_card:nth-child(1) {
	animation-delay: 0.1s;
}
.home_doc_expert_card:nth-child(2) {
	animation-delay: 0.2s;
}
.home_doc_expert_card:nth-child(3) {
	animation-delay: 0.3s;
}
.home_doc_expert_card:nth-child(4) {
	animation-delay: 0.4s;
}
.home_doc_expert_card:nth-child(5) {
	animation-delay: 0.5s;
}
.home_doc_expert_card:nth-child(6) {
	animation-delay: 0.6s;
}
.home_doc_expert_card:nth-child(7) {
	animation-delay: 0.7s;
}
.home_doc_expert_card:nth-child(8) {
	animation-delay: 0.8s;
}
.home_doc_expert_card:nth-child(9) {
	animation-delay: 0.9s;
}
.home_doc_expert_card:nth-child(10) {
	animation-delay: 1s;
}
/* ========= 选中效果 ========= */
.home_doc_expert_card.selected {
	border: 2px solid #0052d9;
	box-shadow: 0 10px 25px rgba(0, 82, 217, 0.2);
}
/* 结果统计 */
.results_count {
	text-align: center;
	font-size: 14px;
	color: #8a9bb8;
	margin-bottom: 15px;
	font-weight: 500;
}
.results_count span {
	color: #0052d9;
	font-weight: 600;
}
/* 空状态提示 */
.no-results {
	text-align: center;
	padding: 40px 20px;
	color: #8a9bb8;
	font-size: 16px;
}
.no-results i {
	font-size: 48px;
	margin-bottom: 15px;
	display: block;
	color: #ccd5e0;
}
/*详情页*/
 /* 装饰性背景元素 */
.nrv-container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, #4a6fa5, #6c9ce0);
}
/* 面包屑导航样式 */
.nrv-breadcrumb {
	margin-bottom: 30px;
	font-size: 14px;
	line-height:33px;
	color: #666;
}
.nrv-breadcrumb a {
	color: #4a6fa5;
	text-decoration: none;
	transition: color 0.2s;
}
.nrv-breadcrumb a:hover {
	color: #2c4a7a;
	text-decoration: underline;
}
.nrv-breadcrumb i {
	margin: 0 8px;
	color: #aaa;
	font-size: 12px;
}
/* 文章标题样式 */
.nrv-article-title {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	color: #222;
	margin-bottom: 20px;
	text-align: center;
}
/* 文章元信息样式 */
.nrv-article-meta {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 25px;
	color: #666;
	font-size: 14px;
	margin-bottom: 10px;
	padding-bottom: 25px;
	border-bottom: 1px solid #eee;
}
.nrv-meta-item {
	display: flex;
	align-items: center;
	gap: 8px;
}
.nrv-meta-item i {
	color: #4a6fa5;
}
/* 文章正文样式 */
.nrv-article-content {
	font-size: 16px;
	line-height: 33px;
	color: #333;
	margin-bottom: 5px;
}
.nrv-article-content p {
}
.nrv-article-content h3 {
	font-size: 22px;
	margin: 35px 0 15px;
	color: #2c3e50;
}
.nrv-article-content blockquote {
	border-left: 4px solid #4a6fa5;
	padding-left: 20px;
	margin: 25px 0;
	color: #555;
	font-style: italic;
	background-color: #f8fafc;
	padding: 15px 20px;
	border-radius: 0 5px 5px 0;
}
.nrv-article-content img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 25px 0;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
/* 上一篇下一篇链接样式 */
.nrv-article-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #eee;
}
.nrv-prev-link, .nrv-next-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 20px;
	background-color: #f8fafc;
	border-radius: 8px;
	text-decoration: none;
	color: #333;
	transition: all 0.3s ease;
	max-width: 45%;
	border: 1px solid #eaeaea;
}
.nrv-prev-link:hover, .nrv-next-link:hover {
	background-color: #edf2f7;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.nrv-prev-link i {
	color: #4a6fa5;
}
.nrv-next-link i {
	color: #4a6fa5;
}
.nrv-prev-link span, .nrv-next-link span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
   
   .nrv-article-content {
    display: block;
    width: 100%;

    margin: 0 auto;
    
}

.nrv-article-content iframe {
    width: 100%;
	
    height: 337.5px;
   max-width:600px;
	margin:0 auto
}

@media screen and (max-width: 768px) {
    .nrv-article-content iframe {
        height: 56.25vw;
    }
}
   
        
        /* 移动端样式 */
        @media (max-width: 768px) {
body {
	padding: 10px;
}
.nrv-container {
	padding: 25px 20px;
}
.nrv-article-title {
	font-size: 26px;
	text-align: left;
}
.nrv-article-meta {
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.nrv-article-content {
	font-size: 16px;
	line-height: 1.7;
}
.nrv-article-nav {
	flex-direction: column;
	gap: 15px;
}
.nrv-prev-link, .nrv-next-link {
	max-width: 100%;
	width: 100%;
	justify-content: space-between;
}
.nrv-prev-link {
	order: 1;
}
.nrv-next-link {
	order: 2;
}
}
        
        /* 小屏幕手机样式 */
        @media (max-width: 480px) {
.nrv-article-title {
	font-size: 22px;
}
.nrv-article-content {
	font-size: 16px;
}
.nrv-article-content h3 {
	font-size: 20px;
}
.nrv-container {
	padding: 20px 15px;
}
}
/* 额外装饰 */
.nrv-category-tag {
	display: inline-block;
	background-color: #eef4ff;
	color: #4a6fa5;
	padding: 5px 12px;
	border-radius: 20px;
	font-size: 13px;
	margin-top: 10px;
}
.nrv-read-time {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-left: 15px;
	color: #888;
}
/*医生详情*/
.nysv-doctor-content {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
	background: #fff;
	padding: 20px;
	border-radius: 15px;
}
.nysv-doctor-photo-container {
	position: relative;
	width: 220px;
	margin-right: 40px;
	flex-shrink: 0;
}
.nysv-doctor-photo {
	width: 275px;
	height: 360px;
	object-fit: cover;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgba(52, 152, 219, 0.15);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	float: left;
	margin: 0 20px 20px 0
}
.nysv-doctor-photo:hover {
	transform: translateY(0px);
	box-shadow: 0 12px 25px rgba(52, 152, 219, 0.2);
}
.nysv-doctor-details {
	flex: 1;
	text-align: justify;
}
.nysv-section-title {
	font-size: 20px;
	color: #2c3e50;
	margin: 2px 0 5px;
	padding-bottom: 8px;
	border-bottom: 1px solid #f0f0f0;
	display: flex;
	align-items: center;
}
.nysv-section-title i {
	margin-right: 10px;
	color: #009d4d;
}
.nysv-doctor-title {
	font-size: 16px;
	color: #555;
	font-weight: 600;
	margin-bottom: 15px;
}
.nysv-doctor-details p {
	margin-bottom: 18px;
	font-size: 17px;
	line-height: 32px;
}
.nysv-highlight-box {
	background-color: #f8fafc;
	border-left: 4px solid #3498db;
	padding: 20px;
	border-radius: 0 8px 8px 0;
	margin: 25px 0;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.03);
}
.nysv-highlight-title {
	color: #2c3e50;
	font-weight: 600;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.nysv-highlight-title i {
	margin-right: 8px;
	color: #2ecc71;
}
.nysv-contact-info {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 10px;
}
.nysv-contact-item {
	display: flex;
	align-items: center;
	background: #f0f7ff;
	padding: 10px 15px;
	border-radius: 8px;
	font-size: 15px;
}
.nysv-contact-item i {
	margin-right: 8px;
	color: #3498db;
}
.nysv-navigation {
	display: flex;
	justify-content: space-between;
	padding-top: 25px;
	border-top: 1px solid #eef5fb;
	position: relative;
	z-index: 1;
}
.nysv-nav-link {
	display: inline-flex;
	align-items: center;
	padding: 12px 24px;
	background: linear-gradient(90deg, #3498db, #2ecc71);
	color: white;
	text-decoration: none;
	border-radius: 8px;
	transition: all 0.3s ease;
	font-weight: 500;
	box-shadow: 0 4px 12px rgba(52, 152, 219, 0.2);
}
.nysv-nav-link:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 18px rgba(52, 152, 219, 0.3);
}
.nysv-nav-link i {
	margin: 0 8px;
}
.nysv-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 15px 0 25px;
}
.nysv-tag {
	background: #e8f4fc;
	color: #3498db;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 500;
}
        
        /* 移动端样式 */
        @media (max-width: 768px) {
.nysv-doctor-container {
	margin: 20px 15px;
	padding: 25px 20px;
}
.nysv-doctor-content {
	flex-direction: column;
	align-items: center;
}
.nysv-doctor-photo-container {
	margin-right: 0;
	margin-bottom: 30px;
	width: 200px;
}
.nysv-doctor-name {
	font-size: 32px;
}
.nysv-doctor-title {
	font-size: 18px;
}
.medical-icon {
	font-size: 80px;
}
.icon-heart {
	top: 10px;
	right: 15px;
}
.icon-stethoscope {
	bottom: 10px;
	left: 15px;
}
.nysv-navigation {
	gap: 10px;
	padding: 0 0px
}
.nysv-nav-link {
	justify-content: center;
}
.nysv-contact-info {
	flex-direction: column;
}
.nysv-doctor-photo-container {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-right: 0;
	margin-bottom: 30px;
}
.nysv-doctor-photo {
	width: 100%;
	max-width: 275px;
	height: 360px;
	object-fit: cover;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgba(52, 152, 219, 0.15);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	margin: 0 auto
}
}
        
        /* 打印样式 */
        @media print {
body {
	background: white;
}
.nysv-doctor-container {
	box-shadow: none;
	margin: 0;
	padding: 20px;
}
.nysv-nav-link,  .medical-icon {
	display: none;
}
}
/*科室首页*/
:root {
 --primary-color: #009D4D;
 --primary-dark: #047c3f;
 --primary-light: #0aad5a;
 --secondary-color: #e63946;
 --accent-color: #009D4D;
 --light-bg: #f8f9fa;
 --card-bg: #ffffff;
 --text-primary: #333333;
 --text-secondary: #555555;
 --text-light: #888888;
 --shadow-light: 0 5px 15px rgba(0, 0, 0, 0.05);
 --shadow-medium: 0 8px 25px rgba(0, 0, 0, 0.1);
 --shadow-strong: 0 12px 30px rgba(0, 0, 0, 0.15);
 --border-radius: 12px;
 --transition-fast: 0.3s ease;
 --transition-medium: 0.5s ease;
 --transition-slow: 0.8s ease;
}
/* 顶部导航 */
.ks-nx-top-nav {
	background-color: var(--card-bg);
	box-shadow: var(--shadow-light);
	padding: 15px 0;
	position: sticky;
	top: 0;
	z-index: 1000;
	transition: all var(--transition-fast);
}
.ks-nx-top-nav.scrolled {
	padding: 10px 0;
	box-shadow: var(--shadow-medium);
}
.ks-nx-logo {
	font-size: 26px;
	font-weight: 700;
	color: var(--primary-color);
	display: flex;
	align-items: center;
	transition: all var(--transition-fast);
}
.ks-nx-logo i {
	margin-right: 12px;
	color: var(--primary-color);
	font-size: 28px;
}
.ks-nx-logo span {
	background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
/* 科室导航 */
.ks-nx-department-nav {
	background: #f0f0f0;
	padding: 40px 0;
	border-radius: 0 0 20px 20px;
	margin-bottom: 40px;
	position: relative;
	overflow: hidden;
}
.ks-nx-department-nav:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
	opacity: 0.1;
}
.ks-nx-nav-title {
	text-align: center;
	color:#009d4d;;
	margin-bottom: 20px;
	font-size: 26px;
	font-weight: 700;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	position: relative;
	padding-bottom: 20px;
}
.ks-nx-nav-title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 4px;
	background-color: rgba(0, 157,77, 0.7);
	border-radius: 2px;
}
.ks-nx-nav-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
	list-style: none;
}
.ks-nx-nav-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 130px;
	cursor: pointer;
	transition: transform var(--transition-fast);
	position: relative;
}
.ks-nx-nav-item:hover {
	transform: translateY(-10px);
}
.ks-nx-nav-icon {
	background-color: rgba(255, 255, 255, 1);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	border: 3px solid rgba(0, 157, 77, 0.3);
	transition: all var(--transition-fast);
	position: relative;
	overflow: hidden;
}
.ks-nx-nav-item:hover .ks-nx-nav-icon {
	background-color: rgba(0, 157, 77, 0.25);
	border-color: rgba(0, 157, 77, 0.6);
	transform: scale(1.1);
}
.ks-nx-nav-icon i {
	font-size: 32px;
	color:#009d4d;
	transition: transform var(--transition-fast);
}
.ks-nx-nav-item:hover .ks-nx-nav-icon i {
	transform: scale(1.2);
}
.ks-nx-nav-text {
	color:#454545;
	font-weight: 600;
	text-align: center;
	font-size: 18px;
	transition: all var(--transition-fast);
}
.ks-nx-nav-item:hover .ks-nx-nav-text {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* 科室介绍区域 */

.ks-nx-container {
	width: 85%;
	margin: 0 auto;
	overflow: hidden;
}
.ks-nx-department-intro {
	display: flex;
	background-color: var(--card-bg);
	border-radius: var(--border-radius);
	overflow: hidden;
	box-shadow: var(--shadow-medium);
	margin-bottom: 50px;
	transition: transform var(--transition-medium);
}
.ks-nx-department-intro:hover {
	transform: translateY(-5px);
	box-shadow: var(--shadow-strong);
}
.ks-nx-department-image {
	flex: 0 0 45%;
	position: relative;
	overflow: hidden;
}
.ks-nx-department-image:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(26, 95, 180, 0.2), transparent);
	z-index: 1;
}
.ks-nx-department-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-slow);
}
.ks-nx-department-intro:hover .ks-nx-department-image img {
	transform: scale(1.05);
}
.ks-nx-department-info {
	flex: 1;
	padding: 50px;
	display: flex;
	flex-direction: column;
	position: relative;
}
.ks-nx-department-name {
	font-size: 32px;
	color: var(--primary-color);
	margin-bottom: 20px;
	font-weight: 700;
	position: relative;
	padding-bottom: 15px;
}
.ks-nx-department-name:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 4px;
	background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
	border-radius: 2px;
}
.ks-nx-department-desc {
	color: var(--text-secondary);
	margin-bottom: 20px;
	line-height: 1.8;
	font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10; /* 限制显示两行 */
	overflow: hidden;
	text-overflow: ellipsis;
}
.ks-nx-department-stats {
	display: flex;
	justify-content: space-between;
	margin: 25px 0;
	padding: 20px 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.ks-nx-stat-item {
	text-align: center;
	flex: 1;
}
.ks-nx-stat-value {
	font-size: 28px;
	font-weight: 700;
	color: var(--primary-color);
	display: block;
	margin-bottom: 5px;
}
.ks-nx-stat-label {
	font-size: 14px;
	color: var(--text-light);
}
.ks-nx-more-btn {
	background: linear-gradient(90deg, var(--primary-color), var(--primary-light));
	color: white;
	border: none;
	padding: 10px 35px;
	border-radius: 30px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	align-self: flex-start;
	transition: all var(--transition-fast);
	margin-top: 20px;
	box-shadow: 0 4px 15px rgba(26, 95, 180, 0.3);
	position: relative;
	overflow: hidden;
}
.ks-nx-more-btn:before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
	transition: left 0.7s;
}
.ks-nx-more-btn:hover {
	background: linear-gradient(90deg, var(--primary-dark), var(--primary-color));
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(26, 95, 180, 0.4);
}
.ks-nx-more-btn:hover:before {
	left: 100%;
}
/* 科室动态 */
.ks-nx-section-title {
	font-size: 28px;
	color: var(--primary-color);
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 3px solid #e6f2ff;
	font-weight: 700;
	position: relative;
}
.ks-nx-section-title:after {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 80px;
	height: 3px;
	background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
	border-radius: 1.5px;
}
.ks-nx-section-title span {
	float: right
}
.ks-nx-news-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin-bottom: 50px;
}
.ks-nx-news-item {
	background-color: var(--card-bg);
	border-radius: var(--border-radius);
	overflow: hidden;
	box-shadow: var(--shadow-light);
	display: flex;
	transition: all var(--transition-fast);
	position: relative;
}
.ks-nx-news-item:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow-medium);
}
.ks-nx-news-item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: linear-gradient(to bottom, var(--primary-color), var(--accent-color));
	opacity: 0;
	transition: opacity var(--transition-fast);
}
.ks-nx-news-item:hover:before {
	opacity: 1;
}
.ks-nx-news-image {
	flex: 0 0 250px;
	position: relative;
	overflow: hidden;
}
.ks-nx-news-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-medium);
}
.ks-nx-news-item:hover .ks-nx-news-image img {
	transform: scale(1.1);
}
.ks-nx-news-content {
	flex: 1;
	padding: 25px;
}
.ks-nx-news-title {
	font-size: 20px;
	color: var(--text-primary);
	margin-bottom: 12px;
	font-weight: 700;
	line-height: 1.4;
	transition: color var(--transition-fast);
}
.ks-nx-news-item:hover .ks-nx-news-title {
	color: var(--primary-color);
}
.ks-nx-news-summary {
	color: #454545;
	font-size: 15px;
	margin-bottom: 15px;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* 限制显示两行 */
	overflow: hidden;
	text-overflow: ellipsis;
}
.ks-nx-news-date {
	color: var(--text-light);
	font-size: 14px;
	display: flex;
	align-items: center;
}
.ks-nx-news-date i {
	margin-right: 8px;
	color: var(--accent-color);
}
/* 荣誉和视频区域 */
.ks-nx-honor-video {
	display: flex;
	gap: 30px;
	margin-bottom: 50px;
}
.ks-nx-honor-box, .ks-nx-video-box {
	flex: 1;
	background-color: var(--card-bg);
	border-radius: var(--border-radius);
	padding: 30px;
	box-shadow: var(--shadow-light);
	transition: transform var(--transition-fast);
}
.ks-nx-honor-box:hover, .ks-nx-video-box:hover {
	transform: translateY(-5px);
	box-shadow: var(--shadow-medium);
}
.ks-nx-honor-list, .ks-nx-video-list {
	list-style: none;
}
.ks-nx-honor-item {
	padding: 10px 0;
	border-bottom: 1px solid #f0f0f0;
	display: flex;
	align-items: center;
	transition: padding-left var(--transition-fast);
}
.ks-nx-honor-item:hover {
	padding-left: 10px;
}
.ks-nx-honor-item:last-child {
	border-bottom: none;
}
.ks-nx-honor-icon {
	background-color: #e6f2ff;
	color: var(--primary-color);
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 18px;
	flex-shrink: 0;
	transition: all var(--transition-fast);
}
.ks-nx-honor-icon i {
	font-size: 18px;
}
.ks-nx-honor-item:hover .ks-nx-honor-icon {
	background-color: var(--primary-color);
	color: white;
	transform: scale(1.1);
}
.ks-nx-honor-text {
	color: #444;
	font-size: 18px;
	font-weight: 500;
	transition: color var(--transition-fast);
}
.ks-nx-honor-item:hover .ks-nx-honor-text {
	color: var(--primary-color);
}
.ks-nx-video-item {
	padding: 18px 0;
	border-bottom: 1px solid #f0f0f0;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: all var(--transition-fast);
}
.ks-nx-video-item:hover {
	transform: translateX(5px);
}
.ks-nx-video-item:last-child {
	border-bottom: none;
}
.ks-nx-video-icon {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: linear-gradient(135deg, #ffe6e6, #ffcccc);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	flex-shrink: 0;
	overflow: hidden;
	transition: all var(--transition-fast);
	position: relative;
}
.ks-nx-video-item:hover .ks-nx-video-icon {
	transform: scale(1.1);
	box-shadow: 0 8px 20px rgba(230, 57, 70, 0.3);
}
.ks-nx-video-icon i {
	color: #009D4D;
	font-size: 28px;
	z-index: 1;
}
.ks-nx-video-icon:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(0, 157, 77, 0.3), transparent);
	border-radius: 50%;
}
.ks-nx-video-info h4 {
	color: #454545;
	font-size: 18px;
	margin-bottom: 8px;
	font-weight: 700;
	transition: color var(--transition-fast);
}
.ks-nx-video-item:hover .ks-nx-video-info h4 {
	color: #009D4D;
}
.ks-nx-video-info p {
	color: var(--text-secondary);
	font-size: 14px;
	line-height: 1.5;
}
/* 科室专家 */
.ks-nx-experts {
	margin-bottom: 50px;
}
.ks-nx-experts-list {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 25px;
}
.ks-nx-expert-item {
	background-color: var(--card-bg);
	border-radius: var(--border-radius);
	overflow: hidden;
	box-shadow: var(--shadow-light);
	text-align: center;
	transition: all var(--transition-fast);
	position: relative;
}
.ks-nx-expert-item:hover {
	transform: translateY(-10px);
	box-shadow: var(--shadow-medium);
}
.ks-nx-expert-image {
	width: 100%;
	height: 320px;
	overflow: hidden;
	position: relative;
}
.ks-nx-expert-image:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
	z-index: 1;
	opacity: 0;
	transition: opacity var(--transition-fast);
}
.ks-nx-expert-item:hover .ks-nx-expert-image:before {
	opacity: 1;
}
.ks-nx-expert-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-medium);
}
.ks-nx-expert-item:hover .ks-nx-expert-image img {
	transform: scale(1.1);
}
.ks-nx-expert-info {
	padding: 20px 10px;
}
.ks-nx-expert-name {
	font-weight: 700;
	margin-bottom: 8px;
	color: #454545;
	font-size: 17px;
}
.ks-nx-expert-title {
	color: var(--primary-color);
	font-size: 14px;
	font-weight: 500;
}
/* 主治病种 */
.ks-nx-diseases {
	margin-bottom: 20px;
}
.ks-nx-diseases-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}
.ks-nx-disease-item {
	background-color: var(--card-bg);
	border-radius: var(--border-radius);
	overflow: hidden;
	box-shadow: var(--shadow-light);
	display: flex;
	transition: all var(--transition-fast);
	cursor: pointer;
}
.ks-nx-disease-item:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow-medium);
}
.ks-nx-disease-image {
	flex: 0 0 130px;
	position: relative;
	overflow: hidden;
}
.ks-nx-disease-image:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(26, 95, 180, 0.3), transparent);
	z-index: 1;
	opacity: 0;
	transition: opacity var(--transition-fast);
}
.ks-nx-disease-item:hover .ks-nx-disease-image:before {
	opacity: 1;
}
.ks-nx-disease-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-medium);
}
.ks-nx-disease-item:hover .ks-nx-disease-image img {
	transform: scale(1.1);
}
.ks-nx-disease-info {
	flex: 1;
	padding: 25px;
}
.ks-nx-disease-name {
	font-size: 20px;
	color: var(--text-primary);
	margin-bottom: 12px;
	font-weight: 700;
	transition: color var(--transition-fast);
}
.ks-nx-disease-item:hover .ks-nx-disease-name {
	color: var(--primary-color);
}
.ks-nx-disease-desc {
	color: var(--text-secondary);
	font-size: 15px;
	line-height: 1.6;
}
/* 返回顶部按钮 */
.ks-nx-back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: all var(--transition-fast);
	z-index: 999;
	box-shadow: 0 5px 15px rgba(26, 95, 180, 0.4);
}
.ks-nx-back-to-top.visible {
	opacity: 1;
	visibility: visible;
}
.ks-nx-back-to-top:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 20px rgba(26, 95, 180, 0.6);
}
/* 页脚 */
.ks-nx-footer {
	background: linear-gradient(135deg, #0c3d7a 0%, var(--primary-color) 100%);
	color: white;
	padding: 40px 0;
	text-align: center;
	margin-top: 50px;
	position: relative;
	overflow: hidden;
}
.ks-nx-footer:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
	opacity: 0.1;
}
.ks-nx-footer p {
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}
.ks-nx-footer p:first-child {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
}
.ks-nx-nav-item a {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.ks-nx-news-item a {
	display: flex;
	width: 100%;
	height: 100%;
}
.ks-nx-expert-item a {
	display: block;
	width: 100%;
	height: 100%;
}
.ks-nx-disease-item a {
	display: flex;
	width: 100%;
	height: 100%;
}
.ks-nx-video-item a {
	display: flex;
	width: 100%;
	height: 100%;
}
.ks-nx-honor-item a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
.ks-nx-footer a {
	color: white;
	text-decoration: underline;
}
.ks-nx-footer a:hover {
	color: var(--accent-color);
}
/* 添加电话链接样式 */
.phone-link {
	color: var(--accent-color);
	font-weight: 600;
}
.phone-link:hover {
	color: var(--primary-light);
}
        
        /* 响应式设计 */
        @media (max-width: 1200px) {
.ks-nx-experts-list {
	grid-template-columns: repeat(3, 1fr);
}
.ks-nx-nav-list {
	gap: 25px;
}
}
 @media (max-width: 992px) {
.ks-nx-department-intro {
	flex-direction: column;
}
.ks-nx-department-image {
	height: 250px;
	flex: auto
}
.ks-nx-news-list {
	grid-template-columns: 1fr;
}
.ks-nx-honor-video {
	flex-direction: column;
}
.ks-nx-diseases-list {
	grid-template-columns: 1fr;
}
.ks-nx-disease-item {
	flex-direction: column;
}
.ks-nx-disease-image {
	height: 200px;
	flex: none;
}
}
 @media (max-width: 768px) {
.ks-nx-experts-list {
	grid-template-columns: repeat(2, 1fr);
}
.ks-nx-nav-list {
	gap: 15px;
}
.ks-nx-nav-item {
	width: 110px;
}
.ks-nx-nav-icon {
	width: 65px;
	height: 65px;
}
.ks-nx-nav-icon i {
	font-size: 24px;
}
.ks-nx-nav-text {
	font-size: 14px;
}
.ks-nx-news-item {
	flex-direction: column;
}
.ks-nx-news-image {
	height: 180px;
	flex: none;
}
.ks-nx-department-info {
	padding: 30px;
}
.ks-nx-department-stats {
	flex-direction: column;
	gap: 20px;
}
}
 @media (max-width: 576px) {
.ks-nx-experts-list {
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
.ks-nx-nav-list {
	justify-content: space-between;
}
.ks-nx-nav-item {
	width: 90px;
}
.ks-nx-nav-icon {
	width: 65px;
	height: 65px;
}
.ks-nx-nav-icon i {
	font-size: 28px;
}
.ks-nx-nav-text {
	font-size: 16px;
}
.ks-nx-section-title {
	font-size: 24px;
}
.ks-nx-department-name {
	font-size: 26px;
}
.ks-nx-department-info {
	padding: 25px;
}
.ks-nx-more-btn {
	margin: 0 auto
}
.ks-nx-nav-icon {
	margin-bottom: 5px;
}
.ks-nx-news-item a {
	display: block;
	width: 100%;
	height: 100%;
}
.ks-nx-container {
	width: 99%;
	padding: 0px;
}
.ks-nx-expert-image {
	width: 100%;
	height: 220px;
	overflow: hidden;
	position: relative;
}
.ks-nx-expert-name {
	font-weight: 700;
	margin-bottom: 0px;
	color: #454545;
	font-size: 15px;
}
.ks-nx-disease-item a {
	display: flex;
	width: 100%;
	height: 100%;
}
.ks-nx-disease-image {
	display: none
}
.ks-nx-diseases-list {
	gap: 10px
}
}
.ny_video-list {
	list-style: none;
	padding: 3px 2px 2px;
}
.ny_video-item {
	display: flex;
	margin-bottom: 18px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	transition: all 0.2s ease;
}
.ny_video-item:hover {
	border-bottom-color: #1a6bc4;
}
.ny_video-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
.ny_video-thumb {
	width: 123px;
	height: 90px;
	border-radius: 10px;
	overflow: hidden;
	flex-shrink: 0;
	margin-right: 15px;
}
.ny_video-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ny_video-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ny_video-info h3 {
	color: #2c3e50;
	font-size: 16px;
	margin-bottom: 5px;
	line-height: 1.4;
	height: 20px;
	overflow: hidden
}
.ny_video-info p {
	color: #2c3e50;
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* 限制显示两行 */
	overflow: hidden;
	text-overflow: ellipsis;
}
.ny_video-info h3 a {
	color: #2c3e50;
}
.ny_video-info .ny_video-duration {
	color: #7f8c8d;
	font-size: 0.9rem;
}
/* 视频弹窗样式 */
.ny_video-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.85);
	z-index: 1000;
	align-items: center;
	justify-content: center;
}
.ny_video-modal.active {
	display: flex;
}
.ny_modal-content {
	width: 90%;
	max-width: 900px;
	background-color: white;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}
.ny_modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	background-color: #1a6bc4;
	color: white;
}
.ny_modal-header h3 {
	font-size: 1.5rem;
}
.ny_close-btn {
	background: none;
	border: none;
	color: white;
	font-size: 28px;
	cursor: pointer;
	line-height: 1;
}
.ny_modal-video {
	width: 100%;
	height: 500px;
	background-color: #000;
}

  .nxks_content {
            background-color: white;
            border-radius: 12px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
            padding: 40px;
            margin-bottom: 50px;
            position: relative;
            overflow: hidden;
        }
        
      .nxks_content img{
            border-radius: 12px;
          
        }
        
        .nxks_title {
            color: #454545;
            font-size:20px;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 1px solid #e2e8f0;
            display: flex;
            align-items: center;
        }
        
        .nxks_title i {
            margin-right: 15px;
            color: #009d4d;
            background-color: #ebf8ff;
            padding: 12px;
            border-radius: 10px;
        }
        
        .nxks_text {
            font-size: 1.15rem;
            color: #2d3748;
            line-height: 1.8;
        }
        
        .nxks_text p {
            margin-bottom: 25px;
            text-align: justify;
        }
        
        .nxks_highlight {
            background-color: #f0fff4;
            padding: 25px;
            border-radius: 8px;
            border-left: 4px solid #38b2ac;
            margin: 30px 0;
        }
        
        .nxks_highlight h3 {
            color: #2c7a7b;
            margin-bottom: 10px;
            font-size: 1.4rem;
        }
        
        .nxks_features {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 20px;
            margin-top: 40px;
        }
        
        .nxks_feature {
            background-color: #f7fafc;
            padding: 20px;
            border-radius: 10px;
            border-top: 4px solid #4299e1;
            transition: transform 0.3s, box-shadow 0.3s;
        }
        
        .nxks_feature:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.08);
        }
        
        .nxks_feature h4 {
            color: #2b6cb0;
            margin-bottom: 10px;
            font-size: 1.2rem;
            display: flex;
            align-items: center;
        }
        
        .nxks_feature h4 i {
            margin-right: 10px;
            color: #4299e1;
        }
        
        .nxks_navigation {
            display: flex;
            justify-content: space-between;
            margin-top: 60px;
            padding-top: 30px;
            border-top: 1px solid #e2e8f0;
        }
        
        .nxks_nav-link {
            display: flex;
            align-items: center;
            padding: 10px 5px;
            background-color: white;
            border-radius: 10px;
            text-decoration: none;
            color: #2d3748;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            width: 48%; border-bottom: 1px solid #e2e8f0;
        }
        
        .nxks_nav-link:hover {
            transform: translateY(-3px);
            color: #3182ce;
        }
        
        .nxks_prev:hover {
            background-color:#f0fff4;
        }
        
        .nxks_next:hover {
            background-color: #f0fff4;
        }
        
        .nxks_nav-link i {
            font-size: 1.4rem;
        }
        
        .nxks_prev i {
            margin-right: 15px;
            color: #009d4d;
        }
        
        .nxks_next i {
            margin-left: 15px;
            color: #38b2ac;
        }
        
        .nxks_next {
            justify-content: flex-end;
            text-align: right;
        }
        
        .nxks_nav-info {
            display: block;
            font-size:16px;
            color: #718096;
            font-weight: normal;
        }
        
        .nxks_footer {
            text-align: center;
            padding: 30px 0;
            margin-top: 40px;
            color: #718096;
            font-size: 0.95rem;
            border-top: 1px solid #e2e8f0;
        }
        
        @media (max-width: 768px) {
            .nxks_container {
                padding: 15px;
            }
            
            .nxks_header h1 {
                font-size: 2.2rem;
            }
            
            .nxks_content {
                padding: 25px 20px;
            }
            
            .nxks_title {
                font-size: 1.9rem;
            }
            
            .nxks_navigation {
                flex-direction: column;
            }
            
            .nxks_nav-link {
                width: 100%;
                margin-bottom: 15px;
            }
            
            .nxks_features {
                grid-template-columns: 1fr;
            }
        }
        
        @media (max-width: 480px) {
            .nxks_header h1 {
                font-size: 1.8rem;
            }
            
            .nxks_title {
                font-size: 1.6rem;
            }
            
            .nxks_text {
                font-size: 1.05rem;
            }
        }
		
		
/*疾病科普*/
 
        /* 浮动按钮样式 */
        .kp_floating-btn {
            position: fixed;
            left: 0;
            bottom:20%;
            transform: translateY(-50%);
            z-index: 1000;
       
            align-items: center;
        }
        
        .kp_toggle-btn {
            background:linear-gradient(90deg, rgba(39, 193, 113, 1), rgba(11, 150, 110, 1));
            color: white;
            border: none;
            border-radius: 0 10px 10px 0;
            padding: 18px 15px;
            font-size: 1.2rem;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(42, 125, 225, 0.3);
            transition: all 0.3s ease;
          
            align-items: center;
            justify-content: center;
            width: 60px;
        }
        
        .kp_toggle-btn:hover {
            background-color: #009D4D;
            width: 50px;
            padding: 20px 15px;
        }
        
        .kp_toggle-btn i {
            font-size:15px;
        }
        
        /* 侧边栏面板样式 */
        .kp_sidebar {
            position: fixed;
            left: -800px;
            top: 0;
            width: 780px;
            height: 100vh;
            background-color: white;
            box-shadow: 5px 0 25px rgba(0, 0, 0, 0.1);
            z-index: 9999;
            padding: 30px 25px;
            overflow-y: auto;
            transition: left 0.4s ease;
        }
        
        .kp_sidebar.active {
            left: 0;
        }
        
        .kp_sidebar-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 2px solid #eaeff5;
        }
        
        .kp_sidebar-header h2 {
            color: #009D4D;
            font-size:22px;
        }
        
        .kp_close-btn {
            background: none;
            border: none;
            font-size: 1.5rem;
            color: #666;
            cursor: pointer;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.2s;
        }
        
        .kp_close-btn:hover {
            background-color: #f0f5fa;
            color: #2a7de1;
        }
        
        /* 科室卡片样式 */
        .kp_department-card {
            background-color: white;
            border-radius: 12px;
            padding: 25px;
            margin-bottom: 25px;
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05);
            border-top: 4px solid #2a7de1;
            transition: transform 0.3s, box-shadow 0.3s;
        }
        
        .kp_department-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
        }
        
        .kp_department-card:nth-child(2) {
            border-top-color: #38b2ac;
        }
        
        .kp_department-card:nth-child(3) {
            border-top-color: #ed8936;
        }
        
        .kp_department-title {
            color: #009D4D;
            font-size:20px;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px dashed #e0e6ef;
            display: flex;
            align-items: center;
        }
        
        .kp_department-title i {
            margin-right: 12px;
            font-size: 1.3rem;
        }
        
        .kp_disease-list {
            list-style-type: none;
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
        }
        
        .kp_disease-item {
            background-color: #f0f7ff;
            color: #454545;
            padding: 10px 18px;
            border-radius: 30px;
            font-size: 0.95rem;
            transition: all 0.2s;
            text-decoration: none;
            display: inline-block;
        }
        
        .kp_disease-item:hover {
            background:linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
            color: white;
            transform: scale(1.05);
            text-decoration: none;
        }
        
        /* 主内容区域样式 */
        .kp_main-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
            margin-top: 30px;
        }
        
        .kp_info-card {
            background-color: white;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
            flex: 1;
            min-width: 300px;
            max-width: 500px;
        }
        
        .kp_info-card h3 {
            color: #009D4D;
            font-size: 1.6rem;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
        }
        
        .kp_info-card h3 i {
            margin-right: 10px;
            color: #2a7de1;
        }
        
        .kp_info-card p {
            color: #555;
            line-height: 1.7;
            margin-bottom: 20px;
        }
        
        .kp_stats {
            display: flex;
            justify-content: space-around;
            margin-top: 30px;
            text-align: center;
        }
        
        .kp_stat-item {
            padding: 10px;
        }
        
        .kp_stat-value {
            font-size: 2.2rem;
            font-weight: 700;
            color: #2a7de1;
        }
        
        .kp_stat-label {
            color: #666;
            font-size: 0.9rem;
            margin-top: 5px;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .kp_sidebar {
                width: 300px;
                left: -300px;
            }
            
            .kp_header h1 {
                font-size: 2rem;
            }
            
            .kp_toggle-btn {
                width: 50px;
                padding: 15px 10px;
                font-size: 1rem;
            }
            
            .kp_toggle-btn:hover {
                width: 55px;
            }
            
            .kp_disease-item {
                padding: 8px 15px;
                font-size: 0.9rem;
            }
            
            .kp_info-card {
                min-width: 100%;
            }
        }
        
        @media (max-width: 480px) {
            .kp_header {
                padding: 15px;
            }
            
            .kp_sidebar {
                width: 100%;
                padding: 20px 15px;
				left: -100%;
            }
            
            .kp_department-card {
                padding: 20px;
            }
        }
        
        /* 遮罩层 */
        .kp_overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 998;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s, visibility 0.3s;
        }
        
        .kp_overlay.active {
            opacity: 1;
            visibility: visible;
        }
		
 .r_honors-list {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            list-style: none;
            padding: 0;
        }
        
        .r_honor-item {
            flex: 1 0 300px;
            max-width: 350px;
            background: url(../images/rhbg.jpg) right top no-repeat #FFF;
            border-radius: 10px;
            padding: 25px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            border-left: 5px solid #009D4D;
        }
        
        .r_honor-item:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
            border-left-color: #0d4d8c;
        }
        
        .r_honor-item i {
            color: #009D4D;
            font-size: 1.8rem;
            margin-bottom: 15px;
            display: block;
        }
        
        .r_honor-text {
            font-size: 1.1rem;
            font-weight: 500;
            color: #333;
            line-height: 1.5;
        }
        
        .r_category {
            margin-top: 10px;
            font-size: 0.9rem;
            color: #666;
            display: flex;
            align-items: center;
        }
        
        .r_category i {
            font-size: 1rem;
            margin-right: 5px;
            margin-bottom: 0;
        }
        
        .r_legend {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 30px;
            padding: 20px;
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
        }
        
        .r_legend-item {
            display: flex;
            align-items: center;
            margin: 5px;
        }
        
        .r_color-box {
            width: 20px;
            height: 20px;
            border-radius: 4px;
            margin-right: 10px;
        }
        
        .r_national {
            background-color: #e3f2fd;
            border-left-color: #009D4D;
        }
        
        .r_provincial {
            background-color: #f3e5f5;
            border-left-color: #9c27b0;
        }
        
        .r_municipal {
            background-color: #e8f5e9;
            border-left-color: #4caf50;
        }
        
        .r_association {
            background-color: #fff3e0;
            border-left-color: #ff9800;
        }
        
        .r_insurance {
            background-color: #fce4ec;
            border-left-color: #e91e63;
        }
        
        .r_footer {
            text-align: center;
            margin-top: 40px;
            padding: 20px;
            color: #666;
            font-size: 0.9rem;
            border-top: 1px solid #eee;
        }
        
        .r_stats {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 30px;
            margin: 30px 0;
            text-align: center;
        }
        
        .r_stat-box {
            background-color: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
            min-width: 180px;
        }
        
        .r_stat-number {
            font-size: 2.5rem;
            font-weight: 700;
            color: #009D4D;
            margin-bottom: 5px;
        }
        
        .r_stat-label {
            font-size: 1rem;
            color: #666;
        }
        
        @media (max-width: 768px) {
            .r_honor-item {
                flex: 1 0 100%;
                max-width: 100%;
            }
            
            .r_h1 {
                font-size: 2rem;
            }
            
            .r_subtitle {
                font-size: 1rem;
            }
        }
		
/*平安通讯*/
 .patx_gallery {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 25px;
            padding: 10px;
        }
        
        .patx_gallery_item {
            flex: 1 1 calc(20% - 25px);
            max-width: calc(20% - 25px);
			padding:20px;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            background-color: white;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
            position: relative;
        }
        
        .patx_gallery_item:hover {
            transform: translateY(-12px);
            box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15);
        }
        
        .patx_image_link {
            display: block;
            position: relative;
            overflow: hidden;
            height: 380px;
            text-decoration: none;
        }
        
        .patx_image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease, filter 0.5s ease;
        }
        
        .patx_gallery_item:hover .patx_image {
            transform: scale(1.05);
            filter: brightness(0.6);
        }
        
        .patx_overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: opacity 0.4s ease;
        }
        
        .patx_gallery_item:hover .patx_overlay {
            opacity: 1;
        }
        
        .patx_zoom_icon {
            color: white;
            font-size: 3rem;
            transform: scale(0.8);
            transition: transform 0.4s ease;
        }
        
        .patx_gallery_item:hover .patx_zoom_icon {
            transform: scale(1);
        }
        
        .patx_caption {
            padding:0px;
            text-align: center;
            background-color: white;
			 font-size:16px; line-height:33px;
			 font-weight:bold
        }
		.patx_caption a{ color:#333
        }
        
        .patx_caption_title {
            font-size: 1.3rem;
            color: #2c3e50;
            margin-bottom: 8px;
            font-weight: 600;
            transition: color 0.3s ease;
        }
        
        .patx_gallery_item:hover .patx_caption_title {
            color: #3498db;
        }
        
        .patx_caption_desc {
            font-size: 0.95rem;
            color: #7f8c8d;
            line-height: 1.5;
        }
        
        .patx_footer {
            text-align: center;
            margin-top: 50px;
            padding: 20px;
            color: #7f8c8d;
            font-size: 1rem;
            border-top: 1px solid #eee;
        }
        
        /* 响应式设计 */
		
		
		 @media (max-width: 1440px) {
            .patx_image_link {
            
            height: 280px;
          
        }
        }
        
		
        @media (max-width: 1200px) {
            .patx_gallery_item {
                flex: 1 1 calc(33.333% - 25px);
                max-width: calc(33.333% - 25px);
            }
        }
        
        @media (max-width: 992px) {
            .patx_gallery_item {
                flex: 1 1 calc(50% - 25px);
                max-width: calc(50% - 25px);
            }
            
            .patx_title {
                font-size: 2.3rem;
            }
        }
        
        @media (max-width: 768px) {
            .patx_gallery {
                gap: 20px;
            }
            
            .patx_gallery_item {
                flex: 1 1 40%;
                max-width: 50%;
				padding:10px;
            }
            
            .patx_title {
                font-size: 2rem;
            }
            
            .patx_subtitle {
                font-size: 1.1rem;
            }
        }
        
        @media (max-width: 480px) {
            .patx_container {
                padding: 10px;
            }
            
            .patx_header {
                margin-bottom: 25px;
            }
            
            .patx_title {
                font-size: 1.8rem;
            }
            
            .patx_image_link {
                height: 200px;
            }
        }
.qikan{ text-align:center}
.qikan img{ width:1000px;}

/*科室动态*/
  
        /* 移动端菜单按钮 */
        .k_news_mobile-menu-btn {
            display: none;
            color: #1a7c5c;
            border: none;
            padding: 12px 20px;
         
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.3s ease;
            align-items: center;
            gap: 8px;
        
        }
        
        .k_news_mobile-menu-btn:hover {
            background-color: #2a9d8f;
            transform: translateY(-2px);
        }
        
        .k_news_main-content {
            display: flex;
            gap: 30px;
            margin-top: 40px;
        }
        
        /* 左侧科室导航样式 */
        .k_news_department-nav {
            flex: 0 0 280px;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            overflow: hidden;
            height: fit-content;
            transition: transform 0.3s ease;
        }
        
        /* 移动端样式 - 侧滑导航 */
        .k_news_department-nav.k_news_mobile-sidebar {
            position: fixed;
            top: 0;
            right: -300px;
            width: 180px;
            height: 100%;
            z-index: 1000;
            border-radius: 0;
            transition: right 0.3s ease;
            box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
            overflow-y: auto;
        }
        
        .k_news_department-nav.k_news_mobile-sidebar.k_news_active {
            right: 0;
        }
        
        /* 侧滑导航遮罩层 */
        .k_news_sidebar-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 999;
            display: none;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .k_news_sidebar-overlay.k_news_active {
            display: block;
            opacity: 1;
        }
        
        /* 侧滑导航关闭按钮 */
        .k_news_sidebar-close {
            position: absolute;
            top: 15px;
            left: 15px;
            background: none;
            border: none;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
            z-index: 1001;
            display: none;
        }
        
        .k_news_nav-header {
            background: linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
            color: white;
            padding: 18px 20px;
            font-size: 1.3rem;
            font-weight: 600;
            position: relative;
        }
        
        .k_news_nav-header i {
            margin-right: 10px;
        }
        
        .k_news_department-list {
            list-style: none;
            padding: 0;
        }
        
        .k_news_department-item {
            border-bottom: 1px solid #f0f0f0;
            transition: all 0.3s ease;
        }
        
        .k_news_department-item:last-child {
            border-bottom: none;
        }
        
        .k_news_department-link {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 14px 20px;
                 color: #333;
            font-weight: 500;
            text-decoration: none;
            transition: all 0.3s ease;
            width: 100%;
        }
        
        .k_news_department-link:hover {
            background-color: #009D4D;
            color: white;
            padding-left: 25px;
        }
        
        .k_news_department-name {
            display: flex;
            align-items: center;
            gap: 10px;
			font-size:16px;
        }
        
        .k_news_department-icon {
            width: 20px;
            text-align: center;
        }
        
        .k_news_department-arrow {
            color: rgba(0, 0, 0, 0.4);
            transition: all 0.3s ease;
            font-size: 0.9rem;
        }
        
        .k_news_department-link:hover .k_news_department-arrow {
            color: white;
            transform: translateX(3px);
        }
        
        /* 右侧新闻样式 */
        .k_news_news-section {
            flex: 1;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            overflow: hidden;
        }
        
        .k_news_news-header {
            background:#fefefe;
            color:#454545;
            padding: 18px 25px;
            font-size: 1.3rem;
            font-weight: 600;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .k_news_news-header i {
            margin-right: 10px;
        }
        
        .k_news_more-news {
            font-size: 0.9rem;
            font-weight: normal;
            color: #a5d6a7;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .k_news_more-news:hover {
            color: white;
            text-decoration: underline;
        }
        
        .k_news_ks_news_list {
            list-style: none;
            padding: 0;
        }
        
        .k_news_ks_news_item {
            padding: 25px;
            border-bottom: 1px solid #eee;
            display: flex;
            gap: 20px;
            transition: background-color 0.3s;
        }
        
        .k_news_ks_news_item:hover {
            background-color: #f9f9f9;
        }
        
        .k_news_ks_news_img {
            flex: 0 0 280px;
            height: 180px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
        }
        
        .k_news_ks_news_img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }
        
        .k_news_ks_news_item:hover .k_news_ks_news_img img {
            transform: scale(1.05);
        }
        
        .k_news_ks_news_content {
            flex: 1;
        }
        
        .k_news_ks_news_title {
            font-size:18px;
            font-weight: 600;
            margin-bottom: 10px;
            color: #454545;
        }
        
        .k_news_ks_news_title a {
            color: inherit;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .k_news_ks_news_title a:hover {
            color: #2a9d8f;
            text-decoration: underline;
        }
        
        .k_news_ks_news_intro {
            color: #666;
            margin-bottom: 15px;
            line-height: 1.5;
            font-size: 0.95rem;
        }
        
        .k_news_ks_news_meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .k_news_ks_news_time {
            color: #888;
            font-size: 0.9rem;
        }
        
        .k_news_ks_news_time i {
            margin-right: 5px;
            color: #2a9d8f;
        }
        
        .k_news_ks_news_btn {
            background:linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(57, 190, 39, 1));
            color: white;
            border: none;
            padding: 8px 18px;
            border-radius: 25px;
            font-size: 0.9rem;
            cursor: pointer;
            transition: all 0.3s;
            text-decoration: none;
            display: inline-block;
        }
        
        .k_news_ks_news_btn:hover {
            background-color: #2a9d8f;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        
        /* 科室分类样式 */
        .k_news_department-category {
            color: #1a7c5c;
            font-weight: bold;
            font-size: 0.95rem;
            padding: 12px 20px 8px;
            background-color: #f0f7f4;
            border-bottom: 1px solid #e0e0e0;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .k_news_main-content {
                flex-direction: column;
            }
            
            .k_news_department-nav:not(.k_news_mobile-sidebar) {
                flex: none;
                width: 100%;
            }
            
            .k_news_mobile-menu-btn {
                display: flex;
            }
            
            .k_news_department-nav.k_news_mobile-sidebar {
                display: block;
            }
            
            .k_news_department-nav:not(.k_news_mobile-sidebar) {
                display: none;
            }
            
            .k_news_sidebar-close {
                display: block;
            }
        }
        
        @media (max-width: 768px) {
            .k_news_header-content {
                flex-direction: column;
                gap: 20px;
            }
            
            .k_news_contact-info {
                text-align: center;
            }
            
            .k_news_ks_news_item {
                flex-direction: column;
            }
            
            .k_news_ks_news_img {
                flex: none;
                width: 100%;
                height: 200px;
            }
        }
		

        
        /* 按钮样式 */
        .xkf_open_btn {
           
            color: white;
            border: none;
          
        
            cursor: pointer;
         
            display: flex;
            align-items: center;
            justify-content: center;
 
            position: relative;
            overflow: hidden;
            z-index: 1;
        }
        
       
        /* 弹窗样式 */
        .xkf_modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 1000;
            justify-content: center;
            align-items: center;
            animation: fadeIn 0.3s ease;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        .xkf_modal_content {
            background-color: white;
            width: 90%;
            max-width: 1200px;
            max-height: 85vh;
            border-radius: 20px;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            animation: slideUp 0.4s ease;
        }
        
        @keyframes slideUp {
            from { transform: translateY(50px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }
        
        .xkf_modal_header {
            background:linear-gradient(90deg, rgba(5, 150, 76, 1), rgba(0, 157, 77, 1));
            color: white;
            padding: 10px 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .xkf_modal_header h2 {
            font-size: 1.2rem;
            font-weight: 600;
        }
        
        .xkf_close_btn {
            background: rgba(255, 255, 255, 0.2);
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .xkf_close_btn:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: rotate(90deg);
        }
        
        .xkf_modal_body {
            padding: 30px;
            overflow-y: auto;
            flex-grow: 1;
        }
        
        /* 科室分类样式 */
        .xkf_kefu_mb {
            background-color: #f8f9fa;
            border-radius: 12px;
            margin-bottom: 15px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
            transition: all 0.3s ease;
        }
        
        .xkf_kefu_mb:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .xkf_kefu-title {
            background-color: #ecf0f1;
            padding: 18px 25px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background-color 0.3s ease;
        }
        
        .xkf_kefu-title:hover {
            background-color: #dfe6e9;
        }
        
        .xkf_kefu-title a {
            color: #2c3e50;
            text-decoration: none;
            font-size: 1.1rem;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }
        
        .xkf_kefu-title i {
            color: #009D4D;
            transition: transform 0.3s ease;
        }
        
        .xkf_kefu_mb.active .xkf_kefu-title i {
            transform: rotate(180deg);
        }
        
        .xkf_kefu-boder {
           padding: 20px;
            max-height:500px;
            overflow: hidden;
            transition: max-height 0.5s ease, padding 0.3s ease;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        
        .xkf_kefu_mb.active .xkf_kefu-boder {
            max-height: 500px;
            padding: 20px;
        }
        
        .xkf_kefu-boder a {
            background-color: white;
            color: #454545;
            text-decoration: none;
            padding: 6px 16px;
            border-radius: 50px;
            font-size:16px;
            transition: all 0.3s ease;
            border: 1px solid #e0e0e0;
            display: inline-block;
        }
        
        .xkf_kefu-boder a:hover {
            background-color: #009D4D;
            color: white;
            border-color: #009D4D;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .xkf_modal_content {
                width: 95%;
                max-height: 90vh;
            }
            
            .xkf_kefu-boder {
                gap: 12px;
            }
            
            .xkf_kefu-boder a {
                padding: 8px 16px;
                font-size: 0.95rem;
            }
        }
        
        @media (max-width: 768px) {
            .xkf_modal_header {
                padding:10px 20px;
            }
            
            .xkf_modal_body {
                padding: 20px;
            }
            
            .xkf_kefu-title {
                padding: 15px 20px;
            }
            
            .xkf_kefu-title a {
                font-size: 1.2rem;
            }
            
            .xkf_kefu-boder {
                padding: 10px;
                gap:5px;
            }
            
            .xkf_kefu_mb.active .xkf_kefu-boder {
                padding: 15px 20px 20px;
            }
            
            .xkf_kefu-boder a {
                padding: 8px 14px;
                font-size: 0.9rem;
            }
            
            h1 {
                font-size: 2rem;
            }
            
            .xkf_open_btn {
                 
            }
        }
        
        @media (max-width: 576px) {
            .xkf_kefu-boder {
             
            }
            
            .xkf_kefu-boder a {
                padding: 7px 12px;
                font-size: 0.85rem;
            }
            
            h1 {
                font-size: 1.8rem;
            }
            
            .description {
                font-size: 1rem;
            }
        }