Authored by 王涛

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

【无】 【公司网站】二级页面的产品特点的图片



See merge request !1022
@@ -20,7 +20,7 @@ @@ -20,7 +20,7 @@
20 .main-header { 20 .main-header {
21 position: absolute; 21 position: absolute;
22 left: 0px; 22 left: 0px;
23 - top: 35px; 23 + top: 8px;
24 z-index: 999; 24 z-index: 999;
25 width: 100%; 25 width: 100%;
26 } 26 }
@@ -375,9 +375,9 @@ textarea:placeholder, @@ -375,9 +375,9 @@ textarea:placeholder,
375 ***/ 375 ***/
376 .hero-section { 376 .hero-section {
377 position: relative; 377 position: relative;
378 - background: url('../img/hero/hero-bg.png');  
379 - background-position: center bottom;  
380 - background-size: cover; 378 + /*background: url('../img/hero/hero-bg.png');*/
  379 + /*background-position: center bottom;*/
  380 + /*background-size: cover;*/
381 } 381 }
382 .concat-concat { 382 .concat-concat {
383 position: relative; 383 position: relative;
@@ -2206,12 +2206,12 @@ blockquote:before { @@ -2206,12 +2206,12 @@ blockquote:before {
2206 border-right: none; 2206 border-right: none;
2207 } 2207 }
2208 .pro-advantage-ul{ 2208 .pro-advantage-ul{
2209 - font-size: 14px;  
2210 - max-width:249px; 2209 + font-size: 18px;
  2210 + font-family: 'PingFang-SC-regular';
2211 } 2211 }
2212 .pro-advantage-ul li{ 2212 .pro-advantage-ul li{
2213 padding:5px 0; 2213 padding:5px 0;
2214 - line-height: 32px; 2214 + line-height: 36px;
2215 } 2215 }
2216 .maintenance-advantage{ 2216 .maintenance-advantage{
2217 border-bottom:1px solid #525a6a; 2217 border-bottom:1px solid #525a6a;
@@ -2220,7 +2220,7 @@ blockquote:before { @@ -2220,7 +2220,7 @@ blockquote:before {
2220 .maintenance-advantage.info-title{ 2220 .maintenance-advantage.info-title{
2221 color:#fff; 2221 color:#fff;
2222 margin-top: 30px; 2222 margin-top: 30px;
2223 - margin-bottom: 30px; 2223 + padding-bottom: 70px;
2224 } 2224 }
2225 .maintenance-advantage-num{ 2225 .maintenance-advantage-num{
2226 font-size: 90px; 2226 font-size: 90px;
@@ -3144,7 +3144,7 @@ blockquote:before { @@ -3144,7 +3144,7 @@ blockquote:before {
3144 } 3144 }
3145 @media (min-width: 1260px) { 3145 @media (min-width: 1260px) {
3146 .Aview-container { 3146 .Aview-container {
3147 - max-width: 1080px; 3147 + max-width: 1200px;
3148 } 3148 }
3149 } 3149 }
3150 .Aview-advantage-con:last-child .pro-advantage-style{ 3150 .Aview-advantage-con:last-child .pro-advantage-style{
@@ -3332,6 +3332,9 @@ blockquote:before { @@ -3332,6 +3332,9 @@ blockquote:before {
3332 .Aview-advantage-con:last-child .app-advantage-style{ 3332 .Aview-advantage-con:last-child .app-advantage-style{
3333 border:none; 3333 border:none;
3334 } 3334 }
  3335 +.Aview-advantage-con:last-child .pro-info-title{
  3336 + padding-right:0;
  3337 +}
3335 .app-advantage-bg{ 3338 .app-advantage-bg{
3336 background: url("../img/serviceSecond/cmdb/advantage-bg.png"); 3339 background: url("../img/serviceSecond/cmdb/advantage-bg.png");
3337 background-size: cover; 3340 background-size: cover;
@@ -3342,11 +3345,7 @@ blockquote:before { @@ -3342,11 +3345,7 @@ blockquote:before {
3342 top: 0; 3345 top: 0;
3343 z-index: -1; 3346 z-index: -1;
3344 } 3347 }
3345 -.app-advantage-ul{  
3346 - font-size: 14px;  
3347 - max-width: 249px;  
3348 - min-height: 174px;  
3349 -} 3348 +
3350 .app-advantage-ul li{ 3349 .app-advantage-ul li{
3351 line-height: 36px; 3350 line-height: 36px;
3352 list-style: disc; 3351 list-style: disc;
@@ -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.png' 48 + img:'assets/img/serviceSecond/information/advantageImg-1.png'
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.png' 54 + img:'assets/img/serviceSecond/information/advantageImg-2.png'
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.png' 60 + img:'assets/img/serviceSecond/information/advantageImg-3.png'
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.png' 66 + img:'assets/img/serviceSecond/information/advantageImg-4.png'
67 } 67 }
68 ], 68 ],
69 type:'advantage' 69 type:'advantage'
@@ -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.png', 120 + img:'assets/img/serviceSecond/securityLog/advantageImg-1.png',
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.png', 126 + img:'assets/img/serviceSecond/securityLog/advantageImg-2.png',
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.png', 132 + img:'assets/img/serviceSecond/securityLog/advantageImg-3.png',
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.png', 138 + img:'assets/img/serviceSecond/securityLog/advantageImg-4.png',
139 title:'日志存储和归档', 139 title:'日志存储和归档',
140 introduction:'日志存储按照《中华人民共和国网络安全法》规定留存相关的网络日志不少于六个月,超时的日志系统自动提醒相关负责人,对其做备份或销毁处理。系统将采集来的日志统一存储和归档,持海量数据存储,也支持磁盘柜、NAS和SAN等多种存储方式,便于扩充和统一查询检索。', 140 introduction:'日志存储按照《中华人民共和国网络安全法》规定留存相关的网络日志不少于六个月,超时的日志系统自动提醒相关负责人,对其做备份或销毁处理。系统将采集来的日志统一存储和归档,持海量数据存储,也支持磁盘柜、NAS和SAN等多种存储方式,便于扩充和统一查询检索。',
141 isDisplay:true 141 isDisplay:true
@@ -99,9 +99,10 @@ router.beforeEach(async (to, from, next) => { @@ -99,9 +99,10 @@ router.beforeEach(async (to, from, next) => {
99 $('[top-nav]').removeClass('current'); 99 $('[top-nav]').removeClass('current');
100 $('[top-nav="'+toPath+'"]').addClass('current'); 100 $('[top-nav="'+toPath+'"]').addClass('current');
101 // 回到顶部 101 // 回到顶部
  102 + //lsq 跳转页面后页面滚动到顶部不增加滚动效果,延时减小 2022-10-14
102 $('html, body').animate({ 103 $('html, body').animate({
103 scrollTop: 0 104 scrollTop: 0
104 - }, 500); 105 + }, 100);
105 106
106 next(); 107 next();
107 }) 108 })
1 -<section class="hero-section rel rpt-150 pb-130 rpb-0"> 1 +<section class="hero-section rel rpt-150 pb-110 rpb-0">
2 <div class="shape shapeAnimationOne l-10 t-60"> 2 <div class="shape shapeAnimationOne l-10 t-60">
3 <img src="assets/img/shapes/shape1.png" alt="Shape"> 3 <img src="assets/img/shapes/shape1.png" alt="Shape">
4 </div> 4 </div>
1 -<section class="hero-section rel rpt-150 pb-130 rpb-0"> 1 +<section class="hero-section rel rpt-150 pb-110 rpb-0">
2 <div class="shape shapeAnimationOne l-10 t-60"> 2 <div class="shape shapeAnimationOne l-10 t-60">
3 <img src="assets/img/shapes/shape1.png" alt="Shape"> 3 <img src="assets/img/shapes/shape1.png" alt="Shape">
4 </div> 4 </div>
1 -<section class="hero-section rel rpt-150 pb-130 rpb-0"> 1 +<section class="hero-section rel rpt-150 pb-110 rpb-0">
2 <div class="shape shapeAnimationOne l-10 t-60"> 2 <div class="shape shapeAnimationOne l-10 t-60">
3 <img src="assets/img/shapes/shape1.png" alt="Shape"> 3 <img src="assets/img/shapes/shape1.png" alt="Shape">
4 </div> 4 </div>
1 -<section class="hero-section rel rpt-150 pb-130 rpb-0"> 1 +<section class="hero-section rel rpt-150 pb-110 rpb-0">
2 <div class="shape shapeAnimationOne l-10 t-60"> 2 <div class="shape shapeAnimationOne l-10 t-60">
3 <img src="assets/img/shapes/shape1.png" alt="Shape"> 3 <img src="assets/img/shapes/shape1.png" alt="Shape">
4 </div> 4 </div>
1 -<section class="hero-section rel rpt-150 pb-130 rpb-0"> 1 +<section class="hero-section rel rpt-150 pb-110 rpb-0">
2 <div class="shape shapeAnimationOne l-10 t-60"> 2 <div class="shape shapeAnimationOne l-10 t-60">
3 <img src="assets/img/shapes/shape1.png" alt="Shape"> 3 <img src="assets/img/shapes/shape1.png" alt="Shape">
4 </div> 4 </div>
1 -<section class="hero-section rel rpt-150 pb-130 rpb-0"> 1 +<section class="hero-section rel rpt-150 pb-110 rpb-0">
2 <div class="shape shapeAnimationOne l-10 t-60"> 2 <div class="shape shapeAnimationOne l-10 t-60">
3 <img src="assets/img/shapes/shape1.png" alt="Shape"> 3 <img src="assets/img/shapes/shape1.png" alt="Shape">
4 </div> 4 </div>
1 -<section class="hero-section rel rpt-150 pb-130 rpb-0"> 1 +<section class="hero-section rel rpt-150 pb-110 rpb-0">
2 <div class="shape shapeAnimationOne l-10 t-60"> 2 <div class="shape shapeAnimationOne l-10 t-60">
3 <img src="assets/img/shapes/shape1.png" alt="Shape"> 3 <img src="assets/img/shapes/shape1.png" alt="Shape">
4 </div> 4 </div>
@@ -77,7 +77,7 @@ @@ -77,7 +77,7 @@
77 <div class="col-lg-4 maintenance-advantage-item" v-for="(itemV,indexV) in item.dataThird"> 77 <div class="col-lg-4 maintenance-advantage-item" v-for="(itemV,indexV) in item.dataThird">
78 <div class="info-value pro-advantage-style pb-50" > 78 <div class="info-value pro-advantage-style pb-50" >
79 <div :class="['pro-info-title']"> 79 <div :class="['pro-info-title']">
80 - <h4 class="color-white">{{itemV.title}}</h4> 80 + <div class="advantage-title-Aview">{{itemV.title}}</div>
81 <ul class="pro-advantage-ul pt-30"><li v-for="(itemP,indexP) in itemV.dataIntro">{{itemP}}</li></ul> 81 <ul class="pro-advantage-ul pt-30"><li v-for="(itemP,indexP) in itemV.dataIntro">{{itemP}}</li></ul>
82 <div class="maintenance-advantage-num pt-100 pb-80">0{{indexV+1}}</div> 82 <div class="maintenance-advantage-num pt-100 pb-80">0{{indexV+1}}</div>
83 </div> 83 </div>
1 -<section class="hero-section rel rpt-150 pb-130 rpb-0"> 1 +<section class="hero-section rel rpt-150 pb-110 rpb-0">
2 <div class="shape shapeAnimationOne l-10 t-60"> 2 <div class="shape shapeAnimationOne l-10 t-60">
3 <img src="assets/img/shapes/shape1.png" alt="Shape"> 3 <img src="assets/img/shapes/shape1.png" alt="Shape">
4 </div> 4 </div>
1 -<section class="hero-section rel rpt-150 pb-130 rpb-0"> 1 +<section class="hero-section rel rpt-150 pb-110 rpb-0">
2 <div class="shape shapeAnimationOne l-10 t-60"> 2 <div class="shape shapeAnimationOne l-10 t-60">
3 <img src="assets/img/shapes/shape1.png" alt="Shape"> 3 <img src="assets/img/shapes/shape1.png" alt="Shape">
4 </div> 4 </div>