@charset "utf-8";
/* CSS Document */

 
	 
#home_main{
	width:100%;
	height:323px;
 	background: url(../../images/home-bg.gif) center  bottom repeat-x;
	background-size:auto;
	position:relative;
	overflow:hidden;
	margin-bottom:40px}
	
#home_main .container{
	border: 4px solid #fff;position:relative;
	width:100%;
	max-width:930px;
	box-sizing:border-box;
	position: absolute;
	left:50%;
	transform:translateX(-50%);
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	padding:0;
	bottom:-4px;}
			 
#home_main .left{
	width: 300px;
	height: 284px;
	float:left;
	background:url(../../images/home-main-left.png) center no-repeat;
	background-size:cover;}


	
#home_main .right{
	width:calc(100% - 300px);
	height:284px;
	float:left;
	background:url(../../images/home-main-right.png) center no-repeat;
	background-size:cover;
	position:relative;}
	
#home_main .right:before{
	content:'';
	display:block;
	width:15px;
	height:100%;
	position:absolute;
	left:0; top:0;
	z-index:2;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 1%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}			 


@media screen and (max-width:990px) {

#home_main{ height:auto;}	
#home_main .container{
	position: relative;
	left: auto;
	transform: none;
	bottom:auto;
	border:0;}	
}
@media screen and (max-width:768px) {
#home_main .right{
 	background:url(../../images/home-main-right.png) right center  no-repeat;
	background-size:cover;
 }		
}
@media screen and (max-width:600px) {
#home_main .left, #home_main .right{
	width:50%; height:230px;}	
#home_main .right {
    background: url(../../images/home-main-right.png) 80% center no-repeat;
    background-size: cover;
}	
	
}

@media screen and (max-width:320px) {
#home_main .left, #home_main .right{
	height:170px;}
	
	
}


/*S_box*/

.S_box{
	display:block;
	margin-bottom:20px;
	}
	
.S_box .left{
	float:left;
	}
	
.S_box .right{
	float:right;
	width:600px;
	box-sizing:border-box;}	
	
.S_box .left{
	width:calc(100% - 640px);}		
	
 @media screen and (max-width:768px) {
.S_box .left{
	width:calc(100% - 270px);}		 
 }
	
 @media screen and (max-width:620px) {
.S_box .left, .S_box .right{
	width:100%; float:none;
	margin-bottom:20px;}		 
#hqm {
     width: 100%;
    height: auto;
}



#banner, #video{
	width:100%;
	float:left;
	padding:8px;
	box-sizing:border-box;
	clear:none;}

 }
 
.house .text{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}