CINXE.COM

北京网站建设_集团网站建设_高端专业网站设计公司-北京分形科技

<!doctype html> <html > <head> <link href="/Public/favicon.ico" type="image/x-icon" rel="shortcut icon"/><!-- Favicon Icon --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="webkit"> <meta name="author" content="http://www.fractal-technology.com"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format-detection" content="telephone=no,email=no,adress=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="keywords" content="北京网站建设,北京网站建设公司,集团网站建设,集团网站建设公司,专业网站建设,专业网站建设公司,高端网站建设,高端网站建设公司" /> <meta name="description" content="北京分形科技网站建设公司作为高端专业的北京网站建设公司,专注于网站建设,网站设计,元宇宙,人工智能开发服务,提供大型网站定制服务.电话010-64928252." /> <title>北京网站建设_集团网站建设_高端专业网站设计公司-北京分形科技</title> <link rel="stylesheet" href="/Public/static/themes/css/vendor.css?v=24.11.15"> <!-- inject:css --> <link rel="stylesheet" href="/Public/static/themes/css/main.css?v=24.11.15"> <!-- endinject --> <script src="/Public/static/themes/js/vendor.js?v=24.11.15"></script> <!-- inject:js --> <script src="/Public/static/themes/js/main.js?v=24.11.15"></script> <!--[if lt IE 9]> <script src="js/plugs/html5shiv.min.js"></script> <script src="js/plugs/respond.min.js"></script> <![endif]--> </head> <body> <script> $(function(){ $('.x-header .widget-area-edit-bg,.x-header .widget-area-edit-title').remove(); $('.x-footer .widget-area-edit-bg,.x-footer .widget-area-edit-title').remove(); $('.rightNav .widget-area-edit-bg,.rightNav .widget-area-edit-title').remove(); }); </script> <style> .empty-data{ width:100%; font-size:25px; padding-top:8%; padding-bottom:8%; text-align: center;} </style> <div class="x-layout"> <div class="float_red"> <div class="red_t"></div> <div class="red_r"></div> <div class="red_b"></div> <div class="red_l"></div> <div class="fu1"></div> <div class="fu2"></div> </div> <style type="text/css"> .sidebar-mod .widget-area-edit-btn{top: -10px !important;} </style> <div class="sidebar-mod"> <div class="sidebar-item"><div class="sidebar-cont"> <a href="http://p.qiao.baidu.com/cps/chat?siteId=797383&userId=3095672" target="_blank" > <div class="icon"><img src="/Uploads/Picture/2022/11/25/s6380258e55e34.png" alt="" class="i"></div> <div class="txt">在线咨询</div> </a> </div></div> <div class="sidebar-item"><div class="sidebar-cont" id="wlWXIM-btn"> <a style="cursor: default;"> <div class="img p-show" id="wl-qrcode"></div> <div class="icon m-show"><img src="/Public/static/themes/image/lyj/icon16.png" alt="" class="i"></div> <div class="txt">企微直连</div> </a> </div></div> <div class="sidebar-item"><div class="sidebar-cont" id="code-btn"> <a style="cursor: default;"> <div class="img p-show"><img src="/Public/static/themes/image/code2d.jpg" alt="" class="i"></div> <div class="icon m-show"><img src="/Public/static/themes/image/lyj/icon9.png" alt="" class="i"></div> <div class="txt">公众号</div> </a> </div></div> <div class="sidebar-item"><div class="sidebar-cont"> <a href="/about.html" target="_blank" > <div class="icon"><img src="/Public/static/themes/image/lyj/icon15.png" alt="" class="i"></div> <div class="txt">招聘</div> </a> </div></div> <div class="sidebar-item"><div class="sidebar-cont"> <a href="/searchs/keywords/分形科技.html" target="_blank" > <div class="icon m-show"><img src="/Public/static/themes/image/lyj/ZL2.png" alt="" class="i"></div> <div class="img p-show"><img src="/Public/static/themes/image/lyj/ZL2.png" alt="" class="i"></div> <div class="txt"></div> </a> </div></div> <div class="s_btn m-show"> <div class="xicon icon-left"></div> </div> </div> <div class="serv_dialog"> <span class="close" onClick="$('.serv_dialog').fadeOut(300);"></span> <div class="inner"> <div class="h3">您需要<span class="letter">AI</span>互联网<br />顾问提供专业咨询</div> <div class="btns"><a href="javascript:;" class="a1" onClick="$('.serv_dialog').fadeOut(300);">残忍拒绝</a><a target="_blank" href="https://p.qiao.baidu.com/cps/chat?siteId=797383&userId=3095672" onClick="$('.serv_dialog').fadeOut(300);ga('send', 'event', '对话', '点击', '分形中间弹窗', '2');_hmt.push(['_trackEvent', '百度商桥', '点击']);">立即咨询</a> </div> <div style="line-height:26px;" class="kw">AI人工智能 · VR · AR · 智慧博物馆 · 智慧公园 · 景区 · 文创 · 动画 · 游戏 · 年度运营<br/> 大模型定制 · WEB3 · 元宇宙 · 区块链 · 高端网站建设 · 小程序 · APP · 微信 · H5 · 电商</div> </div> </div> <div class="x-header"> <div class="navs"> <div class="menu-mod"><div class="logo"> <a href="/index.html" > <img src="/Uploads/Picture/2023/02/06/s63e06beda23f1.png" alt="" class="i i1"> <img src="/Public/static/themes/image/logo1.png" alt="" class="i i2"> </a> </div> <div class="icon m-show"> <a href="https://p.qiao.baidu.com/cps/chat?siteId=797383&userId=3095672" target="_blank" > <img src="/Public/static/themes/image/lyj/icon1.png" alt="" class="i i1"> <img src="/Public/static/themes/image/lyj/icon1_a.png" alt="" class="i i2"> </a> </div> <div class="menu-btn"><span class="line"></span></div></div> <div class="nav-mod"> <div class="nav-box nav-lv1"> <div class="nav-item nav-lv1-item"> <div class="nav-tit nav-lv1-tit"><a class="nav-link nav-lv1-link" href="/network.html" >AI互联网服务</a> </div> </div> <div class="nav-item nav-lv1-item"> <div class="nav-tit nav-lv1-tit"><a class="nav-link nav-lv1-link" href="/fxfa.html" >AI解决方案</a> </div> </div> <div class="nav-item nav-lv1-item cur"> <div class="nav-tit nav-lv1-tit"><a class="nav-link nav-lv1-link" style="cursor: default;"> <span> <img src="/Public/static/themes/image/text1_a.png" alt="" class="i i1"> <img src="/Public/static/themes/image/text1_b.png" alt="" class="i i2"> <img src="/Public/static/themes/image/text1_c.png" alt="" class="i i3"> <span class="cir"></span> </span> </a></div> </div> <div class="nav-item nav-lv1-item"> <div class="nav-tit nav-lv1-tit"><a class="nav-link nav-lv1-link" href="/fxbk.html" >百科</a> </div> </div> <div class="nav-item nav-lv1-item"> <div class="nav-tit nav-lv1-tit"><a class="nav-link nav-lv1-link" href="/fxal.html?_wap=1" >案例</a> </div> </div> <div class="nav-item nav-lv1-item"> <div class="nav-tit nav-lv1-tit"><a class="nav-link nav-lv1-link" href="/about.html" >我们</a> </div> </div> </div> </div> <style> .tools-mod .widget-area-edit-btn{left: -94px !important;top:-30px !important;} </style> <div class="tools-mod p-show"> <div class="flex"> <div class="tools-item"> <a class="flex" href="tel:400-6446-365"> <div class="icon"> <img src="/Uploads/Picture/2022/11/01/s6360f01ed735c.png" alt="" class="i i1"> <img src="/Uploads/Picture/2023/01/18/s63c76b3c3d423.png" alt="" class="i i2"> </div> <div class="txt">400-6446-365</div> </a> </div><div class="tools-item"> <a class="flex" href="/new_service.html" target="_blank" > <div class="icon"> <img src="/Uploads/Picture/2022/11/01/s6360effef1cf6.png" alt="" class="i i1"> <img src="/Uploads/Picture/2023/01/18/s63c76b41acbd6.png" alt="" class="i i2"> </div> <div class="txt">服务</div> </a> </div><div class="tools-item"> <a class="flex" style="cursor: default;" > <div class="icon"> <img src="/Uploads/Picture/2022/11/01/s6360efe204833.png" alt="" class="i i1"> <img src="/Uploads/Picture/2023/01/18/s63c76b46aa79d.png" alt="" class="i i2"> </div> <div class="txt">北京</div> </a> <div class="d_down"> <div class="ul"> <div class="li"><a href="http://sh.fractal-technology.com/" target="_blank" >上海</a></div><div class="li"><a href="http://gd.fractal-technology.com/" target="_blank" >广州</a></div><div class="li"><a href="http://sc.fractal-technology.com/" target="_blank" >成都</a></div><div class="li"><a href="http://www.fractalai.cn/" target="_blank" >智能</a></div><div class="li"><a href="http://www.ftbj.net/" target="_blank" >设计</a></div> </div> </div> </div> <div class="tools-item search-mod"> <div class="search-tap xicon icon-search"></div> <div class="search-box"> <div class="search-txt"> <input type="text" class="search-input inp_s" placeholder="Search"> </div> <div class="search-btn"> <button class="search-submit xicon icon-search pc_sub" type="submit"></button> </div> </div> </div> </div></div> </div> <div class="sin_list"><!-- 别删 --></div> <style> .d3_t3_class .widget-area-edit-btn{left: 244px !important;} </style> <div class="d3_t3_class"><!-- 别删 --></div> <div class="nav_child"> <div class="sout"> <div class="over"> <!-- 若要恢复原样式 删除对应新增的样式,js和.over,.p-show .sout下直接就是.sin --> <div class="sin"> <style> .home_nav_shild_sin button{ top: -400px !important; z-index: 1000 !important; left: 440px !important; } </style> <div class="p-show home_nav_shild_sin"><div class="p-show"> <div class="header_earth"> <div class="cir"></div> <div class="person"> <img src="/Public/static/themes/image/lyj/false.ani" alt=""> </div> <a class="mask" href="/searchs/keywords/分形科技.html" target="_blank" ></a> </div> <div class="header_video"> <video preload="auto" webkit-playsinline="" playsinline="" x5-playsinline="" x-webkit-airplay="allow" loop="true" muted></video> </div> <div class="mask" style="background-image: url(/Public/static/themes/image/text4a.png);"></div> <div class="lineBox"> <!-- 线条 --> <div class="l1"></div> <div class="l2"></div> <div class="l3"></div> <div class="l4"></div> <div class="l5"> <div class="c1"></div> <div class="c2"></div> <div class="c3"></div> <div class="c4"></div> <div class="c5"></div> <div class="c6"></div> </div> <div class="l6"></div> </div> <div class="close"></div> </div></div> <div class="d2"> <div class="list"> <div class="item item1"> <a href="/museum.html" target="_blank" > <div class="icon"><img src="/Uploads/Picture/2023/01/16/s63c4ef778abdb.png" alt="" class="i"></div> <div class="t1">智慧博物馆</div> <div class="p p-show"><p>想得到的智慧博物馆新玩法,可能都在这里</p></div> </a> </div><div class="item item2"> <a href="/aipark.html" target="_blank" > <div class="icon"><img src="/Uploads/Picture/2023/01/16/s63c4ef47eae9a.png" alt="" class="i"></div> <div class="t1">智慧公园、景区</div> <div class="p p-show"><p>听说,在智能公园中漫步才是最惬意的事</p></div> </a> </div><div class="item item3"> <a href="/special_community.html" target="_blank" > <div class="icon"><img src="/Uploads/Picture/2023/01/16/s63c4ef27675d4.png" alt="" class="i"></div> <div class="t1">智慧社区</div> <div class="p p-show"><p>AI技术加持,社区系统真正互联互通</p></div> </a> </div><div class="item item4"> <a href="/special_hospital.html" target="_blank" > <div class="icon"><img src="/Uploads/Picture/2023/01/16/s63c4ef04cbfe8.png" alt="" class="i"></div> <div class="t1">智慧医院</div> <div class="p p-show"><p>增强诊前服务、辅助诊中流程、优化诊后交流</p></div> </a> </div> </div> </div> <style> .d3 .t1 .widget-area-edit-btn{top:-45px !important;} .d3 .t1 .widget-area-edit{width:1px !important;} </style> <div class="d3"> <div class="list"> <div class="item item1" data-video="/Uploads/Media/2023/02/07/m63e1f35a3021f.mp4"> <div class="t1"><a href="/network.html" target="_blank" >AI互联网服务</a></div> <div class="ul"><div class="li has_ol"> <div class="t"><a href="/network.html" target="_blank" >AI网站建设</a></div> <div class="ol"> <div class="l"><a href="/network.html" target="_blank" >品牌官网建设</a></div><div class="l"><a href="/network.html" target="_blank" >政府、集团网站群建设</a></div><div class="l"><a href="/network.html" target="_blank" >行业门户网站建设</a></div><div class="l"><a href="/network.html" target="_blank" >电商网站建设</a></div><div class="l"><a href="/network.html" target="_blank" >社区网站建设</a></div><div class="l"><a href="/network.html" target="_blank" >短视频社交平台建设</a></div><div class="l"><a href="/network.html" target="_blank" >业务系统定制开发</a></div> </div></div><div class="li "> <div class="t"><a href="/yd.html" target="_blank" >移动端、融媒体</a></div> </div><div class="li "> <div class="t"><a href="/product.html" target="_blank" >产品</a></div> </div><div class="li "> <div class="t"><a href="/wlyx.html" target="_blank" >网络运营</a></div> </div><div class="li "> <div class="t"><a href="/ui.html" target="_blank" >UI/UE/UX</a></div> </div></div> <div class="m-show"> <!-- data-src文件来源 data-name文件名 --> <div class="header_earth" data-src="http://fractal2022.fractaltest.cn/Public/static/themes/media/" data-name="/Uploads/Media/2023/02/07/m63e1f35a3021f.mp4,/Uploads/Media/2023/02/01/m63d9dbfd459b1.mp4,/Uploads/Media/2023/01/16/m63c5469f1efb9.mp4,/Uploads/Media/2023/01/16/m63c4f2408ef6f.mp4,/Uploads/Media/2023/02/01/m63d9da6785ef2.mp4"> <div class="cir"><div class="person"> <img src="/Public/static/themes/image/lyj/false.ani" alt=""> </div> <a href="/searchs/keywords/分形科技.html" target="_blank" class="mask"></a></div> <div class="header_video"> <video preload="auto" webkit-playsinline="" playsinline="" x5-playsinline="" x-webkit-airplay="allow" muted></video> </div> </div> </div> </div> <div class="item item2" data-video="/Uploads/Media/2023/02/01/m63d9dbfd459b1.mp4"> <div class="t1"><a href="/fxfa.html" target="_blank" >AI解决方案</a></div> <div class="ul"><div class="li has_ol"> <div class="t"><a style="cursor: default;">AI文旅</a></div> <div class="ol"> <div class="l"><a href="/aipark.html" target="_blank" >智慧公园解决方案</a></div><div class="l"><a href="/museum.html" target="_blank" >智慧博物馆解决方案</a></div><div class="l"><a href="/aiscenery.html" target="_blank" >智慧景区解决方案</a></div><div class="l"><a href="/yzt.html" target="_blank" >云展厅解决方案</a></div><div class="l"><a href="/zhpw.html" target="_blank" >智慧票务解决方案</a></div> </div></div><div class="li "> <div class="t"><a href="/special_community.html" >智慧社区解决方案</a></div> </div><div class="li "> <div class="t"><a href="/special_hospital.html" target="_blank" >智慧医院解决方案</a></div> </div><div class="li "> <div class="t"><a href="/special_school.html" target="_blank" >智慧学校解决方案</a></div> </div><div class="li "> <div class="t"><a href="/rpa.html" target="_blank" >RPA解决方案</a></div> </div><div class="li "> <div class="t"><a href="/dmx.html" target="_blank" >定制大模型解决方案</a></div> </div><div class="li "> <div class="t"><a href="/security.html" target="_blank" >网络安全解决方案</a></div> </div></div> </div> <div class="item item3" data-video="/Uploads/Media/2023/01/16/m63c5469f1efb9.mp4"> <div class="t1"> <a style="cursor: default;"> <span> <img src="/Uploads/Picture/2023/01/16/s63c4fb9968d7b.png" alt="" class="i"> <span class="cir"></span> </span> </a> </div> <div class="ul"><div class="li"> <div class="t"><a href="/blockchain.html" target="_blank" >区块链</a></div> </div><div class="li"> <div class="t"><a href="/metaverse.html" target="_blank" >元宇宙</a></div> </div><div class="li"> <div class="t"><a href="/nft.html" target="_blank" >NFT数字藏品</a></div> </div><div class="li"> <div class="t"><a href="/web3.html" target="_blank" >DAO</a></div> </div><div class="li"> <div class="t"><a href="/web3.html" target="_blank" >GAMEFI</a></div> </div><div class="li"> <div class="t"><a href="/web3.html" target="_blank" >X TO EARN</a></div> </div></div> </div> <div class="item item4" data-video="/Uploads/Media/2023/01/16/m63c4f2408ef6f.mp4"> <div class="t1"><a href="/fxbk.html" target="_blank" >百科</a></div> <div class="ul"><div class="li"> <div class="t"><a href="/taglist/15.html" target="_blank" >网站建设</a></div> </div><div class="li"> <div class="t"><a href="/taglist/83.html" target="_blank" >网络推广</a></div> </div><div class="li"> <div class="t"><a href="/taglist/2652.html" target="_blank" >运营维护</a></div> </div></div> </div> <div class="item item5" data-video="/Uploads/Media/2023/02/01/m63d9da6785ef2.mp4"> <div class="t1"><a href="/fxal.html" target="_blank" >案例</a></div> <div class="ul"><div class="li"> <div class="t"><a href="/museum.html" target="_blank" >博物馆</a></div> </div><div class="li"> <div class="t"><a href="/finance.html" target="_blank" >金融行业</a></div> </div><div class="li"> <div class="t"><a href="/aipark.html" target="_blank" >智慧公园</a></div> </div><div class="li"> <div class="t"><a href="/dichan.html" target="_blank" >地产行业</a></div> </div><div class="li"> <div class="t"><a href="/special_hospital.html" target="_blank" >医疗行业</a></div> </div><div class="li"> <div class="t"><a href="/special_school.html" target="_blank" >高校、教育</a></div> </div></div> </div> </div> </div> <div class="d4 m-show"> <div class="close"></div> </div> </div> </div> </div> </div> </div> <script> $(function() { if ($(window).width() > 768) { $(window).resize(function() { $(".x-header .sin,.x-header .over").css({ 'width': $(".x-header .nav_child").width() }) }) $(".x-header .sin,.x-header .over").css({ 'width': $(".x-header .nav_child").width() }) $(".x-header .nav_child .sout .sin .close").on("click", function() { $(".x-header").removeClass("x-show"); $(".float_red").show(); setTimeout(function() { $(".x-header .nav_child .sout").scrollTop(0) }, 500) }) $(".x-header .nav_child .sout .sin .list .item").hover( function() { if ($(this).attr('data-video')) { $(".x-header .nav_child .sout .sin .header_video").find('video').attr('src', $(this) .attr('data-video')); $(".x-header .nav_child .sout .sin .header_video").find('video').get(0).play(); $(".x-header .nav_child .sout .sin .header_video").addClass('active'); } }, function() { $(".x-header .nav_child .sout .sin .header_video").removeClass('active'); $(".x-header .nav_child .sout .sin .header_video").find('source').attr('src', ''); } ); } else { $(".x-header .nav_child .d4 .close").on("click", function() { $(".x-header").removeClass("menu-open"); $('body').removeClass('menu-screen'); $.utils.enWinScroll(); setTimeout(function() { $(".x-header .nav_child .sout").scrollTop(0) }, 500) }) // var videoArr = $(".x-header .nav_child .d3 .list .item1 .header_earth").attr('data-name').split(','); // //console.log(videoArr); // var _num = 0; // $(".x-header .nav_child .d3 .list .item1 .header_earth .cir").on("click", function() { // _num++; // if (_num >= videoArr.length) { // _num = 0; // } // // $(".x-header .nav_child .d3 .list .item1 .header_earth .header_video").find('video').attr('src', $(".x-header .nav_child .d3 .list .item1 .header_earth").attr('data-src') + // // videoArr[_num] + '.mp4'); // //console.log(videoArr[_num]); // $(".x-header .nav_child .d3 .list .item1 .header_earth .header_video").find('video').attr('src',videoArr[_num]); // $(".x-header .nav_child .d3 .list .item1 .header_earth .header_video").find('video').get(0) // .play(); // $(".x-header .nav_child .d3 .list .item1 .header_earth .header_video").addClass('showd'); // }) // $(".x-header .nav_child .d3 .list .item1 .header_earth .header_video").find("video").bind("ended", function() { // $(".x-header .nav_child .d3 .list .item1 .header_earth .header_video").removeClass( // 'showd'); // }); } }) </script> <script type="text/javascript"> $(function(){ $(".inp_s").focus(function(){ var val = $(this).val(); if(val === "请输入您要查询的内容"){ $(this).val(""); } }); $('.pc_sub').click(function(){ var keywords =$('.inp_s').val(); if(keywords == '' || keywords == '.' ){ my_alert("请输入搜索关键词"); return false; }else{ window.open("/searchs/keywords/" + encodeURI(keywords)); } }); $('.inp_s').keypress(function(e){ var keycode = (e.keyCode ? e.keyCode : e.which) if(keycode == 13){ var keywords =$('.inp_s').val(); if(keywords == '' || keywords == '.' ){ my_alert("请输入搜索关键词"); return false; } var keys = ""; if(!keys){ window.open("/searchs/keywords/" + encodeURI(keywords)); return false; }else{ window.location.href = "/searchs/keywords/" + encodeURI(keywords); return false; } } }); $('.phone_sub').click(function(){ var keywords =$('.phone_inp').val(); if(keywords == '' || keywords == '请输入您要查询的内容' || keywords == '.' ){ my_alert("请输入搜索关键词"); return false; }else{ window.open("/searchs/keywords/" + encodeURI(keywords)); } }); $('.phone_inp').keypress(function(e){ var keycode = (e.keyCode ? e.keyCode : e.which) if(keycode == 13){ var keywords =$('.phone_inp').val(); if(keywords == '' || keywords == '.' ){ my_alert("请输入搜索关键词"); return false; } var keys = ""; if(!keys){ window.open("/searchs/keywords/" + encodeURI(keywords)); return false; }else{ window.location.href = "/searchs/keywords/" + encodeURI(keywords); return false; } } }); }); </script> <!-- homes --> <div class="x-container"> <style type="text/css"> .h_banner .widget-area-edit{z-index:9999 !important} </style> <div class="h_banner"><div class="frame"> <div class="child"> <a style="background-image:url(/Uploads/Picture/2025/01/01/s67752d934e927_1920_846.jpg);cursor: default;" class="p-show" ></a> <a style="background-image:url(/Uploads/Picture/2025/01/01/s67752d9c0c3b9_750_1334.jpg);cursor: default;" class="m-show"></a> </div><div class="child"> <a style="background-image:url(/Uploads/Picture/2024/09/25/s66f3780cee3cb_1920_846.jpg);cursor: default;" class="p-show" ></a> <a style="background-image:url(/Uploads/Picture/2024/09/25/u66f379a9354f3_750_1334.jpg);cursor: default;" class="m-show"></a> </div><div class="child"> <a style="cursor: default;" class="p-show pc-show-video" data-video="/Uploads/Media/2022/12/21/m63a27259cb7af.mp4"> <video class="p-show" autoplay loop preload="auto" width="100%" height="100%" muted webkit-playsinline="" playsinline="" x5-playsinline="" x-webkit-airplay="allow"> <!-- <source src="/Uploads/Media/2022/12/21/m63a27259cb7af.mp4" type="video/mp4" /> --> </video> </a> <a style="background-image:url(/Uploads/Picture/2022/11/14/s63721a75189a7_750_1334.jpg);cursor: default;" class="m-show"></a> </div><div class="child"> <a style="background-image:url(/Uploads/Picture/2023/11/08/s654afcf1b1c53_1920_846.jpg);cursor: default;" class="p-show" ></a> <a style="background-image:url(/Uploads/Picture/2023/11/08/s654afcf9ce6a0_750_1334.jpg);cursor: default;" class="m-show"></a> </div><div class="child"> <a style="background-image:url(/Uploads/Picture/2023/05/10/s645b71fdc45bf_1920_846.jpg);cursor: default;" class="p-show" ></a> <a style="background-image:url(/Uploads/Picture/2023/05/10/s645b7203eb5fd_750_1334.jpg);cursor: default;" class="m-show"></a> </div><div class="child"> <a style="background-image:url(/Uploads/Picture/2022/11/23/s637dbecab673d_1920_846.png);" class="p-show" href="https://www.fractal-technology.com/metaverse.html" target="_blank" ></a> <a style="background-image:url(/Uploads/Picture/2023/02/06/s63e0662c53373_750_1334.jpg);" href="https://www.fractal-technology.com/metaverse.html" target="_blank" class="m-show"></a> </div><div class="child"> <a style="background-image:url(/Uploads/Picture/2022/11/23/s637de8f4b0dee_1920_846.jpg);cursor: default;" class="p-show" ></a> <a style="background-image:url(/Uploads/Picture/2022/11/23/s637de8fc0029a_750_1334.jpg);cursor: default;" class="m-show"></a> </div><div class="child"> <a style="background-image:url(/Uploads/Picture/2022/11/23/s637dcecd97d28_1920_846.jpg);" class="p-show" href="/aipark.html" target="_blank" ></a> <a style="background-image:url(/Uploads/Picture/2023/02/02/s63db5e4fedbde_459_815_0_744_750_1334.jpg);" href="/aipark.html" target="_blank" class="m-show"></a> </div><div class="child"> <a style="background-image:url(/Uploads/Picture/2022/11/23/s637dd5ca17756_1920_846.jpg);" class="p-show" href="/aipark.html" target="_blank" ></a> <a style="background-image:url(/Uploads/Picture/2022/11/23/s637de8be6fbe0_750_1334.jpg);" href="/aipark.html" target="_blank" class="m-show"></a> </div><div class="child"> <a style="background-image:url(/Uploads/Picture/2022/11/23/s637dd5de768ce_1920_846.jpg);cursor: default;" class="p-show" ></a> <a style="background-image:url(/Uploads/Picture/2022/11/23/s637de8c51af1c_750_1334.jpg);cursor: default;" class="m-show"></a> </div></div> <div class="nav"> <div class="prev"></div> <div class="time"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="69px" height="62px"> <path fill-rule="evenodd" stroke="rgb(255, 255, 255)" stroke-width="2px" stroke-linecap="butt" stroke-linejoin="miter" fill="none" d="M43.814,9.485 C50.356,20.782 56.964,32.042 63.639,43.265 C70.314,54.487 67.042,60.061 53.825,59.986 C40.608,59.911 27.391,59.911 14.174,59.986 C0.957,60.061 -2.314,54.487 4.361,43.265 C11.035,32.042 17.644,20.782 24.186,9.485 C30.729,-1.813 37.271,-1.813 43.814,9.485 Z"/> </svg> <div class="inner"><b>01</b><i>01</i></div> </div> <div class="next"></div> </div></div> <div class="home1"> <div class="box1"><div class="inner box2"> <div class="padd clear"> <div class="leftBox"> <div class="l-tit"> <span class="letter">AI</span><span>网站建设</span> </div> <div class="desc"> <div class="p"><p>官网、站群、行业门户、社区、</p> <p>短视频平台、电商</p> </div> </div> <div class="moreBox"> <a href="https://p.qiao.baidu.com/cps/chat?siteId=797383&userId=3095672" target="_blank" class="l-more">了解更多</a> </div> </div> <div class="rightBox"> <div class="img"> <div class="canvas-wrapper"> <canvas id="canvas1"></canvas> <div class="vd"> <div class="vd pc-show-video" data-video="/Uploads/Media/2023/02/01/m63da34f78b231.mp4"><video src="" muted></video></div> </div> </div> </div> </div> </div> </div></div> </div> <div class="home2"> <div class="box1"><div class="inner box2"> <div class="padd clear"> <div class="leftBox"> <div class="l-tit"> <span>移动端、融媒体</span> </div> <div class="desc"> <div class="p"><p>移动端(APP、小程序)、运营(微信、微博、抖音等)</p></div> </div> <div class="moreBox"> <a href="https://p.qiao.baidu.com/cps/chat?siteId=797383&userId=3095672" target="_blank" class="l-more">了解更多</a> </div> </div> <div class="rightBox"> <div class="img"> <div class="canvas-wrapper"> <canvas id="canvas2"></canvas> <div class="vd"> <div class="vd frame pc-show-video" data-video="/Uploads/Media/2023/02/01/m63da350966857.mp4"><video src="" muted></video></div> </div> </div> </div> </div> </div> </div></div> </div> <div class="home3"> <div class="l-tit tac"> <span class="letter">AI</span> <span>解决方案</span> </div> <div class="cont"><div class="list"> <div class="item "> <a href="/aipark.html" target="_blank" > <div class="img m-show"> <img src="/Uploads/Picture/2023/02/01/s63da4b22c2ca6_945_545.png" alt="" title="" class="i"> <div class="mask" style="background-color: rgba(0,0,0,0);"></div> </div> <div class="video-mod1 p-show pc-show-video" data-video="/Uploads/Media/2023/02/01/m63da351e22ef3.mp4"> <video class="video-js" loop muted webkit-playsinline="" playsinline="" x5-video-player-type="h5" controlsList="nodownload"> <!-- <source src="/Uploads/Media/2023/02/01/m63da351e22ef3.mp4" type="video/mp4"> --> </video> </div> <div class="text"> <div class="t1"> 智慧<span class="park">公园</span> </div> <div class="t2"><p>听说,在智能公园中漫步才是最惬意的事</p></div> </div> </a> </div><div class="item "> <a href="/museum.html" target="_blank" > <div class="img m-show"> <img src="/Uploads/Picture/2023/02/01/s63da4b2944fea_945_545.png" alt="" title="" class="i"> <div class="mask" style="background-color: rgba(0,0,0,0);"></div> </div> <div class="video-mod1 p-show pc-show-video" data-video="/Uploads/Media/2023/02/01/m63da3528ebbef.mp4"> <video class="video-js" loop muted webkit-playsinline="" playsinline="" x5-video-player-type="h5" controlsList="nodownload"> <!-- <source src="/Uploads/Media/2023/02/01/m63da3528ebbef.mp4" type="video/mp4"> --> </video> </div> <div class="text"> <div class="t1"> 智慧<span class="museum">博物馆</span> </div> <div class="t2"><p>听过的、看过的,没听过、没看过的智慧</p> <p>博物馆新玩法可能,都在这里</p> </div> </div> </a> </div><div class="item "> <a href="/aiscenery.html" target="_blank" > <div class="img m-show"> <img src="/Uploads/Picture/2023/02/01/s63da4b38d86aa_945_545.png" alt="" title="" class="i"> <div class="mask" style="background-color: rgba(0,0,0,0);"></div> </div> <div class="video-mod1 p-show pc-show-video" data-video="/Uploads/Media/2022/11/14/m63721be7aa45c.mp4"> <video class="video-js" loop muted webkit-playsinline="" playsinline="" x5-video-player-type="h5" controlsList="nodownload"> <!-- <source src="/Uploads/Media/2022/11/14/m63721be7aa45c.mp4" type="video/mp4"> --> </video> </div> <div class="text"> <div class="t1"> 智慧<span class="spot">景区</span> </div> <div class="t2"><p>智慧化改造</p> <p>是从「有没有」到「好不好」的转变</p> </div> </div> </a> </div><div class="item "> <a href="/special_community.html" target="_blank" > <div class="img m-show"> <img src="/Uploads/Picture/2023/02/01/s63da4b400e873_945_545.png" alt="" title="" class="i"> <div class="mask" style="background-color: rgba(0,0,0,0);"></div> </div> <div class="video-mod1 p-show pc-show-video" data-video="/Uploads/Media/2023/02/01/m63da353abc0e4.mp4"> <video class="video-js" loop muted webkit-playsinline="" playsinline="" x5-video-player-type="h5" controlsList="nodownload"> <!-- <source src="/Uploads/Media/2023/02/01/m63da353abc0e4.mp4" type="video/mp4"> --> </video> </div> <div class="text"> <div class="t1"> 智慧<span class="community">社区</span> </div> <div class="t2"><p>提升民众获得感、幸福感、安全感</p></div> </div> </a> </div><div class="item "> <a href="/special_hospital.html" target="_blank" > <div class="img m-show"> <img src="/Uploads/Picture/2023/02/01/s63da4b4af1f66_945_545.png" alt="" title="" class="i"> <div class="mask" style="background-color: rgba(0,0,0,0);"></div> </div> <div class="video-mod1 p-show pc-show-video" data-video="/Uploads/Media/2023/02/01/m63da354acdac9.mp4"> <video class="video-js" loop muted webkit-playsinline="" playsinline="" x5-video-player-type="h5" controlsList="nodownload"> <!-- <source src="/Uploads/Media/2023/02/01/m63da354acdac9.mp4" type="video/mp4"> --> </video> </div> <div class="text"> <div class="t1"> 智慧<span class="hospital">医院</span> </div> <div class="t2"><p>增强诊前服务、辅助诊中流程、优化诊后交流</p> <p>服务患者更服务于医生</p> </div> </div> </a> </div><div class="item "> <a href="/special_school.html" target="_blank" > <div class="img m-show"> <img src="/Uploads/Picture/2023/02/01/s63da4b51eabe8_945_545.png" alt="" title="" class="i"> <div class="mask" style="background-color: rgba(0,0,0,0);"></div> </div> <div class="video-mod1 p-show pc-show-video" data-video="/Uploads/Media/2023/02/01/m63da356009351.mp4"> <video class="video-js" loop muted webkit-playsinline="" playsinline="" x5-video-player-type="h5" controlsList="nodownload"> <!-- <source src="/Uploads/Media/2023/02/01/m63da356009351.mp4" type="video/mp4"> --> </video> </div> <div class="text"> <div class="t1"> 智慧<span class="school">学校</span> </div> <div class="t2"><p>互联网思维助力教育产业发展</p></div> </div> </a> </div><div class="item w100"> <a href="/fxfa.html" target="_blank" > <div class="img m-show"> <img src="/Uploads/Picture/2023/02/01/s63da4b57777fa_945_545.png" alt="" title="" class="i"> <div class="mask" style="background-color: rgba(0,0,0,0);"></div> </div> <div class="video-mod1 p-show pc-show-video" data-video="/Uploads/Media/2023/02/01/m63da356a282ab.mp4"> <video class="video-js" loop muted webkit-playsinline="" playsinline="" x5-video-player-type="h5" controlsList="nodownload"> <!-- <source src="/Uploads/Media/2023/02/01/m63da356a282ab.mp4" type="video/mp4"> --> </video> </div> <div class="text"> <div class="t1"> RPA </div> <div class="t2"><p>RPA作为一种新兴技术,通过模拟人与软件系统的交互过程,代替人工将大量重复、有规则的计算机操作自动化</p></div> </div> </a> </div></div></div> </div> <div class="home4"> <div class="inner"> <div class="padd"> <div class="bg"></div> </div> </div> <div class="cont"> <div class="inner1"> <div class="left"> <div class="inner2"> <div class="l-tit"> <span>WEB3.0</span> </div> <div class="unit1"><div class="ul"> <div class="li act">区块链</div><div class="li ">元宇宙</div><div class="li ">NFT数字藏品</div></div></div> <div class="unit2"> <div class="ali"> <div class="li act"> <a href="/blockchain.html" target="_blank" class="l-more">了解更多</a> </div><div class="li "> <a href="/metaverse.html" target="_blank" class="l-more">了解更多</a> </div><div class="li "> <a href="/nft.html" target="_blank" class="l-more">了解更多</a> </div> </div> </div> </div> </div> <div class="right"> <div class="list"> <div class="section section1" data-index="0"> <div class="box1"> <div class="box2"> <div class="img"> <canvas id="canvas3"></canvas> </div> </div> </div> </div> <div class="section section2" data-index="1"> <div class="box1"> <div class="box2"> <div class="img" id="canvas4"> <!-- <canvas id="canvas4"></canvas> --> <div id="moxing7"></div> </div> </div> </div> </div> <div class="section section3" data-index="2"> <div class="box1"> <div class="box2"> <div class="img"> <canvas id="canvas5"></canvas> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="home5"> <div class="cont"><div class="list"> <div class="item"> <div class="img pc-show-video" data-video="/Uploads/Media/2022/11/23/m637db421cad5b.mp4"> <video muted src=""></video> <img src="/Uploads/Picture/2018/03/14/s5aa8c4b653763.jpg" alt="" title="" class="i m-show"> </div> <div class="mask" style="background-color:#8e1111;"> <div class="logo"> <a href="/fxal/34.html?_wap=1" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8c199d319f.png" alt="" title=""></a> </div> </div> <a href="/fxal/34.html?_wap=1" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img " > <img src="/Uploads/Picture/2023/01/19/s63c8bc5e201ce.jpeg" alt="" title="" class="i "> </div> <div class="mask" style="background-color:#69222a;" > <div class="logo"> <a href="/fxal/4480.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8bc371d144.png" alt="" title=""></a> </div> </div> <a href="/fxal/4480.html" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img " > <img src="/Uploads/Picture/2022/01/06/s61d65df06de95.jpg" alt="" title="" class="i "> </div> <div class="mask" style="background-color:#642819;" > <div class="logo"> <a href="/fxal/4072.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8bdfb14a5a.png" alt="" title=""></a> </div> </div> <a href="/fxal/4072.html" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img pc-show-video" data-video="/Uploads/Media/2022/11/23/m637db49664b84.mp4"> <video muted src=""></video> <img src="/Uploads/Picture/2018/03/15/s5aaa3c63c873a.jpg" alt="" title="" class="i m-show"> </div> <div class="mask" style="background-color:#1d4841;" > <div class="logo"> <a href="/fxal/2478.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8c1b81526d.png" alt="" title=""></a> </div> </div> <a href="/fxal/2478.html" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img " > <img src="/Uploads/Picture/2019/08/19/s5d5a5164542c9.jpg" alt="" title="" class="i "> </div> <div class="mask" style="background-color:#651a26;" > <div class="logo"> <a href="/fxal/3123.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8c1cd50cba.png" alt="" title=""></a> </div> </div> <a href="/fxal/3123.html" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img " > <img src="/Uploads/Picture/2022/01/06/s61d663588aa91.jpg" alt="" title="" class="i "> </div> <div class="mask" style="background-color:#4e8d7c;" > <div class="logo"> <a href="/fxal/4073.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8bebe8b0ab.png" alt="" title=""></a> </div> </div> <a href="/fxal/4073.html" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img " > <img src="/Uploads/Picture/2022/09/22/s632c29812c5d8.jpg" alt="" title="" class="i "> </div> <div class="mask" style="background-color:#a2282d;" > <div class="logo"> <a href="/fxal/920.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8beeb3b49f.png" alt="" title=""></a> </div> </div> <a href="/fxal/920.html" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img pc-show-video" data-video="/Uploads/Media/2023/02/21/m63f4a3f51b758.mp4"> <video muted src=""></video> <img src="/Uploads/Picture/2022/09/22/s632c2b923956c.jpg" alt="" title="" class="i m-show"> </div> <div class="mask" style="background-color:#f3cb4b;" > <div class="logo"> <a href="/fxal/118.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8bf4e927b1.png" alt="" title=""></a> </div> </div> <a href="/fxal/118.html" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img " > <img src="/Uploads/Picture/2018/03/14/s5aa8c340338ca.jpg" alt="" title="" class="i "> </div> <div class="mask" style="background-color:#ec672c;" > <div class="logo"> <a href="/fxal/116.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8c1e9d4ba4.png" alt="" title=""></a> </div> </div> <a href="/fxal/116.html" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img " > <img src="/Uploads/Picture/2021/03/29/s6061bd3c05674.jpg" alt="" title="" class="i "> </div> <div class="mask" style="background-color:#8e1b15;" > <div class="logo"> <a href="/fxal/2595.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8c20088d50.png" alt="" title=""></a> </div> </div> <a href="/fxal/2595.html" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img pc-show-video" data-video="/Uploads/Media/2022/11/23/m637db4856c2f9.mp4"> <video muted src=""></video> <img src="/Uploads/Picture/2020/05/11/s5eb8ea7a0463a.jpg" alt="" title="" class="i m-show"> </div> <div class="mask" style="background-color:#871c16;" > <div class="logo"> <a href="/fxal/3456.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8bfdee717b.png" alt="" title=""></a> </div> </div> <a href="/fxal/3456.html" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img " > <img src="/Uploads/Picture/2022/09/22/s632c2cd738335.jpg" alt="" title="" class="i "> </div> <div class="mask" style="background-color:#1d4841;" > <div class="logo"> <a href="/fxal/2481.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8c282159d7.png" alt="" title=""></a> </div> </div> <a href="/fxal/2481.html" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img " > <img src="/Uploads/Picture/2023/01/19/s63c8c05194b49.jpg" alt="" title="" class="i "> </div> <div class="mask" style="background-color:#60ce3f;" > <div class="logo"> <a href="/fxal/3127.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8c04b3bee7.png" alt="" title=""></a> </div> </div> <a href="/fxal/3127.html" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img pc-show-video" data-video="/Uploads/Media/2023/02/21/m63f4a2d804dc7.mp4"> <video muted src=""></video> <img src="/Uploads/Picture/2022/01/06/s61d69db20b6a0.jpg" alt="" title="" class="i m-show"> </div> <div class="mask" style="background-color:#597d3f;" > <div class="logo"> <a href="/fxal/4076.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8c07b2b2bf.png" alt="" title=""></a> </div> </div> <a href="/fxal/4076.html" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img " > <img src="/Uploads/Picture/2022/09/22/s632c2aaab8914.jpg" alt="" title="" class="i "> </div> <div class="mask" style="background-color:#c6dbbc;" > <div class="logo"> <a href="/fxal/3130.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8c0b04bbfe.png" alt="" title=""></a> </div> </div> <a href="/fxal/3130.html" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img " > <img src="/Uploads/Picture/2023/01/19/s63c8c0e9e3657.jpg" alt="" title="" class="i "> </div> <div class="mask" style="background-color:#63879a;" > <div class="logo"> <a href="/fxal/4077.html?_wap=1" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8c0dca4cb4.png" alt="" title=""></a> </div> </div> <a href="/fxal/4077.html?_wap=1" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img pc-show-video" data-video="/Uploads/Media/2023/02/21/m63f4a63c51891.mp4"> <video muted src=""></video> <img src="/Uploads/Picture/2022/01/06/s61d692fa4b52c.jpg" alt="" title="" class="i m-show"> </div> <div class="mask" style="background-color:#7e5034;" > <div class="logo"> <a href="/fxal/4075.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8c1120daed.png" alt="" title=""></a> </div> </div> <a href="/fxal/4075.html" target="_blank" class="m-show"></a> </div><div class="item"> <div class="img " > <img src="/Uploads/Picture/2022/01/06/s61d6655927306.jpg" alt="" title="" class="i "> </div> <div class="mask" style="background-color:#4a94c4;" > <div class="logo"> <a href="/fxal/4074.html" target="_blank"><img src="/Uploads/Picture/2023/01/19/s63c8c15337f88.png" alt="" title=""></a> </div> </div> <a href="/fxal/4074.html" target="_blank" class="m-show"></a> </div></div></div> </div> <div class="home6"> <div class="left summary"> <div class="inner"> <style type="text/css"> .home6 .inner .cont .widget-area-edit-btn{left: -75px !important;} </style> <div class="cont"><div class="list"> <div class="item act"> <div class="img"><img src="/Uploads/Picture/2022/11/14/s63721c93ddc01_182_158.png" alt="" class="i"></div> </div> <div class="item"> <div class="img"><img src="/Uploads/Picture/2022/11/14/s63721c9f4d4a4_182_158.png" alt="" class="i"></div> </div> <div class="item"> <div class="img"><img src="/Uploads/Picture/2022/11/14/s63721ca817f32_182_158.png" alt="" class="i"></div> </div> </div> </div> </div> </div> <div class="center"> <style> .center .inner .widget-area-edit{width:1px !important;} </style> <div class="inner"><div class="fullpageDom"> <div class="section " data-index="0"> <div class="list"> <div class="item"> <div class="dates">2025.02.21</div> <a href="/fxbk/5083.html" target="_blank"> <div class="t1">地产网站建设:通过专业网站建设实现业...</div> <div class="t2">在房地产行业,专业网站建设已经成为企业实现业务增长的重要途径。</div> </a> <div class="tags">标签: <a href="/taglist/692.html" target="_blank"> 房地产 </a><a href="/taglist/15.html" target="_blank"> 网站建设 </a><a href="/taglist/2356.html" target="_blank"> 地产网站建设 </a><a href="/taglist/460.html" target="_blank"> 专业网站建设 </a><a href="/taglist/2260.html" target="_blank"> </a> </div> </div> <div class="item"> <div class="dates">2025.02.19</div> <a href="/fxbk/5082.html" target="_blank"> <div class="t1">大学网站建设:通过信息整合与互动功能...</div> <div class="t2">在数字化教育时代,大学网站已经成为高校形象展示、信息传播和互动交流的重要平台。</div> </a> <div class="tags">标签: <a href="/taglist/2954.html" target="_blank"> 高校 </a><a href="/taglist/128.html" target="_blank"> 大学 </a><a href="/taglist/1990.html" target="_blank"> 大学网站建设 </a><a href="/taglist/2999.html" target="_blank"> 校园 </a><a href="/taglist/47.html" target="_blank"> 教育 </a><a href="/taglist/21.html" target="_blank"> 网页设计 </a> </div> </div> <div class="item"> <div class="dates">2025.02.17</div> <a href="/fxbk/5081.html" target="_blank"> <div class="t1">医院网站建设:数字化健康服务新模式</div> <div class="t2">在数字化时代,医院网站不仅是医疗机构的门户,更是提升服务效率、优化患者体验的重要平台。</div> </a> <div class="tags">标签: <a href="/taglist/91.html" target="_blank"> 医院 </a><a href="/taglist/15.html" target="_blank"> 网站建设 </a><a href="/taglist/49.html" target="_blank"> 医疗 </a><a href="/taglist/2438.html" target="_blank"> 北京分形科技 </a><a href="/taglist/2855.html" target="_blank"> 人工智能 </a><a href="/taglist/47.html" target="_blank"> 教育 </a><a href="/taglist/120.html" target="_blank"> 网站设计 </a><a href="/taglist/21.html" target="_blank"> 网页设计 </a> </div> </div> </div> </div><div class="section p-show" data-index="1"> <div class="list"> <div class="item"> <div class="dates">2025.02.14</div> <a href="/fxbk/5080.html" target="_blank"> <div class="t1">博物馆网站建设:打造数字化文化名片的...</div> <div class="t2">随着数字化技术的发展,博物馆网站已经成为展示文化遗产、连接观众的重要平台。</div> </a> <div class="tags">标签: <a href="/taglist/108.html" target="_blank"> 博物馆 </a><a href="/taglist/15.html" target="_blank"> 网站建设 </a><a href="/taglist/2991.html" target="_blank"> 展馆 </a><a href="/taglist/47.html" target="_blank"> 教育 </a><a href="/taglist/120.html" target="_blank"> 网站设计 </a><a href="/taglist/3198.html" target="_blank"> 虚拟展厅 </a><a href="/taglist/2908.html" target="_blank"> 响应式设计 </a><a href="/taglist/21.html" target="_blank"> 网页设计 </a> </div> </div> <div class="item"> <div class="dates">2025.02.12</div> <a href="/fxbk/5079.html" target="_blank"> <div class="t1">智能步道:全面健身引领时尚</div> <div class="t2">智能步道作为现代健身与科技结合的新型运动设施,正在引领健康生活的时尚潮流。它不仅满足了人们日益增长的...</div> </a> <div class="tags">标签: <a href="/taglist/3184.html" target="_blank"> 公园 </a><a href="/taglist/3019.html" target="_blank"> 智能步道 </a><a href="/taglist/2260.html" target="_blank"> </a><a href="/taglist/70.html" target="_blank"> 积分系统 </a><a href="/taglist/109.html" target="_blank"> 能源 </a><a href="/taglist/2923.html" target="_blank"> 景区 </a><a href="/taglist/2905.html" target="_blank"> 智慧公园 </a><a href="/taglist/3064.html" target="_blank"> 智能公园 </a> </div> </div> <div class="item"> <div class="dates">2025.02.10</div> <a href="/fxbk/5078.html" target="_blank"> <div class="t1">智能公园:智慧生态与智能管理的5个新...</div> <div class="t2">智能公园作为智慧城市的重要组成部分,正通过先进技术和生态理念的融合,重新定义人与自然和谐共存的公共空...</div> </a> <div class="tags">标签: <a href="/taglist/3184.html" target="_blank"> 公园 </a><a href="/taglist/3064.html" target="_blank"> 智能公园 </a><a href="/taglist/2438.html" target="_blank"> 北京分形科技 </a><a href="/taglist/109.html" target="_blank"> 能源 </a><a href="/taglist/2855.html" target="_blank"> 人工智能 </a><a href="/taglist/3036.html" target="_blank"> AR </a><a href="/taglist/3042.html" target="_blank"> VR </a><a href="/taglist/2905.html" target="_blank"> 智慧公园 </a><a href="/taglist/3019.html" target="_blank"> 智能步道 </a> </div> </div> </div> </div><div class="section p-show" data-index="2"> <div class="list"> <div class="item"> <div class="dates">2025.02.07</div> <a href="/fxbk/5077.html" target="_blank"> <div class="t1">大模型开发:赋能产业升级的5个建议</div> <div class="t2">随着人工智能技术的飞速发展,大模型已经成为驱动产业变革的重要引擎。</div> </a> <div class="tags">标签: <a href="/taglist/3239.html" target="_blank"> 大模型定制开发 </a><a href="/taglist/3240.html" target="_blank"> 大模型开发 </a><a href="/taglist/3053.html" target="_blank"> 深度学习 </a><a href="/taglist/3047.html" target="_blank"> 定制开发 </a><a href="/taglist/2438.html" target="_blank"> 北京分形科技 </a> </div> </div> <div class="item"> <div class="dates">2025.02.05</div> <a href="/fxbk/5076.html" target="_blank"> <div class="t1">元宇宙建设:迈向虚拟未来的无限可能</div> <div class="t2">元宇宙(Metaverse)作为数字时代的新兴概念,正逐渐从科幻愿景走向现实。</div> </a> <div class="tags">标签: <a href="/taglist/3184.html" target="_blank"> 公园 </a><a href="/taglist/3213.html" target="_blank"> 元宇宙 </a><a href="/taglist/2260.html" target="_blank"> </a><a href="/taglist/3042.html" target="_blank"> VR </a><a href="/taglist/3036.html" target="_blank"> AR </a><a href="/taglist/2855.html" target="_blank"> 人工智能 </a><a href="/taglist/3212.html" target="_blank"> 区块链 </a><a href="/taglist/47.html" target="_blank"> 教育 </a><a href="/taglist/3198.html" target="_blank"> 虚拟展厅 </a><a href="/taglist/49.html" target="_blank"> 医疗 </a><a href="/taglist/3240.html" target="_blank"> 大模型开发 </a> </div> </div> <div class="item"> <div class="dates">2025.02.03</div> <a href="/fxbk/5075.html" target="_blank"> <div class="t1">企业展厅设计:企业品牌故事的视觉盛宴</div> <div class="t2">企业展厅作为展示企业形象和传递品牌价值的重要场所,是连接企业与客户的桥梁。</div> </a> <div class="tags">标签: <a href="/taglist/3218.html" target="_blank"> 企业展厅设计 </a><a href="/taglist/2260.html" target="_blank"> </a><a href="/taglist/3036.html" target="_blank"> AR </a><a href="/taglist/3042.html" target="_blank"> VR </a><a href="/taglist/3221.html" target="_blank"> 北京展厅设计 </a><a href="/taglist/3220.html" target="_blank"> 公司展厅设计 </a><a href="/taglist/3222.html" target="_blank"> 产品展厅设计 </a><a href="/taglist/3223.html" target="_blank"> 展厅空间设计 </a> </div> </div> </div> </div></div></div> </div> <div class="right summary"> <div class="inner"> <div class="cont"><div class="vd"> <div class="mask p-show pc-show-video" data-video="/Uploads/Media/2022/11/14/m63721a8221482.mp4"> <video src="" muted autoplay loop class="i"></video> </div> <div class="mask m-show" style="background-image: url(/Uploads/Picture/2022/11/14/s63721ce163fda_750_931.jpg);"></div> </div></div> </div> </div> </div> </div> <!-- <script> "use strict"; $(function() { $(document).ready(function() { canvasXL('.home1', 'canvas1', 150, '/Public/static/themes/image/png_computer/D-', 'jpg'); canvasXL('.home2', 'canvas2', 150, '/Public/static/themes/image/png_phone/s-', 'jpg'); canvasXLHome4('.home4 .section1', 'canvas3', 150, '/Public/static/themes/image/png_money/0-', 'jpg'); canvasXLHome4('.home4 .section3', 'canvas5', 150, '/Public/static/themes/image/png_girl/w-_0', 'jpg'); }); $(".h_banner").height($(window).height() - $(".x-header").height()).addClass("show"); if ($(window).width() < 768) { // $(".h_banner video,.home6 .inner .vd video.i,.home5 .list .item .img video").remove(); // $(".home1 .rightBox .vd,.home2 .rightBox .vd").remove(); } else { $(".pc-show-video").each(function () { var _this = $(this); var _video = _this.attr("data-video"); console.log(_this.find("video").attr('autoplay')); if (_this.find("source").length > 0) { _this.find("source").attr('src', _video); } else { _this.find("video").attr('src', _video); } }); video_play(x); } $(".h_banner .child").mChange({ auto: 1, //是否自动播放,1为自动,0为手动 arrow: 1, //是否反转箭头,1为点击左侧向右滚动,0则相反 speed: 1000, //效果速度,大于0.3 time: 4000, //周期时间,大于1 prev: ".h_banner .prev", next: ".h_banner .next", index: ".h_banner .nav b", count: ".h_banner .nav i", nave: "click", //导航事件 navs: 0, //导航滚动 cycle: 1, //是否循环 mousestop: 0, //是否鼠标划入停止 mousewheel: 0, //是否开启滚轮事件 animates: function animates(idx) {} //自定义函数 }); // 滚动事件 scroll(function(direction) { direction = direction; var top = $(window).scrollTop(); //获取滚动条高度 var height = $(window).height(); //获取页面高度 var w_height = $(window).height(); var b_height = $("body").height(); // console.log(direction) // home4 var sections0 = $(".home4 .section"); sections0.each(function(i) { var section0 = $(sections0[ i]); // console.log(section0.find(".box1").offset().top - top - w_height) if (section0.find(".box1").offset().top - top - w_height < 0 && section0.find( ".box1").offset().top - top - w_height > -w_height) { $(".home4 .cont .left .unit1 .li").eq(section0.attr("data-index")).addClass( "act").siblings().removeClass("act"); $(".home4 .cont .left .unit2 .li").eq(section0.attr("data-index")).addClass( "act").siblings().removeClass("act"); } }); // home6 var summaries = $('.summary'); summaries.each(function(i) { var summary = $(summaries[i]); if ($(".home6").offset().top - top < 0) { summary.addClass("fixed"); } else { summary.removeClass("fixed"); } if ($(".x-footer").offset().top - top <= $(window).height()) { summary.addClass("abso"); } else { summary.removeClass("abso"); } }); var sections1 = $(".home6 .section"); sections1.each(function(i) { var section1 = $(sections1[i]); if (parseInt(section1.offset().top - top - height / 2) < 0) { $(".home6 .left .cont .item").eq(section1.attr("data-index")).addClass("act") .siblings().removeClass("act"); } }); if (screen.width < 768) { $(".home3 .cont .list .item").each(function() { if ($(this).offset().top - top < w_height / 3 * 1.5 && $(this).offset().top - top > w_height / 3 * 0.5) { if ($(this).find("video").length > 0) { $(this).find("video").get(0).play(); } } else { if ($(this).find("video").length > 0) { $(this).find("video").get(0).pause(); } } }); } }); // 鼠标滑过播放视频 $(".home3 .cont .list .item").hover(function() { if ($(this).find("video").length > 0) { $(this).find("video").get(0).play(); } }, function() { if ($(this).find("video").length > 0) { $(this).find("video").get(0).pause(); } }); // 页面刷新从头开始以防动画失效 // addEventListener("load", function () { setTimeout(hideURLbar, 0); }, false); function hideURLbar() { window.scrollTo(0, 1); } }); /** * 创建场景对象Scene */ var scene_box = document.getElementById("moxing7"); var scene = new THREE.Scene(); /** * 光源设置 */ //点光源1 var point = new THREE.PointLight(0xffffff, 1); point.position.set(0, 180, -80); //点光源位置 scene.add(point); //点光源添加到场景中 // 平行光1 var directionalLight = new THREE.DirectionalLight(0xffffff, 0.5); directionalLight.position.set(50, 0, 500); scene.add(directionalLight); //环境光 var ambient = new THREE.AmbientLight(0xffffff, 0.7); scene.add(ambient); /** * 相机设置 */ var width = $(".home4 .cont .right .section2 #moxing7").width(); //窗口宽度 var height = $(".home4 .cont .right .section2 #moxing7").height(); //窗口高度 var k = width / height; //窗口宽高比 var s = 100; //三维场景显示范围控制系数,系数越大,显示的范围越大 //创建相机对象 var camera = new THREE.OrthographicCamera(-s * k, s * k, s, -s, 1, 500); camera.position.set(0, 0, 500); //设置相机位置 camera.lookAt(scene.position); //设置相机方向(指向的场景对象) /** * 创建渲染器对象 */ var renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true }); renderer.setSize(width, height); //设置渲染区域尺寸 // renderer.setClearColor(0x888888, 10); //设置背景颜色 scene_box.appendChild(renderer.domElement); //body元素中插入canvas对象 /** * 创建网格模型 */ /**地球*/ var geometry = new THREE.SphereGeometry(140, 280, 280); var ygeometry = new THREE.SphereGeometry(142, 284, 284); // TextureLoader创建一个纹理加载器对象,可以加载图片作为几何体纹理 var textureLoader = new THREE.TextureLoader(); // 加载纹理贴图 var texture = textureLoader.load('/Public/static/themes/ev/dq1.jpg'); var ytexture = textureLoader.load('/Public/static/themes/ev/dq-y.jpg'); // 加载高光贴图 var textureSpecular = textureLoader.load('/Public/static/themes/ev/dq-gg.jpg'); // 加载法线 var textureNormal = textureLoader.load('/Public/static/themes/ev/dq-fx.tif'); var material = new THREE.MeshPhongMaterial({ // specular: 0xff0000,//高光部分的颜色 shininess: 30, //高光部分的亮度,默认30 map: texture, // 普通纹理贴图 specularMap: textureSpecular, //高光贴图 normalMap: textureNormal, normalScale: new THREE.Vector2(1.2, 1.2), roughness: 0.1 }); //材质对象Material var ymaterial = new THREE.MeshPhongMaterial({ map: ytexture, // 普通纹理贴图 transparent: true, opacity: 0.5 }); //材质对象Material var mesh = new THREE.Mesh(geometry, material); //网格模型对象Mesh mesh.scale.set(0.5, 0.5, 0.5); scene.add(mesh); //网格模型添加到场景中 var meshy = new THREE.Mesh(ygeometry, ymaterial); //网格模型对象Mesh meshy.scale.set(0.5, 0.5, 0.5); scene.add(meshy); //网格模型添加到场景中 // 光晕 var geometryTexture = new THREE.TextureLoader().load('/Public/static/themes/ev/dqg.png'); var geometryMaterial = new THREE.SpriteMaterial({ map: geometryTexture, color: 0xffffff, transparent: true, depthWrite: false, opacity: 0.7, depthTest: false // blending:THREE.AdditiveBlending, // side:THREE.DoubleSide, }); var geometry = new THREE.Sprite(geometryMaterial); geometry.scale.set(185, 185, 0); geometry.position.copy(mesh.position); scene.add(geometry); // if ($(window).width() < 768) { // // 移动端地球 // mesh.scale.set(0.7, 0.7, 0.7); // mesh.position.set(0, 121, 0); // meshy.scale.set(0.7, 0.7, 0.7); // meshy.position.set(0, 121, 0); // geometry.position.copy(mesh.position) // geometry.scale.set(260, 260, 0) // requestAnimationFrame(render); // } // 渲染函数 function render() { renderer.render(scene, camera); //执行渲染操作 //渲染场景中的HTMl元素包装成的CSS2模型对象 // labelRenderer.render(scene, camera); mesh.rotateY(0.0002); meshy.rotateY(-0.0001); requestAnimationFrame(render); //请求再次执行渲染函数render,渲染下一帧 } render(); // onresize 事件会在窗口被调整大小时发生 window.onresize = function() { // 重置渲染器输出画布canvas尺寸 renderer.setSize($(".home4 .cont .right .section2 #moxing7").width(), $( ".home4 .cont .right .section2 #moxing7").height()); // 重置相机投影的相关参数 k = $(".home4 .cont .right .section2 #moxing7").width() / $(".home4 .cont .right .section2 #moxing7") .height(); //窗口宽高比 camera.left = -s * k; camera.right = s * k; camera.top = s; camera.bottom = -s; // 渲染器执行render方法的时候会读取相机对象的投影矩阵属性projectionMatrix // 但是不会每渲染一帧,就通过相机的属性计算投影矩阵(节约计算资源) // 如果相机的一些属性发生了变化,需要执行updateProjectionMatrix ()方法更新相机的投影矩阵 camera.updateProjectionMatrix(); }; //创建控件对象 相机对象camera作为参数 控件可以监听鼠标的变化,改变相机对象的属性 // var controls = new THREE.OrbitControls(camera,renderer.domElement); // 按顺序自动播放视频 var x = 0; function video_play(x) { if($(".home5 video").size() != 0){ var video = $(".home5 video").eq(x)[0]; video.play(); var gonext = function gonext() { x++; if (x == $(".home5 video").size()) { x = 0; } video_play(x); }; $(".home5 video").eq(x).bind("ended", function() { gonext(); $(this).unbind("ended"); }); } } // 滚动 function scroll(fn) { var $window = $(window), beforeScrollTop = $window.scrollTop(), fn = fn || function() {}; $window.scroll(function() { var afterScrollTop = $window.scrollTop(), delta = afterScrollTop - beforeScrollTop; if (delta === 0) return false; fn(delta > 0 ? "down" : "up"); beforeScrollTop = afterScrollTop; }); } // 序列动画 home1和home2 function canvasXL(div, canvasID, imgLength, imgSrc, imgType) { var html = document.documentElement; var section = $(div); var box1 = section.find(".box1"); var box2 = section.find(".box2"); var canvas = document.getElementById(canvasID); var context = canvas.getContext("2d"); var frameCount = imgLength; var currentFrame = function currentFrame(index) { return "".concat(imgSrc).concat(index.toString().padStart(4, '0'), ".").concat(imgType); }; var preloadImages = function preloadImages() { for (var i = 1; i < frameCount; i++) { var img = new Image(); img.src = currentFrame(i); } }; var img = new Image(); img.src = currentFrame(1); canvas.width = section.find(".canvas-wrapper").width(); canvas.height = section.find(".canvas-wrapper").height(); context.fillStyle = "rgba(0,0,0,0)"; img.onload = function() { context.drawImage(img, 0, 0, canvas.width, canvas.height); }; var updateImage = function updateImage(index) { img.src = currentFrame(index); context.drawImage(img, 0, 0, canvas.width, canvas.height); }; window.addEventListener('scroll', function() { var scrollTop = $(window).scrollTop(); var scrollFraction; if (section.find(".box2").offset().top - scrollTop < 10 && section.find(".box2").offset().top - scrollTop >= 0) { scrollFraction = Math.abs(section.find(".box1").offset().top - scrollTop) / (section.find( ".box1").height() - section.find(".box2").height()); if (scrollFraction > 0.9) { section.addClass("showVideo"); if ($(window).width() > 768) { section.find("video").get(0).play(); } } else { section.removeClass("showVideo"); if ($(window).width() > 768) { section.find("video").get(0).pause(); } } var frameIndex = Math.min(frameCount - 1, Math.ceil(scrollFraction * frameCount)); requestAnimationFrame(function() { updateImage(frameIndex + 1); }); } }); preloadImages(); } function canvasXLHome4(div, canvasID, imgLength, imgSrc, imgType) { var html = document.documentElement; var section = $(div); var box1 = section.find(".box1"); var box2 = section.find(".box2"); var canvas = document.getElementById(canvasID); var context = canvas.getContext("2d"); var frameCount = imgLength; var currentFrame = function currentFrame(index) { return "".concat(imgSrc).concat(index.toString().padStart(4, '0'), ".").concat(imgType); }; var preloadImages = function preloadImages() { for (var i = 1; i < frameCount; i++) { var img = new Image(); img.src = currentFrame(i); } }; var img = new Image(); img.src = currentFrame(1); canvas.width = section.find(".img").width(); canvas.height = section.find(".img").height(); context.fillStyle = "rgba(0,0,0,0)"; img.onload = function() { context.drawImage(img, 0, 0, canvas.width, canvas.height); }; var updateImage = function updateImage(index) { img.src = currentFrame(index); context.drawImage(img, 0, 0, canvas.width, canvas.height); }; window.addEventListener('scroll', function() { var scrollTop = $(window).scrollTop(); var scrollFraction; if (section.find(".box2").offset().top - scrollTop < $(window).height() && section.find(".box2") .offset().top - scrollTop >= 0) { scrollFraction = Math.abs(section.find(".box1").offset().top - scrollTop - $(window).height()) / $(window).height(); var frameIndex = Math.min(frameCount - 1, Math.ceil(scrollFraction * frameCount)); requestAnimationFrame(function() { updateImage(frameIndex + 1); }); } }); preloadImages(); } </script> --> <script> "use strict"; // $(document).ready(function() { // canvasXL('.home1', 'canvas1', 150, '/Public/static/themes/image/png_computer/D-', 'jpg'); // canvasXL('.home2', 'canvas2', 150, '/Public/static/themes/image/png_phone/s-', 'jpg'); // canvasXLHome4('.home4 .section1', 'canvas3', 150, '/Public/static/themes/image/png_money/0-', 'jpg'); // canvasXLHome4('.home4 .section3', 'canvas5', 150, '/Public/static/themes/image/png_girl/w-_0', 'jpg'); // }); var x = 0; function video_play(x) { if($(".home5 video").size() != 0){ var video = $(".home5 video").eq(x)[0]; video.play(); var gonext = function gonext() { x++; if (x == $(".home5 video").size()) { x = 0; } video_play(x); }; $(".home5 video").eq(x).bind("ended", function() { gonext(); $(this).unbind("ended"); }); } } document.onreadystatechange = function () { if (document.readyState === "complete") { canvasXL('.home1', 'canvas1', 150, '/Public/static/themes/image/png_computer/D-', 'jpg'); canvasXL('.home2', 'canvas2', 150, '/Public/static/themes/image/png_phone/s-', 'jpg'); canvasXLHome4('.home4 .section1', 'canvas3', 150, '/Public/static/themes/image/png_money/0-', 'jpg'); canvasXLHome4('.home4 .section3', 'canvas5', 150, '/Public/static/themes/image/png_girl/w-_0', 'jpg'); } }; $(".h_banner").height($(window).height() - $(".x-header").height()).addClass("show"); if ($(window).width() < 768) { // $(".h_banner video,.home6 .inner .vd video.i,.home5 .list .item .img video").remove(); // $(".home1 .rightBox .vd,.home2 .rightBox .vd").remove(); } else { $(".pc-show-video").each(function() { var _this = $(this); var _video = _this.attr("data-video"); // console.log(_this.find("video").attr('autoplay')); if (_this.find("source").length > 0) { _this.find("source").attr('src', _video); } else { _this.find("video").attr('src', _video); } }); video_play(x); } $(".h_banner .child").mChange({ auto: 1, //是否自动播放,1为自动,0为手动 arrow: 1, //是否反转箭头,1为点击左侧向右滚动,0则相反 speed: 1000, //效果速度,大于0.3 time: 4000, //周期时间,大于1 prev: ".h_banner .prev", next: ".h_banner .next", index: ".h_banner .nav b", count: ".h_banner .nav i", nave: "click", //导航事件 navs: 0, //导航滚动 cycle: 1, //是否循环 mousestop: 0, //是否鼠标划入停止 mousewheel: 0, //是否开启滚轮事件 animates: function animates(idx) {} //自定义函数 }); // 滚动事件 scroll(function(direction) { direction = direction; var top = $(window).scrollTop(); //获取滚动条高度 var height = $(window).height(); //获取页面高度 var w_height = $(window).height(); var b_height = $("body").height(); // console.log(direction) // home4 var sections0 = $(".home4 .section"); sections0.each(function(i) { var section0 = $(sections0[ i]); // console.log(section0.find(".box1").offset().top - top - w_height) if (section0.find(".box1").offset().top - top - w_height < 0 && section0.find( ".box1").offset().top - top - w_height > -w_height) { $(".home4 .cont .left .unit1 .li").eq(section0.attr("data-index")).addClass( "act").siblings().removeClass("act"); $(".home4 .cont .left .unit2 .li").eq(section0.attr("data-index")).addClass( "act").siblings().removeClass("act"); } }); // home6 var summaries = $('.summary'); summaries.each(function(i) { var summary = $(summaries[i]); if ($(".home6").offset().top - top < 0) { summary.addClass("fixed"); } else { summary.removeClass("fixed"); } if ($(".x-footer").offset().top - top <= $(window).height()) { summary.addClass("abso"); } else { summary.removeClass("abso"); } }); var sections1 = $(".home6 .section"); sections1.each(function(i) { var section1 = $(sections1[i]); if (parseInt(section1.offset().top - top - height / 2) < 0) { $(".home6 .left .cont .item").eq(section1.attr("data-index")).addClass("act") .siblings().removeClass("act"); } }); // if (screen.width < 768) { // $(".home3 .cont .list .item").each(function () { // if ($(this).offset().top - top < w_height / 3 * 1.5 && $(this).offset().top - top > w_height / 3 * 0.5) { // if ($(this).find("video").length > 0) { // $(this).find("video").get(0).play(); // } // } else { // if ($(this).find("video").length > 0) { // $(this).find("video").get(0).pause(); // } // } // }) // } }); // 鼠标滑过播放视频 $(document).ready(function() { $(".home3 .cont .list .item").hover(function() { if ($(this).find("video").length > 0) { $(this).find("video").get(0).play(); } }, function() { if ($(this).find("video").length > 0) { $(this).find("video").get(0).pause(); } }); }); // 页面刷新从头开始以防动画失效 // addEventListener("load", function () { setTimeout(hideURLbar, 0); }, false); function hideURLbar() { window.scrollTo(0, 1); } $(function() { }); /** * 创建场景对象Scene */ var scene_box = document.getElementById("moxing7"); var scene = new THREE.Scene(); /** * 光源设置 */ //点光源1 var point = new THREE.PointLight(0xffffff, 1); point.position.set(0, 180, -80); //点光源位置 scene.add(point); //点光源添加到场景中 // 平行光1 var directionalLight = new THREE.DirectionalLight(0xffffff, 0.5); directionalLight.position.set(50, 0, 500); scene.add(directionalLight); //环境光 var ambient = new THREE.AmbientLight(0xffffff, 0.7); scene.add(ambient); /** * 相机设置 */ var width = $(".home4 .cont .right .section2 #moxing7").width(); //窗口宽度 var height = $(".home4 .cont .right .section2 #moxing7").height(); //窗口高度 var k = width / height; //窗口宽高比 var s = 100; //三维场景显示范围控制系数,系数越大,显示的范围越大 //创建相机对象 var camera = new THREE.OrthographicCamera(-s * k, s * k, s, -s, 1, 500); camera.position.set(0, 0, 500); //设置相机位置 camera.lookAt(scene.position); //设置相机方向(指向的场景对象) /** * 创建渲染器对象 */ var renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true }); renderer.setSize(width, height); //设置渲染区域尺寸 // renderer.setClearColor(0x888888, 10); //设置背景颜色 scene_box.appendChild(renderer.domElement); //body元素中插入canvas对象 /** * 创建网格模型 */ /**地球*/ var geometry = new THREE.SphereGeometry(140, 280, 280); var ygeometry = new THREE.SphereGeometry(142, 284, 284); // TextureLoader创建一个纹理加载器对象,可以加载图片作为几何体纹理 var textureLoader = new THREE.TextureLoader(); // 加载纹理贴图 var texture = textureLoader.load('/Public/static/themes/ev/dq1.jpg'); var ytexture = textureLoader.load('/Public/static/themes/ev/dq-y.jpg'); // 加载高光贴图 var textureSpecular = textureLoader.load('/Public/static/themes/ev/dq-gg.jpg'); // 加载法线 var textureNormal = textureLoader.load('/Public/static/themes/ev/dq-fx.tif'); var material = new THREE.MeshPhongMaterial({ // specular: 0xff0000,//高光部分的颜色 shininess: 30, //高光部分的亮度,默认30 map: texture, // 普通纹理贴图 specularMap: textureSpecular, //高光贴图 normalMap: textureNormal, normalScale: new THREE.Vector2(1.2, 1.2), roughness: 0.1 }); //材质对象Material var ymaterial = new THREE.MeshPhongMaterial({ map: ytexture, // 普通纹理贴图 transparent: true, opacity: 0.5 }); //材质对象Material var mesh = new THREE.Mesh(geometry, material); //网格模型对象Mesh mesh.scale.set(0.5, 0.5, 0.5); scene.add(mesh); //网格模型添加到场景中 var meshy = new THREE.Mesh(ygeometry, ymaterial); //网格模型对象Mesh meshy.scale.set(0.5, 0.5, 0.5); scene.add(meshy); //网格模型添加到场景中 // 光晕 var geometryTexture = new THREE.TextureLoader().load('/Public/static/themes/ev/dqg.png'); var geometryMaterial = new THREE.SpriteMaterial({ map: geometryTexture, color: 0xffffff, transparent: true, depthWrite: false, opacity: 0.7, depthTest: false // blending:THREE.AdditiveBlending, // side:THREE.DoubleSide, }); var geometry = new THREE.Sprite(geometryMaterial); geometry.scale.set(185, 185, 0); geometry.position.copy(mesh.position); scene.add(geometry); // if ($(window).width() < 768) { // // 移动端地球 // mesh.scale.set(0.7, 0.7, 0.7); // mesh.position.set(0, 121, 0); // meshy.scale.set(0.7, 0.7, 0.7); // meshy.position.set(0, 121, 0); // geometry.position.copy(mesh.position) // geometry.scale.set(260, 260, 0) // requestAnimationFrame(render); // } // 渲染函数 function render() { renderer.render(scene, camera); //执行渲染操作 //渲染场景中的HTMl元素包装成的CSS2模型对象 // labelRenderer.render(scene, camera); mesh.rotateY(0.0002); meshy.rotateY(-0.0001); requestAnimationFrame(render); //请求再次执行渲染函数render,渲染下一帧 } render(); // onresize 事件会在窗口被调整大小时发生 window.onresize = function() { // 重置渲染器输出画布canvas尺寸 renderer.setSize($(".home4 .cont .right .section2 #moxing7").width(), $( ".home4 .cont .right .section2 #moxing7").height()); // 重置相机投影的相关参数 k = $(".home4 .cont .right .section2 #moxing7").width() / $(".home4 .cont .right .section2 #moxing7") .height(); //窗口宽高比 camera.left = -s * k; camera.right = s * k; camera.top = s; camera.bottom = -s; // 渲染器执行render方法的时候会读取相机对象的投影矩阵属性projectionMatrix // 但是不会每渲染一帧,就通过相机的属性计算投影矩阵(节约计算资源) // 如果相机的一些属性发生了变化,需要执行updateProjectionMatrix ()方法更新相机的投影矩阵 camera.updateProjectionMatrix(); }; //创建控件对象 相机对象camera作为参数 控件可以监听鼠标的变化,改变相机对象的属性 // var controls = new THREE.OrbitControls(camera,renderer.domElement); // 按顺序自动播放视频 // 滚动 function scroll(fn) { var $window = $(window), beforeScrollTop = $window.scrollTop(), fn = fn || function() {}; $window.scroll(function() { var afterScrollTop = $window.scrollTop(), delta = afterScrollTop - beforeScrollTop; if (delta === 0) return false; fn(delta > 0 ? "down" : "up"); beforeScrollTop = afterScrollTop; }); } // 序列动画 home1和home2 function canvasXL(div, canvasID, imgLength, imgSrc, imgType) { var html = document.documentElement; var section = $(div); var box1 = section.find(".box1"); var box2 = section.find(".box2"); var canvas = document.getElementById(canvasID); var context = canvas.getContext("2d"); var frameCount = imgLength; var currentFrame = function currentFrame(index) { return "".concat(imgSrc).concat(index.toString().padStart(4, '0'), ".").concat(imgType); }; var preloadImages = function preloadImages() { for (var i = 1; i < frameCount; i++) { var img = new Image(); img.src = currentFrame(i); } }; var img = new Image(); img.src = currentFrame(1); canvas.width = section.find(".canvas-wrapper").width(); canvas.height = section.find(".canvas-wrapper").height(); context.fillStyle = "rgba(0,0,0,0)"; img.onload = function() { context.drawImage(img, 0, 0, canvas.width, canvas.height); }; var updateImage = function updateImage(index) { img.src = currentFrame(index); context.drawImage(img, 0, 0, canvas.width, canvas.height); }; window.addEventListener('scroll', function() { var scrollTop = $(window).scrollTop(); var scrollFraction; if (section.find(".box2").offset().top - scrollTop < 10 && section.find(".box2").offset().top - scrollTop >= 0) { scrollFraction = Math.abs(section.find(".box1").offset().top - scrollTop) / (section.find( ".box1").height() - section.find(".box2").height()); if (scrollFraction > 0.9) { section.addClass("showVideo"); if ($(window).width() > 768) { section.find("video").get(0).play(); } } else { section.removeClass("showVideo"); if ($(window).width() > 768) { section.find("video").get(0).pause(); } } var frameIndex = Math.min(frameCount - 1, Math.ceil(scrollFraction * frameCount)); requestAnimationFrame(function() { updateImage(frameIndex + 1); }); } }); preloadImages(); } function canvasXLHome4(div, canvasID, imgLength, imgSrc, imgType) { var html = document.documentElement; var section = $(div); var box1 = section.find(".box1"); var box2 = section.find(".box2"); var canvas = document.getElementById(canvasID); var context = canvas.getContext("2d"); var frameCount = imgLength; var currentFrame = function currentFrame(index) { return "".concat(imgSrc).concat(index.toString().padStart(4, '0'), ".").concat(imgType); }; var preloadImages = function preloadImages() { for (var i = 1; i < frameCount; i++) { var img = new Image(); img.src = currentFrame(i); } }; var img = new Image(); img.src = currentFrame(1); canvas.width = section.find(".img").width(); canvas.height = section.find(".img").height(); context.fillStyle = "rgba(0,0,0,0)"; img.onload = function() { context.drawImage(img, 0, 0, canvas.width, canvas.height); }; var updateImage = function updateImage(index) { img.src = currentFrame(index); context.drawImage(img, 0, 0, canvas.width, canvas.height); }; window.addEventListener('scroll', function() { var scrollTop = $(window).scrollTop(); var scrollFraction; if (section.find(".box2").offset().top - scrollTop < $(window).height() && section.find(".box2") .offset().top - scrollTop >= 0) { scrollFraction = Math.abs(section.find(".box1").offset().top - scrollTop - $(window).height()) / $(window).height(); var frameIndex = Math.min(frameCount - 1, Math.ceil(scrollFraction * frameCount)); requestAnimationFrame(function() { updateImage(frameIndex + 1); }); } }); preloadImages(); } </script> <div class="x-footer"> <div class="cont"> <div class="d1"> <div class="lr"> <div>友情链接:</div> </div> <div class="rl"> <div class="flex"> <style> .rl .ul .widget-area-edit-btn{top: -50px !important;} </style> <div class="ul"><div class="li"><a href="https://www.fractalai.cn/" target="_blank" >分形智能</a></div><div class="li"><a href="https://www.fractal-technology.com/" target="_blank" >北京网页设计公司</a></div><div class="li"><a href="https://sc.fractal-technology.com/" target="_blank" >成都网站建设</a></div><div class="li"><a href="https://gd.fractal-technology.com/" target="_blank" >广州网站建设</a></div><div class="li"><a href="https://sh.fractal-technology.com/index.html" target="_blank" >上海网站建设</a></div><div class="li"><a href="https://www.fractalai.cn" target="_blank" >智能步道</a></div><div class="li"><a href="https://www.fractalai.cn" target="_blank" >智慧公园</a></div><div class="li"><a href="https://www.bjjjkj.com/" target="_blank" >北京网站建设</a></div></div> </div> </div> </div> <style> .d2 .lr .list .widget-area-edit-btn{top: -50px !important;} </style> <div class="d2"> <div class="lr"> <div class="list"><div class="item"> <a style="cursor: default;"> <div class="suds-mod"> <div class="icon"><img src="/Uploads/Picture/2022/11/01/s6360f16a172a2.png" alt="" class="i"></div> <div class="txt">关注我们</div> <div class="suds-pop at-t"> <div class="img"><img src="/Uploads/Picture/2022/12/02/s6389ddd7c12be.jpg" alt=""></div> </div> </div> </a> </div><div class="item"> <a href="http://p.qiao.baidu.com/cps/chat?siteId=797383&userId=3095672" target="_blank" > <div class="suds-mod"> <div class="icon"><img src="/Uploads/Picture/2022/11/01/s6360f155f0e5a.png" alt="" class="i"></div> <div class="txt">索要报价</div> </div> </a> </div><div class="item"> <a href="http://p.qiao.baidu.com/cps/chat?siteId=797383&userId=3095672" target="_blank" > <div class="suds-mod"> <div class="icon"><img src="/Uploads/Picture/2022/11/01/s6360f14181c7c.png" alt="" class="i"></div> <div class="txt">我要咨询</div> </div> </a> </div><div class="item"> <a href="/about.html#beijing" target="_blank" > <div class="suds-mod"> <div class="icon"><img src="/Uploads/Picture/2022/11/01/s6360f132b19fd.png" alt="" class="i"></div> <div class="txt">找到我们</div> </div> </a> </div><div class="item"> <a href="http://p.qiao.baidu.com/cps/chat?siteId=797383&userId=3095672" target="_blank" > <div class="suds-mod"> <div class="icon"><img src="/Uploads/Picture/2022/11/01/s6360f116e557b.png" alt="" class="i"></div> <div class="txt">投诉建议</div> </div> </a> </div></div> </div> <div class="rl"> <div class="list"><div class="item"> <div class="tel"><a href="tel:400-6446-365">400-6446-365</a></div> <div class="p">也许您需要专业的服务,欢迎来电咨询</div> </div><div class="item"> <div class="tel"><a href="tel:010-64913142">010-64913142</a></div> <div class="p">您的需求,是我们前进最大的动力</div> </div></div> <!-- <div class="list"> <div class="item"> <div class="tel"> <div>400-6446-3653</div> </div> <div class="p"> <div>也许您需要专业的服务,欢迎来电咨询</div> </div> </div> <div class="item"> <div class="tel"> <div>010-64928252</div> </div> <div class="p"> <div>您的需求,是我们前进最大的动力</div> </div> </div> </div> --> </div> </div> <div class="d3"> <div class="lr"> <div class="list"> <div class="item"> <div class="t1"><a href="/network.html" >AI互联网服务</a></div> <style> .item .ul .widget-area-edit-btn{left: 110px !important;} </style> <div class="ul"><div class="li "> <div class="t"><a href="/network.html" target="_blank" >AI网站建设</a></div> </div><div class="li "> <div class="t"><a href="/yd.html" target="_blank" >移动端、融媒体</a></div> </div><div class="li "> <div class="t"><a href="/wlyx.html" target="_blank" >网络运营</a></div> </div><div class="li "> <div class="t"><a href="/product.html" target="_blank" >产品</a></div> </div></div> </div> <div class="item"> <div class="t1"><a href="/fxfa.html" >AI解决方案</a></div> <style> .item .ul .widget-area-edit-btn{left: 110px !important;} </style> <div class="ul"><div class="li "> <div class="t"><a href="/aipark.html" target="_blank" >智慧公园</a></div> </div><div class="li "> <div class="t"><a href="/aiscenery.html" target="_blank" >智慧景区解决方案</a></div> </div><div class="li "> <div class="t"><a href="/special_community.html" target="_blank" >智慧社区解决方案</a></div> </div><div class="li "> <div class="t"><a href="/museum.html" target="_blank" >智慧博物馆解决方案</a></div> </div><div class="li "> <div class="t"><a href="/special_hospital.html" target="_blank" >智慧医院解决方案</a></div> </div><div class="li "> <div class="t"><a href="/special_school.html" target="_blank" >智慧校园解决方案</a></div> </div><div class="li "> <div class="t"><a href="/zhpw.html" target="_blank" >智慧票务解决方案</a></div> </div><div class="li "> <div class="t"><a href="/yzt.html" target="_blank" >云展厅解决方案</a></div> </div></div> </div> <div class="item"> <div class="t1"><a href="/web3.html" >WEB3</a></div> <style> .item .ul .widget-area-edit-btn{left: 110px !important;} </style> <div class="ul"><div class="li "> <div class="t"><a href="/blockchain.html" target="_blank" >区块链</a></div> </div><div class="li "> <div class="t"><a href="/metaverse.html" target="_blank" >元宇宙</a></div> </div><div class="li "> <div class="t"><a href="/nft.html" target="_blank" >NFT数字藏品</a></div> </div></div> </div> <div class="item"> <div class="t1"><a href="/fxbk.html" >百科</a></div> <style> .item .ul .widget-area-edit-btn{left: 110px !important;} </style> <div class="ul"><div class="li "> <div class="t"><a href="/taglist/15.html" target="_blank" >网站建设</a></div> </div><div class="li "> <div class="t"><a href="/taglist/83.html" >网络推广</a></div> </div><div class="li "> <div class="t"><a href="/taglist/2652.html" target="_blank" >运营维护</a></div> </div></div> </div> <div class="item"> <div class="t1"><a href="/fxal.html?_wap=1" >案例</a></div> <style> .item .ul .widget-area-edit-btn{left: 110px !important;} </style> <div class="ul"><div class="li "> <div class="t"><a href="/museum.html" target="_blank" >博物馆专题</a></div> </div><div class="li "> <div class="t"><a href="/aipark.html" target="_blank" >智慧公园专题</a></div> </div><div class="li "> <div class="t"><a href="/special_hospital.html" target="_blank" >医疗行业专题</a></div> </div><div class="li "> <div class="t"><a href="/finance.html" target="_blank" >金融行业专题</a></div> </div><div class="li "> <div class="t"><a href="/dichan.html" >地产行业专题</a></div> </div><div class="li "> <div class="t"><a href="/special_school.html" target="_blank" >教育行业专题</a></div> </div></div> </div> </div> </div> <style> .rl .widget-area-edit-btn{top: -30px !important;} </style> <div class="rl"><div class="inner"> <div class="t1">关于我们</div> <div class="desc"> <p class="">北京分形科技有限公司成立于2003年,是一家以AI为核心驱动力,提供网络品牌策划、AI互联网服务、WEB3服务、AI人工智能解决方案的综合服务商</p> <p class="">我们一直秉承的经营理念:责任、热情、品质、包容</p> <p class="">主要业务范围:AI互联网服务(网站建设,网站群,短视频社交平台,APP,小程序)AI人工智能行业解决方案(智慧博物馆,智慧公园,智慧景区,智慧社区,智慧医疗,智慧校园,)IoT智能物联产品(智能步道,AR太极,AI健身,AI导览,AI单车,智慧树)WEB3(区块链,元宇宙,NFT数字藏品)</p> </div> </div></div> </div> <div class="d4"> <style> .d4 .list .widget-area-edit-btn{top: -50px !important;} </style> <div class="list"><div class="item"> <div class="t1"><a style="cursor: default;">北京朝阳</a></div> <div class="p">朝阳区东方东路9号东方国际大厦7层</div> </div><div class="item"> <div class="t1"><a style="cursor: default;">上海</a></div> <div class="p">静安区新疆路518号</div> </div><div class="item"> <div class="t1"><a style="cursor: default;">武汉</a></div> <div class="p">珞瑜路阜华大厦</div> </div><div class="item"> <div class="t1"><a style="cursor: default;">哈尔滨</a></div> <div class="p">南岗区爱达尊御</div> </div><div class="item"> <div class="t1"><a style="cursor: default;">东京</a></div> <div class="p">江东区门前仲町1-7</div> </div><div class="item"> <div class="t1"><a style="cursor: default;">成都</a></div> <div class="p">武侯区国学巷37号</div> </div><div class="item"> <div class="t1"><a style="cursor: default;">广州</a></div> <div class="p">荔湾区陈家祠道48号</div> </div><div class="item"> <div class="t1"><a style="cursor: default;">北京海淀</a></div> <div class="p">北京市海淀区农大南路88号1号楼一层161</div> </div></div> </div> <div class="d5"> <span>版权所有:北京分形科技有限公司</span> <span><a href="http://beian.miit.gov.cn/" target="_blank">Copyright 2003-2023 www.fractal-technology.com All Rights Reserved. 北京分形科技有限公司</a></span> <span><a href="http://beian.miit.gov.cn/" target="_blank">京ICP备05007162号-1</a></span> </div> </div> </div> <script> window.onload=function(){ var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?490e8e2dbaa7c5ddf26c000710555f61"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); } </script> </div> <style> #myalert{ display:none; } .recruit .block1{ height: auto} .layer{background:url(/Public/static/images/con_mask.png);;position:fixed;left:0;right: 0;top:0;bottom: 0;width:100%;height:100%;z-index: 1000000;} .layer .myalert{padding:30px;background:#fff;width:240px;position:absolute;margin-top:-100px;top:50%;left:50%;margin-left:-120px;text-align:center; z-index: 100000} .layer .guan{background:url(/Public/static/images/close.png) no-repeat center; display:block;width:23px;height:23px;position:absolute;top:10px;right:10px;} .layer .text{padding-bottom:15px;font-size:16px;color:#474747;} .layer .button{background:none;border:1px solid #bbbbbb;width:91px;height:29px;font:14px/100% "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif;color: #707070;} </style> <div id="myalert" class="layer"> <div class="myalert"> <a href="javascript:;" onclick="myalert_hide();" class="guan"></a> <div class="text">请输入关键字</div> <a><button class="button" id="my_ok" style="cursor:pointer ;opacity: 1;transform: translateY(0px);">确定</button></a> </div> </div> <script> function my_alert(text,callback) { $('#myalert').show(); $('#myalert .myalert div').html(text); $('#my_ok').click( function() { $('#myalert').hide(); if (typeof(callback) == 'function') { callback(); return false; } }); } function myalert_hide(){ $('#myalert').hide(); } </script> </body> <script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script> $(function(){ wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: "wx903c608823326fc3", // 必填,公众号的唯一标识 timestamp: "1740229039", // 必填,生成签名的时间戳 nonceStr: "HsTe1PgXsLpLc6Yo", // 必填,生成签名的随机串 signature: "157038114b2630b68eeda7c69aec882aea27b2e4",// 必填,签名 jsApiList: [ 'updateTimelineShareData', 'updateAppMessageShareData', ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); wx.error(function(res){ console.log("错误信息"); console.log(res); console.log("错误信息"); }); wx.ready(function(){ var url = location.href.split('#')[0]; var domain = document.domain; var url_type = location.protocol; var img_url = url_type + "//"+domain; var img = img_url +"/Public/static/themes/image/share.png"; wx.checkJsApi({ jsApiList: ['updateTimelineShareData','updateAppMessageShareData'], // 需要检测的JS接口列表,所有JS接口列表见附录2, success: function(res) { console.log(res); } }); //分享 wx.updateAppMessageShareData({ title: "北京网站建设_集团网站建设_高端专业网站设计公司-北京分形科技", // 分享标题 desc: "北京分形科技网站建设公司作为高端专业的北京网站建设公司,专注于网站建设,网站设计,元宇宙,人工智能开发服务,提供大型网站定制服务.电话010-64928252.", link: url, imgUrl: img, // 分享图标 success: function () { } }); wx.updateTimelineShareData({ title: "北京网站建设_集团网站建设_高端专业网站设计公司-北京分形科技", // 分享标题 desc: "北京分形科技网站建设公司作为高端专业的北京网站建设公司,专注于网站建设,网站设计,元宇宙,人工智能开发服务,提供大型网站定制服务.电话010-64928252.", link: url, imgUrl: img, // 分享图标 trigger: function (res) { }, success: function () { }, cancel: function () { } }); //share(title, desc, link); }); //分享 }) </script></html>

Pages: 1 2 3 4 5 6 7 8 9 10