instruktazh-zhara-ts/index.html

449 lines
23 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Инструктаж — Действия водителей ТС без кондиционера в жаркий период</title>
<style>
:root {
--ink: #0F1218;
--cyan: #00E5FF;
--cyan-50: #E8FCFF;
--white: #fff;
--gray-500: #5B6573;
--gray-100: #F2F4F7;
--red: #E53935;
--red-50: #FFF0F0;
--amber: #E65100;
--amber-50: #FFF8E1;
--green: #2E7D32;
--green-50: #E8F5E9;
--orange: #FF6D00;
--orange-50: #FFF3E0;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;
color: var(--ink);
background: var(--white);
}
/* ── Header ── */
header {
background: linear-gradient(135deg, #BF360C 0%, #E65100 40%, #FF8F00 100%);
color: var(--white);
border-bottom: 4px solid var(--red);
}
header .container { max-width: 960px; margin: 0 auto; padding: 48px 24px 40px; }
.badge {
display: inline-block;
background: var(--white);
color: var(--orange);
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 4px 14px;
border-radius: 4px;
margin-bottom: 16px;
}
header h1 { font-size: 38px; font-weight: 800; line-height: 1.2; margin-bottom: 12px; }
header .subtitle { font-size: 18px; color: rgba(255,255,255,0.85); max-width: 700px; }
header .meta { margin-top: 20px; font-size: 14px; color: rgba(255,255,255,0.7); }
header .meta span { margin-right: 28px; }
/* ── Sections ── */
.section { padding: 56px 24px; }
.section:nth-child(odd) { background: var(--white); }
.section:nth-child(even) { background: var(--gray-100); }
.section .container { max-width: 960px; margin: 0 auto; }
.section h2 { font-size: 26px; font-weight: 700; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid var(--gray-100); }
.section h3 { font-size: 18px; font-weight: 700; margin: 28px 0 10px; }
.section p { margin-bottom: 14px; }
/* ── Lists ── */
.rules { list-style: none; }
.rules li { position: relative; padding-left: 28px; margin-bottom: 14px; line-height: 1.55; }
.rules li::before { content: ''; position: absolute; left: 0; top: 7px; width: 12px; height: 12px; border-radius: 3px; }
.rules.danger li::before { background: var(--red); }
.rules.warn li::before { background: var(--amber); }
.rules.check li::before { background: var(--green); }
/* ── Callouts ── */
.callout { border-left: 4px solid; padding: 20px 24px; margin: 20px 0; border-radius: 0 8px 8px 0; font-size: 16px; line-height: 1.55; }
.callout.danger { background: var(--red-50); border-color: var(--red); }
.callout.warn { background: var(--amber-50); border-color: var(--amber); }
.callout.info { background: var(--cyan-50); border-color: var(--cyan); }
.callout.orange { background: var(--orange-50); border-color: var(--orange); }
/* ── Cards ── */
.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 20px; }
.card { background: var(--white); border-radius: 12px; padding: 28px 24px; border: 1px solid var(--gray-100); }
.card .emoji { font-size: 32px; margin-bottom: 10px; }
.card h3 { margin-top: 0; margin-bottom: 8px; font-size: 17px; }
.card p { font-size: 15px; color: var(--gray-500); margin: 0; }
/* ── Table ── */
.table-wrap { overflow-x: auto; margin: 20px 0; }
table { width: 100%; border-collapse: collapse; font-size: 15px; }
thead { background: var(--ink); color: var(--white); }
th, td { padding: 12px 16px; text-align: left; border: 1px solid var(--gray-100); }
tbody tr:nth-child(even) { background: var(--gray-100); }
/* ── Checklist ── */
.check-item { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; border-bottom: 1px dashed var(--gray-100); font-size: 15px; }
.check-box { flex-shrink: 0; width: 20px; height: 20px; border: 2px solid var(--gray-500); border-radius: 4px; margin-top: 2px; }
/* ── Acknowledgment block ── */
.ack-block { background: var(--white); border: 2px dashed var(--gray-500); border-radius: 12px; padding: 32px; margin-top: 32px; page-break-inside: avoid; }
.ack-block h3 { margin-top: 0; margin-bottom: 20px; font-size: 20px; }
.ack-row { display: grid; grid-template-columns: 1fr 1.4fr 1fr; gap: 16px; font-size: 14px; padding: 6px 0; }
.ack-row.header-row { font-weight: 700; color: var(--gray-500); border-bottom: 1px solid var(--gray-100); margin-bottom: 8px; padding-bottom: 10px; }
.ack-line { border-bottom: 1px dotted var(--gray-100); padding: 8px 0; min-height: 36px; }
/* ── Footer ── */
footer { background: var(--ink); color: #7a8390; text-align: center; padding: 28px 24px; font-size: 14px; }
footer a { color: var(--cyan); text-decoration: none; }
/* ── Print ── */
@media print {
.section { padding: 24px 0; page-break-inside: avoid; }
.section:nth-child(even) { background: #f9f9f9; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
header { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
body { font-size: 14px; }
footer { display: none; }
}
/* ── Mobile ── */
@media (max-width: 700px) {
header h1 { font-size: 26px; }
header .container { padding: 32px 20px 28px; }
.section { padding: 36px 20px; }
.section h2 { font-size: 22px; }
.cards { grid-template-columns: 1fr; }
.ack-row { grid-template-columns: 1fr; }
}
</style>
</head>
<body>
<!-- ═══════════ HEADER ═══════════ -->
<header>
<div class="container">
<div class="badge">Инструктаж / Жаркий период</div>
<h1>Действия водителей ТС без кондиционера в жаркий период</h1>
<p class="subtitle">
Порядок действий водителей транспортных средств компании,
не оборудованных кондиционером, в условиях повышенной температуры воздуха
</p>
<div class="meta">
<span>Дата инструктажа: _______________</span>
<span>Провёл: _______________</span>
</div>
</div>
</header>
<!-- ═══════════ 1. ОСНОВАНИЕ И ЦЕЛЬ ═══════════ -->
<section class="section">
<div class="container">
<h2>1. Основание и цель инструктажа</h2>
<p>
Настоящий инструктаж проводится в связи с наступлением жаркого периода года
(температура воздуха выше +30&thinsp;&deg;C) и необходимостью обеспечения безопасности
водителей, управляющих транспортными средствами без системы кондиционирования.
</p>
<div class="callout orange">
<strong>Цель:</strong> предотвращение тепловых ударов, обезвоживания и снижения
работоспособности водителей, исключение ДТП вследствие потери управления ТС
по причине перегрева организма.
</div>
<p>
Инструктаж обязателен для всех водителей (штатных и совместителей),
эксплуатирующих ТС без кондиционера, а также для лиц, допускающих ТС на линию.
</p>
</div>
</section>
<!-- ═══════════ 2. НОРМАТИВНАЯ БАЗА ═══════════ -->
<section class="section">
<div class="container">
<h2>2. Нормативная база</h2>
<ul class="rules check">
<li>Закон Республики Казахстан от 17 апреля 2014&nbsp;г. №&nbsp;194-V&nbsp;ЗРК «О дорожном движении»</li>
<li>Приказ Министра внутренних дел РК от 30 июня 2023&nbsp;г. №&nbsp;534 «Об утверждении Правил дорожного движения, Основных положений по допуску транспортных средств к эксплуатации»</li>
<li>Приказ и.о. Министра транспорта и коммуникаций РК от 4&nbsp;марта 2005&nbsp;г. №&nbsp;114-I «Об утверждении Правил безопасности и охраны труда на автомобильном транспорте»</li>
<li>Трудовой кодекс РК от 23 ноября 2015&nbsp;г. №&nbsp;414-V&nbsp;ЗРК (ст. 184186 — нормы условий труда)</li>
<li>Санитарные правила и нормы (СанПиН) Республики Казахстан в части обеспечения безопасных условий труда</li>
<li>Локальные акты организации по охране труда и безопасности на транспорте</li>
</ul>
</div>
</section>
<!-- ═══════════ 3. ЗОНА РИСКА ═══════════ -->
<section class="section">
<div class="container">
<h2>3. Зона риска и последствия перегрева</h2>
<p>
Управление ТС без кондиционера в жаркий период представляет особую опасность,
поскольку водитель вынужден длительное время находиться в замкнутом, нагретом
солнцем пространстве кабины/салона.
</p>
<div class="callout danger">
<strong>Опасная зона:</strong> температура воздуха на улице от +30&thinsp;&deg;C и выше.
В закрытой кабине ТС температура может превышать уличную на 1525&thinsp;&deg;C.
</div>
<div class="cards">
<div class="card">
<div class="emoji">🌡</div>
<h3>Тепловой удар</h3>
<p>Потеря сознания, спутанность сознания, судороги. Риск ДТП — 100%.</p>
</div>
<div class="card">
<div class="emoji">💧</div>
<h3>Обезвоживание</h3>
<p>Снижение концентрации внимания, замедление реакции, головокружение.</p>
</div>
<div class="card">
<div class="emoji">😴</div>
<h3>Гиперсомния</h3>
<p>Повышенная сонливость, «микрозасыпания» за рулём — основная причина лобовых столкновений.</p>
</div>
</div>
<div class="table-wrap" style="margin-top: 28px;">
<table>
<thead>
<tr>
<th>Температура на улице</th>
<th>Температура в кабине (≈)</th>
<th>Риск для водителя</th>
</tr>
</thead>
<tbody>
<tr>
<td>+3034&thinsp;&deg;C</td>
<td>+4555&thinsp;&deg;C</td>
<td>Повышенная утомляемость, снижение внимания</td>
</tr>
<tr>
<td>+3539&thinsp;&deg;C</td>
<td>+5565&thinsp;&deg;C</td>
<td>Тепловое недомогание, риск обезвоживания</td>
</tr>
<tr>
<td>+40&thinsp;&deg;C и выше</td>
<td>+65&thinsp;&deg;C и выше</td>
<td>Тепловой удар, потеря сознания, острое поражение здоровья</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- ═══════════ 4. ДО ВЫЕЗДА НА ЛИНИЮ ═══════════ -->
<section class="section">
<div class="container">
<h2>4. Действия до выезда на линию</h2>
<div class="callout info">
<strong>Перед выездом водитель обязан:</strong>
</div>
<ul class="rules check">
<li>
<strong>Оценить состояние здоровья.</strong> При головной боли, слабости, температуре
тела выше +37&thinsp;&deg;C — <strong>отказать от выезда</strong>, сообщить диспетчеру.
</li>
<li>
<strong>Взять запас воды.</strong> Минимум 2 литра питьевой воды на смену
(в термосумке или с термоподставкой). Запрещается заменять воду сладкими напитками
и газировкой.
</li>
<li>
<strong>Взять головной убор</strong> (панама, кепка с козырьком) для защиты от солнца
при выходе из ТС.
</li>
<li>
<strong>Взять влажные салфетки / полотенце</strong> для обтирания лица и шеи.
</li>
<li>
<strong>Подготовить ТС:</strong> проветрить кабину перед выездом (открыть двери на 35 минут),
при наличии тонировки — убедиться, что стёкла не перегреваются.
</li>
<li>
<strong>Откинуть / снять верхнюю одежду</strong> — работать в лёгкой, светлой, воздухопроницаемой
одежде. Запрещается выезжать в тёмной синтетической одежде.
</li>
<li>
<strong>Проверить доступ к вентиляции:</strong> убедиться, что окна открываются,
вентиляция работает.
</li>
</ul>
</div>
</section>
<!-- ═══════════ 5. ВО ВРЕМЯ ДВИЖЕНИЯ ═══════════ -->
<section class="section">
<div class="container">
<h2>5. Действия во время движения</h2>
<div class="callout danger">
<strong>Критические правила:</strong>
</div>
<ul class="rules danger">
<li>
<strong>Пить воду каждые 2030 минут</strong>, даже если нет жажды. Жажда — уже признак
обезвоживания.
</li>
<li>
<strong>Останавливаться каждые 1,52 часа</strong> на 1015 минут в тенистом месте.
Не реже одного привала каждые 100 км.
</li>
<li>
<strong>При остановке — немедленно выйти из ТС</strong>, уйти в тень. Не оставаться
в закрытой нагретой кабине.
</li>
<li>
<strong>Обтирать лицо и шею влажным полотенцем</strong> при каждой остановке.
</li>
<li>
<strong>Не закрывать окна наглухо</strong> — обеспечить сквозное проветривание кабины
(открыть окна с двух сторон на 35 см).
</li>
<li>
<strong>Не оставлять ТС под прямым солнцем</strong> — при остановках ставать в тень
деревьев, зданий, навесов.
</li>
</ul>
<h3>Признаки теплового недомогания — немедленная остановка:</h3>
<ul class="rules warn">
<li>Головная боль, головокружение, «мушки» перед глазами</li>
<li>Тошнота, рвота</li>
<li>Резкая слабость, сонливость,difficulty concentrating</li>
<li>Учащённое сердцебиение, одышка без физической нагрузки</li>
<li>Покраснение лица, обильное потоотделение или его прекращение</li>
<li>Мурашки на коже, ощущение «ватных» конечностей</li>
<li>Любые отклонения от нормального самочувствия</li>
</ul>
<div class="callout danger">
<strong>ПРИ ЛЮБЫХ ПРИЗНАКАХ ТЕПЛОВОГО НЕДОМОГАНИЯ:</strong>
<ol style="margin: 8px 0 0 20px;">
<li>Немедленно остановить ТС, выключить двигатель</li>
<li>Выйти из ТС, уйти в тень</li>
<li>Выпить 200300 мл воды мелкими глотками</li>
<li>Обтереть лицо, шею, запястья влажным полотенцем</li>
<li>При ухудшении — вызвать скорую помощь</li>
<li>Сообщить диспетчеру о невозможности продолжения рейса</li>
</ol>
</div>
</div>
</section>
<!-- ═══════════ 6. ОСОБЫЕ ТРЕБОВАНИЯ ═══════════ -->
<section class="section">
<div class="container">
<h2>6. Особые требования</h2>
<div class="cards" style="grid-template-columns: repeat(2, 1fr);">
<div class="card">
<div class="emoji"></div>
<h3>Режим работы в жару</h3>
<p>Выезд на линию — не ранее 6:00. Возвращение — не позднее 18:00. В период с 12:00 до 15:00 — обязательный перерыв в тенистом месте (не менее 30 минут).</p>
</div>
<div class="card">
<div class="emoji">🚫</div>
<h3>Запреты</h3>
<p>Запрещается: оставлять детей в ТС, оставлять ТС с работающим двигателем без присмотра, перевозить легковоспламеняющиеся жидкости без охлаждения.</p>
</div>
<div class="card">
<div class="emoji">🧊</div>
<h3>Охлаждение</h3>
<p>Допускается использование_portable_вентиляторов от прикуривателя, охлаждающих бандажей, бутылок с замороженной водой.</p>
</div>
<div class="card">
<div class="emoji">👥</div>
<h3>Взаимный контроль</h3>
<p>Водители обязаны проверять состояние здоровья коллег при встрече. При признаках недомогания у коллеги — оказать помощь и сообщить диспетчеру.</p>
</div>
</div>
</div>
</section>
<!-- ═══════════ 7. ЧЕК-ЛИСТ ═══════════ -->
<section class="section">
<div class="container">
<h2>7. Чек-лист перед выездом</h2>
<p style="color:var(--gray-500);font-size:15px;">Отметьте каждый пункт перед выездом на линию:</p>
<div class="check-item"><div class="check-box"></div><span>Состояние здоровья удовлетворительное (нет температуры, головной боли, слабости)</span></div>
<div class="check-item"><div class="check-box"></div><span>Взял запас воды (мин. 2 литра) в термосумке</span></div>
<div class="check-item"><div class="check-box"></div><span>Взял головной убор (панама / кепка)</span></div>
<div class="check-item"><div class="check-box"></div><span>Взял влажные салфетки / полотенце</span></div>
<div class="check-item"><div class="check-box"></div><span>Одежда лёгкая, светлая, из хлопка</span></div>
<div class="check-item"><div class="check-box"></div><span>Кабина ТС проветрена перед выездом</span></div>
<div class="check-item"><div class="check-box"></div><span>Окна открываются, вентиляция работает</span></div>
<div class="check-item"><div class="check-box"></div><span>Проверил уровень охлаждающей жидкости</span></div>
<div class="check-item"><div class="check-box"></div><span>Есть заряженный мобильный телефон для вызова помощи</span></div>
<div class="check-item"><div class="check-box"></div><span>Знание маршрута и мест для привалов в тени</span></div>
</div>
</section>
<!-- ═══════════ 8. ЛИСТ ОЗНАКОМЛЕНИЯ ═══════════ -->
<section class="section">
<div class="container">
<h2>8. Лист ознакомления с инструктажем</h2>
<p style="color:var(--gray-500);font-size:15px;">
Своей подписью подтверждаю, что с содержанием инструктажа ознакомлен(а),
требования и меру ответственности осознаю, обязуюсь выполнять.
</p>
<div class="ack-block">
<h3>Подписи инструктируемых</h3>
<div class="ack-row header-row">
<div>Фамилия И.О.</div>
<div>Должность / Категория</div>
<div>Подпись и дата</div>
</div>
<div class="ack-line"></div>
<div class="ack-line"></div>
<div class="ack-line"></div>
<div class="ack-line"></div>
<div class="ack-line"></div>
<div class="ack-line"></div>
<div class="ack-line"></div>
<div class="ack-line"></div>
<div class="ack-line"></div>
<div class="ack-line"></div>
<div class="ack-line"></div>
<div class="ack-line"></div>
</div>
<p style="margin-top:20px;color:var(--gray-500);font-size:14px;">
Инструктаж провёл: _______________________________________&nbsp;&nbsp;&nbsp;&nbsp;
(должность, Ф.И.О., подпись, дата)
</p>
</div>
</section>
<div class="section" style="text-align:center; padding: 40px 24px;">
<div class="container">
<a href="Инструктаж_Действия_жаркий_период_ТС_без_кондиционера.pdf" download
style="display:inline-block;background:var(--orange);color:#fff;padding:16px 36px;border-radius:8px;font-weight:700;text-decoration:none;font-size:18px;">
Скачать PDF-версию
</a>
</div>
</div>
<footer>
Материал инструктажа по действиям в жаркий период &copy; 2026 &nbsp;|&nbsp;
<a href="Инструктаж_Действия_жаркий_период_ТС_без_кондиционера.pdf" download>Скачать PDF</a>
</footer>
</body>
</html>