/*pad*/

img {
	max-width: 100%;
}

#gh {
	float: right;
	height: 26px;
	width: 30px;
	left: 50%;
	top: 0;
	position: absolute;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor: pointer;
	z-index: 9999;
	display: none;
}

.selected #gh {
	transform: rotate(90deg);
}

#gh a {
	background-color: #e53d30;
	display: block;
	height: 2px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
	border-radius: 2px;
}

#gh a:after,
#gh a:before {
	background-color: #e53d30;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
	border-radius: 2px;
}

#gh a:after {
	top: 8px;
}

#gh a:before {
	top: -8px;
}

.selected #gh a:after,
.selected #gh a:before {
	top: 0;
}

.selected #gh a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
	background: #fff;
}

.selected #gh a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
	background: #fff;
}

.selected #gh a {
	background-color: transparent !important;
}

.selected .header {
	overflow: visible;
}

.selected .header .nav {
	display: block;
	z-index: 111;
	position: absolute;
	left: 0;
	top: 80px;
	right: 0;
	margin: 0;
}

.selected .header .nav li a {
	text-align: center;
	width: auto;
	display: block;
	background: rgba(255, 255, 255, 0.9);
	margin: auto;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	line-height: 50px;
	padding: 0;
}

.selected .header .nav li a {
	color: #000000;
}

.selected .header .nav .selected a {
	border-bottom-color: #73e5b1;
}
@media only screen and (max-width:1200px) {
	.layout{
		width:100%; margin: 0 auto;background: #fff;overflow: hidden;
	}

	.header .logo{
		margin-left: 20px;top: 10px;
	}
	.header .logo img{
		height: 36px;
	}
	.header .naver li{
		float: none;margin: 0;text-align: center;
	}
	.header .naver{
		float: none;margin: 0;position: absolute;left: 0;right: 0;top: 56px;background: rgba(255,255,255,0.8);padding-bottom: 20px;z-index: 999;padding-top: 20px;display: none;
	}
	#gh{
		display: none;left: auto;right: 20px;top: 15px;
	}
	.header .ph{
		display: none;
	}
	.header .naver li a{
		font-size: 16px;line-height: 46px;
	}
	.header.selected .naver li:nth-child(1){
		-webkit-animation:fadeInRightBig 1s .1s ease both;
-moz-animation:fadeInRightBig 1s .1s ease both;
	}
	.header.selected .naver li:nth-child(2){
		-webkit-animation:fadeInRightBig 1s .2s ease both;
-moz-animation:fadeInRightBig 1s .2s ease both;
	}
	.header.selected .naver li:nth-child(3){
		-webkit-animation:fadeInRightBig 1s .3s ease both;
-moz-animation:fadeInRightBig 1s .3s ease both;
	}
	.header.selected .naver li:nth-child(4){
		-webkit-animation:fadeInRightBig 1s .4s ease both;
-moz-animation:fadeInRightBig 1s .4s ease both;
	}
	.header.selected .naver li:nth-child(5){
		-webkit-animation:fadeInRightBig 1s .5s ease both;
-moz-animation:fadeInRightBig 1s .5s ease both;
	}
	.header.selected .naver li:nth-child(6){
		-webkit-animation:fadeInRightBig 1s .6s ease both;
-moz-animation:fadeInRightBig 1s .6s ease both;
	}
	.header.selected .naver li:nth-child(7){
		-webkit-animation:fadeInRightBig 1s .7s ease both;
-moz-animation:fadeInRightBig 1s .7s ease both;
	}
	.h_slider li .bg{
		height:220px;
	}
	.h_slider{
		height: 220px;
	}
	.title{
		margin-top: 30px;
	}
	.title h2{
		font-size: 20px;
	}
	.case_nav li{
		margin: 0 10px;
	}
	.h_case .wrap{
		margin-top: 30px;padding: 0 20px;
	}
	.case_nav{
		margin-top: 12px;
	}
	.wrap{
		width: auto;
	}
	.h_case .lts{
		width: auto;float: none;height: auto;border: 1px solid #dddddd;box-shadow: none;margin-bottom: 20px;
	}
	.h_case .lts .imgs{
		height: auto;width: auto;
	}
	.h_case .lts .txt h2{
		font-size: 18px;line-height: 32px;height: 32px;
	}
	.h_case .lts .txt h3{
		font-size: 14px;line-height: 24px;height: 24px;
	}
	.h_case .lts .txt h4{
		height: 44px;font-size: 12px;line-height: 44px;
	}
	.h_case .lts .txt .xin{
		margin-top: 6px;
	}
	.h_case .rts{
		width: auto;float: none;
	}
	.h_case .rts ul{
		width: auto;
	}
	.h_case .rts li{
		width: auto;height: auto;float: none;margin-right: 0;
	}
	.h_case .rts .txt,
	.h_case .lts .txt{
		padding:10px;
	}
	.h_case .more{
		margin-top: 0;margin: 0 20px;
	}
	.h_case .more a{
		width: auto;height: 46px;line-height: 46px;
	}
	.h_case .more a span{
		line-height: 46px;
	}
	.h_case{
		padding-bottom: 30px;
	}
	.h_list .wrap{
		margin-top: 30px;padding: 0 20px;
	}
	.h_list li{
		width: auto;height: auto;margin-right: 0;margin-bottom: 20px;float: none;
	}
	.h_list .wrap ul{
		width: auto;
	}
	.h_list{
		padding-bottom: 0;
	}
	.hlin{
		display: none;
	}
	.footer dl{
		display: none;
	}
	.footer .copyright{
		margin-top: 0;
	}
	.footer{
		padding-top: 10px;
	}
	.footer .copyright{
		padding: 10px 20px;line-height: 1.7;
	}
	.banner h2{
		font-size: 28px;line-height: 1.4;
	}
	.banner p{
		font-size: 18px;line-height: 1.6;
	}
	
	.fhed{
		height: 56px;
	}
	.a_servives .wrap{
		margin-top: 30px;padding: 0 20px;
	}
	.a_servives .wrap ul{
		width: auto;
	}
	.a_servives .wrap li{
		width: auto;float: none;margin-bottom: 20px;margin-right: 0;
	}
	.a_servives{
		padding-bottom: 10px;
	}
	.a_house .ah_line{
		display: none;
	}
	.a_house ul{
		height: auto;margin-top: 30px;padding: 0 20px;
	}
	.a_house ul li{
		position: static;float: none;margin: 0;margin-bottom: 10px;float: none;width: auto;height: auto;display: block;
	}
	.a_house li:nth-child(2n){
		position: static;
	}
	.a_house ul li:after{
		display: none !important;
	}
	.a_house{
		padding-bottom: 20px;
	}
	.about_us{
		padding: 20px;background-size: auto 100% !important;height: auto;
	}
	.about_us h2{
		margin: 0;font-size: 18px;
	}
	.about_us p{
		margin: 0;margin-bottom: 5px;font-size: 13px;line-height: 1.7;
	}
	.a_contact .acon_ul{
		margin-top: 30px;margin-bottom: 0;
	}
	.a_contact .acon_ul ul{
		width: auto;padding: 0 20px;
	}
	.a_contact .acon_ul li{
		width: auto;margin-bottom: 10px;margin-right: 0;float: none;
	}
	.a_contact .acon_ul li .txt{
		width: 230px;
	}
	.a_contact .acon_ul li span{
		margin-left: 10px;
	}
	.a_contact .a_form label{
		float: none;width: auto;text-align: left;
	}
	.a_contact .a_form .txt{
		width: 100%;float: none;box-sizing: border-box;
	}
	.a_form{
		padding: 0 20px;
	}
	.a_contact .a_form dd{
		float: none;margin-bottom: 10px;
	}
	.a_contact .a_form dd:nth-child(2n){
		float: none;
	}
	.a_contact .f_text .text{
		width: 100% !important;
	}
	.a_contact .sub{
		margin: 20px auto 30px;
	}
	.footer{
		background: none;padding: 0;
	}
	.apartment .ap_form .text{
		width: 100%;float: none;padding: 0 32px;
	}
	.apartment .ap_form{
		height: auto;margin:10px;
	}
	.apartment .ap_form .sub{
		float: none;width: 100%;
	}
	.apartment .ap_dl{
		display: none;
	}
	.apartment .ap_sub{
		padding: 0 20px;background: #fff;
	}
	.apartment .ap_sub dd{
		margin-right: 15px;
	}
	.apartment .ap_sub h3{
		float: none;line-height: 2;padding-bottom: 8px;
	}
	.apartment .ap_sub dl{
		float: none;
	}
	.ap_list ul{
		margin-top: 20px;padding: 0 20px;
	}
	.ap_list li{
		float: none;width: auto;height: auto;margin-bottom: 20px;
	}
	.ap_list li .imgs{
		width: auto;height: auto;float: none;
	}
	.ap_list li .text{
		float: none;width: auto;height: auto;margin: 0;
	}
	.ap_list li a{
		height: auto;
	}
	.ap_list li .text h2{
		margin-bottom: 8px;font-size: 18px;line-height: 1.4;padding-top: 8px;
	}
	.ap_list li .rent{
		position: static;font-size: 14px;line-height: 1.7;
	}
	.ap_list li .text p{
		font-size: 13px;line-height: 1.8;
	}
	.ap_list li .rent span{
		font-size: 20px;
	}
	.ap_list li .txp{
		height: auto;
	}
	.ap_list li h4{
		font-size: 13px;line-height: 20px;height: 20px; word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
	}
	.pages li.l2{
		display: none;
	}
	.sub_menu {
		display: none;
	}
	.detail .lts .bd img{
		width: auto;height: auto;
	}
	.de_slide{
		
	}
	.detail .lts{
		width: auto;float: none;
	}
	.detail .lts .hd li{
		width: 95px;height: auto;margin: 0 3px;
	}
	.detail .lts .next, .detail .lts .prev{
		width: 23px;height: 64px;
	}
	.detail .rts{
		width: auto;height: auto;float: none;padding: 20px;padding-bottom: 0;
	}
	.detail .rts h2{
		font-size: 20px;margin-bottom: 10px;
	}
	.detail .rts .btns{
		position: static;margin-top: 10px;
	}
	.detail .rts h5{
		margin-top: 10px;font-size: 16px;
	}
	.detail .rts h5 span{
		font-size: 24px;
	}
	.detail .rts .btns{
		padding-top: 10px;
	}
	.detail .rts .btns a i{
		line-height: 54px;
	}
	.detail .rts .btns a{
		height: 54px;
	}
	.popup{
		width: 340px;height: auto;
	}
	.popup ul{
		padding:5px 20px 20px;
	}
	.popup li label{
		width: auto;float: none;text-align: left;line-height: 34px;
	}
	.popup li .bor{
		width: auto;float: none;margin: 0;
	}
	.popup li.ls{
		margin-bottom: 15px;
	}
	.popup li{
		margin-bottom: 2px;
	}
	.popup li .subs{
		float: none;margin: 0;
	}
	.popup li .subs{
		width: 100%;display: block;
	}
	.popup h2{
		line-height: 50px;
	}
	.popup{
		transform: translateY(0);
		top: 76px;
	}
	.de_main .de_sub{
		display: none;
	}
	.de_main{
		padding-top: 0;
	}
	.de_slide{
		margin-bottom: 0;
	}
	.de_main{
		padding: 0 20px;
	}
	.de_main .txt{
		padding-right: 0;
	}
	.de_main .de_amen ul{
		text-align: left;
	}
	.de_main .de_amen li{
		float: none;margin: 0 8px;display: inline-block;margin-bottom: 12px;
	}
	.de_main .de_amen h5{
		font-size: 14px;
	}
	.de_main .txt p{
		text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
	text-align-last: left;
	}
	.m_slide .bd li{
		width: auto;float: none;
	}
	.m_slide{
		display: none;
	}
	.de_main #more{
		display: none;
	}
	.de_main #loca{
		display: none;
	}
	.detail{
		padding-bottom: 0;
	}
	.tit{
		padding: 0 20px;margin-top: 10px;
	}
	.tit h2{
		line-height: 40px;display: block;
	}
	.tit h2 span{
		font-size: 16px;margin-left: 5px;
	}
	.tit h2 i{
		width: 20px;height: 20px;line-height: 20px;font-size: 15px;margin-top: 10px;n
	}
	.landlords .uls label{
		float: none;width: auto;text-align: left;
	}
	.landlords .uls li{
		margin-top: 8px;float: none;width: auto;padding: 0 20px;
	}
	.landlords .uls .txt{
		width: 100%;float: none;margin: 0;
	}
	.landlords .uls li:nth-child(2n){
		float: none;width: auto;
	}
	.landlords .uls{
		padding-bottom: 30px;
	}
	.landlords .uls2 li:nth-child(2n+1){
		width: auto;float: none;
	}
	.landlords h6{
		margin:20px;
	}
	.landlords .uche{
		padding: 0 20px;
	}
	.landlords .la_text{
		padding: 0 20px;
	}
	.landlords .la_text label{
		float: none;width: auto;margin: 0;line-height: 2.2;
	}
	.landlords .l_text{
		width: 100% !important;margin: 0;
	}
	.landlords h5{
		line-height: 1.7;margin:20px;
	}
	.landlords .fimg{
		margin: 0 20px;
	}
	.landlords .subs{
		margin:30px auto;
	}
	.re-pos{
		padding: 30px 20px;
	}
	.re-pos h2{
		font-size: 20px;line-height: 1.7;
	}
	.re-pos .text{
		padding: 0;text-align: left;
	}
	.re-pos .text h3{
		float: none;margin: 0;font-size: 16px;line-height: 1.6;margin-bottom: 5px;
	}
	.re-slide .hd li{
		margin-right: 10px;width: 153px;margin-bottom: 10px;
	}
	.re-slide .hd ul{
		width: 120%;
	}
	.re-slide .bd ul{
		margin-top: 20px;
	}
	.re-slide .bd li h3{
		font-size: 18px;line-height: 1.6;
	}
	.re-slide .bd li .txt dl{
		float: none;width: auto;border: none;margin-top: 10px;
	}
	.re-slide .bd li .txt dd{
		width: auto;
	}
	.re-slide .bd ul{
		float: none;
	}
	.re-slide .bd li .txt{
		height: auto;
	}
	.re-slide .bd li .txt dl:last-child{
		padding-left: 0;
	}
	.re-scale h3{
		font-size: 22px;line-height: 60px;
	}
	.re-scale li{
		width: 50%;margin-bottom: 10px;
	}
	.re-scale li .ico{
		width: 88px;height: 88px;margin: 0 auto;
	}
	.re-scale li p{
		font-size: 16px;line-height: 2;
	}
	.re-scale ul{
		margin-top: 30px;
	}
	.re-scale{
		padding: 0 20px;
	}
	.header .naver li dl{
		display: block !important;
	}
	.header .naver li.subl > a{
		background: none !important;
	}
	.header .naver li dl{
		position: static;width: auto;height: auto;margin: 0;
	}
	.header .naver li dl a{
		color: #000;background: none;
	}
	.header .naver li dl a:hover{
		color:#f7931e;
	}
	.map .map_rt{
		display: none;
	}
	#container{
		width: 100%;height: 300px;
	}
	.map{
		height: auto;
	}
	.su-text{
		padding:30px 20px;
	}
	
	.su-text p{
		font-size: 18px;line-height: 1.7;
	}

		
}
@media only screen and (max-width:768px){
	
	#gh{ display:block;}

	}

@media only screen and (max-width:640px){
	
	#gh{ display:block;}

	}