@charset "UTF-8";
/**
 * px 转 rem：统一基准 14px（PC 设计稿宽 1440 / 移动端设计稿宽 375）
 * 用法：rem(14) => 1rem
 */
body {
  padding-top: 5rem;
}

.ow-breads {
  display: none;
}

.on-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 1.0714285714rem;
  margin-bottom: 2.1428571429rem;
  font-size: 2.1428571429rem;
  text-align: center;
}
.on-title::after {
  content: " ";
  display: block;
  width: 2.1428571429rem;
  height: 0.1428571429rem;
  background-color: #ffb300;
}
.on-title.ot-center::after {
  left: 50%;
  transform: translateX(-50%);
}

.ow-content .ow-module {
  position: relative;
}
.ow-content .ow-module .ow-module-view {
  position: relative;
  width: 100%;
  height: 100%;
}
.ow-content .ow-module .ow-module-view .ow-left, .ow-content .ow-module .ow-module-view .ow-right {
  position: relative;
  width: 50%;
  height: 100%;
}
.ow-content .ow-gt {
  height: calc(100vh - 7.7142857143rem - 3.8571428571rem);
}
.ow-content .ow-gt .ow-module-view .og-g {
  background-color: #f0f5f7;
}
.ow-content .ow-gt .ow-module-view .og-g .ogg-images {
  position: relative;
  z-index: 1;
  height: 100%;
}
.ow-content .ow-gt .ow-module-view .og-g .ogg-images .swiper-wrapper {
  height: 100%;
}
.ow-content .ow-gt .ow-module-view .og-g .ogg-images .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}
.ow-content .ow-gt .ow-module-view .og-g .ogg-images .swiper-wrapper .swiper-slide img {
  display: block;
  width: 44%;
  height: 41%;
  margin-left: 37%;
  object-fit: contain;
}
.ow-content .ow-gt .ow-module-view .og-g .ogg-thumb {
  position: absolute;
  left: 8%;
  top: 16%;
  z-index: 2;
  width: 15%;
  height: 68%;
}
.ow-content .ow-gt .ow-module-view .og-g .ogg-thumb .swiper-wrapper {
  height: auto;
}
.ow-content .ow-gt .ow-module-view .og-g .ogg-thumb .swiper-wrapper .swiper-slide {
  height: 25%;
  margin: 5% 0;
}
.ow-content .ow-gt .ow-module-view .og-g .ogg-thumb .swiper-wrapper .swiper-slide img {
  width: 80%;
  height: 80%;
  object-fit: contain;
}
.ow-content .ow-gt .ow-module-view .og-g .ogg-thumb .ogg-arrow {
  position: absolute;
  left: 50%;
  z-index: 1;
  display: block;
  width: 2.2857142857rem;
  height: 1.3571428571rem;
  transform: translateX(-50%);
  background-image: url("./../img/icons/arrow.png");
  cursor: pointer;
}
.ow-content .ow-gt .ow-module-view .og-g .ogg-thumb .ogg-arrow.oa-pre {
  top: 0;
}
.ow-content .ow-gt .ow-module-view .og-g .ogg-thumb .ogg-arrow.oa-suf {
  bottom: 0;
  transform: translateX(-50%) rotateX(180deg);
}
.ow-content .ow-gt .ow-module-view .og-desc {
  padding-left: 6%;
  padding-right: 5%;
}
.ow-content .ow-gt .ow-module-view .og-desc .on-name {
  position: relative;
  color: #2055ad;
  padding-bottom: 1.4285714286rem;
  font-size: 2.1428571429rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.7142857143rem;
  line-height: 1.6;
}
.ow-content .ow-gt .ow-module-view .og-desc .on-name::after {
  content: " ";
  display: block;
  width: 2.1428571429rem;
  height: 0.2142857143rem;
  background-color: #ffb300;
}
.ow-content .ow-gt .ow-module-view .og-desc .on-info {
  color: #666666;
  line-height: 2;
  max-height: calc(100% - 8.4285714286rem);
  overflow: hidden;
  font-size: 1.1428571429rem;
}
.ow-content .ow-navigation-view {
  position: relative;
  z-index: 8;
  height: 3.8571428571rem;
}
.ow-content .ow-navigation-view .ow-navigation {
  background-color: #1a1a1a;
  border-bottom: 0.2857142857rem solid #2055ad;
  padding: 0 4%;
  font-size: 1.2857142857rem;
}
.ow-content .ow-navigation-view .ow-navigation .on-item {
  transition: 0.2s ease-in-out;
  cursor: pointer;
}
.ow-content .ow-navigation-view .ow-navigation .on-item a {
  padding: 0 2.7142857143rem;
  display: block;
  color: #fff;
  text-decoration: none;
  height: 3.8571428571rem;
  line-height: 3.8571428571rem;
}
.ow-content .ow-navigation-view .ow-navigation .on-item:hover {
  opacity: 0.8;
}
.ow-content .ow-navigation-view .ow-navigation .on-item.oi-active {
  background-color: #2055ad;
}
.ow-content .ow-navigation-view .ow-navigation.on-fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 8;
  width: 100%;
}
.ow-content .ow-nav-item {
  position: relative;
  z-index: 1;
  padding: 5%;
}
.ow-content .ow-left {
  width: 100%;
}
.ow-content .pd-characteristic {
  font-size: 1.1428571429rem;
}
.ow-content .pd-fn {
  width: 100%;
  height: 0;
  padding-bottom: 41%;
  overflow: hidden;
}
.ow-content .pd-fn .ow-module-view {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ow-content .pd-fn .ow-module-view .ow-left {
  background-color: #102a56;
}
.ow-content .pd-fn .ow-module-view .ow-left video {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ow-content .pd-fn .ow-module-view .ow-left .pf-mask {
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background: radial-gradient(transparent, #000810);
}
.ow-content .pd-fn .ow-module-view .ow-left .pf-play {
  z-index: 3;
  display: block;
  width: 12%;
  padding-top: 12%;
  cursor: pointer;
  background-image: url("./../img/icons/play.png");
}
.ow-content .pd-fn .ow-module-view .ow-right {
  padding-left: 5%;
  font-size: 1.1428571429rem;
}
.ow-content .ow-detail-params {
  padding-top: 3%;
  padding-bottom: 5%;
  background-color: #f0f5f7;
  font-size: 1.1428571429rem;
}
.ow-content .ow-rel-files {
  padding-top: 4%;
  padding-bottom: 3%;
  background-color: #f0f5f7;
}
.ow-content .ow-rel-files .orf-files {
  margin-top: 2%;
  width: 69%;
  flex-wrap: wrap;
  font-size: 1rem;
}
.ow-content .ow-rel-files .orf-files .orf-file {
  width: 44%;
  height: 3.4285714286rem;
  border-bottom: 0.0714285714rem dashed #dddddd;
  color: #999999;
  padding: 0 3%;
  cursor: pointer;
  text-decoration: none;
}
.ow-content .ow-rel-files .orf-files .orf-file .of-icon {
  display: block;
  width: 1.5714285714rem;
  height: 1.5714285714rem;
}
.ow-content .ow-rel-files .orf-files .orf-file .of-icon.of-zip {
  background-image: url("./../img/icons/file.zip.png");
}
.ow-content .ow-rel-files .orf-files .orf-file .of-icon.of-word {
  background-image: url("./../img/icons/file.word.png");
}
.ow-content .ow-rel-files .orf-files .orf-file .of-icon.of-ppt {
  background-image: url("./../img/icons/file.ppt.png");
}
.ow-content .ow-rel-files .orf-files .orf-file .of-icon.of-pdf {
  background-image: url("./../img/icons/file.pdf.png");
}
.ow-content .ow-rel-files .orf-files .orf-file .of-icon.of-excel {
  background-image: url("./../img/icons/file.excel.png");
}
.ow-content .ow-rel-files .orf-files .orf-file .of-name {
  position: relative;
  width: 100%;
  flex-shrink: 1;
  display: block;
  padding: 0 1.4285714286rem;
  color: #666666;
}
.ow-content .ow-rel-files .orf-files .orf-file .of-icon-download {
  display: block;
  width: 1rem;
  height: 1rem;
  margin-left: 0.5714285714rem;
  transition: 0.2s ease-in-out;
  background-image: url("./../img/icons/download.png");
}
.ow-content .ow-rel-files .orf-files .orf-file:hover .of-icon-download {
  background-image: url("./../img/icons/download.active.png");
}
.ow-content .ow-other {
  border-top: 0.0714285714rem solid #dddddd;
  padding: 2% 19% 2%;
  background-color: #f0f5f7;
  flex-wrap: wrap;
}
.ow-content .ow-other .oo-item {
  text-decoration: none;
}
.ow-content .ow-other .oo-item .oi-tt {
  color: #333333;
  text-decoration: none;
}
.ow-content .ow-other .oo-item .oi-name {
  color: #666666;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  body {
    padding-top: 4rem;
  }
  .on-title {
    margin-top: 1.4285714286rem;
    height: 2.2857142857rem;
    font-size: 1.4285714286rem;
    text-align: center;
    font-weight: bolder;
  }
  .on-title::after {
    left: 50%;
    transform: translateX(-50%);
  }
  .ow-content .ow-module {
    padding-top: 120%;
  }
  .ow-content .ow-module .ow-module-view {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
  }
  .ow-content .ow-module .ow-module-view .ow-left, .ow-content .ow-module .ow-module-view .ow-right {
    width: 100%;
    height: 50%;
    padding: 0 5%;
  }
  .ow-content .ow-gt {
    height: auto;
  }
  .ow-content .ow-gt .ow-module-view .ow-left .ogg-images .swiper-wrapper .swiper-slide img {
    width: 50%;
    height: 50%;
  }
  .ow-content .ow-gt .ow-module-view .ow-left .ogg-thumb .ogg-arrow {
    width: 1.6rem;
    height: 0.95rem;
    transform: translateX(-50%);
  }
  .ow-content .ow-gt .ow-module-view .ow-right .on-name {
    font-size: 1.4285714286rem;
    white-space: normal;
    overflow: visible;
    padding-bottom: 0.8571428571rem;
  }
  .ow-content .ow-gt .ow-module-view .ow-right .on-info {
    margin-top: 0.8571428571rem;
    line-height: 1.3;
    max-height: calc(100% - 8.4285714286rem);
    overflow: hidden;
    font-size: 1rem;
    text-indent: 2em;
  }
  .ow-content .ow-navigation-view {
    display: none;
  }
  .ow-content .pd-fn {
    height: auto;
    padding-bottom: 0;
  }
  .ow-content .pd-fn .ow-module-view {
    flex-direction: column-reverse;
  }
  .ow-content .pd-fn .ow-module-view .ow-left {
    padding: 0;
    background-color: #0095b5;
  }
  .ow-content .pd-fn .ow-module-view .ow-right {
    padding-left: 5%;
  }
  .ow-content .ow-rel-files .orf-files {
    width: 100%;
    padding: 0 5%;
  }
  .ow-content .ow-rel-files .orf-files .orf-file {
    width: 100%;
    border-bottom: 0.0714285714rem dashed #dddddd;
  }
  .ow-content .ow-rel-files .orf-files .orf-file:last-child {
    border-bottom: none;
  }
  .ow-content .ow-other {
    border-top: 0.0714285714rem solid #dddddd;
    padding: 0.5714285714rem 5%;
    background-color: #f0f5f7;
  }
  .ow-content .ow-other .oo-item {
    text-decoration: none;
    font-size: 1rem;
    text-align: center;
    width: 100%;
    margin: 0.2857142857rem 0;
  }
  .ow-content .ow-other .oo-item .oi-tt {
    color: #333333;
    text-decoration: none;
  }
  .ow-content .ow-other .oo-item .oi-name {
    color: #666666;
    text-decoration: none;
  }
}

/*# sourceMappingURL=product-center-detail.css.map */