/* 专题页css */

/* 导入字体 */

@font-face {
    font-family: "bodonibdbtbold";
    src: url("bodonibdbtbold.eot"); /* IE9 */
    src: url("bodonibdbtbold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("bodonibdbtbold.woff") format("woff"), /* chrome、firefox */
    url("bodonibdbtbold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("bodonibdbtbold.svg#bodonibdbtbold") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}





html,body
{
        font-size:16px;
        padding:0px;
        margin:0px;
        background:#f8f8f8;
        line-height:1;
        max-width:710px;
        margin:0 auto;
        color:#000;
        font-family:'微软雅黑';
        margin:0 auto;
}
img{
    max-width:100%;
}
.container
{
        width:100%;
        display:block;
        margin:0 auto;
        padding-left:10px;
        padding-right:10px;
        box-sizing:border-box;
        overflow:hidden;
}
.container-fluid{
    width:100%;
    display:block;
    margin:0px;
    padding:0px;
    box-sizing:border-box;
    overflow:hidden;
}


a,a:hover,a:active{
    text-decoration: none;
}


/* 优势 */
#header{
    font-size:0px;
}
#youshi
{
    background:#6b5c47;
    display:flex;
    padding-top:10px;
    padding-bottom:10px;
}

.ys-item{
    color:#febf6f;
    flex-direction: column;
    text-align:center;
    font-size:16px;
    border-right:2px solid #c4beb5;
    
    line-height:2;
    letter-spacing:0px;
    padding-left:5px;
   
    flex:1;
   
    

}
.ys-item span{
    color:#c82e2e;
    display:inline-block;
    margin-left:-5px;
    font-family:'bodonibdbtbold';
    font-style:italic;
    margin-right:3px;
    font-size:20px;
}
.last-item
{
    border:0px;
    flex-grow:2;
    text-align:left;
    line-height:1;
}
.last-item span{
    width:100%;
    display:block;
    text-align:left;
    margin-left:0px;

}

/* 预约 */
#yuyue
{
    margin:25px auto;
}

.setcion_title
{
    font-size:26px;
    font-weight:700;
    text-align:center;
    margin-bottom:20px;
}

.yy_box
{
    display:flex;
    margin-bottom:20px;
}

.yyitem
{
    display:flex;
    flex:1;
    flex-direction: column;
    text-align:center;
    border-right:1px solid #444;
    font-size:16px;
}

.yyitem:last-child
{
    border-right:0px;
}
.yyitem .number
{
    margin-bottom:6px;
    font-weight:700;
}

.yy_btn a{
    color:#fff;
    background:#db1d2a;
    font-size:16px;
    height:40px;
    line-height:40px;
    border-radius:18px;
    width:100%;
    display:block;
    text-align:center;
}

/* 生活 */
#lifes
{
    background:#333333;
    padding-top:30px;
    padding-bottom:10px;
}
.lifex_box
{
    font-size:0px;
}
.life_left
{
    width:43%;
    display:inline-block;
}

.life_right
{
    width:56%;
    display:block;
    float:right;
    position:relative;
    height:100%;
}

.right_bottom
{
   
    margin-top:12px;

}
.lf_title,.bs_title
{
    color:#da926c;
}


.life_one_item
{
    position:relative;
    font-size:0px;
}

.life_one_item a{
    position:absolute;
    color:#fff;
    font-size:12px;
    width:90%;
    display:block;
    left:5%;
    top:calc( 50% - 32px );
    text-align:center;
    padding-left:5%;
    padding-right:5%;
    box-sizing: border-box;
    line-height:13px;
    background:rgba(0,0,0,0.5);
    padding-top:10px;
    padding-bottom:10px;
    letter-spacing:1px;
}

.life_one_item a b{
    display:block;
    font-size:20px;
    line-height:25px;
    margin-bottom:5px;
    
    font-weight:400;
}


.life_left a{
    top:calc( 50% - 38px );
}




/* 别墅 */

#bieshu
{
    background:#333333;
    padding-top:30px;
    padding-bottom:10px;
}

.swiper-slide
{
    font-size:0px;
}
.slider_item
{
    width:32%;
    display:inline-block;
}

.center_slider
{
    margin-left:2%;
    margin-right:2%;
    
}
.slider_bottom
{
    margin-top:5px;
}

.center_slider .slider_bottom
{
    margin-top:0px;
    margin-bottom:5px;
}
.swiper-slide
{
    position:relative;
}

.setion_shadow
{
    width:60%;
    background:rgba(255,255,255,0.5);
    font-size:30px;
    line-height:0;
    color:#333;
    text-align:center;
    padding-top:15%;
    padding-bottom:15%;
    position:absolute;
    left:20%;
    top:calc( 35% - 15px);
}

/* 设计师列表 */
#designer
{
    background:#333333;
    padding-bottom:10px;
    padding-top:30px;
}

.designer_list_box
{
        font-size:0px;
}

.ds_item
{
    width:23.5%;
    display:inline-block;
    margin-right:2%;
    box-sizing: border-box;
    margin-bottom:2%;
}
.ds_item:nth-child(4n)
{
    margin-right:0px;
}


/* banner1 */

#banner1
{
    margin-top:30px;
    margin-bottom:30px;
}

.banner_slogo
{
    margin-top:20px;
    margin-bottom:20px;
}

#banner2
{
    margin-top:20px;
    margin-bottom:20px;
}

.banner_slogo2
{
    margin-bottom:0px;
}

#banner3
{
    margin-top:20px;
    margin-bottom:20px;
}

/* 品质 */
#pinzhi
{
    margin-top:20px;
    margin-bottom:20px;
}
#pinzhi .container
{
    font-size:0px;
}

.pz_item
{
    position:relative;
    margin-right:2%;
    margin-bottom:2%;
    width:49%;
    display:inline-block;

}

.pz_item:nth-child(2n)
{
    margin-right:0px;
}

.pz_item a{
    position:absolute;
    font-size:13px;
    color:#fff;
    line-height:1;
    width:100%;
    display:block;
    top:calc( 50% - 40px );
    left:0px;
    text-align:center;
    padding-left:5%;
    padding-right:5%;
    box-sizing:border-box;
}

.pz_item a b{
    display:block;
    font-size:22px;
    font-weight:400;
    line-height:1;
    margin-bottom:10px;
}
.pz_item a p{
    line-height:20px;
}


#banner5
{
    margin-top:20px;
    margin-bottom:10px;
   
}




#copyright
{
    margin-top:10px;
    margin-bottom:10px;
    text-align:center;
    font-size:16px;
    color:#999;
    line-height:20px;
    padding-bottom:10px;
    padding-top:10px;
}


/* 无忧 */
#wuyou
{
    margin-top:20px;
}
.wy_list_box
{
    font-size:0px;
}
.wy_item
{
    margin-right:2%;
    margin-bottom:2%;
    width:32%;
    display:inline-block;
    position:relative;
}

.wy_item a
{
    position:absolute;
    top:calc( 50% - 26px );
    left:0px;
    width:100%;
    display:block;
    color:#fff;
    font-size:12px;
    
    text-align:center;
}
.wy_item a span{
    width:90%;
    height:2px;
    background:#fff;
    line-height:2px;
    display:block;
    margin:5px auto;
    position:relative;
}
.wy_item a span::before{
    width:6px;
    height:6px;
    display:block;
    content:' ';
    position:absolute;
    left:0px;
    top:-2px;
    background:#fff;
    transform:rotate(45deg);
}
.wy_item a span::after
{
    height:6px;
    width:6px;
    display:block;
    content:' ';
    position:absolute;
    right:0px;
    top:-2px;
    background:#fff;
    transform:rotate(45deg);
}



.wy_item a b{
    font-size:16px;
}


.wy_item a p
{
    padding-left:5%;
    padding-right:5%;
    line-height:13px;
    letter-spacing:1px;
    margin-top:0px;
    margin-bottom:0px;
}

.wy_item:nth-child(3n)
{
    margin-right:0px;
}

.last_wy_item
{
    color:#000000;
    font-size:16px;
    line-height:1.5;
    vertical-align:top;
    margin-bottom:0px;
    padding-top:20px;
   
}
.wy_text
{
    padding-left:7%;
}
.wy_text b{
    font-size:24px;
}


/* 强制高宽比 */
.slider_item
{
    overflow:hidden;
}
.left_slider  .slider_bottom ,.right_slider .slider_bottom ,.center_slider .slider_bottom
{
    width:100%;
    
   
    display:block;
    overflow:hidden;
}
.left_slider  .slider_top ,.right_slider .slider_top ,.center_slider .slider_top
{
        width:100%;
      
        display:block;
        overflow:hidden;
}


.left_slider  .slider_bottom img ,.right_slider .slider_bottom img,.center_slider .slider_bottom img
{
    max-width:200px;
    width:auto;
    height:auto;
   margin-left:-40px;
   margin-top:-20px;
}

.left_slider  .slider_top img ,.right_slider .slider_top img,.center_slider .slider_top img
{
    max-width:400px;
    width:auto;
    height:auto;
    margin-left:-50px;
    margin-top:-40px;
    
}



/*留言成功弹出呀*/

.PromptBg{ width:100%; height:100%; background:rgba(0,0,0,.3); position:fixed; top:0; left:0; z-index:9999999999999999999999;}
.PromptBox{ width:320px; height:auto; padding:0 0.35rem 0.47rem 0.35rem; box-sizing:border-box; background:#fff; border-radius:8px; position:relative; top:50%; left:50%; margin:-167px 0 0 -160px;}
.PromptHead{ width:100%; border-bottom:1px solid #e62131; font-size:16px; color:#333; padding:0.35rem 0 0.23rem; text-align:center; font-weight:700;}
.PromptMes{ width:100%; height:auto; overflow:hidden; padding:0.23rem 0.47rem; text-align:center;color:#333; box-sizing:border-box; font-size:14px;}
.PromptMes p, .PromptMes a, .PromptMes span, .PromptMes b{ font-size:inherit;}
.PromptMes b{ color:#e62131;}
.PromptAlertBtn{ display:block; width:100px; height:34px; line-height:34px; background-color:#e62131; cursor:pointer; font-size:14px; color:#fff; border-radius:4px; border:1px solid transparent; margin:0 auto; text-align:center;}
.PromptConBtn{ display:inline-block; width:100px; height:34px; line-height:34px; background-color:#3475f5; cursor:pointer; font-size:14px; color:#fff; border-radius:4px; border:1px solid transparent; text-align:center; margin-left:84px; margin-right:47px;}
.PromptCancel{ display:inline-block; width:100px; height:34px; line-height:34px; background:fff; cursor:pointer; font-size:14px; color:#3475f5; border-radius:4px; border:1px solid transparent; text-align:center; border:1px solid #3475f5;}
.PromptToastBox{ width:452px; height:auto; padding:15px 20px; text-align:center; background:rgba(0,0,0,.5); color:#fff; font-size:16px; border-radius:8px; line-height:24px; position:relative; top:50%; left:50%; margin:0px 0px 0px -226px;}





/* 设计师弹出窗口 */

.layui-layer
{
    box-shadow: 0px 2px 5px #aaa !important;
    background:none;
}
.layui-layer 
{
    background:url(../picture5/layuibg.png) center center no-repeat;
}
.layuitip
{
    width:280px;
    height:361px;
   
}

.layui-layer-setwin .layui-layer-close2
{
    right:-12px;
    top:-12px;
    background:url(../picture5/layuiclose.png) center center no-repeat;
    background-position:0px 0px;
}

.layui-layer-setwin .layui-layer-close2:hover{background-position:0px 0px;}

.top-title
{
    line-height:95px;
    height:95px;
    text-align:center;
    color:#333;
    font-size:15px;
}

#designer_id
{
    margin-top:8px;
}
.input_item
{
    margin-bottom:13px;
    text-align:center;
}

.input_item input
{
    width:240px;
    text-indent:1em;
    font-size:15px;
    height:32px;
    border:1px solid #e5e5e5;
    background:#f1f0f0;
    color:#333;
}

.input_item input.iMsgBtn
{
    background:#da2128;
    border-radius:19px;
    color:#fff;
    margin-bottom:8px;
    border:1px solid #da2128;
    text-indent:0px;
}

input::-webkit-input-placeholder{
    color:#999;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#999;
}


.input_item p{
    color:#ccc;
}




    #select{
    position:relative;
}
#select ul
{
    position:absolute;
    width:calc(100% - 1rem);
    padding:0px;
    margin:0px;
    left:0.5rem;
    background:#c3c3c3;
    text-indent:0.5rem;
    text-align:left;
}
#select i{
    width: 0; height: 0; border-top: 9px solid #707070; border-left: 9px solid transparent;  border-right: 9px solid transparent;
    position: absolute; top: 15px; left: 10px;border-radius:4px;
}
#select span{display: block; height: 40px; cursor: pointer;padding-left:32px;}
#select ul,#select li{padding: 0; margin:0 }
#select li{line-height: 30px; color: #666; list-style-type: none; border-bottom: 1px dashed #eee; cursor: pointer;transition: all 1s ease 0s;}
#select li:hover{ border-bottom: 1px solid #51A6FF; background-color: #DAF0FF; padding-left: 20px; font-weight: bold; }
#select li:last-child{border-bottom: 0}
#select ul{display: none;max-height:400px;overflow-y:scroll;}

#select {
    margin-top:10px;
    margin-bottom: 13px;
    text-align: center;
}
#select input{
    width: 240px;
    text-indent: 1em;
    font-size: 15px;
    height: 32px;
    border: 1px solid #e5e5e5;
    background: #f1f0f0;
    color: #333;
}
.input_item input.iMsgBtn3
{
    background: #da2128;
    border-radius: 19px;
    color: #fff;
    margin-bottom: 8px;
    border: 1px solid #da2128;
    text-indent: 0px;
}


.errorClass{ border-color:#ea454a !important;}

@media screen and (min-width:600px)
{
    .last_wy_item 
    {
        font-size:20px;
        padding-top:30px;
        line-height:2;
    }
    .wy_text
    {
        padding-left:10%;
    }

/* 针对横屏调整 */

    .left_slider  .slider_bottom img ,.right_slider .slider_bottom img,.center_slider .slider_bottom img
    {
        max-width:300px;
        width:auto;
        height:auto;
       margin-left:-40px;
       margin-top:-20px;
    }
    
    .left_slider  .slider_top img ,.right_slider .slider_top img,.center_slider .slider_top img
    {
        max-width:550px;
        width:auto;
        height:auto;
        margin-left:-80px;
        margin-top:-20px;
        
    }







}

@media screen and (max-width:375px) {

    .ys-item
    {
        font-size:15px;
    }
    .right_bottom
    {
        margin-top:11px;
    }
}

@media screen and (max-width:320px) {

    .ys-item
    {
        font-size:12px;
    }
    .setcion_title
    {
        font-size:20px;
    }
    .last_wy_item 
    {
        font-size:15px;
        line-height:1.2;
    }
    .yyitem
    {
        font-size:14px;
    }
}