@charset "utf-8";

/* CSS Document */

/*pc*/



.formbtn .pc { }

.formbtn .pc button { display: block; margin: 0 auto; border: none; }

.formbtn .pc mip-img { width: 10.9rem; height: auto; margin: 0 auto; }

.formbtn .pc mip-img img { width: 10.9rem; height: auto; }

.formbtn .pc .lightbox { width: 4.15rem; height: 3.2rem; background-color: #fff; border-radius: 0.1rem; padding: 0.3rem 0.4rem; position: relative; left: 50%; margin-left: -2.07rem; margin-top: 2rem; }

.formbtn .pc .lightbox .title { font-size: 0.21rem; text-align: center; line-height: 0.4rem; }

.formbtn .pc .lightbox .sub { font-size: 0.14rem; text-align: center; line-height: 0.3rem; color: #999999; margin-bottom: 0.1rem; }

.formbtn .pc .lightbox mip-form span { font-size: 0.17rem; display: inline-block; vertical-align: middle; margin-right: 0.1rem; margin-left: 0.3rem; margin-top: 0.1rem; margin-bottom: 0.1rem }

.formbtn .pc .lightbox mip-form input { font-size: 0.17rem; display: inline-block; vertical-align: middle; margin-top: 0.1rem; margin-bottom: 0.1rem; border-radius: 0.1rem; overflow: hidden; }

.formbtn .pc .lightbox mip-form .submit { width: 1rem; height: 0.4rem; line-height: 0.4rem; border-radius: 0.2rem; background-color: #fee840; text-align: center; color: #000; padding: 0; margin: 0.15rem auto; display: block }

.formbtn .pc .lightbox-close { position: absolute; top: 0.03rem; right: 0.06rem; font-size: 0.3rem; color: #000; }

/*pc热门产品*/

.hot .pc { padding:1.1rem 0 0 0; }

.hot .pc img { object-fit: cover; }

.hot .pc .cpk { width: 100%; line-height: 0.6rem; font-size: 0.25rem; position: relative; height:7.8rem; }

.hot .pc .cpk li { position: absolute;overflow: hidden;border-radius: 10px;}

.hot .pc .cpk li h4 { width: 100%; text-align: left; height: 0.53rem; line-height: 0.53rem; text-indent: 0.2rem; font-size: 0.25rem; color: #fff; background: rgba(9,9,9,.8);font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:absolute; bottom: 0; left: 0; }



.hot .pc .cpk li h3 {font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:absolute; top: 0; left: 0; width: 2.05rem; height: 0.56rem; background:url(../images/hong.png) no-repeat; background-size: 2.05rem 0.56rem; line-height: 0.56rem; font-size: 0.24rem; z-index: 5; color: #fff; text-indent: 0.5rem; }



.hot .pc .cpk li:nth-child(1) { width:5.93rem; height:4.45rem; position: absolute; left: 0; top: 0; border-radius: 10px; }

.hot .pc .cpk li:nth-child(1) mip-img {width:5.93rem; height:4.45rem; border-radius: 10px;}



.hot .pc .cpk li:nth-child(2) { width: 5.93rem; height:4.45rem;  position: absolute; right:0; top: 0;border-radius: 10px; }

.hot .pc .cpk li:nth-child(2) mip-img {width: 5.93rem; height:4.45rem;  border-radius: 10px;}



.hot .pc .cpk li:nth-child(3) { width:3.89rem; height:2.92rem; position: absolute; left: 0rem; top:4.6rem; border-radius: 10px;}

.hot .pc .cpk li:nth-child(3) mip-img { width:3.89rem; height:2.92rem;border-radius: 10px; }

.hot .pc .cpk li:nth-child(3) h3 {font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:absolute; top: 0; left: 0; width:1.67rem; height: 0.45rem; background:url(../images/icon6.png) no-repeat; background-size: 1.67rem 0.45rem; line-height: 0.45rem; font-size: 0.24rem; z-index: 5; color: #fff; text-indent: 0.3rem; }



.hot .pc .cpk li:nth-child(4) { width:3.89rem; height:2.92rem; position: absolute; left: 4.08rem;top:4.6rem; border-radius: 10px;}

.hot .pc .cpk li:nth-child(4) mip-img {width:3.89rem; height:2.92rem;border-radius: 10px;}

.hot .pc .cpk li:nth-child(4) h3 {font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:absolute; top: 0; left: 0; width:1.67rem; height: 0.45rem; background:url(../images/icon6.png) no-repeat; background-size: 1.67rem 0.45rem; line-height: 0.45rem; font-size: 0.24rem; z-index: 5; color: #fff; text-indent: 0.3rem; }



.hot .pc .cpk li:nth-child(5) { width:3.89rem; height:2.92rem; position: absolute; right:0rem;top:4.6rem; border-radius: 10px;}

.hot .pc .cpk li:nth-child(5) mip-img {  width:3.89rem; height:2.92rem;border-radius: 10px;}

.hot .pc .cpk li:nth-child(5) h3 {font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:absolute; top: 0; left: 0; width:1.67rem; height: 0.45rem; background:url(../images/icon6.png) no-repeat; background-size: 1.67rem 0.45rem; line-height: 0.45rem; font-size: 0.24rem; z-index: 5; color: #fff; text-indent: 0.3rem; }



.hot .pc .more { width: 3.02rem; height: 0.83rem; line-height: 0.85rem; text-align: center; background-color: #feec3e; color: #1a1a1a; font-size: 0.38rem; border-radius: 0.2rem; margin: 0.4rem auto; display: block; }

.work .pc .worktop { padding: 0.2rem; text-align: center; }

.work .pc .worktop .topbox { width: 5.46rem; height: 2.77rem; display: inline-block; vertical-align: middle; border-radius: 0.1rem; margin: 0 0.1rem; background-image: url(../images/worktop.jpg); background-size: 100% 100%; background-repeat: no-repeat; padding: 0.5rem; text-align: left }

.work .pc .worktop .topbox .tit { font-size: 0.47rem; color: #000; line-height: 1rem; }

.work .pc .worktop .topbox .intro { font-size: 0.38rem; color: #999999; }

.work .pc .workbg { margin-top: 0.5rem; position: relative; padding-bottom: 4.3rem; background-color: #f7f7f7; }

.work .pc .workbg>mip-img { width: 100%; height: 7.13rem; }

.work .pc .workbg .carousel { position: absolute; width: 100%; padding: 0.2rem; margin-top: -1rem; }

.work .pc .workbg .carousel .box { }

.work .pc .workbg .carousel .box a { width: 9.43rem; height: 2.97rem; background-color: #fff; margin-left: 0.4rem; overflow: hidden; display: block; margin: 0 auto; border-radius: 0.1rem; padding: 0.4rem; }

.work .pc .workbg .carousel .box a .title { font-size: 0.47rem; color: #1a1a1a; line-height: 1rem }

.work .pc .workbg .carousel .box a .intro { font-size: 0.38rem; color: #666666; }

.work .pc .workdown .more { width: 3.02rem; height: 0.83rem; line-height: 0.85rem; text-align: center; background-color: #feec3e; color: #1a1a1a; font-size: 0.38rem; position: absolute; bottom: 0.5rem; left: 50%; margin-left: -1.5rem; border-radius: 0.2rem; display: block; }

.friends .pc .maintitle {  padding-bottom: 0.2rem; }



/*ipad*/

.formbtn .ipad { }

.formbtn .ipad button { display: block; margin: 0 auto; border: none; }

.formbtn .ipad mip-img { width: 9.46rem; height: auto; margin: 0 auto; }

.formbtn .ipad mip-img img { width: 9.46rem; height: auto; }

.formbtn .ipad .lightbox { width: 6rem; height: 4rem; background-color: #fff; border-radius: 0.1rem; padding: 0.3rem 0.4rem; position: relative; left: 50%; margin-left: -3rem; margin-top: 2rem }

.formbtn .ipad .lightbox .title { font-size: 0.3rem; text-align: center; line-height: 0.5rem; }

.formbtn .ipad .lightbox .sub { font-size: 0.2rem; text-align: center; line-height: 0.4rem; color: #999999; margin-bottom: 0.1rem; }

.formbtn .ipad .lightbox mip-form span { font-size: 0.2rem; display: inline-block; vertical-align: middle; margin-right: 0.1rem; margin-left: 0.3rem; margin-top: 0.1rem; margin-bottom: 0.1rem }

.formbtn .ipad .lightbox mip-form input { width: 4rem; font-size: 0.2rem; display: inline-block; vertical-align: middle; margin-top: 0.1rem; margin-bottom: 0.1rem; border-radius: 0.1rem; overflow: hidden; }

.formbtn .ipad .lightbox mip-form .submit { width: 1.5rem; height: 0.6rem; line-height: 0.6rem; border-radius: 0.3rem; background-color: #fee840; text-align: center; color: #000; padding: 0; margin: 0.15rem auto; display: block }

.formbtn .ipad .lightbox-close { position: absolute; top: 0.03rem; right: 0.06rem; font-size: 0.3rem; color: #000; }

/*ipad热门产品*/

.hot .ipad { padding: 0.3rem 0; }

.hot .ipad img { object-fit: cover; }

.hot .ipad .cpk { width: 9.31rem; font-size: 0.25rem; position: relative; height:7.89rem; margin: 0 auto; }

.hot .ipad .cpk li { position: absolute; border-radius: 15px; overflow: hidden;}

.hot .ipad .cpk li h4 { width: 100%; text-align: left; height: 0.6rem; line-height: 0.6rem; text-indent: 0.2rem;  background: rgba(9,9,9,.8); font-size: 0.25rem; color: #fff; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:absolute; bottom: 0; left: 0;}

.hot .ipad .cpk li h3 {font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:absolute; top: 0; left: 0; width:1.85rem; height: 0.53rem; background:url(../images/hong.png) no-repeat; background-size:1.85rem 0.53rem; line-height: 0.56rem; font-size: 0.3rem; text-indent: 0.15rem; z-index: 5; color: #fff; }

.hot .ipad .cpk li:nth-child(1) { width: 9.31rem; height: 4.32rem; position: absolute; left: 0; top: 0; }

.hot .ipad .cpk li:nth-child(1) mip-img {  width: 9.31rem;height: 4.32rem; }

.hot .ipad .cpk li:nth-child(2) { width: 4.59rem; height: 3.44rem; position: absolute; right: 0; bottom: 0; }

.hot .ipad .cpk li:nth-child(2) mip-img {  width: 4.59rem; height: 3.44rem;}

.hot .ipad .cpk li:nth-child(3) { width: 4.59rem; height: 3.44rem; position: absolute; left: 0; bottom: 0; }

.hot .ipad .cpk li:nth-child(3) mip-img { width: 4.59rem; height: 3.44rem; }



.hot .ipad .more { width: 3.02rem; height: 0.83rem; line-height: 0.85rem; text-align: center; color: #171717; font-size: 0.38rem; border-radius: 0.2rem; margin: 0.8rem auto 0 auto; display: block; border: 1px #1b1b1b solid;}

.work .ipad .worktop { padding: 0.2rem 0.1rem; text-align: center; }

.work .ipad .worktop .topbox { width: 4.4rem; height: 2.3rem; display: inline-block; vertical-align: middle; border-radius: 0.1rem; margin: 0 0.05rem; background-image: url(../images/worktop.jpg); background-size: 100% 100%; background-repeat: no-repeat; padding: 0.5rem; text-align: left }

.work .ipad .worktop .topbox .tit { font-size: 0.4rem; color: #000; line-height: 0.8rem; }

.work .ipad .worktop .topbox .intro { font-size: 0.32rem; color: #999999; }

.work .ipad .workbg { margin-top: 0.5rem; position: relative; padding-bottom: 0.3rem; background-color: #f7f7f7; }

.work .ipad .workbg>mip-img { width: 100%; height: auto; }

.work .ipad .workbg>mip-img img { width: 100%; height: auto; }

.work .ipad .workbg .carousel { width: 100%; padding: 0.12rem; margin-top: -1rem }

.work .ipad .workbg .carousel .box { }

.work .ipad .workbg .carousel .box a { width: 9.43rem; height: 2.97rem; background-color: #fff; margin-left: 0.4rem; overflow: hidden; display: block; margin: 0 auto; border-radius: 0.1rem; padding: 0.3rem; }

.work .ipad .workbg .carousel .box a .title { font-size: 0.47rem; color: #1a1a1a; line-height: 1rem }

.work .ipad .workbg .carousel .box a .intro { font-size: 0.38rem; color: #666666; }

.work .ipad .workdown .more { width: 3.02rem; height: 0.83rem; line-height: 0.85rem; text-align: center; background-color: #feec3e; color: #1a1a1a; font-size: 0.38rem; border-radius: 0.2rem; margin: 0.4rem auto; display: block; }

.friends .ipad .maintitle { padding-top: 0.5rem; padding-bottom: 0.2rem; }



/*mobile*/

.formbtn .mobile { }



.formbtn .mobile button { display: block; margin: 0 auto; border: none; }

.formbtn .mobile mip-img { width: 6rem; height: auto; margin: 0 auto; }

.formbtn .mobile mip-img img { width: 6rem; height: auto; }

.formbtn .mobile .lightbox { width: 4.15rem; height: auto; background-color: #fff; border-radius: 0.1rem; padding: 0.3rem 0.4rem; position: relative; left: 50%; margin-left: -2.07rem; margin-top: 2rem }

.formbtn .mobile .lightbox .title { font-size: 0.21rem; text-align: center; line-height: 0.4rem; }

.formbtn .mobile .lightbox .sub { font-size: 0.14rem; text-align: center; line-height: 0.3rem; color: #999999; margin-bottom: 0.1rem; }

.formbtn .mobile .lightbox mip-form input { width: 100%; font-size: 0.17rem; display: inline-block; vertical-align: middle; margin-top: 0.1rem; margin-bottom: 0.1rem; border-radius: 0.1rem; overflow: hidden; }

.formbtn .mobile .lightbox mip-form .submit { width: 1rem; height: 0.4rem; line-height: 0.4rem; border-radius: 0.2rem; background-color: #fee840; text-align: center; color: #000; padding: 0; margin: 0.15rem auto; display: block }

.formbtn .mobile .lightbox-close { position: absolute; top: 0.03rem; right: 0.06rem; font-size: 0.3rem; color: #000; }

/*mobile热门产品*/

.hot .mobile {}

.hot .mobile img { object-fit: cover; }

.hot .mobile .cpk { width: 5.82rem; font-size: 0.25rem; position: relative; height:4.93rem; margin: 0 auto; }

.hot .mobile .cpk li { position: absolute; border-radius: 5px; overflow: hidden;}

.hot .mobile .cpk li h3 {font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:absolute; top: 0; left: 0; width:1.17rem; height: 0.34rem; background:url(../images/hong.png) no-repeat; background-size:1.17rem 0.34rem; line-height: 0.34rem; font-size: 0.18rem; text-indent: 0.15rem; z-index: 5; color: #fff; }

.hot .mobile .cpk li h4 { width: 100%; text-align: left; height: 0.4rem; line-height: 0.4rem; text-indent: 0.2rem;  background: rgba(9,9,9,.8);font-size: 0.25rem; color: #fff; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:absolute; left: 0; bottom: 0;}

.hot .mobile .cpk li:nth-child(1) { width: 5.82rem; height:2.69rem; position: absolute; left: 0; top: 0; border-radius: 5px;  }

.hot .mobile .cpk li:nth-child(1) mip-img {  width: 5.82rem; height:2.69rem; border-radius: 5px; }

.hot .mobile .cpk li:nth-child(2) { width: 2.88rem;  height:2.16rem;  position: absolute; right: 0; bottom: 0; border-radius: 5px;  }

.hot .mobile .cpk li:nth-child(2) mip-img { width: 2.88rem;  height:2.16rem;  border-radius: 5px; }

.hot .mobile .cpk li:nth-child(3) { width: 2.88rem; height:2.16rem; position: absolute; left: 0; bottom: 0; border-radius: 5px;  }

.hot .mobile .cpk li:nth-child(3) mip-img { width: 2.88rem; height:2.16rem;  border-radius: 5px; }



.hot .mobile .more { width: 1.64rem; height: 0.46rem; line-height: 0.46rem; text-align: center; background-color: #dbdbdb; color: #171717; font-size: 0.21rem; border-radius: 0.08rem; margin: 0.5rem auto; display: block; }

.work .mobile .worktop { padding: 0.2rem 0.1rem; text-align: center; }

.work .mobile .worktop .topbox { width: 2.8rem; height: 1.45rem; display: inline-block; vertical-align: middle; border-radius: 0.1rem; margin: 0 0.05rem; background-image: url(../images/worktop.jpg); background-size: 100% 100%; background-repeat: no-repeat; padding: 0.25rem; text-align: left }

.work .mobile .worktop .topbox .tit { font-size: 0.25rem; color: #000; line-height: 0.6rem; }

.work .mobile .worktop .topbox .intro { font-size: 0.21rem; color: #999999; }

.work .mobile .workbg { margin-top: 0.3rem; position: relative; padding-bottom: 0.3rem; background-color: #f7f7f7; }

.work .mobile .workbg>mip-img { width: 100%; height: auto; }

.work .mobile .workbg>mip-img img { width: 100%; height: auto; }

.work .mobile .workbg .carousel { width: 100%; padding: 0.12rem; margin-top: -1rem }

.work .mobile .workbg .carousel .box { }

.work .mobile .workbg .carousel .box a { width: 5.5rem; height: 1.6rem; background-color: #fff; margin-left: 0.4rem; overflow: hidden; display: block; margin: 0 auto; border-radius: 0.1rem; padding: 0.2rem; }

.work .mobile .workbg .carousel .box a .title { font-size: 0.25rem; color: #1a1a1a; line-height: 0.5rem }

.work .mobile .workbg .carousel .box a .intro { font-size: 0.21rem; color: #666666; }

.work .mobile .workdown .more { width: 1.64rem; height: 0.46rem; line-height: 0.46rem; text-align: center; background-color: #feec3e; color: #1a1a1a; font-size: 0.21rem; border-radius: 0.23rem; margin: 0.2rem auto; display: block; }

.friends .mobile .maintitle { padding-top: 0.5rem; padding-bottom: 0.2rem; }



/*pc农家火炕·舒适标间·华丽尊享*/

.install .pc { padding: 0.5rem 0; }

.install .pc .inlist { width: 100%; margin: 0.28rem auto 0 auto; height:11.19rem; position: relative; }

.install .pc .inlist li{ position:absolute;}

.install .pc .inlist li:nth-child(1) { width: 5.92rem; height:4.45rem; position: absolute; left: 0; top: 0; border-radius:10px; overflow: hidden; }

.install .pc .inlist li:nth-child(1) mip-img {width: 5.92rem; height:4.45rem; border-radius: 10px; }

.install .pc .inlist li:nth-child(1) .bt{ width: 100% ;z-index: 5; height: 1.01rem;  background: rgba(9,9,9,.8); position: absolute; left: 0; bottom: 0;}

.install .pc .inlist li:nth-child(1) .bt h4{ width:93%; padding-top: 2%;padding-left:5%; padding-right: 2%; font-size: 0.24rem; color: #fff; line-height: 0.4rem; font-size: 0.3rem; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;display: -webkit-box; }

.install .pc .inlist li:nth-child(1) .bt h3{ width:93%; padding-top:0.5%;padding-left:5%; padding-right: 2%; font-size: 0.24rem; color: #fff; line-height: 0.4rem; font-weight: normal; }

.install .pc .inlist li:nth-child(2) { width: 5.92rem; height:4.45rem; position: absolute; right: 0; top: 0; border-radius:10px; overflow: hidden; }

.install .pc .inlist li:nth-child(2) mip-img {width: 5.92rem; height:4.45rem; border-radius: 10px; }

.install .pc .inlist li:nth-child(2) .bt{ width: 100% ;z-index: 5; height: 1.01rem;  background: rgba(9,9,9,.8); position: absolute; left: 0; bottom: 0;}

.install .pc .inlist li:nth-child(2) .bt h4{ width:93%; padding-top: 2%;padding-left:5%; padding-right: 2%; font-size: 0.24rem; color: #fff; line-height: 0.4rem; font-size: 0.3rem; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;display: -webkit-box; }

.install .pc .inlist li:nth-child(2) .bt h3{ width:93%; padding-top:0.5%;padding-left:5%; padding-right: 2%; font-size: 0.24rem; color: #fff; line-height: 0.4rem; font-weight: normal; }



.install .pc .inlist li:nth-child(3) { width:3.9rem; height:4rem; position: absolute; left: 0; top:4.68rem;}

.install .pc .inlist li:nth-child(3) mip-img {width:3.9rem; height:2.93rem; border-radius: 10px; overflow:hidden;margin: 0 auto;}

.install .pc .inlist li:nth-child(3) .bt{ width: 100% ; position: relative; height: 1.01rem; margin: 0 auto; }

.install .pc .inlist li:nth-child(3) .bt h4{ width:93%; padding-top: 2%;padding-left:5%; padding-right: 2%; font-size: 0.24rem; color: #0d0d0d; line-height: 0.4rem; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;display: -webkit-box; }

.install .pc .inlist li:nth-child(3) .bt h3{ width:93%; padding-top:0.5%;padding-left:5%; padding-right: 2%; font-size: 0.18rem; color: #fd0000; line-height: 0.4rem; font-weight: normal; }

.install .pc .inlist li:nth-child(3) .bt h3 span{ font-size: 0.3rem}





.install .pc .inlist li:nth-child(4) { width:3.9rem; height:4rem; position: absolute; left:4.06rem; top:4.68rem;}

.install .pc .inlist li:nth-child(4) mip-img {width:3.9rem; height:2.93rem; border-radius: 10px; overflow:hidden;margin: 0 auto;}

.install .pc .inlist li:nth-child(4) .bt{ width: 100% ; position: relative; height: 1.01rem; margin: 0 auto; }

.install .pc .inlist li:nth-child(4) .bt h4{ width:93%; padding-top: 2%;padding-left:5%; padding-right: 2%; font-size: 0.24rem; color: #0d0d0d; line-height: 0.4rem; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;display: -webkit-box; }

.install .pc .inlist li:nth-child(4) .bt h3{ width:93%; padding-top:0.5%;padding-left:5%; padding-right: 2%; font-size: 0.18rem; color: #fd0000; line-height: 0.4rem; font-weight: normal; }

.install .pc .inlist li:nth-child(4) .bt h3 span{ font-size: 0.3rem}





.install .pc .inlist li:nth-child(5) { width:3.9rem; height:4rem; position: absolute; right:0; top:4.68rem;}

.install .pc .inlist li:nth-child(5) mip-img {width:3.9rem; height:2.93rem; border-radius: 10px; overflow:hidden;margin: 0 auto;}

.install .pc .inlist li:nth-child(5) .bt{ width: 100% ; position: relative; height: 1.01rem; margin: 0 auto; }

.install .pc .inlist li:nth-child(5) .bt h4{ width:93%; padding-top: 2%;padding-left:5%; padding-right: 2%; font-size: 0.24rem; color: #0d0d0d; line-height: 0.4rem; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;display: -webkit-box; }

.install .pc .inlist li:nth-child(5) .bt h3{ width:93%; padding-top:0.5%;padding-left:5%; padding-right: 2%; font-size: 0.18rem; color: #fd0000; line-height: 0.4rem; font-weight: normal; }

.install .pc .inlist li:nth-child(5) .bt h3 span{ font-size: 0.3rem}





.install .pc .inlist li:nth-child(6) { width:2.94rem; height:2.2rem; position: absolute; left:0; bottom:0;border-radius: 10px; overflow:hidden;}

.install .pc .inlist li:nth-child(6) mip-img { width:2.94rem; height:2.2rem; border-radius: 10px;}



.install .pc .inlist li:nth-child(7) { width:2.94rem; height:2.2rem; position: absolute; left:3.02rem; bottom:0;border-radius: 10px; overflow:hidden;}

.install .pc .inlist li:nth-child(7) mip-img { width:2.94rem; height:2.2rem; border-radius: 10px;}



.install .pc .inlist li:nth-child(8) { width:2.94rem; height:2.2rem; position: absolute; left:6.06rem;  bottom:0;border-radius: 10px; overflow:hidden;}

.install .pc .inlist li:nth-child(8) mip-img { width:2.94rem; height:2.2rem; border-radius: 10px;}



.install .pc .inlist li:nth-child(9) { width:2.94rem; height:2.2rem; position: absolute; right:0;  bottom:0;border-radius: 10px; overflow:hidden;}

.install .pc .inlist li:nth-child(9) mip-img { width:2.94rem; height:2.2rem; border-radius: 10px;}

/*ipad农家火炕·舒适标间·华丽尊享*/

.install .ipad { padding: 0.3rem 0;}

.install .ipad .inlist { width: 9.3rem; margin:0.4rem auto 0 auto; position: relative; height: 11.94rem; }

.install .ipad .inlist li:nth-child(1) { width: 9.3rem;height:4.31rem; position: absolute; left: 0; top: 0; border-radius:10px; overflow: hidden; }

.install .ipad .inlist li:nth-child(1) mip-img { width: 9.3rem; height:4.31rem; border-radius: 10px; }

.install .ipad .inlist li:nth-child(1) .bt{ width: 100% ;z-index: 5; height: 1.01rem;  background: rgba(9,9,9,.8); position: absolute; left: 0; bottom: 0;}

.install .ipad .inlist li:nth-child(1) .bt h4{ width:50%;padding-left:5%; padding-right: 2%; font-size: 0.24rem; color: #fff;  height: 1.01rem; line-height: 1.01rem; font-size: 0.3rem; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;display: -webkit-box; float: left; }

.install .ipad .inlist li:nth-child(1) .bt h3{ width:40%;  height: 1.01rem; line-height: 1.01rem;padding-right:5%;font-size: 0.28rem; color: #fff; font-weight: normal; float:right; color: #939291; text-align: right; }



.install .ipad .inlist li:nth-child(2) { width:4.62rem; height:5.03rem; position: absolute; left: 0; top:4.58rem;}

.install .ipad .inlist li:nth-child(2) mip-img {width:4.62rem; height:3.45rem;  border-radius: 10px; overflow:hidden;margin: 0 auto;}

.install .ipad .inlist li:nth-child(2) .bt{ width: 100% ; position: relative; height: 1.01rem; margin: 0 auto; }

.install .ipad .inlist li:nth-child(2) .bt h4{ width:93%; padding-top: 2%;padding-left:5%; padding-right: 2%; font-size: 0.32rem; color: #0d0d0d; line-height: 0.4rem; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;display: -webkit-box; }

.install .ipad .inlist li:nth-child(2) .bt h3{ width:93%; padding-top:0.5%;padding-left:5%; padding-right: 2%; font-size: 0.28rem; color: #fd0000; line-height: 0.4rem; font-weight: normal; }

.install .ipad .inlist li:nth-child(2) .bt h3 span{ font-size: 0.42rem}





.install .ipad .inlist li:nth-child(3) { width:4.62rem; height:5.03rem; position: absolute; right: 0; top:4.58rem;}

.install .ipad .inlist li:nth-child(3) mip-img {width:4.62rem; height:3.45rem; border-radius: 10px; overflow:hidden;margin: 0 auto;}

.install .ipad .inlist li:nth-child(3) .bt{ width: 100% ; position: relative; height: 1.01rem; margin: 0 auto; }

.install .ipad .inlist li:nth-child(3) .bt h4{ width:93%; padding-top: 2%;padding-left:5%; padding-right: 2%; font-size: 0.32rem; color: #0d0d0d; line-height: 0.4rem; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;display: -webkit-box; }

.install .ipad .inlist li:nth-child(3) .bt h3{ width:93%; padding-top:0.5%;padding-left:5%; padding-right: 2%; font-size: 0.28rem; color: #fd0000; line-height: 0.4rem; font-weight: normal; }

.install .ipad .inlist li:nth-child(3) .bt h3 span{ font-size: 0.42rem}







.install .ipad .inlist li:nth-child(4) { width:2.94rem; height:2.2rem; position: absolute; left:0; bottom:0;border-radius: 10px; overflow:hidden;}

.install .ipad .inlist li:nth-child(4) mip-img { width:2.94rem; height:2.2rem; border-radius: 10px;}



.install .ipad .inlist li:nth-child(5) { width:2.94rem; height:2.2rem; position: absolute; left:3.2rem; bottom:0;border-radius: 10px; overflow:hidden;}

.install .ipad .inlist li:nth-child(5) mip-img { width:2.94rem; height:2.2rem; border-radius: 10px;}



.install .ipad .inlist li:nth-child(6) { width:2.94rem; height:2.2rem; position: absolute; right:0;  bottom:0;border-radius: 10px; overflow:hidden;}

.install .ipad .inlist li:nth-child(6) mip-img { width:2.94rem; height:2.2rem; border-radius: 10px;}





.install .ipad .more { width: 3.02rem; height: 0.83rem; line-height: 0.85rem; text-align: center; color: #171717; font-size: 0.38rem; border-radius: 0.2rem; margin: 0.8rem auto 0 auto; display: block; border: 1px #1b1b1b solid;}

/*mobile农家火炕·舒适标间·华丽尊享*/

.install .mobile {}

.install .mobile .inlist { width:5.82rem; margin: 0 auto;background: url(../images/xian.jpg) no-repeat; background-size: 100% auto; background-position: left top;  }

.install .mobile .inlist {width:5.82rem; margin:0.4rem auto 0 auto; position: relative; height:7.46rem; }

.install .mobile .inlist li:nth-child(1) {width:5.82rem; height:2.6rem; position: absolute; left: 0; top: 0; border-radius:10px; overflow: hidden; }

.install .mobile .inlist li:nth-child(1) mip-img {width:5.82rem; height:2.6rem; border-radius: 10px; }

.install .mobile .inlist li:nth-child(1) .bt{ width: 100% ;z-index: 5; height:0.65rem;  background: rgba(9,9,9,.8); position: absolute; left: 0; bottom: 0;}

.install .mobile .inlist li:nth-child(1) .bt h4{ width:50%;padding-left:5%; padding-right: 2%; font-size: 0.24rem; color: #fff;  height: 0.65rem; line-height: 0.65rem; font-size: 0.3rem; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;display: -webkit-box; float: left; }

.install .mobile .inlist li:nth-child(1) .bt h3{ width:40%;  height:0.65rem;line-height: 0.65rem;padding-right:5%;font-size: 0.28rem; color: #fff; font-weight: normal; float:right; color: #939291; text-align: right; }



.install .mobile .inlist li:nth-child(2) { width:2.88rem; height:3.14rem; position: absolute; left: 0; top:2.86rem;}

.install .mobile .inlist li:nth-child(2) mip-img {width:2.88rem; height:2.16rem;  border-radius: 10px; overflow:hidden;margin: 0 auto;}

.install .mobile .inlist li:nth-child(2) .bt{ width: 100% ; position: relative; height: 1.01rem; margin: 0 auto; }

.install .mobile .inlist li:nth-child(2) .bt h4{ width:93%; padding-top: 2%;padding-left:5%; padding-right: 2%; font-size: 0.20rem; color: #0d0d0d; line-height: 0.4rem; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;display: -webkit-box; }

.install .mobile .inlist li:nth-child(2) .bt h3{ width:93%; padding-top:0.5%;padding-left:5%; padding-right: 2%; font-size: 0.24rem; color: #fd0000; line-height: 0.4rem; font-weight: normal; }

.install .mobile .inlist li:nth-child(2) .bt h3 span{ font-size: 0.32rem}





.install .mobile .inlist li:nth-child(3) { width:2.88rem; height:3.14rem;position: absolute; right: 0; top:2.86rem;}

.install .mobile .inlist li:nth-child(3) mip-img {width:2.88rem; height:2.16rem;border-radius: 10px; overflow:hidden;margin: 0 auto;}

.install .mobile .inlist li:nth-child(3) .bt{ width: 100% ; position: relative; height: 1.01rem; margin: 0 auto; }

.install .mobile .inlist li:nth-child(3) .bt h4{ width:93%; padding-top: 2%;padding-left:5%; padding-right: 2%; font-size: 0.20rem; color: #0d0d0d; line-height: 0.4rem; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;display: -webkit-box; }

.install .mobile .inlist li:nth-child(3) .bt h3{ width:93%; padding-top:0.5%;padding-left:5%; padding-right: 2%; font-size: 0.24rem; color: #fd0000; line-height: 0.4rem; font-weight: normal; }

.install .mobile .inlist li:nth-child(3) .bt h3 span{ font-size: 0.32rem}







.install .mobile .inlist li:nth-child(4) { width:1.94rem; height:1.45rem; position: absolute; left:0; bottom:0;border-radius: 10px; overflow:hidden;}

.install .mobile .inlist li:nth-child(4) mip-img {width:1.94rem; height:1.45rem;border-radius: 10px;}



.install .mobile .inlist li:nth-child(5) {width:1.84rem; height:1.45rem;position: absolute; left:1.99rem; bottom:0;border-radius: 10px; overflow:hidden;}

.install .mobile .inlist li:nth-child(5) mip-img { width:1.84rem; height:1.45rem; border-radius: 10px;}



.install .mobile .inlist li:nth-child(6) { width:1.94rem; height:1.45rem; position: absolute; right:0;  bottom:0;border-radius: 10px; overflow:hidden;}

.install .mobile .inlist li:nth-child(6) mip-img { width:1.94rem; height:1.45rem;border-radius: 10px;}







.install .mobile .more {    width: 1.64rem;

    height: 0.46rem;

    line-height: 0.46rem;

    text-align: center;

    background-color: #dbdbdb;

    color: #171717;

    font-size: 0.21rem;

    border-radius: 0.08rem;

    margin: 0.5rem auto;

    display: block;}



/*PC工程案例*/

.case .pc { padding:0 0 0.5rem 0; }

.case .pc .caseul{ width: 100%;}

.case .pc .caseul li{ width: 3.91rem; height: 2.93rem; float: left; margin-right:0.03rem; margin-left:0.06rem; margin-bottom: 0.12rem; position: relative;overflow: hidden;}

.case .pc .caseul li .imer{width: 3.91rem; height: 2.93rem; border-radius: 10px; }

.case .pc .caseul li .imer mip-img {width: 3.91rem; height: 2.93rem;border-radius: 10px; overflow: hidden;}

.case .pc .caseul li h4{ width:100%; border-radius: 10px; z-index: 5; height: 0.84rem; line-height:1rem; font-size: 0.24rem; font-weight: normal; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;-webkit-line-clamp:1;overflow: hidden; position: absolute; background: url(../images/yin.png) no-repeat; bottom: 0; left: 0; color: #fff; text-indent:0.2rem;}

.case .pc .caseul li h6{ width: 1.98rem; height: 0.56rem; background: url(../images/meishi.png) no-repeat; background-size: 1.98rem 0.56rem; position: absolute; left: 0; top:0; line-height: 0.56rem; z-index: 5; border-radius: 10px 0 0 0; }

.case .pc  .more {    width: 1.64rem;

    height: 0.46rem;

    line-height: 0.46rem;

    text-align: center;

    border: 1px #090909 solid;

    color: #171717;

    font-size: 0.21rem;

    border-radius: 0.15rem;

    margin: 0.5rem auto;

    display: block;}











/*ipad安装详解*/

.case .ipad { padding: 0 0 0.8rem 0; }

.case .ipad .caseul{ width: 9.3rem; margin:0 auto;}

.case .ipad .caseul li{ width: 3.04rem; height: 2.93rem; float: left; margin-right:0.03rem; margin-left:0.03rem; margin-bottom: 0.12rem; position: relative;overflow: hidden;}

.case .ipad .caseul li .imer{ width: 3.04rem; height: 2.93rem;  border-radius: 10px; }

.case .ipad .caseul li .imer mip-img { width: 3.04rem; height: 2.93rem; border-radius: 10px; overflow: hidden;}

.case .ipad .caseul li h4{ width:100%; border-radius: 10px; z-index: 5; height: 0.84rem; line-height:1rem; font-size: 0.24rem; font-weight: normal; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;-webkit-line-clamp:1;overflow: hidden; position: absolute; background: url(../images/yin.png) no-repeat; bottom: 0; left: 0; color: #fff; text-indent:0.2rem;}

.case .ipad .caseul li h6{ width: 1.98rem; height: 0.56rem; background: url(../images/meishi.png) no-repeat; background-size: 1.98rem 0.56rem; position: absolute; left: 0; top:0; line-height: 0.56rem; z-index: 5; border-radius: 10px 0 0 0; }

.case .ipad .more { width: 3.02rem; height: 0.83rem; line-height: 0.85rem; text-align: center; color: #171717; font-size: 0.38rem; border-radius: 0.2rem; margin: 0.8rem auto 0 auto; display: block; border: 1px #1b1b1b solid;}





/*mobile安装详解*/

.case .mobile { padding:0; }

.case .mobile .caseul{ width: 5.82rem; margin:0 auto;}

.case .mobile .caseul li{ width:1.9rem; height:1.43rem; float: left; margin-right:0.02rem; margin-left:0.02rem; margin-bottom: 0.12rem; position: relative;overflow: hidden;}

.case .mobile .caseul li .imer{  width:1.9rem; height:1.43rem; border-radius: 10px; }

.case .mobile .caseul li .imer mip-img {  width:1.9rem; height:1.43rem; border-radius: 10px; overflow: hidden;}

.case .mobile .caseul li h4{ width:100%; border-radius: 10px; z-index: 5; height: 0.39rem; line-height: 0.39rem; font-size: 0.24rem; font-weight: normal; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;-webkit-line-clamp:1;overflow: hidden; position: absolute; background: url(../images/yin.png) no-repeat; bottom: 0; left: 0; color: #fff; text-indent:0.2rem;}

.case .mobile .caseul li h6{ width: 1.98rem; height: 0.56rem; background: url(../images/meishi.png) no-repeat; background-size: 1.16rem 0.31rem; position: absolute; left: 0; top:0; line-height: 0.31rem; z-index: 5; border-radius: 10px 0 0 0; }



.case .mobile .more {    width: 1.64rem;

    height: 0.46rem;

    line-height: 0.46rem;

    text-align: center;

    background-color: #dbdbdb;

    color: #171717;

    font-size: 0.21rem;

    border-radius: 0.08rem;

    margin: 0.5rem auto;

    display: block;}



/*PC地图*/

.ditu .pc { width: 100%; height:7.8rem; padding-top:2.6rem; background-size: cover;}

.ditu .pc .lan{ width: 12.81rem; height: 5.12rem; background:url(../images/lan.png) no-repeat top center;background-size:12.81rem 5.12rem; margin: 0 auto;}

.ditu .pc .lan .tuimg{ width:4.78rem; height: 2.69rem; border-radius: 10px; border: 2px #fff solid; float: left; overflow: hidden; margin-left: 0.73rem; margin-top:1.3rem;float: left;}

.ditu .pc .lan .tuimg mip-video {width:4.78rem; height: 2.69rem; border-radius: 10px;}

.ditu .pc .lan .tuleft{ float: left; padding-left: 0.68rem; width: 5.32rem; padding-top: 1.33rem;}

.ditu .pc .lan .tuleft h4{ font-weight: normal; font-size: 0.3rem; color: #fff; margin-bottom: 0.36rem;}

.ditu .pc .lan .tuleft h6{ font-weight: normal; font-size: 0.18rem; line-height: 0.51rem; color: #fff;}

/*ipad地图*/

.ditu .ipad { width: 100%; height: 7.28rem; position: relative; background:url(../images/ditu.jpg) no-repeat top center;background-size:cover; margin: 0 auto;}

.ditu .ipad .lan{width:9.62rem; height: 3.82rem; margin-top: 3rem; background:url(../images/lan.png) no-repeat top center;background-size:9.62rem 3.82rem; position: absolute; bottom:1rem; left: 50%; margin-left:-4.81rem;}

.ditu .ipad .lan .tuimg{ width:3.69rem; height: 2.08rem; border-radius: 10px; border: 2px #fff solid; float: left; overflow: hidden; margin-left: 0.73rem; margin-top:0.55rem;float: left;}

.ditu .ipad .lan .tuimg mip-video {width:3.69rem; height: 2.08rem; border-radius: 10px;}

.ditu .ipad .lan .tuleft{ float: left; padding-left: 0.44rem; width:4.2rem; padding-top:0.8rem;}

.ditu .ipad .lan .tuleft h4{ font-weight: normal; font-size: 0.34rem; color: #fff; margin-bottom: 0.1rem;}

.ditu .ipad .lan .tuleft h6{ font-weight: normal; font-size: 0.27rem; line-height: 0.51rem; color: #fff;}

/*mobile地图*/

.ditu .mobile{ width: 100%; height: 8.37rem;  overflow-x: hidden;  background:url(../images/ditu.jpg) no-repeat top center;background-size:cover; margin: 0 auto; position: relative;}

.ditu .mobile .lan{width:6rem; height:5.6rem; overflow-x: hidden; background:url(../images/lan.png) no-repeat top center;background-size: 6.4rem 5.6rem; position: absolute; left: 50%; margin-left: -3rem; bottom: 0rem; }

.ditu .mobile .lan .tuimg{ width:4.78rem;  height:2.69rem; border-radius: 10px; border: 2px #fff solid; float: left; overflow: hidden; margin-left: 0.58rem; margin-top:0.6rem;float: left;}

.ditu .mobile .lan .tuimg mip-video {width:4.78rem; height:2.69rem; border-radius: 10px;}

.ditu .mobile .lan .tuleft{ float: left; padding-left: 0.37rem; width:5.5rem; padding-top:0.1rem;}

.ditu .mobile .lan .tuleft h4{ font-weight: normal; font-size: 0.24rem; color: #fff; margin-bottom: 0.15rem; margin-top: 0.15rem;}

.ditu .mobile .lan .tuleft h6{ font-weight: normal; font-size: 0.2rem; line-height: 0.3rem; color: #fff;}