<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>AUBEIDO | 欧贝多智能控制（浙江）有限公司</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link rel="shortcut icon" href="./images/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="./css/common.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <link rel="stylesheet" type="text/css" href="./css/media.css" />
    <link rel='stylesheet' type="text/css" href='./css/animate.min.css' />
    <link rel="stylesheet" type="text/css" href="./css/swiper.min.css" />
</head>

<body>
    <div class="wrap">
        <!-- 顶部导航栏 -->
        <div class="header"></div>
        <!-- 手机导航 -->
        <div class="mheader clearfix"></div>
        <!-- 第一个轮播图 -->
        <div class="banner">
            <div class="swiper">
                <canvas id="index_swiper"></canvas>
            </div>
            <!-- 轮播图底部数据 -->
            <div class="banner_content">
                <div class="banner_bottom">
                    <div class="item">
                        <div class="item1">
                            <span>14</span>
                            <span>年</span>
                        </div>
                        <div class="item2">热泵生态科技系统沉淀</div>
                    </div>
                    <div class="item">
                        <div class="item1">
                            <span>200</span>
                            <span class="plus">+</span>
                            <span>家</span>
                        </div>
                        <div class="item2">全国深度合作经销商</div>
                    </div>
                    <div class="item">
                        <div class="item1">
                            <span>3</span>
                            <span>大</span>
                        </div>
                        <div class="item2">三大生产车间</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 三大系统 -->
        <div class="main_system">
            <div class="main_system_content" id="main_system">
                <div class="main_system_title">
                    <i class="main_system_title_icon"></i>
                    <span>三大系统</span>
                    <div class="main_system_title_back">
                        THREE MAJOR SYSTEMS
                    </div>
                </div>
                <!-- 轮播图 -->
                <div class="swiper2">
                    <canvas id="index_swiper2"></canvas>
                </div>
            </div>
        </div>
        <!-- 案例项目 -->
        <div class="main_example">
            <div class="main_example_content" id="main_example">
                <div class="main_example_title">
                    <i class="main_example_title_icon"></i>
                    <span>案例项目</span>
                    <span class="seemore">查看更多</span>
                    <div class="main_example_title_back">
                        ENGINEERING CASE
                    </div>
                </div>
            </div>
            <div class="main_example_list clearfix"></div>
        </div>
        <!-- 产品展示 -->
        <div class="main_product">
            <div class="main_product_content" id="main_product">
                <div class="main_product_title">
                    <i class="main_product_title_icon"></i>
                    <span>产品展示</span>
                    <span class="seemore">查看更多</span>
                    <div class="main_product_title_back">
                        PRODUCT DISPLAY
                    </div>
                </div>
                <div class="main_product_nav"></div>
                <div class="main_product_list clearfix"></div>
            </div>
        </div>
        <!-- 新闻中心+视频中心 -->
        <div class="main_news">
            <div class="main_news_content">
                <div class="main_news_title">
                    <ul>
                        <li class="checked" id="news">
                            新闻中心
                            <div class="line"></div>
                        </li>
                        <li id="video">
                            视频中心
                            <div class="line"></div>
                        </li>
                    </ul>
                    <span class="seemore">查看更多</span>
                </div>
                <div class="main_news_list clearfix">
                    <div class="main_news_list_left leftfix clearfix"></div>
                    <div class="main_news_list_right rightfix"></div>
                </div>
            </div>
            <div class="main_video_list clearfix">
                <div class="swiper3"></div>
            </div>
        </div>
        <!-- footer -->
        <div class="footer"></div>
        <!-- mfooter -->
        <div class="mfooter"></div>
        <!-- top -->
        <div class="backtop">
            <div class="item">
                <img src="./images/qrcode.png" alt="">
                <span>微信公众号</span>
            </div>
            <div class="item">
                <img src="./images/xhs_qrcode.png" alt="">
                <span>小红书账号</span>
            </div>
            <div class="item">
                <img src="./images/dy_qrcode.png" alt="">
                <span>抖音账号</span>
            </div>
            <div class="item">
                <img src="./images/backtop.png" alt="">
                <span>返回顶部</span>
            </div>
        </div>
    </div>

    <script src="./js/jquery.min.js"></script>
    <script src="./js/lazyload.min.js"></script>
    <script src='./js/swiper.min.js'></script>
    <script src="./js/axios.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>