.top {
    width:100%;
    height:350px;
    background-image:url("../images/bj-2.jpg");
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:cover;
}
.top-main {
    width:1080px;
    text-align:center;
}
.top-main-img {
    width:239px;
    margin-top:25px;
}
.top-main-img img {
    width:100%;
}

.top-search {
    width: 740px;
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.03);
    border-radius: 30px;
    border: 1px solid #E8E8E8;
    margin-top:12px;
}

.top-search-left {
    width:119px;
    height:58px;
    line-height:58px;
    float:left;
    text-align:center;
    border-right:1px solid #F8F8F8;

}
.top-sl-select {
    display: block;
    width: 80px;
    height: 58px;
    margin-left:24px;
    font-size: 14px;
    color: #5B5B5B;
    background-image: none;
    border: 0;
    border-radius: 30px;
    outline:none;
    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../images/home_srrow.png") no-repeat scroll right center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 20px;
    background-color:#fff !important;
}
select::-ms-expand { display: none; }

.top-search-mid {
    width:530px;
    height:58px;
    line-height:58px;
    float:left;
}
.top-sm-input {
    width: 528px;
    height: 58px;
    font-weight: 400;
    color: #5B5B5B;
    font-size:14px;
    background-color: #fff;
    background-image: none;
    border: 0;
    border-radius: 0;
    outline:none;
    padding-left:16px;
    padding-right:16px;
}



.top-search-right {
    width:88px;
    height:58px;
    line-height:58px;
    float:left;
    text-align:center;
}
.top-sr-img {
    width:30px;
    height:auto;
    cursor:pointer;
}

.recommend {
    width:1400px;
    margin-top:32px;
}
.rec-title {
    width:1380px;
    margin-left:12px;
    margin-right:12px;
}
.rec-title-left {
    width:200px;
    float:left;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    letter-spacing: 2px;
}



.rec-title-right {
    width:1080px;
    float:right;
}

.rectr-ul {
    width:100%;
    list-style:none;
    margin:0;
    padding:0;
    text-align:right;
    margin-top:12px;
}

.rectr-li {
    padding-left:16px;
    display:inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #5B5B5B;
}
.rectr-li a {
    color: #5B5B5B;
}

.tab-pane {
    width:100%;
}

.recd {
    width:325px;
    margin-left:12px;
    margin-right:12px;
    margin-top:32px;
    float:left;
}
.recd-pic {
    width:325px;
}
.recd-pic-img {
    width:325px;
    height: 228px;
}

.recd-content {
    width:325px;
    margin-top:10px;
}

.recd-c-p {
    font-size: 12px;
    font-weight: 400;
    color: #5B5B5B;
}
.recd-c-title-p {
    font-size: 20px;
    font-weight: 600;
    color: #5b5b5b;
    margin-top:4px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.recd-c-price {
    width:100%;
    height:30px;
    margin-top:3px;
    display: table-cell;
    vertical-align: bottom;
}
.recd-cp-left {
    width:144px;
    float:left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-weight: 400;
    color: #5b5b5b;
}


.recd-cp-right {
    /*width:200px;*/
    float:right;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 18px;
    font-weight: 600;
    color: #D96C56;
    text-align:right;
}

.rec-more {
    width:1400px;
    margin-left:auto;
    margin-right:auto;
    margin-top:32px;
}
.rec-more a {
    font-size: 14px;
    font-weight: 400;
    color: #5B5B5B;
}
.rec-more a:hover {
    color: #D96C56;
}

.living {
    width:1080px;
}

.living-title {
    width:100%;
    font-size: 24px;
    font-weight: 600;
    color: #5B5B5B;
    letter-spacing: 2px;
}

.living-main {
    position:relative;
    width:100%;
    margin-top:24px;
}


.living-main .swiper-container {
    width: 100%;
    height: 320px;
}

.living-main .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


.living-prev, .living-next  {
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    border-radius:50%;
    position:absolute;
    z-index:10;
    text-align:Center;
    line-height:32px;
    font-size:20px;
    color:#000;
    cursor:pointer;
}
.living-prev {
    left:-16px;
    top:109.5px;
}
.living-next {
    right:-16px;
    top:109.5px;
}
.living-pn-img {
    width:24px;
    margin:0;
    padding:0;
}

.sprev-img {
    width:18px;
    height:18px;
    margin-top:-3px;
}


.snext-img {
    width:18px;
    height:18px;
    margin-top:-3px;
}

.swiper-button-disabled img {
    opacity:0.3;
}
.swiper-button-disabled {
    outline:none;
}
.living-next, .living-prev {
    outline:none;
}


.ss-content {
    width:100%;
    height:320px;
}
.ssc-photo {
    width:100%;
    height:235px;
    background: #D8D8D8;
    border-radius: 8px;
}
.ssc-photo-img {
    width:100%;
    height:235px;
    border-radius: 8px;
    object-fit: cover;
}
.ssc-title {
    width:100%;
    text-align:Center;
}
.ssc-title-p {
    font-size: 24px;
    font-weight: 600;
    color: #5B5B5B;
    letter-spacing: 2px;
    margin-top:13px;
}
.ssc-title-p2 {
    font-size: 18px;
    font-weight: 600;
    color: #C1C1C1;
    letter-spacing: 1px;
}


.message {
    width:100%;
    background: #F5F5F7;
}

.home-ad1 { width: 1402px; height: 122px; border: 1px solid #cccccc}


.messc {
    width:1400px;
}
.messc-title {
    width:1379px;
    margin-left:12px;
    margin-right:12px;
}
.messc-title-left {
    width:200px;
    float:left;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    letter-spacing: 2px;
}



.messc-title-right {
    width:800px;
    float:right;
}

.messc-ul {
    width:100%;
    list-style:none;
    margin:0;
    padding:0;
    text-align:right;
    margin-top:12px;
}

.messc-li {
    padding-left:16px;
    display:inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #5B5B5B;
}
.messc-li a {
    color: #5B5B5B;
}

.tab-pane {
    width:100%;
}

.messc-main, .messc-detail {
    width:100%;
}
.messc-dc {
    width:676px;
    float:left;
    margin-left:12px;
    margin-right:12px;
    margin-top:32px;
    height:170px;
}
.messc-dcl {
    width:190px;
    height:170px;
    float:left;
}
.messc-dcl-img {
    width:190px;
    height:170px;
    object-fit: cover;
}

.messc-dcr {
    width:484px;
    height:170px;
    float:left;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.messc-dcr-main {
    width:434px;
    margin-left:auto;
    margin-right:auto;
}
.messc-dm-p {
    font-size: 16px;
    font-weight: 600;
    color: #5b5b5b;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.messc-dm-date {
    width:100%;
    margin-top:8px;
}
.messc-dm-dl {
    width:100px;
    float:left;
    font-size: 12px;
    font-weight: 400;
    color: #D96C56;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
}

.messc-dm-dr {
    width:190px;
    float:right;
    font-size: 12px;
    font-weight: 400;
    color: #5B5B5B;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    text-align:right;
}
.messc-dm-hr {
    width:100%;
    height:1px;
    margin-top:4px;
    background-color:#EAEAEA;
}

.messc-dm-detail-p {
    font-size: 14px;
    font-weight: 400;
    color: #7B7B7B;
    line-height: 27px;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    margin-top:10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.lm-lr {
    width:590px;
    margin-top:20px;
}
.lm-lr-left {
    width:180px;
    height:60px;
    float:left;
    border-radius: 2px;
    border: 1px solid #DAD9D9;
}
.lmlr-left-input {
    width: 160px;
    height: 58px;
    font-size: 19px;
    font-weight: 400;
    color: #202020;
    line-height: 58px;
    letter-spacing: 1px;
    background-color: #fff;
    background-image: none;
    border: 0;
    border-radius: 0;
    outline:none;
    padding-left:25px;
}

.lmlr-select {
    display: block;
    width: 146px;
    height: 58px;
    margin-left:25px;
    font-weight: 400;
    font-size:19px;
    color: #202020;
    letter-spacing: 1px;
    background-image: none;
    border: 0;
    border-radius: 0;
    outline:none;
    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../images/down_arrow.png") no-repeat scroll right center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 20px;
    background-color:#fff !important;
}

select::-ms-expand { display: none; }






.lm-lr-mid {
    width:180px;
    height:60px;
    float:left;
    border-radius: 2px;
    border: 1px solid #DAD9D9;
    margin-left:20px;
}

.lm-lr-right {
    width:190px;
    height:60px;
    float:left;
    border-radius: 2px;
    border: 1px solid #DAD9D9;
    margin-left:20px;
}


.lm-nl {
    width:590px;
    margin-top:20px;
}

.lm-nl-left {
    width:380px;
    height:60px;
    float:left;
    border-radius: 2px;
    border: 1px solid #DAD9D9;
}
.lmnl-select {
    display: block;
    width: 336px;
    height: 58px;
    margin-left:25px;
    font-weight: 400;
    font-size:19px;
    color: #202020;
    letter-spacing: 1px;
    background-image: none;
    border: 0;
    border-radius: 0;
    outline:none;
    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../images/down_arrow.png") no-repeat scroll right center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 20px;
    background-color:#fff !important;
}




.lm-nl-right {
    width:190px;
    height:60px;
    float:left;
    border-radius: 2px;
    border: 1px solid #DAD9D9;
    margin-left:20px;
}

.lmnl-right-input {
    width: 168px;
    height: 58px;
    font-size: 19px;
    font-weight: 400;
    color: #202020;
    line-height: 58px;
    letter-spacing: 1px;
    background-color: #fff;
    background-image: none;
    border: 0;
    border-radius: 0;
    outline:none;
    padding-left:25px;
}

.lm-zk {
    width:590px;
    height:100px;
    border-radius: 2px;
    border: 1px solid #DAD9D9;
    margin-top:20px;
}

.dz-main {
    width:690px;
    height:780px;
    position:Absolute;
    top:50%;
    left:50%;
    margin-top:-390px;
    margin-left:-345px;
    background-color:#fff;
}

.lm-lxr {
    width:590px;
    margin-top:20px;
}


.lm-lxr-left {
    width:285px;
    height:60px;
    float:left;
    border-radius: 2px;
    border: 1px solid #DAD9D9;
}

.lm-lxr-right {
    width:285px;
    height:60px;
    float:left;
    border-radius: 2px;
    border: 1px solid #DAD9D9;
    margin-left:20px;
}

.lmlxr-left-input {
    width: 260px;
    height: 58px;
    font-size: 19px;
    font-weight: 400;
    color: #202020;
    line-height: 58px;
    letter-spacing: 1px;
    background-color: #fff;
    background-image: none;
    border: 0;
    border-radius: 0;
    outline:none;
    padding-left:25px;
}

.lmlxr-select {
    display: block;
    width: 240px;
    height: 58px;
    margin-left:25px;
    font-weight: 400;
    font-size:19px;
    color: #202020;
    letter-spacing: 1px;
    background-image: none;
    border: 0;
    border-radius: 0;
    outline:none;
    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../images/down_arrow.png") no-repeat scroll right center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 20px;
    background-color:#fff !important;
}




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



.top-sm-input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #C1C1C1;
}
.top-sm-input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #C1C1C1;
}
.top-sm-input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #C1C1C1;
}
.top-sm-input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #C1C1C1;
}



.nav>li {
    position: relative;
    display: inline-block;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 0;
}

.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:transparent;}

.nav>.active>a {
    color:#D96C56;
}