/*SAAS平台物业管理软件*/
.manage{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;}
.big_title{text-align: center;margin: 140px auto 80px;}
.big_title h2{color: #333;font-size: 36px;line-height: 40px;height: 40px;overflow: hidden;margin-bottom: 24px;}
.big_title h3{color: #333;font-size: 36px;line-height: 40px;height: 40px;overflow: hidden;}
.big_title p{color: #888;font-size: 14px;line-height: 1;height: 14px;overflow: hidden;}
.managelist{width: 100%;height: auto;overflow: hidden;}
.managelist ul{width: 100%;height: auto;overflow: hidden;}
.managelist ul li{float: left;width: 186px;height: 270px;overflow: hidden;background: #fff;cursor: pointer;margin-right: 16px;position: relative;-webkit-transition: .4s all;}
.managelist ul li:last-child{margin-right: 0;}
.manage_con{width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;}
.manage_con img{width: 48px;height: 48px;overflow: hidden;display: block;margin: 45px auto 33px}
.manage_con h5{color: #434547;font-size: 18px;line-height: 1;text-align: center;height: 18px;overflow: hidden;}
.manage_con a{color: #fff;line-height: 32px;text-align: center;  width: 80px;height: 32px;overflow: hidden;display: block;background: url(../images/det.png) no-repeat center;margin: 70px auto 24px;}
.manage_hover{width: 100%;height: 0px;overflow: hidden;position: absolute;left:0;top: 175px;}
.manage_hover h5{color: #434547;font-size: 18px;line-height: 1;text-align: center;height: 18px;overflow: hidden;margin: 42px 0 26px;}
.manage_hover p{color: #888;font-size: 14px;line-height: 28px;width: 126px;height: 112px;overflow: hidden;margin: 0 auto;}
.manage_hover a{color: #fff;line-height: 32px;text-align: center;  width: 80px;height: 32px;overflow: hidden;display: block;background: url(../images/det.png) no-repeat center;margin: 28px auto 12px;}





.cover{width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.cover img{width: 48px;height: 48px;overflow: hidden;display: block;margin: 45px auto 0;opacity: 1;-webkit-transition: .5s opacity;}
.cover h5{color: #434547;font-size: 18px;line-height: 1;text-align: center;height: 18px;overflow: hidden;margin-top: 33px;-webkit-transition: .7s margin-top;}
.cover p{color: #888;font-size: 14px;line-height: 28px;width: 126px;height: 112px;overflow: hidden;margin: 0 auto;opacity: 0;-webkit-transition: .5s opacity;display: none;}
.cover a{color: #fff;line-height: 32px;text-align: center;  width: 80px;height: 32px;overflow: hidden;display: block;background: url(../images/det.png) no-repeat center;margin: 70px auto 24px;margin-top: 70px;;-webkit-transition: .7s margin-top;}
.cover:hover img{opacity: 0;display: none;}
.cover:hover h5{margin-top: 42px;}
.cover:hover p{opacity: 1;display: block;margin-top: 26px;}
.cover:hover a{margin-top: 28px;}

/*收费管理流程*/
.process{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;}
.pro_con{width: 100%;height: auto;overflow: hidden;padding-bottom: 32px;}
.flowchart{width: 430px;height: 442px;overflow: hidden;margin: 0 396px 0 374px;/*position: relative;z-index: 30;top: 0px;*/opacity: 0;}
.flowchart img{width: 100%;height: 100%;overflow: hidden;display: block;}
.pro_con ol.line{width: 430px;height: 442px;z-index: 20;left: 374px;top: 0}
.pro_con ol.line li{position: absolute;overflow: hidden;}
.pro_con ol.line li.line-01{width: 0px;height: 8px;overflow: hidden;left: 0px;bottom: 159px}
.pro_con ol.line li.line-02{width: 0px;height: 8px;overflow: hidden;left: 99px;bottom: 16px}
.pro_con ol.line li.line-03{width: 0px;height: 8px;overflow: hidden;right: 33px;bottom: 65px}
.pro_con ol.line li.line-04{width: 0px;height: 8px;overflow: hidden;right: 18px;bottom: 212px}
.pro_con ol.line li.line-05{width: 0px;height: 8px;overflow: hidden;right: 33px;top: 78px}
.pro_con ol.line li i{width: 100%;height: 100%;display: block;position: absolute;background: url(../images/line.png) no-repeat;}
.pro_con ol.line li.line-01 i{background-position: 0px 0px;right: 0px;width: 51px}
.pro_con ol.line li.line-02 i{background-position: 0px -10px;right: 0px;width: 138px}
.pro_con ol.line li.line-03 i{background-position: 0px -20px;left: 0px;width: 93px}
.pro_con ol.line li.line-04 i{background-position: 0px -30px;left: 0px;width: 42px}
.pro_con ol.line li.line-05 i{background-position: 0px -40px;left: 0px;width: 93px}
.pro_con ul.flow{width: 1138px;height: 430px;overflow: hidden;top: 44px;left: 36px;z-index: 21;}
.pro_con ul.flow li{position: absolute;display: none;}
.pro_con ul.flow li.flow-01{width: 275px;left: 0;bottom: 148px;}
.pro_con ul.flow li.flow-02{width: 275px;left: 0;bottom: 3px;}
.pro_con ul.flow li.flow-03{width: 290px;right: 0;bottom: 32px;}
.pro_con ul.flow li.flow-04{width: 290px;right: 0;top: 158px;}
.pro_con ul.flow li.flow-05{width: 290px;right: 0;top: 3px;}
.pro_con ul.flow li .flow-text{}
.pro_con ul.flow li.flow-01 .flow-text,.pro_con ul.flow li.flow-02 .flow-text{float: right;text-align: right;width: 210px;margin-right: 17px;}
.pro_con ul.flow li.flow-03 .flow-text,.pro_con ul.flow li.flow-04 .flow-text,.pro_con ul.flow li.flow-05 .flow-text{float: left;text-align: left;width: 224px;margin-left: 17px;}
.pro_con ul.flow li .flow-text h5{font-size: 18px;line-height: 18px;margin: 2px 0 8px;}
.pro_con ul.flow li .flow-text p{color: #888;line-height: 22px;max-height: 66px;}
.pro_con ul.flow li .flow-text p em{color: #ff6000;font-weight: bold;}

.pro_con ul.flow li .flow-icon{width: 48px;height: 48px;overflow: hidden;}
.pro_con ul.flow li .flow-icon img{width: 100%;height: 100%;overflow: hidden;display: block;}
.pro_con ul.flow li.flow-01 .flow-icon,.pro_con ul.flow li.flow-02 .flow-icon{float: right;}
.pro_con ul.flow li.flow-03 .flow-icon,.pro_con ul.flow li.flow-04 .flow-icon,.pro_con ul.flow li.flow-05 .flow-icon{float: left;}



/*智能版本*/
.intel{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;}
.intelist{width: 100%;height: auto;overflow: hidden;}
.intelist ul>li{width: 294px;height: 600px;overflow: hidden;float: left;margin-right: 8px;position: relative;cursor: pointer;}
.intelist ul>li:last-child{margin-right: 0;}
.intelist_top{width: 100%;height: 130px;overflow: hidden;color: #fff;line-height: 1;text-align: center;background: url(../images/ditu1.png) no-repeat center;position: relative;}
.intelist_top1{background: url(../images/ditu2.png) no-repeat center;}
.intelist_top2{background: url(../images/ditu3.png) no-repeat center;}
.intelist_top3{background: url(../images/ditu4.png) no-repeat center;}
.intelist_top .ti{font-size: 24px;margin: 32px 0 20px}
.intelist_top p{margin-bottom: 40px;}
.intelist li .intelist_bottom{width: 100%;height: 470px;overflow: hidden;background: #fff;perspective: 1000;-webkit-perspective: 1000;}
.intelist li .intelist_bottom .face{width: 294px;position: absolute;-webkit-transition: all 2s ease;-moz-transition: all 2s ease;transition: all 2s ease;backface-visibility: hidden;
    -ms-backface-visibility: hidden;-moz-backface-visibility: hidden; -webkit-backface-visibility: hidden;-o-backface-visibility: hidden;}
.intelist li .intelist_bottom .front{width: 294px;text-align: center;height: 470px;overflow: hidden;z-index: 10}
.intelist li .intelist_bottom .back{width: 100%;height: 470px;overflow: hidden;
		transform:rotate3d(0,1,0,-180deg);
    -ms-transform:rotate3d(0,1,0,-180deg);  /* IE 9 */
    -moz-transform:rotate3d(0,1,0,-180deg); /* Firefox */
    -webkit-transform:rotate3d(0,1,0,-180deg); /* Safari 和 Chrome */
    -o-transform:rotateY(0,1,0,-180deg);  /* Opera */
    z-index: 8;
}

.intelist li .card-flipped .front{
    transform:rotate3d(0,1,0,180deg);
    -ms-transform:rotate3d(0,1,0,180deg);/* IE 9 */
    -moz-transform:rotate3d(0,1,0,180deg);/* Firefox */
    -webkit-transform:rotate3d(0,1,0,180deg);/* Safari 和 Chrome */
    -o-transform:rotate3d(0,1,0,180deg);  /* Opera */
    z-index: 8;
}
.intelist li .card-flipped .back{
    transform:rotate3d(0,1,0,0deg);
    -ms-transform:rotate3d(0,1,0,0deg);/* IE 9 */
    -moz-transform:rotate3d(0,1,0,0deg);/* Firefox */
    -webkit-transform:rotate3d(0,1,0,0deg);/* Safari 和 Chrome */
    -o-transform:rotate3d(0,1,0,0deg);  /* Opera */
    z-index: 10;
}


.face_list{width: 232px;height: auto;overflow: hidden;margin: 82px auto 60px;}
.intelist ul>li:nth-child(2) .face_list{margin: 73px auto 33px;}
.intelist ul>li:nth-child(3) .face_list,.intelist ul>li:nth-child(4) .face_list{margin: 70px auto 52px;}
.face_list li{font-size: 18px;line-height: 36px;height: 36px;overflow: hidden;}
.intelist ul>li:nth-child(3) .face_list li,.intelist ul>li:nth-child(4) .face_list li{line-height: 40px;height: 40px;}
.intelist ul>li .face_list li:last-child{height: 28px;background: url(../images/li.png) no-repeat center;}

.divider{width: 232px;height: 2px;overflow: hidden;background: #dbdbdb;margin: 0 auto}
.trial{width: 130px;height: 38px;overflow: hidden;background: url(../images/liji_03.png) no-repeat center;margin: 40px auto;}
.trial a{width: 100%;height: 100%;overflow: hidden;display: block;color: #fff;font-size: 18px;line-height: 38px;text-align: center;}
.face_con{width: 232px;height: auto;overflow: hidden;margin: 25px auto 42px;}
.face_con p{color: #888;line-height: 25px;}
.face_con p span{color: #333;}
.back .trial{margin: 20px auto}
.tuijian{width: 44px;height: 21px;overflow: hidden;background: url(../images/tuijian.png) no-repeat;position: absolute;top: 22px;right: 61px}

.prolist{width: 1044px;height: 111px;overflow: hidden;margin: 25px 0 40px !important;}
.prolist li{width: 240px;height: 111px;overflow: hidden;float: left;margin-right: 21px;}
.prolist li a{width: 100%;height: 111px;overflow: hidden;display: block;position: relative;}
.prolist li a>img{width: 240px;height: 240px;overflow: hidden;display: block;}
.prolist li a .card{width: 100%;height: 111px;overflow: hidden;/*perspective: 1000;-webkit-perspective: 1000;*/}
.prolist li a .face{width: 240px;position: absolute;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;backface-visibility: hidden;
    -ms-backface-visibility: hidden;-moz-backface-visibility: hidden; -webkit-backface-visibility: hidden;-o-backface-visibility: hidden;}
.prolist li a .front{color: #eee;line-height: 111px;text-align: center;height: 111px;overflow: hidden;background: #222023;z-index: 10}
.prolist li a .back{color: #fff;font-size: 14px;line-height: 26px;width: 205px;height: 78px;overflow: hidden;padding: 15px 15px 18px 20px;background: #c9b582;
		transform:rotate3d(0,1,0,-180deg);
    -ms-transform:rotate3d(0,1,0,-180deg);  /* IE 9 */
    -moz-transform:rotate3d(0,1,0,-180deg); /* Firefox */
    -webkit-transform:rotate3d(0,1,0,-180deg); /* Safari 和 Chrome */
    -o-transform:rotateY(0,1,0,-180deg);  /* Opera */
    z-index: 8;
}

.prolist li a .card-flipped .front{
    transform:rotate3d(0,1,0,180deg);
    -ms-transform:rotate3d(0,1,0,180deg);/* IE 9 */
    -moz-transform:rotate3d(0,1,0,180deg);/* Firefox */
    -webkit-transform:rotate3d(0,1,0,180deg);/* Safari 和 Chrome */
    -o-transform:rotate3d(0,1,0,180deg);  /* Opera */
    z-index: 8;
}
.prolist li a .card-flipped .back{
    transform:rotate3d(0,1,0,0deg);
    -ms-transform:rotate3d(0,1,0,0deg);/* IE 9 */
    -moz-transform:rotate3d(0,1,0,0deg);/* Firefox */
    -webkit-transform:rotate3d(0,1,0,0deg);/* Safari 和 Chrome */
    -o-transform:rotate3d(0,1,0,0deg);  /* Opera */
    z-index: 10;
}

/*贴心售后服务*/
.service{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;}
.servlist{width: 1200px;height: auto;overflow: hidden;}
.servlist ul li{float: left;width: 282px;height: auto;overflow: hidden;background: #fff;margin: 8px 9px;-webkit-transition: .7s -webkit-transform;}
.servlist ul li a{width: 100%;height: 226px;overflow: hidden;display: block;}
.servlist ul li a img{width: 48px;height: 48px;overflow: hidden;display: block;margin: 60px auto 40px;}
.servlist ul li a p{font-size: 18px;line-height: 1;text-align: center;height: 18px;overflow: hidden;margin-bottom: 60px;}
.servlist ul li:hover{box-shadow: 0 0 8px 3px #e1e1e1;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);
         -o-transform:translateY(-2px);transform:translateY(-2px)}



/*他们都在用*/
.others{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;}
.otherlist{width: 1200px;height: auto;overflow: hidden;}
.otherlist ul{width: 100%;height: auto;overflow: hidden;}
.otherlist ul li{float: left;width: 282px;height: auto;overflow: hidden;margin: 8px 9px;-webkit-transition: .7s -webkit-transform;}
.otherlist ul li a{width: 100%;height: auto;overflow: hidden;display: block;}
.otherlist ul li a img{width: 282px;height: 159px;overflow: hidden;display: block;-webkit-transition: .7s -webkit-transform;}
.otherlist ul li:hover{/*box-shadow: 0 0 5px 5px #ececec;*/box-shadow: 0 0 8px 3px #e1e1e1;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);
         -o-transform:translateY(-2px);transform:translateY(-2px)}
.otherlist ul li a:hover img{-webkit-transform: scale(1.2);}

/*行业资讯*/
.news{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;}
.newslist{width: 1200px;height: auto;overflow: hidden;}
.newslist ul{width: 100%;height: auto;overflow: hidden;}
.newslist ul li{float: left;width: 380px;height: auto;/*overflow: hidden;*/margin: 8px 10px;-webkit-transition: .7s -webkit-transform;}
.newslist ul li a{width: 100%;height: auto;/*overflow: hidden;*/display: block;}
.newslist ul li a .news_img{width: 380px;height: 169px;overflow: hidden;}
.newslist ul li a .news_img img{width: 100%;height: 100%;overflow: hidden;display: block;-webkit-transition: .7s -webkit-transform;}
.newslist ul li a p{color: #333;line-height: 61px;text-align: center;width: 100%;height: 61px;overflow: hidden;background: #fff}
.newslist ul li:hover{/*box-shadow: 0 0 15px 5px #ececec;*/box-shadow: 0 0 8px 3px #e1e1e1;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);
         -o-transform:translateY(-2px);transform:translateY(-2px)}
.newslist ul li a:hover .news_img img{-webkit-transform: scale(1.2);}
.newslist ul li a:hover p{color: #0086ec}

/*合作企业*/
.partner{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;}
.partnerlist{width: 1200px;height: auto;overflow: hidden;}
.partnerlist ul{width: 100%;height: auto;overflow: hidden;}
.partnerlist ul li{float: left;width: 180px;height: auto;overflow: hidden;margin: 8px 10px;-webkit-transition: .7s -webkit-transform;}
.partnerlist ul li a{width: 100%;height: auto;overflow: hidden;display: block;}
.partnerlist ul li a img{width: 180px;height: 100px;overflow: hidden;display: block;-webkit-transition: .7s -webkit-transform;}
.partnerlist ul li:hover{box-shadow: 0 0 5px 3px #e1e1e1;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);
         -o-transform:translateY(-2px);transform:translateY(-2px)}
.partnerlist ul li a:hover img{-webkit-transform: scale(1.2);}

/*智能酷炫功能*/
.taste{width: 1200px;height: auto;overflow: hidden;margin: 0 auto 140px;}
.m_title{text-align: center;margin: 140px auto 30px;}
.m_title h3{color: #333;font-size: 22px;line-height: 1;height: 22px;overflow: hidden;}
.taste a{width: 180px;height: 38px;overflow: hidden;display: block;color: #fff;font-size: 22px;line-height: 38px;text-align: center;background: url(../images/taste.png) no-repeat center;margin: 0 auto;}


#indexbg1{width: 221px;height: 456px;background: url(../images/indexbg1.png) no-repeat;position: absolute;left: 0;top: 1174px; z-index: -1}
#indexbg2{width: 124px;height: 274px;background: url(../images/indexbg2.png) no-repeat;position: absolute;right: 0;top: 1834px; z-index: -1}
#indexbg3{width: 156px;height: 548px;background: url(../images/indexbg3.png) no-repeat;position: absolute;left: 0;top: 2855px; z-index: -1}
#indexbg4{width: 124px;height: 204px;background: url(../images/indexbg4.png) no-repeat;position: absolute;right: 0;top: 3829px;top: 3861px; z-index: -1}
#indexbg5{width: 544px;height: 262px;background: url(../images/indexbg5.png) no-repeat;position: absolute;left: 0;top: 4838px;top: 4910px;z-index: -1}