@charset "utf-8";
/* CSS Document */

body,html{ width:100%; height:100%;}
body,html,div{ margin:0; padding:0; border:0;}
body,html,div,a,p,span,ul,li,dl,dd,h1,h2,h3,h4,h5,h6,input,textarea{ margin:0; padding:0;border:0; font:14px "微软雅黑"; color:#555;  list-style:none;}
img { border:0; }
a{ text-decoration:none;}

@font-face{
    font-family: '方正粗黑宋简体';
    src : url('/css/fonts/方正粗黑宋简体.TTF');
}
/**/
.header { width:100%; height:auto; overflow:hidden;background: #2c2c2c; padding:20px 0px;max-width:1920px;margin:0 auto;}
.head{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.head-a{ float: left; width: 161px; height:auto; overflow:hidden;}
.head-b{ float: left;height:auto; overflow:hidden; margin-top:20px; margin-left: 50px;}
.head-b ul li{ float: left; height: auto; overflow: hidden; margin-left: 20px;}
.head-b ul li a{ font-size: 16px; color: #fff;}
.head-b ul li.on a{ color: #30d1cb;}
.head-b ul li:hover a{ color: #30d1cb;}
.head-c{ float: right;height:auto; overflow:hidden; margin-top:18px;}
.head-c span{ float: left; background: url(../../images/dh.png) left center no-repeat; padding-left:30px; line-height: 26px; font-size: 16px; color: #fff;}
.head-c a{ float: right; display: inline-block; height: 22px; line-height: 20px; font-size: 14px; color: #40c5d1; border: 2px #39a3ad solid; padding: 0px 15px; border-radius: 5px; margin-left: 25px;}
/**/
.banner{width:100%; height:auto; overflow:hidden;background:#0f0f0f url(../../images/bg1.jpg) bottom center no-repeat; max-width:1920px;margin:0 auto;}
.ban-top{width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top: 90px;}
.ban-top1{ float: left;height:auto; overflow:hidden; margin-top:115px;}
.ban-top1 .omb1{height:auto; overflow:hidden;}
.ban-top1 .omb2{height:auto; overflow:hidden; font-size: 34px; color: #fff; letter-spacing: 2.1px; margin-top: 40px;}
.ban-top2{ float: right;}
.ban-trial{width:1200px; height:auto; overflow:hidden; margin:0 auto;text-align: center; margin-top: 55px;}
.ban-trial span{ display: inline-block; width: 205px; height: 50px; line-height: 46px; letter-spacing: 5px; font-size: 24px; color: #fff; border:1px rgba(255,255,255,0.6) solid; border-radius: 5px; cursor: pointer;}
.ban-bot {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 95px;
    background: url(../../images/gfx1.png) top center no-repeat;
    padding: 50px 0px 25px 0px;
}
    .ban-bot ul {
        width: 100%;
        height: auto;
        overflow: hidden;
        background: url(../../images/bfx1.png) center center no-repeat;
        padding-bottom: 45px;
    }
.ban-bot ul li{ float: left; width:155px; height:auto; overflow:hidden; padding-top:40px; margin-right: 193px;}
.ban-bot ul li p span{ font-size: 24px; color: #fff;font-family: '方正粗黑宋简体';}
.ban-bot ul li div{height:auto; overflow:hidden; font-size: 16px; color: #777; line-height: 30px; margin-top:20px;}
.ban-bot ul li:nth-of-type(4n){ margin-right: 0px;}
/*微信营销工具*/
.mark{width:100%; height:auto; overflow:hidden; padding: 80px 0px;}
.mark-top{width:1200px; height:auto; overflow:hidden; margin:0 auto;text-align: center;}
.mark-top .on1{ font-size: 48px; color: #666;font-family: '方正粗黑宋简体'; letter-spacing: 1px;}
.mark-top .on1 span{ font-size: 56px; color: #40c5d1;font-family: '方正粗黑宋简体';}
.mark-top p{display: inline-block;height:auto; overflow:hidden; margin-top: 15px;}
.mark-top p i{ display: inline-block; height: 6px;background-color: #40c5d1;border-radius: 3px;}
.mark-top .on2{height:auto; overflow:hidden; font-size: 24px; color: #666; line-height:52px; margin-top:20px; letter-spacing: 1px;}
.mark-bot{width:880px; height:auto; overflow:hidden; margin:0 auto; margin-top: 45px;}
.mark-bot ul li{ float: left;height:auto; overflow:hidden; margin: 0px 26px;}
.mark-bot ul li .omb2{width:100%; height:auto; overflow:hidden; text-align: center; font-size: 18px; color: #666;}
.mark-bot ul li:nth-of-type(2){ margin-top: 50px;}
.mark-bot ul li:nth-of-type(3){ margin-top: 40px;}
.mark-bot ul li:nth-of-type(2) .omb2{ margin-top: 7px;}
.mark-bot ul li:nth-of-type(3) .omb2{ margin-top: 7px;}
/*房源采集*/
.homes{width:100%; height:auto; overflow:hidden; padding: 80px 0px; background: #eee;}
.homes-bot{width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:70px;}
.homes-bot .dpy1{width:100%; height:auto; overflow:hidden; position:relative; text-align:center;}
.homes-bot .dpy1 .con1{width:100%;}
.homes-bot .dpy1 .con1 ul { padding: 15px 0px !important;}
.homes-bot .dpy1 .con1 li{ float:left;width:234px;height:234px; overflow:hidden; background: #fff; border-radius: 234px; box-shadow: 0px 10px 10px 0px rgba(204, 204, 204, 0.3); margin:0px 23px;}
.homes-bot .dpy1 .con1 li div{width:234px;height:234px;overflow:hidden; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.homes-bot .dpy1 .con1 li div span{position:static;+position:absolute;top:50%;}
.homes-bot .dpy1 .con1 li div span img{max-height:100%; max-width:100%;position:static;+position:relative;top:-50%;left:-50%;transition: all 0.2s;}
.homes-bot .dpy1 .con1 li:hover div span img{transform: scale(1.1);}
/* 掌上聚房通 */
.palm {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 80px 0px 100px 0px;
    background: url(../../images/bg2.jpg) bottom center no-repeat;
}
.palm-bot{width:860px; height:auto; overflow:hidden; margin:0 auto; margin-top: 55px;}
.palm-bot ul li{ float: left;height:auto; overflow:hidden; }
.palm-bot ul li .omb2{width:100%; height:auto; overflow:hidden; text-align: center; font-size: 18px; color: #666;margin-top:-25px;}
.palm-bot ul li:nth-of-type(1) .omb2{ margin-top:-15px;}
.palm-bot ul li:nth-of-type(2){ margin-top: 45px; margin-left: -60px;}
.palm-bot ul li:nth-of-type(3){ margin-top: 45px; margin-left: -58px;}
.palm-bot ul li:nth-of-type(4){ margin-top: 45px; margin-left: -58px;}
/* 全维度业务数据分析 */
.dimen{width:100%; height:auto; overflow:hidden; padding: 60px 0px;}
.dimen-bot{width:1235px; height:auto; overflow:hidden; margin:0 auto; margin-top: 55px;}
.dimen-bot ul li{ float: left;height:auto; overflow:hidden; }
.dimen-bot ul li .omb2{width:100%; height:auto; overflow:hidden; text-align: center; font-size: 18px; color: #666; margin-top: -20px; }
.dimen-bot ul li:nth-of-type(1){ margin-right:5px;}
.dimen-bot ul li:nth-of-type(3){ margin-left:-5px;}
.dimen-bot ul li:nth-of-type(2) .omb2{margin-top: 25px; }
/* 新房分销 */
.dist {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 80px 0px 90px 0px;
    background: url(../../images/bg3.jpg) top center no-repeat;
}
.dist-top{width:1200px; height:auto; overflow:hidden; margin:0 auto;text-align: center;}
.dist-top .on1{ font-size: 48px; color: #fff;font-family: '方正粗黑宋简体'; letter-spacing: 1px;}
.dist-top .on1 span{ font-size: 56px; color: #40c5d1;font-family: '方正粗黑宋简体';}
.dist-top p{display: inline-block;height:auto; overflow:hidden; margin-top: 15px;}
.dist-top p i{ display: inline-block; height: 6px;background-color: #40c5d1;border-radius: 3px;}
.dist-top .on2{height:auto; overflow:hidden; font-size: 24px; color: #fff; line-height:52px; margin-top:20px; letter-spacing: 1px;}
.dist-bot{width:978px; height:auto; overflow:hidden; margin:0 auto; margin-top: 55px;}
.dist-bot ul li{ float: left;height:auto; overflow:hidden; margin: 30px 15px 0px 15px;}
.dist-bot ul li .omb2{width:100%; height:auto; overflow:hidden; text-align: center; font-size: 18px; color: #fff; }
.dist-bot ul li:nth-of-type(2){ margin-top: 0px;}
/* 数据安全 */
.data {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 100px 0px 120px 0px;
    background: #333 url(../../images/bg4.jpg) bottom center no-repeat;
}
.data-bot{width:1200px; height:auto; overflow:hidden; margin:0 auto;text-align: center; margin-top: 110px;}
/* 底部 */
.bot{width:100%; height:auto; overflow:hidden; background: #eee; padding:20px 0px;}
.botz{width:1200px; height:auto; overflow:hidden; margin:0 auto;text-align: center;}
.botz span{ font-size: 14px; color: #999; margin: 0px 7px;}
/*悬浮窗*/
.xfc{ position: fixed; right: 0px; top: 30%; background: #fff;width: 140px; padding: 20px; border-radius: 10px;}
.xfc-top{ width: 140px; height: auto; overflow: hidden;}
.xfc-top div{width:100%; height:auto; overflow:hidden;}
.xfc-top div img{width:100%;}
.xfc-top p{ text-align: center; font-size: 14px; color: #000; margin-top: 10px;}
.xfc-bot{width:100%; height:auto; overflow:hidden; margin-top: 10px;}
.xfc-bot ul li{height:30px; line-height: 30px; overflow:hidden; padding-left: 35px;font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #30d1c9; margin-top: 8px;}
    .xfc-bot ul li.on1 {
        background: url(../../images/icon1.png) left center no-repeat;background-size: 23px;
    }
    .xfc-bot ul li.on2 {
        background: url(../../images/icon2.png) left center no-repeat;background-size: 23px;
    }
/*内页banner*/
.ban1{width:100%; height:auto; overflow:hidden;margin:0 auto; }
.ban1z{ width:100%; height:auto; overflow:hidden; }   
.ban1 .ban1z-a{ position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;}
.ban1 .ban1z-a img{animation: gt 20s infinite linear;}
/* @keyframes gt {
    0% {transform: scale(1);}
    25% {transform: scale(1.1);}
    50% {transform: scale(1.2);}
    75% {transform: scale(1.1);}
    100% {transform: scale(1);}
} */
/* 关于我们 */
.aboutUs{width:100%; height:auto; overflow:hidden; padding:100px 0px;}
.abt-top{width:1200px; height:auto; overflow:hidden; margin:0 auto;text-align: center;}
.abt-top .on1{ font-size: 48px; color: #666;font-family: '方正粗黑宋简体'; letter-spacing: 1px;}
.abt-top p{display: inline-block;height:auto; overflow:hidden; margin-top: 15px;}
.abt-top p i{ display: inline-block; height: 6px;background-color: #82e4de;border-radius: 3px;}
.abt-top .on2{height:auto; overflow:hidden; font-size: 24px; color: #999; line-height:52px; margin-top:10px; letter-spacing: 1px;}
.abt-bot{width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top: 100px;}
.abt-bot1 {
    float: left;
    width: 540px;
    height: auto;
    overflow: hidden;
    padding: 60px 0px 0px 69px;
    background: url(../../images/abtg.jpg) left top no-repeat;
}
.abt-bot2{ float: right; width: 545px; height:auto; overflow:hidden; margin-top:80px; line-height: 30px; font-size: 14px; color: #666;}
/*客户案例*/
.case{width:100%; height:auto; overflow:hidden; padding:100px 0px;}
.case-bot{ width: 1180px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 65px;}
.case-bot ul li{ float: left; width:260px;height: auto; overflow: hidden; margin: 17px;}
.case-bot ul li div{ border: 1px #ccc solid; width: 258px; height: 144px;overflow: hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.case-bot ul li div span{position:static;+position:absolute;top:50%;}
.case-bot ul li div span img{max-height:100%; max-width:100%;position:static;+position:relative;top:-50%;left:-50%;transition: all 0.2s;}
.case-bot ul li p{ text-align: center; margin-top: 15px;}
.case-bot ul li p span{ font-size: 14px; color: #666;}
.case-bot ul li:hover div{ border: 1px #30d1cb solid; cursor: pointer;}
.case-bot ul li:hover div span img{transform: scale(1.1);}
.case-bot ul li:hover p span{color:#30d1cb;}
/* 联系我们 */
.contact{width:100%; height:auto; overflow:hidden; padding:100px 0px;}
.cont-cent{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;margin-top: 50px;}
.cont-cent ul li{ float: left; width: 260px; height: auto; overflow: hidden; margin: 0px 70px;}
.cont-cent ul li .on1{ border: 4px #ccc solid;width: 252px; height: 252px; overflow: hidden; border-radius: 252px;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.cont-cent ul li .on1 span{position:static;+position:absolute;top:50%;}
.cont-cent ul li .on1 span img{max-height:100%; max-width:100%;position:static;+position:relative;top:-50%;left:-50%;transition: all 0.2s;}
.cont-cent ul li .on2{width:100%; height:auto; overflow:hidden; line-height: 44px; font-size: 24px; color: #666; margin-top: 30px; text-align: center;}
.cont-bot{width: 1198px; height: auto; overflow: hidden; margin: 0 auto; margin-top:45px; border: 1px #ccc solid;}
/* 在线留言 */
.onLine{width:100%; height:auto; overflow:hidden; padding:0px 0px 100px 0px;}
.onLine-bot{ width: 1200px; height: auto; margin: 0 auto; margin-top: 35px;}
.onLine-bot ul{height:auto; overflow:hidden;}
.onLine-bot ul li{ float: left; width: 540px; height:40px; overflow:hidden; padding: 20px 20px; background: #eee; margin-bottom: 25px;}
.onLine-bot ul li span{ font-size: 24px; color: #666; margin-left: 15px;}
.onLine-bot ul li input{width: 450px;font-size: 24px;color: #666; line-height: 40px; margin-left: 15px; background: none;}
.onLine-bot ul li:nth-of-type(2n){ float: right;}
.onLine-bot .omb1{height:auto; overflow:hidden;background: #eee; padding:35px;}
.onLine-bot .omb1 span{display: inline-block;font-size: 24px; color: #666;}
.onLine-bot .omb1 textarea{ display: inline-block; margin-top: 15px; width:100%; height:170px; overflow:hidden;font-size: 24px; color: #666; background: none;}
.onLine-bot .omb2{height:auto; overflow:hidden; text-align: center; margin-top: 50px;}
.onLine-bot .omb2 input{ width: 460px; border-radius: 10px; height: 60px; line-height: 60px; background: #30d1c9; font-size: 24px; color: #fff; letter-spacing: 3px; cursor: pointer;}
/*聚房通小程序*/
.applets {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../../images/apban1.png) top center no-repeat;
    padding: 95px 0px 115px 0px;
}
.aplt1{width: 1200px; height: auto; margin: 0 auto;}
.aplt1-top{width:100%; height:auto; overflow:hidden; text-align: center;}
.aplt1-bot{width:100%; height:auto; overflow:hidden; background: #fff; border-radius: 15px; text-align: center; margin-top: 80px; padding: 55px 0px;box-shadow: -4px 8px 11px 2px 
    rgba(153, 153, 153, 0.1);border-radius: 40px;}
.aplt1-bot .on1{ font-size: 72px; color: #666;font-family: '方正粗黑宋简体'; letter-spacing: 1px;}
.aplt1-bot p{display: inline-block;height:auto; overflow:hidden; margin-top: 15px;}
.aplt1-bot p i{ display: inline-block; height: 6px;background-color: #2fd2c8;border-radius: 3px;}
.aplt1-bot .on2{height:auto; overflow:hidden; font-size: 22px; color: #999; line-height:52px; margin-top:10px; letter-spacing: 1px; text-transform: uppercase; letter-spacing: 3px;}

.aplt2{width: 1200px; height: auto;overflow:hidden; margin: 0 auto; margin-top: 80px;}
.aplt2-left{ float: left;height: auto;overflow:hidden; margin: 0 auto;}
.aplt2-right{ float: right; width: 540px; height: auto; margin: 0 auto;margin-top: 95px;}
.aplt2-right .omb1{float: left; height:auto; overflow:hidden;}
.aplt2-right .omb1 div{font-size: 48px;color: #666;font-family: '方正粗黑宋简体';text-align: center;}
.aplt2-right .omb1 div span{font-size:56px;color: #40c5d1;font-family: '方正粗黑宋简体';}
.aplt2-right .omb1 p{display: inline-block;width:100%; height:auto; overflow:hidden; text-align: center; margin-top: 15px;}
.aplt2-right .omb1 p i{ display: inline-block; width: 220px; height: 6px; border-radius: 6px; overflow: hidden; background: #40c5d1;}
.aplt2-right .omb2{width:100%;height:auto; overflow:hidden;font-size: 24px;line-height: 51px;letter-spacing: 1px;color: #666; padding-top: 25px;}

.aplt3{width: 1200px; height: auto;overflow:hidden; margin: 0 auto; margin-top: 80px;}
.aplt3-left{ float: left; width: 510px; height: auto; margin: 0 auto;margin-top: 95px; position: relative; z-index: 9;}
.aplt3-left .omb1{float: left; height:auto; overflow:hidden;}
.aplt3-left .omb1 div{font-size: 48px;color: #666;font-family: '方正粗黑宋简体';text-align: center;}
.aplt3-left .omb1 div span{font-size:56px;color: #40c5d1;font-family: '方正粗黑宋简体';}
.aplt3-left .omb1 p{display: inline-block;width:100%; height:auto; overflow:hidden; text-align: center; margin-top: 15px;}
.aplt3-left .omb1 p i{ display: inline-block; width: 210px; height: 6px; border-radius: 6px; overflow: hidden; background: #40c5d1;}
.aplt3-left .omb2{width:100%;height:auto; overflow:hidden;font-size: 24px;line-height: 51px;letter-spacing: 1px;color: #666; padding-top: 25px;}
.aplt3-right{ float: right;height: auto;overflow:hidden; margin: 0 auto; margin-left: -100px; z-index: 0;}
/* 首页悬浮窗 */
.picturek{ width:100%; height:auto; overflow:hidden; display:none;}
.pictureBox{height: 100%; overflow: hidden;width: 100%;display: table; position:fixed; top:0px; left: 0px; z-index:9999;background-color: rgba(0,0,0,0.5); }
.pictureBoxz{position: absolute; top: 50%;text-align:center;display: table-cell; vertical-align: middle; position: static;}
.pictBox{ width: 560px; height: auto; overflow: hidden;margin: 0 auto; padding: 20px 45px 40px 45px;border-radius: 10px; background: #fff;}
.pictBox .pict1{ margin-left: 25px; width:100%; height:24px; overflow: hidden; cursor: pointer; text-align: right;}
.pictBox .pict1 img{width:24px; height:24px}
.pictBox .pict2{width:460px; height:auto; overflow:hidden; margin: 0 auto;}
.pictBox .pict2 .pict2a{height:auto; overflow:hidden; text-align: center; font-size: 28px; color: #333;}
.pictBox .pict2 .pict2b{height:auto; overflow:hidden; margin-top: 30px;}
.pictBox .pict2 .pict2b ul li{width:auto;height:46px;margin-bottom: 25px;position: relative;border-radius: 10px;border: solid 1px #cccccc; padding: 0px 15px;}
.pictBox .pict2 .pict2b ul li.om input{width: 280px;}
.pictBox .pict2 .pict2b ul li.om span{float: right; color: #30d1c9; font-size: 14px; display: inline-block; height: 46px; line-height: 46px; cursor: pointer;}

.pictBox .pict2 .pict2b ul li img{ float: left; width: 28px; margin-top: 8px;}
.pictBox .pict2 .pict2b ul li input{ float: left; width: 370px; height: 20px; border-left: 2px #d0d0d0 solid; padding-left: 10px; margin-top: 13px; margin-left: 15px; line-height: 18px;}
.pictBox .pict2 .pict2b ul li .indh1{position: absolute;top: 49px;left: 70px;font-size: 12px;color: #ff0000;}

.pictBox .pict2 .pict2c{height:auto; overflow:hidden; text-align: center;}
.pictBox .pict2 .pict2c .on3-a1{ width:218px;height:48px;}
.pictBox .pict2 .pict2c .on3-a1 .form_select{width:218px;height:46px;border: 0;appearance: none;-moz-appearance: none;-webkit-appearance: none;  text-align:left!important; font-size:14px; color:#999;border:1px #ccc solid;background: url('../images/xl.png') 93% center no-repeat;padding: 0px 25px 0px 10px;border-radius: 10px;}
.pictBox .pict2 .pict2c .on3-a1.left{ float: left;}
.pictBox .pict2 .pict2c .on3-a1.right{ float: right;}
.pictBox .pict2 .pict2d{width:100%; height:auto; overflow:hidden; margin-top: 30px;}
.pictBox .pict2 .pict2d input{width:100%; height:52px; cursor: pointer; overflow:hidden;border-radius: 10px; background: #30d1c9; text-align: center; font-size: 24px; color: #fff;}

/* 首页悬浮窗 */
.gainBox{ width:100%; height:auto; overflow:hidden; display:none;}
.gainBoxz{height: 100%; overflow: hidden;width: 100%;display: table; position:fixed; top:0px; left: 0px; z-index:9999;background-color: rgba(0,0,0,0.5); }
.getBoxz{position: absolute; top: 50%;text-align:center;display: table-cell; vertical-align: middle; position: static;}
.getBox{ width: 560px; height: auto; overflow: hidden;margin: 0 auto; padding:50px;border-radius: 10px; background: #fff;}
.getTop{height:auto; overflow:hidden; font-size: 30px; color: #333; line-height: 54px;}
.getBot{height:auto; overflow:hidden; margin-top: 80px;}
.getBot a{ float: left;width: 240px;height: 52px; line-height: 50px; background: #30d1c9;border-radius: 10px;font-size: 24px; color: #fff;}
.getBot span{ float: right;width: 240px;height: 52px; line-height: 50px; border-radius: 10px;border: solid 1px #30d1cb;font-size: 24px;color: #30d1cb;}