
<!DOCTYPE HTML>
<html>
    
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta http-equiv="Cache-Control" content="no-siteapp">
        <title>誉实科技</title>
        <meta name="keywords" content="" />
        <meta name="description" content="" /> 

        <meta name="renderer" content="webkit">
		<meta name="generator" content="" data-variable="1,cn,10001,,10001" />
        <meta name="format-detection" content="email=no" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="full-screen" content="yes">
        <meta name="x5-fullscreen" content="true">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="baidu-site-verification" content="fEdneOyMT0" />
        <link rel="stylesheet" href="css/style.css?v=3">
        <link rel="stylesheet" type="text/css" href="css/demo.css?v=2">
		<link rel="stylesheet" href="css/tabs-vertical.css?v=2">
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media
        queries -->
        <!--[if lt IE 9]>
            <script src="js/html5shiv.min.js">
            </script>
            <script src="js/respond.min.js">
            </script>
            <style>
                .img-responsive{ max-width: inherit }
            </style>
        <![endif]-->
        <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
      	<script type="text/javascript">
		if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
			if(window.location.href.indexOf("?mobile")<0){
				try{
					if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
                                //触屏手机版地址
						window.location.href="../mobile/mobile_index.html";
					}else if(/iPad/i.test(navigator.userAgent)){
                                //pad版地址
                        window.location.href="../mobile/mobile_index.html"
					}else{
                                //普通手机版地址
						window.location.href="../mobile/mobile_index.html"
					}
				}catch(e){}
			}
		}
	</script>
        
    </head>
    
    <body>
        <!--[if lte IE 8]>
            <div class="text-center padding-top-50 padding-bottom-50 bg-blue-grey-100">
                <p class="browserupgrade font-size-18">
                    你正在使用一个
                    <strong>
                        过时
                    </strong>
                    的浏览器。请
                    <a href="#">
                        升级您的浏览器
                    </a>
                    ，以提高您的体验。
                </p>
            </div>
        <![endif]-->
       
        <div class="side-head nav-open1">
            <div class="side-logo">
                <a href="#"title="">
                    <img data-original="images/logo.png" data-size="225_40" alt="" title="" />
                </a>
            </div>
            <div class="sign-box">
                <ul class="sign-ul swiper-nav">
                </ul>
            </div>
            <div class="sign-admin">
            	<span><a href="http://go-job.com.cn/yushi/a/login">登录</a></span>
            	<span><a href="http://go-job.com.cn/yushi/sys/register/register-safe">注册</a></span>
            </div>
        </div>
        <div class="window-box pagepiling">
            <div class="window-cut">
                <div class="window-bin window-banner" data-hash="index" data-title="首页">
                    <div class="banner-box">
                        <div class="banner-cut">
                            <div class="banner-bin banner-lazy" data-background="images/banner1.jpg">
                                <div class="container container1">
                                    <div class="row">
                                        <div class="banner-bin-o">

											<div class="banner-bin-o__title">数据驱动<br/>企业管理数字化转型</div>
											<div class="banner-bin-o__text">企业各项业务活动及OA的一站是管理平台</div>

											<!--
                                            <img src="images/banner1Txt.png"/>
                                            -->
                                        </div>
                                       <div class="ghost">
											<div class="ghostBody ghostBody1"></div>
											<!--<div class="shadow"></div>-->
											<div id="loader"></div>
											<div id="loader1"></div>
											<div id="loader2"></div>
										</div>
                                    </div>
									<div class="window-next">
										<img src="images/xlIcon.png"/>
									</div>
                                </div>
                            </div>
                            <div class="banner-bin banner-lazy" data-background="images/banner.png">
                                <div class="container container2">
                                    <div class="row">
                                    	<div class="banner-bin-o">
											<div class="banner-bin-o__title2">企业管理<br/>数智化解决方案</div>
                                            <!--<img src="images/txtImg.png"/> -->
                                        </div>
                                       <div class="ghost">
											<div class="ghostBody ghostBody2"></div>
											<!--<div class="shadow"></div>-->
										</div>

										<div class="index_group_container">
											<div class="index_group_container__card">
												<div class="heading">@工程承包、施工</div>
												<div class="content-group">
													<div class="title">服务对象</div>
													<div class="content">工程承包公司、施工单位、建设单位</div>
												</div>
												<div>
													<div class="title">解决方案</div>
													<div class="content">项目全过程管理&企业办公管理</div>
												</div>
											</div>
											<div class="index_group_container__card">
												<div class="heading">@建设项目管理咨询、监理</div>
												<div class="content-group">
													<div class="title">服务对象</div>
													<div class="content">项目咨询管理公司、监理公司</div>
												</div>
												<div>
													<div class="title">解决方案</div>
													<div class="content">项目全过程管理&企业办公管理</div>
												</div>
											</div>
											<div class="index_group_container__card">
												<div class="heading">@装饰装修</div>
												<div class="content-group">
													<div class="title">服务对象</div>
													<div class="content">装饰装修公司</div>
												</div>
												<div>
													<div class="title">解决方案</div>
													<div class="content">项目全过程管理&企业办公管理</div>
												</div>
											</div>
											<div class="index_group_container__card">
												<div class="heading">@检验检测</div>
												<div class="content-group">
													<div class="title">服务对象</div>
													<div class="content">检验检测公司</div>
												</div>
												<div>
													<div class="title">解决方案</div>
													<div class="content">检测业务管理&企业办公管理</div>
												</div>
											</div>
											<div class="index_group_container__card">
												<div class="heading">@高校基建后勤管理</div>
												<div class="content-group">
													<div class="title">服务对象</div>
													<div class="content">院校基建、后勤管理单位</div>
												</div>
												<div>
													<div class="title">解决方案</div>
													<div class="content">基建后勤业务全面管理</div>
												</div>
											</div>
										</div>
	                                </div>
									<div class="window-next">
										<img src="images/xlIcon.png"/>
									</div>
	                            </div>
							</div>
                        </div>
                        <div class="banner-pager">
                        </div>
                    </div>
                    <!-- <div class="window-next">
                        <img src="images/xlIcon.png"/>
                    </div> -->
                </div>
                <div class="window-bin swiper-lazy" data-hash="about" data-title="服务宗旨" style="background: #FFFFFF;">
                    <div class="container about-box">
                        <div class="row">
                    		<div class="intitle"><p>服务宗旨</p><span></span></div>
							<div class="about-content">
                            <div class="about-left">
                                <h3> <span> <u> 业务主导</u> </span> </h3>
                                <div class="gaoxiao">
                                	<div class="gleft">
                                		<img src="images/zzIcon11.png" alt=""/>
                                		<p>服务前提<br />深刻理解客户业务</p>
                                	</div>
                                	<div class="gright">
                                		<div class="gcontent">
                                			<img src="images/zzIcon12.png" alt=""/>
                                			<p>服务目标<br />管理标准化、智能化</p>
                                			<div class="clear"></div>
                                		</div>
                                		<div class="gcontent">
                                			<img src="images/zzIcon13.png" alt=""/>
                                			<p>服务效果<br />置管理与无形、降本增效</p>
                                			<div class="clear"></div>
                                		</div>
                                	</div>
                                </div>
                                <div class="clear"></div>
                                <h3 class="top1"> <span> <u> 技术赋能</u> </span> </h3>
                                <div class="gaoxiao jiejue">
                                	<div class="gleft">
                                		<img src="images/zzIcon14.png" style="width: 18%;" alt=""/>
                                		<p>多终端协同<br />享受智能工作体验</p>
                                	</div>
                                	<div class="gright">
                                		<div class="gcontent">
                                			<img src="images/zzIcon15.png" alt=""/>
                                			<p>数据实时保存<br />工作过程处处留痕、可追溯</p>
                                			<div class="clear"></div>
                                		</div>
                                		<div class="gcontent">
                                			<img src="images/zzIcon16.png" alt=""/>
                                			<p>数据智能推送<br />业务数据前赴后继、自动统计</p>
                                			<div class="clear"></div>
                                		</div>
                                		<div class="gcontent">
                                			<img src="images/zzIcon17.png" alt=""/>
                                			<p>即时通讯<br />工作微信，消灭信息不同步</p>
                                			<div class="clear"></div>
                                		</div>
                                	</div>
                                </div>
                            </div>
                            <div class="about-right">
                                 <div class="about-list">
                                    <ul class="about-ul">
                                        <li class="about-li">
                                            <img class="about-lazy" data-src='images/zzImg1.jpg' alt=""/>
                                        </li>
                                    </ul>
                                </div>
                            </div>
							</div>
                            <div class="about-click">
                                <a class="click-box" href="http://www.17sucai.com/list-2-1.html" target='_self'>
                                    <span>
                                        READ MORE
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div> 
                    <div class="window-next">
                        SCROLL
                    </div>
                </div>
                <div class="window-bin swiper-lazy" data-hash="picture" data-title="产品功能" data-background="images/yzsBg.jpg">
                	<div class="container picture-box">
                        <div class="row">
                            <div class="intitle"><p style="color:#fff">产品功能</p><span></span></div>
                           	<div class="picture-img"><img src="images/yzsImg.png" usemap="#Map"/>
                           	<map name="Map">
                                <area id="sp" shape="rect" coords="237,3,341,100" href="#">
                                <area id="jc" shape="rect" coords="36,65,144,169" href="#">
                                <area id="rw" shape="rect" coords="-9,213,100,316" href="#">
                                <area id="js" shape="rect" coords="66,399,178,493" href="#">
                                <area id="qt" shape="rect" coords="248,375,335,463" href="#">
                                <area id="zn" shape="rect" coords="458,377,550,457" href="#">
                                <area id="lc" shape="rect" coords="625,374,727,477" href="#">
                                <area id="ht" shape="rect" coords="703,203,805,318" href="#">
                                <area id="cb" shape="rect" coords="662,74,753,162" href="#">
                                <area id="jh" shape="rect" coords="455,-4,557,92" href="#">
                              </map>
                              <div id="sptop" class="tc">
                              	<p>创建审批模板、置入审批流程，对合同执行、设备材料采购、出入库、工程款支付、行政工作等进行审批管理。</p>
                              </div>
                              <div id="jctop" class="tc">
                              	<p>记录质量、安全检查中发现的问题、下发整改通知、跟踪整改过程、验收整改结果，输出整改报告。</p>
                              </div>
                              <div id="rwtop" class="tc">
                              	<p>工作部署、执行、验收全过程多媒体实时互动，可对截止时间设置提醒，程序自动记录主要工作节点信息。</p>
                              </div>
                              <div id="jstop" class="tc">
                              	<p>记载工作过程、录入工作数据、分享工作信息，所有记录信息均有当事人及时间戳记载，形成工作备忘。</p>
                              </div>
                              <div id="qttop" class="tc">
                              	<p>记录质量、安全检查中发现的问题、下发整改通知、跟踪整改过程、验收整改结果，输出整改报告。</p>
                              </div>
                              <div id="zntop" class="tc">
                              	<p>记录质量、安全检查中发现的问题、下发整改通知、跟踪整改过程、验收整改结果，输出整改报告。</p>
                              </div>
                              <div id="lctop" class="tc">
                              	<p>依具体业务设置工作流程，流程节点任务可包含子任务，可设置任务到期提醒。</p>
                              </div>
                              <div id="httop" class="tc">
                              	<p>合同登记、变更、审批、台账等全面管理，工程、成本、财务等合同相关人员可信息协同。</p>
                              </div>
                              <div id="cbtop" class="tc">g
                              	<p>项目生命周期全过程成本管理：包括，立项、投标、合同、变更、付款、发票、质保金等信息的实时统计分析。</p>
                              </div>
                              <div id="jhtop" class="tc">
                              	<p>工作计划分类管理，计划执行情况随时反馈，图表展示、对比、分析计划执行情况，全面、直观掌握工作进程。</p>
                              </div>
                              <script>
								$(document).ready(function(){
								  $("#sp").mousemove(function(){ $("#sptop").fadeIn(); });
								  $("#sp").mouseout(function(){ $("#sptop").fadeOut(); });
								  $("#jc").mousemove(function(){ $("#jctop").fadeIn(); });
								  $("#jc").mouseout(function(){ $("#jctop").fadeOut(); });
								  $("#rw").mousemove(function(){ $("#rwtop").fadeIn(); });
								  $("#rw").mouseout(function(){ $("#rwtop").fadeOut(); });
								  $("#js").mousemove(function(){ $("#jstop").fadeIn(); });
								  $("#js").mouseout(function(){ $("#jstop").fadeOut(); });
								//  $("#qt").mousemove(function(){ $("#qttop").fadeIn(); });
								//  $("#qt").mouseout(function(){ $("#qttop").fadeOut(); });
								//  $("#zn").mousemove(function(){ $("#zntop").fadeIn(); });
								//  $("#zn").mouseout(function(){ $("#zntop").fadeOut(); });
								  $("#lc").mousemove(function(){ $("#lctop").fadeIn(); });
								  $("#lc").mouseout(function(){ $("#lctop").fadeOut(); });
								  $("#ht").mousemove(function(){ $("#httop").fadeIn(); });
								  $("#ht").mouseout(function(){ $("#httop").fadeOut(); });
								  $("#cb").mousemove(function(){ $("#cbtop").fadeIn(); });
								  $("#cb").mouseout(function(){ $("#cbtop").fadeOut(); });
								  $("#jh").mousemove(function(){ $("#jhtop").fadeIn(); });
								  $("#jh").mouseout(function(){ $("#jhtop").fadeOut(); });  
								});
								</script>
                           	</div>
                            <div class="picture-cut">
                                <div data-id="5" class="picture-list active">
                                    <ul class="picture-ul">
                                    </ul>
                                </div>
                            </div>
                        </div>
                         <div id="particles-js"></div>
                    </div>
                    <div class="window-next">
                        SCROLL
                    </div>
                </div>
                <div class="window-bin swiper-lazy" data-hash="video" data-title="产品特点" style="background: #FFFFFF;">
                    <div class="container video-box">
                  		<div class="row">
                  			<div class="intitle"><p>产品特点</p><span></span></div>
                            <div class="tabs-vertical">
								<ul>
									<li>
										<a class="tab-active" data-index="0" href="#"><img src="images/ptIcon4.png"/><p>行业管理优势</p></a>
									</li>
									<li>
										<a data-index="1" href="#"><img src="images/ptIcon5.png"/><p>智能工作助理</p></a>
									</li>
								</ul>
								<div class="tabs-content-placeholder">
									<div class="tab-content-active">
										<ul>
											<li>
												<p>专家把脉</p>
												<span>项目团队丰富的管理经验保证管理系统建立在对企业业务充分“诊断”基础上，对企业的组织、业务、流程进行深度剖析、优化基础上确定效能提升方案，使企业在数字化转型过程中实现管理理念的升级和工作绩效的飞跃，而非简单的将业务从“线下搬到线上”。</span>
											</li>
											<li>
												<p>量身定制</p>
												<span>依据客户的组织架构、业务、流程，在基础架构上做适应性配置。<br/>
													模板配置：依个性化表单配置工作模板。<br/>
													流程设置：按部门、业务类型设置审批流程。<br/>
													信息预置：依具体业务设置默认、索引内容。<br/>
													输出表单：可标准化或个性化输出工作表单。</span>
											</li>
											<li>
												<p>管理无形</p>
												<span>业务逻辑、管理流程内置于程序保证管理工作在正确的轨道上运行，web端和移动端信息协同保证随时随地工作，工作过程处处留痕、可追溯强化自我管理意思，消灭推诿扯皮，管理系统为业务赋能，达到“置管理于无形”。</span>
											</li>
											<li>
												<p>实战经验</p>
												<span>经过十多年的市场检验和客户反馈，产品的基础架构和通用功能均是经过反复打磨和实际应用的成果，可通过适配满足客户的通用需求，深度开发满足客户的个性需求，与市场类似产品比较契合业务、高性价比、快速落地。</span>
											</li>
										</ul>
									</div>
									<div>
										<ul>
											<li>
												<p>一站管理</p>
												<span>一站管理：办公管理、经营管理、其他管理系统、智能设备。<br/>
													统一入口：各种功能、系统、设备集中入口展示。<br/>
													统一标准：遵循统一的数据标准和接口规范。<br/>
													互联共享：多终端、多系统、多单位信息协同，消灭“信息孤岛”“数据独立”的低效系统开发。</span>
											</li>
											<li>
												<p>预置业务模型</p>
												<span> 将多层级组织架构、多业务隶属关系的管理逻辑内置于系统，解决数据项定义不规范、信息不传递、数值不关联等系统低效开发普遍问题，实现基于组织架构和业务模型的数据处理和输出，让承载管理动作的数据依业务模型运转，发挥数据价值、实现智能管理。</span>
											</li>
											<li>
												<p>内置数据算法</p>
												<span>业务表单：预置表单栏目之间关系、栏目信息索引关系，快捷、精准创建工作，可靠数据支撑审批。<br/>数据算法：数据依业务模型存储/计算/输出。<br/>审批流程：依组织级别、业务类型、管理模式执行不同的审批流程及抄送不同的管理人员。</span>
											</li>
											<li>
												<p>整合历史数据</p>
												<span>迁移历史数据：将历史数据及附件迁移至新系统。历史数据过滤：对迁移数据进行查缺、补漏、去重。新旧数据整合：新旧数据整体统计、搜索。新旧数据关系：未完成历史工作，数据在新系统继续累计、索引、输出。</span>
											</li>
										</ul>
									</div>
								</div>
							</div>
                            <div class="video-list swiper-container-vertical" data-autoplay="1">
                                <ol class="video-ol">
                                </ol>
                            </div>
                        </div>
                    </div>
                    <div class="window-next">
                        SCROLL
                    </div>
                </div>
                <div class="window-bin swiper-lazy" data-hash="case" data-title="解决方案" data-background="images/yydxBg.jpg">
                    <div class="container case-box">
                        <div class="row">
							<div class="intitle"><p>解决方案</p><span></span></div>
                            <div class="case-box-content">
							<div class="box">
								<div class="he_border1" id="construct_container" style="cursor: pointer;" title="点击查看详情">
									<img class="he_border1_img" src="images/yyImg11.jpg" alt="Image 01">
									<div class="he_border1_caption">
										<h3 class="he_border1_caption_h he_border1_caption_h_js">工程承包公司<br/>施工企业</h3>
										<!-- <h3 class="he_border1_caption_h">建设</h3> -->
										<!-- <p class="he_border1_caption_p">
											<span>多方协同</span>
											<span>行政审批</span>
											<span>设计管理</span>
											<span>计划管理</span>
											<span>合同管理</span>
											<span>施工管理</span>
										</p> -->
									</div>
								</div>
							</div>
							<div class="box boxl" id="check_container" style="cursor: pointer;" title="点击查看详情">
								<div class="he_border1">
									<img class="he_border1_img" src="images/yyImg12.jpg" alt="Image 01">
									<div class="he_border1_caption">
										<h3 class="he_border1_caption_h">项目咨询管理公司<br/>监理公司</h3>
										<!-- <p class="he_border1_caption_p">
											<span>施工管理</span>
											<span>质安管理</span>
											<span>投资控制</span>
											<span>档案管理</span>
											<span>知识管理</span>
											<span>高效决策</span>
											<span>知识支持</span>
											<span>信息积累</span>
											<span>经验积累</span>
											<span>新人培养</span>
										</p> -->
									</div>
								</div>
							</div>
							<div class="box box1" id="zcgl_container" style="cursor: pointer;" title="点击查看详情">
								<div class="he_border1">
									<img class="he_border1_img" src="images/yyImg13.jpg" alt="Image 01">
									<div class="he_border1_caption">
										<h3 class="he_border1_caption_h">装饰装修公司</h3>
										<!-- <p class="he_border1_caption_p">
											<span>成本控制</span>
											<span>进度控制</span>
											<span>质安管理</span>
											<span>合同管理</span>
											<span>档案管理</span>
											<span>标准建设</span>
											<span>高效沟通</span>
											<span>风险防范</span>
											<span>迅速反应</span>
											<span>减轻负荷</span>
										</p> -->
									</div>
								</div>
							</div>
							<div class="box box1" id="hb_container" style="cursor: pointer;" title="点击查看详情">
								<div class="he_border1">
									<img class="he_border1_img" src="images/yyImg14.jpg" alt="Image 01">
									<div class="he_border1_caption">
										<a href="images/mindmap/mind-hjjc.pdf" target='_blank'>
											<h3 class="he_border1_caption_h">检验检测公司</h3>
										</a>
										<!-- <p class="he_border1_caption_p">
											<span>进度管理</span>
											<span>设计审核</span>
											<span>资料互提</span>
											<span>版本管理</span>
											<span>出版管理</span>
											<span>工程服务</span>
											<span>项目控制</span>
											<span>标准固化</span>
											<span>成果管理</span>
											<span>互动及时</span>
											<span>权责清晰</span>
											<span>新人培养</span>
										</p> -->
									</div>
								</div>
							</div>
							<div class="box box1 box2" id="union_container" style="cursor: pointer;" title="点击查看详情">
								<div class="he_border1">
									<img class="he_border1_img" src="images/yyImg15.jpg" alt="Image 01">
									<div class="he_border1_caption">
										<!--<a href="images/mindmap/yskj-xwgl.pdf" target='_blank'>
											<h3 class="he_border1_caption_h">高校<br/>基建后勤管理</h3>
										</a>-->
										<h3 class="he_border1_caption_h">高校<br/>基建后勤管理</h3>
										<!-- <p class="he_border1_caption_p">
											<span>活动管理</span>
											<span>审批管理</span>
											<span>数据管理</span>
											<span>沟通协作</span>
											<span>资讯发布</span>
											<span>企业展示</span>
											<span>培训交流</span>
											<span>业务管理</span>
											<span>办公管理</span>
											<span>数据管理</span>
											<span>沟通管理</span>
											<span>数据管理</span>
										</p> -->
									</div>
								</div>
							</div>
                            <div class="case-list">
                                <ul class="case-ul">
                                </ul>
                            </div>
							</div>
                        </div>
                    </div>
                    <div class="window-next">
                        SCROLL
                    </div>
                </div>
                <div class="window-bin swiper-lazy" data-hash="info" data-title="公司简介" style="background: #FFFFFF;">
                    <div class="container info-box">
                        <div class="row">
                        	<div class="intitle pttop"><p>公司简介</p><span></span></div>
                        	<div class="info-intro">
								<p style="text-align: left; color: #000;">
									<span style="text-indent: 38px;display: inline-block;">大连誉实科技开发有限公司成立于2014年，以敏锐的市场洞察力和坚定的创新信念投身于企业数字化转型服务，借鉴国内外SaaS产品、发挥30年项目管理专家优势，在自主研发道路上不断创新、精进，成为企业数字化转型道路上的得力伙伴。</span>
									<br />
									<span style="font-weight: bold; text-indent: 38px;display: inline-block;">团队优势</span>
									<br />
									<span style="text-indent: 38px;display: inline-block;">团队中既有深耕建设项目管理30余年的行业专家，他们凭借对行业痛点的深刻理解和前瞻性的视野，为产品研发提供坚实的框架体系；又有毕业于美国麻省理工学院计算机专业的项目顾问，他们带来了国际前沿的技术理念和创新思维，为产品注入科技活力；再加上一群技术精湛、客户思维的计算机人才，他们以扎实的专业知识和不懈的努力，将业务需求转化为实际的产品功能。这支多元化的团队优势互补、协同作战，以专业实力和技术精湛为研发产品筑牢根基！</span>
									<br />
									<span style="font-weight: bold; text-indent: 38px;display: inline-block;">服务模式-SaaS平台或定制开发</span>
									<br />
									<span style="text-indent: 38px;display: inline-block;">既有通用的SaaS服务，企业无需投入大量精力去梳理需求和测试产品，只需通过互联网即可快速接入使用，即可享受成熟、稳定的数字化服务；也可根据企业的实际需求，由项目管理专家为企业量身打造专属的解决方案，助力企业步入智能化管理的高质量发展轨道。</span>
									<br />
									<span style="font-weight: bold; text-indent: 38px;display: inline-block;">服务优势-理解业务、高性价比</span>
									<br />
									<span style="text-indent: 38px;display: inline-block;">以“比用户更懂业务”为起点、以“业务主导、技术赋能”为准则，在高度总结提炼、规范化、系统化需求基础上为客户设计解决方案。经过十余年的服务，产品基础框架扎实且稳定、配置组件灵活且高效，凭借丰富的项目实施经验，过硬的产品交付实力，可为客户提供高性价比服务，让用户尽享数字化转型带来的红利。</span>
									<br />
									<span style="font-weight: bold; text-indent: 38px;display: inline-block;">企业荣誉</span>
									<br />
									<span style="text-indent: 38px;display: inline-block;">1、软件著作权登记证书50余项、商标注册4项。</span><span style="display: inline-block;margin-left: 17.45em;">5、第十届CCLE中国教育后勤展览会推荐产品。</span>
									<br />
									<span style="text-indent: 38px;display: inline-block;">2、大连市城乡建设委员会科技发展补助资金项目。</span><span style="display: inline-block;margin-left: 16.2em;">6、第十三、十四届全国工程建设行业信息化高峰论坛推荐产品。</span>
									<br />
									<span style="text-indent: 38px;display: inline-block;">3、大连市绿色建筑行业协会《大连市绿色建材先进企业》。</span><span style="display: inline-block;margin-left: 12.2em;">7、2018年获评国家级高新技术企业。</span>
									<br />
									<span style="text-indent: 38px;display: inline-block;">4、大连市科技局科技创新奖励。</span><span style="display: inline-block;margin-left: 24.2em;">8、2020年获评辽宁省雏鹰企业。</span>
									<br />
									<span style="font-weight: bold; text-indent: 38px;display: inline-block;">典型客户</span>
									<div class="info-cases">
										<div class="info-cases__item">
											<img src="images/logo-fh.jpg" alt="">
											<p>大连泛华监理</p>
										</div>
										<div class="info-cases__item">
											<img src="images/logo-lx.png" alt="">
											<p>大连连信监理</p>
										</div>
										<div class="info-cases__item">
											<img src="images/logo-dlsjczx.png" alt="">
											<p>大连检测中心</p>
										</div>
										<div class="info-cases__item">
											<img src="images/logo-cscec.jpg" style="height: 34px; margin: 3px 0; border-radius: 6px;" alt="">
											<p>中建八局装饰（东北）</p>
										</div>
										<div class="info-cases__item">
											<img src="images/logo-sohui.png" style="height: 34px; margin: 3px 0; border-radius: 6px;" alt="">
											<p>广东首汇科技</p>
										</div>
										<div class="info-cases__item">
											<img src="images/logo-zx.png" style="margin-left: -13px;" alt="">
											<p>大连正信监理</p>
										</div>
										<div class="info-cases__item">
											<img src="images/logo-lzhit.png" alt="">
											<p>柳州工学院</p>
										</div>
								    </div>
									<div class="info-cases">
										<div class="info-cases__item">
											<img src="images/logo-cazg.png" style="height: 34px; margin: 3px 0;" alt="">
											<p>中动协</p>
										</div>
										<div class="info-cases__item">
											<img src="images/logo-yyyl.png" alt="">
											<p>亿达园林绿化</p>
										</div>
										<div class="info-cases__item">
											<img src="images/logo-gdfx.jpg" alt="">
											<p>广东房协</p>
										</div>
										<div class="info-cases__item">
											<img src="images/logo-nz.png" alt="">
											<p>大连诺众</p>
										</div>
										<div class="info-cases__item">
											<img src="images/logo-zxjs.png" style="height: 34px; margin: 3px 0; border-radius: 5px;"  alt="">
											<p>大连卓信建设</p>
										</div>
										<div class="info-cases__item">
											<img src="images/logo-zh.png" style="height: 34px; margin: 3px 0;"  alt="">
											<p>河南第六人民医院</p>
										</div>
										<div class="info-cases__item">
											<img src="images/logo-lh.png" alt="">
											<p>辽宁龙发华腾装饰</p>
										</div>
									</div>
								</p>
							</div>
							<div class="flexslider">
							  <!--
							  <ul class="slides">
							    <li>
									<p style="text-align: left;"></p>
							    	<img src="images/web.png"/>
							    	<h6>Web</h6>
							    </li>
							    <li>
									<p style="text-align: left;"></p>
							    	<img src="images/ios.png"/>
							    	<h6>IOS</h6>
							    </li>
							 	<li>
									<p style="text-align: left;"></p>
							 		<img src="images/az.png"/>
							 		<h6>Android</h6>
							 	</li>
							  </ul>
							  -->
							  <!-- 代码end -->
							  <!-- js调用部分begin -->
							  
							  <script>
							  $(function(){
								$('.flexslider').flexslider({
									directionNav: true,
									slideshowSpeed: 2300, 
									pauseOnAction: false
								});
							  });
							  </script>
							  <!-- js调用部分end -->
							</div>
                            <div class="info-right" style="display: none;">
                                <div class="info-cut">
                                    <div data-id="17" class="info-list info-ease active">
                                        <ul class="info-ul">
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="window-next">
                        SCROLL
                    </div>
                </div>
				<div class="window-bin swiper-lazy" data-hash="contact" data-title="联系我们" style="background: #FFFFFF;">
					<div class="container contact-box">
						<div class="row">
							<div class="intitle"><p>联系我们</p><span></span></div>
							<div class="contact-sub">
								<div class="foot-left">
									<div class="foot-nav">
										<ul>
											<li class="li1"><span class="span1"><p>微信公众号：誉实科技</p></span><span class="span2"><p style="padding-left: 0;background: none;">电子邮箱：support@yushiset.com</p></span><div class="clear"></div></li>
											<li class="li2"><span><p style="padding-left: 0;background: none;">电话：13194111596 13050591866</p></span></li>
											<li class="li1" style="margin-bottom:-18px;"><span><p style="padding-left: 0;background: none;">地址：大连市沙河口区太原街132号</p></span></li>
										</ul>
									</div>
								</div>
								<div class="foot-right hidden-xs ewm">
									<img src="images/ewm.png"/>
									<p>下载誉实集</p>
								</div>
							</div>
							<div class="contact-right" style="display: none;">
								<div class="contact-cut">
									<div data-id="17" class="contact-list contact-ease active">
										<ul class="contact-ul">
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="window-next">
						SCROLL
					</div>
				</div>
				<div class="window-bin foot">
					<!--
                    <footer>
                    	<div class="w1200">
                    		<div class="foot-left">
	                            <div class="foot-nav">
	                            	<h3>联系方式</h3>
	                                <ul>
	                                	<li class="li1"><span class="span1"><p>微信公众号：誉实集</p></span><span class="span2"><p style="padding-left: 0;background: none;">电子邮箱：support@yushiset.com</p></span><div class="clear"></div></li>
	                                	<li class="li2"><span><p style="padding-left: 0;background: none;">电话：13194111596 13050591866</p></span></li>
	                                	<li class="li1" style="margin-bottom:-18px;"><span><p style="padding-left: 0;background: none;">大连市沙河口区太原街132号</p></span></li>
	                                </ul>
	                            </div>
	                        </div>
	                        <div class="foot-right hidden-xs ewm">
	                            <img src="images/ewm.png"/>
	                            <p>下载誉实集</p>
	                        </div>
                    	</div>
                    </footer>
                    -->
					<div class="footer">版权所有：大连誉实科技开发有限公司 &nbsp;
						<a target="_blank" style="color:#FFFFFF"
						   href="http://beian.miit.gov.cn/?spm=5176.3047821.0.0.492670b4lRlROI"
						   style="display:inline-block;text-decoration:none;height:20px;line-height:20px;color: #878A90;margin-left: 8px;">辽ICP备15000751号-1&nbsp;</a>

						<a target="_blank" style="color:#FFFFFF"
						   href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=21020402000771"
						   style="display:inline-block;text-decoration:none;height:20px;line-height:20px;color: #878A90;margin-left: 8px;">
							&nbsp;<img src="images/beian.png" style="margin-top:-3px;"> 辽公网安备 21020402000771号&nbsp;
						</a>
					</div>
				</div>
            </div>
        </div>
        <div class="modal fade modal-3d-flip-vertical" id="met-ewm-modal" aria-hidden="true" role="dialog" tabindex="-1">
            <div class="modal-ewmlog modal-center">
                <div class="modal-content">
                    <div class="modal-body">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">
                                ×
                            </span>
                        </button>
                        <img data-size="380_380" data-original="images/weixin.jpg"
                        alt="官方微信" />
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-3d-flip-vertical" id="met-share-modal" aria-hidden="true" role="dialog" tabindex="-1">
            <div class="modal-sharelog modal-center">
                <div class="modal-content">
                    <div class="modal-body">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">
                                ×
                            </span>
                        </button>
                        <div class="bdsharebuttonbox info_share">
                            <a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间">
                            </a>
                            <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">
                            </a>
                            <a class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博">
                            </a>
                            <a class="bds_renren" data-cmd="renren" title="分享到人人网">
                            </a>
                            <a class="bds_weixin" data-cmd="weixin" title="分享到微信">
                            </a>
                            <a class="bds_isohu" data-cmd="isohu" title="分享到我的搜狐">
                            </a>
                            <a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友">
                            </a>
                            <a class="bds_tqf" data-cmd="tqf" title="分享到腾讯朋友">
                            </a>
                            <a class="bds_huaban" data-cmd="huaban" title="分享到花瓣">
                            </a>
                            <a class="bds_fbook" data-cmd="fbook" title="分享到Facebook">
                            </a>
                            <a class="bds_linkedin" data-cmd="linkedin" title="分享到linkedin">
                            </a>
                            <a class="bds_twi" data-cmd="twi" title="分享到Twitter">
                            </a>
                            <a class="bds_douban" data-cmd="douban" title="分享到豆瓣网">
                            </a>
                            <a class="bds_kaixin001" data-cmd="kaixin001" title="分享到开心网">
                            </a>
                            <a class="bds_bdysc" data-cmd="bdysc" title="分享到百度云收藏">
                            </a>
                            <a class="bds_bdxc" data-cmd="bdxc" title="分享到百度相册">
                            </a>
                            <a class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧">
                            </a>
                            <a class="bds_bdhome" data-cmd="bdhome" title="分享到百度新首页">
                            </a>
                            <a class="bds_thx" data-cmd="thx" title="分享到和讯微博">
                            </a>
                            <a class="bds_ibaidu" data-cmd="ibaidu" title="分享到百度中心">
                            </a>
                            <a class="bds_meilishuo" data-cmd="meilishuo" title="分享到美丽说">
                            </a>
                            <a class="bds_mogujie" data-cmd="mogujie" title="分享到蘑菇街">
                            </a>
                            <a class="bds_duitang" data-cmd="duitang" title="分享到堆糖">
                            </a>
                            <a class="bds_diandian" data-cmd="diandian" title="分享到点点网">
                            </a>
                            <a class="bds_hx" data-cmd="hx" title="分享到和讯">
                            </a>
                            <a class="bds_fx" data-cmd="fx" title="分享到飞信">
                            </a>
                            <a class="bds_youdao" data-cmd="youdao" title="分享到有道云笔记">
                            </a>
                            <a class="bds_qingbiji" data-cmd="qingbiji" title="分享到轻笔记">
                            </a>
                            <a class="bds_sdo" data-cmd="sdo" title="分享到麦库记事">
                            </a>
                            <a class="bds_xinhua" data-cmd="xinhua" title="分享到新华微博">
                            </a>
                            <a class="bds_people" data-cmd="people" title="分享到人民微博">
                            </a>
                            <a class="bds_mail" data-cmd="mail" title="分享到邮件分享">
                            </a>
                            <a class="bds_yaolan" data-cmd="yaolan" title="分享到摇篮空间">
                            </a>
                            <a class="bds_ty" data-cmd="ty" title="分享到天涯社区">
                            </a>
                            <a class="bds_wealink" data-cmd="wealink" title="分享到若邻网">
                            </a>
                            <a class="bds_h163" data-cmd="h163" title="分享到网易热">
                            </a>
                            <a class="bds_iguba" data-cmd="iguba" title="分享到股吧">
                            </a>
                            <a class="bds_evernotecn" data-cmd="evernotecn" title="分享到印象笔记">
                            </a>
                            <a class="bds_print" data-cmd="print" title="分享到打印">
                            </a>
                            <a class="bds_mshare" data-cmd="mshare" title="分享到一键分享">
                            </a>
                            <a class="bds_copy" data-cmd="copy" title="分享到复制网址">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

		<!-- 建工弹出框 -->
		<div class="apply-model apply-model-jg">
			<div class="apply-model-header">
				<!-- <h3>建设</h3> -->
				<span class="apply-model-close-jg apply-model-close">×</span> 
			</div>
			<div class="apply-model-model-body">
				<div class="model-container">
					<div class="imgFlexslider jgImgFlexslider">
						<ul class="slides">
						  <li>
							<div class="apply-model-item" style="width: 100%;">
								<div class="img-container">
									<img modal="zoomImg" src="images/mindmap/mind-gccb.png">
								</div>
								<p>工程承包、施工</p>
								<div class="scale-btn">
									<span class="mask-out" title="放大">＋</span>
									<span class="mask-in" title="缩小">－</span>
								</div>
							</div>
						  </li>
						  <!--<li>
							<div class="apply-model-item" style="width: 100%;">
								<div class="img-container">
									<img modal="zoomImg" src="images/mindmap/mind-jg2.jpg">
								</div>
								<p>勘察设计</p>
								<div class="scale-btn">
									<span class="mask-out" title="放大">＋</span>
									<span class="mask-in" title="缩小">－</span>
								</div>
							</div>
						  </li>-->
						</ul>
						<!-- 代码end -->
						<!-- js调用部分begin -->
						<script>
							$(function(){
								$('.jgImgFlexslider').flexslider({
									directionNav: true,
									slideshow:false,
									slideshowSpeed: 2300, 
									pauseOnAction: false
								});
							});
						</script>
						<!-- js调用部分end -->
					</div>
					<!-- <div class="apply-model-item" style="width: 100%;">
						<div class="img-container">
							<img modal="zoomImg" src="images/mindmap/mind-jg1.png">
						</div>
						<p>工程承包</p>
						<div class="scale-btn">
							<span class="mask-out" title="放大">＋</span>
							<span class="mask-in" title="缩小">－</span>
						</div>
					</div> -->
					<!-- <div class="apply-model-right apply-model-item">
						<div class="img-container">
							<img modal="zoomImg" src="images/mindmap/mind-jg2.png">
						</div>
						<p>勘察设计</p>
						<div class="scale-btn">
							<span class="mask-out" title="放大">＋</span>
							<span class="mask-in" title="缩小">－</span>
						</div>
					</div> -->
				</div>
			</div>
			<div class="apply-model-footer"></div>
		</div>

		<!-- 检测弹出框 -->
		<div class="apply-model apply-model-jc">
			<div class="apply-model-header">
				<!-- <h3>检测</h3> -->
				<span class="apply-model-close-jc apply-model-close">×</span> 
			</div>
			<div class="apply-model-model-body">
				<div class="model-container">
					<div class="apply-model-item" style="width: 100%;">
						<div class="img-container">
							<img modal="zoomImg" src="images/mindmap/mind-gcjl.png">
						</div>
						<p>项目咨询管理、工程监理</p>
						<div class="scale-btn">
							<span class="mask-out" title="放大">＋</span>
							<span class="mask-in" title="缩小">－</span>
						</div>
					</div>
				</div>
			</div>
			<div class="apply-model-footer"></div>
		</div>

		<!-- 协会弹出框 -->
		<div class="apply-model apply-model-xh">
			<div class="apply-model-header">
				<!-- <h3>协会</h3> -->
				<span class="apply-model-close-xh apply-model-close">×</span> 
			</div>
			<div class="apply-model-model-body">
				<div class="model-container">
					<div class="apply-model-item" style="width: 100%;">
						<div class="img-container">
							<img modal="zoomImg" src="images/mindmap/mind-gxhq.png">
						</div>
						<p>高校基建、后勤</p>
						<div class="scale-btn">
							<span class="mask-out" title="放大">＋</span>
							<span class="mask-in" title="缩小">－</span>
						</div>
					</div>
				</div>
			</div>
			<div class="apply-model-footer"></div>
		</div>


		<!-- 资产管理弹出框 -->
		<div class="apply-model apply-model-zcgl">
			<div class="apply-model-header">
				<!-- <h3>资产管理</h3> -->
				<span class="apply-model-close-zcgl apply-model-close">×</span> 
			</div>
			<div class="apply-model-model-body">
				<div class="model-container">
					<div class="apply-model-item" style="width: 100%;">
						<div class="img-container">
							<img modal="zoomImg" src="images/mindmap/mind-zszx.png">
						</div>
						<p>装饰装修</p>
						<div class="scale-btn">
							<span class="mask-out" title="放大">＋</span>
							<span class="mask-in" title="缩小">－</span>
						</div>
					</div>
					<!-- <div class="apply-model-item">
						<div style="display: flex;flex-direction: column;align-items: flex-end;">
							<img src="images/mindmap/mind-zc-web1.jpg">
							<img src="images/mindmap/mind-zc-web2.jpg">
						</div>
						<p style="bottom:0;">资产管理PC端</p>
					</div>
					<div class="apply-model-right apply-model-item">
						<div style="display: flex;flex-direction: row;">
							<img src="images/mindmap/mind-zc-app1.jpg">
							<img src="images/mindmap/mind-zc-app2.jpg">
						</div>
						<p style="bottom:0;">资产管理APP端</p>
					</div> -->
				</div>
			</div>
			<div class="apply-model-footer"></div>
		</div>

		<!-- 环保弹出框-->
		<div class="apply-model apply-model-hb">
			<div class="apply-model-header">
				<!-- <h3>环保</h3> -->
				<span class="apply-model-close-hb apply-model-close">×</span> 
			</div>
			<div class="apply-model-model-body">
				<div class="model-container">
					<div class="imgFlexslider hbImgFlexslider">
						<ul class="slides">
						  <li>
							<div class="apply-model-item" style="width: 100%;">
								<div class="img-container">
									<img modal="zoomImg" src="images/mindmap/mind-jc.jpg">
								</div>
								<p>特种设备、金属理化、环境检测、建筑结构、材料</p>
								<div class="scale-btn">
									<span class="mask-out" title="放大">＋</span>
									<span class="mask-in" title="缩小">－</span>
								</div>
							</div>
						  </li>
						  <!--
						  <li>
							<div class="apply-model-item" style="width: 100%;">
								<div class="img-container">
									<img modal="zoomImg" src="images/mindmap/mind-jg1.png">
								</div>
								<p>工程承包</p>
								<div class="scale-btn">
									<span class="mask-out" title="放大">＋</span>
									<span class="mask-in" title="缩小">－</span>
								</div>
							</div>
						  </li>-->

						</ul>
						<!-- 代码end -->
						<!-- js调用部分begin -->
						<script>
							$(function(){
								$('.hbImgFlexslider').flexslider({
									directionNav: true,
									slideshow:false,
									slideshowSpeed: 2300, 
									pauseOnAction: false
								});
							});
						</script>
						<!-- js调用部分end -->
					</div>
					<!-- <div class="apply-model-item" style="width: 100%;">
						<div class="img-container">
							<img modal="zoomImg" src="images/mindmap/mind-jg2.png">
						</div>
						<p>勘察设计</p>
						<div class="scale-btn">
							<span class="mask-out" title="放大">＋</span>
							<span class="mask-in" title="缩小">－</span>
						</div>
					</div> -->
				</div>
			</div>
			<div class="apply-model-footer"></div>
		</div>


		<div class="apply-model-mask"></div>


        <script src="js/newbeeit.js?v=1">
        </script>
        
        
        
	<script type="text/javascript">

        $(document).ready(function() {

			let WHrate = 670/650 //图片的宽高比
			var clientWidth = document.documentElement.clientWidth;
			var clientHeight = document.documentElement.clientHeight;
			$(".ghostBody1").css("width",clientHeight * 0.675 * WHrate)
			$(".ghostBody1").css("height",clientHeight * 0.675)

			let WTRate = clientWidth/clientHeight // 屏幕的宽高比  用于计算居上的距离
			$(".ghostBody1").css("top",WTRate*30)
			$(".container1 .banner-bin-o").css("top",WTRate * 100)
			$(".ghostBody2").css("width",clientHeight * 0.7165 * WHrate)
			$(".ghostBody2").css("height",clientHeight * 0.7165)
			$(".ghostBody2").css("top",-WTRate*40)
			$(".container2 .banner-bin-o").css("top",WTRate * 100)


			  

            var widget = $('.tabs-vertical');

            var tabs = widget.find('ul a'),
                content = widget.find('.tabs-content-placeholder > div');

            tabs.on('click', function (e) {

                e.preventDefault();

                // Get the data-index attribute, and show the matching content div

                var index = $(this).data('index');

                tabs.removeClass('tab-active');
                content.removeClass('tab-content-active');

                $(this).addClass('tab-active');
                content.eq(index).addClass('tab-content-active');

            });
        });

		// 应用对象
		$(function(){
			// 点击建设跳转到建设的思维导图
			$("#construct_container").click(function(){
				showModel(".apply-model-jg");
			});

			// 点击检测跳转到检测的思维导图
			$("#check_container").on('click',function(e){
				showModel(".apply-model-jc");
			})

			// 点击协会跳转到协会的思维导图
			$("#union_container").on('click',function(e){
				showModel(".apply-model-xh");
			})

			// 点击资产管理跳转到资产管理的思维导图
			$("#zcgl_container").on('click',function(e){
				showModel(".apply-model-zcgl");
			})

			// 点击环保跳转到环保的思维导图
			// $("#hb_container").on('click',function(e){
			// 	showModel(".apply-model-hb");
			// })
			

			function showModel(str){
				var wW=$(window).width();  //浏览器可视区域宽度和高度
				var wH=$(window).height();
				var oW=$(str).innerWidth(); //获取类叫model的宽度和高度
				var oH=$(str).innerHeight();
				$(str).show().css({
					"top":(wH-oH)/2+"px",
					"left":(wW-oW)/2+"px",
					"z-index":999999,
					"height":oH * 90% + 'px'
				});
				$(".apply-model-mask").fadeIn();
			}
			$(window).resize(function(){
				if($(".apply-model-jg").is(":visible")){ //弹出框必须可见后 才能调用showModel()
					showModel(".apply-model-jg");
				}
				if($(".apply-model-jc").is(":visible")){ //弹出框必须可见后 才能调用showModel()
					showModel(".apply-model-jc");
				}
				if($(".apply-model-jc").is(":visible")){ //弹出框必须可见后 才能调用showModel()
					showModel(".apply-model-xh");
				}
				if($(".apply-model-zcgl").is(":visible")){ //弹出框必须可见后 才能调用showModel()
					showModel(".apply-model-zcgl");
				}
			});

			$(".apply-model-close-jg").click(function(){
				$(".apply-model-jg").hide();
				$(".apply-model-mask").fadeOut();
			});
			$(".apply-model-close-jc").click(function(){
				$(".apply-model-jc").hide();
				$(".apply-model-mask").fadeOut();
			});
			$(".apply-model-close-xh").click(function(){
				$(".apply-model-xh").hide();
				$(".apply-model-mask").fadeOut();
			});
			$(".apply-model-close-zcgl").click(function(){
				$(".apply-model-zcgl").hide();
				$(".apply-model-mask").fadeOut();
			});
			$(".apply-model-close-hb").click(function(){
				$(".apply-model-hb").hide();
				$(".apply-model-mask").fadeOut();
			});
		});

		// web端图片缩放
		$("img[modal='zoomImg']").each(function () {
			let that = this;
			function showImg() {

				//图片拖拽
				var $div_img = $(that).parent();
				//绑定鼠标左键按住事件
				$div_img.bind("mousedown", function (event) {
					event.preventDefault && event.preventDefault(); //去掉图片拖动响应
					//获取需要拖动节点的坐标
					var offset_x = $(this)[0].offsetLeft;//x坐标
					var offset_y = $(this)[0].offsetTop;//y坐标
					//获取当前鼠标的坐标
					var mouse_x = event.pageX;
					var mouse_y = event.pageY;
					//绑定拖动事件
					//由于拖动时，可能鼠标会移出元素，所以应该使用全局（document）元素
					// $(that).parent().parent().bind("mousemove", function (ev) {
					// 	// 计算鼠标移动了的位置
					// 	var _x = ev.pageX - mouse_x;
					// 	var _y = ev.pageY - mouse_y;
					// 	//设置移动后的元素坐标
					// 	var now_x = (offset_x + _x ) + "px";
					// 	var now_y = (offset_y + _y ) + "px";
					// 	//改变目标元素的位置
					// 	$div_img.css({
					// 		top: now_y,
					// 		left: now_x
					// 	});
					// });
				});
				//当鼠标左键松开，接触事件绑定
				$(that).parent().parent().bind("mouseup", function () {
					$(this).unbind("mousemove");
				});

				//缩放 放大
				var zoom_n = 1;
				$(that).parent().siblings().find(".mask-out").click(function () {
					zoom_n += 0.1;
					$(that).css({
						"transform": "scale(" + zoom_n + ")",
						"-moz-transform": "scale(" + zoom_n + ")",
						"-ms-transform": "scale(" + zoom_n + ")",
						"-o-transform": "scale(" + zoom_n + ")",
						"-webkit-transform": "scale(" + zoom_n + ")"
					});
				});
				//缩放 缩小
				$(that).parent().siblings().find(".mask-in").click(function () {
					zoom_n -= 0.1;
					zoom_n = zoom_n <= 0.1 ? 0.1 : zoom_n;
					$(that).css({
						"transform": "scale(" + zoom_n + ")",
						"-moz-transform": "scale(" + zoom_n + ")",
						"-ms-transform": "scale(" + zoom_n + ")",
						"-o-transform": "scale(" + zoom_n + ")",
						"-webkit-transform": "scale(" + zoom_n + ")"
					});
				});
			}
			showImg();
		});
    </script>
        <script src="js/jquery.flexslider-min.js"></script>
        <script src="js/particles.min.js"></script>
		<script src="js/app.js"></script>

		<!--<script src="js/animsition.js"></script>
		<script src="js/jquery.magnific-popup.min.js"></script>
		<script src="js/jquery.pagepiling.min.js"></script>
		<script src="js/scripts.js"></script>-->
    </body>

</html>