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

.wd-menu>ul {
  line-height: 5px;
}

body {
  width: 100%;
}

.wd-container {
  margin: 0 auto;
  width: 1200px;
}

.mainBox {
  height: auto;
  overflow-x: hidden;
  width: 100%;
  overflow-y: hidden;
}

.between {
  justify-content: space-between;
}

.flex {
  display: flex;
}

.flexCenter {
  justify-content: center;
}

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

.banner-subtitle {
  margin-top: 0.42735rem;
  margin-bottom: 1.282051rem;
}

.banner-subtitle div {
  height: 0.576923rem;
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 0.34188rem;
  line-height: 0.576923rem;
  text-align: center;
}

.banner-title {
  color: #fff;
  font-size: 1.025641rem;
  font-weight: 700;
  padding-top: 3.205128rem;
  text-align: center;
}

.banner-label {
  font-size: 0.43478260869565216rem;
  color: #fff;
  font-size: 0.34188rem;
}

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

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

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

.part1 img {
  padding: 1.3043478260869565rem 0 2.391304347826087rem;
}

.part1 h1 {
  font-size: 0.854701rem;
  text-align: center;
  margin: 2.222222rem 0 1.730769rem 0;
}

.part1 content-description {
  width: 14.347826086956522rem;
}

.part1 content-title {
  width: 12.91304347826087rem;
}

.part-content1 img {
  width: 5.769231rem;
}

.part-content1 {
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 0.512rem;
  text-align: center;
}

.part-content1 .box1 {
  width: 5.769231rem;
  height: 6.410256rem;
  margin: 0 0.42735rem;
  background: url('/frontend/web/image/product/light/1@2x.png');
  background-size: cover;
  position: relative;
}

.part-content1 .box2 {
  width: 5.769231rem;
  height: 6.410256rem;
  margin: 0 0.42735rem;
  background: url('/frontend/web/image/product/light/2@2x.png');
  background-size: cover;
  position: relative;
}

.part-content1 .box3 {
  width: 5.769231rem;
  height: 6.410256rem;
  margin: 0 0.42735rem;
  background: url('/frontend/web/image/product/light/3@2x.png');
  background-size: cover;
  position: relative;
}

.part-content1 .box4 {
  width: 5.769231rem;
  height: 6.410256rem;
  margin: 0 0.42735rem;
  background: url('/frontend/web/image/product/light/4@2x.png');
  background-size: cover;
  position: relative;
}

.positionBottom {
  position: absolute;
  bottom: 0.641026rem;
  width: 100%;
}

.positionBottom div {
  width: 100%;
  line-height: 0.705128rem;
}

.part2 {
  background-image: linear-gradient(134.59deg, #f0e3fc 0%, #e3f8fc 100%);
  margin-top: 2.222222rem;
}

.part2 img {
  width: 2.133333rem;
  height: 2.133333rem;
  margin: 0 0.641026rem 0 1.132479rem;
}

.part-content2 {
  width: 100%;
  height: 8.717949rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.part2 .box1,
.part2 .box2 {
  width: 12.393162rem;
  height: 4.273504rem;
  background-color: #ffffff;
  border-radius: 0.08547rem;
  margin: 0 0.42735rem;
  display: flex;
  align-items: center;
}

.part2 .box1 div,
.part2 .box2 div {
  margin-right: 0.961538rem;
}

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

.part2 .box1 p,
.part2 .box2 p {
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 0.34188rem;
  line-height: 0.641026rem;
}

.part3 {
  text-align: center;
  height: 22.905983rem;
  background-color: #f5f7fa;
  width: 100%;
  margin: 0 auto;
}

.part3 h1 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.854701rem;
  text-align: center;
  padding-top: 2.222222rem;
}

.part3 .box1 {
  width: 8.525641rem;
  height: 8.440171rem;
  bottom: 0;
  position: absolute;
  left: 50%;
  margin-left: -4.273504rem;
}

.part3 .box1 img {
  width: 8.525641rem;
  height: 8.440171rem;
}

.part3 .box2 img {
  width: 7.68rem;
  height: 5.674667rem;
}

.part3 .box2 {
  width: 7.68rem;
  text-align: center;
}

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

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

.part3 .line1 {
  width: 4.635256rem;
  height: 2.239103rem;
  border: 1px dashed;
  border-color: #07a6f0;
  position: absolute;
  top: 12.8rem;
  left: 7.217094rem;
  border-left: none;
  border-bottom: none;
}

.part3 .line2 {
  width: 4.635256rem;
  height: 2.239103rem;
  border: 1px dashed;
  border-color: #07a6f0;
  position: absolute;
  top: 12.8rem;
  right: 7.217094rem;
  border-right: none;
  border-bottom: none;
}

.part3 .line3 {
  width: 0;
  height: 3.432479rem;
  border: 1px dashed;
  border-color: #07a6f0;
  position: absolute;
  top: 11.7rem;
  right: 50%;
  border-right: none;
}

.position1 {
  position: absolute;
  top: 8.9rem;
  left: 0;
}

.position2 {
  position: absolute;
  top: 8.9rem;
  right: 0rem;
}

.position3 {
  position: absolute;
  top: 5.106838rem;
  left: 50%;
  margin-left: -3.8rem;
}

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

.part4 .box {
  padding: 2.905983rem 0 0 4.273504rem;
  position: relative;
}

.part4 .tipsBox {
  flex: 1;
  position: relative;
}

.part4 .tips {
  width: 172.57px;
  height: 0.768rem;
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.512rem;
  line-height: 0.768rem;
  position: absolute;
  top: 50%;
  right: 8.32rem;
  text-align: center;
  margin-top: -2.133333rem;
  border-radius: 0.426667rem 0.426667rem 0 0.426667rem;
}

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

.part4 h2 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #ffffff;
  font-size: 0.769231rem;
  line-height: 0.982906rem;
}

.part4 h4 {
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 0.34188rem;
  line-height: 0.555556rem;
  font-weight: 400;
}

.part4 img {
  width: 1.066667rem;
}

.part4 .imgBox {
  display: flex;
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 0.34188rem;
  line-height: 0.555556rem;
  margin-top: 1.367521rem;
}


.part4 .imgBox>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 0.64rem;
}

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

.part5 .box1 {
  display: flex;
  width: 100%;
  justify-content: space-around;
  margin: 1.666667rem auto 0;
}

.part5 h1 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.769231rem;
  text-align: center;
  padding: 0;
  margin: 0;
  padding-top: 2.24359rem;
  width: 100%;
}

.part5 .part-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20%;
}

.part5 .part-content .time {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.683761rem;
  line-height: 0.769231rem;
  text-align: center;
  height: 0.940171rem;
}

.part5 .part-content .sub-des {
  font-family: Arial, sans-serif;
  height: 0.470085rem;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.34188rem;
  line-height: 0.769231rem;
  text-align: center;
}

.part5 .box2 {
  display: flex;
  flex-direction: row;
  width: 85%;
  margin: 0.641026rem auto 0;
}

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

.part5 .box2 .part-content {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 26%;
}

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

.part5 .box2 .line {
  flex: 1;
  height: 0px;
  border-top: 0.021368rem solid;
  border-color: #a4a4a4;
}

.part5 .box3 {
  margin: 0 auto;
  display: flex;
  margin-top: 0.42735rem;
  justify-content: space-between;
  width: 100%;
}

.part5 .box3 img {
  width: 1.066667rem;
  margin: 0.641026rem 0.213675rem 0.213675rem;
}

.part5 .box3 .imgBox {
  display: flex;
  flex-direction: row;
  width: 20%;
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.34188rem;
  justify-content: center;
}

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

.part6 {
  width: 100%;
  height: 13.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background-color: #f5f7fa;
}

.part6 .box1 {
  display: flex;
  flex-direction: column;
  width: 12.115385rem;
}

.part6 .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.part6 .box1 h1 {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.769231rem;
  line-height: 0.769231rem;
  text-align: left;
}

.part6 .box1 p {
  padding: 0;
  margin: 0;
  opacity: 75%;
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 1);
  font-size: 0.512821rem;
  line-height: 0.897436rem;
  text-align: left;
}

.part6 .box2 img {
  width: 11.029333rem;
  height: 10.112rem;
}

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

.part7 h1 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.769231rem;
  line-height: 0.769231rem;
  text-align: center;
  margin-top: 2.222222rem;
}

.part7 .description {
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.512821rem;
  text-align: center;
  line-height: 0.897436rem;
}

.part7 .part-content img {
  width: 2.133333rem;
  margin-bottom: 0.213333rem;
}

.part7 .part-content {
  display: flex;
  justify-content: center;
  margin-top: 1.28rem;
}

.part7 .part-content>div {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.512821rem;
  line-height: 0.598291rem;
  text-align: center;
  margin: 0 0.705128rem;
}

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

.part8 .box1 img {
  width: 13.184rem;
}

.part8 .box2 h1 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.769231rem;
  line-height: 0.769231rem;
}

.part8 .box2 {
  width: 9.65812rem;
}

.part8 .box2 h2 {
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.512821rem;
  line-height: 0.769231rem;
  font-weight: 400;
}

.part8 .part-content {
  display: flex;
  margin-top: 0.982906rem;
}

.part8 .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.part8 .part-content .service {
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.299145rem;
  line-height: 0.570085rem;
  text-align: center;
  margin-right: 0.42735rem;
}

.part8 .part-content .service img {
  width: 1.068376rem;
}

.part8 .part-content .serverName {
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 0.34188rem;
  line-height: 0.555556rem;
  margin: 0.106838rem 0;
}

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

.part9 .box1 {
  z-index: 9;
  width: 9.82906rem;
}

.part9 .box2 {
  width: 14.007521rem;
  text-align: center;
  z-index: 9;
}

.part9 h1 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.769231rem;
  line-height: 0.769231rem;
}

.part9 h2 {
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.512821rem;
  font-weight: 400;
  line-height: 0.799231rem;
}

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

.part9 .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.part9 .imgBox {
  position: absolute;
  width: 18.007521rem;
  text-align: center;
  right: 0;
  z-index: 999;
  top: 2.67094rem;
}

.part10 {
  width: 100%;
  height: 15.854701rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}

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

.part10 .type {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.512821rem;
  line-height: 0.854701rem;
  text-align: center;
  margin-top: 0.576923rem;
}

.part10 img {
  width: 12.564103rem;
}

.part10 .des {
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.34188rem;
  line-height: 0.598291rem;
  text-align: center;
  font-weight: 400;
}

.part10 .box {
  display: flex;
}

.part10 .box .part {
  margin: 0 0.277778rem;
}

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

.part11 .container {
  display: flex;
}

.part11 .box {
  width: 7.863248rem;
  height: 8.803419rem;
  background-color: #ffffff;
  border-radius: 0.08547rem;
  box-shadow: 0px 0.213675rem 0.42735rem rgba(11, 69, 99, 0.1);
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 0.512821rem;
}

.part11 .box img {
  width: 2.133333rem;
  margin: 1.493333rem 0 0.597333rem;
}

.part11 h1 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.854701rem;
  line-height: 0.598291rem;
  text-align: center;
  margin: 2.222222rem auto 1.709402rem;
}

.part11 .box .title {
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 0.512821rem;
  line-height: 0.854701rem;
  margin-bottom: 0.25641rem;
}

.part11 .box .des {
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.34188rem;
  line-height: 0.598291rem;
  text-align: center;
  padding: 0 1.196581rem;
}

.part12 {
  width: 100%;
  height: 17.094017rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.part12 h1 {
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 0.854701rem;
  line-height: 0.598291rem;
  text-align: center;
  margin: 2.222222rem auto 1.709402rem;
}

.part12 .container {
  display: flex;
}

.part12 .box {
  width: 8.192rem;
  background-color: #ffffff;
  height: 9.728rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 0.299145rem;
  border: 1px solid;
  border-color: rgba(151, 151, 151, 0.27);
  margin-bottom: 3rem;
}

.part12 .box .title {
  font-family: Arial, sans-serif;
  color: #000000;
  font-size: 0.512821rem;
  line-height: 0.854701rem;
  margin-bottom: 0.25641rem;
  margin-top: 0.705128rem;
  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;
}

.part12 .box .des {
  font-family: Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.34188rem;
  line-height: 0.598291rem;
  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;
}

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

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

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

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