@charset "utf-8";

html,body{min-width:1300px;}
header{background-color:var(--c1);z-index:100;}
footer{background-color:var(--c4);}
nav{border-top:solid 1px #548ede;}

/*导航*/
.nav{display: flex; justify-content: space-between;}
.nav li{ position: relative;}
.nav li a.oneNav{color:#fff; display: flex; align-items: center; justify-content: center; line-height: 50px; padding: 0 1vw;}
.nav li a.oneNav:hover{color:var(--c1); background-color:#fff;}
.nav li dl{visibility:hidden; position:absolute; text-align:center; width:100%; top:50px; left:50%; background:#fff;  z-index:10; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.nav li:hover dl{visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
.nav li dl dd{height:auto;  white-space: normal; list-style:none; line-height:20px; padding:0px; border-bottom:1px solid #eee; transition:all .36s ease; -ms-transition:all .36s ease; -o-transition:all .36s ease; -webkit-transition:all .36s ease; -moz-transition:all .36s ease}
.nav li dl dd:last-child{border-bottom:0}
.nav li dl dd a{ padding:10px;  font-size:14px; color:#333 !important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease; display:block;}
.nav li dl dd:hover a{color:#fff !important; background-color:var(--c1);}




/*移动端按钮*/
.navBtn{display:none;}
.navLayer{display:none;}




/*总容器*/
.container{ margin:0px auto; width:1200px; padding:0px;}




/*顶部*/
.top{display: flex;justify-content: space-between;align-items:center;height:150px;}
.top .toplogo{display: flex;}
.top .toplogo .imglogo{height:86px;}

.top .topright_box{display: flex;gap: 10px;}


/* 搜索框 */
.search_box {position: relative;width: 100%;height:40px;}
.search_box input {width:100%; min-width:200px; padding-left:30px; padding-right:10px; height:40px; border:1px solid #ccc; border-radius:20px; box-sizing:border-box; outline:none;}
.search_box .search-icon{position: absolute; right:5px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; fill: #ccc; background-color:var(--c1); padding:8px; border-radius:20px; color:#fff; cursor: pointer;}
.search_box .search-icon:hover{background-color:var(--c2); color:var(--c1);}
.search_box .search-button{background-color: transparent;border:none;padding:0;cursor:pointer;}

.contact_box{width:100%; display: flex; justify-items: center; gap:10px;}
.contact_box .phone-icon{width: 23px; height: 23px; fill: #ccc; background-color:#fff; padding:8px; border-radius:30px; color:var(--c1); cursor: pointer;}
.contact_box .phone-icon:hover{background-color:var(--c2);}
.contact_box .phonetxt{color:#fff; display:block; font-size:18px; line-height:40px; font-weight:bold; display:none;}








/*分页器*/
.pagebar {
    padding:30px 0;
    overflow:hidden
}
.pagebar .pagination {
    display: flex;
    justify-content: center;
    font-size: 12px;
}
.pagination a {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    padding: 5px 12px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination span {
    color: #333;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
    color: var(--c1);
    border: 1px solid var(--c1);
}
.pagination a.page-num-current {
    color: #fff;
    background: var(--c1);
    border: 1px solid var(--c1);
}







/*底部*/
.footBox{
	display: flex;
	justify-content: space-between;
	padding-top:80px;
	padding-bottom:50px;
}
.footBox .footMenu{
	width:75%;
}
.footBox .footMenu ul{
	display:flex;
	width:100%;
	justify-content: space-between;
	list-style:none;
	padding:0px;
	margin:0px;
}
.footBox .footMenu a.menuTitle{
	color:#fff;
	display: block;
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
	position:relative;
}
.footBox .footMenu a.menuTitle::before{
	content: "";
    display: block;
    width: 20px;
    height: 2px;
    background-color: #496B9A;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.footBox .footMenu li .subMenu{
	display: flex;
	flex-direction: column;
}
.footBox .footMenu li .subMenu a{
	font-size:15px;
	line-height:30px;
	color:#fff;
}
.footBox .footMenu li .subMenu a:hover{
	color:var(--c5);
}

.footBox .footContact{
	width:auto;
}
.footBox .footContact a.title{
	color:#fff;
	display: block;
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
	position:relative;
}
.footBox .footContact a.title::before{
	content: "";
    display: block;
    width: 20px;
    height: 2px;
    background-color: #496B9A;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.footBox .footContact .contetn{
	font-size:15px;
	line-height:30px;
	color:#fff;
}
.footBox .footContact .contetn p{
	margin:0px;
}
.footBox .footContact .contetn p .phone{
	font-size:24px;
	font-weight:bold;
}
.footBox .footContact .contetn .erweima{
	list-style:none;
	margin:10px 0px 0px 0px;
	padding:0px;
	display: flex;
	justify-content: flex-start;
	gap:10px;
}
.footBox .footContact .contetn .erweima li{
	display:flex;
	flex-direction: column;
}
.footBox .footContact .contetn .erweima img{width:80px; height:80px}
.footBox .footContact .contetn .erweima span{text-align: center;}


/*版权信息*/
.copyright{border-top:solid 1px #2a5696;}
.copyright .copyright_box{padding:16px 0px; color:#ccc; font-size:14px; display: flex; justify-content: space-between;}
.copyright .copyright_box a{color:#ccc;}
















/*index*/

.tit-1{display: flex; justify-content: space-between; color:#fff; margin-bottom:20px;}
.tit-1 .t-left{}
.tit-1 .t-left .t-title{font-size:24px; font-weight:bold;margin:0px;padding:0px;}
.tit-1 .t-left .t-subtitle{font-size:14px; margin:10px 0px; }
.tit-1 .t-right{display: flex; flex-direction: column; justify-content: flex-end;}
.tit-1 .t-right a{font-size:14px; color:#fff; margin-bottom:10px}
.tit-1 .t-right a:hover{color:var(--c5);}

.tit-2{display: flex; justify-content: space-between; color:var(--c1); margin-bottom:20px;}
.tit-2 .t-left{}
.tit-2 .t-left .t-title{font-size:24px; font-weight:bold;margin:0px;padding:0px;}
.tit-2 .t-left .t-subtitle{font-size:14px; margin:10px 0px; color:#919191;}
.tit-2 .t-right{display: flex; flex-direction: column; justify-content: flex-end;}
.tit-2 .t-right a{font-size:14px; color:#fff; margin-bottom:10px}
.tit-2 .t-right a:hover{color:var(--c5);}

.tit-3{display: flex; justify-content: space-between; color:var(--c1); margin-bottom:20px; border-bottom:solid 2px #E1E1E1; padding:10px 0px;}
.tit-3 .t-left{}
.tit-3 .t-left .t-title{font-size:24px; font-weight:600; margin:0px;padding:0px;}
.tit-3 .t-left .t-subtitle{font-size:14px; margin:10px 0px; }
.tit-3 .t-right{display: flex; flex-direction: column; justify-content:center;}
.tit-3 .t-right a{font-size:14px; color:#565656;}
.tit-3 .t-right a:hover{color:var(--c1);}

.tit-4{display: flex; justify-content: space-between; color:var(--c1); padding:10px 0px; margin-bottom:20px;}
.tit-4 .t-left{}
.tit-4 .t-left .t-title{font-size:24px; font-weight:600; margin:0px;padding:0px;}
.tit-4 .t-left .t-subtitle{font-size:14px; margin:10px 0px; }
.tit-4 .t-right{display: flex; flex-direction: column; justify-content:center;}
.tit-4 .t-right a{font-size:14px; color:#565656;}
.tit-4 .t-right a:hover{color:var(--c1);}





/*轮播*/
.banner{}
.banner .swiper {
    z-index:1;
}
.banner .swiper .swiper-slide{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.banner .swiper .swiper-slide img{
  max-width: 100%;
  height: auto;
  object-fit: contain;
}








/*快链接*/
.links{
	background-color:#fff;
	margin:45px 0px;
}
.links .container{
	display: flex;
	justify-content: space-between;
	gap:4px;
}
.links a{
	display:flex;
	align-items:center;
	flex-direction: column;
	border: solid 1px #E5E5E5;
	color:var(--c1);
	padding:20px 10px;
	width:200px;
}
.links a:hover{
	border: solid 1px #E5E5E5;
	background-color:var(--c1);
	color:#fff;
}
.links a .iconpark-icon{
	width:40px;
	height:40px;
}
.links a p{
	text-align: center;
	margin:4px 0px;
}










/*头条*/
.news{
	margin:45px 0px;
}
.news .container{
	display: flex;
	justify-content: space-between;
}



/*焦点图*/
.news .focus{
	width:63%;
}
.news .focus .imgs{
	height:auto;
	width:100%;
}
.news .focus .imgs img{
	width:100%;
	height:417px;
}
.news .focus .imgs a{
	display:block;
	margin:0px;
	padding:0px;
	position: relative;
	color:#fff;
	width:100%;
}
.news .focus .imgs a p{
	position: absolute;
	bottom:0px;
	margin:0px;
	padding:10px 20px;
	line-height:30px;
	width:100%;
	width: calc(100% - 40px); 
	background-color:#3c3d3f57;
}
.news .focus .imgs .swiper-pagination{
	position: absolute;
	top:20px;
	right:20px;
	width:70px;
	height:24px;
	line-height:24px;
	left:auto;
	z-index:999;
	color:#fff;
	background-color:#3c3d3f57;
	border-radius:20px;
}









/*公告*/
.news .notice{
	width:33%;
}
.news .notice .list ul{list-style:none; padding:0px; display: flex; flex-direction: column; gap:16px;}
.news .notice .list ul li{line-height:24px;}
.news .notice .list ul li>a{}
.news .notice .list ul li>a:hover{color:var(--c1)}
.news .notice .list ul li>a>span{font-weight:500;}
.news .notice .list ul li>a>span::after{content:"|";padding:0px 4px;}
.news .notice .list ul li>span{margin-left:4px;}











/*新闻*/
.news .newslist{
	width:63%;
	margin-top:30px;
}
.news .newslist .hot{
	padding:10px 0px;
}
.news .newslist .hot a{
/*	color:var(--c1);*/
	font-size:24px;
	font-weight:bold;
}
.news .newslist .hot p{
	color:#666666;
	line-height:30px;
}
.news .newslist .hot p>a{
	font-size:14px;
	font-weight:normal;
}

.news .newslist ul,li{
	list-style:none;
	margin:0px;
	padding:0px;
}
.news .newslist ul{display:flex; flex-direction:column; gap:16px;}
.news .newslist li>a{line-height:30px;}
.news .newslist li>a>span{position:relative; padding-left:12px}
.news .newslist li>a>span::before{content:""; width:6px; height:6px; background:var(--c1); position:absolute; left:0px; top:50%; transform: translateY(-50%);}
.news .newslist li>a>span::after{content:"|";padding:0px 4px;}














/*视频*/
.news .video{width:33%; margin-top:30px;}
.news .video .content{height:240px;}









/*团队*/
.team_box{
	padding:80px 0px;
	margin:45px 0px;
	background-color:var(--c1);
	background: url(../img/team_bg.png);
}
.team_box .container{
	position:relative;
}
.team_box ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.team_box li img{
	width:100%;
	height:400px;
}

/* 左按钮向外偏移 */
.team_box .swiper-button-prev {
	color:#fff;
	top:270px;
    left: -50px; 
}

.team_box .swiper-button-next {
	color:#fff;
	top:270px;
    right: -50px; 
}

.team_box a.panel{position:relative;width:100%}
.team_box a.panel dl{
	position:absolute;
	background:#ffffffeb;
	width:80%;
	text-align:center;
	left:50%;
	transform: translateX(-50%);
	bottom:20px;
	border-radius:5px;
	padding:10px 0px;
	margin:0px;
	display:block;
}
.team_box a.panel:hover dl{background:var(--c1); color:#ffffff;}
.team_box a.panel:hover dd{color:#ffffff;}
.team_box a.panel:hover dd.desc{color:#ffffff; max-height: 100px;}
.team_box a.panel dl dt{position:relative; padding:0px; margin:0px;}
.team_box a.panel dl dd{padding:0px; margin:0px; font-size:12px; color:#818181;}
.team_box a.panel dl dd.desc{padding:0px 10px; margin-top:10px; max-height: 0; overflow:hidden; transition: max-height 0.3s ease, color 0.3s ease; text-align: justify}















/*科室*/
.keshi{
	padding:50px 0px;
	margin:45px 0px;
}
.keshi .tabs {}
.keshi .tab-titles {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  gap:5px;
}

.keshi .tab-titles li {
  padding: 12px 30px;
  text-align: center;
  cursor: pointer;
  border: solid 1px #ECECEC;
}

.keshi .tab-titles li.active {
  background-color: var(--c1);
  color:#fff;
}

.keshi .tab-contents {
  padding:20px 0px 0px 0px;
  background-color: #fff;
  text-align:center;
}

.keshi .tab-content {
  display: none;
}

.keshi .tab-content.active {
  display: block;
}

.keshi .tab-content .item{display:flex; justify-content:space-between;}
.keshi .tab-content .item a{background-color:#F8F8F8; display:block; width:33%;}
.keshi .tab-content .item a:hover{background-color:var(--c1); color:#fff;}
.keshi .tab-content .item a>img{height:200px; width:100%;}
.keshi .tab-content .item a>h4{text-align:left; margin:0px; padding:16px 16px 0px 16px; font-weight:normal;}
.keshi .tab-content .item a>p{text-align:left; margin:0px; padding:6px 16px 16px 16px; font-size:14px}
.keshi .tab-content .more{display:inline-block; margin-top:40px; background-color:#f1f1f1; padding:8px 20px; font-size:14px; border-radius:20px;}
.keshi .tab-content .more:hover{background-color:var(--c1); color:#fff;}






/*专题*/
.zhuanti{
	padding:80px 0px;
	background-color:#EEF6FF;
}
.zhuanti .zt-content{
	display:flex;
	justify-content: space-between;
	gap:10px;
}
.zhuanti .zt-content a{
	display: flex;
	flex-direction:column;
	justify-content: center;
	background-color:#fff;
	padding:80px 40px;
	text-align: center;
	align-items: center;
}
.zhuanti .zt-content a:hover{
	background-color:var(--c1);
	color:#fff;
}
.zhuanti .zt-content svg{
	width:80px;
	height:80px;
}
.zhuanti .zt-content h3{
	margin:0px;
	font-size:24px;
	font-weight:100;
	margin-top:30px;
}
.zhuanti .zt-content p{
	font-size:14px;
	margin:0px;
	color:#797979;
}
.zhuanti .zt-content a:hover p{
	color:#fff;
}





/*文章*/
.article_box{
	padding:80px 0px;
	background:url(../img/list_bg.png);
}
.article_box .article-content{
	display: flex;
	justify-content: space-between;
	gap:80px;
}
.article_box .article-item{
	width:100%;
}
.article_box .article-list{
	list-style:none;
	padding:0px;
}
.article_box .article-list a{
	line-height:35px;
	color:#595959;
}
.article_box .article-list a:hover{
	color:var(--c1);
}




/*内页*/
.main{padding: 10px 0px 30px 0px;overflow: hidden;}
.page{display: flex; justify-content: space-between;}
.main ul,li{list-style:none;padding:0px;}

/*内页左*/
.page .page_left{width:20%}
.page .category{}
.page .category .name{background-color:var(--c1); color:#fff;text-align: center; line-height:70px; font-size:18px;}
.page .category .menu{list-style:none; margin:0px; background-color:#f5f5f5; padding-top:1px;}
.page .category .menu li{border-bottom:dotted 1px #ddd}
.page .category .menu li a{display:block; font-size:16px; line-height:45px; padding-left:30px;}
.page .category .menu li a:hover{background-color:var(--c1); color:#fff;}
.page .category .menu li.on a{background-color:var(--c1); color:#fff;}

.page .contact{margin-top:20px;}
.page .contact .name{background-color:var(--c1); color:#fff; text-align: center; line-height:50px; font-size:18px;}
.page .contact .panel{background-color:#fff; border:solid 1px #f5f5f5; border-top:0px; padding:8px 8px 20px 8px;}
.page .contact .panel p{margin:0px; font-size:14px; line-height:40px; border-bottom:dotted 1px #ddd; color:#686868;}
.page .contact .panel span{color:#686868;}


/*内页右*/
.page .page_right{width:79%}
.page .position {overflow:hidden; border: 1px solid #efefef; border-left: 3px solid var(--c1); padding: 8px 0 8px 10px;background: #fafafa; font-size:14px;}
.page .position a:hover {color:#var(--c1);}
.page .list{margin:0px; margin:0px; list-style:none;}
.page .list li{}
.page .content{border:solid 1px #efefef; padding:20px;}
.page .pics{display:grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px;}
.page .pics .pic{border:solid 1px #efefef; padding:3px;}
.page .pics .pic img{width:100%;}
.page .pics .pic p{text-align:center; margin:8px 0px; color:#6f6f6f}


/*内页:科室*/
.unit{}
.unit .list{margin-top:10px; display:grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.unit .list li{text-align:center;}
.unit .list li a{display:block;}
.unit .list li img{width:100%; height:150px;}
.unit .list li p{margin:8px 0px; font-size:15px;}

.unit .content{margin-top:10px;}
.unit .content .title{display:flex; justify-content:start; border-bottom: solid 1px #efefef; padding-bottom:20px;}
.unit .content .title .ico{}
.unit .content .title .ico img{max-width:400px;}
.unit .content .title .panel{margin-left:20px; line-height:30px;}
.unit .content .title .panel h2{margin:0px; color:var(--c1); margin-bottom:10px;}
.unit .content .title .panel p{margin:0px; color:#6f6f6f; font-size:15px;}
.unit .content .context{font-size:15px; text-align: justify; overflow: hidden;}
.unit .content .context img{max-width:100%;}


/*内页:团队*/
.team{}
.team .list{margin-top:10px; display:grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; }
.team .list li{text-align:center; position:relative;}
.team .list li a{display:block;}
.team .list li a:hover p.desc{max-height:150px; padding:10px;}
.team .list li img{width:100%; height:280px;}
.team .list li p{margin:8px 0px; font-size:15px;}
.team .list li p.desc{background-color:var(--c1); position:absolute; bottom:38px; margin:10px; color:#fff;font-size:14px; text-align: justify; max-height: 0; overflow:hidden; transition: max-height 0.3s ease, color 0.3s ease; border-radius:5px;}

.team .content{margin-top:10px;}
.team .content .title{display:flex; justify-content:start; border-bottom: solid 1px #efefef; padding-bottom:20px;}
.team .content .title .ico{}
.team .content .title .ico img{max-width:400px;}
.team .content .title .panel{margin-left:20px; line-height:30px;}
.team .content .title .panel h2{margin:0px; color:var(--c1); margin-bottom:10px;}
.team .content .title .panel p{margin:0px; color:#6f6f6f; font-size:15px;}
.team .content .context{font-size:15px; text-align: justify; overflow: hidden;}
.team .content .context img{max-width:100%;}

/*内页:单页*/
.about{}
.about .content{margin-top:10px;}
.about .content .context{font-size:15px; text-align: justify; overflow: hidden;}
.about .content .context img{max-width:100%;}


/*内页:文章*/
.article{}
.article .list{margin-top:10px; display:grid; grid-template-columns:1fr; row-gap:10px;}
.article .list li{display:flex;justify-content: flex-start; align-items: center; background-color:#f9f9f9; padding:10px;}
.article .list li .date{display:flex; flex-direction: column; text-align:center; padding:8px 10px; background-color:#fff; min-width:60px;}
.article .list li .date em{list-style:none;font-style:normal; color:#6f6f6f;}
.article .list li .date span{font-size:12px; color:#ccc;}
.article .list li a{display:block; margin:0px 10px;}
.article .list li a.more{display:block; margin-left:auto; text-align:center; font-size:14px; padding:8px 10px; background-color:#f1f1f1; min-width:70px;}
.article .list li a.more:hover{background-color:var(--c1); color:#fff}

.article .content{margin-top:10px;}
.article .content .title{border-bottom: solid 1px #efefef; padding-bottom:10px; text-align:center;}
.article .content .title h2{margin:0px; color:var(--c1); margin-bottom:20px;}
.article .content .title p{margin:0px; color:#6f6f6f; font-size:14px; display: flex; justify-content: center; gap:20px}
.article .content .context{font-size:15px; text-align: justify; padding:30px 0px; overflow: hidden;}
.article .content .context img{max-width:100%;}
.article .content .flip{font-size:14px; border-top:solid 1px #efefef;}