<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>宁波宣传片拍摄公司_宁波广告片制作_宁波影视公司_宁波三维动画制作- 宁波观视频影视文化有限公司 浙江星视</title>
    <link rel="icon" href="/Public/CN/images/icon2.png">
    <!-- keywords-description -->
    <meta name="keywords" content="宁波宣传片拍摄公司,宁波广告片制作,宁波影视公司,宁波三维动画制作" />
    <meta name="description" content="宁波观视频影视文化有限公司 浙江星视 专业从事宁波宣传片制作,宁波广告片拍摄,宁波影视公司,宁波三维动画制作,为全国中高端客户提供TVC电视广告片、企业宣传片、微电影、MTV、三维动画、数字多媒体、产品展示片等的创意策划、拍摄、后期制作提供优质服务服务。" />
    <!-- 兼容自动跳转极速 -->
    <meta name="renderer" content="webkit">
    <!-- 主CSS文件 -->
    <link rel="stylesheet" href="/Public/CN/css/index.css">
    <!-- jquery 1.9.1 -->
    <script src="/Public/CN/js/jquery.js"></script>
    <!-- 实体字符 -->
    <link rel="stylesheet" href="/Public/CN/css/font-awesome.css">
    <!-- Owl Carousel 幻灯片 -->
    <link rel="stylesheet" href="/Public/CN/js/owl-carousel/owl.carousel.css" type="text/css">
    <script src="/Public/CN/js/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
    <!-- bootstrap-modal 模态框 -->
    <link rel="stylesheet" href="/Public/CN/js/bootstrap-modal/modal.css" type="text/css">
    <script src="/Public/CN/js/bootstrap-modal/modal.min.js" type="text/javascript"></script>
    <!-- wow 渐进式动画 -->
    <link rel="stylesheet" href="/Public/CN/js/wow/animate.css" type="text/css">
    <script src="/Public/CN/js/wow/wow.min.js" type="text/javascript"></script>

    <!-- 手机响应式 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

</head>

<body>
    <div id="header" class="">
        <div class="this-1200 after">
            <div class="logo f-l">
                <a href='/Public/Index.html'><img src="/Public/CN/images/logo.png" alt=""></a>
            </div>
            <div class="nav f-r">
                <a href='/Public/Index.html'>网站首页</a>
                                                        <a href='/Public/cms/mid/12.html'>影视作品</a>
                                                                                <a href='/Public/cms/mid/13.html'>商业摄影</a>
                                                                                <a href='/Index/cms/lid/47.html'>动态</a>
                                                                                <a href='/Public/cms/mid/15.html'>关于我们</a>
                                                                                <a href='/Public/cms/mid/16.html'>加入我们</a>
                                                        <a class="phont"> 
0574-25555503 </a>
            </div>
        </div>
    </div>

    <script>
        $(function () {
            var top = $(document).scrollTop();
            if (top > 10) {
                $('#header').css('transition', 'unset');
                $('#header').addClass('header-active');
            } else {
                $('#header').removeClass('header-active');
            }
            $(window).scroll(function () {
                top = $(document).scrollTop();
                if (top > 10) {
                    $('#header').css('transition', 'all 0.5s');
                    $('#header').addClass('header-active');
                } else {
                    $('#header').removeClass('header-active');
                }
            })
        })
    </script>

    <div id="nav-m">
        <div class="logo f-l">
            <a href='/Public/Index.html'><img src="/Public/CN/images/logo_m.png" alt=""></a>
        </div>
        <div class="menu">
            <span></span>
            <span></span>
            <span></span>
        </div>
        <div class="clear"></div>
        <ul class="nav-m-list">
            <li><a href='/Public/Index.html'>网站首页</a></li>
                                            <li><a href='/Public/cms/mid/12.html'>影视作品</a></li>
                                                                <li><a href='/Public/cms/mid/13.html'>商业摄影</a></li>
                                                                <li><a href='/Index/cms/lid/47.html'>动态</a></li>
                                                                <li><a href='/Public/cms/mid/15.html'>关于我们</a></li>
                                                                <li><a href='/Public/cms/mid/16.html'>加入我们</a></li>
                                        </ul>
    </div>
    <script>
        $(function () {
            //手机导航下拉效果
            $('#nav-m .menu').click(function () {
                if (!$('.nav-m-list').is(":animated")) {
                    $('.nav-m-list').slideToggle();
                }
            })
        })
    </script>



<!-- countUp 数字动画效果 -->
<script src="/Public/CN/js/countup/jquery.countup.js" type="text/javascript"></script>
<script src="/Public/CN/js/countup/jquery.waypoints.min.js" type="text/javascript"></script>

<!-- 全屏播放插件 vidbacking.js -->
<link rel="stylesheet" href="/Public/CN/js/vidbacking/jquery.vidbacking.css" type="text/css">
<script src="/Public/CN/js/vidbacking/jquery.vidbacking.js" type="text/javascript"></script>



<div id="video" style="height:900px">
    <div class="src" style="display:none;">
        <p><video class="edui-upload-video  vjs-default-skin video-js" controls="" preload="none" width="420" height="280" src="/Uploads/ueditor/video/20190312/5c873aec66f76.mp4" data-setup="{}"><source src="/Uploads/ueditor/video/20190312/5c873aec66f76.mp4" type="video/mp4"/></video></p>     </div>
    <video poster="" autoplay muted loop class="vidbacking">
    </video>
</div>
<script>
    $(function () {
        var src = $('#video .src video').attr('src');
        $('#video>video').attr('src',src);
        $('#video').vidbacking();
        var h = $(window).height();
        $('#video').css('height', h);
        $(window).resize(function () {
            h = $(window).height();
            $('#video').css('height', h);
        })
    });
</script>


<!-- js滚动插件 -->
<link rel="stylesheet" href="/Public/CN/js/bxslider/jquery.bxslider.css">
<script src='/Public/CN/js/bxslider/jquery.bxslider.min.js'></script>
<div id="banner-m">
    <ul class="list">
                    <li><img src="/Uploads/Lan/2019-03-08/dd5ad26ed2da269bbeac777d0a8b1a49.jpg" alt="" width="100%" /></li>
                        <li><img src="/Uploads/Lan/2019-03-08/ec86e229534b18c9ea652aa5cb1e81db.jpg" alt="" width="100%" /></li>
                </ul>
</div>
<script>
    (function () {
        // 开启滚动插件
        $('#banner-m .list').bxSlider({
            'speed': 500,
            'auto': true,
            'pause': 5000,
            'autoHover': true,
            'mode': 'fade',
            'controls': false,
        });
    })()
</script>
<style>
    #banner-m .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        bottom: 5px;
    }

    #banner-m .bx-wrapper .bx-pager.bx-default-pager a:hover,
    #banner-m .bx-wrapper .bx-pager.bx-default-pager a.active {
        background-color: #07447d;
    }
</style>


<div id="home">
    <div class="sum" style="background-image:url(/Uploads/Content/2019-03-01/7d79273efacaf2d631a2d081167fb824.jpg)">
        <div class="this-1200">
            <ul class="list">
                <li class="wow bounceInTop">
                    <p><span class="counter">126</span>个</p>
                    <p><i class="fa fa-star-o"></i>知名品牌</p>
                </li>
                <li class="wow bounceInDown">
                    <p><span class="counter">369</span>部</p>
                    <p><i class="fa fa-thumbs-o-up"></i>高质量作品</p>
                </li>
                <li class="wow bounceInTop">
                    <p><span class="counter">586</span>万次</p>
                    <p><i class="fa fa-globe"></i>网络播放</p>
                </li>
                <li class="wow bounceInDown">
                    <p><span class="counter">12</span>家</p>
                    <p><i class="fa fa-laptop"></i>全国媒体合作</p>
                </li>
            </ul>
        </div>
        <script>
            // 开启数字动画效果
            $('.counter').countUp({
                delay: 50,
                time: 2000
            });
        </script>
    </div>
    <div class="video">
        <div class="this-1200">
            <div class="title after">
                <div class="left f-l">
                    <p><span><i class="fa fa-video-camera"></i> 精选视频展示</span> / Video Display</p>
                </div>
                <div class="right f-r">
                    <a href='/Public/cms/mid/12.html'><i class="fa fa-align-right"></i>更多</a>
                </div>
            </div>
            <div id="owl-demo" class="owl-carousel">
                                                    <div class="item">
                        <div class="video-list after">                            <a href=""                                 class="video-modal" >
                                <div class="src" style="display:none"><p><video class="edui-upload-video vjs-default-skin             video-js" controls="" preload="none" width="900" height="506" src="http://www.dfsun.com/up/zp/EMS.mp4" data-setup="{}"><source src="http://www.dfsun.com/up/zp/EMS.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-07-01/9458368a92b5ea2d6f0e4443b4209f5c.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>REVUP SPACE 健身空间</p>
                                    <div class="class">
                                        <p>品牌宣传</p>
                                        <p>Nt智能健身穿戴</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""                                 class="video-modal" >
                                <div class="src" style="display:none"><p>
    <video class="edui-upload-video  vjs-default-skin                  video-js" controls="" preload="none" width="420" height="280" src="/v/al/xcp/KWUNG.mp4" data-setup="{}">
        <source src="/v/al/xcp/KWUNG.mp4" type="video/mp4"/>
    </video>
</p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-05-20/072cf4a48d4a415f967252204e9f4e87.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>Kwung’s Wisdom</p>
                                    <div class="class">
                                        <p>品牌宣传</p>
                                        <p>Aroma</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""                                 class="video-modal" >
                                <div class="src" style="display:none"><p>
    <video class="edui-upload-video vjs-default-skin          video-js" controls="" preload="none" width="1200" height="674" src="http://www.dfsun.com/v/al/3d/科技连接未来.mp4" data-setup="{}">
        <source src="http://www.dfsun.com/v/al/3d/科技连接未来.mp4" type="video/mp4"/>
    </video>
</p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2022-02-16/b6036c216e4982d4e7972e7a82a46956.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>科技连接未来</p>
                                    <div class="class">
                                        <p>动画三维</p>
                                        <p>永贵电器连接器产品</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""  class="mr-0 video-modal" >
                                <div class="src" style="display:none"><p><video class="edui-upload-video vjs-default-skin            video-js" controls="" preload="none" width="1200" height="674" src="http://www.dfsun.com/v/al/cp/天铁.mp4" data-setup="{}"><source src="http://www.dfsun.com/v/al/cp/天铁.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2022-02-16/4212db73806806f326f34b4ba7bc7887.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>天铁股份</p>
                                    <div class="class">
                                        <p>品牌宣传</p>
                                        <p>产品展</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""                                 class="video-modal" >
                                <div class="src" style="display:none"><p><video class="edui-upload-video  vjs-default-skin       video-js" controls="" preload="none" width="420" height="280" src="/Uploads/ueditor/video/20190320/5c91d0fdd4f5e.mp4" data-setup="{}"><source src="/Uploads/ueditor/video/20190320/5c91d0fdd4f5e.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-04-08/f28ff236b3bfe0a7253450d35551d0d6.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>世家 TVC 《吸尘加拖地一遍就干净》</p>
                                    <div class="class">
                                        <p>产品片</p>
                                        <p>TVC广告</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""                                 class="video-modal" >
                                <div class="src" style="display:none"><p><video class="edui-upload-video vjs-default-skin   video-js" controls="" preload="none" width="1200" height="674" src="http://www.dfsun.com/up/zp/广和洁具《所有的伟大都源于无数渺小的努力》.mp4" data-setup="{}"><source src="http://www.dfsun.com/up/zp/广和洁具《所有的伟大都源于无数渺小的努力》.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-04-08/87f25b14cd871ff17d8f38000179d67a.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>《所有的伟大都源于无数渺小的努力》- 广和洁具</p>
                                    <div class="class">
                                        <p>品牌宣传</p>
                                        <p>文化宣传</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""                                 class="video-modal" >
                                <div class="src" style="display:none"><p><video class="edui-upload-video vjs-default-skin      video-js" controls="" preload="none" width="1200" height="674" src="http://www.dfsun.com/up/zp/银轮60周年宣传片 精简版.mp4" data-setup="{}"><source src="http://www.dfsun.com/up/zp/银轮60周年宣传片 精简版.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-04-10/c53b7f50a388d854c56acae9a9546c2c.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>银轮股份60周年</p>
                                    <div class="class">
                                        <p>企业宣传</p>
                                        <p>周年庆</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""  class="mr-0 video-modal" >
                                <div class="src" style="display:none"><p><video class="edui-upload-video  vjs-default-skin              video-js" controls="" preload="none" width="420" height="280" src="/v/al/xcp/银轮校招.mp4" data-setup="{}"><source src="/v/al/xcp/银轮校招.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-05-02/5cc395e5267de295579701c988ec8905.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>银轮校招片</p>
                                    <div class="class">
                                        <p>品牌宣传</p>
                                        <p>《青春》</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                            </div>
                    </div>                    <div class="item">
                        <div class="video-list after">                            <a href=""                                 class="video-modal" >
                                <div class="src" style="display:none"><p><video class="edui-upload-video vjs-default-skin       video-js" controls="" preload="none" width="1280" height="720" src="http://www.dfsun.com/v/al/xcp/诚佳.mp4" data-setup="{}"><source src="http://www.dfsun.com/v/al/xcp/诚佳.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2022-02-15/c41a46876b9712c2f584f309925b2c6f.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>诚佳五金工具</p>
                                    <div class="class">
                                        <p>企业宣传</p>
                                        <p></p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""                                 class="video-modal" >
                                <div class="src" style="display:none"><p><video class="edui-upload-video  vjs-default-skin         video-js" controls="" preload="none" width="420" height="280" src="/Uploads/ueditor/video/20190312/5c875521c3670.mp4" data-setup="{}"><source src="/Uploads/ueditor/video/20190312/5c875521c3670.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-05-02/f8df652d33d2a56a2bcdc83bb0cc0cf7.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>HCH 环驰集团</p>
                                    <div class="class">
                                        <p>企业宣传</p>
                                        <p>轴承</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""                                 class="video-modal" >
                                <div class="src" style="display:none"><p><video class="edui-upload-video vjs-default-skin       video-js" controls="" preload="none" width="1200" height="674" src="http://www.dfsun.com/up/zp/恒盾儿童汽车安全座椅.mp4" data-setup="{}"><source src="http://www.dfsun.com/up/zp/恒盾儿童汽车安全座椅.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-04-08/5583b344be964ec14b83a686870f3f35.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>恒盾儿童汽车安全座椅</p>
                                    <div class="class">
                                        <p>动画三维</p>
                                        <p>安装演示</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""  class="mr-0 video-modal" >
                                <div class="src" style="display:none"><p style="text-align: center;"><video class="edui-upload-video  vjs-default-skin      video-js" controls="" preload="none" width="1200" height="674" src="/Uploads/ueditor/video/20190321/5c939e9fc42af.mp4" data-setup="{}"><source src="/Uploads/ueditor/video/20190321/5c939e9fc42af.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-04-08/1bc828d4b564a76f2e70bd2448fb72c4.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>模块化数据中心解决方案 一舟集团</p>
                                    <div class="class">
                                        <p>动画三维</p>
                                        <p>科技感</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""                                 class="video-modal" >
                                <div class="src" style="display:none"><p><video class="edui-upload-video vjs-default-skin  video-js" controls="" preload="none" width="1200" height="674" src="http://www.dfsun.com/up/zp/膳祖.mp4" data-setup="{}"><source src="http://www.dfsun.com/up/zp/膳祖.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-05-02/8f7aedef192f18a90ffb56fcc1a39b88.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>膳祖</p>
                                    <div class="class">
                                        <p>品牌宣传</p>
                                        <p>剧情短片-锅具</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""                                 class="video-modal" >
                                <div class="src" style="display:none"><p><video class="edui-upload-video vjs-default-skin  video-js" controls="" preload="none" width="1200" height="674" src="http://www.dfsun.com/up/zp/永贵电器.mp4" data-setup="{}"><source src="http://www.dfsun.com/up/zp/永贵电器.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-05-02/77c7cda81eea01dad816694dcb5e3888.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>永贵电器</p>
                                    <div class="class">
                                        <p>企业宣传</p>
                                        <p>轨道交通连接器</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""                                 class="video-modal" >
                                <div class="src" style="display:none"><p>
    <video class="edui-upload-video vjs-default-skin   video-js" controls="" preload="none" width="1200" height="674" src="http://www.dfsun.com/up/zp/企业文化 - 沁园集团.mp4" data-setup="{}">
        <source src="http://www.dfsun.com/up/zp/企业文化 - 沁园集团.mp4" type="video/mp4"/>
    </video>
</p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-04-10/9ac6145fc8bed8c840d6e68bc9cc7e59.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>企业文化 - 沁园集团</p>
                                    <div class="class">
                                        <p>动画三维</p>
                                        <p></p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""  class="mr-0 video-modal" >
                                <div class="src" style="display:none"><p><video class="edui-upload-video vjs-default-skin    video-js" controls="" preload="none" width="1200" height="674" src="http://www.dfsun.com/up/zp/雅戈尔 “我们的家”.mp4" data-setup="{}"><source src="http://www.dfsun.com/up/zp/雅戈尔 “我们的家”.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-04-10/710d4183d1224e3900c250ede3456474.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>雅戈尔 “我们的家”</p>
                                    <div class="class">
                                        <p>企业宣传</p>
                                        <p>服装</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                            </div>
                    </div>                    <div class="item">
                        <div class="video-list after">                            <a href=""                                 class="video-modal" >
                                <div class="src" style="display:none"><p><video class="edui-upload-video vjs-default-skin       video-js" controls="" preload="none" width="1200" height="674" src="http://www.dfsun.com/up/zp/智能垃圾桶.mp4" data-setup="{}"><source src="http://www.dfsun.com/up/zp/智能垃圾桶.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-04-08/7770b7583ef3b861d1f56b3bea994347.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>静音 缓降 - 智能垃圾桶</p>
                                    <div class="class">
                                        <p>产品片</p>
                                        <p></p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""                                 class="video-modal" >
                                <div class="src" style="display:none"><p><video class="edui-upload-video  vjs-default-skin     video-js" controls="" preload="none" width="420" height="280" src="/Uploads/ueditor/video/20190312/5c87516c3bf23.mp4" data-setup="{}"><source src="/Uploads/ueditor/video/20190312/5c87516c3bf23.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-03-19/33bf1421b7f578d5d40cb249e4cf45e9.png" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>ET1404 伊司达电动工具</p>
                                    <div class="class">
                                        <p>产品片</p>
                                        <p>产品片-功能</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href=""                                 class="video-modal" >
                                <div class="src" style="display:none"><p><video class="edui-upload-video vjs-default-skin     video-js" controls="" preload="none" width="1200" height="674" src="http://www.dfsun.com/up/zp/KWSK 洗衣机.mp4" data-setup="{}"><source src="http://www.dfsun.com/up/zp/KWSK 洗衣机.mp4" type="video/mp4"/></video></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-04-08/612a07f06394264fe708b0a5e6631c39.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>川崎品牌片</p>
                                    <div class="class">
                                        <p>品牌宣传</p>
                                        <p>家电  科技</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                            </div>
                    </div>            </div>
        </div>
    </div>
    <div class="video">
        <div class="this-1200">
            <div class="title after">
                <div class="left f-l">
                    <p><span><i class="fa fa-video-camera"></i> 商业摄影</span> / Video Display</p>
                </div>
                <div class="right f-r">
                    <a href='/Public/cms/mid/13.html'>
                        <i class="fa fa-align-right"></i>更多
                    </a>
                </div>
            </div>
            <div id="owl-demo" class="owl-carousel">
                                                    <div class="item">
                        <div class="video-list after">                            <a href="javascript:"                                 class="video-modal v-img" >
                                <div class="src" style="display:none"></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-06-17/d81fea31c960f4cbd9581b784b40e41c.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>外婆家的味道</p>
                                    <div class="class">
                                        <p>全部作品</p>
                                        <p></p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href="javascript:"                                 class="video-modal v-img" >
                                <div class="src" style="display:none"><p><img src="/Uploads/ueditor/image/20190411/5caeea8f9eec2.jpg" title="5caeea8f9eec2.jpg" alt="文具2.jpg"/></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-04-11/7de0bbb97041dea7505a91218ecc2123.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>蓝色海洋</p>
                                    <div class="class">
                                        <p>全部作品</p>
                                        <p>商业摄影-文具</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href="javascript:"                                 class="video-modal v-img" >
                                <div class="src" style="display:none"></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-04-23/3e4830727fcf34720d7393ae951cf93a.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>微-薰</p>
                                    <div class="class">
                                        <p>全部作品</p>
                                        <p>商业摄影-香薰</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                                                                            <a href="javascript:"  class="mr-0 video-modal v-img" >
                                <div class="src" style="display:none"><p><img src="/Uploads/ueditor/image/20190411/5caeec4aa77f6.jpg" title="5caeec4aa77f6.jpg" alt="白杯1.jpg"/></p></div>
                                <div class="img">
                                    <img src="/Uploads/Content/2019-04-11/37a6da906a0523a355fe3aa915d79c93.jpg" alt="">
                                    <div class="time"></div>
                                </div>
                                <div class="title">
                                    <p>白色情人</p>
                                    <div class="class">
                                        <p>全部作品</p>
                                        <p>商业摄影-家居</p>
                                    </div>
                                </div>
                                <!-- <video src=""></video> -->
                            </a>
                            </div>
                    </div>            </div>
        </div>
    </div>
    <div class="news">
        <div class="this-1200">
            <div class="title after">
                <div class="left f-l">
                    <p><span><i class="fa fa-video-camera"></i> 星视动态</span> / Dynamic</p>
                </div>
                <div class="right f-r">
                    <a href='/Public/cms/lid/47.html'><i class="fa fa-align-right"></i>更多</a>
                </div>
            </div>
            <div class="list">
                                <a href='/Public/cms/id/255.html'>
                        <div class="img">
                            <img src="/Uploads/Content/2019-04-13/4b28a7babd0989003d3029643c64b39a.jpg" alt="">
                        </div>
                        <div class="title">
                            <p>旷世香薰——寻味自然</p>
                            <p>旷世香薰产品片拍摄现场幕后花絮</p>
                            <p>2019-04-13</p>
                        </div>
                    </a><a href='/Public/cms/id/265.html'>
                        <div class="img">
                            <img src="/Uploads/Content/2019-04-30/2cb5a7903bcd10202ed4cf20fe44369b.jpg" alt="">
                        </div>
                        <div class="title">
                            <p>《小的伟大》</p>
                            <p>所有的伟大都来自无数渺小的努力，广和企业形象片幕后花絮</p>
                            <p>2019-04-30</p>
                        </div>
                    </a><a href='/Public/cms/id/256.html'>
                        <div class="img">
                            <img src="/Uploads/Content/2019-04-20/8f045e55c3899956c60b420b5c498c40.jpg" alt="">
                        </div>
                        <div class="title">
                            <p>天铁股份校招片杀青——《青春有你》</p>
                            <p>青春就该奋斗，天铁校招片拍摄幕后花絮放送</p>
                            <p>2019-04-20</p>
                        </div>
                    </a>                <script>
                    $(function () {
                        var list = $('#home .news .list a');
                        list.each(function () {
                            if (!$(this).index()) {
                                $(this).attr('class', 'wow bounceInDown');
                            } else {
                                $(this).attr('class', 'wow bounceInRight');
                            }
                        })

                        if (parseInt($(window).width()) < 1200) {
                            list.parent().prepend('<span></span>')
                        }

                    })

                </script>
            </div>
        </div>
    </div>
    <div class="customer">
        <div class="this-1200">
            <div class="title after">
                <div class="left f-l" style="text-align:center;width:100%">
                    <p><span><i class="fa fa-user-circle"></i> 服务客户</span> / Serving customers</p>
                </div>
            </div>
            <div id="owl-demo" class="owl-carousel" style="height:774px">
                                <div class="item">
                        <div class="list">                            <img src="/Uploads/Content/2019-03-01/7cbeddeaf219e009910e78c13d3c6bf9.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/2147bf3ec274d396a3aa1e72e2c54779.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/18a8d728deded69f7c5e5eaf9717a8e0.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/66b0edc792357c61ffc671be38807226.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/20a1eb86d10129dbe8c993873ad84a45.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/4c6e05a5a3d00c49eabbd9127f5d8846.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/d2f22c758a218647f2ef000c5c1a5ca3.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/420defbead909179dd6841f017090d91.jpg"  class="mr-0" >
                                                        <img src="/Uploads/Content/2019-03-01/b981ae466aa6a591ab04d79e984f4991.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/afb102a877f930bffa4419280025aa53.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/dfd073cd18b6c14be8ec7a7aee082f5a.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/5dad327e3e4eeefeb4bd244c3ba57352.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/b707c0b32600c9279dd0aa5b66145d45.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/6d0c5af884fe91174d32103b47715668.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/88027d73fd63c5c542d430296f6d5087.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/d36822632ec6857b67d66d6dd3feee3c.jpg"  class="mr-0" >
                                                        <img src="/Uploads/Content/2019-03-01/7b7dc23b2248749d6b492fdb23872d7a.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/32aeac5aacb9b7f2a8664a4c55e5343d.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/3d03bc4046bd4f7c0572a82fb063a292.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/96eb0f860d2f951c00ae6f8fb9c700c5.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/db96754092b1b406bcd0e318ae959a46.jpg" >
                                                        <img src="/Uploads/Content/2019-03-20/bc672e9cca359b43f8b841e1fdaaa00b.png" >
                                                        <img src="/Uploads/Content/2019-03-20/5aaa0f37ad1b5348241c9edfc740dbb2.png" >
                                                        <img src="/Uploads/Content/2019-03-20/4445f499626abc8fd9212246ad48be7f.png"  class="mr-0" >
                                                        <img src="/Uploads/Content/2019-03-20/63585f4d5add03750079d90950a79aae.png" >
                                                        <img src="/Uploads/Content/2019-03-20/349d231e46001688c7587012367be006.png" >
                                                        <img src="/Uploads/Content/2019-03-20/95381edf8fdb2404fbac6e0015684d21.png" >
                                                        <img src="/Uploads/Content/2019-03-20/b8fed7588f48cee6fd0dc4dfefd74618.png" >
                                                        <img src="/Uploads/Content/2019-03-20/d6541580a875d4f6e1d71173df5b3042.png" >
                                                        <img src="/Uploads/Content/2019-03-20/f1c0e91ce38ae845516bbab1f7d4dc3c.png" >
                                                        <img src="/Uploads/Content/2019-03-20/7bb686c8987240d8967bc3f2456f5977.png" >
                                                        <img src="/Uploads/Content/2019-03-20/b0220fb92c6928ae596baa122bd90d96.png"  class="mr-0" >
                                                        <img src="/Uploads/Content/2019-03-20/bf4aee25398597f6e00768f4c8ed65a2.png" >
                                                        <img src="/Uploads/Content/2019-03-20/f9184a19e6f36b184686161791f1c8c5.png" >
                                                        <img src="/Uploads/Content/2019-03-20/529ce81353a9e235f21fe1143594cd9c.png" >
                                                        <img src="/Uploads/Content/2019-03-20/a08cad777399fb4becb83656f9b2a413.png" >
                                                        <img src="/Uploads/Content/2019-03-20/f9f547457fb31e3c591be559d5247ceb.png" >
                                                        <img src="/Uploads/Content/2019-03-20/8a21a2d37c6dac791be736c3f5466ca7.png" >
                                                        <img src="/Uploads/Content/2019-03-20/ef1f4ec790fc7b4ac0c5cd3da19f978b.png" >
                                                        <img src="/Uploads/Content/2019-03-20/83ba75ea2561527792e931b3cac14e56.png"  class="mr-0" >
                            </div>
                    </div><div class="item">
                        <div class="list">                            <img src="/Uploads/Content/2019-03-20/79bf37a549e08ba5e5135222d23fec01.png" >
                                                        <img src="/Uploads/Content/2019-03-20/c7dee00f1fd1d6cb062ba4238ea24083.png" >
                                                        <img src="/Uploads/Content/2019-03-20/a5a7ab0dbacc0adc4fae519aa109bd3e.png" >
                                                        <img src="/Uploads/Content/2019-03-20/1bbe53b13b3460dea638e848939ec9fb.png" >
                                                        <img src="/Uploads/Content/2019-03-20/82cd2601c6dcdc976ee0cc8162621565.png" >
                                                        <img src="/Uploads/Content/2019-03-19/275b2e7e9c591b926fcdad2de854c7ec.png" >
                                                        <img src="/Uploads/Content/2019-03-20/18babc4e37d453ab2416d968b90f5b3b.png" >
                                                        <img src="/Uploads/Content/2019-03-20/a01ba6fa085b15d229dbd8cd992af20e.png"  class="mr-0" >
                                                        <img src="/Uploads/Content/2019-03-20/9cb1e817b92d8a923fc33874a508eb23.png" >
                                                        <img src="/Uploads/Content/2019-03-20/e96f35f64f45c717d72f2c8829263abc.png" >
                                                        <img src="/Uploads/Content/2019-03-20/2be1b39ab33fff3ea062265fff993d65.png" >
                                                        <img src="/Uploads/Content/2019-03-20/772ad1eb04fa2cfc7ad4126d7b99a520.png" >
                                                        <img src="/Uploads/Content/2019-03-20/8d9fad384c5b9eb09e01ef16ff5b5b68.png" >
                                                        <img src="/Uploads/Content/2019-03-20/33d61cd0aaac57d9c7c0f3501194385a.png" >
                                                        <img src="/Uploads/Content/2019-03-20/8c151dcf694e1f1c7d78c5cd4deae823.png" >
                                                        <img src="/Uploads/Content/2019-03-20/7c218725aa41bdab6598fd53e2a007c9.png"  class="mr-0" >
                                                        <img src="/Uploads/Content/2019-03-20/04f5f2be0210ca12d9dbb583c6ce218e.png" >
                                                        <img src="/Uploads/Content/2019-03-20/1685b2c5bd383376b24951b5f25d24a5.png" >
                                                        <img src="/Uploads/Content/2019-03-20/66038d3d2dea4e7395b469e684df5cc4.png" >
                                                        <img src="/Uploads/Content/2019-03-20/be4432444fdb980e381b21472806b262.png" >
                                                        <img src="/Uploads/Content/2019-03-20/826227ba1d179fbef7e01081f72a95e0.png" >
                                                        <img src="/Uploads/Content/2019-03-20/1f018c247bf8d8608b6bb75a64f97d16.png" >
                                                        <img src="/Uploads/Content/2019-03-20/310fa08d0bb921d2a6ccd45c36c16f02.png" >
                                                        <img src="/Uploads/Content/2019-03-20/24b3bcd0d43db98f2e6147ec40877b6b.png"  class="mr-0" >
                                                        <img src="/Uploads/Content/2019-03-20/fd0c37c9e21a31a8d8b5ed02b524e41f.png" >
                                                        <img src="/Uploads/Content/2019-03-20/199ddc827a5b0e5910c45c71c62ff09a.png" >
                                                        <img src="/Uploads/Content/2019-03-20/2e536da6149dde037c7cfe7dfde07179.png" >
                                                        <img src="/Uploads/Content/2019-03-20/6f3e9ec425bd0a2f35afce6cc9ac2b03.png" >
                                                        <img src="/Uploads/Content/2019-03-20/894efc23644c866b027ee01bfe49d69f.png" >
                                                        <img src="/Uploads/Content/2019-03-20/5bcdf54b8177bafcb4abdf74e018ffed.png" >
                                                        <img src="/Uploads/Content/2019-03-20/54326486246bad328149011045ae046d.png" >
                                                        <img src="/Uploads/Content/2019-03-20/e84ca1cf7377d637ad449f8ad10b6912.png"  class="mr-0" >
                                                        <img src="/Uploads/Content/2019-03-20/f647828d307db081362ce8664add1f7b.png" >
                                                        <img src="/Uploads/Content/2019-03-20/9d22cf4f887279e4dcd68be954e38087.png" >
                                                        <img src="/Uploads/Content/2019-03-20/e4081f420adb31847750baf1655e7f4b.png" >
                                                        <img src="/Uploads/Content/2019-03-20/351dfd48a3eced735dbc210fbfdda807.png" >
                                                        <img src="/Uploads/Content/2019-03-20/60ac9ad8dcad076ad8f20d5553220295.png" >
                                                        <img src="/Uploads/Content/2019-03-20/9ac9f1ff6eabe61172edb8eeb35a0e01.png" >
                                                        <img src="/Uploads/Content/2019-03-20/f9227431f944fb6f96a6bd153b61bb7f.png" >
                                                        <img src="/Uploads/Content/2019-03-20/763aeb7842dd7123c8b0bccb01afbb10.png"  class="mr-0" >
                            </div>
                    </div><div class="item">
                        <div class="list">                            <img src="/Uploads/Content/2019-03-20/b7b224c13993ac45d956b41cf0805604.png" >
                                                        <img src="/Uploads/Content/2019-03-20/935deb5fd0a3d37eff7d60b4f14f5beb.png" >
                                                        <img src="/Uploads/Content/2019-03-20/e968b145b3bcda0fb7b0dd4a3502fe14.png" >
                                                        <img src="/Uploads/Content/2019-03-20/8ed3e094693a3303bc912e9e8a40a397.png" >
                                                        <img src="/Uploads/Content/2019-03-20/ef2381f0b81998a623c562e190215982.png" >
                                                        <img src="/Uploads/Content/2019-03-20/a6531640b8181ff8ad6f0e51d3136de9.png" >
                                                        <img src="/Uploads/Content/2019-03-20/bd4e12ddd21397dbbbb29af942b76fc7.png" >
                                                        <img src="/Uploads/Content/2019-03-20/3e4dea4cda3dc1c953f1f33c0e98f424.png"  class="mr-0" >
                                                        <img src="/Uploads/Content/2019-03-20/89f2c6dfe774f36aafb1699d7174cb86.png" >
                                                        <img src="/Uploads/Content/2019-03-20/125d342608dd384877fc55b109968bde.png" >
                                                        <img src="/Uploads/Content/2019-03-20/caf7e05109b7625a18ba5b58a580da4c.png" >
                                                        <img src="/Uploads/Content/2019-03-20/6bd6a00cacc97b3790d2200a042eb387.png" >
                                                        <img src="/Uploads/Content/2019-03-20/0ce586d9139b873ce4c49a219306a07f.png" >
                                                        <img src="/Uploads/Content/2019-03-20/aef301f4e3dbb26353ddce3d858f194b.png" >
                                                        <img src="/Uploads/Content/2019-03-20/767b157ab4de796bf971322872d0846c.png" >
                                                        <img src="/Uploads/Content/2019-03-20/a3f357ce6ffaf178dbea8f3549f04168.png"  class="mr-0" >
                                                        <img src="/Uploads/Content/2019-03-20/0a780c4a0633c809051ec96251d787dc.png" >
                                                        <img src="/Uploads/Content/2019-03-20/02a7159dc85d643ad12094aa9f30be85.png" >
                                                        <img src="/Uploads/Content/2019-03-20/ba9706b98019020b87b450418d8c7cc1.png" >
                                                        <img src="/Uploads/Content/2019-03-20/a6b81eeb9e48de40d1a24c2a95e99c5d.png" >
                                                        <img src="/Uploads/Content/2019-03-01/7f4609adce15565a254dcd0b9f4fe04d.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/3958566a71949305cb055651aa58da77.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/8b2e48a6bf1035ec2a5d0ae8b1cd3613.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/4f5d529e0810e5d7cd5b7cddffe20939.jpg"  class="mr-0" >
                                                        <img src="/Uploads/Content/2019-03-01/ad40ea8097299fa51fe8942c286feb13.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/c854506216426d8fc6b3cbbb60296d4a.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/7a8ef2d1239295ae2625c62d96aea756.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/ddbfa822fcf1100ace02bab086271ede.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/c006183b07ac4c839efca1ada9b9256a.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/9b81f1cafed598b0257b636fa0bbda2b.jpg" >
                                                        <img src="/Uploads/Content/2019-03-01/ebab6a246239106d30f991a147d77271.jpg" >
                            </div>
                    </div>            </div>
            <div class="customer-m">
                <div id="owl-demo" class="owl-carousel" style="height:460px">
                                            <div class="item">
                        <div class="list">
                                                <img src="/Uploads/Content/2019-03-01/7cbeddeaf219e009910e78c13d3c6bf9.jpg">
                                                <img src="/Uploads/Content/2019-03-01/2147bf3ec274d396a3aa1e72e2c54779.jpg">
                                                <img src="/Uploads/Content/2019-03-01/18a8d728deded69f7c5e5eaf9717a8e0.jpg">
                                                <img src="/Uploads/Content/2019-03-01/66b0edc792357c61ffc671be38807226.jpg">
                                                <img src="/Uploads/Content/2019-03-01/20a1eb86d10129dbe8c993873ad84a45.jpg">
                                                <img src="/Uploads/Content/2019-03-01/4c6e05a5a3d00c49eabbd9127f5d8846.jpg">
                                                <img src="/Uploads/Content/2019-03-01/d2f22c758a218647f2ef000c5c1a5ca3.jpg">
                                                <img src="/Uploads/Content/2019-03-01/420defbead909179dd6841f017090d91.jpg">
                                                <img src="/Uploads/Content/2019-03-01/b981ae466aa6a591ab04d79e984f4991.jpg">
                                                <img src="/Uploads/Content/2019-03-01/afb102a877f930bffa4419280025aa53.jpg">
                                                <img src="/Uploads/Content/2019-03-01/dfd073cd18b6c14be8ec7a7aee082f5a.jpg">
                                                <img src="/Uploads/Content/2019-03-01/5dad327e3e4eeefeb4bd244c3ba57352.jpg">
                                                </div>
                        </div>
                                                <div class="item">
                        <div class="list">
                                                <img src="/Uploads/Content/2019-03-01/b707c0b32600c9279dd0aa5b66145d45.jpg">
                                                <img src="/Uploads/Content/2019-03-01/6d0c5af884fe91174d32103b47715668.jpg">
                                                <img src="/Uploads/Content/2019-03-01/88027d73fd63c5c542d430296f6d5087.jpg">
                                                <img src="/Uploads/Content/2019-03-01/d36822632ec6857b67d66d6dd3feee3c.jpg">
                                                <img src="/Uploads/Content/2019-03-01/7b7dc23b2248749d6b492fdb23872d7a.jpg">
                                                <img src="/Uploads/Content/2019-03-01/32aeac5aacb9b7f2a8664a4c55e5343d.jpg">
                                                <img src="/Uploads/Content/2019-03-01/3d03bc4046bd4f7c0572a82fb063a292.jpg">
                                                <img src="/Uploads/Content/2019-03-01/96eb0f860d2f951c00ae6f8fb9c700c5.jpg">
                                                <img src="/Uploads/Content/2019-03-01/db96754092b1b406bcd0e318ae959a46.jpg">
                                                <img src="/Uploads/Content/2019-03-20/bc672e9cca359b43f8b841e1fdaaa00b.png">
                                                <img src="/Uploads/Content/2019-03-20/5aaa0f37ad1b5348241c9edfc740dbb2.png">
                                                <img src="/Uploads/Content/2019-03-20/4445f499626abc8fd9212246ad48be7f.png">
                                                </div>
                        </div>
                                                <div class="item">
                        <div class="list">
                                                <img src="/Uploads/Content/2019-03-20/63585f4d5add03750079d90950a79aae.png">
                                                <img src="/Uploads/Content/2019-03-20/349d231e46001688c7587012367be006.png">
                                                <img src="/Uploads/Content/2019-03-20/95381edf8fdb2404fbac6e0015684d21.png">
                                                <img src="/Uploads/Content/2019-03-20/b8fed7588f48cee6fd0dc4dfefd74618.png">
                                                <img src="/Uploads/Content/2019-03-20/d6541580a875d4f6e1d71173df5b3042.png">
                                                <img src="/Uploads/Content/2019-03-20/f1c0e91ce38ae845516bbab1f7d4dc3c.png">
                                                <img src="/Uploads/Content/2019-03-20/7bb686c8987240d8967bc3f2456f5977.png">
                                                <img src="/Uploads/Content/2019-03-20/b0220fb92c6928ae596baa122bd90d96.png">
                                                <img src="/Uploads/Content/2019-03-20/bf4aee25398597f6e00768f4c8ed65a2.png">
                                                <img src="/Uploads/Content/2019-03-20/f9184a19e6f36b184686161791f1c8c5.png">
                                                <img src="/Uploads/Content/2019-03-20/529ce81353a9e235f21fe1143594cd9c.png">
                                                <img src="/Uploads/Content/2019-03-20/a08cad777399fb4becb83656f9b2a413.png">
                                                </div>
                        </div>
                                                <div class="item">
                        <div class="list">
                                                <img src="/Uploads/Content/2019-03-20/f9f547457fb31e3c591be559d5247ceb.png">
                                                <img src="/Uploads/Content/2019-03-20/8a21a2d37c6dac791be736c3f5466ca7.png">
                                                <img src="/Uploads/Content/2019-03-20/ef1f4ec790fc7b4ac0c5cd3da19f978b.png">
                                                <img src="/Uploads/Content/2019-03-20/83ba75ea2561527792e931b3cac14e56.png">
                                                <img src="/Uploads/Content/2019-03-20/79bf37a549e08ba5e5135222d23fec01.png">
                                                <img src="/Uploads/Content/2019-03-20/c7dee00f1fd1d6cb062ba4238ea24083.png">
                                                <img src="/Uploads/Content/2019-03-20/a5a7ab0dbacc0adc4fae519aa109bd3e.png">
                                                <img src="/Uploads/Content/2019-03-20/1bbe53b13b3460dea638e848939ec9fb.png">
                                                <img src="/Uploads/Content/2019-03-20/82cd2601c6dcdc976ee0cc8162621565.png">
                                                <img src="/Uploads/Content/2019-03-19/275b2e7e9c591b926fcdad2de854c7ec.png">
                                                <img src="/Uploads/Content/2019-03-20/18babc4e37d453ab2416d968b90f5b3b.png">
                                                <img src="/Uploads/Content/2019-03-20/a01ba6fa085b15d229dbd8cd992af20e.png">
                                                </div>
                        </div>
                                                <div class="item">
                        <div class="list">
                                                <img src="/Uploads/Content/2019-03-20/9cb1e817b92d8a923fc33874a508eb23.png">
                                                <img src="/Uploads/Content/2019-03-20/e96f35f64f45c717d72f2c8829263abc.png">
                                                <img src="/Uploads/Content/2019-03-20/2be1b39ab33fff3ea062265fff993d65.png">
                                                <img src="/Uploads/Content/2019-03-20/772ad1eb04fa2cfc7ad4126d7b99a520.png">
                                                <img src="/Uploads/Content/2019-03-20/8d9fad384c5b9eb09e01ef16ff5b5b68.png">
                                                <img src="/Uploads/Content/2019-03-20/33d61cd0aaac57d9c7c0f3501194385a.png">
                                                <img src="/Uploads/Content/2019-03-20/8c151dcf694e1f1c7d78c5cd4deae823.png">
                                                <img src="/Uploads/Content/2019-03-20/7c218725aa41bdab6598fd53e2a007c9.png">
                                                <img src="/Uploads/Content/2019-03-20/04f5f2be0210ca12d9dbb583c6ce218e.png">
                                                <img src="/Uploads/Content/2019-03-20/1685b2c5bd383376b24951b5f25d24a5.png">
                                                <img src="/Uploads/Content/2019-03-20/66038d3d2dea4e7395b469e684df5cc4.png">
                                                <img src="/Uploads/Content/2019-03-20/be4432444fdb980e381b21472806b262.png">
                                                </div>
                        </div>
                                                <div class="item">
                        <div class="list">
                                                <img src="/Uploads/Content/2019-03-20/826227ba1d179fbef7e01081f72a95e0.png">
                                                <img src="/Uploads/Content/2019-03-20/1f018c247bf8d8608b6bb75a64f97d16.png">
                                                <img src="/Uploads/Content/2019-03-20/310fa08d0bb921d2a6ccd45c36c16f02.png">
                                                <img src="/Uploads/Content/2019-03-20/24b3bcd0d43db98f2e6147ec40877b6b.png">
                                                <img src="/Uploads/Content/2019-03-20/fd0c37c9e21a31a8d8b5ed02b524e41f.png">
                                                <img src="/Uploads/Content/2019-03-20/199ddc827a5b0e5910c45c71c62ff09a.png">
                                                <img src="/Uploads/Content/2019-03-20/2e536da6149dde037c7cfe7dfde07179.png">
                                                <img src="/Uploads/Content/2019-03-20/6f3e9ec425bd0a2f35afce6cc9ac2b03.png">
                                                <img src="/Uploads/Content/2019-03-20/894efc23644c866b027ee01bfe49d69f.png">
                                                <img src="/Uploads/Content/2019-03-20/5bcdf54b8177bafcb4abdf74e018ffed.png">
                                                <img src="/Uploads/Content/2019-03-20/54326486246bad328149011045ae046d.png">
                                                <img src="/Uploads/Content/2019-03-20/e84ca1cf7377d637ad449f8ad10b6912.png">
                                                </div>
                        </div>
                                                <div class="item">
                        <div class="list">
                                                <img src="/Uploads/Content/2019-03-20/f647828d307db081362ce8664add1f7b.png">
                                                <img src="/Uploads/Content/2019-03-20/9d22cf4f887279e4dcd68be954e38087.png">
                                                <img src="/Uploads/Content/2019-03-20/e4081f420adb31847750baf1655e7f4b.png">
                                                <img src="/Uploads/Content/2019-03-20/351dfd48a3eced735dbc210fbfdda807.png">
                                                <img src="/Uploads/Content/2019-03-20/60ac9ad8dcad076ad8f20d5553220295.png">
                                                <img src="/Uploads/Content/2019-03-20/9ac9f1ff6eabe61172edb8eeb35a0e01.png">
                                                <img src="/Uploads/Content/2019-03-20/f9227431f944fb6f96a6bd153b61bb7f.png">
                                                <img src="/Uploads/Content/2019-03-20/763aeb7842dd7123c8b0bccb01afbb10.png">
                                                <img src="/Uploads/Content/2019-03-20/b7b224c13993ac45d956b41cf0805604.png">
                                                <img src="/Uploads/Content/2019-03-20/935deb5fd0a3d37eff7d60b4f14f5beb.png">
                                                <img src="/Uploads/Content/2019-03-20/e968b145b3bcda0fb7b0dd4a3502fe14.png">
                                                <img src="/Uploads/Content/2019-03-20/8ed3e094693a3303bc912e9e8a40a397.png">
                                                </div>
                        </div>
                                                <div class="item">
                        <div class="list">
                                                <img src="/Uploads/Content/2019-03-20/ef2381f0b81998a623c562e190215982.png">
                                                <img src="/Uploads/Content/2019-03-20/a6531640b8181ff8ad6f0e51d3136de9.png">
                                                <img src="/Uploads/Content/2019-03-20/bd4e12ddd21397dbbbb29af942b76fc7.png">
                                                <img src="/Uploads/Content/2019-03-20/3e4dea4cda3dc1c953f1f33c0e98f424.png">
                                                <img src="/Uploads/Content/2019-03-20/89f2c6dfe774f36aafb1699d7174cb86.png">
                                                <img src="/Uploads/Content/2019-03-20/125d342608dd384877fc55b109968bde.png">
                                                <img src="/Uploads/Content/2019-03-20/caf7e05109b7625a18ba5b58a580da4c.png">
                                                <img src="/Uploads/Content/2019-03-20/6bd6a00cacc97b3790d2200a042eb387.png">
                                                <img src="/Uploads/Content/2019-03-20/0ce586d9139b873ce4c49a219306a07f.png">
                                                <img src="/Uploads/Content/2019-03-20/aef301f4e3dbb26353ddce3d858f194b.png">
                                                <img src="/Uploads/Content/2019-03-20/767b157ab4de796bf971322872d0846c.png">
                                                <img src="/Uploads/Content/2019-03-20/a3f357ce6ffaf178dbea8f3549f04168.png">
                                                </div>
                        </div>
                                                <div class="item">
                        <div class="list">
                                                <img src="/Uploads/Content/2019-03-20/0a780c4a0633c809051ec96251d787dc.png">
                                                <img src="/Uploads/Content/2019-03-20/02a7159dc85d643ad12094aa9f30be85.png">
                                                <img src="/Uploads/Content/2019-03-20/ba9706b98019020b87b450418d8c7cc1.png">
                                                <img src="/Uploads/Content/2019-03-20/a6b81eeb9e48de40d1a24c2a95e99c5d.png">
                                                <img src="/Uploads/Content/2019-03-01/7f4609adce15565a254dcd0b9f4fe04d.jpg">
                                                <img src="/Uploads/Content/2019-03-01/3958566a71949305cb055651aa58da77.jpg">
                                                <img src="/Uploads/Content/2019-03-01/8b2e48a6bf1035ec2a5d0ae8b1cd3613.jpg">
                                                <img src="/Uploads/Content/2019-03-01/4f5d529e0810e5d7cd5b7cddffe20939.jpg">
                                                <img src="/Uploads/Content/2019-03-01/ad40ea8097299fa51fe8942c286feb13.jpg">
                                                <img src="/Uploads/Content/2019-03-01/c854506216426d8fc6b3cbbb60296d4a.jpg">
                                                <img src="/Uploads/Content/2019-03-01/7a8ef2d1239295ae2625c62d96aea756.jpg">
                                                <img src="/Uploads/Content/2019-03-01/ddbfa822fcf1100ace02bab086271ede.jpg">
                                                </div>
                        </div>
                                                <div class="item">
                        <div class="list">
                                                <img src="/Uploads/Content/2019-03-01/c006183b07ac4c839efca1ada9b9256a.jpg">
                                                <img src="/Uploads/Content/2019-03-01/9b81f1cafed598b0257b636fa0bbda2b.jpg">
                                                <img src="/Uploads/Content/2019-03-01/ebab6a246239106d30f991a147d77271.jpg">
                                                </div>
                        </div>
                                        </div>
            </div>
        </div>
        <script>
            $(function () {
                // 新闻
                var w = parseInt($(window).width());
                if (w > 1200) {
                    $('.owl-carousel').owlCarousel({
                        items: 1,
                        navigation: true,
                        navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
                        slideSpeed: 500,
                        rewindSpeed: 500,
                        autoPlay: true,
                        stopOnHover: true
                    });
                } else {
                    $('.customer-m .owl-carousel').owlCarousel({
                        items: 1,
                        navigation: true,
                        navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
                        slideSpeed: 500,
                        rewindSpeed: 500,
                        autoPlay: true,
                        stopOnHover: true
                    });

                    $('.customer-m .owl-prev').css('left', '20px');
                    $('.customer-m .owl-next').css('right', '20px');

                }
            })
        </script>
    </div>
</div>



<div id="footer">
    <div class="this-1200 after">
        <div class="icon f-l after">
            <img src="/Public/CN/images/icon.png" alt="">
            <p>以优秀的创意，完美的拍摄和精湛的后期制作，保证最佳品质；以最贴近市场的专业经验，助您实现非凡的销售力。观视与您共同见证彼此成长！</p>
        </div>
        <div class="contact f-l">
            <p>0574-25555503 &amp; 13396688870<br/></p><p><em class="fa fa-envelope"></em>nb2005@foxmail.com</p>        </div>
    </div>
    <div class="copyright">
        宁波鄞州区宁穿路1128号  All Rights Reserved.        <span><a href="http://www.dfsun.com/" style="color: #666;"
                    target="__blank">宁波宣传片拍摄公司&nbsp;&nbsp;</a></span><span><a href="http://www.dfsun.com/" style="color: #666;"
                    target="__blank">宁波广告片制作&nbsp;&nbsp;</a></span><span><a href="http://www.dfsun.com/" style="color: #666;"
                    target="__blank">宁波影视公司&nbsp;&nbsp;</a></span><span><a href="http://www.dfsun.com/" style="color: #666;"
                    target="__blank">宁波三维动画制作&nbsp;&nbsp;</a></span><span><a href="http://beian.miit.gov.cn/" style="color: #666;"
                    target="__blank">浙ICP备19005505号-1&nbsp;&nbsp;</a></span>    </div>
</div>

<!-- 视频模态框 -->
<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Modal title</h4>
            </div>
            <div class="modal-body">
                <video poster='' controls style='width:100%;padding: 0;margin: 0;' src=""></video>
            </div>
            <div class="bshare-custom icon-medium" style="padding: 10px 0;
            text-align: center;">
                <a title="分享到新浪微博" class="bshare-sinaminiblog"></a>
                <a title="分享到QQ空间" class="bshare-qzone"></a>
                <a title="分享到微信" class="bshare-weixin"></a>
                <a title="分享到腾讯微博" class="bshare-qqmb"></a>
                <a title="分享到网易微博" class="bshare-neteasemb"></a>
            </div>
            <script type="text/javascript" charset="utf-8"
                src="http://static.bshare.cn/b/button.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script><a
                class="bshareDiv" onclick="javascript:return false;"></a>
            <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
        </div>

    </div>
</div>
<div id="mid" style="display:none" class=""></div>
<style>
    /* 手机隐藏分享 */
    @media screen and (max-width:1200px) {
        .bshare-custom {
            display: none;
        }
    }
</style>
<script>
    $(function () {
        // wow 开启
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        };
        // 隐藏模态框,暂停播放
        $('#myModal').on('hide.bs.modal', function () {
            $(this).find('video')[0].pause();

        })

        // 打开模态框,并且播放视频
        var modal = $("#myModal"),
            modalTtile = modal.find('.modal-title'),
            modalBody = modal.find('.modal-body'),
            video = modal.find('video'),
            src = "",
            w = parseInt($(window).width()),
            mid = $('#mid').attr('class');
        $(".video-modal").click(function () {
            var img_src = $(this).find('img').attr('src');
            src = $(this).find('.src video').attr('src');

            
            var vImg = $(this).attr('class').indexOf('v-img');
            if (w > 1200) {
                if (mid == 13 || vImg!="-1") {
                    
                    modalBody.html("<video  poster='" + img_src + "'  x5-playsinline='' playsinline='' webkit-playsinline='' style='width:100%; ' src='" + src + "'></video>");
                } else {
                    modalBody.html("<video autoplay poster='" + img_src + "' controls x5-playsinline='' playsinline='' webkit-playsinline='' style='width:100%; ' src='" + src + "'></video>");
                }
            } else {
                if (mid == 13 || vImg!=-1) {
                    modalBody.html("<video  poster='" + img_src + "'  x5-playsinline='' playsinline='' webkit-playsinline='' style='width:100%;height:200px' src='" + src + "'></video>");
                } else {
                    modalBody.html("<video autoplay poster='" + img_src + "' controls x5-playsinline='' playsinline='' webkit-playsinline='' style='width:100%;height:200px' src='" + src + "'></video>");
                }
            }
            if (mid != 13) {
                modalBody.find('video')[0].play();
            }
            

            modalTtile.text($(this).find('.title>p').text());

            // 分享
            bShare.addEntry({
                title: $(this).find('.title>p').text(),
                summary: document.title,
                pic: 'http://' + window.location.host + img_src
            });

            modal.modal('show');
            return false;
        })
    });


    // 计算时间
    // window.onload = function () {
    //     $(".video-modal").each(function () {
    //         var _that = $(this),
    //             v = _that.find('video')[0],
    //             time;
    //         v.oncanplaythrough = function () {
    //             time = v.duration;
    //             time = (parseInt(time / 60) > 10 ? parseInt(time / 60) + "'" : "0" + parseInt(time / 60)) + "'" + (parseInt(time % 60) > 10 ? parseInt(time % 60) + '"' : "0" + parseInt(time % 60) + '"');
    //             _that.find('.time').text(time);
    //         }
    //     })
    // }
</script>
<div id="left">
    <div class="item plus">
        <span class="icon">
            <i class="fa fa-plus"></i>
        </span>
    </div>
    <div class="item go-top">
        <span class="icon">
            <i class="fa fa-arrow-up"></i>
        </span>
        <span class="text">
            回到顶部
        </span>
    </div>
    <div class="item">
        <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=769668832&amp;site=qq&amp;menu=yes"
            target="_blank">
            <span class="icon">
                <i class="fa fa-qq"></i>
            </span>
            <span class="text">
                QQ 在线联系
            </span>
        </a>
    </div>
    <div class="item qr">
        <span class="icon">
            <i class="fa fa-qrcode"></i>
        </span>
        <span class="text">
            微信二维码
        </span>
        <span class="img">
            <img src="/Uploads/Content/2019-05-17/745b3a1c690ef8905946854282b8328d.jpg" alt="">
        </span>
    </div>
</div>
<script>
    $(function () {
        // 滚动加载
        if ($(window).scrollTop() > 150) {
            $('#left').fadeIn();
        } else {
            $('#left').fadeOut();
        }
        $(window).scroll(function () {
            if ($(this).scrollTop() > 150) {
                $('#left').fadeIn();
            } else {
                $('#left').fadeOut();
            }
        })

        $('#left .go-top').click(function () {
            $('html,body').animate({
                scrollTop: 0
            }, 400);
        })
        if (parseInt($(window).width()) < 1200) {
            var i = 0;
            $('#left .item:first-child,#left .qr').click(function () {
                var that = $('#left .item:first-child');
                if (i) {
                    $('#left .item').animate({
                        width: 40
                    }, 500);
                    $('#left .item .text').animate({
                        width: 0
                    }, 500);
                    $('#left .qr').animate({
                        height: 40
                    }, 500, function () {
                        that.find('i').attr('class', 'fa fa-plus');
                    });
                    i = 0;
                } else {

                    $('#left .item').animate({
                        width: 160
                    }, 500);
                    $('#left .item .text').animate({
                        width: 100
                    }, 500);
                    $('#left .qr').animate({
                        height: 184
                    }, 500, function () {
                        that.find('i').attr('class', 'fa fa-minus');
                    });
                    i = 1;
                }


            })
        }

    })
</script>
<style>
    #left {
        position: fixed;
        right: 10px;
        bottom: 70px;
        z-index: 9999;
        font-size: 0;
        display: none;
    }

    #left .go-top {
        cursor: pointer;
    }

    #left .item {
        width: 60px;
        height: 60px;
        transition: all 0.3s;
        background: #1978CC;
        margin-bottom: 10px;
        border-radius: 3px;
        overflow: hidden;
    }

    #left .item span {
        display: inline-block;
        color: #fff;
        font-size: 14px;
    }

    #left .item .icon {
        width: 60px;
        line-height: 60px;
        text-align: center;
    }

    #left .item .text {
        width: 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all 0.3s;
        line-height: 60px;
        vertical-align: top;
    }

    #left:hover .item {
        width: 190px;
    }

    #left:hover .item .text {
        width: 130px;
    }

    #left:hover .qr {
        height: 234px;
    }

    #left .plus {
        display: none;
    }

    #left .qr .img {
        display: block;
        max-width: 190px;
        padding: 20px;
        padding-top: 0;
        box-sizing: border-box;
    }

    #left .qr .img img {
        width: 150px;
        max-width: unset;
    }

    #left .item i {
        font-size: 30px;
        color: #fff;
        vertical-align: middle;
    }


    @media screen and (max-width:1200px) {
        #left .item i {
            font-size: 22px;
        }

        #left .item,
        #left .item .icon {
            width: 40px;
            height: 40px;
            line-height: 40px;
        }

        #left .item:first-child {
            background-color: #676767;
            text-align: center;
        }

        #left:hover .item {
            width: 40px;
        }

        #left:hover .item .text {
            width: 0px;
            line-height: 40px;
        }

        #left .qr .img img {
            width: 120px;
        }

        #left .plus {
            display: block;
        }

        #left:hover .qr {
            height: 40px;
        }
    }
</style>
</body>

</html>