ul {
  list-style: none;
}

.container12 {
  width: 1200px;
  margin: 0 auto
}

.txt-c {
  text-align: center;
}

.parameter {
  width: 100% !important;
  border-collapse: collapse;
}

.wmproeight {
  background: #0071c8cc;
  padding: 4.375rem 0 5.6875rem;
}

.wmproeight .wmpro-title2 h3 {
  color: #fff;

  margin-bottom: 4.375rem;
}

.wmpro-title h3 {
  display: block;
  font-size: 3rem;
  color: #0071c8cc;
  font-weight: 400;
  line-height: 3.8rem;
  margin-bottom: 2.1875rem;
}

table {
  PADDING-BOTTOM: 0px;
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px
}

tr {
  PADDING-BOTTOM: 0px;
  LIST-STYLE-TYPE: none;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px
}

.wm-parameter tr th,
.wm-parameter tr td {
  color: #fff;
  border: 1px solid #fff;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: left;
  height: auto;
  padding: 0.3rem 1.25rem;
}

.wm-parameter tr th {
  position: relative;
  padding: 1.5rem 1.5rem 0.8rem;
}

.wm-parameter tr th em {
  display: block;
  margin-bottom: 0.7rem;
}

.wm-parameter tr th .pic {
  position: absolute;
  right: 0;
  top: 0;
  width: 37%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
}

.wm-parameter tr th .pic img {
  display: block;
  max-width: 100%;
  margin-bottom: 0.25rem;
}

.wmproSix {
  background: #0071c8cc;
  padding: 3.6875rem 0 3.5rem;
}

.flex-sbcw {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

img {
  display: block;
  max-width: 100%;
}

.wmproSix-list ul li {
  width: 29%;
  text-align: center;
  list-style-type: none;
}

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

.two-box .info {
  width: 45%;
}

.two-box .info p,
.two-box .info h3 {
  color: #fff;
}

.wmproTwo .wmpro-title {
  margin-bottom: 1.375rem;
}

.wmproTwo .info {
  padding: 0 0 2.5rem 0;
}

.wmproTwo .pic {
  width: 60%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.cs-white {
  color: #fff;
}

.wmproTwo {
  color: #fff;
  background: #0071c8cc;
  padding: 7.8125rem 0 6.8125rem;
}

.wmproten {
  background: #0071c8cc;
  padding: 4.75rem 0 5rem;
}

.wmproten .wmpro-title2 {
  margin-bottom: 2.9375rem;
}

.txt-c {
  text-align: center;
}

.wmproten-list ul {
  grid-template-columns: repeat(4, 1fr);
  column-gap: 0.8125rem;
  display: grid;
}

.wmproten-list ul li .pic img {
  display: block;
  width: 100%;
}

.wmproOne {
  height: 50rem;
  background: url('/static/fl/images/robint/bg_outdoor_p003.png') no-repeat left bottom;
  background-color: #f8f9fa;
}

.wmproOne .wmpro-title {
  text-align: left;
  max-width: 58%;
}

.wmproOne_con {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.wmproOne .One-box {
  justify-content: flex-end;
}

.wmproThree {
  background: #f8f9fa;
  padding: 2.375rem 0 0;
}

.flex-sb {
  display: flex;
  justify-content: space-between;
}

.Three-box .info {
  text-align: left;
  width: 66%;
  margin-top: 9rem;
}

.Three-box .pic {
  width: 51.5%;
}

.wmproFive {
  background: #f8f9fa;
  padding: 12.5625rem 0 11.8rem;
}

.wmproFive .pic {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 11.25%;
  width: 42%;
  overflow: hidden;
}

.wmproFive .info {
  width: 44%;
}

.wmproOne-pic {

  display: none;
}

.wmpro-title h4 {
  display: block;
  font-size: 1.625rem;
  color: #272727;
  font-weight: 400;
}

.flex-cc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.wmproseven-list ul li {
  text-align: center;
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.wmproseven-list ul li img {
  display: block;
  width: 88px;
  height: 88px;
}

@media screen and (min-width: 200px) and (max-width: 1200px) {
  .container12 {
    width: 92%;

  }

  .wmpro-title h3 {
    font-size: 2.6rem;
  }
}

@media screen and (min-width: 200px) and (max-width: 640px) {
  .container12 {
    width: 92%;
  }

  .wm-parameter {
    width: 790px !important;
    margin: 0 auto;
  }

  .wmproeight .parameter-box {
    overflow-x: scroll;
  }

  .pro-section-fit-view {
    height: 250px;
    background-color: #f8f9fa;
  }

  .Three-box {
    flex-direction: column-reverse;
  }

  .wmproFive {
    padding: 4rem 0 0;
  }

  .wmpro-title h4 {
    font-size: 1.1rem;
  }

  .wmproOne {
    height: auto;
    padding: 5rem 0;
  }

  .product-robot-func-view .func-item-list .robot-front-img {
    margin: auto;
  }

  .wmproOne {
    height: auto;
    padding: 5rem 0;
  }

  .wmproOne .wmpro-title {
    max-width: 100%;
  }

  .wmpro-title h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }

  .wmpro-title h4 {
    font-size: 1.1rem;
  }

  .wmproOne-pic {
    display: block;
  }

  .wmproOne {
    background-image: none;

  }

  .wmproOne_con {
    flex-direction: column-reverse;
  }

  .wh-100 {
    width: 100% !important;
  }

  .flex {
    flex-direction: column;
  }

  .wmproFive .pic {
    position: relative;
    top: auto;
    transform: none;
    right: auto;
    width: 100%;
    overflow: hidden;
    margin-top: 5rem;
  }

  .wmproFive .info {
    width: 100%;
  }

  .wmproten-list ul {
    grid-template-columns: repeat(2, 2fr);
    gap: 10px;
  }

  .wmproseven-list ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .wmproTwo {
    padding: 4rem 0;
  }

  .wmproTwo .info {
    padding: 0 0 0 2rem;
  }

  .Three-box .info {
    width: 100%;
    margin-top: 0;
  }

  .wm-parameter tr th,
  .wm-parameter tr td {
    font-size: 1rem
  }

  .wm-parameter tr th {
    position: relative;
    padding: 1.25rem 1.25rem 0.5625rem;
  }
}

@media (min-width: 769px) {
  .page-head-view .page-head-content .ph-con-view {
    padding-top: 0;
    margin-left: 0;
    justify-content: center;
    max-width: none;
    top: -30%;
  }

  .ph-con-view .pro-head-intro-view {
    flex-direction: row;
    gap: 50px;
  }

  .product-robot-func-view .func-item-list .robot-front-img {
    margin-top: -150px;

  }

  .product-robot-func-view .func-item-list {
    flex-direction: row;
    gap: 50px;
  }

  .two-txt p {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}