/*首页*/
/*头部*/
body{position: relative;}
header{position: absolute;top: 0px;left: 0px;right: 0px;width: 100%;min-width: 1200px;z-index: 20;}
.head{width: 1200px;margin:30px auto 0;font-size: 0;}
.logo{float: left;margin: 5.5px 0;}
.logo h1{display: inline-block;margin-right: 20px;}
.city-choose{float: left;margin-top: 6px;font-size: 0;position: relative;}
.city-background{position: absolute;width: 28px; height: 21px;background-color: #EEE;opacity:.16;padding: 6px 24px 8px 12px;z-index: 19;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.city-choose .cityChoose-name{display: inline-block;border: 1px solid #B4D1FF;cursor: pointer;color:#FFF;padding: 6px 24px 6px 12px;font-size: 14px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.city-choose .cityChoose-name.ciytRadius{border-color: transparent;background-color: #FFF;opacity: 1;color:#000;border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;}
.city-choose .cityChoose-img{position: absolute;background: url(/img/index/indexSprites.png) no-repeat -654px -412px;width: 9px;height:6px;top: 15px;right: 8px;cursor: pointer;}
.city-choose .cityChoose-img.cityRotate{background: url(/img/index/indexSprites.png) no-repeat -416px -370px;}
.city-list{position: absolute;width: 310px;padding: 25px 15px 5px 15px;top: 33px;left: 0;right: 0;background-color: #FFF;z-index: 200;font-size: 14px;-webkit-border-radius: 0 5px 5px 5px;-moz-border-radius: 0 5px 5px 5px;;border-radius: 0 5px 5px 5px;}
.city-list li{float: left;width: 62px;padding-bottom: 20px;}
.city-list li a:hover{transition: .2s;-webkit-transition: .2s;-moz-transition: .2s;-o-transtion:.2s;color: #11A3E7;}
.rouRight{float: right;font-size: 14px;margin-top: 3px;}
.rouList{float: left;}
.rouList li{float: left;font-size: 16px;color:#FFF;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;padding: 8px 22px;margin-right: 20px;}
.rouList li:hover{background-color: #3F88FB;}
.rouList li a{color:#FFF;}
.rouList li.findBuild a{font-weight: bold;}
.rouList li:last-child{margin-right: 0;}
.contact{float: left;margin-left: 100px;margin-top: 3px;}
.contact span{background: url(/img/index/indexSprites.png) no-repeat -416px -334px;display: inline-block;width: 16px;height: 16px;position: relative;top: 1px;margin-right: 8px;}
.contact label{font-weight: bold;font-size: 17px;color:#FFF;line-height: 37px;}
/*banner*/
.banner{position: relative;width: 100%;}
.swiper-container {width: 100%; height: 666px}
.swiper-slide a{height: 666px;width: 100%;display: block;}
.swiper-pagination-bullet{background-color: #CCC;opacity: .5;filter:alpha(opacity=50);-moz-opacity:0.5;khtml-opacity:0.5;width: 9px;height: 9px;}
.swiper-pagination-bullet-active{background-color: #1ab3fa;}

/*搜索*/
.search{position: absolute;z-index: 18;top: 158px;left: 50%;margin-left: -598px;min-width: 340px;}
.searchDiv{width: 381px;-webkit-border-radius: 10px;-moz-border-radius: 10px;;border-radius: 10px;background-color: #FFF;}
.inputDiv{padding: 20px;background-color: #F2F2F2;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;}
.autocomplete-container{width: 338px;position: relative;}
.autocomplete-input{width: 266px;font-size: 14px;color:#999;outline: none;border: 1px solid #3F88FB;border-right:none;padding: 0 0 0 20px;height: 43px;-webkit-border-radius: 4px 0 0 4px;-moz-border-radius: 4px 0 0 4px;;border-radius: 4px 0 0 4px;}
.autocomplete-button{position: absolute;top: 0;right: 0;display: inline-block;cursor: pointer;background-color: #3F88FB;padding: 12px 16px;-webkit-border-radius: 0 4px 4px 0;-moz-border-radius: 0 4px 4px 0;;border-radius: 0 4px 4px 0;}
.proposal-box{width: 270px;background-color: #FFF;position: absolute;top: 45px;left: 0;z-index: 99;border-left: 1px solid rgba(0,0,0,.11);border-right: 1px solid rgba(0,0,0,.11);}
.proposal-list li{float: left;padding: 10px;font-size: 15px;line-height: 15px;color:#000;cursor: pointer;width: 100%;background-color: rgba(255,255,255,.9);}
.findHouse{padding: 30px 20px;}
.findHouse-title{font-size: 14px;color:#000;padding-bottom: 15px;font-weight: bold;}
.areaList li{float: left;margin-right: 20px;font-size: 14px;margin-bottom: 10px;cursor: pointer;}
.areaList li a{color:#666;}
.office-type{padding-top: 20px;font-size: 14px;color:#000;padding-bottom: 15px;font-weight: bold;}
.type-list li{float: left;margin-right: 17px;font-size: 14px;margin-bottom: 10px;cursor: pointer;}
.type-list li a{color:#666;}
.areaList li:hover a,.type-list li:hover a{transition: .2s;-webkit-transition: .2s;-moz-transition: .2s;-o-transtion:.2s;color:#3F88FB;}
.area-filter{padding: 20px 0 17px;font-size: 14px;color:#000;font-weight: bold;}
.area-list li{float: left;background-color: #CCC;width: 63px;height: 7px;border-right: 1px solid #FFF;}
.area-list li:hover{transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-o-transtion:.5s;background-color: #3F88FB;}
.areanumber-list{margin-top: 8px;}
.areanumber-list li{float: left;width: 62px;text-indent: -8px;font-size: 14px;color:#666;}
.areanumber-list li:last-child{width: auto;}

/*flow*/
.flow{width: 100%;height: 84px;background: #fff;min-width: 1200px;}
.flowDiv{width: 1040px;margin: auto;padding: 12px 0  13px;height: 60px;line-height: 60px;}
.flowTitle{color: #333;font-size: 16px;padding-right: 40px;border-right: 1px solid #e5e5e5;}
.flowList{margin-left: 40px;}
.flowList li{float: left;}
.flowList li span{background-image: url(/img/index/indexSprites.png);width: 48px;height: 48px;position: relative;float: left;top: 6px;margin-left: 30px;}
.checkHouse-1{background-position: -586px -412px;}
.checkHouse-2{background-position: -246px -412px;}
.match-1{background-position: -10px -538px;}
.match-2{background-position: -314px -412px;}
.lookHouse-1{background-position: -78px -538px;}
.lookHouse-2{background-position: -382px -412px;}
.transaction-1{background-position: -518px -412px;}
.transaction-2{background-position: -450px -412px;}
.flowList li label{display: inline-block;color: #555;margin-left: 8px;}
.flowList li img{margin-left: 30px;}
.default-2{display: none;}
.flowactive .default-1{display: none;}
.flowactive .default-2{display: inline-block !important;}
.dividingLine{background: url(/img/index/indexSprites.png) no-repeat -399px -480px;display: inline-block;width: 45px;height: 9px;margin-left: 30px;}
/*choiceHouse*/
.choiceHouse{width: 100%;min-width: 1200px;background: #FAFAFA;padding: 55px 0;}
.choiceDiv{width: 1200px;margin: auto;}
.choiceList{width: 500px;margin: auto;}
.choiceList li{float: left;font-size: 30px;color: #333;box-sizing: border-box;cursor: pointer;}
.choiceList li:not(:last-child){margin-right: 40px;}
.choiceActive{color: #11A3E7 !important;}
.choiceMain{margin-top: 30px;display: none;}
.picShow li{float: left;overflow: hidden;}
.picItem a,.picItem .picDiv{position: relative;display: block;width: 386px;height: 240px;overflow: hidden;}
.picItem a img{width: 100%;height: 100%;}
.picAll a,.picAll .picDiv{position: relative;display: block;width: 382px;height: 500px;overflow: hidden;}
.picAll a img{width: 100%;height: 100%;}
.shade{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:#11A3E7;opacity: 0.6;z-index: 10;display: none;}
.shadeMain,.shadeAllMain{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 20;text-align: center;}
.shademark{position: relative;top: -90px;display: inline-block;width: 7em;height: 7em;background: url(/img/index/indexSprites.png) no-repeat -336px -226px;}
.shadeIntro{position: relative;top: 150px;}
.shadeIntro a{display: inline-block;text-align: center;font-size: 22px;color: #fff;margin-bottom: 5px;}
.shadeIntro span{display: block;font-size: 14px;color: #fff;width: 330px;margin: auto;text-align: center;}
.shadeAllmark{position: relative;top: -90px;display: inline-block;width: 7em;height: 7em;background: url(/img/index/indexSprites.png) no-repeat -336px -226px;}
.shadeAllIntro{position: relative;top: 410px;}
.shadeAllIntro a{display: inline-block;text-align: center;font-size: 22px;color: #fff;margin-bottom: 10px;}
.shadeAllIntro span{display: block;font-size: 14px;color: #fff;width: 330px;margin: auto;text-align: center;}
.btmshadow{position: absolute;bottom: 0;left: 0;right: 0;height: 58px;line-height: 58px;font-size: 20px;color: #fff;text-indent: 30px;background: url(/img/index/indexSprites.png) no-repeat -10px -334px;}
.mar-b-20{margin-bottom: 20px;}
.mar-lr-20{margin: 0 20px;}
.companyGift{width: 100%;}
.companyGift li{width: 25%;height: 500px;overflow: hidden;}
.companyGift li a{display: block;position: relative;overflow: hidden;}
.companyGift li a  img{width: 100%; height: 100%;}
.giftbtm{position: absolute;bottom: 0;left: 0;right: 0;height: 58px;line-height:58px;color: #fff;font-size: 20px;text-indent: 30px;background: url(/img/index/indexSprites.png) no-repeat -10px -334px;}
.giftMain{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 20;text-align: center;}
.giftmark{position: relative;top: -90px;display: inline-block;width: 7em;height: 7em;background: url(/img/index/indexSprites.png) no-repeat -336px -226px;}
.giftIntro{position: relative;top: 410px;}
.giftIntro p{text-align: center;font-size: 22px;color: #fff;margin-bottom: 10px;}
.giftIntro span{display: block;width: 252px;height: 90px;margin: auto;overflow: hidden;margin-bottom: 20px;color: #fff;font-size: 14px;}
.giftIntro button{display: block;margin: auto;width: 128px;height: 42px;line-height: 44px;border: 1px solid #fff;text-align: center;font-size: 18px;color: #fff;background: transparent;cursor: pointer;outline: none;}

/*hotHouse*/
.hotHouse{width: 100%;min-width: 1200px;background: #fff;padding: 45px 0;}
.hotDiv{margin: auto;text-align: center;}
.hotDiv p{text-align: center;font-size: 30px;color: #333;}
.hotList{position: relative;width: 700px;margin: auto;padding-bottom: 20px;border-bottom: 1px solid #eee;text-align: center;margin-top: 30px;}
.hotList li{position: relative;float: left;width: 16%;}
.hotList li a{display: block;font-size: 20px;color: #666;}
.hotList li i{display: none;}
.hotActive a{color: #11A3E7 !important;}
.hotActive i{display: inline-block !important;position: absolute;bottom: -28px;}
.hotActive i{background: url(/img/index/indexSprites.png) no-repeat -430px -226px;display: inline-block;width: 5px;height: 12px;}
.hotHouseMain{width: 1200px;min-width: 1200px;margin:0 auto;margin-top: 30px;display: none;font-size: 0;}
.hotHouseList{width: 100%;overflow: hidden;}
.hotHouseList li{float: left;width:285px;margin-right: 20px;margin-bottom: 2%;}
.hotHouseList li:nth-child(4n){margin-right:0}
.hotHouseList li{display: block;}
.hotHouseList li:hover{box-shadow: 0px 0px 20px #E3E3E3;}
.hotTop img{width: 285px;height: 191px}
.hotBottom{background: #fff;width: 100%;border: 1px solid #eee;border-top:0px;padding: 8px 0;}
.hotBottom-content{margin:0 1rem;}
.hotBottom .hotBottom-name{display: inline-block;font-size:16px;width:100%;color: #333;text-align: left;margin-bottom:0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hotPrice label{display: inline-block;font-size:15px;color: #666;width:50%;overflow: hidden; white-space: nowrap; text-align: left;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.hotPrice span{position: relative;display: inline-block;width: 50%;font-size:13px;color: #666; text-align: right;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.hotPrice span font{font-size: 15px;color: #f00000;}


/*newestHouse*/
.newestHouse{width: 100%;min-width: 1200px;background: #FAFAFA;padding: 50px 0;}
.newestDiv{width: 1200px;margin: auto;}
.newestDiv p{text-align: center;font-size: 30px;color: #333;margin-bottom: 30px;}
.newestDetail{background: #fff;height: 511px;}
.newestList{width:747px;overflow: hidden;}
.newestList li{width: 370px;height: 252px;overflow: hidden;}
.newestList li a{display: block;position: relative;}
.newestList li img{height: 252px;}
.shadow{position: absolute;bottom: -50px;left: 0;right: 0;height: 50px;line-height: 50px;color: #fff;background: rgba(0,0,0,.6);font-size: 16px;text-indent: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newestInfo{margin-left: 747px;height: 100%;padding: 28px 25px;}
.newestInfoList li{overflow: hidden;margin-bottom: 13px;}
.mark{display: inline-block;float: left;font-size: 12px;color: #fff;width: 26px;height: 16px;line-height: 16px;text-align: center;margin-right: 10px;background: #c8c8c8;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.infomain{margin-left: 40px;position: relative;top: -4px;}
.infomain a{display: inline-block;width: 365px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;font-size: 14px;}
.infomain font{display: inline-block;font-size: 12px;color: #aaa;}
.markActive label{background: #11A3E7 !important;}
.markActive .infomain a{color: #11A3E7 !important;}
.newestInfoList li:hover label{background: #11A3E7 !important;cursor: pointer;}
.newestInfoList li:hover .infomain a{color: #11A3E7 !important;cursor: pointer;}
.newestBtn{display: block;height: 28px;width: 98px;border: 1px solid #11A3E7;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;line-height: 30px;font-size: 14px;color: #11A3E7;margin-left: 35px;transition: all .3s;}
.newestBtn:hover{background: #1ab3fa;color: #fff;transition: all .3s;transform: translateX(10px);}

/*partner*/
.partner{width: 100%;min-width: 1200px;padding: 50px 0;background: #fff;}
.partnerDiv{width: 1200px;margin: auto;}
.partnerTitle{margin-bottom: 20px;}
.partnerTitle p{text-align: center;font-size: 30px;color: #333;margin-bottom: 15px;}
.partnerTitle span{font-size: 20px;color: #666;display: block;text-align: center;}

/*consult*/
.consult{width: 100%;min-width: 1200px;height: 114px;line-height: 114px;background: url(/img/index/index_40.jpg) no-repeat  center;}
.consultDiv{width: 1200px;margin: auto;height: 100%;}
.consultLeft,.consultRight{height: 100%;line-height: 114px;}
.consultLeft i{display: inline-block;margin-right: 20px;}
.consultLeft label{font-size: 24px;color: #fff;}
.consultRight{position: relative;top: 35px;width:380px;overflow: hidden;height: 44px;border: 1px solid #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.consultRight input{position: absolute;width: 260px;height: 44px;background: transparent;font-size: 14px;color: #fff;text-indent: 15px;border: 0px;outline: none;}
.consultRight input::-webkit-input-placeholder{font-size: 14px;color: #f8f8f8;}
.consultRight input::-moz-placeholder{font-size: 14px;color: #f8f8f8;}
.consultRight input::-ms-input-placeholder{font-size: 14px;color: #f8f8f8;}
.consultBtn{position: absolute;right: 0;display: inline-block;width: 110px;height: 46px;line-height: 46px;text-align: center;background: #fff;font-size: 16px;color: #333;border-radius: 5px;border-top-left-radius:4px;border-bottom-left-radius: 8px;}

/*newsInformation*/
.newsInformation{width: 100%;min-width: 1200px;background: #fff;padding: 50px 0;}
.informationDiv{width: 1200px;margin: auto;}
.informationDiv p{text-align: center;font-size: 30px;color: #333;margin-bottom: 30px;}
.informationList li{float: left;}
.informationList li:not(:last-child){margin-right: 20px;}
.trade,.housetips{width: 426px;}
.tradeTitle{width: 100%;height: 88px;line-height: 88px;background: url(/img/index/indexSprites.png) no-repeat -10px -10px;}
.tradeTitle i,.tipsTitle i{display: inline-block;margin-left: 20px;margin-right: 15px;}
.tradeTitle i{background: url(/img/index/indexSprites.png) no-repeat -348px -480px; width: 31px;height: 28px;position: relative;top: 5px;}
.tipsTitle i{background: url(/img/index/indexSprites.png) no-repeat -246px -480px; width: 32px;height: 32px;position: relative;top: 5px;}
.demandTitle i{background: url(/img/index/indexSprites.png) no-repeat -298px -480px; width: 30px;height: 30px;position: relative;top: 5px;}
.tradeTitle label,.tipsTitle label{font-size: 22px;color: #fff;cursor: pointer;}
.tradeDiv{background: #fff;border: 1px solid #eee;height: 276px;overflow: hidden;}
.tradeDivMain{margin:15px 20px ;height: 249px;overflow: hidden;}
.tradeDivMain a{display: block;padding-bottom: 12px;}
.tradeDivMain a span{display: block;width: 385px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #666;}
.tradeDivMain a font{font-size: 12px;color: #aaa;}
.tradeDivMain a:hover span{color: #11A3E7;}
.tradeDivMain a:hover font{color: #666;}
.tipsTitle{width: 100%;height: 88px;line-height: 88px;background: url(/img/index/indexSprites.png) no-repeat -10px -118px;}
.hotdemand{width: 306px;}
.demandTitle{width: 100%;height: 88px;line-height: 88px;background: url(/img/index/indexSprites.png) no-repeat -10px -226px; }
.demandTitle i{display: inline-block;;margin-left: 20px;margin-right: 15px;}
.demandTitle label{font-size: 22px;color: #fff;}
.demandDiv{background: #fff;border: 1px solid #eee;height: 276px;overflow: hidden;}
.demandDivMain{margin:10px 20px ;height: 255px;overflow: hidden;}
.demandDivMain a{display: inline-block;margin-right: 10px;font-size: 14px;color: #666;margin-bottom: 5px;}
.demandDivMain a:hover{color: #11A3E7;}