﻿/*初始化样式*/
*{margin:0; padding:0;}
html { font: 12px/1.5 '微软雅黑'; color:#333;}
body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,input,textarea,select { margin: 0; padding: 0; }
img {display: block; border: 0;}
ul,ol,li{ list-style:none;}
input, textarea, button { outline: 0; border:0; }
a{text-decoration: none;color:#666;}
a:hover{ color:#23b054;}
div,p,ul,li{box-sizing: border-box;}
.clear{ clear:both; overflow:hidden; height:0; }
/*公共*/
body{/*width: 1200px;*/}
.container { width: 100%;margin: 0 auto;}
/*网站轮播图*/
.carousel { position: relative;}
.carousel-inner {position: relative;width: 100%;overflow: hidden;}
.carousel-inner  .item {position: relative;display: none; -webkit-transition: .6s ease-in-out left;  -o-transition: .6s ease-in-out left;  transition: .6s ease-in-out left;}
.carousel .item img{ width: 100%;}
.carousel-inner  .active,.carousel-inner  .next,.carousel-inner  .prev { display: block;}
.carousel-inner  .active { left: 0;}
.carousel-inner  .next,.carousel-inner  .prev { position: absolute; top: 0; width: 100%;}
.carousel-inner  .next { left: 100%;}  .carousel-inner  .prev { left: -100%;}
.carousel-inner  .next.left,.carousel-inner  .prev.right {  left: 0;}
.carousel-inner  .active.left {  left: -100%;} .carousel-inner  .active.right { left: 100%;}

.product-nav{position:fixed; left: 0; top: 0; z-index: 99; width: 100%; background: #18bb52;}
.product-nav .container{position: relative;}
.product-nav{text-align: center; margin:0px auto;}
.product-nav li{display: inline-block; padding:0 20px 0 0; text-align:center; margin:0px auto;}
.product-nav li a{display: block; font: 400 42px/72px 'SimSun'; color: #ffffff; margin:0px auto;text-align: center;}
.product-tel{position: fixed; right: 0; top: 0; font: 400 14px/48px 'SimSun'; color: #ffffff; display: none;}
/*精装套餐*/
.package{}
.package5-img2-right{position: absolute; top:165px; right: 110px; width: 340px; text-align: center;}
.package5-img2-right .form{padding-top: 20px;}
.package5-img2-right .form input{
    display: block; width: 100%; height: 40px; margin-bottom:18px;padding:5px 10px;
    font: 400 18px/30px 'SimSun'; color: #979797;
    background: #211e1e; border:1px solid transparent; box-sizing:border-box; border-radius:12px;
}
.package5-img2-right .form button{
    display:inline-block; width:150px; padding: 7px 0; font: 400 18px/36px 'SimSin'; color: #ffffff;
    background: #85551e;cursor: pointer; border-radius:15px;
}
/*精装定制*/
.order{}
.order-banner{margin-top:80px; padding-top: 70px;}
.order-ol{position: absolute; left: 0; top: 0; width: 100%;}
.order-ol li{
    float: left; width: 16.66%;
    font:400 18px/70px 'SimSun'; color: #000000;text-align: center;
    background: #ffffff; cursor: pointer;
}
.order-ol li.active{
    color: #ffffff; background: #c28c5e;
}
.order-quick{padding: 30px 0;}
.order-quick .container{ height: 120px;padding-top:40px; background: #1a3956;}
.order4-img2 .item{ height: 480px;}
.order-quick input{
    display:block; width: 100%;padding:5px 15px;
    font: 400 18px/30px 'SimSun'; color: #28547d;
    background: #122e48; border-radius:12px; box-sizing: border-box;
}
.order-quick button{
    display:block; width: 100%;padding:5px 15px;
    font: 400 18px/30px 'SimSun'; color: #ffffff;
    background: #ffa018;border-radius:12px;
}
.order-quick .names{display: inline-block;width:270px; margin-left:30px;}
.order-quick .tels{display: inline-block; width:270px; margin-left:30px;}
.order-quick .floors{display: inline-block; width:270px; margin-left:30px;}
.order-quick .applys{display: inline-block; width:230px; margin-left:30px;}
/*全屋定制*/
.house2-tabs{ width: 640px; height: 100px; margin:0 auto; padding-top:28px; padding-left:18px;
    background: url("../images/house2_img_bg.png") no-repeat 0 0;}
.house2-tab{
    float: left; width:86px;
    font: 400 18px/50px 'SimSun'; color: #000; text-align: center; border-radius:12px; cursor: pointer;
}
.house2-tab:hover{
    color: #ffffff;background: #c28c5e;
}
.house2-tab.active{
    color: #ffffff; background: #c28c5e;
}
.house-banner{padding-top: 70px;}
.house-banner .item{ height: 480px;}
.house-ol{position: absolute; left: 0; top: 0; width: 100%; background: #ffffff;}
.house-ol li{
    float: left; width:150px;
    font:400 18px/70px 'SimSun'; color: #000000;text-align: center;
    background: #ffffff; cursor: pointer;
}
.house-ol li.active{color: #ffffff; background: #c28c5e;}
.house-ol .item{ height: 480px;}
.house-quick{padding:54px 0;}
.house-quick .container{ height: 120px;padding-top:40px; background: #312e2e;}
.house-quick input{
    display:block; width: 100%;padding:5px 15px;
    font: 400 18px/30px 'SimSun'; color: #979797;
    background: #202022; border-radius:12px; box-sizing: border-box;
}
.house-quick button{
    display:block; width: 100%;padding:5px 15px;
    font: 400 18px/30px 'SimSun'; color: #ffffff;
    background: #ffa018;border-radius:12px;
}
.house-quick .names{display: inline-block;width:230px; margin-left:30px;}
.house-quick .tels{display: inline-block; width:230px; margin-left:30px;}
.house-quick .floors{display: inline-block; width:230px; margin-left:30px;}
.house-quick .applys{display: inline-block; width:230px; margin-left:150px;}




































/*bootstrap栅格系统*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 45%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.667%; }
.col-top {width: 42.667%;}
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0; }
