/*banner*/
.virtualHost-banner{width: 100%;overflow: hidden; position: relative;background: url(../images/banner.jpg) no-repeat center ;height: 400px;}
.virtualHost-banner .virtualHost-banner-width{width: 1200px;margin: 0 auto;height: 400px;position: relative;height:400px;}
.virtualHost-banner .virtualHost-banner-width01{color: #fff;margin-top:100px;text-align: left;display: inline-block;float: left;}
.virtualHost-banner .virtualHost-banner-width01 h2{font-size: 48px;line-height: 50px;font-weight: 100;display: inline-block;}
.virtualHost-banner .virtualHost-banner-width01 p{font-size: 24px;margin: 30px 0 0; line-height: 48px;font-weight: 100;display: inline-block;width: 100%;}
.virtualHost-banner .virtualHost-banner-width01 a{font-size: 22px;width: 180px;border: 1px solid #fff; height:52px;line-height:52px;display: block;box-sizing: border-box;text-align: center;transition: all ease-in .5s;border-radius: 30px;margin-top: 27px;}
.virtualHost-banner .virtualHost-banner-width01 a:hover{background: #fff;color: #1F8FFF;}
.virtualHost-banner .banner-image{height: 400px;}
.virtualHost-banner .banner-text{bottom: 0;}
.virtualHost-banner .virtualHost-banner-width02{width: 511px;position: absolute;right: 50px;top:45px;}
.virtualHost-banner .virtualHost-banner-width02 img{display: block;}


/*传统社区，面临的问题*/
.card-title h3{font-size: 40px;color: #191c26;line-height: 40px;text-align: center;}
.card-title p{font-size: 16px;color: #191c26;line-height: 30px;text-align: center;margin: 18px auto;max-width: 70%;}
.tra-qu{padding: 83px 0 65px;overflow: hidden;}
.tra-qu ul{margin-top: 40px;}
.tra-qu ul li{width: 580px;float: left;height: 100px; border-radius: 50px;background: #fef0f0;padding:20px 45px 0;box-sizing: border-box;overflow: hidden;margin: 22px 0;transition: all ease .3s;}
.tra-qu ul li span{width: 40px;height: 40px;font-size: 24px; background: #ff6163;border-radius: 10px;color: #fff;line-height: 40px;text-align: center;display: inline-block;float: left;margin-right: 20px;margin-top: 10px;}
.tra-qu ul li div{display: inline-block;}
.tra-qu ul li:nth-child(2n){float: right;}
.tra-qu ul li div h3{font-size: 18px;color: #191c26;line-height: 33px;}
.tra-qu ul li div p{font-size: 14px;color: #636673;line-height: 25px;}
.tra-qu ul li.tra-one:hover{box-shadow: 0 5px 25px rgba(112,0,0,.12);}
.tra-qu ul li.tra-two:hover{box-shadow: 0 5px 25px rgba(164,90,0,.12);}
.tra-qu ul li.tra-three:hover{box-shadow: 0 5px 25px rgba(0,117,144,.12);}
.tra-qu ul li.tra-four:hover{box-shadow: 0 5px 25px rgba(0,106,35,.12);}

/*方案亮点*/
.sq-liang{background: #f0f8ff;padding: 85px 0 80px;overflow: hidden;}
.sq-liang ul{margin-top:52px;overflow: hidden;}
.sq-liang ul li{width: 261px;height: 300px;float: left;border-radius: 16px; margin-right: 52px;background: #fff;text-align: center;padding: 60px 45px;box-sizing: border-box;transition: all ease .3s;}
.sq-liang ul li:last-child{margin-right: 0;}
.sq-liang ul li img.sq-img1{display: block;}
.sq-liang ul li img.sq-img2{display: none;}
.sq-liang ul li img{margin: 0 auto;}
.sq-liang ul li h3{font-size: 24px;color: #191c26;line-height: 30px;margin: 25px 0 10px;}
.sq-liang ul li p{font-size: 14px;color: #636673;line-height: 25px;margin: 20px 0 10px;}
.sq-liang ul li:hover img.sq-img2{display: block;}
.sq-liang ul li:hover img.sq-img1{display: none;}
.sq-liang ul li:hover {background: #1F8FFF;}
.sq-liang ul li:hover h3{color: #fff;}
.sq-liang ul li:hover p{color: #fff;}

/**/
.bzhgsh{background: url(../images/bg2.jpg) no-repeat top;padding: 85px 0 30px;overflow: hidden;}
.bzhgsh .card-title h3{color: #fff;}
.bzhgsh ul{box-shadow: 0 5px 15px rgba(39,52,104,.16);border-radius: 16px;height: 380px;background: #fff;margin: 80px 0 30px;}
.bzhgsh ul li{width: 400px;float: left;padding:90px 40px 0;box-sizing: border-box;height: 380px;transition: all ease .2s;}
.bzhgsh ul li h3{font-size: 24px;color: #191c26;line-height: 40px;}
.bzhgsh ul li p{font-size: 16px;color: #636673;line-height: 30px;}
.bzhgsh ul li span{background: #1F8FFF;width:24px;height: 4px;display: block;margin: 30px 0;}
.bzhgsh ul li.selected{background: #1F8FFF;height: 420px;border-radius: 16px;margin-top: -20px;}
.bzhgsh ul li.selected span{background: #fff;}
.bzhgsh ul li.selected h3{color: #fff;margin-top: 20px;}
.bzhgsh ul li.selected p{color: #fff;}
/*业主APP*/
.yezhu{padding:50px 0 0;}
.yezhu .yezhu-cn{overflow: hidden;margin: 40px 0 30px;}
.yezhu .yezhu-img{float: left;width: 634px;}
.yezhu .yezhu-list{width: 497px;float: right;}
.yezhu .yezhu-list ul{margin-top: 60px;}
.yezhu .yezhu-list ul li{margin: 20px 0;}
.yezhu .yezhu-list ul li h5{font-size: 18px;color: #191c26;line-height: 40px;font-weight: bold;}
.yezhu .yezhu-list ul li p{font-size: 16px;color: #636673;line-height: 30px;}
.yezhu .yezhu-list a{background: #1F8FFF;border-radius: 22px;color: #fff;width: 164px;height: 44px;line-height: 44px;text-align: center;margin-top: 43px;display: block;}
.yezhu .yezhu-list a:hover{background: #107BE6;}
.yezhu .yezhu-list ul li:hover h5{color: #1F8FFF;}

.wuye{overflow: hidden;background: #eff7fe;padding: 85px 0 0;}
.wuye .yezhu-img{width: 807px;float: right;}
.wuye .yezhu-list{width: 350px;float: left;margin-left: 40px;}
.wuye .yezhu-cn{margin-bottom: 0;}

.wuyepc{padding: 85px 0 80px;overflow: hidden;}
.wuyepc ul{margin: 50px auto 30px;}
.wuyepc ul li{width: 380px;height: 150px;margin:13px 0; box-shadow: 0 5px 30px rgba(39,52,104,.12);border-radius: 16px;padding: 30px 40px;box-sizing: border-box;display: inline-block;}
.wuyepc ul li .wuyepc-img{float: left;margin-top: 13px;transition: all ease .3s;}
.wuyepc ul li .wuyepc-text{float: left;margin-left: 20px;margin-top: 5px;}
.wuyepc ul li .wuyepc-text h3{font-size: 18px;font-weight: bold;color: #191C26;line-height: 40px;}
.wuyepc ul li .wuyepc-text p{font-size: 14px;color: #636673;line-height: 25px;}
.wuyepc ul li:nth-child(3n-1){margin: 13px 25px;}
.wuyepc ul li:hover{box-shadow: 0 5px 30px rgba(39,52,104,.16);}
.wuyepc ul li:hover .wuyepc-img{margin-top: 7px;}
.wuyepc ul li:hover h3{color: #1F8FFF;}
.wuyepc a{display: block;width: 164px;height: 44px;background: #1F8FFF;color: #fff;text-align: center;clear: both; line-height: 44px;margin: 0 auto;border-radius:22px ;}
.wuyepc a:hover{background: #107BE6;}
/*渠道合作流程*/
.liucheng{background: #e5edf5;padding: 45px 0 15px;overflow: hidden;}
.liucheng ul li{text-align: center;width: 240px;float: left;position: relative;margin: 35px 0;}
.liucheng ul li img{transition: all ease .3s;}
.liucheng ul li::after{position: absolute;content: url(../images/right.png);width: 38px;height: 28px;right: -19px;top: 70px;}
.liucheng ul li h3{font-size: 18px;color: #333;line-height: 30px;}
.liucheng ul li:last-child::after{display: none;}
.liucheng ul li:hover img{transform: scale(1.1,1.1);}


.keshihua{width: 100%;overflow: hidden;background: url(../images/bg3.jpg) no-repeat center;padding:85px 0 50px;text-align: center;background-size: cover;}
.keshihua .card-title h3{font-size: 30px;color: #fff;line-height: 40px;}
.keshihua .card-title p{font-size: 18px;color: #fff;line-height: 38px;margin: 16px auto 10px;}
.keshihua ul{display: inline-block;}
.keshihua ul li{display: inline-block;float: left;margin: 33px 0 0;padding:10px 25px 10px 40px;color: #fff;}
.keshihua ul li:first-child{background: url(../images/phone.png) no-repeat 15px #1F8FFF;}
.keshihua ul li:nth-child(2){background: url(../images/zixun2.png) no-repeat 15px #fff;color: #333;margin:33px 20px 0;}
.keshihua ul li:nth-child(3){background: url(../images/liuyan2.png) no-repeat 15px #fff;color: #333;}