.virtualHost-banner .virtualHost-banner-width{width:1200px; margin:0 auto; height:500px; position:relative; }
.virtualHost-banner .virtualHost-banner-width01{float:left; color:#fff; margin-top:61px; width:700px; }
.water-virtualHost-banner .virtualHost-banner-width01 p{font-size:40px; background:none; margin-top:15px; padding-bottom:5px; }
.water-virtualHost-banner .virtualHost-banner-width01 h2{font-size:18px; padding:5px 0 25px; color:rgba(255,255,255,.9); line-height:51px; font-weight:100; }
.water-virtualHost-banner .virtualHost-banner-width01 a.btn-primary{font-size:18px; width:150px; height:40px; line-height:40px; border-radius:30px; margin-top:20px; box-sizing:border-box; text-align:center; border:1px solid #1F8FFF; transition:all ease-in .5s; display:inline-block; }

.btn-primary{background:#1F8FFF; }
.btn-primary:hover{background:#107BE6; }
.water-virtualHost-banner .virtualHost-banner-width02{margin-top:-26px; position:absolute; right:0; margin-right:0; width:auto; float:right; }
.font-w{/*font-weight:bold !important; *//*margin-bottom:30px;*/ }
.youxiu2 > ul li{width:16.66%; overflow:hidden; float:left; margin:0px 0 35px; text-align:center; position:relative; padding:30px 0 20px 0; transition:all ease .5s; }
.youxiu2 > ul li:after{position:absolute; left:0; content:""; width:1px; height:46px; background:#e3edf6; top:45px; }
.youxiu2 > ul li:first-child:after{background:#fff; }
.youxiu2 ul{overflow:hidden; }
.youxiu2 > ul li {width:16.66%; overflow:hidden; float:left; margin:36px 0 20px 0; text-align:center; position: relative; padding:30px 0 20px 0; transition:all ease .5s; }
.youxiu2 > ul li p {font-size:16px; color:#333; line-height:30px; margin:16px 0 0 0; }
.youxiu2 > ul li::after {display:none; position: absolute; right:0; content:""; width:2px; height:46px; background: #d7d7d7; top:46px; }
.youxiu2 > ul li:hover {background:#fff; transform:scale(1.1,1.1); box-shadow:0 0 5px 5px rgba(133,166,193,.10); }
.youxiu2 > ul li:hover::after {display:none; }
.youxiu2 > ul li:last-child::after {display:none; }

/*什么是点盾云音视频加密系统*/
.what-dian{padding-top:50px; background:#fafafa; }
.what-ti{font-size:18px; line-height:24px; color:#2a2e2e; text-align:center; }
.what-dian p{font-size:14px; line-height:24px; color:#5f6464; text-align:center; margin-top:5px; }
.gu-width{width:1200px; margin:0px auto}
.what-dian ul{overflow:hidden; padding:60px 0px; }
.what-dian ul li{position:relative; width:33.333333%; float:left; text-align:center; padding:50px 20px; box-sizing:border-box; }
.what-dian ul li:after{position:absolute; left:0; top:0px; content:""; width:1px; height:190px; background:#e3edf6; }
.what-dian ul li:first-child:after{background:#fff; }
.what-dian ul li h1{font-size:30px; line-height:35px; color:#2a2e2e; font-weight:bold; }
.what-dian ul li p{font-size:15px; line-height:24px; color:#2a2e2e; margin-top:30px; }

/*点盾云加密系统五大优势*/
.dian-xit{background:#f4f9fd; }
.you-wu{padding:50px 0px; }
.you-wu ul{overflow:hidden; margin:60px 0px 40px; }
.you-wu ul li{position:relative; float:left; width:20%; text-align:center; }
.you-wu ul li:after{position:absolute; left:0; top:50px; content:""; width:1px; height:100px; background:#e3edf6; }
.you-wu ul li:first-child:after{background:#fff; }
.you-tu img{max-width:100%; vertical-align:top; }
.you-wu ul li h2{font-size:18px; line-height:30px; color:#2a2e2e; font-weight:bold; margin-top:28px; }
.you-wu ul li p{font-size:14px; line-height:22px; color:#2a2e2e; margin-top:12px; }
.you-tu img{display:block; margin:0 auto; -webkit-transform-origin:center; transform-origin:center; -webkit-backface-visibility:hidden; backface-visibility:hidden}
.you-wu ul li:hover .you-tu img{animation:logo-shake .6s linear 1; -webkit-animation:logo-shake .6s linear 1; }
@-webkit-keyframes logo-shake{
	from{-webkit-transform:translateX(-15px); transform:translateX(-15px)}
	18%{-webkit-transform:translateX(15px); transform:translateX(15px)}
	36%{-webkit-transform:translateX(-10px); transform:translateX(-10px)}
	54%{-webkit-transform:translateX(10px); transform:translateX(10px)}
	72%{-webkit-transform:translateX(-5px); transform:translateX(-5px)}
	90%{-webkit-transform:translateX(5px); transform:translateX(5px)}
	100%{-webkit-transform:translateX(0); transform:translateX(0)}
}
@keyframes logo-shake{
	from{-webkit-transform:translateX(-15px); transform:translateX(-15px)}
	18%{-webkit-transform:translateX(15px); transform:translateX(15px)}
	36%{-webkit-transform:translateX(-10px); transform:translateX(-10px)}
	54%{-webkit-transform:translateX(10px); transform:translateX(10px)}
    72%{-webkit-transform:translateX(-5px); transform:translateX(-5px)}
	90%{-webkit-transform:translateX(5px); transform:translateX(5px)}
	100%{-webkit-transform:translateX(0); transform:translateX(0)}
}
.goTop{position:fixed; right:0px; bottom:20px; z-index:999; box-shadow:0 3px 10px rgba(59,67,73, .1); width:48px; height:48px; }
.goTop > img{width:48px; height:48px; cursor:pointer; }

/*点盾云使用流程*/
.dun-liu{position:relative; background:#f8f8f8; min-height:600px; }
.liu-cheng{padding:50px 0px; }
.dun-xian{position:absolute; left:0; top:422px; width:100%; height:2px; background:#f1f1f1; }
.liu-cheng ul{overflow:hidden; margin:60px 0px 40px; }
.liu-cheng ul li{float:left; width:25%; text-align:center; }
.liu-cheng ul li img{max-width:100%; vertical-align:top; }
.liu-cheng ul li p{font-size:15px; line-height:30px; color:#2a2e2e; font-weight:bold; margin-top:5px; }
.liu-qiu{position:relative; z-index:2; margin-top:15px; }
.liu-pic{width:300px; height:198px; }
.liu-cheng ul li img{-webkit-animation:1s ease; -moz-animation:1s ease; -ms-animation:1s ease; animation:1s ease; transform-origin:50% 100%; -webkit-transform-origin:50% 100%; -moz-transform-origin:50% 100%; }
.liu-cheng ul li:hover img{-webkit-animation-name:swing; -moz-animation-name:swing; -ms-animation-name:swing; animation-name:swing}
@keyframes swing{
	20%{transform:rotate(15deg)}
	40%{transform:rotate(-10deg)}
	60%{transform:rotate(5deg)}
	80%{transform:rotate(-5deg)}
	100%{transform:rotate(0); }
}

/*适用场景*/
.chang-jing{background:#f6f8fb; }
.shi-chang{padding:50px 0px; }
.shi-chang ul{overflow:hidden; margin:60px 0px 40px; }
.shi-chang ul li{position:relative; float:left; width:25%; text-align:center; }
.shi-div{width:300px; height:600px; overflow:hidden; }
.shi-div img{border:0; outline:none; display:block; width:100%; transition:all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transition:all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition:all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
.shi-chang ul li h3{position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; text-align:center; line-height:600px; font-size:30px; color:#fff; font-weight:bold; }
.shi-chang ul li:hover .shi-div img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); }

/*舆情监测*/
.water-virtualHost-banner{background:url(../images/dain-banner.png) no-repeat center; width:100%; overflow:hidden; position:relative; height:500px; }
.water-virtualHost-banner .virtualHost-banner-width02{margin-right:76px; margin-top:90px; }
.water-virtualHost-banner .virtualHost-banner-width01{margin-top:60px; }
.water-virtualHost-banner .virtualHost-banner-width01 p{font-size:40px; background:none; margin-top:65px; }
.water-virtualHost-banner .virtualHost-banner-width01 h2{font-size:18px; padding:18px 0 2px 0; color:rgba(255,255,255,.9); }
.water-virtualHost-banner .virtualHost-banner-width01 a.btn-primary{font-size:18px; width:150px; height:40px; line-height:40px; border-radius:30px; margin-top:54px; }

/*头部*/
.water-fang{width:100%; overflow:hidden; padding:40px 0 50px; }
.water-fang .bg-white{padding:30px 0; box-sizing:border-box; overflow:hidden; }
.water-fang .bg-white .water-fff-r{width:750px; display:inline-block; box-sizing:border-box; float:left; padding-right:34px; }
.water-fang .bg-white .water-fff-r h3{font-size:30px; color:#222; text-align:left; margin-top:22px; }
.water-fang .bg-white .water-fff-r p{font-size:16px; color:#666; line-height:30px; margin:25px 0 15px 0; text-align:left; }
.water-fang .bg-white .monitor-img{display:inline-block; float:left; width:450px; position:relative; z-index:11; }
.water-fang .bg-white .monitor-img img{max-width:100%; z-index:9; }
.water-fang .bg-white .monitor-img::before{position:absolute; content:""; width:393px; height:234px; border:1px solid #1f8fff; left:23px; top:30px; z-index:-1; }

/*核心亮点*/
.scn{font-size:30px; color:#222; text-align:center; line-height:40px; padding:20px 0; font-weight:500; }
.cn-ll{color:#666; font-size:18px; text-align:center; }
.scence{width:100%; overflow:hidden; background:#f0f8ff; padding:33px 0 50px; }
.scence .sen{width:1200px; margin:0 auto; }
.scence .sen-bd{margin:15px 0 0 0; overflow:hidden; }
.scence .sen-bd li{width:400px; margin:10px 0 30px; list-style:none; padding-bottom:5px; padding:0 27px; box-sizing:border-box; float:left; }
.scence .sen-bd li .sen-img{width:100%; overflow:hidden; text-align:center; }
.scence .sen-bd li .sen-img img{width:auto; transition:all ease .5s; }
.scence .sen-bd li:hover img{transform:scale(1.1,1.1); }
.scence .sen-bd li h3{font-size:18px; color:#333; text-align:center; padding:7px 0 10px; }
.scence .sen-bd li p{font-size:14px; color:#666; text-align:center; line-height:24px; margin-bottom:10px; min-height:50px; }
.scence .sen-bd li a{font-size:14px; color:#159afc; margin-top:20px; text-align:center; width:100%; text-decoration:none; }

/*合作伙伴*/
.water-he{background:#fafafa; overflow:hidden; }
.water-he .bg-blue{display:block; width:122px; line-height:38px; border-radius:2px; color:#fff; margin:20px auto 0; text-align:center; }
.water-he .bg-blue:hover{box-shadow:0 8px 15px rgba(36,85,195,.15); }
.water-he .youxiu{padding:10px 0 55px; }
/*.water-he .youxiu>ul li:hover{background:#f0f8ff; }*/
.water-he-list{background:#fff; overflow:hidden; width:100%; box-shadow:0 10px 15px rgba(36,85,195,.1); }
.water-he-left{width:256px; float:left; padding:30px 20px 10px; box-sizing:border-box; text-align:center; }
.water-he-left .water-he-img{width:130px; height:130px; margin:0 auto; overflow:hidden; padding:10px; box-sizing:border-box; }
.water-he-left img{max-width:100%; max-height:100%; transition:all ease .3s; }
.water-he-left p{font-size:16px; color:#333; line-height:30px; padding:6px 0; }
.water-he-left .yx-list-b{font-size:14px; color:#999; padding:12px 0 7px; display:inline-block; text-align:center; border-top:1px solid #eee; }
.water-he-left .yx-list-b div{display:inline-block; padding:0 4px 0 6px; box-sizing:border-box; line-height:20px; float:left; }
.water-he-left .yx-list-b div span{padding:0 2px; }
.water-he-left .yx-list-b .chan{border-right:1px solid #d2d2d2; }
.water-he-right{width:944px; float:left; padding:65px 25px 25px; box-sizing:border-box; border-left:6px solid #f5f5f5; }
.water-he-right p{font-size:14px; color:#333; line-height:24px; padding:0 0 15px; box-sizing:border-box; min-height:140px; }
.water-he-right a{float:right; display:block; font-size:14px; color:#1F8FFF; box-sizing:border-box; }
.water-he-right a:hover{color:#107BE6; }
.water-he-left .water-he-img:hover img{transform:scale(1.1,1.1); }

/*底部留言*/
.water-bottom{background:url(../images/dian-yun.png) no-repeat center; padding:130px 0 35px; text-align:center; height:500px; box-sizing:border-box; }
.water-bottom h3{font-size:30px; color:#fff; line-height:40px; }
.water-bottom p{font-size:18px; color:#fff; line-height:38px; margin:13px 0 22px; }
.water-bottom h5::before{position:absolute; width:25%; height:1px; background:#fff; top:20px; left:0; content:""; }
.water-bottom h5::after{position:absolute; width:25%; height:1px; background:#fff; top:20px; right:0; content:""; }
.water-bottom .ipt{margin-top:22px; display:inline-block; margin-bottom:80px; }
.water-bottom .ipt input{border-radius:0; float:left; width:162px; box-sizing:border-box; height:38px; margin:0; }
.water-bottom .ipt a{width:114px; line-height:38px; color:#333; font-size:14px; background:#1F8FFF; float:left; display:inline-block; margin-right:18px; padding-left:24px; box-sizing:border-box; }
.water-bottom .ipt>a{background:url(../images/phone.png) no-repeat 28px #1F8FFF; color:#fff; }
.water-bottom .ipt>a+a{background:url(../images/zixun2.png) no-repeat 14px #fff; color:#333; }
.water-bottom .ipt>a+a+a{margin-right:0; background:url(../images/liuyan2.png) no-repeat 14px #fff; color:#333; }
.water-bottom .ipt a:hover{box-shadow:2px 7px 8px 3px rgba(29, 35, 56, 0.15); z-index:99; }