@charset "utf-8";
/* CSS Document */
img { vertical-align: top; }
a { transition:all 0.5s;}
body{min-width: 1400px;background: #fff;}
.wrap { overflow: hidden; }
.clear{clear: both;}
#content{zoom: 1;width: 100%;}
.row{width: 1400px; margin: auto; position: relative;}  
.row:after { content:""; clear:both; display:block; overflow:hidden;} 
 
/*-- All --*/ 
body{color:#333;min-width: 1200px;}
.siteWidth {max-width: 1400px;min-width: 1200px;margin: 0 auto;text-align: left;position: relative;}
#header{}
#headerChannel{ position:relative; width:100%; height: 720px; background: url(images/banner.jpg) no-repeat center bottom; background-size: cover; overflow: hidden; }
#headerChannel .logo{display:block;float: left;overflow:visible;margin: 41px 0 100px;}
#headerChannel .logo img { width: 238px;height: 50px;} 
#headerChannel .links {height: 36px;position: absolute;top: 48px;right: 0;}
#headerChannel .links a { height:34px;background: none; border-radius: 18px;line-height: 34px;text-align: center;color: #fff;font-size: 16px; float:left; padding:0 1.5em;margin-left:10px;border: 1px solid #fff;}
#headerChannel .links a:hover { background: #005BD9;border-color: #005BD9;}

#headerChannel .con { position: absolute; left: 0; top: 250px; right: 0; line-height: 1.3; color: #fff; text-align: left;display: flex;justify-content: space-between;}
#headerChannel .con h1,#headerChannel .con h2 { font-size: 80px; font-weight: bold; line-height: 120px;}
#headerChannel .con h2{color: #F9D410;}
#headerChannel .con h3 { margin-bottom: 17px; font-size: 50px; font-weight: bold; }
#headerChannel .con .intro {font-size: 18px; color: #fff;line-height: 32px;margin: 14px 0 0 0;text-align: center;}
#headerChannel .con .intro span{margin-left: 20px;}
#headerChannel .con .left_box{margin: 0;text-align: center;width: 100%;}



/* new */
.flex_box{display: flex;justify-content: space-between;}
.pub_hd{height: 80px;display: block;margin-bottom: 30px;}
.pub_hd h3{height: 54px;line-height: 54px;font-size: 40px;font-weight: 700;color: #333;margin-bottom: 20px;text-align: center;}
.pub_hd .line_box{height: 5px;position: relative;width: 800px;margin: auto;}
.pub_hd .line_box .line{height: 1px;background-color: #1841B433;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.pub_hd .line_box em{display: block;width: 50px;height: 5px;background-color: #1841B4;margin: auto;position: relative;border-radius: 50px;}

.row .more{    text-align: center;}

.rowA{background: url(images/rowA_bg.jpg) top center no-repeat;padding-bottom: 80px;background-color: #eff6ff;}
.rowA .row1{margin-top: -50px;padding: 50px;box-shadow: 0 0 0 3px #2185F81A;border-radius: 20px;background-color: #fff;}
.rowA .row1 .text_box p{text-indent: 2em;line-height: 36px;font-size: 18px;text-align: left;}
.rowA .row2{padding: 50px 0 0;}
.rowA .row2 .pub_hd{margin-bottom: 110px;}
.rowA .row2 .flex_box li{width: 204px;padding: 100px 30px 0;height: 466px;border-radius: 20px;background-color: #fff;box-shadow: 0px 6px 0px 1px #2185F81A;position: relative;}
.rowA .row2 .flex_box li .round_box{width: 110px;height: 110px;border: 10px solid #eff6ff;border-radius: 50%;position: absolute;top: -60px;left: 0;right: 0;margin: auto;background: linear-gradient(to bottom,#1841B4,#22A7FF);display: flex;}
.rowA .row2 .flex_box li .round_box img{margin: auto;}
.rowA .row2 .flex_box li h3{font-size: 24px;line-height: 32px;font-weight: 700;text-align: left;margin-bottom: 20px;}
.rowA .row2 .flex_box li p{font-size: 16px;line-height: 32px;text-indent: 2em;text-align: justify;color: #666;}
.rowA .row2 .flex_box li:nth-child(2),.rowA .row2 .flex_box li:nth-child(4){margin-top: 50px;}

.rowB{padding: 50px 0 0;}
.rowB .solution-mobileDevices .sRow-intro{width: 100%;text-align: justify;text-indent: 2em;}
.rowB .solution-mobileDevices .sRow-pic{background-color: #fbfbfb;border-radius: 20px;}
.rowB .text_p{font-size: 16px;margin-bottom: 50px;text-align: center;}
.rowB .flex_box{flex-wrap: wrap;}
.rowB .flex_box li{width: 640px;margin: 0;}
.rowB .flex_box li img{display: block;margin: 0 auto 38px;}
.rowB .flex_box li p{width: 180px;height: 45px;line-height: 45px;margin: auto;border-radius: 60px;background-color: #1841B4;text-align: center;font-size: 16px;color: #fff;}
.rowB .flex_box li p:hover{background-color: #22A7FF;}

.rowC{background: #1841B4;padding: 80px 0;}
.rowC .pub_hd{margin-bottom: 50px;}
.rowC .pub_hd h3{color: #fff;}
.rowC .pub_hd .line_box .line{background-color: #ffffff3d;}
.rowC .pub_hd .line_box em{background-color: #fff;}
.rowC .pt_box{display: flex;justify-content: space-between;}
.rowC .pt_box .con{width: 933px;margin: auto 0;}
.rowC .pt_box .con .intro{line-height: 32px;text-align: justify;font-size: 16px;margin-bottom: 50px;text-indent: 2em;color: #fff;}
.rowC .pt_box .con .more a{line-height: 36px;border-radius: 50px;padding: 7px 20px;border: 1px solid #fff;color: #fff;display: inline-block;}
.rowC .pt_box .con .more a:hover{background-color: #22A7FF;color: #fff;border-color:#22A7FF}

.rowD{padding: 50px 0 0;}
.rowD .pub_hd{margin-bottom: 80px;}
.rowD .flex_box{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.rowD .flex_box li{width: calc(100% / 2 - 40px);/*定义子项宽度*/}
.rowD .flex_box li .title{display: flex;justify-content: space-between;height: 60px;/* overflow: hidden; */}
.rowD .flex_box li .title h3{width: 264px;height: 60px;line-height: 60px;border-radius: 0 20px 0 0;background: linear-gradient(to right,#22A7FF,#1841B4);text-align: center;font-size: 24px;color: #fff;font-weight: 700;}
.rowD .flex_box li .title img{position: relative;top: 10px;right: 10px;z-index: 2;}
.rowD .flex_box li .con{padding: 30px;height: 260px;background: linear-gradient(to right,#F4F9FF,#EFF6FF);border-radius: 0 20px 20px 20px;position: relative;/* z-index: -1; */margin-bottom: 20px;}
.rowD .flex_box li .con p{line-height: 32px;text-indent: 2em;text-align: justify;}
.rowD .flex_box li .con .more{width: 300px;height: 48px;line-height: 48px;display: block;position: absolute;left: 0;right: 0;bottom: 30px;margin: auto;border: 1px solid #1841B4;border-radius: 50px;}
.rowD .flex_box li .con .more a{font-size: 16px;color: #1841B4;}
.rowD .flex_box li .con .more:hover{background-color: #1841B4;}
.rowD .flex_box li .con .more:hover a{color: #fff;}

.rowE{padding: 50px 0 0;}
.rowE .pub_hd{margin-bottom: 30px;}
.rowE .order_p{line-height: 32px;font-size: 16px;margin-bottom: 50px;text-indent: 2em;}
.rowE .solution-institution .sRow-con .bg::after{border-radius: 20px;background: linear-gradient(to bottom, #1842b400, #1841B4);}

.rowF{background-color: #F8FAFA;padding: 50px 0 30px;}
.rowF .solution-testingTools .sRow-con{background: url(images/solution-testingtools-bg.png) 50% 0 no-repeat;}

.rowG .solution-attackTesting{background: url(images/solution-attackTesting-bg.jpg) 50% 50% no-repeat;}
.rowG .solution-attackTesting .bg-round .txt-en{color: transparent;}

.rowH{padding: 70px 0 50px;}
.rowH .solution-securityLevel .sRow-card{background: #E6F1FF;}
.rowH .solution-securityLevel .sRow-card .sRow-card_right{color: #1841B4;}
.rowH .solution-securityLevel .sRow-card::before {background:#1841B4;}

.rowI{position: relative;background: url(images/rowI_bg.jpg) center top no-repeat;padding: 50px 0;}
.rowI .solution-defenseSystem .sRow-card::before,.rowI .solution-defenseSystem .sRow-card::after{background: none;}
.rowI .solution-defenseSystem .list li.li1 .icon{background: url(images/solution-icon-09.png) center center no-repeat;}
.rowI .solution-defenseSystem .list li.li2 .icon {background: url(images/solution-icon-10.png) center center no-repeat;}
.rowI .solution-defenseSystem .list li.li3 .icon {background: url(images/solution-icon-11.png) center center no-repeat;}
.rowI .solution-defenseSystem .list li.li4 .icon {background: url(images/solution-icon-12.png) center center no-repeat;}
.rowI .solution-defenseSystem .list li.li1:hover .icon{background: url(images/solution-icon-09-on.png) center center no-repeat;}
.rowI .solution-defenseSystem .list li.li2:hover .icon {background: url(images/solution-icon-10-on.png) center center no-repeat;}
.rowI .solution-defenseSystem .list li.li3:hover .icon {background: url(images/solution-icon-11-on.png) center center no-repeat;}
.rowI .solution-defenseSystem .list li.li4:hover .icon {background: url(images/solution-icon-12-on.png) center center no-repeat;}
.rowI .solution-defenseSystem .list li::after{background: linear-gradient(45deg, #22A7FF , #1B7BFF);}
.rowI .solution-defenseSystem .sRow-more{display: none;}
.rowI .solution-defenseSystem .sRow-more a,.rowI .solution-safetyProtection .sRow-title{color: #fff;}
.rowI .solution-defenseSystem .sRow-more a:hover{color: #F9D410;}
.rowI .solution-safetyProtection .protectionList{width: 1280px;margin: auto;text-align: left;}
.rowI .more{margin: 50px 0 100px;text-align: center;}
.rowI .more a{line-height: 36px;border-radius: 50px;padding: 7px 20px;border: 1px solid #fff;color: #fff;display: inline-block;}
.rowI .more a:hover{background-color: #1841B4;color: #fff;}
.rowI .row-icon{width:71px; height:100px; margin:0 auto 21px; background:url(images/icon-08.png) 0 0 no-repeat}
.rowI .row-title2{font-size:36px; font-weight:bold; text-align:center; color:#fff; text-shadow:0 0 4px rgba(0,0,0,0.25); line-height:48px; margin-bottom:10px;}
.rowI .row-title3{font-size:20px; text-align:center; color:#fff; text-shadow:0 0 4px rgba(0,0,0,0.25); line-height:48px; margin-bottom:54px;}
.rowI .provinceList{display:flex; justify-content:space-between}
.rowI .provinceList li{height:36px; line-height:36px; width:145px; background:#fff; text-align:center; font-size:16px; color:#166299; border-radius:18px;}

.rowI .provinceList li:hover{background: linear-gradient(to right, #2F8CAB, #1841B4);color: #fff;}


.rowJ{padding: 50px 0 0;}
.rowJ .solution-ITAI .tips{color: #666;}
.rowJ .solution-ITAI .tips a{color: #333;}
.rowJ .solution-ITAI .tips a:hover{color: #1841B4;}

#content #technicalSupport{padding: 50px 0;background-color: #F7F9FF;}
#content #technicalSupport .rowTi h2{font-size: 40px;font-weight: 700;color: #0C53B3;}
#content .techSupportList li{border-radius: 10px;}
#content .techSupportList li:hover {background: linear-gradient(to right, #22A7FF 0%, #1B7BFF 100%);color: #fff;}
#content .techSupportList li:hover a{background-color: transparent;}
#content #technicalSupport .rowTi{display: none;}


#content .lxss{padding: 30px 0 50px;background-color: #fff;}
#content .lxss .row{z-index:0; position:relative;}
#content .lxss a{position:relative; }
#content .lxss a,
#content .lxss a.sq{background-color:transparent; }
#content .lxss a::after{content:""; position:absolute; left:0px; top:0; right:0; bottom:0; display:block; background: #1841B4; z-index:-1; border-radius:30px; transition:0.5s}
#content .lxss a:hover{background-color:#22A7FF; box-shadow:none}

/*基础应用*/
#jcyy {padding:50px 0 0}
.rowBox{}
.rowBox>.hd{line-height: 80px;text-align: center;margin: 0 auto 30px;}
.rowBox>.hd h3{margin: auto 30px;font-size: 40px;font-weight: 700;color: #333;}
.rowBox>.hd h3 span{/* margin: 0 15px 0 12px; */position: relative;display: block;line-height: 54px;margin-bottom: 20px;}
.rowBox>.hd h3::after{content:"";display: block;    width: 50px;    height: 5px;   background-color: #1841B4;    margin: auto;    position: relative;    border-radius: 50px;}
.rowBox>.hd h3 .line{height: 1px;background-color: #1841B433;position: absolute;left: 0;right: 0;bottom: 2px;margin: auto;width: 800px;}


.solutionSafety-07 .more{margin: 30px auto;text-align: center;}
.solutionSafety-07 .more a{display: inline-block; transition: 0.5s; padding: 0 20px; margin: 0 auto; text-align: center; height: 48px; line-height: 48px; font-size: 16px; color: #1841B4; border: 1px solid #1841B4; border-radius: 23px; }
.solutionSafety-07 .more a:hover { background-color: #1841B4; border-color: #1841B4; color: white; }