.view {
  width: 100%;
  position: relative;
  background: #F5F5F5;
  padding-top: 178px;
  padding-bottom: 56px;
}

.view-content {
  width: 1088px;
  margin: auto;
}

.view-left {
  width: 50%;
  padding-right: 16px;
}

.view-right {
  width: 50%;
}

.view-right img {
  width: 536px;
  height: 413px;
  object-fit: cover;
}

.vtop {
  display: flex;
}

.view-left h3 {
  font-weight: bold;
  font-size: 28px;
  color: #000000;
  line-height: 38px;
  text-align: left;
  margin-bottom: 24px;
}

.view-left p {
  width: 100%;
  overflow: hidden;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  margin-bottom: 83px;
}

.view-left-span {
  display: flex;
}

.view-left-span span {
  margin-right: 30px;
  margin-left: 7px;
  font-weight: 400;
  font-size: 15px;
  color: #00A888;
  line-height: 33px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.v-xian {
  width: 100%;
  height: 1px;
  background: #666666;
  margin-top: 67px;
  margin-bottom: 76px;
}

.vmodel {
  margin-bottom: 125px;
}

.vmodel h3,
.vvideo h3 {
  font-weight: bold;
  font-size: 28px;
  color: #333333;
  line-height: 35px;
  margin-bottom: 23px;
  margin-top: 23px;
}

.vmodel p,
.vvideo p {
  margin-bottom: 66px;
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 30px;
}

.vmodel-item {
  width: calc(50% - 10px);
  height: 419px;
  background: linear-gradient(180deg, #FFFFFF 0%, #EAEAEA 100%);
  border-radius: 16px 16px 16px 16px;
  margin-left: 5px;
  margin-right: 5px;
}

.vmodel-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.vmodel-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-width: 95%;
}

.vmodel-item h3 {
  font-weight: 400;
  font-size: 39px;
  color: #000000;
  line-height: 39px;
  text-align: center;
}

.vmodel-item p {
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  line-height: 12px;
  width: 122px;
  height: 32px;
  border-radius: 26px 26px 26px 26px;
  border: 1px solid #707070;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.vmodel-content {
  width: 100%;
  display: flex;
}

.view-left-span p {
  font-weight: bold;
  margin-right: 7px;
}

.vvideo-content {
  width: 100%;
  position: relative;
  cursor: pointer;
}

.vvideo-content img {
  width: 100%;
}

.vvbofang {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pv-if {
  display: none;
}

@media (max-width:1400px) {
  .view-right img {
    width: 100%;
    height: auto;
  }
}

@media (max-width:1088px) {
  .view-content {
    width: 100%;
  }
}

@media (max-width:1000px) {
  .view-left {
    padding-right: 0px;
  }

  .view-content {
    width: 95%;
  }

  .view-left h3 {
    font-size: 23px;
  }

  .vvideo-content iframe {
    width: 100%;
    height: 30vh;
  }

  .ch3 {
    padding-top: 50px !important;
  }

  .vtop {
    flex-direction: column;
  }

  .vmodel-item {
    width: 100%;
    margin-bottom: 15px;
  }

  .vmodel-content {
    flex-direction: column;
  }

  .view-left,
  .view-right {
    width: 100%;
  }

  .view-left p,
  .view-left-span {
    margin-bottom: 35px;
    flex-direction: column;
  }

  .vmodel-item {
    height: 319px;
  }

  .pv-if iframe {
    width: 100%;
    height: auto;
  }
}