@charset "utf-8";
#content { padding: 0px;}
body .wrap{margin: 0 auto;background:#ffffff;}
.productSpecial-SHP { overflow: hidden}
#content.special-content { padding: 0px; background:#ffffff}
#header{top:0px; left: 0px;}
/*  头部 */
.special-header { height: 400px; background:url(../img/banner.jpg) 50% 0px no-repeat ; background-size: cover; position: relative; z-index: 1; margin: 0 auto; overflow: hidden;padding-top: 50px;}
.special-header .siteWidth { height: 400px; position: relative; z-index: 5; width: 100%; max-width: 100%; box-sizing:border-box; padding-top:30px;}
.special-header .special-header-title_en{text-align:center; font-size:26px; font-weight:bold; color:#fff; height:40px; line-height:40px; text-shadow:0 2px 2px rgba(0,0,0,0.25); }
.special-header .special-header-title_cn{ text-align:center; font-size:32px; font-weight:bold; color:#fff; height:56px; line-height:56px; text-shadow:0 2px 6px rgba(0,0,0,0.25); margin-bottom:16px;}
.special-header .special-header-slogan{margin:0 auto;font-size:16px;line-height:32px;color:#fff;text-align:center; padding:0 15px}

@media (max-width: 370px) {
    .special-header .special-header-title_cn{font-size:28px;}
}

/* rowBox */
.rowBox{padding:30px 15px;}
.rowBox .rHd,.rowBox .hd{display:flex; justify-content:center; align-items:center; margin-bottom:20px;}
.rowBox .rHd h3,.rowBox .hd h3{font-size:24px; font-weight:bold; color:#222222; line-height:1.6;padding:0 5px; text-align:center;}
.rowBox .rHd .i-lg,.rowBox .hd h3::before,.rowBox .hd h3::after{width:12px; height:12px; display:block; margin:0px; padding:0px; overflow:hidden; background:linear-gradient(to right, #0070FF, #6AB9FF); transform:rotate(45deg); margin:0 4px; flex-shrink:0;}
.rowBox .rHd .i-xs{width:8px; height:8px; display:block; margin:0px; padding:0px; overflow:hidden; background:rgba(59,108,228,0.5); transform:rotate(45deg); margin:0 4px; flex-shrink:0; }
.rowBox .hd h3::before,.rowBox .hd h3::after{content:"";position: absolute;   top: 12px; }
.rowBox .hd h3::before{    left: -25px;   }
.rowBox .hd h3::after{    right: -25px;   }
/* indTabBox */
.indTabBox .tHd{margin-bottom:20px;}
.indTabBox .tHd ul{display:block; display:flex; height:42px; background:#ffffff; border-radius:21px; }
.indTabBox .tHd ul li{width:250px; text-align:center; font-size:16px; line-height:42px; height:42px; 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:21px;}

/* 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; flex-direction:column; align-items:center}
#specialRow_01 .rBd .pic{flex-shrink:0; order:2; width:80%;}
#specialRow_01 .rBd .pic span{width:100%; height:220px; display:block; background:url(../img/icon-01.png) 50% 0% no-repeat; background-size: contain; animation: float 4s infinite; }
#specialRow_01 .rBd .intro{flex-grow:1; width:100%; font-size:16px; line-height:2; margin-bottom:30px;}
#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 .rBd{padding-top:100px; }
#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:min(470px,calc(100vw - 30px)); height:min(470px,calc(100vw - 30px)); position:relative; margin:0 auto 100px; overflow:visible;}


#specialRow_02 .circleArea{width:min(470px,calc(100vw - 30px)); height:min(470px,calc(100vw - 30px)); margin:0 auto; padding:10px; position:relative; z-index:auto; overflow:visible; box-sizing:border-box;}

#specialRow_02 .circleArea .circle-1{width:min(450px, calc(100vw - 50px)); height:min(450px, calc(100vw - 50px)); 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:20px; height:20px; background:#D1E1FF; opacity:0.5; border-radius:50%; left:calc(50% - 10px); position:absolute; top:-10px; }
#specialRow_02 .circleArea .circle-2{width:min(410px,calc(100vw - 90px)); height:min(410px,calc(100vw - 90px)); background:#f9f9f9; position:absolute; z-index:auto; border-radius:50%; left:30px; top:30px; }
#specialRow_02 .circleArea .circle-2::before{content:"";display:block;width: min(340px,calc(100vw - 160px));height: min(340px,calc(100vw - 160px));position:absolute;background:#fff;border-radius:50%;border:1px solid rgba(41,82,169,0.1);box-sizing:border-box;left: 35px;top: 35px;}
#specialRow_02 .circleArea .circle-2::after{content:"";display:block;width:min(330px,calc(100vw - 170px));height:min(330px,calc(100vw - 170px));position:absolute;background:#fff;border-radius:50%;border:1px solid rgba(41,82,169,0.1);box-sizing:border-box;left: 40px;top: 40px;}
#specialRow_02 .circleArea .circle-3{width:min(300px, calc(100vw - 200px)); height:min(300px, calc(100vw - 200px)); box-sizing:border-box; border:1px dashed #2675E8; border-radius:50%; position:absolute; z-index:auto; left:85px; top:85px; background:#EFF7FF; animation: circle-reverse 80s linear infinite;}
#specialRow_02 .circleArea .circle-3::after{content:""; display:block; width:20px; height:20px; background:#D1E1FF; opacity:0.5; border-radius:50%; left:calc(50% - 10px); position:absolute; top:-10px; 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:min(450px, calc(100vw - 50px)); height:min(450px, calc(100vw - 50px)); position:absolute; left:10px; top:10px; z-index:auto; }
#specialRow_02 .titleArea .icons{width:min(450px, calc(100vw - 50px)); height:min(450px, calc(100vw - 50px)); position:absolute; left:0px; top:0px; background:url(../img/icons-question.png) 50% 50% no-repeat; z-index:1; background-size:100% auto;}
#specialRow_02 .titleArea .title{width:min(298px, calc(100vw - 202px));height:min(298px, calc(100vw - 202px));background: url(../img/icon-02.png) 50% 10% no-repeat;background-size: 60% auto;border-radius:50%;position:absolute;z-index:2;left: 76px;top: 76px;font-size: 20px;color:#013A8D;font-weight:bold;line-height: 30px;box-sizing:border-box;padding: 26% 20px 0px 20px;text-align:center;text-wrap: balance;}
#specialRow_02 .listArea li{position:absolute; width:min(50px,10vw); height:min(50px,10vw); padding-top:15px; box-sizing:content-box; z-index:10; }
#specialRow_02 .listArea li .icon{width:min(50px,10vw);height:min(50px,10vw);box-sizing:border-box;border: min(8px, 1.6vw) solid #EFF7FF;border-radius:50%;background:url(../img/icon-03.png) 50% 50% no-repeat #2B6BCE;background-size: 75% auto;box-shadow:0 0 10px 0 rgba(90,154,248,0.5);transition: all ease 0.3s;}
#specialRow_02 .listArea li .title{font-size:14px;line-height:1.6;width:min(200px,40vw);flex-shrink:0;flex-grow:1;padding: 10px 10px;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:absolute;bottom:100%}
#specialRow_02 .listArea li .title::after{content:"";display:block;width:0px;height:0px;border:5px solid #2B6BCE;border-left-color:transparent;border-right-color:transparent;left: 41px;bottom: -10px;position:absolute;border-bottom-color:transparent;}
#specialRow_02 .listArea li.li1{left: 8%;top: 25%;}
#specialRow_02 .listArea li.li1 .title{left:-26px;}
#specialRow_02 .listArea li.li2{left: 25%;top: 79%;padding-top:0px;padding-bottom:15px;}
#specialRow_02 .listArea li.li2 .title{left:-85px; bottom:auto; top:100%; }
#specialRow_02 .listArea li.li2 .title::after{bottom:auto;top:-10px;border-top-color:transparent;border-bottom-color:#2B6BCE;left: 99px;}
#specialRow_02 .listArea li.li3{right: 24%;top: 7%;}
#specialRow_02 .listArea li.li3 .title{right:-82px;}
#specialRow_02 .listArea li.li3 .title::after{left:auto; right:98px}
#specialRow_02 .listArea li.li4{right: 10%;left:auto;top: 60%;padding-top:0px;padding-bottom:15px;}
#specialRow_02 .listArea li.li4 .title{right:-34px; bottom:auto; top:100%; }
#specialRow_02 .listArea li.li4 .title::after{bottom:auto;top:-10px;border-top-color:transparent;border-bottom-color:#2B6BCE;left: 99px;}
#specialRow_02 .listArea li.li2 .icon{background-image:url(../img/icon-04.png)}
#specialRow_02 .listArea li.li4 .icon{background-image:url(../img/icon-05.png)}
#specialRow_02 .listArea li.li5 .icon{background-image:url(../img/icon-06.png)}
#specialRow_02 .intro{font-size:16px; line-height:2; width:100%; 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; background-size:cover; padding:40px 15px;}
#specialRow_03 .hd{padding-bottom:20px; border-bottom:1px solid #063C87; position:relative; margin-bottom:20px;}
#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:20px;font-weight:bold;text-align:center;line-height:2;color:#ffffff; text-wrap: balance;}
#specialRow_03 .hd h3 a{color:#fff;}
#specialRow_03 .bd .intro{color:#fff; line-height:2; width:100%; 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; flex-direction:column; align-items:center; }
#specialRow_04 .rBd .pic{flex-shrink:0; order:2; width:80%;}
#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:100%; font-size:16px; line-height:2; margin-bottom:30px;}
#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:left; margin-bottom:20px; text-indent:2em;}
#specialRow_05 .solution-institution{background-position: 50% 40px;}
#specialRow_05 .solution-institution .sRow-title{font-size:20px; color:#1843A5}
#specialRow_05 .solution-institution .pics{margin-bottom:40px;}
#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 20px;min-height: auto;}
#specialRow_05 .solution-institution .sRow-con .bg{width:min(300px,60vw); height:min(200px,40vw); background:#eef5fd; left:min(100px,20vw); top:15px; bottom:auto; border-radius:10px;}
#specialRow_05 .solution-institution .sRow-con .bg::after{display:none;}
#specialRow_05 .solution-institution .sRow-con .con-intro{text-align:left; text-indent:2em}

/* 相关技术支撑功能模块 */
#technicalSupport { background: #F8F9FF;}
.techSupportList { padding: 0 10px;}
.lxss { margin: 0; padding: 20px 10px; display: flex; align-items: center; justify-content: center;}
.lxss a { float: none; width: auto; padding: 0px 20px 0px 50px; margin: 0 10px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 14px; display: block; text-indent: 0px; background-size: 20px auto; background-position: 20px center; background-color: #368C4F}
.lxss a.sq { text-indent: 0px; background-size: 20px auto; background-position: 20px center; background-color: #2C5DDF}
.lxss a, .lxss a.sq { background-color: #2C5DDF}
.lxss a:hover { background-color: #2C5DDF}

/* 解决方案 - 安全检测和定向渗透攻击测试 */
#specialRow_06{background:url(../img/row-06-bg.jpg) 50% 50% ;}
#specialRow_06 .solution-attackTesting{height:min(475px,95vw); background:none; padding-top:min(25px,5vw)}
#specialRow_06 .solution-attackTesting .bg-round{width:min(400px, 80vw);height:min(400px, 80vw);top:min(50px, 10vw);border:none;left:min(50px, 10vw);bottom:auto;padding-top: min(60px, 12vw);letter-spacing: 0.1em; transform:scale(1);}
#specialRow_06 .solution-attackTesting .bg-round::before{width:min(400px, 80vw); height:min(400px, 80vw); 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:min(350px, 70vw); height:min(350px, 70vw); left:min(25px, 5vw); top:min(25px, 5vw); border:1px dashed rgba(255,255,255,0.8); animation: circle-reverse 80s linear infinite;}
#specialRow_06 .solution-attackTesting .list{width:min(500px, 100vw); height:min(450px, 90vw); position:relative; left:auto; top:auto; right:auto; bottom:auto; margin:0 auto;  transform:scale(1)}
#specialRow_06 .solution-attackTesting .list li{width:60px; height:60px; border:none; border-radius:30px; box-sizing:border-box; padding:0px; font-size:12px; right:auto; top:auto}
#specialRow_06 .solution-attackTesting .list li::after{display:none;}
#specialRow_06 .solution-attackTesting .list li span{width:60px; height:60px; border:none; border-radius:30px; box-sizing:border-box; padding:0px; line-height:60px; text-align:center;  transition:0.5s; display:block;}
#specialRow_06 .solution-attackTesting .list li span::before{content:""; display:block; width:50px; height:50px; position:absolute; left:5px; top:5px; 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:60px; height:60px; 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{bottom: min(75px, 15vw);left:min(60px, 12vw);}
#specialRow_06 .solution-attackTesting .list li.li2{left: min(25px, 5vw);bottom: min(170px, 34vw);}
#specialRow_06 .solution-attackTesting .list li.li3{top: min(90px,18vw);left: min(45px, 9vw);}
#specialRow_06 .solution-attackTesting .list li.li4{left: min(135px, 27vw);top: min(10px, 2vw);}
#specialRow_06 .solution-attackTesting .list li.li5{bottom: min(20px, 4vw);width:min(330px, 66vw);height:34px;left:min(85px, 17vw)}
#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; width:min(330px, 66vw); height:34px;}
#specialRow_06 .solution-attackTesting .list li.li5 svg.svg-rect rect{width:min(328px, calc(66vw - 2px)); height:32px; rx:17px;}
#specialRow_06 .solution-attackTesting .list li.li6{right: min(135px, 27vw);top: min(10px, 2vw);left:auto;}
#specialRow_06 .solution-attackTesting .list li.li7{top: min(90px, 18vw);right: min(45px, 9vw);left:auto;}
#specialRow_06 .solution-attackTesting .list li.li8{right: min(25px, 5vw);bottom:min(170px, 34vw);left:auto}
#specialRow_06 .solution-attackTesting .list li.li9{bottom: min(75px, 15vw);right: min(60px, 12vw);left:auto;}

#specialRow_06 .solution-attackTesting .list li.li1 span{line-height:16px ;padding: 14px 10px; white-space: normal; animation-delay: 400ms;}
#specialRow_06 .solution-attackTesting .list li.li3 span{line-height:16px ;padding: 14px 15px; 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:34px; width:min(330px, 66vw); line-height:34px; text-align:center; animation:none;}
#specialRow_06 .solution-attackTesting .list li.li5 span::before{width:min(318px, calc(66vw - 12px)); height:24px; border-radius:12px; border-width:2px; left:5px; top:5px;}
#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:50px;height:50px;background:url(../img/icon-08.png) 0 0 no-repeat;background-size:100% auto;margin-bottom: 18px;}
#specialRow_06 .solution-attackTesting .bg-round .txt-en{font-size: 14px; line-height:1.6;}
#specialRow_06 .solution-attackTesting .bg-round .txt-cn_1{font-size:14px; line-height:1.6;}
#specialRow_06 .solution-attackTesting .bg-round .txt-cn_2{font-size:14px; line-height:1.6;}

/* 解决方案 - 专业安全检测工具 */
#specialRow_07{padding:30px 15px;}
#specialRow_07 .solution-testingTools{width:100%; margin:0 auto; position:relative;}
#specialRow_07 .solution-testingTools .sRow-title{font-size:20px; color:#1843A5; margin-bottom:30px; text-wrap: balance;}
#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:20px;display:flex;flex-wrap:wrap;justify-content:space-between;grid-gap: 0;}
#specialRow_07 .solution-testingTools .list li{border-radius:50%;width:min(220px, 44vw);height:min(220px, 44vw);padding-top: 30px;box-shadow: 0 0 20px rgba(43, 107, 206, 0.2);transition:0.5s;position:relative;top:0;box-sizing:border-box;margin-bottom:min(20px,4vw)}
#specialRow_07 .solution-testingTools .list li .icon{width:min(70px, 14vw); height:min(70px, 14vw); margin-bottom:10px; background-size:100% auto; }
#specialRow_07 .solution-testingTools .list li .title{padding:0 30px; line-height:1.6; font-size:14px;}
#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_07 .solution-testingTools .sRow-con .con-intro{ background:linear-gradient(to bottom, #3B6CE4, #214E97); }

@media (max-width: 370px) {
    #specialRow_07 .solution-testingTools .list li .title{font-size:12px; padding:0 20px;}
}

/* 安全等保认证 */
#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:50px; padding-bottom:30px;}
#specialRow_08 .siteWidth{display:flex; flex-direction:column; align-items:center;}
#specialRow_08 .security-authentication{width:250px; height:250px; flex-shrink:0; border:2px solid #fff; border-radius:50%; box-sizing:border-box; padding-top:40px; position:relative; margin-bottom:30px;}
#specialRow_08 .security-authentication::after{content:""; display:block; width:230px; height:230px; border:1px dashed #fff; border-radius:50%; position:absolute; left:8px; top:8px; box-sizing:border-box;}
#specialRow_08 .security-authentication .icon{width:68px; height:68px; 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:18px; text-align:center; color:#fff; line-height:1.6; margin-bottom:5px; position:relative; z-index:1;}
#specialRow_08 .security-authentication .t2{font-size:20px; text-align:center; color:#fff; line-height:1.6; font-weight:bold; position:relative; z-index:1;}
#specialRow_08 .security-card-1{width:280px; box-sizing:border-box; height:auto;  position:relative; z-index:0; font-size:18px; line-height:36px; color:#fff; padding:28px 10px 0; flex-shrink:0; text-align:center; margin-bottom:30px;}
#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 bottom, rgba(0,0,0,1) 0%, transparent 100%);}
#specialRow_08 .security-card-2,
#specialRow_08 .security-card-3{height:auto; width:280px; border:1px solid #fff; border-radius:10px; font-size:16px; line-height:30px; color:#fff; box-sizing:border-box; padding:20px; text-align:center;}
#specialRow_08 .security-card-2{margin-bottom:30px;}
#specialRow_08 .security-card-2 .tit,
#specialRow_08 .security-card-3 .tit{font-size:20px; margin-bottom:8px; font-weight:bold;}

/* specialRow_09 */
#specialRow_09{    padding: 25px 10px;position:relative;}
#specialRow_09 .solution-safetyProtection{width:auto; margin:0 15px; background:#fff; box-shadow:0 0 20px rgba(0,27,89,0.2); border-radius:10px; position:relative; z-index:2}
#specialRow_09 .solution-safetyProtection .sRow-title{height: 76px;background: radial-gradient(50.16% 82.76% at 50.86% 78.48%, #5099EF 0%, #284DA9 100%);border-radius:10px 10px 0 0;position:relative;padding-right: 89px;padding-top: 10px;box-sizing:border-box;margin-bottom:0}
#specialRow_09 .solution-safetyProtection .sRow-title::after{width:80px;height:80px;content:"";display:block;position:absolute;background:url(../img/icon-13.png) 0 0 no-repeat;background-size:100% auto;right: 15px;top: 1px;}
#specialRow_09 .solution-safetyProtection .sRow-title .tit{width: 217px;line-height:24px;font-size: 12px;color:#fff;float:right;}
#specialRow_09 .solution-safetyProtection .sRow-title .tit .num{font-size: 24px;}
#specialRow_09 .solution-safetyProtection .protectionList li{background: url(../img/icon-14.png) 0px 4px no-repeat;background-size:18px auto;}
#specialRow_09 .solution-defenseSystem{width:auto; margin:-130px auto 0px;padding: 154px 15px 90px;position:relative;  background:url(../img/row-09-bg.jpg) 50% 50% repeat-x; background-size:cover;}
#specialRow_09 .solution-defenseSystem::after{content:""; position:absolute; top:140px; right:15px; bottom:65px; left:15px; 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:30px;}
#specialRow_09 .solution-defenseSystem .sRow-intro{color:#fff; font-size:16px; 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:20px}
#specialRow_09 .solution-defenseSystem .list{ margin-bottom:15px;}
#specialRow_09 .solution-defenseSystem .list li{width:48%; 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:16px; 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:16px;margin:0 auto;padding-top:0px;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:10px;}
#specialRow_09 .solution-defenseSystem .sRow-more a{color:#fff; font-size:16px; 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; top:0px; 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:auto; margin:0 auto 20px;}
#specialRow_10 .solution-ITAI .sRow-bg::after{display:none;}
#specialRow_10 .solution-ITAI .list{padding-top:0px; justify-content:center }
#specialRow_10 .solution-ITAI .list li{width:44%; margin:0 3%}
#specialRow_10 .solution-ITAI .list li:nth-of-type(even){margin-top:40px;}
#specialRow_10 .solution-ITAI .list li .con{display:flex; flex-direction:column-reverse; align-items:center; padding-bottom:58px; background:url(../img/list-bg.png) 50% 100% no-repeat; background-size:100% auto; animation: float 4s infinite;}
#specialRow_10 .solution-ITAI .list li .pic{margin:0px;width:80%; height:auto;}
#specialRow_10 .solution-ITAI .list li .pic img{width:100%; height:auto; transition: all ease 0.6s;}
#specialRow_10 .solution-ITAI .list li .title{color:#103DB5; margin-bottom:5px; line-height:1.6;}
#specialRow_10 .solution-ITAI .list li .title span{display:inline-block; position:relative; padding:0 10px;}
#specialRow_10 .solution-ITAI .list li .title span::before,
#specialRow_10 .solution-ITAI .list li .title span::after{content:""; display:block; width:15px; height:5px; background:url(../img/icon-15.png) 0 0 no-repeat; background-size:100% auto; position:absolute; top:11px; left:-10px;}
#specialRow_10 .solution-ITAI .list li .title span::after{left:auto; right:-10px; 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 .solution-mobileDevices .sRow-pic{background:none; margin-bottom:0px;}
#specialRow_11 .solution-mobileDevices .sRow-pic-img{background-size:100% auto; background-image:url(../img/pic-mobiledevices.jpg); background-color:transparent; height:250px;}
#specialRow_11 .mobileList { padding: 25px 10px 30px; display: flex; flex-wrap: wrap; row-gap: 20px; justify-content: center; }
#specialRow_11 .mobileList li { width: 100%; }
#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: 8px; text-align: center; }
#specialRow_11 .mobileList .title span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 35px; padding: 0 32px; 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 .siteWidth{position:relative; z-index:1}
#specialRow_12 .rowBox{padding-bottom:50px;}
#specialRow_12 .indTabBox{position:relative;}
#specialRow_12 .tBd{padding-right:0;}
#specialRow_12 .tBd .pic{width:auto; margin:0 auto;}
#specialRow_12 .tBd .pic img{width:100%; height:auto;}
#specialRow_12 .tIntro{width:auto; padding-top:20px;}
#specialRow_12 .tIntro .intro{font-size:16px; line-height:2; text-indent:2em; margin-bottom:20px;}
#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:30px 15px; }
.solution-platforms .sBox .sHd{margin-bottom:30px; 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 5px; font-size:24px;  }
.solution-platforms .sBox .sHd h3::after{display:none}
.solution-platforms .sBox .sHd .i-lg{width:12px; height:12px; display:block; margin:0px; padding:0px; overflow:hidden; background:linear-gradient(to right, #0070FF, #6AB9FF); transform:rotate(45deg); margin:0 4px; flex-shrink:0;}
.solution-platforms .sBox .sHd .i-xs{width:8px; height:8px; display:block; margin:0px; padding:0px; overflow:hidden; background:rgba(59,108,228,0.5); transform:rotate(45deg); margin:0 4px; flex-shrink:0; }
.solution-platforms .platforms-flex{padding-bottom:0px;}
.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:0px;}
#specialRow_13 .siteWidth{position:relative; z-index:1}
#specialRow_13 .rowBox .rHd h3{color:#fff;}
#specialRow_13 .row-intro{width:100%; margin:0 auto; text-align:justify; text-indent:2em; color:#ffffff; line-height:2; font-size:16px; margin-bottom:30px;}
#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: block; }
.systemList li{padding:15px 15px 30px; background:#fff linear-gradient(to bottom, #FFFFFF, #F8FAFF); border-radius:10px; box-shadow:0 0 15px rgba(59,144,229,0.25); margin-bottom:30px; }
.systemList li .pic{flex-shrink:0; margin:0 auto; width:60%;}
.systemList li .con{text-align:left; min-height:100%; margin-bottom:30px;}
.systemList li .title{height:40px; line-height:40px; font-size:24px; font-weight:bold; padding-left:20px; color:#205AAD; background:url(../img/title-hg.png) 0 0 no-repeat; background-size:auto 100%;  margin-bottom:10px;}
.systemList li .intro{font-size:16px; line-height:2; margin-bottom:20px; 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; text-align:center;}
.systemList li .more a{display:inline-block; line-height:38px; text-align:center; padding:0 30px; background:#F1F3FA; color:#007AFF; border-radius:19px; transition:0.5s;}
.systemList li .more a:hover{background:#007AFF; color:#fff;}
.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:18px; font-weight:bold; text-align:center; color:#103DB5; line-height:2; text-wrap: balance; }
#specialRow_14 .row-intro{font-size:16px; color:#333333; line-height:2; text-align:center; margin-bottom:30px; text-wrap: balance;}
#specialRow_14 .caseList ul{ margin:0 auto; }
#specialRow_14 .caseList li{width:100%; height:auto; background:#fff; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.15); margin-bottom:20px; position:relative; box-sizing:border-box; padding:20px 20px 80px;}
#specialRow_14 .caseList li .pic{width:100%; height:auto; margin:0 auto 10px; 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:16px; 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;}

/* solutionSafety-06 */
.solutionSafety-06{background-image:url(../img/row-15-bg.jpg);}
.solutionSafety-06 .row{margin:0px; padding:20px 0;}

/* 长者版 */
.logo-box { position: absolute; top: 30px; z-index: 2; display: none; height: 50px; align-items: center; justify-content: space-between;}
.logo-box .logo { display: block; width: 300px; height: 62.49px;}
.logo-box .logo img { height: 100%; width: auto;}
.logo-box .links { height: 36px; min-width: 0; flex: 1 0 0%;}
.logo-box .links a { height: 36px; background-color:rgba(59,108,228,0.4); border-radius: 18px; line-height: 36px; text-align: center; color: #ffffff; 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(59,108,228,1);}
.body_webFree #header{}
.body_webFree .pageBanner { display: none;}
.body_webFree .logo-box { zoom: 1.4; display: flex;}
.body_webFree .logo-box .links { position: relative; right: -54px;}
.body_webFree .special-header{height:auto;}
.body_webFree .special-header .siteWidth{height:848px; padding-top:220px;}
.body_webFree .special-header .special-header-title_en{font-size:48px;  height:64px; line-height:64px; text-shadow:0 2px 2px rgba(0,0,0,0.25); margin-bottom:10px; }
.body_webFree .special-header .special-header-title_cn{ text-align:center; font-size:72px; height:96px; line-height:96px; text-shadow:0 2px 6px rgba(0,0,0,0.25); margin-bottom:20px;}
.body_webFree .special-header .special-header-slogan{width: 1200px;margin:0 auto;font-size:28px;line-height:2;text-align:center;}
.body_webFree .special-intro{padding-top:30px;}
.body_webFree .special-intro .con{width:1200px; margin:0 auto; font-size:38px; line-height:2; padding:50px; box-sizing:border-box;}

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