@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: 0.5rem 0; }

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

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

.hot .pc .cpk li { position: absolute; }

.hot .pc .cpk li h4 { width: 100%; text-align: left; height: 0.53rem; line-height: 0.53rem; text-indent: 0.2rem; background: #0e6fda; font-size: 0.25rem; color: #fff; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hot .pc .cpk li:nth-child(1) { width: 3.94rem; height: 5.12rem; position: absolute; left: 0; top: 0; }

.hot .pc .cpk li:nth-child(1) mip-img { width: 3.94rem; height: 4.59rem; }

.hot .pc .cpk li:nth-child(2) { width: 3.94rem; height: 3.23rem; position: absolute; left: 4.03rem; top: 0; }

.hot .pc .cpk li:nth-child(2) mip-img { width: 3.94rem; height: 2.7rem; }

.hot .pc .cpk li:nth-child(3) { width: 3.94rem; height: 5.12rem; position: absolute; right: 0rem; top: 0; }

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

.hot .pc .cpk li:nth-child(4) { width: 3.94rem; height: 3.23rem; position: absolute; left: 0rem; bottom: 0; }

.hot .pc .cpk li:nth-child(4) mip-img { width: 3.94rem; height: 2.7rem; }

.hot .pc .cpk li:nth-child(5) { width: 3.94rem; height: 5.12rem; position: absolute; left: 4.03rem; bottom: 0; }

.hot .pc .cpk li:nth-child(5) mip-img { width: 3.94rem; height: 4.59rem; }

.hot .pc .cpk li:nth-child(6) { width: 3.94rem; height: 3.23rem; position: absolute; right: 0rem; bottom: 0; }

.hot .pc .cpk li:nth-child(6) mip-img { width: 3.94rem; height: 2.7rem; }

.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: 9.88rem; margin: 0 auto; }

.hot .ipad .cpk li { position: absolute; }

.hot .ipad .cpk li h4 { width: 100%; text-align: left; height: 0.6rem; line-height: 0.6rem; text-indent: 0.2rem; background: #0e6fda; font-size: 0.25rem; color: #fff; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

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

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

.hot .ipad .cpk li:nth-child(2) { width: 4.6rem; height: 3.8rem; position: absolute; right: 0; top: 0; }

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

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

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

.hot .ipad .cpk li:nth-child(4) { width: 4.6rem; height: 6.01rem; position: absolute; right: 0rem; bottom: 0; }

.hot .ipad .cpk li:nth-child(4) mip-img { width: 4.6rem; height: 5.41rem; }

.hot .ipad .cpk li:nth-child(5) { display: none; }

.hot .ipad .cpk li:nth-child(6) { display: none; }

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

.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: 6.18rem; margin: 0 auto; }

.hot .mobile .cpk li { position: absolute; }

.hot .mobile .cpk li h4 { width: 100%; text-align: left; height: 0.4rem; line-height: 0.4rem; text-indent: 0.2rem; background: #0e6fda; font-size: 0.25rem; color: #fff; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hot .mobile .cpk li:nth-child(1) { width: 2.88rem; height: 3.75rem; position: absolute; left: 0; top: 0; }

.hot .mobile .cpk li:nth-child(1) mip-img { width: 2.88rem; height: 3.35rem; }

.hot .mobile .cpk li:nth-child(2) { width: 2.88rem; height: 1.97rem; position: absolute; right: 0rem; top: 0; }

.hot .mobile .cpk li:nth-child(2) mip-img { width: 2.88rem; height: 1.98rem; }

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

.hot .mobile .cpk li:nth-child(3) mip-img { width: 2.88rem; height: 1.97rem; }

.hot .mobile .cpk li:nth-child(4) { width: 2.88rem; height: 3.75rem; position: absolute; right: 0rem; bottom: 0; }

.hot .mobile .cpk li:nth-child(4) mip-img { width: 2.88rem; height: 3.35rem; }

.hot .mobile .cpk li:nth-child(5) { display: none; }

.hot .mobile .cpk li:nth-child(5) mip-img { width: 3.94rem; height: 4.59rem; }

.hot .mobile .cpk li:nth-child(6) { display: none; }

.hot .mobile .cpk li:nth-child(6) mip-img { width: 3.94rem; height: 2.7rem; }

.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%; height: 6.6rem; background: url(../images/xian.jpg) no-repeat 100% 0.02rem; margin: 0 auto; }

.install .pc .inlist dl { padding-top: 0.42rem; padding-bottom: 0.42rem; background: url(../images/xian.jpg) no-repeat 100% 0.02rem; background-position: left bottom; margin: 0 auto; }

.install .pc .inlist dd { width: 5.84rem; float: left; position: relative; }

.install .pc .inlist dd:nth-child(1) { float: left; }

.install .pc .inlist dd:nth-child(1) .leftchar { width: 2.63rem; float: left; }

.install .pc .inlist dd:nth-child(1) .leftchar h4 { width: 2.63rem; float: left; line-height: 0.31rem; font-size: 0.24rem; color: #000; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }

.install .pc .inlist dd:nth-child(1) .rightimg { width: 3.05rem; height: 1.47rem; float: right; }

.install .pc .inlist dd:nth-child(1) .rightimg mip-img { width: 3.05rem; height: 1.47rem; }

.install .pc .inlist dd:nth-child(1) .leftbt { text-align: center; border-radius: 0.1rem; bottom: 0rem; position: absolute; width: 1.17rem; height: 0.35rem; line-height: 0.35rem; background: #0e6fda; color: #fff; font-size: 0.2rem; }

.install .pc .inlist dd:nth-child(1) .wz { font-size: 0.2rem; bottom: 0; left: 1.6rem; color: #696868; position: absolute; bottom: 0rem; line-height: 0.35rem; }

.install .pc .inlist dd:nth-child(2) { float: right; }

.install .pc .inlist dd:nth-child(2) .leftchar { width: 2.63rem; float: left; }

.install .pc .inlist dd:nth-child(2) .leftchar h4 { width: 2.63rem; float: left; line-height: 0.31rem; font-size: 0.24rem; color: #000; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }

.install .pc .inlist dd:nth-child(2) .rightimg { width: 3.05rem; height: 1.47rem; float: right; }

.install .pc .inlist dd:nth-child(2) .rightimg mip-img { width: 3.05rem; height: 1.47rem; }

.install .pc .inlist dd:nth-child(2) .leftbt { text-align: center; border-radius: 0.1rem; bottom: 0rem; position: absolute; width: 1.17rem; height: 0.35rem; line-height: 0.35rem; background: #0e6fda; color: #fff; font-size: 0.2rem; }

.install .pc .inlist dd:nth-child(2) .wz { font-size: 0.2rem; bottom: 0; left: 1.6rem; color: #696868; position: absolute; bottom: 0rem; line-height: 0.35rem; }

.install .pc .inlist dl:nth-child(2) { padding-top: 0.42rem; padding-bottom: 0.52rem; }

.install .pc .inlist dl:nth-child(2) dd:nth-child(1) { float: left; }

.install .pc .inlist dl:nth-child(2) dd:nth-child(1) .leftchar { width: 5.94rem; margin: 0 auto; float: inherit; height: 0.8rem; }

.install .pc .inlist dl:nth-child(2) dd:nth-child(1) .leftchar h4 { width: 5.94rem; margin: 0 auto; float: inherit; line-height: 0.31rem; font-size: 0.24rem; color: #000; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; margin-top: 0.2rem; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }

.install .pc .inlist dl:nth-child(2) dd:nth-child(1) .rightimg { width: 5.94rem; height: 2.75rem; margin: 0 auto; float: inherit; }

.install .pc .inlist dl:nth-child(2) dd:nth-child(1) .rightimg mip-img { width: 5.94rem; height: 2.75rem; }

.install .pc .inlist dl:nth-child(2) dd:nth-child(1) .leftbt { text-align: center; border-radius: 0.1rem; bottom: 0rem; position: absolute; width: 1.17rem; height: 0.35rem; line-height: 0.35rem; background: #0e6fda; color: #fff; font-size: 0.2rem; right: 0; }

.install .pc .inlist dl:nth-child(2) dd:nth-child(1) .wz { font-size: 0.2rem; bottom: 0; left: 0; color: #696868; position: absolute; bottom: 0rem; line-height: 0.35rem; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; width: 4.5rem; }

.install .pc .inlist dl:nth-child(2) dd:nth-child(2) { float: right; }

.install .pc .inlist dl:nth-child(2) dd:nth-child(2) .leftchar { width: 5.94rem; margin: 0 auto; float: inherit; height: 0.8rem; }

.install .pc .inlist dl:nth-child(2) dd:nth-child(2) .leftchar h4 { width: 5.94rem; margin: 0 auto; float: inherit; line-height: 0.31rem; font-size: 0.24rem; color: #000; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; margin-top: 0.2rem; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }

.install .pc .inlist dl:nth-child(2) dd:nth-child(2) .rightimg { width: 5.94rem; height: 2.75rem; margin: 0 auto; float: inherit; }

.install .pc .inlist dl:nth-child(2) dd:nth-child(2) .rightimg mip-img { width: 5.94rem; height: 2.75rem; }

.install .pc .inlist dl:nth-child(2) dd:nth-child(2) .leftbt { text-align: center; border-radius: 0.1rem; bottom: 0rem; position: absolute; width: 1.17rem; height: 0.35rem; line-height: 0.35rem; background: #0e6fda; color: #fff; font-size: 0.2rem; right: 0; }

.install .pc .inlist dl:nth-child(2) dd:nth-child(2) .wz { font-size: 0.2rem; bottom: 0; left: 0; color: #696868; position: absolute; bottom: 0rem; line-height: 0.35rem; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; width: 4.5rem; }

/*ipad安装详解*/

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

.install .ipad .inlist { width: 9.3rem; margin: 0 auto; }

.install .ipad .inlist dl { width: 100%; }

.install .ipad .inlist dd { width: 100%; padding-top: 0.42rem; padding-bottom: 0.42rem; background: url(../images/xian.jpg) no-repeat 100% 0.02rem; background-position: left bottom; margin: 0 auto; position: relative; }

.install .ipad .inlist dd .leftchar { width: 4.14rem; float: left; }

.install .ipad .inlist dd .leftchar h4 { width: 4.14rem; float: left; line-height: 0.4rem; font-size: 0.3rem; color: #000; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }

.install .ipad .inlist dd .rightimg { width: 4.38rem; height: 2.11rem; float: right; }

.install .ipad .inlist dd .rightimg mip-img { width: 4.38rem; height: 2.11rem; }

.install .ipad .inlist dd .leftbt { text-align: center; border-radius: 0.1rem; bottom: 0.6rem; position: absolute; width: 1.32rem; height: 0.4rem; line-height: 0.4rem; background: #0e6fda; color: #fff; font-size: 0.24rem; }

.install .ipad .inlist dd .wz { font-size: 0.24rem; bottom: 0.6rem; left: 3.08rem; color: #696868; position: absolute; line-height: 0.35rem; }

.install .ipad .inlist dd:nth-child(3) { width: 100%; }

.install .ipad .inlist dd:nth-child(3) .leftchar { width: 9.3rem; margin: 0 auto; float: inherit; height: 0.8rem; }

.install .ipad .inlist dd:nth-child(3) .leftchar h4 { width: 9.3rem; margin: 0 auto; float: inherit; line-height: 0.34rem; height: 0.34rem; font-size: 0.32rem; color: #000; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; margin-top: 0.2rem; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }

.install .ipad .inlist dd:nth-child(3) .rightimg { width: 9.3rem; height: 4.31rem; margin: 0 auto; float: inherit; }

.install .ipad .inlist dd:nth-child(3) .rightimg mip-img { width: 9.3rem; height: 4.31rem; }

.install .ipad .inlist dd:nth-child(3) .leftbt { text-align: center; border-radius: 0.1rem; bottom: 0.36rem; position: absolute; width: 1.32rem; height: 0.4rem; line-height: 0.4rem; background: #0e6fda; color: #fff; font-size: 0.24rem; right: 0; }

.install .ipad .inlist dd:nth-child(3) .wz { font-size: 0.3rem; bottom: 0.36rem; left: 0; color: #696868; position: absolute; line-height: 0.35rem; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; width: 4.5rem; }

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

/*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 dl { width: 100%; }

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

.install .mobile .inlist dd .leftchar { width: 2.55rem; float: left; }

.install .mobile .inlist dd .leftchar h4 {width: 2.55rem; float: left; line-height: 0.4rem; font-size: 0.24rem; color: #000; font-weight: normal; overflow: hidden;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }

.install .mobile .inlist dd .rightimg { width: 2.74rem; height:1.31rem; float: right; }

.install .mobile .inlist dd .rightimg mip-img { width: 2.74rem; height:1.31rem;  }

.install .mobile .inlist dd .leftbt { text-align: center; border-radius: 0.1rem; bottom: 0.4rem; position: absolute; width: 1.32rem; height: 0.4rem; line-height: 0.4rem; background: #0e6fda; color: #fff; font-size: 0.24rem; }

.install .mobile .inlist dd .wz { font-size: 0.24rem; bottom: 0.6rem; left: 3.08rem; color: #696868; position: absolute; line-height: 0.35rem; }

.install .mobile .inlist dd:nth-child(3) { width: 100%; }

.install .mobile .inlist dd:nth-child(3) .leftchar { width:5.82rem;margin: 0 auto; float: inherit; height: 0.8rem; }

.install .mobile .inlist dd:nth-child(3) .leftchar h4 {width:5.82rem;margin: 0 auto; float: inherit; line-height: 0.34rem; height: 0.34rem; font-size: 0.3rem; color: #000; font-weight: normal; -webkit-line-clamp: 1; margin-top: 0.2rem; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }

.install .mobile .inlist dd:nth-child(3) .rightimg { width:5.82rem;height: 2.71rem; margin: 0 auto; float: inherit; }

.install .mobile .inlist dd:nth-child(3) .rightimg mip-img {width:5.82rem; height: 2.71rem; }

.install .mobile .inlist dd:nth-child(3) .leftbt { text-align: center; border-radius: 0.1rem; bottom: 0.36rem; position: absolute; width: 1.32rem; height: 0.4rem; line-height: 0.4rem; background: #0e6fda; color: #fff; font-size: 0.24rem; right: 0; }

.install .mobile .inlist dd:nth-child(3) .wz { font-size: 0.24rem; bottom: 0.36rem; left: 0; color: #696868; position: absolute; line-height: 0.35rem; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; width: 4.5rem; }

.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.5rem 0; }

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

.case .pc .caseul li{ width: 3.93rem; height: 3.68rem; float: left; margin-right:0.03rem; margin-left:0.03rem; position: relative;}

.case .pc .caseul li .icoa{ width: 0.51rem; height: 0.51rem; position: absolute; top:2.42rem; right:0.3rem; z-index: 500000;}

.case .pc .caseul li .icoa mip-img {width: 0.51rem; height: 0.51rem;}

.case .pc .caseul li .imer{ width:3.94rem; height: 2.69rem;}

.case .pc .caseul li .imer mip-img {width:3.94rem; height: 2.69rem;}

.case .pc .caseul li h4{ width:3.2rem; line-height: 0.34rem; margin-top: 0.05rem; font-size: 0.24rem; font-weight: normal;  height: 0.34rem; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;-webkit-line-clamp:1;overflow: hidden;  }

.case .pc .caseul li .bt{ width: 100%; margin-top: 0.05rem;height: 0.34rem; line-height:0.34rem;}

.case .pc .caseul li .btleft{float: left; color: #070002;font-size: 0.24rem; font-weight: normal; width: 50%; line-height: 0.34rem; height: 0.34rem; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;-webkit-line-clamp:1;overflow: hidden;  }

.case .pc .caseul li .btright{float: right; color: #908e8e;font-size: 0.24rem; font-weight: normal; }



/*ipad安装详解*/

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

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

.case .ipad .caseul li{ width:4.61rem; height: 4.32rem; float: left; margin-right:0.08rem;  position: relative;}

.case .ipad .caseul li:nth-child(2n){margin-right:0rem;}

.case .ipad .caseul li .icoa{ width: 0.51rem; height: 0.51rem; position: absolute; top:2.84rem; right:0.3rem; z-index: 500000;}

.case .ipad .caseul li .icoa mip-img {width: 0.51rem; height: 0.51rem;}

.case .ipad .caseul li .imer{ width:4.61rem;height:3.15rem;}

.case .ipad .caseul li .imer mip-img { width:4.61rem;height:3.15rem;}

.case .ipad .caseul li h4{ width:3.2rem; line-height: 0.34rem; margin-top: 0.05rem; font-size: 0.3rem; font-weight: normal;  height: 0.34rem; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;-webkit-line-clamp:1;overflow: hidden;  }

.case .ipad .caseul li .bt{ width: 100%; margin-top: 0.05rem;height: 0.34rem; line-height:0.34rem;}

.case .ipad .caseul li .btleft{float: left; color: #070002;font-size: 0.24rem; font-weight: normal; width: 50%; line-height: 0.34rem; height: 0.34rem; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;-webkit-line-clamp:1;overflow: hidden; }

.case .ipad .caseul li .btright{float: right; color: #908e8e;font-size: 0.28rem; font-weight: normal; }

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





/*mobile安装详解*/

.case .mobile { padding:0; }

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

.case .mobile .caseul li{ width:2.88rem; height: 2.71rem; float: left; margin-right:0.06rem;  position: relative; margin-bottom: 0.2rem;}

.case .mobile .caseul li:nth-child(2n){margin-right:0rem;}

.case .mobile .caseul li .icoa{ width: 0.38rem; height: 0.38rem; position: absolute; top:1.78rem; right:0.24rem; z-index: 500000;}

.case .mobile .caseul li .icoa mip-img {width: 0.38rem; height: 0.38rem;}

.case .mobile .caseul li .imer{ width:2.88rem; height:1.97rem; }

.case .mobile .caseul li .imer mip-img { width:2.88rem; height:1.97rem;}

.case .mobile .caseul li h4{  width:2rem; line-height: 0.34rem; margin-top: 0.05rem; font-size: 0.24rem; font-weight: normal;  height: 0.34rem; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;-webkit-line-clamp:1;overflow: hidden;  }

.case .mobile .caseul li .bt{ width: 100%; margin-top: 0.05rem;height: 0.34rem; line-height:0.34rem;}

.case .mobile .caseul li .btleft{float: left; color: #070002;font-size: 0.24rem; font-weight: normal; width: 50%; line-height: 0.34rem; height: 0.34rem; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;-webkit-line-clamp:1;overflow: hidden; }

.case .mobile .caseul li .btright{float: right; color: #908e8e;font-size: 0.24rem; font-weight: normal; }

.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;}