/* 顶部Banner */
body{opacity:0;}
.top-banner {
  width: 100%;
  height: 4.53rem;
  /* margin-bottom: 1.13rem; */
  position: relative;
}
.top-banner .swiper-pagination{
    bottom: 0.3rem;
    width: 100%;
}
.top-banner .swiper-pagination-bullet{margin:0 0.05rem;  width:0.12rem;
    height:0.12rem;
    background:#ffffff;
    opacity:1;}
.top-banner img {
  width: 100%;
}
.top-banner .swiper-pagination-bullet-active {
  opacity:1;
  background: #e60012 !important;
    width:0.4rem !important;
    height:0.12rem !important;
    border-radius:0.1rem !important;
}


.top-banner-text {
  font-size: 0.72rem;
  font-weight: bold;
}

.line {
  width: 1.46rem;
  height: 0.11rem;
  margin-bottom: 0.47rem;
}

.top-text-position {
  position: absolute;
  top: 1.56rem;
  left: 1.25rem;
}

/* 我行概况 */
.whgk {
  display: flex;
  justify-content: space-between;
}

.whgk-img {
  height: 7rem;
  width: 5.84rem;
  margin-left: 1rem;
}

.section-title a {
  font-size: 0.3rem;
  line-height: 0.28rem;
  color: #222222;
}
.section-title a:hover{ color:#e6002D;}

.line2 {
  width: 1.1rem;
  height: 0.06rem;
  margin-top: 0.34rem;
  margin-bottom: 0.4rem;
}

.line2>img {
  width: 100%;
  height: 100%;
}

.whgk-right {
  width: 7.36rem;
  margin-top: 1rem;
}

.whgk-content p {
  font-size: 0.2rem;
  line-height: 0.4rem;
  color: #222222;
}

.whgk-content p:nth-child(1) {
  /* margin-bottom: 0.6rem; */
}

.whgk-banner {
  width: 100%;
  background: url(/eportal/uiFramework/commonResource/image/2025110815593511737.png) no-repeat center center;
  background-size: cover;
  padding:0.2rem 0;
}

.lb-banner {
  width: 100%;
  height: 3.45rem;
  background: url(/eportal/uiFramework/commonResource/zip/gywhimg/gywhimg/lbbg.png) no-repeat center center;
  background-size: cover;
}

.lb-tabs {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* 顶部三图区域（Swiper） */
.lb-swiper-container {
  width: 100%;
  margin-top: 0.8rem;
  /* 顶部间距（如图） */
  margin-bottom: 0.3rem;
  /* 与按钮的间距 */
}

.lb-swiper-container .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lb-poster {
  display: block;
  width: 3.8rem;
  height: 2.15rem;
  border-radius: 0.06rem;
}

/* 胶囊控制按钮条（3个分组） */
.lb-tab-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.9rem;
  margin-bottom: 0.75rem;
  width: 100%;
  --btn-w: 1.8rem;
  --btn-h: 0.16rem;
}

/* 胶囊按钮样式（选中红色“舌形”） */
.lb-tab-buttons .lb-btn {}

.lb-tab-buttons .lb-btn:hover {
  transform: translateY(-1px);
}

.lb-tab-buttons .lb-btn.active {
  background: #E60012;
}

/* 画廊舞台高度（与图片高度一致），避免裁切 */
.lb-gallery-stage {
  height: 2.15rem;
}

.lb-poster {
  display: block;
  width: 3.8rem;
  height: 2.15rem;
  border-radius: 0.06rem;
}

/* 胶囊控制按钮条 */
.lb-tab-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.9rem;
  margin-bottom: 0.75rem;
  width: 100%;
  --btn-w: 1.8rem;
  --btn-h: 0.16rem;
}

/* 胶囊按钮样式 */
.lb-btn {
  width: 0.61rem;
  height: 0.05rem;
  background-color: #adadad;
  color: rgb(173, 173, 173, 0.4);
}

.lb-btn:hover {
  transform: translateY(-1px);
}




.lb-btn.active {
  background: #E60012;
}

/* 桌面默认不显示移动版容器 */
.lb-swiper-m-container {
  display: none;
}

/* 轮播区容器：纵向布局，上图下按钮 */
.lb-tabs {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* 顶部三张图片画廊 */
.lb-gallery {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  /* 三图间距（如图） */
  margin-top: 0.6rem;
  /* 顶部间距（如图） */
  margin-bottom: 0.3rem;
  /* 与按钮间距 */
  width: 100%;
}

.lb-poster {
  display: block;
  width: 4.74rem;
  /* 视觉宽度，可微调 */
  height: 2.1rem;
  /* 视觉高度 */
  border-radius: 0.06rem;
}

/* 下方按钮条 */
.lb-tab-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.16rem;
  /* 三个按钮间距 */
  margin-bottom: 0.75rem;
  /* 底部间距（如图） */
  width: 100%;
}

/* 按钮样式（含选中态） */


.lb-btn:hover {
  transform: translateY(-1px);
}

.lb-btn.active {
  background: #E60012;
  color: #fff;
  border-color: #E60012;
}

/* 第一个 lb-btn */
.lb-btn:nth-child(1) {
  border-radius: 0 0 0 0.05rem;
}

.lb-btn:nth-child(3) {
  border-radius: 0 0.05rem 0 0;
}

/* 新闻中心及企业文化 */
.xwzx-qywh {
  display: flex;
  justify-content: space-between;
  margin-top: 0.7rem;
}

.xwzx-left,
.qywh-right {
  width: 7.5rem;
}



.xwzx-list>.xwzx-item {
  display: flex;
  justify-content: space-between;
}
.xwzx-list>.xwzx-item>a:hover{color:#e60012;}
.xwzx-list>.xwzx-item>a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  font-size: 0.2rem;
  line-height: 0.46rem;
  color: rgba(51, 51, 51, 1);
}


.xwzx-list>.xwzx-item>span {
  font-size: 0.2rem;
  line-height: 0.46rem;
  color: rgba(153, 153, 153, 1);
}

.qywh-img {
  width: 100%;
}

.qywh-img>img {
  width: 100%;
  height: 100%;
}

.tzzgx-xxzl-xbqy {
	display: flex;
	justify-content: space-between;
	margin-top: 1rem;
	margin-bottom:0.4rem;
}

.tzzgx-xxzl-xbqy>a {
  width: 5.2rem;
  border-radius: 0.11rem;
  display: block;
}

.tzzgx-xxzl-xbqy>a>img {
  width: 100%;

}

.tzzgx-xxzl-xbqy {
  display: flex;
}

.tzzgx {
  position: relative;
  /* background: url(/eportal/uiFramework/commonResource/zip/gywhimg/gywhimg/tzzgx.png) no-repeat center center;
  background-size: cover; */
}

.xxzl {
  position: relative;
  /* background
  : url(/eportal/uiFramework/commonResource/zip/gywhimg/gywhimg/xxzl.png) no-repeat center center;
  background-size: cover; */
}

.xbqy {
  position: relative;
  /* background: url(/eportal/uiFramework/commonResource/zip/gywhimg/gywhimg/xbqy.png) no-repeat center center;
  background-size: cover; */
}

.tzzgx>span,
.xxzl>span,
.xbqy>span {

  font-weight: 700;
  left: 0.5rem;
  font-size: 0.481rem;
  color: rgba(59, 132, 242, 1);
}

.xbqy>span {
  position: absolute;
  top: 0.5rem;
  display: inline-block;
  width: 2.3rem
}

.tzzgx>span,
.xxzl>span {
  position: absolute;
  top: 0.77rem;
  left: 0.5rem;
}

/* 768px–1200px 平板端适配 */
@media (min-width: 768px) and (max-width: 1200px) {
	.top-text-position{
		position: absolute;
		top: 50%;
		left: 5%;
	}
	.top-banner-text{
		font-size: 0.5rem;
	}

	.line{
		width:1.2rem;
	}


    .index-foot{height:auto !important;}


    .top-banner{padding-top:1.4rem;}






  /* 容器与基础间距 */
  .w1670 {
    width: 100%;
    max-width: 1200px;
    padding: 0 24px;
    box-sizing: border-box;
    margin: 0 auto;
  }

  .section-title {
    font-size: 0.4rem;
    line-height: 0.28rem;
  }

  /* 顶部概况两列 */
  .whgk {
    gap: 20px;
    align-items: flex-start;
    justify-content: space-around;
  }



  .whgk-img {
    width: 6.3rem;
    height: auto;
    margin-left: 0;
    margin-top: 20%;
  }

  .whgk-right {
    width: auto; 
    flex: 1;
    margin-top: 0.6rem;
  }

  .whgk-content p {
    font-size: 0.3rem;
    line-height: 0.5rem;
  }

  /* 轮播（桌面版容器保留，但稍微缩小图） */
  .lb-banner .w1670 {
    padding: 0 24px;
  }

  .lb-swiper-container {
    margin-top: 0.6rem;
    margin-bottom: 0.24rem;
  }

  .lb-poster {
    width: 5.2rem;
    height: auto;
  }

  .lb-tab-buttons {
    gap: 0.6rem;
    margin-bottom: 0.6rem;
  }

  /* 新闻中心与企业文化并排两列 */
  .xwzx-qywh {
    gap: 24px;
  }

  .xwzx-left,
  .qywh-right {
    width: calc(50% - 12px);
  }

  .xwzx-list>.xwzx-item>a {
    font-size: 0.3rem;
    line-height: 0.6rem;
  }
.xwzx-list>.xwzx-item a .titinfo{
  display:block;
  width:75%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:0.5rem;

  
}
  .xwzx-list>.xwzx-item>span {
    font-size: 0.18rem;
    line-height: 0.40rem;
  }

  /* 企业文化区：两列卡片 */
  .tzzgx-xxzl-xbqy {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 0.8rem;
  }

  .tzzgx-xxzl-xbqy>a {
    width: auto;
    border-radius: 0.08rem;
  }

  .tzzgx-xxzl-xbqy>a>img {
    width: 100%;
    height: auto;
    border-radius: 0.08rem;
  }

  .tzzgx>span,
  .xxzl>span,
  .xbqy>span {
    left: 0.4rem;
    font-size: 0.40rem;
  }

  .tzzgx>span,
  .xxzl>span {
    top: 0.6rem;
  }

  .xbqy>span {
    top: 0.4rem;
    width: auto;
  }
}

/* ≤768px 移动端适配（单列 + 竖排轮播） */
@media (max-width: 767px) {
    .xwzx-list{margin-bottom:0.2rem;}
.whgk-banner{padding-top:0.8rem;box-sizing: border-box;padding-bottom: 0.6rem;}
.line2{margin-bottom: 0.4rem;width: 1rem;margin-top: 0.2rem;}
  /* 容器与基础间距 */
  .top-banner {
    width: 100%;
    height: unset;
    padding-top: 0.8rem;
    margin-bottom: unset;
  }
   
  .top-banner>img {
    width: 100%;
    height: 100%;
  }

  .line {
    width: 1rem;
    height: 0.08rem;
    margin-bottom: 0.2rem;
  }

  .line>img {
    width: 100%;
    height: 100%;
  }

  .top-text-position {
    position: absolute;
    top: 54%;
    left: 5%;
  }

  .top-banner-text {
    font-size: 0.3rem;
    font-weight: bold;
  }

.top-banner .swiper-pagination{
    bottom: 0.1rem;
}

  .w1670 {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
    margin: 0 auto;
  }

  .section-title {
    font-size: 0.32rem;
    line-height: unset;
  }

  /* 顶部概况单列 */
  .whgk {
    flex-wrap: wrap;
    gap: 12px;
  }

  .lb-banner {
    height: unset;
  }

  .whgk-img {
    width: 70%;
    height: auto;
    margin-left: unset;
    margin: 0 auto;
  }

  .whgk-right {
    width: 100%;
    margin-top: 0.4rem;
  }

  .whgk-content p {
    font-size: 0.28rem;
    line-height: 0.5rem;
  }

  /* 轮播：显示移动版竖排容器，隐藏桌面版 */
  .lb-swiper-container {
    display: none;
  }

  .lb-swiper-m-container {
    display: block;
  }

  .lb-banner .w1670 {
    padding: 0px 12px;
    padding-top: 10px;
    box-sizing: border-box;
  }

  .lb-tab-buttons {
    gap: 24px;
    margin-top: 8px;
    margin-bottom: 0.5rem;
  }

  /* 移动版竖排每组三图的样式 */
  .lb-m-column {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .lb-m-poster {
    width: 100%;
    height: auto;
    border-radius: 6px;
    object-fit: cover;
  }

  /* 新闻中心与企业文化单列 */
  .xwzx-qywh {
    flex-direction: column;
    gap: 16px;
    margin-top: 0.6rem;
  }

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

  .xwzx-list>.xwzx-item>a {
    font-size: 0.18rem;
    line-height: 0.5rem;
  }
 .xwzx-list>.xwzx-item a .titinfo{
    display:block;
    width: 75%;
    overflow:
    hidden;
    text-overflow: ellipsis;
    white-space:
    nowrap;
  }
  .xwzx-list>.xwzx-item span {
    font-size: 0.28rem;
    line-height: 0.6rem;
  }

  /* 企业文化区：单列卡片 */
  .tzzgx-xxzl-xbqy {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 0.6rem;
  }

  .tzzgx-xxzl-xbqy>a {
    width: 100%;
    border-radius: 6px;
  }

  .tzzgx-xxzl-xbqy>a>img {
    width: 100%;
    height: auto;
    border-radius: 6px;
  }

  .tzzgx>span,
  .xxzl>span,
  .xbqy>span {
    left: 0.3rem;
    font-size: 0.36rem;
  }

  .tzzgx>span,
  .xxzl>span {
    top: 0.5rem;
  }

  .xbqy>span {
    top: 0.4rem;
    width: auto;
  }
}