@charset "utf-8";
 /*°øÅë*/
 h3{
	font-size:40px;
	padding-top:30px;
	padding-left:30px;
	position:relative;
	margin-top:0px;
	padding-bottom:20px;

 }
  h3.title{
	font-size:50px;
  }
  h3:before{
	display:block;
	content:'';
	position:relative;
	top:3px;
	margin-bottom:20px;
	margin-left:-20px;
		background:#7f7f7f;
		width:30px;
		height:1px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg)
 
  }

    h3.nobg:before{
	 
		background:none;
		width:0px;
		height:0px;
		 
 
  }
  @media(max-width:900px){
	 h3{
		font-size:30px;
		padding-left:10px;
	 }
	 h3.title{

		font-size:30px;
	  }

	   
		
		
 
 }

 
 .main_wrap{
		max-width:1300px;
		margin:0 auto;
		position:relative;
 }
  
  /*mainimg slider/*/

  #mainimgContent{
	position:relative; 
	width:100%;
	height:100%;
	overflow:hidden;
	min-height:600px;
	 
	}

 @media  (max-width: 768px) {
	 #mainimgContent{
	 height:80%;
	 }
 }


#mainimgContent_in{
	margin: 0px 0;
   	position: absolute;
	 
	width:100%;
	height:100%;
	overflow: hidden;
     
}

.mainContainer{
	padding-top:0px;
	position:relative;
	width:100%;
	
	margin:0 auto;
	background:#000;
	
	
	}
.mainContainer_in{
	
	width:100%;
	overflow:hidden;
	
	
	
	}

	 
 
 
 /*ÁÖÅúоç*/
#housearea{
	position:relative;
	width:100%;
	height:100%;
}

#housearea .imgare{
	position:absolute;
	width:35%;
	height:100%;
	background:url(../image/back_house.jpg) no-repeat right 0;
	 background-size:cover;
	top:0;
	 
}

#housearea .housearea_box{
	position:relative;
	width:65%;
	margin-left:35%;
	background:url(../image/back_house2.jpg) no-repeat 0 0;
	top:0;
	
	 
}

#housearea .housearea_box .titleara{
 width:90%;
  max-width:800px;
 margin:0 auto;
 position:relative;
 padding:30px;
}
#housearea .housearea_box .titleara:after{
	clear:both;
	display:block;
	content:'';
}
#housearea .housearea_box .titleara .left_txt{
	float:left;
	padding-top:40px;
	position:relative;
}
#housearea .housearea_box .titleara .left_txt span{
	color:#ff7933;
}
#housearea .housearea_box .titleara .left_txt span:after{
	clear:both;
	display:block;
	content:'';
	width:100px;
	height:1px;
	background:#ccc;
	position:absolute;
	top:53px;
	left:90px;
}
#housearea .housearea_box .titleara .left_txt h2{
	font-size:50px;
	letter-spacing:-1px;

}
#housearea .housearea_box .titleara .right_txt{
	float:left;
	max-width:300px;
	padding-top:70px;
	padding-left:60px;
	font-size:22px;
	line-height:1.2;
}


#housearea .housearea_box .phtoarealist{
	 width:90%;
	 max-width:800px;
	 margin:0 auto;
	 position:relative;
	 padding:30px;
}

#housearea .housearea_box .phtoarealist .phtoarea_box{
	width:45%;
	margin-right:4%;
	display:inline-block;
	max-width:300px;
	border: 1px solid #ccc;
	margin-bottom:30px;
	position:relative;
}
#housearea .housearea_box .phtoarealist .phtoarea_box .photoarea{
	position:relative;
}
#housearea .housearea_box .phtoarealist .phtoarea_box .photoarea img{
	max-width:100%;
	
}
#housearea .housearea_box .phtoarealist .phtoarea_box .photo_title{
	text-align:center;
	padding:10px;
}
#housearea .housearea_box .phtoarealist .phtoarea_box .photo_title a{
	font-size:16px;
	display:block;
	position:relative;

}

#housearea .housearea_box .phtoarealist .phtoarea_box .photo_title a:after{position:absolute;
		top:10px;
		right:0px;
		width:14px;
		height:2px;
		display:block;
		background:#000;
		content:'';
}

#housearea .housearea_box .phtoarealist .phtoarea_box .photo_title a:before{position:absolute;
		top:4px;
		right:6px;
		display:block;
		width:2px;
		height:14px;
		background:#000;
		content:'';
}

#housearea .housearea_box .phtoarealist .phtoarea_box .statearea{
	position:absolute;
	display:table;
	top:0;
	right:0;
	width:55px;
	height:45px;
	line-height:1.2;
	color:#fff;
	text-align:center;
	font-size:14px;
	padding:5px;
	
}
#housearea .housearea_box .phtoarealist .phtoarea_box .statearea span{
	display:table-cell;
	vertical-align:middle;
}
#housearea .housearea_box .phtoarealist .phtoarea_box .bgA{
	background:#ed6324;
}
#housearea .housearea_box .phtoarealist .phtoarea_box .bgB{
	background:#2c6f96;
}


/*¼Ò³ª¹«Á¶°æ*/

#sonamuaarea{
	position:relative;
	width:100%;
	height:100%;
	background:url(../image/back_sonamu2.jpg) no-repeat right 0;
	 background-size:cover;
	 padding-top:180px;
}

 

#sonamuaarea .sonamuaarea_box{
	position:relative;
	
	max-width:1000px;
	margin:0px auto;
	background:#fff;	
	top:0;
}

#sonamuaarea .sonamuaarea_box .titleara{
	 width:100%;
	 background:url(../image/back_sonamu.jpg) no-repeat right 0;
	 margin:0 auto;
	 position:relative;
	 padding:30px 120px 0 120px;
}
#sonamuaarea .sonamuaarea_box .titleara:after{
	clear:both;
	display:block;
	content:'';
}
#sonamuaarea .sonamuaarea_box .titleara .left_txt{
	float:left;
	padding-top:40px;
	position:relative;
}
#sonamuaarea .sonamuaarea_box .titleara .left_txt span{
	color:#487920;
}
#sonamuaarea .sonamuaarea_box .titleara .left_txt span:after{
	clear:both;
	display:block;
	content:'';
	width:100px;
	height:1px;
	background:#ccc;
	position:absolute;
	top:53px;
	left:90px;
}
#sonamuaarea .sonamuaarea_box .titleara .left_txt h2{
	font-size:50px;
	letter-spacing:-1px;

}
#sonamuaarea .sonamuaarea_box .titleara .right_txt{
	float:left;
	max-width:370px;
	padding-top:70px;
	padding-left:60px;
	font-size:22px;
	line-height:1.2;
}
#sonamuaarea .sonamuaarea_box  .morearea{
	position:relative;
	margin-top:30px;
}
#sonamuaarea .sonamuaarea_box  .morearea a{
	display:block;
	width:200px;
	margin:0px auto;
	background:#fff;
	border-radius:30px;
	border:1px solid #000;
	text-align:center;
	padding:10px 10px;
	position:relative;
}
#sonamuaarea .sonamuaarea_box .morearea a:before{
		display:block;
		content:'';
		width:25px;
		height:1px;		  
		background:#000;
		margin-top:1px;		 
		position:absolute;
		top:25px;
		right:17px;
}
#sonamuaarea .sonamuaarea_box  .morearea a:after{
		display:block;
		content:'';
		width:1px;
		height:15px;
		  
		background:#000;
		margin-top:1px;
		transform:rotate(-45deg);
		position:absolute;
		top:13px;
		right:20px;
}
#sonamuaarea .sonamuaarea_box .photogallery{
	padding:60px 50px;
	text-align:center;
}
#sonamuaarea .sonamuaarea_box .photogallery a{
		display:inline-block;
		width:32%;
		
}
#sonamuaarea .sonamuaarea_box .photogallery a img{
	max-width:100%;
}