monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit 61777a2566b34b60eb6a4cb256b0269a858b0246 2 parents 3c32665c 16bc2617

Merge branch 'master-500-dev-lushangqing' into 'master-500-dev' 

【无】公司网站-样式修改,图片 #3



See merge request !1050
Inline Side-by-side
Showing 100 changed files with 144 additions and 76 deletions

Too many changes to show.
Reload with full diff Plain diff Email patch

To preserve performance only 100 of 100+ files are displayed.

@@ -381,7 +381,7 @@ textarea:placeholder, @@ -381,7 +381,7 @@ textarea:placeholder,
381 } 381 }
382 .concat-concat { 382 .concat-concat {
383 position: relative; 383 position: relative;
384 - background: url('../img/concat/bg.png'); 384 + background: url('../img/concat/bg.jpg');
385 background-position: center bottom; 385 background-position: center bottom;
386 background-size: cover; 386 background-size: cover;
387 padding: 200px; 387 padding: 200px;
@@ -393,7 +393,7 @@ textarea:placeholder, @@ -393,7 +393,7 @@ textarea:placeholder,
393 } 393 }
394 .concat-service { 394 .concat-service {
395 position: relative; 395 position: relative;
396 - background: url('../img/services/service-bg.png'); 396 + background: url('../img/services/service-bg.jpg');
397 background-position: center bottom; 397 background-position: center bottom;
398 background-size: cover; 398 background-size: cover;
399 padding: 200px; 399 padding: 200px;
@@ -406,7 +406,7 @@ textarea:placeholder, @@ -406,7 +406,7 @@ textarea:placeholder,
406 406
407 .concat-about { 407 .concat-about {
408 position: relative; 408 position: relative;
409 - background: url('../img/about/about-bg.png'); 409 + background: url('../img/about/about-bg.jpg');
410 background-position: center bottom; 410 background-position: center bottom;
411 background-size: cover; 411 background-size: cover;
412 padding: 200px; 412 padding: 200px;
@@ -454,6 +454,7 @@ textarea:placeholder, @@ -454,6 +454,7 @@ textarea:placeholder,
454 font-size: 42px; 454 font-size: 42px;
455 margin-top: 75px; 455 margin-top: 75px;
456 text-align: center; 456 text-align: center;
  457 + color:#333;
457 } 458 }
458 459
459 .breadcrumb { 460 .breadcrumb {
@@ -2212,7 +2213,7 @@ blockquote:before { @@ -2212,7 +2213,7 @@ blockquote:before {
2212 align-items: center; 2213 align-items: center;
2213 } 2214 }
2214 .pro-advantage{ 2215 .pro-advantage{
2215 - background: url("../img/serviceSecond/maintenance/advantage-bg.png"); 2216 + background: url("../img/serviceSecond/maintenance/advantage-bg.jpg");
2216 background-size: cover; 2217 background-size: cover;
2217 position: absolute; 2218 position: absolute;
2218 height: 100%; 2219 height: 100%;
@@ -2820,10 +2821,20 @@ blockquote:before { @@ -2820,10 +2821,20 @@ blockquote:before {
2820 align-items: center; 2821 align-items: center;
2821 justify-content: center; 2822 justify-content: center;
2822 } 2823 }
  2824 +.about-process-container{
  2825 + flex:0.6;
  2826 + display: flex;
  2827 + flex-flow: column;
  2828 +}
  2829 +.about-process{
  2830 + flex:1;
  2831 + display: flex;
  2832 + align-items: center;
  2833 +}
2823 .about-concat{ 2834 .about-concat{
2824 position: relative; 2835 position: relative;
2825 width: 100%; 2836 width: 100%;
2826 - flex: 1; 2837 + flex: 0.4;
2827 display: flex; 2838 display: flex;
2828 align-items: center; 2839 align-items: center;
2829 justify-content: center; 2840 justify-content: center;
@@ -2856,6 +2867,12 @@ blockquote:before { @@ -2856,6 +2867,12 @@ blockquote:before {
2856 background:rgba(255,255,255,.18); 2867 background:rgba(255,255,255,.18);
2857 2868
2858 } 2869 }
  2870 +.about-concat-btn a{
  2871 + color:#fff;
  2872 +}
  2873 +.about-concat-btn a:hover{
  2874 + color:#e43730;
  2875 +}
2859 .about-concat-con{ 2876 .about-concat-con{
2860 position: relative; 2877 position: relative;
2861 display: flex; 2878 display: flex;
@@ -3073,7 +3090,7 @@ blockquote:before { @@ -3073,7 +3090,7 @@ blockquote:before {
3073 top: 0; 3090 top: 0;
3074 z-index: -2; 3091 z-index: -2;
3075 background-size: cover; 3092 background-size: cover;
3076 - background-image: url("../img/serviceSecond/Aview/ability-bg.png"); 3093 + background-image: url("../img/serviceSecond/Aview/ability-bg.jpg");
3077 background-repeat: no-repeat; 3094 background-repeat: no-repeat;
3078 background-position: center; 3095 background-position: center;
3079 } 3096 }
@@ -3135,7 +3152,7 @@ blockquote:before { @@ -3135,7 +3152,7 @@ blockquote:before {
3135 cursor: pointer; 3152 cursor: pointer;
3136 } 3153 }
3137 .info-characterP .info-characterP-bg{ 3154 .info-characterP .info-characterP-bg{
3138 - background:url("../img/serviceSecond/Aview/characterP-bg.png"); 3155 + background:url("../img/serviceSecond/Aview/characterP-bg.jpg");
3139 position: absolute; 3156 position: absolute;
3140 height: 100%; 3157 height: 100%;
3141 width: 100%; 3158 width: 100%;
@@ -3146,7 +3163,7 @@ blockquote:before { @@ -3146,7 +3163,7 @@ blockquote:before {
3146 background-position: center; 3163 background-position: center;
3147 } 3164 }
3148 .info-characterP:hover .info-characterP-bg{ 3165 .info-characterP:hover .info-characterP-bg{
3149 - background:url("../img/serviceSecond/Aview/characterP-bg-active.png"); 3166 + background:url("../img/serviceSecond/Aview/characterP-bg-active.jpg");
3150 background-size: contain; 3167 background-size: contain;
3151 background-repeat: no-repeat; 3168 background-repeat: no-repeat;
3152 background-position: center; 3169 background-position: center;
@@ -3180,7 +3197,7 @@ blockquote:before { @@ -3180,7 +3197,7 @@ blockquote:before {
3180 color:#fff; 3197 color:#fff;
3181 } 3198 }
3182 .Aview-advantage-bg{ 3199 .Aview-advantage-bg{
3183 - background: url("../img/serviceSecond/Aview/advantage-bg.png"); 3200 + background: url("../img/serviceSecond/Aview/advantage-bg.jpg");
3184 background-size: cover; 3201 background-size: cover;
3185 position: absolute; 3202 position: absolute;
3186 height: 100%; 3203 height: 100%;
@@ -3428,7 +3445,7 @@ blockquote:before { @@ -3428,7 +3445,7 @@ blockquote:before {
3428 padding-right:0; 3445 padding-right:0;
3429 } 3446 }
3430 .app-advantage-bg{ 3447 .app-advantage-bg{
3431 - background: url("../img/serviceSecond/cmdb/advantage-bg.png"); 3448 + background: url("../img/serviceSecond/cmdb/advantage-bg.jpg");
3432 background-size: cover; 3449 background-size: cover;
3433 position: absolute; 3450 position: absolute;
3434 height: 100%; 3451 height: 100%;
@@ -3518,7 +3535,7 @@ blockquote:before { @@ -3518,7 +3535,7 @@ blockquote:before {
3518 padding:0; 3535 padding:0;
3519 } 3536 }
3520 .recruit-bg{ 3537 .recruit-bg{
3521 - background: url("../img/concatSecond/banner-con.png"); 3538 + background: url("../img/concatSecond/banner-con.jpg");
3522 background-size: cover; 3539 background-size: cover;
3523 position: absolute; 3540 position: absolute;
3524 height: 100%; 3541 height: 100%;
@@ -3568,10 +3585,18 @@ blockquote:before { @@ -3568,10 +3585,18 @@ blockquote:before {
3568 .about-container{ 3585 .about-container{
3569 height:100%; 3586 height:100%;
3570 } 3587 }
  3588 +.about-content .title-style{
  3589 + display: none;
  3590 +}
  3591 +.office-info li a{
  3592 + color:#FFFFFF;
  3593 +}
  3594 +.office-info li a:hover{
  3595 + color:#e43730;
  3596 +}
3571 @media (min-width: 992px){ 3597 @media (min-width: 992px){
3572 .about-content .title-style{ 3598 .about-content .title-style{
3573 padding-top:180px; 3599 padding-top:180px;
3574 - display: none;  
3575 } 3600 }
3576 } 3601 }
3577 @media (min-width: 1200px){ 3602 @media (min-width: 1200px){
@@ -3597,17 +3622,23 @@ blockquote:before { @@ -3597,17 +3622,23 @@ blockquote:before {
3597 margin-bottom: 20px; 3622 margin-bottom: 20px;
3598 } 3623 }
3599 .home-bg-1{ 3624 .home-bg-1{
3600 - background: url(../img/index/1.png); 3625 + background: url(../img/index/1.jpg);
3601 } 3626 }
3602 .home-bg-2{ 3627 .home-bg-2{
3603 - background: url(../img/index/2.png); 3628 + background: url(../img/index/2.jpg);
3604 } 3629 }
3605 .home-bg-3{ 3630 .home-bg-3{
3606 - background: url(../img/index/3.png); 3631 + background: url(../img/index/3.jpg);
3607 } 3632 }
3608 .hzlc-sm{ 3633 .hzlc-sm{
3609 display: none; 3634 display: none;
3610 } 3635 }
  3636 +.footer-title-none{
  3637 + font-weight: 600;
  3638 + position: relative;
  3639 + margin-bottom: 40px;
  3640 + text-transform: capitalize;
  3641 +}
3611 @media only screen and (max-width: 1400px){ 3642 @media only screen and (max-width: 1400px){
3612 .intro-tab-scroll{ 3643 .intro-tab-scroll{
3613 transform: translateY(75px); 3644 transform: translateY(75px);
@@ -3673,8 +3704,12 @@ blockquote:before { @@ -3673,8 +3704,12 @@ blockquote:before {
3673 } 3704 }
3674 3705
3675 } 3706 }
  3707 +
3676 /*992以下的一些样式*/ 3708 /*992以下的一些样式*/
3677 @media only screen and (max-width: 991px){ 3709 @media only screen and (max-width: 991px){
  3710 + .main-menu .navbar-collapse > .navigation{
  3711 + margin-top: 13px;
  3712 + }
3678 .dataAbility-con{ 3713 .dataAbility-con{
3679 margin-top:20px; 3714 margin-top:20px;
3680 } 3715 }
@@ -3871,7 +3906,7 @@ blockquote:before { @@ -3871,7 +3906,7 @@ blockquote:before {
3871 background-image: url("../img/about/about-bg-sm.png"); 3906 background-image: url("../img/about/about-bg-sm.png");
3872 } 3907 }
3873 .know-intro-bg{ 3908 .know-intro-bg{
3874 - background-image: url("../img/about/know-intro-img-sm.png"); 3909 + background-image: url("../img/about/know-intro-img-sm.jpg");
3875 } 3910 }
3876 .partner-img-bg{ 3911 .partner-img-bg{
3877 background-image: url("../img/about/partner-bg-img-sm.png"); 3912 background-image: url("../img/about/partner-bg-img-sm.png");
@@ -3889,10 +3924,10 @@ blockquote:before { @@ -3889,10 +3924,10 @@ blockquote:before {
3889 flex:1; 3924 flex:1;
3890 } 3925 }
3891 .about-content-intro .title-style{ 3926 .about-content-intro .title-style{
3892 - padding-top:30px; 3927 + padding-top:60px;
3893 } 3928 }
3894 - .home-bg-1{  
3895 - background: url(../img/index/1-sm.png); 3929 + .home-bg-3{
  3930 + background: url(../img/index/3-sm.png);
3896 } 3931 }
3897 3932
3898 .func-bg{ 3933 .func-bg{
@@ -3957,7 +3992,39 @@ blockquote:before { @@ -3957,7 +3992,39 @@ blockquote:before {
3957 font-size: 14px; 3992 font-size: 14px;
3958 } 3993 }
3959 } 3994 }
3960 -@media only screen and (max-width: 767px){ 3995 +@media only screen and (max-width: 768px){
  3996 + .wrap{
  3997 + height: auto;
  3998 + overflow-y: auto;
  3999 + }
  4000 + .wrap section{
  4001 + height: auto;
  4002 + min-height: 500px;
  4003 + }
  4004 + .footer-widget{
  4005 + text-align: center;
  4006 + }
  4007 + .footer-title-none{
  4008 + margin-bottom: 0;
  4009 + }
  4010 + .office-info li{
  4011 + justify-content: center;
  4012 + }
  4013 + .about-concat .about-concat-title{
  4014 + padding:20px 0 0;
  4015 + }
  4016 + .about-concat-con{
  4017 + padding-bottom: 20px;
  4018 + }
  4019 + .culturalValues-container .pt-60{
  4020 + padding-top:30px;
  4021 + }
  4022 + .partner-section{
  4023 + padding-top:60px;
  4024 + }
  4025 + .about-content-intro .title-style{
  4026 + padding-top:30px;
  4027 + }
3961 .info-character.info-characterP{ 4028 .info-character.info-characterP{
3962 padding:15px; 4029 padding:15px;
3963 } 4030 }
1 export function homeDatas() { 1 export function homeDatas() {
2 let res=[ 2 let res=[
3 - {  
4 - title:'“魔镜智能”全面完成国产化兼容适配认证',  
5 - introduction:'鸿果科技旗下“魔镜智能”完成对主流国产服务器、数据库、操作系统、中间件等兼容适配，并取得一系列兼容性认证',  
6 - isService:false,  
7 - isConcat:false,  
8 - }, 3 +
9 { 4 {
10 title:'不仅仅是智能化运维,', 5 title:'不仅仅是智能化运维,',
11 title1:'提供一站式的IT运维管理平台', 6 title1:'提供一站式的IT运维管理平台',
@@ -15,10 +10,16 @@ export function homeDatas() { @@ -15,10 +10,16 @@ export function homeDatas() {
15 }, 10 },
16 { 11 {
17 title:'运维数字化道路，鸿果与您同行', 12 title:'运维数字化道路，鸿果与您同行',
18 - introTitle:'鸿果自研产品——魔镜智能运维',  
19 - introduction:'数据是智能运维的基石，算法是挖掘数据价值的关键，技术是实现智能运维的手段', 13 + introTitle:'鸿果自研产品—魔镜智能运维',
  14 + introduction:'“大数据”是智能运维的基石，“算法”是关联分析数据价值的引擎，“场景”是实现智能运维的深度应用。',
20 isService:true, 15 isService:true,
21 isConcat:true, 16 isConcat:true,
  17 + },
  18 + {
  19 + title:'“魔镜智能”全面完成国产化兼容适配认证',
  20 + introduction:'鸿果科技旗下“魔镜智能”完成对主流国产服务器、数据库、操作系统、中间件等兼容适配，并取得一系列兼容性认证',
  21 + isService:false,
  22 + isConcat:false,
22 } 23 }
23 ] 24 ]
24 return res 25 return res
@@ -3,7 +3,7 @@ export function productDatas(){ @@ -3,7 +3,7 @@ export function productDatas(){
3 { 3 {
4 title:'综合告警智能算法平台', 4 title:'综合告警智能算法平台',
5 introduction:'能快速接入各类告警信息，通过告警算法自动去重、规则压缩、算法降噪，实现告警降噪，避免告警风暴，更快响应告警，提升告警管理能力', 5 introduction:'能快速接入各类告警信息，通过告警算法自动去重、规则压缩、算法降噪，实现告警降噪，避免告警风暴，更快响应告警，提升告警管理能力',
6 - introData:['基于业务的告警统一管理','基于算法的智能合并降噪','支持固定阈值、同环比，预测性异常检测','兼容并包，开放告警'], 6 + introData:['基于“专业分散”业务的告警统一管理','基于算法的智能合并降噪','可实现预测性异常检测和趋势分析','兼容并包，开放告警'],
7 type:'alarm' 7 type:'alarm'
8 }, 8 },
9 { 9 {
@@ -13,7 +13,7 @@ export function productDatas(){ @@ -13,7 +13,7 @@ export function productDatas(){
13 type:'Aview' 13 type:'Aview'
14 }, 14 },
15 { 15 {
16 - title:'CMDB资产管理', 16 + title:'面向应用的CMDB资产管理',
17 introduction:'建立以应用为中心的资源管理模型，促进资产到资源的转变', 17 introduction:'建立以应用为中心的资源管理模型，促进资产到资源的转变',
18 introData:['随需而动的资源管理模型','独有的双模自动发现能力','面向业务的关联分析','丰富多样的服务化API'], 18 introData:['随需而动的资源管理模型','独有的双模自动发现能力','面向业务的关联分析','丰富多样的服务化API'],
19 type:'cmdb' 19 type:'cmdb'
@@ -34,7 +34,7 @@ export function Information() { @@ -34,7 +34,7 @@ export function Information() {
34 { 34 {
35 title:'系统框架', 35 title:'系统框架',
36 introduction:'安全运维服务流程的系统架构', 36 introduction:'安全运维服务流程的系统架构',
37 - img:'assets/img/serviceSecond/information/system.png', 37 + img:'assets/img/serviceSecond/information/system.jpg',
38 type:'system' 38 type:'system'
39 }, 39 },
40 { 40 {
@@ -45,25 +45,25 @@ export function Information() { @@ -45,25 +45,25 @@ export function Information() {
45 icon:'assets/img/serviceSecond/information/advantage-1.png', 45 icon:'assets/img/serviceSecond/information/advantage-1.png',
46 title: '“护网”“等保”各规章变成“流程”强制性管控', 46 title: '“护网”“等保”各规章变成“流程”强制性管控',
47 introduction:'特点：规章落地 提前约束 流程强制 全程留痕', 47 introduction:'特点：规章落地 提前约束 流程强制 全程留痕',
48 - img:'assets/img/serviceSecond/information/advantageImg-1.png' 48 + img:'assets/img/serviceSecond/information/advantageImg-1.jpg'
49 }, 49 },
50 { 50 {
51 icon:'assets/img/serviceSecond/information/advantage-2.png', 51 icon:'assets/img/serviceSecond/information/advantage-2.png',
52 title:'通过'+"“安全流程”"+'提前管控日常操作、留痕', 52 title:'通过'+"“安全流程”"+'提前管控日常操作、留痕',
53 introduction:'', 53 introduction:'',
54 - img:'assets/img/serviceSecond/information/advantageImg-2.png' 54 + img:'assets/img/serviceSecond/information/advantageImg-2.jpg'
55 }, 55 },
56 { 56 {
57 icon:'assets/img/serviceSecond/information/advantage-3.png', 57 icon:'assets/img/serviceSecond/information/advantage-3.png',
58 title:'税务局业务流程目录、展示、流程的分类管理', 58 title:'税务局业务流程目录、展示、流程的分类管理',
59 introduction:'', 59 introduction:'',
60 - img:'assets/img/serviceSecond/information/advantageImg-3.png' 60 + img:'assets/img/serviceSecond/information/advantageImg-3.jpg'
61 }, 61 },
62 { 62 {
63 icon:'assets/img/serviceSecond/information/advantage-4.png', 63 icon:'assets/img/serviceSecond/information/advantage-4.png',
64 title:'工作组、用户权限的灵活配置', 64 title:'工作组、用户权限的灵活配置',
65 introduction:'', 65 introduction:'',
66 - img:'assets/img/serviceSecond/information/advantageImg-4.png' 66 + img:'assets/img/serviceSecond/information/advantageImg-4.jpg'
67 } 67 }
68 ], 68 ],
69 type:'advantage' 69 type:'advantage'
@@ -75,17 +75,17 @@ export function Information() { @@ -75,17 +75,17 @@ export function Information() {
75 { 75 {
76 title:'标准化', 76 title:'标准化',
77 introduction:'信息、流程、时间全面统一，高效协同', 77 introduction:'信息、流程、时间全面统一，高效协同',
78 - img:'assets/img/serviceSecond/information/value-bg.png' 78 + img:'assets/img/serviceSecond/information/value-bg.jpg'
79 }, 79 },
80 { 80 {
81 title:'规范化', 81 title:'规范化',
82 introduction:'理清流程、制度落地，业务按标准执行', 82 introduction:'理清流程、制度落地，业务按标准执行',
83 - img:'assets/img/serviceSecond/information/value-bg.png' 83 + img:'assets/img/serviceSecond/information/value-bg.jpg'
84 }, 84 },
85 { 85 {
86 title:'透明化', 86 title:'透明化',
87 introduction:'流程申请、流程进度、流程审批全程可观', 87 introduction:'流程申请、流程进度、流程审批全程可观',
88 - img:'assets/img/serviceSecond/information/value-bg.png' 88 + img:'assets/img/serviceSecond/information/value-bg.jpg'
89 } 89 }
90 ], 90 ],
91 type:'value' 91 type:'value'
@@ -117,25 +117,25 @@ export function securityLog() { @@ -117,25 +117,25 @@ export function securityLog() {
117 introduction:'', 117 introduction:'',
118 dataFour:[ 118 dataFour:[
119 { 119 {
120 - img:'assets/img/serviceSecond/securityLog/advantageImg-1.png', 120 + img:'assets/img/serviceSecond/securityLog/advantageImg-1.jpg',
121 title:'高效数据处理能力', 121 title:'高效数据处理能力',
122 introduction:'日志综合智能分析平台采用大数据架构进行数据的采集、存储、分析和检索。日志采集综合处理均值20000条/秒。数据采用高压缩存储算法，压缩比达到10：1。数据检索采用专业化日志查询引擎，百亿级日志量查询速率只需秒级。直观展示安全事件发生时间、访问源、危险等级及影响范围的分布情况。', 122 introduction:'日志综合智能分析平台采用大数据架构进行数据的采集、存储、分析和检索。日志采集综合处理均值20000条/秒。数据采用高压缩存储算法，压缩比达到10：1。数据检索采用专业化日志查询引擎，百亿级日志量查询速率只需秒级。直观展示安全事件发生时间、访问源、危险等级及影响范围的分布情况。',
123 isDisplay:true 123 isDisplay:true
124 }, 124 },
125 { 125 {
126 - img:'assets/img/serviceSecond/securityLog/advantageImg-2.png', 126 + img:'assets/img/serviceSecond/securityLog/advantageImg-2.jpg',
127 title:'基于策略分析的安全事件响应', 127 title:'基于策略分析的安全事件响应',
128 introduction:'日志综合智能分析平台基于状态分析的安全事件规则能够帮助用户对全网安全事件进行全方位定位，快速发现可疑行为、违规事件和攻击行为。基于时间线性的回溯分析能够帮助用户轻松了解到违规事件的时间、发生源、违规操作设备、操作行为，通过图形化还原违规行为现场，作为事后追溯的有力证据。', 128 introduction:'日志综合智能分析平台基于状态分析的安全事件规则能够帮助用户对全网安全事件进行全方位定位，快速发现可疑行为、违规事件和攻击行为。基于时间线性的回溯分析能够帮助用户轻松了解到违规事件的时间、发生源、违规操作设备、操作行为，通过图形化还原违规行为现场，作为事后追溯的有力证据。',
129 isDisplay:true 129 isDisplay:true
130 }, 130 },
131 { 131 {
132 - img:'assets/img/serviceSecond/securityLog/advantageImg-3.png', 132 + img:'assets/img/serviceSecond/securityLog/advantageImg-3.jpg',
133 title:'可视化日志展示', 133 title:'可视化日志展示',
134 introduction:'日志综合智能分析支持对日志查询结果进行在线快速自动分析，提供事件计数统计、时间分段环比统计、数值分段统计、字段值分类统计、字段数值统计、累计百分比统计、地理统计等统计功能，并以直观形象的统计图表（饼型图、直方图、堆积图、折线图等）来展现日志数据统计结果，并可将统计图表保存到自定义仪表盘上，方便用户随时查看。', 134 introduction:'日志综合智能分析支持对日志查询结果进行在线快速自动分析，提供事件计数统计、时间分段环比统计、数值分段统计、字段值分类统计、字段数值统计、累计百分比统计、地理统计等统计功能，并以直观形象的统计图表（饼型图、直方图、堆积图、折线图等）来展现日志数据统计结果，并可将统计图表保存到自定义仪表盘上，方便用户随时查看。',
135 isDisplay:true 135 isDisplay:true
136 }, 136 },
137 { 137 {
138 - img:'assets/img/serviceSecond/securityLog/advantageImg-4.png', 138 + img:'assets/img/serviceSecond/securityLog/advantageImg-4.jpg',
139 title:'日志存储和归档', 139 title:'日志存储和归档',
140 introduction:'日志存储按照《中华人民共和国网络安全法》规定留存相关的网络日志不少于六个月，超时的日志系统自动提醒相关负责人，对其做备份或销毁处理。系统将采集来的日志统一存储和归档，持海量数据存储，也支持磁盘柜、NAS和SAN等多种存储方式，便于扩充和统一查询检索。', 140 introduction:'日志存储按照《中华人民共和国网络安全法》规定留存相关的网络日志不少于六个月，超时的日志系统自动提醒相关负责人，对其做备份或销毁处理。系统将采集来的日志统一存储和归档，持海量数据存储，也支持磁盘柜、NAS和SAN等多种存储方式，便于扩充和统一查询检索。',
141 isDisplay:true 141 isDisplay:true
@@ -190,7 +190,7 @@ export function businessApp () { @@ -190,7 +190,7 @@ export function businessApp () {
190 subTitle:'随时掌握应用性能对业务的影响', 190 subTitle:'随时掌握应用性能对业务的影响',
191 introduction:'魔镜APM基于实时的多语言应用探针全量采集技术，全方位 保障系统的可用性与性能表现，帮助企业有效地降低MTTR、 提升开发运维效率、改善用户体验。', 191 introduction:'魔镜APM基于实时的多语言应用探针全量采集技术，全方位 保障系统的可用性与性能表现，帮助企业有效地降低MTTR、 提升开发运维效率、改善用户体验。',
192 type:'info', 192 type:'info',
193 - subImg:'assets/img/serviceSecond/businessApp/info.png', 193 + subImg:'assets/img/serviceSecond/businessApp/info.jpg',
194 dataIcon:[ 194 dataIcon:[
195 {icon:'assets/img/serviceSecond/businessApp/info-icon-1.png'}, 195 {icon:'assets/img/serviceSecond/businessApp/info-icon-1.png'},
196 {icon:'assets/img/serviceSecond/businessApp/info-icon-2.png'}, 196 {icon:'assets/img/serviceSecond/businessApp/info-icon-2.png'},
@@ -204,28 +204,28 @@ export function businessApp () { @@ -204,28 +204,28 @@ export function businessApp () {
204 introduction:'', 204 introduction:'',
205 dataApm:[ 205 dataApm:[
206 { 206 {
207 - img:'assets/img/serviceSecond/businessApp/apm-1.png', 207 + img:'assets/img/serviceSecond/businessApp/apm-1.jpg',
208 title:'智能分析', 208 title:'智能分析',
209 introData:[ 209 introData:[
210 '基于AIOps技术智能分析事务问题根因','基于异常检则算法和动态基线进行智能警报','异常和错误支持根因分析','指标相关性分析帮助缩小排查范围' 210 '基于AIOps技术智能分析事务问题根因','基于异常检则算法和动态基线进行智能警报','异常和错误支持根因分析','指标相关性分析帮助缩小排查范围'
211 ] 211 ]
212 }, 212 },
213 { 213 {
214 - img:'assets/img/serviceSecond/businessApp/apm-2.png', 214 + img:'assets/img/serviceSecond/businessApp/apm-2.jpg',
215 title:'代码级诊断', 215 title:'代码级诊断',
216 introData:[ 216 introData:[
217 '深入代码到每一行，缩短性能问题定位流 程，节省宝贵的开发时间','提供详细的代码堆栈','自动化的实时诊断，同时支持自定义嵌码' 217 '深入代码到每一行，缩短性能问题定位流 程，节省宝贵的开发时间','提供详细的代码堆栈','自动化的实时诊断，同时支持自定义嵌码'
218 ] 218 ]
219 }, 219 },
220 { 220 {
221 - img:'assets/img/serviceSecond/businessApp/apm-3.png', 221 + img:'assets/img/serviceSecond/businessApp/apm-3.jpg',
222 title:'调用链追踪', 222 title:'调用链追踪',
223 introData:[ 223 introData:[
224 '无限层级追踪调用链','快速定位性能瓶颈','丰富的追踪上下文信息','支持异步调用追踪' 224 '无限层级追踪调用链','快速定位性能瓶颈','丰富的追踪上下文信息','支持异步调用追踪'
225 ] 225 ]
226 }, 226 },
227 { 227 {
228 - img:'assets/img/serviceSecond/businessApp/apm-4.png', 228 + img:'assets/img/serviceSecond/businessApp/apm-4.jpg',
229 title:'微服务治理', 229 title:'微服务治理',
230 introData:[ 230 introData:[
231 '梳理微服务依赖关系','跨平台、多语言、多协议、多框架','实时监控业务的健康度','批量部署，自动发现' 231 '梳理微服务依赖关系','跨平台、多语言、多协议、多框架','实时监控业务的健康度','批量部署，自动发现'
@@ -347,19 +347,19 @@ export function maintenance() { @@ -347,19 +347,19 @@ export function maintenance() {
347 introduction:'', 347 introduction:'',
348 dataFour:[ 348 dataFour:[
349 { 349 {
350 - img:'assets/img/serviceSecond/maintenance/character-1.png', 350 + img:'assets/img/serviceSecond/maintenance/character-1.jpg',
351 title:'动态关联IT与业务', 351 title:'动态关联IT与业务',
352 introduction:'从业务视角出发，将不同维度的IT资源关联整合，以简洁易懂的界面呈现业务与资源的关联关系。广泛的资源监控能力，任何影响业务的因素都及时体现，使IT运维效率得到大幅提升。', 352 introduction:'从业务视角出发，将不同维度的IT资源关联整合，以简洁易懂的界面呈现业务与资源的关联关系。广泛的资源监控能力，任何影响业务的因素都及时体现，使IT运维效率得到大幅提升。',
353 isDisplay:true 353 isDisplay:true
354 }, 354 },
355 { 355 {
356 - img:'assets/img/serviceSecond/maintenance/character-2.png', 356 + img:'assets/img/serviceSecond/maintenance/character-2.jpg',
357 title:'业务健康随时掌控', 357 title:'业务健康随时掌控',
358 introduction:'预置业务运维综合评价机制，基于“繁忙度”“健康度”“可用性”等多维度的业务性能监控指标，以业务运维状态卡片的方式直观展现业务状态，确保业务的正常运行。', 358 introduction:'预置业务运维综合评价机制，基于“繁忙度”“健康度”“可用性”等多维度的业务性能监控指标，以业务运维状态卡片的方式直观展现业务状态，确保业务的正常运行。',
359 isDisplay:true 359 isDisplay:true
360 }, 360 },
361 { 361 {
362 - img:'assets/img/serviceSecond/maintenance/character-3.png', 362 + img:'assets/img/serviceSecond/maintenance/character-3.jpg',
363 title:'故障根因分析溯源', 363 title:'故障根因分析溯源',
364 introduction:'业务系统出现故障时，根据实际业务服务模型，通过业务视图与IT资源间的关联性，实时映射基础设施监控（IM）中影响服务的告警事件，准确定位故障根源、快速恢复业务，并可设置优先级。', 364 introduction:'业务系统出现故障时，根据实际业务服务模型，通过业务视图与IT资源间的关联性，实时映射基础设施监控（IM）中影响服务的告警事件，准确定位故障根源、快速恢复业务，并可设置优先级。',
365 isDisplay:true 365 isDisplay:true
@@ -371,25 +371,25 @@ export function maintenance() { @@ -371,25 +371,25 @@ export function maintenance() {
371 isDisplay:true 371 isDisplay:true
372 }, 372 },
373 { 373 {
374 - img:'assets/img/serviceSecond/maintenance/character-5.png', 374 + img:'assets/img/serviceSecond/maintenance/character-5.jpg',
375 title:'提供IT规划参考依据', 375 title:'提供IT规划参考依据',
376 introduction:'提供的业务负载情况及增长趋势曲线，可以对IT资源与业务情况进行评估，定位系统性能瓶颈和容量预警，为管理者提供扩容建议和参考，为IT投资提供量化依据。', 376 introduction:'提供的业务负载情况及增长趋势曲线，可以对IT资源与业务情况进行评估，定位系统性能瓶颈和容量预警，为管理者提供扩容建议和参考，为IT投资提供量化依据。',
377 isDisplay:true 377 isDisplay:true
378 }, 378 },
379 { 379 {
380 - img:'assets/img/serviceSecond/maintenance/character-6.png', 380 + img:'assets/img/serviceSecond/maintenance/character-6.jpg',
381 title:'低代码开发技术设计，实现可视化服务编排', 381 title:'低代码开发技术设计，实现可视化服务编排',
382 introduction:'提供低代码开发、降低使用门槛，运维人员不必重新构建基础工具，利用平台能力随需进行快速轻量级开发。支持多语言框架，包括但不限于Python、Java、shell、perl等语言，提供可拖拽式前端开发工具，实现前端布局可视化。提供自动化编译、构建、部署、执行等操作，实现自动部署，集成统一登录、WEB 安全防护模块、功能组件模块等通用模块。', 382 introduction:'提供低代码开发、降低使用门槛，运维人员不必重新构建基础工具，利用平台能力随需进行快速轻量级开发。支持多语言框架，包括但不限于Python、Java、shell、perl等语言，提供可拖拽式前端开发工具，实现前端布局可视化。提供自动化编译、构建、部署、执行等操作，实现自动部署，集成统一登录、WEB 安全防护模块、功能组件模块等通用模块。',
383 isDisplay:true 383 isDisplay:true
384 }, 384 },
385 { 385 {
386 - img:'assets/img/serviceSecond/maintenance/character-7.png', 386 + img:'assets/img/serviceSecond/maintenance/character-7.jpg',
387 title:'形成以面向业务场景为驱动的服务型CMDB', 387 title:'形成以面向业务场景为驱动的服务型CMDB',
388 introduction:'构建符合云架构、智能监控、自动化运维的轻量级CMDB，并形成数据中心枢纽，支持多种业务场景，比如资产管理、资源可视化、运维监控、自动化运维、多云管理等等。', 388 introduction:'构建符合云架构、智能监控、自动化运维的轻量级CMDB，并形成数据中心枢纽，支持多种业务场景，比如资产管理、资源可视化、运维监控、自动化运维、多云管理等等。',
389 isDisplay:true 389 isDisplay:true
390 }, 390 },
391 { 391 {
392 - img:'assets/img/serviceSecond/maintenance/character-8.png', 392 + img:'assets/img/serviceSecond/maintenance/character-8.jpg',
393 title:'丰富的分析算法 拖拽式算法模型 对运维数据应用提供了无限可能', 393 title:'丰富的分析算法 拖拽式算法模型 对运维数据应用提供了无限可能',
394 introduction:'提供AI算法涵盖聚类、分类、回归、自然语言处理、时间序列、关联、综合评价、推荐等8大类机器学习算法。用户基干这些算法构建模型，从而开展深度数据分析，发掘蕴藏在业务数据中价值。算法分析提供了拖拽式可视化的建模功能，让用户可以通过拖拽的方式搭建机器学习实验。根据算法的不同特点选用Spark、Python等不同框架进行实现，真正做到成熟、稳定、简单、易用。', 394 introduction:'提供AI算法涵盖聚类、分类、回归、自然语言处理、时间序列、关联、综合评价、推荐等8大类机器学习算法。用户基干这些算法构建模型，从而开展深度数据分析，发掘蕴藏在业务数据中价值。算法分析提供了拖拽式可视化的建模功能，让用户可以通过拖拽的方式搭建机器学习实验。根据算法的不同特点选用Spark、Python等不同框架进行实现，真正做到成熟、稳定、简单、易用。',
395 isDisplay:true 395 isDisplay:true
@@ -463,11 +463,11 @@ export function alarm() { @@ -463,11 +463,11 @@ export function alarm() {
463 { 463 {
464 title:'告警的全生命周期', 464 title:'告警的全生命周期',
465 introduction:'', 465 introduction:'',
466 - img:'assets/img/serviceSecond/alarm/lifeCycle.png', 466 + img:'assets/img/serviceSecond/alarm/lifeCycle.jpg',
467 type:'lifeCycle' 467 type:'lifeCycle'
468 }, 468 },
469 { 469 {
470 - title:'基于业务的告警统一管理', 470 + title:'基于“专业分散”业务的告警统一管理',
471 introduction:'能够根据业务单元为粒度，统一进行告警的管理以及态势的统计分析。因此我们提供了告警管理中心，以业务为中心进行告警的统一管理每个业务都包含从资源层到事务管理的完整链路。', 471 introduction:'能够根据业务单元为粒度，统一进行告警的管理以及态势的统计分析。因此我们提供了告警管理中心，以业务为中心进行告警的统一管理每个业务都包含从资源层到事务管理的完整链路。',
472 img:'assets/img/serviceSecond/alarm/alarmManage.png', 472 img:'assets/img/serviceSecond/alarm/alarmManage.png',
473 type:'alarmManage' 473 type:'alarmManage'
@@ -529,27 +529,27 @@ export function Aview() { @@ -529,27 +529,27 @@ export function Aview() {
529 introduction:'', 529 introduction:'',
530 data:[ 530 data:[
531 { 531 {
532 - icon:'assets/img/serviceSecond/Aview/service-1.png', 532 + icon:'assets/img/serviceSecond/Aview/service-1.jpg',
533 title:'前瞻性', 533 title:'前瞻性',
534 introData:['业务前瞻、模式前瞻','架构前瞻'] 534 introData:['业务前瞻、模式前瞻','架构前瞻']
535 }, 535 },
536 { 536 {
537 - icon:'assets/img/serviceSecond/Aview/service-2.png', 537 + icon:'assets/img/serviceSecond/Aview/service-2.jpg',
538 title:'一站式', 538 title:'一站式',
539 introData:['全生命周期','全IT领域'] 539 introData:['全生命周期','全IT领域']
540 }, 540 },
541 { 541 {
542 - icon:'assets/img/serviceSecond/Aview/service-3.png', 542 + icon:'assets/img/serviceSecond/Aview/service-3.jpg',
543 title:'敏捷性', 543 title:'敏捷性',
544 introData:['支持业务更快速','更高质量的发布'] 544 introData:['支持业务更快速','更高质量的发布']
545 }, 545 },
546 { 546 {
547 - icon:'assets/img/serviceSecond/Aview/service-4.png', 547 + icon:'assets/img/serviceSecond/Aview/service-4.jpg',
548 title:'场景化', 548 title:'场景化',
549 introData:['不同的业务场景','提供差异化服务'] 549 introData:['不同的业务场景','提供差异化服务']
550 }, 550 },
551 { 551 {
552 - icon:'assets/img/serviceSecond/Aview/service-5.png', 552 + icon:'assets/img/serviceSecond/Aview/service-5.jpg',
553 title:'智能化', 553 title:'智能化',
554 introData:['通过智能分析和','自动化提高运营效率'] 554 introData:['通过智能分析和','自动化提高运营效率']
555 } 555 }
@@ -657,10 +657,10 @@ export function Aview() { @@ -657,10 +657,10 @@ export function Aview() {
657 657
658 return res 658 return res
659 } 659 }
660 -//CMDB资产管理 660 +//面向应用的CMDB资产管理
661 export function cmdb() { 661 export function cmdb() {
662 let res={ 662 let res={
663 - title:'CMDB资产管理', 663 + title:'面向应用的CMDB资产管理',
664 introduction:'建立以应用为中心的资源 管理模型，促进资产到资源的转变。', 664 introduction:'建立以应用为中心的资源 管理模型，促进资产到资源的转变。',
665 data:[ 665 data:[
666 { 666 {
@@ -710,7 +710,7 @@ export function cmdb() { @@ -710,7 +710,7 @@ export function cmdb() {
710 { 710 {
711 title:'系统框架', 711 title:'系统框架',
712 introduction:'', 712 introduction:'',
713 - img:'assets/img/serviceSecond/cmdb/system.png', 713 + img:'assets/img/serviceSecond/cmdb/system.jpg',
714 type:'system' 714 type:'system'
715 }, 715 },
716 { 716 {
@@ -720,31 +720,31 @@ export function cmdb() { @@ -720,31 +720,31 @@ export function cmdb() {
720 { 720 {
721 title:'数据模型管理', 721 title:'数据模型管理',
722 introduction:'提供配置类别、配置项模型和配置关系的自定义。提供图形化界面定义CMDB的数据结构，包括CI类型、每个CI类型包含的属性、对应的CI状态取值、允许的关系类型、CI实例唯一性判断规则，定义每个CI属性字段的数据类型、合法性校验规则、数据调和规则。', 722 introduction:'提供配置类别、配置项模型和配置关系的自定义。提供图形化界面定义CMDB的数据结构，包括CI类型、每个CI类型包含的属性、对应的CI状态取值、允许的关系类型、CI实例唯一性判断规则，定义每个CI属性字段的数据类型、合法性校验规则、数据调和规则。',
723 - img:'assets/img/serviceSecond/cmdb/func-1.png',  
724 - imgSm:'assets/img/serviceSecond/cmdb/func-1.png' 723 + img:'assets/img/serviceSecond/cmdb/func-1.jpg',
  724 + imgSm:'assets/img/serviceSecond/cmdb/func-1-sm.png'
725 }, 725 },
726 { 726 {
727 title:'配置数据收集', 727 title:'配置数据收集',
728 introduction:'提供企业级配置自动化发现模块，实现对IT环境中各类环境设施、IT基础架构、应用系统和业务服务信息的收集。 ', 728 introduction:'提供企业级配置自动化发现模块，实现对IT环境中各类环境设施、IT基础架构、应用系统和业务服务信息的收集。 ',
729 - img:'assets/img/serviceSecond/cmdb/func-2.png', 729 + img:'assets/img/serviceSecond/cmdb/func-2.jpg',
730 imgSm:'assets/img/serviceSecond/cmdb/func-2-sm.png' 730 imgSm:'assets/img/serviceSecond/cmdb/func-2-sm.png'
731 }, 731 },
732 { 732 {
733 title:'配置数据管理', 733 title:'配置数据管理',
734 introduction:'采用非结构化数据库技术，完成对海量CMDB信息的管理，包括维护模型、配置项、关系映射的版本，对采集获取的管理对象数据进行模型化和实例化，并将配置项实例映射到应用服务和业务服务。', 734 introduction:'采用非结构化数据库技术，完成对海量CMDB信息的管理，包括维护模型、配置项、关系映射的版本，对采集获取的管理对象数据进行模型化和实例化，并将配置项实例映射到应用服务和业务服务。',
735 - img:'assets/img/serviceSecond/cmdb/func-3.png', 735 + img:'assets/img/serviceSecond/cmdb/func-3.jpg',
736 imgSm:'assets/img/serviceSecond/cmdb/func-3-sm.png' 736 imgSm:'assets/img/serviceSecond/cmdb/func-3-sm.png'
737 }, 737 },
738 { 738 {
739 title:'数据消费服务', 739 title:'数据消费服务',
740 introduction:'提供可视化拓扑展现、报表、访问权限控制等功能。同时为外部运维场景消费CMDB中存储的各类资源配置数据提供标准Restful API接口。', 740 introduction:'提供可视化拓扑展现、报表、访问权限控制等功能。同时为外部运维场景消费CMDB中存储的各类资源配置数据提供标准Restful API接口。',
741 - img:'assets/img/serviceSecond/cmdb/func-4.png', 741 + img:'assets/img/serviceSecond/cmdb/func-4.jpg',
742 imgSm:'assets/img/serviceSecond/cmdb/func-4-sm.png' 742 imgSm:'assets/img/serviceSecond/cmdb/func-4-sm.png'
743 }, 743 },
744 { 744 {
745 title:'关系可视化展现', 745 title:'关系可视化展现',
746 introduction:'提供从应用视角、网络环境视角、业务逻辑视角等可视化展现IT设备之间、IT设备和业务之间、业务和业务之间的关联关系，使IT管理人员对信息的理解和应用关联一目了然。', 746 introduction:'提供从应用视角、网络环境视角、业务逻辑视角等可视化展现IT设备之间、IT设备和业务之间、业务和业务之间的关联关系，使IT管理人员对信息的理解和应用关联一目了然。',
747 - img:'assets/img/serviceSecond/cmdb/func-5.png', 747 + img:'assets/img/serviceSecond/cmdb/func-5.jpg',
748 imgSm:'assets/img/serviceSecond/cmdb/func-5-sm.png' 748 imgSm:'assets/img/serviceSecond/cmdb/func-5-sm.png'
749 } 749 }
750 ], 750 ],
@@ -753,7 +753,7 @@ export function cmdb() { @@ -753,7 +753,7 @@ export function cmdb() {
753 { 753 {
754 title: 'IT资产生命周期流程化管理', 754 title: 'IT资产生命周期流程化管理',
755 introduction: '', 755 introduction: '',
756 - icon:'assets/img/serviceSecond/cmdb/lifeCycle.png', 756 + icon:'assets/img/serviceSecond/cmdb/lifeCycle.jpg',
757 dataLife:[ 757 dataLife:[
758 { 758 {
759 title:'', 759 title:'',
@@ -836,7 +836,7 @@ export function cloud() { @@ -836,7 +836,7 @@ export function cloud() {
836 title:'产品信息', 836 title:'产品信息',
837 introduction:'支持了国内外所有主流云厂商，包含混合云、多云环境下对计算资源的集中管理，自动化运维、监控、合规审计、多云纳管、云资源全生命周期等多个维度提供统一运维管控，提供系统映像、通过既定策略优化工作负载，系统运行状态，以及任务执行过程的可视化监控，并提供丰富的告警机制帮助客户进行快速处理，从而进行灵活的资源管理与运维。', 837 introduction:'支持了国内外所有主流云厂商，包含混合云、多云环境下对计算资源的集中管理，自动化运维、监控、合规审计、多云纳管、云资源全生命周期等多个维度提供统一运维管控，提供系统映像、通过既定策略优化工作负载，系统运行状态，以及任务执行过程的可视化监控，并提供丰富的告警机制帮助客户进行快速处理，从而进行灵活的资源管理与运维。',
838 type:'info', 838 type:'info',
839 - img:'assets/img/serviceSecond/cloud/info.png', 839 + img:'assets/img/serviceSecond/cloud/info.jpg',
840 }, 840 },
841 { 841 {
842 title: '', 842 title: '',
@@ -917,28 +917,28 @@ export function cloud() { @@ -917,28 +917,28 @@ export function cloud() {
917 introduction:'', 917 introduction:'',
918 dataC:[ 918 dataC:[
919 { 919 {
920 - img:'assets/img/serviceSecond/cloud/character-1.png', 920 + img:'assets/img/serviceSecond/cloud/character-1.jpg',
921 title:'多云资源统一管理', 921 title:'多云资源统一管理',
922 introData:[ 922 introData:[
923 '可纳管多家主流私有云、公有云的计算、存储、网络等资源，实现资源台账可视化、资源操作便捷化以及多租户多层级的资源配额管理和数据分权。' 923 '可纳管多家主流私有云、公有云的计算、存储、网络等资源，实现资源台账可视化、资源操作便捷化以及多租户多层级的资源配额管理和数据分权。'
924 ] 924 ]
925 }, 925 },
926 { 926 {
927 - img:'assets/img/serviceSecond/cloud/character-2.png', 927 + img:'assets/img/serviceSecond/cloud/character-2.jpg',
928 title:'多云环境自动化编排', 928 title:'多云环境自动化编排',
929 introData:[ 929 introData:[
930 '通过对云资源的蓝图设计、服务发布、服务申请、工单管理以及资源回收等，帮助客户实现资源的自动化运维和全生命周期管理。' 930 '通过对云资源的蓝图设计、服务发布、服务申请、工单管理以及资源回收等，帮助客户实现资源的自动化运维和全生命周期管理。'
931 ] 931 ]
932 }, 932 },
933 { 933 {
934 - img:'assets/img/serviceSecond/cloud/character-3.png', 934 + img:'assets/img/serviceSecond/cloud/character-3.jpg',
935 title:'多云资源统一运维和监控', 935 title:'多云资源统一运维和监控',
936 introData:[ 936 introData:[
937 '提供灵活可配的告警策略管理、微信邮件等多种方式的告警通知、资源性能指标和健康状态的统一分析等，帮助用户实时掌握全局资源的运行状态。' 937 '提供灵活可配的告警策略管理、微信邮件等多种方式的告警通知、资源性能指标和健康状态的统一分析等，帮助用户实时掌握全局资源的运行状态。'
938 ] 938 ]
939 }, 939 },
940 { 940 {
941 - img:'assets/img/serviceSecond/cloud/character-4.png', 941 + img:'assets/img/serviceSecond/cloud/character-4.jpg',
942 title:'多维数据可视化', 942 title:'多维数据可视化',
943 introData:[ 943 introData:[
944 '通过自定义仪表盘实现资源用量的数据可视化分析;以资源池、集群、租户、主机等维度分析多云资源使用情况与变化趋势' 944 '通过自定义仪表盘实现资源用量的数据可视化分析;以资源池、集群、租户、主机等维度分析多云资源使用情况与变化趋势'

86.9 KB | W: | H:

167 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

167 KB | W: | H:

37.2 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

46.9 KB | W: | H:

17.2 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

46.3 KB | W: | H:

19.8 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

42.6 KB | W: | H:

16.9 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

74.6 KB | W: | H:

28.8 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin