@charset "utf-8";

body{font-weight:400; min-width:1400px; }
body .wrap{margin: 0 auto;background:#ffffff;}
#header { display: none;}
#top::after{content:""; height:0px; display:block; margin:0px; padding:0px; clear:both}
.siteWidth{max-width:1400px; margin:0 auto;}
.productSpecial-SHP{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) 50% 100% no-repeat #3E62AA; background-size:cover}
.special-header .siteWidth{ height: 800px; position:relative; z-index:5; box-sizing:border-box; padding-top:215px;}
.special-header .logo{position:absolute; left:0px; top:41px; height:90px;}
.special-header .logo img{max-height:90px; 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(255,255,255,0.2); color: #fff;font-size: 16px; float:left; padding:0 1.5em; box-shadow: 0 4px 4px rgb(0 0 0 / 25%); 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_en{text-align:center; font-size:50px; font-weight:bold; color:#fff; height:66px; line-height:66px; text-shadow:0 0px 20px rgba(0,0,0,0.15); }
.special-header .special-header-title_cn{ text-align:center; font-size:70px; font-weight:bold; color:#fff; height:92px; line-height:92px; text-shadow:0 0px 20px rgba(0,0,0,0.15); margin-bottom:80px;}
.special-header .special-header-slogan{width: 1160px;margin:0 auto;font-size:18px;line-height:36px;color:#fff;text-align:left; text-indent:2em; text-shadow:2px 2px 0px rgba(0,0,0,0.15);}

/* rowBox */
.rowBox{padding:50px 0px;}
.rowBox .rHd{display:flex; justify-content:center; align-items:center; margin-bottom:50px;}
.rowBox .rHd h3{font-size:40px; font-weight:bold; color:#222222; line-height:1.6;padding:0 10px;}
.rowBox .rHd .i-lg{width:22px; height:22px; display:block; margin:0px; padding:0px; overflow:hidden; background:linear-gradient(to right, #0070FF, #6AB9FF); transform:rotate(45deg); margin:0 8px;}
.rowBox .rHd .i-xs{width:16px; height:16px; display:block; margin:0px; padding:0px; overflow:hidden; background:rgba(59,108,228,0.5); transform:rotate(45deg); margin:0 8px; }

/* 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;}
#specialRow_01 .siteWidth{position:relative; z-index:1;}
#specialRow_01 .row-bg{ position:absolute; left:0px; right:0px; bottom:0px; top:0; background:linear-gradient(to right,rgba(139,187,253,0.15) 0%,rgba(139,187,253,0.3) 100% ); mask-image: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,1)); z-index:0;  }
#specialRow_01 .rBd{display:flex; align-items:center}
#specialRow_01 .rBd .pic{margin-right: 42px;flex-shrink:0;}
#specialRow_01 .rBd .pic span{width:268px; height:296px; display:block; background:url(../img/icon-01.png) 0 0 no-repeat; animation: float 4s infinite; }
#specialRow_01 .rBd .intro{flex-grow:1; width:1px; font-size:16px; line-height:2;}
#specialRow_01 .rBd .intro p{text-indent:2em; margin-top:18px;}
#specialRow_01 .rBd .intro p:first-child{margin-top:0px;}
#specialRow_01 .rBd .intro a{color:#007AFF; text-decoration:underline}
#specialRow_01 .rBd .intro a:hover{color:#c00}

/* specialRow_02 */
#specialRow_02{position:relative}
#specialRow_02 .siteWidth{position:relative; z-index:1}
#specialRow_02 .row-bg{ position:absolute; left:0px; right:0px; bottom:0px; top:0; background:linear-gradient(to right,rgba(139,187,253,0.1) 0%, rgba(229,251,255,0.2) 46%, rgba(139,187,253,0.2) 100% ); mask-image: linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.7) 100%); z-index:0;  }
#specialRow_02 .con{position:relative; width:640px; height:640px; position:relative; margin:0 auto; overflow:visible;}
#specialRow_02 .circleArea{width:640px; height:640px; margin:0 auto; padding:20px; position:relative; z-index:auto; overflow:visible;mask-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 30%, rgba(0,0,0,1) 40%, rgba(0,0,0,0.2) 100%); box-sizing:border-box}
#specialRow_02 .circleArea .circle-1{width:600px; height:600px; box-sizing:border-box; border:1px dashed #b1c0df; border-radius:50%; position:relative; z-index:auto; animation: circle 80s linear infinite;}
#specialRow_02 .circleArea .circle-1::after{content:""; display:block; width:30px; height:30px; background:#D1E1FF; opacity:0.5; border-radius:50%; left:calc(50% - 15px); position:absolute; top:-15px; }
#specialRow_02 .circleArea .circle-2{width:500px; height:500px; background:#f9f9f9; position:absolute; z-index:auto; border-radius:50%; left:70px; top:70px; }
#specialRow_02 .circleArea .circle-2::before{content:""; display:block; width:400px; height:400px; position:absolute; background:#fff; border-radius:50%; border:1px solid rgba(41,82,169,0.1); box-sizing:border-box; left:50px; top:50px;}
#specialRow_02 .circleArea .circle-2::after{content:""; display:block; width:380px; height:380px; position:absolute; background:#fff; border-radius:50%; border:1px solid rgba(41,82,169,0.1); box-sizing:border-box; left:60px; top:60px;}
#specialRow_02 .circleArea .circle-3{width:300px; height:300px; box-sizing:border-box; border:1px dashed #2675E8; border-radius:50%; position:absolute; z-index:auto; left:170px; top:170px; background:#EFF7FF; animation: circle-reverse 80s linear infinite;}
#specialRow_02 .circleArea .circle-3::after{content:""; display:block; width:40px; height:40px; background:#D1E1FF; opacity:0.5; border-radius:50%; left:calc(50% - 20px); position:absolute; top:-20px; z-index:10; }
#specialRow_02 .circleArea .circle-mark{position:absolute; left:0; top:0px; right:0; bottom:0;  z-index:10}
#specialRow_02 .titleArea{width:600px; height:600px; position:absolute; left:20px; top:20px; z-index:auto; }
#specialRow_02 .titleArea .icons{width:600px; height:600px; position:absolute; left:0px; top:0px; background:url(../img/icons-question.png) 0 0 no-repeat; z-index:1;}
#specialRow_02 .titleArea .title{width:298px; height:298px; background: url(../img/icon-02.png) 50% 23px no-repeat; border-radius:50%; position:absolute; z-index:2; left:151px; top:151px; font-size:24px; color:#013A8D; font-weight:bold; line-height:32px; box-sizing:border-box; padding:170px 70px 0px 70px; text-align:center;}
#specialRow_02 .listArea li{position:absolute; width:510px; display:flex; align-items:center; justify-content:space-between; z-index:11;}
#specialRow_02 .listArea li .icon{width:80px; height:80px; box-sizing:border-box; border:10px solid #EFF7FF; border-radius:50%; flex-shrink:0; flex-grow:0; background:url(../img/icon-03.png) 50% 50% no-repeat #2B6BCE; box-shadow:0 0 10px 0 rgba(90,154,248,0.5); transition: all ease 0.3s; }
#specialRow_02 .listArea li .title{font-size:16px; line-height:32px; width:410px; flex-shrink:0; flex-grow:0; padding:10px 20px; background:#2B6BCE; border-radius:10px; color:#fff; text-align:left; box-sizing:border-box; box-shadow:0 0 10px 0 rgba(38,117,232,0.5); position:relative;}
#specialRow_02 .listArea li .title::after{content:""; display:block; width:0px; height:0px; border:8px solid #2B6BCE; border-top-color:transparent; border-bottom-color:transparent; top:calc(50% - 8px); left:-16px; position:absolute; border-left-color:transparent;}
#specialRow_02 .listArea li:hover .icon{border-width:0;}
#specialRow_02 .listArea li.li1 .icon,
#specialRow_02 .listArea li.li2 .icon{order:2}
#specialRow_02 .listArea li.li1 .title::after,
#specialRow_02 .listArea li.li2 .title::after{left:auto; right:-16px; border-left-color:#2B6BCE; border-right-color:transparent;}
#specialRow_02 .listArea li.li1{top:190px; right:510px;}
#specialRow_02 .listArea li.li2{top:490px;right: 408px;}
#specialRow_02 .listArea li.li3{top: 65px;left: 402px;}
#specialRow_02 .listArea li.li4{top:353px;left: 514px;}
#specialRow_02 .listArea li.li2 .icon{background-image:url(../img/icon-04.png)}
#specialRow_02 .listArea li.li3 .icon{background-image:url(../img/icon-05.png)}
#specialRow_02 .listArea li.li4 .icon{background-image:url(../img/icon-06.png)}
#specialRow_02 .intro{font-size:16px; line-height:2; width:1220px; margin:0 auto; padding-top:30px; text-indent:2em}
#specialRow_02 .intro a{color:#007AFF; text-decoration:underline}
#specialRow_02 .intro a:hover{color:#c00}

/* specialRow_03 */
#specialRow_03{background:url(../img/row-03-bg.jpg) 50% 50% no-repeat #1850A0; padding:60px 0px;}
#specialRow_03 .hd{padding-bottom:35px; border-bottom:1px solid #063C87; position:relative; margin-bottom:42px;}
#specialRow_03 .hd::after{content:""; display:block; height:1px; left:0; right:0; bottom:0px; background:#FFFFFF; position:absolute; opacity:0.2}
#specialRow_03 .hd h3{font-size:32px; font-weight:bold; text-align:center; line-height:50px; color:#ffffff;}
#specialRow_03 .hd h3 a{color:#fff;}
#specialRow_03 .bd .intro{color:#fff; line-height:2; width:1200px; margin:0 auto; text-align:justify;}
#specialRow_03 .bd .intro p{text-indent:2em}

/* specialRow_04 */
#specialRow_04{position:relative;}
#specialRow_04 .siteWidth{position:relative; z-index:1;}
#specialRow_04 .row-bg{ position:absolute; left:0px; right:0px; bottom:0px; top:0; background:linear-gradient(to right,rgba(139,187,253,0.1) 0%, rgba(229,251,255,0.2) 46%, rgba(139,187,253,0.2) 100% ); mask-image: linear-gradient(to bottom, transparent 33%, rgba(0,0,0,1) 100%); z-index:0;  }
#specialRow_04 .rBd{display:flex; align-items:center}
#specialRow_04 .rBd .pic{margin-right: 42px;flex-shrink:0;}
#specialRow_04 .rBd .pic span{width:304px; height:220px; display:block; background:url(../img/icon-07.png) 0 0 no-repeat; animation: float 4s infinite; }
#specialRow_04 .rBd .intro{flex-grow:1; width:1px; font-size:16px; line-height:2;}
#specialRow_04 .rBd .intro p{text-indent:2em; margin-top:18px;}
#specialRow_04 .rBd .intro p:first-child{margin-top:0px;}
#specialRow_04 .rBd .intro a{color:#007AFF; text-decoration:underline}
#specialRow_04 .rBd .intro a:hover{color:#c00}

/* specialRow_05 */
#specialRow_05 .intro{font-size:16px; line-height:2; text-align:center; margin-bottom:50px;}
#specialRow_05 .solution-institution{background-position: 50% 167px;}
#specialRow_05 .solution-institution .sRow-title{font-size:32px; color:#1843A5}
#specialRow_05 .solution-institution .pics{margin-bottom:80px;}
#specialRow_05 .solution-institution .pics li{transition: all ease 0.6s; top:0; }
#specialRow_05 .solution-institution .pics li:hover{top:-5px}
#specialRow_05 .solution-institution .sRow-con{padding:40px 0 0px;min-height: 420px;}
#specialRow_05 .solution-institution .sRow-con .bg{width:600px; height:320px; background:#eef5fd; left:calc(50% - 300px); top:0; border-radius:10px;}
#specialRow_05 .solution-institution .sRow-con .bg::after{display:none;}

/* 解决方案 - 安全检测和定向渗透攻击测试 */
#specialRow_06{background:url(../img/row-06-bg.jpg) 50% 50% ;}
#specialRow_06 .solution-attackTesting{height:600px; background:none}
#specialRow_06 .solution-attackTesting .bg-round{width:600px; height:600px; top:0px; border:none; left:calc(50% - 300px); padding-top:110px;letter-spacing: 0.1em; }
#specialRow_06 .solution-attackTesting .bg-round::before{width:600px; height:600px; left:0; top:0; border:1px dashed rgba(255,255,255,0.8);  animation: circle 80s linear infinite;}
#specialRow_06 .solution-attackTesting .bg-round::after{width:500px; height:500px; left:50px; top:50px; border:1px dashed rgba(255,255,255,0.8);  animation: circle-reverse 80s linear infinite;}
#specialRow_06 .solution-attackTesting .list{width:1400px; height:600px; position:relative; left:auto; top:auto; right:auto; bottom:auto; margin:0 auto;}
#specialRow_06 .solution-attackTesting .list li{width:120px; height:120px; border:none; border-radius:60px; box-sizing:border-box; padding:0px; font-size:24px;}
#specialRow_06 .solution-attackTesting .list li::after{display:none;}
#specialRow_06 .solution-attackTesting .list li span{width:120px; height:120px; border:none; border-radius:60px; box-sizing:border-box; padding:0px; line-height:120px; text-align:center;  animation: float 4s infinite; transition:0.5s; display:block;}
#specialRow_06 .solution-attackTesting .list li span::before{content:""; display:block; width:100px; height:100px; position:absolute; left:10px; top:10px; border:1px solid #fff; border-radius:50%; box-sizing:border-box; z-index:-1; background:rgba(255,255,255,0); transition:0.5s}
#specialRow_06 .solution-attackTesting .list li span::after{content:""; display:block; width:120px; height:120px; box-sizing:border-box; background:none; border:1px dashed #fff; right:auto; left:0px; top:0px;animation: circle 80s linear infinite; z-index:-2; border-radius:50%; position:absolute; z-index:-2}
#specialRow_06 .solution-attackTesting .list li.li1{ top:413px; right:auto; left:160px; }
#specialRow_06 .solution-attackTesting .list li.li2{left:0px; top:303px;}
#specialRow_06 .solution-attackTesting .list li.li3{ top:167px; right:auto; left:160px;}
#specialRow_06 .solution-attackTesting .list li.li4{left:300px; top:37px;}
#specialRow_06 .solution-attackTesting .list li.li5{ top:479px; left:calc(50% - 244px);height:68px; width:488px; }
#specialRow_06 .solution-attackTesting .list li.li5 svg.svg-rect{position:absolute; left:0px; top:0px; stroke-dasharray: 2,2;stroke-dashoffset:1; animation: svg-circle 80s linear infinite; z-index:-2}
#specialRow_06 .solution-attackTesting .list li.li6{left:1120px; top:413px;}
#specialRow_06 .solution-attackTesting .list li.li7{left:1120px; top:167px;}
#specialRow_06 .solution-attackTesting .list li.li8{left:1280px; top:303px;}
#specialRow_06 .solution-attackTesting .list li.li9{left:980px; top:37px;}

#specialRow_06 .solution-attackTesting .list li.li1 span{line-height:32px ;padding: 28px 20px; white-space: normal; animation-delay: 400ms;}
#specialRow_06 .solution-attackTesting .list li.li3 span{line-height:32px;padding: 28px 26px;white-space: normal; animation-delay: 800ms;}
#specialRow_06 .solution-attackTesting .list li.li4 span{ animation-delay: 1200ms;}
#specialRow_06 .solution-attackTesting .list li.li5 span{height:68px; width:488px; line-height:68px; text-align:center; animation:none;}
#specialRow_06 .solution-attackTesting .list li.li5 span::before{width:468px; height:48px; border-radius:24px; border-width:2px; left:10px; top:10px;}
#specialRow_06 .solution-attackTesting .list li.li5 span::after{display:none;}
#specialRow_06 .solution-attackTesting .list li.li6 span{ animation-delay: 1000ms;}
#specialRow_06 .solution-attackTesting .list li.li7 span{ animation-delay: 600ms;}
#specialRow_06 .solution-attackTesting .list li.li8 span{ animation-delay: 200ms;}
#specialRow_06 .solution-attackTesting .list li.li9 span{ animation-delay: 1200ms;}
#specialRow_06 .solution-attackTesting .list li span:hover{animation-play-state: paused; }
#specialRow_06 .solution-attackTesting .list li span:hover::before{background-color:rgba(255,255,255,0.5)}
#specialRow_06 .solution-attackTesting .bg-round .icon{width:101px; height:101px; background:url(../img/icon-08.png) 0 0 no-repeat;}
#specialRow_06 .solution-attackTesting .bg-round .txt-en{font-size:32px;}
#specialRow_06 .solution-attackTesting .bg-round .txt-cn_1{font-size:30px;}
#specialRow_06 .solution-attackTesting .bg-round .txt-cn_2{font-size:32px;}

/* 解决方案 - 专业安全检测工具 */
#specialRow_07{padding:100px 0px;}
#specialRow_07 .solution-testingTools{width:1400px; margin:0 auto; position:relative;}
#specialRow_07 .solution-testingTools::after{content:""; display:block; height:170px; left:0px; right:0px; bottom:0px; background:linear-gradient(to bottom, #3B6CE4, #214E97); position:absolute; z-index:0; border-radius:85px;}
#specialRow_07 .solution-testingTools .sRow-title{font-size:32px; color:#1843A5; margin-bottom:60px;}
#specialRow_07 .solution-testingTools .sRow-con{display:flex; flex-direction:column; padding:0px; background:none; position:relative; z-index:2}
#specialRow_07 .solution-testingTools .sRow-con .con-intro{order:2}
#specialRow_07 .solution-testingTools .list{margin-bottom:36px;}
#specialRow_07 .solution-testingTools .list li{width:250px; height:250px; border-radius:50%; padding-top:63px; box-shadow: 0 0 20px rgba(43, 107, 206, 0.2); transition:0.5s; position:relative; top:0}
#specialRow_07 .solution-testingTools .list li .icon{width:90px; height:90px; margin-bottom:10px; }
#specialRow_07 .solution-testingTools .list li .title{padding:0 30px; line-height:24px; font-size:16px;}
#specialRow_07 .solution-testingTools .list li.li1 .icon{background-image:url(../img/icon-09.png)}
#specialRow_07 .solution-testingTools .list li.li2 .icon{background-image:url(../img/icon-10.png)}
#specialRow_07 .solution-testingTools .list li.li3 .icon{background-image:url(../img/icon-11.png)}
#specialRow_07 .solution-testingTools .list li.li4 .icon{background-image:url(../img/icon-12.png)}
#specialRow_07 .solution-testingTools .list li:hover{top:-5px}

/* 安全等保认证 */
#specialRow_08{min-height:500px; background:url(../img/row-08-bg.jpg) 50% 50% no-repeat; background-size:cover; box-sizing:border-box; padding-top:84px;}
#specialRow_08 .siteWidth{display:flex; justify-content:space-between; align-items:center }
#specialRow_08 .security-authentication{width:308px; height:308px; flex-shrink:0; border:2px solid #fff; border-radius:50%; box-sizing:border-box; padding-top:44px; position:relative;}
#specialRow_08 .security-authentication::after{content:""; display:block; width:284px; height:284px; border:1px dashed #fff; border-radius:50%; position:absolute; left:10px; top:10px; box-sizing:border-box;}
#specialRow_08 .security-authentication .icon{width:89px; height:89px; margin:0 auto 6px; background:url(../img/icon-08.png) 50% 50% no-repeat; background-size:100% auto; position:relative; z-index:1;}
#specialRow_08 .security-authentication .t1{font-size:24px; text-align:center; color:#fff; line-height:32px; margin-bottom:12px; position:relative; z-index:1;}
#specialRow_08 .security-authentication .t2{font-size:26px; text-align:center; color:#fff; line-height:34px; font-weight:bold; position:relative; z-index:1;}
#specialRow_08 .security-card-1{width:330px; box-sizing:border-box; height:180px;  position:relative; z-index:0; font-size:22px; line-height:40px; color:#fff; padding-left:28px; padding-top:28px; flex-shrink:0;}
#specialRow_08 .security-card-1::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #fff; border-radius:10px; mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%, transparent 100%);}
#specialRow_08 .security-card-2,
#specialRow_08 .security-card-3{height:180px; width:350px; border:1px solid #fff; border-radius:10px; font-size:22px; line-height:40px; color:#fff; box-sizing:border-box; padding:20px;}
#specialRow_08 .security-card-2 .tit,
#specialRow_08 .security-card-3 .tit{font-size:28px; margin-bottom:8px; font-weight:bold;}

/* specialRow_09 */
#specialRow_09{padding-top:140px; position:relative; background:url(../img/row-09-bg.jpg) 50% 100% repeat-x; padding-bottom:100px;}
#specialRow_09 .solution-safetyProtection{width:1300px; margin:0 auto; background:#fff; box-shadow:0 0 20px rgba(0,27,89,0.2); border-radius:20px;}
#specialRow_09 .solution-safetyProtection .sRow-title{height:140px;background: radial-gradient(50.16% 82.76% at 50.86% 78.48%, #5099EF 0%, #284DA9 100%);border-radius:20px 20px 0 0;position:relative;padding-right:357px;padding-top: 22px;box-sizing:border-box;margin-bottom:0}
#specialRow_09 .solution-safetyProtection .sRow-title::after{width:239px; height:239px; content:""; display:block; position:absolute; background:url(../img/icon-13.png) 0 0 no-repeat; right:83px; top:-78px;}
#specialRow_09 .solution-safetyProtection .sRow-title .tit{width: 508px;line-height:48px;font-size:32px;color:#fff; float:right; }
#specialRow_09 .solution-safetyProtection .sRow-title .tit .num{font-size:50px}
#specialRow_09 .solution-safetyProtection .protectionList{grid-gap:40px 10px; margin-bottom:50px;}
#specialRow_09 .solution-safetyProtection .protectionList li{background: url(../img/icon-14.png) 0px 2px no-repeat;padding-left: 38px;}
#specialRow_09 .solution-defenseSystem{width:1300px;margin:0 auto;padding: 54px 0px 40px;position:relative}
#specialRow_09 .solution-defenseSystem::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #fff; border-radius:20px; mask-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.2) 100%);}
#specialRow_09 .solution-defenseSystem .sRow-title{color:#fff; font-size:40px;}
#specialRow_09 .solution-defenseSystem .sRow-intro{color:#fff; font-size:18px; line-height:1.8}
#specialRow_09 .solution-defenseSystem .sRow-intro .t1{font-size:22px; font-weight:bold;}
#specialRow_09 .solution-defenseSystem .sRow-card{padding: 10px 0 0; margin-bottom:0}
#specialRow_09 .solution-defenseSystem .sRow-card::before,
#specialRow_09 .solution-defenseSystem .sRow-card::after{display:none}
#specialRow_09 .solution-defenseSystem .sRow-card-tit{margin-bottom:45px}
#specialRow_09 .solution-defenseSystem .list{width:890px; margin-bottom:15px;}
#specialRow_09 .solution-defenseSystem .list li{width:200px; height:40px; padding:0px; background:transparent; border-radius:5px; transition:0.5s;  }
#specialRow_09 .solution-defenseSystem .list li::after{display:none;}
#specialRow_09 .solution-defenseSystem .list li .icon{display:none;}
#specialRow_09 .solution-defenseSystem .list li .title{display:block; height:38px; line-height:38px; color:#fff; font-size:18px; transition:0.5s; }
#specialRow_09 .solution-defenseSystem .list li:hover{background-color:#fff; color:#1843A5;}
#specialRow_09 .solution-defenseSystem .list li:hover .title{ color:#1843A5;}
#specialRow_09 .solution-defenseSystem .sRow-card-tips{font-size:18px;margin:0 auto;padding-top:30px;font-weight:bold;line-height:2;text-wrap: balance;text-align:center}
#specialRow_09 .solution-defenseSystem .sRow-more{position:absolute; left:0px; height:56px; right:0px; bottom:-70px;}
#specialRow_09 .solution-defenseSystem .sRow-more a{color:#fff; font-size:18px; text-decoration:underline;}
#specialRow_09 .solution-defenseSystem .sRow-more a:hover{color:#ffcc00}

/* specialRow_10 */
#specialRow_10{position:relative;}
#specialRow_10 .siteWidth{position:relative; z-index:1}
#specialRow_10 .row-bg{ position:absolute; left:0px; right:0px; bottom:0px; height:427px; background:linear-gradient(to right,rgba(139,187,253,0.1) 0%, rgba(229,251,255,0.2) 46%, rgba(139,187,253,0.2) 100% ); mask-image: linear-gradient(to bottom, transparent 33%, rgba(0,0,0,1) 100%); z-index:0;  }
#specialRow_10 .solution-ITAI .sRow-intro{width:1300px; margin:0 auto 45px;}
#specialRow_10 .solution-ITAI .list li{width:250px;}
#specialRow_10 .solution-ITAI .list li:nth-of-type(odd){margin-top:110px;}
#specialRow_10 .solution-ITAI .list li .con{display:flex; flex-direction:column-reverse; align-items:center; padding-bottom:78px; background:url(../img/list-bg.png) 50% 100% no-repeat;animation: float 4s infinite;}
#specialRow_10 .solution-ITAI .list li .pic{margin:0px;width:200px; height:auto;}
#specialRow_10 .solution-ITAI .list li .pic img{width:200px; height:auto; transition: all ease 0.6s;}
#specialRow_10 .solution-ITAI .list li .title{color:#103DB5; margin-bottom:14px; line-height:32px;}
#specialRow_10 .solution-ITAI .list li .title span{display:inline-block; position:relative;}
#specialRow_10 .solution-ITAI .list li .title span::before,
#specialRow_10 .solution-ITAI .list li .title span::after{content:""; display:block; width:30px; height:10px; background:url(../img/icon-15.png) 0 0 no-repeat; position:absolute; top:11px; left:-40px;}
#specialRow_10 .solution-ITAI .list li .title span::after{left:auto; right:-40px; transform:scaleX(-1)}
#specialRow_10 .solution-ITAI .list li:nth-of-type(2) .con { animation-delay: 400ms; }
#specialRow_10 .solution-ITAI .list li:nth-of-type(3) .con { animation-delay: 800ms; }
#specialRow_10 .solution-ITAI .list li:nth-of-type(4) .con { animation-delay: 200ms; }
#specialRow_10 .solution-ITAI .list li:nth-of-type(5) .con { animation-delay: 400ms; }
#specialRow_10 .solution-ITAI .list li:hover .pic img { transform: scale(1.05); }
#specialRow_10 .solution-ITAI .tips{color:#777777;}
#specialRow_10 .solution-ITAI .tips::before{content:"*"; color:#B10000; margin-right:10px; }
#specialRow_10 .solution-ITAI .tips a{color:#333333}
#specialRow_10 .solution-ITAI .tips a:hover{color:#103DB5}

/* specialRow_11 */
#specialRow_11{background:linear-gradient(to bottom, #ffffff 0, #ffffff 75%, #f3f3f3 100%);}
#specialRow_11 .rowBox{padding-bottom:70px;}
#specialRow_11 .solution-mobileDevices{display:flex; justify-content: space-between;}
#specialRow_11 .solution-mobileDevices .sRow-intro{margin:0; width:700px; text-align:left; text-indent:2em; padding-top:70px;}
#specialRow_11 .solution-mobileDevices .sRow-pic{width:659px; border-radius:0; background-color:transparent; background-size:100% auto; background-image:url(../img/pic-mobiledevices.jpg); height:374px; margin:0;}
#specialRow_11 .mobileList { padding: 90px 0 35px; display: flex; justify-content: space-between; margin-bottom:50px;}
#specialRow_11 .mobileList li { flex-basis: 640px; }
#specialRow_11 .mobileList .pic { position: relative; }
#specialRow_11 .mobileList .pic::before { position: absolute; content: ''; left: 0; right: 0; bottom: 0; height: 36%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.0633723) 27.17%, #FFFFFF 95.09%); }
#specialRow_11 .mobileList .pic img { width: 100%; height: auto; }
#specialRow_11 .mobileList .title { margin-top: 15px; text-align: center; }
#specialRow_11 .mobileList .title span { display: inline-block; vertical-align: top; font-size: 16px; line-height: 45px; padding: 0 42px; background: linear-gradient(to bottom, #0070FF 0%, #6AB9FF 100%); color: #fff; border-radius: 500px; }
#specialRow_11 .devicesIntro{text-align:center; }

/* specialRow_12 */
#specialRow_12{background:#EDF6FF; overflow:hidden; position:relative;}
#specialRow_12::after{content:""; width:912px; height:912px; position:absolute; right:-304px; bottom:-304px; background:linear-gradient(to right, #C6DDFF, transparent); border-radius:50%; z-index:0; opacity:0.15 }
#specialRow_12 .siteWidth{position:relative; z-index:1}
#specialRow_12 .rowBox{padding-bottom:120px;}
#specialRow_12 .indTabBox{position:relative;}
#specialRow_12 .tBd{padding-right:800px;}
#specialRow_12 .tBd .pic{width:615px; margin:0 auto;}
#specialRow_12 .tBd .pic img{width:100%; height:auto;}
#specialRow_12 .tIntro{width:700px; position: absolute; right:0px; top:200px;}
#specialRow_12 .tIntro .intro{font-size:16px; line-height:2; text-indent:2em; margin-bottom:58px;}
#specialRow_12 .tIntro .more{text-align:center; color:#007AFF; line-height:2;}
#specialRow_12 .tIntro .more a{color:#007AFF; text-decoration:underline;}
#specialRow_12 .tIntro .more a:hover{color:#c00;}

.solution-platforms .sBox{padding:50px 0px; }
.solution-platforms .sBox .sHd{margin-bottom:50px; padding:0px; border:none; height:64px; display:flex; justify-content:center; align-items:center;}
.solution-platforms .sBox .sHd h3{line-height:1.6; height:auto; color:#222222;padding:0 10px;}
.solution-platforms .sBox .sHd h3::after{display:none}
.solution-platforms .sBox .sHd .i-lg{width:22px; height:22px; display:block; margin:0px; padding:0px; overflow:hidden; background:linear-gradient(to right, #0070FF, #6AB9FF); transform:rotate(45deg); margin:0 8px;}
.solution-platforms .sBox .sHd .i-xs{width:16px; height:16px; display:block; margin:0px; padding:0px; overflow:hidden; background:rgba(59,108,228,0.5); transform:rotate(45deg); margin:0 8px; }
.solution-platforms .platforms-flex .con .more{background:none; margin:0 auto; display:block; color:#007AFF;}
.solution-platforms .platforms-flex .con .more::after{display:none}
.solution-platforms .platforms-flex .con .more a{color:#007AFF; text-decoration:underline;}
.solution-platforms .platforms-flex .con .more a:hover{color:#c00}
.solution-platforms .platforms-flex .pic{animation: float 4s infinite;}

#sBox_monitor{background:url(../img/sbox-monitor-bg.jpg) 50% 50% no-repeat; background-size:cover}
.solution-platforms #sBox_monitor .sHd h3{color:#fff;}
.solution-platforms #sBox_monitor .platforms-flex .con .intro{color:#fff}
.solution-platforms #sBox_monitor .platforms-flex .con .more a{color:#fff}
.solution-platforms #sBox_monitor .platforms-flex .con .more a:hover{color:#ffcc00}
#sBox_sso{position:relative;}
#sBox_sso .sBd{position:relative; z-index:1}
#sBox_sso::after{ content:""; display: block; position:absolute; left:0px; right:0px; bottom:0px; top:0; background:linear-gradient(to right,rgba(139,187,253,0.2) 0%, rgba(229,251,255,0.4) 46%, rgba(139,187,253,0.24) 100% ); mask-image: linear-gradient(to bottom, transparent 33%, rgba(0,0,0,1) 100%); z-index:0;  }

/* specialRow_13 */
#specialRow_13{position:relative; background:url(../img/row-13-bg.jpg) 50% 0 no-repeat; background-size:max(100%, 1920px) auto; padding-bottom:80px;}
#specialRow_13 .siteWidth{position:relative; z-index:1}
#specialRow_13 .rowBox .rHd h3{color:#fff;}
#specialRow_13 .row-intro{width:1300px; margin:0 auto; text-align:center; color:#ffffff; line-height:2; font-size:16px; margin-bottom:100px;}
#specialRow_13 .row-bg{ position:absolute; left:0px; right:0px; bottom:0px; height:440px; background:linear-gradient(to right,rgba(139,187,253,0.1) 0%, rgba(229,251,255,0.2) 46%, rgba(139,187,253,0.2) 100% ); mask-image: linear-gradient(to bottom, transparent 33%, rgba(0,0,0,1) 100%); z-index:0;  }

.systemList{display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 40px;}
.systemList li{padding:40px; background:#fff linear-gradient(to bottom, #FFFFFF, #F8FAFF); border-radius:20px; box-shadow:0 0 15px rgba(59,144,229,0.25); display:flex; justify-content:space-between; align-items:center}
.systemList li .pic{flex-shrink:0; margin-left:20px;}
.systemList li .con{text-align:left; min-height:100%;}
.systemList li .title{height:54px; line-height:54px; font-size:32px; font-weight:bold; padding-left:24px; color:#205AAD; background:url(../img/title-hg.png) 0 0 no-repeat; margin-bottom:20px;}
.systemList li .intro{font-size:16px; line-height:2; margin-bottom:40px; text-align:justify}
.systemList li .intro p{text-indent:2em; margin-top:1em}
.systemList li .intro p:first-child{margin-top:0px;}
.systemList li .more{ display:block; }
.systemList li .more a{display:inline-block; height:46px; line-height:46px; text-align:center; padding:0 30px; background:#F1F3FA; color:#007AFF; border-radius:23px; transition:0.5s;}
.systemList li .more a:hover{background:#007AFF; color:#fff;}
.systemList li.li1,
.systemList li.li4{grid-column-start:span 2}
.systemList li.li1 .pic,
.systemList li.li4 .pic{margin-left:50px;}
.systemList li.li5{padding-right:15px}

/* specialRow_14 */
#specialRow_14{background:#F8FAFF url(../img/row-14-bg.png) 50% 80% no-repeat; }
#specialRow_14 .rowBox .rHd{margin-bottom:20px;}
#specialRow_14 .row-title{font-size:28px; font-weight:bold; text-align:center; color:#103DB5; line-height:2; }
#specialRow_14 .row-intro{font-size:18px; color:#333333; line-height:2; text-align:center; margin-bottom:50px;}
#specialRow_14 .caseList ul{display:flex; flex-wrap:wrap; justify-content:space-between; width:1300px; margin:0 auto;}
#specialRow_14 .caseList li{width:390px; height:364px; background:#fff; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.15); margin-bottom:60px; position:relative; box-sizing:border-box; padding:20px;}
#specialRow_14 .caseList li .pic{width:350px; height:200px; margin:0 auto 20px; border-radius:10px; overflow:hidden}
#specialRow_14 .caseList li .pic img{width:100%; height:auto; transition:0.5s}
#specialRow_14 .caseList li .pic a:hover img{transform:scale(1.05)}
#specialRow_14 .caseList li .title{font-size:18px; font-weight:bold; text-align:center; }
#specialRow_14 .caseList li > a{display:block; position:absolute; height:40px; border-radius:5px; bottom:20px; left:20px; right:20px; text-align:center; background:#2C5DDF; line-height:40px; color:#fff; font-weight:bold; font-size:16px;}
#specialRow_14 .caseList li > a:hover{background-color:#1843A5}
#specialRow_14 .row-more{text-align:center; }
#specialRow_14 .row-more a{color:#007AFF; text-decoration:underline; }
#specialRow_14 .row-more a:hover{color:#c00;}


/* 相关技术支撑功能模块 */
.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-color:#2C5DDF; z-index:-1; border-radius:30px; transition:0.5s}
.lxss a:hover{background-color:#1843A5; box-shadow:none}

/* 漂浮 */
@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%;}
}