/*!
 * zc.html（政府采购网对接）页面专属样式
 * 说明：本页同时引用了旧站公共样式 mystyle.css，这里只做覆盖，不修改公共文件。
 */

/* ============ 1. 顶部吸顶 ============
 * mystyle.css 中的 html, body { height: 100% } 会让 body 只有一屏高，
 * 而 sticky 头部的“约束框”就是 body 的盒模型，于是滚动超过一屏后头部就跟着滚走了。
 * 这里把高度改回自适应，头部即可全程吸顶。 */
html,
body {
  height: auto;
  min-height: 100%;
}

/* styles.css 里遗留的 header { height: 100px } 会给组件头部多撑出 12px 空白，
 * 这里按头部自身高度自适应（88px + 1px 下边框）。 */
.gw-header.header {
  height: auto;
}

/* ============ 2. 顶部轮播图 ============
 * 轮播图原图是 1920×500，banner 容器高 550px，
 * 原样式下图片按原尺寸居中显示，会左右裁切、上下露出白底，这里让图片铺满容器。 */
.s_banner {
  background-color: #0b52d6;
}

.s_banner .swiper-slide {
  background: transparent;
}

.s_banner .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ============ 3. 轮播分页圆点 ============ */
.s_banner .swiper-pagination {
  left: 0;
  right: 0;
  bottom: 24px;
  width: auto;
}

.s_banner .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 6px !important;
  background: #fff;
  opacity: .5;
}

.s_banner .swiper-pagination-bullet-active {
  width: 12px !important;
  height: 12px !important;
  background: #fff !important;
  opacity: 1;
}

/* 咨询按钮：必须白字（避免被全局 a 链接色覆盖） */
a.btn,
.btn {
  color: #fff !important;
}
a.btn:hover,
.btn:hover {
  color: #fff !important;
}

/* 专利证书轮播：分页圆点水平居中，并下移避免叠在证书上 */
.k_third .swiper_wrap {
  height: auto;
  min-height: 750px;
  margin-bottom: 40px;
}
.k_third-swiper {
  padding-bottom: 56px;
  box-sizing: border-box;
}
.k_third-swiper .swiper-pagination.third-point,
.k_third-swiper .third-point.point {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  bottom: 8px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  transform: none !important;
}

/* 合作案例：图可点进详情 */
.k_four-swiper .swiper-slide a {
  display: inline-block;
  line-height: 0;
}
.k_four-swiper .swiper-slide a img {
  width: 450px;
  border: 1px solid #ccc;
}
.k_four-swiper .kfour-point {
  left: 0 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}