h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
  padding: 0;
}

body {
  padding: 0;
  margin: 0;
}

.light img {
  margin: 0 auto;
}

.light .flexCenter {
  display: flex;
  justify-content: center;
}

.light .banner-wrap {
  width: 100%;
  height: 11.733333rem;
  background: url('/frontend/web/image/mobile/hardware/light/banner.png') no-repeat 50%;
  background-size: cover;
}

.light .banner-title {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #ffffff;
  font-size: 1.365333rem;
  text-align: center;
  padding-top: 2.56rem;
}

.light .banner-subtitle {
  width: 12.778667rem;
  font-family: Arial, sans-serif;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 0.597333rem;
  line-height: 0.896rem;
  text-align: center;
  margin-top: 0.512rem;
  margin-bottom: 1.28rem;
}

.light .banner-label {
  color: #fff;
  font-size: 0.426667rem;
  width: 100%;
  margin: 0 auto;
}

.light .banner-label img {
  width: 1.024rem;
}

.light .banner-label>div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0.226667rem;
}

.light .banner-label>div>img {
  margin-bottom: 0.391304347826087rem;
}

.light .part1 {
  height: 21.421333rem;
}

.light .part1 h1 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 1.194667rem;
  text-align: center;
  margin: 2.133333rem 0 1.493333rem 0;
}

.light .part1 .part-content1 {
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 0.682667rem;
  text-align: center;
  display: flex;
  justify-content: center;
  width: 16rem;
  margin: 0 auto;
}

.light .part1 .part-content1 .box1 {
  width: 7.061333rem;
  height: 7.253333rem;
  background: url('/frontend/web/image/mobile/hardware/light/1@2x.png');
  background-size: cover;
  position: relative;
  margin-right: 0.512rem;
}

.light .part1 .part-content1 .box2 {
  width: 7.061333rem;
  height: 7.253333rem;
  background: url('/frontend/web/image/mobile/hardware/light/2@2x.png');
  background-size: cover;
  position: relative;
}

.light .part1 .part-content1 .box3 {
  width: 7.061333rem;
  height: 7.253333rem;
  background: url('/frontend/web/image/mobile/hardware/light/3@2x.png');
  background-size: cover;
  position: relative;
  margin-right: 0.512rem;
}

.light .part1 .part-content1 .box4 {
  width: 7.061333rem;
  height: 7.253333rem;
  background: url('/frontend/web/image/mobile/hardware/light/4@2x.png');
  background-size: cover;
  position: relative;
  margin-bottom: 2.218667rem;
}

.light .part1 .positionBottom {
  position: absolute;
  bottom: 0.426667rem;
  width: 100%;
}

.light .part1 .positionBottom div {
  width: 100%;
  line-height: 0.938667rem;
}

.light .part2 {
  background-image: linear-gradient(134.59deg, #f0e3fc 0%, #e3f8fc 100%);
  height: 21.589333rem;
}

.light .part2 img {
  width: 2.133333rem;
  height: 2.133333rem;
  margin: 1.28rem 0.768rem 5.12rem 1.28rem;
}

.light .part2 .part-content2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.light .part2 .box1,
.light .part2 .box2 {
  width: 14.634667rem;
  height: 8.405333rem;
  background-color: #ffffff;
  border-radius: 0.085333rem;
  display: flex;
  align-items: center;
}

.light .part2 .box1 div,
.light .part2 .box2 div {
  padding-right: 1.28rem;
}

.light .part2 .box1 h3,
.light .part2 .box2 h3 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.896rem;
  color: #000000;
  margin: 0;
  padding: 0;
}

.light .part2 .box1 p,
.light .part2 .box2 p {
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.65);
  font-size: 0.682667rem;
  line-height: 1.109333rem;
}

.light .part3 {
  text-align: center;
  /* height: 64.789333rem; */
  background-color: #f5f7fa;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.light .part3 h1 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.896rem;
  text-align: center;
  padding-top: 1.133333rem;
  padding-bottom: 2.293333rem
}

.light .part3 .box2 img {
  width: 16rem;
}

.light .part3 .box2 {
  width: 16rem;
  text-align: center;
  margin: 0 auto;
}

.light .part3 .box2 h3 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.896rem;
  text-align: center;
}

.light .part3 .box2 h4 {
  height: 0.938667rem;
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.682667rem;
  line-height: 0.938667rem;
  text-align: center;
  margin-top: 0.426667rem;
  font-weight: 400;
}

.light .part4 {
  width: 100%;
  height: 12.416rem;
  background: url('/frontend/web/image/mobile/hardware/light/设备感应_默认状态@2x.png') no-repeat 50%;
  background-size: cover;
  color: #ffffff;
}

.light .part4 .box {
  margin: 0 auto;
  width: 11.434667rem;
  display: flex;
  justify-items: center;
  align-items: center;
  flex-direction: column;
}

.light .part4 h2,
.light .part4 h4 {
  margin: 0;
  padding: 0;
}

.light .part4 h2 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #ffffff;
  font-size: 0.981333rem;
  line-height: 1.408rem;
  text-align: center;
}

.light .part4 h4 {
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 0.682667rem;
  line-height: 1.109333rem;
  text-align: center;
  font-weight: 400;
  margin-top: 0.512rem;
}

.light .part4 img {
  width: 1.066667rem;
  margin-bottom: 0.213333rem;
}

.light .part4 .imgBox {
  display: flex;
  justify-content: space-between;
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 0.426667rem;
  line-height: 1.109333rem;
  text-align: center;
  margin-top: 1.28rem;
}

.light .part4 .imgBox>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.353333rem;
}

.light .part5 {
  width: 100%;
  height: 26rem;
  background-color: #ffffff;
  text-align: center;
}

.light .part5 .box1 {
  display: flex;
  width: 6.700667rem;
  flex-direction: column;
  margin-left: 15px;
}

.light .part5 h1 {
  font-family: Alibaba PuHuiTi;
  font-weight: 500;
  color: #000000;
  font-size: 0.981333rem;
  line-height: 1.408rem;
  text-align: center;
  padding: 0;
  margin: 0;
}

.light .part5 .contain {
  display: flex;
  width: 16rem;
  margin: 0 auto;
}

.light .part5 .box1 .part-content {
  display: flex;
  flex-direction: column;
  align-items: right;
  margin-top: 1.706667rem;
}

.light .part5 .part-content .time {
  font-weight: 500;
  color: #000000;
  font-size: 0.896rem;
  line-height: 0.768rem;
  text-align: right;
  height: 0.968rem;
  width: 100%;
}

.light .part5 .part-content .sub-des {
  font-family: Alibaba PuHuiTi;
  height: 0.810667rem;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.597333rem;
  line-height: 0.768rem;
  text-align: right;
  margin-top: 0.213333rem;
  width: 100%;
}

.light .part5 .box2 {
  display: flex;
  flex-direction: column;
  width: 2.133333rem;
  margin-top: 1.706667rem;
  margin-right: 15px;
}

.light .part5 .box2 .circle {
  width: 0.470085rem;
  height: 0.470085rem;
  border-radius: 50%;
  border: 1px solid;
  border-color: #a4a4a4;
  display: flex;
  align-items: center;
  justify-content: center;
}

.light .part5 .box2 .part-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.light .part5 .box2 .dot {
  border-radius: 50%;
  width: 0.17094rem;
  height: 0.17094rem;
  background-color: #07a6f0;
}

.light .part5 .box2 .line {
  width: 0;
  height: 10px;
  border-left: 0.021368rem solid;
  border-color: #a4a4a4;
}

.light .part5 .box3 {
  display: flex;
  flex-direction: column;
  margin-top: 1.706667rem;
}

.light .part5 .box3 img {
  width: 1.066667rem;
  margin: 0 0.213675rem 0.206667rem;
}

.light .part5 .box3 .imgBox {
  display: flex;
  flex-direction: row;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.597333rem;
}

.light .part5 .box3 .imgBox>div {
  display: flex;
  flex-direction: column;
}

.light .part6 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  background-color: #f5f7fa;
}

.light .part6 .box1 {
  display: flex;
  flex-direction: column;
  margin: 0 3.008rem;
}

.light .part6 .box1 h1 {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.981333rem;
  line-height: 0.768rem;
  text-align: center;
  margin-top: 2.133333rem;
  margin-bottom: 0.512rem;
}

.light .part6 .box1 p {
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.682667rem;
  line-height: 1.109333rem;
  text-align: center;

}

.light .part6 .box2 img {
  width: 16rem;
}

.light .part6 .box2 {
  width: 16rem;
  margin: 0 auto;
  margin-bottom: 0.426667rem;
}

.light .part7 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 21.312rem;
}

.light .part7 h1 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.981333rem;
  line-height: 0.768rem;
  text-align: center;
  margin-top: 2.133333rem;
  margin-bottom: 0.512rem;
}

.light .part7 .description {
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.682667rem;
  line-height: 1.109333rem;
  text-align: center;
  width: 10.666667rem;
  margin: 0 auto;
}

.light .part7 .part-content1 img {
  width: 2.133333rem;
}

.light .part7 .part-content1 {
  display: flex;
  justify-content: center;
  margin-top: 1.856rem;
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.512rem;
  line-height: 0.597333rem;
  text-align: center;
  width: 11.733333rem;
}

.light .part7 .part-content1>div {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  text-align: center;
  margin: 0 0.64rem;
}

.light .part8 {
  height: 25.557333rem;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #f5f7fa;
}

.light .part8 .box1 img {
  width: 16rem;
  margin: 0 auto;
}

.light .part8 .box2 h1 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.981333rem;
  line-height: 0.768rem;
  text-align: center;
  padding-top: 1.133333rem;
  margin-bottom: 0.512rem;
}

.light .part8 .box2 h2 {
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.682667rem;
  line-height: 1.109333rem;
  text-align: center;
  font-weight: 400;
  padding: 0 1.365333rem;
}

.light .part8 .part-content1 {
  display: flex;
  margin-top: 1.493333rem;
  justify-content: center;
}

.light .part8 .part-content1 .service {
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.426667rem;
  line-height: 0.797333rem;
  text-align: center;
  margin: 0 0.426667rem;
}

.light .part8 .part-content1 .service img {
  width: 1.066667rem;
  height: 1.066667rem;
}

.light .part8 .part-content1 .serverName {
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 0.426667rem;
  line-height: 0.554667rem;
  margin: 0.213333rem 0;
}

.light .part9 {
  width: 100%;
  height: 22.058667rem;
  background-image: linear-gradient(135deg, #deeafc 0%, #d6f9fc 100%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.light .part9 h1 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.981333rem;
  line-height: 0.768rem;
  padding-top: 2.133333rem;
  margin-bottom: 0.512rem;
  text-align: center;
}

.light .part9 h2 {
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.682667rem;
  line-height: 1.109333rem;
  text-align: center;
  font-weight: 400;
}

.light .part9 .bg {
  width: 16rem;
  height: 100%;
  background: url('/frontend/web/image/product/light/运行可靠3@2x.png') no-repeat 50%;
  background-size: cover;
}

.light .part9 .box2 {
  display: flex;
  justify-content: center;
  height: 11.264rem;
  align-items: center;
}

.light .part9 .box2 img {
  margin: 0 0.533333rem;
}

.light .part10 {
  width: 100%;
  /* height: 34.368rem; */
  display: flex;
  align-items: center;
  flex-direction: column;
}

.light .part10 h1 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.194667rem;
  text-align: center;
  margin-top: 1.833333rem;
  margin-bottom: 2.093333rem;
}

.light .part10 .type {
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.981333rem;
  line-height: 1.066667rem;
  text-align: center;
  margin-top: 0.549333rem;
}

.light .part10 img {
  width: 14.08rem;
  margin: 0 auto;
}

.light .part10 .des {
  font-family: Arial, sans-serif;
  color: rgba(38, 38, 38, 0.75);
  font-size: 0.682667rem;
  line-height: 1.109333rem;
  text-align: center;
  margin-top: ;
  width: 12.544rem;
  margin: 0.448rem auto 1.493333rem;
}

.light .part10 .box {
  display: flex;
  flex-direction: column;
}

.light .part10 .box .part {
  margin: 0 0.96rem;
}

.light .part11 {
  width: 100%;
  height: 45.290667rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: linear-gradient(135deg, #fcf5e3 0%, #e6e3fc 100%);
}

.light .part11 .container {
  display: flex;
  flex-direction: column;
}

.light .part11 .box {
  width: 14.634667rem;
  height: 12.288rem;
  background-color: #ffffff;
  border-radius: 0.085333rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
}

.light .part11 .box img {
  width: 3.072rem;
  margin: 1.472rem auto 0.832rem;
}

.light .part11 h1 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 1.194667rem;
  line-height: 0.597333rem;
  text-align: center;
  padding-top: 2.133333rem;
  margin-bottom: 1.493333rem;
}

.light .part11 .box .title {
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 0.896rem;
  line-height: 0.853333rem;
  margin-bottom: 0.512rem;
}

.light .part11 .box .des {
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.682667rem;
  line-height: 1.109333rem;
  text-align: center;
  width: 11.733333rem;
  margin: 0 auto;
}

.light .part12 {
  width: 100%;
  /* height: 57.770667rem; */
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 2.066667rem;
}

.light .part12 h1 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.194667rem;
  text-align: center;
  margin: 2.133333rem auto 1.728rem;
}

.light .part12 .container {
  display: flex;
  flex-direction: column;
}

.light .part12 .box {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 14.634667rem;
  height: 15.914667rem;
  background-color: #ffffff;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.06);
  margin-bottom: 1.194667rem;
}

.light .part12 .box img {
  width: 14.634667rem;
  height: 9.813333rem;
}

.light .part12 .box .title {
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 0.896rem;
  line-height: 1.28rem;
  margin-bottom: 0.682667rem;
  margin-top: 0.853333rem;
  text-align: left;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  padding: 0 0.683761rem;
}

.light .part12 .box .des {
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.597333rem;
  line-height: 1.066667rem;
  text-align: left;
  padding: 0 0.683761rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 1.28rem;
}

.light .part12 .imgBox1 {
  background-image: url(https://www.zuolin.com/uploads/images/editor/20200420/1587347733215491.jpg)
}

.light .part12 .imgBox3 {
  background-image: url(/frontend/web/image/product/light/瑞安首图.jpg)
}

.light .part12 .imgBox2 {
  background-image: url(/frontend/web/image/product/light/荣超首图.jpg)
}

.light .part12 .imgBox1,
.light .part12 .imgBox2,
.light .part12 .imgBox3 {
  width: 14.634667rem;
  height: 9.813333rem;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}