@charset "utf-8";
#top{background:#333;}
#top .container{height:38px; line-height:38px; color:#bababa;}
#top .area{background:url(../images/position.png) no-repeat left center; padding-left:124px; color:#fff; position:relative;}
#top .area i{border:5px solid transparent; border-top-color:#bababa; position:absolute; right:-13px; top:16px;}
#top .area:before{content:"房屋所在城市"; position:absolute; left:20px; color:#bababa}
#top .button{border:1px solid #bababa; padding:3px 5px; border-radius:9999px; margin:0 10px;}
#top .shareBtn{display:inline-block; width:27px; height:27px; background:url(../images/top_i1.png); margin-left:10px; vertical-align:middle; position:relative; top:-2px;}
#top .shareBtn.b2{background-image:url(../images/top_i2.png);}
#top .shareBtn.b3{background-image:url(../images/top_i3.png);}
#top .shareBtn.b4{background-image:url(../images/top_i4.png);}

header{position:relative;}
nav{float:right;}
nav a{height:56px; line-height:56px; padding:0 12px; float:left; font-size:20px; font-family:"微软雅黑"; margin-left:20px;}
nav a:hover,nav a.current{background:#275599; color:#fff;}
header .searchBtn{font-size:20px; margin:18px 0 0 20px; cursor:pointer;}

#banner .carousel-indicators li{width:30px; border:none; height:5px; background:#fff;}
#banner .carousel-indicators li.active{background-color:#5ca9ff; margin:1px;}

.title{font-family:"微软雅黑"; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.title h4{font-weight:normal; font-size:28px; color:#353535;}
.title span{color:#8e8d8d; margin-left:5px; margin-top:13px;}
.title ul{margin-top:10px;}
.title li{float:left; margin-left:8px; width:8px; height:8px; border-radius:999px; background:#ddd;}
.title li.on{background:#5CA9FF;}

#process .listBg{background-color:#F5F5F5;}
#process li{margin-top:10px; margin-bottom:10px; border-radius:4px; box-shadow:1px 1px 2px rgba(0,0,0,.3); float:left; width:18%; margin-right:2.5%; padding:10px; background:#fff; cursor:pointer; position:relative; overflow:hidden;}
#process li:last-child{margin-right:0;}
#process li img{width:50%;}
#process li .mask{position:absolute; top:0; left:0; width:100%; height:100%; background:green; opacity:.5; z-index:1; display:none;}
#process li b,#process li span,#process li p{position:relative; z-index:2;}
#process li b{display:block; text-align:center; font-size:50px; font-style:italic; font-weight:normal; font-family:Arial; line-height:50px;}
#process li span{display:block; text-align:center; padding:10px;}
#process li p{font-size:12px; padding:20px;}
#process li:hover .mask{display:block;}
#process li:hover *{color:#fff;}

#case .col-sm-3 .bg{background:#F5F5F5;}
#case .col-sm-3 .img-responsive{width:100%;}
#case h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:35px; line-height:35px; padding:0 5px;}
#case h3 a{font-size:16px; color:#353535; font-family:"微软雅黑";}
#case p{padding:0 5px;}
#case p span{float:left; width:33.333%; text-align:center; font-size:12px; padding-bottom:5px;}
#case p span:first-child{text-align:left;}
#case p span:last-child{text-align:right;}
#case .common{padding-bottom:6px; font-size:12px; text-align:right; padding:0 5px;}
#case .common i{margin-right:5px; margin-left:10px;}

#designer ul.list{background:#F5F5F5; padding:10px 0;}
#designer .list li{width:33.333%;}
#designer .list li img{width:47%; margin-right:6%; padding:10px; padding-bottom:0;}
#designer .list li div{width:47%;}
#designer .list span{font-size:16px; color:#353535; font-family:"微软雅黑"; display:block; padding-top:10px;}
#designer .list p{font-size:12px; line-height:180%;}

#company ul{background:#F5F5F5; padding:10px;}
#company li{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#company li i{font-size:20px; font-family:"微软雅黑"; margin-right:20px; color:#757575;}
#company li:first-child i,#company li:nth-child(2) i,#company li:nth-child(3) i{color:#f25618;}
#company li a{color:#353535; font-size:12px; position:relative; top:-3px;}

#strategy .col-sm-6{margin-bottom:10px;}
#strategy .col-sm-6 img{width:250px; margin-right:10px;}
#strategy .col-sm-6 h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;}
#strategy .col-sm-6 h3 a{color:#353535; font-family:"微软雅黑";}
#strategy .col-sm-6 p{font-size:12px;}
#strategy .common{padding-bottom:6px; font-size:12px; text-align:right; padding:0 5px;}
#strategy .common i{margin-right:5px; margin-left:10px;}

#flinks{padding:10px; background:#f5f5f5;}
#flinks dt,#flinks dd{margin-right:10px; float:left;}
#flinks dt{font-family:"微软雅黑"; color:#676767; font-weight:normal;}
#flinks dd{color:#676767;}

footer{background:#313131; padding:20px;}
footer dl{padding:10px 0; margin-right:30px;}
footer dt{height:30px; line-height:30px; font-family:"微软雅黑"; color:#fff; margin-bottom:15px;}
footer dd{font-size:12px; margin-bottom:15px;}
footer .qrcode{margin-right:15px;}
footer p{line-height:300%;}

#copy{background:#2D2D2D; padding:10px; text-align:center; font-size:12px;}

@media (max-width:1199px){
	nav a{margin-left:10px;}
	#strategy .col-sm-6 img{width:150px;}
}

@media (max-width:991px){
	nav a{font-size:16px; padding:0 5px;}
	header .searchBtn{font-size:16px; margin:18px 0 0 10px;}
	#top .button{margin:0 5px;}
	#top .shareBtn{margin-left:5px;}
	footer dl{padding:10px 0; margin-right:20px;}
}

@media (max-width:767px){
	#top .area{padding-left:50px;}
	#top .area:before{content:"位置";}
	nav{float:none; z-index:999; position:absolute; top:56px; left:0; width:100%; background:rgba(255,255,255,.5); box-shadow:0 2px 5px rgba(0,0,0,.3); display:none;}
	nav a{font-size:16px; float:none; margin:0; display:block; padding:0 10px; height:40px; line-height:40px; color:#333;}
	.mt20{margin-top:15px;}
	#ensure li{margin-bottom:10px;}
	#process li{width:30%; margin-right:5%;}
	#process li:nth-child(3){margin-right:0;}
	#case .col-sm-3{margin-bottom:10px;}
	#company{margin-top:15px;}
}

@media (max-width:414px){
	header .logo img{width:110px;}
	.mt20{margin-top:10px;}
	.title{margin-bottom:10px;}
	.title h4{font-size:20px;}
	.title span{font-size:12px; margin-top:8px;}
	#process li b{font-size:30px; line-height:30px;}
	#process li span{padding:5px;}
	#process li p{padding:5px;}
	#designer .list li img{width:80%; display:block; margin:auto;}
	#designer .list li div{width:100%; text-align:center;}
	#process li p{display:none;}
}
@media (max-width:350px){
	#top .button{padding:3px; margin:0 1px; font-size:12px;}
}