.homeBanner{ position:relative; z-index:1; background:#f5f7f7 }
.homeBanner .--img{ width:100%; height:100% }
.homeBanner .--img img{ width:100%; height:100%; object-fit:cover }
.homeBanner .--top{ height:100% }
.homeBanner .--listImg{ height:100% }
.homeBanner .--listImg .--item{ position:relative }
.homeBanner .banner-button{ position:absolute; bottom:70px; left:70px; transition:all .3s ease-in-out }
.homeBanner .banner-button img{ width:150px }
.homeBanner .banner-button:hover{ transform:scale(0.9) }
.homeBanner .--content{ width:100%; margin-top:-44px; position:relative; z-index:1 }
.homeBanner .--filter{ display:flex; width:max-content; box-shadow:0px 4px 18px 0px rgba(0,0,0,.1); background:#fff; border-radius:6px; margin:auto; gap:20px; padding:16px }
.homeBanner .--filter .--item{ font-weight:600; display:flex; text-transform:uppercase; color:var(--color-1); gap:6px; position:relative; align-items:center; padding:12px 20px }
.homeBanner .--filter .--item::after{ content:""; position:absolute; left:calc(100% + 10px); border-left:1px solid rgba(0,0,0,.1); height:40px; top:50%; transform:translate(0,-50%) }
.homeBanner .--filter .--item:last-child::after{ display:none }
.homeBanner .--filter .--item span{ position:relative }
.homeBanner .--filter .--item span::after{ content:""; position:absolute; top:100%; left:0; border-bottom:2px solid var(--color-1); transition:all .3s ease; width:0 }
.homeBanner .--filter .--item:hover span::after{ width:100% }
.homeBanner .--filter .--icon{ display:flex; align-items:center; justify-content:center; width:32px; flex:0 0 auto }
.homeBanner .--filter .--icon img{ width:100% }
.homeBanner .arrow{ position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none }
.homeBanner .arrow .--arrow{ position:absolute; top:50%; pointer-events:auto; width:50px; cursor:pointer; height:50px; display:flex; align-items:center; justify-content:center; transform:translate(0,-50%); background:hsla(0,0%,100%,.5); box-shadow:0px 4px 104px 0px rgba(0,0,0,.17) }
.homeBanner .arrow .--arrow.slick-next{ right:0 }
.homeBanner .arrow .--arrow.slick-prev{ left:0 }
@media(min-width:1024px)and (max-width:1279px){ .homeBanner .--txt .--title{font-size:36px; margin-bottom:20px }
.homeBanner .banner-button{ left:40px }
.homeBanner .banner-button img{ width:100px }
}
@media(max-width:1023px){ .homeBanner{height:auto }
.homeBanner .--img a{ display:flex; width:100%; height:100% }
.homeBanner .--img img{ height:100% }
.homeBanner .--img::after{ display:none }
.homeBanner .--listImg .slick-track{ height:auto }
.homeBanner .banner-button{ bottom:340px; left:20px }
.homeBanner .banner-button img{ width:80px }
.homeBanner .--filter{ flex-flow:column; width:100% }
.homeBanner .--filter .--item::after{ border-bottom:1px solid rgba(0,0,0,.1); left:50%; transform:translate(-50%,0); top:calc(100% + 10px); border-left:unset; width:100%; height:1px }
.homeBanner .--filter .--item span::after{ display:none }
.homeBanner .--content{ position:relative; top:unset; margin-top:-40px }
.homeBanner .--top{ position:relative }
.homeBanner .--txt{ position:relative; top:unset; left:unset; transform:none; padding-top:60px }
.homeBanner .--txt::after{ content:""; position:absolute; top:0; left:0; width:100%; height:calc(100% + 380px); pointer-events:none; z-index:-1; background:linear-gradient(180deg,#e8e8e9 42%,rgba(233,236,236,0) 55%) }
.homeBanner .--txt .--info{ width:100% }
.homeBanner .--txt .--title{ text-align:center; margin:10px 0 20px }
.homeBanner .--txt .--viewhospital{ margin:0 auto }
.homeBanner .--txt .--des{ text-align:center; margin-bottom:20px }
.homeBanner .--txt .btn-1{ margin:0 auto }
}
.homeWhy{ background:#f5f7f7; padding:100px 0 }
.homeWhy .--content{ display:flex; justify-content:space-between }
.homeWhy .--left{ width:40% }
.homeWhy .--left .segTitle{ margin-bottom:40px }
.homeWhy .--left .segTitle span{ color:var(--color-1) }
.homeWhy .--left .--des{ margin-bottom:40px; text-align:justify }
.homeWhy .--right{ width:50%; display:flex; justify-content:flex-end }
.homeWhy .--right .--listWhy{ display:grid; grid-template-rows:repeat(1,1fr); grid-template-columns:repeat(2,1fr); grid-gap:20px; width:100% }
.homeWhy .--right .--item{ border:2px solid rgba(0,0,0,.08); background:#fff; padding:30px; transition:all .3s ease }
.homeWhy .--right .--item:hover{ border:2px solid #fff; box-shadow:0px 4px 104px 0px rgba(0,0,0,.17); transform:scale(1.1) }
.homeWhy .--right .--item:first-child{ border-radius:50px 0px 0px 0px }
.homeWhy .--right .--item:first-child:hover{ transform-origin:right bottom }
.homeWhy .--right .--item:nth-child(2){ border-radius:0px 50px 0px 0px }
.homeWhy .--right .--item:nth-child(2):hover{ transform-origin:left bottom }
.homeWhy .--right .--item:nth-child(3){ border-radius:0px 0px 0px 50px }
.homeWhy .--right .--item:nth-child(3):hover{ transform-origin:right top }
.homeWhy .--right .--item:nth-child(4){ border-radius:0px 0px 50px 0px }
.homeWhy .--right .--item:nth-child(4):hover{ transform-origin:left top }
.homeWhy .--right .--icon{ margin-bottom:12px }
.homeWhy .--right .--icon img{ max-width:40px; max-height:40px; object-fit:contain }
.homeWhy .--right .--name{ font-weight:600; font-size:20px; margin-bottom:12px; line-height:1.2 }
@media(min-width:1024px)and (max-width:1279px){ .homeWhy{padding:110px 0 60px }
.homeWhy .--left{ width:45% }
.homeWhy .--left .segTitle{ line-height:32px }
.homeWhy .--right .--name{ font-size:14px; margin-bottom:8px }
.homeWhy .--right .--des{ line-height:15px; -webkit-line-clamp:3; height:45px }
.homeWhy .--right .--item{ padding:20px }
}
@media(max-width:1023px){ .homeWhy{padding:60px 0; background:#fff }
.homeWhy .--content{ flex-flow:column }
.homeWhy .--content .slick-track{ display:flex }
.homeWhy .--left{ width:100% }
.homeWhy .--left .segTitle{ margin-bottom:24px }
.homeWhy .--left .--des{ margin-bottom:24px }
.homeWhy .--right{ width:100%; justify-content:flex-start }
.homeWhy .--right .--listWhy{ display:block; margin-top:40px; width:100vw }
.homeWhy .--right .--item{ transform:none !important; transform-origin:unset !important; box-shadow:none !important; width:280px; height:auto; border-radius:10px !important; margin-right:16px; padding:24px }
.homeWhy .--right .--item:hover{ border:2px solid rgba(0,0,0,.08); box-shadow:none }
}
.homeIntro .--content{ position:relative; padding:100px 0 }
.homeIntro .--content .--left{ width:25%; position:relative; background:var(--bg-gra1) }
.homeIntro .--content .--right{ width:75% }
.homeIntro .--content .--txt{ padding-left:20px }
.homeIntro .--content .--img{ width:calc(100% - 20px); min-height:470px; height:100% }
.homeIntro .--content .--img img{ width:100%; height:100%; object-fit:cover }
.homeIntro .--content article{ margin-bottom:24px }
.homeIntro .--content ul{ list-style:none; padding-left:0; margin-bottom:40px; display:flex; flex-flow:column; font-size:16px; gap:16px }
.homeIntro .--content ul li{ display:flex }
.homeIntro .--content ul i{ width:20px; height:20px; background:var(--color-1); font-size:12px; display:flex; align-items:center; margin-top:4px; justify-content:center; flex:0 0 auto; margin-right:10px; border-radius:50%; color:#fff }
.homeIntro .--info{ position:relative; color:#fff; gap:60px; background:var(--bg-gra1) }
.homeIntro .--info .partent{ position:absolute; top:0; left:0; width:100%; pointer-events:none; height:100% }
.homeIntro .--info .partent_1{ position:absolute; top:0; left:0; height:100% }
.homeIntro .--info .partent_2{ position:absolute; top:0; right:0; height:100% }
.homeIntro .--info .--number{ font-size:60px; font-weight:500; line-height:75px }
.homeIntro .--info .--txt{ z-index:1; display:flex; position:relative; justify-content:space-around; width:100%; padding:40px 0 }
.homeIntro .--info span{ text-transform:uppercase; font-size:15px }
@media(min-width:1024px)and (max-width:1279px){ .homeIntro .--content{padding:60px 0 }
}
@media(max-width:1023px){ .homeIntro .--content{padding:0 0 60px 0 }
.homeIntro .--content ul{ margin-bottom:24px }
.homeIntro .--content .--txt{ flex-wrap:wrap; gap:8px; padding-left:0 }
.homeIntro .--content .--img{ height:auto; min-height:unset; width:100%; margin-bottom:20px }
.homeIntro .--info span{ font-size:12px }
.homeIntro .--info .--number{ font-size:40px; line-height:50px }
.homeIntro .--info .--txt{ flex-wrap:wrap }
.homeIntro .--info .--item{ width:calc(50% - 4px) }
}
.homeSpecialist{ padding:100px 0; background:#f5f7f7 }
.homeSpecialist .--content{ gap:60px }
.homeSpecialist .segTitle{ border-bottom:1px solid rgba(0,0,0,.1); padding-bottom:8px; margin-bottom:40px }
.homeSpecialist .--left{ width:35% }
.homeSpecialist .--left .nav-pills{ border:1px solid rgba(0,0,0,.1) }
.homeSpecialist .--left button{ padding:24px 32px; background:#fff; display:flex; gap:20px; justify-content:space-between; border-radius:0; align-items:center; color:#000; border-bottom:1px solid rgba(0,0,0,.1); text-align:left }
.homeSpecialist .--left button:hover{ background:rgba(184,184,184,.1803921569) }
.homeSpecialist .--left button:last-child{ border-bottom:none }
.homeSpecialist .--left button.active{ background:var(--color-1); color:#fff }
.homeSpecialist .--left button.active .--icon{ filter:brightness(0) invert(1) }
.homeSpecialist .--left .--namespec{ font-size:20px; font-weight:500 }
.homeSpecialist .--right{ width:calc(65% - 60px) }
.homeSpecialist .--right .--name{ font-size:24px; font-weight:600; margin-bottom:24px }
.homeSpecialist .--right .--des{ margin-bottom:40px }
.homeSpecialist .--listService{ display:flex; flex-wrap:wrap; gap:8px }
.homeSpecialist .--listService .--item{ padding:8px 16px; border-radius:60px; border:1px solid #e8e8e8; font-size:14px; color:#000; transition:all .15s ease }
.homeSpecialist .--listService .--item:hover{ background:var(--color-1); color:#fff }
.homeSpecialist .--note{ font-weight:600; margin-bottom:20px }
.homeSpecialist .--button{ border-top:1px solid rgba(0,0,0,.1); padding-top:40px; margin-top:40px; gap:12px; display:flex }
.homeSpecialist .--viewall{ margin-top:40px }
@media(min-width:1024px)and (max-width:1279px){ .homeSpecialist{padding:60px 0 }
.homeSpecialist .--right .--name{ line-height:30px; margin-bottom:16px }
.homeSpecialist .--right .--des{ margin-bottom:28px }
.homeSpecialist .--left button{ padding:20px }
.homeSpecialist .--left .--namespec{ line-height:1; font-size:16px; margin-bottom:8px }
.homeSpecialist .--button{ padding-top:24px; margin-bottom:24px }
}
@media(max-width:1023px){ .homeSpecialist{padding:60px 0 }
.homeSpecialist .segTitle{ margin-bottom:20px }
.homeSpecialist .--listSpecialist{ display:block !important }
.homeSpecialist .--listSpecialist button{ padding:16px 24px; display:flex; color:#fff; gap:20px; background:var(--color-1); justify-content:space-between; border-radius:0; align-items:center; border-bottom:1px solid rgba(0,0,0,.1); text-align:left }
.homeSpecialist .--listSpecialist button::after{ display:none }
.homeSpecialist .--listSpecialist button.collapsed{ background:#fff; color:#000 }
.homeSpecialist .--listSpecialist button.collapsed .--icon{ filter:brightness(0) invert(1) }
.homeSpecialist .--listSpecialist button .--name{ font-size:20px; font-weight:600 }
.homeSpecialist .--listSpecialist button .--des{ font-size:14px }
.homeSpecialist .--listSpecialist .accordion-collapse{ padding:20px 24px }
.homeSpecialist .--content{ display:none !important }
.homeSpecialist .--name{ margin-bottom:12px; font-size:16px }
.homeSpecialist .--des{ margin-bottom:24px }
.homeSpecialist .--button{ padding-top:24px; margin-top:24px }
.homeSpecialist .--button a{ width:calc(50% - 4px); flex:0 0 auto; padding:12px 0; font-size:14px; text-align:center; justify-content:center }
.homeSpecialist .--listService .--item{ background:#fff }
}
.homeAds{ background:#f5f7f7 }
.homeAds .--img{ width:100% }
.homeAds .--img img{ width:100%; height:100%; object-fit:cover }
@media(max-width:1023px){ .homeAds{background:#fff }
.homeAds .slick-dots{ display:flex; gap:10px; list-style:none; justify-content:center; margin-top:12px }
.homeAds .slick-dots li{ width:8px; height:8px; display:flex; align-items:center; justify-content:center; background:#b9b9b9; border-radius:50% }
.homeAds .slick-dots li.slick-active{ background:var(--color-1) }
.homeAds .slick-dots button{ opacity:0; width:100%; height:100% }
}
@media(max-width:1023px){ #home{overflow:hidden; padding-top:100px }
}