﻿

.sxgnbu{ width: 100%; overflow: hidden;display: block;position: relative;background: #f9f9f9; padding: 20px 0;  }
.sxgnbu .nnbsin{width: 100%;overflow: hidden;display: block;position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom:1px solid #dcdcdc ;}
.sxgnbu .nnbsin:last-child{border-bottom:0px solid #dcdcdc ;}
.sxgnbu .nnbsin .toobmin{width: 100%;height: 30px; line-height: 30px;  float: left; font-size: 18px; color: #012d74; font-weight: bold;}
.sxgnbu .nnbsin .tbind{width: 100%; overflow: hidden;display: block;position: relative;}
.sxgnbu .nnbsin .tbind .tbtxt{ width: 285px;float: left; font-size: 15px; height: 28px; line-height: 28px; color: #999; margin-right: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sxgnbu .nnbsin .tbind .tbtxt:nth-child(4n){margin-right: 0 !important;}
.sxgnbu .nnbsin .tbind .cur{  color: #012d74; }



.ygbsin{width: 100%; overflow: hidden;display: block;position: relative;padding-bottom: 30px; padding-top: 30px; background: #f9f9f9; padding: 20px 0; }
.ygbsin .tbtxt{ width: 380px;float: left; text-align: center; font-size: 18px; height: 28px; line-height: 28px; color: #999; margin-right: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ygbsin .tbtxt:nth-child(3n){margin-right: 0 !important;}
.ygbsin .cur{  color: #012d74; }



.inditnav{overflow: hidden;display: block;position:relative;width: 100%;height:60px;line-height: 60px; text-align: center; border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;}
.inditnav .link {display: inline-block;height: 47px;margin: 0 50px;line-height: 47px;font-size: 18px;color: #333;text-align: center;}
.inditnav .link:hover {color: #012d74;}

.inditnav1{overflow: hidden;display: block;position:relative;width: 100%;height:60px;line-height: 60px; text-align: center; border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;}
.inditnav1 .link {display: inline-block;height: 47px;margin: 0 20px;line-height: 47px;font-size: 18px;color: #333;text-align: center;}
.inditnav1 .link:hover {color: #012d74;}



.itemed{text-align: center; font-size: 32px; color: #00adf3; position: relative; margin-top: 50px; padding-bottom: 10px;}
.itemed:before{width: 80px;height: 3px;content: '';background:#1b0d0d;left: 50%;bottom:0;position: absolute; margin-left: -40px;}
.itemed1{text-align: center; font-size: 32px; color: #fff; position: relative; margin-top: 50px; padding-bottom: 10px;}
.itemed1:before{width: 80px;height: 3px;content: '';background:#fff;left: 50%;bottom:0;position: absolute; margin-left: -40px;}
.itembb{text-align: center; font-size: 32px; color: rgb(2, 67, 199);; position: relative; margin-top: 50px; padding-bottom: 10px;}
.itembb:before{width: 120px;height: 3px;content: '';background:#1b0d0d;left: 50%;bottom:0;position: absolute; margin-left: -60px;}



.bttnav{  width: 100%; padding: 50px 0; overflow: hidden; position: relative; display: block;}
.bttnav .protitle{font-size: 30px; color: #000;font-weight: normal;padding-bottom: 20px; text-align: center;}
.bttnav .pinfo {width: 100%; margin-top: 20px; margin-bottom: 40px;overflow: hidden;display: block;position: relative;}
.bttnav .pinfo p{line-height: 28px; font-size: 16px; color: #1b0d0d; margin-bottom: 10px;}
.bttnav .pinfo p img{max-width: 100%; margin-top:10px ;}




/*文档智能加密系统*/
.waper {overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.waper dl{ min-height:266px; background:#fff; overflow:hidden; padding: 15px 0; }
.waper dt { width:600px; min-height:200px; overflow:hidden; position:relative; float:left;  vertical-align: middle;line-height: 200px; }
.waper dl:nth-child(2n) dt{float: right;  }
.waper dt img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.waper dd { width:600px; display: block; overflow:hidden; float:right; padding:25px 0;  }
.waper dd h4{ display:block; font-size:24px; font-weight: bold; height:40px; line-height:40px; overflow:hidden; color:#333; margin-bottom: 10px;  }
.waper dd p { line-height:26px; height:auto; overflow:hidden; color:#666; }

.mjtnav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.mjtnav .bbmed{width: 100%;overflow: hidden;display: block;position: relative;text-align: center; margin-top: 20px;}
.mjtnav .bbmed img{max-width: 100%; text-align: center; margin: auto;}


/*文档智能加密系统*/


/*业务威胁感知平台*/

.wabiidbt{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.wabiidbt ul{zoom: 1; overflow: hidden; padding: 40px 0; margin-top: 40px;}
.wabiidbt ul li { display: inline;float: left; width: 360px;padding: 0 20px;border-left: 2px solid #f1f1f1;margin-left: -2px;text-align: center;position: relative;transition: all ease .3s; }
.wabiidbt ul li:first-child {border-left: none}
.wabiidbt ul li:hover {margin-top: -10px}
.wabiidbt ul li .pica4 {display: block;background-repeat: no-repeat;background-position: 0 0;width: 60px;height: 60px;margin: 0 auto}
.wabiidbt ul li .pica4 img{max-width: 100%;}
.wabiidbt ul li .tit {font-size: 24px;color: #000;margin-top: 40px;}



.hangtt { background-image: url(../images/hang2bg.jpg); height: 352px; background-repeat: no-repeat; background-position: center top; }
.hangtt .btst { font-size: 30px;  color: #ffb200; line-height: 50px; text-align: center; display: table; margin-right: auto; margin-left: auto; border-bottom: 6px solid #0243C7; margin-bottom: 21px; font-weight: bold; padding-top: 72px; }
.hangtt .nrbi { font-size: 17px;  color: rgb(255, 255, 255); line-height: 2.222; padding-top: 28px; }


.wavvdbt{overflow: hidden; display: block; position: relative; width: 100%;padding-top: 50px;padding-bottom: 50px;}

.wavvdbt ul{ padding-top: 39px; }
.wavvdbt ul li{ border-radius: 10px; background-color: #f9f9f9; box-shadow: 0px 3px 29px 0px rgba(213, 213, 213, 0.34); width: 353px; height: 350px; float: left; margin-right: 70px; }
.wavvdbt ul li .pica4 {display: block;background-repeat: no-repeat;background-position: 0 0;width: 100px;height: 100px;margin: 0 auto}
.wavvdbt ul li .pica4 img{max-width: 100%;}
.wavvdbt ul li .tit{ color: #3f3f3f; font-size: 20px; text-align: center;  line-height: 50px; }
.wavvdbt ul li p{ color: #909090; font-size: 16px; line-height: 35px; padding-left: 15px; background-image: url(../images/ico.png); background-repeat: no-repeat; background-position: left 15px; margin-left: 52px; padding-right: 43px; }
.wavvdbt ul li:nth-child(2) p{ margin-left: 97px; }
.wavvdbt ul li:nth-child(3){ margin-right: 0px; }




.wassdbt{overflow: hidden; display: block; position: relative; width: 100%;padding-top: 50px;padding-bottom: 50px;}
.bbopur{ padding-top: 39px; overflow: hidden;}
.bbopur ul li{ background-image: url(../images/hang51.png); width: 275px; height: 239px; float: left; margin-right: 187px; line-height: 239px; font-size: 20px; font-weight: bold; color: #FFFFFF; text-align: center; }
.bbopur ul li:nth-child(2){ background-image: url(../images/hang52.png); }
.bbopur ul li:nth-child(3){ background-image: url(../images/hang53.png); margin-right: 0; }
.bbopur .info{ color: #0243c7; font-size: 18px; font-weight: bold; display: table; text-align: center; margin-right: auto; margin-left: auto; margin-top: 63px; padding-bottom: 64px; }



/*业务威胁感知平台*/



/*多维终端安全管理平台*/
.bteto{width: 100%;overflow: hidden; display: block; position: relative;height: 100px;} 
.bteto .btbg{width: 100%;height: 2px;background-color: #e5e5e5;position: absolute;top: 65px;left:0;}
.bteto .btbt{font-size: 25px;color: #0243c7;font-weight: bold;position: absolute;left: 0;top:50px;height: 30px;background-color: #fff;padding-right: 20px;z-index: 10;line-height: 30px;}
.bteto .btbt em{display: block;width: 10px;height: 30px;background-color: #ff5537;float: left;margin-right: 20px;}

.mmorts{overflow: hidden; display: block; position: relative; width: 100%;padding-top: 50px;padding-bottom: 50px;}
.mmorii {overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.mmorii dl{ min-height:266px; background:#fff; overflow:hidden; padding: 15px 0; }
.mmorii dt { width:600px; min-height:200px; overflow:hidden; position:relative; float:left;  vertical-align: middle;line-height: 200px; }
.mmorii dl:nth-child(2n) dt{float: right;  }
.mmorii dt img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.mmorii dd { width:600px; display: block; overflow:hidden; float:right;   }
.mmorii dd h4{ display:block; font-size:24px; font-weight: bold; height:40px; line-height:40px; overflow:hidden; color:#333; margin-bottom: 10px;  }
.mmorii dd p { line-height:26px; height:auto; overflow:hidden; color:#666; }


.mmorss {overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.mmorss dl{ min-height:266px; background:#fff; overflow:hidden; padding: 15px 0; }
.mmorss dt { width:600px; min-height:200px; overflow:hidden; position:relative; float:right;  vertical-align: middle;line-height: 200px; }
.mmorss dt img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.mmorss dd { width:550px; display: block; overflow:hidden; float:left; margin-right: 50px; margin-top: 25px;   }
.mmorss dd.bbop{margin-top: 120px; }
.mmorss dd h4{ display:block; font-size:24px; font-weight: bold; height:40px; line-height:40px; overflow:hidden; color:#333; margin-bottom: 10px;  }
.mmorss dd p { line-height:32px; height:auto; overflow:hidden; color:#666; font-size: 17px;}


.mmoraa{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.mmoraa ul{border: 1px solid #dee2e6; overflow: hidden; margin-top: 30px;position: relative;display: block; }
.mmoraa ul li{width: 548px; display: block;border-bottom: 1px solid #dee2e6;padding: 25px; position: relative; overflow: hidden;border-right: 1px solid #dee2e6; float: left;}
.mmoraa ul li:nth-child(2n){margin-right: 0;border-right: 0px solid #dee2e6;}
.mmoraa ul li .pic{ height: 70px; width: 70px; float: left; margin-right: 20px;}
.mmoraa ul li .pic img{max-width: 100%;}
.mmoraa ul li .xxtent{width: calc(100% - 90px); float: left;display: block; position: relative;overflow: hidden;}
.mmoraa ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 10px;} 
.mmoraa ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;height: 48px;}
.mmoraa ul li .xxtent .text p{line-height: 24px; font-style: 15px;}

.mmorbb{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%; height: 660px;}
.mmorbb ul{zoom: 1;}
.mmorbb ul li{cursor: pointer;}
.mmorbb ul li:nth-child(1){width: 590px;margin-right:20px ; left: 0; display: block; position: absolute; height: 370px; }
.mmorbb ul li:nth-child(2){width: 590px;display: block;right: 0; position: absolute; height: 280;}
.mmorbb ul li:nth-child(3){width: 590px;display: block;right: 0;top:285px ; position: absolute; height: 190px;}
.mmorbb ul li:nth-child(4){width: 590px;margin-right:20px ;left: 0; top:380px ; display: block; position: absolute; height: 220px;}
.mmorbb ul li:nth-child(5){width: 590px;display: block; right: 0; position: absolute; height: 175px;top:462px ;}

.mmorbb ul li .tit{ background-color: #E5E5E5; height: 52px; line-height: 52px; text-align: center; font-size: 18px; color: #3F3F3F; border-top-left-radius: 10px; border-top-right-radius: 10px;font-weight: bold; }
.mmorbb ul li .text{ background-color: #F6F5F5; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; color: #909090; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin-top: 4px;}
.mmorbb ul li .text p { line-height:28px; height:auto; overflow:hidden; color:#666; font-size: 15px;}
.mmorbb ul li:hover .tit{background-color: #3a7bff; color: #fff;}
.mmorbb ul li:hover .text{background-color: #3a7bff;}
.mmorbb ul li:hover .text p {color: #fff;}
/*多维终端安全管理平台*/



/*网络准入控制系统*/
.attonn{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.attonn ul{zoom: 1; overflow: hidden; padding: 40px 0; margin-top: 40px;}
.attonn ul li{ border-radius: 5px; box-shadow: 0px 3px 10px 1.72px rgba(200, 200, 200, 0.53); width: 280px; height: 130px; float: left; margin-right: 26px; text-align: center;    }
.attonn ul li:nth-child(4){margin-right: 0;}
.attonn ul li .pica{ height: 70px; width: 70px; margin: auto;  margin-top: 10px;}
.attonn ul li .pica img{max-width: 100%;}
.attonn ul li .tit {font-size: 18px;color: #000;margin-top: 10px; width: 100%;}
.attonn ul li .tit:hover{color: #232323;}


.mmorcc {overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.mmorcc dl{ min-height:266px; background:#fff; overflow:hidden; padding: 15px 0; }
.mmorcc dt { width:400px; min-height:200px; overflow:hidden; position:relative; float:left;  vertical-align: middle;line-height: 200px; }
.mmorcc dt img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.mmorcc dd { width:750px; display: block; overflow:hidden; float:right; margin-left: 50px; margin-top: 25px;   }
.mmorcc dd h4{ display:block; font-size:24px; font-weight: bold; height:40px; line-height:40px; overflow:hidden; color:#333; margin-bottom: 10px;  }
.mmorcc dd p { line-height:32px; height:auto; overflow:hidden; color:#666; font-size: 16px;}


.mmorff{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%; height: 660px;}
.mmorff ul{zoom: 1;}
.mmorff ul li{width: 590px; float: left; margin-right: 20px;}
.mmorff ul li:nth-child(2n){margin-right: 0;}
.mmorff ul li .tit{ background-color: #0243c7; height: 52px; line-height: 52px; text-align: center; font-size: 20px; color: #FFF; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight: bold; letter-spacing: 3px; }
.mmorff ul li .text{ background-color: #FFFFFF; padding-bottom: 33px; padding-left: 161px; padding-right: 30px; color: #3f3f3f; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin-top: 4px; padding-top: 20px; }
.mmorff ul li .text p{line-height: 32px; font-size: 17px;}

.mmorff ul li:hover .text{background-color: #3a7bff;}
.mmorff ul li:hover .text p {color: #fff;}



.mmorxx{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%; margin-top: 50px;}
.mmorxx ul{zoom: 1;}
.mmorxx ul li{ background-image: url(../images/3_10.jpg); background-repeat: no-repeat; background-position: left top; width: 275px; height: 239px; float: left; margin-right: 33px; }
.mmorxx ul li:nth-child(4n){margin-right: 0;}
.mmorxx ul li .tit{ color: #FFFFFF; text-align: center; line-height: 38px; font-size: 17px; margin-top: 48px; font-weight: bold; margin-bottom: 15px; }
.mmorxx ul li .text{ line-height: 29px; padding-left: 44px; font-size: 15px; list-style-position: outside; vertical-align: text-bottom; }
.mmorxx ul li:nth-child(1) .text{ padding-left: 40px; }
.mmorxx ul li:nth-child(2) .text{ padding-left: 64px; }
.mmorxx ul li:nth-child(3) .text{ padding-left: 60px; }
.mmorxx ul li:nth-child(4) .text{ padding-left: 55px; }



.mmorll {overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.mmorll dl{background:#fff; overflow:hidden; padding: 30px 0; border-bottom: 1px solid #dcdcdc; }
.mmorll dt { width:600px; min-height:200px; overflow:hidden; position:relative; float:right;  vertical-align: middle;}
.mmorll dt img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.mmorll dd { width:550px; display: block; overflow:hidden; float:left; padding:25px 0; margin-right: 50px;  }
.mmorll dd h4{ display:block; font-size:20px; font-weight: bold; height:40px; line-height:40px; overflow:hidden; color:#333; margin-bottom: 10px;  }
.mmorll dd p { line-height:26px; height:auto; overflow:hidden; color:#666; }

/*网络准入控制系统*/




