@charset "utf-8";
/* CSS Document */



/*doctot*/
.dep{
	display: flex;
}
.dep-box{
	padding: 0px 60px;
	height: 50px; 
	line-height: 50px;
	align-items: center;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 40px;
	border: 2px dashed #10867f;
	border-radius: 10px;
	cursor: pointer;
	position: relative;
}
.dep-box:hover{
	background-color:#10867f;
	color: #ffffff;
}
.dep-box:hover:after{
	content: '';
    position:absolute;
    bottom: -10px; /* 小角的位置 */
    left: 50%;
    transform: translateX(-50%) rotate(45deg); /* 旋转并居中 */
    width: 20px; /* 小角的宽度 */
    height: 20px; /* 小角的高度 */
    background-color: #10867f; /* 小角的背景颜色 */
}
.dep-word{
	min-height: 200px;
	background-color: #f7f7f7;
	padding:40px;
	
}
.dep-word h2,.doctor h2{
		color: #10867f;
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 30px;
}
.dep-word p{
	line-height: 30px;
}
.doctor h2{
	margin-top: 40px;
	margin-left: 40px;
	
}
.doctor-box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.doctor-item{
	width: 49%;
	height: 350px;
	background-color: #f7f7f7;
	margin-bottom: 30px;
	position: relative;

}
.doctor-item img{
	width: 210px;
	height: 280px;
	position: absolute;
	top: 10px;
	left: 20px;
}
.doctor-word{
	position: absolute;
	top:10px;
	left: 250px;
	line-height: 30px;
}
.doctor-time{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #10867f;
	font-size: 10px;
	height: 50px;
	line-height: 50px;
	width: 98%;
	padding-left: 40px;
	color: #ffffff;
}

/*details*/
.detail-container{
	display: flex;
}
.detail-conatiner-left{
	width: 200px;
	margin-right: 40px;
}
.detail-conatiner-left li{
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color:#f0f0f0 ;
	cursor: pointer;
}
.detail-conatiner-left li:nth-child(1),
.detail-conatiner-left li:nth-child(1):hover
{
	background-color: #10867f;
	color: #ffffff;
}
.detail-conatiner-left li:hover{
	background-color: #d5efe7;

}
.detail-conatiner-right{
	flex: 1;
}
.detail-conatiner-right h2{
	font-size:24px;
	text-align: center;
}
.detail-conatiner-right p{
	text-align: center;
	line-height: 40px;
	margin-top:6px;
}
.detail-conatiner-right img{
	display: block;
	margin: 10px auto;
     max-height:569px;
     max-width:560px;
}
/*list*/

.list-container{
	padding: 20px;
	margin: 0px auto;
	height: 140px;
	display: flex;
	align-items: center;
	cursor: pointer;
	border-bottom: 1px dashed #ececec;
}
.list-container:hover{
	background-color: #ececec;

}
.list-container img{
	margin-right: 20px;
}
.list-word span:nth-child(1),
.list-word span:nth-child(2){
	line-height: 40px;
	color: #000000;
}
.list-word span:nth-child(1)
{
	font-size: 20px;
}
.list-word span:nth-child(2){
	font-size: 16px;
	position: absolute;
	right: 20px;
}
.list-word p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.list-word {
	flex: 1;
	position: relative;
}

/*main*/
.bigbox{
	width: 100wh;
	height: 100vh;
	background-image: url(../img/bg.png);
	background-repeat: no-repeat;
    background-size: cover;        
    background-position: center; 
    position: relative;
    }
.logo{
	/*position: absolute;*/
	top: 70px;
	left: 190px;
}
.slogan{
	position: absolute;
	left: 190px;
	top:270px ;
}

.button{
	width: 18%;
	position: absolute;
	top: 560px;
	left: 190px;
/*	background-color: #ececec;*/
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.icon-index,.icon-phone,.icon-login{
	width: 140px;
	height:140px;
	border-radius: 50%;
	background-color: #ffffff;
	vertical-align: middle;
	text-align: center;
	padding-top: 20px;
	cursor: pointer;
}
.icon-index img,.icon-phone img ,.icon-login img{
	display: inline-block;
	margin: 10px auto;

}
.icon-index:hover,.icon-phone:hover ,.icon-login:hover{
	box-shadow: 0px 0px 20px rgba(33, 82, 163, 0.3);
	background-color: #cee2ff;
}
/*share*/
html{
	overflow-x: hidden;
}
*{
	padding:0;
	margin: 0;
	box-sizing: border-box;
	border: 0;
	font-size: 100%;
}
ul li{
	list-style: none;
}
a{
	text-decoration: none;
}
/*顶部logo 搜索框*/
.logo{
	width: 30%;
	height: auto;
}
.top{
	width: 100vw;
	height: 80px;
	background-color: #ffffff;
}
.top-container{
	margin: 0 auto;
	width: 70%;
	height: 80px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.search input{
	margin: 0;
	font-size: 16px;
	width: 290px;
	height: 38px;
	border: 1px solid #ececec;
	border-radius: 4px;
	padding-left: 20px;
} 
.search input[type="text"]:focus{
	border-color: #10867f;
    outline: none; /* 移除默认的outline */
}
.search-btn{
	display: inline-block;
	width: 60px;
	height: 38px;
	background-color: #10867f;
	border-radius: 4px;
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
}

/*首页的设备介绍轮播图*/
/*.zj_1{
			width:119px; height:185px; 
float:left; margin-left:14px;
}*/
.zj_1{
			width:420px; height:370px; 
float:left; margin-left:14px;
}

		.zjzp{
		    width:420px; height:370px;}
		.zj{
				margin-left:55px; padding-top:20px;}




#demo {


overflow:hidden;

border: 0px dashed #CCC;

width: 1500px;

margin: 0 auto;
    
margin-top:0px;

height:420px;

}

#indemo {

float: left;

width: 100%;

height:145px;

}

#demo1 {

float: left;

height:485px;

}

#demo2 {

float: left;

}

/*友情连接滚动显示*/
#demoB {

background: #FFF;

overflow:hidden;

border: 0px dashed #CCC;

margin: 0 auto;

width: 1100px;

/*margin-left:70px;*/

margin-top:0px;

height:80px;

}

#indemoB {

float: left;

width: 1500%;

height:50px;

}

#demo1B {

float: left;

height:50px;

}

#demo2B {

float: left;margin-left:10px;

}
.bj{
		width:150px; text-align:left;margin-left:8px; margin-top:5px; float:left;  font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight:500; font-weight:bold;}
/*top的分类小模块*/
 .nav>ul>li{width:200px;height:60px;color:#fff;float:left;line-height:60px;text-align:center;position:relative;} 
/*.white ul li a{color:#fff;font-size: 18px;}*/   
.nav ul li:hover{background-color:#10867f;}
.nav ul{z-index:100}
.nav li ul{width:100%;position:absolute;top:60px;/*left: 35px;*/background-color:#fff;display:none;}
.nav .nav2 li{width:100%;height:60px;float:left;line-height:60px;text-align:center;}
.nav li ul a{color:#666666;font-size: 15px;}
.nav .nav2 li:hover{background-color:#0081FF;color:#FFFFFF;}
.nav .nav2 li:hover a{color:#10867f;}
/*导航*/
.nav{
	width: 100%;
	height: 60px;
	background-color: #10867f;
}
.nav-container{
	display: flex;
	margin: 0 auto;
	width: 76%;
	justify-content: space-between;
	align-items: center;

}
.nav-container li{
	width: 12%;
	display: inline-block;
}
.nav-container li a{
	text-align: center;
	display: inline-block;
	line-height: 60px;
	color: #ffffff;
	width: 100%;
	height: 60px;
}
.nav-container li a:hover{
	font-weight: bold;
	color: #10867f;
	background-color: #ffffff;
}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
	height: auto;
}
.width70{
	width: 70%;
	margin: 0 auto;
}
.more{
	display: block;
	width: 150px;
	height: 40px;
	border: 1px solid #10867f;
	border-radius:20px;
	text-align: center;
	line-height: 40px;
	color: #10867f;
	margin: 0 auto;
}
.more:hover{
	font-weight: bold;
}

.bottom{
	padding-top: 10px;
	width: 100%;
	height: 100px;
	background-color: #10867f;

}   
.bottom p{
	color: #ffffff;

}
.bottom-container{
	/*width: 50%; 
	margin: 10px auto;*/
    display: flex;
    justify-content: space-between;
}
.width70 bottom-container{
	width:50%;
	margin: 0 auto;
}
.page{
    height:100px;
}
/*领导介绍*/
.detail-container{
	display: flex;
}
.detail-conatiner-left{
	width: 200px;
	margin-right: 20px;
}
.detail-conatiner-left li{
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color:#f0f0f0 ;
	cursor: pointer;
}
.detail-conatiner-left li:nth-child(1),
.detail-conatiner-left li:nth-child(1):hover
{
	background-color: #10867f;
	color: #ffffff;
}
.detail-conatiner-left li:hover{
	background-color: #d5efe7;

}
.detail-conatiner-right{
	flex: 1;
	margin-bottom: 40px;
}


.box-1{
	/*width: 1082px;*/
    
	height: 440px;
	display: box;
	border-radius: 10px;
	border: 1px solid #ececec;
	background-image: url(../img/person-bg.png);

}
.person-container{
	width: 240px;
	height: 250px;
	position: relative;
	margin: 20px auto;
}
.green,.green2{
	width: 200px;
	height: 170px;
	position: absolute;
	background-color: #92cac6;
	border-radius: 10px;
	bottom: 0;

}
.person-container img{
    width: 210px;
	height: 280px;
	position: absolute;
	left: 20px;
	bottom: 0;
}
.name-bg,.name-bg2{
	text-align: center;
	line-height: 60px;
	font-size: 30px;
	color: #ffffff;
	width: 182px;
	height: 60px;
	background-color: #10867f;
	opacity: 0.88;
	position: absolute;
	bottom: 0;
	left: 60px;
	border-radius: 0 10px 10px 0;
	 clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);
}
.leader-zc{
	text-align: center;
	width: 100%;

}
.leader-zc p{
	display: inline-block;
	font-size: 22px;
}
.leader-jj,.leader-jj2{
	width: 80%;
	margin: 10px auto;
	font-size: 18px;
	line-height: 30px;
}

.point{

	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #10867f;
	border-radius: 50%;
}
.box2{
	display: flex;
	flex-direction: row;
	justify-content: space-between;

}
.box2 li{
	border: 1px solid #ececec;
	background-color: #f7fffd;

}
.box2-leader{
	border:1px solid #ececec;
	width:30%;
	height: 500px;
	margin-top: 20px;
	position: relative;
	text-align: center;
	background-color: #f7fffd;
	border-radius: 10px;
}
.box2-leader img{
    width: 210px;
	height:270px;
	position: absolute;
	left: 60px;
	/*top:20px;*/
}
.green2{
	left: 50px;
	top: 97px;
}
.name-bg2{
	left: 100px;
	top: 207px;
}
.leader-zc{
	position: absolute;
	top: 290px;
}
.leader-jj2{
	position: absolute;
	top: 320px;
	left: 30px;
	text-align: left;
}
.dep {
    display: flex;
    flex-direction: column;
}
.floor, .dep-box {
    float: left;
    height: 50px;
    line-height: 50px;
    align-items: center;
    text-align: center;
    margin-right: 16px;
    30px;
    margin-bottom: border-radius: 10px;
}
.floor {
    width: 130px;
    background-image: url(../img/icon_floor.png);
    background-position: 20px 20px;
    background-repeat: no-repeat;
    background-color: #f7f7f7;
}
.dep-box {
    border: 2px dashed #10867f: cursor:pointer;
    position: relative;
    padding: 0px 60px;
}