.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 !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;}
/*什么是智慧交警解决方案？*/
.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;}
.pl-con{overflow: hidden;padding-bottom: 35px;}
.pl-l{float: left;width: 440px;}
.pl-r{float: left;width: 720px;margin-left: 40px;margin-top: 30px;}
.pl-r h5{font-size: 18px; line-height: 30px;color: #222;position: relative;box-sizing: border-box;padding-left: 10px;}
.pl-r h5:before{position: absolute;top:7px;left: 0;width: 4px;height: 18px;background: #4070ff;content: '';}
.pl-r p{font-size: 16px; line-height: 30px;color: #666;margin-top: 15px;}
/*特色功能*/
.dian-xit{background: #f0f8ff;}
.you-wu{padding: 50px 0px;}
.pt-z{width: 230px;float: left;}
.pt-z ul li{height: 80px;background: #fefefe;margin-bottom: 3px;font-size: 20px;line-height: 80px;text-align: center;color: #666;cursor: pointer;}
.pt-z ul li.dan{background: #4070ff;color: #fff;}
.pt-y{float: left;width: 965px;margin-left: 5px;background: #fefefe;box-sizing: border-box;padding: 37px 80px;min-height: 578px;text-align: center;}
.pl-tl{overflow: hidden;margin: 20px 0px 30px;}
.pt-y p{font-size: 16px; line-height: 30px;color: #666;}
.pt-pic{margin-top: 60px;}
.pt-pic img{margin-left: 60px;}
.pt-pic img:first-child{margin-left:0px;vertical-align: top;}
.pt-y ul li{display: none;}
.pt-y ul li:first-child{display:block}

.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 h3{color: #fff !important;}
.liu-cheng ul{overflow: hidden;margin:30px 0px 0px;text-align: center;font-size: 0;}
.liu-cheng ul li{display:inline-block;vertical-align:top;min-height:303px;width: 280px;background:#fff;box-sizing: border-box;padding: 30px 20px;margin-left: 25px;}
.liu-cheng ul li:first-child{margin-left: 0;}
.liu-cheng ul li img{max-width: 100%;vertical-align: top;}
.liu-cheng ul li h1{font-size:22px;line-height: 30px;color: #222;}
.liu-cheng ul li p{font-size:15px;line-height: 30px;color: #484848;margin-top: 15px;}
.liu-qiu{position: relative;z-index: 2;margin-top: 15px;}
.liu-pic{margin-bottom: 20px;}
.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: #f0f8ff;}
.suc-p{font-size:16px;line-height: 30px;color: #666;margin-top: 10px;text-align: center;}
.shi-chang{padding: 40px 0px;}
.shi-chang ul{overflow: hidden;margin: 35px -8px -10px;font-size: 0;}
.shi-chang ul li{position: relative;display:inline-block;vertical-align:top;width: 304px;text-align: center;}
.shi-div{width: 304px; overflow: hidden;}
.shi-div img{border:0;outline:none;display: block;width: 100%;}
.shi-chang ul li h3{position: absolute;top: 0;left: 0; right: 0;bottom: 0;z-index: 2;text-align: center;font-size: 30px; color: #fff; font-weight: bold;}
.ying-chang{padding: 0px 0px 60px;}
.ying-chang ul{text-align: center;font-size: 0;margin-top: 25px;}
.ying-chang ul li{position:relative;display:inline-block;vertical-align:top;width:280px;height:190px;overflow:hidden;margin-left: 26px;}
.ying-chang ul li img{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);}
.ying-chang ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.ying-chang ul li:first-child{margin-left: 0;}
.ying-chang ul li h5{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;color:#fff;font-size: 24px;line-height: 190px;text-align: center;}
/*舆情监测*/
.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: 299px;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;}