/*
Theme Name: Hospital!
Theme URI: https://imcn.me
Author: chinacnd
Author URI: https://imcn.me
Description: Hospital Version: 2.7-2021.04.20
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: cnd

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
a {
	color: #00829a;
	text-decoration: none !important;
}
a:hover {
	text-decoration: none !important;
}
table {
	border-width: 0 1px 1px 0;
	margin: 0 0 15px 1px;
	margin: auto;
	border: 1px solid #ddd;
}
tr td {
	border-color: #DEDEDE;
	border-style: solid;
	border-width: 1px 0 0 1px;
	padding: 5px 10px;
}
ol, ul, li {
	list-style: none;
}
form {
	margin: 0;
}
.nav-link {
	font-weight: 550;
}
.navbar {
	border-bottom: solid 1px #EDEDED;
	background: linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.8));
	z-index: 2;
	backdrop-filter: blur(0.3rem);
}
.navbar-collapse {
	min-width: 700px;
}
.navbar-collapse .active {
	/* 	background-image: linear-gradient(#00829a 10%, #00829a 95%, #00829a 99%); */
	border-radius: 0px;
}
.navbar-collapse .active a {
	/* 	color: #FFF !important; */
}
.navbar-collapse ul {
	border-radius: 0px;
}
.navbar-light .navbar-toggler {
	border: 0px;
}
.dropdown-menu {
	top:60px !important;
}
.dropdown-item span {
	color: #19acc7;
	font-weight:550
}
.menu-item a {
	padding: 0.5rem 1rem !important;
	color: #00829a !important;
}
.menu-item a:hover {
	border-radius: 0px;
	background: #EEE;
	/* 	background-image: linear-gradient(#00829a 10%, #00829a 95%, #00829a 99%);
	color: #FFF !important; */
}
.nav-item-divider {
	height: 1px;
	background: #D5DCE5;
	margin-top: 15px;
	margin-bottom: 15px;
	list-style: none;
}
.carousel-inner {
	max-height: 650px;
}
/*幻灯开始*/
.bd-example {
	margin-right: 0;
	margin-left: 0;
	border-width: .2rem;
	position: relative;
	border-width: .2rem 0 0;
}
.carousel-caption {
	top: 50%;
}
/*幻灯end*/

/*首页卡片开始*/
.index-card {
	margin-top: 0.5rem;
	display: flex;
	flex-wrap: wrap;
}
.index-card-row {
	display: flex;
	flex-wrap: wrap;	
}
.card-hs {
	width: 100%;
	background: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.5));
	border-radius: 0px 0px 0 0;
	padding: 15px;
	border-left: 1px #DDD solid;
	border-right: 1px #DDD solid;
	z-index:2;
	backdrop-filter:blur(0.3rem);
}
.card-hs:hover {
	background: #fff;
}
.card-icon {
	font-size: 28px;
	color: #00829a;
	text-align: center;
	font-weight:600;
}
.card-icon a {
	color: #009688;
	font-weight:600;
}
.card-hs-bd {
	font-size: 14px;
	color: #00829a;
	text-align: center;
	padding: 10px 0 0 0;
	font-weight:600;
}
.card-hs-bd a {
	color: #009688;
	font-weight:600;
}
/*首页卡片结束*/

/*首页Css开始*/
.navbar-brand img {
	max-width: 230px;
	height: auto;
}
.call {
	margin: 5px;
}
.tell-info {
	margin: 5px 0;
}
.tell-info a {
	padding: .625rem 2rem;
	border-radius: 5px;
	color: #333;
	margin: 3px 15px;
}
.search-form {
	padding: 3px;
}
.index-nav{
	color: #EDEDED;
	font-size: 26px;
	margin-top: 5rem;
	text-align: right;
}
.home-special-subject {
	padding: 15px 0 15px 0;
}
.home-card {
	color: #00829a;
	font-weight: 600;
	margin: 5px 0;
	background: url(/wp-content/uploads/2021/03/since09.png) no-repeat center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
	border-radius: 3px;
	font-size:1.4rem;
	height: 82px;
	display: flex;
	justify-content: center; /* 水平居中 */
	align-items: center; /* 垂直居中 */
	position: relative;
}
.wdtx {
	position: absolute;
	background: #00829a;
	bottom: 0;
	width: 100%;
	height: 0;
	transform-origin:bottom;
	transition: 0.3s;
}
.home-card:hover .wdtx {
	height: 100%;
	width: 100%;
	transform: perspective(82px);
	border-radius: 3px;
}
.home-card:hover {
	color: #fff;
}
.wdfz {
	z-index:2;
}
.home-card01{
	background: url(/wp-content/uploads/2021/03/since08.png) no-repeat center;
	color: #00829a;
	font-weight: 600;
	margin: 5px 0;
	box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
	border-radius: 3px;
	font-size:1.4rem;
	height: 82px;
	display: flex;
	justify-content: center; /* 水平居中 */
	align-items: center; /* 垂直居中 */
	position: relative;
}
.home-card01 a {
	color: #00829a;
	font-weight: 600;
}
.home-card01:hover .wdtx {
	height: 100%;
	width: 100%;
	transform: perspective(82px);
	border-radius: 3px;
}
.home-card01:hover {
	color: #ffffff;
}
.home-card02 {
	background: url(/wp-content/uploads/2021/03/since07.png) no-repeat center;
	color: #00829a;
	font-weight: 600;
	margin: 5px 0;
	box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
	border-radius: 3px;
	font-size:1.4rem;
	height: 82px;
	display: flex;
	justify-content: center; /* 水平居中 */
	align-items: center; /* 垂直居中 */
	position: relative;
}
.home-card02 a {
	color: #00829a;
	font-weight: 600;

}
.home-card02:hover .wdtx {
	height: 100%;
	width: 100%;
	transform: perspective(82px);
	border-radius: 3px;
}
.home-card02:hover {
	color: #fff;
}
.card-body {
	box-shadow: 0px 0px 8px 0px rgba(1, 1, 1, 0.14);
	border-radius: .25rem;
	margin: 7px 0px;
	background-color: #FFF;
}
.zhuye {
	background: url(/wp-content/uploads/2021/02/rmyy-bg2-scaled.jpg) no-repeat center;
	background-size: cover;
}
.yyry-title {
	text-align: center;
	padding: 10px;
	font-size: 24px;
	margin-bottom: 12px;
	color: #222;
	border-bottom: 1px dotted #00829a;
}
.yyry-title a {
	color: #333;
}
/*首页Css结束*/
.imcn {
	padding: 42px;
}
.hospital-card {
	background: #F9F9F9;
	border-radius: 3px;
	margin-top: 20px;
	padding: 15px;
	opacity: 0.95;
}
.hospital-about {
	margin-top: 15px;
	border-bottom: 1px dotted #00829a;
}
.hospital-btn {
	font-size: 24px;
	color: #333;
}
.hospital-btn:hover {
	color: #00829a;
}
.mybtn {
	width: 160px;
	margin: 5px;
}
.mybtn a{
	color: #fff;
	width: 50px;
}
.mybtn:hover a{
	color: #fff;
}
.btn-s {
	margin: 0 !important;
	height: 2.35rem;
	border-radius: 0 0.25rem 0.25rem 0 !important;
	background: #17a2b8
}
.form-control {
	color: #319b93 !important;
	border: 1px solid #dcedec !important;
}
.btn-info {
	margin: 0 2px;
}
.wrapper {
	min-height: 100%;  
	margin-bottom: -176px; /* 等于footer的高度 */
	background: linear-gradient(68deg, var(--blue4) 70%, var(--purple2) 100%);
}
.home-wrapper{
	padding:9.7em 2em 0em 2em;
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2024/02/rmyy-bg-m-scaled-1.jpg") no-repeat scroll center center / cover;
}
.swiper-wrapper{
	padding:2em;
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2024/02/rmyy-bg-m-scaled-1.jpg") no-repeat scroll center center / cover;
}
.center-wrapper{
	padding: 0px 0 176px 0;
}
.home-title {
	color:#FFF;
	padding: 50px 15px 5px 15px;
	font-size: 24px;
}
.goback {
	padding:6px;
	color: #FFF;
	background-color: #00829a; /* 不支持线性的时候显示 */
	background-image: linear-gradient(to right, #00829a , #1298b3);
	text-align: center;
	box-shadow: 0 0 10px #af9292;
}
.goback a {
	color: #FFF;
}
.goback a:hover {
	color: #EEE;
}
.medal {
	padding-top: 10px;
	border-top: 1px dotted #00829a;
}
.yyjs {
	color: #FFF;
	text-align: center;
	padding: 3em 0 0em 0;
}
.card {
	background-color: #999;
}
.doc-card {
	margin: 5px 0;
	padding: 2px;
	border-radius: 5px;
	background-color: #FFF;
}
.doc-card-img {
}
.doc-card-img img{
	width: 100%;
	box-shadow: 0 0px 4px rgb(0 0 0 / 50%);
}
.doc-title {
	text-align:center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
}
.expert-card {
	margin: 0px 0;
	padding: 0 0 8px 0;
	border-radius: 5px;
	background-color: #FFF;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
	font-weight: 550;
	font-family: "Microsoft YaHei", sans-serif;
}
.expert-card span{
	font-weight: 500;	
}
.expert-card a{
	color:#333;
}
.doctor-col {
	padding: 3px !important;
}
.doc-content {
	padding: 10px;
}
.doctor-i {
	font-weight: 550;
}
.doctor-i span {
	font-weight: 370;
}
.doctor-introduction {
	font-weight: 550;
}
.expert-card img {
	width:100%;
	border-radius:5px 5px 0 0;
	object-fit: contain;
	height: 17.6rem;
	background: #065e8e;
}
.expert-card-name {
	padding: 15px 5px 2px 5px;
	font-size: 14px;
	color: #333;
}
.expert-card-depa {
	padding: 5px;
	font-size: 14px;
	color: #333;
}
.expert-card-post {
	padding: 5px;
	font-size: 14px;
	color: #333;
	display:none;
}
.expert-card-titl {
	padding: 5px;
	font-size: 14px;
	color: #333;
	height: 28px;
}
.expert-card-titl-span {
	color: #FFF;
}
.expert-card-spec {
	padding: 5px;
	font-size: 14px;
	color: #333;
	min-height: 100px;
}
.expert-card-link {
	padding: 2px 5px 15px 5px;
	font-size: 14px;
	color: #00829a;
	color: #333;
}
.label {
	margin:5px;
	box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
	padding: 5px 20px;
	border-radius: 3px;
}
.label a {
	color: #00829a;
	font-weight:550;
}
.introduction {
	font-size: 14px;
}
.introduction h1,h2,h3,h4{
	padding: 10px;
}
.doctor-introduction {
	padding: 5px;
}
.ry-card {
	margin: 5px 0;
	box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
	padding: 2px;
	background-color: #67350c;
}
.ry-card:hover {
	opacity: 0.77;
}
.fh-card {
	margin: 15px 0;
	box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
	/* 	padding: 5px; */
	border-radius: 3px;
	background-color: #f2fdff;
	text-align: center;
}
.fh_title {
	padding:5px 10px;
	min-height: 90px;
	margin:5px 0 1px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fh_title a {
	color: #666;
	padding: 5px;
	font-size: 14px;
}
.card-img-top {
	border-radius: 0px;
}
.wp-post-image {
	height: auto;
}
.card-title {
	border-bottom: 1px #EDEDED solid;
	font-size: 20px;
	padding: 7px 7px;
	text-align: center;
}
.card-title a {
	color: #333;
}
.card-text {
	font-size: 14px;
	line-height: 26px;
	padding: 10px;
}
.card-text a {
	color: #777;
}
.doc-text {
	padding: 7px;
}
.cardbox {
	border-radius: 8px;
} 
.cardm {
	text-align: center;
	top: 50%;
	left: 50%;
	border-radius: 3px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.5);
	overflow: hidden;
	z-index: 2;
	padding: 1em 3.3em;
	box-sizing: border-box;
	margin: 15px 0 15px 0;
	background-color: #00829a;
}
.cardm:hover {
	background: #056172;
}
.cardm::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-filter: blur(20px);
	-moz-filter: blur(20px);
	-ms-filter: blur(20px);
	-o-filter: blur(20px);
	filter: blur(20px);
	z-index: -3;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}
.cardm_1 {
	text-align: center;
	border-radius: 3px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.5);
	overflow: hidden;
	z-index: 2;
	box-sizing: border-box;
	margin: 15px 0 15px 0;
	background-color: #00829a;
	padding: 0.2em 1.25em;
}
@keyframes flip {
	from { transform: rotateY(0deg); }
	to { transform: rotateY(360deg); }
}
.card-ico {
	color: #fff;
	font-size:3em;
	margin: 10px 0;
}
.card-ico:hover {
	animation-name: flip;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.card-ico a {
	color: #fff;
}
.card-ico a:hover {
	color: #EDEDED;
}
.card-p {
	color: #fff;
	margin: 15px 0;
}
.card-p a {
	color: #fff;
}
.card-p a:hover {
	color: #fff;
}
.navigation-body {
	padding: 10px;
}
.navigation-title {
	padding: 15px 0px;
	font-size: 18px;
	border-bottom: 1px dotted #00829a;
}
.navigation-title a{
	padding: 15px 0px;
	font-size: 18px;
	color: #00829a;
}
.navigation-doctor {
	padding: 8px 0px;
	border-bottom: 1px dotted #00829a;
}
.navigation-doctor a {
	font-size: 16px;
	color: #333;
}
.doctor-title {
	text-align: center;
	padding: 15px 0px;
	font-size: 24px;
	border-bottom: 1px dotted #00829a;
}
.doctor-title a{
	padding: 15px 0px;
	font-size: 24px;
	color: #333;
}
.announcement-title {
	padding: 15px 0px;
	font-size: 24px;
	border-bottom: dotted 1px #006466;
}
.announcement-title a {
	color: #333;
}
.announcement-body a {
	color: #6c757d;
	font-size: 14px;
}
.announcement-body li {
	border-bottom: 1px dotted #006466;
	line-height: 32px;
	margin: 0;
	padding-left: 15px;
}
.announcement-body span{
	float: right;
	margin-left: 6px;
	width: 110px;
	height: 28px;
	color: #006466;
	font-size: 14px;
}
.banner-p {
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2021/03/banner01.jpg") no-repeat scroll center center / cover;
}
.banner {
	padding-top: 85px;
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2021/03/banner01.jpg") no-repeat scroll center center / cover;
}
.banner-a {
	font-size: 3rem;
	text-align:center;
	color: #fff;
	padding: 30px 0;
	text-shadow: 3px 3px 3px #666;
}
.content {
	font-family: 'Microsoft Yahei';
	font-size: 16px;
	line-height: 2.0;
	color: #0e0e0e;
	margin-bottom: 20px;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #E5E8ED;
	padding: 32px;
	box-shadow: 0 2px 4px 0 rgba(3,27,78,.06);
}
.pg-content {
	font-family: 'Microsoft Yahei';
	font-size: 16px;
	line-height: 2.0;
	color: #0e0e0e;
	margin-bottom: 10px;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #E5E8ED;
	padding: 32px;
	box-shadow: 0 2px 4px 0 rgba(3,27,78,.06);
}
.page-body li:before {
	list-style: none;
	content: '' !important;
}
.page_title {
	line-height: 36px;
	font-size: 1.2em;
	text-align: center;
	padding: 10px;
}
.single-title {
	line-height: 28px;
	font-size: 22px;
	text-align: center;
	font-weight: 520;
	padding: 9px;
}
.meta {
	display: inline-block;
	vertical-align: middle;
	margin-right: 28px;
	font-size: 12px;
	line-height: 32px;
	color: #999;
	float:right;
}
.meta a {
	color: #999;
}
.content-title {
	padding-bottom: 2px;
	border-bottom: solid 1px #e5e5e5;
}
.content-body{
	padding: 15px 20px;
	text-indent: 2em;
}
.content-body ol {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
}
.content-body li {
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative;
}
.content-body li:before {
/* 	content: counter(my-counter); */
	counter-increment: my-counter;
	color: #222;
	display: block;
	float: left;
	line-height: 32px;
	margin-left: -30px;
	text-align: center;
	height: 22px;
	width: 22px;
	border-radius: 50%;
}
.content-body img{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0;
	max-width: 100%;
	height: auto;
}
.about_artcle {
	padding: 15px 25px;
}
.about_artcle li {
	margin-bottom: 10px;
	position: relative;
	border-bottom: 1px dotted #EDEDED;
	list-style-type: square;
}
.about_artcle a {
	color: #777;
}
.about_artcle span {
	float:right;
}
.content-doctor{
	padding: 15px 20px;
}
.content-doctor ol {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
}
.content-doctor li {
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative;
}
.content-doctor li:before {
	/*
	content: counter(my-counter);
	counter-increment: my-counter;
	*/
	color: #222;
	display: block;
	float: left;
	line-height: 32px;
	margin-left: -30px;
	text-align: center;
	height: 22px;
	width: 22px;
	border-radius: 50%;
}
.introduction img {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0;
	max-width: 100%;
	height: auto;
}
.doctor-img {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 3px !important;
	height: auto;
	box-shadow:0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
	border-radius: 5px;
}
.doctor-img img{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	border-radius: 5px;
}
.page-body{
	padding: 15px 20px;
}
.page-body img {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0;
	max-width: 100%;
	height: auto;
}
.page-body ol {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
}
.page-body li {
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative;
}
.page-body li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	color: #222;
	display: block;
	float: left;
	line-height: 32px;
	margin-left: -30px;
	text-align: center;
	height: 22px;
	width: 22px;
	border-radius: 50%;
}
.page-body img{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0;
}
.breadcrumbs {
	padding: 7px;
	margin: 0;  
	font-size:13px;
	color: #7c7c7d;
	border-top: solid 1px #EDEDED;
}
.breadcrumbs a{
	padding: 0;  
	margin: 0;  
	color: #7c7c7d;
}
/*侧边栏Css开始*/
.sider {
	/* 	border-left: 1px solid #E5E5E5; */
	box-shadow: 0px 0px 38px 0px rgba(12, 40, 86, 0.1);
}
.panel-r-title {
	font-size: 16px;
	color: #000;
	line-height: 28px;
	font-weight: 400;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px;
}
.panel-r ul {
	margin-top: 1rem;
}
.panel-r li a {
	line-height: 28px;
	font-size: 14px;
	color: #666;
	display: block;
	padding-right: 18px;
	word-wrap: break-word;
	font-weight: 400;
}
.panel-r li a:hover {
	color: #00829a;
}
.arch-title {
	font-size: 20px;
	padding: 15px 15px 0 15px;
	line-height: 85px;
}
.arch-title a {
	color: #333;
}
.arch-title span {
	color: #666;
	font-size: 13px;
	float: right;
}
.arch-text {
	padding: 7px 15px;
	color: #666;
	font-size: 14px;
	line-height: 28px;
}
.arch-text a {
	color: #777;
}
.official-news {
	padding: 6px 15px;
	border-bottom: 1px #EDEDED solid;
	font-size: 18px;
	margin-bottom: 7px;
}
.official-news a {
	color: #333;
	font-weight: 600;
}
.page_navi{overflow:hidden;width:100%;text-align:center}
.page_navi a{height:36px;border:1px solid #DDD;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#888;background-color:#DDD;text-decoration:none;line-height:36px;margin:2px;padding:3px 8px}
.page_navi a:hover,.page_navi a.current{border:1px solid #01A9E9;color:#FFF;font-weight:bolder;background-color:#01A9E9}
footer {
	color: #fff;
	font-size: 14px;
	border-top: solid #DEDEDE 1px;
	padding: 12px;
	background-color: #00829a;
}
footer p {
	margin-top: 0.7rem;
	margin-bottom: 0.5rem;
}
footer a {
	color: #fff;
}
footer .footer{
	height: 100px;
}
.footer-left {
	text-align: right;
	border-right: solid 1px #6fa291;
}
.footer-right {
	margin-top: 7px;
}
.footer-left img {
	padding: 14px 14px 0px 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.footer-right-t {
	text-align:center;
	border-left:solid 1px #6fa291;
}
.footer-right-t img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.video {
	padding: 20px 0;
}
.video-p {
	padding: 15px 0;
}
.video-title {
	height: 37px;
	border-bottom: 1px dotted #00829a;
}
.video-head {
	padding: 15px 0px;
	font-size: 24px;
	color: #009688;
	font-weight: 600;
}
.video-cs {
	padding: 0 20px;
	font-size: 14px;
	color: #009688;
	font-weight: 600;
}
/*卡片特效*/
.card-container {
	position: relative;
	display: flex;
	margin: 5px 0;
	/* 	flex-direction: column; */
	/* 	gap: 30px; */
}

.card-container .box {
	position: relative;
	background: #fff;
	max-width: 100%;
	height: 100px;
	cursor: pointer;
	transition: 0.5s ease-in-out;
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.025);
	margin: 10px 0
}
.card-container .box::before {
	content: '';
	position: absolute;
	width: 6px;
	height: 100%;
	background: var(--clr);
	transition: 0.5s ease-in-out;
}

.card-container .box:hover::before {
	width: 100%;
}

.card-container .box .contents {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
}

.card-container .box .contents .icon {
	position: relative;
	min-width: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.card-container .box .contents .icon i {
	font-size: 2.5em;
	color: var(--clr);
	transition: 0.5s ease-in-out;
}

.card-container .box:hover .contents .icon i {
	color: #fff;
}

.card-container .box .contents .text h5 {
	font-weight: 550;
	color: var(--clr);
	transition: 0.5s ease-in-out;
	margin-top: 15px;
}

.card-container .box .contents .text p {
	font-size: 0.9em;
	color: #999;
	transition: 0.5s ease-in-out;
}

.card-container .box:hover .contents .text h5,
.card-container .box:hover .contents .text p {
	color: #fff;
}
/* 右侧固定导航 */
.rightnav {
	position: fixed;
	right: 0;
	top: 44%;
	width: 100px;
	z-index: 99;
	margin-top: -190px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}
.close {
	background:#FFF;
	text-align:center;
	cursor: pointer;
}
.rightnav p {
	text-align:center;
	margin: 0px;
	padding: 5px;
	background-color: #fff;
}
.rightnav a {
	color: #fff;
	background: #6c757d;
	padding: 5px 12px;
}
.rightnav a:hover {
	color: #EDEDED;
}
/* 导航首页格式 */
.home-head {

}
.home-head img{
	width: 100%;
	margin: 1rem 0;
}
.home-nav-bg {
	background-image: url("/wp-content/themes/hospital/images/niaokantu03.jpg");
	background-size: cover;
	background-position: center center;
	background-color: #333;
	color: #00829a;
}
.home-nav {
	/* 	width: 1626px;
	position: absolute;
	height: 657px;
	left: 50%;
	top: 50%;
	right: 0;
	bottom: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); */
}
.wrap {
	height: 100vh;
	display:flex;
	justify-content:center;
	align-items:center;
}
.home-nav-card {
	color: #00829a;
}
.home-nav-card a{
	color: #00829a;
	font-weight: 550;
}
.home-box {
	color: #FFF;
	/* 	background-color: rgb(255 248 248 / 49%); */
	background-color: #0356652e;
	backdrop-filter: blur(0.2rem);
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 8px 8px rgb(0 0 0 / 90%);
	margin: 5px 0;
	/* 	transition-property: background; */
	transition-duration: 0.5s;
	position: relative;
}
.home-box:hover {
	color: #FFF;
	/* 	background: #FFF; */
}
.home-box:hover .box-padding{
	padding: 10px;
}
.home-box-h{
	padding: 0rem;
	font-size: 5rem;
}
@keyframes spin {
	from { transform: rotateY(0deg); }
	to { transform: rotateY(360deg); }
}
.box-p {
	position:absolute;
	top: 0;
	height: 0;
	width: 100%;
	/* 	background: linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.88)); */
	background: #00829a;
	transform-origin: top;
	transition: 0.3s;
	border-radius: 3px;
	z-index: -1;
}
.box-padding {
	height: 7rem;
	width: 100%;
	opacity: 0;
	font-size: 1.5rem;
	transition: 0.5s;
}
.home-box:hover .box-p {
	height: 100%;
	width: 100%;
}
.home-box:hover .box-padding {
	opacity: 0.99;
}
.box-p1 {
	position:absolute;
	top: 0;
	height: 0;
	width: 100%;
	background-image:url(/wp-content/themes/hospital/images/ConvenientServices02.jpg);
	/* 	background-size: cover; */
	background-position: center center;
	transform-origin: top;
	transition: 0.3s;
	border-radius: 3px;
}
.home-box:hover .box-p1{
	width: 100%;
	height: 58%;
}
.box-p2 {
	position:absolute;
	top: 0;
	height: 0;
	width: 100%;
	background-image:url(/wp-content/themes/hospital/images/WebsiteHomepage.jpg);
	background-position: center center;
	transform-origin: top;
	transition: 0.3s;
	border-radius: 3px;
}
.home-box:hover .box-p2 {
	width: 100%;
	height: 58%;
}
.box-p3 {
	position:absolute;
	top: 0;
	height: 0;
	width: 100%;
	background-image:url(/wp-content/themes/hospital/images/HospitalBranch01.jpg);
	background-position: center center;
	transform-origin: top;
	transition: 0.3s;
	border-radius: 3px;
}
.home-box:hover .box-p3 {
	width: 100%;
	height: 58%;
}
.box-p4 {
	position:absolute;
	top: 0;
	height: 0;
	width: 100%;
	background-image:url(/wp-content/themes/hospital/images/OfficeAutomation_new.jpg);
	background-position: center center;
	transform-origin: top;
	transition: 0.3s;
	border-radius: 3px;
}
.home-box:hover .box-p4 {
	width: 100%;
	height: 58%;
}
.home-box-h img{
	width: 100%;
	border-radius: 5px 5px 0 0;
}
.home-box:hover .home-box-h {
	opacity: 0;
}
.home-box-b {
	font-size: 1.5rem;
	padding: 2rem 0;
}
.home-box:hover .home-box-b {
	opacity: 0;
}
.home-box-b a {
	color: #00829a;
}
.home-box-bf {
	font-size:1rem;
	height: 56px;
}
.home-box-bf a {
	color: #00829a;
}
.home-box-logo img{
	width: 100%;
	border-radius: 5px 5px 0 0;
	padding: 30px 0 0 0;
}
.home-box-hd {
	text-align: center;
	color: #FFF;
	font-size: 21px;
	padding: 5px 0 5px 0;
	background: #c37e13;
	box-shadow: 0 0px 8px rgb(0 0 0 / 90%);
}
.home-box-hd a {
	color: #eee;
}
.home-box-hd a:hover{
	color: #eee;
}
.home-box-body {
	padding: 2.1rem 0;
	border-radius: 0px 0 3px 3px;
}
.home-box-t {
	text-align:left;
	color: #ffffff;
	padding: 0 20px;
	line-height: 30px;
	display: flex;
}
.home-box-t a {
	font-weight:400 !important;
}
.t1 {
	width: 10%;
	float:left;
	padding: 7px 15px 0 0;
}
.t2 {
	width: 90%;
	float:right;
}
.t3 {
	padding: 7px;
	width: 100%;
}
.t3 table {
	border-collapse: collapse;
	border: 0;
}
.t3 td {
	border-collapse: collapse;
	border: 0;
}
.home-box-t a{
	color: #ffffff;
}
.home-footer {
	margin-top: 5rem;
	color: #fff;
	border-top: dotted #fff 1px;
	padding: 15px;
}
.home-footer a{
	color: #fff;
}
.home-footer-img {
	width:80px;
}
.home-footer-left {
	text-align: right;
}
.home-footer-right {
	text-align: left;
}
/* 分院页面 */
.branch-body {
	padding: 10px 0;
}
.branch-body .title {
	text-align: center;
	color: #00829a;
}
.branch-card {
	box-shadow: 0 5px 8px rgba(0,0,0,0.52);
	margin: 9px;
	position:relative;
}
.branch-img {
	width: 100%;
}
.branch-img:hover {
	opacity: 0.7;
}
.branch-img-p {
	text-align: center;
	padding:9px;
	margin: 9px;
	box-shadow: 0 3px 5px rgb(0 0 0 / 16%);
}
.branch-img-p img{
	width: 100%;
}
.branch-title {
	margin: 5px 0;
	padding: 10px 0;
	text-align: center;
	color: #00829a;	
	font-size: 16px;
	position: absolute;
	bottom: -5px;
	width: 100%;
	background: rgba(255,255,255,0.8);
}
.branch-title a {
	text-align: center;
	color: #00829a;
	font-size: 16px;
}
/* 医院概况 */
.about-hospital {
	/* 	box-shadow: 0px 0px 8px 0px rgba(1, 1, 1, 0.14); */
	margin: 15px 9px;
}
.ha-head {
	font-size:20px;
	font-weight: 550;
	color: #00829a;
	padding:25px;
}
.about-hospital-s {
	box-shadow: 0px 0px 8px 0px rgba(1, 1, 1, 0.14);
	border-radius: 3px;
	background-color: 
}
.about-hospital-s ul {
	margin-top: 15px;
	text-align:center;
	padding: 15px;
}
.about-hospital-s li {
	padding:5px 25px;
}
.about-hospital-s a {
	color:#17a2b8;
}
.post {
	clear: both;
	overflow: hidden;
	margin-bottom: 0px;
	padding: 0px 0 0 0;
	font-family: "Microsoft Yahei", "Arial", HELVETICA;
	color: #999;
	border-bottom: 1px solid #EDEDED;
	margin-bottom: 5px;
	display:flex;
	background: linear-gradient(45deg, #00829a, #00829ac4) no-repeat left bottom;
	background-size: 0px 2px;
	transition:0.5s;
}
.post:hover {
	background-size: 100% 2px;
}
.post-left {
	min-width: 107px;
	height: 107px;
	float: left;
	white-space: nowrap;
   text-align: center;
	box-shadow: 0px 0px 10px 0px rgba(12, 40, 86, 0.1);
	margin: .7rem 0;	
}
.post-right {
	max-width: 950px;
	float:right;
}
.post-day {
	font-size: 2rem;
	color: #333;
	font-family: impact;
}
.post-year {
	font-size: 1rem;
	color: #333;
}
.depart-box {
	border-radius: 3px;
	height: 80px;
	padding: 9px;
	display: flex;
   align-items: center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
	background: #FFF;
	margin: 15px 0;
}
.depart-box a {
	text-align: center;
	width: 100%;
	color: #050606;
}
.depart-box:hover {
	background: #f9f9f9;
}
/* 满意度调查 */
.mydbox {
	margin: 20px 0;
	background: #FFF;
	padding: 20px;
}
.myd {
	display: flex;
	justify-content: center;
	align-items: center;
}