﻿
.productlist{ width: 100%; padding: 20px 0; margin-top: 50px;overflow: hidden; display: block; position: relative ; margin-bottom: 50px;}
.productlist ul{zoom: 1;}
.productlist ul li{width: 386px; float: left; margin-right: 21px; margin-bottom: 21px; overflow: hidden; display: block; position: relative ; }
.productlist ul li:nth-child(3n){margin-right: 0;}
.productlist ul li .ting{ width: 384px; height: 150px;border: 1px solid #cdcdcd; text-align: center;overflow: hidden; display: block; position: relative ;}
.productlist ul li .ting img{max-height: 100%; max-width: 100%;transition: all 1s ease 0s;}
.productlist ul li .ting:hover img{transform: scale(1.1,1.1)}
.productlist ul li .domewm{padding: 0 6% 20px;overflow: hidden; display: block; position: relative ;background-color: #F7F7F7;}
.productlist ul li .domewm .ttint{font-size: 18px;color: #333;line-height: 50px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.productlist ul li .domewm .diopt{font-size: 16px;color: #333;line-height: 25px; min-height: 50px; margin-bottom: 20px;}
.productlist ul li .domewm .more{font-size:16px;background:url(../images/mpoe.png) no-repeat;color:#fff;display:block;width:133px;padding-left:22px;text-align:left;height:40px;line-height:40px;}
.productlist ul li .domewm .more:hover{color: #f33212;}
  

/*产品详情*/
.protuc{overflow:hidden; padding: 20px 0;}
.protimg{width:45%; float:left;overflow: hidden; display: block; position: relative ;}
.protimg img{max-width:100%;}
.protcon{width:52%;float:left;margin-left:3%;overflow: hidden; display: block; position: relative ;}
.protcon .mote {font-size:22px; color:#012d74;margin-bottom:30px; padding-bottom: 20px; border-bottom: 1px solid #dfdfdf; }
.prodetab{width: 100%; margin: 0 auto;margin-bottom: 20px;line-height: 28px; font-size: 14px;}
.prodetab p{line-height: 28px; font-size: 14px;}
.prodetab p img{max-width: 100%;}

/*2222*/

.pro_intro{margin: 40px 0; overflow: hidden;position: relative; width: 100%;  }
.pro_introC{margin-top: 15px;}
.pro_introC_nav{border-bottom: 1px solid #012d74;height: 45px;}
.pro_introC_nav li{background:#eeeeee;margin-right:2px;float: left;height: 45px;font-size: 16px;color: #949494;position: relative;}
.pro_introC_nav li a{display: block;height: 41px;width: 128px;text-align: center;line-height: 45px;background: #eeeeee;font-size: 18px;}
.pro_introC_nav li a:hover{color: #012d74}
.pro_introC_nav li a.click{color: #fff;background: #012d74;border-bottom: 4px solid #012d74; }
.pro_data{padding: 15px 0; margin-bottom: 40px;}
.pro_special{ display:none;}
.pro_special p{line-height: 28px; font-size: 15px;}
.pro_special p img{ max-width: 100%;}
.pro_special a .cpimgxzwj{width: 300px; margin: auto; height: 50px; line-height: 50px; text-align: center; background-color: #15499a; color: #fff;
border-radius:50px ; font-size: 16px; margin-top: 50px;}

/*2222*/

.nwesfoot{border:1px solid #cccccc; border-left:none; border-right:none;}
.nwesfoot p{ float:right;}
.nwesfoot p a{ display:inline-block; width: 100px;margin-top: 35px;text-align: center;line-height: 30px; padding-right: 20px;
    background: #012d74 url(../images/head05.png) no-repeat 88px center;color: #fff;transition: all .4s ease;-webkit-transition: all .4s ease;}
.nwesfoot p a:hover{opacity:.8;background-position-x:94px;}
.nwesfoot dl{margin-right:130px; font-size:13px; padding:13px 0px;}
.nwesfoot dl  a{color:#1a1a1a;}
.nwesfoot dl  a:hover{color:#012d74}
.nwesfoot dl span{ display:inline-block; background:#f2f2f2; color:#1a1a1a; line-height:27px; padding:0px 10px; margin-right:5px;}
.nwesfoot dl dd{ margin-bottom:20px;}
.nwesfoot dl dt{ }




/*产品详情*/








/*产品引导页*/
.productweb{ width: 100%; padding: 20px 0; margin-top: 50px;overflow: hidden; display: block; position: relative ; margin-bottom: 50px;}
.productweb .dibor{width: 100%; overflow: hidden; display: block; position: relative ; margin-bottom: 20px; padding-bottom: 20px; border-bottom:1px solid #dcdcdc ;}
.productweb .dibor:last-child{padding-bottom: 0px; border-bottom:0px solid #dcdcdc ;}
.productweb .dibor .bpout{width: 100%; text-align: left; float: left;overflow: hidden; position: relative;height: 30px;line-height: 30px;margin-bottom: 15px;}
.productweb .dibor .bpout a{font-size: 24px; color: #012d74;}
.productweb .dibor .bbsanj{width: 100%; overflow: hidden; display: block; position: relative ;}
.productweb .dibor .bbsanj .zbing{ width: 100%;overflow: hidden; display: block; position: relative ; margin-bottom: 20px;}
.productweb .dibor .bbsanj .zbing img{width: 40px; height: 30px; margin-right: 10px; margin-bottom: 10px;}
.productweb .dibor .bbsanj .zbing a{width: 280px; float: left; font-size: 18px; height: 30px; line-height: 30px; color: #1D2A78; margin-bottom: 10px;}
.productweb .dibor .bbsanj .zbing a:hover{color: #012d74;}

.productweb .dibor .bbsanj .zbing .sanj{width: 100%;overflow: hidden; display: block; position: relative ; margin-top: 10px;}
.productweb .dibor .bbsanj .zbing .sanj a{width: 285px; font-size: 15px; height: 28px; line-height: 28px; color: #999; margin-right: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom: 2px;}
.productweb .dibor .bbsanj .zbing .sanj a:hover{color: #012d74;}
.mngt:nth-child(4n){margin-right: 0 !important;}

.dibor:nth-child(3) .bbsanj .zbing{width: 285px; margin-right: 20px; float: left; font-size: 18px; height: 30px; line-height: 30px; color: #1D2A78;}


/*产品引导页*/


.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; }




.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;}





.itemed{text-align: center; font-size: 32px; color: #1b0d0d; 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;}


.bttnav{background: #e6e7fe; background: linear-gradient(45deg, #e6e7fe 0%,#def3fd 100%); width: 100%; padding: 50px 0; overflow: hidden; position: relative; display: block;}
.bttnav .protitle{width: 100%; margin-bottom: 15px; overflow: hidden;display: block;position: relative;}
.bttnav .protitle img{display: inline-block; vertical-align: bottom; width: 50px;height: auto;}
.bttnav .protitle .dock{font-size: 24px;display: inline-block; margin-left: 10px;}
.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 ;}



/*天池云安全平台*/
.bxxtnav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.bxxtnav ul{border: 1px solid #dee2e6; overflow: hidden; margin-top: 30px;position: relative;display: block;}
.bxxtnav ul li{display: block;border-bottom: 1px solid #dee2e6;padding: 1.5rem; position: relative; overflow: hidden;}
.bxxtnav ul li .pic{ height: 70px; width: 70px; float: left; margin-right: 20px;}
.bxxtnav ul li .pic img{max-width: 100%;}
.bxxtnav ul li .xxtent{width: calc(100% - 90px); float: left;display: block; position: relative;overflow: hidden;}
.bxxtnav ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 10px;} 
.bxxtnav ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;}
.bxxtnav ul li .xxtent .text p{line-height: 24px; font-style: 15px;}
.bxxtnav .bbmed{width: 100%;overflow: hidden;display: block;position: relative;margin-bottom: 40px;}
.bxxtnav .bbmed img{max-width: 100%;}




.wmdeys{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%; background: #f6f7ff;}
.wmdeys ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.wmdeys ul li{width: 49%; margin-right: 2%; display: block;float: left;height: 160px; position: relative;padding: 10px 0 10px;margin-bottom: 20px; background-color: #fff;position: relative;}

.wmdeys ul li:nth-child(2n){margin-right: 0;}
.wmdeys ul li .pic{width: 100px; float: left;height: 53px; margin-top: 25px; text-align: center;transition: all ease .3s;}
.wmdeys ul li .pic img{width: 60px; margin: auto;}
.wmdeys ul li:hover .pic{margin-top: 15px;}
.wmdeys ul li .atent{width: calc(100% - 120px); float: left; }
.wmdeys ul li .atent .tit{width: 100%; font-size: 20px; line-height: 28px; margin-bottom: 10px; margin-top: 20px;transition: all ease .3s;} 
.wmdeys ul li .atent .text{width: 100%; font-size: 16px; line-height: 26px; min-height: 100px;} 
.wmdeys ul li:hover .atent .tit{margin-top: 10px;}


.cctnav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.cctnav ul{ overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 40px;}
.cctnav ul li{display: block;border-bottom: 1px solid #dee2e6;padding: 1.5rem; position: relative; overflow: hidden;}
.cctnav ul li .pic{ width: 370px; float: right; margin-left: 30px;}
.cctnav ul li .pic img{max-width: 100%;}
.cctnav ul li .xxtent{width: calc(100% - 400px); float: left;display: block; position: relative;overflow: hidden;}
.cctnav ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 10px;} 
.cctnav ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;}
.cctnav ul li .xxtent .text p{line-height: 24px; font-style: 15px;}

 
.wabngd{overflow: hidden;  display: block; position: relative; width: 100%;background: #f6f7ff;}  
.wabngd ul{zoom: 1;background-color: #fff;box-shadow: 0 3px 16px rgba(18,26,42,.08);border-radius: 10px; margin-top:30px ;position: relative;display: block; margin-bottom: 40px; padding: 50px 0 60px;}
.wabngd ul li { display: inline;float: left; width: 259px;height: 420px;padding: 0 20px;border-left: 1px solid #f1f1f1;margin-left: -1px;text-align: center;position: relative;transition: all ease .3s; }
.wabngd ul li:first-child {border-left: none}
.wabngd ul li:hover {margin-top: -10px}
.wabngd ul li .pica4 {display: block;background-repeat: no-repeat;background-position: 0 0;width: 58px;height: 56px;margin: 0 auto}
.wabngd ul li .pica4 img{max-width: 100%;}
.wabngd ul li .tit {font-size: 20px;color: #000;margin-top: 30px;}
.wabngd ul li .text {color: #898989;font-size: 14px;line-height: 2;margin-top: 15px}
.wabngd ul li .ttind {width: 100%;text-align: center;font-size: 15px;line-height: 1;color: #ccc;position: absolute;left: 0;bottom: 15px}
.wabngd ul li .dot {display: block;width: 10px;height: 10px;background-color: #999;border-radius: 50%;position: absolute;left: 50%;bottom: -10px;margin-left: -5px}


/*天池云安全平台*/

/*明鉴网站安全监测平台*/
.mjtnav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.mjtnav ul{ overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 20px;}
.mjtnav ul li{display: block; width:320px ; margin: 10px; float: left; padding: 30px;  position: relative; overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);height: 260px;}
.mjtnav ul li:nth-child{3n}{margin-right: 0;}
.mjtnav ul li .pic{ background-color: #06267e;color: #fff;border-radius: 50px; width: 50px;margin: auto ;height: 50px;font-size: 24px;display: block;text-align: center; line-height: 50px; margin-bottom: 30px; }
.mjtnav ul li .xxtent{width: 100% ; display: block; position: relative;overflow: hidden;}
.mjtnav ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 10px; text-align: center;} 
.mjtnav ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;}
.mjtnav ul li .xxtent .text p{line-height: 24px; font-style: 15px;}
.mjtnav .bbmed{width: 100%;overflow: hidden;display: block;position: relative;margin-bottom: 40px;}
.mjtnav .bbmed img{max-width: 100%;}



.mjdeys{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;background: #f6f7ff;}
.mjdeys ul{background: #fff; overflow: hidden; position: relative;display: block; padding-bottom: 20px; margin-bottom: 40px;}
.mjdeys ul li{display: block;padding:10px 45px; position: relative; overflow: hidden;}
.mjdeys ul li .tit{font-size: 20px; color: #000; margin-bottom: 10px;} 
.mjdeys ul li .text {width: 100%;overflow: hidden;display: block;position: relative;}
.mjdeys ul li .text p{line-height: 24px; font-style: 15px;}
.mjdeys .bbmed{overflow: hidden;display: block;position: relative;padding: 45px; background: #fff; margin-top: 30px;}
.mjdeys .bbmed img{max-width: 100%;}


.mjbbo{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.mjbbo ul{ overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 20px;}
.mjbbo ul li{display: block; width:320px ; margin: 10px; float: left; padding: 30px;  position: relative; overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);height: 260px;}
.mjbbo ul li:nth-child{3n}{margin-right: 0;}
.mjbbo ul li .pic{ height: 70px; width: 70px; margin: auto; display: block; margin-bottom: 30px;}
.mjbbo ul li .pic img{max-width: 100%;}

.mjbbo ul li .xxtent{width: 100% ; display: block; position: relative;overflow: hidden;}
.mjbbo ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 10px; text-align: center;} 
.mjbbo ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;}
.mjbbo ul li .xxtent .text p{line-height: 24px; font-style: 15px;}



/*明鉴网站安全监测平台*/







/*玄武盾云防护平台*/
.vttnav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.vttnav ul{ overflow: hidden; margin-top: 40px;position: relative;display: block; margin-bottom: 40px;}
.vttnav ul li{display: block; width: 285px; float: left; margin-right: 20px; position: relative; overflow: hidden; margin-bottom: 20px;}
.vttnav ul li:nth-child(4n){margin-right: 0;}
.vttnav ul li .pic{ height: 45px; width: 45px; float: left; margin-right: 15px;}
.vttnav ul li .pic img{max-width: 100%;}
.vttnav ul li .tit{ width: 225px; float: left; font-size: 18px; color: #000;height: 45px; line-height: 45px;} 




.wmdnnns{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%; background: #f6f7ff;}
.wmdnnns ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.wmdnnns ul li{width: 49%; margin-right: 2%; display: block;float: left;height: 200px; position: relative;padding: 10px 0 10px;margin-bottom: 20px; background-color: #fff;position: relative;}

.wmdnnns ul li:nth-child(2n){margin-right: 0;}
.wmdnnns ul li .pic{width: 100px; float: left;height: 53px; margin-top: 25px; text-align: center;transition: all ease .3s;}
.wmdnnns ul li .pic img{width: 60px; margin: auto;}
.wmdnnns ul li:hover .pic{margin-top: 15px;}
.wmdnnns ul li .atent{width: calc(100% - 120px); float: left; }
.wmdnnns ul li .atent .tit{width: 100%; font-size: 20px; line-height: 28px; margin-bottom: 10px; margin-top: 20px;transition: all ease .3s;} 
.wmdnnns ul li .atent .text{width: 100%; font-size: 16px; line-height: 26px; min-height: 100px;} 
.wmdnnns ul li:hover .atent .tit{margin-top: 10px;}


.ggto{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%; margin-bottom: 51px;}



/*玄武盾云防护平台*/

/*.安恒云（超融合）*/

.zztnav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.zztnav ul{ overflow: hidden; margin-top: 50px;position: relative;display: block;}
.zztnav ul li{display: block;width: 380px; float: left ; margin-right: 30px; position: relative; overflow: hidden; margin-bottom: 50px;}
.zztnav ul li:nth-child(3n){margin-right: 0;}
.zztnav ul li .pic{ height: 45px; width: 45px; float: left; margin-right: 20px;}
.zztnav ul li .pic img{max-width: 100%;}
.zztnav ul li .xxtent{width: calc(100% - 65px); float: left;display: block; position: relative;overflow: hidden;}
.zztnav ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 10px;} 
.zztnav ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;}
.zztnav ul li .xxtent .text p{line-height: 24px; font-style: 15px;}


/*.安恒云（超融合）*/


/*AiLPHA大数据智能安全平台*/


.bbxnav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.bbxnav ul{ overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 30px;}
.bbxnav ul li{display: block; position: relative; overflow: hidden; font-size: 15px; height: 32px; line-height: 32px; text-align: center;}
.bbxnav ul li span{font-weight: bold;font-size: 16px; color: #333;}
.bbxnav .bbmed{width: 100%;overflow: hidden;display: block;position: relative;margin-bottom: 40px; text-align: center;}
.bbxnav .bbmed img{max-width: 100%;text-align: center;}





.mjvbn{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;background: #f6f7ff;}
.mjvbn ul{ overflow: hidden; position: relative;display: block; padding-bottom: 20px; margin-bottom: 40px; margin-top: 40px;}
.mjvbn ul li{display: block;padding:10px 45px; position: relative; overflow: hidden;background: #fff; margin-bottom: 30px;}
.mjvbn ul li .tit{font-size: 20px; color: #000; margin-bottom: 10px;} 
.mjvbn ul li .text {width: 100%;overflow: hidden;display: block;position: relative;}
.mjvbn ul li .text p{line-height: 24px; font-style: 15px;}



.wabnmm{overflow: hidden;  display: block; position: relative; width: 100%;background: #f6f7ff;}  
.wabnmm ul{zoom: 1;background-color: #fff;box-shadow: 0 3px 16px rgba(18,26,42,.08);border-radius: 10px; margin-top:30px ;position: relative;display: block; margin-bottom: 40px; padding: 50px 0 60px;}
.wabnmm ul li { display: inline;float: left; width: 500px;height: 370px;padding: 0 50px;border-left: 1px solid #f1f1f1;margin-left: -1px;text-align: center;position: relative;transition: all ease .3s; }
.wabnmm ul li:first-child {border-left: none}
.wabnmm ul li:hover {margin-top: -10px}
.wabnmm ul li .pica4 {display: block;background-repeat: no-repeat;background-position: 0 0;width: 100px;height: 100px;margin: 0 auto}
.wabnmm ul li .pica4 img{max-width: 100%;}
.wabnmm ul li .tit {font-size: 20px;color: #000;margin-top: 30px;}
.wabnmm ul li .text {color: #898989;font-size: 14px;line-height: 2;margin-top: 15px}
.wabnmm ul li .ttind {width: 100%;text-align: center;font-size: 15px;line-height: 1;color: #ccc;position: absolute;left: 0;bottom: 15px}
.wabnmm ul li .dot {display: block;width: 10px;height: 10px;background-color: #999;border-radius: 50%;position: absolute;left: 50%;bottom: -10px;margin-left: -5px}



.wimgnmm{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.wimgnmm ul{ overflow: hidden; margin-top: 30px;position: relative;display: block;}
.wimgnmm ul li{display: block;width: 320px; border: 1px solid #dcdcdc; padding: 30px; float: left ; margin-right: 27px; position: relative; overflow: hidden; margin-bottom: 30px;}
.wimgnmm ul li:nth-child(3n){margin-right: 0;}
.wimgnmm ul li .pic{width: 100px;margin: auto; display: block; position: relative;overflow: hidden; text-align: center; margin-bottom: 20px; }
.wimgnmm ul li .pic img{max-width: 100%;text-align: center;}
.wimgnmm ul li  .tit{font-size: 16px; height: 40px; line-height: 20px; overflow: hidden; color: #666; margin-bottom: 10px; text-align: center;} 



/*AiLPHA大数据智能安全平台*/




/*网络安全态势感知通报预警平台*/

.aanav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.aanav .pinfo{ overflow: hidden; margin-top: 30px;position: relative;display: block; }
.aanav .pinfo p{line-height: 28px; font-size: 16px; color: #1b0d0d; margin-bottom: 10px;}
.aanav .pinfo p img{max-width: 100%; margin-top:10px ;}


.vvdeys{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%; background: #f6f7ff;}
.vvdeys ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;background-color: #fff; border: 1px solid #dcdcdc; padding: 20px;}
.vvdeys ul li{width: 100%;display: block;overflow: hidden;padding: 10px 0 10px;margin-bottom: 20px; position: relative;border-bottom: 1px solid #dcdcdc; margin-bottom: 10px;}
.vvdeys ul li:last-child{border-bottom: 0px solid #dcdcdc;}

.vvdeys ul li .pic{width: 556px; float: left; margin-right: 40px; text-align: center;transition: all ease .3s;}
.vvdeys ul li .pic img{max-width: 100%; margin: auto;}
.vvdeys ul li .atent{width: 556px; float: left; font-size: 16px; line-height: 32px; }
.vvdeys ul li:nth-child(2n) .pic{float: right; margin-left: 40px; margin-right: 0;}




/*网络安全态势感知通报预警平台*/

/*物联网安全监测平台*/
.qqngd{overflow: hidden;  display: block; position: relative; width: 100%;background: #f6f7ff;}  
.qqngd .pinfo{text-align: center; padding: 30px; margin-top: 30px;overflow: hidden;  display: block; position: relative;background-color: #fff; }
.qqngd .pinfo p{font-size: 16px; line-height: 28px; }
.qqngd ul{zoom: 1;background-color: #fff;position: relative;display: block; margin-bottom: 40px; padding: 20px 0 60px;}
.qqngd ul li { display: inline;float: left; width: 259px;height: 350px;padding: 0 20px;border-left: 1px solid #f1f1f1;margin-left: -1px;text-align: center;position: relative;transition: all ease .3s; }
.qqngd ul li:first-child {border-left: none}
.qqngd ul li:hover {margin-top: -10px}
.qqngd ul li .pica4 {display: block;background-repeat: no-repeat;background-position: 0 0;width: 58px;height: 56px;margin: 0 auto}
.qqngd ul li .pica4 img{max-width: 100%;}
.qqngd ul li .tit {font-size: 20px;color: #000;margin-top: 30px;}
.qqngd ul li .text {color: #898989;font-size: 14px;line-height: 2;margin-top: 15px}
.qqngd ul li .ttind {width: 100%;text-align: center;font-size: 15px;line-height: 1;color: #ccc;position: absolute;left: 0;bottom: 15px}
.qqngd ul li .dot {display: block;width: 10px;height: 10px;background-color: #999;border-radius: 50%;position: absolute;left: 50%;bottom: -10px;margin-left: -5px}




.bbnav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.bbnav ul{ overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 40px;}
.bbnav ul li{ width: 380px; margin-right: 30px; margin-bottom: 40px; float: left; display: block; position: relative; overflow: hidden;}
.bbnav ul li:nth-child(3n){margin-right: 0;}
.bbnav ul li .pic{ width: 100%; display: block; position: relative; overflow: hidden;margin-bottom: 10px;}
.bbnav ul li .pic img{max-width: 100%;transition: all 0.5s ease 0s;}
.bbnav ul li .pic:hover img{transform: scale(1.1,1.1)}
.bbnav ul li .tit{font-size: 17px; color: #000; margin-bottom: 10px;} 
.bbnav ul li .text {width: 100%;overflow: hidden;display: block;position: relative; height: 48px;}
.bbnav ul li .text p{line-height: 24px;  font-style: 15px;}


/*物联网安全监测平台*/

/*物联网安全心*/

.wmdbb{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%; }
.wmdbb ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px; background: #fff; padding: 30px;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);}
.wmdbb ul li{width: 100%; display: block;position: relative; position: relative;}
.wmdbb ul li .pic{width: 550px; margin-right: 40px; float: left; text-align: center;transition: all ease .3s;}
.wmdbb ul li .pic img{max-width: 100%; margin: auto;}
.wmdbb ul li .atent{width:550px; float: left; }
.wmdbb ul li .atent .tit{width: 100%; font-size: 20px; line-height: 28px; margin-bottom: 10px; transition: all ease .3s;} 
.wmdbb ul li .atent .text{width: 100%; font-size: 16px; line-height: 26px;  margin-bottom: 10px;} 


.wabmm{overflow: hidden;  display: block; position: relative; width: 100%;background: #f6f7ff;}  
.wabmm ul{zoom: 1;background-color: #fff;box-shadow: 0 3px 16px rgba(18,26,42,.08);border-radius: 10px; margin-top:30px ;position: relative;display: block; margin-bottom: 40px; padding: 50px 0 60px;}
.wabmm ul li { display: inline;float: left; width: 259px;height: 320px;padding: 0 20px;border-left: 1px solid #f1f1f1;margin-left: -1px;text-align: center;position: relative;transition: all ease .3s; }
.wabmm ul li:first-child {border-left: none}
.wabmm ul li:hover {margin-top: -10px}
.wabmm ul li .pica4 {display: block;background-repeat: no-repeat;background-position: 0 0;width: 58px;height: 56px;margin: 0 auto}
.wabmm ul li .pica4 img{max-width: 100%;}
.wabmm ul li .tit {font-size: 20px;color: #000;margin-top: 30px;}
.wabmm ul li .text {color: #898989;font-size: 14px;line-height: 2;margin-top: 15px}
.wabmm ul li .ttind {width: 100%;text-align: center;font-size: 15px;line-height: 1;color: #ccc;position: absolute;left: 0;bottom: 15px}
.wabmm ul li .dot {display: block;width: 10px;height: 10px;background-color: #999;border-radius: 50%;position: absolute;left: 50%;bottom: -10px;margin-left: -5px}

.nanav{overflow: hidden;  display: block; position: relative; width: 100%;background: #f6f7ff;}  
.nanav .pinfo{padding: 50px 45px; background: #fff; margin-top: 40px; margin-bottom: 60px;}
.nanav .pinfo img{max-width: 100%;}
/*物联网安全心*/





/*明御安全网关*/
.wimgee{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.wimgee ul{ overflow: hidden; margin-top: 30px;position: relative;display: block;}
.wimgee ul li{display: block;width: 320px; height: 325px; border: 1px solid #dcdcdc; padding: 30px; float: left ; margin-right: 27px; position: relative; overflow: hidden; margin-bottom: 30px;}
.wimgee ul li:nth-child(3n){margin-right: 0;}
.wimgee ul li .pic{width: 100px;margin: auto; display: block; position: relative;overflow: hidden; text-align: center; margin-bottom: 20px; }
.wimgee ul li .pic img{max-width: 100%;text-align: center;}
.wimgee ul li .tit{font-size: 16px; height: 40px; line-height: 20px; overflow: hidden; color: #666; margin-bottom: 10px; text-align: center;} 
.wimgee ul li .text{width: 100%; font-size: 16px; line-height: 26px;  margin-bottom: 10px;}

/*明御安全网关*/





/*明御运维审计与风险控制系统*/

.xxtnav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.xxtnav ul{ overflow: hidden; margin-top: 50px;position: relative;display: block;}
.xxtnav ul li{display: block;width: 380px; float: left ; margin-right: 30px; height: 200px; position: relative; overflow: hidden; margin-bottom: 50px;}
.xxtnav ul li:nth-child(3n){margin-right: 0;}
.xxtnav ul li .pic{ height: 45px; width: 45px; float: left; margin-right: 20px;}
.xxtnav ul li .pic img{max-width: 100%;}
.xxtnav ul li .xxtent{width: calc(100% - 65px); float: left;display: block; position: relative;overflow: hidden;}
.xxtnav ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 10px;} 
.xxtnav ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;}
.xxtnav ul li .xxtent .text p{line-height: 24px; font-style: 15px;}


.wmdett{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%; background: #f6f7ff;}
.wmdett ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.wmdett ul li{width: 49%; margin-right: 2%; display: block;float: left;height:200px; position: relative;padding: 10px 0 10px;margin-bottom: 20px; background-color: #fff;position: relative;}

.wmdett ul li:nth-child(2n){margin-right: 0;}
.wmdett ul li .pic{width: 100px; float: left;height: 53px; margin-top: 25px; text-align: center;transition: all ease .3s;}
.wmdett ul li .pic img{width: 60px; margin: auto;}
.wmdett ul li:hover .pic{margin-top: 15px;}
.wmdett ul li .atent{width: calc(100% - 120px); float: left; }
.wmdett ul li .atent .tit{width: 100%; font-size: 20px; line-height: 28px; margin-bottom: 10px; margin-top: 20px;transition: all ease .3s;} 
.wmdett ul li .atent .text{width: 100%; font-size: 15px; line-height: 26px; min-height: 100px;} 
.wmdett ul li:hover .atent .tit{margin-top: 10px;}


.mmtnav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.mmtnav ul{ overflow: hidden; margin-top: 50px;position: relative;display: block;}
.mmtnav ul li{display: block;width: 380px; float: left ; margin-right: 30px; height: 60px; position: relative; overflow: hidden; margin-bottom: 50px;}
.mmtnav ul li:nth-child(3n){margin-right: 0;}

.mmtnav ul li .xxtent{width: 100%; float: left;display: block; position: relative;overflow: hidden;}
.mmtnav ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 10px;} 
.mmtnav ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;}
.mmtnav ul li .xxtent .text p{line-height: 24px; font-style: 15px;}



/*明御运维审计与风险控制系统*/

.nntnav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.nntnav ul{ overflow: hidden; margin-top: 50px;position: relative;display: block;}
.nntnav ul li{display: block;width: 380px; float: left ; margin-right: 30px; height:200px; position: relative; overflow: hidden; margin-bottom: 50px;}
.nntnav ul li:nth-child(3n){margin-right: 0;}

.nntnav ul li .xxtent{width: 100%; float: left;display: block; position: relative;overflow: hidden;}
.nntnav ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 10px;} 
.nntnav ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;}
.nntnav ul li .xxtent .text p{line-height: 24px; font-style: 15px;}






.wmdccs{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%; background: #f6f7ff;}
.wmdccs ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.wmdccs ul li{width: 49%; margin-right: 2%; display: block;float: left;height: 300px; position: relative;padding: 10px 0 10px;margin-bottom: 20px; background-color: #fff;position: relative;}

.wmdccs ul li:nth-child(2n){margin-right: 0;}
.wmdccs ul li .pic{width: 100px; float: left;height: 53px; margin-top: 25px; text-align: center;transition: all ease .3s;}
.wmdccs ul li .pic img{width: 60px; margin: auto;}
.wmdccs ul li:hover .pic{margin-top: 15px;}
.wmdccs ul li .atent{width: calc(100% - 120px); float: left; }
.wmdccs ul li .atent .tit{width: 100%; font-size: 20px; line-height: 28px; margin-bottom: 10px; margin-top: 20px;transition: all ease .3s;} 
.wmdccs ul li .atent .text{width: 100%; font-size: 16px; line-height: 26px; min-height: 100px;} 
.wmdccs ul li:hover .atent .tit{margin-top: 10px;}




.wmdee{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%; background: #f6f7ff;}
.wmdee ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.wmdee ul li{width: 32%; margin-right: 2%; display: block;float: left;height: 100px; position: relative;padding: 10px 0 10px;margin-bottom: 20px; background-color: #fff;position: relative;}

.wmdee ul li:nth-child(3n){margin-right: 0;}
.wmdee ul li .pic{width: 100px; float: left;height: 53px; margin-top: 25px; text-align: center;transition: all ease .3s;}
.wmdee ul li .pic img{width: 60px; margin: auto;}
.wmdee ul li:hover .pic{margin-top: 15px;}
.wmdee ul li .atent{width: calc(100% - 120px); float: left; }
.wmdee ul li .atent .tit{width: 100%; font-size: 20px; line-height: 28px; margin-bottom: 10px; margin-top: 20px;transition: all ease .3s;} 
.wmdee ul li .atent .text{width: 100%; font-size: 16px; line-height: 26px; min-height: 100px;} 
.wmdee ul li:hover .atent .tit{margin-top: 10px;}



