/*认证咨询*/

/*.epower-home-service .banner {
    width: 100%;
    height: 340px;
    overflow: hidden;
    background: url("../../../img/service-img.png") no-repeat center center;
    background-size: cover;
}*/

.epower-home-service .banner {
  width: 100%;
  height: 340px;
  overflow: hidden;
  position: relative;
  background: #f0f0f0;
}

.epower-home-service .banner .bg1,
.epower-home-service .banner .bg2,
.epower-home-service .banner .bg3,
.epower-home-service .banner .bg4,
.epower-home-service .banner .bg5,
.epower-home-service .banner .bg6,
.epower-home-service .banner .bg7,
.epower-home-service .banner .bg8,
.epower-home-service .banner .bg9,
.epower-home-service .banner .bg10 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.5s ease;
}


.epower-home-service .banner .bg1 { background-image: url("../../../img/service-img.png"); }
.epower-home-service .banner .bg2 { background-image: url("../../../img/service-img2.jpg"); }
.epower-home-service .banner .bg3 { background-image: url("../../../img/service-img3.jpg"); }
.epower-home-service .banner .bg4 { background-image: url("../../../img/service-img4.jpg"); }
.epower-home-service .banner .bg5 { background-image: url("../../../img/service-img5.jpg"); }
.epower-home-service .banner .bg6 { background-image: url("../../../img/service-img6.jpg"); }
.epower-home-service .banner .bg7 { background-image: url("../../../img/service-img7.jpg"); }
.epower-home-service .banner .bg8 { background-image: url("../../../img/service-img8.jpg"); }
.epower-home-service .banner .bg9 { background-image: url("../../../img/service-img9.jpg"); }
.epower-home-service .banner .bg10 { background-image: url("../../../img/service-img10.jpg"); }

.epower-home-service  .banner .banner-indicators {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 999;
}
.epower-home-service  .banner .banner-indicators .indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: background 0.3s ease;
}

.epower-home-service .banner .banner-indicators .indicator.active {
  background: #ffffff;
}

.epower-home-service .banner .banner-radio {
  display: none;
}



/*梯度培育*/
/*.epower-home-service .bannertdpy {
    width: 100%;
    height: 340px;
    overflow: hidden;
    background: url("../../../img/service-imgtdpy.jpg") no-repeat center center;
    background-size: cover;
}*/

.epower-home-service .bannertdpy {
  width: 100%;
  height: 340px;
  overflow: hidden;
  position: relative;
  background: #f0f0f0;
}

.epower-home-service .bannertdpy .bg1,
.epower-home-service .bannertdpy .bg2,
.epower-home-service .bannertdpy .bg3,
.epower-home-service .bannertdpy .bg4,
.epower-home-service .bannertdpy .bg5,
.epower-home-service .bannertdpy .bg6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.5s ease;
}


.epower-home-service .bannertdpy .bg1 { background-image: url("../../../img/service-imgtdpy.jpg"); }
.epower-home-service .bannertdpy .bg2 { background-image: url("../../../img/service-imgtdpy2.jpg"); }
.epower-home-service .bannertdpy .bg3 { background-image: url("../../../img/service-imgtdpy3.jpg"); }
.epower-home-service .bannertdpy .bg4 { background-image: url("../../../img/service-imgtdpy4.jpg"); }
.epower-home-service .bannertdpy .bg5 { background-image: url("../../../img/service-imgtdpy5.jpg"); }
.epower-home-service .bannertdpy .bg6 { background-image: url("../../../img/service-imgtdpy6.jpg"); }

.epower-home-service  .bannertdpy .banner-indicators {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 999;
}
.epower-home-service  .bannertdpy .banner-indicators .indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: background 0.3s ease;
}

.epower-home-service .bannertdpy .banner-indicators .indicator.active {
  background: #ffffff;
}

.epower-home-service .bannertdpy .banner-radio {
  display: none;
}

/*资格培训*/
/*.epower-home-service .bannerzgpx {
    width: 100%;
    height: 340px;
    overflow: hidden;
    background: url("../../../img/service-imgzgpx.jpg") no-repeat center center;
    background-size: cover;
}*/
.epower-home-service .bannerzgpx {
  width: 100%;
  height: 340px;
  overflow: hidden;
  position: relative;
  background: #f0f0f0;
}

.epower-home-service .bannerzgpx .bg1,
.epower-home-service .bannerzgpx .bg2,
.epower-home-service .bannerzgpx .bg3,
.epower-home-service .bannerzgpx .bg4,
.epower-home-service .bannerzgpx .bg5,
.epower-home-service .bannerzgpx .bg6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.5s ease;
}


.epower-home-service .bannerzgpx .bg1 { background-image: url("../../../img/service-imgzgpx.jpg"); }
.epower-home-service .bannerzgpx .bg2 { background-image: url("../../../img/service-imgzgpx2.jpg"); }
.epower-home-service .bannerzgpx .bg3 { background-image: url("../../../img/service-imgzgpx3.jpg"); }
.epower-home-service .bannerzgpx .bg4 { background-image: url("../../../img/service-imgzgpx4.jpg"); }
.epower-home-service .bannerzgpx .bg5 { background-image: url("../../../img/service-imgzgpx5.jpg"); }
.epower-home-service .bannerzgpx .bg6 { background-image: url("../../../img/service-imgzgpx6.jpg"); }

.epower-home-service  .bannerzgpx .banner-indicators {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 999;
}
.epower-home-service  .bannerzgpx .banner-indicators .indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: background 0.3s ease;
}

.epower-home-service .bannerzgpx .banner-indicators .indicator.active {
  background: #ffffff;
}

.epower-home-service .bannerzgpx .banner-radio {
  display: none;
}

/**/

.epower-home-service .title {
    height: 32px;
    font-size: 32px;
    color: #333;
    line-height: 32px;
    text-align: center;
    margin-top: 56px;
    margin-bottom: 12px;
}

.epower-home-service .bar {
    margin: 0 auto;
    width: 48px;
    height: 2px;
    background: #3c7ee5;
    border-radius: 2px;
}

.epower-home-service .info {
    height: 19px;
    font-size: 14px;
    color: #999999;
    line-height: 19px;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 9px;
}

.epower-home-service .news {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #fff;
    overflow: hidden;
}

.epower-home-service .news .center {
    height: 376px;
    border: 1px solid #DFE3F1;
}

.epower-home-service .news .news-banner {
    height: 100px;
    padding-left: 40px;
    padding-right: 40px;
    background: url("../../../img/service-bg2.png") #3c7ee5 no-repeat center center;
    background-size: cover;
}

.epower-home-service .news .news-banner h3 {
    margin-top: 34px;
    width: 128px;
    height: 32px;
    font-size: 32px;
    color: #fff;
    line-height: 32px;
}

.epower-home-service .news .news-banner span {
    width: 140px;
    height: 32px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    margin-top: 41px;
    margin-left: 10px;
}

.epower-home-service .news .news-banner a {
    margin-top: 34px;
    height: 32px;
    color: #fff;
    line-height: 32px;
    font-size: 14px;
}

.epower-home-service .news .news-list {
    overflow: hidden;
    padding-top: 24px;
    padding-bottom: 32px;
    padding-left: 54px;
    padding-right: 54px;
}

.epower-home-service .news .news-list li {
    line-height: 44px;
    border-bottom: 1px dashed #e5e5e5;
    list-style: circle;
    float: left;
    width: 40%;
}

.epower-home-service .news .news-list li:nth-child(2n) {
    float: right;
}

.epower-home-service .news .news-list li a {
    float: left;
    color: #333;
    width: 78%;
}

.epower-home-service .news .news-list li a:hover {
    color: #3c7ee5;
}

.epower-home-service .news .news-list li span {
    float: right;
    width: 20%;
    color: #999999;
    line-height: 44px;
    text-align: right;
}

.service_price {
    color: #e2383a;
    display: block;
    line-height: 42px;
    font-size: 24px;
    margin-top: 20px;
}

.sc-list {
    border-top: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    margin-bottom: 40px;
}

.sc-content {
    box-sizing: border-box;
    width: 33.33%;
    height: 256px;
    padding-left: 32px;
    padding-top: 32px;
    border-right: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    background: #FFFFFF;
    float: left;
    position: relative;
}

.sc-h5-title {
    font-size: 20px;
    color: #666;
    line-height: 36px;
    height: 36px;
    font-weight: bold
}

.sc-h5-title span {
    display: inline-block;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: normal;
    background: #FF7733;
    border-radius: 11px 11px 11px 0px;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
}

.sc-p-title {
    height: 48px;
    margin-top: 8px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-right: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.sc-a-title {
    position: absolute;
    bottom: 24px;
    left: 32px;
    font-size: 16px;
    color: #e2383a;
    display: inline-block;
    padding: 6px 24px;
    border: solid 1px #e2383a;
    border-radius: 4px;
}

.sc-a-title:hover {
    background: #E2383A;
    color: #FFFFFF;
}

.sc-div-title {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 164px;
    height: 106px;
    float: right;
}

.sc-div-title img {
    width: 100%;
    height: 100%;
    display: block;
	object-fit: contain;
    object-position: center;
}
/*2026-3-11新增认证咨询首页认证优势*/
.Certification_Advantage{
    background:#fff!important;
    height:450px;
    padding-top:5px;

}
.Certification_Advantage li{
    width:281px;
    height:257px;
    background: linear-gradient(200deg, #397be1, #2465ca, #1657bb);
    /* 兼容前缀（可选，现代浏览器可省略） */
    background: -webkit-linear-gradient(200deg, #397be1, #2465ca, #1657bb);
    background: -moz-linear-gradient(200deg, #397be1, #2465ca, #1657bb);
    float: left;
    margin: 0 9px;
	position:relative;
}
.Certification_Advantage li .title{
    position: absolute;
    width: 46px;
    height: 42px;
    background-color: #e2383a; /* 对应图中的橙色 */
  /* 核心：clip-path 绘制 V 形底部 */
   clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
    left: 12px;
    top: -60px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.Certification_Advantage li h4{    
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding-top: 40px;}

.Certification_Advantage li .dec{    
    margin-top: 20px;
	color: #fff;    
	text-align: center;}

.Certification_Advantage li .pro-btn{
    display: block;
    width: 122px;
    background-color: #e2383a;
    border-radius: 5px;
    margin-top: 72px;
    margin-left: 80px;
    text-align: center;
    line-height: 30px;
    color: #fff;}
/*2026-3-11新增认证咨询首页认证流程*/
.Certification_process{
    background:#fff!important;
    height:350px;
    padding-top:5px;

}
.Certification_process img{ 
    width:100%; 
	height:200px;
}

/*2026-3-11认证案例*/
.Certification_al{
   background:#fff!important;
   height:600px;
   padding-top:5px;
 }

/* 滚动容器 - 核心样式 */
.scroll-container {
  position: relative;
  width: 100%;
  height: 400px; /* 可根据需求调整 */
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
  /* 增加景深效果 */
  perspective: 1000px;
}

/* 滚动轨道 */
.scroll-track {
  display: flex;
  width: fit-content;
  /* 核心动画：无限向左滚动 */
  animation: scroll-left 30s linear infinite;
  /* 3D变换增强立体感 */
  transform-style: preserve-3d;
}

/* 悬停减速效果 - 高端交互细节 */
.scroll-container:hover .scroll-track {
  animation-duration: 60s;
}

/* 图片卡片样式 */
.scroll-item {
  position: relative;
  width: 261px;
  height: 369px;
  margin-right: 24px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  /* 轻微3D倾斜增强层次感 */
  transform: rotateY(5deg) translateZ(0);
  transition: transform 0.3s ease;
}

/* 图片悬停放大效果 */
.scroll-item:hover {
  transform: rotateY(5deg) translateZ(20px) scale(1.05);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}

/* 图片样式 */
.scroll-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.scroll-item:hover img {
  transform: scale(1.1);
}

/* 图片叠加层 - 增加高级感 */
.scroll-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.7));
  z-index: 1;
}

/* 无限滚动动画 */
@keyframes scroll-left {
  0% {
    transform: translateX(0) rotateY(0);
  }
  100% {
    transform: translateX(-50%) rotateY(0);
  }
}

/* 响应式适配 */
@media (max-width: 768px) {
  .scroll-container {
    height: 280px;
  }
  .scroll-item {
    width: 220px;
    height: 280px;
    margin-right: 16px;
  }
  @keyframes scroll-left {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }
}
/*2026-3-11新增梯队培育常见问题*/
.tdpy_wt{    
    background: #fff;
    height: 580px;
    padding-top: 5px;}
.tdpy_main{
    width: 1200px;
	margin: 0 auto;
	position: relative;
	display: flex;
	padding-top: 40px;
	box-sizing: border-box;
	justify-content: space-between;
}
.tdpy_main .left{    
    display: flex;
	background-color: #fff;
	padding: 25px 23px 5px;
	box-sizing: border-box;
	width:100%;
	box-sizing: border-box;
	height: 360px; 
	background:#f2f4fa;
}
.tdpy_main .left .img-list {
    height: 320px;
    overflow: hidden;
}
.tdpy_main .left .img-list>ul {
    width: 480px;
}
.tdpy_main .left .img-list>ul .img {
    position: relative;
    overflow: hidden;
    float: left;
    margin: 0 10px 10px 0;
}
.tdpy_main .left .img-list>ul .img .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    width: 892px;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    padding-left: 15px;
}
.tdpy_main .left .more-q {
    margin-left: 42px;
}
.tdpy_main .left .more-q h4 {
    background: url(../images/ico-01.png) no-repeat left center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 24px;
    
    color: #000;
}
.tdpy_main .left .more-q p {
    font-size: 14px;
    margin-bottom: 28px;
}
.tdpy_main .left .more-q p>a {
    color: #666;
}
.tdpy_main .left .more-q p>a>em {
    display: inline-block;
    margin-right: 10px;
}
.tdpy_main .right {
    width: 300px;
    background: url("../../../img/bg-num7.png") no-repeat center;
    box-sizing: border-box;
    padding: 25px 20px;
    height: 360px;
}
.tdpy_main .right h3 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
}
.tdpy_main .right p{ 
    color:#fff; 
	padding-left:15px; 
	line-height:30px;    
	margin-top: 20px;}
.tdpy_main .right .btn-wt{     
    display: block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(#fb5555, #d42424);
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 16px;
    font-weight: bold;
    margin-left: 15px;
    margin-top: 20px;}
	
.tdpy_ys{ 
    background: url("../../../img/bg-hot.jpg") no-repeat center; 
	height:555px;    
	padding-top: 5px;}

.tdpy_ys li{
    background: url(../../../img/bg-hot-01.jpg) no-repeat center;
    width: 390px;
    height: 154px;
    margin: 0 10px 10px 0;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    padding-top: 31px;
    float: left;
}
.tdpy_ys li .title {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
    margin-top: 0;
    text-align: left;
    padding-left: 40px;

}
.tdpy_ys li .top-num {
    position: absolute;
    right: 20px;
    top: 3px;
    color: #fff;
}
.tdpy_ys li .txt {
    font-size: 14px;
    color: #999;
    padding-left: 40px;
    padding-right: 40px;
}
/*2026-3-12新增梯队培育行业*/
.tdpy_hy{}
.tdpy_hy_main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* 三列等宽 */
    grid-template-rows: 240px 240px;    /* 右侧两行各 240px，合计 480px，与左侧等高 */
    gap: 8px;
    max-width: 1200px;
    margin: 20px auto;
 }
.item {
   position: relative;
   overflow: hidden;
   border-radius: 4px;
}
.item img {
   width: 100%;
    height: 100%;
    object-fit: cover; /* 保持图片比例填充容器，避免拉伸变形 */
    display: block;
}
/* 左侧图：占 1 列 2 行，高度固定 480px */
.item-left {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    height: 480px; /* 强制固定高度 */
}
/* 右侧四个图：各占 1 列 1 行，高度 240px */
.item-right-top-1 {
   grid-column: 2 / 3;
   grid-row: 1 / 2;
 }
.item-right-top-2 {
   grid-column: 3 / 4;
   grid-row: 1 / 2;
 }
.item-right-bottom-1 {
   grid-column: 2 / 3;
   grid-row: 2 / 3;
}
.item-right-bottom-2 {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}
/* 图片底部文字标签样式 */
.label {
  position: absolute;
  bottom: 12px;
  left: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  padding: 4px 10px;
  border-radius: 3px;
  font-size: 14px;
}
/*2026-3-12新增资格培训里资格考试类别*/
.zgpx_lb{ background: #fff;
    padding-top: 5px; height:550px;}
.zgpx_lb .left {
    width: 533px;
    height: 353px;
    float: left;
    background: url("../../../img/bg-num1.png") no-repeat center;
}
.zgpx_lb .left h3 {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    padding: 40px 0 0 55px;
}
.zgpx_lb .left h3 span {
    font-size: 16px;
    font-weight: normal;
    padding-left: 20px;
}
.zgpx_lb .left ul {
    overflow: hidden;
    padding: 36px 0 0 55px;
}
.zgpx_lb .left ul li.cur {
}
.zgpx_lb .left ul li {
    width: 138px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    float: left;
    border: solid 1px #fff;
    border-radius: 3px;
    font-size: 14px;
    color: #666;
    background-color: #fff;
    margin: 0 10px 10px 0;
    cursor: pointer;
}
.zgpx_lb .left ul li.last {
    width: 289px;
    background-image: linear-gradient(#fb5555, #d42424);
    border-color: #ff7342;
    color: #fff;
    font-size: 16px;
}
.zgpx_lb .left ul li.last a{
    color: #fff;
}

 .zgpx_lb .right {
   width: 667px;
   height: 308px;
   padding-top: 30px;
   background: url("../../../img/bg-num102.png") no-repeat right top;
   float: left;
   margin-top: 40px;
   position: relative; background:#f5f6fa; }
.zgpx_lb .right h2 {
   font-size: 20px;
   font-weight: bold;
   color: #333;
   text-align: center; }
.zgpx_lb .right .ficr-con {
   overflow: hidden;
   padding: 7px 0 0 30px; }
.zgpx_lb .right .ficr-con li {
         
   float: left;
   padding-left: 45px;
   font-size: 16px;
   color: #666;
   height: 50px;
   line-height: 50px;
   cursor: pointer; }
.zgpx_lb .right .ficr-con li.width {
           
 }
.zgpx_lb .right .ficr-con li:hover span {
   color: #d42424;
   font-weight: bold;
   text-decoration: underline; }
.zgpx_lb .right .ficr-con li.last {
   float: right;
   margin-right: 55px;
   padding-left: 0;
   width: 122px; }
.zgpx_lb .right .ficr-con li.last a {
   display: inline-block;
   width: 122px;
   height: 30px;
  line-height: 30px;
   text-align: center;
   background-image: linear-gradient(#fb5555, #d42424);
   color: #fff;
   border-radius: 3px; }
.zgpx_lb .right .ficr-con li.last a:hover {
    background-color: #eb5c2a; }
.zgpx_lb .right .mask01 {
   width: 667px;
   height: 338px;
   position: absolute;
   background-color: #000;
   opacity: 0.5;
   filter: Alpha(opacity=50);
   left: 0;
   top: 0;
   z-index: 2;
   display: none; }
.zgpx_lb .right .right-pop {
    width: 540px;
    height: 205px;
    background-color: #fff;
    position: absolute;
    left: 64px;
    top: 72px;
    z-index: 3;
    display: none; }
.zgpx_lb .right .right-pop .right-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 4;
    width: 26px;
    height: 26px; }
.zgpx_lb .right .right-pop .right-list li {
    width: 540px;
    height: 175px;
    padding-top: 30px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    text-align: center;
    display: none; }
.zgpx_lb .right .right-pop .right-list li h3 {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    padding-bottom: 15px; }
.zgpx_lb .right .right-pop .right-list li p {
    font-size: 16px;
    color: #999;
    line-height: 28px;
    padding: 0 40px;
    text-align: left; }
/*2026-3-13资格培训新增执行标准*/
.zgpx_bz{
    background:#fff;
	height: 600px;
    padding-top: 5px;
}
.bz-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    }
.bz {
    background-color: #f5f6f7;
    border-radius: 4px;
    padding: 30px 25px;
    display: flex;
    align-items: center;
    gap: 25px;
    position: relative;
    overflow: hidden;
}
.bz-icon {
   width: 60px;
   height: 60px;
   flex-shrink: 0;
   position: relative;
}
.bz-icon::before {
   content: '';
   position: absolute;
   width: 40px;
  height: 40px;
   /* 图标背景点缀色改为蓝色系浅透 */
   background-color: rgba(60, 126, 229, 0.2);
   border-radius: 50%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 0;
}
.bz-icon svg {
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 1;
 }
.bz-content {
   flex: 1;
 }
.bz-title {
   font-size: 20px;
   font-weight: 600;
   color: #222;
   margin-bottom: 8px;
}
 .bz-desc {
   font-size: 16px;
   color: #888;
   margin-bottom: 16px;
 }
.bz-btn {
    display: inline-block;
    padding: 8px 24px;
    /* 按钮主色改为 #3c7ee5 */
    background-color: #3c7ee5;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
    text-decoration: none;
}
.bz-btn a{
    color:#fff;

}
 .bz-btn:hover {
    /* 按钮 hover 色改为稍深的蓝色 */
    background-color: #2d6ed0;
 }
/*2026-3-13资格培训首页新增AAA模块*/
.zgpx_aaa{
    
    background: url("../../../img/conditionbg.png") no-repeat right top;
	height: 445px;
    padding-top: 5px;
}
.aaa-reason{

}
.reason-item{
    float: left;
    width: 291px;
    height: 200px;
    margin-right: 12px;
    margin-bottom: 20px;
	background-color: rgba(60, 126, 229, 0.3);
	

}
.reason-item:last-child{
    margin-right:0;

}
.reason-item img{

}
.reason-item .rea-title{
    color: #fff;
    font-size: 20px;
    text-align: center;

}
.reason-item .rea-desc{
    color: #fff;
    padding: 10px;
    text-align: center;

}

.reason-item .rea-btn{
    /* display: inline-block; */
    padding: 8px 24px;
    background-color: #3c7ee5;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
    text-decoration: none;
    /* margin: 0; */
    margin: 0 auto;
    /* text-align: center; */
    display: block;
    width: 108px;
    margin-top: 20px;
}
/*2026-3-20企业转型辅导页面改版*/
.coaching-positioning{
    background-color: #f3f6fd;
    position: relative;

}
.coaching-positioning::after {
    content: '';
    display: block;
    background: url("../../../img/nycoaching1.png") no-repeat center;
    height: 41px;
    width: 100%;
    position: absolute;
    bottom: 41px;
    left: 50%;
    transform: translateX(-50%);
}
.main-positioning{

    width: 1200px;
    margin: 44px auto 0;
    background: url("../../../img/nycoaching2.png") no-repeat left top;
    height: 320px;
    display: flex
;   justify-content: space-between;
    box-sizing: border-box;
    padding: 7px 53px 26px 68px;
    position: relative;
    z-index: 5;
}
.main-positioning .info{
    margin-top:57px;

}
.main-positioning .info>h4 {
    color: #333;
    font-size: 22px;
    margin-bottom: 18px;
}
.main-positioning .info p {
    margin-bottom: 29px;
    width: 400px;
    color: #8b94ae;
    line-height: 22px;
}
.main-positioning .img{
    display: flex;
    justify-content: center;
    align-items: center;

}

.main-positioning .img img {
    width: 100%;
}

.coaching-sector{
    position: relative;
    padding: 87px 0 70px;
	height: 400px;
    background: #fff;

}
.coaching-sector::before{
    content: '';
    display: block;
    background: url("../../../img/nycoaching4.png") no-repeat center;
    height: 270px;
    width: 100%;
    position: absolute;
    top: -41px;
    left: 50%;
    transform: translateX(-50%);
}
.main-sector{
    box-shadow: 0px 0px 0px 10px #fff;
    height: 200px;
    background: #f5f6fa;

}
.main-sector li{
   /* border: 1px solid #e7e7e7;*/
    padding: 10px;
    width: 25%;
    float: left;
 
}

.main-sector li span{

    font-size: 22px;
    /* padding-top: 20px; */
    margin-top: 20px;
    display: block;
}
.main-sector li p{
    line-height: 27px;
    margin-top: 20px;

}

.coaching-advantage{
    background:#Fff;
    height: 500px;
    padding-top: 5px;
}
.main-advantage {
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding: 40px 20px;
      max-width: 1200px;
      margin: 0 auto;
    }
.main-advantage li {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      width: 22%;
}
    /* 图标容器 - 增加浅色圆形背景 */
.icon-box {
      width: 80px;  /* 放大容器，适配背景 */
      height: 80px;
      margin-bottom: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #F0F7FF;  /* 浅蓝色底色（和图片浅色一致） */
      border-radius: 50%;  /* 圆形背景 */
}
    /* 蓝色图标样式 - 调整大小和颜色 */
.main-advantage  .icon {
      width: 40px;
      height: 40px;
      stroke: #2196F3;  /* 主蓝色描边 */
      stroke-width: 2;
      fill: none;
}
    /* 部分图标增加蓝色填充（叠加效果） */
 .icon.fill-part {
      fill: #2196F3;    /* 蓝色填充 */
      fill-opacity: 0.1;/* 填充透明度，和浅色叠加 */
}
    /* span 文字样式（22px 固定） */
.main-advantage li span {
      font-size: 22px;
      color: #333;
      margin-bottom: 8px;
      font-weight: 500;
}
    /* p 文字样式（占位） */
.main-advantage li p {
      font-size: 14px;
      color: #666;
      line-height: 1.5;
}
 /* 新增：蓝色渐变按钮样式 */
.coaching-advantage  .btn {
      display: inline-block;
      width: 140px;   /* 宽度140px */
      height: 40px;   /* 高度40px */
      line-height: 40px; /* 文字垂直居中 */
      text-align: center;
      color: #fff;    /* 文字白色 */
      text-decoration: none; /* 去掉下划线 */
      border-radius: 4px; /* 轻微圆角，更美观 */
      font-size: 16px;
      font-weight: 500;
      /* 蓝色渐变背景 */
      background: linear-gradient(90deg, #1976D2 0%, #2196F3 100%);
      /* 去掉默认边框 */
      border: none;
      /* 鼠标悬浮效果 */
      cursor: pointer;
      transition: background 0.3s ease;
    }
    /* 悬浮时加深渐变 */
.coaching-advantage .btn:hover {
      background: linear-gradient(90deg, #0D47A1 0%, #1976D2 100%);
    }

    /* 按钮容器（居中展示） */
.coaching-advantage .btn-container {
      text-align: center;
      margin: 40px 0;
    }
/*2026年3月23日行业研修会改版*/
.seminar-positioning{
    background-color: #fff;
    position: relative;
    padding-top: 5px;
}
.seminar-positioning img{
    margin:0 auto;
	display:block;

}
.seminar-sector{
    display: flex;
    align-items: center;
    flex-direction: column;
    background: url(../../../img/nyseminar2.jpg) no-repeat center top;
    height: 550px;
    box-sizing: border-box;

}

.card-container {
    display: flex;
    gap: 30px;
     /* 核心修改：最大宽度改为1200px */
    max-width: 1200px;
    margin: 0 auto;
}
.card {
    flex: 1;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    position: relative;
    overflow: hidden;
    /* 卡片描边 */
    border: 1px solid #e5e8ee;
}
.card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #ff7d00;
}
.card-icon {
    width: 120px;
    height: 120px;
    margin: 0 auto 25px;
    background: linear-gradient(135deg, #3c7ee5 0%, #2a6ed1 100%);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 60px;
    font-weight: bold;
    /* 图标蓝色描边 */
    border: 2px solid #3c7ee5;
    /* 立体阴影效果 */
    box-shadow: 0 2px 8px rgba(60, 126, 229, 0.3);
}
.seminar-sector .card-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333333;
}
.seminar-sector .card-title .highlight {
    color: #ff7d00;
}
.seminar-sector .card-desc {
          
    color: #888888;
    line-height: 1.6;
}
/*2026-3-23私董会改版*/
.private-positioning{
     height:600px;
}
.left-card {
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 30px;
    width: 850px;
    position: relative;
	float:left;
}
.speech-bubble {
    position: absolute;
    left:0px;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, #ff9a2e 0%, #ff6b00 100%);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 500;
    box-shadow: 0 4px 15px rgba(255, 107, 0, 0.3);
}
.speech-bubble::after {
    content: '';
    position: absolute;
    bottom: 20px;
    right: -15px;
    width: 0;
    height: 0;
    border-left: 20px solid #ff6b00;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.speech-bubble .line1 {
    font-size: 32px;
    margin-bottom: 8px;
}
.speech-bubble .line2 {
    font-size: 36px;
    font-weight: 600;
}
.faq-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-left:300px;
}
.faq-item {
   background: #f5f7fa;
   border-radius: 24px;
   padding: 14px 20px;
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 18px;
   color: #333;
}
.faq-item .icon {
   width: 24px;
   height: 24px;
   background: #1677ff;
   border-radius: 50%;
   color: #fff;
   display: flex;
   justify-content: center;
   lign-items: center;
   font-size: 14px;
   font-weight: bold;
        }
.right-card {
    background: linear-gradient(135deg, #2575fc 0%, #165dff 100%);
    border-radius: 8px;
    padding: 40px 30px;
    width: 360px;
    color: #fff;
    box-shadow: 0 4px 20px rgba(22, 93, 255, 0.25);
    float: left;
    margin-top: 80px;
    margin-left: -10px;
    z-index: 1;
    position: relative;
}
.right-card h2 {
   font-size: 28px;
   font-weight: 600;
   margin-bottom: 30px;
   text-align: center;
}
.right-card h2 span {
   color: #ff7d00;
}
.placeholder-text {
    font-size: 16px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.9);
 }
 
 .private-sector{
    background: #fff;
    padding-top: 5px;
 
 }
 
/* 容器样式 - 控制整体布局 */
.module-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
/* 响应式网格布局：大屏4列，中屏2列，小屏1列 */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}

/* 模块核心样式 */
.module-card {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 32px 24px;
    /* 高级阴影效果 */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    /* 边框装饰 - 提升精致感 */
    border: 1px solid #f0f3f9;
   /* 基础过渡动画 */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    /* 模块顶部装饰线 */
.module-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #3c7ee5;
    /* 初始宽度为0，悬停展开 */
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.3s ease;
}

    /* 悬停动效 - 提升交互感 */
.module-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(60, 126, 229, 0.15);
    border-color: rgba(60, 126, 229, 0.2);
}

.module-card:hover::before {
    transform: scaleX(1);
}

    /* 标题样式 */
.module-title {
    font-size: 18px;
    font-weight: 600;
    color: #1d2129;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
 }

    /* 标题前的小图标/装饰点 */
.module-title::before {
    content: "";
    width: 4px;
    height: 18px;
    background-color: #3c7ee5;
    margin-right: 8px;
   border-radius: 2px;
}

     /* 介绍文本样式 */
.module-desc {
   font-size: 14px;
   line-height: 1.6;
   color: #4e5969;
}

     /* 响应式适配 - 小屏幕优化 */
 @media (max-width: 768px) {
.module-container {
    gap: 16px;
}
.module-card {
    padding: 24px 20px;
}
.module-title {
    font-size: 16px;
}
.module-desc {
    font-size: 13px;
}
    }
	
/*2026年3月23日企业家集训改版*/
   /* 介绍文本容器 - 控制整体布局和间距 */
        .intro-container {
            max-width: 800px;
            margin: 0 auto;
            padding: 48px 60px;
            background-color: #ffffff;
            border-radius: 16px;
            box-shadow: 0 8px 32px rgba(37, 117, 252, 0.08);
            position: relative;
            overflow: hidden;
        }

        /* 装饰线条 - 增加高级感细节 */
        .intro-container::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 6px;
            height: 100%;
            background-color: #2575fc;
        }

        /* 标题样式 */
        .intro-title {
            font-size: 2.2rem;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 16px;
            position: relative;
            display: inline-block;
        }

        /* 标题下划线效果 */
        .intro-title::after {
            content: "";
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 60px;
            height: 3px;
            background-color: #2575fc;
            border-radius: 3px;
            transition: width 0.3s ease;
        }

        .intro-container:hover .intro-title::after {
            width: 100px;
        }

        /* 副标题样式 */
        .intro-subtitle {
            font-size: 1.1rem;
            color: #2575fc;
            font-weight: 500;
            margin-bottom: 24px;
            letter-spacing: 0.5px;
            opacity: 0.9;
        }

        /* 正文样式 */
        .intro-content {
            font-size: 1rem;
            line-height: 1.8;
            color: #444444;
            margin-bottom: 16px;
            text-align: justify;
        }

        /* 强调文本样式 */
        .intro-highlight {
            color: #2575fc;
            font-weight: 600;
            text-decoration: none;
            position: relative;
        }

        /* 强调文本悬停效果 */
        .intro-highlight::after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #2575fc;
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.3s ease;
        }

        .intro-highlight:hover::after {
            transform: scaleX(1);
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .intro-container {
                padding: 32px 24px;
            }
            .intro-title {
                font-size: 1.8rem;
            }
        }
/*2026年3月26日新增数字化转型栏目*/
/* 领域卡片容器 - 简约三列布局 */
.domain-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

/* 领域卡片 - 匹配网站商务简约风 */
.domain-card {
  background-color: #ffffff;
  border: 1px solid #e8f4ff;
  border-radius: 12px;
  padding: 40px 30px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
/* 卡片顶部渐变条 - 呼应主色调 */
.domain-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #00c6ff, #0072ff);
}
/* 悬浮效果 - 简约高级 */
.domain-card:hover {
  box-shadow: 0 8px 24px rgba(0, 114, 255, 0.08);
  transform: translateY(-5px);
  border-color: #d1e9ff;
}

/* 卡片标题 */
.card-title {
  color: #0072ff; /* 主色 */
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
/* 标题前的六边形小图标 */
.card-title::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  transform: rotate(45deg);
  margin-right: 10px;
}

/* 卡片介绍文本 */
.card-desc {
  color: #333333;
  font-size: 15px;
  line-height: 1.8;
  color: #666666;
}

/* 自适应 - 手机端单列 */
@media (max-width: 992px) {
  .domain-wrapper {
    grid-template-columns: 1fr;
  }
  .section-header {
    height: 150px;
  }
  .header-title {
    font-size: 30px;
  }
}
/* 2列容器 - 强制2列布局 */
.value-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 固定2列 */
  gap: 30px;
}

/* 价值模块样式 */
.value-item {
  background: linear-gradient(145deg, #f8fcff, #e8f7ff);
  border-radius: 12px;
  padding: 40px 30px;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  border: none;
}
.value-item::before {
  content: '';
  position: absolute;
  top: -20px;
  right: -20px;
  width: 100px;
  height: 100px;
  background: linear-gradient(135deg, rgba(0, 198, 255, 0.1), rgba(0, 114, 255, 0.05));
  border-radius: 50%;
  z-index: 0;
}
.value-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 114, 255, 0.1);
  background: linear-gradient(145deg, #e8f7ff, #f0fbff);
}

/* 数字序号容器 */
.item-icon-box {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
}
.item-number {
  width: 40px;
  height: 40px;
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  border-radius: 8px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}

/* 模块标题和描述 */
.item-title {
  font-size: 22px;
  color: #0072ff;
  font-weight: 600;
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
}
.item-desc {
  font-size: 15px;
  color: #555;
  line-height: 1.8;
  position: relative;
  z-index: 1;
}

/* 响应式适配 - 移动端1列 */
@media (max-width: 576px) {
  .value-grid {
    grid-template-columns: 1fr; /* 手机端1列 */
  }
  .value-header h2 {
    font-size: 24px;
  }
  .value-item {
    padding: 30px 20px;
  }
}
/* 双模块对比容器 - Flex布局精准控制模块宽度和VS位置 */
.compare-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 0; /* 取消模块间距，让VS卡在中间 */
  align-items: stretch; /* 保证两个模块高度一致 */
  position: relative;
  padding: 0 10px;
  margin-bottom: 40px;

}

/* 核心修改：左右模块均为50%宽度 */
.compare-card.secondary {
  width: 50%;
  margin-right: 15px; /* 给VS预留空间 */
}
.compare-card.primary {
  width: 50%;
  margin-left: 15px; /* 给VS预留空间 */
}

/* VS对比标识 - 精准卡在两个模块分割线（50%位置），均分两侧 */
.vs-badge {
  position: absolute;
  top: 50%;
  left: 50%; /* 定位到50%分割线位置 */
  transform: translate(0, -50%) rotate(-5deg); /* 仅垂直居中，水平不偏移 */
  width: 60px;
  height: 60px;
  background: linear-gradient(90deg, #0072ff, #00c6ff); /* 网站主渐变色 */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  box-shadow: 0 4px 15px rgba(0, 114, 255, 0.3);
  z-index: 10; /* 确保VS在最上层 */
  margin-left: -30px; /* 向左偏移自身一半宽度，精准居中分割线 */
  transition: all 0.3s ease;
}

/* VS标识悬浮动效 - 放大+增强阴影 */
.vs-badge:hover {
  transform: translate(0, -50%) rotate(-5deg) scale(1.1);
  box-shadow: 0 6px 20px rgba(0, 114, 255, 0.4);
}

/* 基础模块样式 */
.compare-card {
  border-radius: 12px;
  padding: 40px 30px;
  position: relative;
  transition: all 0.3s ease;
  z-index: 1; /* 模块在VS下方 */
}

/* 次要模块（传统模式）- 浅蓝渐变白底 */
.compare-card.secondary {
  background: linear-gradient(145deg, #f8fcff, #e8f7ff);
  border: 1px solid #d1e9ff;
}

/* 主要模块（数字化模式）- 深蓝渐变+白字+强阴影 */
.compare-card.primary {
  background: linear-gradient(90deg, #0072ff, #00c6ff);
  color: #ffffff;
  box-shadow: 0 10px 30px rgba(0, 114, 255, 0.2);
}

/* 模块头部（数字+标题）- 匹配你网站的数字样式 */
.card-header {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.card-number {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  margin-right: 12px;
}
/* 次要模块数字 - 蓝渐变底+白字 */
.secondary .card-number {
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  color: #fff;
}
/* 主要模块数字 - 白底+蓝字 */
.primary .card-number {
  background: #ffffff;
  color: #0072ff;
}

/* 模块标题样式 */
.card-title {
  font-size: 22px;
  font-weight: 600;
}
.secondary .card-title {
  color: #0072ff;
}
.primary .card-title {
  color: #ffffff;
}

/* 模块小标题样式 */
.card-subtitle {
  font-size: 16px;
  margin-bottom: 20px;
  opacity: 0.9;
}
.secondary .card-subtitle {
  color: #666;
}
.primary .card-subtitle {
  color: #e8f7ff;
}

/* 模块要点列表 */
.card-list {
  list-style: none;
}
.card-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 1.7;
}
/* 列表前的圆点装饰 */
.card-list li::before {
  content: '\25C6';
  font-size: 10px;
  margin-right: 10px;
  margin-top: 8px;
}
.secondary .card-list li {
  color: #666;
}
.primary .card-list li {
  color: #ffffff;
}

/* 模块悬浮动效 */
.compare-card:hover {
  transform: translateY(-5px);
}
.secondary:hover {
  box-shadow: 0 8px 20px rgba(0, 114, 255, 0.08);
}
.primary:hover {
  box-shadow: 0 12px 35px rgba(0, 114, 255, 0.3);
}

/* 响应式适配 - 手机端上下排列 */
@media (max-width: 768px) {
  .compare-container {
    flex-direction: column;
    gap: 40px;
  }
  .compare-card.secondary,
  .compare-card.primary {
    width: 100%;
    margin: 0;
  }
  /* 隐藏圆形VS，改用文字居中显示 */
  .vs-badge {
    display: none;
  }
  .compare-container::after {
    content: 'VS';
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: 700;
    color: #0072ff;
    background: #ffffff;
    padding: 0 20px;
  }
  .compare-card {
    padding: 30px 25px;
  }
  .compare-header h2 {
    font-size: 24px;
  }
}
/* 9模块网格容器 - 3列布局 */
.digital-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3列等宽 */
  gap: 30px; /* 模块间距，提升呼吸感 */
}

/* 单个模块卡片样式 */
.digital-card {
  background: #ffffff;
  border-radius: 16px; /* 大圆角，现代感 */
  padding: 40px 25px;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 114, 255, 0.05);
  transition: all 0.4s ease; /* 顺滑过渡 */
  border: 1px solid rgba(0, 114, 255, 0.08);
}

/* 卡片悬浮动效 - 上浮+增强阴影 */
.digital-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 114, 255, 0.15);
  border-color: rgba(0, 114, 255, 0.2);
}

/* 卡片顶部渐变装饰条（视觉点睛） */
.digital-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #0072ff, #00c6ff);
}

/* 图标样式 - 渐变配色+大尺寸 */
.digital-card .digital-card-icon {
  font-size: 48px;
  color: #0072ff;
  margin-bottom: 20px;
  background: linear-gradient(135deg, #0072ff, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  border:none;
}

/* 模块标题 */
.digital-card .digital-card-title {
  font-size: 20px;
  font-weight: 600;
  color: #003a8c;
  margin-bottom: 15px;
  line-height: 1.3;
}

/* 模块描述文本 */
.digital-card .digital-card-desc {
  font-size: 14px;
  color: #666;
  line-height: 1.7;
}

/* 响应式适配 - 平板2列，手机1列 */
@media (max-width: 992px) {
  .digital-grid {
    grid-template-columns: repeat(2, 1fr); /* 平板2列 */
  }
  .section-header h2 {
    font-size: 28px;
  }
}

@media (max-width: 768px) {
  .digital-grid {
    grid-template-columns: 1fr; /* 手机1列 */
    gap: 20px;
  }
  .digital-card {
    padding: 30px 20px;
  }
  .section-header h2 {
    font-size: 24px;
  }
  .card-icon {
    font-size: 40px;
  }
}