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

/* reset */
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, fieldset, button, input, textarea, th, td { margin: 0;padding: 0;}
body,button, input, select, textarea { 
    /*font: 12px/1 Microsoft YaHei,Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 Microsoft YaHei,Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; }
address, cite, dfn, em, var { font-style: normal; } 
ul,ol,li{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
fieldset, img { border: none; }  
button, input, select, textarea {font-size: 100%; }
html { overflow-y: scroll; }
a:hover{ text-decoration:none;}
.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

.content .col-md-2,.content .col-md-12,.content .col-md-9,.content .col-md-3{ padding: 0; margin: 0;}





     /*内容区域*/ 
.ban{ width:100%; height:460px;background:url(../Images/ban.jpg) no-repeat center center;}
 
 /*导航区*/
 
.set_nav{ width: 100%;margin: 0 auto; background: #679E0D; z-index:9999999;}
.set_nav_con{ padding:19px 0 5px 0; float:left;}
.set_nav_con a{ width:150px; display: block; color: #fff; font-size: 18px; text-align:center;  background: url(../Images/set_nav_bg.jpg) no-repeat  top right;}
.current a{color: #fbf202;}
.set_nav_con a p:nth-child(2),.set_nav_con a p:nth-child(3){ font-size: 10px;text-transform:Uppercase ; }
.set_nav_con a p:nth-child(2){ margin-top: 6px;}
.set_nav_con:last-child a{background: none;}

.page{ margin-top: 60px;}
.page div{ width: 232px; height: 265px; margin-right: 10px; float: left; padding: 165px 20px 0; position: relative; }

.price{ background: #FFE351 url(../Images/page_bg1.png) no-repeat 16px 0;  }

.gongyi{ background: #DCED85 url(../Images/page_bg2.png) no-repeat  16px 0;}
.pinp{ background: #AAD7FF url(../Images/page_bg3.png) no-repeat  16px 0;}
.zxd{ background: #FBE5BC url(../Images/page_bg4.png) no-repeat  16px 0;}
.page .ybf{ background: #FFE351 url(../Images/page_bg5.png) no-repeat  16px 0; margin-right: 0;}
.page p{ text-align:center;  font-size: 14px; line-height: 22px}
.page div a{ display: block; height: 28px; width: 92px; background: url(../Images/page_zx.png) no-repeat; color: #fff; text-align: center; line-height: 28px; position: absolute; bottom: 17px; left: 70px; font-size: 14px;}
/*page1 客厅*/
.page1_hd{ height: 121px; background: url(../Images/page1_hd_bg.png) no-repeat center center; padding:18px 100px 0 252px ; margin-top: 60px;}
.page1_hd1{ color: #F18200; font-size: 30px;}
.page1_hd1 span{ font-size: 16px;text-transform:Uppercase ;}
.page1_hd2{ font-size: 14px; margin-top: 18px; color: #666; line-height: 20px;}
.page1_pic1{ height: 520px; background: url(../Images/page1_pic1.png) no-repeat center center; margin-top: 40px; position:relative;}
.page1_con{ width: 210px;height:auto; }
.page1_cont{ width: 210px; height: 17px; background: url(../Images/page1_bg2-1.png) no-repeat;}
.page1_conb{width: 210px; height: 17px; background: url(../Images/page1_bg2-2.png) no-repeat;}
.page1_conc{width: 210px;height:auto;  background:url(../Images/page1_bg3.png) ;padding: 0 20px;}
.page1_conc h2,.page1_conc p{ font-size: 14px;}
.page1_conc  p{ color: #666; margin-bottom: 17px; line-height: 20px;}
.page1_conc p.last_p{ margin-bottom: 0;}
.p1_pic2,.p1_pic3{ margin-right: 10px; margin-top: 10px;}
.p1_pic2,.p1_pic4{ float: left; margin-top: 10px;}
.p1_pic3{float: left; }


/*page2 主卧*/
.page2_hd{ background: url(../Images/page2_hd_bg.png) no-repeat center center;}
.page2_pic1{height: 520px; background: url(../Images/page2_pic1.png) no-repeat }
.page2 .col-md-9 img{ width: 868px; height: 520px;}
.page2 .col-md-3{ margin-top: 40px; margin-left: -21px;}
.page2 .col-md-3 img{ width: 321px; height: 255px;}
.page2 .col-md-3 img.p2_tt{ margin-bottom: 10px;}

/*page3 次卧*/
.page3 .page2_pic1{height: 520px; background: url(../Images/page6_pic1.png) no-repeat }
.page3_hd{ background: url(../Images/page3_hd_bg.png) no-repeat center center;}
/*page4 厨房*/


.page4 .col-md-3{ margin-top: 40px; margin-left: -40px;}
.page4 .page2_pic1{height: 520px; background: url(../Images/page4_pic1.png) no-repeat }
.page4_hd{ background: url(../Images/page4_hd_bg.png) no-repeat center center;}

.page5 .page2_pic1{height: 520px; background: url(../Images/page5_pic1.png) no-repeat }
.page5_hd{ background: url(../Images/page5_hd_bg.png) no-repeat center center;}

.page6 .page2_pic1{height: 520px; background: url(../Images/page3_pic1.png) no-repeat }
.page6_hd{ background: url(../Images/page6_hd_bg.png) no-repeat center center;}

.page7 .page2_pic1{height: 520px; background: url(../Images/page7_pic1.png) no-repeat }
.page7_hd{ background: url(../Images/page7_hd_bg.png) no-repeat center center;}

.page8 .col-md-3{ margin-top: 40px; margin-left: -22px;}
.page8 .page2_pic1{height: 520px; background: url(../Images/page8_pic1.png) no-repeat }
.page8_hd{ background: url(../Images/page8_hd_bg.png) no-repeat center center;}

.page9 .page2_pic1{height: 520px; background: url(../Images/page9_pic1.png) no-repeat }
.page9_hd{ background: url(../Images/page9_hd_bg.png) no-repeat center center;}

.page10 .page2_pic1{height: 520px; background: url(../Images/page10_pic1.png) no-repeat }
.page10_hd{ background: url(../Images/page10_hd_bg.png) no-repeat center center;}

.page11 .page2_pic1{height: 520px; background: url(../Images/page11_pic1.png) no-repeat }
.last_page{ margin-bottom:50px;}
.page11_hd{ background: url(../Images/page11_hd_bg.png) no-repeat center center;}




/*1号样板房*/
.set_nav1{ background:#F18200;}

























