@import "base.css";

body{width: 100%;max-width: 1920px;min-width:1200px;margin: 0 auto;}
/*头部背景图开始*/
.qzImg{width: 100%;min-width:1200px;max-width:1920px;height: auto;overflow: hidden;margin:0 auto;}
.qzImg>img{display: block;width: 100%;}
img{object-fit: cover}
/*公共部分*/
.swiper-container {  width: 100%;  height: 100%;  margin-left: auto;  margin-right: auto;  }
.swiper-slide {  text-align: center;  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;  }
.public-title{width: 100%;height: auto;padding:40px 0px;text-align: center}
.public-title>img{display: block;width: auto;margin: 0 auto;}
.public-title>h2{font-size: 48px;color: #000;font-family: '微软雅黑';padding-top: 20px;line-height: 150%}
.public-title>p{font-size: 20px;color: #dc0000;font-family: '微软雅黑';display: block;padding: 15px 0;font-weight: bold}
.public-title>p>img{display: block;margin: 0 auto}
.public-title>em{width: 20px;height: 3px;background: #000000;margin: 0 auto;display: block;overflow: hidden}
@media screen and (min-width: 1920px){
    .price-item{width: 150px}
    .price-item:first-child{margin-left: 420px;}
    .star-image{width: 525px}
    .price-banner{height: 404px}
    .price-item p{bottom: 70px}
    .price-item span{bottom: 45px}
    .super-all{margin:0 auto;margin-top: -150px}
    .space-banner-all{height: 594px}
    .space-content{margin-top: 8%}
}
@media screen and (max-width: 1600px){

    .price-item{width: 140px}
    .price-item:first-child{margin-left: 295px;}

    .star-image{width: 460px}
    .price-banner{height: 333px}
    .price-item p{bottom: 70px}
    .price-item span{bottom: 45px}
    .super-all{margin:0 auto;margin-top: -150px}
    .space-banner-all{height: 545px}
    .space-content{margin-top: 6%}
}
@media screen and (max-width: 1366px){
    .price-item{width: 130px}
    .price-item:first-child{margin-left: 240px;}
    .star-image{width: 420px}
    .price-banner{height: 283px}
    .price-item p{bottom: 60px}
    .price-item span{bottom: 35px}
    .super-all{margin:0 auto;margin-top: -120px}
    .space-banner-all{height: 500px}
    .space-content{margin-top: 3%}
}


/*一价全包开始*/
.price{width: 100%;  max-width: 1920px;  height: auto;  margin: 0 auto;  position: relative;}
.price-banner{width:100%;position: relative;margin-top: 43px}
.price-all{width: 100%;}
.price-list{width: 100%;height: auto;position: absolute;left: 0;top: 0;transition: all 0.5s}
.price-list>img{display: block;width: 100%}
.price-content{position: absolute;width: 100%;left: 0;bottom: 8%;text-align: center;}
.price-content em{display: block;width: 40px;height: 3px;background: #fff;margin: 0 auto;}
.price-content p{font-size: 24px;color: #fff;margin-top: 14px;}
.price-content span{display: block;font-size: 16px;color: #fff;line-height: 24px;margin-top: 7px }
.price-icon{position: absolute;left: 0;right: 0;top: -43px;width: fit-content;  width: -webkit-fit-content;  width: -moz-fit-content;  margin: auto;}
.price-item{float: left;margin-right: 55px;position: relative; cursor: pointer}
.price-item:last-child{margin-right: 0}
.price-item img{display:block;width: 100%}
.price-item p{position:absolute;width:100%;font-size: 24px;color: #dc0000;font-weight: bold;left: 0;right:0;margin: auto;text-align: center}
.price-item span{position:absolute;width:100%;font-size: 16px;color: #000;left: 0;right:0;margin: auto;text-align: center;}



/*五大优势开始*/
.super{width: 100%;position: relative}
.super-img{width: 100%;position: relative}
.super-img img{display: block;width: 100%}
.super-img>p{position: absolute;left: 0;right: 0;top: 10%;margin: auto;width: 1200px}
.super-img>p>span{font-size: 36px;color: #fff;display: block}
.super-img>p>i{font-style: normal;font-size: 16px;color: #fff;display: block;margin-top: 20px}
.super-all{width: 1200px;height: auto;position: relative;}
.super-all-none{width: 2670px;height: 100%}
.super-list{width: 310px;margin-right: 135px;float: left}
.super-list:last-child{margin-right: 0}
.super-list-img{width: 100%}
.super-list-img img{display: block;width: 100%}
.super-list p{width: 100%;font-size: 24px;color: #dc0000;text-align: center;margin-top: 30px}
.super-list span{display: block;width: 100%;padding: 20px 23px;font-size: 14px;color: #000;text-align: left}
.super-all .swiper-button-prev{left: -27px!important;}
.super-all .swiper-button-next{right: -27px!important;}


/*十七件实木家具开始*/
.wood{width: 100%;margin-top: 90px;float: left}
.wood-img{width: 100%;max-width: 1920px;margin: 0 auto}
.wood-img img{display: block;width: 100%}
.wood-center{width: 1200px;margin: 0 auto;margin-top: 68px;padding-bottom: 75px;position: relative}
.wood-list{width: 195px;height: 160px;float: left;margin:0 auto;position: relative}
.wood-list img{display: block;width: 100%;}
.wood-list p{font-size: 16px;width: 100%;text-align: center;color: #000;position: absolute;bottom: 0;left: 0}
.wood-center .swiper-button-next{right: -27px!important;top:70px}
.wood-center .swiper-button-prev{left: -27px!important;top: 70px}

/*展示图开始*/
.demo{width: 100%;overflow: hidden;position: relative}
.demo-img{width: 100%;max-width: 1920px;margin: 0 auto}
.demo-img img{display: block;width: 100%}
.demo-word{position:absolute;width: 1200px;left: 0;right:0;top: 20%;margin: auto}
.demo-word-all{width: 375px;float: right;margin-right: 70px}
.demo-word p{font-size: 36px;color: #fff;line-height: 46px;text-align: left;}
.demo-word em{display: block;width: 350px;height: 1px;background: #fff;margin: 20px 0px}
.demo-word span{display: block;font-size: 16px;color: #fff;line-height: 24px}

/*五星级开始*/
.star{width: 100%;overflow: hidden;position: relative}
.star-img{width: 100%}
.star-img img{display: block;width: 100%}
.star-center{width: 1200px;position: absolute;left: 0;right: 0;margin: auto;top: 25%}
.star-center-content{float: left;margin-left: 125px;width: 270px}
.star-center-content p{font-size: 36px;color: #000;line-height: 42px}
.star-center-content em{display: block;width: 165px;height: 1px;background: #000;margin: 30px 0}
.star-center-content span{display: block;font-size: 16px;color: #000;line-height: 22px}
.star-image{position: absolute;right: 0;top: -15%}
.star-image img{display: block;width: 100%}



/*12款实景开始*/
.live{width: 100%;overflow: hidden}
.live-banner{width: 100%;max-width:1920px;height:670px;margin: 0 auto;}
.live-item{width: 100%;height:100%;}
.slider{width:100%;min-width:1200px;height:670px;position:relative;overflow:hidden;background:#fff;text-align:center;}
.slider .bd{width:1200px;position:absolute;left:50%;margin-left:-600px}
.slider .bd li{width:1200px;overflow:hidden;}
.slider .bd li img{display:block;width:1200px;height:670px;}
.slider .tempWrap{overflow:visible !important}
.slider .tempWrap ul{margin-left:-1200px !important;}
.slider .hd{position:absolute;width:35px;right:15%;z-index:1;top:15%;text-align:center;}
.slider .hd li{display:inline-block;zoom:1;width:29px;height:29px;border-radius: 50%;background:rgba(0,0,0,0.8);cursor:pointer;filter:alpha(opacity=60);opacity:0.6;font-size: 16px;color: #fff;line-height: 29px;margin: 0 auto;margin-top: 9px;}
.slider .hd li.on{background:#dc0000;filter:alpha(opacity=100);opacity:1;color: #fff;width:35px;height:35px;line-height: 35px}
.slider .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:670px;cursor:pointer;background: rgba(0,0,0,0.9)}
.slider .prev{left:-50%;margin-left:-600px;}
.slider .next{left:50%;margin-left:600px;}
/*.slider .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:670px;background:#000;filter:alpha(opacity=50);opacity:0.9;}*/

.slider .prev .arrow{right:0;background:url(../image/slider-arrow.png) -120px 0 no-repeat;}
.slider .next .arrow{left:0;background:url(../image/slider-arrow.png) 0 0 no-repeat;}
.live-list{width: 100%;height:100%;margin: 0 auto;position: relative}
.live-img{display: block;width: 100%;}
.live-img>img{display: block;width: 100%}
.live-center{width: 1200px;position: absolute;left: 0;top:100px;right: 0;margin: auto}
.live-content{width: 515px;margin-left: 13px;background: rgba(0,0,0,0.37);padding: 35px 25px 25px 25px}
.live-content p{font-size: 45px;color: #fff;line-height: 100%;text-align: left;padding-bottom: 8px}
.live-content p span{font-size: 26px;color: #fff;position: absolute;top: 40px;margin-left:10px;}
.live-content i{font-style: normal;font-size: 16px;color: #fff;line-height: 28px;text-align: left;display: block;}
.live-content a{font-size: 24px;background: #dc0000;color: #fff;padding: 20px 47px;margin-top: 20px;display: inline-block}



/*七大空间开始*/
.space{width: 100%;overflow: hidden}
.space-banner{width: 100%;position:relative;overflow: hidden;}
.space-title{width: 810px; margin:0 auto;overflow: hidden;position: relative}
.space-title>p{font-size: 24px;width:72px;color: #000;text-align:center;float: left;margin-right: 43px;padding: 0 0 14px 0;cursor: pointer;position: relative;overflow: hidden;padding-bottom: 20px}
.space-title>p:last-child{margin-right: 0}
.float{;display:block;background: #dc0000;position: absolute; height:6px; width: 9%;margin-top: 15px;bottom: 0}
.space-banner-all{width:100%;position: relative;}
.space-list{width:100%;height: 100%;position: absolute;left:-100%}
.space-img{width: 100%;height: 100%;}
.space-img img{display: block;width: 100%;height: 100%}
.space-show{position: absolute;width: 50%;height: 100%;right: 0;top: 0;background: rgba(0,0,0,0.6)}
.space-content{margin-left: 60px;width: 310px;}
.space-content p{font-size: 24px;color: #fff;display: inline-block;margin:10px 0}
.space-word{padding: 8px 20px;background:#dc0000 }
.space-content span{font-size: 16px;color: #fff;line-height: 24px;display: block;padding: 5px 0;text-align: left}
.space-content em{display: block;width: 50px;height: 4px;background: #dc0000;margin: 20px 0 5px 0}
.space-content i{font-style: normal;font-size: 16px;color: #fff;line-height: 24px;display: block;float: left;margin-right: 30px;text-align: left}
.space-content i:last-child{margin-right: 0}
.rightB{  width:55px;height:74px;background: url("../image/click_01.jpg");position: absolute;right:15%;top:45%;cursor: pointer;display: none;  }
.leftB{  width:55px;height:74px;background: url("../image/click_00.png");position: absolute;left:15%;top:45%;cursor: pointer;display: none;  }

/*工程升级开始*/
.grade{width: 100%;background: url("../image/grade_06.jpg") no-repeat center;background-size: cover}
.grade-center{width: 1200px;height:524px;margin: 0 auto}
.grade-list{float: left;width: 390px;height: 524px;margin-right: 15px;position: relative;cursor: pointer;}
.grade-list:last-child{margin-right: 0}
.grade-list img{display: block;width: 100%}
.grade-shade{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);margin: 0 auto;transition: all 0.5s}
.grade-shade>span{display:block;width:105px;height:105px;font-size: 60px;text-align: center;margin:0 auto;margin-top: 187px;color: #fff;border: 1px solid #fff;line-height: 103px}
.grade-shade>p{margin-top: 20px;font-size: 24px;text-align: center;color: #fff;}
.grade-shade>p i{font-style: normal;color: #dc0000}
.grade-none{  position: absolute;left: 0;right: 0;margin:  auto; top: 50%;  display: none;transition: all 0.5s;transform: rotateY(180deg) translateY(-50%);-webkit-transform: rotateY(180deg) translateY(-50%);-moz-transform: rotateY(180deg) translateY(-50%)}
.grade-none1{width: 230px;}
.grade-none2{width: 160px;}
.grade-none3{width: 250px;}
.grade-none h2{display: block;font-style: normal;font-size: 48px;color: #fff;text-align: center;padding-bottom: 10px}
.grade-none p{font-size: 24px;color: #dc0000;text-align: center;}
.grade-none span{display: block;font-size: 20px;color: #fff;padding-top: 10px}
.grade-none i{display: block;font-size: 16px;color: #fff;text-align: left;line-height: 20px;padding-top: 10px}
.grade-list:hover .grade-shade{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transition: all 0.5s}
.grade-list:hover .grade-shade>span,.grade-list:hover .grade-shade p{display: none}
.grade-list:hover .grade-none{display: block}


/*6大理由*/
.reason-img{width: 100%;overflow: hidden}
.reason-img img{display: block;width: 90%;margin: 0 auto}

/*6大承诺开始*/
.commit{width: 100%}
.commit-img{width: 100%;position: relative}
.commit-img>img{display: block;width: 100%}
.commit-shade{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.64)}
.commit-icon{width: fit-content;  width: -webkit-fit-content;  width: -moz-fit-content;  margin: auto;margin-top:6%}
.commit-list{float: left;margin-right: 90px;width: 133px}
.commit-list:last-child{margin-right: 0;}
.commit-list>img{width: 93px;height: 93px;margin: 0 auto;display: block}
.commit-list p{font-size: 24px;text-align: center;color: #fff;margin-top: 30px}
.commit-list span{display: block;font-size: 16px;text-align: center;color: #fff;margin-top: 20px}