@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;text-align:center;min-width: 1200px;}
.siteWidth {max-width: 1400px;min-width: 1200px;margin: 0 auto;text-align: left;position: relative;}
#header .inner {text-align: left;}
#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: 205px; 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: left;}
#headerChannel .con .intro span{margin-left: 20px;}
#headerChannel .con .left_box,#headerChannel .con .right_box{margin: 0;}



/* new */

.pub_hd{height: 80px;display: flex;justify-content: center;margin-bottom: 40px;}
.pub_hd h3{height: 80px;line-height: 80px;margin: auto 50px;font-size: 40px;font-weight: 700;color: #333;}
.pub_hd .left_line,.pub_hd .right_line{height: 80px;width: 230px;position: relative;margin: auto 0;}
.pub_hd .left_line{background: url(images/left_hd.png) right center no-repeat;}
.pub_hd .right_line{background: url(images/right_hd.png) left center no-repeat;}

.rowA{padding: 50px 0 35px;background: linear-gradient(to bottom,#FFFFFF,#EAF6FF);}
.rowA .text_box p{text-align: justify;text-indent: 2em;font-size: 16px;line-height: 32px;margin-bottom: 15px;}

.rowB{padding: 50px 0 0;}
.rowB .flex_box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.rowB .flex_box 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;}
.rowB .flex_box li .num_img{position: absolute;top: 35px;left: 14px;}
.rowB .flex_box li h3{text-indent: 35px;line-height: 60px;text-align: left;font-size: 24px;font-weight: 700;color: #1B7BFF;margin-bottom: 30px;position: relative;}
.rowB .flex_box li .con{display: flex;justify-content: space-between;}
.rowB .flex_box li .con p{width: 400px;margin: auto 0;font-size: 16px;line-height: 32px;text-indent: 2em;text-align: justify;}
.rowB .flex_box li .con img{margin: auto 0;}
.rowB .flex_box .li1{height: 275px;}
.rowB .flex_box .li2{height: 322px;}
.rowB .flex_box .li3{height: 300px;}
.rowB .flex_box .li4{height: 330px;margin: 0;}
.rowB .flex_box .li1 .num_img.first_img{left: 16px;top: 5px;}

.rowC{padding:50px 0 0}
.rowC .solution-ITAI .list .title{color: #333;}
.rowC .solution-ITAI .tips{color: #666;margin: 50px 0 80px;}
.rowC .solution-ITAI .tips a{color: #333;}

.rowD{padding: 50px 0;background-color: #EBF6FF;}
.rowD .solution-mobileDevices .sRow-intro{width: 100%;text-align: justify;text-indent: 2em;}
.rowD .solution-mobileDevices .sRow-pic{background-color: #fff;border-radius: 10px;box-shadow: 1px 1px 0 0 #EBF6FF;}
.rowD .text_p{font-size: 16px;margin-bottom: 50px;}
.rowD .flex_box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.rowD .flex_box li{width: 640px;margin: 0;}
.rowD .flex_box li img{display: block;margin: 0 auto 38px;}
.rowD .flex_box li p{width: 180px;height: 45px;line-height: 45px;margin: auto;border-radius: 60px;background-color: #1B7BFF;text-align: center;font-size: 16px;color: #fff;}
.rowD .flex_box li p:hover{background-color: #F9D410;}

.rowE{background: linear-gradient(to right,#22A7FF,#1B7BFF);padding: 50px 0;}
.rowE .pub_hd .left_line{background: url(images/left_hd_w.png) right center no-repeat;}
.rowE .pub_hd .right_line{background: url(images/right_hd_w.png) left center no-repeat;}
.rowE .pub_hd{margin-bottom: 50px;}
.rowE .pub_hd h3{color: #fff;}
.rowE .pt_box{display: flex;justify-content: space-between;}
.rowE .pt_box .con{width: 933px;margin: auto 0;}
.rowE .pt_box .con .intro{line-height: 32px;text-align: justify;font-size: 16px;margin-bottom: 50px;text-indent: 2em;color: #fff;}
.rowE .pt_box img{width:350px;}
.rowE .pt_box .con .more a{line-height: 36px;border-radius: 50px;padding: 7px 20px;border: 1px solid #fff;color: #fff;display: inline-block;}
.rowE .pt_box .con .more a:hover{background-color: #F9D410;color: #fff;border-color:#F9D410}

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

.rowG{padding: 50px 0;}
.rowG .pub_hd{margin-bottom: 30px;}
.rowG .order_p{line-height: 32px;font-size: 16px;margin-bottom: 50px;}
.rowG .solution-institution .sRow-con .bg::after{border-radius: 20px;background: linear-gradient(to bottom, #1B7BFF00, #1B7BFF33);}

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

.rowI .solution-attackTesting{background: url(images/solution-attackTesting-bg.jpg) 50% 50% no-repeat;}

.rowJ{padding: 70px 0;}
.rowJ .solution-securityLevel .sRow-card{background: #E6F1FF;}
.rowJ .solution-securityLevel .sRow-card .sRow-card_right{color: #1B7BFF;}
.rowJ .solution-securityLevel .sRow-card::before {background: linear-gradient(30deg, #22A7FF 50px, #1B7BFF);}

.rowK{position: relative;background: url(images/rowK_bg.jpg) center top no-repeat;padding: 50px 0;}
.rowK .solution-defenseSystem .sRow-card::before,.rowK .solution-defenseSystem .sRow-card::after{background: none;}
.rowK .solution-defenseSystem .list li.li1 .icon{background: url(images/solution-icon-09.png) center center no-repeat;}
.rowK .solution-defenseSystem .list li.li2 .icon {background: url(images/solution-icon-10.png) center center no-repeat;}
.rowK .solution-defenseSystem .list li.li3 .icon {background: url(images/solution-icon-11.png) center center no-repeat;}
.rowK .solution-defenseSystem .list li.li4 .icon {background: url(images/solution-icon-12.png) center center no-repeat;}
.rowK .solution-defenseSystem .list li.li1:hover .icon{background: url(images/solution-icon-09-on.png) center center no-repeat;}
.rowK .solution-defenseSystem .list li.li2:hover .icon {background: url(images/solution-icon-10-on.png) center center no-repeat;}
.rowK .solution-defenseSystem .list li.li3:hover .icon {background: url(images/solution-icon-11-on.png) center center no-repeat;}
.rowK .solution-defenseSystem .list li.li4:hover .icon {background: url(images/solution-icon-12-on.png) center center no-repeat;}
.rowK .solution-defenseSystem .list li::after{background: linear-gradient(45deg, #22A7FF , #1B7BFF);}
.rowK .solution-defenseSystem .sRow-more{display: none;}
.rowK .solution-defenseSystem .sRow-more a,.rowK .solution-safetyProtection .sRow-title{color: #fff;}
.rowK .solution-defenseSystem .sRow-more a:hover{color: #F9D410;}
.rowK .solution-safetyProtection .protectionList{width: 1280px;margin: auto;text-align: left;}
.rowK .more{margin: 50px 0 60px;}
.rowK .more a{line-height: 36px;border-radius: 50px;padding: 7px 20px;border: 1px solid #fff;color: #fff;display: inline-block;}
.rowK .more a:hover{background-color: #22A7FF;color: #fff;}

.rowK .row-icon{width:71px; height:100px; margin:0 auto 21px; background:url(images/icon-08.png) 0 0 no-repeat}
.rowK .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;}
.rowK .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;}
.rowK .provinceList{display:flex; justify-content:space-between}
.rowK .provinceList li{height:36px; line-height:36px; width:145px; background:#fff; text-align:center; font-size:16px; color:#166299; border-radius:18px;}
.rowK .provinceList li:hover{background: linear-gradient(to right, #22A7FF, #1B7BFF);color: #fff;}



#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, #A1C7FF 0%, #1465DE 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: linear-gradient(to right, #22A7FF 0%, #1B7BFF 100%); z-index:-1; border-radius:30px; transition:0.5s}
#content .lxss a:hover{background-color:#1465DE; box-shadow:none}


/* 基础应用 */
#jcyy {padding: 50px 0 0;}
#moban {padding: 50px 0 0;}
#jcyy .row .bd{width: 1400px; margin: auto; position: relative; }
.rowBox{margin-bottom:30px;}
.rowBox>.hd{line-height: 80px;text-align: center;margin: 0 auto 30px;}
.rowBox>.hd h3{margin: auto 30px;font-size: 40px;font-weight: 700;display: flex;color: #333;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: 40px;}
.rowBox>.hd h3::before{background: url(images/left_hd.png) right center no-repeat;}
.rowBox>.hd h3::after{background: url(images/right_hd.png) left center no-repeat;}
.rowBox>.hd h3 .line{display: none;}

.solutionSafety-07 .more{margin: 30px auto;text-align: center;}
.solutionSafety-07 .more a{line-height: 36px;border-radius: 50px;padding: 7px 20px;border: 1px solid #22A7FF;color: #22A7FF;display: inline-block;}
.solutionSafety-07 .more a:hover{background-color: #22A7FF;color: #fff;}