*{padding:0; margin:0;}
li{list-style: none;}
.zhyq{background:url(../images/zhyq_banner.jpg) no-repeat center; height:500px;position}
.w_1200{position: relative;  width:1200px;height:500px; margin:0 auto;}
.info {position: absolute; left:0; top:76px;width: 480px;}
.info h3 {font-size: 47px;font-weight: 400;display: block;margin-bottom: 40px;color: #fff;}
.info .desc {font-size: 14px;color: #fff;line-height: 24px;}
.info a {width:120px;height:38px; line-height:38px; border: none; text-align:center; background-color: #039;font-size: 14px;color: #377dff; display:block;text-decoration: none; border-radius: 5px; margin-top:10px;}
.info a:hover{color:#eeee00;}
/*新旧对比图*/
.w_1200_title{width:1200px; margin:0 auto;height:100px; line-height:100px; font-size:30px; text-align:center;}
.vs{height:500px; width:100%}
.vs_1200{width:1200px; height:500px; margin:0 auto;}
.vs_1200_left{width:600px; height:500px;float:left; background:url(../images/vs1.jpg) no-repeat center;}
.vs_1200_right{width:600px; height:500px;float:left; background:url(../images/vs2.jpg) no-repeat center;}
/*管理平台列表*/
.glpt{width:100%;height:650px; background:#333; margin:30px 0;}
.glpt_1200_title{width:1200px; margin:0 auto;height:100px; line-height:100px; font-size:30px; text-align:center;color:#fff;}
.glpt_1200{width:1200px; height:500px; margin:0 auto;}
.glpt_left{width:936px;height:472px; background:url(../images/glpt.png) no-repeat; float:left;}
.glpt_right{width:232px; float:right; height:472px;}
.glpt_right ul{overflow:hidden;}
.glpt_right ul li img{border:1px solid #377dff; height:144px;list-style: none;}
.glpt_right_pic{margin:13px 0;}
/*可视化监控图片*/
.pic_list{height:600px;width:100%;clear:both;}
.pic_list h4{text-align:center; height:100px; line-height:100px; font-size:30px; text-align:center;}
.pic_list_1200{width:1200px;overflow:hidden;height:500px; margin:0 auto;}
.pic_list ul li{width:260px; height:200px; margin-right:25px; margin-bottom:25px; float:left; overflow:hidden; border-radius:5px; padding:10px;background:#ccc;}
.pic_list ul .txtc{float:right;margin-right:0;}
.pic_list .yuanqu1{background:url(../images/yuanqu1.jpg) no-repeat;}
.pic_list .yuanqu2{background:url(../images/yuanqu2.jpg) no-repeat;}
.pic_list .yuanqu3{background:url(../images/yuanqu3.jpg) no-repeat;}
.pic_list .yuanqu4{background:url(../images/yuanqu4.jpg) no-repeat;}
.pic_list .yuanqu5{background:url(../images/yuanqu5.jpg) no-repeat;}
.pic_list .yuanqu6{background:url(../images/yuanqu6.jpg) no-repeat;}
.pic_list .yuanqu7{background:url(../images/yuanqu7.jpg) no-repeat;}
.pic_list .yuanqu8{background:url(../images/yuanqu8.jpg) no-repeat;}
.pic_list ul li p{width:100%; line-height:50px; background:rgba(19, 18, 18, 0.5);font-size:18px; text-align:center; color:#fff; font-weight:bold;margin-top:80px;border-radius:5px;}
/*可视化建筑动画*/
.pid_txt,.pid_txt1{padding:15px;overflow:hidden; background:rgba(19, 18, 18, 0.5); color:#fff; display:block; width:100%; height:190px; z-index:99; position:absolute; left:0;}
.pid_txt b,.pid_txt1 b{color:#eeee00;height:30px; line-height:30px;display:block;}
.pic_list_1200 li .pid_txt{top:-100%;  transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; }
.pic_list_1200 li .pid_txt1{bottom:-100%;  transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; }
/*.pic_list_1200 li .pid_txt img{ width:60px; height:60px; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px; }*/
/*.pic_list_1200 li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }*/
/*.pic_list_1200 li:hover .pid_txt img{ transform:scale(1); -moz-transform:sca0le(1); -webkit-transform:scale(1); }*/
.pic_list_1200 li:hover .pid_txt{top:0%; }
.pic_list_1200 li:hover .pid_txt1{bottom:0%; }


/*数据中心监控分析*/
.shujuzhongxin{width:100%;overflow:hidden; margin:30px 0;  margin-bottom:0; clear:both;background:#013;padding-bottom:30px;}
.shujuzhongxin h4{text-align:center; height:100px;color:rgb(23, 138, 231); line-height:100px; font-size:30px; text-align:center;}
.shujuzhongxin_1200{width:1200px; margin:0 auto;}
.shujuzhongxin_1200 img{width:1200px; vertical-align:bottom; transition:.8s ease 0s; -moz-transition:.8s ease 0s; -webkit-transition:.8s ease 0s; }
.shujuzhongxin_1200:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }

/*视频移动背景*/
.yidong{width:100%; height:500px; overflow:hidden;margin-bottom:0;}
video{right: 0px;bottom: 0px; min-width: 100%;min-height: 100%;width: 100%;height:auto;z-index:-11}  
source{min-width: 100%;min-height: 100%;height: auto;width: auto;} 

/*视频上的图标*/
.yidong_1200{width:1200px; margin:0 auto;position:relative;}
.vodpic{width:1200px; height:200px; top:150px; position:absolute;margin:0 auto; z-index:10;}
.vodpic li{float: left;width: 25%; text-align:center; color:#fff;}
.vodpic li a{display:block;overflow:hidden; color:#fff; text-decoration:none;}
.vodpic li a img{border-radius:100px; border:3px solid #fff;}
.vodpic li a img{display:block; vertical-align:middle; margin:0 auto; -moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s; }
.vodpic li a:hover img{ transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg); }

.vodpic li a p{line-height:40px; font-weight:bold;}
.delay1{ -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.delay2{ -webkit-animation-delay:0.6s; animation-delay:0.6s; }
.delay3{ -webkit-animation-delay:0.8s; animation-delay:0.8s; }
.delay4{ -webkit-animation-delay:1s; animation-delay:1s; }
.delay5{ -webkit-animation-delay:1.2s; animation-delay:1.2s; }
.delay6{ -webkit-animation-delay:1.2s; animation-delay:1.4s; }
.delay7{ -webkit-animation-delay:1.2s; animation-delay:1.7s; }
.delay8{ -webkit-animation-delay:1.2s; animation-delay:1.8s; }