<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<!--[if lt IE 9]>
<style type="text/css">
.no-canvas{display:block;}
</style>
<![endif]-->
<title>(自适应移动端)大气宽屏电器设备网站模板 机械电气网站源码下载</title>
<meta name="keywords" content="电器设备网站模板,机械电气网站源码">
<meta name="description" content="(自适应移动端)大气宽屏电器设备网站模板 机械电气网站源码下载">
<meta name="author" content="www.adminbuy.cn k451" />
<link rel="stylesheet" type="text/css" href="/skin/css/reset.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/animate.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/global.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/index.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/style.css"/>
<link rel="shortcut icon" href="/favicon.ico">
<script src="/skin/js/jquery.min.js"></script>
<script src="/skin/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/skin/js/wow.min.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
#header {
	/*background: none;*/
	background: rgba(0,0,0,0.2);
}
 @media (max-width:768px) {
#header {
	background: #004098;
}
}
</style>
</head>

<body>
<div id="fixtop">
  <div id="header">
    <div class="topnav">
      <div class="logo"> <a href="/"><img src="/static/upload/image/20230627/1687830557590011.png" style="height: 50px;" alt="(自适应移动端)大气宽屏电器设备网站模板 机械电气网站源码下载" /></a> </div>
      <div class="nav">
        <ul class="navul">
          <li class="navli"> <a href="/">首页</a> </li>
          
          <li class="navli"><a href="/?about/">关于我们</a></li>
          
          <li class="navli"><a href="/?products/">产品中心</a></li>
          
          <li class="navli"><a href="/?yingyong/">应用领域</a></li>
          
          <li class="navli"><a href="/?news/">新闻中心</a></li>
          
          <li class="navli"><a href="/?service/">服务支持</a></li>
          
          <li class="navli"><a href="/?contact/">联系我们</a></li>
          
        </ul>
      </div>
      <div class="search"> <span id="search"> </span> <span id="line"> | </span>
        <div class="ebook"> <a href="tel:400-888-8888 " target="_blank">电话：400-888-8888</a> </div>
      </div>
      <div class="m"> <span id="mnav"> </span> </div>
    </div>
    <div class="hide">
      <form method="get" action="/?search/">
        <div class="searchbox">
          <input type="text" name="keyword" placeholder="输入关键字" class="serach-txt">
          <input type="submit" value="搜 索" class="serach-btn">
        </div>
      </form>
    </div>
    <div class="mnav">
      <ul class="mnavul">
        <li class="mnavli"> <a href="/">首页</a> </li>
        
        <li class="mnavli"><a href="/?about/">关于我们</a></li>
        
        <li class="mnavli"><a href="/?products/">产品中心</a></li>
        
        <li class="mnavli"><a href="/?yingyong/">应用领域</a></li>
        
        <li class="mnavli"><a href="/?news/">新闻中心</a></li>
        
        <li class="mnavli"><a href="/?service/">服务支持</a></li>
        
        <li class="mnavli"><a href="/?contact/">联系我们</a></li>
        
      </ul>
    </div>
  </div>
</div>
<script>
        $(document).ready(function() {
        	var hide = 0;
        
        	$('#search').click(function() {
        		$('.hide').toggle(500);
        
        	})
        	$('#mnav').click(function() {
        		$(".mnav").toggle(500);
        	})
        
        	function ttt() {
        		$("div.logo>a>img").attr('src', "/static/upload/image/20230627/1687830557590011.png");
        		$("#header #mnav").css("background-image", "url(/skin/images/mnavx.png)");
        		$("#header").css("background-color", "rgba(255,255,255,1)");
        		$("#header").addClass("shadow");
        	}
        	$(window).scroll(function() {
        		var topp = $(document).scrollTop();
        		if(topp > 150) {
        			$("div.logo>a>img").attr('src', "/static/upload/image/20230627/1687830662382989.png");
        			$("#header #search").css("background-image", "url(/skin/images/searchw.png)");
        			$("#header .ebook").css("background-image", "url(/skin/images/iconw.png)");
                    $("#header #mnav").css("background-image", "url(/skin/images/mnavon.png)");
        			$("#header").css("background-color", "rgba(255,255,255,1)");
        			$("#header").addClass("shadow");
        			$("li.navli>a,div.ebook>a,#line").css("color", "#333");
        		} else {
        			$("#header").css("background-color", "");
        			$("#header").removeClass("shadow");
        			$("#header #search").css("background-image", "url(/skin/images/search.png)");
        			$("#header .ebook").css("background-image", "url(/skin/images/icon.png)");
                    $("#header #mnav").css("background-image", "url(/skin/images/mnav.png)");
        			$("div.logo>a>img").attr('src', "/static/upload/image/20230627/1687830557590011.png");
        			$("li.navli>a,div.ebook>a,#line").css("color", "");
        
        		}
        
        	})
        
        })
</script>
<div id="banner">
<div class="swiper-container" id="swiper1">
  <div class="swiper-wrapper">
    
    <div class="swiper-slide">
      <div class="swipertext"></div>
      <img src="/static/upload/image/20230627/1687864588406277.jpg" class="pc" alt="" /> </div>
    
    <div class="swiper-slide">
      <div class="swipertext"></div>
      <img src="/static/upload/image/20230627/1687864615333574.jpg" class="pc" alt="" /> </div>
    
    
    <div class="swiper-slide">
      <div class="swipertext"></div>
      <img src="/static/upload/image/20230627/1687865088303897.jpg" class="mobile" alt="" /> </div>
    
    <div class="swiper-slide">
      <div class="swipertext"></div>
      <img src="/static/upload/image/20230627/1687865104961240.jpg" class="mobile" alt="" /> </div>
    
  </div>
</div>
</div>

<div id="product" class="index-products-center">
  <div class="top">
    <div class="title-style">
      <h2>产品中心</h2>
      <div class="line"></div>
    </div>
    <div class="text">专业从事研制、开发、生产、销售双电源自动转换开关、消防机械应急强启装置、CPS控制与保护开关、防雷器、后备保护器及周边配套产品。</div>
  </div>
  <div class="productbunner wow fadeInUp">
    <div class="swiper-container" id="swiper2">
      <div class="swiper-wrapper">
        
        <div class="swiper-slide"> <a href="/?lm1/23.html"><img src="/static/upload/image/20230624/1687614391818007.jpg" alt="产品展示二" />
          <p>产品展示二</p>
          </a> </div>
        
        <div class="swiper-slide"> <a href="/?lm1/22.html"><img src="/static/upload/image/20230624/1687614365139425.jpg" alt="产品展示一" />
          <p>产品展示一</p>
          </a> </div>
        
      </div>
    </div>
    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev" id="bt1"></div>
    <div class="swiper-button-next" id="bt2"></div>
  </div>
</div>


<div class="section">
  <div class="index-about">
    <div class="about-item">
      <div class="table">
        <div class="table-cell"> <a href="/?about/">
          <div class="title-style">
            <h2>关于我们</h2>
            <div class="line"></div>
            <h6>用心制造、合作共赢</h6>
          </div>
          </a>
          <div class="content">
            <div class="aboutleft">
              <div class="title">
                <h2>南京市某某科技公司</h2>
                <div class="line"></div>
              </div>
              
              <div class="text">电气工程的传统、宽泛的定义是指用于创造产生电气与电子系统的有关学科的总和。随着科学技术的飞速发展，电气工程概念已经远超出上述定义的范畴。斯坦福大学的教授指出：“当今的电气工程涵盖了几乎所有与电子、光子有关的工程行为”。正是电子技术的巨大进步才推动了以计算机网络为基础的信息时代的到来，并改变了包括人类的生活与工作模式等各个方面。美国大学电气工程学科，又称电气工程系、电气工程与信息科学系、电气工程与计...</div>
              <div class="play"><a href="javascript:;"><i></i><span>播放视频</span></a></div>
              
            </div>
            <div class="aboutright">
              <div class="item">
                <li>
                  <h2><strong>2013</strong><span></span></h2>
                  <h6>成立于2013年</h6>
                </li>
                <div class="img"><img src="/skin/images/iabout.png" alt="南京市某某科技公司"></div>
              </div>
              <div class="item">
                <li>
                  <h2><strong>1000</strong><span></span></h2>
                  <h6>注册资金1000万元</h6>
                </li>
                <div class="img"><img src="/skin/images/iabout.png" alt="南京市某某科技公司"></div>
              </div>
              <div class="item">
                <li>
                  <h2><strong>30+</strong><span></span></h2>
                  <h6>产品畅销国内30多个省市</h6>
                </li>
                <div class="img"><img src="/skin/images/iabout.png" alt="南京市某某科技公司"></div>
              </div>
              <div class="item">
                <li>
                  <h2><strong>8</strong><span>大</span></h2>
                  <h6>产品类别</h6>
                </li>
                <div class="img"><img src="/skin/images/iabout.png" alt="南京市某某科技公司"></div>
              </div>
              <div class="item">
                <li>
                  <h2><strong>9</strong><span>大</span></h2>
                  <h6>产品优势</h6>
                </li>
                <div class="img"><img src="/skin/images/iabout.png"  alt="南京市某某科技公司"></div>
              </div>
              <div class="item">
                <li>
                  <h2><strong>15</strong><span>+</span></h2>
                  <h6>超过15项国内外认证</h6>
                </li>
                <div class="img"><img src="/skin/images/iabout.png" alt="南京市某某科技公司"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="img"><a href="/?about/" target="_blank"> <img src="/static/upload/image/20230627/1687866280505305.jpg" alt="南京市某某科技公司"> </a></div>
  </div>
</div>

<div class="popup-window" id="video1">
  <div class="table">
    <div class="table-cell">
      <div class="video-window-content">
        <video id="v1" muted loop playsinline controls x5-playsinline webkit-playsinline x-webkit-airplay="allow" controlsList="nodownload">
          <source src="/static/upload/other/20230627/1687866680849042.mp4"/>
        </video>
      </div>
    </div>
  </div>
  <div class="popup-close"></div>
  <div class="popup-window-content-bg"></div>
</div>

<div class="index_con7" style="padding: 100px 0 0 0;">
  <div class="divBox">
    <div class="ad-view hide-mo">
      <div class="index_con3_list">
        <div class="title">
          <h1>HONORARY QUALIFICATION</h1>
          <h2>荣誉资质</h2>
        </div>
      </div>
      <style>
		#dong .swiper-slide{transition: 0.5s all;}
		#dong .swiper-slide:hover{transform: scale(1.07);}
	  </style>
      <div class="ad-content">
        <div class="swiper-container swiper-container-horizontal"> 
          <!--style="padding: 30px 3%;"-->
          <div class="swiper-wrapper" id="dong"> 
            <!-- 单个 盒子循环开始 -->
            
            <div class="swiper-slide swiper-slide-active"> <img class="" src="/static/upload/image/20230624/1687612212169355.jpg" title="荣誉资质" style="width:100%;"> </div>
            
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
        var mySwiper = new Swiper('.hide-mo .ad-content .swiper-container', {
            autoplay: true, //可选选项，自动滑动
            loop:true,
            slidesPerView: 5,
            spaceBetween: 40,
            breakpoints: {
                768: {
                    slidesPerView: 2
                }
            },
        })
    </script>

<div class="section">
  <div class="index-products-center" style="padding:0 3% 3% 3%;">
    <div class="top">
      <div class="title-style">
        <h2>应用领域</h2>
        <div class="line"></div>
      </div>
      <div class="text">广泛应用于高层建筑、小区、医院、机场、码头、消防、冶金、化工、纺织等</div>
    </div>
    <div class="bottom3"> 
      
      <a href="/?yingyong/32.html">
      <div class="text">
        <div class="table">
          <div class="table-cell">
            <h2>冶金行业</h2>
            <div class="line"></div>
            <p>专业从事研制、开发、生产、销售双电源自动转换开关、消防机械应急强启装置、CPS控制与···</p>
            <h6><span>View more</span><i></i></h6>
          </div>
        </div>
      </div>
      <div class="img"> <img src="/static/upload/image/20230627/1687827242665227.jpg" class="img-center" alt="冶金行业" style="transition: all 0.5s;"> <img src="/skin/images/ip.jpg" alt="冶金行业"> </div>
      </a> 
      
      <a href="/?yingyong/31.html">
      <div class="text">
        <div class="table">
          <div class="table-cell">
            <h2>工业制造</h2>
            <div class="line"></div>
            <p>专业从事研制、开发、生产、销售双电源自动转换开关、消防机械应急强启装置、CPS控制与···</p>
            <h6><span>View more</span><i></i></h6>
          </div>
        </div>
      </div>
      <div class="img"> <img src="/static/upload/image/20230627/1687827218809235.jpg" class="img-center" alt="工业制造" style="transition: all 0.5s;"> <img src="/skin/images/ip.jpg" alt="工业制造"> </div>
      </a> 
      
      <a href="/?yingyong/30.html">
      <div class="text">
        <div class="table">
          <div class="table-cell">
            <h2>医疗行业</h2>
            <div class="line"></div>
            <p>专业从事研制、开发、生产、销售双电源自动转换开关、消防机械应急强启装置、CPS控制与···</p>
            <h6><span>View more</span><i></i></h6>
          </div>
        </div>
      </div>
      <div class="img"> <img src="/static/upload/image/20230627/1687827191544929.jpg" class="img-center" alt="医疗行业" style="transition: all 0.5s;"> <img src="/skin/images/ip.jpg" alt="医疗行业"> </div>
      </a> 
      
      </div>
  </div>
</div>


<div class="index_con7">
  <div class="divBox">
    <div class="index_con3_list">
      <div class="title">
        <h1></h1>
        <h2>新闻中心</h2>
      </div>
    </div>
    <div class="icon7_swier">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          
          <div class="swiper-slide"> <a href="/?wenti/38.html">
            <div class="con7_list">
              <div class="con7_list_ls"> <font>06-27</font>
                <time>2023</time>
              </div>
              <h1>您的内部指南：什么是竞争环境分析？</h1>
              <p>在本文中，您将了解什么是竞争环境分析，为什么它是必要的，以及如何进行竞争环境分析。自行车比赛是世界上···</p>
              <span class="con_spans"><i class="iconfont icon-iconfont707"></i></span> </div>
            </a> </div>
          
          <div class="swiper-slide"> <a href="/?wenti/37.html">
            <div class="con7_list">
              <div class="con7_list_ls"> <font>06-27</font>
                <time>2023</time>
              </div>
              <h1>想进行竞争分析吗？以下是你应该做的7个理由</h1>
              <p>你想进行竞争分析，以更好地了解竞争对手，推出新产品，甚至获得更多关于营销策略的想法吗？让我们看看你该···</p>
              <span class="con_spans"><i class="iconfont icon-iconfont707"></i></span> </div>
            </a> </div>
          
          <div class="swiper-slide"> <a href="/?hangye/36.html">
            <div class="con7_list">
              <div class="con7_list_ls"> <font>06-27</font>
                <time>2023</time>
              </div>
              <h1>什么是网站策略？为什么你需要它以及你如何做到</h1>
              <p>网站是您企业营销和销售成功的重要组成部分，但您如何开始，如何构建符合您的营销和业务目标的网站战略？每···</p>
              <span class="con_spans"><i class="iconfont icon-iconfont707"></i></span> </div>
            </a> </div>
          
          <div class="swiper-slide"> <a href="/?hangye/35.html">
            <div class="con7_list">
              <div class="con7_list_ls"> <font>06-27</font>
                <time>2023</time>
              </div>
              <h1>微观和宏观影响者：如何工作</h1>
              <p>营销的形式正在改变。如果*初我们信任广告，现在我们信任谈论不同类型产品的影响者。这些天，有影响力的人···</p>
              <span class="con_spans"><i class="iconfont icon-iconfont707"></i></span> </div>
            </a> </div>
          
          <div class="swiper-slide"> <a href="/?gongsi/34.html">
            <div class="con7_list">
              <div class="con7_list_ls"> <font>06-27</font>
                <time>2023</time>
              </div>
              <h1>如何进行竞争性定价分析</h1>
              <p>重要的是要记住，我们在这里的使命是提供一种产品或服务，可以在竞争中获得竞争优势，但您仍然希望获得利润···</p>
              <span class="con_spans"><i class="iconfont icon-iconfont707"></i></span> </div>
            </a> </div>
          
          <div class="swiper-slide"> <a href="/?gongsi/33.html">
            <div class="con7_list">
              <div class="con7_list_ls"> <font>06-27</font>
                <time>2023</time>
              </div>
              <h1>如何制定营销策略：你需要知道的一切</h1>
              <p>一个精心调整的营销策略可以让你的品牌获得成功。尽管制定营销策略的原则保持不变，但仅在2022年，我们就看···</p>
              <span class="con_spans"><i class="iconfont icon-iconfont707"></i></span> </div>
            </a> </div>
          
        </div>
      </div>
      <div class="swiper-button-prev swiper-button-white"></div>
      <div class="swiper-button-next swiper-button-white"></div>
      <a href="/?news/" class="more1">查看更多</a> </div>
  </div>
</div>


<div id="contact">
  <div class="contactin wow fadeInUp">
    <div class="tit aos-init aos-animate"> 用心制造·合作共赢 </div>
    <div class="line"></div>
    <div class="desc">我公司生产的产品畅销国内30多个省市，深受广大用户青睐。</div>
    <div class="contact_box">
      <h1>需要联系我们？</h1>
      <p>若您需要深入了解我司的产品，或者有宝贵的建议，<br />
        可以点击下方按钮，查询我司的联系方式。</p>
      <a href="/?contact/">联系我们</a> </div>
  </div>
</div>

<div id="footer">
  <div class="footerin">
    <div class="nav">
      <div>
        <div class="navdown">
          <ul>
            
            <li class="firstli"><a href="/?about/">关于我们</a></li>
            
            <li ><a href="/?products/">产品中心</a></li>
            
            <li ><a href="/?yingyong/">应用领域</a></li>
            
            <li ><a href="/?news/">新闻中心</a></li>
            
            <li ><a href="/?service/">服务支持</a></li>
            
            <li ><a href="/?contact/">联系我们</a></li>
            
          </ul>
        </div>
        <div class="navtext">
          <p> 地址：江苏省南京市玄武区玄武湖<br />
            电话：400-888-8888<br />
            手机：13588881111<br />
            邮箱：admin@admin.com</p>
        </div>
      </div>
      <div class="fright"> <img src="/static/upload/image/20230627/1687831164583645.png" alt="南京市某某科技公司" /> <span>扫码联系我们</span> </div>
    </div>
    <div class="copyright">
      <div>
        <p>Copyright © 2023 测试站点 本站资源来源于互联网 <a href="https://beian.miit.gov.cn/" target="_blank" style="color:#fff;" rel="nofollow">苏ICP12345678</a> </p>
      </div>
      <div class="cright">
        <p><a href="/index.php/sitemap.xml" target="_blank">XML地图</a> <a href="https://www.adminbuy.cn/" target="_blank">AB模板网</a> </p>
      </div>
    </div>
  </div>
</div>

<!--右侧挂件start-->
<style>
    #main_kefu dl{
        margin: 0;
    }
    @media only screen and (max-width:768px) {
        #main_kefu{
            display: none;
        }
    }
</style>
<link rel="stylesheet" type="text/css" href="/skin/css/main-kefu.css">
<div id="main_kefu" class="main_kefu">
  <dl class="icon1">
    <dt><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=&amp;site=qq&amp;menu=yes" target="_blank" rel="nofollow" title="在线客服"></a></dt>
    <dd></dd>
  </dl>
  <dl class="icon2">
    <dt><a href="javascript:;" title="微信客服"></a></dt>
    <dd><img src="/static/upload/image/20230627/1687831164583645.png" width="150px" height="150px" alt="" title=""></dd>
  </dl>
  <dl class="icon3" style="display:none">
  </dl>
  <dl class="icon4">
    <dt><a href="javascript:;" title="联系方式"></a></dt>
    <dd>
      <p style="margin:0;">13588881111</p>
      <p style="margin:0;">（工作日 7×24）</p>
    </dd>
  </dl>
  <dl class="icon6">
    <dt><a href="javascript:;" title="返回顶部" class="mainkf_gotop" style=""></a></dt>
  </dl>
</div>
<script>
    $(function() {
        $(".mainkf_gotop").on("click", function(e) {
            $("html,body").animate({ scrollTop: 0 }, 400);
            return false;
        });
    });
</script> 
<!--右侧挂件end--> 

<script type="text/javascript">
$(document).ready(function() {

    /* ----- 侧边悬浮 ---- */
    $(document).on("mouseenter", ".suspension .a", function() {
        var _this = $(this);
        var s = $(".suspension");
        var isService = _this.hasClass("a-service");
        var isServicePhone = _this.hasClass("a-service-phone");
        var isQrcode = _this.hasClass("a-qrcode");
        if (isService) { s.find(".d-service").show().siblings(".d").hide(); }
        if (isServicePhone) { s.find(".d-service-phone").show().siblings(".d").hide(); }
        if (isQrcode) { s.find(".d-qrcode").show().siblings(".d").hide(); }
    });
    $(document).on("mouseleave", ".suspension, .suspension .a-top", function() {
        $(".suspension").find(".d").hide();
    });
    $(document).on("mouseenter", ".suspension .a-top", function() {
        $(".suspension").find(".d").hide();
    });
    $(document).on("click", ".suspension .a-top", function() {
        $("html,body").animate({ scrollTop: 0 });
    });
    $(window).scroll(function() {
        var st = $(document).scrollTop();
        var $top = $(".suspension .a-top");
        if (st > 400) {
            $top["css"]({ display: 'block' });
        } else {
            if ($top["is"](":visible")) {
                $top["hide"]();
            }
        }
    });

});
</script> 
<script type="text/javascript">
$(document).ready(function() {
    $(".link").click(function() {
        $(".linkbox").fadeToggle(1000);
    });
});
</script> 
<script>
var snum;
wow = new WOW({
    animateClass: 'animated',
});
wow.init();

//console.log(snum)
var mySwiper1 = new Swiper('#swiper1', {
    autoplay: {
        delay: 5000, //1秒切换一次
    },
    effect: 'fade',
    loop: true, // 循环模式选项

    // 如果需要分页器
    pagination: {
        el: '#sb1',
        clickable: true,
    },

})


var mySwiper = new Swiper('#swiper2', {
    autoplay: true,
    slidesPerView: 4,
    spaceBetween: 10,
    loop: true, // 循环模式选项

    // 如果需要前进后退按钮
    navigation: {
        nextEl: '#bt1',
        prevEl: '#bt2',
    },
    breakpoints: {
        //当宽度小于等于320
        320: {
            slidesPerView: 1,
        },
        //当宽度小于等于480
        480: {
            slidesPerView: 2,
        },
        //当宽度小于等于640
        640: {
            slidesPerView: 3,
        }
    }

})

var icon7_swier = new Swiper('.icon7_swier .swiper-container', {

    autoplay: true,
    slidesPerView: 3,
    spaceBetween: 38,
    loop: true, // 循环模式选项

    // 如果需要前进后退按钮
    navigation: {
        nextEl: '.icon7_swier .swiper-button-next',
        prevEl: '.icon7_swier .swiper-button-prev',
    },

    breakpoints: {
        //当宽度小于等于320
        320: {
            slidesPerView: 1,
        },
        //当宽度小于等于480
        480: {
            slidesPerView: 1,
        },
        //当宽度小于等于640
        640: {
            slidesPerView: 2,
        },
        //当宽度小于等于640
        768: {
            slidesPerView: 3,
        }
    }

})

var myVideo1 = document.getElementById('v1');
var showVideo1 = document.getElementById('video1');
$('.index-about .about-item .aboutleft .play').click(function() {
    $(showVideo1).slideDown();
    myVideo1.play();
    myVideo1.muted = false;
});
$('#video1 .popup-window-content-bg').click(function() {
    $(showVideo1).slideUp();
    myVideo1.pause();
    myVideo1.muted = true;
});
</script>
</body>
</html>