.banner{
	width:100%;
	height:338px;
	background-image:url(img/banner.jpg);
	background-size:100% 338px;
	background-repeat:no-repeat;
	background-position:center;
}
.banner .inner{
	width:100%;
	max-width:1200px;
	margin:auto;
	padding:20px;
	
}
.banner .searchbox{
	background-color: #000000ab;
    border-radius: 15px !important;
    overflow: hidden;
    width: 100%;
    height: 260px;
	padding:5px;
	color:#ffffff;
	font-size:15px
}
.banner .searchbox a{
	color:#ffffff;
	font-size:15px;
	cursor:hand;
	cursor:pointer;
}

.search-type{
	 padding:5px;
}
.search-type a{
	display: table-cell;
    color: #ffffff;
    padding: 5px;
    text-align: center; 
    font-size: 17px; 
    text-transform: uppercase;
    padding: 8px 5px;
    margin-right: 15px;
	border-bottom:3px solid #00000000
}
.search-type a.active{
	 border-bottom:3px solid #baa746;
	 color:#ffeb00;
}
 
 
.search-type a:hover{
	color:#ffeb00;
}
.banner .searchbox .hotest div{
	    padding: 10px 10px 0px 15px; 
}
.banner .searchbox .hotest div a{
	display: block;
    padding: 8px 15px;
    background-color: #5c5c5c;
    border-radius: 10px;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
	font-weight:bold;
}
.banner .searchbox .hotest div a.lbl{
	background-color: transparent;
}
.banner .searchbox .hotest div a:hover{
	 background-color: #8b8b8b;
}
.bannerhos{
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}
.bannerhos a{
	width:100%;
	display:block;
	height:165px;
	background-image:url(img/bannerhos.jpg?id=1);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.bannerhos img{ 
	max-width:100%; 
}

.navbar{
		z-index:999
}
.navbar-collapse {
        position: fixed;
        top: 83px;
		bottom:48px;
        left: 0;
        
        padding-bottom: 15px;
        width: 75%;
         
}

.navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
}

.navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
}

.navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
} 
.bg-dark{
		background-color:#2e2e2e!important
}
.nav-item{
		padding:10px;
		border-bottom:1px solid #444
}
.nav-item a{
		color:#FFF
}

.home_search{
		padding:8px 15px;
}
.home_search .tab1{ 
		display:block;
		border:1px solid #CCC; 
		border-right:0;
		border-radius: 4px 0 0 4px;
		padding:8px;
		width:70px;
		height:40px;
		background-image:url(svg/home_search_list.svg);
		background-position:right 5px center;
		background-size:18px;
		background-repeat:no-repeat;
}
.home_search .tab1 span,.home_search .tab1 svg{
		float:left; 
		font-size: 14px;
		line-height: 22px;
		color: #ad8c08;
}
.home_search .tab1 img{
		float:left; 
		width:18px;
		height:18px;  
		color: #555555;
		margin-left:3px;
}
	
.home_search .tab2{ 
		display:table-cell;
		vertical-align:top; 
		padding-top:0 !important
		
}
.home_search .tab2 input{ 
		height: 46px;
		border: none;
		border-radius: 6px 0 0 6px;
		width: 100%;
		font-size: 16px;
		padding-left: 12px;
		color: #767676;
}
	 
.home_search .tab3{  
		border-radius: 0px 6px 6px 0;
		width: 80px;
		background-color: #baa746;
		text-align: center;
}
.home_search .tab3 a{  
	color: #ffffff !important;
	font-size: 17px;
	line-height: 45px;
	display: block;
	width: 65px;
	margin: auto;
	background-image: url(svg/icon_zoom.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 22px;
	padding-right: 22px;
} 

.leftmenu{
	min-width:230px;
	padding:10px
}
.leftmenu .leftbox{
	width:100%;
	min-height:250px;
	box-shadow:0 0 5px #00000061;
	background-color:#ffffff;
	border-radius:8px;
	padding:10px;
	 
}
.leftmenu .leftbox .lefttitle{
	font-size:21px;
	font-weight:bold;
	color:#363636;
	padding:5px;
	border-bottom:1px solid #dcdcdc
}
.leftmenu .leftbox a{
	display:block;
	font-size:17px;
	color:#565656;
	margin: 10px 0;
    padding: 10px; 
	border-radius: 10px;
}
.leftmenu .leftbox a.active{
	background-color: #baa746;
    color: #ffffff;
}
.leftmenu .leftbox a:hover{
	background-color:#ededed
}
.leftmenu .leftbox a.active:hover{
	background-color: #baa746;
    color: #ffffff;
}
.leftmenu .leftbox .cio a{
	background-color:#e5e5e5;
	text-align:center; 
	padding:10px;
}
.leftmenu .leftbox .cio a.active{
	background-color: #baa746;
    color: #ffffff;
}
.rightcontent{
	width:100%
}
.mtypesearch{
	display:none;
}
.mtitem{
	display:flex;
	justify-content:space-evenly;
}
.mtitem a{
	height:35px;
	padding:5px 5px;
	font-size:19px; 
	color:#666666
}
.mtitem a.active{
	background-color:#eb7d00;
	border-radius:5px;
	color:#ffffff
}
.stype a{
	width:80px;
	height:35px;
	line-height:35px;
	border-radius:10px !important;
	background-color:#e5e5e5;
	font-size:17px;
	text-align:center;
	margin:5px;
	color:#666666
}
.stype a.active{
	background-color:#e10000;
	color:#ffffff;
}

.swiper {
	width: 100%; 
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff; 
}
	 
.swiper-slide .photo{
	width:100%;
	height:500px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center
}

.swiper-slide img {
		  /*
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
		*/
}
.swiper-slide .detail{
			padding:5px; 
}
.swiper-slide .detailtop_outer{
			position:absolute;
			bottom:5px;
			width:100%;
			max-width:1200px;
			left: 0; 
			  right: 0; 
			  margin-left: auto; 
			  margin-right: auto; 
			
			 
}
	  
.swiper-slide .detailtop{ 
			padding:10px;
			background-color: #ffffffe6;
			margin-left: 11px;
			margin-bottom:10px;
			width: 350px; 
}
	  
.swiper-slide .speciallbl{
		background-color: #b9ac77;
		border: 1px solid white;
		border-radius: 4px;
		color: white;
		font-size: 14px;
		padding: 0px 6px;
		margin:auto;
		margint-top:10px;
		margin-bottom:10px;
		display: table;
}
.swiper-slide .bname{
		margin: 0;
		margin-top:5px;
		margin-bottom:5px;  
		font-size: 22px; 
		 
		color: #938345;
}
.swiper-slide .dist{
		margin: 0;  
		font-size:14px;  
		color: #707070;
}
.swiper-slide .price{
		margin: 0; 
		font-size: 18px;
		color: #323232;
}
.swiper-slide .align-items-end{
		height:60px
}
.swiper-slide .price span{
		font-size:14px; color:#707070
}
	
.swiper-slide .picitem{
		height:500px;
		width:50%;
		float:left;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
}
.swiper-slide a.opendetail{
		display:block;
		margin:10px;  
		padding:10px;
		font-size:15px;
		border-radius:5px;
		background-color:#afa57f;
		color:#ffffff;
}

.top-swiper-button-next, .top-swiper-button-prev {
	top:50% !important;
		
		color:#ffffff;
}
.top-swiper-button-prev{
		left:0 !important;
}
	
.swiper-button-next, .swiper-button-prev {
		top:32%;
		color:#ffffff;
}
.swiper-button-next{
		right:0px
}
	
	
.mySwiper .photo span {
		position:absolute;
		display: block;
		margin: 5px;
		float: left;
		border-radius: 3px;
		font-size: 11px;
		border: 1px solid #ddd7c2;
		padding: 3px 6px;
		color: #ffffff;
		background-color: #bba967;
}
 
.myswiper2 {
        width: 100%;
		padding-bottom:20px;
}
	
	.myswiper2 .prop_border{
		 margin:10px auto;
		 overflow:hidden;
		 transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
		border-radius: 8px;
		box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 20%), 0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 1px 8px 0px rgb(0 0 0 / 12%);
		max-width:250px;
	  }
	  
	  .myswiper2 .bname{
		  text-align:left;
		  	margin: 0; 
			margin-bottom:5px;  
			font-size: 19px;  
			color: #000000;
			height: 21px;
			overflow: hidden;
	  }
	 .myswiper2 .photo{
		   cursor:pointer;
		   cursor:hand;
		   width:100%;
		   height:145px;
		   background-repeat:no-repeat;
		   background-size:cover;
		   background-position:center;
		   position:relative
	   }
	   
	 .myswiper2 .detail{
			padding:10px; 
			height:125px;
			overflow:hidden;
			position: relative;
	  }	   
	   
 .myswiper2 .cbname{
		margin: 0; 
		margin-bottom:10px;  
		font-size: 15px;  
		color: #938345;
		height:20px;
	}	
	.myswiper2 .dist{
		margin-bottom:5px;  
		font-size:15px;  
		color: #707070;
	}
 .myswiper2 .price{
		margin: 0; 
		font-size: 25px;
		color:#d70000;
		font-weight:bold;
	}
	.myswiper2 .price span{
		font-size:14px; 
		color: #686868;
	}
	.myswiper2 .swiper-button-prev{
	 
	}
	 
	.myswiper2 .photo span{
		display:block;
		margin:5px;
		float:left;
		margin: 5px 0px 0 5px;
		border-radius:5px;
		font-size:13px; 
		padding:3px 10px;
		color:#ffffff; 
	} 
	.myswiper2 .photo .vricon{
		background-color:#3b79b4; 
	}		
	.myswiper2 .photo .otherlbl1{
		background-color:#4e9c4b; 
		padding:3px 5px;
	}		
	.myswiper2 .photo .otherlbl2{
		background-color:#d13a3a; 
		padding:3px 5px;
	}		
	
	.playicon {
		position: absolute;
		width: 100%;
		height: inherit;
		background-image: url(svg/icon-play-white.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 50px;
		opacity: 0.8;
	}
	
	.bannerswiper{
		height:290px;
	}
	.bannerswiper .swiper-slide{
		padding:0 20px;
		background-color:#ffffff00;
	}
	.bannerswiper .photo{
			display:block;
			height:260px;
			background-size: contain;
			background-position:center;
			border-radius:10px !important;
			background-color:#ffffff;
			
	}
  	.bannerswiper .photo .ntitle{
      color: #d50000;
      margin-top: 10px;
      display: block; 
      padding: 5px;
      background-color: #ffffff;
    }
	.swiper-pagination-bullet{
		background:#4a4a4a;
		opacity:1
	}
	.swiper-pagination-bullet-active{
		background:#ff0000;
	}
	
	.searchbtn{
		padding:5px;
	}
	.searchbtn a{
		display:block;
		width:100%;
		max-width:500px;
		margin:10px;  
		margin-left:auto;
		margin-right:auto;
		padding:10px;
		font-size:21px;
		border-radius:5px;
		background-color:#afa57f;
		color:#ffffff !important;
		text-align:center
	}
	   
	.subtitle{
		   font-size: 27px;
		   line-height:30px;
		   color: #4c4c4c;
		   margin-top:20px;
		   padding:10px;
		   text-align:center;
		   font-weight:bold;
	}
	.fhtab{
		 
	}
	.fhtab a{
		 font-size: 19px;
		color: #868686;
		padding: 3px;
		margin: 8px 25px;
		border-bottom:3px solid #00000000;
	}
	.fhtab a.active{
		color:#000000;
		border-bottom:3px solid #baa746;
	}
	.fhmore{
		padding:0px 20px
	}
	.fhmore a{
		display:block;
		color:#000000;
		padding: 8px;
		text-align: center;
		font-size: 17px;
		background-color: #e5e5e5;
		border-radius:5px		
	}
	.bannerifra{
		height:450px;
		width:100%
	}
	

	#firsthand2,#firsthand3,#firsthand4,#firsthand5{
		display:none;
	}
	#promo2,#promo3,#promo4,#promo5,#promo6{
		display:none;
	}
	.firsthand .item{
		margin: 10px 5px;  
		border-radius: 15px;
		overflow: hidden;
		height:280px;
		max-width:250px;
		box-shadow: 0px 0px 6px #00000052;
	}
	.firsthand .photo img{
		width:100%;
		height:165px; 
	}
	
	.firsthand .detail{
		font-size:13px;
		padding:10px;
		color:#737272
	}
	.firsthand .detail .bname{
		font-size:19px;
		color:#000000;
		height: 26px;
		overflow: hidden;
	}
	.firsthand .detail .dist{
		font-size:14px;
		color:#4b4b4b
	}
	.firsthand .detail .op{
		margin-top:10px
	}
	
.newsitem{
	width:50%;
	padding:0 10px;
}
.newsitem a{
	display: block;
    height: 250px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.newsitem .desc{
	padding: 10px;
    background-color: #000000bf;
    height: 80px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 100%;
	font-size:19px;
	color:#ffffff;
	line-height:20px
}
.newsitem .desc span{
	display:block;
	width:100%;
	height:20px;
	overflow:hidden;
	margin-bottom:5px;
}

.overseaitem{
	width:50%;
	padding:0 10px;	
}
.overseaitem a{
	display:block;height:250px;border-radius:10px; background-image:url(/images/oversea3.jpg);
	background-size:cover;
}
.overseaitem a span{
	display: block;
    width: 100%; 
	padding-top:10px;
    text-align: center;
    font-size: 21px;
    color: #FFFFFE;
	text-shadow: 0px 0px 5px #000000;
}
.tranitem{ 
	width: 100%;
	padding:10px;
}
.tranitem a{
	display: block;
    height: 150px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
	margin-bottom:5px
}
.tranitem .titlename{
	height:38px;
	overflow:hidden;
}	
.loading{
	padding:20px;
	text-align:center;
}
.homefavicon{
	position:absolute;
	right:10px;
	cursor:hand;
	cursor:pointer;
	background-color:#ffffff;
}
.homefavicon img{
	width:25px;
}
.noproperty{
	padding:20px;
	text-align:center;
}
.bottom_hotest{ 
	background-color:#ececec;
	font-size:19px;
	color:#363636;
	margin-top:10px;
}
.bottom_hotest .inner{
	width:100%;
	padding:10px;
	max-width:1360px;
	margin:auto;
	display:flex;
	justify-content: space-between;
}
.bottom_hotest .inner a{
	color:#1e1e1e
}

.bottom_hotest .inner a:hover{
	color:#ff0000
}
.bottom_hotest .inner .testlist{
	display: flex;
    justify-content: space-between; 
    width: 100%;
    padding-right: 30px;
    min-width: 1008px;
	margin-top:10px;
}
.bottom_hotest .more{
	width:30px;
}
.bottom_hotest .more img{
	width:15px;
}
.bottom_hotest .more a{
	display: block;
    /* width: 20px; */
    border-radius: 5px;
    padding: 7px;
    background-color: #ffffff;
    box-shadow: 0 0 4px #a1a1a1;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
}

    a.estmore {
      display: block;
      float: right;
      padding: 5px 10px;
      background-color: #C00;
      color: #ffffff;
    }

    .estlist {
      height: 20px;
      width: 100%;
      overflow: hidden;

    }

    .estlist label,
    .estlist a {
      display: block;
      float: left;
      margin-right: 15px;
      font-size: 15px;
      font-weight: bold !important;
    }

    .moreestate {
      font-size: 15px;
      width: 300px;
    }

    .moreestate .title {
      font-size: 19px;
      font-weight: bold;
      text-align: center;
      padding: 10px;
      background-color: #ff9e20;
    }

    .district {
      clear: both;
      display: inline-block;
      width: 100%;
    }

    .district h4 {
		font-size: 17px; 
		padding: 8px; 
		text-align: center;
		background-color: #efefef;
		margin-bottom: 0;
		color:#000000
    }

    .district ul {
      padding: 0px;
      margin-top: 5px;
      list-style: none;
	  display:flex;
	  flex-wrap: wrap!important;
    }

    .district ul li {
      display: block;
      padding: 5px 10px;
      float: left;
	  font-size:17px;
    }
	.district ul li a{
		color:#5c5c5c
	}
	.district ul li a:hover{
		color:#ff0000
	}

	.green{
		font-size: 13px !important;
		color: #00b31e !important; 
		font-weight:normal !important; 
	}
	.banner .searchbox .hotest .estitem {
		display: inline-block;
		padding-top: 5px;
		width: 100%;
		height: 45px;
		overflow: hidden; 
	}
	@media (min-width: 991px){
		.firsthand .col-lg-1{
			width:20%
		} 
	}
	
	@media (max-width: 900px){ 
		.rightcontent{
			width:100%
		}
		 
		.leftmenu{
			display:none;
		}
		.mtypesearch{
			display:block;
		}
	}	
	@media (max-width: 1500px){
		.bottom_hotest .inner{
			padding-right:80px
		}
	}
	@media (max-width: 1350px){
		.topmenu .right{
			right:0
		}
	}
	@media (max-width: 767px){
		.estlist label,
		  .estlist a { 
			font-size: 15px;
		  }
		.bottom_hotest .inner{
			padding-right:10px
		}
		.banner{
			height:auto;
		}
		.bannerhos{
			padding-top:5px;
			padding-bottom:5px;
		}
		.bannerhos a{
			height:80px;
			background-size: cover;
		}
		.bannerswiper .swiper-slide{
			padding:10px 0px;
		}
		.myswiper2 .prop_border{
			margin:5px auto
		}
		 
		.banner .inner{
			padding:5px
		}
		.banner .searchbox .hotest div a {
			display: block;
			padding: 6px 6px; 
			border-radius: 5px;
			float: left;
			margin-right: 4px;
			margin-bottom: 4px;
		}
		.banner .searchbox{
			height:230px
		}
		.firsthand .item{
			margin: 5px;  
			height: 230px;
			
		}
		.firsthand .photo img {
			height: 130px;
		}
		.firsthand .detail{
			padding:5px
		} 
		.banner .searchbox .hotest div {
			padding: 5px 10px 0px 13px;
		}
		.banner .searchbox .hotest .estitem {
			 height: 36px;
			overflow: hidden;
		}
		.fhtab a{
			margin: 4px 4px;  
		}
		.mtitem a{
			font-size:16px;
		}
		.myswiper2 .swiper-slide{ 
		  width:300px;
		  text-align:left;
		}
		.searchbtn a{
			font-size:15px
		}
		.myswiper2 .swiper-slide .price{
			font-size:18px;
		}
		
		.newsitem{
			width:50%;
			padding:0 2px;
		}
		.newsitem a{
			height:200px
		}
		.newsitem .desc .titlename{
			height:35px;
		}
		.newsitem .desc{
			padding: 10px;
			background-color: #000000bf;
			height: 80px;
			overflow: hidden;
			position: absolute;
			bottom: 0;
			width: 100%;
			font-size:15px;
			color:#ffffff;
			line-height:15px
		}
		.overseaitem{
			width:50%;
			padding:0 2px;	
		}	
		.overseaitem a{
			height:200px;
		}
		.tranitem{
			padding:5px 2px
		}
		.search-type a{
			font-size:17px !important;
		}
	}
	@media (max-width: 500px){
	.fhtab a{
		font-size:16px;
	}
		.overseaitem a span{
			font-size:16px;
		}
		.swiper-slide .detailtop_outer{  
			margin-top:0px; 
			position:inherit
			 
	  }
	  .swiper-slide .picitem{
		  display:none;
	  }
	  .top-swiper-button-next, .top-swiper-button-prev {
		  display:none;
	  }
			.bannerifra{
				height:350px;
				width:auto;
			}
			
			.myswiper3 .swiper-slide{  
				  width:150px; 
			  }
			  .myswiper3 .swiper-slide .bname{
				  text-align:left;
			  }
			 .myswiper3 .swiper-slide .photo{
				  
				   height:97px; 
			   }
			 
			    .myswiper4 .swiper-slide{  
				  width:100px;
				  padding:2px;  
				  margin:1px;
			  }
			  .myswiper4 .swiper-slide .photo{  
					width: 120px;
					height: 60px; 
			   }
			   .myswiper4 .swiper-slide .photo img{
				   max-width: 92px;
					max-height: 45px; 
		 
			   }
			   
			.swiper-slide .photo{
				height:250px
			}		
			  .swiper-slide .detailtop{ 
					padding:10px;
					position:inherit; 
					margin-top: 0px;
					background-color: #ffffffe6;
					margin-left: 0;
					width: 100%; 
			  }
			  .myswiper2 .agent{
					width:50px;
					height:50px;
					right:13px;
					bottom: 13px;
			}
			   
	}