<!DOCTYPE html>
<html style="height:100%">
<head>
<me
ta charset="utf-8">
<title>安全态势</title>
<l
ink rel="stylesheet" href=https://download.csdn.net/download/gjm15652957971/"css/ba
se.css">
<l
ink rel="stylesheet" href=https://download.csdn.net/download/gjm15652957971/"css/safetrend.css">
<style type="text/css">
</style>
<s
cript type="text/javas
cript"></s
cript>
</head>
<body style="height:100%">
<div class="top">
<p><span class="top-left">安码科技</span><span class="top-right">分布式主动防护系统</span></p>
</div>
<div class="top-menu">
<ul>
<li><a href=https://download.csdn.net/download/gjm15652957971/"">蚁群监视</a></li>
<li><a>安全态势</a></li>
<li><a>领域管理</a></li>
<li><a>代理管理</a></li>
<li><a>攻击场景</a></li>
<li><a>策略管理</a></li>
<li><a>告警管理</a></li>
<li><a>蚂蚁发现</a></li>
<li><a>资产管理</a></li>
<li><a>知识管理</a></li>
<li><a>用户管理</a></li>
</ul>
</div>
<div class="main-content">
<div class="main-left">
<div class="main-lefttop">
<div class="left-title1">
<div class="title"><p class="title-text">聚合关联</p></div>
<div><img id="juhebutton" src=https://download.csdn.net/download/gjm15652957971/"images/icon.png" o
nclick="zoom('juhe')"></div>
</div>
<div class="lefttop-main">
<div id="juhe" style="width: 100%;height:100%;"></div>
</div>
</div>
<div class="main-leftdown">
<div class="left-title1">
<div class="title"><p class="title-text">事件雷达</p></div>
<div><img id="eventraderbutton" src=https://download.csdn.net/download/gjm15652957971/"images/icon.png" o
nclick="zoom('eventrader')"></div>
</div>
<div class="leftdown-main">
<div id="eventrader" style="width: 100%;height:100%;" ></div>
</div>
</div>
</div>
<div class="main-middle">
<div id="globefight" style="width:100%;height:101%;" ></div>
<div class="eventmenu">
<img class="event" src=https://download.csdn.net/download/gjm15652957971/"images/eventlist.png">
<img class="analy" src=https://download.csdn.net/download/gjm15652957971/"images/analy.png">
</div>
<div class="eventlist" style="">
<div class="listtitle">
<p>事件列表</p>
<div class="windowicon"><img src=https://download.csdn.net/download/gjm15652957971/"images/icon.png"><img class="tonone" src=https://download.csdn.net/download/gjm15652957971/"images/iconsmall.png"></div>
</div>
<div class="eventtable">
<div class="tabletitle">
<p style="margin-left:2vw;">事件类别</p>
<p>攻击源</p>
<p>源地区</p>
<p>攻击目标</p>
<p>目标地区</p>
<p>攻击协议</p>
<p>攻击端口</p>
<p style="margin-right:2vw;">攻击时间</p>
</div>
<div class="tabletitle1">
<p style="margin-left:2.5vw;font-size:0.8vw;height:100%;text-align:center;margin-right:1.5vw;">DOS</p>
<p style="font-size:0.8vw;width:9%;height:100%;text-align:center;">168.123.224.143</p>
<p style="font-size:0.8vw;width:7%;height:100%;text-align:center">呼和浩特</p>
<p style="font-size:0.8vw;width:5%;height:100%;text-align:center">重庆</p>
<p style="font-size:0.8vw;width:5%;height:100%;text-align:center;margin-left:2vw">北京</p>
<p style="font-size:0.8vw;height:100%;text-align:center;margin-left:2vw">TCP</p>
<p style="font-size:0.8vw;height:100%;text-align:center;margin-left:1.2vw;margin-right:1.5vw;">5503</p>
<p style="font-size:0.8vw;height:100%;text-align:center;margin-right:0;">2017-06-21 17:28:23</p>
</div>
<div class="tabletitle1">
<p style="margin-left:2.5vw;font-size:0.8vw;height:100%;text-align:center;margin-right:1.5vw;">DOS</p>
<p style="font-size:0.8vw;width:9%;height:100%;text-align:center;">168.123.224.143</p>
<p style="font-size:0.8vw;width:7%;height:100%;text-align:center">呼和</p>
<p style="font-size:0.8vw;width:5%;height:100%;text-align:center">重庆</p>
<p style="font-size:0.8vw;width:5%;height:100%;text-align:center;margin-left:2vw">北京</p>
<p style="font-size:0.8vw;height:100%;text-align:center;margin-left:2vw">TCP</p>
<p style="font-size:0.8vw;height:100%;text-align:center;margin-left:1.2vw;margin-right:1.5vw;">5503</p>
<p style="font-size:0.8vw;height:100%;text-align:center;margin-right:0;">2017-06-21 17:28:23</p>
</div>
<div class="tabletitle1">
<p style="margin-left:2.5vw;font-size:0.8vw;height:100%;text-align:center;margin-right:1.5vw;">DOS</p>
<p style="font-size:0.8vw;width:9%;height:100%;text-align:center;">168.123.224.143</p>
<p style="font-size:0.8vw;width:7%;height:100%;text-align:center">呼和浩特</p>
<p style="font-size:0.8vw;width:5%;height:100%;text-align:center">重庆</p>
<p style="font-size:0.8vw;width:5%;height:100%;text-align:center;margin-left:2vw">北京</p>
<p style="font-size:0.8vw;height:100%;text-align:center;margin-left:2vw">TCP</p>
<p style="font-size:0.8vw;height:100%;text-align:center;margin-left:1.2vw;margin-right:1.5vw;">5503</p>
<p style="font-size:0.8vw;height:100%;text-align:center;margin-right:0;">2017-06-21 17:28:23</p>
</div>
</div>
</div>
</div>
<div class="main-right">
<div class="main-righttop">
<div class="left-title1" style="height:12%">
<div class="title"><p class="title-text">世界领域</p></div>
<div><img id="worldheatbutton" src=https://download.csdn.net/download/gjm15652957971/"images/icon.png" o
nclick="zoom('worldheat')"></div>
</div>
<div class="worlddomain">
<div id="worldheat" style="width:100%;height:100%; "></div>
</div>
</div>
<div class="main-rightdown">
<div class="left-title1" style="height:8%">
<div class="title"><p class="title-text">领域管理</p></div>
<div><img id="attackpiebutton" src=https://download.csdn.net/download/gjm15652957971/"images/icon.png" o
nclick="zoom('attackpie')"></div>
</div>
<div class="main-rightdownmain">
<div class="right-top">
<div id="attackpie" style="width:100%;height:100%; "></div>
</div>
<div class="right-down">
<div class="areatitle">
<p>序号</p>
<p>名称</p>
<p>攻击次数</p>
<p style="margin-right:0;">攻击比例</p>
</div>
<div class="areatitle" style="margin-top:1vh;">
<p style="background-color:#243880;">A1</p>
<p style="background-color:#243880;">大洋洲</p>
<p style="background-color:#243880;">332512</p>
<p style="margin-right:0;background-color:#243880;">23.45%</p>
</div>
<div class="areatitle" style="margin-top:0.5vh;">
<p style="background-color:#243880;">A1</p>
<p style="background-color:#243880;">大洋洲</p>
<p style="background-color:#243880;">332512</p>
<p style="margin-right:0;background-color:#243880;">23.45%</p>
</div>
<div class="areatitle" style="margin-top:0.5vh;">
<p style="background-color:#243880;">A1</p>
<p style="background-color:#243880;">大洋洲</p>
<p style="background-color:#243880;">332512</p>
<p style="margin-right:0;background-color:#243880;">23.45%</p>
</div>
<div class="areatitle" style="margin-top:0.5vh;">
<p style="background-color:#243880;">A1</p>
<p style="background-color:#243880;">大洋洲</p>
<p style="background-color:#243880;">332512</p>
<p style="margin-right:0;background-color:#243880;">23.45%</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="jiange"></div>
<div class="bottom">
<div class="bottom-left">
<div class="left-title1">
<div class="title">
<img class="tip" src=https://download.csdn.net/download/gjm15652957971/"images/tip.png">
<p class="title-text">攻击目标统计图</p></div>
<div class="time">
<img src=https://download.csdn.net/download/gjm15652957971/"images/year.png">
<img src=https://download.csdn.net/download/gjm15652957971/"images/month.png">
<img src=https://download.csdn.net/download/gjm15652957971/"images/week.png">
<img src=https://download.csdn.net/download/gjm15652957971/"images/day.png">
</div>
<!-- <div><img src=https://download.csdn.net/download/gjm15652957971/"images/icon.png"></div> -->
</div>
<div class="bottomleft-main">
<div class="bartarget">
<div id="toptarget" style="width:100%;height:100%;"></div>
</div>
<div class="gridtarget">
<div class="gridtargetl">
<div class="gridtitle">
<p class="num"></p><div class="iptitle"><p class="ipaddr">IP ADDRESS</p><p class="attaktimes">ATTACK TIMES</p></div>
</div>
<div class="gridtitle" style="height: 12%;">