@charset "utf-8";
/* 山东餐遇食品有限公司 官网 —— 纯切图页面样式 */

body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

/* 页面容器：设计稿宽度 1921px，居中显示并等比缩放 */
.page {
	width: 100%;
	max-width: 1921px;
	margin: 0 auto;
}

/* 每一段都是由切图拼接而成 */
.sec {
	position: relative;
}

.sec img {
	display: block;
	width: 100%;
	height: auto;
	border: 0;
}

/* 切图上的点击热区：按设计稿 1921px 的比例定位，随图片等比缩放 */
.hot {
	position: absolute;
	display: block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

/* ---------- 顶部导航热区 ---------- */
.hot-nav-home { left: 40.9162%; top: 28.28%; width: 3.1234%; height: 44.44%; }
.hot-nav-product { left: 46.0177%; top: 28.28%; width: 5.2056%; height: 44.44%; }
.hot-nav-about { left: 53.2535%; top: 28.28%; width: 5.1536%; height: 44.44%; }
.hot-nav-contact { left: 60.4373%; top: 28.28%; width: 5.2056%; height: 44.44%; }

/* ---------- 首页首屏「探索产品」按钮 ---------- */
.hot-banner-btn { left: 9.9948%; top: 50.5654%; width: 10.8277%; height: 12.4394%; }

/* ---------- 首页「三大品类」卡片 ---------- */
.hot-cat-1 { left: 16.1374%; top: 31.8627%; width: 21.8636%; height: 55.6373%; }
.hot-cat-2 { left: 39.0411%; top: 31.8627%; width: 21.8116%; height: 55.6373%; }
.hot-cat-3 { left: 61.8948%; top: 31.8627%; width: 21.8116%; height: 55.6373%; }