<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MontoIOT - 联网型温湿度记录仪</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        body {
            background-color: #f8f9fa;
            color: #333;
            line-height: 1.6;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* 导航栏样式 */
        header {
            background: linear-gradient(135deg, #1a6fc4 0%, #2c87c5 100%);
            color: white;
            padding: 15px 0;
            position: sticky;
            top: 0;
            z-index: 100;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }
        
        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo {
            font-size: 24px;
            font-weight: 700;
            display: flex;
            align-items: center;
        }
        
        .logo img {
            margin-right: 10px;
            width: 20%;
            height: 20%;
            font-size: 28px;
        }
        
        .nav-links {
            display: flex;
            list-style: none;
             width: 50%;
        }
        
        .nav-links li {
            margin-left: 30px;
             
        }
        
        .nav-links a {
            color: white;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.3s ease;
           
        }
        
        .nav-links a:hover {
            color: #ffd700;
        }
        
        /* 英雄区域样式 https://images.unsplash.com/photo-1518770660439-4636190af475?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80*/
        .hero {
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/img/mainpost.jpg');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 100px 0;
            text-align: center;
        }
        
        .hero h1 {
            font-size: 3rem;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }
        
        .hero p {
            font-size: 1.2rem;
            max-width: 700px;
            margin: 0 auto 30px;
        }
        
        .btn {
            display: inline-block;
            background: #ff6b6b;
            color: white;
            padding: 12px 30px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .btn:hover {
            background: #ff8e8e;
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }
        
        /* 产品特点区域 */
        .features {
            padding: 80px 0;
            background: white;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 60px;
            color: #1a6fc4;
        }
        
        .section-title h2 {
            font-size: 2.5rem;
            margin-bottom: 15px;
        }
        
        .section-title p {
            color: #777;
            max-width: 700px;
            margin: 0 auto;
        }
        
        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .feature-card {
            background: #f8f9fa;
            border-radius: 10px;
            padding: 30px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease;
        }
        
        .feature-card:hover {
            transform: translateY(-10px);
        }
        
        .feature-card i {
            font-size: 40px;
            color: #1a6fc4;
            margin-bottom: 20px;
        }
        
        .feature-card h3 {
            margin-bottom: 15px;
            color: #333;
        }
        
        /* 应用场景区域 */
        .scenarios {
            padding: 80px 0;
            background: #f0f5f9;
        }
        
        .scenario-cards {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .scenario-card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .scenario-img {
            height: 200px;
            overflow: hidden;
        }
        
        .scenario-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .scenario-card:hover .scenario-img img {
            transform: scale(1.1);
        }
        
        .scenario-content {
            padding: 25px;
        }
        
        .scenario-content h3 {
            color: #1a6fc4;
            margin-bottom: 15px;
        }
        
        /* 产品展示区域 */
        .product-showcase {
            padding: 80px 0;
            background: white;
            text-align: center;
        }
        
        .product-container {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 50px;
            margin-top: 50px;
        }
        
        .product-image {
            flex: 1;
            min-width: 300px;
            max-width: 500px;
        }
        
        .product-image img {
            width: 50%;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        }
        
        .product-info {
            flex: 1;
            min-width: 300px;
            text-align: left;
        }
        
        .product-info h3 {
            color: #1a6fc4;
            margin-bottom: 20px;
            font-size: 1.8rem;
        }
        
        .specs {
            margin-top: 30px;
        }
        
        .spec-item {
            display: flex;
            margin-bottom: 15px;
        }
        
        .spec-icon {
            color: #1a6fc4;
            font-size: 20px;
            margin-right: 15px;
            min-width: 24px;
        }
        
        /* 页脚样式 */
        footer {
            background: #1a6fc4;
            color: white;
            padding: 60px 0 30px;
        }
        
        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            margin-bottom: 40px;
        }
        
        .footer-section h3 {
            font-size: 1.5rem;
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 10px;
        }
        
        .footer-section h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 2px;
            background: #ffd700;
        }
        
        .footer-section p {
            margin-bottom: 15px;
        }
        
        .footer-section a {
            color: #e0e0e0;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        
        .footer-section a:hover {
            color: #ffd700;
        }
        
        .social-icons a {
            display: inline-block;
            margin-right: 15px;
            font-size: 20px;
        }
        
        .copyright {
            text-align: center;
            padding-top: 30px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .nav-links {
                display: none;
            }
            
            .hero h1 {
                font-size: 2.2rem;
            }
            
            .hero p {
                font-size: 1rem;
            }
            
            .section-title h2 {
                font-size: 2rem;
            }
        }
    </style>
</head>
<body>
    <!-- 导航栏 <i class="fas fa-temperature-low"></i>  -->
    <header>
        <div class="container">
            <nav>
                <div class="logo">
                    <img src="/img/montored.gif"></img>
                    <span>蒙托物联网</span>
                </div>
                <ul class="nav-links">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">产品特点</a></li>
                    <li><a href="#">应用场景</a></li>
                    <li><a href="#">技术规格</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- 英雄区域 -->
    <section class="hero">
        <div class="container">
            <h1>蒙托科技云平台温湿度记录仪</h1>
            <p>随时随地掌握环境数据，为工业生产、家庭生活和科研实验提供可靠保障</p>
            <a href="apkdl.html" class="btn">下载APP应用</a>
        </div>
    </section>

    <!-- 产品特点 -->
    <section class="features">
        <div class="container">
            <div class="section-title">
                <h2>产品特点</h2>
                <p>我们的温湿度记录仪集精确监测、远程访问和智能告警于一体</p>
            </div>
            <div class="features-grid">
                <div class="feature-card">
                    <i class="fas fa-satellite-dish"></i>
                    <h3>远程实时监测</h3>
                    <p>通过手机App或网页随时随地查看温湿度数据，不受地域限制</p>
                </div>
                <div class="feature-card">
                    <i class="fas fa-bell"></i>
                    <h3>智能警报系统</h3>
                    <p>当温湿度超出设定范围时，立即通过短信、邮件或App推送通知</p>
                </div>
                <div class="feature-card">
                    <i class="fas fa-chart-line"></i>
                    <h3>数据记录与分析</h3>
                    <p>自动记录历史数据并生成曲线图，支持数据导出和深度分析</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 应用场景 -->
    <section class="scenarios">
        <div class="container">
            <div class="section-title">
                <h2>应用场景</h2>
                <p>广泛适用于各种需要精确环境监控的场合</p>
            </div>
            <div class="scenario-cards">
                <div class="scenario-card">
                    <div class="scenario-img">
                        <img src="/img/industry.jpg" alt="工业环境监测">
                    </div>
                    <div class="scenario-content">
                        <h3>工业环境监测</h3>
                        <p>确保生产线、仓库和实验室的环境参数符合要求，避免因温湿度问题导致的产品质量问题。</p>
                    </div>
                </div>
                <div class="scenario-card">
                    <div class="scenario-img">
                        <img src="/img/babyroom.jpg" alt="家庭婴儿房监测">
                    </div>
                    <div class="scenario-content">
                        <h3>家庭婴儿房监测</h3>
                        <p>帮助父母远程监控宝宝房间的温湿度，确保宝宝始终处于舒适安全的环境中。</p>
                    </div>
                </div>
                <div class="scenario-card">
                    <div class="scenario-img">
                        <img src="/img/hitech.jpg" alt="科研实验环境">
                    </div>
                    <div class="scenario-content">
                        <h3>科研实验环境</h3>
                        <p>为实验室提供精确稳定的环境监测，确保实验条件的一致性，保障研究成果的可靠性。</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 产品展示 -->
    <section class="product-showcase">
        <div class="container">
            <div class="section-title">
                <h2>产品展示</h2>
                <p>精致设计，卓越性能</p>
            </div>
            <div class="product-container">
                <div class="product-image">
                    <img src="https://montotile.com/img/wxxd.gif" alt="温湿度记录仪">
                </div>
                <div class="product-info">
                    <h3>MontoIOT-TM24A温湿度记录仪</h3>
                    <p>我们的最新一代温湿度记录仪采用高精度传感器和低功耗设计，能够持续稳定地监测环境参数并通过无线网络传输数据。</p>
                    <div class="specs">
                        <div class="spec-item">
                            <div class="spec-icon">
                                <i class="fas fa-thermometer-half"></i>
                            </div>
                            <div class="spec-text">
                                <h4>高精度测量</h4>
                                <p>温度精度±0.3°C，湿度精度±2%RH</p>
                            </div>
                        </div>
                        <div class="spec-item">
                            <div class="spec-icon">
                                <i class="fas fa-battery-full"></i>
                            </div>
                            <div class="spec-text">
                                <h4>长效电池</h4>
                                <p>内置18650长效电池</p>
                            </div>
                        </div>
                        <div class="spec-item">
                            <div class="spec-icon">
                                <i class="fas fa-wifi"></i>
                            </div>
                            <div class="spec-text">
                                <h4>无线连接</h4>
                                <p>支持Wi-Fi和4G网络连接</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>关于我们</h3>
                    <p>蒙托科技致力于提供最可靠的环境监测解决方案，帮助客户创造更安全、更舒适的环境。</p>
                </div>
                <div class="footer-section">
                    <h3>联系方式</h3>
                    <p><i class="fas fa-map-marker-alt"></i> 广州市南沙区黄阁镇望江二路5号</p>
                    <p><i class="fas fa-phone"></i> 18026211989</p>
                    <p><i class="fas fa-envelope"></i> 3122802@qq.com</p>
                </div>
                <div class="footer-section">
                    <h3>快速链接</h3>
                    <p><a href="#">产品介绍</a></p>
                    <p><a href="#">解决方案</a></p>
                    <p><a href="#">技术支持</a></p>
                    <p><a href="#">常见问题</a></p>
                </div>
                <div class="footer-section">
                    <h3>关注我们</h3>
                    <div class="social-icons">
                        <a href="#"><i class="fab fa-weixin"></i></a>
                        <a href="#"><i class="fab fa-weibo"></i></a>
                        <a href="#"><i class="fab fa-linkedin"></i></a>
                    </div>
                </div>
            </div>
            <div class="copyright">
                <p>&copy; 2025 蒙托科技智能温监测系统 版权所有</p>
<p><a href="http://beian.miit.gov.cn ">备案/许可证编号为：粤ICP备2025469391号</a> </p>     
            </div>
        </div>
    </footer>
</body>
</html>