535 lines
18 KiB
Vue
535 lines
18 KiB
Vue
|
<template>
|
|||
|
|
<div class="container-wrapper">
|
|||
|
|
<header>
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="hospital-name">信阳市传染病医院</div>
|
|||
|
|
<h1>血液透析中心</h1>
|
|||
|
|
<p class="subtitle">专业、安全、人性化的透析服务，为艾滋病、病毒性肝炎、梅毒、结核病等传染病患者提供专属医疗关怀</p>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<div class="container">
|
|||
|
|
<section class="download-section">
|
|||
|
|
<h2>宣传资料下载</h2>
|
|||
|
|
<p>点击下方按钮下载本宣传稿的Word文档版本，方便打印和分享</p>
|
|||
|
|
<button class="download-btn" @click="downloadWordDoc" id="downloadBtn">
|
|||
|
|
<i class="fas fa-file-word"></i> 下载Word文档
|
|||
|
|
</button>
|
|||
|
|
<p class="note">下载后可在Microsoft Word或其他文字处理软件中编辑使用</p>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<div class="content">
|
|||
|
|
<main class="main-content">
|
|||
|
|
<section class="card">
|
|||
|
|
<h2>关于我们的透析中心</h2>
|
|||
|
|
<p>信阳市传染病医院血液透析中心是豫南地区首家专门为患有艾滋病、病毒性肝炎、梅毒、结核病等传染病的肾衰竭患者提供安全、专业透析治疗的医疗设施。我们理解传染病患者在接受常规透析治疗时面临的特殊困难，因此建立了这个独立、安全、专业的透析中心。</p>
|
|||
|
|
|
|||
|
|
<div class="highlight">
|
|||
|
|
<p>我们的使命是为传染病透析患者提供与普通患者同等质量的透析治疗，同时确保所有患者和医护人员的安全，消除交叉感染风险。</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<p>中心配备了国际先进的血液透析设备和水处理系统，采用严格的感染控制标准和操作流程，由经验丰富的传染病专科医生和透析护士团队提供专业医疗服务。</p>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section class="card">
|
|||
|
|
<h2>我们的特色服务</h2>
|
|||
|
|
|
|||
|
|
<div class="services-grid">
|
|||
|
|
<div class="service-item">
|
|||
|
|
<div class="icon">
|
|||
|
|
<i class="fas fa-shield-alt"></i>
|
|||
|
|
</div>
|
|||
|
|
<h3>严格感染控制</h3>
|
|||
|
|
<p>独立分区、专用设备、严格消毒流程，确保零交叉感染</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="service-item">
|
|||
|
|
<div class="icon">
|
|||
|
|
<i class="fas fa-user-md"></i>
|
|||
|
|
</div>
|
|||
|
|
<h3>专业医疗团队</h3>
|
|||
|
|
<p>传染病专家与透析专科医生协作，提供个性化治疗方案</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="service-item">
|
|||
|
|
<div class="icon">
|
|||
|
|
<i class="fas fa-heartbeat"></i>
|
|||
|
|
</div>
|
|||
|
|
<h3>先进设备</h3>
|
|||
|
|
<p>国际先进透析设备，确保治疗效果和患者安全</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="service-item">
|
|||
|
|
<div class="icon">
|
|||
|
|
<i class="fas fa-comments"></i>
|
|||
|
|
</div>
|
|||
|
|
<h3>心理支持</h3>
|
|||
|
|
<p>专业心理医生提供心理疏导，帮助患者积极面对疾病</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section class="card">
|
|||
|
|
<h2>为什么选择我们的透析中心？</h2>
|
|||
|
|
<p>对于患有传染病的肾衰竭患者，常规透析中心往往无法接收，或给患者带来巨大的心理压力。我们的中心解决了这一难题：</p>
|
|||
|
|
|
|||
|
|
<h3>1. 安全专业的治疗环境</h3>
|
|||
|
|
<p>中心完全按照传染病防控最高标准建设，设有独立通道、负压病房、专用设备，医疗废物严格分类处理，确保治疗过程安全可控。</p>
|
|||
|
|
|
|||
|
|
<h3>2. 尊重与隐私保护</h3>
|
|||
|
|
<p>我们尊重每一位患者的隐私权，实行严格的信息保密制度，让患者能够安心接受治疗，无需担心歧视或隐私泄露。</p>
|
|||
|
|
|
|||
|
|
<h3>3. 综合医疗服务</h3>
|
|||
|
|
<p>除了常规透析治疗，我们还提供传染病专科诊疗、药物管理、营养指导等一站式服务，全面管理患者的健康状况。</p>
|
|||
|
|
|
|||
|
|
<h3>4. 医保报销支持</h3>
|
|||
|
|
<p>中心已纳入医保定点单位，符合条件的透析治疗费用可按政策报销，减轻患者经济负担。</p>
|
|||
|
|
</section>
|
|||
|
|
</main>
|
|||
|
|
|
|||
|
|
<aside class="sidebar">
|
|||
|
|
<section class="card">
|
|||
|
|
<h2>接收患者类型</h2>
|
|||
|
|
<p>本中心专门为以下传染病患者提供血液透析服务：</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><i class="fas fa-plus-circle" style="color: #1AACA2;"></i> 艾滋病病毒(HIV)感染者</li>
|
|||
|
|
<li><i class="fas fa-plus-circle" style="color: #1AACA2;"></i> 乙型/丙型病毒性肝炎患者</li>
|
|||
|
|
<li><i class="fas fa-plus-circle" style="color: #1AACA2;"></i> 梅毒感染者</li>
|
|||
|
|
<li><i class="fas fa-plus-circle" style="color: #1AACA2;"></i> 活动性结核病患者</li>
|
|||
|
|
<li><i class="fas fa-plus-circle" style="color: #1AACA2;"></i> 其他需要隔离透析的传染病患者</li>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
<div class="highlight">
|
|||
|
|
<p><strong>注意：</strong>患者需提供有效的传染病诊断证明，并经中心医生评估后确定接收。</p>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section class="card contact-info">
|
|||
|
|
<h2>联系我们</h2>
|
|||
|
|
|
|||
|
|
<div class="contact-item">
|
|||
|
|
<div class="contact-icon">
|
|||
|
|
<i class="fas fa-map-marker-alt"></i>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h3>地址</h3>
|
|||
|
|
<p>信阳市南京大道京港澳高速立交桥东500米</p>
|
|||
|
|
<div class="address-map">
|
|||
|
|
<p><i class="fas fa-info-circle"></i> 位于信阳市传染病医院院内，内科楼3层</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="contact-item">
|
|||
|
|
<div class="contact-icon">
|
|||
|
|
<i class="fas fa-phone-alt"></i>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h3>咨询电话</h3>
|
|||
|
|
<p class="phone-number">
|
|||
|
|
<span class="doctor-name">孙医生</span> 18058633387
|
|||
|
|
</p>
|
|||
|
|
<p>工作日 8:00-17:00</p>
|
|||
|
|
<p>24小时急诊咨询：同上电话</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="contact-item">
|
|||
|
|
<div class="contact-icon">
|
|||
|
|
<i class="fas fa-clock"></i>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h3>服务时间</h3>
|
|||
|
|
<p>周一至周六：7:00-22:00 (分批次透析)</p>
|
|||
|
|
<p>周日：急诊透析服务</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="contact-item">
|
|||
|
|
<div class="contact-icon">
|
|||
|
|
<i class="fas fa-calendar-check"></i>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h3>预约方式</h3>
|
|||
|
|
<p>1. 电话预约：联系孙医生安排</p>
|
|||
|
|
<p>2. 门诊医生转诊</p>
|
|||
|
|
<p>3. 合作医院转介</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
</aside>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<footer>
|
|||
|
|
<div class="container">
|
|||
|
|
<p>信阳市传染病医院血液透析中心 © 2023 版权所有</p>
|
|||
|
|
<p>专业医疗，安全透析，尊重隐私，用心关怀每一位患者</p>
|
|||
|
|
<p style="margin-top: 15px; font-size: 0.9rem;">本宣传稿仅供参考，具体服务内容以中心实际提供为准</p>
|
|||
|
|
</div>
|
|||
|
|
</footer>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup lang="ts">
|
|||
|
|
useHead({
|
|||
|
|
link: [
|
|||
|
|
{
|
|||
|
|
rel: 'stylesheet',
|
|||
|
|
href: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css',
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
const downloadWordDoc = () => {
|
|||
|
|
// 创建Word文档内容
|
|||
|
|
const content = `
|
|||
|
|
信阳市传染病医院血液透析中心宣传稿
|
|||
|
|
|
|||
|
|
关于我们的透析中心
|
|||
|
|
|
|||
|
|
信阳市传染病医院血液透析中心是豫南地区首家专门为患有艾滋病、病毒性肝炎、梅毒、结核病等传染病的肾衰竭患者提供安全、专业透析治疗的医疗设施。我们理解传染病患者在接受常规透析治疗时面临的特殊困难，因此建立了这个独立、安全、专业的透析中心。
|
|||
|
|
|
|||
|
|
我们的使命是为传染病透析患者提供与普通患者同等质量的透析治疗，同时确保所有患者和医护人员的安全，消除交叉感染风险。
|
|||
|
|
|
|||
|
|
中心配备了国际先进的血液透析设备和水处理系统，采用严格的感染控制标准和操作流程，由经验丰富的传染病专科医生和透析护士团队提供专业医疗服务。
|
|||
|
|
|
|||
|
|
我们的特色服务
|
|||
|
|
|
|||
|
|
1. 严格感染控制
|
|||
|
|
独立分区、专用设备、严格消毒流程，确保零交叉感染
|
|||
|
|
|
|||
|
|
2. 专业医疗团队
|
|||
|
|
传染病专家与透析专科医生协作，提供个性化治疗方案
|
|||
|
|
|
|||
|
|
3. 先进设备
|
|||
|
|
国际先进透析设备，确保治疗效果和患者安全
|
|||
|
|
|
|||
|
|
4. 心理支持
|
|||
|
|
专业心理医生提供心理疏导，帮助患者积极面对疾病
|
|||
|
|
|
|||
|
|
为什么选择我们的透析中心？
|
|||
|
|
|
|||
|
|
对于患有传染病的肾衰竭患者，常规透析中心往往无法接收，或给患者带来巨大的心理压力。我们的中心解决了这一难题：
|
|||
|
|
|
|||
|
|
1. 安全专业的治疗环境
|
|||
|
|
中心完全按照传染病防控最高标准建设，设有独立通道、负压病房、专用设备，医疗废物严格分类处理，确保治疗过程安全可控。
|
|||
|
|
|
|||
|
|
2. 尊重与隐私保护
|
|||
|
|
我们尊重每一位患者的隐私权，实行严格的信息保密制度，让患者能够安心接受治疗，无需担心歧视或隐私泄露。
|
|||
|
|
|
|||
|
|
3. 综合医疗服务
|
|||
|
|
除了常规透析治疗，我们还提供传染病专科诊疗、药物管理、营养指导等一站式服务，全面管理患者的健康状况。
|
|||
|
|
|
|||
|
|
4. 医保报销支持
|
|||
|
|
中心已纳入医保定点单位，符合条件的透析治疗费用可按政策报销，减轻患者经济负担。
|
|||
|
|
|
|||
|
|
接收患者类型
|
|||
|
|
|
|||
|
|
本中心专门为以下传染病患者提供血液透析服务：
|
|||
|
|
• 艾滋病病毒(HIV)感染者
|
|||
|
|
• 乙型/丙型病毒性肝炎患者
|
|||
|
|
• 梅毒感染者
|
|||
|
|
• 活动性结核病患者
|
|||
|
|
• 其他需要隔离透析的传染病患者
|
|||
|
|
|
|||
|
|
注意：患者需提供有效的传染病诊断证明，并经中心医生评估后确定接收。
|
|||
|
|
|
|||
|
|
联系我们
|
|||
|
|
|
|||
|
|
地址：信阳市南京大道京港澳高速立交桥东500米（信阳市传染病医院院内，内科楼3层）
|
|||
|
|
|
|||
|
|
咨询电话：孙医生 18058633387
|
|||
|
|
工作日：8:00-17:00
|
|||
|
|
24小时急诊咨询：同上电话
|
|||
|
|
|
|||
|
|
服务时间：
|
|||
|
|
周一至周六：7:00-22:00 (分批次透析)
|
|||
|
|
周日：急诊透析服务
|
|||
|
|
|
|||
|
|
预约方式：
|
|||
|
|
1. 电话预约：联系孙医生安排
|
|||
|
|
2. 门诊医生转诊
|
|||
|
|
3. 合作医院转介
|
|||
|
|
|
|||
|
|
信阳市传染病医院血液透析中心 © 2023 版权所有
|
|||
|
|
专业医疗，安全透析，尊重隐私，用心关怀每一位患者
|
|||
|
|
|
|||
|
|
本宣传稿仅供参考，具体服务内容以中心实际提供为准
|
|||
|
|
`;
|
|||
|
|
|
|||
|
|
// 创建Blob对象
|
|||
|
|
const blob = new Blob([content], { type: 'application/msword' });
|
|||
|
|
|
|||
|
|
// 创建下载链接
|
|||
|
|
const url = URL.createObjectURL(blob);
|
|||
|
|
const a = document.createElement('a');
|
|||
|
|
a.href = url;
|
|||
|
|
a.download = '信阳市传染病医院血液透析中心宣传稿.doc';
|
|||
|
|
|
|||
|
|
// 触发下载
|
|||
|
|
document.body.appendChild(a);
|
|||
|
|
a.click();
|
|||
|
|
|
|||
|
|
// 清理
|
|||
|
|
setTimeout(() => {
|
|||
|
|
document.body.removeChild(a);
|
|||
|
|
URL.revokeObjectURL(url);
|
|||
|
|
}, 100);
|
|||
|
|
|
|||
|
|
// 显示下载成功提示
|
|||
|
|
const button = document.getElementById('downloadBtn');
|
|||
|
|
if (button) {
|
|||
|
|
const originalText = button.innerHTML;
|
|||
|
|
button.innerHTML = '<i class="fas fa-check"></i> 下载完成！';
|
|||
|
|
button.style.backgroundColor = '#4CAF50';
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
button.innerHTML = originalText;
|
|||
|
|
button.style.backgroundColor = '';
|
|||
|
|
}, 2000);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
* {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.container-wrapper {
|
|||
|
|
background-color: #f5f9fc;
|
|||
|
|
color: #333;
|
|||
|
|
line-height: 1.6;
|
|||
|
|
min-height: 100vh;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.container {
|
|||
|
|
max-width: 1200px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
padding: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
header {
|
|||
|
|
background: linear-gradient(135deg, #1AACA2 0%, #2ECCAA 100%);
|
|||
|
|
color: white;
|
|||
|
|
padding: 40px 20px;
|
|||
|
|
text-align: center;
|
|||
|
|
border-radius: 0 0 20px 20px;
|
|||
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|||
|
|
margin-bottom: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h1 {
|
|||
|
|
font-size: 2.5rem;
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.hospital-name {
|
|||
|
|
font-size: 1.8rem;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
color: #e8f2f8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.subtitle {
|
|||
|
|
font-size: 1.4rem;
|
|||
|
|
font-weight: 300;
|
|||
|
|
max-width: 800px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.download-section {
|
|||
|
|
background-color: white;
|
|||
|
|
border-radius: 15px;
|
|||
|
|
padding: 25px;
|
|||
|
|
margin: 30px 0;
|
|||
|
|
text-align: center;
|
|||
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
|
|||
|
|
border-left: 6px solid #1AACA2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.download-btn {
|
|||
|
|
display: inline-block;
|
|||
|
|
background-color: #1AACA2;
|
|||
|
|
color: white;
|
|||
|
|
padding: 15px 35px;
|
|||
|
|
font-size: 1.2rem;
|
|||
|
|
border-radius: 50px;
|
|||
|
|
text-decoration: none;
|
|||
|
|
margin: 20px 0;
|
|||
|
|
transition: all 0.3s ease;
|
|||
|
|
border: none;
|
|||
|
|
cursor: pointer;
|
|||
|
|
box-shadow: 0 4px 8px rgba(26, 172, 162, 0.3);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.download-btn:hover {
|
|||
|
|
background-color: #179B8E;
|
|||
|
|
transform: translateY(-3px);
|
|||
|
|
box-shadow: 0 6px 12px rgba(26, 172, 162, 0.4);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content {
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
gap: 30px;
|
|||
|
|
margin-top: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.main-content {
|
|||
|
|
flex: 2;
|
|||
|
|
min-width: 300px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sidebar {
|
|||
|
|
flex: 1;
|
|||
|
|
min-width: 280px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.card {
|
|||
|
|
background-color: white;
|
|||
|
|
border-radius: 15px;
|
|||
|
|
padding: 30px;
|
|||
|
|
margin-bottom: 30px;
|
|||
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h2 {
|
|||
|
|
color: #1AACA2;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
padding-bottom: 10px;
|
|||
|
|
border-bottom: 2px solid #E9F7F6;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
h3 {
|
|||
|
|
color: #1AACA2;
|
|||
|
|
margin: 25px 0 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
p {
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
font-size: 1.05rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ul, ol {
|
|||
|
|
padding-left: 25px;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
li {
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.highlight {
|
|||
|
|
background-color: #E9F7F6;
|
|||
|
|
border-left: 4px solid #1AACA2;
|
|||
|
|
padding: 20px;
|
|||
|
|
margin: 25px 0;
|
|||
|
|
border-radius: 0 10px 10px 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.services-grid {
|
|||
|
|
display: grid;
|
|||
|
|
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
|||
|
|
gap: 20px;
|
|||
|
|
margin-top: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.service-item {
|
|||
|
|
background-color: #F0F9F7;
|
|||
|
|
padding: 20px;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
text-align: center;
|
|||
|
|
transition: transform 0.3s ease;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.service-item:hover {
|
|||
|
|
transform: translateY(-5px);
|
|||
|
|
background-color: #E1F4F2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.icon {
|
|||
|
|
font-size: 2.5rem;
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
color: #1AACA2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.contact-info {
|
|||
|
|
background: linear-gradient(135deg, #F0F9F7 0%, #E1F4F2 100%);
|
|||
|
|
padding: 25px;
|
|||
|
|
border-radius: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.contact-item {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.contact-icon {
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
color: #1AACA2;
|
|||
|
|
margin-right: 15px;
|
|||
|
|
width: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.phone-number {
|
|||
|
|
font-size: 1.3rem;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #1AACA2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.doctor-name {
|
|||
|
|
color: #1AACA2;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
footer {
|
|||
|
|
text-align: center;
|
|||
|
|
padding: 30px;
|
|||
|
|
margin-top: 40px;
|
|||
|
|
background-color: #1AACA2;
|
|||
|
|
color: white;
|
|||
|
|
border-radius: 20px 20px 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.address-map {
|
|||
|
|
margin-top: 15px;
|
|||
|
|
padding: 15px;
|
|||
|
|
background-color: #f8f8f8;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
border-left: 4px solid #1AACA2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.note {
|
|||
|
|
margin-top: 10px;
|
|||
|
|
font-size: 0.9rem;
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 768px) {
|
|||
|
|
h1 {
|
|||
|
|
font-size: 2rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.hospital-name {
|
|||
|
|
font-size: 1.5rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.subtitle {
|
|||
|
|
font-size: 1.2rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content {
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.services-grid {
|
|||
|
|
grid-template-columns: 1fr;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|