/* 国资国企 */
.top {
  height: 68rem;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.top.gzgq {
  background: url('../images/product/gzgq/top_bg.png') no-repeat;
  background-size: cover;
}

.top-inner {
  max-width: 160rem;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.top-inner h1 {
  font-size: 5.2rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 8px 0px 10px rgba(2,19,52,0.27);
  margin-bottom: 3.4rem;
  text-align: center;
}

.top-inner p {
  font-size: 2.8rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
}

.top-logo {
  margin-bottom: 2.8rem;
  width: 23.8rem;
  height: 6.6rem;
  object-fit: contain;
}

.gzgq-partner.index {
  max-width: 160rem;
  margin: 7.6rem auto 0 auto;
}

.gzgq-partner.index h4 {
  text-align: center;
  font-size: 3.6rem;
  font-weight: bold;
  margin: 0 0 5rem 0;
  color: #333333;
}

.gzgq-partner.index .gzgq-partner-desc {
  font-size: max(1.6rem, 14px);
  line-height: 3.6rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  padding: 0 20rem;
  text-indent: 2em;
}

.gzgq-partner.index .gzgq-partner-banner {
  display: block;
  width: 123.5rem;
  height: 54.9rem;
  object-fit: contain;
  margin: 9.6rem auto 11.8rem;
}

/* 产品服务 */
.product-service {
  background: rgba(0, 114, 220, 0.05);
  overflow: hidden;
}

.product-service-inner {
  max-width: 160rem;
  margin: auto;
}

.title {
  height: 20.3rem;
  position: relative;
}

.title-tip {
  position: absolute;
  left: 0;
  right: 0;
  top: 10rem;
  font-size: 4.8rem;
  color: #E0E3E9;
  text-align: center;
  font-family: Arial;
}

h2 {
  font-family: Microsoft YaHei;
  position: absolute;
  font-size: 4.8rem;
  font-weight: bold;
  color: #3A3A3A;
  text-align: center;
  top: 7.5rem;
  left: 0;
  right: 0;
  margin: 0;
  z-index: 2;
}

.product-service-item {
  display: flex;
  margin-bottom: 11.8rem;
}

.product-service-item img {
  width: 90rem;
  height: 52rem;
  object-fit: cover;
}

.product-service-content {
  padding-top: 2rem;
  padding-left: 8.8rem;
  flex: 1;
}

.product-service-name {
  height: 14.6rem;
  overflow: hidden;
}

.no-1 .product-service-name{
  background: url('../images/product/product_no_1.png') no-repeat left center;
  background-size: 14.7rem 100%;
}

.no-2 {
  padding-left: 0;
  padding-right: 8.6rem;
}

.no-2 .product-service-name{
  background: url('../images/product/product_no_2.png') no-repeat left center;
  background-size: 14.7rem 100%;
}

.no-3 .product-service-name{
  background: url('../images/product/product_no_3.png') no-repeat left center;
  background-size: 14.7rem 100%;
}

.product-service-name h3 {
  font-size: 3.6rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  margin: 7.3rem 0 1.6rem 0;
}

.peoduct-service-tip {
  font-size: max(1.6rem, 14px);
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  margin: 2.6rem 0 0 0;
}

.product-service-name .underscore {
  width: 5.6rem;
  height: 0.6rem;
  background: #D70A30;
}

.product-service-item p {
  margin: 5rem 0 3rem 0;
  font-size: 1.7rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  line-height: 3rem;
  text-indent: 2em;
}

.product-service-item button {
  width: 12rem;
  height: 3.7rem;
  border-radius: 0.3rem;
  color: #fff;
  outline: none;
  padding: 0;
  font-size: max(1.6rem, 14px);
  line-height: 1;
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #D70A30;
  border: 0.1rem solid #D70A30;
}

.product-service-item button:hover{
  color: #fff;
  background-color: #b40928;
  border-color: #b40928;
}

.product-service-item button a,
.product-service-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 1;
  color: inherit;
  text-decoration: none;
}

.gzgq-case-list {
  height: 48rem;
  display: flex;
  column-gap: 2rem;
  margin-bottom: 9.4rem;
  overflow: hidden;
  text-align: center;
}

.gzgq-case-list .gzgq-case-item {
  height: 100%;
  flex: 1;
  position: relative;
  transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
}

.gzgq-case-item-mask {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
}

.gzgq-case-item-inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.gzgq-case-list .gzgq-case-item:first-child {
  background: url('../images/product/gzgq/case_bg_1.jpg') no-repeat;
  background-size: cover;
}

.gzgq-case-list .gzgq-case-item:last-child {
  background: url('../images/product/gzgq/case_bg_2.jpg') no-repeat;
  background-size: cover;
}

.gzgq-case-item .gzgq-case-name {
  font-size: 4.2rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  margin: 16.2rem 0 3.2rem 0;
}

.gzgq-case-item p {
  font-size: 1.8rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0 0 3.7rem 0;
}

.gzgq-case-item button {
  width: 20.1rem;
  height: 4.3rem;
  border: 0.1rem solid #FFFFFF;
  border-radius: 0.3rem;
  color: #fff;
  background: none;
  font-size: max(1.4rem, 14px);
}

.gzgq-case-item button a{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 4rem;
}

.gzgq-case-list .gzgq-case-item:hover .gzgq-case-item-mask {
  display: block;
}

.gzgq-case-list .gzgq-case-item:hover button {
  border: 0.1rem solid #D70A30;
  background-color: #D70A30;
}

/* 招采 */
.top.ztx {
  background: url('../images/product/ztx/top_bg.jpg') no-repeat;
  background-size: cover;
}

.top.ztx .top-logo {
  width: 20rem;
  height: 7rem;
  object-fit: cover;
}

.ztx-intro {
  margin: auto;
  max-width: 160rem;
  padding: 7.6rem 20rem 10rem 20rem !important;
  overflow: hidden;
}

.ztx-intro h3 {
  font-size: 3.6rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin: 0;
}

.ztx-intro p {
  font-size: 1.8rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  line-height: 3.6rem;
  text-indent: 2em;
  margin: 0;
}

.ztx-intro p:first-of-type {
  margin-top: 5rem;
}

.ztx-intro p:last-of-type {
  margin-bottom: 6.3rem;
}

.ztx-cert-list {
  display: flex;
  justify-content: center;
  column-gap: 10rem;
}

.ztx-cert-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
}

.ztx-cert-item img {
  margin: 0 0 1.3rem 0;
  width: 29rem;
  height: 19rem;
}

.ztx-cert-item div {
  text-align: center;
  color: #333;
  font-size: max(1.6rem, 14px);
}

.ztx-system {
  background: url('../images/product/ztx/system_bg.png?v=2') no-repeat;
  background-size: cover;
}

.ztx-system-inner {
  max-width: 160rem;
  margin: auto;
  overflow: hidden;
  text-align: center;
}

.ztx-system-inner .title-tip {
  color: rgba(95, 95, 95, 0.2);
}

.ztx-system-inner .title h2{
  color: #333;
}

.ztx-system-inner img {
  width: 143.3rem;
  height: 67rem;
}

.product-service.ztx .product-service-item p {
  margin-top: 3.7rem;
}

.product-service.ztx {
  background: url('../images/product/ztx/case_bg.png') no-repeat center top;
  background-size: cover;
  padding-bottom: 8rem;
}

.product-service.ztx .title h2 {
  color: #333;
}

.product-service.ztx .title-tip {
  color: rgba(95, 95, 95, 0.2);
}

.ztx-service-carousel {
  max-width: 160.8rem;
  margin: 0 auto;
  padding: 0 6rem;
}

.ztx-service-slide {
  display: flex;
  align-items: center;
  column-gap: 6rem;
}

.ztx-service-media {
  flex: 0 0 88rem;
  width: 88rem;
}

.ztx-service-media img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

.ztx-service-content {
  flex: 1;
  min-width: 0;
}

.ztx-service-content h3 {
  font-size: 3.6rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333;
  margin: 0 0 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 0.4rem solid #CA172D;
  display: inline-block;
  min-width: 28rem;
}

.ztx-service-content ul {
  list-style: none;
  margin: 4rem 0 0;
  padding: 0;
}

.ztx-service-content li {
  position: relative;
  padding-left: 3.6rem;
  margin-bottom: 3.2rem;
}

.ztx-service-content li:last-child {
  margin-bottom: 0;
}

.ztx-service-content li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.2rem solid #999;
  border-radius: 50%;
  box-sizing: border-box;
}

.ztx-service-content li::after {
  content: '';
  position: absolute;
  left: 0.55rem;
  top: 1.15rem;
  width: 0.7rem;
  height: 0.7rem;
  background: #999;
  border-radius: 50%;
}

.ztx-service-content li strong {
  display: block;
  font-size: 2rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333;
  line-height: 3rem;
  margin-bottom: 0.6rem;
}

.ztx-service-content li p {
  margin: 0;
  font-size: 1.6rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666;
  line-height: 2.6rem;
  text-indent: 0;
}

.ztx-service-carousel .carousel-indicators {
  position: static;
  margin: 4rem 0 0;
  gap: 1.2rem;
}

.ztx-service-carousel .carousel-indicators [data-bs-target] {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  border: 0.2rem solid #CA172D;
  background-color: transparent;
  opacity: 1;
  margin: 0;
  box-sizing: border-box;
  text-indent: -9999px;
}

.ztx-service-carousel .carousel-indicators .active {
  background-color: #CA172D;
  width: 1.4rem;
  height: 1.4rem;
}

/* 智慧城市 */
.top.city {
  background: url('../images/product/city/top_bg.jpg') no-repeat;
  background-size: cover;
}

.product-system {
  max-width: 160rem;
  margin: 0 auto 7.2rem auto;
}

.city-product-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.city-product-list li {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 24rem;
  flex: 0 0 20%;
  border: 0.5rem solid #fff;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
}

.city-product-list .city-product-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.city-product-inner img {
  width: 4rem;
  height: 4rem;
  object-fit: contain;
  margin-bottom: 0.9rem;
}

.city-product-list span {
  font-size: 2rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  z-index: 2;
}

.city-product-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.city-product-list li:hover .city-product-bg {
  transform: scale(1.2);
  transition: all .6s;
}


.city-product-list li:hover:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(0, 96, 178, 0.5);
}

.city-project {
  background: #f5f7fa;
  overflow: visible;
}

.city-project-inner {
  max-width: 160rem;
  margin: auto;
  padding: 0 0 8rem;
}

.city-case-row {
  margin: 0 auto 4rem;
  max-width: 160rem;
  position: relative;
}

.city-case-tabs {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  height: 8rem;
  background: #fff;
  position: relative;
  z-index: 5;
  overflow: visible;
}

.city-case-tabs-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
  background: #CD152E;
  transition: transform 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
  pointer-events: none;
}

.city-case-tabs-indicator::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -0.9rem;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-top: 1rem solid #CD152E;
  z-index: 6;
}

.city-case-tabs li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  cursor: pointer;
  position: relative;
  z-index: 1;
  color: #333;
  font-size: max(1.6rem, 14px);
  font-family: Microsoft YaHei;
  background: transparent;
  transition: color 0.35s ease;
}

.city-case-tabs li img {
  width: 2.8rem;
  height: 2.8rem;
  object-fit: contain;
  /* #2c2c2c ≈ brightness(0) + invert(17%) */
  filter: brightness(0) invert(17%);
  transition: filter 0.35s ease;
}

.city-case-tabs li span {
  line-height: 1;
}

.city-case-tabs li.active {
  color: #fff;
}

.city-case-tabs li.active img {
  filter: brightness(0) invert(1);
}

.city-case-panels {
  position: relative;
  height: 48rem;
  overflow: hidden;
  z-index: 1;
  /* 与 Tab 略微上叠，避免切换时露出浅灰底缝 */
  margin-top: -1px;
  background: #282c34;
}

.city-case-panel {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.75s ease, visibility 0s linear 0.75s;
  z-index: 0;
}

.city-case-panel.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.75s ease, visibility 0s;
  z-index: 1;
}

.city-case-panel.is-leaving {
  opacity: 0;
  visibility: visible;
  pointer-events: none;
  transition: opacity 0.75s ease;
  z-index: 0;
}

.city-case-panel-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  /* 略放大，避免水平滑动时边缘露底 */
  transform: translate3d(4%, 0, 0) scale(1.02);
  transform-origin: center center;
  transition: transform 0.75s ease;
}

.city-case-panel.active .city-case-panel-bg {
  transform: translate3d(0, 0, 0) scale(1.02);
}

.city-case-panel.is-leaving .city-case-panel-bg {
  transform: translate3d(-4%, 0, 0) scale(1.02);
}

.city-case-panel-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 48%;
  background: rgba(40, 44, 52, 0.72);
  z-index: 1;
  /* 遮罩不参与滑动，切换时仅随面板淡入淡出 */
  transform: none;
}

.city-case-panel.align-left .city-case-panel-mask {
  left: 0;
  clip-path: polygon(0 0, 88% 0, 100% 100%, 0 100%);
}

.city-case-panel.align-right .city-case-panel-mask {
  right: 0;
  clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
}

.city-case-panel-body {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 38%;
  color: #fff;
  transform: translate3d(4%, -50%, 0);
  transition: transform 0.75s ease;
}

.city-case-panel.active .city-case-panel-body {
  transform: translate3d(0, -50%, 0);
}

.city-case-panel.is-leaving .city-case-panel-body {
  transform: translate3d(-4%, -50%, 0);
}

.city-case-panel.align-left .city-case-panel-body {
  left: 6rem;
}

.city-case-panel.align-right .city-case-panel-body {
  right: 6rem;
  text-align: left;
}

.city-case-panel-body p {
  margin: 0 0 3.2rem;
  font-size: 1.6rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 2.8rem;
  color: #FEF1F2;
}

.city-case-more {
  outline: none;
  min-width: 10rem;
  height: 3.6rem;
  padding: 0 2rem;
  border: none;
  background: #CD152E;
  color: #fff;
  font-size: max(1.4rem, 14px);
  font-family: Arial, Microsoft YaHei;
  letter-spacing: 0.1rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.city-case-more:hover,
.city-case-more:focus,
.city-case-more:active {
  background: #b41228;
  color: #fff;
}

/* 智慧城市 · 工程案例详情 */
.top.city-case-show {
  height: 38.2rem;
  background: url('../images/product/city/detail_top_bg.jpg') no-repeat;
  background-size: cover;
}

.top.city-case-show .top-inner {
  text-align: left;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0 4rem;
}

.top.city-case-show .top-inner h1,
.top.city-case-show .top-inner p {
  text-align: left;
}

.top.city-case-show .top-inner h1 {
  margin-bottom: 1.2rem;
  font-size: 5.2rem;
  font-weight: bold;
}

.top.city-case-show .top-inner p {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.2rem;
  opacity: 0.92;
}

.city-case-show-main {
  max-width: 160rem;
  margin: 0 auto 8rem;
  padding: 0 4rem;
}

.city-case-show-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 78rem);
  gap: 4rem;
  justify-content: center;
}

.city-case-show-card {
  position: relative;
  width: 78rem;
  height: 48.2rem;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
}

.city-case-show-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s ease;
}

.city-case-show-card-mask {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem 4.8rem;
  background: rgba(20, 24, 32, 0.72);
  color: #fff;
  opacity: 0;
  transition: opacity 0.35s ease;
  text-align: center;
}

.city-case-show-card-mask h3 {
  margin: 0 0 6rem;
  font-size: 3.6rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 1.3;
  text-shadow: 8px 0px 10px rgba(7, 20, 45, 0.27);
}

.city-case-show-card-mask p {
  margin: 0;
  font-size: 1.7rem;
  font-family: Microsoft YaHei;
  line-height: 2.4rem;
  white-space: pre-line;
  opacity: 0.92;
}

.city-case-show-card:hover img {
  transform: scale(1.04);
}

.city-case-show-card:hover .city-case-show-card-mask {
  opacity: 1;
}

.city-case-show-empty {
  text-align: center;
  padding: 8rem 0;
  font-size: max(1.6rem, 14px);
  color: #999;
  font-family: Microsoft YaHei;
}

/* 房产数字化 */
.top.house {
  background: url('../images/product/house/top_bg.jpg') no-repeat;
  background-size: cover;
}

.house-channel {
  max-width: 160rem;
  margin: auto;
  padding: 8rem 10rem 10rem !important;
  background: #fff;
}

.house-channel h3 {
  font-size: 4.8rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #3A3A3A;
  margin: 0 0 1.2rem 0;
  text-align: center;
}

.house-channel-tip {
  text-align: center;
  font-size: 2rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #858585;
  margin-bottom: 4.9rem;
}

.house-channel p {
  font-size: 2rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  line-height: 3.6rem;
  text-indent: 1cm;
}

.house-channel .flow-datum-list {
  position: static;
  transform: none;
  left: auto;
  bottom: auto;
  width: 100%;
  height: auto;
  margin: 6rem auto 0;
  display: flex;
}

.house-channel .flow-datum-list li {
  height: auto;
  width: 25%;
  border-right: 0.1rem solid #D2D2D2;
  padding: 0 10rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  white-space: nowrap;
}

.house-channel .flow-datum-list li:last-child {
  border-right: none;
}

.house-channel .flow-datum-val {
  display: inline-block;
  font-size: 5.2rem;
  line-height: 5.2rem;
  font-family: DIN;
  font-weight: bold;
  color: #333333;
}

.house-channel .flow-datum-val label {
  position: relative;
  color: #333333;
}

.house-channel .flow-datum-val label:after {
  content: '';
  font-size: 1.8rem;
  color: #333333;
  position: absolute;
  right: -3rem;
  top: -1.5rem;
}

.house-channel .flow-datum-text {
  margin-top: 1.6rem;
  font-size: 1.8rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}

.house-channel .flow-datum-list li:first-child .flow-datum-val label:after {
  content: '座';
}

.house-channel .flow-datum-list li:nth-child(2) .flow-datum-val label:after {
  content: '家';
}

.house-channel .flow-datum-list li:nth-child(3) .flow-datum-val label:after {
  content: '间';
}

.house-channel .flow-datum-list li:last-child .flow-datum-val label:after {
  content: '次';
}

.industry-position {
  height: 78rem;
  background: #F5F6F8 url('../images/product/house/industry_position_bg.jpg') no-repeat center top;
  background-size: cover;
  overflow: hidden;
  box-sizing: border-box;
}

.industry-position .title {
  height: auto;
  padding: 8rem 0 5rem;
  text-align: center;
}

.industry-position .title h2 {
  position: static;
  color: #333;
  margin: 0 0 1rem;
}

.industry-position .title-tip {
  position: static;
  font-size: 2.4rem;
  color: rgba(51, 51, 51, 0.35);
  margin: 0;
}

.industry-position-list {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 4rem;
  max-width: 152rem;
  margin: 0 auto;
  padding: 0;
}

.industry-position-list li {
  position: relative;
  width: 48rem;
  height: 48rem;
  background: #fff;
  background-clip: padding-box;
  border: 1rem solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
  transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
}

.industry-position-list .badge {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  min-width: 6.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  padding: 0 1.2rem;
  background: #CA172D;
  color: #fff;
  font-size: 1.6rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  text-align: center;
}

.industry-position-list img {
  width: 12.2rem;
  height: 12.2rem;
  object-fit: contain;
  margin: 0 0 2.4rem;
}

.industry-position-list h4 {
  font-size: 3rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333;
  margin: 0 0 1.2rem;
}

.industry-position-list p {
  font-size: 1.8rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666;
  margin: 0;
  line-height: 2.6rem;
}

body:not(.layout-admin) section.channels {
  margin: 0 auto;
  padding-bottom: 4rem;
  background: url('../images/product/house/channels_bg_backdrop.png') no-repeat center / cover;
}

.channels > .title {
  max-width: 160rem;
  margin-left: auto;
  margin-right: auto;
}

.channels-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.channels-content img:first-child {
  width: 100.8rem;
  height: 8.8rem;
  object-fit: cover;
  margin: 4rem 0 10rem 0;
}

.channels-content img:last-child {
  width: 160rem;
  max-width: 100%;
  height: 63rem;
  object-fit: cover;
}

/* 详情页公共 css */
/* start */

.detail-title {
  text-align: center;
  font-size: 4.8rem;
  line-height: 4.8rem;
  /* margin-top: 8rem; */
  margin-bottom: 3rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #3A3A3A;
  position: relative;
  letter-spacing: 0.8rem;
}

.detail-title span {
  display: block;
  position: absolute;
  font-size: 4.8rem;
  font-family: Arial;
  font-weight: 400;
  color: #E0E3E9;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -3.8rem;
  z-index: -1;
  white-space: nowrap;
  letter-spacing: normal;
}

.application-scenarios-content {
  height: 52rem;
  margin-top: 5rem;
 
}

/* end */

.partner {
  text-align: center;
}

.partner img {
  display: block;
  max-width: 168.8rem;
  height: 39.4rem;
  object-fit: contain;
  margin: auto;
}

.vantage {
  height: 88rem;
  background: url('../images/product/house/vantage_bg.jpg') no-repeat;
  background-size: cover;
}

.vantage .title-tip {
  color: rgba(112, 112, 112, 0.2);
}

.vantage .title h2{
  color: #000;
}

.vantage-list {
  list-style: none;
  margin: 6rem auto 0 auto;
  display: flex;
  justify-content: center;
  column-gap: 2.7rem;
  height: 49.8rem;
}

.vantage-item {
  width: 38rem;
  height: 100%;
  position: relative;
  background: #fff;
  cursor: pointer;
  transition: transform 0.25s ease-out, box-shadow 0.25s ease-out, background-color 0.25s ease-out;
}

.vantage-item label {
  position: absolute;
  top: 6rem;
  right: 4rem;
  font-size: 16rem;
  font-family: DIN;
  font-weight: bold;
  font-style: italic;
  color: #C2C2C2;
  line-height: 5.4rem;
  opacity: 0.2;
  z-index: 1;
}

.vantage-item-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  padding: 10.9rem 4rem 9.7rem 4rem;
}

.vantage-item-content h3 {
  font-size: 3.6rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000;
  line-height: 5.4rem;
  margin: 0 0 7rem 0;
  text-align: center;
}

.vantage-item-content p {
  font-size: 2.4rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666;
  line-height: 4.4rem;
}

.vantage-item.active {
  background: #D70A30;
  transition: background-color 500ms linear;
}

.vantage-item.active label {
  color: rgba(164, 29, 54, 1);
}

.vantage-item.active h3 {
  color: #fff;
}

.vantage-item.active  p{
  color: rgba(254, 254, 254, 0.8);
}

@media (prefers-reduced-motion: reduce) {
  .gzgq-case-list .gzgq-case-item,
  .ztx-cert-item,
  .city-product-list li,
  .city-case-show-card,
  .city-case-show-card img,
  .industry-position-list li,
  .vantage-item,
  .vantage-item.active {
    transition: none !important;
  }

  .gzgq-case-list .gzgq-case-item:hover,
  .city-product-list li:hover,
  .city-case-show-card:hover,
  .industry-position-list li:hover,
  .vantage-item:hover {
    transform: none;
  }

  .city-case-show-card:hover img {
    transform: none;
  }
}