@charset "utf-8";
/* CSS Document */
img { vertical-align: top; }
a { transition:all 0.5s;}
body{min-width: 1400px;font-weight:400;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;font:normal 15px/200% "Microsoft YaHei",宋体,Tahoma,Helvetica,Arial,sans-serif;min-width: 1200px;}
.siteWidth {max-width: 1400px;min-width: 1200px;margin: 0 auto;text-align: left;position: relative;}
#header{display: none;}
#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 { height:100%; width:auto;}
#headerChannel .links {height: 36px;position: absolute;top: 48px;right: 0;}
#headerChannel .links a { height:37px;background: none; border-radius: 18px;line-height: 37px;text-align: center;color: #fff;font-size: 16px; float:left; padding:0 1.5em;margin-left:10px;background-color: #0C49A3;box-shadow: 0px 3px 0px #33333370;}
#headerChannel .links a:hover { background: linear-gradient(180deg, #FFFFFF 0%, #CFE2FA 100%); color: #021FA4; }

#headerChannel .con { position: absolute; left: 0; top: 205px; right: 0; line-height: 1.3; color: #fff; text-align: center; }
#headerChannel .con h1 { font-size: 80px; font-weight: bold; line-height: 106px;}
#headerChannel .con h3 { margin-bottom: 17px; font-size: 50px; font-weight: bold; }
#headerChannel .con .intro {font-size: 18px; color: rgba(255, 255, 255, 0.6);line-height: 32px;width: 1227px;margin: 60px auto 0;}
 


/* new */
.flex_box{display: flex;}
.pub_bg{background: url(images/pub_bg.png) center top no-repeat;}
.pub_hd{height: 53px;display: flex;justify-content: center;}
.pub_hd h3{height: 53px;line-height: 53px;margin: auto 33px;font-size: 38px;font-weight: 700;color: #0C53B3;}
.pub_hd .left_line,.pub_hd .right_line{height: 34px;width: 400px;position: relative;margin: auto 0;}
.pub_hd .left_line .line1,.pub_hd .right_line .line1{width: 357px;height: 1px;background-color: #D9D9D9;position: absolute;top: 9px;}
.pub_hd .left_line .line2,.pub_hd .right_line .line2{width: 393px;height: 1px;background-color: #D9D9D9;position: absolute;top: 20px;}
.pub_hd .left_line .line3,.pub_hd .right_line .line3{height: 36px;width: 1px;background-color: #D9D9D9;position: absolute;}
.pub_hd .left_line .line3{transform: rotate(20deg);right: 0;}
.pub_hd .right_line .line3{transform: rotate(-20deg);left: 0;}
.pub_hd .left_line .line1{right: -2px;}
.pub_hd .left_line .line2{right: 2px;}
.pub_hd .right_line .line1{left: -2px;}
.pub_hd .right_line .line2{left: 2px;}

.rowA{height: 395px;background: url(images/row0_bg.png) no-repeat center bottom; background-size: cover;padding: 55px 0 0;}
.rowA .pub_hd{margin-bottom: 40px;}
.rowA .text_box p{line-height: 32px;text-indent: 2em;margin-bottom: 18px;font-size: 16px;text-align: left;}
.rowA .text_box p a{color: #0F50A8;}

.rowB{padding: 80px 0 55px;}
.rowB .center_box{width: 550px;height: 550px;background: url(images/round_bg.png) no-repeat;display: flex;}
.rowB .center_box .round2{width: 470px;height: 470px;background-color: #f1f3ff;margin: auto;border-radius: 50%;display: flex;}
.rowB .center_box .round2 .round_text{width: 380px;height: 380px;background-color: #2a36a4;margin: auto;border-radius: 50%;display: flex;flex-flow: column;justify-content: center;}
.rowB .center_box .round2 .round_text p{font-size: 32px;font-weight: 700;color: #fff;text-align: center;line-height: 50px;}
.rowB .left_box,.rowB .right_box{width: 425px;position: relative;}
.rowB .left_box li,.rowB .right_box li{display: flex;position: absolute;}
.rowB .left_box li span,.rowB .right_box li span{display: block;height: 47px;line-height: 47px;padding: 0 30px;background-color: #7C97DA;border-radius: 5px;font-size: 18px;color: #fff;}
.rowB .left_box li i{width: 0;height: 0;border-top: 6px solid transparent; border-right: 6px solid transparent;border-left: 6px solid #7C97DA;border-bottom: 6px solid transparent;margin: auto 0;}
.rowB .right_box li i{width: 0;height: 0;border-top: 6px solid transparent; border-right: 6px solid #7C97DA;border-left: 6px solid transparent;border-bottom: 6px solid transparent;margin: auto 0;}
.rowB .left_box li em{display: block;margin: auto 0 auto 45px;width: 18px;height: 18px;border-radius: 50%;background-color: #A3BCFA;border: 5px solid #f5f5f5;}
.rowB .right_box li em{display: block;margin: auto 45px auto 0;width: 18px;height: 18px;border-radius: 50%;background-color: #A3BCFA;border: 5px solid #f5f5f5;}
.rowB .left_box .li1{right: -108px;top: 43px;}
.rowB .left_box .li2{right: -28px;top: 170px;}
.rowB .left_box .li3{right: -18px;top: 303px;}
.rowB .left_box .li4{right: -76px;top: 424px;}
.rowB .right_box .li1{left: -108px;top: 43px;}
.rowB .right_box .li2{left: -28px;top: 170px;}
.rowB .right_box .li3{left: -18px;top: 303px;}
.rowB .right_box .li4{left: -76px;top: 424px;}
.quction_box{margin-bottom: 70px;}
.quction_box i{display: block;margin: 37px auto 30px;width: 52px;height: 50px;background: url(images/down_icon.png) no-repeat;}
.quction_box .title{display: flex;flex-flow: column;justify-content: center;width: 808px;height: 160px;border-radius: 30px;background-color: #2158C4;margin: auto;z-index: 2;position: relative;}
.quction_box .title p{font-size: 32px;line-height: 50px;font-weight: 700;color: #fff;text-align: center;}
.quction_box .into{width: 1280px;padding: 100px 60px 42px;background-color: #F9FBFE;border-radius: 30px;box-shadow: 0 0 5px #202C9526;position: relative;top: -50px;}
.quction_box .into p{text-indent: 2em;font-size: 16px;line-height: 32px;margin-bottom: 18px;text-align: left;}
.construction_box{position: relative;}
.construction_box .construction_bg{width: 1328px;height: 530px;background: url(images/construction_bg.jpg) no-repeat;border-radius: 200px 50px 50px 50px;position: absolute;top: 0;right: 0;}
.construction_box .construction{padding: 62px 0 0;position: relative;}
.construction_box .construction .pub_hd{margin-bottom: 60px;}
.rowB .construction_box .construction .pub_hd .line1,.rowB .construction_box .construction .pub_hd .line2,.rowB .construction_box .construction .pub_hd .line3,
.pub_bg .pub_hd .line1,.pub_bg .pub_hd .line2,.pub_bg .pub_hd .line3{background-color: #5888D0;}
.construction_box .construction .pub_hd h3,.pub_bg .pub_hd h3{color: #fff;}
.construction_ms{display: flex;position: relative;}
.construction_ms li{width: 260px;height: 420px;margin: 0 10px 0 0;background: linear-gradient(to bottom,#2F8CAB,#0C6FB5);border-radius: 30px 80px 30px 30px;}
.construction_ms li .img_box{margin: 48px 0 25px 41px;position: relative;height: 90px;}
.construction_ms li .img_box .bg{width: 68px;height: 68px;background-color: #659BFA;border-radius: 10px;}
.construction_ms li .img_box .bg2{position: absolute;width: 67px;height: 67px;background-color: rgba(255, 255, 255, 0.3);border: 1px solid #fff;border-radius: 10px;top: 19px;left: 19px;display: flex;}
.construction_ms li .img_box .bg2 img{margin: auto;}
.construction_ms li .con{margin: 0 35px;}
.construction_ms li .con .title{height: 50px;line-height: 50px;font-size: 20px;font-weight: 700;color: #fff;text-align: left;}
.construction_ms li .con .into{font-size: 16px;line-height: 30px;color: #fff;text-align: justify;}
.construction_ms .right_text{width: 447px;margin: 44px auto 0;font-size: 18px;line-height: 40px;text-align: justify;color: #fff;text-indent: 2em;}

.rowC{background: url(images/row2_bg.png) no-repeat;padding: 72px 0 40px;}
.rowC .pub_hd{margin-bottom: 35px;}
.rowC .solution-ITAI .sRow-intro{font-size: 16px;line-height: 32px;text-indent: 2em;margin-bottom: 55px;text-align: justify;}
.rowC .cx_img{display: flex;justify-content: space-between;margin-bottom: 40px;}
.rowC .solution-ITAI .list .title{font-size: 16px;color: #333;}
.rowC .solution-ITAI .tips{text-align: center;height: 32px;line-height: 32px;color: #999999;font-size: 14px;}
.rowC .p_text span{color: #C7000B;}
.rowC .solution-ITAI .tips a{color: #6D6D6D;text-decoration: underline;}
.rowC .solution-ITAI .tips a:hover{color: #0C53B3;}

.rowD{padding: 60px 0 0;}
.rowD .pub_hd{margin-bottom: 47px;}
.rowD .solution-mobileDevices .sRow-intro{line-height: 32px;text-align: center;width: 1302px;margin: 0 auto 43px;font-size: 16px;color: #fff;}
.rowD .ydsb1{height: 576px;border-radius: 20px 180px 20px 180px;background-color: #fff;display: flex;margin-bottom: 48px;}
.rowD .ydsb1 img{margin: auto;}
.rowD .ydsb_box{position: relative;padding-top: 46px;}
.rowD .ydsb_box .title{position: absolute;top: 0;left: 0;height: 40px;padding: 30px 60px;background-color: #295DAB;line-height: 40px;font-size: 18px;color: #fff;border-radius: 10px 100px 10px 10px;}
.rowD .ydsb_box .box{height: 390px;background-color: #F9FBFE;border-radius: 30px;padding-top: 130px;display: flex;}
.rowD .ydsb_box .box div{margin: 0 auto;}
.rowD .ydsb_box .box div p{font-size: 18px;}
.rowD .ydsb_box .box .ydsb2 p{margin-top: 5px;}

.rowE{padding: 67px 0 0;background: url(images/row4_bg.png) center bottom no-repeat;}
.rowE .pub_hd{margin-bottom: 48px;}
.rowE .tab_box{width: 1200px;margin: auto;}
.rowE .tab_box p{line-height: 32px;text-align: justify;font-size: 16px;text-indent: 2em;margin-bottom: 28px;}
.free_ul{width: 532px;height: 52px;background-color: #F1F3FA;border-radius: 52px;display: flex;margin: 0 auto 18px;}
.free_ul li{width: 266px;height: 52px;line-height: 52px;font-size: 18px;font-weight: 700;text-align: center;cursor: pointer;}
.free_ul li.on{background: linear-gradient(to left,#3A47B5,#295DAB);color: #fff;border-radius: 52px;}
.free_message li{display: none;}
.free_message li.on{display: block;}
.rowE .tab_box .free_a{display: block;width: 350px;height: 55px;line-height: 55px;text-align: center;color: #0C53B3;font-size: 16px;background-color: #F1F3FA;border-radius: 50px;margin: 19px auto 57px;}
.rowE .tab_box .free_a:hover{background-color: #295DAB;color: #fff;}
.rowF{padding: 45px 0 67px;}
.rowF .flex_box{justify-content: space-between;}
.rowF .flex_box li{width: 670px;}
.rowF .flex_box li .hd{height: 138px;line-height: 138px;background: url(images/hd_bg.png) no-repeat;text-align: center;font-size: 40px;font-weight: 700;color: #fff;}
.rowF .flex_box li .bd{padding: 28px 38px 35px;box-shadow: 0 0 8px #9FB8EB36;border-radius: 0 0 10px 10px;}
.rowF .flex_box li .bd p{height: 192px;line-height: 32px;font-size: 16px;text-align: justify;margin-bottom: 18px;text-indent: 2em;}
.rowF .flex_box li .bd a{display: inline-block;margin: auto;padding: 10px 30px;line-height: 34px;color: #0C53B3;font-size: 16px;border-radius: 50px;background-color: #F1F3FA;}
.rowF .flex_box li .bd a:hover,.flex_ul li .con .free_a:hover{background-color: #295DAB;color: #fff;}

.rowG{padding: 60px 0 0;}
.rowG .pub_hd{margin-bottom: 47px;}
.rowG .p_text{line-height: 32px;text-align: center;width: 1302px;margin: 0 auto 43px;font-size: 16px;color: #fff;margin-bottom: 43px;}
.flex_ul{display: flex;justify-content: space-between;}
.flex_ul li{padding: 40px 50px;display: flex;background: linear-gradient(to right,#F0F7FF,#FFFFFF);flex: 1;border-radius: 50px;box-shadow: 0 0 15px #9FB8EB40;margin-bottom: 30px;}
.flex_ul .li1 img{margin: auto 0 auto 59px;}
.flex_ul li .con{position: relative;}
.flex_ul li .con p,.flex_ul .con_pic p{text-align: left;font-size: 32px;font-weight: 700;margin-bottom: 20px;}
.flex_ul li .con h3{line-height: 32px;font-size: 16px;text-align: justify;text-indent: 2em;}
.flex_ul li .con .free_a{width: fit-content;padding: 5px 30px;height: 36px;line-height: 36px;color: #0C53B3;font-size: 16px;margin: 20px auto 0;background-color: #F1F3FA;border-radius: 50px;display: inline-block;}

.flex_ul .li2{background: linear-gradient(to bottom,#fff,#F0F7FF);width: 580px;flex: initial;}
.flex_ul .li2 img{margin: auto 0 auto 30px;}
.flex_ul .li3,.flex_ul .last{background: linear-gradient(to bottom,#fff,#F0F7FF);}
.flex_ul .li3 .con{margin: auto 0 auto 85px;}

.rowH{padding: 30px 0;}
.rowH .pub_hd{margin-bottom: 40px;}
.rowH .tit_p{height: 32px;line-height: 32px;text-align: center;color: #666666;font-size: 16px;margin-bottom: 35px;}
.rowH .solution-institution .sRow-con .bg::after{background: linear-gradient(to bottom, #2A68BC00, #0c53b32e);}
.rowI{background: url(images/rowI_bg.jpg) 50% 100% no-repeat;padding-bottom: 77px;}
.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 .solution-safetyProtection .protectionList li{text-align: left;background: url(images/solution-icon-07.png) 0px 8px no-repeat;cursor: pointer;}
.rowI .provinceList li:hover{background: linear-gradient(to right, #2F8CAB, #0C6FB5);color: #fff;}

.rowJ{padding: 55px 0 44px;}
.rowJ .solution-testingTools .sRow-con{background: url(images/solution-testingtools-bg.png) no-repeat;}

.rowK .solution-attackTesting{background: url(images/row3_bg.png) center no-repeat;}
.rowL{background: url(images/users_img.png) center bottom no-repeat;padding: 62px 0 0;background-color: #F9F9F9;}
.users_box{height: 884px;}
.users_box .msg_box{width: 500px;text-align: center;margin: auto;position: relative;top: 320px;}
.users_box .msg_box .p1{color: #333;font-size: 24px;font-weight: 700;line-height: 1;}
.users_box .msg_box .p2{margin: 30px 0;color: #555;font-size: 20px;font-weight: 400;line-height: 34px;}
.users_box .msg_box .p2 em{color: #22468C;font-size: 34px;font-weight: 700;padding: 0 20px;}
.users_box .msg_box .p3{color: #555;font-size: 20px;font-weight: 400;line-height: 1;}
#content .lxss{padding: 53px 0;}
#content .lxss a{background-color: #3544A1;}