@charset "utf-8";
:root {
  /* 导航高度 */
  --header-height: 1rem;
  /* COLOR */
  --color-active: #33416f;
  --color-blue-004: #33416f;
  --color-blue-095: #095cae;
  --color-blue-163: #163494;
  --color-blue-1635: #163595;
  --color-blue-345: #345999;
  --color-red-e41: #e41313;
  --color-white: #fff;
  --color-black: #282828;
  --color-gray-f6: #f6f6f6;
  --color-gray-f4: #f4f4f4;
  --color-gray-eee: #eee;
  --color-gray-ddd: #ddd;
  --color-gray-bbb: #bbb;
  --color-gray-999: #999;
  --color-gray-666: #666;
  --color-gray-444: #444;
  --color-gray-333: #333;
  /* --- font40以下 */
  --font12: clamp(12px, 0.12rem, 12px);
  --font14: clamp(12px, 0.14rem, 14px);
  --font15: clamp(12px, 0.15rem, 15px);
  --font16: clamp(13px, 0.16rem, 16px);
  --font17: clamp(13px, 0.17rem, 17px);
  --font18: clamp(14px, 0.18rem, 18px);
  --font20: clamp(15px, 0.2rem, 20px);
  --font22: clamp(16px, 0.22rem, 22px);
  --font24: clamp(17px, 0.24rem, 24px);
  --font26: clamp(18px, 0.26rem, 26px);
  --font28: clamp(18px, 0.28rem, 28px);
  --font30: clamp(20px, 0.3rem, 30px);
  --font32: clamp(20px, 0.32rem, 32px);
  --font34: clamp(22px, 0.34rem, 34px);
  --font36: clamp(22px, 0.36rem, 36px);
  --font38: clamp(24px, 0.38rem, 38px);
  /* --- font40 */
  --font40: clamp(23px, 0.4rem, 40px);
  --font42: clamp(24px, 0.42rem, 42px);
  --font44: clamp(24px, 0.44rem, 44px);
  --font46: clamp(25px, 0.46rem, 46px);
  --font48: clamp(26px, 0.48rem, 48px);
  /* --- font50 */
  --font50: clamp(28px, 0.5rem, 50px);
  --font52: clamp(28px, 0.52rem, 52px);
  --font54: clamp(28px, 0.54rem, 54px);
  --font56: clamp(28px, 0.56rem, 56px);
  --font58: clamp(29px, 0.58rem, 58px);
  /* --- font60 */
  --font60: clamp(30px, 0.6rem, 60px);
  --font62: clamp(31px, 0.62rem, 62px);
  --font64: clamp(31px, 0.66rem, 64px);
  --font66: clamp(31px, 0.66rem, 66px);
  /* --- font70以及以上 */
  --font70: clamp(32px, 0.7rem, 70px);
  --font72: clamp(32px, 0.72rem, 72px);
  --font74: clamp(32px, 0.74rem, 74px);
  --font80: clamp(32px, 0.8rem, 80px);
  --font100: 1rem;
  --font120: 1.2rem;
  --font160: 1.6rem;
  --font230: 2.3rem;
}
@media (max-width: 1580px) {
  :root {
    --header-height:80px;
  }
}
/* 公共字体 */
.font12 {
  font-size: var(--font12);
}
.font14 {
  font-size: var(--font14);
}
.font15 {
  font-size: var(--font15);
}
.font16 {
  font-size: var(--font16);
}
.font18 {
  font-size: var(--font18);
}
.font20 {
  font-size: var(--font20);
}
.font22 {
  font-size: var(--font22);
}
.font24 {
  font-size: var(--font24);
}
.font26 {
  font-size: var(--font26);
}
.font28 {
  font-size: var(--font28);
}
.font30 {
  font-size: var(--font30);
}
.font32 {
  font-size: var(--font32);
}
.font34 {
  font-size: var(--font34);
}
.font36 {
  font-size: var(--font36);
}
.font38 {
  font-size: var(--font38);
}
.font40 {
  font-size: var(--font40);
}
.font42 {
  font-size: var(--font42);
}
.font44 {
  font-size: var(--font44);
}
.font46 {
  font-size: var(--font46);
}
.font48 {
  font-size: var(--font48);
}
.font50 {
  font-size: var(--font50);
}
.font52 {
  font-size: var(--font52);
}
.font54 {
  font-size: var(--font54);
}
.font56 {
  font-size: var(--font56);
}
.font58 {
  font-size: var(--font58);
}
.font60 {
  font-size: var(--font60);
}
.font62 {
  font-size: var(--font62);
}
.font64 {
  font-size: var(--font64);
}
.font66 {
  font-size: var(--font66);
}
.font70 {
  font-size: var(--font70);
}
.font72 {
  font-size: var(--font72);
}
.font72 {
  font-size: var(--font74);
}
.font80 {
  font-size: var(--font80);
}
.font100 {
  font-size: var(--font100);
}
.font120 {
  font-size: var(--font120);
}
.font160 {
  font-size: var(--font160);
}
.font230 {
  font-size: var(--font230);
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: calc(100vw / 21);
  }
}
@media (max-width: 1280px) {
  html {
    font-size: calc(100vw / 19.3);
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/15);
  }
}
@media (max-width: 480px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
body {
  font-family: 'Microsoft YaHei','Arial', 'Microsoft YaHei UI', 'SimSun', 'SimHei';
  font-size: 16px;
  color: #000;
  background: #fff;
  overflow-x: hidden;
}
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body::-webkit-scrollbar { width:2px;}
body::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
body::-webkit-scrollbar-thumb { background: #33416f;}
img{ border:0; max-width: 100%; }
input,button,a { outline: none;}
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:''; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.5);}
/*通用样式*/
.container {
  width: 100%;
  height: auto;
  max-width: 78.125%;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (min-width: 1901px) {
  .container {
    max-width: 1200px;
  }
}
@media (max-width: 1880px) {
  .container {
    max-width: 1200px;
  }
}
@media (max-width: 1440px) {
  .container {
    max-width: calc(100% - 200px);
  }
}
@media (max-width: 1024px) {
  .container {
    max-width: 100%;
    padding: 0 20px;
  }
}
/**/
.pageTop { position: relative; z-index: 11; background: #1a7890; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.topFlex { height: 52px; display: flex; justify-content: space-between; align-items: center;}
.choseCity { font-size: var(--font16); color: #ffffff;}
.choseCity span { margin-left: 8px; color: #2bf8ff;}
.topRight { display: flex; align-items: center; gap: .37rem;}
.topRight img { display: block;}
.choseLang { cursor: pointer; position: relative; z-index: 2;}
.choseLang h2 { height: 52px; display: flex; gap: 10px; align-items: center;}
.choseLang h2 span { font-size: var(--font18); color: #ffffff;}
.choseLang dl { box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 0 0 4px 4px; overflow: hidden; display: none; background: #ffffff; width: 100%; text-align: center; position: absolute; top: 100%;}
.choseLang dt a { display: block; padding: 5px 0; font-size: var(--font16); color: #000000; transition: all .4s;}
.choseLang dt a:hover { background: #1a7890; color: #ffffff;}
.choseLang:hover dl { display: block;}
.topScan { height: 52px; display: flex; align-items: center; position: relative; z-index: 2;}
.scanSub { box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 4px; overflow: hidden; transition: all .4s; position: absolute; top: calc(100% + 10px); transform-origin: center top; transform: scale(0); width: 100px; left: 50%; margin-left: -50px;}
.scanSub img { display: block; width: 100%;}
.topScan:hover .scanSub { transform: scale(1);}
/*heaer*/
.header { z-index: 2; position: absolute; left: 0; top: 0; width: 100%;}
.headerTop {border-bottom: 1px solid #b6b6b6;}
.headerFlex{ height: 94px; display: flex; justify-content: space-between; align-items: center;}
.headerFlex { display: flex; justify-content: space-between; align-items: center;}
.headerControl { display: flex; align-items: center; gap: 40px;}
.contorlLink { display: flex; align-items: center; gap: .65rem;}
.contorlLink a img { display: block; font-size: 14px;}
.contorlLink a { color: #262626; font-size: var(--font14); transition: all .4s; display: flex; align-items: center; gap: 6px;}
.contorlLink a:hover { color: #1a7890;}
.headerSearch { border-radius: 24px; padding-right: 7px; display: flex; align-items: center; border:1px solid #cdc8c1}
.headerSearch input { box-sizing: border-box; padding: 0; text-indent: 10px; height: 23px; width: 150px; background: none; border: none; font-weight: bold; font-size: 12px; color: #1a7890;}
.headerSearch input::placeholder { color: #1a7890;}
.headerSearch button { padding: 0; background: none; border: none; display: flex; justify-content: center; align-items: center; width:15px; cursor:pointer;}
.nav ul { max-width: calc(100% - 200px); width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.nav li h2 {padding: 10px 0;}
.nav li h2 a { color: #1eacaa; transition: all .4s; display: block; font-size: var(--font20); color: #4a4a4a; padding: 0 12px; line-height: 1.7; border-radius: 6px;}
.nav li:hover h2 a { color: #ffffff; background: #1eacaa;}
.nav li { z-index: 2; position: relative;}
.nav dl { display: none; padding:6px; background: #ffffff; border-radius: 4px; box-sizing:border-box;width: 160px; position: absolute; left: 50%; transform: translateX(-50%);}
.nav dt h3,.subMenu p { border-radius: 4px; text-align: center; font-size: var(--font16);}
.nav dt { position: relative;}
.nav dt h3 a,.subMenu p a{ border-radius: 4px; transition: all .4s; display: block; line-height: 2; color: #333;}
.nav dt h3 a:hover,.subMenu p a:hover { color: #ffffff; background: #1eacaa;}
.main { position: relative;}
.subMenu { display: none; position: absolute; left: calc(100% + 6px); top: 0; padding: 6px; border-radius: 4px; background: #ffffff; width: 180px;} 
/**/
.whiteHeader .logo img { filter: brightness(0) invert(1);}
.whiteHeader .contorlLink a { color: #ffffff;}
.whiteHeader .contorlLink a img {filter: brightness(0) invert(1);}
.whiteHeader .headerSearch { border: 1px solid #ffffff; background: rgba(0,0,0,0.2);}
.whiteHeader .headerSearch input {color: #ffffff;}
.whiteHeader .headerSearch input::placeholder { color: #ffffff;}
.whiteHeader .headerSearch img {filter: brightness(0) invert(1);}
.whiteHeader .nav li h2 a { color:#ffffff}
.whiteHeader .headerTop { border-bottom: 1px solid #ffffff;}
.whiteHeader .nav li:hover h2 a { background: #1eacaa; color: #ffffff;}
/**/
.banner img { display: block; width: 100%;}
.banner .swiper-pagination { bottom: .8rem;}
.banner .swiper-pagination span { transition: all .4s; width: 8px; height: 8px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active { width: 28px; border-radius: 8px; height: 8px; background: #ffffff;}
.homeMenu { position: relative; margin: -40px auto 0; z-index: 2;}
.homeMenu ul { display: flex; justify-content: space-between;}
.homeMenu li { position: relative; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.05); border-radius: .14rem; transition: all .4s; text-align: center; background: url(../images/enterBg.jpg) center no-repeat; width: calc((100% - 1.6rem)/5); background-size: cover;}
.homeMenu li img { position: relative; z-index: 2; transition: all .4s; display: block; margin: 0 auto .3rem;}
.homeMenu li p { position: relative; z-index: 2; font-size: var(--font24); color: #199492; line-height: 1; transition: all .4s;}
.homeMenu li:hover { transform: scale(1.1);}
.homeMenu li:hover p { color: #ffffff;}
.homeMenu li:hover img { transform: rotateY(360deg); filter: brightness(0) invert(1);}
.homeMenu li::after { pointer-events: none; transition: all .4s; opacity: 0; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/enterCover.jpg) center no-repeat;}
.homeMenu li:hover::after { opacity: 1;}
.homeMenu li a{ display: block; padding: .46rem 0 .64rem;}
.homeNewTitle { gap: 20px; align-items: center; display: flex; justify-content: space-between;}
.titleInfor span { position: absolute; left: 0; top: -100%; font-size: var(--font18); color: #8accd2;}
.titleInfor { position: relative;}
.titleInfor p { font-size: var(--font40); line-height: 1; color: #199492;}
.more { box-shadow:  0 0 .16rem rgba(45,148,142,.33); line-height: 42px; border-radius: 42px; display: inline-flex; font-size: var(--font18); color: #ffffff; background: #1eacaa; align-items: center; padding: 0 .07rem 0 .28rem; gap: .21rem;}
.more span { color: #ffffff;}
.more img { transition: all .4s; display: block; width: clamp(20px,.29rem,29px);}
.more:hover img { transform: rotate(180deg);}
.homeNews { margin: 1.47rem auto;}
.titleLine { flex: 1; background: #1eacaa; height: 1px;}
.newsImg { position: relative; overflow: hidden;}
.newsImg img { object-fit: cover; aspect-ratio: 596 / 321; display: block; width: 100%; transition: all .8s;}
.newsImg p { position: absolute; left: 10px; bottom: 10px; line-height: 1; font-size: var(--font16); color: #ffffff;}
.bigNews { box-shadow: 0 10px 10px rgba(0,0,0,0.05); border: 1px solid #e5e7e8; border-radius: .15rem; overflow: hidden; width: 49.58%;}
.newsImg span { position: absolute; display: block; background: url(../images/tagbg.png) center no-repeat; width:35px; height: 63px; top: 0;
left: 22px; color: #ffffff; text-align: center; box-sizing: border-box; padding-top: 16px;}
.newsFlex { gap: .4rem; display: flex; justify-content: space-between; margin-top: .6rem;}
.newsText {  border-top: none; padding: 20px 10px 15px;}
.newsText h2 { transition: all .4s; line-height: 1; margin-bottom: .15rem; font-size: var(--font24); color: #333333; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.newsText p { margin-bottom: .2rem; font-size: var(--font16); color: #515050;}
.newsText span,.smallText span { font-size: var(--font20); display: flex; align-items: center; gap: 10px; color: #1eacaa;}
.smallNews { flex: 1;}
.smallNews ul { gap: 10px; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.smallNews li a { display: flex;}
.smallPic { overflow: hidden; width: 37.3%;}
.smallPic img { object-fit: cover; aspect-ratio: 208 / 144; display: block; width: 100%; transition: all .8s;}
.smallNews li {border-radius:.15rem; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.smallText { border: 1px solid #e3e6e8; border-left: none; border-radius: 0 .15rem .15rem 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; padding: .12rem;}
.smallText p { line-height: 1; color: #797979; font-size: var(--font16);}
.smallText h2 { transition: all .4s; color: #333333; font-size: var(--font20); line-height: 1.25; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.bigNews:hover .newsImg img { transform: scale(1.1);}
.bigNews:hover .newsText h2 { color: #1eacaa;}
.smallNews li:hover .smallPic img { transform: scale(1.1);}
.smallNews li:hover .smallText h2 { color: #1eacaa;}
.departments { background: #f5f8fd; padding: .64rem 0 1.3rem;}
.titleCell { text-align: center;}
.titleCell span { font-size: var(--font18); color: #91c9ce; text-transform: uppercase; display: block; line-height: 1;}
.titleCell p { display:flex; justify-content: center; align-items: center;}
.titleCell p i { display: block; height: 1px; width: 58px; background: #1eacaa;}
.titleCell p b { font-weight: bold; margin: 0 .2rem; font-size: var(--font40); color: #199492;}
.departments ul { margin-bottom: .15rem; gap: .25rem; display: flex; justify-content: space-between;}
.departments li { overflow: hidden; text-align: center; transition: all .4s; border-radius: .14rem; width: calc((100% - 2rem)/8); background: #ffffff;}
.departments li a { transition: all .4s; display: block; padding: .23rem 0 .27rem;}
.departments ul:nth-child(1) li:nth-child(1),.departments ul:nth-child(1) li:last-child { width: calc(((100% - 2rem)/9)/2);}
.departments ul:nth-child(3) li:nth-child(1),.departments ul:nth-child(3) li:last-child { width: calc(((100% - 2rem)/9)/2);}
.departmentIcon img { transition: all .4s; width: 100%; display: block; margin: 0 auto;}
.departmentIcon { position: relative; border-radius: 50%; background: #e7f9f8; width: 1.18rem; margin: 0 auto .15rem; display: flex; justify-content: center; align-items: center; height: 1.18rem;}
.departments li p { color: #333333; transition: all .4s; font-size: var(--font22);}
.departments li:hover a { background: #0d85bd; }
.departments li:hover { transform: scale(1.05);}
.departments li:hover .iconCont { background: #23c4c2;}
.departments li:hover p { color: #ffffff;}
.departments li:hover img {filter: brightness(0) invert(1); transform: rotateY(360deg);}
.iconCont { transition: all .4s; border-radius: 50%; overflow: hidden; position: relative; z-index: 2; width: 100%;}
.departmentIcon::after { content: ''; transition: all .4s; opacity: 0; position: absolute; left: 50%; top: 50%; width: calc(100% + 8px); height: calc(100% + 8px);
transform: translate(-50%,-50%); background: #0da1d3; border-radius: 50%;}
.departmentIcon::before { content: ''; transition: all .4s; opacity: 0; position: absolute; left: 50%; top: 50%; width: calc(100% + 16px); height: calc(100% + 16px);
transform: translate(-50%,-50%); background: #0d8cc3; border-radius: 50%;}
.departments li:hover .departmentIcon:after,.departments li:hover .departmentIcon:before { opacity: 1;}
.listConts { margin-top: .7rem;}
.departments li:nth-child(8),.departments ul:nth-child(2) li:nth-child(7) { background: #e2f4f8;}
.departments li:nth-child(1),.departments li:last-child { background: #ecf6fb;}
.departments li:nth-child(2) { background: #e2f4f8;}
.singmay { padding: .6rem 0 .95rem;}
.singmayType { display: flex; justify-content: center; align-items: center; margin: .6rem auto;}
.singmayType span { margin: 0 .425rem; border: 1px solid #31c8c6; text-align: center; line-height: 2; border-radius: 2em; display: block; cursor: pointer; font-size: var(--font22); color: #282828; transition: all .4s; min-width: 7.45em;}
.singmayType span.cur { border: 1px solid #6ae9fc; box-shadow:0 0 10px rgba(0,0,0,0.1); background: #1eacaa; color: #ffffff;}
.singmayDesc { border-radius: 0 0 .14rem .14rem; border: 1px solid #e1e3e6; padding: 17px 10px 14px;}
.singmayDesc h2 { font-size: var(--font24); color: #333333; line-height: 1; margin-bottom: 10px;}
.singmayDesc p { color: #797979; font-size: var(--font18); overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; line-height: 1;}
.singmayImg { overflow: hidden; position: relative;}
.singmayImg::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; background-image: linear-gradient(to bottom,rgba(3,172,192,0),rgba(3,172,192,.35));}
.singmayImg .checkMore { border: 1px solid #88e8fb; box-sizing: border-box; z-index: 2; gap: 15px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px;}
.singmayImg .checkMore span { font-size: 12px; white-space: nowrap;}
.singmayImg .checkMore img { height: 20px; width: 20px;}
.singmayImg>img { display: block; width: 100%; aspect-ratio: 216/270; object-fit: cover;}
.singmayControl { display: flex; justify-content: center; align-items: center;}
.singmayControl div { position: static; margin: 0;}
.singmayControl div::after { content: '';}
.singmayControl .swiper-pagination { width: 430px;}
.singmayControl .swiper-pagination span { transition: all .4s; background: #adb9c5; opacity: 1; transition: all .4s; width: 8px; height: 8px;}
.singmayControl .swiper-pagination span.swiper-pagination-bullet-active { width: 24px; border-radius: 8px; background: #1eacaa; height: 8px;}
.singmayControl .swiper-button-prev,.singmayControl .swiper-button-next { width:clamp(24px,.5rem,50px); height:clamp(24px,.5rem,50px);}
.singmayControl .swiper-button-prev img,.singmayControl .swiper-button-next img { display: block; width: 100%;}
.singmayControl { margin-top: .45rem;}
.qualifications { background: url(../images/quabg.jpg) center no-repeat; background-size: cover; padding: .9rem 0 1.13rem;}
.qualifications .titleCell span{ color: #97d0ce;}
.qualifications .titleCell i { background: #ffffff;}
.qualifications .titleCell b { color: #ffffff;}
.qualityInfor { margin: .8rem 0 .9rem;}
.qualityInfor ul { display: flex; justify-content: space-between;}
.qualityInfor li { gap: 10px; box-sizing: border-box; border-right: 1px solid #dbe9eb; flex: 1; display: flex; align-items: center; justify-content: center;}
.qualityInfor li:last-child { border: none;}
.qualityInfor li p { font-size: var(--font24); color: #ffffff; line-height: 1;}
.qualityInfor li span { display: block; font-size: var(--font20); color: #ffffff;}
.qualityInfor li img { display: block; height: .52rem;}
.qualityList ul { gap: .35rem; display: flex; justify-content: space-between;}
.qualityList li { flex: 1;}
.quaDesc { display: flex; text-align: center; justify-content: space-between; align-items: center;}
.quaDesc p { font-size: var(--font20); color: #ffffff; flex: 1;}
.qualityImg { margin-bottom: 10px;}
.qualityImg img { display: block; width: 100%; aspect-ratio: 273/173; object-fit: cover;}
.homeContact { padding: 1rem 0 1.4rem;}
.homeContactFlex { gap: .25rem; display: flex; justify-content: space-between; background: #f5f8fd; padding: 12px 15px; border-radius: 12px;}
.contactText { flex: 1;}
.contactText h2 { margin-bottom: .45rem; font-weight: bold; font-size: var(--font40); color: #199492;}
.contactText h2 span { color: #a8d4d9; margin-left: .1rem; font-size: var(--font18);}
.contactText p { margin-bottom: .27rem; display: flex; align-items: center; font-size: var(--font24); gap: 14px;}
.contactText p a:hover { color: #199492;}
.contactEwm { text-align: center; display: flex; align-items: center; gap:.35rem;}
.ewmSlide img { display: block; width: 1.7rem; margin-bottom: 12px; aspect-ratio: 1/1;}
.contactMap { width: 52.33%;}
/**/
.footer { background: url(../images/footBg.jpg) center top no-repeat; background-size: cover; padding-top: 1.15rem;}
.footerTop { padding-bottom: .88rem; border-bottom: 1px solid #7f7f7f; display: flex; justify-content:space-between;}
.shareLink { display: flex; align-items: center; font-size: var(--font14); color: rgba(255,255,255,.5);}
.shareLink a img { transition: all .4s; display: block;}
.shareLink a { position: relative; margin-left: .22rem;}
.ewmBox { background: #ffffff; width: 1.1rem; padding: .08rem; border-radius: 4px;}
.ewmBox img { display: block; width: 100%;}
.fixEwm {opacity: 0; visibility: hidden; transform-origin: center bottom; transition: all .4s; border-radius: 4px; position: absolute; right: 0; bottom: 100%; background: #199492; text-align: center; padding: .12rem .12rem 0;}
.fixEwm p { white-space: nowrap; color: #ffffff; color: rgba(255,255,255,.5); font-size: var(--font14); line-height: 2.28;}
.shareLink a .fixEwm {  width: 1.34rem; position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%) scale(0);}
.shareLink a:hover .fixEwm {transform:translateX(-50%) scale(1);  opacity: 1; visibility: visible;}
.sologn h2 {font-weight: bold; line-height: calc(1em + 3px); font-size: var(--font16); color: #22a2a1;}
.sologn p { color: #22a2a1; line-height: calc(1em + 3px);}
.footLogo { margin-bottom: .2rem;}
.footLink { width: 755px;}
.footLink ul { gap: .2rem 0; display: flex; flex-wrap: wrap;}
.footLink li h2 a { font-weight: bold; font-size: var(--font20); color:#199492}
.footLink li { box-sizing: border-box; padding-right: .25rem; min-width:140px;}
.footLink li p a { line-height: 1.5; font-size: var(--font20); color: #313131; transition: all .4s; display: inline-flex;}
.footLink li:nth-child(5) { padding-right: 0;}
.footLink p { transition: all .4s;}
.footLink p:hover { transform: translateX(5px);}
.footLink p:hover a { color: #199492;}
.footerLeft {display: flex; flex-direction: column; justify-content: space-between;}
.copyRight { position: relative; text-align: center; font-size: 12px; color: #383838; line-height: .88rem;}
/*20251212*/

.page-banner { position: relative;}
.page-banner .img { overflow: hidden;}
.page-banner .img img { display: block; margin: 0 auto; width: 100%;}
.aboutIntroduce { padding: .9rem 0 1.6rem;}
.introduceCont { gap: 15px; background: #f5f8fd; padding: .18rem .18rem .6rem; border-radius: .18rem; display: flex; justify-content: space-between;}
.inTitle span { font-size: var(--font18); color: #9bd3d8; display: block; line-height: 1; text-transform: uppercase;}
.inTitle h2 { font-weight: bold; font-size: var(--font40); color: #199492;}
.inTitle { position: relative; padding-bottom: .2rem;}
.inTitle::after { content: ''; position: absolute; left: 0; bottom: 0; width: clamp(32px,.7rem,70px); height: clamp(2px,.04rem,4px); background: #199492;}
.introduceLeft { position: relative; flex: 1;}
.intRight p { text-indent: 2em; font-size: var(--font18); color: #3f3b3a; line-height: calc(1em + .12rem);}
.intRight { width: 58.33%;}
.intRight p span { color: #199492;}
.intRight ul { margin-top: .25rem; display: flex; justify-content: space-between;}
.intRight li i { display: block; font-size: var(--font18); color: #000000; font-style: normal;}
.intRight li h3 {background: linear-gradient(to right, #0de3ac, #27bfc1); -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/ -webkit-text-fill-color: transparent;/*给文字设置成透明*/ display: inline-flex; font-weight: bold; font-size: var(--font36);}
.intRight li h3 b { font-weight: bold;}
.hosImg { width: 7rem; position: absolute; right: 0; bottom: 0;}
.vision { background: url(../images/aboutImg2.jpg) center no-repeat; background-size: cover;}
.visionFlex { overflow: hidden;}
.visionArt { float: right; width: 717px; background-image: linear-gradient(to bottom,#0dc3c5,#1fa6ba); padding: 1.8rem .35rem;}
.visionArt p { line-height: 1.6; font-size: var(--font30); color: #ffffff; text-indent: 2em;}
.vision .inTitle::after { background: #ffffff;}
.vision .inTitle h2 { color: #ffffff;}
.vision .inTitle span { color: rgba(255,255,255,.8);}
.vision .inTitle { margin-bottom: .8rem;}
.mapDesc { align-items: center; position: relative; padding: .5rem 0 .6rem; background: #f5f8fd; display: flex; justify-content: space-between;}
.rightDesc { width: 44%; padding-right: calc(44% - 484px); box-sizing: border-box;}
.mapimg { width: 52.08%;}
.rightDesc p { font-size: var(--font18); color: #3f3b3a; line-height: calc(1em + .12rem); text-indent: 2em;}
.rightDesc p span { font-weight: bold; color: #199492;}
.rightDesc .inTitle { margin-bottom: .5rem;}
.history { background: url(../images/historybg.jpg) center no-repeat; background-size: cover; padding: 1.5rem 0 2.9rem;}
.inTitle.centerTitle { text-align: center;}
.inTitle.centerTitle::after { left: 50%; transform: translateX(-50%);}
.historyImg { margin-top: .65rem;}
.historyImg img { display: block; margin: 0 auto; max-width: 90%;}
.tour { background: #f5f8fd; padding: .9rem 0 1.1rem;}
.tourSwiper { width: 1200px; margin: 0 auto; max-width: 92%;}
.tourSwiper .swiper-slide { border-radius:30px; overflow: hidden; border:1px solid #abf1ef; box-shadow: 0 0 20px rgba(42,157,150,.24); width:778px;}
.tourSwiper .swiper-slide img { display:block; width: 100%;}
.tourSwiper { margin-top: .45rem;}
.tourMenu { margin-top: .95rem; display: flex; justify-content: center; align-items: center; gap: .5rem;}
.tourMenu span { cursor: pointer; transition: all .4s; color: #0e918f; font-size: var(--font24); opacity: .6;}
.tourMenu span.cur { opacity: 1; font-weight: bold;}
.honorImg { margin-top: .65rem;}
.honorImg img { display: block; margin:0 auto .35rem}
.honor { padding:.95rem 0 1rem}
.newsBlock { width:650px; margin: .35rem auto 0;} 
.newsSearch { margin-bottom: .6rem; background: #ffffff; border-radius: 54px; padding-right: 17px; display:flex; align-items: center; box-shadow: 0 0 10px #daf2ef; border: 1px solid #daf2ef;}
.newsSearch input { color: #0e918f; text-indent: 28px; height: 54px; border: none; box-sizing: border-box; border: none; background: none; font-size: var(--font24); flex: 1;}
.newsSearch button { display: block; width: 30px; cursor: pointer; background: none; border: none;}
.aboutNews { background: #f5f8fd; padding: .9rem 0 1.4rem;}
.focuseFlex { margin-top: .4rem; display: flex; justify-content: space-between;}
.focuseCard { border-radius: 13px; box-shadow: 0 0 10px rgba(25,63,103,.2); display: flex; width: calc(50% - 20px); align-items: center; background: #ffffff; padding: .13rem 0 .13rem .2rem;}
.focuseText p { margin: 7px 0 10px; line-height: 1; color: #171717; font-size: 16px;}
.focuseText span { font-weight: bold; color: #1eacaa; font-size: 16px;}
.focuseImg { width: 99px; margin-right: 18px;}
.focuseText img { display: block; height: 36px;}
.newsBlock li { background: #ffffff;}
/**/
.serviceIntroduce { padding: 70px 0;}
.serviceFlex { gap: .45rem; align-items: center; display: flex; justify-content: space-between;}
.intDesc { margin-top: .8rem;}
.intDesc p { font-size:18px; color: #3f3b3a; text-indent: 2em; line-height: calc(1em + .12rem);}
.introduceImg { width:475px;;}
.introduceImg img { display: block; margin-bottom: .25rem;}
.introduceImg img:last-child { margin-bottom: 0;}
.introduceText { flex: 1;}
.doctors { padding: .7rem 0; background: #f5f8fd;}
.doctorList ul { margin-top: .6rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: .4rem;}
.doctorList li { box-shadow: 0 0 10px rgba(0,0,0,0.05); width: calc(50% - .2rem); border-radius: 14px; overflow: hidden; background: #ffffff;}
.doctorTitle {text-align: center; font-size: var(--font28); color: #ffffff; line-height: 2;}
.doctorDesc { position: relative; padding: 20px .35rem 32px; position: relative;}
.doctorDesc>img { position: absolute; right: .35rem; top: 20px; width: clamp(120px,1.68rem,168px); display: block; border-radius: 50%; aspect-ratio: 1/1; object-fit: cover;}
.doctorDesc h2 span { margin-right: 20px; font-weight: bold; font-size: var(--font30);}
.doctorDesc h2 { margin-bottom: 20px; font-size: var(--font18); color: #1d1d1d;}
.doctorDesc b { margin-bottom: 14px; display: block; font-weight: bold; font-size: var(--font16); color: #010101;}
.doctorDesc i { color: #ffffff; line-height: 1.777; border-radius: 1.77em; display: inline-flex;  font-size: var(--font18);padding: 0 20px; font-style: normal; margin-bottom: 14px;}
.doctorDesc p { margin-bottom: .15rem; line-height: 1.5; min-height: 6em; color: #010101; font-size: var(--font16);}
.orderBtn { text-align: right;}
.orderBtn a { box-shadow: 0 0 20px rgba(30,172,170,.2); letter-spacing: .05rem; display: inline-flex;text-align: center; align-items: center; font-size: var(--font24); color: #ffffff; padding: .06rem .1rem .06rem .18rem; border-radius: 1.5em;}
.orderBtn a img { width: clamp(20px,.29rem,29px);}
.doctorList li .doctorTitle { background:#c5875d}
.doctorList li i { background:#c5875d ;}
.doctorList li a{ background: #c5875d;}
.doctorList li:nth-child(1) .doctorTitle { background:#24aeac}
.doctorList li:nth-child(1) i { background:#24aeac ;}
.doctorList li:nth-child(1) a{ background: #24aeac;}
.doctorList li:nth-child(2) .doctorTitle { background:#2b76af}
.doctorList li:nth-child(2) i { background:#2b76af ;}
.doctorList li:nth-child(2) a{ background: #2b76af;}
.doctorList li:nth-child(3) .doctorTitle { background:#69b3dc}
.doctorList li:nth-child(3) i { background:#69b3dc ;}
.doctorList li:nth-child(3) a{ background: #69b3dc;}
.doctorList li:nth-child(4) .doctorTitle { background:#c5875d}
.doctorList li:nth-child(4) i { background:#c5875d ;}
.doctorList li:nth-child(4) a{ background: #c5875d;}
.doctorList li:nth-child(5) .doctorTitle { background:#d24b2c}
.doctorList li:nth-child(5) i { background:#d24b2c ;}
.doctorList li:nth-child(5) a{ background: #d24b2c;}
.orderForm { padding:.7rem 0;}
.formFlex { box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 12px; background: url(../images/yuyue10.jpg) left bottom no-repeat; background-size: cover; padding: .35rem 0;}
.orderEwm p { font-weight: bold; text-align: center; font-size: var(--font36); color:#199492}
.orderForm { padding: .7rem 0;}
.formFlex { display: flex; justify-content: space-between; align-items: flex-start; gap: .4rem; background: #ffffff; border-radius: .16rem; padding: .35rem; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.orderEwm { width: 300px; text-align: center;}
.orderEwm p { font-weight: bold; font-size: var(--font36); color: #199492; margin-bottom: .3rem;}
.orderEwm img { display: block; width: 178px; height: 178px; margin: 0 auto;}
.formInfor { flex: 1;}
.formInfor ul { display: flex; flex-wrap: wrap; gap: .15rem;}
.formInfor li { display: flex;}
.formInfor li:nth-child(1),
.formInfor li:nth-child(2) { flex: 0 0 calc(50% - 0.08rem);}
.formInfor li:nth-child(3),
.formInfor li:nth-child(4) { flex: 0 0 calc(50% - 0.08rem);}
.formInfor li:nth-child(5) { flex: 0 0 100%;}
.formInfor li:nth-child(6) { flex: 0 0 100%;}
.formInfor input[type="text"],
.formInfor select,
.formInfor textarea { width: 100%; padding: .16rem .2rem; border: 1px solid #e0e0e0; border-radius: .08rem; font-size: var(--font16); color: #333; background: #f5f8fd; box-sizing: border-box; transition: all .3s; resize: none;}
.formInfor textarea { resize: none; min-height: 1.2rem; font-family: inherit;}
.formInfor input[type="text"]:focus,
.formInfor select:focus,
.formInfor textarea:focus { outline: none; border-color: #199492; box-shadow: 0 0 0 .03rem rgba(25,148,146,0.1);}
.formInfor input[type="text"]::placeholder,
.formInfor textarea::placeholder { color: #999;}
.formInfor select { appearance: none; background-image: url(images/selectIcon.png); background-repeat: no-repeat; background-position: right .2rem center; background-size: .12rem; padding-right: .4rem; cursor: pointer;}
.formInfor button { width: 100%; padding: .2rem 0; background: #1eacaa; color: #ffffff; border: none; border-radius: .08rem; font-size: var(--font20); font-weight: bold; cursor: pointer; transition: all .3s; box-shadow: 0 0 20px rgba(30,172,170,.2);}
.formInfor button:hover { background: #199492; box-shadow: 0 0 25px rgba(30,172,170,.3); transform: translateY(-.02rem);}
.formInfor button:active { transform: translateY(0);}
.serviceMenzhen { padding: .8rem 0 1.8rem; background: url(../images/yuyue11.jpg) center no-repeat; background-size: cover;}
.menzhenFlex { margin-top: .7rem; padding: 14px; background: #ffffff; border-radius: 12px;}
.menzhenFlex { display: flex; gap: 10px; background: #ffffff; border-radius: .14rem; padding: .35rem; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.serviceMenu { flex: 0 0 3.55rem; display: flex; flex-direction: column; gap: .1rem;}
.serviceMenu span { line-height:3.8; background: #f4f7fc; color: #333; font-size: var(--font30); text-align: center; border-radius:8px; cursor: pointer; transition: all .3s;}
.serviceMenu span.cur { background: #199492; color: #ffffff;}
.serviceMenu span:hover { background: #199492; color: #ffffff;}
.serviceBd { background: #f4f7fc; flex: 1; border-radius: 8px; padding: .3rem .4rem;}
.serviceSlide p { margin-bottom: .2rem; font-size: var(--font24); color: #333; line-height: 1.8;}
.serviceSlide p:last-child { margin-bottom: 0;}
.serviceMenzhen .inTitle span,.serviceMenzhen .inTitle h2 { color: #ffffff;}
.serviceMenzhen .inTitle::after { background: #ffffff;}
.zhongliuImg { width: 468px;}
.zhongliuImg ul { display: flex; flex-wrap: wrap; gap: 17px;}
.zhongliuImg li { border-radius: 14px; overflow: hidden; position: relative; position: relative; padding-top:calc((100% - 17px)/2); width: calc((100% - 17px)/2);}
.zhongliuImg li img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.zhongliuImg li:nth-child(1) { background: #e4f4ff;}
.zhongliuImg li:nth-child(4) { background: #f5f8fd;}
.zhongliuImg li:nth-child(5) { background: #e7ffec;}
.checkMore { background: #1eacaa; box-shadow: 0 0 20px rgba(30,172,170,.2); gap: 21px; display: inline-flex;text-align: center; align-items: center; font-size: 18px; color: #ffffff; padding: .06rem .1rem .06rem .18rem; border-radius: 1.5em;}
.checkMore span { font-size: var(--font18); color: #ffffff;}
.checkMore img { width: clamp(20px,.29rem,29px); display: block;}
.zhongliuDesc .inTitle { margin-bottom: .17rem;}
.zhongliuDesc .intDesc { margin-top: 0; margin-bottom: .7rem;}
.zhongliuDesc .intDesc p { margin-bottom: .1rem;}
.treatments { padding: 70px 0;}
.treatments ul { margin-top: .6rem; display: flex; flex-wrap: wrap; gap: .52rem;}
.treatments li { position: relative; transition: all .4s; color: #aec7d1; font-size: var(--font24); display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: calc((100% - 1.56rem)/4); padding:clamp(32px,.5rem,50px) 0 32px; text-align: center; background: #f5f8fd; border-radius: .15rem;}
.treatIcon { display: flex; justify-content: center; align-items: center; height: clamp(32px,.88rem,88px); margin-bottom: .28rem;}
.treatIcon img { transition: all .4s; display: block; height: 100%;}
.treatments li p { transition: all .4s; color: #262626; font-size: var(--font24); line-height: 1;}
.treatments li:hover { transform: scale(1.05); box-shadow: 0 0 10px rgba(0,0,0,0.1); background: url(../images/zlobg.jpg) center no-repeat; background-size: cover;}
.treatments li:hover p { color: #ffffff;}
.treatments li:hover img {filter: brightness(0) invert(1);}
.treatments li span { opacity: 0; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,50%); width: clamp(24px,.41rem,41px); height: clamp(24px,.41rem,41px); background: url(../images/zhongliuke29.png) center no-repeat;
background-size: cover; display: block;}
.treatments li:hover span { opacity: 1;}
.treatments li a { display: block;}
.cancerType { background: url(../images/typebg.jpg) center no-repeat; background-size: cover; padding: 70px 0 100px;}
.cancerType ul { margin-top: .8rem; display: flex; flex-wrap: wrap; gap: 20px .7rem;}
.cancerType li { box-shadow: 0 0 10px rgba(0,0,0,.05); border-radius: .14rem; overflow: hidden; width: calc((100% - 1.4rem)/3); }
.cancerType li a span img { border-radius: 50%; display: block;}
.cancerType li a{ padding: 0 .45rem 0 .13rem; transition: all .4s; box-sizing: border-box; background: #ffffff; display: flex; align-items: center; justify-content: space-between;}
.cancerImg { display: flex; justify-content: center; width: 100px;}
.cancerType li p { transition: all .4s; color: #020202; font-size: var(--font30);}
.cancerType li img { transition: all .4s;}
.cancerType li:hover a { color: #ffffff; background: #29b8b7;}
.cancerType li:hover p { color: #ffffff;}
.cancerType li:hover img {filter: brightness(0) invert(1);}


.team ul { margin-top: 35px; display: flex; flex-wrap: wrap; gap: .3rem;}
.team li { width: calc((100% - 1.2rem)/5);}
.team { padding: 1rem 0;}
.singmayImg { border-radius: .14rem .14rem 0 0;}
.singmayImg>img { object-fit: cover; transition: all .8s;}
.singmayImg:hover>img,.team li:hover .singmayImg>img { transform: scale(1.1);}
.team li:hover h2 { color: #1eacaa;}
.support { padding: .5rem 0 1rem;}
.support ul { margin-top: .95rem; gap:.7rem; display: flex; justify-content: space-between;}
.support li { flex: 1; border-radius: 12px; overflow: hidden; position: relative; overflow: hidden;}
.support li p { position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); z-index:2; font-size: var(--font30);
color: #ffffff;}
.support li img { display: block; object-fit: cover; width: 100%; aspect-ratio: 355/ 447; transition: all .8s;}
.support li:hover img { transform: scale(1.1);}
.departmentsCont { background: #f5f8fd;}
.depCont { width: 1555px; margin: 0 auto; max-width: 92%; display: flex; justify-content: space-between; gap: .4rem;}
.depLeft img { display: block; width: 100%;}
.depLeft { position: relative;}
.depLeft img { display: block; width: 100%; height: 100%; object-fit: cover;}
.depLeft .inTitle {position: absolute; filter: brightness(0) invert(1); left: 50%; top: 50%; transform: translate(-50%,-50%);}
.depList ul { display: flex; flex-wrap: wrap; gap: 10px;}
.depList li { position: relative; overflow: hidden; width: calc(50% - 5px);}
.depList li img { transition: all .8s; display: block; width: 100%; display: block; object-fit: cover; height: 100%;}
.depList li p { width: 100%; text-align: center; font-size: var(--font30); color: #ffffff; position: absolute; left: 0; text-align: center; top: 50%; transform: translateY(-50%);}
.depList { width: 712px;}
.depList li:hover img { transform: scale(1.1);}
.caseTitle { display: flex; justify-content: space-between; align-items: center;}
.caseBar { padding:1rem 0 ;}
.caseFlex { margin-top: 40px; display: flex; justify-content: space-between; gap: 40px;}
.caseMenu { width: 330px;}
.caseMenu span { cursor: pointer; font-size: var(--font30); background: #f5f8fd; color: #000000; display: block; text-align: center;
line-height: 2.8; border-radius: .1rem; margin-bottom: .25rem;}
.caseMenu span:last-child { margin: 0;}
.caseMenu span.cur { background: #1eacaa; color: #ffffff;}
.caseGroup { overflow-y: auto; position: relative; border-radius: .15rem; box-shadow: 0 0 10px rgba(0,0,0,0.1); flex: 1; padding: .34rem .5rem .9rem;}
.caseSlide>img { display: block; width: 100%;}
.caseSlide h2 { margin: .2rem 0; font-weight: bold; font-size: var(--font30); color: #070002;}
.caseSlide p { font-size: var(--font20); line-height: 2;}
.caseSlide { max-height: 100%; overflow-y: auto;}
.postMore { position: absolute; bottom: .32rem; right: .5rem; text-align: right;}
.postMore a { white-space: nowrap;}
/**/
.articlePage { padding: .9rem 0 1rem; background: #f3f7fd;}
.articleFlex { gap: .4rem; display: flex; justify-content: space-between;}
.articleLeft { border-radius: .2rem; padding: .35rem; background: #ffffff; flex: 1;}
.articleTitle h2 { font-weight: bold; font-size: var(--font28); line-height: calc(1em + .1rem); margin-bottom: .35rem;}
.articleDesc { margin-bottom: 1rem; position: relative; font-size: var(--font18); line-height: 2; background: #f3f9ff; border-radius: .12rem; padding: .3rem .34rem;}
.articleDesc::after { content: ''; background: url(../images/dianlizi2.png) center no-repeat; position: absolute; right: .4rem; bottom: -.28rem;
width: .92rem; height: .68rem; background-size: 100% auto;}
.articleDetail img { display: block; margin: 0 auto; max-width: 50%;}
.articleDetail h3 { font-weight: bold; font-size: var(--font24); color:#1c8786; line-height: calc(1em + .1rem);}
.articleDetail p { font-size: var(--font18); color: #272727; line-height: 2;}
.articleAside { width: 355px;}
.newCancer { margin-bottom: .35rem; background: #ffffff; padding: .2rem .13rem; border-radius: .15rem;}
.newCancer h2 { margin-bottom: .15rem; border-left: 1px solid #1c8786; font-size: var(--font24); color: #272727; position: relative; padding-left:.13rem; line-height: 1;}
.newCancer p a { border-radius: 7px; display: block; transition: all .4s; color: #272727; font-size: var(--font20); line-height: calc(1em + .1rem); padding: .17rem .1rem; text-align: center; background: #f3f9ff;}
.newCancer p:not(:last-child) { margin-bottom: .12rem;}
.newCancer p a:hover { color: #ffffff; background: #29b8b7;}
.noticeArticle { background: #ffffff; padding-bottom: .13rem; border-radius: .15rem; font-size: var(--font24); color: #272727;}
.noticeTitle h2 { border-left: 1px solid #1c8786; font-size: var(--font24); color: #272727; position: relative; padding-left:.13rem; line-height: 1;}
.noticeTitle { border-bottom: 1px solid #c0dedd; padding: .19rem .13rem;}
.noticeArticle ul { padding:0 .15rem;}
.noticeArticle li a{ border-bottom: 1px solid #e4e4e4; display: flex; align-items: center; gap: 10px;}
.noticeArticle li a span { border-radius: 3px; display: block; width: 25px; height: 25px; background: #d4d4d4; color: #ffffff; line-height: 25px; font-size: var(--font24);
 text-align: center;}
.noticeArticle li a p { transition: all .4s; line-height: 2.9; flex: 1; color: #272727; font-size: var(--font20); overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.noticeArticle li:nth-child(1) a span { background: #29b8b7;}
.noticeArticle li:nth-child(2) a span { background: #29b8b7;}
.noticeArticle li:nth-child(3) a span { background: #29b8b7;}
.noticeArticle li:hover p { color: #29b8b7;}
.articleAside li:last-child a { border: none;}
/**/
.categoryPage .header { position: relative;}
.cetegoryArt { padding: .35rem 0 1rem;}
.detailLeft { flex: 1; max-width: calc(100% - 355px - .4rem);}
.detailArticle {border-radius: .2rem; padding: .35rem; background: #ffffff;}
.detailLeft .articleTitle h2 { color: #29b8b7;}
.cetegorType ul { margin-bottom: .6rem; display: flex; flex-wrap: wrap; gap: .13rem .45rem;}
.cetegorType li { text-align: center; line-height: 60px; box-shadow: 0 0 10px rgba(0,0,0,.05); border-radius: .14rem; overflow: hidden; width: calc((100% - .9rem)/3); }
.cetegorType li a span img { width: 20px; border-radius: 50%; display: block;}
.cetegorType li a{ padding: 0 .32rem 0 .1rem; transition: all .4s; box-sizing: border-box; background: #ffffff; display: flex; align-items: center; justify-content: space-between;}
.cetegorType li .cancerImg { display: flex; justify-content: center; width:60px;}
.cetegorType li .cancerImg img { height: 60px;}
.cetegorType li p { transition: all .4s; color: #020202; font-size: var(--font20);}
.cetegorType li img { transition: all .4s;}
.cetegorType li:hover a { color: #ffffff; background: #29b8b7;}
.cetegorType li:hover p { color: #ffffff;}
.cetegorType li:hover img {filter: brightness(0) invert(1);}
.cetegorType li.allBtn a{ padding: 0;}
.cetegorType li.allBtn p { flex: 1;}
.articleButton { margin: .8rem auto; display: flex; justify-content: space-between; align-items: center;}
.shareControl { display: flex; align-items: center; gap: 20px;}
.shareControl a { transition: all .4s; background: #e8eff1; width: 43px; height: 43px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.shareControl a img { transition: all .4s; display: block;}
.shareControl a:hover { background: #29b8b7;}
.shareControl a:hover img {filter: brightness(0) invert(1);}
.articleDesc.noPoint { margin-bottom:40px;}
.articleDesc.noPoint::after { display: none;}
.location { font-size: 14px; margin-bottom: 15px; color: #272727;}
.location a { color: #272727; transition: all .4s;}
.location a:hover { color: #29b8b7;}
/**/
.tapicArticle { background: #f3f7fd; padding: 0 0 1rem;}
.articleBlock { margin-bottom: .65rem; padding: .5rem; border-radius: .18rem; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.articleBlock p { font-size: var(--font18); line-height: 2;}
.articleBlock img { display: block; margin: 0 auto; max-width: 100%;}
.importantDesc { background: #f3f9ff; padding: .25rem .4rem; border-radius: .16rem;}
.importantDesc h2 { font-size: var(--font24); font-weight: bold; color: #29b8b7;}
.importantDesc p { font-size: var(--font18); line-height: 2;}
.importantDesc p b { font-weight: bold;}
.moreCusor h2 { font-weight: bold; font-size: var(--font24); color: #272727; line-height: 1; margin-bottom: 1em;}
.moreCusor ul { display: flex; flex-wrap: wrap;}
.moreCusor ul { display: flex; flex-wrap: wrap; gap: .52rem;}
.moreCusor li { position: relative; transition: all .4s; color: #aec7d1; font-size: var(--font24); display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: calc((100% - 1.56rem)/4); padding:clamp(32px,.5rem,50px) 0 32px; text-align: center; background: #ffffff; border-radius: .15rem;}
.moreCusor li p { transition: all .4s; color: #262626; font-size: var(--font24); line-height: 1;}
.moreCusor li:hover { transform: scale(1.05); box-shadow: 0 0 10px rgba(0,0,0,0.1); background: url(../images/zlobg.jpg) center no-repeat; background-size: cover;}
.moreCusor li:hover p { color: #ffffff;}
.moreCusor li:hover img {filter: brightness(0) invert(1);}
.moreCusor li span { opacity: 0; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,50%); width: clamp(24px,.41rem,41px); height: clamp(24px,.41rem,41px); background: url(../images/zhongliuke29.png) center no-repeat;
background-size: cover; display: block;}
.moreCusor li:hover span { opacity: 1;}
.moreCusor li a { display: block;}
.mixCont { display: flex; justify-content: space-between;}
.tapicArticle h4 { font-size: var(--font24); color: #29b8b7;}
.linchuangFlex { margin: .55rem auto .7rem;}
.linchuangFlex ul { display: flex; flex-wrap: wrap; gap: .5rem .42rem;}
.linchuangFlex li { width: calc((100% - .42rem)/2); display: flex; justify-content: center; align-items: center; font-size: var(--font18); line-height: 2;}
.menuSuport { width: 1200px; max-width: 92%; margin: -.42rem auto .3rem; padding:.15rem .2rem; border-radius: .12rem; background: #ffffff; position: relative; z-index: 2;
overflow: hidden; display: flex; justify-content: space-between;}
.menuSuport a { display: block; line-height: 1.5; padding: .09rem .35rem; border-radius:.08rem; font-size: var(--font24); transition: all .4s;}
.menuSuport a:hover{ color:#29b8b7 ;}
.menuSuport a.cur { background: #29b8b7; color: #ffffff;}
.menzhenLink ul { display: flex; justify-content: center; flex-wrap: wrap;gap: .24rem;}
.menzhenLink li { box-shadow: 0 0 10px rgba(20,131,130,.22); overflow: hidden; text-align: center; transition: all .4s; border-radius: .14rem; width: calc((100% - .96rem)/5); background: #ffffff;}
.menzhenLink li a { transition: all .4s; display: block; padding: .2rem 0 .25rem;}
.menzhenLink li p { color: #333333; transition: all .4s; font-size: var(--font22);}
.menzhenLink li:hover a { background: #0d85bd; }
.menzhenLink li:hover { transform: scale(1.05);}
.menzhenLink li:hover .iconCont { background: #23c4c2;}
.menzhenLink li:hover p { color: #ffffff;}
.menzhenLink li:hover img {filter: brightness(0) invert(1); transform: rotateY(360deg);}
.menzhenTit { text-align: center; font-size: var(--font18); color: #272727; margin: .4rem auto;}
.menzhenTable h2 { text-align: center; color: #1c8786; font-size: var(--font30); font-weight: bold; margin: 1rem auto .4rem;}
.tableType { text-align: center;}
.typeFlex { display: inline-flex; align-items: center; justify-content: center; padding: clamp(4px,0.8rem,8px); border-radius: .1rem;
background:#e9eef5}
.typeFlex span { cursor: pointer; font-size: var(--font24); color:#000000; padding: 0 1em; line-height: 2;}
.typeFlex span.cur { background: #ffffff;}
.tableGroup { margin-top: .4rem; margin-bottom: .85rem; overflow-x: auto;}
.tableSlide { background: #e9eef5; padding: clamp(10px,.2rem,20px); border-radius: .12rem; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.tableSlide table { border-radius: .12rem; width: 100%; }
.tableSlide th { background: #29b8b7; color: #ffffff; font-size: var(--font20); font-weight: bold; text-align: center; padding: .2rem .15rem; line-height: 1.6;}
.tableSlide td { background: #ffffff; color: #333333; font-size: var(--font20); text-align: left; padding: .18rem .15rem; line-height: 1.25;}
.tableSlide td:first-child { text-align: center; color: #1c8786; font-weight: bold; width: 80px;}
.tableSlide td:nth-child(2) { font-weight: 500; color: #272727; min-width: 200px;}
.tableSlide td:nth-child(3) { color: #666666;}
.centerMore { text-align: center;}
.neijingDesc { align-items: center; gap: .65rem; display: flex; justify-content: space-between; margin: .54rem auto .64rem;}
.neijingImg { width: 44.75%;}
.neijingDesc p { flex: 1; font-size: var(--font18); line-height: calc(2em + .06rem);}
.neijingSlide { margin-bottom: .6rem; gap:27px; display: flex; justify-content: space-between;}
.slideImgs { flex: 1;}
.neijingSlide img { object-fit: cover; display: block; width:100%; aspect-ratio: 355/264;}
.surgeryFlex { align-items: center; margin-top: .53rem; gap: .55rem; display: flex; justify-content: space-between;}
.surgeryText p { color: #272727; font-size: var(--font18); line-height:2}
.surgeryText ul { display: flex; flex-wrap:wrap}
.surgeryText li { width: calc(33.33%); text-align: center;}
.surgeryImg { width: 49%;}
.surgeryText { flex: 1;}
.surgeryText li span { display: inline-block; font-size: var(--font30); font-weight: bold; background:linear-gradient(to bottom,#1babd5, #14c6c0); -webkit-background-clip: text; color: transparent;}
.surgeryText li span i { font-style: normal; font-size: var(--font72);}
.surgeryText li b { display: block; color: #272727; font-size: var(--font24);}
.yingxiangDesc { align-items: center; gap: .45rem; display: flex; justify-content: space-between; margin: .54rem auto .64rem;}
.yingxiangDesc .neijingImg{ width: 40%;}
.yingxiangDesc p { flex: 1; font-size: var(--font18); line-height: calc(2em + .06rem);}
.yingxiangGroup li { z-index: 2; position: relative; align-items: center; gap: 10px; display: flex; justify-content: space-between;}
.yingxiangGroup li:nth-child(even) { flex-direction: row-reverse;}
.yingxiangPic { padding:10px 0; width: 436px;}
.yingxiangText { flex: 1;}
.yingxiangGroup li h4 { margin-bottom: .5em;}
.yingxiangGroup li:not(:last-child) { margin-bottom: .8rem;}
.yingxiangGroup li:before { border-radius: .54rem 0 0 .54rem; z-index: -1; content: ''; position: absolute; left: 0; height: 100%; width: 41.66%; background-image: linear-gradient(to right,rgba(1,233,189,.16),rgba(255,255,255,0)); height: 100%;}
.yingxiangGroup li:nth-child(2n):before { border-radius:0 .54rem .54rem 0; left: auto; right: 0;background-image: linear-gradient(to left,rgba(1,233,189,.16),rgba(255,255,255,0)); }
.caseList li a { gap: 15px; position: relative; display: flex; justify-content: space-between; padding: 10px; border-radius: 10px; background: #ffffff;}
.casepic { border-radius: 10px; position: relative; overflow: hidden; width: 292px;}
.casepic img { display: block; width: 100%; transition: all .8s; object-fit: cover; aspect-ratio: 292/184;}
.caseList .newTag { position: absolute; left: 0; top: 15px; color: #ffffff; font-size: var(--font18); padding: 0 1em; line-height: calc(1em + 7px);
background: #23c4c2; z-index: 2;}
.caseDesc { flex: 1; display: flex; flex-direction: column; justify-content: space-between;}
.caseDesc h2 { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-weight: bold; transition: all .4s; color: #000; font-size: var(--font24); line-height: calc(1em + .06rem);}
.caseDesc p { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; color: #a2a2a2; font-size: var(--font18); line-height: 1.5;}
.caseDesc span { color: #a3a3a3; font-size: var(--font18);}
.caseList li:hover img { transform: scale(1.1);}
.caseList li:hover h2 { color: #23c4c2;}
.caseList li { margin-bottom: 20px;}
.caseList ul{ margin-bottom: .6rem;}
.fpages { display: flex; justify-content: center; align-items: center;}
.fpages li{display:inline-block}
.fpages a { width:2em; line-height: 2em; margin: 0 .14rem; display: block; text-align: center;font-size:var(--font18); background: #ffffff; color: #000000; transition: all .4s;}
.fpages a:hover { color: #23c4c2;}
.fpages a.cur { color: #ffffff; background:#23c4c2 ;}
/**/
.articleDesc h2 { font-weight: bold; font-size: var(--font24); color: #272727; line-height: calc(1em + .06rem);}
.articleTag span { margin-right: .45rem; font-size: var(--font18); color: #98a2a9;}
.articleTag { margin-top: .2rem;}
.articleControl { display: flex; justify-content: space-between; align-items: center; gap: .32rem; margin-top: .4rem;}
.articleControl a { box-sizing: border-box; width: calc(50% - .16rem); max-width: calc(50% - .16rem); gap: .22rem; display: flex; align-items: center; background: #ffffff; padding: .2rem; line-height: .32rem; flex: 1;
border-radius: .15rem; font-size: var(--font18);}
.articleControl a p { white-space: nowrap; color: #9fa9b0;}
.articleControl a span { max-width: calc(100% - 100px); overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;transition: all .4s; color:#000000}
/**/
.icuIntroduce { padding: 1rem 0 1.85rem;}
.icuDesc p { margin-top: .16rem; font-size: var(--font18); color: #3f3b3a; line-height: calc(1em + .12rem);}
.icuFlex { margin-bottom: .52rem; display: flex; justify-content: space-between; gap: 44px;}
.icuImg { position: relative; width: 478px;}
.icuDesc { flex: 1;}
.icuImg img { display: block; border-radius: .12rem; width: 100%; position: relative; z-index: 2;}
.icuImg::after { content: ''; position: absolute; left: -.35rem; width: 4.7rem; height: 2.95rem; border-radius: .12rem; background: #82d4ec; bottom: -.38rem;}
.icuFlex:nth-child(2) { margin: 0; flex-direction: row-reverse;}
.icuFlex:nth-child(2) .icuImg::after { width:2.83rem; height: 1.67rem; bottom:-.9rem; left: -1.15rem;}
.expe { background: #f5f8fd; padding: .7rem 0 1.2rem;}
.expe ul { margin-top: .6rem; display: flex; flex-wrap: wrap; gap: .18rem;}
.expe li { align-items: center; width: 100%; padding: .27rem .45rem; box-sizing: border-box; background: #ffffff; border-radius: .14rem; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: flex; gap: .2rem;}
.expe li:nth-child(3),.expe li:nth-child(4),.expe li:nth-child(5),.expe li:nth-child(6),.expe li:nth-child(7),.expe li:nth-child(8) { width: calc(50% - .09rem);}
.expe li p { font-size: var(--font24); line-height: calc(1em + .1rem);}
.enviroment { padding: 1.1rem 0;}
.swiperControl { display: flex; justify-self: center; align-items: center; }
.icuPage { padding-bottom: 1rem; background: #f3f7fd;}
.icuMenu { margin-bottom: .3rem; justify-content: center;}
.knowlageCont { padding: .4rem .25rem; background: #ffffff; border-radius: .18rem; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.knowTit { text-align: center; font-weight: bold; font-size: var(--font30); color: #1c8786; line-height: 1; margin-bottom: .5rem;}
.icuTitle { margin-bottom: .45rem; margin-top: .35rem; background: #f3f9ff; position: relative; display: flex; align-items: center; padding: .2rem .2rem .2rem 110px;}
.icuTitle img { position: absolute; left:-.15rem; top: 50%; transform: translateY(-50%);}
.icuTitle span { display: block; text-align: center; width: 36px; height: 36px; text-align: center; line-height: 36px; background: #01e5b7; border-radius: 8px;
font-weight: bold; font-size: var(--font24); margin-right: 16px;}
.icuTitle p {font-size: var(--font24); color: #272727;}
.descBlock { padding:0 .4rem;}
.descBlock p{font-size: var(--font18); color: #272727; line-height: calc(2em + .06rem);}
.descBlock img { display: block; max-width: 100%; margin: 0 auto;}
.descNotice { margin: .4rem auto; display: flex; align-items: center;}
.descNotice img { margin-right: 12px;}
.descNotice p { font-weight: bold; color: #008b6f; font-size: var(--font18);}
.flexDesc { align-items: start; padding: 0 .58rem 0 .32rem; display: flex; justify-content: space-between; gap:.3rem}
.flexDesc img { display: block; width: 450px; border-radius: 14px;}
.whyDesc { flex: 1;}
.whyDesc p {font-size: var(--font18); line-height: calc(2em + .04rem);}
.whyDesc p strong { color: #ba471f; font-size: var(--font24);}
.descList li { margin-bottom: .2rem; display: flex; gap: 10px; align-items: center;}
.descList li img { display: block; width: 68px;}
.descList li h3 { line-height: 1.5; margin-bottom: 5px; font-weight: bold; font-size: var(--font20);}
.descList li p {font-size: var(--font18);  line-height: calc(2em + .04rem);}
.centerText {text-align: center;}
.bigText { font-size: var(--font24);}
.listFlex li { background: #f3f9ff; border-radius: .14rem; margin-bottom: .5rem; position: relative; display: flex; gap: .7rem; padding: .2rem .5rem .3rem .6rem;}
.listFlex li>img { width: 1rem; position: absolute; top: -.3rem; left: -.5rem;}
.listFlex ul { margin-top: .6rem; padding-left: .45rem;}
.tagTitle { margin-bottom: .15rem; display: flex; align-items: center;}
.tagTitle span {display: block; text-align: center; width: 36px; height: 36px; text-align: center; line-height: 36px; background: #01e5b7; border-radius: 8px;
font-weight: bold; font-size: var(--font24); margin-right: 16px;}
.tagText { flex: 1;}
.tagText p {font-size: var(--font24); color: #272727; font-weight: bold;}
.tagDesc p {font-size: var(--font20); font-weight:bold; line-height: 2; color: #1a9278;}
.tagImg { width: 422px; display: block;}
.recoveryCont { padding: .9rem 0 .75rem;}
.recdescFlex { gap: .65rem; background: #f5f8fd; display: flex; justify-content: space-between; padding: .18rem .25rem; border-radius: .12rem; margin-top: 20px;}
.recText p { margin-bottom: .2rem; font-size: var(--font18); line-height: calc(1em + 12px);}
.recText p b {font-weight: bold;}
.recText { flex: 1;}
.recImg { width: 478px; overflow: hidden; border-radius: 14px;}
.recImg img { display: block; width: 100%;}
.descSlide h2 { margin-bottom: .15rem; font-weight: bold; font-size: var(--font30); color: #03afbf; display: flex; align-items: center;}
.descSlide img { margin-right: .15rem; width: clamp(32px,.78rem,78px);}
.descGroup { margin-top: clamp(20px,.45rem,45px); display: flex; justify-content: space-between;}
.descSlide { border-radius: .16rem; width: calc(50% - .2rem); padding: 13px 13px .5rem;}
.descSlide:nth-child(1) { background: #e8f4f6;}
.descSlide:nth-child(2) { background: #fdf9f5;}
.descSlide p {font-size: var(--font18); color: #3f3b3a; line-height: calc(1em + .12rem); padding-left: 12px;}
.recoverySologn { margin: 1rem auto .28rem; text-align: center;}
.recoverySologn h2 { position: relative; display: inline-flex; font-weight: bold; font-size: var(--font48); color: #3f3b3a;}
.recoverySologn h2 img { width: .56rem;}
.recoverySologn h2 img:nth-child(1) { position: absolute; left: -1.14rem; top: -.25rem;}
.recoverySologn h2 img:nth-child(2) { position: absolute; right: -1.14rem; bottom: -.25rem;}
.recoryType { margin-top: 40px; display: flex; justify-content: center; align-items: center; gap: .45rem; margin-top: .4rem;}
.recoryType span { cursor: pointer; font-size: var(--font28); color:#a1b2c3}
.recoryType span.cur { color: #000000;}
.rehabilitation { padding: 1.2rem 0;}
.rehabCont { margin-top: .8rem; background:#f7c182; border-radius: 15px; overflow: hidden; display: flex; justify-content: space-between;}
.rehabiImg img{ border-radius: 15px; display: block; width: 100%; position: relative; z-index: 2;}
.rehabGroup { flex: 1;}
.rehabGroup ul { height: 100%; display: flex;}
.rehabGroup li { transition: all .4s; width: 25%; border-radius: 15px 0 0 15px; position: relative;}
.rehabGroup li h2 { transition: all .4s; position: absolute; left: 50px; color: #ffffff; white-space: nowrap; top: 100px;}
.rehabGroup li.act { max-width: 50%; width: 50%;}
.rehabGroup li.act h2 { text-align: center; left: 0; width: 100%;}
.rehabGroup li:nth-child(1) { background:#20bbbf}
.rehabGroup li:nth-child(2) { background-image: linear-gradient(to bottom,#61ccf4,#248af0);}
.rehabGroup li:nth-child(3) { background:#f7c182}
.rehabGroup li>img { height: 289px; max-width: none; position: absolute; left: 0; bottom: 0;}
.rehabGroup li:nth-child(1)::after { content: ''; position: absolute; height: 100%; right: -15px; background: #20bbbf; top: 0; width: 15px;}
.rehabGroup li:nth-child(2)::after { content: ''; position: absolute; height: 100%; right: -15px; background-image: linear-gradient(to bottom,#61ccf4,#248af0); top: 0; width: 15px;}
.rehabGroup li:nth-child(3)::after { content: ''; position: absolute; height: 100%; right: -15px; background: #f7c182; top: 0; width: 15px;}
.rehabGroup li a { transition: all .4s; z-index: 2; position: absolute; white-space: nowrap; opacity: 0; left: 50%; transform: translateX(-50%); top: 280px;}
.rehabGroup li.act a { opacity: 1;}
.featrued { padding: 1.2rem 0; background: #f5f8fd;}
.featruedType { gap: .4rem; display: flex; justify-content: center; align-items: center; margin: 40px auto 30px;}
.featruedType span { border-radius: .12rem; display: block; cursor: pointer; font-size: var(--font30); color: #020202; padding: 0 .9rem; line-height:2.85;
background: #ffffff;}
.featSlide li { margin-bottom: .15rem; background: #fdf9f5; border-radius: .2rem; padding: .3rem;}
.featruedGroup { background: #ffffff; padding: .28rem; border-radius: .15rem;}
.featruedType span.cur { background: #2ab6b5; color: #ffffff;}
.featTitle { font-size: var(--font28); color: #2ab6b5; font-weight: bold; position: relative; z-index: 2; padding: .12rem .26rem; display: inline-flex;}
.featTitle::after { content: ''; top: 0; border-radius: .12rem; z-index: -1; position: absolute; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(253,228,207,1),rgba(253,228,207,0));}
.featDesc p { font-size: var(--font24); color: #000000; line-height: 2;}
.featDesc { padding: .14rem .24rem;}
.fullCase { padding: 1.2rem 0;}
.flexTitle { display: flex; align-items: center; justify-content: space-between;}
.recoveryCase { margin-top: clamp(20px,.5rem,50px);}
.recoveryCase ul { display: flex; gap: .17rem;}
.recoveryCase li { box-sizing: border-box; padding: .19rem; border-radius: .17rem; background: #f5f8fd; width: calc((100% - .34rem)/3);}
.recoveryCase li a { color: #010101;}
.caseImg { overflow: hidden; margin-bottom: 10px;}
.caseImg img { display: block; width: 100%; aspect-ratio: 350 / 300; object-fit: cover; transition: all .8s;}
.caseTit { margin-bottom: 15px;}
.caseTit h2 { transition: all .4s; font-weight: bold; font-size: var(--font24); line-height: calc(1em + .1rem);}
.caseTit h3 { font-size: var(--font20);}
.recoveryCase li p { font-size: var(--font18); color: #000000;}
.recoveryCase li p span { font-weight: bold;}
.redColor { color: #df2a12;}
.blueColor { color: #17adba;}
.yellowColor { color: #df9e12;}
.recoveryCase li .centerText { margin-top: 15px;}
.recoveryCase li:hover .caseImg img { transform: scale(1.1);}
.recoveryCase li:hover .caseTit h2 { color: #2ab6b5;}
.casePage { background: #f5f8fd;}
.recoveryGroup li { box-shadow: 0 0 10px rgba(0,0,0,0.05); margin-bottom: .25rem; display: flex; gap:.3rem; background: #ffffff; padding: .4rem .3rem; border-radius: .16rem;}
.recLeft { width: 422px;}
.recLeft h2 { line-height: calc(1em + .1rem); margin-bottom: 5px; font-weight: bold; font-size: var(--font30); color: #010101;}
.recLeft p { line-height: calc(1em + .1rem); margin-bottom: .2rem; font-weight: bold; font-size: var(--font20);}
.recImgs { position: relative; display: flex;}
.recImgs::after { content: ''; position: absolute; background-image: linear-gradient(to bottom,rgba(33,174,179,0),rgba(33,174,179,.4));
left: 0; width: 100%; height: 1.92rem; bottom: 0;}
.recImgs b { z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.recSlide { position: relative; width: 50%;}
.recSlide img {width: 100%; aspect-ratio: 211 / 368; display: block; object-fit: cover;}
.recRight { flex: 1;}
.recSlide span { line-height: calc(1em + 7px); text-align: center; position: absolute; bottom: .15rem; left: 0; width: 100%; z-index: 2; color: #ffffff;
font-size: var(--font24); box-sizing: border-box; padding: 0 .15rem;}
.recRight p { color: #000000; font-size: var(--font18); line-height: 1.333;}
.recRigh { background: #f5f8fd; padding: .15rem .1rem; border-radius: .15rem;}
.recRigh h2 { font-weight: bold; font-size: var(--font20); color: #29b8b7; line-height: 1.3; margin-bottom: .15rem;}
.recRight>p { margin-bottom: .1rem;}
.recRight>p span { font-weight: bold;}
.recRigh { margin: .1rem 0;}
.casePage { padding-bottom:1.2rem}
.equCont { background: #ffffff; padding: .3rem .4rem; border-radius: .12rem;}
.equSlide h2 { text-align: center; font-size: var(--font30); color: #29b8b7; line-height: 1; padding: .2rem 0; border-bottom: 1px solid #2490c1;}
.equSlide ul { padding: .35rem .45rem; display: flex; flex-wrap: wrap; gap: .35rem .45rem;}
.shortImg img { display: block; width: 100%; aspect-ratio: 312/213; object-fit: cover;}
.shortImg { overflow: hidden;}
.equSlide li {border-radius: .14rem; overflow: hidden;}
.equSlide li p { color: #ffffff; font-size: var(--font24); line-height: 2.58; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  text-align: center; background: #29b8b7;}
.langPic img { display: block; width: 100%; object-fit: cover; aspect-ratio: 312/388;}
.equSlide:not(:last-child) { margin-bottom: .5rem;}
.physicsCont { background: #ffffff; padding: .25rem; border-radius: .14rem; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.physicsCont img { display: block; margin: 0 auto; max-width: 100%;}
.physicsText { border-radius: .14rem; max-width: 100%; text-align: center; background: #eaf6fc; padding: .35rem; width: 650px; margin: 0 auto;}
.physicsText h2 { font-size: var(--font30); color: #29b8b7; line-height: 1.25; margin-bottom: .2rem;}
.physicsText h3 { font-size: var(--font30); color: #93694c; line-height: 1.25; margin-bottom: .2rem;}
.physicsText p { font-size: var(--font24); line-height: calc(1em + 4px);}
.physicsList li { margin-bottom: 15px;}
.physicsList { padding: .5rem 0;}
.needKnow h2 { font-size: var(--font24); line-height: 2; font-weight: bold; color: #000000;}
.needKnow p { font-size: var(--font22); line-height: 2;}
.needKnow li { margin-bottom: .5rem; background: #ffffff; padding: .32rem .4rem; border-radius: .15rem;}
.descCont p { font-size: var(--font22); line-height: 2;}
.descCont p span { display: block; font-size: var(--font22); line-height: 2; position: relative; font-weight: bold;}
.descCont p span::after { content: ''; position: absolute; left: -.18rem; width: clamp(3px,.06rem,6px); height: 1.2em; background: #29b8b7; top: .4em;}
.needKnow li h3 { padding-left:.18rem; line-height: 2; color: #ffffff; margin-bottom: .3rem; font-weight: bold; font-size: var(--font24); position: relative; z-index: 2;}
.needKnow li h3::after { content: ''; border-radius: .08rem; z-index: -1; position: absolute; left: 0; top: 0; height: 100%; width: 615px; max-width: 100%; background-image: linear-gradient(to right,rgba(41,184,183,1),rgba(41,184,183,0));}
.descCont { padding: 0 .2rem;}
.needKnow li h3 span { font-weight: bold;}
.needKnow li .redBg::after {background-image: linear-gradient(to right,rgba(182,51,96,1),rgba(182,51,96,0));}
.needKnow li .greenBg::after {background-image: linear-gradient(to right,rgba(51,182,51,1),rgba(51,182,51,0));}
/*联系我们*/
.banner1{position: relative;}
.banner1 img{width: 100%;}
.bannerText{position: absolute; width: 1200px;max-width: 94%;left:50%; top:55%; transform:translate(-50%,-50%);}
.bannerText h2{font-weight: bold;color: #fff;font-size: var(--font48);}
.wz1200{width: 1200px;max-width: 94%; margin: 0 auto;}
.dttitle{text-align: center; padding: .8rem 0 .5rem;}
.dttitle h2{position: relative; font-weight: bold;color: #13a6a1; padding-bottom: .55rem; font-size: var(--font40);}
.dttitle h2:before{position: absolute;content: ""; border-bottom: .05rem solid #13a6a1;width: .96rem;left: 50%;transform: translateX(-50%);bottom: .35rem;}
.dttitle p{color: #333333; font-size: var(--font24);}
.wzdt{padding-bottom: 1.2rem;}
.dtbox{margin-bottom: .9rem;}
.dtbox img{width: 100%;}
.rwmbox{display: flex;justify-content: space-between;}
.rwmleft h2{font-weight: bold;color: #13a6a1; padding-bottom: .45rem; font-size: var(--font40);}
.rwmleft p{font-size: var(--font24); line-height: .54rem;color: #333333;}
.rwmleft p img{width: .35rem;vertical-align: middle; margin: -3px .2rem 0 0;display: inline-block;}
.rwmright ul{display: flex;gap:.5rem;}
.rwmright p{text-align: center;font-size: var(--font24); color: #333;  margin-top: .15rem;}

.bj1{background: #f3f7fd;}
.zxly h2{text-align: center; font-weight: bold;font-size: var(--font30);color: #13a6a1;padding: .9rem 0 .6rem;}
.zxlybox{display: flex;justify-content: space-between; }
.zxlybox ul{width: 365px;}
.zxlybox li{padding-bottom: .26rem;}
.wby1{height: .62rem; line-height: .62rem;border-radius: 6px; padding: 0 .15rem; border: none; font-size: var(--font24);width: 100%;box-sizing: border-box; }
.wby1::-webkit-input-placeholder{color:#c9d1dd;}
.wby2{height: .62rem; border-radius: 6px; padding: 0 .15rem; border: none; font-size: var(--font24);color:#c9d1dd;width: 100%;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;background: url(../images/a4.png) no-repeat 94% center #fff; }
.lyxq{width: calc(100% - 380px);}
.wby3{height: 2.38rem; border-radius: 6px; padding:.15rem; border: none; font-size: var(--font24);width: 100%;box-sizing: border-box;outline:none;font-family: "微软雅黑"; }
.wby3::-webkit-input-placeholder{color:#c9d1dd;}
.btn1{width: 100%;height: .62rem;border: none;border-radius: 6px; cursor: pointer; border-radius: 6px;color: #fff;font-size: var(--font24);background: #199492;}
.zxly{padding-bottom: 1.25rem;}
.h125{height: 1.25rem;}

/*7.血透中心*/
.bannerText2{position: absolute; width: 1200px;max-width: 94%;transform: translateX(-50%);left: 50%; top: 3.1rem;}
.bannerText2 h2{color: #fff;font-weight: bold; font-size: var(--font48);}
.bannerText2 p{color: #fff;font-size: var(--font30); line-height: 1.6; padding: .2rem 0 1.7rem;}
.btn2{display: inline-block;  line-height: 42px;background: #fff;border-radius: 21px;font-size: var(--font18px);color: #1eacaa; position: relative; padding: 0 58px 0 30px; }
.btn2 b{position: absolute;right: 7px;top: 50%;transform: translateY(-50%);background: url(../images/a5.png);width: 29px;height: 29px;border-radius: 50%; background-size: 100%;}

.xtzxTitle{text-align: center; padding: .9rem 0 .4rem;}
.xtzxTitle p{color: #9bd3d8;font-size: var(--font18);text-transform: uppercase;}
.xtzxTitle h2{position: relative; padding: .15rem 0 .2rem; color: #199492;font-weight: bold;font-size: var(--font30); }
.xtzxTitle h2:before{position:absolute; content: ""; border-bottom: 0.05rem solid #199492;width: .72rem;bottom: 0;left: 50%;transform: translateX(-50%);}
.xtzxNr{display: flex;justify-content: space-between; border-radius: 10px;background: #f5f8fd;padding: .35rem;}
.xtzxleft{width: 50%; padding-right: .25rem;}
.xtzxleft ul{display: flex;justify-content: space-between;padding-top: .2rem;}
.xtzxleft h2{font-size: var(--font32);color: #28cfb3;}
.xtzxleft h2 b{font-family:font1;font-size: var(--font60);color: #28cfb3; }
.xtzxleft h3{color: #3f3b3a;font-size: var(--font24);}
.xtzxleft p{color: #3f3b3a;font-size: var(--font18);line-height: 1.8;}
.xtzxight{width: 50%;}
.xtzxight img{width: 100%;border-radius: 10px;}
 
.txsbTitle{text-align: center; padding: 1.1rem 0 .45rem;} 
.txsbTitle h2{display: inline-block; line-height: .6rem; padding: 0 .3rem;color: #fff;background: #1f8add;border-radius: .1rem;font-size: var(--font30); position: relative;}
.txsbTitle h2:before{position: absolute; content: "";background: url(../images/a6.png);width: .63rem;height: .11rem;background-size: 100% 100%; left: -.8rem; top: 50%;transform: translateY(-50%);} 
.txsbTitle h2:after{position: absolute; content: "";background: url(../images/a6.png);width: .63rem;height: .11rem;background-size: 100% 100%; right: -.8rem; top: 50%;transform: translateY(-50%);} 
.txsbText{width: 1200px;margin: 0 auto;max-width: calc(100% - 40px);} 
.txsbText p{font-size: var(--font18); line-height: 1.8; margin-bottom: .1rem;color: #3f3b3a;}
.txsbText p b{font-weight: bold;}
.txsbNr{width: 1420px; max-width: calc(100% - 40px); margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.txleft{width: 30%;}
.txleft li{padding: .5rem 0;}
.txright{width: 30%;}
.txbox{border-radius: 12px;background: #fff8e6; padding: .25rem; position: relative;}
.txbox h2{font-weight: bold; color: #135f9a;margin-bottom: .1rem;font-size: var(--font24); }
.txbox p{color: #3f3b3a;font-size: var(--font18);line-height: 1.8;}
.txleft .txbox:before {position: absolute; content: "";border-bottom: 1px solid #17629b;width: 1.7rem; right: -1.7rem;top: 50%;transform: translateY(-50%);}
.txright .txbox:before {position: absolute; content: "";border-bottom: 1px solid #17629b;width: 1.7rem; left: -1.7rem;top: 50%;transform: translateY(-50%);}
.txTp{width: 30%;}
.txTp img{width: 100%;}
.jdhjNr p{color: #3f3b3a;line-height: 1.9;font-size: var(--font18);}
.jdhjQh{position: relative; padding-bottom: 1.35rem; overflow: hidden; margin-top: .6rem;}
.jdhjQh .swiper-slide{width: 66.7%;}
.jdhjTp  img{border-radius: 12px;width: 100%;aspect-ratio: 16 / 10; object-fit: cover;}

.fwbznr{display: flex;justify-content: space-between;align-items: center;}
.fwtext{width: calc(100% - 650px);}
.fwtext h2{color: #15c0c9;font-weight: bold;font-size: var(--font30); margin-bottom: .5rem;}
.fwtext p{color: #3f3b3a;font-size: var(--font18); line-height: 1.8; }
.fwtp{width: 650px;}
.fwtp img{margin: 0 auto;max-width: 90%;display: block;}
.fwbznr_b{display: flex;justify-content: space-between;align-items: center; padding: .7rem 0 1.8rem;}
.fwtpa{width: 330px; padding-left: .3rem;}
.fwtpa img{width: 100%;}
.fwtexta{width: calc(100% - 450px);}
.fwtexta p{color: #3f3b3a;font-size: var(--font18); line-height: 1.8; }

/*7.血透中心_知识问答*/
.bj2{background: #f5f8fd;}
.zswd{ padding: .65rem 0 1.2rem;}
.zswdbox{border-radius: 15px;background: #fff;padding: 0 .45rem .5rem .45rem;}
.zswdTitle h2{line-height: 1.6;text-align: center; color: #3463a1;font-size: var(--font40);font-weight: bold; padding: .9rem 0 .75rem;}

.zswdqx{border-radius: 15px; padding: .2rem .35rem;background: #f5f8fd; margin-bottom:.25rem; }
.zswdbt{padding-bottom: .15rem;}
.zswdbt p{display:inline-block; border-radius: 9px;background: #ffccbe; padding:5px 10px  5px 0;color: #353535;font-size: var(--font24);min-width: 430px;line-height: 1.6;font-weight: bold;} 
.zswdbt img{display: inline-block; margin: -5px .1rem 0 -.12rem;vertical-align: middle;}
.wzhd{background: #dbf7fe;border-radius:10px; padding: .15rem;display: flex;justify-content: space-between;align-items: flex-start; }
.wzhd img{position: relative;left: -.25rem;top: -.15rem;}
.wzhd p{width: calc(100% - 15px);font-size: var(--font24);line-height: 1.6;color: #353535; margin-left: -.2rem;}
.zswdqx_a{border-radius: 15px; padding: .2rem .35rem;background: #f5f8fd; margin-bottom:.25rem; display: flex;justify-content: space-between;gap:.3rem;}
.zswdqxleft{width: 50%;}
.zswdqxright{width: calc(50% - .3rem);}
.zswdqxright img{display: block;margin: 0 auto;max-width: 100%;}
.wzhd p b{font-weight: bold;}
.wzhd p span{font-weight: bold;color: #40b67b;}
.zswdqx_b{border-radius: 15px; padding: .2rem .35rem;background: #f5f8fd; margin-top: .3rem;}
.zswdqx_b h2{text-align: center; font-weight: bold; color: #353535; line-height: .46rem;border-radius: 10px;background: #ffccbe; margin-bottom: .2rem;}
.zswdqx_b ul{padding: .25rem .85rem;display: flex;gap:.2rem;border-radius: 10px;background: #e6f8fe;flex-wrap: wrap;}
.zswdqx_b li{width: calc(50% - .2rem/2);line-height: .58rem;font-size: var(--font24);color: #353535;}
.zswdqx_b img{width: .27rem;display: inline-block;vertical-align: middle; margin: -3px .15rem 0 0;}

/*7.血透中心-血透案例*/
.zysh{ padding: .65rem 0 1.2rem;}
.zswdbox{border-radius: 16px;background: #fff;}
.zyshTitle{text-align: center; padding: .9rem 0 .65rem;}
.zyshTitle h2{font-weight: bold; padding-bottom: .25rem;font-size: var(--font40); position: relative;color: #3463a1;}
.zyshTitle h2:before{border-bottom: 0.05rem solid #3463a1;width: .72rem;position: absolute;content: "";bottom: 0;left: 50%;transform: translateX(-50%);}
.zyshText{padding: .35rem .4rem;background: #f5f8fd;border-radius: .15rem;}
.zyshText p{color: #464646; line-height: 1.8;font-size: var(--font24);}
.zyshText p b{font-weight: bold;color: #48a7a0;}
.zyshTp{padding: .2rem .3rem;}
.zyshTp ul{display: flex;gap:.2rem;}
.zyshTp li{width: calc(50% - .1rem);}
.zyshTp img{width: 100%; object-fit: cover;aspect-ratio: 515 / 290;}
.zyshHxnr{border-radius: 15px;background: #f5f8fd; padding: .25rem .25rem 0 .25rem;}
.hxbox{padding-bottom: .45rem;}
.hxbox h2{font-weight: bold; color: #003f8d;font-size: var(--font24); margin-bottom: .1rem;}
.hxbox h2 img{display: inline-block;vertical-align: middle; width: .5rem;margin: -3px .15rem 0 0;}
.hxbox p{color: #464646;font-size: var(--font24); line-height: 1.8; padding-left: .65rem;}
.hxbox ul{display: flex;justify-content: space-between;flex-wrap: wrap;gap:.22rem; padding:.4rem 0 0 .65rem;}
.hxbox li{width: calc(50% - .22rem/2);}
.hxbox li img{width: 100%; object-fit: cover;aspect-ratio: 437 / 267;}
.hxboxNr{display: flex;justify-content: space-between;flex-wrap: wrap;gap:.3rem;}
.hxboxLeft{width: calc(50% - .3rem/2);}
.hxboxLeft p{color: #464646; line-height: 1.8;font-size: var(--font24);}
.hxboxRight{width: calc(50% - .3rem/2);}
.hxboxRight dt{padding-bottom: .35rem;}
.hxboxRight dt img{width: 100%;}

/*7.血透中心-科普-高血压*/
.gljbRmbq{ overflow-x: auto; width: 1750px; max-width: calc(100% - 40px); background: #fff;border-radius: 10px; padding: 15px;box-sizing: border-box;margin: -44px auto 0 auto;position: relative;z-index: 10;}
.gljbRmbq ul{display: flex;justify-content: center;}
.gljbRmbq a{display: block; text-align: center; padding: 0 1em; white-space: nowrap; border-radius: 6px; line-height: 2.5;font-size: clamp(14px,.22rem,22px);color: #000000;transition: all .5s;}
.gljbRmbq li.cur a{color: #fff;background: #29b8b7;}
.gljbRmbq a:hover{color: #fff;background: #29b8b7;}

.gxy{padding: .4rem 0 2.15rem;}
.gxyxq{background: #fff;border-radius: 15px; padding: 0 .3rem;}
.gxyNr {display: flex;justify-content: space-between;gap:.4rem;}
.gxyBox{width: calc(50% - .2rem);}
.gxyBox li{padding-bottom: .5rem;}
.gxyBox h2{font-weight: bold; color: #199492;font-size: var(--font30);margin-bottom: .25rem;}
.gxyBox h2 b{font-weight: bold;font-family: font1;font-size: var(--font60); padding-right: .1rem; }
.gxyBox p{color: #464646;line-height: 1.8;font-size: var(--font20);}
.lish_a{overflow: hidden;display: flex;flex-wrap: wrap;}
.lish_a dt{width: 40%;color: #464646;line-height: 2.4;font-size: var(--font18);}
.lish_b dt{color: #464646;line-height: 1.6;font-size: var(--font18);}
.lish_b dt span{color: #e61c18;}
.gxyBox table{width: 100%;}
.gxyBox th{border-left: 2px solid #fff;border-right: 2px solid #fff ;line-height: 52px;color: #333; background: #7fb2db;font-size: var(--font22);font-weight: bold;text-align: center;}
.gxyBox td{text-align: center; line-height: 40px;color: #464546;font-size: var(--font16);}
.gxyBox tr:nth-child(2n + 1) td{ background: #dcdcdc;}
.wztp img{margin: 0 auto;display: block;}
.wztp{padding: .3rem 0;}

/*7.血透中心-科普-合理营养健康减重*/
.kpzsNr{padding-bottom: .8rem;}
.kpzsbox{border-radius: 15px;background: #f5f8fd; margin-bottom: 10px; padding: .15rem .3rem .4rem .15rem; overflow: hidden;}
.kpzsbox h2{font-weight: bold;color: #003f8d;font-size: var(--font24);margin-bottom: .1rem;display: flex;justify-content: space-between;align-items: flex-start;align-items: center;} 
.kpzsbox h2 b{width: calc(100% - .65rem);font-weight: bold;}
.kpzsbox h2 img{display: inline-block;vertical-align: middle; margin: -3px .1rem 0 0;width: .5rem;}
.kpzsbox p{padding-left: .6rem;color: #464646;font-size: var(--font24); line-height: 1.8;}
.kpzsbox h3{font-weight: bold;color: #464646; padding: .2rem 0 0 .6rem;font-size: var(--font24);}
.kpzsbox ul{padding-left: .6rem;}
.kpzsbox li{color: #464646;font-size: var(--font24); line-height: 1.8;position: relative;padding-left: 10px;}
.kpzsbox li:before{position: absolute;content: "";width: 5px;height: 5px;background: #464646;border-radius: 50%; left: 0;top: .2rem;}
.ctdw{float: right; margin-left: .3rem;}


/*7.血透中心-科普-静脉血栓*/
.kpzsboxText{padding: .3rem .35rem;border-radius: 15px;background: #f5f8fd;margin-bottom: 20px;}
.kpzsboxText p{color: #464646;font-size: var(--font24); line-height: 1.8; }
.kpzsbox_b{display: flex;justify-content: space-between;flex-wrap: wrap;padding: .15rem .3rem .4rem .15rem;border-radius: 15px;background: #f5f8fd; margin-bottom: 10px;gap:.2rem;}
.kpleft{width: calc(50% - .2rem/2);}
.kpright{width: calc(50% - .2rem/2);}
.zjdw{max-width: 100%; margin: 0 auto;display: block;}
.kpleft h2{font-weight: bold;color: #003f8d;font-size: var(--font24);margin-bottom: .1rem;} 
.kpleft h2 img{display: inline-block;vertical-align: middle; margin: -3px .1rem 0 0;width: .5rem;}
.kpleft p{padding-left: .6rem;color: #464646;font-size: var(--font24); line-height: 1.8;}
.kpleft .kptpbox{padding-top: .9rem;}
.kptpbox img{max-width: 100%;display: block;margin: 0 auto;}
.kpright h2{font-weight: bold;color: #003f8d;font-size: var(--font24);margin-bottom: .1rem;} 
.kpright p{padding-left: .6rem;color: #464646;font-size: var(--font24); line-height: 1.8;}

/*7.血透中心-科普-老年人骨质疏松*/
.kpzsbox h4{font-weight: bold;color: #104891; padding: .2rem 0 0 .6rem;font-size: var(--font24);}
.wztw{display: flex;justify-content: space-between;flex-wrap: wrap;gap:.3rem;align-items: center;}
.wztwleft{width: calc(50% - .3rem/2);}
.wztwright{width: calc(50% - .3rem/2);}
.wztwright img{max-width: 100%;display: block;margin: 0 auto;}

/*7.血透中心-科普-膝关节半月板损伤*/
.yhhd{position: relative; background: #fddf90;border-radius: 15px; padding: .1rem .25rem .1rem 1.2rem;margin: .6rem 0 .6rem .6rem;}
.text1{color: #ff3904;font-size: var(--font30);font-weight: bold;}
.text2{color: #010101;font-size: var(--font28);line-height: 1.5;}
.yhhd b{display: block;width: 1.11rem; position: absolute;left: -.4rem;top: 50%;transform: translateY(-50%);}
.yhhd b img{width: 100%;}
.kpzsbox p b{font-weight: bold;}

/*7.血透中心-科普-腰椎间盘突出*/
.sszl_lish1{padding-left: .65rem;display: flex;flex-wrap: wrap;}
.sszl_lish1 dt{width: 33.33%; color: #464646;font-size: var(--font24);line-height: 1.8; padding-top: .1rem;}
.sszl_lish2{padding-left: .65rem;}
.sszl_lish2 dt{ color: #464646;font-size: var(--font24);line-height: 1.8; padding-top: .1rem;}
.h35{height: .35rem;}
.h20{height: .2rem;clear: both;}

/*7.血透中心-科普-预防跌倒+髋关节置换*/
.h35{height: .35rem;}
.xxdh{text-align: center; padding: .4rem 3%;background: #fff0c9;border-radius: 15px; margin: 0 .65rem;}
.text_a{line-height: 2; font-weight: bold;color: #d35b62;font-size: var(--font20);}
.zlwz{overflow: hidden; padding-bottom: .3rem;}
.color1{color: #e71f19;}
.title_a{font-weight: bold;color: #464546;font-size: var(--font24);text-align: center; padding: .35rem 0 .15rem;}
/**/
.menubox { display: none;}
.articleInfor { padding-top:1rem}
/**/
.yibao { padding: 1.35rem 0;}
.yibaoTitle { margin: 0 auto .4rem; transform: translateY(-.28rem); text-align: center;}
.titleBlock { padding: 0 .5rem; line-height: 1.8; position: relative; text-align: center; display: inline-block; background-image: linear-gradient(to bottom,#52a7ff,#36b2f6);
border-radius: .16rem; color: #ffffff; font-size:var(--font30)}
.titleBlock img { width: .68rem; position: absolute; left: -.31rem; top: 50%; transform: translateY(-50%);}
.yibaoSubtit { z-index: 2; padding:0 .2rem; line-height:2; position: relative; color: #ffffff; font-size: var(--font24);}
.yibaoSubtit::after { max-width: 100%; content: ''; border-radius: 8px; z-index: -1; height: 100%; width: 510px; position: absolute; background-image: linear-gradient(to right,#0c7df0,#f3f9ff); left: 0; top: 0;}
.yibaoCont li { margin-bottom: 1rem; border-radius: .18rem; background: #f3f9ff; padding: 0 20px .5rem;}
.yibaoDesc { padding: .2rem;}
.yibaoCont li h3 { margin-bottom: .5em; line-height: 1.5; color: #3f3b3a; font-weight: bold; font-size:var(--font20)}
.yibaoDesc p { margin-bottom: .5em; line-height: 1.5; font-size: var(--font20); color:#3f3b3a}
.tableBox table {border-spacing: .08rem; }
.tableBox th { padding: .1rem 0;font-size: var(--font22); line-height: calc(1em + 5px); color: #ffffff; background: #0c7df0;}
.tableBox td { padding: .1rem 0; background: #ffffff; line-height: calc(1em + 5px); font-size: var(--font22); color: #000000; text-align: center;}
.tableBox td b { font-weight: bold;}
.tableBox .blueBg td,.tableBox .blueBg th { background: #63a7ed; color: #ffffff;}
.yibaoDesc img { display: block; margin: 0 auto; max-width: 100%;}
.tableBox { overflow-x: auto;}
.tableBox table { min-width: 600px;}
@media screen and (max-width: 1800px) {

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

}

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

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

}
@media screen and (max-width: 1280px) {
	.singmayImg .checkMore { width: 100px;}
}
@media screen and (max-width: 1200px) {
	.header { position: relative; z-index: 11; background: #1a7890;}
	.nav { height:100vh; position: fixed; left: -110%; overflow-y: auto; top:110px; width: 100%; background: #ffffff; bottom: 0;}
	.nav ul { display: block;}
	.nav li { border-bottom: 1px solid #eee; float: none; margin: 0!important;}
	.nav li h2{position: relative;}
	.nav li h2 i { transition: all .5s; background: url(../images/menuEnter.png) center no-repeat;
	width: 32px; height: 100%; background-size: 8px auto; position: absolute; right:15px; top: 0;}
	.nav li h2 { padding: 0;}
	.nav li h2 a { border-radius: 0; line-height: 40px; color: #333333!important;}
	.nav li.cur h2 i{ background: url(../images/menuEntero.png) center no-repeat; background-size: 8px auto; transform: rotate(90deg);}
	.headerTop { border: none!important;}
	.contorlLink { display: none;}
	.logo img { width: 100px;filter:brightness(0) invert(1)}
	.headerSearch input { color: #ffffff;}
	.headerSearch input::placeholder { color: #ffffff;}
	.headerSearch { border: 1px solid #ffffff;}
	.headerSearch img {filter:brightness(0) invert(1)}
	.headerFlex { height: 60px;}
	.menubox{ display: block; position: absolute;right: 4%; top: 18px; width:30px; height: 30px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left: 0;width: 30px;height: 2px;background-color: #ffffff;transition: 0.6s;}
	.menubox div:nth-child(1){top: 0px;}
	.menubox div:nth-child(2){top: 10px; width: 20px;}
	.menubox div:nth-child(3){top: 20px;}
	.menubox.on div:nth-child(1){top: 9px;transform: rotateZ(45deg);}
	.menubox.on div:nth-child(2){top: 0px;opacity: 0;}
	.menubox.on div:nth-child(3){top: 9px;transform: rotateZ(-45deg);}
	.nav ul { max-width: 100%;}
	.headerSearch { margin-right: 40px;}
	.nav dl { padding: 10px 30px; border-radius: 0; text-align: left; transform: translate(0); position: static; width: 100%;}
	.nav li.cur,.nav li:hover { background: rgba(25,148,146,.8);}
	.nav li.cur h2 a,.nav li:hover h2 a { color: #ffffff!important;}
	.nav li:hover h2 i {background: url(../images/menuEntero.png) center no-repeat; background-size: 8px auto;}
	.nav dt h3, .subMenu p { text-align: left;}
	.homeMenu { margin: 20px auto;}
	.fixBody { position: fixed; overflow:hidden; height: 100vh; width: 100%;}
	.banner .swiper-pagination { bottom: 10px;}
	.banner .swiper-pagination span { width: 6px; height: 6px;}
	.banner .swiper-pagination span.swiper-pagination-bullet-active { width: 14px; height: 6px;}
}
@media screen and (max-width: 1080px) {
	
	
}
@media screen and (max-width: 780px){
	.homeMenu ul { gap: 10px; flex-wrap: wrap;}
	.homeMenu li { width: calc((100% - 20px)/3);}
	.homeMenu li:nth-child(4),.homeMenu li:nth-child(5) { width: calc((100% - 10px)/2);}
	.homeMenu li img { height: 40px;}
	.homeMenu li p { font-size: 14px;}
	.titleInfor p { font-size:18px}
	.titleInfor span { top: calc(-100% - 5px);}
	.homeNews { margin-top: 30px; margin-bottom: 30px;}
	.more { line-height: 32px;}
	.newsFlex { margin-top: 20px; flex-wrap: wrap;}
	.bigNews { width: 100%;}
	.newsText span, .smallText span { font-size: 14px;}
	.smallText h2 { font-size: 14px;}
	.smallText span img,.newsText span img { width: 14px;}
	.titleCell p b { font-size: 18px;}
	.titleCell span { font-size: 12px;}
	.departments li:nth-child(1),.departments li:nth-child(2),.departments li:last-child,.departments ul:nth-child(1) li:nth-child(8),.departments ul:nth-child(3) li:nth-child(8),.departments ul:nth-child(2) li:nth-child(7) { display: none;}
	.listConts ul { flex-wrap: wrap; gap: 10px; padding: 0 20px;}
	.listConts li { width: calc(50% - 5px);}
	.listConts { margin-top: 20px;}
	.departments li p { font-size: 14px;}
	.singmayType span { font-size: 14px; margin: 0 5px;}
	.departments { padding: 30px 0;}
	.listConts li:nth-child(7) { width: 100%;}
	.qualityInfor ul { gap: 20px 0; flex-wrap: wrap;}
	.qualityInfor li { flex-direction: column; text-align: center; width: 50%; flex: auto;}
	.qualityInfor li p { font-size: 14px;}
	.qualityInfor li:nth-child(2) { border: none;}
	.qualityList ul { flex-wrap: wrap;}
	.qualityList li { width: calc(50% - 10px); flex: auto;}
	.quaDesc p { font-size: 12px;}
	.quaDesc img { width:14px;}
	.singmayControl .swiper-pagination span { width: 6px; height: 6px;}
	.singmayControl .swiper-pagination { width: auto; margin: 0 10px; display: flex; align-items: center;}
	.singmayControl .swiper-pagination span.swiper-pagination-bullet-active { width: 20px;}
	.homeContactFlex { flex-direction: column;}
	.contactText p { font-size: 14px;}
	.contactText p img { width: 24px;}
	.contactText h2 { font-size: 18px;}
	.contactText h2 span { font-size: 12px;}
	.contactEwm { justify-content: center;}
	.ewmSlide img { width: 120px;}
	.ewmSlide b { font-size: 14px;}
	.homeContact { padding: 30px 0;}
	.footLink { display: none;}
	.sologn p { font-size:14px}
	.footer { padding-top: 30px;}
	.footerTop { padding-bottom: 30px; display: block; text-align: center;}
	.shareLink a { margin: 0;}
	.shareLink { margin-top: 20px; justify-content: center; gap: 20px;}
	.shareLink a .fixEwm { width: 120px;}
	.ewmBox { width: 100%;}
	.aboutIntroduce { padding: 30px 0;}
	.introduceCont { padding: 20px; flex-direction: column;}
	.hosImg { position: static; width: 100%; margin-top: 20px;}
	.intRight { width: 100%;}
	.intRight ul { flex-wrap: wrap; gap: 10px 0;}
	.intRight li { width: 50%; text-align: center;}
	.visionArt { padding: 20px; width: 100%;}
	.vision { padding: 20px 0;}
	.visionArt p { font-size: 14px;}
	.vision .inTitle h2,.inTitle h2 { font-size: 18px;}
	.vision .inTitle span,.inTitle span { font-size: 12px; margin-bottom: 5px;}
	.vision .inTitle { margin-bottom: 20px;}
	.mapDesc { padding: 30px 20px; flex-direction: column;}
	.mapimg { width: 100%;}
	.rightDesc { width: 100%;}
	.history { padding: 30px 0;}
	.historyImg { margin-top: 20px;}
	.tourSwiper .swiper-slide { width: 100%;}
	.tourMenu span { font-size: 14px;}
	.tourMenu { gap: 5px; margin-top: 20px;}
	.newsBlock { width: 100%;}
	.aboutNews { padding: 30px 20px;}
	.focuseFlex { gap: 10px; flex-direction: column;}
	.focuseCard { width: 100%;}
	.newsSearch input { font-size: 14px; height: 32px;}
	.focuseImg img { display: block;}
	.focuseText p,.focuseText span { font-size: 14px;}
	.tour,.honor { padding: 30px 0;}
	.honorImg { margin-top: 20px;}
	.articleFlex { flex-direction: column;}
	.detailLeft { width: 100%; max-width: 100%;}
	.articleTag span { display: block; font-size: 12px;}
	.articleDesc.noPoint { margin-bottom: 20px;}
	.articleControl a { width: 100%; max-width: 100%;}
	.articleControl { flex-direction: column;}
	.articleControl a span { max-width: none;}
	.articleAside { width: 100%;}
	.cetegorType li { width: calc((100% - 10px)/2);}
	.cetegorType ul { gap: 10px;}
	.detailLeft { display: flex; gap: 10px; flex-direction: column;}
	.cetegorType ul { margin-bottom: 0;}
	.menuSuport a { font-size: 14px;}
	.menuSuport { max-width: calc(100% - 40px);margin: 0 auto 20px;}
	.casePage { padding: 30px 0; overflow: hidden;}
	.zxlybox { flex-direction: column;}
	.zxlybox ul { width: 100%;}
	.lyxq { width: 100%;}
	.wby3 { font-size: 14px; width: 100%; resize: none;}
	.wby1,.wby2 { font-size: 14px;}
	.zxlybox li { padding-bottom: 10px;}
	.btn1 { margin-top: 10px; font-size: 14px; line-height: 3; height: auto;}
	.rwmbox { flex-direction: column;}
	.rwmright ul { justify-content: center;}
	.rwmright img { width: 120px;}
	.rwmright p { font-size: 14px;}
	.rwmleft p { font-size: 14px; margin-bottom: 20px;}
	.dttitle h2 { font-size: 18px;}
	.dttitle p { font-size: 14px;}
	.rwmleft h2 { font-size: 18px;}
	.gljbRmbq ul { justify-content:start;}
	.gxyNr { flex-direction: column;}
	.xtzxTitle { padding: 30px 0 20px;}
	.gxyBox {width: 100%;}
	.gxyBox th { font-size: 14px;}
	.gxyBox h2 { font-size:16px}
	.gxyBox li { padding: 0;}
	.gljbRmbq { padding: 10px; margin: 0 auto;}
	.wz1200 { max-width: calc(100% - 40px);}
	.bj2 { padding-top: 30px;}
	.kpzsbox h2 { font-size: 16px; justify-content: start;}
	.kpzsbox h4 { margin-top: 10px; font-size: 15px; text-align: left; padding: 0;}
	.kpzsbox p { font-size: 14px; padding: 0;}
	.wztw { flex-direction: column;}
	.wztw:nth-child(2n) { flex-direction: column-reverse;}
	.wztwleft { width: 100%;}
	.kpzsbox li { font-size: 14px;}
	.wztwright { width: 100%;}
	.kpzsbox ul { padding:0}
	.kpzsbox h3 { padding-left:0;}
	.gxy { padding:30px 0}
	.kpzsNr { padding-bottom: 30px;}
	.xtzxTitle p { font-size:12px;}
	.icuPage { padding-top: 30px;}
	.caseList li a { flex-direction: column; gap: 10px;}
	.casepic { width: 100%;}
	.caseDesc h2 { font-size: 16px; margin-bottom: 10px;}
	.fpages a { font-size: 12px; margin:0 3px}
	.caseList li { margin-bottom: 10px;}
	.icuFlex { gap: 20px; flex-direction: column!important;}
	.icuImg { width: 100%;}
	.icuIntroduce { padding: 30px 0;}
	.icuImg::after { display: none;}
	.expe li p { font-size: 14px;}
	.expe li { width:100%!important;}
	.expe li img { width:24px;}
	.enviroment,.expe { padding:30px 0}
	.tourSwiper .swiper-slide { box-shadow: none;}
	.knowTit { font-size:16px; margin-bottom:10px}
	.icuTitle img { width: 32px;}
	.icuTitle { padding-left:32px}
	.icuTitle p { font-size:14px}
	.icuTitle span { font-size:14px; width:26px; height:26px; line-height:26px}
	.flexDesc { flex-direction: column-reverse; padding: 0;}
	.descList li img { width: 32px;}
	.listFlex li { gap:20px; flex-direction: column;}
	.tagImg { width: 100%;}
	.tagText p { font-size:14px}
	.kpzsboxText p { font-size:14px;}
	.kpzsbox_b { flex-direction: column;}
	.kpleft,.kpright { width:100%;}
	.kpright h2 { font-size:16px;}
	.kpright p { font-size:14px; padding:0}
	.kpzsbox { padding:20px}
	.recdescFlex { flex-direction: column;}
	.recImg { width:100%;}
	.descGroup { flex-direction: column; gap: 10px;}
	.descSlide { width: 100%;}
	.recoverySologn h2 { font-size:20px}
	.recoverySologn h2 img:nth-child(1) { left: -.5rem;}
	.recoverySologn h2 img:last-child { right: -.5rem;}
	.descGroup { margin-top:10px}
	.recoryType span { font-size:14px;}
	.recoryType { gap:0; justify-content: space-between;}
	.rehabGroup ul { flex-direction: column;}
	.rehabGroup { flex: auto;}
	.rehabGroup li.act,.rehabGroup li { position: relative; width: 100%!important; max-width:100%; height: 188px;}
	.rehabGroup li { border-radius:15px; margin-bottom: 10px;}
	.rehabGroup li::after { display: none;}
	.rehabCont { background: none; flex-direction: column;}
	.rehabGroup li a { top:auto; bottom:20px; opacity: 1;}
	.rehabGroup li>img { height: 80%;}
	.rehabGroup li h2 { text-align: center; width: 100%; left: 0; top: 30%; z-index: 3;}
	.featrued { padding:30px 0;}
	.featruedType span { font-size: 14px; padding: 0 2em;}
	.featruedType { margin:20px 0}
	.featDesc p { font-size:14px}
	.fullCase { padding:30px 0;}
	.recoveryCase ul { flex-direction: column;}
	.recoveryCase li { width:100%;}
	.recoveryGroup li { flex-direction: column;}
	.recLeft { width: 100%;}
	.recImgs b { width: 32px;}
	.physicsText h2 { font-size:16px;}
	.physicsText p { font-size:14px;}
	.equSlide ul { padding:20px 0;}
	.equSlide li p { font-size:14px}
	.physicsList li img { width: 24px;}
	.linchuangFlex { margin:20px auto;}
	.tapicArticle { padding-top:30px;}
	.menuSuport { overflow-x: auto; justify-content: start; margin: 0 auto 20px; white-space: nowrap;}
	.linchuangFlex ul { flex-direction: column; gap: 10px;}
	.linchuangFlex li { width: 100%;}
	.moreCusor ul,.menzhenLink ul { flex-wrap: wrap; gap:10px;}
	.moreCusor li,.menzhenLink li { width: calc(50% - 5px);}
	.tableSlide { overflow-x: auto;}
	.tableSlide table { min-width:600px;}
	.typeFlex span { font-size:14px;}
	.serviceIntroduce { padding:30px 0;}
	.serviceFlex { flex-direction: column;}
	.intDesc p { font-size:14px}
	.intDesc { margin-top:20px;}
	.introduceImg { width: 100%;}
	.doctorList li { width: 100%;}
	.doctorList li a { font-size:14px; letter-spacing: 0; gap:10px}
	.doctorDesc>img { width: 80px; position: static; margin:0 auto 20px}
	.formFlex { flex-direction: column;}
	.formInfor li { flex: auto!important; width:100%;}
	.menzhenFlex { flex-direction: column;}
	.serviceMenu span { font-size:14px; padding: 0 1em; line-height: 2.5; white-space:nowrap}
	.serviceMenu { flex: auto; overflow-x: auto; display: flex; flex-direction: row;}
	.serviceSlide p { font-size:14px}
	.articleBlock { padding:20px}
	.neijingDesc { flex-direction: column; gap:10px; margin:20px 0;}
	.neijingImg { width:100%;}
	.neijingSlide { gap: 5px;}
	.moreCusor li p { font-size:14px}
	.needKnow p { font-size:14px;}
	.needKnow li h3 span { font-size:16px;}
	.descCont p span { font-size:14px;}
	.surgeryFlex { flex-direction: column;}
	.surgeryText li b { font-size:14px}
	.surgeryImg { width:100%;}
	.text2 { font-size:14px;}
	.zyshText p,.hxbox p { font-size:14px; padding:0;}
	.zyshTitle h2 { font-size:16px;}
	.hxboxNr { flex-direction: column;}
	.hxboxLeft { width: 100%;}
	.hxboxRight { width:100%}
	.xtzxNr { flex-direction: column;}
	.xtzxleft,.xtzxight { width:100%;}
	.xtzxleft h3 { font-size:14px}
	.xtzxleft ul { text-align: center; margin-bottom:20px;}
	.txleft { width: 100%;}
	.txsbNr { flex-direction: column;}
	.txleft .txbox:before,.txright .txbox:before { display: none;}
	.txleft li { padding:0; margin-bottom: 10px;}
	.txTp { width: 100%;}
	.txright { width:100%;}
	.fwbznr { flex-direction: column;}
	.jdhjQh .swiper-slide { width:100%;}
	.fwtext { width:100%;}
	.fwtext h2 { font-size:16px; margin-bottom:10px;}
	.fwtp { width:100%;}
	.fwbznr_b { padding:30px 0; gap:20px; flex-direction: column-reverse;}
	.fwtexta { width:100%;}
	.jdhjQh { padding-bottom:30px;}
	.sszl_lish1 dt,.sszl_lish2 dt { font-size:14px; width: 100%;}
	.kpzsbox h3 { font-size:16px;}
	.yingxiangDesc { flex-direction: column;}
	.yingxiangDesc .neijingImg { width:100%;}
	.yingxiangGroup li { flex-direction: column!important;}
	.yingxiangPic { width:100%;}
	.yingxiangGroup li:before { display: none;}
	.mixCont { flex-direction: column;}
	.mixText h3 { font-size:16px;}
	.xxdh { width:100%; margin:20px auto;}
	.zswdbt p { font-size:14px; width:100%; min-width: auto;}
	.zswdbox { padding:20px;}
	.zswdbt img { width:26px;}
	.wzhd img { width:26px;}
	.wzhd p { font-size:14px;}
	.zswdqx_a { flex-direction: column;}
	.zswdqxleft { width:100%;}
	.zswdqxright { width:100%;}
	.zswdqx_b h2 { line-height: 3; font-size:16px;}
	.zswdqx_b ul { padding:10px;}
	.zswdqx_b li { width:100%; font-size:14px;}
	.zhongliuImg { width:100%;}
	.cancerType ul { margin-top:20px;}
	.treatments ul,.team ul,.cancerType ul { gap:10px;}
	.treatments li,.team li,.cancerType li{width:calc(50% - 5px)}
	.cancerType li img { height:50px}
	.cancerImg { width:50px;}
	.cancerType li a { padding: 0 10px;}
	.cancerType,.treatments { padding:30px 0;}
	.cancerType li a span img { height:25px}
	.cancerType li p { font-size:14px;}
	.treatments li p {font-size:14px;}
	.treatments li { padding:20px 0}
	.support ul { margin-top:20px; gap: 10px;}
	.support li p { font-size:14px}
	.depCont { flex-direction: column;}
	.caseFlex { margin-top:20px; gap:20px; flex-direction: column-reverse;}
	.caseMenu { gap:5px; display: flex; white-space: normal; overflow-x: auto;}
	.caseMenu span{ margin:0; padding: 0 1em; white-space: nowrap; font-size:14px;}
	.caseSlide p {font-size:14px}
	.caseGroup { padding:20px;}
	.postMore { position: static;}
	.sologn h2 { margin-bottom:5px}
	.depList { width:100%;}
	.depList li p { font-size:14px;}
	.titleBlock { font-size: 16px;}
	.yibaoDesc p { font-size: 14px;}
	.yibaoSubtit { font-size:14px}
	.yibaoDesc { padding: 20px 0;}
	.tableBox td,.tableBox th { font-size: 12px;}
	.contactMap { height: 200px; width: 100%;}
}