/*公共样式*/

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,.trouble img,.Monitor img{

	width: 100%;

	height: auto;

}

.form p{

	margin:30px 0 30px 0;

	font-size: 0.62rem;

	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); 

	-moz-transform:rotate(45deg); 	

	-webkit-transform:rotate(45deg); 

	-o-transform:rotate(45deg); 

}

.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);

    background: -o-linear-gradient(180deg, #DD7D2D, #E98A3A); 

    background: -moz-linear-gradient(180deg, #DD7D2D, #E98A3A);

    background: linear-gradient(180deg, #DD7D2D, #E98A3A);

}

.content .title{

	margin-top: 1.5rem;

	text-align: center;

	font-size: 0.62rem;

	font-weight: 600;

}

.content .title i{

	display: block;

	margin:0 auto;

	margin-top: 0.5rem;

	margin-bottom: 0.6rem;

	width: 0.61rem;

	height: 0.66rem;

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

	background-size: 100% 100%;

}



.Modelhouse{

	text-align: center;

}

.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{

	width: 95%;

}

.Modelhouse .swiper-container img{

	width: 100%;

	height: auto;

}

.trouble img:nth-child(2){

	margin-top: 15px;

	margin-bottom: 1.72rem;

}

.list p{

	width: 6.16rem;

	height: 1.53rem;

	line-height: 1.53rem;

	text-align: center;

	font-size: 0.46rem;

	font-weight: 600;

	margin:0 auto;

	margin-top:1.2rem;

	border: 1px solid #000;

}

.list ul{

	width: 90%;

	margin: 0 auto;

	margin-top: 0.64rem;

	margin-bottom: 0.8rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap:wrap;

	justify-content:space-between;

}

.list ul li{

	width: 25%;

	margin-bottom: 0.4rem;

	text-align: center;

	font-size: 0.4rem;

}

.list ul li  i{

	display: block;

	width: 1.5rem;

	height: 1.5rem;

	margin: 0 auto;

	border:1px solid #000;

	border-radius:.75rem; 

}

.list ul li:nth-child(1) i{

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

	background-size: 50% 50%;

}

.list ul li:nth-child(2) i{

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

	background-size: 50% 50%;

}

.list ul li:nth-child(3) i{

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

	background-size: 50% 50%;

}

.list ul li:nth-child(4) i{

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

	background-size: 50% 50%;

}

.list ul li:nth-child(5) i{

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

	background-size: 50% 50%;

}

.list ul li:nth-child(6) i{

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

	background-size: 50% 50%;

}

.list ul li:nth-child(7) i{

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

	background-size: 50% 50%;

}

.list ul li:nth-child(8) i{

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

	background-size: 50% 50%;

}

.service{

	overflow: hidden;

	padding-bottom: 15px;

	text-align: center;

	background: #000 url(../image/bg.jpg) no-repeat center center;

}

.service .title{

	color: #fff;

	margin-top: 0.66rem;

}

.content .title_text{

	display: inline-block;

	margin:0 auto;

	line-height: 0.4rem;

	margin-bottom: 0.6rem;

	text-align: center;

	padding:7px 12px ;

	color: #666666;

	border-bottom: 2px solid #ccc;

}

.category{

	width: 90%;

	margin: 0 auto;

	margin-bottom: 0.24rem;

	background-color: #fff;

}

.category img{

	width: 50%;

	height: auto;

}

.category ul{

	padding:8% 0 0 12%;

}

.category ul li{

	text-align: left;

	font-size: 0.35rem;

	color: #666666;

	line-height: 0.4rem;

}

.category ul li:first-child {

	font-size: 0.4rem;

	margin-bottom: 3px;

	color: #000;

}

.category>div{

	width: 50%;

}

.service div:nth-child(6) ul ,.service div:nth-child(7) ul{

	padding:12% 0 0 12%;

}

.service .title_text{

	color: #fff;

}

.Monitor{

	text-align: center;

}

.address_button{

	display: block;

	width: 90%;

	margin:1rem auto;

	height: 45px;

	line-height: 45px;

	text-align: center;

	color: #fff;

	font-size: 0.5rem;

	border-radius: 4px;

	letter-spacing: 2px;

	text-decoration: none;

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

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

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

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

}

/*获取地址弹窗*/

.address_pop{

	display: none;

	position: fixed;

	width: 100%;

	height: 100%;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

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

	z-index: 99;

}

.address{

	position: fixed;

	width: 85%;

	left: 7.5%;

	top: 50%;

	transform:translateY(-50%);

	height: auto;

	padding-top: 20px;

	border-radius: 4px;

}

.address form{

	background-color: #fff;

	border-radius: 4px;

	padding:20px 0;

}

.address form div{

	width: 86%;

	height: 40px;

	line-height: 40px;

	border: 1px solid #BFBFBF;

	border-radius: 4px;

	margin: 0 auto;

	margin-bottom: 15px;

}

.address form div input{

	-moz-appearance:none;

	-webkit-appearance:none;

	appearance:none;

	width: 80%;

	margin-left: 10%;

	font-size: 0.34rem;

	text-align: center;

	border: none;

	background: transparent;

	outline: none;

}	

.address_submit{

	display: block;

	width: 86%;

	margin-left: 7%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	background: #EA8B3B;

	border-radius: 4px;

	font-size: 0.38rem;

	color: #fff;

	text-decoration: none;

}

.address_pop .close{

	display: block;

	width: 0.88rem;

	height: 0.88rem;

	margin:0 auto;

	margin-top: 20px;

}

/*户型弹窗*/

.huxing_pop{

	display: none;

	position: fixed;

	width: 100%;

	height: 100%;

	top:0;

	left:0;

	right: 0;

	bottom:0;

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

}

.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;

}