/*Éè¼ÆÊ¦*/
.xr-floor-06 { width: 100%; height:760px; background: url(../images/designer/floor-06-bg.jpg) no-repeat; }
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.xr-floor-06 .xr-common-title { padding-top: 65px; }
.xr-floor-06 .floor-06-content { width: 1200px; margin: 30px auto 0; font-size: 0px; position: relative; }
.xr-floor-06 .floor-06-button { width: 1200px; position: absolute; height: 465px; top: 0px; right: 0px; left: 0px; margin: auto; }
.xr-floor-06 .swiper-button-prev { left: -100px; }
.xr-floor-06 .swiper-button-next { right: -100px; }
.xr-floor-06 .swiper-pagination { text-align: center; position: relative; margin-top: 50px; font-size: 0px; }
.xr-floor-06 .swiper-pagination .swiper-pagination-bullet { width: 25px; height: 1px; background: #000; opacity: 0.15; border-radius: 50px; position: relative; margin: 0 5px; display: inline-block; background: #fff; }
.xr-floor-06 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; opacity: 1; }
.xr-floor-06 .floor-06-content .floor-06-left,.xr-floor-06 .floor-06-content .floor-06-center,.xr-floor-06 .floor-06-content .floor-06-right { display: inline-block; vertical-align: top; font-size: 16px; }
.xr-floor-06 .floor-06-content .floor-06-left { width: 312px; height: 465px; overflow: hidden; font-size: 0px; }
.xr-floor-06 .floor-06-content .floor-06-left img { width: 312px; height: 465px; transition: all 0.5s ease; }
.xr-floor-06 .floor-06-content .floor-06-left:hover img { transform: scale(1.1); }
.xr-floor-06 .floor-06-content .floor-06-center { width: 220px; height: 393px; background: #fff; padding: 36px; }
.xr-floor-06 .floor-06-content .floor-06-center .floor-06-name { font-size: 20px; font-weight: bold; }
.xr-floor-06 .floor-06-content .floor-06-center .floor-06-name p { font-size: 14px; font-weight: normal; margin: 15px 0; }
.xr-floor-06 .floor-06-content .floor-06-center .floor-06-name p em { margin: 0 10px; color: #999; }
.xr-floor-06 .floor-06-content .floor-06-center .floor-06-title { font-size: 17px; font-weight: bold; }
.xr-floor-06 .floor-06-content .floor-06-center .floor-06-about { margin-top: 45px; position: relative; }
.xr-floor-06 .floor-06-content .floor-06-center .floor-06-about .floor-06-text { height: 50px; overflow: hidden; margin-top: 20px; line-height: 25px; font-size: 14px; }
.xr-floor-06 .floor-06-content .floor-06-center .floor-06-about i { font-family: "arial"; font-size: 122px; color: #e9e9e9; font-style: normal; position: absolute; top: -25px; right: -10px; }
.xr-floor-06 .floor-06-content .floor-06-btn { border-top: 1px solid #ebebeb; padding-top: 20px; margin-top: 45px; }
.xr-floor-06 .floor-06-content .floor-06-btn a { width: 220px; height: 39px; line-height: 39px; display: block; text-align: center; text-decoration: none; }
.xr-floor-06 .floor-06-content .floor-06-btn p { margin-top: 15px; }
.xr-floor-06 .floor-06-content .floor-06-btn p.app a { color: #fff; background: #2b2b33; }
.xr-floor-06 .floor-06-content .floor-06-btn p.view a { width: 218px; color: #2b2b33; background: #fff; border: 1px solid #2b2b33; }
.xr-floor-06 .floor-06-content .floor-06-right { font-size: 0px; width: 596px; position: relative;    background-color: #fff; }
.xr-floor-06 .floor-06-content .floor-06-right i { width: 39px; height: 39px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; color: #fff; background: rgba(43,43,51,0.95); font-size: 16px; font-style: normal; padding: 25.5px; text-align: center; }
.xr-floor-06 .floor-06-content .floor-06-right p { width: 297px; height: 232px; margin: 0 0 0 1px; display: inline-block; overflow: hidden; }
.xr-floor-06 .floor-06-content .floor-06-right p img { width: 297px; height: 232px; transition: all 0.5s ease; }
.xr-floor-06 .floor-06-content .floor-06-right p:hover img { transform: scale(1.1); }
.xr-floor-06 .floor-06-content .floor-06-right p + p + p { margin-top: 1px; }
.xr-floor-06 .floor-06-content .floor-06-right p a { font-size: 0px; display: block; }
.xr-floor-06 .swiper-button-next, .xr-floor-06 .swiper-button-prev { width: 70px; height: 50px; background: transparent; }
