/*banner*/
.banner{height: 625px;}
.banner img{height: 50%;}

/*tab*/
.tab{height: 96px;width: 100%;background-color: #f6f6f6;position: relative;}
.tabBox{height: 100%;width: 526px;margin: 0 auto;}
.tabBox .tabItem{display: none;}
.tabBox .show{display: block;}
.btnBox{position: relative;top:-96px;left:0;height: 100%;width: 526px;margin: 0 auto;}
.btnBox a{display: block;height: 100%;}

/*匠心包*/
.jiangxinbao{position: relative;}
.jxbBox{position: absolute;width: 1000px;height: 960px;top: 520px;left: 100px;}
.jxbBox li{width: 180px;height: 60px;position: absolute;cursor: pointer;}
.garden{top: 75px;left: 50px;}
.restaurant{top: 18px;right: 385px;}
.bedroom{top: 240px;right:  30px;}
.balcony{bottom: 277px;left: 5px;}
.kitchen{bottom: 142px;left: 185px;}
.toilet{bottom: 52px;right: 180px;}

/*弹窗*/
.popup{position: fixed;background-color: rgba(0,0,0,.5);z-index: 10;top: 0;left: 0;bottom: 0;right: 0;display: none;}
.popupItem{display: none;width: 650px;height: 700px;position: absolute;top: 50%;margin-top: -350px;left: 50%;margin-left: -325px;}
.popupItem .close{width: 40px;height: 40px;position: absolute;top: -40px;right: 0;cursor: pointer;}
.popupItem .show{display: block;}

/*品质主材套餐*/
.taocan{position: relative;text-align: center;}
.taocan .title{width: 1190px;margin: 0 auto;}
.tcTab{width: 750px;font-family: 'FZLTHK--GBK1-0';font-size: 22px;text-align: center;display: flex;justify-content: space-around;margin:0 auto;}
.tcTab>.tcTabItem{padding-bottom: 10px;margin-bottom: 50px;cursor: pointer;}
.active{border-bottom: 5px solid #284f7a;color: #284f7a;font-family: 'FZLTZHK--GBK1-0'}

.taocanSwiper{position: relative;height: 647px;width: 1920px;overflow: hidden;left: 50%;margin-left: -960px;}
.center{width: 1420px;margin: 0 auto;z-index: 1;}

.left,.right{width: 245px;height: 647px;position: absolute;top: 0;}
.left{left: 0;}
.right{right:5px;z-index: -1}
.left img,.right img{height: calc(647px / 3);filter: blur(5px);}
.taocanSwiper .swiper-button-next,.taocanSwiper .swiper-button-prev{background-size: 50px 90px;width: 245px;height: 647px;color:#969594;top: 0}
.taocanSwiper .swiper-button-next:after,.taocanSwiper .swiper-button-prev:after{font-size: 85px;}
.taocanSwiper .swiper-button-next:focus,.taocanSwiper .swiper-button-prev:focus{outline: none;}
/*.taocanSwiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 35%;}*/
/*.taocanSwiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 35%;}*/
.leftBtn{width: 250px;height: 647px;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,.5);z-index: 1;}
.rightBtn{width:  250px;height: 647px;position: absolute;top: 0;right: 0;background-color: rgba(0,0,0,.5);z-index: 1;}
.imgDesc{position: fixed;bottom: 0;left: 0;z-index: 10;}

@media screen and (min-width: 1190px) {
    .banner img{min-width: 1190px;}
}
@media screen and (max-width: 1420px) {
    .left,.right{display: none;}
    .leftBtn,.rightBtn{display: none;}
}