.yqcon {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 70px;
}

.harztitle {
  width: 100%;
  text-align: center;
  font-size: 26px;
  color: #333333;
  font-weight: 700;
}

.yqbox {
  width: 1400px;
  position: relative;
  box-sizing: border-box;
  padding-bottom: 7px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 30px;
}

.yqbox>img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  object-fit: contain;
  z-index: -1;
}

.yqitem {
  width: 400px;
  box-sizing: border-box;
  padding: 30px 40px;
  background: rgba(255, 255, 255, 0.8);
  border: 2px solid rgba(239, 239, 239, 1);
  border-radius: 6px;
  margin: 0 10px;
}

.yqitem:nth-of-type(1) {
  height: 301px;
}

.yqitem:nth-of-type(2) {
  height: 359px;
}

.yqitem:nth-of-type(3) {
  height: 415px;
}

.yqitem>img {
  width: 64px;
  height: 64px;
}

.yqname {
  margin-top: 20px;
}

.yqname>span {
  font-size: 18px;
  color: #333333;
  font-weight: 600;
  line-height: 26px;
}

.yqname>span:nth-of-type(1) {
  color: #7CBD26;
}

.yqname>span:nth-of-type(2) {
  color: #333333;
}

.yqcontent {
  font-size: 14px;
  color: #333333;
  text-align: justify;
  line-height: 22px;
  margin-top: 20px;
}

@media (max-width:1400px) {
  .yqbox {
    width: 100%;
  }
}

@media (max-width:1200px) {
  .yqname>span {
    font-size: 16px;
  }

  .yqitem {
    padding: 30px 20px;
  }
}

@media (max-width:768px) {
  .yqcon {
    margin-top: 30px;
    padding: 0 12px;
  }

  .harztitle {
    font-size: 20px;
  }

  .yqbox {
    padding: 0;
    flex-direction: column;
    margin-top: 16px;
  }

  .yqitem {
    width: 100%;
    height: auto;
    margin: 0;
    margin-bottom: 14px;
    padding: 14px 12px;
    border-width: 1px;
  }
  .yqname{
    margin-top: 16px;
  }

.yqcontent{
  margin-top: 12px;
}

  .yqitem:last-child {
    margin-bottom: 0;
  }

  .yqitem:nth-child(n) {
    height: auto;
  }

  .yqbox>img {
    display: none;
  }
}

/* 关键 */
.zdcon {
  width: 100%;
  height: 376px;
  box-sizing: border-box;
  padding: 70px 12px 50px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 90px;
}

.zdbg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: -1;
}

.zdtitle {
  font-size: 26px;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 37px;
}

.zdbox {
  width: 1400px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}

.zditem {
  /* width: 182px; */
  width: 13.5%;
  height: 179px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding-top: 30px;
}

.zditem>img {
  width: 70px;
  height: 70px;
}

.zditem>div {
  font-size: 18px;
  color: #FFFFFF;
  font-weight: 600;
  margin-top: 24px;
  line-height: 25px;
}

@media (max-width:1424px) {
  .zdbox {
    width: 100%;
  }
}

@media (max-width:1200px) {
  .zditem>img {
    width: 60px;
    height: 60px;
  }

  .zditem>div {
    font-size: 15px;
    margin-top: 20px;
  }
}

@media (max-width:936px) {
  .zdcon {
    height: auto;
    padding-bottom: 30px;
  }

  .zdbox {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .zditem {
    width: 25%;
  }

  .zditem>img {
    width: 70px;
    height: 70px;
  }

  .zditem>div {
    font-size: 18px;
    margin-top: 24px;
  }
}

@media (max-width:768px) {
  .zdcon {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .zdtitle {
    font-size: 20px;
  }

  .zdbox {
    margin-top: 20px;
  }

  .zditem {
    height: auto;
    box-sizing: border-box;
    padding-bottom: 20px;
    padding-top: 20px;
  }

  .zditem:nth-of-type(5),
  .zditem:nth-of-type(6),
  .zditem:nth-of-type(7) {
    width: 33.33%;
  }

  .zditem>img {
    width: 50px;
    height: 50px;
  }

  .zditem>div {
    font-size: 12px;
    margin-top: 20px;
  }
}

/* 网站建设 */

.jslxcon {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 90px;
  box-sizing: border-box;
  padding: 0 26px;
}

.jslxtitle {
  width: 100%;
  text-align: center;
  font-size: 26px;
  color: #333333;
  line-height: 37px;
  font-weight: 700;
}

.jslxbox {
  width: 1400px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}

.jslxitem-b {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 70px;
}

.jslxitem-b:last-child {
  margin-bottom: 0;
}

.jslxitem {
  /* width: 630px; */
  width: 45%;
  /* height: 400px; */
  display: flex;
  flex-direction: column;

  justify-content: center;
}

.jslxitem:nth-of-type(1),
.jslxitem:nth-of-type(2) {
  margin-top: 0;
}

.jslximg {
  width: 100%;
  max-width: 630px;
  object-fit: contain;
}

.jslxline {
  width: 32px;
  height: 3px;
  background: #7CBD26;
}

.jslxname {
  font-size: 20px;
  color: #333333;
  font-weight: 600;
  line-height: 28px;
  margin-top: 9px;
}

.jslx-c {
  font-size: 16px;
  color: #333333;
  text-align: justify;
  line-height: 24px;
  margin-top: 16px;
}

.jslxbtn {
  width: 144px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #7CBD26;
  border-radius: 18px;
  cursor: pointer;
  margin-top: 56px;
}

.jslxbtn>span {
  font-size: 14px;
  color: #FFFFFF;
}

.jslxbtn>img {
  width: 10px;
  height: 10px;
  margin-left: 6px;
}

@media (max-width:1424px) {
  .jslxbox {
    width: 100%;
  }
}

@media (max-width:1200px) {
  .jslxname {
    font-size: 18px;
    line-height: 24px;
  }

  .jslx-c {
    font-size: 14px;
    margin-top: 14px;
  }

  .jslxbtn {
    margin-top: 40px;
  }
}

@media (max-width:1024px) {
  .jslxcon {
    padding: 0 12px;
  }

  .jslxname {
    font-size: 15px;
    line-height: 20px;
  }

  .jslxitem {
    width: 47.6%;
  }

  .jslx-c {
    font-size: 12px;
    margin-top: 10px;
    line-height: 18px;
  }

  .jslxbtn {
    width: 120px;
    height: 32px;
    margin-top: 20px;
  }
}

@media (max-width:768px) {
  .jslxcon {
    margin-top: 30px;
  }

  .jslxitem {
    width: 100%;
    margin-bottom: 20px;
  }

  .jslximg {
    width: 100%;
    max-width: 100%;
  }

  .jslxitem-b {
    flex-direction: column;
    align-items: center;
  }

  .jslxitem-b:nth-child(2n) {
    flex-direction: column-reverse;
  }

  .jslxitem-b {
    margin-bottom: 30px;
  }

  .jslxtitle {
    font-size: 20px;
  }
}

/* 开发优势 */
.wyscon {
  width: 100%;
  height: 437px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 0 12px;
  padding-top: 70px;
  position: relative;
  margin-top: 90px;
}

.wystitle {
  font-size: 26px;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 37px;
}

.wysbox {
  width: 1400px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
}

.wysitem {
  /* width: 453px; */
  width: 32.3%;
  height: 100px;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 0 20px 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  transition: all 0.3s;
}
.wysitem:hover {
  transform: translateY(-12px);
}
.wysitem>div {
  font-size: 18px;
  color: #333333;
  font-weight: 600;
}

.wysitem>img {
  width: 60px;
  height: 60px;
}

@media (max-width:1400px) {
  .wysbox {
    width: 100%;
  }
}

@media (max-width:768px) {
  .wyscon {
    height: auto;
    padding: 30px 12px;
    margin-top: 30px;
  }

  .wysbox {
    margin-top: 16px;
  }

  .wysitem {
    width: calc(50% - 5px);
    margin-bottom: 10px;
    padding: 0 12px;
    height: 86px;
  }

  .wysitem>div {
    font-size: 13px;
  }

  .wysitem>img {
    width: 36px;
    height: 36px;
  }

  .wystitle {
    font-size: 20px;
    line-height: 30px;
  }
  .wysitem:hover {
    transform: translateY(0);
  }
}

/* 制作流程 */

.wlccon {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 90px;
  box-sizing: border-box;
  padding: 0 12px;
}

.wlcbox {
  width: 1400px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 30px;
}

.wlcitem {
  /* width: 216px; */
  width: calc(20% - 14px);
  height: 204px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding-top: 30px;
}

.lcicon {
  width: 60px;
  height: 60px;
}

.lcname {
  font-size: 18px;
  color: #333333;
  font-weight: 600;
  line-height: 25px;
  margin-top: 20px;
}

.lcdec {
  width: 216px;
  font-size: 12px;
  color: #999999;
  text-align: center;
  line-height: 19px;
  margin-top: 11px;
}

.lcarrow {
  height: 100%;
  display: flex;
  align-items: center;
}

.lcarrow>img {
  width: 16px;
  height: 16px;
  display: block;
}

@media (max-width:1424px) {
  .wlcbox {
    width: 100%;
  }

  .lcdec {
    width: auto;
  }
}

@media (max-width:768px) {
  .wlccon {
    margin-top: 30px;
  }

  .wlcbox {
    margin-top: 10px;
  }

  .wlcitem {
    padding-top: 20px;
  }
  .lcicon {
    width: 40px;
    height: 40px;
  }
  .lcname {
    font-size: 13px;
  }

}

@media (max-width:550px) {
  .wlcbox {
    flex-wrap: wrap;
  }

  .wlcitem {
    width: calc(33.33% - 20px);
  }

  .lcarrow.l3 {
    display: none;
  }

  .wlcbox {
    justify-content: center;
  }

  .wlcitem:nth-of-type(1),
  .wlcitem:nth-of-type(3),
  .wlcitem:nth-of-type(5),
  .wlcitem:nth-of-type(7),
  .wlcitem:nth-of-type(9) {
    height: auto;
  }
}