2019 SSC安全峰会

<!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>2019 SSC安全峰会</title> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes"/> <meta name=description content="SSC(全称:CloverSec Security Conference)安全峰会是由西安四叶草安全信息技术有限公司主办的中西部安全类峰会。"> <link rel="icon" href="2019ssclogored.ico" type="image/x-icon" /> <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="css/animate.css"> <link rel="stylesheet" type="text/css" href="css/masterslider.css"> <link rel="stylesheet" type="text/css" href="css/masterslider.main.css"> <link rel="stylesheet" type="text/css" href="css/ms-staff-style.css"> <link rel="stylesheet" type="text/css" href="css/slick.css"> <link rel="stylesheet" type="text/css" href="css/slick-theme.css"> <link rel="stylesheet" type="text/css" href="js/bootstrap/css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body> <div style='margin:0 auto;display:none;'> <img src='img/index.png' alt=""/> </div>  <div id="carousel-example-generic" class="bannerBox"> <img class="bannerI" src="images/2019sscbanner.jpg"/>  <div class="leader"> <div class="contain"> <div class="images"> <a class="navbar-brand" style="padding:5px 0;" href="#"> <img class="logoBai" src="images/baissclogo.png" style="height:42px" alt="SSC"> <img class="logoQing" src="images/2019ssclogored.png" style="height:42px" alt="SSC"> </a> </div> <div class="nav_list"> <ul class="list"> <li class="active"> <a href="#">首页</a> </li> <li> <a href="#introduction">大会介绍</a> </li> <li> <a href="#schedule">大会日程</a> </li> <li> <a href="#topic">会议流程</a> </li> <li> <a href="#advisory">大会顾问</a> </li> <li> <a href="#nowsee">现场回顾</a> </li>   <li> <a href="#partner">合作伙伴</a> </li> <li> <a href="#contact">联系我们</a> </li> <div class="wang"> <a href="javascript:;">往届回顾</a> <div class="wangBox"> <a href="http://ssc2016.seclover.com/" target="_blank">2016ssc</a> <a href="http://ssc2017.seclover.com/" target="_blank">2017ssc</a> <a href="http://ssc2018.seclover.com/" target="_blank">2018ssc</a> </div> </div> </ul> </div> <div style="clear: both"></div> </div> </div> </div>      <section class="section_twos" id="introduction"> <img class="yuan1" src="images/2019yuansuquan.png"/> <img class="yuan2" src="images/2019yuan3.png" /> <div> <div class="container"> <h1 class="wow bounceInUp relate">大会介绍</h1> <h1 class="wow bounceInUp erji">Introduction to the General Assembly</h1> <span class="blue"></span> <div> <div class="wow zoomIn zi"> <p class="introText"> 2019年第四届SSC安全峰会将于8月14日、15日在古城西安举行，本次大会以“智未来、硬科技、新安全”为主题。本次峰会有四大主题活动：对话长安、创客长安、科技长安、极客长安。 </p> <p class="introText"> SSC安全峰会作为中国中西部最具盛名，影响力最大，知名度最高的网络安全峰会，已连续举办三届。本次峰会融合政企合作、技术交流、技术创新、成果展示、资源对接、产学研用为一体，规模更大、规格更高。 </p> </div> <div class="meet-time"> <p><span class="bold">会议时间：</span> 2019年8月14日</p> <p><span class="bold">会议地点：</span> 中国•西安（西安中晶华邑酒店）</p> </div> <div class="meet-con"> <p class="bold">一．指导单位</p> <p>中国信息安全测评中心</p> <p>陕西省互联网信息办公室</p> <p>陕西省公安厅</p> <p class="bold">二．主办单位</p> <p>西安高新技术产业开发区管理委员会</p> <p class="bold">三．承办单位</p> <p>西安四叶草信息技术有限公司</p> <p class="bold">四．协办单位</p> <p>西安软件园发展中心</p> <p>中国信息产业商会信息安全产业分会</p> <p>陕西省信息网络安全协会</p> <p>西北狼互联网生态协会</p> <p>陕西省网信军民融合创新发展联盟</p> <p>陕西省互联网协会</p> <p>陕西省软件行业协会</p> <p>陕西省区块链产业联盟</p> <p>西安高新空间安全产业联盟</p> <p class="bold">五．支持单位</p> <div class="company"> <img src="images/zhichidanwei/baidu.png" alt=""> <img src="images/zhichidanwei/mayijinfu.png" alt=""> <img src="images/zhichidanwei/oppo.png" alt=""> <img style="padding: 2px 18px;" src="images/zhichidanwei/hlc.jpg" alt=""> <img src="images/zhichidanwei/tecentyingji.png" alt="">  </div> </div> </div> </div> </div> </section>  <section class="section_threes" id="schedule" style="position: relative;"> <div class="container" > <h1 class="wow bounceInUp relates" >大会日程</h1> <h1 class="wow bounceInUp erjis">General meeting schedule</h1> <span class="blue" style="border-bottom: 2px solid #fff;"></span> <div class="wow zoomIn" style="padding-top:10px;position: relative;z-index:100"> <h3 class="jiu" style="color:#fff">2019.8.14   高峰论坛</h3> <ul class="time"> <li>07:30-08:50</li> <li>09:00-10:10</li> <li>10:15-12:00</li> <li>12:00-13:30</li> <li>14:00-18:00</li> <li style="border-right:0;">19:00-22:00</li> </ul> <ul class="anpai">  <li>检票入场</li> <li>开场致辞</li> <li>主论坛</li> <li>午餐</li> <li>三大分论坛</li> <li>白帽子之夜</li> </ul>    </div> <div class="item"> <h3 class="jiu" style="color:#fff">2019.8.15</h3> <ul class="time timesa"> <li>闭门会议</li> </ul>  </div> </div> </section>        <section class="section_fours" id="topic"> <div class="container" style="position: relative;"> <h1 class="wow bounceInUp relate">会议流程</h1> <h1 class="wow bounceInUp erji">Conference flow</h1> <span class="blue" style="position: absolute; left: 14vw;"></span> <div class="yiDate"> <p class="yiTit">主论坛</p> <p><span>论坛时间：</span>2019 年 8 月 14 日 08:30-12:00</p> <p><span>论坛地点：</span>西安中晶华邑酒店（宴会厅三层）</p> </div> <div class="personItem"> <div class="perTime">07:30-08:50</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">签到入场</span> </div> </div> </div> <div class="personItem"> <div class="perTime">09:00-09:05</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">主持人开场及嘉宾介绍</span> </div> </div> </div> <div class="personItem"> <div class="perTime">09:05-09:35</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">领导致辞</span> </div> </div> </div> <div class="personItem"> <div class="perTime">09:35-09:40</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">主办方致辞</span> </div> </div> </div> <div class="personItem"> <div class="perTime">09:40-09:50</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">承办方致辞</span> </div> </div> </div> <div class="personItem"> <div class="perTime">09:50-10:10</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">发布仪式</span> </div> </div> </div> <div class="personItem"> <div class="perTime">10:10-10:30</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">演讲嘉宾：谭晓生北京赛博英杰科技有限公司创始人、董事长。</span> </div> </div> </div> <div class="personItem"> <div class="perTime">10:30-10:50</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">演讲嘉宾：马杰百度安全总经理</span> </div> </div> </div> <div class="personItem"> <div class="perTime">10:50-11:10</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">演讲嘉宾：大师蚂蚁金服安全产品技术资深总监</span> </div> </div> </div> <div class="personItem"> <div class="perTime">11:10-12:00</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">高峰对话：以攻防视角谈网络安全建设</span> </div> </div> </div> <div class="yiDate"> <p class="yiTit">无名论坛</p> <p class="yiTime">8月14日14:00-18:00（下午）</p> <p><span>论坛地点：</span>西安中晶华邑酒店（宴会厅三层）</p> <p><span>论坛指导方：</span>陕西省法学会信息安全法学研究会</p> <p><span>论坛承办方：</span>西安交通大学科教院网络安全法治研究所</p> </div> <div class="personItem"> <div class="perTime">14:00-14:15</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">致辞并作主题发言：软件开源产业生态发展</span> <span class="perBox"><img src="images/hyrc/fengyanchun.jpg" alt="" />冯燕春</span> </div> <div class="perConBottom"> <p>致辞嘉宾简介：</p> <div>冯燕春，中国电子商会自主可控技术委员会理事长, 军民融合自主可控专委会主任,国家信息技术安全研究中心研究员,专业技术少将。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">14:15-14:30</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：安全研究人员管理挑战</span> <span class="perBox"><img src="images/hyrc/tanxiaosheng.jpg" alt="" />谭晓生</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>谭晓生，北京赛博英杰科技有限公司创始人、董事长，曾任360集团技术总裁、首席安全官，公安部网络安全保卫局网络安全专家，2018年获中国互联网发展基金会网络安全杰出人才称号，中国计算机学会(CCF)理事、副秘书长，2012年获中关村高端领军人才称号，教育部安全科学与工程类专业教指委委员。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">14:30-14:45</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：关于“安全测试”与“测试安全”的思考</span> <span class="perBox"><img src="images/hyrc/danzheng.jpg" alt="" />单征</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>单征，信息工程大学教授，博导，博士。任国防部和中国军网网络安全顾问，CCF高性能专委会委员，中国计算机学会郑州分部主席。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">14:45-15:00</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：网络安全漏洞管理实践</span> <span class="perBox"><img src="images/hyrc/haoyongle.jpg" alt="" />郝永乐</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>郝永乐，中国信息安全测评中心、漏洞管理处副处长。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">15:00-15:15</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：互联网背景下“合成内容”的知识产权风险及对策</span> <span class="perBox"><img src="images/hyrc/yaojianjun.jpg" alt="" />姚建军</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>姚建军，西安市新城区人民法院院长，香港城市大学法学博士。曾任西安市中级人民法院知识产权庭庭长；全国审判专家，最高人民法院知识产权司法保护研究中心研究员，中国法学会审判理论研究会知识产权专业委员会委员。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">15:15-15:25</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">互动并抽奖一</span> </div> </div> </div> <div class="personItem"> <div class="perTime">15:25-15:40</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：网络安全人员的权利边界与权利保障</span> <span class="perBox"><img src="images/hyrc/zhangbaichuan.JPG" alt="" />张百川</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>张百川，资深安全顾问、游侠安全网站长，游侠安全网创始人。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">15:40-15:55</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：网络安全人的因素与从业人员保护</span> <span class="perBox"><img src="images/hyrc/yuanhao.jpg" alt="" />原浩</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>原浩，江苏竹辉律师事务所合伙人，中华全国律协信息网络与高新技术专业委员会研讨员，中国科技法学会理事，中国信息安全法律大会专家委员会副秘书长。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">15:55-16:10</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：企业个人信息利用的民事法律风险与防范</span> <span class="perBox"><img src="images/hyrc/wangyue.jpg" alt="" />王玥</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>王玥，西安交通大学法学院副教授，英国格拉斯哥大学法学博士。现任中国网络空间安全协会网络空间安全法律与政策专业委员会副秘书长，中国网络与信息法学研究会理事，中央网信办西安交大研判点研判专家，西安交通大学信息安全法律研究中心副主任。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">16:10-16:20</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">互动并抽奖二</span> </div> </div> </div> <div class="personItem"> <div class="perTime">16:20-16:35</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">马民虎教授总结、嘉宾合影</span> <span class="perBox"><img src="images/hyrc/maminhu.png" alt="" />马民虎</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>马民虎，西安交通大学苏州信息安全法律研究中心主任，教授。中国信息安全法律大会专家委员会主任，国家密码管理局密码法立法顾问，中国法学会网络与信息法学研究会副会长，中国网络空间安全协会副理事长，中国网络空间安全协会网络空间安全法律与公共政策专业委员会主任，国家工业信息安全专家咨询委员会委员，陕西省法学会信息安全法学研究会会长。</div> </div> </div> </div> <div class="yiDate"> <p class="yiTit">攻防技术交流论坛</p> <p class="yiTime">8月14日14:00-18:00（下午）</p> <p><span>论坛地点：</span>西安中晶华邑酒店（宴会厅二层）</p> <p><span>论坛出品方：</span>百度安全</p> </div> <div class="personItem"> <div class="perTime">14:00-14:10</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">百度安全总经理马杰致辞</span> </div> </div> </div> <div class="personItem"> <div class="perTime">14:10-14:40</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：互联网内容安全态势分析与生态治理</span> <span class="perBox"><img src="images/hyrc/liuguang.jpg" alt="" />刘广</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>刘广，百度安全部资深工程师。</div> <p>议题简介：</p> <div>近年来，电信网络诈骗、网络赌博、破坏计算机信息、侵犯公民隐私等违法犯罪行为日趋多元且呈体系化运作；另一方面，流量劫持、恶意挖矿等诸多法律上尚未定性的灰产区域，具有显著的行业周期特征，吸引黑产分子不断升级技术手段，试图突破层层封锁，以获取巨大的经济利益。网络空间攻防对抗不断升级。基于海量威胁情报数据与大数据分析能力，百度安全搭建全网网址安全态势感知系统，针对全网文字、图片、视频、代码等进行智能建模和7*24小时实时监控和治理，超过99%的恶意网址在触达用户之前实现精准拦截，既而从源头阻断网络黑灰产的蔓延，净化网络环境，保障数亿网络用户的搜索体验和公民个人信息安全。本次主题分享百度安全近期的内容生态趋势分析、内容生态治理上所作的工作。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">14:40-15:10</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：关键信息基础设施工控系统信息安全风险分析与漏洞检测</span> <span class="perBox"><img src="images/hyrc/suizhonghao.png" alt="" />孙中豪</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>孙中豪，西北工业大学博士，McGill大学联合培养博士。现就职于国家互联网应急中心，在网络安全应急技术国家工程实验室和工业控制系统网络安全应急技术工信部重点实验室，主要从事工控和物联网安全测试与认证、工控系统入侵检测等方面的研究工作。发表SCI、EI索引论文十数篇，发明专利近20项。担任电子通信顶级期刊IEEE Transactions on Vehicular Technology、国际会议IGCC的审稿人。</div> <p>议题简介：</p> <div>当前越来越多的工控系统接入到公共网络，一方面提升了我国工业系统的信息化和智能化水平，另一方面也使工控系统面临的网络安全威胁日益严峻。在设计上，传统工控系统重视功能和可靠性、忽视信息安全;在实现上，大多工控系统未经过互联网开放式环境考验，通信健壮性普遍较差;工控系统大量采用通用软硬件技术和操作系统，降低了黑客攻击门槛.工控系统是国家关键基础设施的重要组成部分，一旦遭到网络攻击，将给国家安全、经济运行和国计民生造成深远的影响。本次报告主要从如何有效应对工控系统信息安全风险、以及CNCERT开展的面向工控产品的网络安全检测两个方面进行交流。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">15:10-15:40</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：数据驱动数据安全</span> <span class="perBox"><img src="images/hyrc/daipengfei.jpg" alt="" />戴鹏飞</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>戴鹏飞，美团数据安全总监，历任绿盟科技技术经理、阿里巴巴数据安全高级专家、平安金融科技反欺诈总监等职务，在数据安全和风控方向深耕多年，具有丰富的互联网安全实战经验。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">15:40-15:50</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">互动并抽奖一</span> </div> </div> </div> <div class="personItem"> <div class="perTime">15:50-16:20</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：IOT渗透从0到1</span> <span class="perBox"><img src="images/hyrc/cuihongquan.jpg" alt="" />崔洪权</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>崔洪权，吉林省信睿网络信息安全有限公司CEO、BUGSCAN社区核心白帽子、ChaMd5安全团队核心成员。</div> <p>议题简介：</p> <div>本议题从wifi安全出发，讲解wifi网络下的iot设备存在的一些安全问题，讲解iot设备渗透思路及方法，以及常见设备如路由器，摄像头，打印机等智能设备的漏洞的挖掘思路。实现从WIFI 网络到物联网设备的渗透流程。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">16:20-16:50</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：攻方视角下的移动端App通信</span> <span class="perBox"><img src="images/hyrc/yujunfeng.jpg" alt="" />余俊峰</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>余俊峰，四叶草安全资深研究员。擅长移动端App逆向分析和漏洞挖掘。</div> <p>议题简介：</p> <div>随着移动端App保护方式的不断发展，App端渗透测试难度越来越大，面对数据签名、端到端的通信加密方式，作为攻方有什么应对方法？该如何测试通信协议和服务端安全？本议题将会结合实际项目经验，利用Hook技术提供一些思路和方法。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">16:50-17:20</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：智能门锁：别让安全成为马奇诺防线</span> <span class="perBox"><img src="images/hyrc/yangwei.jpg" alt="" />杨威</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>杨威，国民技术股份有限公司安全技术中心安全实验室高级安全研究员，擅长对密码模块的侧信道攻击，对物联网终端安全有深入研究。</div> <p>议题简介：</p> <div>智能门锁是家庭安防的第一道防线，其安全性至关重要。然而，智能门锁的智能化和联网化使其面临着比传统门锁更多的安全攻击面，本议题针对智能门锁从云、管、端分析了其面临的安全风险，并结合我们团队分析多款智能门锁时发现的安全漏洞展示智能门锁易被忽视的安全问题，以实际案例探讨智能门锁安全及风险防范。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">17:20-17:30</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">互动并抽奖二</span> </div> </div> </div> <div class="yiDate"> <p class="yiTit">区块链与安全论坛</p> <p class="yiTime">8月14日14:00-18:00（下午）</p> <p><span>论坛地点：</span>西安中晶华邑酒店（宴会厅三层）</p> <p><span>论坛指导方：</span>CECBC区块链专委会</p> <p><span>论坛主办方：</span>西北狼互联网生态协会、零时科技、麦田财经</p> <p><span>论坛协办方：</span>数字经济商学院</p> <p><span>论坛赞助方：</span>Qitmeer</p> </div> <div class="personItem"> <div class="perTime">14:00-14:10</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">主持人开幕词</span> </div> </div> </div> <div class="personItem"> <div class="perTime">14:10-14:30</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">主旨演讲：从金融二十年发展历程看Defi</span> <span class="perBox"><img src="images/hyrc/吴桐.jpg" alt="" />吴桐</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>吴桐，CECBC区块链专委会副主任、数字经济商学院院长。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">14:30-14:50</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">《全球区块链十大热门事件回顾》（2018.8——2019.8）</span> </div> </div> </div> <div class="personItem"> <div class="perTime">14:50-15:10</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：BlockDAG如何解决区块链不可能三角问题</span> <span class="perBox"><img src="images/hyrc/tony.jpg" alt="" />Tony zhou</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>Tony zhou，沙迦美国大学计算机硕士，Qitmeer首席研究员，DAGfans创始人。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">15:10-15:15</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">《区块链与网络安全发展研究报告》启动仪式</span> </div> </div> </div> <div class="personItem"> <div class="perTime">15:15-15:35</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：区块链投资风向标</span> <span class="perBox"><img src="images/hyrc/许英龙.jpg" alt="" />许英龙</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>许英龙，科银资本CEO。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">15:35-16:20</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">圆桌论坛论坛</span> </div> </div> </div> <div class="personItem"> <div class="perTime">16:20-16:40</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：数字资产追踪与监控揭秘</span> <span class="perBox"><img src="images/hyrc/WeaponX.jpg" alt="" />WeaponX</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>WeaponX，零时科技联合创始人，从事网络安全领域10余年，独立挖掘过数十个国内外大量厂商的漏洞，并获得CVE与致谢。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">16:40-17:00</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">仪式环节</span> </div> </div> </div> <div class="personItem"> <div class="perTime">17:00-17:20</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle">演讲主题：区块链助力大数据</span> <span class="perBox"><img src="images/hyrc/康培锋.jpg" alt="" />康培锋</span> </div> <div class="perConBottom"> <p>演讲嘉宾简介：</p> <div>康培锋，深圳市数峰科技有限公司CEO。</div> </div> </div> </div> <div class="personItem"> <div class="perTime">17:20-17:40</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">仪式环节</span> </div> </div> </div> <div class="personItem"> <div class="perTime">17:40-17:50</div> <div class="perCon"> <div class="perConTop"> <span class="perTitle perChou">合影留念</span> </div> </div> </div> </div> </section>  <section class="section_fives" id="advisory" style="position: relative;"> <img class="yuan3" src="images/2019yuansu1.png"/> <div class="mu"> <div class="container"> <h1 class="wow bounceInUp relate" style="color: #fff">大会顾问</h1> <h1 class="wow bounceInUp erji" style="color: #fff">General Assembly advise</h1> <span class="blue" style="border-bottom: 2px solid #fff;"></span> <div class="guwenBox"> <div class="guItem"> <img src="images/guwenzu/fengchunpei.jpg"/> <p class="peoName">冯春培</p> <p>蚂蚁金服安全产品技术资深总监</p> </div> <div class="guItem"> <img src="images/guwenzu/majie.jpg" /> <p class="peoName">马杰</p> <p>百度安全总经理</p> </div> <div class="guItem"> <img src="images/guwenzu/tanxiaosheng.jpg" /> <p class="peoName">谭晓生</p> <p>北京赛博英杰科技有限公司董事长</p> <p>原360集团首席安全官</p> </div> <div class="guItem"> <img src="images/guwenzu/shenmi.png" /> <p class="peoName">神秘嘉宾</p>  </div> <div class="guItem"> <img src="images/guwenzu/daishen.jpg" /> <p class="peoName">王英键</p> <p>Xcon、Xpwn、未来安全创始人</p> </div> <div class="guItem"> <img src="images/guwenzu/binghe.jpg" /> <p class="peoName">冰河</p> <p>X-Scan和[冰河]木马作者</p> </div> <div class="guItem"> <img src="images/guwenzu/wantao.jpg" /> <p class="peoName">万涛</p> <p>中国鹰派联盟网站创始人</p> </div> <div class="guItem"> <img src="images/guwenzu/chenyang.jpg" /> <p class="peoName">陈洋</p> <p>小米首席安全官</p> </div> <div class="guItem"> <img src="images/guwenzu/zhangxundi.jpg" /> <p class="peoName">张迅迪</p> <p>安全焦点创始人</p> <p>中国第一代黑客</p> </div> <div class="guItem"> <img src="images/guwenzu/gongwei.jpg" /> <p class="peoName">龚蔚</p> <p>中国黑客教父</p> <p>绿色兵团创始人</p> </div> <div class="guItem"> <img src="images/guwenzu/linyong.jpg" /> <p class="peoName">lion</p> <p>中国红客联盟（HUC）创始人</p> </div> <div class="guItem"> <img src="images/guwenzu/pengquan.jpg" /> <p class="peoName">彭泉</p> <p>中国第一代黑客</p> <p>顾问级安全专家</p> </div> <div class="guItem"> <img src="images/guwenzu/gejun.jpg" /> <p class="peoName">葛军</p> <p>灰鸽子工作室创始人</p> </div> <div class="guItem"> <img src="images/guwenzu/guilinlaobing.jpg" /> <p class="peoName">桂林老兵</p> <p>多款知名安全工具的作者</p> </div> <div class="guItem"> <img src="images/guwenzu/duangang.jpg" /> <p class="peoName">段钢</p> <p>看雪科技创始人及CEO</p> </div> <div class="guItem"> <img src="images/guwenzu/lishaopeng.jpg" /> <p class="peoName">李少鹏</p> <p>安全牛主编</p> <p>北京谷安天下副总裁</p> </div> <div class="guItem"> <img src="images/guwenzu/wangqi.jpg" /> <p class="peoName">王琦</p> <p>碁震 KEEN 公司创始人兼 CEO</p> </div> <div class="guItem"> <img src="images/guwenzu/杜跃进.jpg" /> <p class="peoName">杜跃进</p> <p>360集团首席安全官</p> </div> <div class="guItem"> <img src="images/guwenzu/杨勇.png" /> <p class="peoName">杨勇</p> <p>腾讯安全平台部负责人</p> </div> <div class="guItem"> <img src="images/guwenzu/TK（于旸）.jpg" /> <p class="peoName">于旸</p> <p>腾讯玄武实验室掌门人</p> </div> </div>   </div> </div> </section>  <section class="section_anothers" id="nowsee" style="position: relative;"> <div class="container" style="position: relative;padding-bottom:0;"> <h1 class="wow bounceInUp relate">现场回顾</h1> <h1 class="wow bounceInUp erji">Site Review</h1> <span class="blue" style="position: absolute; left: 14vw;"></span> <div> <div style="margin-top:50px;"> <h2> <span class="circle"></span> 现场照片 </h2> <div class="picture-bl"> <div class="ac-img-box"> <div class="neis-img"> <img src="images/2019ssc/a01.jpg" /></div> </div> <div class="ac-img-box"> <div class="neis-img"> <img src="images/2019ssc/a02.jpg" /></div> </div> <div class="ac-img-box"> <div class="neis-img"> <img src="images/2019ssc/a03.jpg" /></div> </div> <div class="ac-img-box"> <div class="neis-img"> <img src="images/2019ssc/a04.jpg" /></div> </div> <div class="ac-img-box"> <div class="neis-img"> <img src="images/2019ssc/a05.jpg" /></div> </div> <div class="ac-img-box"> <div class="neis-img"> <img src="images/2019ssc/a06.jpg" /></div> </div> <div class="ac-img-box"> <div class="neis-img"> <img src="images/2019ssc/a07.jpg" /></div> </div> <div class="ac-img-box"> <div class="neis-img"> <img src="images/2019ssc/a08.jpg" /></div> </div> <div class="ac-img-box"> <div class="neis-img"> <img src="images/2019ssc/a09.jpg" /></div> </div> <div class="ac-img-box"> <div class="neis-img"> <img src="images/2019ssc/a10.jpg" /></div> </div> <div class="ac-img-box"> <div class="neis-img"> <img src="images/2019ssc/a12.jpg" /></div> </div> <div class="ac-img-box"> <div class="neis-img"> <img src="images/2019ssc/a13.jpg" /></div> </div> </div> <h2 style="margin-top:30px;"> <span class="circle"></span> 现场视频 </h2> <div class="vedio-bl"> <div class="vedio-now"> <a href="https://url.cn/5al8kKc?sf=uri" target="_blank"> <i class="fa fa-play-circle"></i> </a> </div> </div> </div> </div> </div> </section>      <section class="section_sevens" id="partner"> <div class="container"> <h1 class="wow bounceInUp relate">合作伙伴</h1> <h1 class="wow bounceInUp erji">Cooperative partne</h1> <span class="blue"></span> <div> <div> <h2> <span class="circle"></span> SRC <span class="paiming">(排名不分先后)</span> </h2> <div class="medium"> <img src="images/1SRC/阿里安全.jpg"> <img src="images/1SRC/唯品会.jpg"> <img src="images/1SRC/京东.jpg"> <img src="images/1SRC/字节跳动.jpg"> <img src="images/1SRC/美丽联合.jpg"> <img src="images/1SRC/微博安全.jpg"> <img src="images/1SRC/美团.jpg"> <img src="images/1SRC/饿了么.jpg"> <img src="images/1SRC/苏宁.jpg"> <img src="images/1SRC/vivo.jpg"> <img src="images/1SRC/滴滴安全.jpg"> <img src="images/1SRC/陌陌.jpg"> <img src="images/1SRC/智联招聘.jpg"> <img src="images/1SRC/焦点.jpg"> <img src="images/1SRC/58.jpg"> <img src="images/1SRC/网易安全.jpg"> <img src="images/1SRC/金山.jpg"> <img src="images/1SRC/爱奇艺.jpg"> <img src="images/1SRC/360.jpg"> <img src="images/1SRC/carsrc.jpg"> <img src="images/1SRC/kid.jpg"> <img src="images/1SRC/vipkid.jpg"> <img src="images/1SRC/wifi.jpg"> <img src="images/1SRC/点融安全.jpg"> <img src="images/1SRC/东方财富.jpg"> <img src="images/1SRC/斗鱼.jpg"> <img src="images/1SRC/竞技世界.jpg"> <img src="images/1SRC/快手.jpg"> <img src="images/1SRC/零号线.jpg"> <img src="images/1SRC/马蜂窝.jpg"> <img src="images/1SRC/融360.jpg"> <img src="images/1SRC/同城.jpg"> <img src="images/1SRC/途牛.jpg"> <img src="images/1SRC/挖财安全.jpg"> <img src="images/1SRC/完美世界.jpg"> <img src="images/1SRC/微贷.jpg"> <img src="images/1SRC/携程安全.jpg"> <img src="images/1SRC/宜人贷.jpg"> <img src="images/1SRC/宜信安全.jpg"> <img src="images/1SRC/猪八戒.jpg"> </div> </div> <div class="par-group"> <h2> <span class="circle"></span> 企业 <span class="paiming">(排名不分先后)</span> </h2> <div class="medium"> <img src="images/2企业/1.jpg"> <img src="images/2企业/DLB.jpg"> <img src="images/2企业/tengxunzhongchuang.jpg"> <img src="images/2企业/盛邦安全.jpg"> <img src="images/2企业/360.jpg"> <img src="images/2企业/兰云科技.jpg"> <img src="images/2企业/6binqsoft.jpg"> <img src="images/2企业/安识科技.jpg"> <img src="images/2企业/暗泉信息.jpg"> <img src="images/2企业/币货网.jpg"> <img src="images/2企业/丁牛.jpg"> <img src="images/2企业/更新网络.jpg"> <img src="images/2企业/红山瑞达.jpg"> <img src="images/2企业/来晨科技.jpg"> <img src="images/2企业/米斯特安全.jpg"> <img src="images/2企业/神月信安.jpg"> <img src="images/2企业/威客安全.jpg"> <img src="images/2企业/云众可信.jpg"> <img src="images/2企业/众安天下.jpg"> <img src="images/2企业/纵航软件.jpg"> <img src="images/2企业/晟运通科技.jpg"> <img src="images/2企业/HQZ.jpg"> <img src="images/2企业/赛客.jpg"> <img src="images/2企业/长治信息技术.jpg"> <img src="images/2企业/立方科技.jpg"> <img src="images/2企业/安百科技.jpg"> <img src="images/2企业/久安世纪.jpg"> <img src="images/2企业/御风维安.jpg"> <img src="images/2企业/ctf dog.jpg"> <img src="images/2企业/破晓团队.jpg"> <img src="images/2企业/芝诺信息.jpg"> <img src="images/2企业/白帽100.jpg"> <img src="images/2企业/伏宸安全实验室.jpg"> <img src="images/2企业/湖南·金盾.jpg"> <img src="images/2企业/hacknown.jpg"> </div>  </div> <div class="par-group"> <h2> <span class="circle"></span> 媒体<span class="paiming">(排名不分先后)</span> </h2> <div class="medium"> <img src="images/hezuomeiti/xixinwnagluoanquan.png" alt=""> <img src="images/hezuomeiti/shanxiwang.png" alt=""> <img src="images/hezuomeiti/shanxiwangjing.png" alt=""> <img src="images/hezuomeiti/fenghuangwang.png" alt=""> <img src="images/hezuomeiti/xianwanbao.png" alt=""> <img src="images/hezuomeiti/wangluoanquanhe.png" alt=""> <img src="images/hezuomeiti/huashangbao.png" alt=""> <img src="images/1SRC/36k.jpg"> <img src="images/hezuomeiti/ersanli.png" alt=""> <img src="images/hezuomeiti/xianchuangyewang.png" alt=""> <img src="images/hezuomeiti/touzijie.png" alt=""> <img src="images/hezuomeiti/yuexian.png" alt=""> <img src="images/hezuomeiti/chuangtoutiao.png" alt=""> <img src="images/hezuomeiti/anquanke.png" alt=""> <img src="images/hezuomeiti/sihou.png" alt=""> <img src="images/hezuomeiti/anquanniu.png" alt=""> <img src="images/hezuomeiti/yiou.png" alt=""> <img src="images/hezuomeiti/lieyunwang.png" alt=""> <img src="images/hezuomeiti/anquanjia.png" alt=""> <img src="images/hezuomeiti/youxiaanquanwang.png" alt=""> <img src="images/hezuomeiti/kanxue.png" alt=""> <img src="images/hezuomeiti/zhijainanquan.png" alt=""> <img src="images/hezuomeiti/huameng.png" alt=""> <img src="images/hezuomeiti/heibaiwang.png" alt=""> <img src="images/hezuomeiti/19CoinNess.png" alt=""> <img src="images/hezuomeiti/freebuf.png" alt=""> <img src="images/hezuomeiti/liantuan.png" alt=""> <img src="images/hezuomeiti/qiuer.png" alt=""> <img src="images/hezuomeiti/huodonghang.png" alt=""> <img src="images/hezuomeiti/anquanmaibo.png" alt=""> <img src="images/hezuomeiti/anquanneican.png" alt=""> <img src="images/hezuomeiti/anquanwenku.png" alt=""> <img src="images/hezuomeiti/jinsecaijing.png" alt=""> <img src="images/hezuomeiti/maitian.png" alt=""> <img src="images/hezuomeiti/niushi.png" alt=""> <img src="images/hezuomeiti/tiejiang.png" alt=""> <img src="images/hezuomeiti/weikeanquan.png" alt=""> <img src="images/hezuomeiti/dakashuo.png" alt=""> <img src="images/hezuomeiti/huodongjia.png" alt=""> <img src="images/hezuomeiti/dongfanganquan.png" alt=""> <img src="images/hezuomeiti/anquanshidai.png" alt=""> <img src="images/hezuomeiti/ruianquan.png" alt=""> <img src="images/hezuomeiti/mingpian.png" alt=""> <img src="images/hezuomeiti/tuoluo.png" alt=""> <img src="images/hezuomeiti/ITyunweiwang.png" alt=""> <img src="images/hezuomeiti/huiyihang.png" alt=""> <img src="images/hezuomeiti/yingzaixian.png" alt=""> <img src="images/hezuomeiti/bishijie.png" alt=""> <img src="images/hezuomeiti/中国电子银行网.jpg" alt=""> <img src="images/hezuomeiti/镁客网.jpg" alt=""> </div> </div> </div> </div> </section>  <section class="section_eights" id="contact" style="position: relative;"> <div class="container" clearfix> <h1 class="relate">联系我们</h1> <h1 class="erji">Contact us</h1> <span class="blue"></span>  <div> <div class="leb_con"> <div class="leb"> <div class=""></div> <div class="inside"> <img src="img/icon1.png" alt=""> <h3>会务咨询</h3> <font class="blue"></font> <span>唐先生：15109277690</span> </div> </div> <div class="leb"> <div class=""></div> <div class="inside"> <img src="img/icon2.png" alt=""> <h3>媒体合作</h3> <font class="blue"></font> <span>雪玲：18802949296</span> </div> </div> <div class="leb"> <div class=""></div> <div class="inside"> <img src="img/icon3.png" alt=""> <h3>电子邮件</h3> <font class="blue"></font> <span>ssc@seclover.com</span> </div> </div> </div> </div> </div>   </section>   <div class="foot-copy">  <h5 class="footText ftext1"> ©2011-2017 西安四叶草信息技术有限公司 </h5> <h5 class="footText ftext2 hidden-xs">ALL Rights Reserved</h5> <h5 class="footText ftext3 hidden-xs">陕ICP备14009494-2号</h5>  </div>  </body> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/slick.min.js"></script> <script type="text/javascript" src="js/masterslider.min.js"></script> <script type="text/javascript" src="js/wow.min.js"></script> <script src="js/TweenLite.min.js"></script> <script src="js/EasePack.min.js"></script> <script src="js/bootstrap/js/bootstrap.js"></script> <script type="text/javascript"> new WOW().init(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?495b5a15a9e4ba5210d54e153b9480b0"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript"> if($(window).width()>1050){ function commonCode() { var _this = $(document).scrollTop(); if (_this < 580) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#']").parents()[0]).addClass('active'); $(".leader").css("background-color", "transparent"); $(".list li>a").css("color", "#fff"); $(".wang>a").css("color", "#fff"); $(".wangBox").css("background", "rgba(0,0,0,.7)"); $(".wangBox").css("box-shadow", "none"); $(".wangBox > a").css("color", "#fff"); $(".logoBai").show(); $(".logoQing").hide(); }; if (_this >= 580) { $(".leader").css("background-color", "#fff"); $(".list li>a").css("color", "#333"); $(".wang>a").css("color", "#333"); $(".wangBox").css("background", "rgba(249,249,248,1)"); $(".wangBox").css("box-shadow", "0 0 3px 1px #eee"); $(".wangBox > a").css("color", "#333"); $(".logoQing").show(); $(".logoBai").hide(); }; if (_this >= 580 && _this < 1600) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#introduction']").parents()[0]).addClass('active'); }; if (_this >= 1600 && _this < 2250) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#schedule']").parents()[0]).addClass('active'); }; if (_this >= 2250 && _this < 8650) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#topic']").parents()[0]).addClass('active'); }; if (_this >= 8650 && _this < 9700) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#advisory']").parents()[0]).addClass('active'); }; if (_this >= 9700 && _this < 11480) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#nowsee']").parents()[0]).addClass('active'); }; if (_this >= 11480) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#partner']").parents()[0]).addClass('active'); }; // if (_this >= 6000 && _this < 6020) { // $(".nav_list .list>li").removeClass('active'); // $($(".list>li>[href='#ticket']").parents()[0]).addClass('active'); // }; if (_this >= 6020 ) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#contact']").parents()[0]).addClass('active'); }; } document.body.scrollTop = 0; document.documentElement.scrollTop = 0; commonCode(); $(window).scroll(function(event) { commonCode(); }); } </script> <script type="text/javascript"> $(".er_list ul").hide(); $(".er_list a").click(function(event) { if($(".er_list ul").css("display")=="none"){ $(".er_list ul").stop().slideDown('200'); }else{ $(".er_list ul").stop().slideUp('200'); } }); function viewguestpic() { var hehe = $('.ms-sl-selected>.ms-slide-bgcont>img')[0].src; var imgbuffer = '<img src=' + hehe + '>'; $('.guestpicinfo').empty(); $('.guestpicinfo').append(imgbuffer); $(".dong").remove(); $('.ms-sl-selected').append('<div class="dong"><svg></svg></div>'); var pathObj=document.createElementNS("http://www.w3.org/2000/svg","path"); pathObj.setAttribute("d","M0 100 L 80 40"); pathObj.setAttribute("class","line1"); $(".dong svg").append(pathObj); $(".line1").css({ "stroke-width": 1,stroke: "#fff", // opacity:0, "stroke-dasharray": 100, "stroke-dashoffset":100 }) $(".line1").stop().animate({"stroke-dashoffset": 0},300); var pathObjs=document.createElementNS("http://www.w3.org/2000/svg","path"); pathObjs.setAttribute("d","M240 140 L 160 200"); pathObjs.setAttribute("class","line2"); $(".dong svg").append(pathObjs); $(".line2").css({ "stroke-width": 1,stroke: "#fff", // opacity:0, "stroke-dasharray": 100, "stroke-dashoffset":100 }) $(".line2").stop().animate({"stroke-dashoffset": 0},300); $(".dong").append('<p class="name_s">'+$('.ms-sl-selected>.ms-slide-bgcont>img').attr("alt")+'</p>'); $(".name_s").css({ transform:"scale(1.1)" }) } $(document).ready(function() { $('.carousel').carousel() var slider = new MasterSlider(); slider.setup('masterslider', { loop: true, width: 240, height: 240, speed: 50, view: 'focus', space: 5, wheel: true, start: 3, autoplay: true, mouse: true }); slider.control('slideinfo', { insertTo: '.ms-staff-info' }); // slider.api.addEventListener(MSSliderEvent.CHANGE_END, function() { // viewguestpic() // }); // $(".ms-slide").on('click', function(event) { // var s = this; // var index = $(s).index(); // // if(index==0){ // // index=17; // // } // slider.api.gotoSlide(index); // // slider.api.gotoSlide(index - 1); // }); $("[id^='guest']").click(function() { var id = $(this).attr("id"); if ($("#" + id + "detail").is(":hidden")) { $("#" + id + "detail").stop().slideDown(200).css({'font-size':'1em',"font-weight":500}); //如果元素为隐藏,则将它显现 $(this).html('收起') } else { $("#" + id + "detail").stop().slideUp(200); //如果元素为显现,则将其隐藏 $(this).html('详细') } }); }); $('.autoplay').slick({ infinite: true, dots: true, speed: 300, slidesToShow: 3, slidesToScroll: 3, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] // the magic // responsive: [{ // breakpoint: 3860, // settings: { // slidesToShow: 3, // slidesToScroll: 1, // autoplay: false, // autoplaySpeed: 2000, // infinite: true // } // }, { // breakpoint: 1921, // settings: { // slidesToShow: 3, // slidesToScroll: 1, // autoplay: false, // autoplaySpeed: 2000, // infinite: true // } // }, { // breakpoint: 1024, // settings: { // slidesToShow: 3, // slidesToScroll: 1, // autoplay: true, // autoplaySpeed: 2000, // infinite: true // } // }, { // breakpoint: 600, // settings: { // slidesToShow: 1, // slidesToScroll: 1, // autoplay: true, // autoplaySpeed: 2000, // loop: true, // dots: false, // arrows: false // } // }, { // breakpoint: 300, // settings: "unslick" // destroys slick // }] }); $(".nav_list .list>li").on('click', function(event) { var _this = this; $(".nav_list .list>li").removeClass('active') $(_this).addClass('active'); }); $(".er_list li").on('click', function(event) { var _this = this; $(".er_list li").removeClass('active') $(_this).addClass('active'); }); $(".nav_list .list>li>a").on('click', function(event) { $('.navbar-collapse.collapse.in').removeClass('in').delay(1000) }) $('.part').slick({ responsive: [{ breakpoint: 1920, settings: { slidesToShow: 1, slidesToScroll: 1, autoplay: false, autoplaySpeed: 2000, arrows: true, dots: true } }, { breakpoint: 1024, settings: { slidesToShow: 1, slidesToScroll: 1, autoplay: false, autoplaySpeed: 2000, arrows: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 1, slidesToScroll: 1, autoplay: false, autoplaySpeed: 2000, arrows: false, dots: true } }, { breakpoint: 300, settings: "unslick" // destroys slick }] }); (function() { var width, height, canvas, ctx, points, target, animateHeader = true; // Main initHeader(); initAnimation(); addListeners(); function initHeader() { width = window.innerWidth; height = window.innerHeight; target = {x: width/2, y: height/2}; // create points points = []; for(var x = 0; x < width; x = x + width/20) { for(var y = 0; y < height; y = y + height/20) { var px = x + Math.random()*width/20; var py = y + Math.random()*height/20; var p = {x: px, originX: px, y: py, originY: py }; points.push(p); } } // for each point find the 5 closest points for(var i = 0; i < points.length; i++) { var closest = []; var p1 = points[i]; for(var j = 0; j < points.length; j++) { var p2 = points[j] if(!(p1 == p2)) { var placed = false; for(var k = 0; k < 5; k++) { if(!placed) { if(closest[k] == undefined) { closest[k] = p2; placed = true; } } } for(var k = 0; k < 5; k++) { if(!placed) { if(getDistance(p1, p2) < getDistance(p1, closest[k])) { closest[k] = p2; placed = true; } } } } } p1.closest = closest; } // assign a circle to each point for(var i in points) { var c = new Circle(points[i], 2+Math.random()*2, 'rgba(255,255,255,0.3)'); points[i].circle = c; } } // Event handling function addListeners() { if(!('ontouchstart' in window)) { window.addEventListener('mousemove', mouseMove); } window.addEventListener('scroll', scrollCheck); window.addEventListener('resize', resize); } function mouseMove(e) { var posx = posy = 0; if (e.pageX || e.pageY) { posx = e.pageX; posy = e.pageY; } else if (e.clientX || e.clientY) { posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop; } target.x = posx; target.y = posy; } function scrollCheck() { if(document.body.scrollTop > height) animateHeader = false; else animateHeader = true; } function resize() { width = window.innerWidth; height = window.innerHeight; } // animation function initAnimation() { animate(); for(var i in points) { shiftPoint(points[i]); } } function animate() { if(animateHeader) { for(var i in points) { // detect points in range if(Math.abs(getDistance(target, points[i])) < 4000) { points[i].active = 0.3; points[i].circle.active = 0.6; } else if(Math.abs(getDistance(target, points[i])) < 20000) { points[i].active = 0.1; points[i].circle.active = 0.3; } else if(Math.abs(getDistance(target, points[i])) < 40000) { points[i].active = 0.02; points[i].circle.active = 0.1; } else { points[i].active = 0; points[i].circle.active = 0; } } } requestAnimationFrame(animate); } function shiftPoint(p) { TweenLite.to(p, 1+1*Math.random(), {x:p.originX-50+Math.random()*100, y: p.originY-50+Math.random()*100, ease:Circ.easeInOut, onComplete: function() { shiftPoint(p); }}); } function Circle(pos,rad,color) { var _this = this; // constructor (function() { _this.pos = pos || null; _this.radius = rad || null; _this.color = color || null; })(); } // Util function getDistance(p1, p2) { return Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2); } })(); </script> </html>

CINXE.COM

2019 SSC安全峰会