/*
#header{ position:fixed; top: 0; z-index: 1001;}

#middle{ margin-top:190px; }

@media screen and (max-width: 1240px){
#middle{ margin-top:172px; }
}

@media screen and (max-width: 1000px){
#middle{ margin-top:166px; }
}
@media screen and (max-width: 520px){
#middle{ margin-top:155px; }
}
@media screen and (max-width: 425px){
#middle{ margin-top:113px; }
}
*/


#header{
	width: 100%;
}

.top-header{
	background: linear-gradient(to right,#005ca1,#00a9a9);
	height:54px;
	padding: 0 60px;
}
/* 院区 */
.yqqh-list{
	float:left;
	margin:8px 0 9px;
}

.yqqh-list ul li{
	float:left;
	margin-right:20px;
	color:#ffffff;
	width:99px;
	height:33px;
	line-height:33px;
	font-size:16px;
	border:2px solid #88b5d4;
	text-align:center;
	border-radius:6px;
}

.yqqh-list ul li a{ color:#ffffff; }

.top-header-right{ float:right; }

/* 手机版院区切换 */
.phone-yqqh-list{ float: left; display:none; }

#hospital{
	background:rgba(255,255,255,0);
	color: #ffffff;
    border: 2px solid #aacbe0;
    padding: 6px 12px;
    border-radius: 5px;
    margin: 9px 0 0;
    outline: none;
	font-size: 16px;
}

.yqqh-xlxz select option{
	background: #004ea2;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    padding: 10px 0;
    border: none;
    border-radius: unset;
}

/* 版本 */
.version-list{
	float:left; margin-left:10px;
}

.version-list ul li{
	line-height:54px;
	height:54px;
	padding: 0 20px 0 15px;
	float:left;
	color:#ffffff;
	font-size:16px; 
}

.version-list ul li img{
	display:inline-block;
	vertical-align:middle;
	margin:0px 10px 0 0;
}

.version-list ul li.current, .version-list ul li:hover{
	background-color:#ffffff;
	color:#00a9ac;
	cursor:pointer;
}
.version-list ul li.current a, .version-list ul li:hover a{
	color:#00a9ac;
}

.version-list ul li img.icon-normal{ display:inline-block; }

.version-list ul li img.icon-hover{ display:none; }

.version-list ul li.current img.icon-normal, .version-list ul li:hover img.icon-normal{ display:none; }

.version-list ul li.current img.icon-hover, .version-list ul li:hover img.icon-hover{ display:inline-block; }

.version-list ul li a{ color:#ffffff; }

.version-list .iconfont{
	font-size: 28px !important;
    margin: 0 10px 0px 0;
    vertical-align: bottom;
}

/* 菜单 */
.top-menu{
	float:left;
	margin: 7px 0 0;
}

.menu-btn{
	width:36px;
	height:36px;
	border-radius:100%;
	display: flex;
    justify-content: center;
    align-items: center;
	border: 1px solid #fafdfd;
	float: left;
	margin:0 15px 0 0;
	cursor:pointer;
}

.search-btn{
	width:36px;
	height:36px;
	border-radius:100%;
	display: flex;
    justify-content: center;
    align-items: center;
	border: 1px solid #fafdfd;
	float: left;
	cursor:pointer;
}

.top-menu .icon-caidan,.top-menu  .icon-sousuo{
	color: #ffffff;
    font-size: 20px !important;
}

/* 头部导航 */
.header-nav-box{
	background-color:#ffffff;
	/* height:136px; */
	padding: 30px 60px;
}

.header-logo{ float:left; }

.ctsy-nav-list{
	flex-grow: 1;
}

.ctsy-nav-list ul{
	display: flex;
    justify-content: flex-end;
    margin: 20px 0 0 15px;
}

.ctsy-nav-list ul li{
	float:left;
	font-size:18px;
	color:#000000;
	margin:0 0 0 2%; 
	position:relative;
}

.ctsy-nav-list ul li.current a, .ctsy-nav-list ul li:hover a{
	font-weight:bold;
}

.ctsy-nav-list ul li.current::after{
	content: "";
    position: absolute;
    left:0;
    bottom: -12px;
    width: 95%;
    height: 4px;
    background: #004ea2;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: .2s;
    transition: .2s;
	visibility:visible;
}

.ctsy-nav-list ul li::after{
	content: "";
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 96%;
    height: 4px;
    background: #004ea2;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .2s;
    transition: .2s;
	visibility: unset;
}

.ctsy-nav-list ul li:hover::after{
	-webkit-transform: scaleX(1);
    transform: scaleX(1);
}



/* ==============@media============== */

@media screen and (max-width: 1560px){
	.top-header {
		padding: 0 20px;
	}
	
	.header-nav-box {
		padding: 30px 3%;
	}

}

 

@media screen and (max-width: 1300px){
	.header-logo img {
		width: 400px;
	}

	.yqqh-list{ display:none; }
	.phone-yqqh-list{ display:block; }
 .ctsy-nav-list ul {margin: 0 0 0 15px;}
}

@media screen and (max-width: 1000px){
	/* 院区切换 */
	#header{ position:relative; }
	
	.top-header {
		height: 54px;
		padding: 0 0 0 20px;
	}
	

	
	.top-menu {
		position: absolute;
		right: 20px;
		top: 86px;
	}
	
	.menu-btn {
		width: 36px;
		height: 36px;
		border: 1px solid #dbdbdb;
		margin: 0 15px 0 0;
	}
	
	.search-btn {
		width: 36px;
		height: 36px;
		border: 1px solid #dbdbdb;
	}
	
	.top-menu .icon-caidan, .top-menu .icon-sousuo{
		color:#9b9b9b;
	}
	
	.menu-btn:hover, .search-btn:hover{
		background: radial-gradient(circle,#025ea3,#015da2,#045fa4);
		border: 1px solid #045fa4;
	}
	
	.menu-btn:hover i, .search-btn:hover i{
		color:#ffffff;
	}
	
	.header-nav-box {
		padding: 30px 20px;
	}
	
	.ctsy-nav-list { display: none; }
	
	.header-logo img{ width:360px; }
	/* 院区切换 end */
	
}

@media screen and (max-width: 768px){
	
}

@media screen and (max-width: 520px){
	.header-logo img {
		width: 280px;
	}
	
	.top-menu {
		position: absolute;
		right: 20px;
		top: 80px;
	}
	
}

@media screen and (max-width: 550px){

.version-list .iconfont {
    font-size: 20px !important;
    margin: 0 3px 0px 0;
}

	.version-list ul li {
		padding: 0 10px 0 8px;
		font-size: 13px;
	}

	}

@media screen and (max-width: 425px){
	.top-header {
		height: 54px;
		padding: 0 0 0 15px;
	}
	
	#hospital {
		padding: 5px 8px;
		margin: 10px 0 0;
		font-size: 14px;
	}
	
	.version-list ul li {
		padding: 0 8px 0 5px;
		font-size: 12px;
	}
	
	.version-list .iconfont {
		font-size: 20px !important;
		margin: 0 3px 0px 0;
	}
	
	.header-nav-box {
		padding: 15px 15px;
	}
	
	.header-logo img {
		width: 200px;
	}
	
	.top-menu {
		position: absolute;
		right: 15px;
		top: 62px;
	}
	
	.menu-btn {
		width: 28px;
		height: 28px;
		margin: 0 5px 0 0;
	}
	
	.search-btn {
		width: 28px;
		height: 28px;
	}
	
}

@media screen and (max-width: 375px){
	
}

@media screen and (max-width: 320px){}


.top-nav-menu ul li.current{
 border-bottom: solid 3px #23a3a8;
}


.top-nav-menu ul li:hover{
border-bottom: solid 3px #23a3a8;
}




/* 点击展示搜索框 */
.top-search-box{
	visibility: hidden;
	position: absolute;
	right: 10px;
top:2px;
	width: 300px;
	background-color: #fff;
	height: 50px;
	border: 1px solid #EAEAEA;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 10px 0 20px;
}
.top-search-box table{ height:100%; }

.top-search-input{
    width: calc(100% - 40px);
    height: 100%;
    font-size: 16px;
}
.top-search-box i{
	cursor: pointer;
	font-size: 30px;
	color: #969696;
}
.top-search-input::-webkit-input-placeholder{color:#999}
.top-search-input:-moz-placeholder{color:#999}
.top-search-input::-moz-placeholder{color:#999}
.top-search-input:-ms-input-placeholder{color:#999}

@media screen and (max-width: 1000px){
.top-search-box{ top:84px; }
}
@media screen and (max-width: 520px){
.top-search-box{ top:78px; }
}
@media screen and (max-width: 425px){
.top-search-box{ top:59px; }
}

.menu-box{
	position: absolute; display:none;
	top: 54px;
	box-sizing:border-box; padding:20px 15px 0px;
	width: 406px;
	right: 0; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3); 
	background-color: #ffffff; 
z-index:2000;
}
.menu{ margin-bottom:20px;}
.menutitle{ font-size:20px; padding-left:15px; line-height:50px; background:#ecf2f7;  position:relative; }
.menutitle:after{ content:'\e68e'; font-family:iconfont; color:#005ca1; position:absolute; right:12px; top:0; }
.menutitle.on{  background:#005ca1; color:#FFF; }
.menutitle.on:after{ content:'\e68f';  color:#FFF;   }
.menutitle.on a{ color:#FFF; }

.menulist{ padding:15px; background:#ecf2f7; display:none; }
.menulist li{ font-size:18px; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; line-height:36px; }



@media screen and (max-width: 1000px){
.menu-box{ top:167px; width: 100%;      box-shadow: 0 6px 3px -3px #eee inset; }
}
@media screen and (max-width: 520px){
.menu-box{ top:155px;   }
}
@media screen and (max-width: 425px){
.menu-box{ top:113px;  }
}

.wza{ float:left; }
.wza a{ float:left;  background:rgba(0,78,162,0.5); color:#FFF; padding:6px 9px; margin:10px 20px 0 0; border-radius:4px; cursor:pointer; }

@media screen and (max-width: 1000px){
.wza{ display:none; }
}