@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-industry{overflow:hidden;font-size:16px;}

/* 头部 */
.special-header{position:relative;z-index:1; margin:0 auto; overflow:hidden;background:url(../img/banner.jpg) 50% 100% no-repeat #4161e2; background-size:cover}
.special-header .siteWidth{ height: 730px; position:relative; z-index:5; box-sizing:border-box; padding-top:205px;}
.special-header .logo{position:absolute; left:0px; top:41px; height:50px;}
.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:34px; border-radius: 18px;line-height: 34px; border:1px solid #fff; text-align: center; background-color:transparent; color: #fff;font-size: 16px; float:left; padding:0 1.5em; box-shadow: 0 2px 4px rgb(0 0 0 / 15%); margin-left:10px; box-sizing:content-box; }
.special-header .links a:hover {background-color:#ffffff; color:#1258D9; }
.special-header .special-header-title{text-align:left; font-size:90px; font-weight:bold; color:#fff; height:auto; line-height:1.4; text-shadow:0 0px 20px rgba(0,0,0,0.15); }
.special-header .special-header-subtitle{text-align:left; font-size:90px; font-weight:bold; color:#FCC80C; height:auto; line-height:1.4; text-shadow:0 0px 20px rgba(0,0,0,0.15); margin-bottom:30px;}
.special-header .special-header-slogan{ font-size:24px; line-height:32px; color:#fff; text-align:left;}
.special-header .special-pic{position:absolute; top:168px; right:0px; width:628px;}
.special-header .special-pic img{width:100%; height:auto;}

/* 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-top:0px;}

/* rowBox */
.rowBox{padding:50px 0px 30px;}
.rowBox .rHd{display:flex; justify-content:center; align-items:center; margin-bottom:40px;}
.rowBox .rHd h3{font-size:40px; font-weight:bold; color:#405EE0; line-height:54px;padding:0 30px;}
.rowBox .rHd .rHd-decorate{width:390px; height:12px; box-sizing:border-box; border-bottom:1px solid #D9D9D9; position:relative; flex-shrink:0}
.rowBox .rHd .rHd-decorate::before{content:""; display:block; width:calc(100% - 40px); height:1px; background:#D9D9D9; right:-3px; position:absolute; top:0px; }
.rowBox .rHd .rHd-decorate::after{content:""; display:block; width:1px; height:34px; background:#D9D9D9; position:absolute; right:-2px;transform:skewX(-20deg); top:-11px;}
.rowBox .rHd .rHd-decorate_right{transform:rotateY(180deg);}


/* 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) 50% 100% no-repeat; background-size:cover;}
#specialRow_01 .rHd{margin-bottom:10px;}
#specialRow_01 .siteWidth{position:relative; z-index:1;}
#specialRow_01 .rBd{display:flex; align-items:center}
#specialRow_01 .rBd .pic{margin-right: 45px;flex-shrink:0; }
#specialRow_01 .rBd .pic span{width:278px; height:auto; display:block; }
#specialRow_01 .rBd .pic img{width:100%; height:auto;}
#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 */
.advantageList{display: flex;justify-content: space-between;flex-wrap: wrap;}
.advantageList li{width: 620px;border: 1px solid #D6E3EE;padding: 40px 30px 0;position: relative;border-radius: 10px;background: linear-gradient(to bottom,#F3F8FF,#fff);box-shadow: 4px 4px 0px 0 #F3F8FF;margin-bottom: 40px;}
.advantageList li .num_img{position: absolute;top: 35px;left: 14px;}
.advantageList li h3{text-indent: 35px;line-height: 60px;text-align: left;font-size: 24px;font-weight: 700;color: #1B7BFF;margin-bottom: 30px;position: relative;}
.advantageList li .con{display: flex;justify-content: space-between;}
.advantageList li .con p{width: 400px;margin: auto 0;font-size: 16px;line-height: 32px;text-indent: 2em;text-align: justify;}
.advantageList li .con img{margin: auto 0;}
.advantageList .li1{height: 275px;}
.advantageList .li2{height: 322px;}
.advantageList .li3{height: 300px;}
.advantageList .li4{height: 330px;}
.advantageList .li1 .num_img.first_img{left: 16px;top: 5px;}

/* specialRow_03 */
#specialRow_03{position:relative; background:url(../img/bg-02.jpg) 50% 0 no-repeat; background-size:100% auto;}
#specialRow_03 .rowBox .rHd h3{color:#fff;}
#specialRow_03 .rowBox .rHd .rHd-decorate{opacity:0.3}
#specialRow_03 .solution-mobileDevices .sRow-intro{width:1300px; color:#fff;}
#specialRow_03 .solution-mobileDevices .sRow-pic{background-color:#F9FBFE; box-shadow:0 4px 25px 2px rgba(159,184,235,0.21)}
#specialRow_03 .devicesIntro{height:100px; line-height:100px; background:#4A6EEC; color:#fff; width:1040px; box-sizing:border-box; padding-left:60px; border-radius:10px 100px 10px 10px; font-size:18px; position:relative; z-index:2;}
#specialRow_03 .mobileList{background:#F9FBFE; padding:130px 50px 50px; display:flex; justify-content:space-between; position:relative; z-index:0; margin-top:-50px; overflow:hidden;}
#specialRow_03 .mobileList li{text-align:center;}
#specialRow_03 .mobileList li .pic{max-width:600px; height:340px;}

/* specialRow_04 */
#specialRow_04{background:linear-gradient(to bottom, #5A88FD, #3650D8)}
#specialRow_04 .rowBox .rHd h3{color:#fff;}
#specialRow_04 .rowBox .rHd .rHd-decorate{opacity:0.3}
#specialRow_04 .row-flex{display:flex; justify-content:space-between; align-items:center;}
#specialRow_04 .row-flex .pic{margin-left:100px; flex-shrink:0; }
#specialRow_04 .row-flex .pic span{animation: float 4s infinite; display:block;}
#specialRow_04 .row-flex .pic img{width:367px; height:auto;}
#specialRow_04 .row-flex .con{color:#fff; text-align:center}
#specialRow_04 .row-flex .con .intro{margin-bottom:50px;}
#specialRow_04 .row-flex .con .more a{display:inline-block; line-height:50px; font-size:16px; border:1px solid #ffffff; padding:0 30px; border-radius:26px; color:#fff; transition:0.5s;}
#specialRow_04 .row-flex .con .more a:hover{background-color:rgba(255,255,255,0.2)}

/* specialRow_05 */
#specialRow_05{background:#ffffff}
#specialRow_05 .row-flex{display:flex; justify-content:space-between; align-items:center;}
#specialRow_05 .row-flex .pic{margin-right:100px; flex-shrink:0; }
#specialRow_05 .row-flex .pic span{animation: float 4s infinite; display:block;}
#specialRow_05 .row-flex .pic img{width:300px; height:auto;}
#specialRow_05 .row-flex .con{text-align:center}
#specialRow_05 .row-flex .con .intro{margin-bottom:50px;}
#specialRow_05 .row-flex .con .more a{display:inline-block; line-height:50px; font-size:16px; border:1px solid #3754D9; padding:0 30px; border-radius:26px; color:#3754D9; transition:0.5s;}
#specialRow_05 .row-flex .con .more a:hover{background-color:#4A6EEC; color:#fff; border-color:#4A6EEC;}

/* specialRow_06 */
#specialRow_06{position:relative; background:url(../img/bg-02.jpg) 50% 0 no-repeat; background-size:100% auto;}
#specialRow_06 .rowBox .rHd h3{color:#fff;}
#specialRow_06 .rowBox .rHd .rHd-decorate{opacity:0.3; width:260px;}
#specialRow_06 .row-intro{width:1300px; margin:0 auto; text-indent:2em; font-size:16px; color:#fff; line-height:2; margin-bottom:40px;}
.systemList{display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 35px;}
.systemList li{padding:40px;background: #fff linear-gradient(to bottom, #ffffff, rgba(234,243,255,0.43));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{min-height:100%;display: flex;    flex-direction: column;    justify-content: space-around;}
.systemList li .title{height:42px; line-height:42px; font-size:32px; font-weight:bold; padding-left:24px; color:#333333; margin-bottom:20px; text-align:left;text-wrap: nowrap;}
.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; }
.systemList li .more a{display:inline-block; height:46px; line-height:46px; text-align:center; padding:0 30px; background:#F1F3FA; color:#3754D9; border-radius:23px; transition:0.5s;}
.systemList li .more a:hover{background:#3754D9; color:#fff;}
.systemList li.li1{grid-column-start:span 2}
.systemList li.li1 .pic,.systemList li.li5 .pic{margin:0 50px;}
.systemList li .pic img{max-height:200px;}

/* specialRow_07 */
#specialRow_07 .row-intro{width:1300px; margin:0 auto;  text-indent:2em;  font-size:16px;  line-height:2; margin-bottom:40px;}
#specialRow_07 .solution-institution .sRow-con .bg::after{background: linear-gradient(to bottom, rgba(0,150,249,0), rgba(0,141,234,0.2)); border-radius:10px;}

/* specialRow_08 */
#specialRow_08{background:url(../img/solution-attackTesting-bg.jpg) 50% 50% ;}
#specialRow_08 .solution-attackTesting{height:600px; background:none}
#specialRow_08 .solution-attackTesting .bg-round{width:600px; height:600px; top:0px; border:none; left:calc(50% - 300px); padding-top:110px;letter-spacing: 0.1em; }
#specialRow_08 .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_08 .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_08 .solution-attackTesting .list{width:1400px; height:600px; position:relative; left:auto; top:auto; right:auto; bottom:auto; margin:0 auto;}
#specialRow_08 .solution-attackTesting .list li{width:120px; height:120px; border:none; border-radius:60px; box-sizing:border-box; padding:0px; font-size:24px;}
#specialRow_08 .solution-attackTesting .list li::after{display:none;}
#specialRow_08 .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_08 .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_08 .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_08 .solution-attackTesting .list li.li1{ top:413px; right:auto; left:160px; }
#specialRow_08 .solution-attackTesting .list li.li2{left:0px; top:303px;}
#specialRow_08 .solution-attackTesting .list li.li3{ top:167px; right:auto; left:160px;}
#specialRow_08 .solution-attackTesting .list li.li4{left:300px; top:37px;}
#specialRow_08 .solution-attackTesting .list li.li5{ top:479px; left:calc(50% - 244px);height:68px; width:488px; }
#specialRow_08 .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_08 .solution-attackTesting .list li.li6{left:1120px; top:413px;}
#specialRow_08 .solution-attackTesting .list li.li7{left:1120px; top:167px;}
#specialRow_08 .solution-attackTesting .list li.li8{left:1280px; top:303px;}
#specialRow_08 .solution-attackTesting .list li.li9{left:980px; top:37px;}

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

/* 解决方案 - 专业安全检测工具 */
#specialRow_09{padding:100px 0px;}
#specialRow_09 .solution-testingTools{width:1400px; margin:0 auto; position:relative;}
#specialRow_09 .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_09 .solution-testingTools .sRow-title{font-size:32px; color:#1843A5; margin-bottom:60px;}
#specialRow_09 .solution-testingTools .sRow-con{display:flex; flex-direction:column; padding:0px; background:none; position:relative; z-index:2}
#specialRow_09 .solution-testingTools .sRow-con .con-intro{order:2}
#specialRow_09 .solution-testingTools .list{margin-bottom:36px;}
#specialRow_09 .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_09 .solution-testingTools .list li .icon{width:90px; height:90px; margin-bottom:10px; }
#specialRow_09 .solution-testingTools .list li .title{padding:0 30px; line-height:24px; font-size:16px;}
#specialRow_09 .solution-testingTools .list li.li1 .icon{background-image:url(../img/icon-09.png)}
#specialRow_09 .solution-testingTools .list li.li2 .icon{background-image:url(../img/icon-10.png)}
#specialRow_09 .solution-testingTools .list li.li3 .icon{background-image:url(../img/icon-11.png)}
#specialRow_09 .solution-testingTools .list li.li4 .icon{background-image:url(../img/icon-12.png)}
#specialRow_09 .solution-testingTools .list li:hover{top:-5px}

/* 安全等保认证 */
#specialRow_10{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_10 .siteWidth{display:flex; justify-content:space-between; align-items:center }
#specialRow_10 .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_10 .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_10 .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_10 .security-authentication .t1{font-size:24px; text-align:center; color:#fff; line-height:32px; margin-bottom:12px; position:relative; z-index:1;}
#specialRow_10 .security-authentication .t2{font-size:26px; text-align:center; color:#fff; line-height:34px; font-weight:bold; position:relative; z-index:1;}
#specialRow_10 .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_10 .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_10 .security-card-2,
#specialRow_10 .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_10 .security-card-2 .tit,
#specialRow_10 .security-card-3 .tit{font-size:28px; margin-bottom:8px; font-weight:bold;}

/* specialRow_11 */
#specialRow_11{padding:50px 0; position:relative;}
#specialRow_11 .solution-safetyProtection{width:1300px; margin:0 auto; background:#fff; box-shadow:0 0 20px rgba(0,27,89,0.2); border-radius:20px;}
#specialRow_11 .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_11 .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_11 .solution-safetyProtection .sRow-title .tit{width: 546px;line-height:48px;font-size:32px;color:#fff;float:right;}
#specialRow_11 .solution-safetyProtection .sRow-title .tit .num{font-size:50px}
#specialRow_11 .solution-safetyProtection .protectionList{grid-gap:40px 10px; margin-bottom:50px;}
#specialRow_11 .solution-safetyProtection .protectionList li{background: url(../img/icon-14.png) 0px 2px no-repeat;padding-left: 38px;}
#specialRow_11 .solution-defenseSystem{width:1300px;margin:0 auto;padding: 54px 0px 40px;position:relative}
#specialRow_11 .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_11 .solution-defenseSystem .sRow-title{color:#fff; font-size:40px;}
#specialRow_11 .solution-defenseSystem .sRow-intro{color:#fff; font-size:18px; line-height:1.8}
#specialRow_11 .solution-defenseSystem .sRow-intro .t1{font-size:22px; font-weight:bold;}
#specialRow_11 .solution-defenseSystem .sRow-card{padding: 10px 0 0; margin-bottom:0}
#specialRow_11 .solution-defenseSystem .sRow-card::before,
#specialRow_11 .solution-defenseSystem .sRow-card::after{display:none}
#specialRow_11 .solution-defenseSystem .sRow-card-tit{margin-bottom:45px}
#specialRow_11 .solution-defenseSystem .list{width:890px; margin-bottom:15px;}
#specialRow_11 .solution-defenseSystem .list li{width:200px; height:40px; padding:0px; background:transparent; border-radius:5px; transition:0.5s;  }
#specialRow_11 .solution-defenseSystem .list li::after{display:none;}
#specialRow_11 .solution-defenseSystem .list li .icon{display:none;}
#specialRow_11 .solution-defenseSystem .list li .title{display:block; height:38px; line-height:38px; color:#fff; font-size:18px; transition:0.5s; }
#specialRow_11 .solution-defenseSystem .list li:hover{background-color:#fff; color:#1843A5;}
#specialRow_11 .solution-defenseSystem .list li:hover .title{ color:#1843A5;}
#specialRow_11 .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_11 .solution-defenseSystem .sRow-more{position:absolute; left:0px; height:56px; right:0px; bottom:-70px;}
#specialRow_11 .solution-defenseSystem .sRow-more a{color:#fff; font-size:18px; text-decoration:underline;}
#specialRow_11 .solution-defenseSystem .sRow-more a:hover{color:#ffcc00}

/* specialRow_12 */
#specialRow_12{position:relative; background:url(../img/bg-03.jpg) 50% 50% no-repeat; background-size:cover;}
#specialRow_12 .solution-ITAI .list{position:relative; padding-bottom:40px; margin-bottom:50px;}
#specialRow_12 .solution-ITAI .list::after{content:""; display:block; width:1591px; height:104px; background:url(../img/bg-terrace.png) 50% 50% no-repeat; position:absolute; bottom:0px; left:-96px; z-index:0;}
#specialRow_12 .solution-ITAI .list li{position:relative; z-index:1}
#specialRow_12 .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_12 .solution-ITAI .list li .pic img{width:100%; height:auto;}
#specialRow_12 .solution-ITAI .list li .title{color:#333333; line-height:40px; height:40px; font-weight:normal}
#specialRow_12 .solution-ITAI .list li .title span{display:inline-block; position:relative;}
#specialRow_12 .solution-ITAI .list li .title span::before,
#specialRow_12 .solution-ITAI .list li .title span::after{content:""; display:block; width:20px; height:37px; background:url(../img/icon-01.png) 0 0 no-repeat; position:absolute; top:2px; left:-30px;}
#specialRow_12 .solution-ITAI .list li .title span::after{left:auto; right:-30px; transform:scaleX(-1)}
#specialRow_12 .solution-ITAI .tips{color:#7A7A7A}
#specialRow_12 .solution-ITAI .tips::before{content:"*"; color:#C7000B}
#specialRow_12 .solution-ITAI .tips a{color:#5A5A5A}
#specialRow_12 .solution-ITAI .tips a:hover{color:#007AFF}

/* specialRow_13 */
#specialRow_13{position:relative; background:url(../img/row-09-bg.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);}

/* 相关技术支撑功能模块 */
#technicalSupport .row{width:1400px; margin:0 auto;}
#technicalSupport .rowTi{display:flex; justify-content:center; align-items:center; margin-bottom:40px; height:auto; padding:0}
#technicalSupport .rowTi h2{color:#405EE0; line-height:54px;padding:0 30px;}
#technicalSupport .rowTi .rHd-decorate{width:390px; height:12px; box-sizing:border-box; border-bottom:1px solid #D9D9D9; position:relative; flex-shrink:0}
#technicalSupport .rowTi .rHd-decorate::before{content:""; display:block; width:calc(100% - 40px); height:1px; background:#D9D9D9; right:-3px; position:absolute; top:0px; }
#technicalSupport .rowTi .rHd-decorate::after{content:""; display:block; width:1px; height:34px; background:#D9D9D9; position:absolute; right:-2px;transform:skewX(-20deg); top:-11px;}
#technicalSupport .rowTi .rHd-decorate_right{transform:rotateY(180deg);}

.lxss .row{z-index:0; position:relative;}
.lxss a{position:relative; }
.lxss a,
.lxss a.sq{ background-color:#2C5DDF;}
.lxss a::after{content:""; position:absolute; left:0px; top:0; right:0; bottom:0; display:block; z-index:-1; border-radius:30px; transition:0.5s}
.lxss a:hover{background-color:#1843A5; box-shadow:none}

/* 模板 */
.platformList .pic span {display: block;width: 1400px;height: 650px; animation: float 4s infinite;}
.platformList .pic span.cp01{background: url(../../products/img/jjfa-cp08.jpg) no-repeat center;background-size: 100%;}
.platformList .pic span.cpmb{background: url(../../products/img/jjfa-cpmb.jpg) no-repeat top center;margin: 20px auto; border: #fff solid 40px;box-shadow: #ccc 0 0 20px;background-size: 100% auto;width: 1320px;height: 450px;border-radius: 10px;}
.platformList .row-intro p{text-indent:2em;text-align: left;padding-bottom:20px}

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


/* 基础应用 */
#jcyy {}
#moban {/* padding: 50px 0 0; */}
#jcyy .row .bd{width: 1400px; margin: auto; position: relative; }
.rowBox{}
.rowBox>.hd{line-height:48px;text-align: center;margin: 0 auto 30px;}
.rowBox>.hd h3{margin: auto 30px;font-size: 40px;font-weight: 700;display: flex;color: #405EE0;align-content: flex-start;justify-content: center;align-items: center;}
.rowBox>.hd h3 span{display:inline-block;padding:0 30px;}
.rowBox>.hd h3::before,.rowBox>.hd h3::after{content:"";display:block;width: 400px;height: 10px;border-top: #ccc solid 1px;border-bottom: #ccc solid 1px;}
.rowBox>.hd h3 .line{display: 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%;}
}