/* =============================================================================
   新闻动态、关于我们、加入我们页面样式
   ============================================================================= */

.grayBg {
  background: #f9f9fb;
  display: block;
  height: auto;
}

.newsBanner,
.newsDetailCon {
  margin-top: 86px;
  background: #f9f9fb;
}

/***** 顶部轮播（图片 1920 x 560，所有分类共用） *****/
.newsBanner {
  background: #ffffff;
}

/* 分类名以 h1 提供给搜索引擎和读屏，视觉上由轮播图和面包屑呈现 */
.newsBanner__title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.newsSwiper {
  position: relative;
  width: 100%;
}

.newsSwiper .swiper-slide {
  overflow: hidden;
}

.newsSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  /* 用固定比例预留高度，图片加载前后不跳动 */
  aspect-ratio: 1920 / 560;
  object-fit: cover;
}

.newsSwiper__pagination.swiper-pagination {
  position: static;
  padding: 14px 0 16px;
  background: #ffffff;
}

.newsSwiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background: #c9ccd1;
  opacity: 1;
}

.newsSwiper .swiper-pagination-bullet-active {
  background: #333333;
}

/***** 面包屑 *****/
.NewsContentList .content_title {
  margin: 0;
  font-size: 16px;
  color: #666666;
}

.crumbs-sep {
  margin: 0 6px;
  color: #999999;
}

#crumbs .current {
  color: #333333;
}

/***** 新闻内容部分 *****/
.NewsContent {
  width: 68%;
  margin: 0 auto !important;
  padding: 20px 0 60px 0 !important;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.NewsContentList {
  width: 63%;
  display: block;
}

.NewsContentListCon {
  margin-top: 12px;
  width: 100%;
  box-sizing: border-box;
  min-height: 10px;
  background-color: #fff;
  border: 1px solid #e1e2e4;
  border-radius: 2px;
  padding: 20px;
  display: block;
  height: auto;
}

.NewsContentTag {
  width: 34%;
  padding-top: 28px;
}

.NewsContentList-Main {
  width: 100%;
  margin: 20px 0 40px 0;
}

.news-Title {
  font-size: 20px;
  color: #2f3542;
  margin: 10px 0;
  font-weight: bold;
}

.news-Title a {
  color: #2f3542;
  text-decoration: none;
  width: 98%;
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.news-Title a:hover {
  color: #cc373c !important;
  text-decoration: none;
}

.news-Content {
  align-content: flex-start;
  align-items: start;
  justify-content: space-between;
}

.news-Content>img,
.news-Content .thumbnail {
  width: 40%;
  padding: 0 !important;
  border: none !important;
  display: block;
  overflow: hidden;
  max-width: 280px;
  margin-right: 20px;
}

.news-Content .thumbnail img {
  display: block;
  width: 100%;
  /* 统一缩略图比例，避免各文章配图高度参差 */
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.news-Content .news-Contentright {
  width: 56%;
  flex: 1 1 56%;
  font-size: 14px;
  color: #424242;
  flex-direction: column;
  justify-content: space-between;
}

.news-Content .news-Contentright p {
  width: 100%;
  font-size: 16px;
}

.news-Content .news-Contentright p.news-date {
  color: #999999;
  font-size: 14px;
}

.timeIcon {
  width: 14px;
  margin: -2px 4px 0 4px;
}

/******** 新闻推荐 ********************/
.NewsRecommend {
  width: 100%;
  margin: 22px 0;
}

.NewsRecommend ul,
.NewsRecommend ul li {
  padding: 0;
  margin: 0;
  width: 100%;
}

.NewsRecommend ul li a,
.NewsRecommend ul li a:hover {
  width: 100%;
  display: block;
  font-size: 14px;
  color: #868d99;
  padding: 4px 0;
  text-decoration: none;
  word-break: keep-all;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.NewsRecommend ul li a:hover,
.HotLabels div:hover,
.HotLabels a:hover {
  color: #cc373c;
  text-decoration: none;
}

.HotLabels {
  width: 100%;
  align-items: start;
  align-content: start;
  justify-content: start;
  flex-wrap: wrap;
}

.HotLabels>div,
.HotLabels>a {
  width: auto;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 12px;
  color: #868d99;
  background-color: #f5f5f5;
  padding: 4px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}

.news-tag-clear {
  margin-left: 10px;
  color: #cc373c;
  font-size: 13px;
}

/* ****** 详情页面 ******* */

.new_content_title {
  font-size: 20px;
  font-weight: bold;
  margin: 16px 0;
}

.caidan_bg {
  clear: both;
  font-size: 13px;
  color: #666;
  letter-spacing: 1px;
}

.caidan_bg span {
  margin-right: 10px;
}

.new_content {
  width: 100%;
  overflow-x: hidden;
  padding: 20px 0;
}

.new_content,
.new_content p {
  font-size: 16px;
  line-height: 1.8;
  margin: 8px 0;
}

.pian {
  width: 100%;
  flex-wrap: wrap;
  margin: 20px 0;
  padding-top: 26px;
  /* border-top:1px solid #e3e7ed; */
  justify-content: space-between;
}

.pian>div {
  width: 48% !important;
  margin: 4px 0;
  width: 100%;
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  text-align: left;
  color: #868d99;
}

.pian>div a {
  color: #868d99;
  text-decoration: none;
}

.pian>div:hover,
.pian>div a:hover {
  color: #333333;
  text-decoration: none;
}

/************************************************ 媒体查询 ************************************************/

@media (min-width: 992px) and (max-width: 1199px) {
  .NewsContent {
    width: 76%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

  .NewsContent {
    width: 86%;
  }
}

/* col-xs  手机*/
@media screen and (max-width: 767px) {

  /*** banner部分 ****/
  .newsBanner,
  .newsDetailCon {
    margin-top: 62px;
  }

  /***** 新闻内容部分 *****/
  .NewsContent {
    width: 94%;
  }

  .NewsContentList,
  .NewsContentTag {
    width: 100%;
  }

  /* 移动端侧栏在列表下方，不再为对齐留出面包屑高度 */
  .NewsContentTag {
    padding-top: 0;
  }

  .newsSwiper__pagination.swiper-pagination {
    padding: 8px 0 10px;
  }

  .news-Content .news-Contentright,
  .HotLabels>div,
  .HotLabels a,
  .NewsRecommend ul li a,
  .NewsRecommend ul li a:hover {
    font-size: 13px;
  }

  .NewsRecommend ul li a,
  .NewsRecommend ul li a:hover {
    padding: 4px 0;
  }

  .NewsContentList .content_title,
  .news-Content .news-Contentright p {
    font-size: 14px;
  }
  .news-Content .news-Contentright p.news-date {
    font-size: 12px;
  }

  .HotLabels>div,
  .HotLabels a {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 13px;
  }

  .pian>div {
    width: 96% !important;
    text-align: left !important;
  }

  .new_content,
  .new_content p {
    font-size: 14px;
  }
}

.aboutUstxt {
  background: url("https://cdn.epaynfc.com/1/website/version2/changeImg/aboutUs/banner-2.jpg");
  background-size: 100% 100%;
  padding: 60px 0;
}

.aboutUs-H1 {
  margin-top: 100px;
  color: #fff;
  text-align: center;
}

.aboutUs-Text {
  color: #ffffff;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.aboutUs-Text div {
  width: 46%;
}

@media screen and (min-width: 1200px) {
  .aboutUs-Text div {
    font-size: 15px;
  }
}

.aboutUs-develop {
  height: auto;
  display: block;
}

.honours_years {
  margin: 0 auto;
  position: relative;
  width: 44%;
  background: #D32534;
  display: block;
  padding: 0;
  overflow: hidden;
  min-height: 700px;
  height: 700px;
}

.honours_quan {
  height: auto;
  margin-left: 22px;
}

.honours_quanItem {
  z-index: 20;
  align-items: self-start;
  justify-content: start;
  flex-wrap: nowrap;
  margin-bottom: 12px;
}

.honours_quanItem span {
  width: 50px;
  flex: 0 0 50px;
  font-size: 15px;
}

.honours_quan .timeLine-rightText {
  font-size: 13px;
  flex: 1;
  color: #FFE0E0;
}

.honours_quan .timeLine-rightText p {
  position: relative;
  text-indent: 12px;
  margin: 0 0 6px !important;
}

.honours_quan .timeLine-rightText p:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 6px;
  background: #FFE0E0;
  border-radius: 50%;
}

.diploma {
  width: 56%;
  margin-top: 40px;
  flex-wrap: wrap;
  align-content: space-between;
}

.diploma img {
  width: 100%;
}

.honoursCls {
  flex-wrap: wrap;
  background: radial-gradient(38% 50% at 50% 50%, #FFFFFF 0%, #F4F7F8 100%);
}

/* 时间轴新样式 - 已改为轮播 */

.year-title {
  font-size: 26px;
  color: #FFDBA3;
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.year-title span {
  width: 12px;
  height: 12px;
  background: #FFFFFF;
  border: 3px solid #E4AA70;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}

/* Swiper轮播图样式 */
.honoursSwiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

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

.honoursSwiper .swiper-slide img {
  width: 100%;
  max-width: 700px;
  height: auto;
  object-fit: contain;
}

.honoursSwiper .swiper-pagination {
  bottom: 10px;
}

.honoursSwiper .swiper-pagination-bullet {
  opacity: 1 !important;
  width: 132px !important;
  height: 9px !important;
  background: #D8D8D8;
  border-radius: 5px;
}

.honoursSwiper .swiper-pagination-bullet-active {
  opacity: 1;
}

/* 获得知识产权模块样式 */
.intellectual-property-section {
  background: #fff;
}

.ip-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 900px;
  margin: 20px 0 40px 0;
}

.ip-card {
  display: flex;
  align-items: center;
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  transition: all 0.3s ease;
}

.ip-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

.ip-icon {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  flex-shrink: 0;
}

.ip-info {
  display: flex;
  flex-direction: column;
}

.ip-number {
  font-size: 28px;
  font-weight: bold;
  color: #333;
  line-height: 1;
  margin-bottom: 5px;
}

.ip-label {
  font-size: 14px;
  color: #a1a1a1;
}


/* 响应式 */
@media screen and (max-width: 991px) {
  .ip-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}

@media screen and (max-width: 767px) {

  .ip-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin: 30px auto;
  }

  .ip-card {
    padding: 15px;
  }

  .ip-icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }

  .ip-number {
    font-size: 24px;
  }

  .ip-label {
    font-size: 12px;
  }
}

@media screen and (max-width: 500px) {
  .ip-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px
  }

}

/* 获得资质模块样式 */
.qualifications-section {
  padding: 60px 0 0;
  background: #f8f9fa;
}

/* 垂直时间轴 - 四列布局 */
.qualifications-timeline {
  margin: 20px auto;
  padding: 20px 0 50px 0;
}

.timeline-columns {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.timeline-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

.timeline-column:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 7px;
  top: 25px;
  bottom: 0;
  width: 1px;
  height: 96%;
  background: #e0e0e0;
}

.column-header {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.year-dot {
  width: 14px;
  height: 14px;
  background: #fff;
  border: 3px solid #c83c3c;
  border-radius: 50%;
  margin-right: 10px;
  flex-shrink: 0;
}

.year-label {
  font-size: 18px;
  font-weight: bold;
  color: #c83c3c;
}

.column-content {
  padding: 0 10px 0 26px;
}

.month-item {
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #e0e0e0;
}

.month-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.month-item .month {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  display: block;
  margin-bottom: 2px;
}

.month-item p {
  font-size: 13px;
  color: #666;
  line-height: 1.8;
  margin: 0 0 5px 0;
}

.month-item p:last-child {
  margin-bottom: 0;
}

/* 资质证书图片 */

/* 响应式 */
@media screen and (max-width: 991px) {
  .timeline-columns {
    gap: 15px;
  }

  .month-item .month {
    font-size: 13px;
  }

  .month-item p {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .qualifications-section {
    padding: 40px 0 0;
  }

  .timeline-columns {
    flex-wrap: wrap;
    gap: 20px;
  }

  .timeline-column {
    flex: 0 0 calc(50% - 10px);
  }

  .timeline-column::after {
    content: '';
    position: absolute;
    left: 7px;
    top: 25px;
    bottom: 0;
    width: 1px;
    height: 96%;
    background: #e0e0e0;
  }

  .year-label {
    font-size: 16px;
  }

  .month-item {
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 500px) {
  .timeline-column {
    flex: 0 0 100%;
  }

  .timeline-column:nth-child(odd)::after {
    display: none;
  }
}


.chanquan-grid {
  display: none;
}

.chanquan-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
}

.chanquan-row img {
  height: auto;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* 991px及以下显示网格，隐藏大图 */
@media screen and (max-width: 991px) {
  .chanquan-large-img {
    display: none;
  }

  .chanquan-grid {
    display: block;
    padding: 20px;
  }

  /* 991-600px 一行3个 */
  .chanquan-row img {
    width: calc(33.333% - 14px);
    max-width: 280px;
  }
}

/* 600px及以下 一行2个 */
@media screen and (max-width: 600px) {
  .chanquan-grid {
    padding: 15px;
  }

  .chanquan-row {
    gap: 15px;
  }

  .chanquan-row img {
    width: calc(50% - 7.5px);
    max-width: none;
  }
}

.leadercont {
  justify-content: space-between;
  width: 100%;
  padding: 30px 40px;
  background: #fff;
  border-radius: 8px;
}

.leadercont img {
  width: 13%;
  /* margin: 0 25px; */
}

@media screen and (min-width: 768px) and (max-width: 991px) {

  .honours_years,
  .diploma {
    width: 100%;
  }

  .diploma {
    margin: 10px 0;
  }
}

@media screen and (max-width: 500px) {

  .diploma img {
    width: 100%;
    margin: 15px 0;
  }

  .leadercont {
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 20px 4px;
  }

  .leadercont img {
    width: 35%;
    margin: 20px;
  }
}

@media screen and (max-width: 767px) {

  .honours_years,
  .diploma {
    width: 100%;
  }

  .diploma {
    margin: 10px 0;
  }

  .aboutUs-Text>div {
    width: 100%;
    margin: 10px 0;
  }

  .aboutUs-H1 {
    font-size: 26px;
    margin-top: 60px;
  }

  .aboutUstxt {
    padding-bottom: 40px;
  }

}

/* 荣誉时间轴轮播样式 */
.timeline-swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  color: white;
}

.honoursTimelineSwiper {
  width: 100%;
  height: 100%;
  position: relative;
}

.honoursTimelineSwiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}

.honoursTimelineSwiper .swiper-slide {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
}

/* 时间轴线 */

.timeline-slide-content {
  padding: 40px 30px;
  padding-left: 60px;
  gap: 30px;
  height: 100%;
  position: relative;
}

.honoursTimelineSwiper .year-group {
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

.honoursTimelineSwiper .year-group:last-child {
  margin-bottom: 0;
}

/* 分页指示器样式 */
.honoursTimelineSwiper .swiper-pagination {
  position: absolute;
  bottom: 20px !important;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.honoursTimelineSwiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
  margin: 0 8px;
  transition: all 0.3s ease;
  display: inline-block;
}

.honoursTimelineSwiper .swiper-pagination-bullet-active {
  background: #fff;
  transform: scale(1.2);
}

/* 响应式样式 */
@media screen and (max-width: 991px) {
  .timeline-swiper-container {
    height: 100%;
    padding: 30px 20px;
  }

  .timeline-slide-content {
    padding: 15px;
    padding-left: 35px;
    gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  .honours_years {
    width: 100%;
  }

  .timeline-swiper-container {
    height: 100%;
    padding: 25px 15px;
  }

  .timeline-slide-content {
    padding: 12px;
    padding-left: 30px;
    gap: 15px;
  }

  .honoursTimelineSwiper .year-title {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .honoursTimelineSwiper .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    margin: 0 8px;
  }
}

@media screen and (max-width: 500px) {
  .timeline-swiper-container {
    height: 730px;
    padding: 20px 10px;
  }

  .timeline-slide-content {
    padding: 10px;
    padding-left: 10px;
    gap: 12px;
  }

  .honours_quan {
    margin-left: 12px;
  }

  .honours_quanItem span {
    width: 44px;
    flex: 0 0 44px;
  }

  .honoursTimelineSwiper .year-title {
    font-size: 18px;
    margin-bottom: 6px;
  }

  .honoursTimelineSwiper .honours_quanItem {
    font-size: 12px;
  }

  .honoursTimelineSwiper .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    margin: 0 8px;
  }
}

.joinUstxt {
  background: url("../images/aboutus/joinUs/joinbanner.jpg");
  background-size: 100% 100%;
  padding-bottom: 40px;
}

.join_us {
  margin: 0 auto 50px;
}

.join_us_img {
  overflow: hidden;
  width: 100%;
}

.join_us_img>p {
  text-align: center;
  margin: 0 !important;
  font-size: 20px;
  margin-bottom: 48px;
}

.join_us_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 40px;
  margin-top: 40px;
}

.join_us_img_01 {
  width: 46%;
}

.join_us_img_p {
  margin: 12px 0 10px;
  font-size: 20px;
}

.table_1 td {
  vertical-align: middle !important;
}

.table_1 table tr,
.table_1 th {
  text-align: center;
}

.table_1 th {
  width: 50%;
}

table {
  margin-top: 50px;
}


@media screen and (max-width: 767px) {

  .joinUstxt.secondPageBanner {
    padding-top: 40px;
    padding-bottom: 0px;
    min-height: 240px;
  }

  .join_us_img>p {
    font-size: 16px;
    margin-bottom: 40px;
  }

  .join_us_img_p {
    margin: 6px 0 0px;
    font-size: 16px;
  }

  .join_us_img_01 {
    width: 100%;
  }

  /* 移动端不做 fadeInRight 入场：该动画从右侧 100% 处飞入，
       会把文档横向撑宽（390 视口下 scrollWidth 达到 721），
       结束后仍残留横向滚动；同时避免 WOW 初始隐藏导致的延迟显示 */
  .join_us.wow {
    visibility: visible !important;
    animation: none !important;
  }
}