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

body{ margin:0px; padding:0px; font-family:"微软雅黑"; background:#FFF;}
a{ color:#000;}
li{ list-style-type:none;}
ul{ margin:0px; padding:0px;}


.main01{ background:url(../images/1.jpg) no-repeat center center; height:595px; overflow:hidden; }
.main02{ background:url(../images/2.jpg) no-repeat center center; height:480px; overflow:hidden; position:relative; cursor:pointer;}

.main03{ background:url(../images/3.jpg) no-repeat center center;height:742px; overflow:hidden; }
.main04{  overflow:hidden; }


.main05{ background:url(../images/5.jpg) no-repeat center center; height:420px; overflow:hidden; cursor:pointer;}
.main06{ background:url(../images/6.jpg) no-repeat center center; height:870px; overflow:hidden; cursor:pointer;}
.main07{ background:url(../images/7.jpg) no-repeat center center; height:736px; overflow:hidden; cursor:pointer;}
.main08{ background:url(../images/8.jpg) no-repeat center center;; height:1270px; overflow:hidden; }
.main09{ background:url(../images/9.jpg) no-repeat center center; height:546px; overflow:hidden; }



.main01_con{ width:1200px; height:595px; margin:0px auto; position:relative;}
.main01_list{ width:384px; height:353px; background:#FFF; top:114px; left:750px; position:absolute;box-shadow: 5px 5px 2px #888888;
}
.main01_tit{ height:64px; line-height:64px; background:#FF6801; color:#fff; text-align:center; font-size:20px; overflow:hidden;}

.main01_lis{ width:330px; height:160px;  margin:0px auto;margin-top:32px;}
.main01_lis div{width:328px; height:40px; border:1px solid #A3A3A3; margin-bottom:15px; }
.main01_lis div input{width:318px; height:40px; border:0; margin:0px; padding:0px; padding-left:10px;}

.main01_lis div:nth-child(1){ width:168px; float:left; margin-right:24px;}
.main01_lis div:nth-child(1) input{ width:158px; }
.main01_lis div:nth-child(2){ width:134px; float:left}
.main01_lis div:nth-child(2) input{ width:124px; }
.main01_lis div:nth-child(3){ clear:both;}

.main01_bottom{ width:330px; height:50px; margin:0px auto; margin-top:15px;}
.main01_bottom input{ width:330px; height:50px;}



.main03_c{ width:1200px; height:742px; margin:0px auto; }
.main03_l{ width:432px; height:415px; margin-left:15px; margin-top:233px; float:left;overflow:hidden;}
.main03_l li{ float:left; width:216px; height:138px; position:relative;}
.main03_l li div{ width:212px; height:134px; position:absolute; top:0px; left:0px;}
/*.main03_l li div:hover{ border:2px solid #E76D17; width:212px; height:134px; position:absolute;top:0px; left:0px;} 
*/
.hoverborder{border:2px solid #E76D17; }

.main03_r{ width:720px; height:465px;  margin-top:210px; float:left; overflow:hidden;}


.main04_c{ border-bottom:2px solid #BABABA;border-top:2px solid #BABABA; background:#FAFAF8;}
.main04_list{   margin-top:10px; margin-bottom:10px;}




.main07_con{ width:1200px; height:736px; margin:0px auto; position:relative;}
.main07_sp{ width:617px; height:346px; position:absolute; top:278px; left:537px;}


.main08_lb{ width:1140px; height:389px; margin:0px auto; margin-top:153px; overflow:hidden;}


.main08_sj0{ width:17px; height:9px; position:absolute; top:555px; left:215px; }
.main08_sj1{ width:17px; height:9px; position:absolute; top:555px; left:586px; display:none}
.main08_sj2{ width:17px; height:9px; position:absolute; top:555px; left:978px; display:none}

.main08_con{width:1200px; height:1270px; position:relative; overflow:hidden;  margin:0px auto;}
.main08_list{ width:480px; height:270px; position:absolute; top:880px; left:15px;}
.main08_list span{ display:block; position:absolute; width:auto; height:55px; top:0px; line-height:55px; font-size:20px;color:#5c5c5c; left:265px;}
.main08_list div{ width:478px; height:55px; border:1px solid #A3A3A3; margin-bottom:14px; position:relative;}
.main08_list div input{  width:453px; border:0; margin:0; padding:0; height:55px;padding-left:25px; font-size:20px;}

.main08_bottom{ width:480px; height:55px; position:absolute; top:1165px; left:15px; }
.main08_bottom input{width:480px; height:55px; background:#FF6801; border:0px; margin:0px; padding:0px; font-size:20px; color:#FFF;cursor:pointer;}

.main08_dy{ width:624px; height:320px; position:absolute; top:880px; left:520px; background:#FFF; overflow:hidden; overflow-y:scroll;overflow-x:hidden; border:1px #A2A19F solid; padding-left:20px; padding-top:18px; font-size:18px; line-height:28px; color:#5c5c5c;}



.main09_con{ width:1200px; height:546px; margin:0px auto; overflow:hidden; position:relative;}
.main09_list{width:414px; height:92px; position:absolute; top:359px; left:730px;}
.main09_list div{ width:168px; height:36px; float:left;margin-right:75px; margin-bottom:20px;}
.main09_list div:nth-child(2){ margin-right:0px;}
.main09_list div:nth-child(4){margin-right:0px; }
.main09_list div input{ width:153px; height:36px;  margin:0px; padding:0px; border:0px;padding-left:15px;}
.main09_list div:nth-child(4) input{ background:#FFF000; border-radius:5px; width:168px; padding-left:0px; color:#FE2900; font-weight:bold;cursor:pointer;}


.main09_dt{ width:566px; height:420px; position:absolute; top:59px; }



/*户型图*/
.family{
  position: fixed;
  top:0;left:0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.37);
  z-index:2;
  display: none;
}
.familyBox{
  padding:31px 44px 43px 50px;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  position: absolute;
  top:50%;
  left:50%;
  margin-left: -355px;
  margin-top: -185px;
}
.familyBox_l{
  width: 215px;
  text-align: center;
  margin-top: 27px;
}
.familyBox_l div{
  width: 100%;
  height: 215px;
  background: #fff url(../images/add.png) no-repeat center center;
  background-size:80%;
  overflow: hidden;
  cursor: pointer;
}

.familyBox_l a{
  display: block;
  color: #FF6801;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  text-decoration:none;
}
.familyBox_l a:hover{color: #ff2900;}
#image_file{display: none;}
.familyBox_r{
  width: 387px;
  margin-left: 15px;
}
.familyBox_r h2{
  width: 303px;
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  color: #313234;
  margin-bottom: 15px;
  float: right;
}
.familyBox_r form div{
  height:51px;
  margin-bottom: 10px;
}
.familyBox_r form div label{
  color: #9fa4a7;
  font-size: 14px;
  line-height: 51px;
}
.familyBox_r form div label span{
  color: #ff2900;
  font-size: 18px;
  vertical-align: baseline;
}
.familyBox_r form div input{
  height: 49px;
  width: 291px;
  padding-left: 10px;
  border:1px solid #b0b0b0;
  font-size: 14px;
  color: #666;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  float: right;
}
.familyBox_r form .subshangc{
  display: block;
  float: right;
  width: 303px;
  height: 51px;
  line-height: 51px;
  text-align: center;
  background: #FF6801;
  color: #ffffff;
  font-size: 19px;
  font-weight: bold;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  margin-bottom: 11px;
  cursor:pointer;
  border:0;
  padding:0;
}

.familyBox_r p{
  width: 303px;
  text-align: center;
  font-size: 12px;
  color: #ff2900;
  float: right;
}
.familyBox_a{
  display: block;
  width: 25px;
  height: 24px;
  background: url(../images/formc.png) no-repeat center center;
  position: absolute;
  top:10px;right: 16px;
  cursor: pointer;
}

.left { float:left; } 
.right{ float:right; }
.border-radius { border-radius:3px; }
.clear{ clear:both; }
.cen{margin:0 auto;text-align: center;}
.text_c{text-align: center;}
.ib{display: inline-block;}
.db{display: block;}
.pRe{position: relative;}
.pAb{position: absolute;}
.hide{display: none;}
.text_l{text-align: left;}
.text_r{text-align: right;}
.font_w{font-weight: bold;}
.pointer{cursor: pointer;}
.box_s{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
.w12{width: 1200px;margin:0 auto;}
.clearfix:before{display: table;content:"";}
.clearfix::after {clear: both;content: "";display: block;font-size: 0;height: 0;line-height: 0;}