/* search_box */
.search_box{
	width:600px;
	margin:20px auto 100px auto;
	border:10px solid #3ea248;
	border-radius:10px;
	overflow:hidden;
	font-family:'돋움'
}
.search_box > div{
	float:left;
	height:80px
}
.search_left{
	width:140px;
	background:#f3f8f4
}
.search_left select{
	width:100%;
	height:40px;
	padding-left:10px;
	margin-top:20px;
	background:#f3f8f4;
	border:none;
	outline:none
}

.serach_right{
	width:460px;
}
.serach_right ul{
	overflow:hidden;
	margin-left:40px
}
.serach_right ul li{
	float:left
}
.serach_right_a ul li input{
	width:317px;
	height:30px;
	border:1px solid #adadad;
	box-sizing:border-box;
	padding:3px 5px;
	margin:24px 10px 0 0
}
.serach_right_a ul li img{
	margin-top:24px
}

.serach_right_b ul li select{
	width:100px;
	height:30px;
	border:1px solid #adadad;
	box-sizing:border-box;
	padding:3px 5px;
	margin:24px 10px 0 0
}
.serach_right_b ul li img{
	margin-top:24px
}

/* thumnail_box */
.thumnail_box{
	width:840px;
	margin:0 auto;
}
.thumnail{
	overflow:hidden
}
.thumnail li{
	float:left;
	position:relative;
	text-align:center;
	margin-right:30px;
	width:260px;
	height:260px;
	overflow:hidden
}
.thumnail li.li01{
	margin-right:0
}
.thumnail li.li02{
	margin-top:30px
}
.thumnail li .images_box{
	width:260px;
	height:260px;
	transition: transform .3s ease-in-out;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: initial;
	background:#fff
}
.thumnail li a:hover .images_box{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
}

.thumnail li .images01{
	background-image:url('../images/hp_one-room.jpg')
}
.thumnail li .images02{
	background-image:url('../images/hp_two_room.jpg')
}
.thumnail li .images03{
	background-image:url('../images/hp_apartment.jpg')
}
.thumnail li .images04{
	background-image:url('../images/hp_office.jpg')
}
.thumnail li .images05{
	background-image:url('../images/hp_etc.jpg')
}
.thumnail li .images06{
	background-image:url('../images/hp_etc2.jpg')
}

.thumnail li .text_wrap{
	position:absolute;
    top:96px;
    width:100%;
    color:#fff;
}
.thumnail li .text_title{
	font-size:24px
}
.thumnail li .text_line{
	width:40px;
    height:1px;
    background-color:#fff;
    margin:23px auto;
}
.thumnail li .text{
	font-size:15px
}


/* quick_box */
.quick_box{
	overflow:hidden;
	width:840px;
	margin:0 auto 100px auto
}
.quick_box > div{
	float:left;
	width:260px
}

.quick_notice{
	margin-right:30px;
	margin-top:90px
}
.quick_notice .notice_title{
	overflow:hidden;
	border-bottom:2px solid #e1e1e1;
	padding-bottom:15px;
	margin-bottom:19px
}
.quick_notice .notice_title li.li01{
	float:left;
	line-height:20px
}
.quick_notice .notice_title li.li01 a{
	font-size:14px;
	color:#363636
}
.quick_notice .notice_title li.li02{
	float:right;
	border:1px solid #e1e1e1;
	border-radius:15px;
	padding:2px 8px
}
.quick_notice .notice_title li.li02 a{
	font-size:12px;
	color:#727171;
}
.quick_notice .notice_text li{
	margin-bottom:20px;
}
.quick_notice .notice_text li a{
	color:#727171;
	font-size:10px
}
.quick_notice .notice_text li a span{
	font-size:11px;
	margin-left:10px
}


/* quick_icon */
.quick_icon{
	margin-top:82px
}
.quick_icon .icon_title{
	overflow:hidden;
	border-bottom:2px solid #e1e1e1;
	padding-bottom:15px;
	margin-bottom:19px
}
.quick_icon .icon_title li.li01{
	float:left;
	line-height:20px
}
.quick_icon .icon_title li.li01{
	font-size:14px;
	color:#363636;
	overflow:hidden
}
.quick_icon .icon_title li.li01 img{
	float:left
}
.quick_icon .icon_title li.li01 span{
	margin-left:10px;
	margin-top:5px;
	display:block;
	float:left
}
.quick_icon .icon_title li.li02{
	float:right;
	border:1px solid #e1e1e1;
	border-radius:15px;
	padding:2px 8px;
	margin-top:5px
}
.quick_icon .icon_title li.li02 a{
	font-size:12px;
	color:#727171;
}

.quick_icon .icon{
	overflow:hidden
}
.quick_icon .icon li{
	float:left
}
.quick_icon .icon li.li01{
	margin-right:8px
}
.quick_icon .icon li.li02{
	margin-top:12px
}


/* banner */
.banner{
	background:url('../images/hp_middle_banner.jpg') 0 0 no-repeat;
	width:100%;
	height:41px;
}
.banner div{
	width:840px;
	margin:0 auto
}



/* hoit_app */
.hoit_app{
	width:100%;
	background:#f6f6f6
}	
.hoit_app_wrap{
	width:840px;
	margin:0 auto;
	overflow:hidden
}
.hoit_app_wrap .app_left{
	float:left;
	margin:64px 0 45px 0
}
.hoit_app_wrap .app_right{
	float:right
}
.hoit_app_wrap .app_right ul{
	text-align:center;
	margin:43px 0 56px 0
}
.hoit_app_wrap .app_right ul li.li01{
	margin-bottom:36px;
}
.hoit_app_wrap .app_right ul li.li02{
	font-size:16px;
	margin-bottom:17px
}
.hoit_app_wrap .app_right ul li.li03{
	margin-bottom:14px
}


/* join_banner */
.join_banner{

}
.join_banner_wrap{
	width:840px;
	margin:15px auto
}
.join_banner_wrap ul{
	overflow:hidden;
	width:477px;
	margin:0 auto
}
.join_banner_wrap ul li{
	float:left
}
.join_banner_wrap ul li.li01{
	color:#3ea248;
	line-height:28px;
	margin-right:105px
}