.virtualHost-banner .virtualHost-banner-width {
    width: 1200px;
    margin: 0 auto;
    height: 400px;
    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 !important;
}
.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;}
.youxiu > 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;
}
.youxiu > ul li:after{position: absolute;left: 0;content: "";width: 1px;height: 46px;background: #e3edf6;top: 45px;}
.youxiu > ul li:first-child:after{background: #fff;}
.youxiu ul{overflow: hidden;}
.oto-k {position: relative;float: right;width: 500px;}
.oto-k .ipc1{position: absolute;top: 125px;left: 115px;}
.oto-k .ipc2{position: absolute;top: 228px;left: 164px;}
.oto-k .ipc3{position: absolute; top: 206px;right: 66px;}
.oto-k .ipc4{position: absolute;top: 88px;right: 76px;}
.floater {
	animation-name: floater;
	-webkit-animation-name: floater;
	-moz-animation-name: floater;
	animation-duration: 3.5s;
	-webkit-animation-duration: 3.5s;
	-moz-animation-duration:3s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	visibility: visible!important
}
@keyframes floater {
	0% {
		transform: translateY(0%)
	}
	50% {
		transform: translateY(5px)
	}
	100% {
		transform: translateY(0%)
	}
}

@-webkit-keyframes floater {
	0% {
		-webkit-transform: translateY(0%)
	}
	50% {
		-webkit-transform: translateY(5px)
	}
	100% {
		-webkit-transform: translateY(0%)
	}
}


.delye1 {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
}
.delye2 {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
}
.delye3 {
	animation-delay: 2s;
	-webkit-animation-delay:2s;
	-moz-animation-delay: 2s;
}
@keyframes nope {
	0% {
		transform: translateX(0)
	}
	6.5% {
		transform: translateX(-7px) rotateY(-10deg)
	}
	18.5% {
		transform: translateX(6px) rotateY(8deg)
	}
	31.5% {
		transform: translateX(-4px) rotateY(-6deg)
	}
	43.5% {
		transform: translateX(3px) rotateY(4deg)
	}
	50% {
		transform: translateX(0)
	}
}


/*为什么要做智慧O2O*/
.what-dian{padding-top: 50px; background: #fff;}
.what-ti{font-size:18px;line-height: 25px; color: #2a2e2e;text-align: center;}
.gu-width{width: 1200px; margin: 0px auto;}
.oto-ul ul{font-size: 0;text-align: center;margin: 10px 0px 50px;}
.oto-ul ul li{display: inline-block;vertical-align: top;width: 25%;padding: 10px 20px;box-sizing: border-box;}
.oto-ul ul li h1{font-size: 18px; line-height: 30px; color: #333;margin-top: 10px;}
.oto-ul ul li p{font-size: 16px; line-height: 25px; color: #666;margin-top: 10px;}
.oto-ul ul li:hover img{animation-name: nope;
	animation-duration: 2s;
	animation-timing-function: ease-in-out}
/*特色功能*/
.dian-xit{background: #f0f8ff;}


.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:url(../images/po-bg1.png) top center no-repeat;min-height: 500px;}
.liu-cheng{padding: 30px 0px 60px;}
.liu-cheng ul{margin:0px 0px 0px;text-align: center;font-size: 0; padding:20px 0px;}
.liu-cheng ul:after{content:" ";display:block;height:0;clear:both;visibility:hidden;zoom:1;}
.liu-cheng ul li{overflow: hidden;display:inline-block;vertical-align:top;min-height:303px;width: 280px;background:#fff;box-sizing: border-box;margin-left: 25px;border-radius: 5px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
box-shadow: 0 5px 20px -12px #9fb9e2;}
.liu-cheng ul li:first-child{margin-left: 0;}
.liu-cheng ul li img{width:280px;height:187px;vertical-align: top;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.liu-cheng ul li p{font-size:14px;line-height: 25px;color: #666;margin-top: 15px;padding: 0px 20px 15px;text-align: left;}
.liu-qiu{position: relative;z-index: 2;margin-top: 15px;}
.liu-cheng ul li:hover{box-shadow: 0 15px 20px -12px #8fa4c5;}
.liu-pic{width: 280px; height: 187px; overflow: hidden;}
.liu-cheng ul li:hover .liu-pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
/*方案优势*/
.chang-jing{background: #fff;}
.shi-chang{padding: 40px 0px;}
.shi-chang ul{margin: 15px 0px 0px;font-size: 0;}
.shi-chang ul:after{content:" ";display:block;height:0;clear:both;visibility:hidden;zoom:1;}
.shi-chang ul li{display:inline-block;vertical-align:top;width: 350px;text-align: center;margin-left:75px;}
.shi-chang ul li:first-child{margin-left: 0px;}
.shi-div{position:relative;text-align: center; overflow: hidden;padding-bottom: 5px;}
.vv-p{position: absolute;bottom:0px;right: 60px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.shi-div .vv-a{border:0;outline:none;height: 220px;}
.shi-chang ul li h3{text-align: center;font-size: 24px;color: #222;  font-weight: normal;margin-top: 30px;background: url(../images/dian.png) center no-repeat;}
.shi-chang ul li p{font-size:14px;line-height: 25px;color: #666;margin-top: 15px;box-sizing: border-box;padding: 0px 10px;}
.shang-tu{position:relative;text-align: center;margin-top: 20px;}
.sg-p1{position: absolute;top: 0px;left: 110px;}
.sg-p2{position: absolute;top: 250px;left: 108px;}
.sg-p3{position: absolute;top: -15px;right:120px;}
.sg-p4{position: absolute;top: 135px;right:105px;}
.sg-p5{position: absolute;top:280px;right: 100px;}
.shi-chang ul li:hover .vv-p{right: 50px;}
.sg-p{margin-left: 30px;}
/*功能亮点*/
.oto-bg{background: url(../images/oto-bg.png) no-repeat center;width: 100%;height: 439px;}
.oto-cheng{padding: 40px 0px;}
.oto-cheng h3{color: #fff;}
.oto-gong ul{text-align: center;font-size: 0;margin: 0px 95px;}
.oto-gong ul li{width: 127px; height: 150px;display: inline-block;vertical-align: top;margin: 0px 12px;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.21s ease;}
.oto-gong ul li img{height:50px;margin-top: 30px;}
.oto-gong ul li p{font-size:14px;line-height: 25px;color: #fff;margin-top: 15px;}
.oto-gong ul li:hover{background: url(../images/bgn.png) top center no-repeat;}
/*智慧O2O，开启“互联网+”销售新模式*/
.zhi-pto{position:relative;height:424px;margin-top:20px;background: url(../images/b6.png) bottom center no-repeat;}
.zhi-h1{position: absolute;top: 30px; left: 175px;z-index: 3;}
.zhi-h2{position: absolute;top: 20px; left:320px;z-index: 4;}
.zhi-h3{display: block;margin: 0px auto;position: relative;z-index: 5;}
.zhi-h4{position: absolute;top: 20px; right:320px;z-index: 4;}
.zhi-h5{position: absolute;top: 30px; right:175px;z-index: 3;}
/*舆情监测*/
.water-virtualHost-banner{background: url(../images/dain-banner.png) no-repeat center;width: 100%;overflow: hidden;position: relative;height: 400px;}
.water-virtualHost-banner .virtualHost-banner-width02{margin-right: 76px;margin-top: 91px;}
.water-virtualHost-banner .virtualHost-banner-width01{margin-top: 61px;}
.water-virtualHost-banner .virtualHost-banner-width01 p{font-size: 40px;background: none;margin-top: 20px;margin-bottom: 5px !important;}
.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:35px;}
/*头部*/
.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: 35px;}
.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: 25px;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 #eeeeee;}
.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: 25px;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;text-align: center;height: 300px;box-sizing: border-box;}
.water-bottom h3{font-size: 30px;color: #fff;line-height: 40px;padding-top: 60px;}
.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: 60px;}
.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;}