@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../font/montserrat/Montserrat-Regular.svg'),
    url('../font/montserrat/Montserrat-Regular.eot'),
    url('../font/montserrat/Montserrat-Regular.otf'),
    url('../font/montserrat/Montserrat-Regular.ttf'),
    url('../font/montserrat/Montserrat-Regular.woff');
    font-weight: normal !important;
    font-style: normal;
}
body{
    font-family: 'Montserrat-Regular' !important;
}
body::-webkit-scrollbar{
    display: none;
}
.container-fluid{padding: 0;
    overflow: hidden;
}
button{
 outline:none;
 border: 0 !important;
}
hr,.row{margin: 0;border: 0;}
.remove-padding{
    padding: 0;
}
.navbar-collapse{
    padding: 0;
}
.navbar{
    width: 100%;
    height: .92rem;
    margin: 0;
    position: fixed;
    top: 0;
    z-index: 10000;
    background: #fff;
    transition: all 0.5s ease-in-out;
    border: 0;
    box-shadow: 1px 1px 10px -6px;
}
.navbar .navbar-brand{
    height: 100%;
    position: absolute;
    /*top: 45%;*/
    /*transform: translateY(-50%);*/
    padding: .05rem 0 .1rem;
}
.navbar .navbar-header img{
    height: 100%;
}
.nav li{
    width: 100%;
    float: left;
    font-size: .15rem;
    line-height: .85rem;
    border-bottom:1px solid #ededed;
    text-align: center;
}
.nav > li > a{
    display: inline-block;
    padding: 0;
    color: #C49567 !important;
    background: none !important;
    border-bottom: 2px solid rgba(223,192,116,0) !important;
    transition: all 2s ease-in-out;
    /*font-weight: 700;*/
}
.nav li:hover,.nav li.active{
    color: #E9C074;
    background: none;
}
.nav li:hover{
    border-bottom: 2px solid rgba(223,192,116,1) !important;
}
.navbar-nav{
    margin: 0;
}
.language{
    /*margin: .08rem .11rem .05rem 0;*/
    padding: .16rem;
    border: 1px solid #C49567;
    color: #C49567;
    font-size: .16rem;
    float: right;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.2rem;
}
.language:hover{
    color: #fff;
    background: #C49567;
    cursor: pointer;
}
.k-1{
    height: .92rem !important;
}
.txt-1{
    padding: 1.2rem;
}

.swiper-container {
    width: 100%;
    margin-top: 0.6rem;
}
.swiper-slide img{
    width: 100%;
}
.swiper-button-next, .swiper-button-prev{
    position: static;
    margin: 0;
    width: .45rem;
    height: .45rem;
    background: #c29561;
    border-radius: 50%;
    text-align: center;
    line-height: .45rem;
    float: left;
}
.swiper-button-prev:hover,.swiper-button-next:hover{
    background: #6D4429;
}
.bananer-parent{
    position: absolute;
    top: 0;
    height: 100%;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
}

.bananer-isser{
    position: absolute;
    background: rgba(255,255,255,0.8);
    z-index: 1000;
    top: 50%;
    transform: translateY(-50%);
}
.bananer-isser p{
    margin: 0;
    text-align: left;
    color: #2F3135;
    font-size: .16rem;
    padding: .5rem 0 .9rem;
    /*font-weight: 700;*/
}
.title{
    font-size: .32rem;
    /*font-weight: 700;*/
}
.content-1,.content-2,.content-3,.show-1,.content-5,.show-2,.bananer-parent{
    width:90%;
    max-width:1250px;
    margin: 0 auto;
}
.content-1{
    position: relative;
    padding: .45rem 0 .4rem;
    margin: 0 auto;
}
.content-1 hr{
    width: 100%;
    background-color: #c4a487;
    height: 4px;
    margin-top: .12rem;
}
.content-1 span{
    position: absolute;
    padding: 0 .2rem;
    background: #fff;
    left: 50%;
    transform: translate(-50%,-50%);
    display: inline-block;
    font-size: .22rem;
    /*font-weight: 700;*/
    color: #282828;
    margin: 0 0.1rem;
    text-align: center;
}
.content-2{
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
/*.content-2 select,*/.content-2 button{
    width: 40%;
    height: .46rem;
    border: 1px solid #c8aa8f;
    font-size: .18rem;
    margin-bottom: .3rem;border-radius: 0;
    text-align: center;
    text-align-last: center;
}
.content-2 .select_mate p.s-1{
    background: url("../images/i-1.png") no-repeat 0.2rem / .13rem .19rem;
}
.content-2 .select_mate p.s-2{
    background: url("../images/i-3.png") no-repeat 0.2rem / .23rem .18rem;
}
.content-2 .select_mate p.s-3{
    background: url("../images/i-2.png") no-repeat 0.2rem / .2rem .18rem;
}
.content-2 .select_mate p.s-4{
    background: url("../images/002-toilet.png") no-repeat 0.2rem / .22rem .22rem;
}
.content-2 .select_mate p.s-5{
    background: url("../images/i-5.png") no-repeat 0.2rem / .12rem .22rem;
}
.content-2 button{
    background: #E9C074;
    color: #fff;
    border: 0;
}
.content-2 .select_mate:hover{
    background-color: #ededed;
}
.content-2 button:hover,.content-4 .show-1 .referral .text-re button:hover{
    border: 1px solid #E9C074 !important;
    background: #fff;
    color: #222222;
}
.content-3{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
}
.content-3 .list_issue{
    width: 100%;
    padding: .8rem 0 .89rem;
    text-align: center;
}
.content-3 .list_issue .title{
    padding: 0.2rem 0;
}
.content-6{
    width: 100%;
    background: url(../images/bg-j.png) no-repeat center / 100% 100%;

}
.content-6 .show-2{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.content-4 {
    width: 100%;
    background: #F6F6F6;
    padding: .5rem 0 .4rem 0;
    overflow: hidden;
}
.content-4 .show-1{
    width: 80%;
    margin: 0 auto;
}
.content-4 .show-1 .referral{
    position: relative;
    overflow: hidden;
    margin-bottom: .46rem;
    display: flex;
    align-items: flex-end;
}
.content-4 .show-1 .referral:nth-child(2n){
    flex-direction: row-reverse;
}
.content-4 .show-1 .referral .remove-padding{
    position: relative;
}
.content-4 .show-1 .referral .re-arrow{
    width: .96rem;
    position: absolute;
    right: -.48rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 111;
}
.content-4 .show-1 .referral .re-arrow.le{
    left: -.48rem;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    margin-top: -.48rem;
}

.content-4 .show-1 .referral .text-re.le{
    left: 0;
}
.content-4 .show-1 .referral .text-re .title{
    font-size: .21rem;
    padding: .1rem 0;
    color: #C4A487;
    /*font-weight: 100;*/
    line-height: .24rem;
}
.content-4 .show-1 .referral .text-re p{
    font-size: .14rem;
    color: #777777;
    /*font-weight: 100;*/
    line-height: .24rem;
}
.content-4 .show-1 .referral .text-re button{
    padding: .05rem .23rem;
    background: #E9C074;
    color: #fff;
    font-size: .11rem;
    border: 1px solid rgba(0,0,0,0) !important;
}
.content-5{
    width: 80%;
    margin: 0 auto;
    /*overflow: hidden;*/
}
.content-5 .sold{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .5rem;
}
.content-5 .sold div{
    width: 48.5%;
    margin-bottom: .3rem;
    padding: 0;
    box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.content-inner > div.col-lg-6{
    width: 48.5%;
}


.content-5 .sold div p,.content-5 .sold div h1{
    margin: 0;
}
.content-5 .sold div>p{overflow: hidden;}
.content-5 .sold>div>p>img{
    cursor: pointer;
    transition: all 2.5s;
}
.content-4 .show-1 .referral .remove-padding>div{
    overflow: hidden;
}
.content-4 .show-1 .referral .remove-padding img:nth-child(1){
    transition: all 2.5s;
}
.content-4 .show-1 .referral .remove-padding img:nth-child(1):hover{
    transform: scale(1.1);
}
.content-5 .sold>div>p>img:hover{
    transform: scale(1.1);
}
.content-5 .sold div h1{
    width: 100%;
    padding: .1rem 0;
    font-size: .18rem;
    color: #777777;
    text-align: center;
}
.modal-footer{
    background: #412610;
    padding: .35rem 0;
    text-align: center;
}
@media (min-width: 992px) {
    .both{
        display: none;
    }
    .collapse{
        width: auto;
    }
    .swiper-button-next, .swiper-button-prev{
        width: .65rem;
        height: .65rem;
        line-height: .65rem;
    }
    .content-3 .list_issue{
        width: auto;
    }
    .content-4 .show-1 .referral .text-re{
        padding-left: .24rem;
    }
    .content-4 .show-1 .referral .text-re.le{
        padding-left: 0;
        padding-right: .4rem;
    }
    .content-2 .select_mate,.content-2 button{
        width: 16%;
    }
}
@media (min-width: 1200px) {
    .content-4 .show-1 .referral .text-re{
        /*position: absolute;*/
        bottom: 0;
        right: 0;
        padding-left: .5rem;
    }
    .content-3 .list_issue{
        max-width: 20%;
    }
}
@media (min-width: 1300px) {
    .content-1,.content-2,.content-3,.show-1,.content-5,.show-2,.bananer-parent{
        width: 12.5rem;
    }
    .content-5 .sold{
        /*flex-wrap: initial;*/
    }
    /*.content-5 .sold div:first-child{*/
        /*margin-right: .25rem;*/
    /*}*/
    /*.content-5 .sold div:last-child{*/
        /*margin-left: .25rem;*/
    /*}*/
}

/* 大屏幕（大桌面显示器，大于等于 1500） */
@media (min-width: 1500px) {
    .navbar .content-nav{
        padding: 0 1rem;
    }
    .content-1,.content-2,.content-3,.show-1,.content-5,.show-2,.bananer-parent{
        width: 12.5rem;
    }
    .bananer-isser{
        padding: .68rem 1rem .68rem .65rem;
        /*bottom: .4rem;*/
        /*left: 2.13rem;*/
    }
}

@media (min-width: 1100px){
    .navbar{
        border-top: 5px solid #caae94;
    }
    /*.navbar-nav{*/
        /*float: right;*/
        /*margin-right: 1.5rem;*/
    /*}*/
    /*.navbar-nav li{*/
        /*width: auto;*/
        /*margin-right: .34rem;*/
        /*border: 0;*/
    /*}*/
    .navbar-brand{
        padding: 0;
    }
    .navbar .navbar-brand{
        left: 1rem;
    }
    .language{right: 1.1rem;}
    .bananer-isser{
        padding: .6rem .5rem;
        /*bottom: .2rem;*/
        /*left: 2.13rem;*/
        min-width: 5rem;
    }
    .bananer-isser p{
        padding: .37rem 0 .67rem;
        max-width: 3rem;
    }
    .bananer-isser .title{
        max-width: 4rem;
    }
}
@media (min-width: 900px){
    .navbar-nav{
        float: right;
        margin-right: 1.5rem;
    }
    .navbar-nav li{
        width: auto !important;
        margin-right: .34rem;
        border: 0;
    }
}
@media (max-width: 900px){
    .navbar-brand{
        margin-left: .2rem;
    }
    .language{
        font-size: .25rem;
    }
    .navbar-header{
        height: 100%;
        position: relative;
    }
    .navbar-collapse.collapse{
        /*display: none !important;*/
    }
    .nav{
        background: #fff;
    }
    .nav > li > a {
        font-size: .36rem !important;
    }
    .navbar-brand{
        margin-left: .2rem;
    }
    .language{
        font-size: .25rem;
    }
    .navbar-header{
        height: 100%;
        position: relative;
    }
    .navbar-toggle {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        margin: 0;
    }
    .content-4 .show-1 .referral{
        flex-wrap: wrap;
    }
    .content-4 .show-1 .referral .text-re p{
        font-size: 14px;
        line-height: .4rem;
    }
    .content-4 .show-1 .referral .text-re .title,.show-1 .title,.list_issue .title{
        font-size: 16px !important;
    }
    .content-4 .show-1 .referral .text-re .title{
        padding: .2rem 0;
    }
    .list_issue{
        padding: .3rem 0 0 !important;
    }
    .list_issue p{
        font-size: 14px !important;
    }
    .abotu .pdf{
        padding: 0 !important;
    }
    .abotu .pdf a{
         margin-bottom: 0.15rem;
    }
    .content-2 .select_mate,.content-2 button{
        width: 48%;
    }
    .content-2 .select_mate, .content-2 button{
        height: .66rem;
        font-size: .24rem;
        /*margin: .1rem auto;*/
    }
    .content-2 .select_mate p{
        line-height: .66rem;
    }
    .content-5 .sold div h1{
        padding: .2rem 0 !important;
        font-size: .16px;
    }
    .icon_select_mate{
        top: 5px !important;
    }
    .content-1{
        width: 90% !important;
        padding-bottom: .45rem;
    }
    .content-2{
        width: 90% !important;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
        background-color: #fff;
    }
    .bananer-isser{
        width: 80%;
        padding: .4rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .bananer-isser br{
        display: none;
    }
    .bananer-isser p{
        padding: .1rem 0;
    }
    .content-4 .show-1 .referral .re-arrow{
        display: none;
    }
    .show-2 > div:nth-child(1){
        margin-top: .3rem;
    }
    .k-1{
        height: 1rem !important;
    }
    .txt-1{
        padding: .8rem;
    }
    .content-5 .sold div,.content-inner > div{
        width: 100%;
    }
}