.clearFix::after{
  content: '';
  clear: both;
  display: block;
  height: 0;
  line-height: 0;
}

/* 详情页面特定样式 */

/* 页面基本样式 */
.page-body {
  background-color: #000A1B;
  font-family: 'Scada-Regular', Arial, sans-serif;
  color: #ffffff;
}

/* 详情主内容区域样式 */
.technology-main-content {
  background-color: #fff;
  min-height: 100vh;
  color: #333;
}

.technology-section {
  padding: 50px 0;
}



.technology-container {
  max-width: 1150px;
  margin: 0 auto;
  padding: 0 40px;
}

/* 技术标题样式 */
.technology-header {
  display: flex;
  align-items: baseline;
  margin-bottom: 40px;
}

.technology-number {
  font-size: 100px;
  font-weight: bold;
  color: #5a0fad;
  margin-right: 20px;
  line-height: 1;
}

.technology-title {
  font-family: 'PT Sans Caption', 'Scada-Bold', Arial, sans-serif;
  font-size: 36px;
  font-weight: bold;
  color: #1a2b47;
  margin: 0;
}

/* 视频容器样式 */
.technology-video-container {
  margin-bottom: 20px;
}

.video-player {
  position: relative;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}
.video-player .video-player-dom{
  width: 100%;
  border-radius: 10px;
}

.video-poster {
  width: 100%;
  display: block;
}

.technology-play-button {
  width: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: all 0.3s ease;
}

.technology-play-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
.technology-play-button-dom{
  width: 100%;
}

/* 描述文本样式 */
.technology-description {
  margin: 0 auto;
}

.description-text {
  font-family: 'PT Sans Caption', 'Scada-Bold', Arial, sans-serif;
  font-size: 18px;
  color: #65686c;
  padding-bottom: 20px;
}



.technology-section-1 {
  background: url(../img/technology/cont_1_bg-min.jpg) no-repeat;
  background-position: bottom;
  background-color: #f5f5f5;
  background-size: 100%;
}

.technology-container-2{
  background: #fff
}
.technology-section-2{
  margin: 40px 0;
  padding: 0;
  background-color: #F5F6F8;
  background: url(../img/technology/cont_2_bg_l.png);
  background-position: bottom left, top right;
  /* background-size: 100% 100% */
}
.description-text-2{
  background: #fff;
}

.technology-section-3 {
  background: url(../img/technology/cont_3_bg-min.jpg) no-repeat;
  background-color: #fff;
  background-size: 100% 100%;
}
.technology-section-4 {
  background: url(../img/technology/cont_4_bg-min.jpg) no-repeat;
  background-color: #F4F6F8;
  background-size: 100% 100%;
}
.technology-section-5 {
  background: url(../img/technology/cont_5_bg-min.jpg) no-repeat;
  background-color: #F4F6F8;
  background-size: 100% 100%;
}