* {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

a {
	text-decoration: none;color: #333;
}

html,
body {
	width: 100%;
	height: 100%;
}

.heade {
	width: 100%;
	height: 100px;
}

.heades {
	width: 1200px;
	height: 100%;
	background-color: #fff;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.log {
	width: 450px;
	height: 100%;
	display: flex;
	align-items: center;
}

.log>img {
	width: 80px;
	height: 80px;
}

.text {
	width: 315px;
	height: 55px;
	margin-left: 30px;
}

.text>h4 {
	font-weight: normal;
	font-family: PingFang-SC-Medium;
	font-size: 24px;
	color: #333333;
	letter-spacing: 0.14px;
}

.text>p {
	font-family: PingFang-SC-Regular;
	font-size: 16px;
	color: #999999;
	letter-spacing: 0.09px;
}

.input {
	width: 300px;
	height: 30px;
	background: #FFFFFF;
	border: 2px solid #088e8d;
	position: relative;
}

.input>img {
	width: 20px;
	height: 20px;
	margin-left: 11px;
	margin-top: calc(15px - 14px / 2);
}

.form_text {
	width: 230px;
	height: 25px;
	border: none;
	outline: none;
	font-family: PingFang-SC-Regular;
	font-size: 14px;
	color: #999999;
	letter-spacing: 0.1px;
	position: absolute;
	left: 50px;
	top: calc(50% - 25px / 2);
}

.input>button,.btntt{
	width: 100px;
	height: 100%;
	border: none;
	outline: none;
	background: #088e8d;
	font-size: 15px;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
}

.banner {
	width: 100%;
	height: 530px;
	position: relative;
}
.banner .owl-item img {
	padding-top: 60px;
}
.banner img {
	height: 470px;
        /*padding-top: 60px; */
}
.nbanner{height: 330px;}
.nbanner img{width: 100%;
    height: 280px;
    position: absolute;
    top: 60px;}
.tabel {
	position: absolute;
	width: 100%;
	height: 60px;
	background-image: linear-gradient(-90deg, #088e8d 0%, #0057A7 100%);
	left: 0;
	top: 0;
	z-index: 999;
	opacity: 0.8;
}

.tabel>ul {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.tabel>ul>li{
    float: left;
	width: calc(100% / 7);
	text-align: center;
}
.tabel>ul>li:hover{
    background: rgba(0, 0, 0, 0.40);
}
.tabel>ul>li>a {
	line-height: 60px;
	font-size: 18px;
	color: #fff;
	display: block;
}
.tabel>ul>li>.erji{
    display:none;
	z-index:9999;
    background-image: linear-gradient(-90deg, #088e8d 0%, #0057A7 100%);

}
.tabel ul li:hover .erji{
    display:block
}
.tabel>ul>li>.erji p{
    line-height:45px;
	font-size:14px;
}
.tabel>ul>li>.erji p:hover{
    background: rgba(0, 0, 0, 0.40);
}
.tabel>ul>li>.erji p a{
    color: #fff;
	display: block;
}
.act {
	position: absolute;
	width: 14.3%;
	height: 100%;
	background: rgba(0, 0, 0, 0.40);
	left: 0;
	top: 0;
	z-index: -1;
	transition: 0.5s;
}

.tabel2 {
	width: 100%;
	height: 130px;
	background-image: linear-gradient(-90deg, #0057A7 0%, #088e8d 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 999;
	opacity: 0.8;
}

.tabel2>ul {
	width: 1220px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.tabel2>ul>a {
	flex: 1;
	color: #fff;
	font-size: 14px;
	transition: 1s;
	height: 100%;
}

.tabel2>ul>a:hover {
	background-color: #000;
}

.tabel2>ul>a>li {
	text-align: center;
	padding-top: 15px;
}

.tabel2>ul>a>li>p:last-child {
	font-size: 20px;
}

.tabel2>ul img {
	width: 56px;
	height: 56px;
	object-fit: cover;
}

.yy_information {
	width: 100%;
	/*height: 690px;*/
	/*background: url('../images/bg.png') no-repeat;*/
	overflow: hidden;
	background: #f3f7fd;
}

.infor_title {
	width: 1220px;
	height: 42px;
	margin: 0 auto;
	margin-top: 80px;
}

.infor_title h4 {
	font-size: 30px;
	color: #333333;
	border-left: 6px solid #088e8d;
	text-indent: 15px;
}

.infor_title h4>span {
	color: #999;
	font-weight: normal;
}

.if_content {
	width: 1220px;
	height: 464px;
	margin: 0 auto;
	margin-top: 24px;
	display: flex;
	justify-content: space-between;
}

.box1 {
	width: 786px;
	height: 100%;
	background-color: #f3f7fd;
}

.box1>ul {
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #b1f9e4;
	display: flex;
	padding: 0 20px;
	box-sizing: border-box;
}

.box1>ul>li {
	flex: 1;
	text-align: center;
	font-size: 18px;
	color: #333;
	line-height: 60px;
	position: relative;
	cursor: pointer;
}

.actives {
	color: #088e8d !important;
}

.actives::before {
	content: '';
	width: 18px;
	height: 2px;
	background: #088e8d;
	position: absolute;
	left: calc(50% - 18px / 2);
	bottom: 0;
}

.box2 {
	width: 394px;
	height: 464px;
	
}
.a {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 400px;
	padding: 20px;
	box-sizing: border-box;
}
.information>li{
	display: none;
}
.information>.block{
	display: block;
}
.carousel {
	width: 400px;
	height: 360px;
	position: relative;
}

.img h4 {
	width: 100%;
	font-size: 16px;
	color: #FFFFFF;
	padding: 7px 0;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.40);
}

.owl-controls {
	width: 100%;
	text-align: right;
	position: absolute;
	left: 0;
	bottom: 40px;
	z-index: 20;
}

.owl-dot {
	display: inline-block;
	width: 24px;
	height: 8px;
	background: rgba(0,0,0,0.40);
	border-radius: 5px;
	overflow: hidden;
	margin: 0 5px;
	cursor: pointer;
	
}

.active {
	opacity: 0.9;
	/* background: #088e8d; */
}

.a_content {
	width: 318px;
	height: 360px;
}
.a_content h4{
	font-size: 20px;
	color: #333333;
}
.a_content p{
	font-size: 14px;
	color: #666666;
	letter-spacing: 0.08px;
	text-align: justify;
	margin-top: 12px;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
	overflow: hidden;
}
.a_text{width: 317px;height: 264px;overflow: hidden;margin-top: 10px;}
.a_text li{
	font-size: 16px;
	color: #333;
	height: 34px;
	line-height: 34px;
	position: relative;
	cursor: pointer;
}

.a_text li>h5{
	width: 271px;
	font-size: 16px;
	font-weight: normal;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;
	overflow: hidden;
}
.a_text li>span{
	font-size: 12px;
	color: #999999;
	position: absolute;
    right: 0;
    top: 0;
}
.a_text li:hover{color: #40C29E;background: #f0fbf7;}

.box2_title{
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #b1f9e4;
}
.box2_title h4{
	font-size: 18px;
	width: 186.5px;
	height: 60px;
	line-height: 60px;
	font-weight: normal;
	text-align: center;
	position: relative;
	font-size: 18px;
	cursor: pointer;
}
.box2_text{
	width: 100%;
	margin-top: 10px;
	height: 365px;
}
.box2_text li>h5{width: 299px;}
.box2_text li{padding-left: 24px;}
.box2_text li>span{
	right: 24px;
}
.box2_a{background-color: #f3f7fd;}
.box2_b{
	background-color: #fff;margin-top: 20px;
	width: 100%;height: 248px;
	background-color: #f3f7fd;
}
.box2_b>div{
	display: none;
}
.box2_b>.block{display: block;}
.box2_b>ul{
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #b1f9e4;
}
.box2_b>ul>li{
	width: 186.5px;
	height: 100%;
	float: left;
    line-height: 60px;
    position: relative;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}
/*医院介绍*/
.yy_introduce{
	width: 100%;
	height: 706px;
	background-color: #fafafa;
	overflow: hidden;
}
.content_introduce{
	width: 1220px;
	margin: 0 auto;
	margin-top: 24px;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.introduce_box{
	width: 373px;
	height: 240px;
	margin-bottom: 40px;
	background-size: 100%;	
	position: relative;
}
.introduce_box>div{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.40);
	padding: 0 24px;
	box-sizing: border-box;
	transition: 0.5s;
}
.introduce_box>div>h5{
	margin-top: 30px;
	font-size: 18px;
	color: #e0e0e0;
	letter-spacing: 0.1px;
	font-weight: normal;
	transition: 0.5s;
}
.introduce_box>div>h3{
	font-size: 26px;
	color: #fdfdfd;
	letter-spacing: 0.15px;
	font-weight: normal;
	position: relative;
	transition: 0.5s;
}
.introduce_box>div>h3::after{
	content: '';
	width: 60px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: -24px;
	transition: 0.5s;
}
.introduce_box>div>p{
	font-size: 16px;
	color: #e0e0e0;
	letter-spacing: 0.09px;
	text-align: justify;
	margin-top: 50px;
	transition: 0.5s;
}
.introduce_box>div:hover{
	background-color: rgba(255,255,255,0.90);
	border-top: 6px solid #088e8d;
	box-shadow: 0px 4px 20px #868686;
}
.introduce_box>div:hover .h5{color: #088e8d;}
.introduce_box>div:hover .h3{color: #088e8d;}
.introduce_box>div:hover .h3::after{background-color: #088e8d;}
.introduce_box>div:hover .p{color: #000;}

/*科室介绍*/
.department{
	width: 100%;
	height: 550px;
}
.departments{
	width: 1220px;
	height: 400px;
	margin: 0 auto;
}
.department_title{width: 100%;height: 42px;margin-top: 18px;position: relative;}
.department_title>ul{
	width: 1089px;height: 100%;
	display: flex;
}
.department_title>ul>li{
	font-size: 21px;
	color: #333333;
	flex-grow: 1;
	position: relative;
	text-align: center;
}
.btn{
	position: absolute;
	right: 0;
	top: 0;
}
.btn>button{
	width: 42px;height: 42px;
	text-align: center;
	line-height: 42px;
	background-color: #DDD;
	font-size: 22px;
    font-weight: 600;
    color: #fff;
    border: none;
    outline: none;
}
.btn>.right_j{
	background-color: #088e8d;
}
.department_content{
	margin-top: 24px;
	display: flex;
	justify-content: space-between;
}
.department_a,.department_b{
	width: 580px;height: 290px;
}
.department_a>img{width: 100%;height: 100%;}
.department_b>p{
	font-size: 18px;
	color: #666666;
	letter-spacing: 0.1px;
	text-align: justify;
	margin-top: 25px;
	text-indent: 2rem;
}
#department_content>li{
	display: none;
}
#department_content>.block{display: block;}

/*名医堂*/
.doctor{
	width: 100%;
	/*height:586px;*/
	/*background: url("../images/bg.png") no-repeat;*/
	overflow: hidden;
}
.doctor_content{width: 1220px;height: 262px;margin: 0 auto;margin-top: 24px;}
.introduce_doctor{width: 270px;height: 100%;position: relative;overflow: hidden;margin: 0 auto;}
.head_doctor,.head_doctor>img{width: 270px; height: 202px;object-fit: cover;}
.introduce{width: 100%;height: 35px;background-color: #fff;overflow: hidden;}
.introduce>p:first-child{
	font-size: 20px;
	color: #333333;
	letter-spacing: 0.11px;
	text-align: center;
	margin-top: 12px;
}
.introduce>p:last-child{
	font-size: 16px;
	color: #088e8d;
	letter-spacing: 0.09px;
	text-align: center;
	margin-top: 4px;
}
.bg_introduce{
	width: 100%;
	height: 0%;
	/*background: rgba(0,0,0,0.60);*/
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 18px;
	box-sizing: border-box;
	transition: 1s;
}
.bg_introduce>p:first-child{
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0.09px;
	text-align: justify;
	margin-top: 34px;
}
.doctor_btn{
	display: flex;
	justify-content: space-between;
	margin-top: 32px;
}
.doctor_btn>button{
	width: 100px;height: 40px;
	border-radius: 4px;
	color: #fff;
	outline: none;
	font-size: 16px;
}
.doctor_btn>button:first-child{
	border: 1px solid #fff;
	background: none;
}
.doctor_btn>button:last-child{
	background: #088e8d;
	border: none;
}
.introduce_doctor:hover .bg_introduce{
	height: 100%;
}
.owl-stage>.active{background: none;}
.doctor .owl-nav{
	position: absolute;
    right: 0;
    top: -270px;
    width: 88.73px;
    display: flex;
    justify-content: space-between;
}
.doctor .owl-nav .owl-prev,.doctor .owl-nav .owl-next{
	width: 42px;height: 42px;
	color: #fff;
	font-size: 22px;
    font-weight: 600;
    text-align: center;
    line-height: 42px;
    background-color: #DDD;
}
/*康复案例*/
.case{
	width: 100%;
	height: 672px;
	overflow: hidden;
}
.case .infor_title{
	position: relative;
}
.case_title{
	width: 578px;
	display: flex;
	position: absolute;
    right: 0;
    top: 0;
}
.case_title>li{
	flex-grow: 1;
	font-size: 18px;
	color: #333333;
	position: relative;
	text-align: center;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
}
.case_content{
	width: 1220px;
	height: 476px;
	margin: 0 auto;
	margin-top: 24px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.case_box{
	width: 590px;
	height: 218px;
	background-color: #F5F5F5;
	margin-bottom: 40px;
	display: flex;
	padding: 0 30px;
	box-sizing: border-box;
}
.case_box>div{
	
}
.case_head{
	width: 84px;height: 100%;
}
.case_head>img{
	width: 100%;
	height: 84px;
	object-fit: cover;
	margin-top: 67px;
}
.yinhao{
	width: 60px;
	height: 100%;
	text-align: center;
	margin-left: 8px;
}
.yinhao>img{
	width: 35px;
	height: 35px;
	margin-top: 40px;
	object-fit: cover;
}
.case_infor{
	width: 364px;
	height: 100%;
	margin-left: 12px;
}
.case_infor>p{
	font-size: 16px;
	color: #666666;
	letter-spacing: 0.09px;
	text-align: justify;
	margin-top: 36px;
	/*超出3行显示省略号*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.case_name{
	width: 100%;height: 40px;
	display: flex;
	justify-content: space-between;
	margin-top: 24px;
	align-items: center;
}
.case_name>div{
	width: 110px;
	font-size: 16px;
	color: #333333;
}
.case_name>div>span{
	color: #999;
	/*margin-left: 10px;*/
}
.case_name>button{
	width: 100px;height: 100%;
	background: none;
	outline: none;
	border: 1px solid #088e8d;
	border-radius: 4px;
	font-size: 16px;
	color: #088e8d;
}
.cases>li{display: none;}
.cases>.block{display: block;}
/*电话咨询*/
.consultation{
	width: 100%;
	height: 90px;
	background: #e2eeff;
	overflow: hidden;
}
.phone_consultation{
	width: 1000px;
	height: 35px;
	margin: 0 auto;
	font-size: 24px;
	color: #b8a385;
	letter-spacing: 0.14px;
	margin-top: 27px;
}
/*页脚*/
.footer{
	width: 100%;
	/*height: 550px;*/
	background: #f3f7fd;
	overflow: hidden;
}
.footer_log{
	width: 1220px;
	height: 79px;
	margin: 0 auto;
	display: flex;
	margin-top: 90px;
}
.footer_log>div{
	margin-left: 12px;
	padding-top: 8px;
}
.footer_log>img{
	width: 79px;
	height: 79px;
}
.footer_log h4{
	font-size: 18px;
	color: #5a5a5a;
	letter-spacing: 0.1px;
	font-weight: normal;
	margin-top: 2px;
}
.f_name{
	font-size: 12px;
	color: #797878;
	letter-spacing: 0.07px;
}
.f_phon{
	font-size: 16px;
	color: #f99327;
	letter-spacing: 0.09px;
	margin-top: 5px;
}
.footer_a{
	width: 1220px;height: 25px;
	margin: 0 auto;margin-top: 30px;
	display: flex;	
}
.footer_a>a{
	font-size: 18px;
	color: #636161;
	letter-spacing: 0.1px;
	flex-grow: 1;
}
.footer_infor{
	width: 1220px;height: 170px;margin: 0 auto;
	margin-top: 40px;
}
.footer_infor>p{
	font-size: 18px;
	color: #696868;
	letter-spacing: 0.1px;
	margin-top: 20px;
	cursor: pointer;
}
.footer_a>a:hover{
	color: #0175a3;
}
.footer_infor>p:hover{color: #0175a3;}
#img{height:360px;object-fit:cover;}