* {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: 'OPPOSans-M';
  src: url(../fonts/OPPOSans-M-2.ttf);
}

@font-face {
  font-family: 'Gilroy';
  src: url(../fonts/gilroy-regular-3.otf);
}

@font-face {
  font-family: 'Gilroy-Bold';
  src: url(../fonts/gilroy-regular-3.otf);
}

@font-face {
  font-family: 'OPPOSans-R';
  src: url(../fonts/OPPOSans-R-2.ttf);
}

@font-face {
  font-family: 'OPPOSans-B';
  src: url(../fonts/OPPOSans-B-2.ttf);
}

@font-face {
  font-family: 'OPPOSans-H';
  src: url(../fonts/OPPOSans-H-2.ttf);
}

ul {
  padding-left: 0;
  list-style: none;
  margin-top: 0;
}
.banner .text{
	display: none !important;
}

.mobile {
  display: none !important;
}

.flex {
  display: flex;
}

.bw {
  justify-content: space-between;
}

.transformY {
  transform: translateY(-20px);
}

.myHeader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  transition: all 0.5s;
  width: 100%;
  border-bottom: 1px solid #e6e6e7;
  background: rgb(246, 250, 255, 0.5);
}

.myHeader:hover {
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.myHeader.active {
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.myHeader .uk-subnav>*> :first-child {
  font-family: OPPOSans-M;
  color: #313131;
}

.myHeader .uk-subnav>*> :first-child .uk-navbar-dropdown-nav {
  font-size: 15px;
}

.myHeader .uk-navbar-nav {
  margin: auto;
  gap: 90px;
}

.myHeader .uk-navbar-nav>li>a {
  min-height: 0;
  line-height: 60px;
}

.myHeader .uk-subnav {
  align-items: flex-end;
}

.myHeader .uk-subnav * {
  padding-left: 0;
}

.myHeader .uk-subnav .uk-navbar-dropdown {
  width: 160px;
  border-top: 3px solid #0056cf;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.7);
}

.myHeader .uk-subnav .uk-navbar-dropdown .uk-navbar-dropdown-nav>li>a {
  font-family: OPPOSans-M;
  color: #333;
  font-size: 15px;
  padding: 0;
  line-height: 40px;
  justify-content: center;
  transition: all 0.3s;
}

.myHeader .uk-subnav .uk-navbar-dropdown .uk-navbar-dropdown-nav>li>a:hover {
  background-color: #5e94de;
  color: #FFF;
}

.myHeader .logo {
  max-width: 722px;
  width: 80.5%;
  margin: auto;
  padding: 25px 0 20px;
}

.myHeader .logo .imgBox {
  display: block;
  width: 100%;
}

.myHeader .logo .img {
  width: 100%;
  height: auto;
}

.myHeader .otherLogo {
  display: none !important;
}

.myHeader .logo .imgBox .img.otherLogo {
  display: none !important;
}

/* 内页顶栏：默认即白底+深色导航（原先用白字叠在浅底上，需悬停才看得见） */
.myHeader.other {
  border-bottom: 0;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.myHeader.other .uk-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.myHeader.other .uk-container .uk-subnav {
  gap: clamp(10px, 1.4vw, 28px);
  flex-wrap: nowrap;
  white-space: nowrap;
}

.myHeader.other .uk-container .uk-subnav>*> :first-child {
  color: #303030;
  transition: all 0.3s;
}

.myHeader.other .uk-container .uk-subnav>li>a {
  line-height: 45px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 15px !important;
  white-space: nowrap;
}

.myHeader.other .uk-container nav {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.myHeader.other .uk-container .logo {
  width: 240px;
  flex: 0 0 240px;
  padding: 18px 0;
  margin: 0;
  transition: all 0.3s;
}

/* 内页顶栏与首页一致：显示主 LOGO，隐藏备用 otherLogo */
.myHeader.other .uk-container .logo .imgBox .img {
  display: none;
}

.myHeader.other .uk-container .logo .imgBox .img.pc {
  display: block;
  width: auto;
  max-width: 240px;
  max-height: 64px;
  object-fit: contain;
}

.myHeader.other .uk-container .logo .imgBox .img.mobile {
  display: none;
}

.myHeader.other .uk-container .logo .imgBox .img.otherLogo {
  display: none !important;
}

.myHeader.other:hover .uk-container .uk-subnav>*> :first-child {
  color: #303030;
}

.myHeader.other:hover .uk-container .logo .imgBox .img.pc {
  display: block;
}

.myHeader.other.active .uk-container .uk-subnav>*> :first-child {
  color: #303030;
}

.myHeader.other.active .uk-container .logo {
  padding: 12px 0;
}

.myHeader.other.active .uk-container .logo .imgBox .img.pc {
  display: block;
}

#index .contact-home {
  background: #f7fbff;
  padding: 80px 0;
}

#index .contact-home .contact-home-content {
  margin-top: 30px;
}

#index .contact-home .contact-home-content > .title.type_3 {
  margin-bottom: 22px;
}

#index .contact-home .contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 48px;
  align-items: start;
  --contact-map-h: 360px;
}

#index .contact-home .contact-col-main {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

#index .contact-home .contact-col-scan {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}

#index .contact-home .contact-map iframe {
  width: 100%;
  height: var(--contact-map-h);
  border: 0;
  border-radius: 12px;
  background: #eef3f8;
}

#index .contact-home .contact-nav {
  margin-top: 12px;
  display: flex;
  gap: 12px;
}

#index .contact-home .contact-nav a {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  background: #0056cf;
  color: #fff;
  text-decoration: none;
}

#index .contact-home .contact-info p {
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.6;
}

#index .contact-home .contact-info p:last-child {
  margin-bottom: 0;
}

#index .contact-home .contact-col-scan .scan-tip {
  margin: 0 0 14px;
  width: 100%;
  text-align: center;
  color: #0056cf;
  font-weight: 600;
  font-size: 17px;
}

/* 按图片自然比例显示，外框随内容宽度收缩，不拉满整栏 */
#index .contact-home .contact-col-scan .contact-images {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  height: auto;
  padding: 0;
  border-radius: 12px;
  border: 1px solid #e5ebf2;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}

#index .contact-home .contact-col-scan .contact-images img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: var(--contact-map-h);
  height: auto;
}

.appt-fab {
  position: fixed;
  left: 12px;
  top: 45%;
  transform: translateY(-50%);
  z-index: 120;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 46px;
  border: 0;
  border-radius: 8px;
  background: #1abc9c;
  color: #fff;
  padding: 14px 10px 16px;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(26, 188, 156, 0.35);
  -webkit-tap-highlight-color: transparent;
}

.appt-fab:hover {
  background: #17a589;
}

.appt-fab:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.appt-fab-icon {
  display: flex;
  flex-shrink: 0;
  line-height: 0;
  color: #fff;
}

.appt-fab-icon svg {
  display: block;
}

.appt-fab-label {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.35;
}

.appt-modal {
  position: fixed;
  inset: 0;
  z-index: 130;
  background: rgba(0, 0, 0, 0.45);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.appt-modal.show {
  display: flex;
}

.appt-box {
  width: min(760px, 96vw);
  background: #f7fafc;
  border-radius: 12px;
  padding: 22px 24px;
}

.appt-title {
  text-align: center;
  font-size: 34px;
  margin-bottom: 6px;
}

.appt-hotline {
  text-align: center;
  color: #8ea0af;
  margin-bottom: 20px;
}

.appt-row {
  margin-bottom: 14px;
}

.appt-row label {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
}

.appt-row input,
.appt-row textarea {
  width: 100%;
  border: 1px solid #d1d6dd;
  padding: 10px 12px;
  border-radius: 4px;
  font-size: 16px;
  background: #fff;
}

.appt-row textarea {
  min-height: 120px;
  resize: vertical;
}

.appt-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 16px;
}

.appt-actions button {
  border: 0;
  border-radius: 8px;
  padding: 10px 26px;
  font-size: 18px;
  cursor: pointer;
  background: #f5b400;
  color: #fff;
}

.appt-actions button.ghost {
  background: #d5dbe2;
  color: #334;
}

.service-appt-page {
  padding-top: 40px;
  padding-bottom: 80px;
}

.service-route-page {
  padding-top: 32px;
  padding-bottom: 72px;
}

.service-route-info {
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  margin-bottom: 24px;
}

.service-route-info p {
  margin: 0 0 10px;
}

.service-route-info strong {
  font-weight: 600;
  margin-right: 6px;
}

.service-route-map {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 28px;
}

.service-route-map iframe {
  display: block;
  width: 100%;
  height: min(520px, 70vh);
  border: 0;
  min-height: 360px;
}

#index .contact-home .contact-map,
.service-route-map {
  position: relative;
}

.map-nav-overlay-icon {
  display: none !important;
}

.service-route-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.service-route-nav .service-route-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 168px;
  padding: 12px 28px;
  border-radius: 8px;
  background: #1e88e5;
  color: #fff !important;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s;
}

.service-route-nav .service-route-nav-btn:hover {
  background: #1565c0;
  color: #fff !important;
}

.title {
  font-family: Gilroy;
  font-weight: bold;
  font-size: 70px;
  color: #313131;
}

.title .cn {
  font-family: OPPOSans-R;
  font-size: 0.6em;
  color: #313131;
  font-weight: normal;
}

.title.type_2 {
  color: #FFF;
}

.title.type_2 .cn {
  color: #FFF;
}

.title.type_3 {
  color: #1a1a1a;
}

.title.type_3 .cn {
  color: #1a1a1a;
}

.smallNav {
  background-color: #f5f5f5;
  position: sticky;
  top: 100px;
  left: 0;
  z-index: 97;
}

.smallNav .list {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}

.smallNav .list .item {
  font-family: OPPOSans-M;
  font-size: 18px;
  line-height: 1.35;
  color: #313131;
  flex: 1 1 0;
  min-width: 0;
  min-height: 80px;
  padding: 14px 12px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.smallNav .list .item.big {
  flex: 1 1 0;
  min-width: 0;
}

.smallNav .list .item:hover {
  background-image: url(../images/small_nav_active.png);
  background-size: 100% 100%;
  opacity: 0.6;
  color: #FFF;
}

.smallNav .list .item.active {
  background-image: url(../images/small_nav_active.png);
  background-size: 100% 100%;
  color: #ffffff;
  opacity: 1;
}

.pageChange {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  gap: 12px;
}

.pageChange .item a {
  background: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.pageChange .item a svg {
  fill: #313131;
  transition: all 0.3s;
}

.pageChange .item a:hover {
  background-color: #0056cc;
  opacity: 0.8;
  color: #FFF;
}

.pageChange .item a:hover svg {
  fill: #FFF;
}

.pageChange .item a.active {
  background-color: #0056cc;
  color: #FFF;
  opacity: 1;
}

.pageChange .item a.active svg {
  fill: #FFF;
}

.pageChange .item.next {
  transform: rotate(180deg);
}

.pageChange.type_2 .item a {
  background-color: #f5f5f5;
}

.pageChange.type_2 .item a:hover {
  background-color: #0056cc;
  opacity: 0.8;
  color: #FFF;
}

.pageChange.type_2 .item a:hover svg {
  fill: #FFF;
}

.pageChange.type_2 .item a.active {
  background-color: #0056cc;
  color: #FFF;
  opacity: 1;
}

.pageChange.type_2 .item a.active svg {
  fill: #FFF;
}

.crumbsNav {
  margin-top: 55px;
  padding: 30px 0;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  gap: 8px;
  font-family: OPPOSans-R;
  font-size: 14px;
  color: #201f28;
  align-items: center;
}

.crumbsNav a {
  font-size: inherit;
  line-height: 1;
  text-decoration: none;
}

.crumbsNav .list {
  display: flex;
  align-items: center;
  gap: 25px;
}

.crumbsNav .list .item {
  position: relative;
  font-size: inherit;
}

.crumbsNav .list .item:not(:last-child)::after {
  content: '>';
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translate(100%, -50%);
}

.myForm {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.myForm .line {
  display: flex;
  gap: 28px;
  width: 100%;
  font-family: OPPOSans-M;
  font-size: 18px;
  color: #959595;
  align-items: center;
}

.myForm .line .ps {
  font-family: OPPOSans-R;
  font-size: 18px;
  color: #095ebf;
  flex: 1;
}

.myForm .line .myInput {
  width: calc((100% - 28px) / 2);
}

.myForm .line .myInput.point {
  position: relative;
}

.myForm .line .myInput.point input {
  padding-left: 32px;
}

.myForm .line .myInput.point:before {
  content: '*';
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.myForm .line .mySelect {
  width: calc((100% - 28px) / 2);
  font-size: inherit;
}

.myForm .line .mySelect .layui-form-select dl dd.layui-this {
  color: #105de5;
}

.myForm .line .mySelect input:hover {
  border-color: transparent !important;
}

.myForm .line .mySelect input:focus {
  border-color: #105de5 !important;
}

.myForm .line input {
  aspect-ratio: 415 / 60;
  max-height: 60px;
  width: 100%;
  height: auto;
  background-color: #ffffff;
  border: 0;
  border-radius: 10px;
  outline: none;
  box-sizing: border-box;
  padding-left: 20px;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}

.myForm .line input:focus {
  border-color: #105de5;
  box-shadow: 0 0 10px 2px rgba(16, 93, 229, 0.2);
}

.myForm .line input[type='date'] {
  padding-right: 20px;
}

.myForm .line .myTea {
  aspect-ratio: 860 / 250;
  width: 100%;
  height: auto;
  resize: none;
  border: 1px solid transparent;
  transition: all 0.3s ease;
  outline: none;
  border-radius: 10px;
  padding: 20px;
}

.myForm .line .myTea:focus {
  border-color: #105de5;
  box-shadow: 0 0 10px 2px rgba(16, 93, 229, 0.2);
}

.myForm .line .code {
  width: 32.09%;
}

.myForm .line .code input {
  aspect-ratio: 276 / 60;
}

.myForm .line .img {
  aspect-ratio: 110 / 28;
}

.myForm .line button {
  flex: 1;
  height: 100%;
  border: none;
  height: 60px;
  background-color: #095ebf;
  border-radius: 10px;
  font-family: OPPOSans-B;
  font-size: 20px;
  color: #ffffff;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}

.myForm .line button:hover {
  background-color: #ffffff;
  color: #095ebf;
  border-color: #095ebf;
  box-shadow: 0 0 10px 2px rgba(16, 93, 229, 0.2);
  cursor: pointer;
}

/* 首页主区在顶栏之下叠放，避免 Swiper 变换层盖住导航；不再用大 padding 把轮播整体下移 */
main#index {
  position: relative;
  z-index: 1;
}

/*
 * 内页（先进设备、就医服务等）：PC 顶栏为 position:fixed，正文须预留高度，否则横幅/副导航/首屏表单会被遮住。
 * 移动端顶栏在 responsive.css 中改为 sticky，仍在文档流内，不再额外加 padding。
 */
@media (min-width: 769px) {
  main[data-cms-main='true'] {
    /* .myHeader.other 内页 LOGO 区上下 padding 较大，略多留一点避免仍被裁切 */
    padding-top: 100px;
  }
}

#index .banner {
  overflow-x: hidden;
  overflow-y: visible;
  background: linear-gradient(180deg, #f5f8fc 0%, #eef3f9 100%);
  padding: 0 0 32px;
  box-sizing: border-box;
}

#index .banner .uk-container {
  overflow: visible;
}

/* 相对正文容器加宽约 30%，负边距保持水平居中 */
#index .banner .banner-carousel-shell {
  width: 130%;
  max-width: none;
  margin-left: -15%;
  margin-right: -15%;
  padding: 0;
  box-sizing: border-box;
}

#index .banner .mySwiper_1 {
  position: relative;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 28px rgba(15, 28, 58, 0.1);
  background: #0f1c3a;
}

#index .banner .mySwiper_1.is-single-slide .banner-swiper-btn {
  display: none;
}

#index .banner .mySwiper_1 .swiper_1 {
  position: relative;
  width: 100%;
}

#index .banner .swiper_1 .swiper-wrapper,
#index .banner .swiper-slide {
  width: 100%;
}

#index .banner .swiper-slide .banner_link {
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
}

#index .banner .banner-swiper-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.12);
  color: #1e3a5f;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, box-shadow 0.2s, color 0.2s;
  -webkit-tap-highlight-color: transparent;
}

#index .banner .banner-swiper-btn:hover {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.14);
  color: #0056cc;
}

#index .banner .banner-swiper-btn.swiper-button-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

#index .banner .banner-swiper-prev {
  left: 16px;
}

#index .banner .banner-swiper-prev::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-left: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  transform: rotate(45deg);
  left: 50%;
  top: 50%;
  margin-left: -3px;
  margin-top: -6px;
}

#index .banner .banner-swiper-next {
  right: 16px;
}

#index .banner .banner-swiper-next::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-right: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -6px;
}

#index .banner .mySwiper_1 .swiper-pagination_1 {
  position: absolute;
  text-align: center;
  bottom: 16px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 4;
}

#index .banner .mySwiper_1 .swiper-pagination_1 .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 5px;
  background-color: rgba(30, 58, 95, 0.28);
  opacity: 1;
  box-shadow: none;
}

#index .banner .mySwiper_1 .swiper-pagination_1 .swiper-pagination-bullet-active {
  background-color: #0056cc;
  width: 22px;
  border-radius: 4px;
}

#index .banner .swiper-slide {
  position: relative;
}

#index .banner .swiper-slide .banner_text {
  position: absolute;
  top: 33.25%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 90%;
}

#index .banner .swiper-slide .banner_img {
  width: 100%;
  aspect-ratio: 21 / 11.5;
  overflow: hidden;
  background: #0f1c3a;
}

#index .banner .swiper-slide .banner_img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}

#index .about {
  position: relative;
  aspect-ratio: 192 / 96;
  width: 100%;
  height: auto;
  background-image: url(../images/index_about_bg_02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  /* fixed 在部分浏览器上会加重滚动合成层问题，易导致快速滑动时段落“被带过” */
  background-attachment: scroll;
}

#index .about::before {
  content: "";
  position: absolute;
  inset: 0;
  /* 让白字在新背景上更清晰：左侧更深，右侧更淡 */
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.55) 0%,
    rgba(0, 0, 0, 0.34) 38%,
    rgba(0, 0, 0, 0.12) 62%,
    rgba(0, 0, 0, 0.00) 100%
  );
  pointer-events: none;
}

#index .about .uk-container,
#index .about .aboutContent {
  position: relative;
  z-index: 1;
}

#index .about .title,
#index .about .text {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

#index .about .aboutContent {
  padding: 160px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 64px;
}

#index .about .about-left {
  flex: 1 1 0%;
  min-width: 0;
  max-width: 55%;
}

#index .about .about-right {
  flex: 0 0 700px;
  width: 700px;
}

#index .about .about-video-box {
  width: 100%;
  background: rgba(255, 255, 255, 0.10);
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(6px);
}

#index .about .about-video-player {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  background: #000;
  overflow: hidden;
}

#index .about .about-video-player::-webkit-media-controls-panel {
  background: rgba(0, 0, 0, 0.35);
}

#index .about .aboutContent .text {
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 1.8;
  color: #ffffff;
  padding-top: 30px;
  text-align: justify;
  letter-spacing: 0.5px;
}

#index .about .aboutContent .btn {
  width: 166px;
  height: 60px;
  font-family: OPPOSans-R;
  font-size: 20px;
  line-height: 1.5;
  color: #ffffff;
  border-radius: 30px;
  margin-top: 70px;
  outline: none;
  border: 0;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
  transition: all 0.3s;
}

#index .about .aboutContent .btn:hover {
  box-shadow: 0 0 10px 2px rgba(16, 93, 229, 0.2);
  opacity: 0.8;
}

#index .about .aboutContent .btn a {
  color: inherit;
  text-decoration: none;
}

#index .advantage {
  background-image: url(../images/index_advantage_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#index .advantage .advantageContent {
  padding: 120px 0;
}

#index .advantage .advantageContent .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 48px;
  row-gap: 56px;
  margin-top: 68px;
  justify-items: center;
}

#index .advantage .advantageContent .list li,
#index .advantage .advantageContent .list li.adv-item {
  width: 100%;
  max-width: 280px;
  display: flex;
  margin-top: 0;
  flex-direction: column;
  gap: 24px;
  cursor: pointer;
  visibility: visible !important;
}

#index .advantage .advantageContent .list li .adv-card {
  display: contents;
  color: inherit;
  text-decoration: none;
}

#index .advantage .advantageContent .list li .iconBox {
  width: 90%;
  aspect-ratio: 16 / 9;
  height: auto;
  background-color: #ffffff;
  border-radius: 20px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
}

#index .advantage .advantageContent .list li .iconBox .icon {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  display: block;
}

#index .advantage .advantageContent .list li .bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #1a1a1a;
  transition: all 0.5s;
  font-family: OPPOSans-R;
}

#index .advantage .advantageContent .list li .bottom .sTitle {
  font-size: 32px;
}

#index .advantage .advantageContent .list li .bottom .text {
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  max-width: 22em;
  margin: 0 auto;
}

#index .advantage .advantageContent .list li:hover .iconBox {
  background-color: #c9dcf8;
}

#index .advantage .advantageContent .list li:hover .bottom {
  color: #0056cc;
}

/* 固定顶栏下锚点定位预留，避免「专家团队 / 新闻」被导航遮住或误滚到下一屏 */
#treatment-expert,
#kangmin-news,
#contact {
  scroll-margin-top: 76px;
}

#index .expert {
  background-color: #f1f5f8;
  min-height: min(115vh, 1750px);
  padding-bottom: min(11vh, 140px);
  box-sizing: border-box;
  overflow-anchor: auto;
}

#index .expert .expertContent {
  padding: 175px 0 260px;
}

/* 专家卡片入场：只做 opacity 淡入。
   不能再带 translate 位移——4 列布局下第 4/5/6 行共 10 张卡片会同时播放位移动画，
   合成层重算会让浏览器的滚动锚定失效，视口被甩到「联系我们」。 */
#index .expert .swiper-slide .item.expert-card-anim {
  opacity: 0;
}

#index .expert .swiper-slide .item.expert-card-anim.is-visible {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  #index .expert .swiper-slide .item.expert-card-anim {
    opacity: 1;
  }

  #index .expert .swiper-slide .item.expert-card-anim.is-visible {
    transition: none;
  }
}

#index .expert .expertContent .mySwiper_2 {
  margin: 70px;
}

#index .expert .expertContent .mySwiper_2 .swiper_2 {
  overflow: visible;
}

#index .expert .expertContent .mySwiper_2 a {
  text-decoration: none;
}

#index .expert .expertContent .mySwiper_2 .swiper_2 .swiper-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 36px;
  transform: none !important;
}

#index .expert .expertContent .mySwiper_2 .swiper_2 .swiper-wrapper .swiper-slide {
  width: auto !important;
  height: auto;
}

#index .expert .expertContent .mySwiper_2 .swiper-slide .item .text .describe {
  height: 120px;
  overflow: hidden;
  position: relative;
}

#index .expert .expertContent .mySwiper_2 .swiper-slide .item .imgBox {
  width: 100%;
  max-width: 280px;
  aspect-ratio: 3 / 4;
  height: auto;
  margin: 0 auto 20px;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(135deg, #e8edf3 0%, #f5f7fa 100%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#index .expert .expertContent .mySwiper_2 .swiper-slide .item:hover .imgBox {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 86, 207, 0.15);
}

#index .expert .expertContent .mySwiper_2 .swiper-slide .item .imgBox .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 0;
}

#index .expert .expertContent .mySwiper_2 .swiper-slide .item .text {
  text-align: left;
  font-family: OPPOSans-R;
  padding: 0 10px;
}

#index .expert .expertContent .mySwiper_2 .swiper-slide .item .text .call {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 0 0 16px;
  font-size: 22px;
  color: #1a1a1a;
}

#index .expert .expertContent .mySwiper_2 .swiper-slide .item .text .call .name {
  display: block;
  width: 100%;
  font-weight: 700;
  line-height: 1.3;
  font-size: 24px;
  color: #1a1a1a;
  text-align: center;
}

#index .expert .expertContent .mySwiper_2 .swiper-slide .item .text .call .position {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 1.4;
  color: #0056cf;
  font-weight: 500;
  background: linear-gradient(135deg, #f5f7fa 0%, #e8edf3 100%);
  padding: 6px 16px;
  border-radius: 20px;
  text-align: center;
  white-space: normal;
  word-wrap: break-word;
  overflow: visible;
}

#index .expert .expertContent .mySwiper_2 .swiper-slide .item .text .describe {
  font-size: 15px;
  line-height: 1.6;
  color: #5a6a7a;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  height: 120px;
  overflow: hidden;
  padding: 4px 0;
  position: relative;
}

#index .news {
  padding: 100px 0;
  background: url(../images/index_news_bg_02.jpg) no-repeat;
  background-size: cover;
}

#index .news .news-sub {
  margin: 8px 0 4px;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.3;
  color: #0d3f8f;
  font-family: OPPOSans-R;
  letter-spacing: 0.04em;
  position: relative;
  padding-left: 14px;
}

#index .news .news-sub::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.28em;
  bottom: 0.28em;
  width: 5px;
  border-radius: 3px;
  background: #0056cf;
}

#index .news .news-group + .news-group {
  margin-top: 56px;
  padding-top: 36px;
  border-top: 1px solid rgba(26, 26, 26, 0.12);
}

#index .news .newsContent .list {
  margin: 28px 0 48px;
  display: flex;
  gap: 5vw;
  align-items: stretch;
  flex-wrap: wrap;
  position: relative;
}

#index .news .newsContent .list .item {
  border-radius: 30px;
  width: calc((100% - 10vw) / 3);
  overflow: hidden;
  background: #FFF;
  height: auto;
  display: flex;
  flex-direction: column;
  transition: all 0.5s;
  color: #1a1a1a;
  cursor: pointer;
  text-decoration: none;
  visibility: visible !important;
}

#index .news .newsContent .list .item .top {
  aspect-ratio: auto;
  width: 100%;
  height: 236px;
  position: relative;
  overflow: hidden;
}

#index .news .newsContent .list .item .top .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}

#index .news .newsContent .list .item .top .img-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #666;
  font-family: OPPOSans-R;
}

#index .news .newsContent .list .item .top .time {
  position: absolute;
  width: 76px;
  height: 68px;
  background-color: #0056cc;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: Gilroy;
  font-weight: bold;
  right: 34px;
  bottom: 10px;
}

#index .news .newsContent .list .item .top .time .year {
  font-size: 20px;
  color: #00ffff;
  line-height: 1;
}

#index .news .newsContent .list .item .top .time .mouth {
  font-size: 24px;
  line-height: 1;
  color: #ffffff;
}

#index .news .newsContent .list .item .bottom {
  padding: 45px 27px 60px;
  position: relative;
  flex: 1;
  font-family: OPPOSans-R;
}

#index .news .newsContent .list .item .bottom .sTitle {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
}

#index .news .newsContent .list .item .bottom .text {
  font-size: 16px;
  line-height: 1.375;
}

#index .news .newsContent .list .item .bottom .more {
  position: absolute;
  left: 30px;
  bottom: 34px;
}

#index .news .newsContent .list .item:hover {
  background-color: #0056cc;
  color: #FFF;
}

#index .news .news-more {
  position: absolute;
  right: 0;
  bottom: -60px;
  margin-top: 0;
}

/* 医院新闻：左封面轮播 + 右文章列表（对齐参考稿） */
#index .news .news-article-layout {
  display: flex;
  gap: 28px;
  align-items: stretch;
  background: #fff;
  border-radius: 8px;
  padding: 18px 20px 20px;
  box-shadow: 0 4px 18px rgba(13, 63, 143, 0.08);
}

#index .news .news-article-layout.no-carousel .news-article-list {
  max-width: 100%;
}

#index .news .news-article-carousel {
  flex: 0 0 52%;
  max-width: 52%;
  position: relative;
  min-width: 0;
}

#index .news .news-carousel-swiper {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #e9eef5;
  border-radius: 4px;
}

#index .news .news-carousel-swiper .swiper-wrapper {
  width: 100%;
}

#index .news .news-carousel-swiper .swiper-slide {
  width: 100%;
}

#index .news .news-carousel-swiper .swiper-slide .news-carousel-item {
  width: 100%;
  position: relative;
  aspect-ratio: 16 / 10;
  height: auto;
  min-height: 280px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  overflow: hidden;
}

#index .news .news-carousel-swiper .swiper-slide .news-carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#index .news .news-carousel-swiper .swiper-slide .news-carousel-item .carousel-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.55);
  padding: 12px 88px 12px 16px;
  color: #fff;
}

#index .news .news-carousel-swiper .swiper-slide .news-carousel-item .carousel-caption .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#index .news .news-carousel-swiper .swiper-pagination {
  bottom: 14px;
  left: auto;
  right: 14px;
  width: auto;
  transform: none;
  text-align: right;
}

#index .news .news-carousel-swiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #fff;
  opacity: 0.85;
  margin: 0 3px !important;
  border-radius: 50%;
}

#index .news .news-carousel-swiper .swiper-pagination-bullet-active {
  background: #e53935;
  opacity: 1;
}

#index .news .news-carousel-swiper .swiper-button-prev,
#index .news .news-carousel-swiper .swiper-button-next {
  width: 36px;
  height: 36px;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}

#index .news .news-carousel-swiper:hover .swiper-button-prev,
#index .news .news-carousel-swiper:hover .swiper-button-next {
  opacity: 1;
  pointer-events: auto;
}

#index .news .news-carousel-swiper .swiper-button-prev {
  left: 10px;
}

#index .news .news-carousel-swiper .swiper-button-next {
  right: 10px;
}

#index .news .news-carousel-swiper .swiper-button-prev::after,
#index .news .news-carousel-swiper .swiper-button-next::after {
  font-size: 14px;
  font-weight: 700;
}

#index .news .news-article-list {
  flex: 1 1 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding-top: 2px;
}

#index .news .news-list-heading {
  position: relative;
  margin: 0 0 8px;
  padding-left: 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: #333;
  font-family: OPPOSans-R, "Microsoft YaHei", sans-serif;
}

#index .news .news-list-heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  bottom: 0.2em;
  width: 4px;
  border-radius: 2px;
  background: #f0891a;
}

#index .news .news-article-list .bd {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

#index .news .news-article-list .infolist {
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1;
}

#index .news .news-article-list .infolist li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0 10px 14px;
  border-bottom: 1px solid #ececec;
  position: relative;
  transition: background 0.2s;
}

#index .news .news-article-list .infolist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background: #bdbdbd;
}

#index .news .news-article-list .infolist li:last-child {
  border-bottom: none;
}

#index .news .news-article-list .infolist li:hover {
  background: #fafafa;
}

#index .news .news-article-list .infolist li a {
  flex: 1 1 auto;
  min-width: 0;
  max-width: calc(100% - 110px);
  font-size: 17px;
  color: #333;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.55;
  transition: color 0.2s;
  font-family: OPPOSans-R, "Microsoft YaHei", sans-serif;
}

#index .news .news-article-list .infolist li a:hover {
  color: #0056cf;
}

#index .news .news-article-list .infolist li .time {
  flex: 0 0 auto;
  font-size: 13px;
  color: #999;
  text-align: right;
  white-space: nowrap;
}

#index .news .news-article-list .m-com-more {
  margin-top: 14px;
  text-align: right;
}

#index .news .news-article-list .m-com-more[hidden] {
  display: none !important;
}

#index .news .news-article-list .m-com-more a {
  display: inline-block;
  padding: 6px 18px;
  color: #0056cf;
  text-decoration: none;
  border: 1px solid #0056cf;
  border-radius: 4px;
  font-size: 14px;
  transition: all 0.2s;
}

#index .news .news-article-list .m-com-more a:hover {
  background: #0056cf;
  color: #fff;
}

@media (max-width: 960px) {
  #index .news .news-article-layout {
    flex-direction: column;
    gap: 16px;
  }

  #index .news .news-article-carousel {
    flex: none;
    max-width: 100%;
    width: 100%;
  }
}

#index .news .news-more .more-link {
  display: inline-block;
  padding: 10px 30px;
  background: #0056cf;
  color: #fff;
  text-decoration: none;
  border-radius: 25px;
  font-size: 16px;
  transition: all 0.3s;
}

#index .news .news-more .more-link:hover {
  background: #0044a0;
  transform: translateY(-2px);
}

#about .banner {
  position: relative;
}

#about .banner .bg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  object-fit: cover;
  object-position: right center;
}

#about .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#about .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#about .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#about .banner .text .cn {
  font-family: OPPOSans-R;
  font-size: 0.6em;
  color: #ffffff;
}

#about .aboutContainer {
  display: none;
}

#about .aboutContainer .treat {
  padding: 90px 0;
  background-image: url(../images/about_treat_bg_02.jpg);
  background-size: cover;
  background-position: center center;
}

#about .aboutContainer .treat .treatContent {
  display: flex;
  gap: 60px;
}

#about .aboutContainer .treat .treatContent .sTitle {
  font-family: Gilroy;
  font-size: 60px;
  color: #095ebf;
  flex-shrink: 0;
}

#about .aboutContainer .treat .treatContent .sTitle .en {
  line-height: 1;
}

#about .aboutContainer .treat .treatContent .sTitle .en .big {
  font-weight: bold;
}

#about .aboutContainer .treat .treatContent .sTitle .cn {
  font-family: OPPOSans-R;
  font-size: 0.6em;
  line-height: 2.5;
  color: #313131;
}

#about .aboutContainer .treat .treatContent .text {
  font-family: OPPOSans-R;
  font-size: 1.555;
  line-height: 28px;
  color: #313131;
}

#about .aboutContainer .honor {
  padding: 150px 0;
  background-image: url(../images/about_honor_bg_02.jpg);
  background-size: cover;
  background-position: right;
}

#about .aboutContainer .honor .honorContent {
  padding-top: 60px;
}

#about .aboutContainer .honor .honorContent .list .item {
  font-family: OPPOSans-R;
  font-size: 20px;
  line-height: 2.2;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  gap: 19px;
  cursor: pointer;
  transition: all 0.3s;
}

#about .aboutContainer .honor .honorContent .list .item:hover {
  color: #0056cc;
}

#about .aboutContainer .honor .honorContent .list .item::before {
  content: '';
  width: 16px;
  height: 15px;
  background-image: url(../images/custom-list-img.png);
  background-size: cover;
  background-position: center;
}

#about .aboutContainer .version {
  padding: 100px 0 180px;
  background-image: url(../images/about_versioin_bg_02.jpg);
  background-size: cover;
  background-position: center center;
}

#about .aboutContainer .version .versionContent .list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 80px;
  padding-top: 100px;
  margin-bottom: 0;
}

#about .aboutContainer .version .versionContent .list .item {
  height: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#about .aboutContainer .version .versionContent .list .item .icon {
  width: 220px;
  height: auto;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: solid 1px #095ebf;
  border-radius: 50%;
}

#about .aboutContainer .version .versionContent .list .item .icon .bg {
  width: 72.73%;
  height: auto;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../images/about_version_icon_bg.png);
  background-size: cover;
  background-position: center;
}

#about .aboutContainer .version .versionContent .list .item .icon .bg .img {
  width: 100%;
  height: 100%;
  max-width: 57.5%;
  max-height: 62.5%;
  object-fit: contain;
  object-position: right center;
}

#about .aboutContainer .version .versionContent .list .item .bottom {
  text-align: center;
}

#about .aboutContainer .version .versionContent .list .item .stitle {
  padding-top: 26px;
  line-height: 1;
  font-family: OPPOSans-R;
  font-weight: bold;
  font-size: 36px;
  color: #095ebf;
}

#about .aboutContainer .version .versionContent .list .item .describe {
  font-family: OPPOSans-R;
  font-size: 30px;
  line-height: 1.5333;
  color: #095ebf;
}

#about .aboutContainer .version .versionContent .list .item .text {
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 1.444;
  color: #1a1a1a;
}

#about .aboutContainer .cultrue {
  padding: 100px 0 200px;
}

#about .aboutContainer .cultrue .cultureContent .list {
  padding-top: 150px;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

#about .aboutContainer .cultrue .cultureContent .list .item {
  width: 400px;
  background: #f1f9ff;
  border-radius: 30px;
  padding: 73px 43px;
  box-sizing: border-box;
  transition: all 0.3s;
}

#about .aboutContainer .cultrue .cultureContent .list .item .sTitle {
  font-family: OPPOSans-R;
  font-weight: bold;
  font-size: 30px;
  line-height: 1;
  padding-top: 47px;
  color: #095ebf;
  transition: all 0.3s;
}

#about .aboutContainer .cultrue .cultureContent .list .item .describe {
  font-family: OPPOSans-M;
  font-size: 24px;
  line-height: 2.16;
  color: #1a1a1a;
  transition: all 0.3s;
}

#about .aboutContainer .cultrue .cultureContent .list .item .text {
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 1.444;
  color: #1a1a1a;
  transition: all 0.3s;
}

#about .aboutContainer .cultrue .cultureContent .list .item:hover {
  background: #d7e8fa;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}

#about .aboutContainer .cultrue .cultureContent .list .item:hover .describe {
  color: #095ebf;
}

#about .aboutContainer .cultrue .cultureContent .list .item:hover .text {
  color: #095ebf;
}

#about .aboutContainer .social {
  overflow: hidden;
  padding: 100px 0 230px;
  background-image: url(../images/about_social_bg.jpg);
  background-size: cover;
}

#about .aboutContainer .social .socialContent {
  padding-top: 150px;
}

#about .aboutContainer .social .socialContent .mySwiper_1 {
  position: relative;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_btn_1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  transition: all 0.3s;
  cursor: pointer;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_btn_1:hover {
  opacity: 0.8;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_btn_1.swiper-button-disabled {
  opacity: 0.6;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper-button-prev_1 {
  background-image: url(../images/prev_1.png);
  left: -100px;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper-button-next_1 {
  background-image: url(../images/next_1.png);
  right: -100px;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 {
  overflow: hidden;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .swiper-pagination_1 {
  display: none;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .box {
  overflow: hidden;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .box .img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .box .img .pay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  transition: all 0.5s;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .box .img .pay .layui-icon {
  font-size: 40px;
  color: inherit;
  text-decoration: none;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .box .text {
  padding-top: 25px;
  font-family: OPPOSans-R;
  font-size: 18px;
  color: #ffffff;
  transition: all 0.3s;
}

#about .aboutContainer .social .socialContent .mySwiper_1 .swiper_1 .box:hover .text {
  opacity: 0.6;
}

#about .aboutContainer .chain {
  padding: 100px 0 180px;
  overflow: hidden;
  font-size: 14px;
}

#about .aboutContainer .chain .chainContent {
  position: relative;
  padding: 17em 0 19em;
  overflow: visible;
  font-size: inherit;
}

#about .aboutContainer .chain .chainContent .timeLine {
  font-size: inherit;
}

#about .aboutContainer .chain .chainContent .timeLine .time {
  position: absolute;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(1) {
  left: 1.2143em;
  top: 18.1429em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(2) {
  top: 49.9286em;
  left: 11.7143em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(3) {
  top: 17.5714em;
  left: 22.2857em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(4) {
  top: 48.0714em;
  left: 33.2143em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(5) {
  top: 14.2857em;
  left: 43.0714em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(6) {
  top: 42.7143em;
  left: 53.7143em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(7) {
  top: 7.0714em;
  left: 64.2857em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(8) {
  top: 34.2143em;
  left: 74.8571em;
}

#about .aboutContainer .chain .chainContent .timeLine .time:nth-child(9) {
  top: -3.0714em;
  left: 85.1429em;
}

#about .aboutContainer .chain .chainContent .timeLine .time .img {
  width: 10.7143em;
  height: 10.7143em;
  margin: auto;
  overflow: hidden;
  border-radius: 50%;
  overflow: hidden;
}

#about .aboutContainer .chain .chainContent .timeLine .time .img img {
  display: block;
  object-fit: cover;
  object-position: right center;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

#about .aboutContainer .chain .chainContent .timeLine .time .num {
  font-family: OPPOSans-H;
  font-size: 1.7143em;
  line-height: 1.25;
  color: #0457c7;
  padding-top: 1.0714em;
}

#about .aboutContainer .chain .chainContent .timeLine .time .text {
  width: 13.7143em;
  font-family: OPPOSans-R;
  font-size: 1.1429em;
  color: #1a1a1a;
  transition: all 0.3s;
}

#about .aboutContainer .chain .chainContent .timeLine .time:hover .img img {
  transform: scale(1.2);
}

#about .aboutContainer .chain .chainContent .timeLine .time:hover .text {
  color: #0056cc;
}

#about .aboutContainer .chain .chainContent .timeLine .bg {
  width: 100%;
  height: auto;
}

#about .aboutContainer .bright_hospital {
  background-image: url(../images/about_bright_eye_bg.jpg);
  background-size: cover;
  background-position: right center;
  padding: 270px 0 400px;
}

#about .aboutContainer .bright_hospital .brightHospitalContent {
  display: block;
}

#about .aboutContainer .bright_hospital .brightHospitalContent .textContent {
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 1.555;
  color: #313131;
  max-width: 557px;
}

#about .aboutContainer .quality {
  padding: 105px 0 72px;
  overflow: hidden;
}

#about .aboutContainer .quality .qualityContent {
  display: flex;
}

#about .aboutContainer .quality .qualityContent .left {
  width: 32.28%;
  flex-shrink: 0;
}

#about .aboutContainer .quality .qualityContent .left .text {
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 1.555;
  color: #313131;
  padding-top: 90px;
  width: 90%;
  max-width: 377px;
}

#about .aboutContainer .tips {
  padding: 120px 0;
  background-image: url(../images/about_tips_bg.png);
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 {
  overflow: hidden;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper-pagination_2 {
  text-align: center;
  padding-top: 10px;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper-pagination_2 .swiper-pagination-bullet {
  background-color: #fff;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .swiper-wrapper {
  align-items: stretch;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .swiper-wrapper .swiper-slide {
  height: auto;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem {
  width: 100%;
  height: 100%;
  border-radius: 25px;
  background-color: #FFF;
  overflow: hidden;
  transition: all 0.3s;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem .top {
  aspect-ratio: 445 / 300;
  width: 100%;
  height: auto;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem .top .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem .bottom {
  padding: 0 34px 39px;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem .bottom .sTitle {
  width: fit-content;
  margin: auto;
  padding: 40px 0 25px;
  margin-bottom: 30px;
  position: relative;
  font-family: OPPOSans-B;
  font-size: 36px;
  line-height: 1;
  color: #313131;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem .bottom .sTitle::after {
  content: '';
  position: absolute;
  width: 34.482%;
  height: 2px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #095ebf;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem .bottom .text {
  font-family: OPPOSans-R;
  font-size: 16px;
  line-height: 1.625;
  color: #313131;
}

#about .aboutContainer .tips .tipsContent .mySwiper_2 .swiper_2 .tipItem:hover {
  background-color: #d7e8fa;
}

#about .aboutContainer .honors {
  overflow: hidden;
  padding: 100px 0 140px;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 {
  padding: 80px 95px 90px;
  position: relative;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper-pagination_3 {
  padding-top: 10px;
  text-align: center;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  aspect-ratio: 1 / 1;
  height: auto;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3_btn.swiper-button-prev_3 {
  left: 0;
  background-image: url(../images/prev_3.png);
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3_btn.swiper-button-next_3 {
  right: 0;
  background-image: url(../images/next_3.png);
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3_btn:hover {
  opacity: 0.8;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 {
  width: 100%;
  overflow: hidden;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 .swiper-wrapper {
  align-items: center;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 .swiper-slide {
  width: 27.58%;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 .swiper-slide.swiper-slide-prev {
  width: 34.1%;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 .swiper-slide.swiper-slide-active {
  width: 39.636%;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 .swiper-slide.swiper-slide-next {
  width: 34.1%;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 .swiper-slide .imgBox {
  width: 100%;
  height: auto;
  aspect-ratio: 48 / 32;
}

#about .aboutContainer .honors .honorsContent .mySwiper_3 .swiper_3 .swiper-slide .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}

#about .aboutContainer .honors .honorsContent .describe {
  display: flex;
  max-width: 929px;
  margin: auto;
  width: 90.5%;
}

#about .aboutContainer .honors .honorsContent .describe .list {
  display: flex;
  flex-direction: column;
}

#about .aboutContainer .honors .honorsContent .describe .list .item {
  list-style: none;
  padding-left: 20px;
  position: relative;
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 2;
  color: #1a1a1a;
}

#about .aboutContainer .honors .honorsContent .describe .list .item::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #095ebf;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

#about .aboutContainer .honors .honorsContent .describe .list:nth-child(1) {
  padding-right: 100px;
  border-right: 1px solid #dcdcdc;
}

#about .aboutContainer .honors .honorsContent .describe .list:nth-child(2) {
  margin-left: 100px;
}

#about .aboutContainer .mediaReport {
  padding: 90px 0 120px;
  background-color: #eeeeee;
}

#about .aboutContainer .mediaReport .mediaReportContent .list {
  padding-bottom: 70px;
  display: flex;
  gap: 3vw;
  align-items: stretch;
  flex-wrap: wrap;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item {
  text-decoration: none;
  border-radius: 30px;
  width: calc((100% - 6vw) / 3);
  overflow: hidden;
  background: #FFF;
  height: auto;
  display: flex;
  flex-direction: column;
  transition: all 0.5s;
  color: #1a1a1a;
  cursor: pointer;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .top {
  aspect-ratio: 420 / 236;
  width: 100%;
  height: auto;
  position: relative;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .top .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .top .time {
  position: absolute;
  width: 76px;
  height: 68px;
  background-color: #0056cc;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: Gilroy-Bold;
  right: 34px;
  bottom: -20px;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .top .time .year {
  font-size: 20px;
  color: #00ffff;
  line-height: 1;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .top .time .mouth {
  font-size: 24px;
  line-height: 1;
  color: #ffffff;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .bottom {
  padding: 45px 27px 60px;
  position: relative;
  flex: 1;
  font-family: OPPOSans-R;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .bottom .sTitle {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .bottom .text {
  font-size: 16px;
  line-height: 1.375;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item .bottom .more {
  position: absolute;
  left: 30px;
  bottom: 34px;
}

#about .aboutContainer .mediaReport .mediaReportContent .list .item:hover {
  background-color: #0056cc;
  color: #FFF;
}

#about .aboutContainer .puruiPoint {
  padding-top: 90px;
}

#about .aboutContainer .puruiPoint .sTitle {
  font-size: 100px;
  padding-bottom: 60px;
}

#about .aboutContainer .puruiPoint .sTitle .big {
  font-family: Gilroy-Bold;
  color: #095ebf;
}

#about .aboutContainer .puruiPoint .sTitle .small {
  padding-left: 2em;
  font-family: Gilroy;
  font-size: 0.6em;
  color: #095ebf;
}

#about .aboutContainer .puruiPoint .sTitle .small .cn {
  font-family: OPPOSans-R;
  font-size: 0.6em;
  color: #313131;
}

#about .aboutContainer .puruiPoint .img {
  display: block;
  margin: 68px 0;
}

#about .aboutContainer .puruiPoint p {
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 1.555;
  color: #313131;
}

#about .aboutContainer .safety {
  padding: 90px 0 120px;
}

#about .aboutContainer .safety .sTitle {
  font-family: OPPOSans-B;
  font-size: 60px;
  line-height: 1.333;
  color: #1a1a1a;
}

#about .aboutContainer .safety .sTitle .blue {
  color: #095ebf;
}

#about .aboutContainer .safety .list {
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

#about .aboutContainer .safety .list .item {
  display: flex;
  flex-direction: column;
  gap: 80px;
  background-color: #f4f4f4;
  border-radius: 40px;
  padding-bottom: 60px;
}

#about .aboutContainer .safety .list .item .top {
  padding: 68px 54px;
  display: flex;
  gap: 40px;
  background-color: #095ebf;
  border-radius: 40px;
  background-image: url(../images/about_puruiPoint_item_bg.png);
  background-size: auto 100%;
  background-position: right center;
  background-repeat: no-repeat;
  transition: all 0.5s;
  cursor: pointer;
}

#about .aboutContainer .safety .list .item .top:nth-child(2n) {
  background-position: left center;
  flex-direction: row-reverse;
}

#about .aboutContainer .safety .list .item .top .text {
  color: #ffffff;
  transition: all 0.5s;
}

#about .aboutContainer .safety .list .item .top .text .pTitle {
  font-family: OPPOSans-B;
  font-size: 36px;
  line-height: 2.222;
}

#about .aboutContainer .safety .list .item .top .text .t {
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 1.555;
}

#about .aboutContainer .safety .list .item .top .avatar {
  width: 25.42%;
  flex-shrink: 0;
  position: relative;
}

#about .aboutContainer .safety .list .item .top .avatar .img {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

#about .aboutContainer .safety .list .item .top:hover {
  background-color: #ccc;
}

#about .aboutContainer .safety .list .item .top:hover .text {
  color: #32455f;
}

#about .aboutContainer .safety .list .item .bottom {
  display: flex;
  gap: 80px;
  padding: 0 60px;
}

#about .aboutContainer .safety .list .item .bottom .step {
  width: calc((100% - 240px) / 4);
}

#about .aboutContainer .safety .list .item .bottom .step .imgBox {
  aspect-ratio: 26 / 18;
  width: 100%;
  height: auto;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

#about .aboutContainer .safety .list .item .bottom .step .imgBox .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}

#about .aboutContainer .safety .list .item .bottom .step .imgBox .pay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.5s;
}

#about .aboutContainer .safety .list .item .bottom .step .imgBox .pay a {
  color: #FFF;
  text-decoration: none;
  font-size: 20px;
}

#about .aboutContainer .safety .list .item .bottom .step .imgBox:hover .pay {
  opacity: 1;
}

#about .aboutContainer .safety .list .item .bottom .step .describe {
  text-align: center;
  padding-top: 25px;
  font-family: OPPOSans-M;
  font-size: 20px;
  color: #535353;
}

#about .aboutContainer .qualifications {
  overflow: hidden;
  padding: 100px 0 140px;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 {
  padding: 80px 95px 90px;
  position: relative;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper-pagination_4 {
  padding-top: 10px;
  text-align: center;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  aspect-ratio: 1 / 1;
  height: auto;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4_btn.swiper-button-prev_4 {
  left: 0;
  background-image: url(../images/prev_3.png);
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4_btn.swiper-button-next_4 {
  right: 0;
  background-image: url(../images/next_3.png);
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4_btn:hover {
  opacity: 0.8;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 {
  width: 100%;
  overflow: hidden;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-wrapper {
  align-items: center;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-slide {
  width: 27.58%;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-slide.swiper-slide-prev {
  width: 34.1%;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-slide.swiper-slide-active {
  width: 39.636%;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-slide.swiper-slide-next {
  width: 34.1%;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-slide .imgBox {
  width: 100%;
  height: auto;
  aspect-ratio: 70 / 50 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  overflow: hidden;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-slide .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center !important;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-slide .imgBox::after {
  display: none !important;
}

#about .aboutContainer .qualifications .honorsContent .mySwiper_4 .swiper_4 .swiper-slide .imgBox::before {
  display: none !important;
}

#about .aboutContainer .qualifications .honorsContent .describe .list {
  display: flex;
  flex-direction: column;
}

#about .aboutContainer .qualifications .honorsContent .describe .list .item {
  list-style: none;
  padding-left: 20px;
  position: relative;
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 2;
  color: #1a1a1a;
}

#about .aboutContainer .qualifications .honorsContent .describe .list .item::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #095ebf;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

#about .aboutContainer .qualifications .honorsContent .describe .list:nth-child(1) {
  padding-right: 100px;
  border-right: 1px solid #dcdcdc;
}

#about .aboutContainer .qualifications .honorsContent .describe .list:nth-child(2) {
  margin-left: 100px;
}

#about .aboutContainer.active {
  display: block;
}

#about #newsDetail {
  display: none;
}

#about #newsDetail.active {
  display: block;
}

#about #newsDetail .detailContent {
  padding-top: 90px;
}

#about #newsDetail .detailContent .pTitle {
  text-align: center;
  font-family: OPPOSans-B;
  font-size: 50px;
  color: #0056cc;
}

#about #newsDetail .detailContent .tool {
  padding: 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 45px;
  font-family: OPPOSans-R;
  font-size: 18px;
  color: #313131;
}

#about #newsDetail .detailContent .tool .item {
  display: flex;
  align-items: center;
  gap: 10px;
}

#about #newsDetail .detailContent .content {
  padding: 70px 0;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 1.666;
  color: #201f28;
}

#about #newsDetail .detailContent .content .img {
  width: 100%;
  height: auto;
  display: block;
}

#advantage .banner {
  position: relative;
}

#advantage .banner .bg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  object-fit: cover;
  object-position: right center;
}

#advantage .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#advantage .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#advantage .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#advantage .banner .text .cn {
  font-family: OPPOSans-R;
  font-size: 0.6em;
  color: #ffffff;
}

#advantage .pefractive {
  background-image: url(../images/advantage_refractive_bg.jpg);
  background-size: cover;
  background-position: center center;
  padding: 90px 0;
  overflow: hidden;
}

/* 优势科室总览页基础布局：与科室详情页一致，图片在上、文字在下 */
#advantage .pefractive .pefractiveContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
#advantage .pefractive .pefractiveContent .icon {
  width: 100%;
  max-width: 600px;
  min-width: 0;
  aspect-ratio: 16 / 9;
  flex-shrink: 0;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background-color: #ffffff;
}
#advantage .pefractive .pefractiveContent .icon .img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#advantage .pefractive .pefractiveContent .describe {
  width: 100%;
  max-width: 1200px;
}
#advantage .pefractive .pefractiveContent .describe .pTitle {
  font-family: Gilroy-Bold;
  font-size: 60px;
  line-height: 1;
  color: #095ebf;
  margin-top: 30px;
}
#advantage .pefractive .pefractiveContent .describe .pTitle .cn {
  padding: 25px 0;
  font-size: 0.6em;
  font-family: OPPOSans-R;
  color: #313131;
}
#advantage .pefractive .pefractiveContent .describe .text {
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 1.555;
  color: #313131;
  white-space: pre-wrap;
}

#advantage[data-cms-advantage-dept] .pefractive .pefractiveContent {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}

/* 优势科室多张图片并排展示 */
#advantage[data-cms-advantage-dept] .pefractive .pefractiveContent .adv-images-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  width: 100%;
  max-width: 1200px;
  justify-items: center;
}

#advantage[data-cms-advantage-dept] .pefractive .pefractiveContent .adv-image-item {
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  width: 100%;
  max-width: 600px;
}

#advantage[data-cms-advantage-dept] .pefractive .pefractiveContent .adv-detail-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#advantage[data-cms-advantage-dept] .pefractive .pefractiveContent .describe {
  width: 100%;
  max-width: 1200px;
}

#advantage[data-cms-advantage-dept] .pefractive .pefractiveContent .icon {
  aspect-ratio: 1 / 1;
  width: min(300px, 32vw);
  min-width: 220px;
  height: auto;
  background-color: #ffffff;
  border-radius: 23px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

#advantage[data-cms-advantage-dept] .pefractive .pefractiveContent .icon .img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

#advantage[data-cms-advantage-dept] .pefractive .pefractiveContent .describe .pTitle {
  font-family: Gilroy-Bold;
  font-size: 60px;
  line-height: 1;
  color: #095ebf;
  margin-top: 30px;
}

#advantage[data-cms-advantage-dept] .pefractive .pefractiveContent .describe .pTitle .adv-title-en {
  display: block;
}

#advantage[data-cms-advantage-dept] .pefractive .pefractiveContent .describe .pTitle .cn {
  padding: 25px 0;
  font-size: 0.6em;
  font-family: OPPOSans-R;
  color: #313131;
}

#advantage[data-cms-advantage-dept] .pefractive .pefractiveContent .describe .text {
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 1.555;
  color: #313131;
  white-space: pre-wrap;
}

#advantage[data-cms-advantage-dept] {
  padding-top: 100px;
}

#advantage[data-cms-advantage-dept] .smallNav {
  top: 90px;
  margin-bottom: 16px;
}

@media (max-width: 768px) {
  #advantage[data-cms-advantage-dept] {
    padding-top: 0;
  }
  #advantage[data-cms-advantage-dept] .smallNav {
    top: 0;
  }
  #advantage[data-cms-advantage-dept] .pefractive {
    padding: 24px 0 40px;
  }
  #advantage[data-cms-advantage-dept] .pefractive .pefractiveContent {
    flex-direction: column;
    gap: 20px;
  }
  #advantage[data-cms-advantage-dept] .pefractive .pefractiveContent .icon {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  #advantage[data-cms-advantage-dept] .pefractive .pefractiveContent .adv-images-grid {
    grid-template-columns: 1fr;
    gap: 12px;
    max-width: 100%;
  }
  #advantage[data-cms-advantage-dept] .pefractive .pefractiveContent .describe {
    max-width: 100%;
  }
}

@media (max-width: 1240px) {
  #advantage[data-cms-advantage-dept] .pefractive .pefractiveContent .adv-images-grid {
    max-width: 100%;
  }
  #advantage[data-cms-advantage-dept] .pefractive .pefractiveContent .describe {
    max-width: 100%;
  }
}

#advantage[data-cms-advantage-dept] .smallNav .list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 0;
}

#advantage[data-cms-advantage-dept] .smallNav .list .item {
  flex: 0 0 auto;
  width: auto;
  min-width: 110px;
  max-width: 100%;
  min-height: 52px;
  padding: 10px 18px;
  white-space: nowrap;
}

#advantage[data-cms-advantage-dept] .pefractive {
  padding-top: 30px;
  padding-bottom: 60px;
}

#advantage .encyclopedia {
  padding: 110px 0;
}

#advantage .encyclopedia .encyclopediaContent .list {
  padding-top: 40px;
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}

#advantage .encyclopedia .encyclopediaContent .list .item {
  width: calc(((100% - 40px)/ 2));
  padding: 50px;
  background-color: #f2f5f9;
  border-radius: 30px;
  box-sizing: border-box;
}

#advantage .encyclopedia .encyclopediaContent .list .item .top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid #c3c9d1;
  align-items: center;
}

#advantage .encyclopedia .encyclopediaContent .list .item .top .sTitle {
  padding-left: 40px;
  font-family: OPPOSans-B;
  font-size: 30px;
  color: #095ebf;
  position: relative;
}

#advantage .encyclopedia .encyclopediaContent .list .item .top .sTitle::before {
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 24px;
  aspect-ratio: 1 / 1;
  height: auto;
  background-image: url(../images/about_encyclopedia_title_icon.png);
  background-size: 100% 100%;
  border-radius: 50%;
}

#advantage .encyclopedia .encyclopediaContent .list .item .top .more {
  font-family: Gilroy-Bold;
  font-weight: bold;
  font-size: 20px;
  color: #1a1a1a;
  transition: all 0.3s;
  cursor: pointer;
}

#advantage .encyclopedia .encyclopediaContent .list .item .top .more:hover {
  color: #095ebf;
}

#advantage .encyclopedia .encyclopediaContent .list .item .bottom {
  padding-top: 35px;
}

#advantage .encyclopedia .encyclopediaContent .list .item .bottom a {
  font-family: OPPOSans-R;
  font-size: 20px;
  line-height: 2.2;
  color: #1a1a1a;
  margin: 0;
  transition: all 0.3s;
  cursor: pointer;
  display: block;
  text-decoration: none;
}

#advantage .encyclopedia .encyclopediaContent .list .item .bottom a:hover {
  color: #095ebf;
}

#advantage .guarantee {
  padding: 110px 0 160px;
  background-image: url(../images/advantage_guarantee_bg.jpg);
  background-size: cover;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 {
  padding: 0 170px;
  padding-top: 100px;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 .swiper_1 {
  overflow: hidden;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 .swiper_1 .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 .swiper_1 .item .avatar {
  aspect-ratio: 1 / 1;
  width: 220px;
  height: auto;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 .swiper_1 .item .describe {
  padding-top: 20px;
  text-align: center;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 .swiper_1 .item .describe .name {
  font-family: OPPOSans-B;
  font-size: 24px;
  color: #095ebf;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 .swiper_1 .item .describe .post {
  font-family: OPPOSans-B;
  font-size: 18px;
  color: #1a1a1a;
}

#advantage .guarantee .guaranteeContent .mySwiper_1 .swiper_1 .item .describe .text {
  padding-top: 8px;
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 1.333;
  color: #1a1a1a;
  text-align: left;
}

#advantage .equipment {
  padding: 110px 0 130px;
}

#advantage .equipment .equipmentContent .list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding-top: 40px;
}

#advantage .equipment .equipmentContent .list .item {
  width: calc((100% - 120px) / 4);
  background-color: #ffffff;
  border-radius: 30px;
  border: solid 1px #e5e5e5;
  box-sizing: border-box;
}

#advantage .equipment .equipmentContent .list .item .imgBox {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
}

#advantage .equipment .equipmentContent .list .item .imgBox .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#advantage .equipment .equipmentContent .list .item .describe {
  text-align: center;
  font-family: OPPOSans-M;
  font-size: 18px;
  color: #1a1a1a;
  padding: 40px 15px;
  box-sizing: border-box;
}

#advantage .advantage_detail .detailSlide {
  display: flex;
  margin-top: 90px;
  min-height: 80px;
  height: auto;
  flex-wrap: wrap;
  border: 1px solid #dcdcdc;
}

#advantage .advantage_detail .detailSlide .item {
  font-family: OPPOSans-B;
  font-size: 24px;
  flex: 1 1 0;
  min-width: 0;
  min-height: 72px;
  padding: 12px 10px;
  box-sizing: border-box;
  line-height: 1.35;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #f5f5f5;
  color: #1a1a1a;
  word-break: keep-all;
}

#advantage .advantage_detail .detailSlide .item a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  align-self: stretch;
  text-align: center;
  text-decoration: none;
  color: inherit;
  line-height: 1.35;
  box-sizing: border-box;
}

#advantage .advantage_detail .detailSlide .item:not(:last-child) {
  border-right: 1px solid #dcdcdc;
}

#advantage .advantage_detail .detailSlide .item.active {
  font-family: OPPOSans-B;
  color: #ffffff;
  background-color: #065bc4;
}

#advantage .advantage_detail .advantageContent {
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 55px;
}

#advantage .advantage_detail .advantageContent .item {
  display: flex;
  justify-content: space-between;
  font-family: OPPOSans-R;
  font-size: 20px;
  color: #1a1a1a;
  text-decoration: none;
}

#team .banner {
  position: relative;
}

#team .banner .bg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  object-fit: cover;
  object-position: right center;
}

#team .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#team .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#team .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#team .banner .text .cn {
  font-family: OPPOSans-R;
  font-size: 0.6em;
  color: #ffffff;
}

#team .doctor {
  padding: 90px 0 210px;
  background-image: url(../images/team_bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

#team .doctor .doctorContent .list {
  display: flex;
  padding-top: 70px;
  flex-wrap: wrap;
  gap: 40px;
  padding-bottom: 40px;
}

#team .doctor .doctorContent .list .item {
  width: calc((100% - 120px) / 4);
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  text-decoration: none;
}

#team .doctor .doctorContent .list .item .avatar {
  aspect-ratio: 1 / 1;
  width: 180px;
  height: auto;
  z-index: 2;
  position: relative;
}

#team .doctor .doctorContent .list .item .avatar .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}

#team .doctor .doctorContent .list .item .describe {
  margin-top: -80px;
  background-color: #ffffff;
  border-radius: 30px;
  width: 100%;
  padding: 100px 20px 46px;
  text-align: center;
  box-sizing: border-box;
  flex: 1;
}

#team .doctor .doctorContent .list .item .describe .name {
  font-family: OPPOSans-B;
  font-size: 24px;
  color: #095ebf;
}

#team .doctor .doctorContent .list .item .describe .post {
  font-family: OPPOSans-B;
  font-size: 18px;
  color: #1a1a1a;
}

#team .doctor .doctorContent .list .item .describe .text {
  padding-top: 15px;
  text-align: left;
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 1.333;
  color: #1a1a1a;
}

#teamDetail .banner {
  position: relative;
}

#teamDetail .banner .bg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  object-fit: cover;
  object-position: right center;
}

#teamDetail .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#teamDetail .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#teamDetail .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#teamDetail .banner .text .cn {
  font-family: OPPOSans-R;
  font-size: 0.6em;
  color: #ffffff;
}

#teamDetail .introduction {
  padding: 70px 0 160px;
}

#teamDetail .introduction .intorductionContent {
  display: flex;
  gap: 80px;
}

#teamDetail .introduction .intorductionContent .left {
  background-color: #ffffff;
  box-shadow: 5px 9px 30px 0px rgba(0, 0, 0, 0.11);
  border-radius: 30px;
  width: 30%;
  flex-shrink: 0;
}

#teamDetail .introduction .intorductionContent .left .avatar {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
  border-radius: 30px;
  overflow: hidden;
}

#teamDetail .introduction .intorductionContent .left .avatar .img {
  width: 100%;
  height: 100%;
}

#teamDetail .introduction .intorductionContent .left .describe {
  padding: 20px 50px 50px;
}

#teamDetail .introduction .intorductionContent .left .describe .name {
  font-family: OPPOSans-B;
  font-size: 28px;
  line-height: 1.714;
  color: #1a1a1a;
}

#teamDetail .introduction .intorductionContent .left .describe .text {
  font-family: OPPOSans-R;
  font-size: 20px;
  color: #1a1a1a;
}

#teamDetail .introduction .intorductionContent .right .sTitle {
  font-family: OPPOSans-B;
  font-size: 32px;
  line-height: 1;
  color: #313131;
}

#teamDetail .introduction .intorductionContent .right .text {
  padding-top: 40px;
  font-family: OPPOSans-R;
  font-size: 22px;
  line-height: 1.63;
  color: #313131;
}

#teamDetail .introduction .intorductionContent .right .btns {
  display: flex;
  padding-top: 70px;
  gap: 30px;
}

#teamDetail .introduction .intorductionContent .right .btns .btn {
  border: 0;
  width: 250px;
  height: 70px;
  font-family: OPPOSans-B;
  font-size: 24px;
  line-height: 1.5;
  color: #ffffff;
  border-radius: 35px;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  outline: none;
}

#teamDetail .introduction .intorductionContent .right .btns .btn .icon .img {
  width: 30px;
  height: auto;
  display: block;
}

#teamDetail .introduction .intorductionContent .right .btns .btn:nth-child(1) {
  background-color: #0056cc;
}

#teamDetail .introduction .intorductionContent .right .btns .btn:nth-child(2) {
  background-color: #6bb62f;
}

#equipment .banner {
  position: relative;
  max-height: 200px;
  overflow: hidden;
}

#equipment .banner .bg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 200px;
  min-height: 0;
  object-fit: cover;
  object-position: center;
}

#equipment .banner .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 34px;
  line-height: 1.15;
  color: #ffffff;
  width: 92%;
  box-sizing: border-box;
}

#equipment .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 0.2em;
  padding-bottom: 0.15em;
}

#equipment .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#equipment .banner .text .cn {
  font-family: OPPOSans-R;
  font-size: 0.65em;
  color: #ffffff;
}

/* 与顶图横幅文案重复，隐藏以缩短首屏高度 */
#equipment .equipment > .uk-container > .title.type_3 {
  display: none;
}

#equipment .equipment {
  padding: 36px 0 90px;
}

#equipment .equipment .equipmentContent .list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding-top: 8px;
  padding-bottom: 32px;
}

#equipment .equipment .equipmentContent .list .item {
  width: calc((100% - 120px) / 4);
  background-color: #ffffff;
  border-radius: 30px;
  border: solid 1px #e5e5e5;
  box-sizing: border-box;
  text-decoration: none;
}

#equipment .equipment .equipmentContent .list .item .imgBox {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
}

#equipment .equipment .equipmentContent .list .item .imgBox .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#equipment .equipment .equipmentContent .list .item .describe {
  text-align: center;
  font-family: OPPOSans-M;
  font-size: 18px;
  color: #1a1a1a;
  padding: 40px 15px;
  box-sizing: border-box;
}

#equipmentDetail .banner {
  position: relative;
}

#equipmentDetail .banner .bg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  object-fit: cover;
  object-position: right center;
}

#equipmentDetail .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#equipmentDetail .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#equipmentDetail .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#equipmentDetail .banner .text .cn {
  font-family: OPPOSans-R;
  font-size: 0.6em;
  color: #ffffff;
}

#equipmentDetail .equipmentDetail {
  padding: 90px 0 150px;
}

#equipmentDetail .equipmentDetail .equipmentDetailContent {
  padding: 50px;
  display: flex;
  gap: 80px;
  background-color: #ffffff;
  box-shadow: 5px 9px 30px 0px rgba(0, 0, 0, 0.11);
  border-radius: 30px;
  border: solid 1px #e5e5e5;
}

#equipmentDetail .equipmentDetail .equipmentDetailContent .left {
  width: 34.61%;
  aspect-ratio: 1 / 1;
  height: auto;
}

#equipmentDetail .equipmentDetail .equipmentDetailContent .left .img {
  width: 100%;
  /* height: 100%;
  object-fit: cover;
  object-position: right center; */
}

#equipmentDetail .equipmentDetail .equipmentDetailContent .right {
  width: 100%;
}

#equipmentDetail .equipmentDetail .equipmentDetailContent .right .top {
  font-family: OPPOSans-B;
  font-size: 30px;
  color: #1a1a1a;
  padding: 30px 0;
  border-bottom: 1px solid #dcdcdc;
}

#equipmentDetail .equipmentDetail .equipmentDetailContent .right .bottom {
  padding-top: 30px;
  font-family: OPPOSans-R;
  font-size: 20px;
  line-height: 1.8;
  color: #1a1a1a;
}

#service_1 .banner {
  position: relative;
}

#service_1 .banner .bg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  object-fit: cover;
  object-position: right center;
}

#service_1 .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#service_1 .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#service_1 .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#service_1 .banner .text .cn {
  font-family: OPPOSans-R;
  font-size: 0.6em;
  color: #ffffff;
}

#service_1 .procecss {
  padding: 90px 0 180px;
  background-image: url(../images/service_process_bg.jpg);
  background-size: cover;
  background-position: center;
}

#service_1 .procecss .img {
  width: 100%;
  height: auto;
  margin-top: 70px;
}

#service_1 .layout {
  padding: 100px 0;
}

#service_1 .layout .img {
  width: 100%;
  height: auto;
}

#service_2 .banner {
  position: relative;
}

#service_2 .banner .bg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  object-fit: cover;
  object-position: right center;
}

#service_2 .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#service_2 .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#service_2 .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#service_2 .banner .text .cn {
  font-family: OPPOSans-R;
  font-size: 0.6em;
  color: #ffffff;
}

#service_2 .regist {
  padding: 90px 0 130px;
  background-image: url(../images/service_3_bg.jpg);
  background-size: cover;
  background-position: center;
}

#service_2 .regist .registContent {
  padding-top: 74px;
  display: flex;
  gap: 68px;
}

#service_2 .regist .registContent .left {
  width: 33.85%;
  flex-shrink: 0;
}

#service_2 .regist .registContent .left .text {
  font-family: OPPOSans-R;
  font-size: 20px;
  color: #1a1a1a;
}

#service_2 .regist .registContent .left .text .ps {
  font-family: OPPOSans-B;
  font-size: 1.2em;
  line-height: 1.66;
  color: #1a1a1a;
}

#service_2 .regist .registContent .left .icon .img {
  display: block;
  margin: auto;
  max-width: 321px;
  width: 100%;
  height: auto;
}

#service_2 .regist .registContent .right {
  flex: 1;
}

#service_3 .banner {
  position: relative;
}

#service_3 .banner .bg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  object-fit: cover;
  object-position: right center;
}

#service_3 .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#service_3 .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#service_3 .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#service_3 .banner .text .cn {
  font-family: OPPOSans-R;
  font-size: 0.6em;
  color: #ffffff;
}

#service_3 .map {
  padding: 90px 0 140px;
  background-image: url(../images/service_3_bg.jpg);
  background-size: cover;
  background-position: center;
}

#service_3 .map .mapContent {
  padding-top: 74px;
}

#service_3 .map .mapContent .describe {
  display: flex;
  gap: 44px;
  padding-top: 60px;
  align-items: center;
}

#service_3 .map .mapContent .describe .left {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

#service_3 .map .mapContent .describe .left .cn {
  font-family: OPPOSans-R;
  font-size: 24px;
  color: #1a1a1a;
}

#service_3 .map .mapContent .describe .left .num {
  font-family: Gilroy-Bold;
  font-size: 36px;
  color: #095ebf;
  font-weight: bold;
}

#service_3 .map .mapContent .describe .right {
  padding-left: 36px;
  border-left: 1px solid #c9c9c9;
  display: flex;
  flex-direction: column;
  gap: 25px;
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 1.333;
  color: #1a1a1a;
}

#contact .banner {
  position: relative;
}

#contact .banner .bg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  object-fit: cover;
  object-position: right center;
}

#contact .banner .text {
  position: absolute;
  top: 37.08%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: Gilroy;
  font-size: 70px;
  color: #ffffff;
}

#contact .banner .text .en {
  font-weight: bold;
  position: relative;
  margin-bottom: 3%;
  padding-bottom: 2%;
}

#contact .banner .text .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 3px;
  width: 15.15%;
  background-image: linear-gradient(to right, #6eb92b, #aea916, #f39800);
}

#contact .banner .text .cn {
  font-family: OPPOSans-R;
  font-size: 0.6em;
  color: #ffffff;
}

#contact .contact {
  background-image: url(../images/service_3_bg.jpg);
  background-size: cover;
  background-position: center;
  padding: 90px 0 170px;
}

#contact .contact .contactContent {
  padding-top: 70px;
}

#contact .contact .contactContent .describe {
  display: flex;
  gap: 44px;
  padding-top: 60px;
  align-items: center;
  background: #FFF;
  border-radius: 10px;
  padding: 20px 50px;
  margin-top: 60px;
}

#contact .contact .contactContent .describe .left {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

#contact .contact .contactContent .describe .left .cn {
  font-family: OPPOSans-R;
  font-size: 24px;
  color: #1a1a1a;
}

#contact .contact .contactContent .describe .left .num {
  font-family: Gilroy-Bold;
  font-size: 36px;
  color: #095ebf;
  font-weight: bold;
}

#contact .contact .contactContent .describe .right {
  padding-left: 36px;
  border-left: 1px solid #c9c9c9;
  display: flex;
  flex-direction: column;
  gap: 25px;
  font-family: OPPOSans-R;
  font-size: 18px;
  line-height: 1.333;
  color: #1a1a1a;
}

.myFooter {
  background-color: #0056cc;
  padding: 0;
}

.myFooter .uk-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.myFooter .top {
  padding: 35px 0;
  border-bottom: 1px solid #3378d6;
}

.myFooter .top .logo {
  max-width: 224px;
  height: auto;
}

.myFooter .top .list {
  display: flex;
  align-items: center;
  gap: 90px;
  display: none !important;
}

.myFooter .top .list .item {
  font-family: OPPOSans-M;
  font-size: 20px;
  color: #ffffff;
  transition: all 0.5s;
  cursor: pointer;
}

.myFooter .top .list .item a {
  color: inherit;
  text-decoration: none;
}

.myFooter .top .list .item:hover {
  color: #ccc;
}

.myFooter .bottom {
  padding: 50px 0;
}

.myFooter .bottom .left {
  font-family: OPPOSans-M;
  font-size: 14px;
  line-height: 1.714;
  color: #ffffff;
}

.myFooter .bottom .left a {
  color: #ffffff;
}

.myFooter .bottom .way {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
}

.myFooter .bottom .way .icon {
  transition: all 0.5s;
}

.myFooter .bottom .way .icon:hover {
  opacity: 0.7;
}

/* 宽幅医院标识（宜春袁州康明医院等）：限制高度，避免顶栏被撑得过高 */
.myHeader:not(.other) .logo .imgBox .img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 92px;
  object-fit: contain;
}

.myHeader.other .uk-container .logo .imgBox .img.otherLogo {
  width: auto;
  max-width: 224px;
  max-height: 56px;
  object-fit: contain;
}

.myFooter .top .logo .img {
  width: auto;
  max-width: 100%;
  max-height: 72px;
  object-fit: contain;
}

/* 文章详情页样式 */
.news-reader {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px;
}

.nr-back {
  display: inline-block;
  color: #666;
  text-decoration: none;
  margin-bottom: 20px;
  font-size: 14px;
}

.nr-back:hover {
  color: #c8161d;
}

.nr-title {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin: 0 0 20px 0;
  line-height: 1.4;
}

.nr-meta {
  color: #999;
  font-size: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
}

.nr-date,
.nr-author {
  margin-right: 20px;
}

.nr-summary {
  background: #f9f9f9;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 1.6;
  color: #666;
}

.nr-intro-images {
  margin-bottom: 30px;
}

.nr-intro-images img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 15px;
}

.nr-body {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  max-width: 820px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* 不强制 display:block，与后台编辑器图文混排保持一致 */
.nr-body img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.nr-empty {
  color: #999;
  text-align: center;
  padding: 40px 0;
}

/* 文章详情页导航样式 - 简约文字链接 */
.hr-line {
  height: 1px;
  background: #e8e8e8;
  margin: 40px 0 20px 0;
}

.nr-nav-links {
  padding: 20px 0;
}

.nr-nav-item {
  margin-bottom: 15px;
  font-size: 15px;
}

.nr-nav-item:last-child {
  margin-bottom: 0;
}

.nr-nav-label {
  color: #333;
  font-weight: 400;
}

.nr-nav-link {
  color: #0056cf;
  text-decoration: none;
  margin-left: 8px;
  transition: color 0.2s;
}

.nr-nav-link:hover {
  color: #003d99;
  text-decoration: underline;
}
/* 科室页一级标题：标签升为 h1 但视觉沿用 .cn 原样式 */
.aboutContainer .pTitle h1.cn {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* 首页 H1：视觉隐藏但保留给搜索引擎，避免与轮播视觉冲突 */
.seo-h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}