<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
    <title>北京上远科技有限公司</title>
    <link rel="icon" href="static/images/favicon.ico">
    <meta name="keywords" content="北京上远科技有限公司">
    <meta name="description" content="北京上远科技有限公司">
    <meta name="renderer" content="webkit" />
    <link rel="stylesheet" href="static/css/swiper.min.css">
    <link rel="stylesheet" href="static/css/styles.css">
    <link rel="stylesheet" href="static/css/commons.css">
    <link rel="stylesheet" href="static/css/media.css">
    <link rel="stylesheet" href="static/css/animate.min.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">  
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"> 
    <script src="static/js/wow.min.js"></script>
    <script src="static/js/swiper.min.js"></script>
    <script src="static/js/jquery-1.10.2.min.js"></script>
    <script src="static/js/px_rem.js"></script>
    <script src="static/js/index.js"></script>
    <script src="https://unpkg.com/swiper/swiper-bundle.js"> </script>  
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"> </script>
</head>

<body>
    <script type="text/javascript">

        var wow = new WOW({

            boxClass: 'wow',

            animateClass: 'animated',

            offset: 0,

            mobile: true,

            live: true

        });

        wow.init();

    </script>




    <div class="header">
        <div class="header_w centerBox">
            <div class="logo left"><a href="index.html"><img src="static/picture/20210304030218308.jpg" alt=""></a></div>
            <div class="menu right"><i></i></div>
            <div class="nav left">
                <ul>
                    <li class="liang"><a href="index.html">首页</a></li>
                    <-- <li><a href="gy.html">关于我们</a></li> -->
                    <li><a href="cp.html">膜组件</a></li>
                    <li><a href="js.html">技术支持</a></li>
               <!--     <!-- <li><a href="zl.html">专利认证</a></li>  --> -->
                    <li><a href="news.html">新闻资讯</a></li>
                    <li><a href="lx.html">联系我们</a></li>
                </ul>
            </div>

            <div class="header_y right">
                <div>
                    <div class="sousuo">
                        <form>
                            <input type="text" />
                            <img src="static/picture/ss_03.png" alt="">
                        </form>
                    </div>
                    <div class="fanyi"><a href="./en/index.html">en</a></div>
                </div>
            </div>
        </div>
    </div>



    <!-- 手机导航 -->
    <div class="sj_nav">
        <div class="sj_nav_w centerBox">
            <ul>
                <li><a href="index.html">首页</a></li>
                <-- <li><a href="gy.html">关于我们</a></li> -->
                <li><a href="cp.html">膜组件</a></li>
                <li><a href="js.html">技术支持</a></li>
          <!--      <!-- <li><a href="zl.html">专利认证</a></li>  --> -->
                <li><a href="news.html">新闻资讯</a></li>
                <li><a href="lx.html">联系我们</a></li>
            </ul>
        </div>
    </div>



    <script>
        $(".menu").click(function () {
            $(".sj_nav").toggle()
            $(this).toggleClass("close")
        })

        $(".sousuo img").click(function () {
            $(".sousuo input").slideToggle()

        })
    </script>


    <!-- banner -->

    <div class="banner">
        <a href=""><img src="static/picture/20210305023019821.jpg" alt=""></a>
    </div>

    <!-- 关于我们 -->
    <div class="index_gy">
        <div class="index_gy_w centerBox">
            <div class="main_title main_titlee">
                <h3>关于我们</h3>
                <img src="static/picture/line.png">
            </div>
            <div class="index_gy_k clearBoth">
                <div class="index_gy_z left"><img src="static/picture/20210305030537220.jpg" alt=""></div>
                <div class="index_gy_y right">
                    <h2>北京上远科技有限公司</h2>
                    <div class="index_gy_con">
                        
                    </div>
                    <a href="gy.html" class="index_more">
                        查看更多>>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="index_gy">
        <div class="index_gy_w centerBox">
            <div class="main_title main_titlee">
                <h3>产品视频</h3>
                <img src="static/picture/line.png">
            </div>
            <div class="index_gy_k clearBoth">
                <div class="index_gy_z left">    <video width="470" height="310" id="video01" controls controlsList="nodownload" >  <source src="https://ess.jieyunshop.com/0a8d26ff-df72-4949-850e-9d0e054cd4c6.mp4" type="video/mp4"> </video></div>
                <div class="index_gy_y right">
                    <h2>北京上远科技有限公司</h2>
                    <div class="index_gy_con">
                        
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 膜组件 -->

    <div class="index_mozuj"
        style="background: url(static/images/20210305053420822.jpg) center center no-repeat; background-size: cover;">
        <div class="index_mozuj_w centerBox">
            <div class="main_title main_titlee main_titleee">
                <h3>膜组件</h3>
                <img src="static/picture/linee.png">
            </div>

            <div class="mozujian_y_ul mozujian_y_ull">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <!-- <div class="swiper-slide">Slide 1</div>
                        <div class="swiper-slide">Slide 2</div>
                        <div class="swiper-slide">Slide 3</div> -->
                    </div>
                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
                <!-- <ul id="index_product_list"> -->
<!-- 
                    <li>
                        <div class="mozujian_y_img">
                            <img src="static/picture/20210305111609428.jpg" alt="">
                            <div class="meng">
                                <a href="/index.php?m=content&c=index&a=show&catid=23&id=338">查看详情</a>
                            </div>
                        </div>
                        <h2>
                            <span><a href="/index.php?m=content&c=index&a=show&catid=23&id=338">产品名称</a></span>
                        </h2>
                    </li>

                    <li>
                        <div class="mozujian_y_img">
                            <img src="static/picture/20210305111609428.jpg" alt="">
                            <div class="meng">
                                <a href="/index.php?m=content&c=index&a=show&catid=23&id=307">查看详情</a>
                            </div>
                        </div>
                        <h2>
                            <span><a href="/index.php?m=content&c=index&a=show&catid=23&id=307">产品名称</a></span>
                        </h2>
                    </li>

                    <li>
                        <div class="mozujian_y_img">
                            <img src="static/picture/20210305111609428.jpg" alt="">
                            <div class="meng">
                                <a href="/index.php?m=content&c=index&a=show&catid=23&id=291">查看详情</a>
                            </div>
                        </div>
                        <h2>
                            <span><a href="/index.php?m=content&c=index&a=show&catid=23&id=291">产品名称</a></span>
                        </h2>
                    </li>

                    <li>
                        <div class="mozujian_y_img">
                            <img src="static/picture/20210305111609428.jpg" alt="">
                            <div class="meng">
                                <a href="/index.php?m=content&c=index&a=show&catid=23&id=275">查看详情</a>
                            </div>
                        </div>
                        <h2>
                            <span><a href="/index.php?m=content&c=index&a=show&catid=23&id=275">产品名称</a></span>
                        </h2>
                    </li> -->
                <!-- </ul> -->

                <a href="cp.html" class="moree">查看更多>></a>

            </div>


        </div>
    </div>



    <!-- 新闻资讯 -->

    <div class="index_news">
        <div class="index_news_w centerBox">
            <div class="main_title main_titlee">
                <h3>新闻资讯</h3>
                <img src="static/picture/line.png">
            </div>

            <div class="index_news_k clearBoth">
                <div class="index_news_z left">
                    <a id="newsa" href="">
                        <div class="mengg"><img src="static/picture/mengg_03.png" alt=""></div>
                        <img src="static/picture/20210305014404844.jpg" alt="">
                        <div class="index_news_zi clearBoth">
                            <div class="index_news_zi_rq left">
                                <h2 id="news_day"></h2>
                                <h3 id="news_year"></h3>
                            </div>
                            <div class="index_news_zi_ms right">
                                <h2 id="news_title"></h2>
                                <!-- <h3>乒出快乐，乒 出精彩!为促进公司企业文化建设,丰富公司员工业余生活,增强员工体质,时代沃顿第二届沃顿杯乒乓球赛于2020年12月21日举行,并 </h3> -->
                            </div>
                        </div>
                    </a>
                </div>


                <div class="index_news_y right">
                    <ul id="news_list">
                        <!-- <li>
                            <a href="/index.php?m=content&c=index&a=show&catid=11&id=68">
                                <div class="index_news_y_rq left">
                                    <h2>03-05</h2>
                                    <h3>2021</h3>
                                </div>
                                <div class="index_news_y_ms right">
                                    <h2>沃顿杯|新年“乒”出新精彩</h2>
                                    <h3>乒出快乐，乒 出精彩!为促进公司企业文化建设,丰富公司员工业余生活,增强员工体质,时代沃顿第二届沃顿杯乒乓球赛于2020年12月21日举行,并 </h3>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="/index.php?m=content&c=index&a=show&catid=11&id=67">
                                <div class="index_news_y_rq left">
                                    <h2>03-05</h2>
                                    <h3>2021</h3>
                                </div>
                                <div class="index_news_y_ms right">
                                    <h2>沃顿杯|新年“乒”出新精彩</h2>
                                    <h3>乒出快乐，乒 出精彩!为促进公司企业文化建设,丰富公司员工业余生活,增强员工体质,时代沃顿第二届沃顿杯乒乓球赛于2020年12月21日举行,并 </h3>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="/index.php?m=content&c=index&a=show&catid=11&id=66">
                                <div class="index_news_y_rq left">
                                    <h2>03-05</h2>
                                    <h3>2021</h3>
                                </div>
                                <div class="index_news_y_ms right">
                                    <h2>沃顿杯|新年“乒”出新精彩</h2>
                                    <h3>乒出快乐，乒 出精彩!为促进公司企业文化建设,丰富公司员工业余生活,增强员工体质,时代沃顿第二届沃顿杯乒乓球赛于2020年12月21日举行,并 </h3>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="/index.php?m=content&c=index&a=show&catid=11&id=65">
                                <div class="index_news_y_rq left">
                                    <h2>03-05</h2>
                                    <h3>2021</h3>
                                </div>
                                <div class="index_news_y_ms right">
                                    <h2>沃顿杯|新年“乒”出新精彩</h2>
                                    <h3>乒出快乐，乒 出精彩!为促进公司企业文化建设,丰富公司员工业余生活,增强员工体质,时代沃顿第二届沃顿杯乒乓球赛于2020年12月21日举行,并 </h3>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="/index.php?m=content&c=index&a=show&catid=11&id=64">
                                <div class="index_news_y_rq left">
                                    <h2>03-05</h2>
                                    <h3>2021</h3>
                                </div>
                                <div class="index_news_y_ms right">
                                    <h2>沃顿杯|新年“乒”出新精彩</h2>
                                    <h3>乒出快乐，乒 出精彩!为促进公司企业文化建设,丰富公司员工业余生活,增强员工体质,时代沃顿第二届沃顿杯乒乓球赛于2020年12月21日举行,并 </h3>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="/index.php?m=content&c=index&a=show&catid=11&id=63">
                                <div class="index_news_y_rq left">
                                    <h2>03-05</h2>
                                    <h3>2021</h3>
                                </div>
                                <div class="index_news_y_ms right">
                                    <h2>沃顿杯|新年“乒”出新精彩</h2>
                                    <h3>乒出快乐，乒 出精彩!为促进公司企业文化建设,丰富公司员工业余生活,增强员工体质,时代沃顿第二届沃顿杯乒乓球赛于2020年12月21日举行,并 </h3>
                                </div>
                            </a>
                        </li> -->
                    </ul>
                </div>
            </div>
            <a href="news.html" class="moree moreee">查看更多>></a>

        </div>
    </div>



    <!-- 联系我们 -->
    <div class="index_lx"
        style=" background: url(static/images/20210305050329888.jpg) center center no-repeat; background-size: cover;">
        <div class="index_lx_w centerBox">
            <div class="ditu left dituu">
                <script type="text/javascript" src="static/js/08e02382d6fa48269db01fd4650e2403.js"></script>
                <script type="text/javascript" src="static/js/searchinfowindow_min.js"></script>
                <link rel="stylesheet" href="static/css/searchinfowindow_min.css" />

                <div class="map">
                    <input type="hidden" value="" id="address">
                    <div id="allmap" style="width: 100%;height: 400px;"></div>
                </div>

                <script>
                    var _address = $("#address").val();
                    // 百度地图API功能
                    var map = new BMap.Map("allmap");
                    var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件
                    map.enableScrollWheelZoom(true);
                    map.addControl(top_left_navigation);
                    // 创建地址解析器实例
                    var myGeo = new BMap.Geocoder();
                    // 将地址解析结果显示在地图上,并调整地图视野
                    myGeo.getPoint(_address, function (point) {
                        if (point) {
                            map.centerAndZoom(point, 16);
                            map.addOverlay(new BMap.Marker(point));
                        } else {
                            alert("您选择地址没有解析到结果!");
                        }
                    });
                </script>
            </div>

            <div class="index_lx_y right" >
                <h2>联系我们</h2>
                <div class="index_lx_y_ul">
                    <ul>
                    <!--    <li>地址：</li> -->
                        <li>电话：13910183512</li>
                        <li>手机：13910183512</li>
                        <li>电子邮箱：info@shangyuantech.com.cn</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>



    <div class="footer">
        <div class="footer_w centerBox">
            <div class="footer_s clearBoth">
                <div class="footer_s_z left">
                    <div class="footer_nav">
                        <ul>
                            <li><a href="index.html">首页</a></li>|
                            <-- <li><a href="gy.html">关于我们</a></li> -->|
                            <li><a href="cp.html">膜组件</a></li>|
                            <li><a href="js.html">技术支持</a></li>|
                         <!--   <!-- <li><a href="zl.html">专利认证</a></li>  -->| -->
                            <li><a href="news.html">新闻资讯</a></li>|
                            <li><a href="lx.html">联系我们</a></li>|
                        </ul>
                    </div>

                    <div class="footer_xx">
                        <br />
                        电子邮箱：info@shangyuantech.com.cn<br />
                        <br />
                        <h2>联系热线：13910183512</h2>

                    </div>
                </div>

                <div class="footer_s_y right">
                    <ul>


                        <li>
                            <div class="footer_s_img">
                                <img src="static/picture/20210305053639461.jpg" alt="">
                            </div>
                            <h2>微信订阅号</h2>
                        </li>

                        <li>
                            <div class="footer_s_img">
                                <img src="static/picture/20210305053639461.jpg" alt="">
                            </div>
                            <h2>微信订阅号</h2>
                        </li>


                    </ul>
                </div>
            </div>

            <div class="banquan">
                <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备2021011630号</a>
            </div>
        </div>
    </div>

    <script>
        (function () {
            var bp = document.createElement('script');
            var curProtocol = window.location.protocol.split(':')[0];
            if (curProtocol === 'https') {
                bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
            }
            else {
                bp.src = 'http://push.zhanzhang.baidu.com/push.js';
            }
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();
		
		    // html5-video标签屏蔽右键视频另存为的js代码
    $("#video01").bind('contextmenu', function () {
        return false;
    })
    </script>


</body>

</html>
