/*公共样式*/

body,div,p,ul,li,ol,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,img{

	padding:0;

	margin:0;

	list-style:none;

}

html{

	font-family: "microsoft yahei","heiti","Helvetica";

	font-size:100px;

}

body{

	position: relative;

	width: 100%;

	margin: 0 auto;

	background-color: #ffffff!important;

}

a{

	color: #333333;

	text-decoration: none;	

	cursor: pointer;

}

.left{

	float: left;

}

.right{

	float: right;

}

.clear{

	clear: both;

}

.clearfloat:after{

	content:".";

	display: block;

	visibility: hidden;

	height:0;

	clear:both;

}

/*本页样式*/

.banner img{

	width: 100%;

	height: auto;

}

.form p{

	margin:30px 0 30px 0;

	font-size: 0.58rem;

	text-align: center;

	font-weight: 600;

}

.form form div{

	width: 90%;

	margin:0 auto;

	margin-bottom: 12px;	

	height: 45px;

	border:1px solid #CECECE;

	border-radius: 4px;

	line-height: 45px;

	font-size: 0.42rem;

}

.form form div:nth-child(1){

	background:url(../image/district.png) no-repeat 3% center;

	background-size:22px 22px;

}

.form form div:nth-child(2){

	background:url(../image/area.png) no-repeat 3% center;

	background-size:22px 22px;

}

.form form div:nth-child(3){

	position: relative;

	background:url(../image/housetype.png) no-repeat 3% center;

	background-size:22px 22px;

}

.form form div:nth-child(4){

	background:url(../image/tel.png) no-repeat 3% center;

	background-size:22px 22px;

}

.form form div:nth-child(3):after {

	content:"";

	display: inline-block;

	position: absolute;

    right: 6%;

    top: 35%;

    width: 8px;

    height: 8px;

	border-right: 1px solid #000000;

	border-bottom: 1px solid #000000;

	transform:rotate(45deg);

	-ms-transform:rotate(45deg); 	/* IE 9 */

	-moz-transform:rotate(45deg); 	/* Firefox */

	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */

	-o-transform:rotate(45deg); 	/* Opera */

}

.form form div input{

	border:none;

	width: 78%;

	padding-left: 13%;

	outline: none;

	font-size: 0.42rem;

	background: none;

}

.form form div .shi{

	padding-left: 13%;

}

.form form .price_count,.form form .style_count{

	display: block;

	width: 90%;

	margin: 0 auto;

	text-align: center;

	height: 45px;

	line-height: 45px;

	border-radius: 4px;

	color: #fff;

	font-size: 0.5rem;

	letter-spacing: 2px;

	text-decoration: none;

	background: -webkit-linear-gradient(180deg, #DD7D2D, #E98A3A); /* Safari 5.1 - 6.0 */

    background: -o-linear-gradient(180deg, #DD7D2D, #E98A3A); /* Opera 11.1 - 12.0 */

    background: -moz-linear-gradient(180deg, #DD7D2D, #E98A3A); /* Firefox 3.6 - 15 */

    background: linear-gradient(180deg, #DD7D2D, #E98A3A); /* 标准的语法 */

}

.package{

	width: 90%;

	margin: 0 auto;

}

.package .title,.Modelhouse .title,.brand .title,.greenlist .title{

	margin-top: 1rem;

	text-align: center;

	font-size: 0.58rem;

	font-weight: 600;

}

.package .title i{

	display: block;

	margin:0 auto;

	margin-top: 0.5rem;

	margin-bottom: 0.33rem;

	width: 0.61rem;

	height: 0.66rem;

	background: url(../image/arrow.png) no-repeat center center;

	background-size: 100% 100%;

}

.package_title{

	position: relative;

	margin-bottom: 0.8rem;

	font-size: 0.48rem;

	font-weight: 600;

	text-align: center;

}

.package_title:before{

	content: "";

    position: absolute;

    width: 30%;

    left: 0%;

    top: 50%;

    height: 1px;

    background-color: #DCDCDC;

}

.package_title:after{

	content: "";

    position: absolute;

    width: 30%;

    right: 0%;

    top: 50%;

    height: 1px;

    background-color: #DCDCDC;

}

.pack{

	margin-bottom: 1.3rem;

}

.pack img{

	width: 100%;

	height: auto;

}

.package_content{

	margin:0.46rem 0;

	font-size: 0.4rem;

}

.package_content span:nth-child(1){

	float: left;

	width: 15%;

}

.package_content span:nth-child(2){

	float: right;

	width: 85%;

	line-height: 0.6rem;

}

.pack dl{

	float: left;

	width: 31%;

	margin-right: 3.5%;

}

.pack dl:last-child{

	margin-right: 0;

}

.pack dl dd strong{

	margin: 0.4rem 0 0.2rem 0;

	display: block;

	font-size: 0.4rem;

}

.pack dl dd span{

	font-size: 0.34rem;

	line-height: 0.5rem;

}

.Modelhouse{

	margin-bottom: 1.6rem;

}

.Modelhouse>span,.greenlist>span{

	display: block;

	width: 4.8rem;

	margin: 0.33rem auto 0.8rem;

	text-align: center;

	padding-bottom: 8px;

	color: #666666;

	border-bottom: 2px solid #CCCCCC;

}

.Modelhouse .swiper-container img{

	width: 100%;

	height: auto;

}

.style select{

	width: 100%;

	padding-left: 13%;

	appearance:none;

	-moz-appearance:none;

	-webkit-appearance:none;

	border:none;

	background: none;

	outline: none;

	font-size: 0.42rem;

	color: #494747;

}

.brand img{

	width: 3.05rem;

	height: 0.88rem;

}

.brand_list{

	width: 95%;

	height: 5.33rem;

	margin: 0 auto;

	margin-top: 0.8rem;

	display: flex;

	display: -webkit-flex;

	justify-content:space-between;

	flex-wrap:wrap;

}

.greenlist{

	margin-bottom: 0.8rem;

}

.greenlist ul li{

	width: 90%;

	margin: 0 auto;

	margin-bottom: 10px;

}

.greenlist ul li img{

	width: 100%;

	height: auto;

}



/*户型弹窗*/

.huxing_pop{

	display: none;

	position: fixed;

	width: 100%;

	height: 100%;

	top:0;

	left:0;

	right: 0;

	bottom:0;

	background: rgba(0,0,0,0.3);

}

.huxing_pop .huxing{

	position: fixed;

	width: 85%;

	left: 7.5%;

	top: 50%;

	transform:translateY(-50%);

	height: auto;

	padding-top: 20px;

	background-color: #fff;

	border-radius: 4px;

}

.huxing_pop .huxing .title{

	position: relative;

	width: 80%;

	margin: 0 auto;

	margin-bottom: 20px;

	font-size: 0.52rem;

	font-weight: normal;

	text-align: center;

	color: #333;

}

.huxing_pop .huxing .title:before{

	content: "";

    position: absolute;

    width: 20%;

    left: 0%;

    top: 50%;

    height: 1px;

    background-color: #DCDCDC;

}

.huxing_pop .huxing .title:after{

	content: "";

    position: absolute;

    width: 20%;

    right: 0%;

    top: 50%;

    height: 1px;

    background-color: #DCDCDC;

}

.huxing_pop .clearfloat{

	width: 90%;

	margin: 0 auto;

}

.huxing_pop ul{

	float: left;

	width: 20%;

}

.huxing_pop ul li{

	width: 57%;

	padding:4px 5px;

	border-radius: 3px;

	margin: 0 auto;

	margin-bottom: 10px;

	text-align: center;

	color: #666;

	background-color: #F4F4F4;

}

.huxing_pop ul li.huxing_on{

	background-color: #D87928;

	color: #fff;

}

.huxing_pop .huxing_submit{

	width: 100%;

	height: 40px;

	margin-top: 10px;

	line-height: 40px;

	font-size: 0.39rem;

	text-align: center;

	color: #D87928;

	border-top: 1px solid #e3e3e3;

}