@charset "utf-8";
html,body{min-width:1300px;}
header{background-color:#FFFFFF; z-index:100;}
footer{background-color:#333333;}

/* 标题 */
.tit_1{display: flex; flex-direction: column; align-items:center; gap:4px;}
.tit_1 h3{margin:0px; font-size:40px;}
.tit_1 p{margin:0px; font-size:20px;}

/*按钮*/
.btn_1{display:inline-block; background:var(--c1); color:#fff; padding:8px 30px; transition: background-color 0.3s ease-in-out;}
.btn_1:hover{color:#fff;  background:var(--c2);}

/* 颜色 */
.dark{color:var(--c1);}
.white{color:#FFFFFF;}

/*总容器*/
.container{ margin:0px auto; width:1000px; padding:0px; }
.container img{ max-width:100%}









.nav li a.oneNav .down{width:20px; height:20px;}

/*导航*/
/* .nav{display: flex; justify-content: space-between;}
.nav li{ position: relative;}
.nav li a.oneNav{font-size:16px; padding:0 1.5vw; color:#0F0F0F; display: flex; align-items: center; justify-content: center; line-height: 50px;}
.nav li a.oneNav:hover{color:#fff; background-color:var(--c1);}
.nav li a.oneNav .down{width:20px; height:20px;}
.nav li dl{visibility:hidden; position:absolute; text-align:center; width:100%; top:50px; left:50%; margin:0; 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{font-size:15px; padding:15px 10px; 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);} */


/*对齐控制*/
.c{display:block; margin-left: auto; margin-right: auto; width: fit-content;}
.l{display:block; margin-left: 0; margin-right: auto; width: fit-content;}
.r{display:block; margin-left: auto; margin-right: 0; width: fit-content;}


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


/*顶部*/
header .top{ display: flex; justify-content: space-between; align-items:center; height:170px;}
header .top .toplogo{display: flex; justify-items: center;}
header .top .toplogo .imglogo{height:100px;}
header .top .topright_box{display:flex; gap:10px; flex-direction:column;}
header .top .topright_box div:nth-child(1) {display: flex; gap:10px; flex-direction:row-reverse;}


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

/*电话*/
.contact_box{display: flex; gap:10px; align-items:center; background-color:#f7f7f7; border-radius:20px;}
.contact_box .phone-icon{width: 26px; height: 26px; fill:#ccc; background-color:var(--c1); color:#fff; padding:4px; border-radius:30px; color:#fff; cursor: pointer;}
.contact_box .phone-icon:hover{background-color:var(--c1); color:#fff;}
.contact_box .phonetxt{color:var(--c1); font-size:15px; display:none; padding-right:10px;}

/*图标*/
.icons{margin-top:16px; display:flex; gap:12px; flex-direction:row-reverse;}
.icons img{height:36px;}

/*语言*/
.lng{display: flex; align-items:center; gap:5px;  padding:0px 10px; border:1px solid #ccc; border-radius:20px; box-sizing:border-box; outline:none; cursor: pointer;}
.lng .iconpark-icon{width: 20px; height: 20px; fill:#ccc; border-radius:30px; color:#434343; cursor: pointer;}
.lng:hover{background-color:var(--c1); color:#fff; border:1px solid var(--c1);}
.lng:hover .iconpark-icon{color:#fff;}




/*分页器*/
.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:43%;
}
.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:100px;
	margin-bottom:30px;
	position:relative;
}
.footBox .footMenu a.menuTitle::before{
	content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color:#fff;
    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:#9E9E9E;
}
.footBox .footMenu li .subMenu a:hover{
	color:var(--c1);
}

.footBox .footContact{
	width:auto;
}
.footBox .footContact a.title{
	color:#fff;
	display: block;
	font-size:20px;
	margin-bottom:30px;
	position:relative;
}
.footBox .footContact a.title::before{
	content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color:#fff;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.footBox .footContact .contetn{
	font-size:14px;
	line-height:30px;
	color:#9E9E9E;
	display: flex;
	gap: 20px;
}
.footBox .footContact .contetn div{
	padding:10px 15px;
	background-color:#2f2f2f;
	border-radius:5px;
}
.footBox .footContact .contetn p{margin:0px;max-width:280px;}
.footBox .footContact .contetn p .phone{
	font-size:20px;
	font-weight:bold ;
}
.footBox .footContact .contetn .erweima{
	list-style:none;
	margin:10px 0px 0px 0px;
	padding:0px;
	display: none;
	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 #3b3b3b;}
.copyright .copyright_box{padding:16px 0px; color:#686868; font-size:14px; display: flex; justify-content: space-between;}
.copyright .copyright_box a{color:#686868;}


/*回顶部*/
.gotop{color:#fff; width:32px; height:32px; background-color:var(--c1); padding:3px; border-radius:10%;}








/*index*/




/*轮播*/

.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{
  width: 100%;
  height: auto;
  object-fit: contain;
}

.banner .banner-txt{position: absolute; text-align: center; color:#fff;}
.banner .banner-txt .t1{font-size:40px; font-weight:bold; opacity:0;}
.banner .banner-txt .t2{font-size:20px; opacity:0;}

/*pageBanner*/
.pageBanner{background-color:var(--c1); color:#fff; min-height:300px; display: flex; align-items:center; background-repeat: no-repeat; background-size:100% auto;}
.pageBanner h1{}
.pageBanner p{}



/*aboutus*/
.aboutus{background:url(../img/about_img_bg.png) no-repeat; background-position:left bottom; background-size:90% auto;}
.aboutus .container{min-height:900px; position:relative;}
.aboutus .ab_box{position: absolute; right:0px; top:10%; width:65%;}
.aboutus .ab_box .tit{}
.aboutus .ab_box .tit h4{font-size:30px; margin:20px 0px 0px 0px;}
.aboutus .ab_box .con{margin-top:30px; margin-bottom:30px; font-size:16px; line-height:30px; color:#575757; letter-spacing:1px; text-align: justify;}


/*business*/
.business{background:url(../img/business_img_bg.jpg) no-repeat; background-position:center top; background-size:100% 100%;}
.business .container{padding:90px 0px;}


/*tabs_box*/
.tabs_box{position: relative;}

.tabs_box .tabs_header{background:#ccc; overflow: hidden; margin-top:40px;}
.tabs_box .tabs_header .tab_link{background:#fff;padding:40px 0px; text-align:center; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:10px;}
.tabs_box .tabs_header .tab_link .iconpark-icon{width:40px; height:40px;}
.tabs_box .tabs_header .swiper-slide-thumb-active{background:var(--c1); color:#fff;}

.tabs_box .tabs_content{background:#fff; overflow:hidden; margin-top:20px;}
.tabs_box .tabs_content .tab_pane{display: flex;}
.tabs_box .tabs_content .tab_pane .img{width:40%; overflow:hidden;}
.tabs_box .tabs_content .tab_pane .txt{background:url(../img/Business.svg) no-repeat; background-position:40px 20px; background-size:70%; padding:40px; width:60%}
.tabs_box .tabs_content .tab_pane .txt h4{margin:0px; font-size:30px}
.tabs_box .tabs_content .tab_pane .txt p{margin:40px 0px 30px 0px; font-size:16px; line-height:30px; color:#575757; letter-spacing:1px; text-align: justify;}

.tabs_box .btn_prev:after,.btn_next:after{content:'';}
.tabs_box .btn_prev,.btn_next{width:40px; height:40px; color:#fff; overflow: hidden;}
.tabs_box .btn_next{right:-80px;}
.tabs_box .btn_prev{left:-80px;}


/*case*/
.case{background:url(../img/case_img_bg.jpg) no-repeat; background-position:left top; background-size:100% auto;}
.case .container{padding:90px 0px;}
.case .tit{display: flex; flex-direction: column; align-items:center; gap:10px;}
.case .tit h3{margin:0px; font-size:40px; color:var(--c1);}
.case .tit p{margin:0px; font-size:20px; line-height:20px; color:var(--c1);}

.case .con{margin:40px 0 40px 0;}
.case .con dd{display:grid; grid-template-columns: repeat(3, 1fr); gap:40px 20px; width:100%}
.case .con dd dl{text-align:center;}
.case .con dd dl p{margin:0px; margin-top:10px;}
.case .con dd dl a{overflow:hidden; display:block;border-radius:8px;}
.case .con dd dl a:hover img{transition:all 1s; transform:scale(1.1);}
.case .con dd dl a img{width:100%; transition:all 1s;}



/*news*/
.news{background:#F1F1F1;}
.news .container{padding:90px 0px;}
.news .tit{display: flex; flex-direction: column; align-items:center; gap:10px;}
.news .tit h3{margin:0px; font-size:40px; color:var(--c1);}
.news .tit p{margin:0px; font-size:20px; line-height:20px; color:var(--c1);}

.news .con{margin:40px 0 40px 0; display:flex; gap:20px;}
.news .con .focusimg{width:47%;}
.news .con .focusimg p{margin:0px;}
.news .con .focusimg .img{width:100%;}
.news .con .focusimg .txt{background:#fff; padding:20px;}
.news .con .focusimg .txt .date{color:#737373; font-size:18px;}
.news .con .focusimg .txt .link{display: flex; align-items:center; width:100%; justify-content: space-between; gap:10px; margin-top:10px;}
.news .con .focusimg .txt .link .title{width:90%; font-size:18px;}
.news .con .focusimg .txt .link .more{width:10%; height:40px;}

.news .con .headline{width:60%;}
.news .con .headline a{background-color:#fff; display:flex; align-items:center; padding:20px 20px; margin-bottom:10px;}
.news .con .headline .date{width:20%; text-align:center; border-right: solid 1px #D9D9D9; padding-right:20px;}
.news .con .headline .date h5{font-size:40px; margin:0px;}
.news .con .headline .date p{margin:0px 0px;}

.news .con .headline .txt{padding-left:20px;}
.news .con .headline .txt h5{margin:0px 0px 0px 0px; font-size:18px; font-weight:500;}
.news .con .headline .txt p{margin:10px 0px 0px 0px; font-size:14px; text-align: justify;}






/*内页*/
.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; display:none;}
.page .contact .panel{margin-bottom:20px;}

.page .contact .panel p{display:flex; align-items:flex-start;  background-color:#fff; margin:0px; padding:8px 0px; flex-grow:1; font-size:14px; line-height:22px; border-bottom:dotted 1px #ddd; color:#686868;}
.page .contact .panel p.tit{background-color:var(--c1); text-align: center; color:#fff; padding:8px 10px; border-bottom:dotted 0px #ddd;}

.page .contact .panel p .iconpark-icon{width:24px; height:24px; margin-right:10px;  color:#bebebe;}
.page .contact .panel p span{font-size:14px;}


/*内页右*/
.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{padding:20px; margin-top:20px;}
.page .pics{display:grid; grid-template-columns: repeat(3,1fr); gap: 10px;}
.page .pics .pic{border:solid 1px #efefef; padding:3px; display:flex; flex-direction: column; justify-content: flex-end;}
.page .pics .pic img{width:100%;}
.page .pics .pic p{text-align:center; margin:4px 0px; color:#6f6f6f; font-size:14px;}


/*沙龙*/
.salon_menu{
	margin-top:20px;
}
.salon_menu li a{
	border:1px solid #000;
	margin:5px 0px;
	padding:15px 20px;
	border-radius: 0 50px 50px 0;
	display:block;
	width:200px;
}
.salon_menu li a:hover{
	width:220px;;
}
.salon_menu .on{
	background-color:#f6da31;
}



/*内页:科室*/
.unit{}
.unit .list{margin-top:10px; display:grid; grid-template-columns:repeat(3, 1fr); gap: 20px; align-items: stretch;}
.unit .list li{text-align:center;}
.unit .list li a{display:block;}
.unit .list li img{width:100%; height:226px;}
.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(3, 1fr); gap: 20px; align-items: stretch;}
.team .list li{text-align:center;}
.team .list li a{display:block;}
.team .list li img{width:100%;}
.team .list li p{margin:8px 0px; font-size:15px;}

.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{flex-direction: column;}
.about .ComProfile{display: flex;}
.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;}


/*内页:联系*/
.contact_item{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; background-color:#fafafa; margin-bottom:20px; border:1px solid #efefef; border-radius:5px; padding:20px;}
.contact_item .tit{width:100%; color:var(--c1); font-weight:500; letter-spacing:2px; margin:0px 0px 20px 0px; font-size:1.4em;}
.contact_item .info{width:60%; display:flex; gap:10px; flex-direction:column;}
.contact_item .info p{display:flex; align-items:flex-start; border-radius:5px; padding:10px 10px; background-color:#fff; margin:0px; flex-grow:1; line-height:26px;}
.contact_item .info p .iconpark-icon{width:26px; height:26px; margin-right:10px;  color:#bebebe;}
.contact_item .info p span{font-size:16px;}
.contact_item .info p span:nth-child(2){white-space:nowrap; color:#bebebe; width:4em; display:inline-block; flex-shrink:0; display:none;} /*显示文字将display设置为block*/
.contact_item .info p span:nth-child(3){color:#686868;}
.contact_item .info p span.two{letter-spacing:1em;}
.contact_item .info p span img.ewm{max-height:120px;}
.contact_item .map{width:39%; min-height:200px; background-color:#fff; border-radius:5px; overflow:hidden; border:solid 1px #f3f3f3;}
.contact_item .map img{width:100%;}
.contact_item .map p{font-size:14px; line-height:14px; text-align:center;}
.contact_item .map .iconpark-icon{width:26px; height:26px; vertical-align: middle;}