<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh_cn"
      lang="zh_cn">
<head>
    <meta http-equiv=X-UA-Compatible content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="language" content="zh_cn"/>
    <meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, user-scalable=no" />
    <meta name="renderer" content="webkit"/>
    <link rel="shortcut icon" href="/themes/basic/skin/images/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" type="text/css" href="/themes/basic/skin/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/basic/skin/css/default/default.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/basic/skin/css/common.css?v=1.1"/>
    <link rel="stylesheet" type="text/css" href="/themes/basic/skin/css/vendor/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/basic/skin/css/vendor/animate.min.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/basic/skin/css/header.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/basic/skin/css/sidebar.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/basic/skin/css/footer.css"/>
    <!--[if lt IE 7]>
	<link rel="stylesheet" type="text/css" href="/themes/basic/skin/css/default/ie6.css" media="screen, projection" />
	<![endif]-->
    <!--[if lt IE 8]>
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<link rel="stylesheet" type="text/css" href="/themes/basic/skin/css/default/ie.css" media="screen, projection" />
	<![endif]-->
    <meta name="keywords" content="三菱，空调，三菱电机，三菱电机空调" />
<title>三菱电机空调 - 首页</title>

    <script src="/themes/basic/skin/js/vendor/jquery.min.js"></script>
    <script src="/themes/basic/skin/js/common.js"></script>
    <script src="/themes/basic/skin/js/vendor/swiper.min.js"></script>
    <script>
        window.themeBaseURL = "/themes/basic";
    </script>
    <script>
      console.log($(window).width());
    </script>
    <script>
      //return;
      var _hmt = _hmt || [];
      (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?89ea8753d4a598bf6289519ea285ae57";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script>

</head>

<body class="action--site-home controller--site">

<div class="container pc" id="phome">
    <div class="component-header">
        <style>
  .header-row .abs.left.center {
    width: max-content;
  }
  .header-row .abs.left.center img {
    width: 150px;
    display: block;
    margin: auto;
  }
  .header-row .abs.left.center section {
    height: auto;
    line-height: 1.2;
    font-size: 12px;
    padding: 12px 12px 0;
  }
</style>
<header class="fixed full-w top left bg-white">
  <!-- logo -->
  <div class="box-logo">
    <a href="/" target="_self">
      <img class="full-h" src="/img/pc/common/logo.png" alt="Misubishi Electric">
    </a>
    <h1>Misubishi Electric</h1>
  </div>
  <nav class="text-center">
    <ul>
      <li><a href="/" target="_self">
          <div class="label">首页</div>
        </a></li>
      <li class="rel">
        <div class="label">关于</div>
        <ul class="abs left right center full-w bg-white hide">
          <div class="block"></div>
          <div class="divider center"></div>
          <a href="/site/story" target="_self">
            <li>品牌故事</li>
          </a>
          <a href="/site/about" target="_self">
            <li>关于我们</li>
          </a>
        </ul>
      </li>
      <li class="rel">
        <div class="label">产品</div>
        <ul class="abs left right center full-w bg-white hide">
          <div class="block"></div>
          <div class="divider center"></div>
          <a href="/site/prodjy" target="_self">
            <li>家用</li>
          </a>
          <a href="/site/prodsy" target="_self">
            <li>商用</li>
          </a>
        </ul>
      </li>
      <li><a href="/site/support" target="_self">
          <div class="label">支持</div>
        </a></li>
    </ul>
  </nav>
  <!-- search -->
  <div class="header-service">
    <div class="header-row">
      <div class="a1">在线客服</div>
      <!-- <a href="https://callcenter.saec.com.cn/SanLing/MessageBoard.html" target="_blank" class="a2">在线报修</a> -->
      <!-- <ul class="abs left right center full-w bg-white hide">
        <li>
          <a href="https://callcenter.saec.com.cn/webchat/phoneNum.html" target="_blank">在线客服</a>
        </li>
        <li>
          <a href="https://callcenter.saec.com.cn/SanLing/MessageBoard.html" target="_blank">在线报修</a>
        </li>
      </ul> -->
      <div class="abs left right center bg-white hide">
        <section>
          <p>扫一扫</p>
          <p>输入“在线客服”激活客服功能</p>
        </section>
        <img src="/themes/basic/skin/images/kf_code.jpg" alt="">
      </div>
    </div>
    <div class="box-search rel">
      <input class="abs full-h" type="text" placeholder="请输入">
      <div class="btn-search abs right bg-white">
        <i class="icon-search pointer" alt="搜索"></i>
      </div>
    </div>
  </div>
</header>

<script>
  $(function($) {
    // 一级菜单动效
    $('header nav li.rel').hover(function() {
      if ($(this).find('.label').next().length > 0) {
        $(this).find('.label').next().stop(true, true).slideDown();
      };
    }, function() {
      if ($(this).find('.label').next().length > 0) {
        $(this).find('.label').next().stop(true, true).slideUp();
      };
    });

    // 二级菜单动效
    $('header nav li.rel > ul li').hover(function(e) {
      e.stopPropagation();
      $(this).addClass('lightgrey');
    }, function() {
      $(this).removeClass('lightgrey');
    });

    //客服一级动效
    $('.header-row').hover(function() {
      if ($(this).find('.a1').next().length > 0) {
        $(this).find('.a1').next().stop(true, true).slideDown();
      };
    }, function() {
      if ($(this).find('.a1').next().length > 0) {
        $(this).find('.a1').next().stop(true, true).slideUp();
      };
    });

    // 客服二级菜单动效
    $('.header-row ul a').hover(function(e) {
      e.stopPropagation();
      $(this).addClass('lightgrey');
    }, function() {
      $(this).removeClass('lightgrey');
    });

    // 搜索动效
    $('header .icon-search').hover(function() {
      $('header .box-search input').addClass('inputAn');
    });

    // 点击搜索
    $('header .icon-search').on('click', function() {
      if ($('header .box-search input').val() == '') {
        alert('请输入');
      } else {
        sessionStorage.setItem('keyword', JSON.stringify($('header .box-search input').val()));
        window.location.href = '/site/search?keyword=' + $('header .box-search input').val();
      }
    });
  });
</script>    </div>
    <div class="main">
        <!--<div class="component-sidebar">
                    </div>-->
        <link rel="stylesheet" href="/themes/basic/skin/css/pc/home.css">
<script src="/themes/basic/skin/js/pc/home.js"></script>
<!-- <a href="/site/activity" class="first-screen" style="display: none;">
    <div class="count-down">
        <p class="num">5</p>
        <svg width="50" height="50">
            <circle cx="25" cy="25" r="21" stroke-width="4" stroke="#ff6720" fill="#fff"></circle>
        </svg>
    </div>
    <img src="/img/pc/home/sanlin_ad_pc.webp" alt="" class="screen-bg">
</a> -->

<div class="main-page">
    
    <section class="sec sec0 box-banner">
        <!-- swiper -->
        <div class="swiper-container swiper0">
            <div class="swiper-wrapper">
                
                <!-- <div class="swiper-slide rel">
                    <a href="/site/activity"><img class="full-w" src="/img/pic/sanlin_ad_pc_2.webp"></a>
                </div> -->
                <div class="swiper-slide rel">
                    <a href="/site/seriesbglin_za_bedroom"><img class="full-w" src="/img/pic/banner_1.png"></a>
                </div>
                <div class="swiper-slide rel">
                    <a href="seriesbgjie_la_bedroom"><img class="full-w" src="/img/pic/banner_2.png"></a>
                </div>
                <div class="swiper-slide rel">
                    <a href="/site/seriesbgyu_wx"><img class="full-w" src="/img/pic/banner_3.png"></a>
                </div>
                <div class="swiper-slide rel">
                    <a href="/site/seriessypeazsa"><img class="full-w" src="/img/pic/banner_4.png"></a>
                </div>

                <div class="swiper-slide rel">
                    <!-- 柜机 -->
                    <a href="/site/seriesgsxt_new"><img class="full-w" src="/img/pic/banner-xt-gxt.png"></a>
                    <!-- <img class="full-w btn-play5 pointer" src="/img/pic/banner-xt-gxt.png"> -->
                </div>

            </div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>

        
        <div class="modal modal-player modal-3 fixed full-w full-h hide">
            <div class="content rel center">
                <div class="box-close text-right">
                    <img class="btn-close pointer" src="/img/common/btn-close.png">
                </div>
                <video class="full-w" poster="/img/pc/home/banner03.png" autobuffer="" controls="">
                    <source src="/media/pc/FZ_intro.mp4">
                </video>
            </div>
        </div>


        <div class="modal modal-player modal-4 fixed full-w full-h hide">
            <div class="content rel center">
                <div class="box-close text-right">
                    <img class="btn-close pointer" src="/img/common/btn-close.png">
                </div>
                <video class="full-w" poster="/img/pc/home/posterboss.jpg" autobuffer="" controls="">
                    <source src="/media/pc/WX_vid.mp4">
                </video>
            </div>
        </div>


        <div class="modal modal-player modal-5 fixed full-w full-h hide">
            <div class="content rel center">
                <div class="box-close text-right">
                    <img class="btn-close pointer" src="/img/common/btn-close.png">
                </div>
                <video class="full-w" poster="/img/pc/home/posterboss.jpg" autobuffer="" controls="">
                    <source src="/media/pc/XTGXT_vid.mp4">
                </video>
            </div>
        </div>



    </section>
    <!-- section1 -->
    <section class="sec sec1 rel">
                <img class="full-w" src="/img/pc/home/bg1.png">
        <!-- title -->
        <div class="box-title box-title1 abs grey">
            <img class="slash slash1" src="/img/common/slash-red.png">
            <h2>三菱电机智能空调<br>为每个人送去适合的舒适</h2>
            <div class="subtitle subtitle1"><p>作为综合空调的制造商，我们向每位消费者提供舒适、高效、耐用的家用空调和商用空调。</p></div>
        </div>
        <!-- other -->
        <div class="box-other abs left full-w text-center">
            <div class="other-item rel">
                <img class="full-w" src="/img/pc/home/prodjy.jpg" alt="家用空调">
                <a href="/site/prodjy" target="_self">
                    <img class="abs btn-more-s" src="/img/pc/home/btn-more-s.png" alt="了解更多">
                </a>
            </div>
            <div class="other-item rel">
                <img class="full-w" src="/img/pc/home/prodsy.jpg" alt="商用空调">
                <a href="/site/prodsy" target="_self">
                    <img class="abs btn-more-s" src="/img/pc/home/btn-more-s.png" alt="了解更多">
                </a>
            </div>
            <!-- zykt -->
            <div class="box-zykt text-center">
                <a href="https://www.mlc-cn.com/" target="_blank">
                    <img src="/img/pc/home/btn-zykt.png" alt="点击查看中央空调">
                </a>
            </div>
        </div>
    </section>
    <!-- section2 -->
    <section class="sec sec2 rel">
                <img class="full-w" src="/img/pc/home/bg2.png">

        <!-- title -->
        <!-- <div class="box-title box-title2 abs grey">
        <img class="slash slash2" src="/img/common/slash-red.png">
        <h2>“你的舒适我都懂”最新宣传片</h2>
    </div> -->
        <!-- player -->
        <!-- <div class="box-player abs left right center">
        <img class="full-w" src="/img/pc/home/posterbrand.jpg">
        <img class="btn-player abs left right center pointer"
             src="/img/pc/common/btn-player.png">
    </div> -->

                <div class="box-title box-title2-2 abs grey">
            <h2>品牌历程</h2>
            <div class="subtitle subtitle2-2">
                <p>三菱电机作为综合电机的制造商，其在对&ldquo;人的舒适&rdquo;追求</p>
<p>的过程中，不断致力于提高技术、服务与创造力，为实现充</p>
<p>满活力和富饶的社会做贡献。</p>            </div>
        </div>

        <a href="/site/story" target="_self">
            <img class="btn-more-l abs" src="/img/pc/home/btn-more-l.png" alt="了解更多">
        </a>
    </section>
    <!-- section3 -->
    <section class="sec sec3 rel">
                <img class="full-w" src="/img/pc/home/bg3.png">
        <!-- title -->
        <div class="box-title box-title3 abs grey">
            <img class="slash slash3" src="/img/common/slash-red.png">
            <h2>智能AI技术<br>精准探测房间温度</h2>
            <div class="subtitle subtitle3"><p>利用智能化AI技术&ldquo;全域慧眼&rdquo;，监控人体各部位的体表温度，从而送出舒适的空调风。</p></div>
        </div>
        <a href="/site/moveeye" target="_self">
            <img class="btn-more-l abs" src="/img/pc/home/btn-more-l.png" alt="了解更多">
        </a>
    </section>
    <!-- section4 -->
    <section class="sec sec4 rel">
                <img class="full-w" src="/img/pc/home/bg4.png">
        <!-- title -->
        <div class="box-title box-title4 abs white">
            <img class="slash slash4" src="/img/common/slash-red.png">
            <h2>全球统一的品质标准</h2>
            <!-- <div class="subtitle subtitle4">我们建立了全球统一的品质标准<br/>真正做到了制造地不同，全球品质相同</div>
        <h2>三菱电机品质</h2> -->
        </div>
        <div class="box-text abs">
            <img class="subtitle4 full-w" src="/img/pc/home/subtitle4.png" alt="我们建立了全球统一的品质标准 真正做到了制造地不同，全球品质相同">
            <img class="text4 full-w" src="/img/pc/home/text4.png" alt="三菱电机品质">
        </div>
        <a href="/site/meq" target="_self">
            <img class="btn-more-l abs" src="/img/pc/home/btn-more-l.png" alt="了解更多">
        </a>
    </section>

    <!-- modal player brand -->
    <div class="modal modal-player modal-brand fixed full-w full-h hide">
        <div class="content rel center">
            <div class="box-close text-right">
                <img class="btn-close pointer" src="/img/common/btn-close.png">
            </div>
            <video id="playerbrand" class="full-w" poster="/img/pc/home/posterbrand.jpg" autobuffer controls>
                <source src="/media/pc/brand.mp4">
            </video>
        </div>
    </div>
</div>


<!-- <script>
    let circleEl = document.querySelector('.count-down svg circle');
    let num = document.querySelector('.count-down .num');
    let firstScreen = document.querySelector('.first-screen');
    let mainPage = document.querySelector('.main-page');

    circleEl.setAttribute('stroke-dasharray', 2 * 21 * Math.PI + ',' + (2 * 21 * Math.PI));
    circleEl.setAttribute('stroke-dashoffset', 2 * 21 * Math.PI);

    let startAn1 = null;
    let startAn2 = null;

    function step(timestamp) {
        if (startAn1 === null) {
            startAn1 = timestamp;
        }

        let percent = ((timestamp - startAn1) / 5000).toFixed(3);

        if (percent > 1) {
            percent = 1;
        }
        num.textContent = 5 - Math.floor(percent * 10 / 2);
        circleEl.setAttribute('stroke-dashoffset', 2 * 21 * Math.PI * percent);
        if (percent < 1) {
            window.requestAnimationFrame(step);
        } else {
            // mainPage.style.display = 'block';
            window.requestAnimationFrame(opaStep);
        }
    }

    function opaStep(timestamp) {
        if (startAn2 === null) {
            startAn2 = timestamp;
        }
        let percent = 1 - ((timestamp - startAn2) / 1000).toFixed(3);

        if (percent < 0) {
            percent = 0;
        }

        firstScreen.style.opacity = percent;

        if (percent > 0) {
            window.requestAnimationFrame(opaStep);
        } else {
            firstScreen.style.display = 'none';
        }
    }


    let state = localStorage.getItem('entry');

    if (!state) {
        firstScreen.style.display = 'block';
        window.requestAnimationFrame(step);
    } else {
        localStorage.removeItem('entry');
    }
</script> -->    </div>
    <div class="component-footer">
        <!-- link -->
<div class="box-link text-center">
  <div class="link-item link-item1">
    <div class="linktitle linktitle1">
      <!-- <img class="full-w" src="/img/pc/common/linktitle1.png"
                 alt="三菱电机空调的优势"> -->
      <h3>三菱电机空调的优势</h3>
    </div>
    <div class="clearfix">
      <div class="link-story rel fl">
        <img class="full-w" src="/img/common/link-story.jpg" alt="our story">
        <a href="/site/story" target="_self">
          <img class="btn-more-m abs left right center" src="/img/pc/common/btn-more-m.png" alt="了解更多">
        </a>
      </div>
      <div class="link-moveeye rel fr">
        <img class="full-w" src="/img/common/link-moveeye.jpg" alt="全域慧眼">
        <a href="/site/moveeye" target="_self">
          <img class="btn-more-m abs left right center" src="/img/pc/common/btn-more-m.png" alt="了解更多">
        </a>
      </div>
    </div>
  </div>
  <div class="divider"></div>
  <div class="link-item link-item2">
    <div class="linktitle linktitle2">
      <!-- <img class="full-w" src="/img/pc/common/linktitle2.png"
                 alt="了解更多三菱电机空调"> -->
      <h3>了解更多三菱电机空调</h3>
    </div>
    <div class="clearfix">
      <div class="link-story rel">
        <img class="full-w" src="/img/common/link-story.jpg" alt="our story">
        <a href="/site/story" target="_self">
          <img class="btn-more-m abs left right center" src="/img/pc/common/btn-more-m.png" alt="了解更多">
        </a>
      </div>
      <div class="link-moveeye rel">
        <img class="full-w" src="/img/common/link-moveeye.jpg" alt="全域慧眼">
        <a href="/site/moveeye" target="_self">
          <img class="btn-more-m abs left right center" src="/img/pc/common/btn-more-m.png" alt="了解更多">
        </a>
      </div>
      <div class="link-meq rel">
        <img class="full-w" src="/img/common/link-meq.jpg" alt="MEQ">
        <a href="/site/meq" target="_self">
          <img class="btn-more-m abs left right center" src="/img/pc/common/btn-more-m.png" alt="了解更多">
        </a>
      </div>
      <div class="link-prod rel">
        <img class="full-w" src="/img/common/link-prod.jpg" alt="产品信息">
        <a href="/site/prodjy" target="_self">
          <img class="btn-more-m abs left right center" src="/img/pc/common/btn-more-m.png" alt="了解更多">
        </a>
      </div>
      <div class="link-qrcode">
        <img class="full-w" src="/img/common/qrcode.jpg" alt="三菱电机空调微信公众号">
      </div>
    </div>
  </div>
</div>
<!-- service -->
<div class="box-service text-center">
  <img src="/img/common/service.png" alt="客服热线">
  <!-- <div class="row2">
    <a href="https://callcenter.saec.com.cn/webchat/phoneNum.html" target="_blank" class="a1">在线客服</a>
    <a href="https://callcenter.saec.com.cn/SanLing/MessageBoard.html" target="_blank" class="a2">在线报修</a>
  </div> -->
</div>
<!-- foot nav -->
<div class="foot-nav white text-center">
  <div class="nav-item text-left">
    <a href="/site/home" target="_self">
      <div class="rel">
        <div class="label bold900">首页</div>
        <i class="icon-arrow abs"></i>
      </div>
    </a>
    <hr>
  </div>
  <div class="nav-item text-left">
    <div class="label bold900">关于</div>
    <hr>
    <ul class="text-left">
      <li>
        <a href="/site/story" target="_self"><i class="icon-story"></i>品牌故事</a>
      </li>
      <li>
        <a href="/site/about" target="_self"><i class="icon-about"></i>关于我们</a>
      </li>
    </ul>
  </div>
  <div class="nav-item text-left">
    <div class="label bold900">产品</div>
    <hr>
    <ul class="text-left">
      <li>
        <a href="/site/prodjybg" target="_self"><i class="icon-bg"></i>家用壁挂机</a>
      </li>
      <li>
        <a href="/site/prodjygs" target="_self"><i class="icon-gs"></i>家用柜机</a>
      </li>
      <li>
        <a href="/site/prodsy" target="_self"><i class="icon-sy"></i>商用机</a>
      </li>
    </ul>
  </div>
  <div class="nav-item text-left">
    <div class="label bold900">支持</div>
    <hr>
    <ul class="text-left">
      <li>
        <a class="store" href="/site/support" target="_self"><i class="icon-store"></i>销售支持</a>
      </li>
      <li>
        <a class="service" href="/site/support" target="_self"><i class="icon-point"></i>售后支持</a>
      </li>
    </ul>
  </div>
  <!-- <div class="nav-item text-left">
        <a href="http://saec.gypserver.com/#/register" target="_blank">
            <div class="rel">
                <div class="label bold900">注册</div>
                <i class="icon-arrow abs"></i>
            </div>
        </a>
        <hr>
    </div> -->
</div>
<!-- foot link -->
<div class="foot-link text-center">
  <div class="foot-link-item foot-link-item1 text-left">
    <div class="foot-link-inner">
      <a class="bold700" href="http://saec.gypserver.com/#/register" target="_blank" style="visibility: hidden">会员登录</a>
      <span style="visibility: hidden">丨</span>
      <a class="bold700" href="/site/notice" target="_self">重要通知</a>
      <span>丨</span>
      <a class="bold700" href="/site/recruit" target="_self">招聘信息</a>
      <span>丨</span>
      <div class="other-link rel">
        <a class="bold700">相关链接</a>
        <ul class="abs left full-w hide">
          <li><a href="https://www.mitsubishielectric.co.jp/" target="_blank">三菱电机株式会社<i class="icon-link"></i></a></li>
          <!--<li><a href="https://www.mitsubishielectric.com/en/index" target="_blank">三菱电机全球<i
                                    class="icon-link"></i></a></li>-->
          <li><a href="https://www.mlc-cn.com" target="_blank">三菱电机空调影像设备有限公司<i class="icon-link"></i></a>
          </li>
        </ul>
      </div>
    </div>
<!--     <img src="/img/common/qrcode_white.jpg" alt="" class="foot-qrcode">
    <a style="margin-left: 9.9rem; margin-top: 1.5rem;">微信公众号</a> -->
  </div>
  <div class="foot-link-item foot-link-item2 text-left">
    
    <div class="bold700">联系我们</div>
    <p>如果您有任何有关三菱电机空调的疑问，需要帮助与支援，请联系我们<br />地址：中国（上海）自由贸易试验区南洋泾路505号 (200135)</p>
<p>电话：(021)5833-5833&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;传真：(021)5833-6439</p>
<p>&nbsp;</p>
<p>如果您有产品方面的咨询，请按这里发送mail：<a href="mailto: inquiry_tech@saec.com.cn">inquiry_tech@saec.com.cn</a></p>
<p>如果您有售后服务方面的问题，请按这里发送mail：<a href="mailto:ybwang@saec.com.cn">ybwang@saec.com.cn</a></p>
<p>如果您有对我们的建议或监督意见，请按这里发送mail：<a href="mailto:xlshao@saec.com.cn">xlshao@saec.com.cn</a></p>  </div>
</div>
<!-- copyright -->
<div class="copyright white">
      <p>Copyright&copy;2020 上海三菱电机&bull;上菱空调机电器有限公司.</p>
<p>All rights reserved.<a href="https://beian.miit.gov.cn"> 沪ICP备10028231号-1</a> 沪公网安备 31011502004862号</p></div>

<style>
  .white p a {
    color: #fff;
  }
</style>

<script>
  $(function($) {
    var id = $('.container.pc').attr('id').substring(1);
    if (id == 'home') {
      // 首页全展示
      $('.box-link .link-item').addClass('active');
      $('.box-link .divider').addClass('active');
      $('.box-link .link-prod').addClass('show');
      $('.box-link .link-qrcode').addClass('show');
    } else {
      // 其他页面展示两个
      $('.box-link .link-item2').addClass('active');
      switch (id) {
        case 'story':
          $('.box-link .link-meq').addClass('show');
          $('.box-link .link-prod').addClass('show');
          break;
        case 'moveeye':
          $('.box-link .link-story').addClass('show');
          $('.box-link .link-meq').addClass('show');
          break;
        case 'meq':
          $('.box-link .link-story').addClass('show');
          $('.box-link .link-moveeye').addClass('show');
          break;
        case 'about':
          $('.box-link .link-prod').addClass('show');
          $('.box-link .link-qrcode').addClass('show');
          break;
        case 'esep':
          $('.box-link .link-story').addClass('show');
          $('.box-link .link-moveeye').addClass('show');
          break;
        case 'recruit':
          $('.box-link .link-story').addClass('show');
          $('.box-link .link-moveeye').addClass('show');
          break;
        case 'support':
          $('.box-link .link-story').addClass('show');
          $('.box-link .link-meq').addClass('show');
          break;
        case 'prodjy':
          $('.box-link .link-story').addClass('show');
          $('.box-link .link-meq').addClass('show');
          break;
        case 'prodjybg':
          $('.box-link .link-moveeye').addClass('show');
          $('.box-link .link-prod').addClass('show');
          break;
        case 'prodjybgmodel':
          $('.box-link .link-moveeye').addClass('show');
          $('.box-link .link-prod').addClass('show');
          break;
        case 'prodjygs':
          $('.box-link .link-meq').addClass('show');
          $('.box-link .link-prod').addClass('show');
          break;
        case 'prodjygsmodel':
          $('.box-link .link-meq').addClass('show');
          $('.box-link .link-prod').addClass('show');
          break;
        case 'prodsy':
          $('.box-link .link-story').addClass('show');
          $('.box-link .link-meq').addClass('show');
          break;
        case 'prodsync':
          $('.box-link .link-moveeye').addClass('show');
          $('.box-link .link-meq').addClass('show');
          break;
        case 'prodsyqr':
          $('.box-link .link-moveeye').addClass('show');
          $('.box-link .link-meq').addClass('show');
          break;
        case 'prodsygs':
          $('.box-link .link-moveeye').addClass('show');
          $('.box-link .link-meq').addClass('show');
          break;
        default:
          if (id.indexOf('seriesbg') >= 0) {
            // 壁挂
            $('.box-link .link-moveeye').addClass('show');
            $('.box-link .link-prod').addClass('show');
          } else if (id.indexOf('seriesgs') >= 0) {
            // 柜式
            $('.box-link .link-meq').addClass('show');
            $('.box-link .link-prod').addClass('show');
          } else {
            // 商用
            $('.box-link .link-story').addClass('show');
            $('.box-link .link-meq').addClass('show');
          };
      };
    };
    if ($('.box-link .link-item2.active .clearfix div.show').length > 0) {
      $($('.box-link .link-item2.active .clearfix div.show')[0]).addClass('fl');
      $($('.box-link .link-item2.active .clearfix div.show')[1]).addClass('fr');
    };

    // 淡入动画
    setTimeout(function() {
      $.fadeUpAn($('.box-link'));
      $.fadeUpAn($('.box-service'));
      // scroll
      $(window).on('scroll', function() {
        $.fadeUpAn($('.box-link'));
        $.fadeUpAn($('.box-service'));
      });
    }, 300);

    // divider变化
    function setDivider() {
      if ($(window).width() > 960) {
        var h = ($(window).width() * 41.3) / 1920;
        $('.box-link .divider').css({
          'height': h + 'rem'
        });
      } else {
        $('.box-link .divider').css({
          'height': '16rem'
        });
      };
    };
    setDivider();
    $(window).on('resize', function() {
      setDivider();
    });

    // 销售支持
    $('.foot-nav a.store').on('click', function() {
      sessionStorage.setItem('store', JSON.stringify(true));
    });

    // 售后支持
    $('.foot-nav a.service').on('click', function() {
      sessionStorage.setItem('service', JSON.stringify(true));
    });

    // hover
    $('.btn-more-m').hover(function() {
      $(this).attr('src', '/img/pc/common/btn-more-m-active.png');
    }, function() {
      $(this).attr('src', '/img/pc/common/btn-more-m.png');
    });

    // 相关链接
    $('.foot-link .other-link').hover(function() {
      $(this).find('ul').stop(true, true).slideDown();
    }, function() {
      $(this).find('ul').stop(true, true).slideUp();
    });

    $('.foot-link .other-link ul li').hover(function(e) {
      e.stopPropagation();
    }, function() {
      //
    });
  });
</script>    </div>
</div><!-- page -->

</body>
</html>
