﻿

.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; }
.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: 24px; color: #354576; 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: 24px; 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: 24px; 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 ;}




/*AnyBackup CDM 7 副本数据管理*/
.asmmaa{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.asmmaa ul{ overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 20px;}
.asmmaa 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;}
.asmmaa ul li:nth-child{3n}{margin-right: 0;}
.asmmaa ul li .pic{ height: 70px; width: 70px; margin: auto; display: block; margin-bottom: 30px;}
.asmmaa ul li .pic img{max-width: 100%;}
.asmmaa ul li .xxtent{width: 100% ; display: block; position: relative;overflow: hidden;}
.asmmaa ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 10px; text-align: center;} 
.asmmaa ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;}
.asmmaa ul li .xxtent .text p{line-height: 24px; font-style: 15px;}


.asmmab {text-align: center;/*background: url(../images/asmmab.jpg) no-repeat center #515151;*/  background: #515151; background-size: 100% 100%;padding: 80px 0 100px;}
.asmmab .tit{margin-bottom: 20px;color: #fff;text-align: center;font-size: 26px;}
.asmmab .text{width: 100%;overflow: hidden;display: block;position: relative;}
.asmmab .text P{font-size: 18px;line-height: 34px;color: #eee;}
.asmmab .pic{width: 100%; margin-top: 40px; margin-bottom: 40px; overflow: hidden; display: block; position: relative; }
.asmmab .pic img{width: 100%;}



.asmmbb{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.asmmbb ul{ overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 20px;}
.asmmbb ul li{display: block; width:350px ; margin: 10px; margin-right: 40px; float: left;   position: relative; overflow: hidden;box-sizing: border-box;box-shadow: 0 0 3px 3px #ddd;min-height: 400px;background: #eff2f4;padding: 30px;}
.asmmbb ul li:nth-child{3n}{margin-right: 0;}
.asmmbb ul li .pic{ height: 70px; width: 70px; margin: auto; display: block; margin-bottom: 30px;}
.asmmbb ul li .pic img{max-width: 100%;}
.asmmbb ul li .xxtent{width: 100% ; display: block; position: relative;overflow: hidden;text-align: center;}
.asmmbb ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 5px; text-align: center;} 
.asmmbb ul li .xxtent .ems{ color: #d04558; border: 1px dotted #d04558; border-radius: 50px; padding: 0 10px;font-weight: 600; margin: 20px 0; display: inline-block;}
.asmmbb ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;text-align: left;}
.asmmbb ul li .xxtent .text p{line-height: 28px; font-size: 15px; margin-bottom: 10px;}



.asmmea{background: #eff2f4;overflow: hidden;  display: block; position: relative; width: 100%;padding: 20px 0 100px;}
.world_header { width: 100%; overflow:hidden;margin:auto;display: block; position: relative;margin-bottom: 10px; margin-top: 40px;  }
.world_header dl{text-align: center;}
.world_header dl dd{cursor: pointer;display: inline-block; width: auto; height: auto;margin: 0;text-indent: 0;background: 0 0;padding: 6px 20px;position: relative; min-width: 160px;border-radius: 50px;background: #dadee4; color: #98a4b7; margin: 0 .8%;}
.world_header dd.active { background: #8baedb;color: #fff; }
.world_header dd.active { color: #fff; }
.world_header dd:hover{ background: #8baedb;color: #fff;  }

.asmmee{width: 100%;overflow:hidden;margin:auto;position:relative; margin-top:0px; padding-top: 30px;min-height: 350px; }
.asmmee .imgs { width:600px; min-height:200px; overflow:hidden; position:relative; float:right;  vertical-align: middle;line-height: 200px; }
.asmmee .imgs img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.asmmee .diopt { width:550px; display: block; overflow:hidden; float:left; margin-right: 50px;   }
.asmmee .diopt p { line-height:30px; height:auto; overflow:hidden; color:#666; font-size: 16px;}



.asmmbb{overflow: hidden;  display: block; position: relative; width: 100%;padding: 20px 0 100px;}
.asmmxz{width: 100%;overflow:hidden;margin:auto;position:relative; margin-top:0px; padding-top: 30px;min-height: 430px; text-align: center; }
.asmmxz img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.pipart { display: none; }
.pipart.active { display: block; }
/*AnyBackup CDM 7 副本数据管理*/


/*nyBackup Express 7 统一数据保护*/

.asnnaa{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.asnnaa ul{ overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 20px;}
.asnnaa ul li{display: block; width:320px ; margin: 10px; float: left; padding: 30px;  position: relative; overflow: hidden;}
.asnnaa ul li:nth-child{3n}{margin-right: 0;}
.asnnaa ul li .tit{color: #fff; margin: auto; padding: 36px 4% 0;width: 210px; height: 210px;border: 16px solid #eff2f4;font-size: 18px; box-sizing: border-box; border-radius: 50%; background: #393f5b;line-height: 24px;text-align: center;} 
.asnnaa ul li .tit span{width: 100%; font-size: 34px; display: inline-block;line-height: 48px;color: #ff8206; margin-bottom: 4px;}
.asnnaa ul li .text {width: 100%;overflow: hidden;display: block;position: relative; margin-top: 20px; text-align: center;}
.asnnaa ul li .text p{line-height: 24px; font-style: 15px;}


/*nyBackup Express 7 统一数据保护*/

/*AnyBackup Cloud 7 灾备云服务*/
.bqnnaa{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.bqnnaa .bqing{width: 100%;overflow: hidden; margin: 20px 0; display: block; position: relative; }
.bqnnaa .bqing p{line-height:32px; height:auto; overflow:hidden; color:#666; font-size: 17px;}
.bqnnaa ul{ overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 20px;}
.bqnnaa ul li{display: block; width:240px ; padding: 20px; margin-left:26px ; float: left;   position: relative; overflow: hidden; text-align: center;}
.bqnnaa ul li:first-child{margin-left: 0;}
.bqnnaa ul li .pic{ height: 70px; width: 70px; margin: auto; display: block; margin-bottom: 30px;}
.bqnnaa ul li .pic img{max-width: 100%;}
.bqnnaa ul li .tit{width: 100%; font-size: 24px; display: inline-block;line-height: 48px;color: #354576; margin-bottom: 4px;}
.bqnnaa ul li .text {width: 100%;overflow: hidden;display: block;position: relative; margin-top: 20px; text-align: center;}
.bqnnaa ul li .text p{line-height: 24px; font-style: 15px;}



.bqmmea{overflow: hidden;  display: block; position: relative; width: 100%;padding: 20px 0 100px;}
.woader { width: 100%; overflow:hidden;margin:auto;display: block; position: relative;margin-bottom: 10px; margin-top: 40px;  }
.woader dl{text-align: center;}
.woader dl dd{cursor: pointer;display: inline-block; width: auto; height: auto;margin: 0;text-indent: 0;background: 0 0;padding: 6px 20px;position: relative; min-width: 160px;border-radius: 50px;background: #dadee4; color: #98a4b7; margin: 0 .8%;}
.woader dd.active { background: #8baedb;color: #fff; }
.woader dd.active { color: #fff; }
.woader dd:hover{ background: #8baedb;color: #fff;  }

.bqmmee{width: 100%;overflow:hidden;margin:auto;position:relative; margin-top:0px; padding-top: 30px;height: 420px;display: none; }
.bqmmee .imgs { width:600px; min-height:200px; overflow:hidden; position:relative; float:left;  vertical-align: middle;line-height: 200px; }
.bqmmee .imgs img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.bqmmee .diopt { width:550px; display: block; overflow:hidden; float:right; margin-left: 50px;   }
.bqmmee .diopt p { line-height:32px; height:auto; overflow:hidden; color:#666; font-size: 17px;}

.bqmmee.active { display: block; }


/*AnyBackup Cloud 7 灾备云服务*/


.bqssaa{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}

.bqssaa ul{ overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 20px;}
.bqssaa ul li{display: block; width:340px;padding:20px; margin-left:30px ; float: left;   position: relative; overflow: hidden; text-align: center;}
.bqssaa ul li:first-child{margin-left: 0;}
.bqssaa ul li .pic{ height: 85px; margin: auto; display: block; margin-bottom: 30px;}
.bqssaa ul li .pic img{max-width: 100%;}
.bqssaa ul li .tit{width: 100%; font-size: 24px; display: inline-block;color: #354576; margin-bottom: 4px;}
.bqssaa ul li .text {width: 100%;overflow: hidden;display: block;position: relative; margin-top: 20px; text-align: center;}
.bqssaa ul li .text p{line-height: 24px; font-style: 15px;}

.asmmqe{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.asmng{width: 100%;overflow:hidden;margin:auto;position:relative; margin-top:30px; padding-top: 30px;margin-bottom: 40px; }
.asmng .text{width: 100%; display:block; overflow: hidden; margin-bottom: 4px;}



.mvnnaa{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.mvnnaa ul{ overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 20px;}
.mvnnaa ul li{display: block; width:100% ; position: relative; overflow: hidden;}
.mvnnaa ul li .imgs { width:600px; min-height:200px; overflow:hidden; position:relative; float:left;vertical-align: middle;line-height: 200px; }
.mvnnaa ul li .imgs img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.mvnnaa ul li .tit { width:550px; display: block; overflow:hidden; float:right; margin-left: 50px;   }
.mvnnaa ul li .tit .diopt { line-height:30px; height:auto; overflow:hidden; color:#666; font-size: 16px;}
.mvnnaa ul li .tit .text {width: 100%;overflow: hidden;display: block;position: relative; margin-bottom: 40px;font-size: 17px; line-height: 36px; border-bottom: 1px solid #dcdcdc; padding-bottom:40px ;}


.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;}



.trnnaa{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.trnnaa ul{ overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 20px;}
.trnnaa ul li{display: block; width:380px ;  float: left; margin-right: 30px;  position: relative; overflow: hidden;}
.trnnaa ul li:nth-child(3n){margin-right: 0;}
.trnnaa ul li .pic { width:380px; overflow:hidden; position:relative; }
.trnnaa ul li .pic img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.trnnaa ul li .tit { width:100%; display: block; overflow:hidden;font-size: 16px;margin-top: 20px;font-weight: 600; margin-bottom: 8px; color: #354576;  }
.trnnaa ul li .text {width: 100%;overflow: hidden;display: block;position: relative;}
.trnnaa ul li .text p{ font-size: 15px; line-height: 32px;}



.trooaa{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.trooaa ul{ overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 20px;}
.trooaa ul li{display: block; width:100% ; padding: 30px 0; position: relative; overflow: hidden; background: #f0f0f0;}
.trooaa ul li:nth-child(2){background: #353535;}
.trooaa ul li .pic { width:550px; margin-right: 50px; float: left; overflow:hidden; position:relative; }
.trooaa ul li .pic img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.trooaa ul li:nth-child(2) .pic{ width:550px; margin-left: 50px; margin-right: 0; float: right; overflow:hidden; position:relative; }
.trooaa ul li .bdings{ width:600px;  float: left; overflow:hidden; position:relative; }
.trooaa ul li .tit { width:100%; display: block; overflow:hidden;font-size: 16px;margin-top: 20px;font-weight: 600; margin-bottom: 8px; color: #354576;  }
.trooaa ul li .text {width: 100%;overflow: hidden;display: block;position: relative;}
.trooaa ul li .text p{ font-size: 15px; line-height: 32px;}
.trooaa ul li:nth-child(2) .tit{color: #fff;}
.trooaa ul li:nth-child(2) .text p{color: #fff;}



.rrnnns{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%; }
.rrnnns ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.rrnnns ul li{width: 49%; margin-right: 2%; display: block;float: left;height: 250px; position: relative;padding: 10px 0 10px;margin-bottom: 20px; background-color: #393F5B;position: relative; color: #fff;}

.rrnnns ul li:nth-child(2n){margin-right: 0; background: #ebebef;color: #666;}
.rrnnns ul li .pic{width: 100px; float: left;height: 53px; margin-top: 25px; text-align: center;transition: all ease .3s;}
.rrnnns ul li .pic img{width: 80px; margin: auto;}
.rrnnns ul li:hover .pic{margin-top: 15px;}
.rrnnns ul li .atent{width: calc(100% - 120px); float: left; }
.rrnnns ul li .atent .tit{width: 100%; font-size: 20px; line-height: 28px; margin-bottom: 10px; margin-top: 20px;transition: all ease .3s;} 
.rrnnns ul li .atent .text{width: 100%; font-size: 16px; line-height: 26px; min-height: 100px;} 
.rrnnns ul li:hover .atent .tit{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-size: 15px;}

.xxccav{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;background: url(../images/xxccav.jpg) no-repeat right #3c4258; background-size: auto 100%;}
.xxccav ul{border-top: 1px solid #fff; overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 60px;}
.xxccav ul li{display: block;padding: 1.5rem; position: relative; overflow: hidden; color: #fff;}
.xxccav ul li .tit{font-size: 20px; color: #fff; margin-bottom: 10px;} 
.xxccav ul li .text {width: 700px;overflow: hidden;display: block;position: relative;}
.xxccav ul li .text p{line-height: 24px; font-size: 15px;}





.treeaa{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%;}
.treeaa ul{ overflow: hidden; margin-top: 30px;position: relative;display: block; margin-bottom: 20px;}
.treeaa ul li{display: block; width:540px ;  float: left; margin-right: 120px;  position: relative; overflow: hidden;}
.treeaa ul li:nth-child(2n){margin-right: 0;}
.treeaa ul li .pic { width:540px; overflow:hidden; position:relative; }
.treeaa ul li .pic img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.treeaa ul li .tit { width:100%; display: block; overflow:hidden;font-size: 16px;margin-top: 20px;font-weight: 600; margin-bottom: 8px; color: #354576;  }
.treeaa ul li .text {width: 100%;overflow: hidden;display: block;position: relative;}
.treeaa ul li .text p{ font-size: 15px; line-height: 32px;}






