2017 SSC安全峰会

<!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>2017 SSC安全峰会</title> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes"/> <meta name=description content="SSC(全称:CloverSec Security Conference)安全峰会是由西安四叶草安全信息技术有限公司主办的中西部安全类峰会。"> <link type="short icon" href="/favicon.ico"> <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="/css/main.css"> </head> <body> <div style='margin:0 auto;display:none;'> <img src='/img/index.png' /> </div>  <div class="leader" > <div class="contain"> <div class="images"> <a class="navbar-brand" style="padding:5px 0;margin-right:30px;" href="#"> <img src="/img/logo.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="#advisory">顾问组</a> </li> <li> <a href="#topic">大会议题</a> </li> <li> <a href="#ticket">购票通道</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> </div> </div> </ul> </div> <div style="clear: both"></div>  </div> </div>  <section style="padding-top: 52px;" > <div class="banner" style="min-width:1500px;height:950px;background-image:url(/img/banner.jpg);background-repeat:no-repeat;background-size:cover;background-position: center center;z-index:100;position: relative;,overflow-y: hidden;"> <div id="large-header" class="large-header"> <canvas id="demo-canvas"></canvas> </div> <img style="width:1314px;position: absolute;left:50%;margin-left: -657px;top:18%" class="wow zoomIn" src="/img/zis.png" alt=""> <div style="width: 1500px;height: 100%;left:50%;margin-left: -750px;top:0;position: absolute;"> <img class="wow bounceInDown" src="img/font.png" alt="" style="position: absolute;left:-30px;top:2%" width="190"> </div> </div> </section>  <section class="section_twos" id="introduction"> <div style="min-width:1500px;"> <div class="container"> <h1 class="wow bounceInUp relate" style="padding-top: 60px;">关于我们</h1> <h1 class="wow bounceInUp erji"><span class="blues">About</span> us</h1> <div> <div class="wow zoomIn zi" style="padding-top: 15px"> <p> <font style="color:#0068B7">第二届</font>SSC安全峰会以<font style="color:#0068B7">“联动创新智御未来”</font>为主题，围绕<font style="color:#0068B7">“《网络安全法》”</font>实施，以<font style="color:#0068B7">“一带一路”“智慧城市”</font>为发展契机，结合西安高校教育资源优势，凝聚全国优秀的网络安全企业，汇聚全国网络安全专家、行业大咖、网络安全爱好者、高校学生共同聚焦<font style="color:#0068B7">“网络安全”</font>。峰会坚持网络安全技术的自主创新与开放合作并重，依托高校丰富的<font style="color:#0068B7">人才资源</font>，培育更多的<font style="color:#0068B7">网络安全人才</font>，与业界同行与业界同行共同担起网络安全的重任，为中西部网络安全事业发展，为“一带一路”“智慧城市”保驾护航，共同推动国家信息化建设与网络安全事业的同步健康发展。 </p> <p> 本届峰会共两天（9月25日-26日），第一天为<font style="color:#0068B7">高峰论坛</font>分为主论坛和分论坛，<font style="color:#0068B7">主论坛</font>由演讲嘉宾分享网络安全发展新方向和新技术，探讨<font style="color:#0068B7">“智慧安全”</font>的未来发展方向，分享时下最先进的网络安全技术解决方案，<font style="color:#0068B7">分论坛</font>由百度安全出品的对话白帽子和腾讯安全出品的高校人才培养，第二天是闭门会议。 </p> </div> </div> </div> </div> </section>  <section class="section_threes" id="schedule" style="position: relative;"> <div class="container" > <h1 class="wow bounceInUp relates" style="padding-top: 60px;">大会日程<span class="backs"></span></h1> <img src="/img/img.png" style="width: 550px;position: absolute;top:0;right:0"/> <h1 class="wow bounceInUp erjis"><font class="whites">Sche</font>dule</h1> <div class="wow zoomIn" style="padding-top:10px;position: relative;z-index:100"> <h3 class="jiu" style="color:#fff">2017.9.25</h3> <ul class="time"> <li>08:30-09:30</li> <li>09:30-12:00</li> <li>12:30-14:00</li> <li>14:00-18:00</li> <li>19:00-21:30</li> </ul> <ul class="anpai"> <li>签到</li> <li>主论坛</li> <li>午宴</li> <li> 主论坛<hr/>分论坛<br>百度安全出品<br/>腾讯安全出品</li> <li> 白帽子之夜 <br>晚宴</li> </ul>    <h3 class="jiu" style="color:#fff">2017.9.26</h3> <ul class="time timesa"> <li>闭门会议</li> </ul>  </div> </div> </section>  <section class="section_fives" id="advisory" style="position: relative;"> <div class="mu"> <div class="container"> <h1 class="wow bounceInUp relate" style="margin-top: 60px;">大会顾问</h1> <h1 class="wow bounceInUp erji" style="padding-bottom:30px"> <font class="blues">Advisory</font> Group </h1> <img src="/img/list.png" style="position: absolute;width:500px;right:0;top:0" alt=""> <div class="slider autoplay" style="position: relative;z-index:100"> <div> <div class="inside"> <img src="/img/谭晓生.jpg" alt="谭晓生"/> </div> <span class="name"> <span class="circle"></span> 谭晓生 </span> <div class="des" style="margin-left:30px;"> <h4>奇虎360公司副总裁、首席安全官、中关村高端领军人物</h4> </div> </div> <div> <div class="inside"> <img src="/img/吴云坤.jpg" alt="吴云坤"/> </div> <span class="name"> <span class="circle"></span> 吴云坤 </span> <div class="des" style="margin-left:30px"> <h4>360企业安全集团总裁</h4> </div> </div> <div> <div class="inside"> <img src="/img/马杰.jpg" alt="马杰"></div> <span class="name" > <span class="circle"></span> 马杰 </span> <div class="perdes" style="margin-left:30px"> <h4>百度安全事业部总经理</h4> <font>个人简介：</font> 从事信息安全研究工作超过十年。 <label class="none" id="guest05detail"> 原国内首个云安全服务品牌“安全宝”创始人兼CEO。反病毒与网络安全专家，亚洲反病毒研究者组织（AVAR）理事。 </label> <a href="javascript:;" id="guest05">详细...</a> </div> </div> <div> <div class="inside"> <img src="/img/杨勇.png" alt="杨勇"/> </div> <span class="name"> <span class="circle"></span> 杨勇 </span> <div class="des" style="margin-left:30px"> <h4>腾讯云副总裁</h4> <h4>腾讯安全平台部负责人</h4> </div> </div> <div> <div class="inside"> <img src="/img/杜跃进.jpg" alt="杜跃进"/> </div> <span class="name"> <span class="circle"></span> 杜跃进 </span> <div class="des" style="margin-left:30px"> <h4>阿里巴巴安全技术副总裁</h4> <h4>前国家网络信息安全技术研究所所长</h4> <h4>国家计算机网络应急技术处理协调中心副总工程师</h4> </div> </div> <div> <div class="inside"> <img src="/img/dashi.jpg" alt="大师"/> </div> <span class="name"> <span class="circle"></span> 冯春培(大师) </span> <div class="perdes" style="margin-left:30px"> <h4>蚂蚁金服安全产品技术资深总监</h4> <font>个人简介：</font> <span>蚂蚁金服研究员，数据业务决策小组成员，安全产品技术负责人。</span> <label class="none" id="guest07detail"> 国内数据库领域、大数据领域专家。在数据库、OS、主机、存储领域有丰富经验，对软硬件的系统整合有丰富经验。带领数据库团队期间培养了一批知名数据库专家，后负责支付宝数据平台，完成了从greenplum到hadoop到odps的计算平台升级和支持支付宝的大数据应用，现负责蚂蚁金服安全产品技术，从技术大数据、生物识别技术来解决金融安全问题。 </label> <a href="javascript:;" id="guest07">详细...</a> </div> </div>  <div> <div class="inside"> <img src="/img/daishen.jpg" alt="呆神"/> </div> <span class="name"> <span class="circle"></span> 王英键(呆神) </span> <div class="des" style="margin-left:30px"> <h4>华永兴安创始人兼CEO</h4> <h4>XCon 安全焦点技术峰会创始人</h4> <h4>XFocus Team 创始人之一</h4> </div> </div> <div > <div class="inside"> <img src="/img/laoying.jpg" alt="老鹰"/> </div> <span class="name"> <span class="circle"></span> 万涛(老鹰) </span> <div class="perdes" style="margin-left:30px"> <h4>IDF（极安客）实验室联合创始人</h4> <font>个人简介：</font> <span>中国计算机取证专委会、共青团中央青年专家智库成员。</span> <label class="none" id="guest08detail"> 92年进入信息安全领域，经历和见证了中国互联网安全产业的发展和演变历程。曾先后服务于普华永道、公安部冠群金辰和IBM等企业，受邀俄罗斯Phdays、韩国POC、台湾Hitcon等众多国内外安全会议上发表演讲。目前主要聚焦威慑情报分析、智能硬件安全、光伏电站、数字无线电等方面的研究与实践。业余热心致力技术公益，支持创办了404公益和益云地图，助力打击儿童拐卖和科技救灾，获得2014年CCTV年度十大慈善人物。 </label> <a href="javascript:;" id="guest08">详细...</a> </div> </div> <div > <div class="inside"> <img src="/img/王琦大牛蛙.jpg" alt="王琦大牛蛙"/> </div> <span class="name"> <span class="circle"></span> 大牛蛙 </span> <div class="perdes" style="margin-left:30px"> <h4>碁震KEEN创始人兼CEO</h4> <font>个人简介：</font> <span>CCTV《我是黑客》特邀嘉宾、GeekPwn活动发起和创办人、第一个获得世界顶级黑客大赛冠军的亚洲团队。</span> </div> </div> <div> <div class="inside"> <img src="/img/冰河.jpg" alt="冰河"/> </div> <span class="name"> <span class="circle"></span> 黄鑫(冰河) </span> <div class="des" style="margin-left:30px"> <h4>X-Scan 和「冰河」木马作者</h4> </div> </div> <div> <div class="inside"> <img src="/img/林勇lion.jpg" alt="lion"/> </div> <span class="name"> <span class="circle"></span> 林勇(lion) </span> <div class="des" style="margin-left:30px"> <h4>中国红客联盟（HUC）创始人</h4> <h4>中美黑客大战组织者</h4> </div> </div> <div> <div class="inside"> <img src="/img/pp.jpg" alt="彭泉"/> </div> <span class="name"> <span class="circle"></span> 彭泉(PP) </span> <div class="des" style="margin-left:30px"> <h4>中国第1代黑客之一</h4> <h4>顾问级网络安全专家</h4> </div> </div> <div > <div class="inside"> <img src="/img/TK（于旸）.jpg" alt="于旸(TK)"/> </div> <span class="name"> <span class="circle"></span> 于旸(TK) </span> <div class="perdes" style="margin-left:30px"> <h4>腾讯玄武实验室总监</h4> <font>个人简介：</font> CCTV《我是黑客》特邀嘉宾 <label class="none" id="guest11detail"> 多在国内黑客界被尊称为“TK教主”、第一个获得微软全球安全挑战赛最高奖的中国人。 </label> <a href="javascript:;" id="guest11">详细...</a> </div> </div> </div> </div> </div> </section>  <section class="section_fours" id="topic"> <div class="container" style="position: relative;"> <h1 class="wow bounceInUp relate" style="padding-top: 60px;">大会议题</h1> <h1 class="wow bounceInUp erji" style="padding-bottom:30px"><font class="blues">Topi</font>c</h1>  <div class="col-md-7 col-xs-1"> <div class="col-md-6 col-lg-6 hidden-xs hidden-sm"> <div class="guestpicinfo" style="position: relative;"> </div> </div> </div> <div class="col-md-5 col-xs-11 topicinfo"> <div class="ms-staff-info" ></div> </div> <div class="col-md-12 col-sm-12 col-xs-12" style="margin-top: 100px;"> <div class="ms-staff-carousel"> <div class="master-slider ms-skin-default" id="masterslider"> <div class="ms-slide"> <img src="/img/blank.gif" style="cursor: hand" data-src="/img/yangqing.jpg" alt="杨卿"/> <div class="ms-info"> <h4>《IOT隐性“安全战场”之独角兽秘史》</h4> <p>讲解IOT通信管道最新攻防技术、破解秀（今年独角兽在BlackHat USA 2017&DEFCON25的议题技术精华），并分享独角兽从无名到致命一路走来的心路历程、团队文化、情怀、安全人才管理方法等</p> <h4>演讲者 : 杨卿</h4> <p style="color:#0068B7">个人简介</p> <p>360无线电安全研究部负责人，独角兽安全团队创始人。</p> </div> </div> <div class="ms-slide"> <img src="/img/blank.gif" data-src="/img/fengjinghui.jpg" alt="冯景辉"/> <div class="ms-info"> <h4>《人工智能在Web安全领域的应用》</h4> <p>传统的基于攻击特征的安全防护，存在着特征库难于管理、较高的误报率和漏报率等诸多问题，安全防护效果难以进一步提高，而近年来出现的基于语法规则的检测虽然在一定程度上弥补了特征的不足，但是因为不理解业务，对于有着更高智能的攻击也显得捉襟见肘。演讲将从百度在安全领域的实践出发，与大家一起探讨通过人工智能、机器学习领域的经典方法形成的分析系统效果，和他们如何与传统防护系统相互补充的经验。</p> <h4>演讲者 : 冯景辉</h4> <p style="color:#0068B7">个人简介</p> <p>百度安全事业部技术总监</p> </div> </div> <div class="ms-slide"> <img src="/img/blank.gif" data-src="/img/zhouhongbin.jpg" alt="周宏斌"/> <div class="ms-info"> <h4>《理想与现实-浅谈机器学习和专家经验在Webshell发现中的作用》</h4> <p>现有安全产品，无论WAF，还是IDS/IPS、FW，或者威胁情报，都是通过分析文件内容或者文件名来识别WebShell的。这类机制的一个缺陷是攻击者通过修改WebShell内容，可轻易躲过检测，另一个缺陷是大量的误报淹没了有效告警，让安全人员无所适从。大数据技术在商业领域已获得成功的验证，如何在安全领域发挥其应有价值，是亟待深入研究和实践的。本议题以Webshell发现的真实案例为切入点，探讨如何突破传统检测思路，结合机器学习技术和专家经验，更有效的发现真实的入侵事件。</p> <h5>议题亮点：</h5> <p>亮点一：分析传统WebShell检测机制工作原理及其缺陷；</p> <p>亮点二：通过真实案例，分析如何利用大数据技术发现WebShell;</p> <p>亮点三：探讨如何更有效的将大数据技术和安全进行结合，提升安全防御能力。</p> <h4>演讲者 : 周宏斌</h4> <p style="color:#0068B7">个人简介</p> <p>北京兰云科技有限公司联合创始人兼高级副总裁</p> </div> </div> <div class="ms-slide"> <img src="/img/blank.gif" data-src="/img/xiejundong.jpg" alt="谢俊东"/> <div class="ms-info"> <h4>《玩转现代 Fuzz 之 FFmpeg 漏洞挖掘》</h4> <p>以 FFmpeg 的漏洞挖掘过程为切入点，深入浅出介绍了如何使用现代 Fuzz 工具对网络协议进行 Fuzz，并在对 RTMP 协议 Fuzz 的过程中发现了多处代码导致的严重漏洞 CVE-2017-11665。同时分享一些在 Fuzz 过程中的难点和注意点。</p> <h4>演讲者 : 谢俊东</h4> <p style="color:#0068B7">个人简介</p> <p>蚂蚁金服巴斯光年实验室安全研究员</p> </div> </div> <div class="ms-slide"> <img src="/img/blank.gif" data-src="/img/chenxiaobo.jpg" alt="陈小波"/> <div class="ms-info"> <h4>《论一种简易挖掘iOS漏洞的方法》</h4> <p>通过温故知新的方法，该议题会分享我们在学习以前被修补的iOS老漏洞的时候发现新的漏洞的一些经验，而这些漏洞通常都在同一个函数，同一个上下文中，其中有些漏洞的成因和之前被修补过的漏洞是一样的。甚至，有些漏洞是因为苹果错误的修补而存在的，那么，让我们来看看那些苹果历史上有趣的漏洞修补之战。</p> <h4>演讲者 : 陈小波</h4> <p style="color:#0068B7">个人简介</p> <p>犇众信息联合创始人，国内首个IOS越狱团队的创始成员，盘古安全实验室</p> </div> </div> <div class="ms-slide"> <img src="/img/blank.gif" data-src="/img/dengyongkai.jpg" alt="邓永凯"/> <div class="ms-info"> <h4>《基于Python的自动化代码审计》</h4> <p>内容分为四大块：常规漏洞、静态分析、动态分析、自动化应用</p> <h4>演讲者 : 邓永凯</h4> <p style="color:#0068B7">个人简介</p> <p>绿盟科技研发中心研究员、BugScan社区核心成员</p> </div> </div> <div class="ms-slide"> <img src="/img/blank.gif" data-src="/img/baijian.jpg" alt="白健"/> <div class="ms-info"> <h4>《法律有国界，网络安全无国界——新形势下的白帽子成长与漏洞发现报告机制探讨》</h4> <p>从中国面临的网络安全威胁入手，结合我国的相关法律现状，分析白帽子的漏洞发现报告机制，探讨新法实施带来的机遇和挑战；以补天为例，探讨网络安全人才培养的新方向，新模式，新思维，正面引导、培养网络安全人才，共同捍卫全社会的网络安全；从白帽子角度出发，探讨成长路径，不忘初心。</p> <h4>演讲者 : 白健</h4> <p style="color:#0068B7">个人简介</p> <p>补天安全负责人</p> </div> </div> <div class="ms-slide"> <img src="/img/blank.gif" data-src="/img/chenshaoliang.jpg" alt="陈绍良"/> <div class="ms-info"> <h4>《聚焦移动支付安全，构建纵深防御体系》</h4> <p>随着当前社会经济的飞速发展，网络消费的普遍化，移动支付因其独特的便捷性成为主流的消费支付方式；与此同时，针对移动支付安全同时，针对移动支付安全威胁日益增多，如何威胁日益增多，如何增强该领域的安全，成为亟待解决重要课题。强该领域的安全，成为亟待解决重要课题。</p> <p>1. 当前移动支付的类型分析及行业特点业特点</p> <p>2. 移动支付典型风险场景分析险场景分析</p> <p>3. 移动支付组成要素风险分析成要素风险分析</p> <p>4. 移动支付纵深防御体系的构建</p> <h4>演讲者 : 陈绍良</h4> <p style="color:#0068B7">个人简介</p> <p>普华永道风险管理资深专家</p> </div> </div> </div> </div> </div> </div> </section>  <section class="section_sixs" id="ticket" style="position: relative;"> <div class="container"> <h1 class="wow bounceInUp relate" style="padding-top: 60px;position: relative;z-index:100">购票通道</h1> <h1 class="wow bounceInUp erji" style="position: relative;z-index:100"><font class="blues">Ticket</font> Channel</h1> <img src="/img/list1.png" style="width: 400px;position: absolute;left:0;top:0" alt=""> <div class="wow zoomIn" style="position: relative;z-index:100"> <div class="ticket"> <div class="greens"> <div style="width:100%;height:40px;text-align:center"> <img src="/img/star.png" style="width:40px;"></div> <div class="green_price" style="top:40px"> <p> ¥388 <br/> 学生票 </p> </div> </div> <div class="sec"> <div class="sec_context"> <ul class="sec_con"> <li>①SSC峰会通票</li> <li>②大会资料</li> </ul> </div> </div> <div class="trd"> <div class="trd_prize"> <a href="http://www.huodongxing.com/event/8395926267700" target="_blank" class="mybtn">购买</a> </div> </div> </div> <div class="ticket"> <div class="greens"> <div style="width:100%;height:40px;text-align:center"> <img src="/img/star.png" style="width:40px;"></div> <div class="green_price" style="top:40px"> <p> ¥688 <br/> 普通票 </p> </div> </div> <div class="sec"> <div class="sec_context"> <ul class="sec_con"> <li>①SSC峰会通票</li> <li>②大会资料</li> </ul> </div> </div> <div class="trd"> <div class="trd_prize"> <a href="http://www.huodongxing.com/event/8395926267700" target="_blank" class="mybtn">购买</a> </div> </div> </div> <div class="ticket"> <div class="greens"> <div style="width:100%;height:40px;text-align:center"> <img src="/img/star.png" style="width:40px;"></div> <div class="green_price" style="top:40px"> <p> ¥1088 <br/> VIP票 </p> </div> </div> <div class="sec"> <div class="sec_context"> <ul class="sec_con"> <li>①SSC峰会通票</li> <li>②大会资料</li> <li>③商务午餐礼遇</li> </ul> </div> </div> <div class="trd"> <div class="trd_prize"> <a href="http://www.huodongxing.com/event/8395926267700" target="_blank" class="mybtn">购买</a> </div> </div> </div> <div class="ticket"> <div class="greens"> <div style="width:100%;height:40px;text-align:center"> <img src="/img/star.png" style="width:40px;"></div> <div class="green_price" style="top:40px"> <p> ¥1688 <br/> 嘉宾票 </p> </div> </div> <div class="sec"> <div class="sec_context"> <ul class="sec_con"> <li>①SSC峰会通票</li> <li>②大会资料</li> <li>③商务午餐礼遇</li> </ul> <ul class="sec_con"> <li>④VIP礼包</li> <li>⑤晚宴酒会</li> </ul> </div> </div> <div class="trd"> <div class="trd_prize"> <a href="http://www.huodongxing.com/event/8395926267700" target="_blank" class="mybtn">购买</a> </div> </div> </div> </div> </div> </section>  <section class="section_sevens" id="partner"> <div class="container"> <h1 class="wow bounceInUp relate" style="padding-top: 60px;">合作伙伴</h1> <h1 class="wow bounceInUp erji"><font class="blues">Partner</font></h1> <div> <div > <h2 style="color:#0068B7;margin-top: 30px" > <span class="circle"></span> 指导单位 </h2> <div class="imagelist"> <p class="wangxin">陕西省互联网信息办公室</p> </div> <div class="imagelist" style="width:299px;"> <p class="wangxin">西安高新技术产业开发区管理委员会</p> </div> <h2 style="color:#0068B7"> <span class="circle"></span> 主办单位 </h2> <div class="imagelist" style="width:299px;"> <p class="wangxin">西安四叶草信息技术有限公司</p> </div>   <h2 style="color:#0068B7"> <span class="circle"></span> 协办单位 </h2> <div class="imagelist"> <p class="wangxin">陕西省信息网络安全协会</p> </div> <div class="imagelist"> <p class="wangxin">陕西省互联网协会</p> </div> <div class="imagelist" style="width: 225px;"> <p class="wangxin">西安高新空间安全产业联盟</p> </div>   <h2 style="color:#0068B7"> <span class="circle"></span> 支持单位 </h2> <div class="imagelist"> <img src="/img/百度安全.jpg" alt="百度安全"></div> <div class="imagelist"> <img src="/img/蚂蚁金服.jpg" alt="蚂蚁金服"></div> <div class="imagelist"> <img src="/img/腾讯.jpg" alt="腾讯"></div> <div class="imagelist"> <img src="/img/美丽联合.jpg" alt="美丽联合"></div> <div class="imagelist"> <img src="/img/网堤安全.jpg" alt="网堤安全"></div> </div> <div> <h2 style="color:#0068B7"> <span class="circle"></span> 合作媒体 </h2> <div class="imagelist"> <img src="/img/4-01.png" ></div> <div class="imagelist"> <img src="/img/嘶吼.jpg" ></div> <div class="imagelist"> <img src="/img/3-01.png" ></div> <div class="imagelist"> <img src="/img/指尖安全.jpg" ></div> <div class="imagelist"> <img src="/img/anquan.jpg" ></div> <div class="imagelist"> <img src="/img/浅黑科技.jpg" ></div> <div class="imagelist"> <img src="/img/ww.jpg" ></div> <div class="imagelist"> <img src="/img/15-01.png" ></div> <div class="imagelist"> <img src="/img/雷锋网.jpg" ></div> <div class="imagelist"> <img src="/img/看雪.jpg" ></div> <div class="imagelist"> <img src="/img/dx.jpg" ></div> <div class="imagelist"> <img src="/img/1-01.png" ></div> <div class="imagelist"> <img src="/img/tie.jpg" ></div> <div class="imagelist"> <img src="/img/2-01.png" ></div> <div class="imagelist"> <img src="/img/5-01.png" ></div> <div class="imagelist"> <img src="/img/6-01.png" ></div> <div class="imagelist"> <img src="/img/7-01.png" ></div> <div class="imagelist"> <img src="/img/8-01.png" ></div> <div class="imagelist"> <img src="/img/9-01.png" ></div> <div class="imagelist"> <img src="/img/10-01.png" ></div> <div class="imagelist"> <img src="/img/11-01.png" ></div> <div class="imagelist"> <img src="/img/14-01.png" ></div> <div class="imagelist"> <img src="/img/16-01.png" ></div> <div class="imagelist"> <img src="/img/陕西网.jpg" ></div> <div class="imagelist"> <img src="/img/陕西卫视.jpg" ></div> <div class="imagelist"> <img src="/img/搜狐.jpg" ></div> <div class="imagelist"> <img src="/img/腾讯网.jpg" ></div> <div class="imagelist"> <img src="/img/网易.jpg" ></div> <div class="imagelist"> <img src="/img/新浪.jpg" ></div> </div> <div> <h2 style="color:#0068B7"> <span class="circle"></span> 伙伴们<span style="font-size:18px;display:inline-block;margin-left:20px">排名不分先后</span> </h2> <div class="imagelist"> <img src="/img/壳子.jpg" ></div> <div class="imagelist"> <img src="/img/wei.jpg" ></div> <div class="imagelist"> <img src="/img/1-02.png" ></div> <div class="imagelist"> <img src="/img/2-02.png" ></div> <div class="imagelist"> <img src="/img/3-02.png" ></div> <div class="imagelist"> <img src="/img/as.jpg" ></div> <div class="imagelist"> <img src="/img/4-02.png" ></div> <div class="imagelist"> <img src="/img/5-02.png" ></div> <div class="imagelist"> <img src="/img/6-02.png" ></div> <div class="imagelist"> <img src="/img/8-02.png" ></div> <div class="imagelist"> <img src="/img/jiuzhou.jpg" ></div> <div class="imagelist"> <img src="/img/9-02.png" ></div> <div class="imagelist"> <img src="/img/10-02.png" ></div> <div class="imagelist"> <img src="/img/jsrc.jpg" ></div> <div class="imagelist"> <img src="/img/wifi.jpg" ></div> <div class="imagelist"> <img src="/img/sugar.jpg" ></div> <div class="imagelist"> <img src="/img/11-02.png" ></div> <div class="imagelist"> <img src="/img/12-02.png" ></div> <div class="imagelist"> <img src="/img/13-02.png" ></div> <div class="imagelist"> <img src="/img/14-02.png" ></div> <div class="imagelist"> <img src="/img/15-02.png" ></div> <div class="imagelist"> <img src="/img/16-02.png" ></div> <div class="imagelist"> <img src="/img/17-02.png" ></div> <div class="imagelist"> <img src="/img/7-02.png" ></div> <div class="imagelist"> <img src="/img/18-02.png" ></div> <div class="imagelist"> <img src="/img/19-02.png" ></div> <div class="imagelist"> <img src="/img/20-02.png" ></div> <div class="imagelist"> <img src="/img/21-02.png" ></div> <div class="imagelist"> <img src="/img/22-02.png" ></div> <div class="imagelist"> <img src="/img/23-02.png" ></div> <div class="imagelist"> <img src="/img/24-02.png" ></div> <div class="imagelist"> <img src="/img/25-02.png" ></div> <div class="imagelist"> <img src="/img/26-02.png" ></div> <div class="imagelist"> <img src="/img/27-02.png" ></div> <div class="imagelist"> <img src="/img/28-02.png" ></div> <div class="imagelist"> <img src="/img/29-02.png" ></div> </div> <div> <h2 style="color:#0068B7"> <span class="circle"></span> 伙伴们<span style="font-size:18px;display:inline-block;margin-left:20px">排名不分先后</span> </h2> <div class="imagelist"> <img src="/img/31-02.png" ></div> <div class="imagelist"> <img src="/img/32-02.png" ></div> <div class="imagelist"> <img src="/img/33-02.png" ></div> <div class="imagelist"> <img src="/img/34-02.png" ></div> <div class="imagelist"> <img src="/img/35-02.png" ></div> <div class="imagelist"> <img src="/img/36-02.png" ></div> <div class="imagelist"> <img src="/img/37-02.png" ></div> <div class="imagelist"> <img src="/img/38-02.png" ></div> <div class="imagelist"> <img src="/img/39-02.png" ></div> <div class="imagelist"> <img src="/img/40-02.png" ></div> <div class="imagelist"> <img src="/img/41-02.png" ></div> <div class="imagelist"> <img src="/img/42-02.png" ></div> <div class="imagelist"> <img src="/img/43-02.png" ></div> <div class="imagelist"> <img src="/img/44-02.png" ></div> <div class="imagelist"> <img src="/img/45-02.png" ></div> <div class="imagelist"> <img src="/img/46-02.png" ></div> <div class="imagelist"> <img src="/img/47-02.png" ></div> <div class="imagelist"> <img src="/img/48-02.png" ></div> <div class="imagelist"> <img src="/img/49-02.png" ></div> <div class="imagelist"> <img src="/img/50-02.png" ></div> <div class="imagelist"> <img src="/img/51-02.png" ></div> <div class="imagelist"> <img src="/img/52-02.png" ></div> <div class="imagelist"> <img src="/img/53-02.png" ></div> <div class="imagelist"> <img src="/img/54-02.png" ></div> <div class="imagelist"> <img src="/img/55-02.png" ></div> <div class="imagelist"> <img src="/img/56-02.png" ></div> <div class="imagelist"> <img src="/img/57-02.png" ></div> <div class="imagelist"> <img src="/img/58-02.png" ></div> <div class="imagelist"> <img src="/img/59-02.png" ></div> <div class="imagelist"> <img src="/img/30-02.png" ></div> </div> </div> </div> </section> <section class="section_eights" id="contact" style="position: relative;"> <div class="container"> <h1 class="relate" style="padding-top: 60px;">联系我们</h1> <h1 class="erji"><font class="blues">Contact</font> Us</h1> </div> <img src="/img/list2.png" style="position: absolute;width: 600px;left:45%;top:30px" alt=""> <div style="width:100%;height:400px;position: relative;z-index:100"> <div class="container"> <div style="margin-top:100px"> <div class="leb_con" > <div class="leb"> <div class=""></div> <div class="inside"> <img src="/img/icon1.png" alt=""> <h3> 公<font class="blues">司地</font>址 </h3> <span>西安市雁塔区锦业路瞪羚谷A座10层</span> </div> </div> <div class="leb"> <div class=""></div> <div class="inside"> <img src="/img/icon2.png" alt=""> <h3> 联<font class="blues">系方</font>式 </h3> <span>029-88894789</span> </div> </div> <div class="leb"> <div class=""></div> <div class="inside"> <img src="/img/icon3.png" alt=""> <h3> 电<font class="blues">子邮</font>件 </h3> <span>SSC@seclover.com</span> </div> </div> </div> </div> </div> </div> </section> <footer class="mian-footer"> <div class="foot-info"> </div> <div class="foot-copy"> <div class="container"> <h5 style="color:#fff;display:inline-block">©2011-2017 西安四叶草信息技术有限公司 </h5><h5 class="hidden-xs" style="color:#fff;display:inline-block">ALL Rights Reserved</h5> <h5 class="hidden-xs" style="color:#fff;display:inline-block;float:right">陕ICP备14009494-2号</h5> </div> </div> </footer> </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 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){ $(window).scroll(function(event) { var _this = $(document).scrollTop(); if (_this < 840) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#']").parents()[0]).addClass('active'); }; if (_this >= 840 && _this < 1341) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#introduction']").parents()[0]).addClass('active'); }; if (_this >= 1341 && _this < 2072) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#schedule']").parents()[0]).addClass('active'); }; if (_this >= 2072 && _this < 2841) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#advisory']").parents()[0]).addClass('active'); }; if (_this >= 2841 && _this < 3697) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#topic']").parents()[0]).addClass('active'); }; if (_this >= 3697 && _this < 4615) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#ticket']").parents()[0]).addClass('active'); }; if (_this >= 4615 && _this < 6979) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#partner']").parents()[0]).addClass('active'); }; if (_this >= 6979) { $(".nav_list .list>li").removeClass('active'); $($(".list>li>[href='#contact']").parents()[0]).addClass('active'); }; }); } </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": 3,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": 3,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: 100, view: 'focus', space: 0, 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=8; } 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, arrows:false, dots:true, // 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, largeHeader, 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}; largeHeader = document.getElementById('large-header'); largeHeader.style.height = height+'px'; canvas = document.getElementById('demo-canvas'); canvas.width = width; canvas.height = height; ctx = canvas.getContext('2d'); // 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; largeHeader.style.height = height+'px'; canvas.width = width; canvas.height = height; } // animation function initAnimation() { animate(); for(var i in points) { shiftPoint(points[i]); } } function animate() { if(animateHeader) { ctx.clearRect(0,0,width,height); 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; } drawLines(points[i]); points[i].circle.draw(); } } 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); }}); } // Canvas manipulation function drawLines(p) { if(!p.active) return; for(var i in p.closest) { ctx.beginPath(); ctx.moveTo(p.x, p.y); ctx.lineTo(p.closest[i].x, p.closest[i].y); ctx.strokeStyle = 'rgba(156,217,249,'+ p.active+')'; ctx.stroke(); } } function Circle(pos,rad,color) { var _this = this; // constructor (function() { _this.pos = pos || null; _this.radius = rad || null; _this.color = color || null; })(); this.draw = function() { if(!_this.active) return; ctx.beginPath(); ctx.arc(_this.pos.x, _this.pos.y, _this.radius, 0, 2 * Math.PI, false); ctx.fillStyle = 'rgba(156,217,249,'+ _this.active+')'; ctx.fill(); }; } // Util function getDistance(p1, p2) { return Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2); } })(); </script> </html>

CINXE.COM

2017 SSC安全峰会