@charset "utf-8";

/* 图标 */
.iconpark-icon{flex-shrink:0;vertical-align: middle;}

/* 标题 */
.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;}

/*颜色*/
.white{color:#fff;}
.dark{color:#333;}

/*按钮*/
.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);}

.btn_2{display:inline-block; color: #fff; font-size: 16px; padding: 12px 20px; border-radius: 50px; background:var(--c1); font-weight:bold; transition: all .3s; cursor: pointer;}
.btn_2:hover { color: #fff; padding: 12px 30px;}


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


/* 锚点偏移 */
[id] {scroll-margin-top: 70px;}


/*对齐控制*/
.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;}





/* ===== Swiper 统一颜色修改 ===== */

/* 分页器小圆点 */
.swiper-pagination-bullet {
  background: #ccc;   /* 未激活 */
  opacity: 1;         /* Swiper 默认透明度是 0.2，这里改成实心 */
}
.swiper-pagination-bullet-active {
  background: var(--c1); /* 激活颜色 */
}

/* 左右箭头 */
.swiper-button-next,
.swiper-button-prev {
  color: var(--c1);      /* 改箭头颜色 */
}

/* 滚动条 */
.swiper-scrollbar-drag {
  background: var(--c1); /* 滚动条拖动块颜色 */
}














/*分页器*/
.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);
}








/*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:50% auto; display: flex;  align-items:center; padding:100px 0 200px 0px;}




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





/*case*/
.case{background:url(../img/case_img_bg.jpg) no-repeat; background-position:left top; background-size:100% auto; 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;}


   

/*service*/
.service{background:url(../img/case_img_bg.jpg) no-repeat; background-position:left top; background-size:100% auto; padding:90px 0px;}
.service .service_2{padding-top:40px;}







/*news*/
.news{padding:90px 0px;  background:url(../img/service_bg.png) no-repeat left bottom #f4f5fa; background-size:45% auto;}
.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%; max-height:370px}
.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:100px; 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; flex:1;}
.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; min-height:800px;}
.page{padding:50px 0;}

/*内页左*/
.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{margin-top:10px;}
.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;}


/*内页:科室*/
.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{}
.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;}


/*==products===============================================================*/
.products{padding:50px 0;}
.products .list{display:grid; grid-template-columns:repeat(4, 1fr); gap: 20px; align-items:stretch;}
.products .list li{text-align:center;}
.products .list li a{overflow:hidden; display:block;border-radius:8px;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);}
.products .list li a:hover img{transition:all 1s; transform:scale(1.1);}
.products .list li a img{width:100%; transition:all 1s;}
.products .list li p{margin:8px 0px; font-size:15px;}

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


/*==contactlist===============================================================*/
.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;}