/*首页*/
/*头部*/
body{position: relative;}
header{width: 100%;min-width: 1200px;z-index: 20;margin:0 auto;}
.head{width: 1200px;margin:0px 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:  no-repeat -654px -412px;width: 9px;height:6px;top: 15px;right: 8px;cursor: pointer;}
.city-choose .citychoose-img.cityrotate{background:  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: #0085da;}
.rouright{float: right;font-size: 14px;margin-top: 13px;}
.roulist{float: left;}
.roulist li{float: left;font-size: 16px;color:#fff;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;padding: 6px 7px;margin-right: 0px;}
.roulist li:hover{background-color: #0085da;}
.roulist li a{color:#666;}
.roulist li:hover 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:  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:#0085da;line-height: 37px;}
/*banner*/
.banner{position: relative;width: 100%;margin-top:68px;}
.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: 110px;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 #0085da;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: #0085da;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:#0085da;}
.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: #0085da;}
.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: ;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:  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: #0085da !important;}
.choicemain{margin-top: 30px;display: none;}
.picshow li{float: left;overflow: hidden;padding: 5px}
.picitem a,.picitem .picdiv{position: relative;display: block;width: 376px;height: 230px;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:#0085da;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:  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:  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:  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:  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:  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: #0085da !important;}
.hotactive i{display: inline-block !important;position: absolute;bottom: -28px;}
.hotactive i{background:  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: 360px;
    height: 242px;
    margin-right: 10px;
    overflow: hidden;
    margin-bottom: 10px;}
.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: #0085da !important;}
.markactive .infomain a{color: #0085da !important;}
.newestinfolist li:hover label{background: #0085da !important;cursor: pointer;}
.newestinfolist li:hover .infomain a{color: #0085da !important;cursor: pointer;}
.newestbtn{display: block;height: 28px;width: 98px;border: 1px solid #0085da;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;line-height: 30px;font-size: 14px;color: #0085da;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(/uploads/image/simages/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: 386px;}
.tradetitle{width: 100%;height: 88px;line-height: 88px;}
.tradetitle i,.tipstitle i{display: inline-block;margin-left: 20px;margin-right: 15px;}
.tradetitle i{width: 11px;height: 28px;position: relative;top: 5px;}
.tipstitle i{background:  no-repeat -246px -480px; width: 32px;height: 32px;position: relative;top: 5px;}
.demandtitle i{background:  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: #0085da;}
.tradedivmain a:hover font{color: #666;}
.tipstitle{width: 100%;height: 88px;line-height: 88px;background:  no-repeat -10px -118px;}
.hotdemand{width: 306px;}
.demandtitle{width: 100%;height: 88px;line-height: 88px;background:  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: #0085da;}