@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:36px;background: none; border-radius: 18px;line-height: 36px;text-align: center;color: #fff;font-size: 16px; float:left; padding:0 1.5em;margin-left:10px;background-color: #169762;box-shadow: 3px 4px 3px 0px #00000029;}
#headerChannel .links a:hover { background: #53a583;}

#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{display: flex;justify-content: center;margin-bottom: 30px;}
.pub_hd h3{line-height: 53px;margin: auto 25px;font-size: 40px;font-weight: 700;color: #137C5C;}
.pub_hd .left_line,.pub_hd .right_line{height: 12px;width: 60px;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: 54px 0;}
.rowA .text_box p{height: 32px;line-height: 32px;font-size: 16px;margin-bottom: 30px;text-align: center;}
.rowA .text_box h1{height: 72px;line-height: 72px;text-align: center;font-size: 24px;font-weight: 700;color: #fff;background: linear-gradient(to right, #8DE284 0%, #7FCB76 26%,#77BE6F 63%,#8DE284 100%);border-radius: 10px;}
.rowA .text_box h3{line-height: 32px;padding: 20px 40px;text-indent: 2em;font-size: 16px;color: #333;border: 1px solid #E5F1FE;border-radius: 10px;box-shadow: 0px 0px 10px 1px #78C0704D;text-align: left;font-weight: 500;}
.rowA .text_box h4{margin-top: 30px;line-height: 32px;font-size: 16px;color: #7E7E7E;font-weight: 500;}

.rowB{padding: 54px 0 88px;background-color: #c8e8b37a;}
.rowB .pub_hd{margin-bottom: 53px;}
.faxs_box{display: flex;justify-content: space-between;height: 410px;position: relative;margin-bottom: 36px;}
.faxs_box .left_text,.faxs_box .right_text{width: 420px;padding: 20px 30px;line-height: 32px;text-indent: 2em;font-size: 16px;color: #666;margin: auto 0;text-align: left;background-color: #fff;}
.faxs_box .right_text{width: 430px;}
.faxs_box .round_img{width: 410px;height: 410px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: url(images/faxs.png) no-repeat;line-height: 410px;text-align: center;font-size: 32px;font-weight: 700;color: #fff;}

.rowC{padding: 105px 0 0;position: relative;}
.rowC .fayh_box{width: 275px;height: 195px;background: url(images/fayh.png) no-repeat;position: absolute;left: 0;right: 0;top: -88px;margin: auto;font-size: 32px;color: #fff;font-weight: 700;line-height: 80px;z-index: 9;}
.rowC .fays_ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.rowC .fays_ul li{width: 670px;border: 1px solid #E6F0E3;border-radius: 10px;padding: 25px 0;margin-bottom: 40px;box-shadow: 0px 0px 25px 6px #9FEBA836;}
.rowC .fays_ul li p{width: 636px;height: 70px;background: url(images/li_hd.png) no-repeat;text-indent: 50px;text-align: left;line-height: 60px;color: #fff;font-weight: 700;font-size: 22px;margin-bottom: 30px;}
.rowC .fays_ul li .con{display: flex;justify-content: space-between;padding: 0 50px;}
.rowC .fays_ul li .con .text{width: 344px;margin: auto 0;}
.rowC .fays_ul li .con .text h3{font-weight: 500;text-align: left;text-indent: 2em;line-height: 32px;font-size: 16px;}
.rowC .fays_ul li .con img{margin: auto 0;}

.rowD{padding: 113px 0 79px;background: url(images/rowD_bg.jpg) center 0 no-repeat;}
.yjhjz_box{height: 536px;background: url(images/yjhjz_bg.png) center 0 no-repeat;position: relative;}
.yjhjz_box li{padding: 20px 30px;background-color: #fff;border-radius: 20px;border: 1px solid #E5F0EF;text-align: left;position: absolute;}
.yjhjz_box li p{height: 50px;line-height: 50px;font-size: 20px;}
.yjhjz_box li h3{font-size: 16px;color: #666;line-height: 30px;}
.yjhjz_box .li1{top: -40px;left: 0;right: 0;margin: auto;width: 467px;}
.yjhjz_box .li2{top: 260px;left: 0;margin: auto;width: 482px;}
.yjhjz_box .li3{top: 260px;right: 0;margin: auto;width: 439px;}
.yjhjz_box .text{position: absolute;left: 0;right: 0;width: 120px;margin: auto;top: 265px;}
.yjhjz_box .text p{width: 120px;text-align: center;color: #fff;font-weight: 700;font-size: 40px;line-height: 50px;}
.yjhjz_text{text-indent: 2em;text-align: left;width: 1280px;margin: auto;font-size: 16px;line-height: 32px;}


.rowE{background: url(images/cxsp_bg.png) center 562px no-repeat;padding-top: 50px;}
.rowE .solution-ITAI .tips,.rowE .solution-ITAI .tips a{color: #999999;margin-top: 80px;}
.rowE .solution-ITAI .tips a:hover{color: #137C5C;}

.rowF{padding: 50px 0 0;}
.phone_lc{display: flex;justify-content: space-between;}
.phone_lc .text{width: 710px;margin: auto 0;}
.phone_lc .text p{font-size: 16px;line-height: 32px;margin: 9px 0;text-indent: 2em;text-align: left;}

.rowG {}
.wf_box{padding: 43px 0 40px;background: url(images/wf_bg.jpg) no-repeat;background-size: cover;}
.wf_box .pub_hd h3{color: #fff;}
.rowG .mes_box{display: flex;justify-content: space-evenly;}
.rowG .mes_box .text{width: 982px;margin: auto 0;}
.rowG .mes_box .text p{line-height: 32px;font-size: 16px;color: #fff;text-align: left;margin-bottom: 20px;text-indent: 2em;}
.rowG .mes_box .text .moreBtn a{line-height: 32px;padding: 5px 20px;border: 1px solid #ffffffad;border-radius: 40px;color: #ffffffad;}
.rowG .mes_box .text .moreBtn a:hover{border-color: #fff;color: #fff;}
.wf_box .mes_box img{width: 320px;height:auto;padding20px;}
.glxt_box{padding: 43px 0 38px;background: linear-gradient(to bottom, #0c805f1f, #c2f3e5b2);}
.rowG .glxt_box .mes_box .text{width: 874px;}
.rowG .glxt_box .mes_box .text p{color: #333;}
.rowG .glxt_box .mes_box .text .moreBtn a{border-color: #78B49B;color: #169762;}
.rowG .glxt_box .mes_box .text .moreBtn a:hover{border-color: #137C5C;color: #137C5C;}

.rowH{padding: 50px 0;}

.rowI{background: url(images/rowI_bg.jpg) no-repeat;padding: 50px 0 86px;background-size: cover;}
.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, #78B49B, #137C5C);color: #fff;}

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

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

.rowL{padding: 40px 0 0;}
.rowL .solution-securityLevel .sRow-card::before{background: linear-gradient(30deg, #17A96D 50px, #42B1AD);}
.rowL .solution-securityLevel .sRow-card .sRow-card_right{color: #137C5C;}

.rowM{/* background: url(images/rowM_bg.jpg) center 180px no-repeat; *//* padding: 20px 0 50px; */}
.rowM .solution-defenseSystem .sRow-card::before,.rowM  .solution-defenseSystem .sRow-more,.rowM .solution-defenseSystem .sRow-card::after{display: none;}
.solution-safetyProtection .sRow-title .tit {color: #fff;}
.rowM .solution-safetyProtection .protectionList li{text-align: left;}
.rowM .more{display: block;width: 340px;height: 50px;line-height: 50px;text-align: center;margin: 30px auto;border: 1px solid #B3B8B6;font-size: 16px;color: #7A8681;border-radius: 50px;}
.rowM .more:hover{border-color: #137C5C;color: #137C5C;}
.rowM .solution-safetyProtection .protectionList{margin: 0 0 50px;}


#content #technicalSupport{padding: 50px 0;background-color: #F7F9FF;}
#content #technicalSupport .rowTi h2{font-size: 40px;font-weight: 700;color: #137C5C;}
#content .techSupportList li{border-radius: 10px;}
#content .techSupportList li:hover {background: linear-gradient(to right, #0A985E 0%, #137C5C 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: #0A985E; z-index:-1; border-radius:30px; transition:0.5s}
#content .lxss a:hover{background-color:#137C5C; box-shadow:none}


/* 基础应用 */
#jcyy {padding: 50px 0;}
#moban {padding: 50px 0 0;}
#jcyy .row .bd{width: 1400px; margin: auto; position: relative; }
.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: #046A4E;align-content: flex-start;justify-content: center;}
.rowBox>.hd h3 span{display:inline-block;padding:0 20px;}
.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;left: calc(-75% - 28px);}
.rowBox>.hd h3::after{background: url(images/right_hd.png) left center no-repeat;left: calc(115% - 28px);}
.rowBox>.hd h3 .line{display:none;}
#jcyy .atlasBox .hd{    background: linear-gradient(to bottom, #14c9a1, #26af6c);}
#jcyy .atlasBox dt{    background: linear-gradient(90deg, #26AF6C 0%, #249682 100%);}
#jcyy .atlasBox ul li a:hover {   background-color: #259f7a;}