@charset "utf-8";

body{font-weight:400; min-width:1400px; }
body .wrap{margin: 0 auto;background:#ffffff;}
#header { }
#top::after{content:""; height:0px; display:block; margin:0px; padding:0px; clear:both}
.siteWidth{max-width:1400px; margin:0 auto;}
.productSpecial-PIW{overflow:hidden;font-size:16px;}

/* 头部 */

.special-header{position:relative;z-index:1;/* max-width:1920px; */margin:0 auto;overflow:hidden;background: url(../img/banner.jpg) center / cover no-repeat #0058b3;}
.special-header .siteWidth{height: 810px;position:relative;z-index:5;box-sizing:border-box;padding-top:260px;}
.special-header .logo{position:absolute; left:0px; top:41px; height:50px;}
.special-header .logo img{height:100%; 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: #285ACF;color: #fff;font-size: 16px;float:left;padding:0 1.5em;box-shadow: 0 4px 4px rgb(0 0 0 / 15%);margin-left:10px;box-sizing:content-box;}
.special-header .links a:hover {background-color:rgba(255,255,255,0.4); }
.special-header .special-header-title_cn{text-align:center;font-size:100px;font-weight:bold;color:#fff;height:120px;line-height: 120px;text-shadow:0 0px 18px rgba(0,0,0,0.16);margin-bottom:30px;visibility: hidden;}
.special-header .special-header-slogan{width: 1230px;margin:0 auto;font-size:22px;line-height:44px;color:#fff;text-align:center;text-shadow:0px 0px 18px rgba(0,0,0,0.16);visibility: hidden;}
.special-header .special-header-slogan b{ background:#034C9F; display:inline-block; padding:0 20px; color:#FFDD00; border-radius:22px; margin:0 5px;}
/* rowBox */
.rowBox{padding: 50px 0px 0px;}
.rowBox .rHd{margin-bottom: 60px;display: flex;justify-content: center;}
.rowBox .rHd h3{font-size:40px;font-weight:bold;color:#333;line-height: 70px;display:flex;align-items:center;justify-content:center;background:url(../img/rowtibg.png) no-repeat 40px bottom;}
.rowBox .rHd h3 span{ padding:0 50px; }
.rowBox .rHd h3::before,
.rowBox .rHd h3::after{content:""; display:block; width:41px; height:29px; background:url(../img/rowtiarr.png) 0 center no-repeat;}
.rowBox .rHd h3::after{transform: rotateY(180deg)}

/* intro */
.special-row .intro{font-size:16px; line-height:2; text-align:justify}   
.special-row .intro p{text-indent:2em; margin-top:1em;}
.special-row .intro p:first-child{margin: 0;}

/* indTabBox */
.indTabBox .tHd{margin-bottom:36px;}
.indTabBox .tHd ul{display:block; margin:0 auto; width:500px; display:flex; height:52px; background:#fff; border-radius:26px; }
.indTabBox .tHd ul li{width:250px; text-align:center; font-size:18px; line-height:52px; height:52px; font-weight:bold; color:#555555; cursor:pointer;  }
.indTabBox .tHd ul li a{color:#555555}
.indTabBox .tHd ul li.on{color:#fff; background:linear-gradient(to bottom, #0070FF, #6AB9FF); border-radius:26px;}

/* specialRow_01 */
#specialRow_01{position:relative;background: url(../img/bg-01.jpg) no-repeat center / 100% 100%;}
#specialRow_01 .siteWidth{position:relative; z-index:1; display:flex; align-items:center}
#specialRow_01 .siteWidth > .pic{width:544px; height:auto; flex-shrink:0; margin-left:20px;}
#specialRow_01 .siteWidth > .pic img{width:100%;}
#specialRow_01 .rowBox .rHd h3{justify-content:flex-start}
#specialRow_01 .rBd { padding:40px;background: linear-gradient(65.34deg, rgba(255, 255, 255, 0.11) 27.71%, rgba(241, 247, 255, 0.68) 81.26%); border: 1px solid #ffffff99; border-radius:10px; }
#specialRow_01 .rBd .intro { margin-bottom:50px;}
#specialRow_01 .rBd ul { display:flex; flex-wrap:wrap; gap:40px;}
#specialRow_01 .rBd ul li { flex-basis:47%; line-height:60px; border-radius:5px;; height:60px;border: 1px solid #D5E1F5; background: linear-gradient(180deg, rgba(255, 255, 255, 0.38) 0%, rgba(241, 247, 255, 0.17) 122.58%);}
#specialRow_01 .rBd ul li i {float:left;width:80px;height:55px;margin:-10px 20px 0 9px;background: linear-gradient(288.08deg, #56A2FF -25.25%, #006EF3 111.98%);text-align:center;font-family:'Source Han Serif CN','Cambria';font-size:30px;line-height:55px;color:#fff;font-weight:700;border-radius: 5px;}

.rowTips {background:url(../img/tipsbg.jpg) no-repeat;height: 170px;border-radius:5px;font-size:28px;line-height:45px;display:flex;text-align: center;justify-content: center;padding-top: 30px;color: #fff;}
.rowTips h3 { font-weight:bold; }

/* specialRow_02 */
#specialRow_02{position:relative}
#specialRow_02 .siteWidth{position:relative;z-index:1;padding: 50px 0 0;margin-bottom:-60px;}
#specialRow_02 .rBd {margin-bottom: 30px;}
#specialRow_02 .rBd .intro {background: linear-gradient(88.96deg, rgba(248, 251, 255, 0.51) 15.31%, rgba(244, 249, 255, 0.08) 54.73%, rgba(241, 247, 255, 0.61) 94.91%); padding:40px; border:1px solid #E5ECFF; border-radius:10px;}
#specialRow_02 .rBd .intro p { margin:0;}
#specialRow_02 .rowBox{padding: 50px 0 0;}
.customMadeBox {border:1px solid #E5ECFF;padding: 30px 30px 10px;border-radius:5px;overflow: hidden;}
.customMadeBox h3 { position:relative;display:inline-block; padding:0 20px; height:52px; line-height:52px; margin-bottom:15px; font-size:24px; line-height:52px; font-weight:bold; background: linear-gradient(90deg, #036BE9 0%, #56A2FF 100%); color:#fff; border-radius:5px;}
.customMadeBox h3:after { content:""; position:absolute; bottom:-5px; left:5px; height:5px; width:100%;background:linear-gradient(90deg, rgba(225, 239, 255, 0.68) 47.76%, rgba(234, 244, 255, 0) 100%); border-radius:0 0 0 10px;}
.customMadeBox ul {display:flex;gap:5px;flex-direction: column;justify-content: space-around;min-height: 90px;}
.customMadeBox li {display:flex;gap:10px;line-height: 32px;}
.customMadeBox li:before {content:"";min-width: 14px;height:14px;display: block;background:url(../img/liteico.png) no-repeat;margin-top: 8px;}
.customMade {display:flex;flex-wrap: wrap;column-gap: 40px;}
.customMade .customMadeBox {margin-bottom:30px;}
.customMade .col2 {overflow:hidden;flex:1;display: flex;flex-direction: column;}
.customMade .col2.leftArea {max-width: 576px;}
.customMade .col2.leftArea .customMadeBox { padding-bottom:40px;}

/* specialRow_03 */
#specialRow_03{
    padding-bottom: 30px;
}
#specialRow_03 .intensificationList{margin-top:68px;display:flex;justify-content:center;flex-wrap:wrap;position: relative;z-index: 1;}
#specialRow_03 .intensificationList li{width:400px; box-sizing:border-box; flex-shrink:0; flex-grow:0; margin:0 30px; min-height:420px; padding:50px 50px 0; background:url(../img/intensificationlibg.jpg) no-repeat center / cover; border-radius:20px; overflow:hidden; position:relative; top:0; transition:0.5s; }
#specialRow_03 .intensificationList li { box-shadow:0 15px 0 #ffffff18}
#specialRow_03 .intensificationList li .title{height:50px;line-height:50px;text-align:center;font-size: 24px;font-weight:bold;margin-bottom:20px;}
#specialRow_03 .intensificationList li .intro{color:#666666; margin-bottom:30px; text-indent:2em;}
#specialRow_03 .intensificationList li .pic{margin:0 auto;}
#specialRow_03 .intensificationList li .pic img{width:100%; height:auto;}
#specialRow_03 .intensificationList li:hover{top:-10px;box-shadow:0 0px 10px rgba(73,155,255,0.3);}
#specialRow_03 .rBd>.intro {background:url(../img/intensificationbg.png) no-repeat;height: 120px;border-radius:5px;font-size: 16px;color: #fff;padding: 120px 60px 0;margin-top: -60px;}

/* specialRow_04 */
#specialRow_04{position:relative;background: linear-gradient(180deg, #F6FBFF 0%, #ECF5FF 100%);background-size:cover;}
#specialRow_04 .solution-ITAI{padding-bottom:30px}
#specialRow_04 .solution-ITAI .sRow-intro {margin-bottom: 60px;}
#specialRow_04 .solution-ITAI .list{position:relative;padding-bottom: 35px;}
#specialRow_04 .solution-ITAI .list li{position:relative; z-index:1}
#specialRow_04 .solution-ITAI .list li .pic{width:245px;height:auto; margin-bottom:5px;
    -webkit-box-reflect: below 0px linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0));
    box-reflect: below 0px linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0));
}
#specialRow_04 .solution-ITAI .list li .pic img{width:100%; height:auto;}
#specialRow_04 .solution-ITAI .list li .title{color:#333333; line-height:40px; height:40px; font-weight:normal}
#specialRow_04 .solution-ITAI .list li .title span{display:inline-block; position:relative;}
#specialRow_04 .solution-ITAI .tips{color:#7A7A7A}
#specialRow_04 .solution-ITAI .tips::before{content:"*"; color:#C7000B}
#specialRow_04 .solution-ITAI .tips a{color:#5A5A5A}
#specialRow_04 .solution-ITAI .tips a:hover{color:#007AFF}

#specialRow_05 .rowBox {display:flex;gap:40px;justify-content: space-between;}
#specialRow_05 .rBd>div{display:flex;justify-content: space-between;flex-direction: column;gap: 40px;}
#specialRow_05 .rBd>div .sRow-pic {background:none;height: auto;margin: 0;text-align: center;}
#specialRow_05 .rBd>div .sRow-intro{margin:0;text-align:left;width: auto;color: #333;}
#specialRow_05 .rBd>div .sRow-intro p{text-indent:2em; margin-top:1em}
#specialRow_05 .rBd>div .sRow-intro p:first-child{margin-top:0;}
#specialRow_05 .rBd>div .sRow-link {text-align:center;}
#specialRow_05 .rBd>div .sRow-link a { height:53px; line-height:53px; display:inline-block; border: 1px solid #B6CDE9; padding:0 30px; border-radius:50px; background:#fff;}
#specialRow_05 .rBd>div .sRow-link a:hover { background:#56A2FF; color:#fff; border-color:#56A2FF}
#specialRow_05 .rowBox .rowItem { flex:1;}
#specialRow_05 .rowBox .rowItem:nth-child(2) .rHd h3 span {padding: 0 45px; }
#specialRow_05 .rowBox .rowItem .rBd {padding:40px 25px;border: 1px solid #E9EEFF;background: linear-gradient(0deg, rgba(112, 132, 224, 0.05) 0%, rgba(255, 255, 255, 0.64) 50%, #FFFFFF 100%);border-radius: 20px;}

/* specialRow_06 */
#specialRow_06{background: url(../img/bg-03.png) center top no-repeat;background-size:100% auto;}
#specialRow_06 .rowBox .rHd h3 {color:#fff;background: url(../img/rowtibg40.png) no-repeat 40px bottom;}
#specialRow_06 .rowBox .rHd h3::before, #specialRow_06 .rowBox .rHd h3::after { filter:brightness(200)}
#specialRow_06 .row-intro{padding:0 50px; font-size:16px; line-height:2; text-indent:2em; margin-bottom:80px; text-align:justify; color:#fff;}
#specialRow_06 .customMadeBox { background:#fff;}
.more-link {text-align:center;margin-top:20px;margin-bottom: 20px;}
.more-link a { height:53px; line-height:53px; display:inline-block; border: 1px solid #B6CDE9; padding:0 30px; border-radius:50px; background:#fff;}
.more-link a:hover { background:#56A2FF; color:#fff; border-color:#56A2FF}
#specialRow_06 .rightArea .customMadeBox:nth-child(1) { padding-bottom:35px;}
#specialRow_06 .rightArea .customMadeBox:nth-child(n+2) {/* padding-bottom:59px; */}
#specialRow_06 .customMade {/* margin-bottom:-30px; */}

#specialRow_06 .customMadeBox ul {min-height: 170px;}
/* specialRow_07 */
#specialRow_07 {background: linear-gradient(180deg, #ECF5FF 55.84%, #FEFFFF 104.35%);}
#specialRow_07 .rHd { margin-bottom:50px;}
#specialRow_07 .row-intro{padding:0 50px;font-size:16px;line-height:2;margin-bottom: 20px;text-align:center;}
#specialRow_07 .solution-institution .sRow-con .con-intro {/* margin-bottom:40px; */margin-top:0px}
#specialRow_07 .solution-institution .sRow-con .bg::after{ display:none;}
#specialRow_07 .solution-institution .pics .li1 { order:1}
#specialRow_07 .rowBox { padding-bottom:0px;}

/* specialRow_08 */
#specialRow_08{background:#F6FBFF;padding-top: 50px;padding-bottom: 30px;}
#specialRow_08 .solution-testingTools { background: url(../img/solution-testingtools-bg.png) 50% 0 no-repeat }
#specialRow_08 .solution-testingTools .sRow-title { margin:0 ; padding-top:50px; color:#fff;}
#specialRow_08 .solution-testingTools .sRow-con{background: none;position:relative;padding: 20px 0 0;}
#specialRow_08 .solution-testingTools .sRow-con::before{content:"";display:block;position:absolute;left:0px;right:0px;top:0px;height:235px;border-radius:20px; display:none}
#specialRow_08 .solution-testingTools .sRow-con .con-intro,
#specialRow_08 .solution-testingTools .sRow-con .list{position:relative; z-index:5}

/* specialRow_09 */
#specialRow_09 .solution-attackTesting{background-image:url(../img/solution-attackTesting-bg.jpg)}

/* specialRow_10 */
#specialRow_10{padding-top: 70px;}
#specialRow_10 .solution-securityLevel .sRow-card{background-color:#F0F3FF}
#specialRow_10 .solution-securityLevel .sRow-card::before{background: linear-gradient(82.07deg, #036BE9 2.04%, #56A2FF 96.67%);}
#specialRow_10 .solution-securityLevel .sRow-card .icon{}
#specialRow_10 .solution-securityLevel .sRow-card .sRow-card_right{color:#076EEA}

.row-bg-01{position:relative; z-index:0;}
.row-bg-01::after{content:""; position:absolute; left:0px; right:0px; bottom:0px; top:300px; background:url(../img/bg-05.jpg) 50% 100% no-repeat #f0f7ff; background-size:100% auto; z-index:0}
/* specialRow_11 */
#specialRow_11{padding-top: 70px;position:relative;z-index:1}
#specialRow_11 .siteWidth{position:relative; z-index:2;}
#specialRow_11 .solution-defenseSystem .sRow-intro { margin-bottom:50px;}
#specialRow_11 .solution-defenseSystem .sRow-card{width:auto; margin-bottom:30px}
#specialRow_11 .solution-defenseSystem .sRow-card::before{transform:none;border-radius:0;bottom:auto;height:650px;background:url(../img/bg-04.jpg) 50% 50% no-repeat;background-size:cover;}
#specialRow_11 .solution-defenseSystem .sRow-card::after{display:none;}
#specialRow_11 .solution-defenseSystem .list li{top:0; transition:0.5s; }
#specialRow_11 .solution-defenseSystem .list li:hover{top:-5px; box-shadow: 0 10px 5px rgba(0, 0, 0, 0.2);}
#specialRow_11 .solution-defenseSystem .list li:hover .icon{animation: tada 1s ease 1;}
#specialRow_11 .solution-defenseSystem .list li:hover::after{display:none}
#specialRow_11 .solution-defenseSystem .list li:hover .title,
#specialRow_11 .solution-defenseSystem .list li a:hover{color:#333}
#specialRow_11 .solution-defenseSystem .list .icon { }
#specialRow_11 .solution-defenseSystem .list li.li1 .icon {background: url(../img/icon-02.png) center center no-repeat;}
#specialRow_11 .solution-defenseSystem .list li.li2 .icon {background: url(../img/icon-04.png) center center no-repeat;}
#specialRow_11 .solution-defenseSystem .list li.li3 .icon {background: url(../img/icon-03.png) center center no-repeat;}
#specialRow_11 .solution-defenseSystem .list li.li4 .icon {background: url(../img/icon-05.png) center center no-repeat;}
#specialRow_11 .solution-defenseSystem .sRow-more{display:none}
#specialRow_11 .solution-safetyProtection .sRow-title{color:#fff; font-size:32px; margin-bottom:40px;}
#specialRow_11 .solution-safetyProtection .protectionList{box-shadow:0 5px 20px rgba(95,120,134,0.2); margin-bottom:50px}
#specialRow_11 .solution-safetyProtection .protectionList li{background-image:url(../img/icon-06.png);}
#specialRow_11 .row-more{text-align:center;}
#specialRow_11 .row-more a{display:inline-block; line-height:50px; font-size:16px; border:1px solid #B6CDE9; padding:0 30px; border-radius:26px;; transition:0.5s; background:#fff;}
#specialRow_11 .row-more a:hover{background-color:#56A2FF; border-color:#56A2FF; color:#fff}

#specialRow_12{position:relative; z-index:1}
#specialRow_12 .rowBox { padding-bottom:0;}
.caseList{display:flex; flex-wrap:wrap; justify-content:center;   }
.caseList li{margin:0 20px 30px;padding:20px 78px; font-size:18px; border:1px solid #DDE9F8;background:#fff;border-radius:10px;background: linear-gradient(180deg, #FEFEFF 0%, #F0F7FF 100%);cursor:pointer;position:relative;top:0;transition:0.3s;line-height:42px;}
.caseList li img{margin:0; }
.caseList li:hover{ background:#0F75EF; color:#fff;}

/* specialRow_13 */
#specialRow_13{position:relative; background:url(../img/bg-06.jpg) 50% 50% no-repeat; background-size:cover; padding:30px 0 85px;}
#specialRow_13 .row-icon{width:118px; height:168px; margin:0 auto 32px; background:url(../img/icon-15.png) 0 0 no-repeat;}
#specialRow_13 .row-title2{font-size:36px; font-weight:bold; text-align:center; color:#fff; margin-bottom:14px; line-height:1.4; }
#specialRow_13 .row-title3{font-size:20px; text-align:center; color:rgba(255,255,255,0.8); line-height:1.4; margin-bottom:60px;}
#specialRow_13 .provinceList{display:flex; justify-content:space-between}
#specialRow_13 .provinceList li{height:36px; line-height:36px; width:145px; background:rgba(255,255,255,1); text-align:center; font-size:16px; color:#3C6AB4; border-radius:18px; cursor:pointer; transition:0.3s}
#specialRow_13 .provinceList li:hover{background:rgba(255,255,255,0.8);}

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

.rowBox>.hd h3 .line{display: none;}

.rowBox>.hd{margin-bottom: 60px;display: flex;justify-content: center;}
.rowBox>.hd h3{font-size:40px;font-weight:bold;color:#333;line-height: 70px;display:flex;align-items:center;justify-content:center;background:url(../img/rowtibg.png) no-repeat 40px bottom;}
.rowBox>.hd h3 span{ padding:0 50px; }
.rowBox>.hd h3::before,
.rowBox>.hd h3::after{content:""; display:block; width:41px; height:29px; background:url(../img/rowtiarr.png) 0 center no-repeat;}
.rowBox>.hd h3::after{transform: rotateY(180deg)}


.solutionSafety-07{}
.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; transition:0.5s; border: 1px solid #B6CDE9; }
.solutionSafety-07 .more a:hover { background:#56A2FF; color:#fff; border-color:#56A2FF}

/* 相关技术支撑功能模块 */
.lxss {background: #ecf5ff;}
.lxss a,.lxss a.sq { background-color:#0A5FB5}
.lxss a:hover { background-color: #176cd3;}

/* 漂浮 */
@keyframes float {
    0%,
    100% {
        transform: translateY(0);
        animation-timing-function: ease-in-out;
    }
    50% {
        transform: translateY(-0.6rem);
        animation-timing-function: ease-in-out;
    }
}

/* 旋转 */
@keyframes circle{
    0%{transform: rotate(0)}
    100%{transform: rotate(360deg)}
}
@keyframes circle-reverse{
    0%{transform: rotate(0)}
    100%{transform: rotate(-360deg)}
}
@keyframes svg-circle{
    0%{stroke-dashoffset: 100%;}
    100%{stroke-dashoffset: 0%;}
}