@charset "utf-8";
body { font-weight: 400; min-width: 1400px; }
body .wrap { margin: 0 auto; background: #ffffff; }
#header { }
#top { background: #2978B0; }
.siteWidth { max-width: 1400px; margin: 0 auto; }
.product-special { overflow: hidden }

/* 头部 */
.special-header { position: relative; z-index: 1; max-width: 1920px; margin: 0 auto; overflow: hidden; background: url(../img/banner-bg.jpg) 50% 50% no-repeat; background-size: cover; }
.special-header .siteWidth { height: 820px; position: relative; z-index: 5; box-sizing: border-box; padding-top: 230px; }
.special-header .logo { position: absolute; left: 0px; top: 41px; height: 90px; }
.special-header .logo img { max-height: 50px; width: auto; }
.special-header .links { height: 36px; position: absolute; top: 48px; right: 0; }
.special-header .links a { height: 36px; border-radius: 18px; line-height: 36px; text-align: center; background-color: rgba(0, 0, 0, 0.14); color: #fff; font-size: 16px; float: left; padding: 0 1.5em; margin-left: 10px; box-sizing: content-box; transition: 0.4s; }
.special-header .links a:hover { background-color: rgba(0, 0, 0, 0.25); }
.special-header .special-header-pic { text-align: center; width: 928px; height: 450px; margin-bottom: 10px; position: absolute; bottom: 20px; left: 50%; margin-left: -464px; background: url(../img/tb.png) no-repeat center top;}
.special-header .special-header-title_cn { text-align: center; font-size: 92px; text-shadow: 0px 0px 18px #2C49CB; font-weight: bold; color: #fff; height: 96px; line-height: 96px; margin-bottom: 30px;position: relative; z-index: 1;}
.special-header .special-header-slogan { width: 1200px; margin: 0 auto; font-size: 18px; line-height: 36px; color: #FFF9D8; text-align: center; text-shadow: 0px 0px 18px #2C49CA; position: relative; z-index: 1;}



/* cBox */
.cBox .cHd {margin: 0 auto;text-align: center;height: 40px;line-height: 40px;padding-block: 40px;}
.cBox .cHd h3 { display: flex; justify-content: center; margin: 0 auto; text-align: center; align-items: end; height: 40px; font-size: 40px; font-weight: bold; color: #394DA3; }
.cBox .cHd h3::after,
.cBox .cHd h3::before,
.cBox .cHd h3 span::before,
.cBox .cHd h3 span::after { content: ""; width: 10px; border-radius: 30px; opacity: 0.7; }
.cBox .cHd h3::after,
.cBox .cHd h3::before { background: linear-gradient(270deg, #FFA570 0%, #ED7F3F 100%); height: 25px; }
.cBox .cHd h3 span {padding: 0 10px;position: relative;display: flex;align-items: center;gap: 50px;}
.cBox .cHd h3 span::before,
.cBox .cHd h3 span::after { background: linear-gradient(0deg, #ED7F3F 0%, rgba(237, 127, 63, 0) 100%); height: 40px; opacity: 0.4; }


/* box-dilemma */
#box-dilemma {margin: -32px auto 20px;position: relative;z-index: 1;padding: 20px 30px 30px;width: 1400px;background: linear-gradient(0deg, #FFFFFF 78.08%, #EDF0FF 96.55%, #A9B9FE 150.57%);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border-radius: 20px;}
#box-dilemma .row-intro { font-size: 16px; line-height: 2; text-align: justify; }
#box-dilemma .row-intro p { text-indent: 2em; }



/* problem-box */
#box-problem { margin-bottom: 50px; }
#box-problem .cBd { padding-top: 10px; }
#box-problem .siteWidth { position: relative; display: flex; flex-direction: column; gap: 30px; }
#box-problem .full-width { width: 100%; }
#box-problem .split-container { display: flex; gap: 40px; }
#box-problem .left-column { flex: 56%; display: flex; flex-direction: column; gap: 20px; }
#box-problem .right-column { flex: 40%; }
#box-problem .right-column .box-block .bd { height: 292px; }

/* box-block */
.box-block .hd { display: flex; padding-inline: 30px; position: relative; z-index: 1; }
.box-block .hd h3 { background: linear-gradient(90deg, #526CDB 15.8%, #7084E0 98.58%); box-shadow: 0 7px 0 #f6f7fe; border-radius: 50px; font-size: 22px; font-weight: bold; color: #fff; line-height: 60px; height: 60px; padding-inline: 50px; }
.box-block .bd { box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.05); border-radius: 10px; border: 1px solid #E6F0E3; background-color: #fff; padding: 50px 30px 30px; margin-top: -30px; }
.box-block .intro { font-size: 16px; line-height: 2; text-align: justify; }
.box-block .intro p { text-indent: 2em; }


/* cBox_1 - row-1 */
#cBox_1 { background: url(../img/row-7-bg.jpg) no-repeat center top; min-width: 1400px; padding-top: 20px;}
#cBox_1 .row-1 .row-intro { line-height: 32px; text-align: center; margin: 0 auto; width: 1142px; margin-bottom: 60px; font-size: 16px; }
#cBox_1 .solution-institution .sRow-con .bg { display: none; }

/* cBox_1 - row-2 */
#cBox_1 .row-2 { background: url(../img/solution-bg.jpg) no-repeat center top; padding-bottom: 30px; padding-top: 40px; position: relative }
#cBox_1 .row-2 .solution-testingTools .sRow-con { background: none; padding-top: 0; }
#cBox_1 .row-2 .solution-testingTools .sRow-title { color: #fff; }

/* cBox_1 - row-3 */
#cBox_1 .row-3 .solution-attackTesting { background: url(../img/solution-attackTesting-bg.jpg) no-repeat center; background-size: cover; }

/* cBox_1 - row-4 */
#cBox_1 .row-4 { position: relative; padding-top: 50px; }
#cBox_1 .row-4 .solution-securityLevel { margin-bottom: 60px; }
#cBox_1 .row-4 .solution-securityLevel .sRow-card { background: #F0F3FF; }
#cBox_1 .row-4 .solution-securityLevel .sRow-card::before { background: linear-gradient(82.07deg, #2540B8 2.04%, #889EFD 96.67%); }
#cBox_1 .row-4 .solution-securityLevel .sRow-card .icon { background: url(../img/icon-06.png) no-repeat; }
#cBox_1 .row-4 .solution-securityLevel .sRow-card .sRow-card_right { color: #394DA3; }


/* cBox_1 - row-5 */
#cBox_1 .row-5 { background: url(../img/row-5-bg.jpg) center top no-repeat; background-size: 100% auto; padding-block: 40px 20px; }
#cBox_1 .row-5 .solution-safetyProtection .protectionList li { background: url(../img/solution-icon-07.png) 0px 8px no-repeat; }
#cBox_1 .row-5 .solution-safetyProtection .sRow-title { color: #fff; }
#cBox_1 .row-5 .solution-defenseSystem .sRow-card-tit { color: #fff; line-height: 1.2; }
#cBox_1 .row-5 .solution-defenseSystem .list li.li1 .icon { background: url(../img/icon-09.png) no-repeat center; }
#cBox_1 .row-5 .solution-defenseSystem .list li.li2 .icon { background: url(../img/icon-10.png) no-repeat center; }
#cBox_1 .row-5 .solution-defenseSystem .list li.li3 .icon { background: url(../img/icon-11.png) no-repeat center; }
#cBox_1 .row-5 .solution-defenseSystem .list li.li4 .icon { background: url(../img/icon-12.png) no-repeat center; }
#cBox_1 .row-5 .solution-defenseSystem .list li::after { background: #394DA3; }
#cBox_1 .row-5 .more { width: 360px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; overflow: hidden; }
#cBox_1 .row-5 .more a { display: block; height: 50px; box-sizing: border-box; background-color: #F0AF8C;; border-radius: 26px; font-size: 16px; color: #fff; transition: 0.5s; }
#cBox_1 .row-5 .more:hover a { color: #fff; background-color: #394DA3;}

/* cBox_2 */
#cBox_2 { position: relative; padding-block: 20px 60px; background: url(../img/row-2-bg.jpg) no-repeat center; background-size: cover; }
#cBox_2 .cBd { position: relative; z-index: 2; }
#cBox_2 .list .title { color: #fff; font-weight: normal; }
#cBox_2 .tips { color: #999; }
#cBox_2 .tips::before { content: "*"; color: #C7000B; }
#cBox_2 .tips a { text-decoration: underline; color: #6D6D6D; }
#cBox_2 .tips a:hover { color: #C7000B; }
#cBox_2 .solution-ITAI { position: relative; z-index: 2; }
#cBox_2 .solution-ITAI .list { margin-bottom: 90px; }
#cBox_2 .blue-bg { width: 100%; min-width: 1400px; background: url(../img/desk.png) no-repeat center; height: 134px; position: absolute; left: 0; bottom: 65px; }

/* cBox_3 */
#cBox_3 {padding-block: 20px 10px;overflow: hidden;}
#cBox_3 .cHd { margin-bottom: 10px; }
.solution-mobileDevices { display: flex; gap: 60px; justify-content: space-between; background-color: #fff; border-radius: 30px; box-shadow: 0px 2px 15px rgba(57, 77, 163, 0.25); background: linear-gradient(0deg, rgba(112, 132, 224, 0.05) 0%, rgba(255, 255, 255, 0.64) 50%, #FFFFFF 100%); padding: 40px; box-sizing: border-box; overflow: hidden;}
.solution-mobileDevices>div { flex: 1; }
.solution-mobileDevices .sRow-pic {	background: none; border-radius: 0; margin: 0; height: auto;}
.solution-mobileDevices .sRow-pic img { max-width: 100%; height: auto; }
.solution-mobileDevices .sRow-intro { width: 100%; text-align: left; font-size: 16px; line-height: 2; margin-bottom: 20px; }
.solution-mobileDevices .sRow-intro p { text-indent: 2em; margin-bottom: 18px; }
.solution-mobileDevices .sRow-intro p:last-child { margin-bottom: 0; }



/* indTabBox_01 */
#indTabBox_01 .pic { text-align: center; }

/* cBox_4 */
#cBox_4 { padding-bottom: 80px; overflow: hidden; background: url(../img/row-4-bg.jpg) no-repeat center top; }
#cBox_4 .row-intro { font-size: 16px; line-height: 2; text-indent: 2em; width: 1300px; margin: 0 auto 38px; color: #666666; }
#cBox_4 .row-pic { text-align: center; padding: 25px 0px; background: #FBFBFB; border-radius: 20px 180px 20px 180px; margin-bottom: 50px; }
#cBox_4 .more { display: flex; justify-content: center; height: 50px; line-height: 50px; text-align: center; overflow: hidden; }
#cBox_4 .more a { padding: 0 30px; height: 50px; box-sizing: border-box; background-color: #F0AF8C; border-radius: 26px; font-size: 16px; color: #fff; transition: 0.5s; }
#cBox_4 .more a:hover { background-color: #394DA3;}


/* 多重防御体系 - 样式重置 */
.solution-safetyProtection .protectionList { margin-bottom: 46px; }
.solution-defenseSystem .sRow-card::before { display: none; }
.solution-defenseSystem .sRow-card { margin-bottom: 20px; padding-top: 30px; }
.solution-defenseSystem .sRow-card::after { display: none; }
.solution-defenseSystem .sRow-more { color: #16894A; background-color: #F1FAF7; border-radius: 28px; }



/* cBox_8 */
#cBox_8 { background: url(../img/row-6-bg.jpg) no-repeat center top; padding-top: 40px; }
#cBox_8 .cHd h3 { color: #fff; }
#cBox_8 .row-intro { margin: 0 auto 50px; font-size: 16px; text-indent: 2em; padding-inline: 50px; color: #fff;}
.system-list .more { display: flex; justify-content: center; height: 50px; line-height: 50px; text-align: center; overflow: hidden; }
.system-list .more a { padding: 0 30px; height: 50px; box-sizing: border-box; background-color: #F0AF8C; border-radius: 26px; font-size: 16px; color: #fff; transition: 0.5s; }
.system-list .more a:hover { background-color: #394DA3;}
.system-list li { padding: 30px 50px 40px; margin-bottom: 40px; border-radius: 20px; background: linear-gradient(180deg, #F4F6FF 0%, #FFFFFF 24.4%); box-shadow: 0px 3px 10px rgba(159, 184, 235, 0.25); }
.system-list .bd {display: flex;gap: 50px;justify-content: space-between;margin-bottom: 30px;align-items: center;}
.system-list .pic { text-align: center; flex-shrink: 0;  }
.system-list .title { font-weight: bold; font-size: 32px; line-height: 1.5; margin-bottom: 20px; }
.system-list .intro { font-size: 16px; line-height: 2; text-align: justify;  }
.system-list .intro p { text-indent: 2em; }


.system-list-01 .li1 .title {/* margin-bottom: 0; */}
.system-list-01 .pic { width: 250px;  } 

.system-list-02 { display: flex; gap: 35px; justify-content: space-between; }
.system-list-02 .li1 {  width: 480px; flex-shrink: 0; }
.system-list-02 .li2 { flex: 1; }
.system-list-02 .title { margin-bottom: 0; }

.system-list-01 .li3 .pic { top: 30px; position: relative; }
.system-list-01 .pic img  {max-height:200px;padding-top: 10px;}
.system-list-02  .pic img {max-height:150px;}
.system-list-01 .li1 .pic img{padding-top: 30px;}

/* 基础应用 */
#jcyy {padding:20px 0 40px}
#jcyy .row .bd{width: 1400px; margin: auto; position: relative; }

.rowBox>.hd h3 .line{display: none;}
.rowBox>.hd {margin: 0 auto;text-align: center;height: 40px;line-height: 40px;padding-block: 40px;}
.rowBox>.hd h3 { display: flex; justify-content: center; margin: 0 auto; text-align: center; align-items: end; height: 40px; font-size: 40px; font-weight: bold; color: #394DA3; }
.rowBox>.hd h3::after,
.rowBox>.hd h3::before,
.rowBox>.hd h3 span::before,
.rowBox>.hd h3 span::after { content: ""; width: 10px; border-radius: 30px; opacity: 0.7; }
.rowBox>.hd h3::after,
.rowBox>.hd h3::before { background: linear-gradient(270deg, #FFA570 0%, #ED7F3F 100%); height: 25px; }
.rowBox>.hd h3 span {padding: 0 10px;position: relative;display: flex;align-items: center;gap: 50px;}
.rowBox>.hd h3 span::before,
.rowBox>.hd h3 span::after { background: linear-gradient(0deg, #ED7F3F 0%, rgba(237, 127, 63, 0) 100%); height: 40px; opacity: 0.4; }

.solutionSafety-07{margin: 0;}
.solutionSafety-07 .intro p{text-indent: 0;}
.solutionSafety-07 .more{margin: 30px auto 0; text-align:center}
.solutionSafety-07 .more a{display:inline-block; line-height:50px; font-size:16px; padding:0 30px; border-radius:26px; color:#fff; transition:0.5s; background:#F0AF8C;}
.solutionSafety-07 .more a:hover{background-color:#394DA3; color:#fff}


/* cBox_9 */
#cBox_9 {position: relative;padding: 20px 0 0;}
.case-pic-box { background: #fff; margin-top: 15px; border-radius: 20px; padding: 30px 100px; box-shadow: 0px 0px 15px rgba(142, 142, 217, 0.2); overflow: hidden; }
.case-pic-box .intro { font-size: 16px; text-align: center; color: #666; line-height: 2; margin-bottom: 30px; }
.case-pic-list { display: flex; justify-content: space-between; }
.case-pic-list li { flex: auto; text-align: center; }
.case-pic-list li .pic img { width: auto; max-height: 515px; }


/* 相关技术支撑功能模块 */
.lxss .row { z-index: 0; position: relative; }
.lxss a { position: relative; }
.lxss a,
.lxss a.sq { background-color: transparent; }
.lxss a::after { content: ""; position: absolute; left: 0px; top: 0; right: 0; bottom: 0; display: block; background: #4860A8; z-index: -1; border-radius: 30px; transition: 0.5s }
.lxss a:hover { background-color: #394DA3; box-shadow: none }