* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: "Microsoft YaHei", sans-serif;
  background-color: #fff;
  color: #333;
  line-height: 1.6;
}
a {
	/*color: #ffffff;*/
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.container {
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}

         .sjtpsy  {    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-left: 100%;}
 .card-containerxcx {
      max-width: 1725px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 24px;
    padding-bottom: 240px;
    }

    .card-itemxcx {
      background-color: #fff;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .card-itemxcx:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }

    .card-imgxcx {
      width: 100%;
      height: 180px;
      object-fit: cover;
      display: block;
    }

    .card-contentxcx {
      padding: 38px 24px;
      text-align: center;
    }

    .card-titlexcx {
      font-size: 24px;
      font-weight: 600;
      color: #333;
      margin-bottom: 16px;
    }

    .card-descxcx {
      font-size: 18px;
      color: #333;
      line-height: 1.7;
      text-align: center;
    }

    /* 响应式适配 */
    @media (max-width: 1024px) {
      .card-containerxcx {
        grid-template-columns: repeat(3, 1fr);
      }
      
      
    }
    @media (max-width: 768px) {
      .card-containerxcx {
        grid-template-columns: repeat(2, 1fr);
      }
      
      .copyright-bar .record {
 
    align-items: center;
   display: block !important;
    grid-template-columns: 1fr;
}
      
      
      
      
    }
    @media (max-width: 480px) {
      .card-containerxcx {
        grid-template-columns: 1fr;
      }
    }





/* 导航 */
.header {
  height: 142px;
  background: #0140b4;
/*  box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
 border-bottom: 1px solid #6682b4;
  z-index: 99;
}
.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo {
	width: 198px;
  height: 53px;
}
.nav a {
  margin: 0 15px;
  text-decoration: none;
  color: #ffffff;
  font-size:18px;
}
.nav a:hover {
  color: #0066cc;
}
.btn {
  background: #b91b09;
  color: #fff;
  border: none;  
  border-radius: 28px;
  cursor: pointer;
  width: 167px;
    height: 38px;
    font-size: 18px;
    font-weight: normal;
}


.header.scrolled {
  background-color: rgba(255, 255, 255, 0.8);           /* 白色背景 */
  border-bottom: 1px solid #ddd; /* 可选：浅色下边框 */
  box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* 可选：添加阴影 */
}

/* 滚动后导航链接文字变为深色 */
.header.scrolled .nav-list .nav-item > a {
  color: #333333;
}





/* banner */
.banner {
  height: 970px;
  background: linear-gradient(90deg, #0a4da2, #1677ff);
  color: white;
  display: flex;
  align-items: center;
  position: relative;
        margin-top: -142px;
    z-index: 1;
}
.banner .left {
  width: 50%;
  padding-left: 50px;
}
.banner h1 {
  font-size: 42px;
  margin-bottom: 20px;
}
.banner .tags span {
  background: rgba(255,255,255,0.2);
  padding: 5px 12px;
  border-radius: 30px;
  margin-right: 8px;
  font-size: 13px;
}
.xwbanner {
  height: 610px;
  background: linear-gradient(90deg, #0a4da2, #1677ff);
  color: white;
  display: flex;
  align-items: center;

      position: relative;
    margin-top: -142px;
    z-index: 1;
    position: relative;
}

.wzbanner {
  height: 820px;
  background: linear-gradient(90deg, #0a4da2, #1677ff);
  color: white;
  display: flex;
  align-items: center;

      position: relative;
    margin-top: -142px;
    z-index: 1;
    position: relative;
}
 .cons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: -webkit-linear-gradient(top, 
  rgba(1, 64, 180, 0.53) 15%, 
  rgba(1, 64, 180, 0) 100%
);*/
    z-index: 99;
    
}
.consx {
    position: absolute;
    width: 80%;
    margin: 0 auto;
    z-index: 999999;   
    margin-left: 10%;
}


.consxwz {
    position: absolute;
    width: 80%;
    margin: 0 auto;
    z-index: 999999;   
    margin-left: 10%;
}




        .cons1{font-size: 48px; color: #ffffff;}
        
        .cons2{font-size: 20px; color: #ffffff;}
        .conwz{    font-size: 55.9px;
    color: #ffffff;
    font-family: "微软雅黑";
    font-weight: 600;width: 72%;
    
     opacity: 0; /* 初始透明 */
    animation: fadeIn8 2s ease forwards;
    
    
    }
@keyframes fadeIn8 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.box {
    width: 1640px;
    margin: 30px auto;
   /* margin-top: -828px;*/
    z-index: 99;
    position: relative;
 
}
.boxwz {
    width: 1640px;
    margin: 30px auto;
   margin-top: -828px;
    z-index: 99;
    position: relative;
 
}

/* tab 按钮栏 */
.tabs {
  display: flex;
  justify-content: space-around;
 height: 250px;

}

/* 每个tab样式 */
.tab {
  width: 751px;
  height: 263px;
  background: url(../images/wz4.png) center no-repeat;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 6px 6px 0 0;
  transition: all 0.3s ease;
    padding: 38px 32px;
    border-radius: 15px;
    
      box-sizing: border-box;
     align-self: flex-end;
    
}
.tab:nth-child(2) {
 background: linear-gradient(135deg, rgba(26, 95, 180, 0.35) 0%, rgba(41, 128, 185, 0.35) 100%);
   height: 243px;
}

/* ======================================
   核心 hover 逻辑：hover 第二个时互换颜色
======================================== */
/* 父容器 hover 时，两个都变成蓝色 */
.tabs:hover .tab {
  background: linear-gradient(135deg, rgba(26, 95, 180, 0.35) 0%, rgba(41, 128, 185, 0.35) 100%) !important;
  height: 243px !important;
}

/* 鼠标真正 hover 的那个 tab 变成橘色 */
.tabs .tab:hover {
	height: 263px !important;
  background: url(../images/wz4.png) center no-repeat !important;
}






.tab:hover {
   width: 751px;
  height: 263px;
  background: url(../images/wz4.png) center no-repeat;
 
}

/* 内容区域 */
.content {
 
  min-height: 120px;
  display: none; /* 默认隐藏 */
}

/* 默认显示第一个 */
.content.active {
  display: block;
}



.content8 {

  display: none; /* 默认隐藏 */
}

/* 默认显示第一个 */
.content8.active {
  display: block;
  margin-top: -568px;
}



.sb1{display: flex;}
.sb2{font-family: "微软雅黑"; font-size: 36px; color: #fff;margin-left: 24px; font-weight: 600;}
.sb3{font-family: "微软雅黑"; font-size: 18px; color: #fff; margin-top: 18px;  margin-bottom: 5px;}
.sb4{display: flex;    justify-content: space-around;
    align-items: center; }


.sb4-1 {
  width: 722px;
  height: 3px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border-radius: 4px;
  /* 关键：hover 时播放推入动画 */
  transform-origin: left center;
}

/* hover 时：从左推出来的动画效果 */
.tab:hover .sb4-1 {
  animation: slideIn 0.8s ease forwards;
}

/* 推入动画关键帧 */
@keyframes slideIn {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 722px;
    opacity: 1;
  }
}


.tab:nth-child(2) .sb4-1{width: 722px; height: 3px; 
background: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));    border-radius: 4px;}

.tabs .tab:hover .sb4-1{width: 722px; height: 3px; 
background: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));     border-radius: 4px; }

.sb4-2{width: 26px; height: 26px;}
.cloud-product-wrapper{margin:0 auto;width:97%}
.cloud-product{position:relative;z-index:9; background-size: cover;}
.cloud-product-title{height:32px;text-align:center;line-height:32px;font-size:32px;color:#333}
.color-blue{color:#009fd9}
.cloud-product-explain{margin-top:26px;margin-bottom:82px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#999}
.cloud-product-ul{ transform: translateZ(0);
  backface-visibility: hidden; height: 500px;}

.cloud-product-ul li{
  position:relative;
  overflow:hidden;
  margin-left:12px;
  width:14%;
  height:490px;
  float:left;
  background:#fff;
  transition: all 1.2s cubic-bezier(0.25,0.1,0.25,1); /* 全局统一超慢动画 */
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.05), 0 -6px 20px rgba(0,0,0,0.12);
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.05), 0 -6px 20px rgba(0,0,0,0.12);
  -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.05), 0 -6px 20px rgba(0,0,0,0.12);
}

.cloud-product-ul li:first-child{margin-left:0}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px}
.empty-space{width:100%;height:99px;padding:26px 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}
.server-header-01{background:url(../images/product_header_icon_01.png) center no-repeat}
.server-header-02{background:url(../images/product_header_icon_02.png) center no-repeat}
.server-header-03{background:url(../images/product_header_icon_03.png) center no-repeat}
.server-header-04{background:url(../images/product_header_icon_04.png) center no-repeat}
.server-header-05{background:url(../images/product_header_icon_05.png) center no-repeat}
.server-header-06{background:url(../images/product_header_icon_06.png) center no-repeat}
.server-header-active-01{background:url(../images/product_header_active_icon_01.png) center no-repeat}
.server-header-active-02{background:url(../images/product_header_active_icon_02.png) center no-repeat}
.server-header-active-03{background:url(../images/product_header_active_icon_03.png) center no-repeat}
.server-header-active-04{background:url(../images/product_header_active_icon_04.png) center no-repeat}
.server-header-active-05{background:url(../images/product_header_active_icon_05.png) center no-repeat}
.server-header-active-06{background:url(../images/product_header_active_icon_06.png) center no-repeat}
.product-introduce-title{    
  margin-bottom: 14px;
  height: 104px;
  line-height: 43px;
  font-size: 22px;
  text-align: center;
  padding-top: 20px;
}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{margin:0 auto;width:180px;line-height:18px;font-size:18px;text-align:center;color:#999}
.product-introduce-list{margin:0 auto;padding-top:22px;width:84%;border:1px solid #f1f1f1;border-left:none;border-right:none;height: 193px;}
.introduce-list-small{margin-bottom:18px;line-height:26px;font-size:18px;color:#999;text-align:center}
.product-introduce-price{margin:48px auto 0;font-size:18px;text-align:center;color:#333}
.price-blue{color:#0af;font-size:38px}

/* ====================== 统一动画速度 ====================== */
.normal-inner{
  transition: all 1.2s cubic-bezier(0.25,0.1,0.25,1);
  transform: translateZ(0);
}

.active-inner{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  visibility:hidden;
  transition: all 1.2s cubic-bezier(0.25,0.1,0.25,1);
  transform: translateZ(0);
}

.introduce-link{position:absolute;top:0;left:0;width:100%;height:360px}
.active-inner-01{background:url(../images/producet_bg_06410.jpg) center no-repeat; background-size: cover;}
.active-inner-02{background:url(../images/producet_bg_06410.jpg) center no-repeat; background-size: cover;}
.active-inner-03{background:url(../images/producet_bg_06410.jpg) center no-repeat; background-size: cover;}
.active-inner-04{background:url(../images/producet_bg_06410.jpg) center no-repeat; background-size: cover;}
.active-inner-05{background:url(../images/producet_bg_06410.jpg) center no-repeat; background-size: cover;}
.active-inner-06{background:url(../images/producet_bg_06410.jpg) center no-repeat; background-size: cover;}
.cloud-product-ul li.active .active-inner{
  opacity:1;
  visibility:visible;
  transform: translateZ(0);
}
.cloud-product-ul li.active .normal-inner{
  opacity:0;
  visibility:hidden;
  transform: translateZ(0);
}

/* ====================== 去掉抖动：hover 禁止位移 ====================== */
.cloud-product-ul li:hover {
  transform: translateZ(0);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.05), 0 -6px 24px rgba(0,0,0,0.14);
}

.cloud-product-ul li.active{
  z-index:9;
  width:25%;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.05), 0 -6px 24px rgba(0,0,0,0.2);
}

.active .product-introduce-content{color:#eff6ff}
.active-product-introduce-title{color:#fff}
.active .product-introduce-list{border-color:#3f9ff9}
.introduce-list-large{    
  margin: 0 auto;
  width: 260px;
  line-height: 35px;
  color: #ddebff;
  font-size: 18px;
  text-align: justify;
  text-indent: 2em;
}
.active .product-introduce-price{margin-top:32px;color:#fefeff}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#fff}
.buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:40px;background-color:#ff9600;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.buy-link-btn:hover{background-color:#f80}






.process-containerxcx{
	max-width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 133px;
    margin-top: 95px;
    float: right;
 
    margin-right: 10%;}

.process-stepxcx{
    width: 100%;
    display: flex;
    align-items: center;}


.process-stepxcx{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;flex:1;max-width:25%; cursor: pointer;}
.step-icon{display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden}
.step-iconxcx img{width:132px;height:128px;    margin-left: 10px;  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); /* 平滑贝塞尔曲线动画 */
            transform: scale(1);}
.step-textxcx{text-align:center;font-size:22px;font-weight:600;color:#000;    line-height: 27px;
    height: 128px;
    margin-top: 17px;    display: flex;}
.step-numberxcx{font-size:43px;font-weight:700;color:#c4b5fd;margin-right:18px;vertical-align:middle; float: left; padding-top: 7px;transform: skew(-10deg, 0deg); }
.process-arrowxcx{    position: absolute;
   top: 34%;
    left: 88%;
    transform: translateY(-121%);
    /* display: flex; */
    /* align-items: center; */
    /* gap: 11px; */
    z-index: 3;}
.dotxcx{width:16px;height:16px;border-radius:50%;background:#c7d2fe}
.arrowxcx{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #c7d2fe}
.process-stepxcx:last-child .process-arrowxcx{display:none}


.process-stepxcx:hover .step-iconxcx img {
    transform: scale(1.08) rotate(3deg);
  
}





.xcxbt{float: right;text-align: left;    height: 45px;
    display: flex;
    align-items: center;}


.process-stepxcx:hover .step-numberxcx{color:#8b5cf6}
.process-stepxcx.done .step-iconxcx{background:#ddd6fe}
.process-stepxcx.done .step-numberxcx{color:#7c3aed}
.xcxbj1{float: left; width: 180px;}
.xcxbj2{float: right;}




.nyqybtbjxcx {
    margin: 0 auto;
    width: 100%;
    padding-top: 80px;
}










@media(max-width:768px){
	
	
	 .news-content1 img {
        max-width:98%;
    }
.card-descwx{font-size: 18px;}
.nyqybtbjxcx {
    padding-top: 0px;
}
    .process-containerxcx{
        max-width: 100% !important;
        float: none !important;
        margin: 50px 0 !important;
        padding: 0 20px !important;
        display: flex !important;
        flex-wrap: wrap !important;   /* 关键：允许换行 */
        justify-content: space-between !important;
        gap: 40px 0 !important;     /* 上下间距 */
    }

    .process-stepxcx{
        max-width: 48% !important;   /* 2个一排 */
        flex: 0 0 48% !important;
        margin: 0 !important;
    }

    /* 手机端隐藏箭头（换行后箭头会乱） */
    .process-arrowxcx{
        display: none !important;
    }

    /* 缩小图标，手机端好看 */
    .step-iconxcx img{
        width: 100px !important;
        height: 96px !important;
        margin: 0 auto !important;
    }

    .step-textxcx{
        font-size: 16px !important;
        height: auto !important;
        justify-content: center !important;
    }

    .step-numberxcx{
        font-size: 32px !important;
    }


.nyqy1znxcx{height: 840px !important;}
.card-containerxcx{width: 92%; margin: 0 auto;    padding-bottom: 140px;}
.card-titlexcx{font-size: 20px;}
.card-contentxcx {padding: 18px 23px;}
.nyqy1znxcx{margin-top: -160px !important;}

.nyqybt1xcx {font-size: 23px !important; padding-left: 0px !important;}



}




.nyqybt1xcx {
    color: #333333;
    text-align: center;
    font-family: "微软雅黑";
    font-weight: 600;
    font-size: 48px;
}





.alxsbt{text-align: center; font-family: "微软雅黑";font-size: 22px; color: #6b6b6b;}



/* ====================== iPad 平板自适应 ====================== */
@media (min-width: 769px) and (max-width: 1024px) {
  .cloud-product-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    height: auto;
  }
  .cloud-product-ul li {
    width: calc(50% - 6px) !important;
    margin-left: 0 !important;
    margin-bottom: 12px;
    height: 460px;
    float: none;
  }
  .cloud-product-ul li.active {
    width: calc(50% - 6px) !important;
  }
  .introduce-list-large {
    width: 90% !important;
    font-size: 16px !important;
  }
}





/* ====================== 手机自适应 ====================== */
@media (max-width: 768px) {
  .cloud-product-wrapper {
    width: 100% !important;
    padding: 0 10px;
  }
  .cloud-product-ul {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
  }
  .cloud-product-ul li {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-bottom: 12px !important;
    height: auto !important;
    min-height: 400px;
  }
  .cloud-product-ul li.active {
    width: 100% !important;
  }
  .product-introduce-title {
    font-size: 18px !important;
    line-height: 1.4 !important;
  }
  .introduce-list-large {
    width: 90% !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
  .cons1{font-size: 24px;color: #ffffff;}
        
          .cons2{font-size: 14px;color: #ffffff;}
}






        .search-wrap {
            display: flex;
            align-items: center;
            width: 358px;           
            height: 47px; /* 整体高度 */
            padding: 0 20px;
            box-sizing: border-box;
            float: right;
        }

        /* 输入框 */
        .search-input {
            flex: 1;
            height: 36px;
            border: none;
            outline: none;           
            color: #666666;
            background: #ffffff;
            padding-left: 10px;
        }

        /* 输入框 placeholder 样式 */
        .search-input::placeholder {
            color: #999999;
            opacity: 1;
        }

        /* 搜索按钮 */
        .search-btn {
        	width: 50px;
            height: 36px;
           line-height: 36px;
            background-color: #0057c8; /* 蓝色按钮 */
            color: #ffffff;
            border: none;
            border-radius:10px; /* 圆角 */
            font-size: 16px;
            cursor: pointer;
            white-space: nowrap;
            outline: none;
        }





/* 服务模块 */
.service {
  padding:40px 0;
  background: url(../images/fwdbj.jpg) center  top no-repeat;
  text-align: center;
}
.service h2 {
  font-size: 22px;
  margin-bottom: 10px;
}
/*.service p {
  color: #999;
  margin-bottom: 40px;
 
}
.cloud-product-ul li.active  .service p {
  color: #fff;

 
}*/

.fw1{color: #003399; font-size: 80px; text-align: center; font-family:  arial;font-weight: 600; line-height: 62px;padding-top: 40px;}
.fw2{color: #333333; font-size: 55px; text-align: center;font-family: "微软雅黑";font-weight: 600;}
.fw3{color: #666666; font-size: 20px; text-align: center; margin-bottom: 60px;}


.service-box {
  display: flex;
  justify-content: space-between;
}
.service-item {
  width: 23%;
  background: white;
  padding: 30px 20px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  text-align: left;
}
.service-item h3 {
  font-size: 17px;
  margin: 15px 0 10px;
}
.service-item p {
  font-size: 13px;
  color: #666;
}
.service-item.blue {
  background: #1677ff;
  color: white;
}
.service-item.blue p {
  color: white;
}

/* 新闻 */
        .news-container {
            max-width: 1721px;
            margin: 0 auto;
         min-height: 500px;
            padding: 30px;
            border-radius: 8px;
        }
        /* 头部标题区域 */
        .news-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-bottom: 30px;
        }
        .news-title h1 {
            font-size: 80px;
            color: #003399;
            font-weight: bold;
            line-height: 1;
        }
        .news-title h2 {
            font-size: 55px;
            color: #333333;
            margin: 10px 0;
                margin-top: 0px;
        }
        .news-title p {
          color: #666666;
    font-size: 20px;
  font-weight: normal;
        }
        /* 分类Tab */
        .news-tabs {
            display: flex;
            gap: 30px;
        }
        .news-tab {
            font-size: 18px;
            color: #333;
            padding: 8px 0;
            cursor: pointer;
            position: relative;
            /* 增加hover时的过渡效果 */
            transition: color 0.2s ease;
                padding-bottom: 0px;
        }
        .news-tab:hover {
            color: #1e64b8; /* 悬浮时先变蓝 */
        }
        .news-tab.active {
            color: #3b77c0;
            font-weight: normal;
        }
        .news-tab.active::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #1e64b8;
        }
        /* 新闻列表区域 */
        .news-list {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 36px;
            margin-bottom: 40px;
        }
        .news-item {
            background-color: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            min-height: 397px;
             position: relative;
        }
               .news-itemry {
            background-color: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            min-height: 344px;
             position: relative;
        }
.tpbox{  width: 92%; height: 246px;overflow: hidden; display: flex;margin: 0 auto;
    margin-top: 18px;}
        
        
.tpbox img {
    width: 100%;
    height: 246px;
   
    justify-content: center;
    display: flex;
    align-items: center;
    margin: 0 auto;
   
    margin-bottom: 10px;
     transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);    
     overflow: hidden; 
     border-radius: 5px; 
        }
.news-item:hover .tpbox img {
  transform: scale(1.07);
  border-radius: 5px; 
  overflow: hidden;
}

/*.news-item {
  transition: background-color 3s cubic-bezier(0.2, 0.8, 0.2, 1), color 3s cubic-bezier(0.2, 0.8, 0.2, 1);
  color: #333333; 
}

.news-item:hover {
  background: #043b82;
  color: #ffffff; 
}*/



.news-item:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}
.news-item{
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

/*
.news-item:hover h3{color:#ffffff ;}
.news-item:hover .date{color:#ffffff ;}*/
        .news-info {
            padding: 20px;
                padding-top: 0;
        }
        .news-info h3 {
            font-size:22px;
            color: #333;
            line-height: 1.4;
            margin-bottom: 15px;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            padding-top: 25px;
        }
        .news-info .date {
            font-size: 20px;
            color: #999;
        }
        
        
               .news-infoxw {
            padding:23px;
                padding-top:44px;
               
        }
        
        
         .news-infoxw .datebt {
            font-size: 22px;
            color: #333;
            line-height: 1.4;
            margin-bottom: 40px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            padding-top: 14px;
            font-weight: 600;
        }
      .news-infoxw .datenr {
            font-size: 20px;
            color: #333;
             display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
      .news-infoxw .date88 {
    font-size: 20px;
    color: #999;
  
    bottom: 55px;
    position: absolute;
        }
        
        /*.news-item:hover .datebt{color:#ffffff ;}
        
          .news-item:hover .datenr{color:#ffffff ;}
         .news-item:hover .date88{color:#ffffff ;}*/
        
        /* 查看更多按钮 */
        .view-more {
            text-align: center;
        }
        .view-more button {
            background-color: #003399;
            color: #fff;
            border: none;
            padding: 15px 60px;
            border-radius: 30px;
            font-size: 18px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }
        .view-more button::after {
            content: '>';
            font-size: 20px;
        }
        /* 隐藏其他Tab内容 */
        .news-content {
            display: none;
        }
        .news-content.active {
            display: block;
            margin-top: 60px;
        }

/* 优势 */
.advantage {
  background: #f7f8fa;
  padding: 40px 0;
}
.adv-box {
  display: flex;
  justify-content: space-between;
}
.adv-item {
  width: 18%;
  background: white;
  text-align: center;
  padding: 20px;
  border-radius: 8px;
}

/* 联系 */
.contact {
	background: url(../images/lybj.jpg) center top no-repeat;
	height: 852px;
	width: 100%;
	
	
  padding: 60px 0;
}
        /* 顶部优势卡片区域 */
 .advantage-section {
    max-width: 1679px;
    margin: 20px auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 85px;
    padding: 0 35px;
    height: 300px;
        }
        .advantage-card {
            background-color: #fff;
            border-radius: 8px;
            padding: 62px 20px;
            text-align: center;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            transition:  box-shadow 0.3s ease;
               -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
        }
        
  
  .nyruanjianzm {
    margin: 0 auto;
    width: 100%;
    background-image: url(../images/zmbj.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
}
  
  
  
  
  
  
  
  
  
  
        
        .advantage-card:hover {
            -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
            cursor: pointer;
        }
        .advantage-card .icon {
            font-size: 48px;
            color: #1677ff;
            margin-bottom: 20px;
        }
        .advantage-card p {
            font-size: 16px;
            color: #333;
            font-weight: 500;
        }
/*.advantage-card:hover p{font-size: 17px; font-weight: 600; color: #498deb;}


*/


.card-containerwx {
      max-width: 1518px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 129px;
      margin-top: 60px;
      height: 381px;
    }

    .card-itemwx {
      background: #fff;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 6px 20px rgba(0,0,0,0.06);
      transition: 0.3s;
    }

    .card-itemwx:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 30px rgba(0,0,0,0.1);
    }

    /* 顶部渐变 */
    .card-headerwx {
      padding: 12px 0;
      text-align: center;
      font-size: 24px;
      font-weight: bold;
      color: #fff;
    }

    .header1wx {
      background: linear-gradient(90deg, #6D92FF, #409EFF);
    }

    .header2wx {
      background: linear-gradient(90deg, #FF9B5E, #FF7840);
    }

    .header3wx {
      background: linear-gradient(90deg, #42D9C1, #21C1A3);
    }

    /* 内容 */
    .card-bodywx {
      padding: 40px;
      height: auto;
    }

    .card-descwx {
      font-size: 20px;
      color: #333333;
      line-height: 1.7;
      margin-bottom: 25px;
      text-align: left;
      width: 100%;
    margin: 0 auto;
    height:auto;
        height: 121px;
    }

    .tag-boxwx {
      text-align: center;
    }

    .tagwx {
       display: inline-block;
    background: #efefef;
    color: #333;
    padding: 23px 8px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 600;
    /* margin-top: 20px; */
    width: 100%;
        line-height: 34px;
   
    }

    .tagwx span {
      color: #333;
      
      font-weight: normal;
    }




.advantage-card p {
  position: relative;
  text-align: center;
  margin: 0;
  white-space: nowrap; /* 保证文字不换行 */
  overflow: hidden;    /* 隐藏动画外的部分 */
}

/* hover 状态：颜色 + 粗细 + 动画 */
.advantage-card:hover p {
  font-size: 17px;
  font-weight: 600;
  color: #498deb;
  transition: width 0.9s cubic-bezier(0.2, 0.8, 0.2, 1); 
  
  /* 关键：从中间向两边平滑展开动画 */
  animation: textExpand 1s ease forwards;
}

/* 定义文字展开动画：从中间 0 宽度 → 100% 宽度 */
@keyframes textExpand {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}








        /* 联系我们区域 */
        .contact-section {
            max-width: 1679px;
            margin: 30px auto;           
            border-radius: 8px;
            padding: 40px;
            display: grid;
            grid-template-columns: 1fr 1.5fr;
            gap: 40px;
           
            padding-bottom: 15px;
            padding-top: 20px;
            margin-top: 76px;
        }
        .contact-left h2 {
            font-size: 36px;
            color: #000;
            margin-bottom: 20px;
        }
        .contact-left p {
            font-size: 16px;
            color: #555;
            line-height: 1.6;
            margin-bottom: 20px;
            width: 86%;
        }
        .contact-left .phone {
         
            align-items: center;
            gap: 10px;
        }
        .contact-left .phone .icon {
          
            color: #1677ff;
        }
        .contact-left .phone .number {
                   font-size: 48px;
            background: linear-gradient(90deg, #2268be, #023e85);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            font-weight: bold;
        }

        .contact-right h3 {
            font-size: 24px;
            color: #000;
            margin-bottom: 25px;
            line-height: 1.4;
        }
        .service-options {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-bottom: 20px;
        }
        .service-option {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 14px;
            color: #555;
        }
        .service-option input {
            accent-color: #003399;
        }
        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 20px;
        }
        .form-group {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        .form-group label {
            font-size: 14px;
            color: #555;
        }
        .form-group input {
            padding: 12px;
            border: 1px solid #eee;
            border-radius: 4px;
            font-size: 14px;
            background-color: #f8f9fa;
        }


 .submit-btn {
            position: relative;
            width: 240px;
            height: 60px;
            background: linear-gradient(90deg, #2167bd, #023e86);
            border: none;
            border-radius:40px 40px 40px 0px;
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            line-height: 60px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            overflow: hidden;
            margin: 0 auto;
            display: block;
        }

        /* 按钮文字右侧箭头 */
        .submit-btn::after {
            content: "";
            position: absolute;
            right: 51px;
            top: 0;
            color: #fff;
            transition: all 0.3s ease;
            font-size: 24px;
        }
        
        
        
         /* 悬停状态样式 */
        .submit-btn:hover {
            background: linear-gradient(90deg, #2980b9, #3498db);
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }

  

        /* 点击状态样式 */
        .submit-btn:active {
            transform: translateY(0);
        }
       
         .contact-right .form-group input{outline: none;}
         .contact-right  .form-group input:focus {
            box-shadow: 0 0 0 2px rgba(80, 153, 253, 0.4);
        }
        
        /* 响应式适配 */
      

        /* 底部容器 */
        .footer-container {
            background-color: #3d3d3d;
            color: #ffffff;
            padding: 40px 60px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            border-bottom: 1px solid #666666;
        }

        /* 左侧联系我们模块 */
        .footer-left {
            width: 35%;
            min-width: 300px;
        }

        .footer-left h2 {
            font-size: 32px;
            margin-bottom: 20px;
            font-weight: normal;
        }

        .divider {
            height: 1px;
            background-color: #666666;
            margin-bottom: 25px;
        }

        .contact-item {
            margin-bottom: 20px;
        }

        .contact-item h3 {
            font-size: 20px;
            margin-bottom: 12px;
            font-weight: normal;
        }

        .contact-item p {
            font-size: 18px;
            color: #c4c4c4;
            line-height: 1.8;
        }

        .qrcode-group {
            display: flex;
            gap: 40px;
            margin-top: 35px;
        }

        .qrcode-item {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .qrcode-item img {
            width: 88px;
            height: 85px;
        }

        .qrcode-item p {
            font-size: 14px;
            color: #cccccc;
            line-height: 1.5;
        }
        

        

        /* 右侧内容模块 */
        .footer-right {
            width: 62%;
            min-width: 300px;
        }

        .footer-right h2 {
            font-size: 32px;
            margin-bottom: 20px;
            font-weight: normal;
        }

        .service-desc {
            font-size: 18px;
            color: #c4c4c4;
            line-height: 1.8;
            margin-bottom: 40px;
        }


.advantages-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* 给每一列设置统一的最小宽度，保证视觉上“一样宽” */
.advantages-grid > div {
  max-width: 220px; /* 根据你的设计调整数值 */
}

        .advantage-item {
            font-size: 18px;
            color: #c4c4c4;
            line-height: 1.8;
        }

        /* 底部版权栏 */
        .copyright-bar {
            background-color: #333333;
            color: #c4c4c4;
            padding: 20px 60px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
        }

        .copyright-bar .record {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .copyright-bar .record img {
            width: 20px;
            height: 20px;
        }

        /* 响应式适配 */

        

        /* 箭头图标样式（模拟向上箭头） */
        .arrow-icon {
            font-size: 16px;
            font-weight: bold;
        }

        /* 移动端适配 */

        /*.get-scheme-btn {
          
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px; 
            
           width: 166px;
    height: 41px;
    border-radius: 30px;
    background: linear-gradient(90deg, #D92A2A, #B81A1A);
    color: #FFFFFF;
    font-size: 17px;
    font-weight: normal;
    text-decoration: none;
    border: none;
   
    cursor: pointer;
    transition: all 0.3s ease;
        }

       
        .get-scheme-btn:hover {
            background: linear-gradient(90deg, #E63E3E, #C92A2A);
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
        }

       
        .get-scheme-btn:active {
            transform: translateY(0);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
        }*/

        /* 箭头图标样式（模拟向上箭头） */
 .arrow-icon {
    font-size: 25px;
    font-weight: bold;
        }
        
    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #000;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    
    .nybannerbt{width: 1700px; margin: 0 auto;}
    .nybannerbt1{width: 100%; }
    
    
    
        .service-tabs {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            max-width: 1721px;
            margin: 0 auto 40px;
        }
        /* 单个服务卡片 */
        /*.service-tab {
        	width: 400px;
        	height: 496px;
            background-color: #f5f5f5;
            padding: 30px 25px;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .service-tab.active {
          
            background: url(../images/fwbj.jpg) center no-repeat;
            
            color: #fff;
        }*/
       
       
      /* 给卡片开启相对定位，让遮罩能覆盖在上面 */
/* 正常状态：无背景图 */
/* 正常状态：无背景 */
.service-tab {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.4s ease;
  padding: 30px 40px;
  border-radius: 10px;
  width: 400px;
        	height: 496px;
        	background: #f0f0f0;
}

/* hover / 激活 → 显示背景图 */
.service-tab:hover,
.service-tab.active {
  /* 👇 在这里放你的背景图地址 */
  background-image: url(../images/fwbj.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 550px;
  top: -31px;
}

/* 👇 重点：左深右浅蓝色渐变遮罩（右边完全透明） */
.service-tab:hover::before,
.service-tab.active::before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  z-index: 0;
  
  /* 正确渐变：蓝色 → 透明（从左到右） */
/*  background: linear-gradient(to right, #1677ff 0%, rgba(22, 119, 255, 0.2) 60%, transparent 100%);*/
  background: #043b82;
  
  transition: all 0.5s ease;
}
.service-tab:hover,.service-tab.active h3{color: #ffffff;} 
.service-tab:hover,.service-tab.active .ckxx{color: #ffffff;} 
/* 文字图标在最上层 */
.service-tab .icon,
.service-tab h3,
.service-tab p,
.service-tab .ckxx {
  position: relative;
  z-index: 2;
  color: #666;
}
       
/* hover 时图标变白 */
.service-tab:hover .icon img {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}

/* 默认 active 状态时图标永久变白 */
.service-tab.active .icon img {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}      
       
        .service-tab .icon {
            font-size: 48px;
            margin-bottom: 15px;
                text-align: left;
                margin-top: 20px;
        }
        .service-tab h3 {
            font-size: 28px;
            margin-bottom: 15px;
            font-weight: 600;
                text-align: left;
                color: #333333;
        }
        .service-tab p {
            font-size: 16px;
            line-height: 1.6;
            color: #666666;
                text-align: left;
                    width: 96%;
        }
        .service-tab.active p {
            color: #fff;
        }
        /* 内容展示区 */
        .tab-content {
            max-width: 1400px;
            margin: 0 auto;
            display: none;
        }
        .tab-content.active {
            display: flex;
            align-items: center;
            gap: 40px;
            display: none;
        }
        /* 左侧按钮组 */
        .content-left {
            display: flex;
            flex-direction: column;
            gap: 33px;
        }
        .content-left button {
            padding: 12px 30px;
            border: none;
            border-radius: 25px;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .content-left button.active {
            background-color: #0f4c9b;
            color: #fff;
        }
        .content-left button:not(.active) {
            background-color: #e0e0e0;
            color: #333;
        }
        /* 中间预览图 */
        .content-middle {
            flex: 1;
            text-align: center;
        }
        .content-middle img {
            /*max-width: 300px;
            border-radius: 4px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);*/
        }
        /* 右侧行业标签 */
        .content-right {
            flex: 2;
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 15px;
        }
        .content-right .tag {
            padding: 8px 15px;
            background-color: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 20px;
            text-align: center;
            font-size: 14px;
            color: #333;
        }
        

        .irregular-btn {
            position: relative;
            width: 240px;
            height: 60px;
            background: linear-gradient(90deg, #2167bd, #023e86);
            border: none;
            border-radius:40px 40px 40px 0px;
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            line-height: 60px;
            text-align: left;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            overflow: hidden;
            margin: 0 auto;
            display: block;
            padding-left: 62px;
        }

        /* 按钮文字右侧箭头 */
        .irregular-btn::after {
            content: ">";
            position: absolute;
            right: 51px;
            top: 0;
            color: #fff;
            transition: all 0.3s ease;
            font-size: 24px;
        }

        /* 悬停状态样式 */
        .irregular-btn:hover {
            background: linear-gradient(90deg, #2980b9, #3498db);
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }

        /* 悬停时箭头动画 */
        .irregular-btn:hover::after {
            right: 40px;
        }

        /* 点击状态样式 */
        .irregular-btn:active {
            transform: translateY(0);
        }
        

/* 平缓小卡片动画 */
@keyframes fadeUpGentle {
  from {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 小卡片默认隐藏 */
.animate-section .animate-item {
  opacity: 0;
  visibility: hidden;
}

/* 平缓入场 + 超长过渡时间 */
.animate-section.show .animate-item {
  opacity: 1;
  visibility: visible;
  animation: fadeUpGentle 1.1s ease-out forwards;
}

/* 更平缓的延迟间隔 */
.animate-section.show .animate-item:nth-child(1) { animation-delay: 0.2s; }
.animate-section.show .animate-item:nth-child(2) { animation-delay: 0.35s; }
.animate-section.show .animate-item:nth-child(3) { animation-delay: 0.5s; }
.animate-section.show .animate-item:nth-child(4) { animation-delay: 0.65s; }
.back-to-top {
  position: fixed;
  right: 21px;
  bottom:65px;
  width: 50px;
  height: 50px;
  background: #555;
  color: #fff;
  border-radius: 4px;
 z-index: 999 !important;
  cursor: pointer;
  display: none; /* 只保留这个隐藏 */
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.back-to-top.show {
  display: flex;
}
.back-to-top .arrow {
  font-size: 16px;
}
.back-to-top .text {
  font-size: 12px;
  margin-top: 2px;
}
        .news-detail {
            max-width: 1721px;
            margin: 0 auto;
            padding: 30px 39px;
            background: #ffffff;
            border-radius: 8px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            font-family: "Microsoft Yahei", sans-serif;
        }

        /* 文章标题 */
        .news-title {
            font-size: 28px;
            font-weight: 600;
            color: #333333;
            text-align: center;
            margin-bottom: 12px;
            line-height: 1.5;
        }

        /* 信息栏（公司、日期、阅读量） */
        .news-meta {
            font-size:16px;
            color: #666666;
            text-align: center;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 1px solid #e5e5e5;
        }

        /* 正文内容 */
        .news-content1 {
            font-size: 18px;
            color: #666666;
            line-height: 1.8;
            margin-bottom: 40px;
            min-height: 800px;
        }

        /* 上下篇导航栏 */
        .news-nav {
            display: flex;
            justify-content: space-between;
            font-size: 13px;
            color: #666666;
            padding-top: 20px;
            border-top: 1px solid #e5e5e5;
        }

        .news-nav a {
            color: #333333;
            text-decoration: none;
        }

        .news-nav a:hover {
            color: #0057c8;
        }
        
        
    /* 顶部地图区域 */
    .map-section {
      position: relative;
      width: 100%;
      height: 800px;
     padding-top: 106px;
    
    }
.map-section img{margin: 0 auto; justify-content: center; display: flex;}
    /* 蓝色信息卡片 */
    .info-card {
      position: absolute;
      top: 80px;
      left: 80px;
      width: 500px;
      padding: 30px;
      background-color: #0052D9;
      color: #fff;
      border-radius: 4px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    .info-card h1 {
      font-size: 32px;
      font-weight: 600;
      margin-bottom: 12px;
    }
    .info-card p {
      font-size: 16px;
      margin-bottom: 20px;
      opacity: 0.9;
    }
    .info-card .phone {
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 36px;
      font-weight: 500;
    }
    .info-card .phone::before {
      content: "📞";
      font-size: 32px;
    }

    /* 底部联系方式模块 */
    .contact-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      max-width: 1552px;
     padding: 40px 20px;
    margin: 0 auto;
    }
    .contact-item22 {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 30px 20px;
      background-color: #fff;
      border: 1px solid #f0f0f0;
      border-radius: 4px;
    }
    .contact-item .icon {
      width: 60px;
      height: 60px;
      margin-bottom: 20px;
      border: 2px solid #ccc;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      color: #ccc;
    }
    .contact-item .text {
      text-align: center;
      font-size: 14px;
      color: #333;
      line-height: 1.6;
    }        
        
        
        
        
        
        
        
        
        
.news-container1 {
            max-width: 1721px;
            margin: 0 auto;
     
            padding: 30px;
            border-radius: 8px;
            padding-bottom: 50px;
        }
        

 .section-title {
            margin-bottom: 30px;
            position: relative;
               margin-top: 408px;
        }
        .section-title h1 {
            font-size: 58px;
            color: #666666;
          /*  margin-bottom: 15px;*/
            font-weight: 600;
            padding-top: 78px;
        }
        .section-title p {
            font-size: 20px;
            color: #666;
            line-height: 1.6;
            max-width: 93%;
        }
        /*.section-title::after {
            content: "";
            position: absolute;
            right: 0;
            top: -30px;
            font-size: 120px;
            color: #eee;
            font-weight: bold;
            z-index: -1;
        }*/
        /* 筛选区域 */
        .filter-wrap {
        
            gap: 30px;
            background: #fff;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            margin-top: 45px;
            display: none;
            
        }
        .filter-sidebar {
            display: flex;
            flex-direction: inherit;
            gap: 30px;
        }
        .filter-sidebar .btn {
            padding: 8px 24px;
            border-radius: 20px;
            border: none;
            font-size: 14px;
            cursor: pointer;
        }
        .filter-sidebar .btn.active {
            background: #0057c8;
            color: #fff;
        }
        .filter-sidebar .btn:not(.active) {
            background: #eee;
            color: #666;
        }
        .filter-tags {
            flex: 1;
            display: flex;
            grid-template-columns: repeat(5, 1fr);
           gap: 30px;
        }
        .filter-tags .tag {
        	margin-top: 5px;
          margin-bottom: 5px;
            font-size: 18px;
            color: #333333;
            text-align: left;
            cursor: pointer;
            position: relative;
        }
        .filter-tags .tag.active {
            border-color: #0057c8;
            color: #0057c8;
        }
        
        
       .filter-tags .tag.active:after {
    display: block;
    visibility: hidden;
    opacity: 0;
    content: "";
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    transform: scale(1.2);
    transition: all 0.3s;
    background: #edf4fb;
    z-index: 0;
    border-radius: 6px;
    display: none;
}

.filter-tags a .tag:hover:after {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    /*background: #f8f8f8;*/
}

        
        
 .animated-circles {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.filter-tags .animated-circles .c-1,
.filter-tags .animated-circles .c-2,
.filter-tags .animated-circles .c-3 {
    transition: 0.8s cubic-bezier(.25, .46, .45, .94);
    transform: scale(0);
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    background: rgba(30, 120, 205, 0.1);
    border-radius: 50%;
}

.filter-tags .animated-circles .c-2 {
    transition-delay: 0.2s;
}

.filter-tags .animated-circles .c-3 {
    transition-delay: 0.4s;
}

.filter-tags .tag:hover .animated-circles .c-1,
.filter-tags .tag:hover .animated-circles .c-2,
.filter-tags .tag:hover .animated-circles .c-3 {
    transform: scale(1);
}       
        
    .animated-circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.animated-circles .circle {
    background: rgba(255, 0, 0, 0.9);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.animated-circles.show .c-1 {
    animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards
}

.animated-circles.show .c-2 {
    animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards
}

.animated-circles.show .c-3 {
    animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards
}

@keyframes scaleToggleOne {
    0 {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    50% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes scaleToggleTwo {
    0 {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    20% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    60% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes scaleToggleThree {
    0 {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    33% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    66% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}
    
        
        
        
        
        /* 案例展示区域（基础结构，后续替换为swiper） */
        .case-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            min-height: 400px;
        }
        
        /*.case-item {
          
            border-radius: 8px;
           
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            margin-bottom: 40px;
        }
        
        .case-img {
            position: relative;
            padding-bottom:55%;
           background: #fff;
        }
        .case-img img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
               object-fit: scale-down;
        }
        .case-phone {
            position: absolute;
               right: 7%;
    bottom: -30%;
    width: 31%;
    height: 100%;
            border: 8px solid #fff;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }
        .case-phone img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .case-title {
            padding: 15px;
            font-size: 18px;
            color: #333;
            background: #fff;
        }*/
.case-item {
    position: relative; /* 让子元素绝对定位以它为基准 */
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin-bottom: 80px;
    overflow: visible; /* 允许内容溢出 */
   transition: all 0.5s ease;
}

/* Hover时整体卡片上浮+阴影增强 */
.case-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.12);
}

.case-img {
    position: relative;
    padding-bottom: 55%;
    background: #fff;
    overflow: hidden; /* 只裁剪PC端图片，不影响手机模块 */
   cursor: pointer;
}

.case-pc-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
     transition: transform 0.8s cubic-bezier(0.16, 1, 0.29, 0.99);
}

/* PC端图片Hover时轻微放大 */
.case-item:hover .case-pc-img {
    transform: scale(1.02);
}

.case-phone {
    position: absolute;
     right: 7%;
 
        bottom: -53px;
    width: 28%;
    height: 70%;
  
    border: 8px solid #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* 手机端图片Hover时上浮+轻微旋转 */
.case-item:hover .case-phone {
   transform: translateY(-8px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
     transition: opacity 0.3s ease;
}

.case-mobile-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
   
        transition: transform 0.8s cubic-bezier(0.16, 1, 0.29, 0.99);

}
/*
.case-item:hover .case-mobile-img {
    transform: scale(1.03);
     transition: opacity 0.3s ease;
}*/

.case-title {
    padding: 15px;
    font-size: 18px;
    color: #333;
    background: #fff;
    transition: color 0.3s ease;
}

/* 标题Hover时变色 */
.case-item:hover .case-title {
    color: #2385bb;
}

.case-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
.case-item:hover .case-img::after {
    opacity: 1;
}






        .pagination {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 20px;
         
            border-radius: 8px;
                margin: 0 auto;
    align-items: center;
    justify-content: center;
    margin: 40px 0 ;  
    margin-bottom: 0;
        }
    .pagination li {
    list-style: none !important;
}


   .pagination .active {
background: #2196f3;
    color: #fff;
    padding: 5px 13px;
    border-radius: 50%;}


.pages a, .pages .current {
   
    border-radius: 50%;
}



        /* 页码按钮 */
        .page-item {
            width: 38px;
            height: 38px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            color: #666;
            background: #fff;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .page-item.active {
            background: #2196f3;
            color: #fff;
        }
        .page-item:hover:not(.active) {
            background: #f0f0f0;
        }
        /* 省略号 */
        .page-ellipsis {
            width: 38px;
            height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            color: #666;
        }
        /* 下一页按钮 */
        .page-next {
            padding: 0 24px;
            height: 38px;
            border-radius: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            color: #666;
            background: #fff;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .page-next:hover {
            background: #f0f0f0;
        }
        /* 跳转区域 */
        .page-jump {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 0 16px;
            height: 30px;
            border-radius: 30px;
            background: #fff;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            font-size: 14px;
            color: #666;
        }
        .page-jump input {
            width: 30px;
            height: 30px;
          border: none;
            border-radius: 20px;
            text-align: center;
            font-size: 14px;
            color: #333;
            outline: none;
        }
        .page-jump button {
            padding: 0 16px;
            height: 30px;
            border: none;
            border-radius: 20px;
            background: #2196f3;
            color: #fff;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .page-jump button:hover {
            background: #1976d2;
        }
        



.consult-container{
	width: 73px;
	position: fixed;
	bottom: 14vh;
	right: 12px;
	z-index: 9999;
	opacity: 1;
	transition: all .4s;
	font-size: 12px;
	color: #393a51;
  }
  .consult-container input{
	opacity: 0;
	cursor: default;
	position: absolute;
  }
  .consult-container .icon-box {
	padding: 12px 0;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	position: relative;
	/*box-shadow: 12px 12px 26px 6px rgba(20,21,22,.06);*/
	color: #393a51;
  }
  .font-box {
	padding: 6px 0!important;
	background-color: #f4f5fc!important;
	border-bottom: 1px solid #fff;
  }
  .consult-container  .font-box1{padding: 6px 0;}
  .consult-container .consult1, .consult-container .consult {
	position: absolute;
	left: 12px;
	top: 14px;
	border: 1px solid #ff0000;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	animation: ani-data-v-789143c6 1.4s ease-out infinite;
	-webkit-animation: ani-data-v-789143c6 1.4s ease-out infinite;
	-moz-animation: ani-data-v-789143c6 1.4s ease-out infinite;
  }
  .consult-container .consult1 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
  }
  .consult-container .icon-box .iconfont {
	font-size: 30px;
	line-height: 1;
  }
  .consult-container .icon-box:hover {
	background-color: #1890ff!important;
	transition: color .2s ease;
  }
  .consult-container .icon-box:hover .font {
	color: #fff!important;
  }
  .consult-container .icon-box:hover .consult1, .consult-container .icon-box:hover .consult {
	display: none;
  }
  .consult-container .go-top {
	text-align: center;
	cursor: pointer;
	margin-top: 23px;
	color: #393a51;
	display: none;
  }
  .go-top img{width: 30px; margin: auto;}
  .color500 {
	color: #393a51;
  }
  .el-popover {
	display: none;
	position: absolute;
	background: #fff;
	min-width: 120px;
	border-radius: 4px;
	border: 1px solid #f2f4f5;
	padding: 12px;
	/* right: 15px;
	top: 0; */
	z-index: 2000;
	color: #0d1a26;
	line-height: 1.4;
	text-align: justify;
	font-size: 14px;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	word-break: break-all;
   /* transform: translateY(-30%); */
   top: 13%;
   right: 115%;
   transform: translateY(-50%);
  }
  .phone-popover {
	padding: 0;
	max-width: 212px;
  }
  .phone-popover .phone {
	padding: 12px;
	font-size: 14px;
	line-height: 24px;
	color: #393a51;
  }
  .el-popper .popper__arrow, .el-popper .popper__arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 50%;
	right: -6px;
	background: #fff;
	transform:translateY(-50%) rotate(45deg);
	border-color: transparent;
	border-style: solid;
   
  }
  .el-popper .popper__arrow {
	border-width: 6px;
	filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));
  }
 .tran_zixun{transform: translateY(70%);}
  .tran_tell{transform: translateY(50%);} 
  .el-popover-code img{width: 100%; height: 100%; object-fit: contain;}
  .icon-box_img{width: 40px; height: 40px;  margin:0 auto 3px; position: relative;}
  .icon-box_img img{position: absolute; left: 0;  top: 0;  object-fit: cover; width: 100%; height: 100%;}
  .img_red{opacity: 1;  }
  .img_white{opacity: 0; }
  .consult-container .icon-box:hover .img_red{opacity: 0;}
  .consult-container .icon-box:hover .img_white{opacity: 1;}
  .item_span{position: relative;  display: block;}
  span.el-popover__reference-wrapper{display: block;}
  @keyframes  ani-data-v-789143c6{
	0% {
	transform: scale(1);
	opacity: 0;
	}
	25% {
		transform: scale(1.15);
		opacity: .3;
	}
	50% {
		transform: scale(1.3);
		opacity: .7;
	}
	75% {
		transform: scale(1.45);
		opacity: .5;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
  }
  @media (max-width: 780px){
	.consult-container {display: none ;}
	  .conwz{    
	  	font-size: 18px;
    color: #ffffff;
    font-family: "微软雅黑";
    font-weight: 600;    display: none;}
	.consxwz{margin-top: -398px !important;margin-left: 8%;}
	.xctp{width:98%; margin: 0 auto; display: none;}
	.boxwz {
margin-top:-1023px;
    width: 100%;
  
}
	.wzbanner{height: 673px;}
	.tab {
    width: 90%;
    padding-top: 15px;
    height: 196px;
    }
    
	.tabs {
   
    flex-wrap: wrap;
}
	.tabs:hover .tab{ height:240px !important}
	.tabs:hover .tab:nth-child(1) {
    height: 196px !important;
}

	.tabs:hover:nth-child(2) .tab {
    height:236px !important;
}

	.tabs .tab:nth-child(2) {
    height:243px !important;
}

	.tab:nth-child(2) {
  
    margin-top: 28px;
}
	.tab:hover {
    width: 90%;}
    .tabs .tab:hover {
    height: 243px !important;}
    
  .process-left img {
    width: 77% !important;
    height: auto;
    display: block;
    margin: 0 auto;
}  
    
    .process-section{margin-top: 0px !important;}
    .process-title {
    font-size: 21px !important;
}
    
	.content8.active {

   margin-top: -143px;
}
	
	
	.sb3 {
    font-family: "微软雅黑";
    font-size: 16px;
    color: #fff;
    margin-top: 0px; 
    margin-bottom: 5px; 
}
	.sb1 img{width:37px;}
	
	.sb2 {
    font-family: "微软雅黑";
    font-size: 20px;
    color: #fff;
    margin-left:4px;
    font-weight: 600;
}
	
	
	
  }
  
.dhbt{opacity: 1;
  visibility: visible;
  animation: fadeUpGentle 1.1s ease-out forwards;}


 /* 滑入动画核心样式 */
        .lximg {
            /* 初始状态：在左侧外面、透明 */
            transform: translateX(-100%);
            opacity: 0;
            
            /* 动画配置：名称 时长 平滑 延迟执行 */
            animation: lximgslideIn 2s ease-out 1s forwards;
            
            /* 图片样式 */
            width: 1525px;
            height: auto;
            display: block;
            margin: 0 auto;
         
        }

        /* 关键帧：从左滑入 + 渐显 */
        @keyframes lximgslideIn {
            to {
                transform: translateX(0);
                opacity: 1;
            }
        }
        
.ckxx{border-radius: 40px 40px 40px 0px; border: 1px solid #bfbfbf; width: 155px; line-height: 37px; margin-top: 80px; color: #666666;}
.image-mask-container {
  position: relative;
  width: 100%; /* 可根据需求调整 */
  max-width: 960px;
  overflow: hidden;
  border-radius: 8px; /* 模拟图片圆角 */
}

.bg-image {
  display: block;
  width: 100%;
  height: auto;
}

.blue-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 蓝色渐变遮罩：从左到右由深到浅半透明 */
  background: linear-gradient(90deg, rgba(0, 80, 160, 0.95) 0%, rgba(0, 100, 180, 0.7) 50%, rgba(0, 120, 200, 0.3) 100%);
}

/*.wztb{width: 1712px; margin: 0 auto; display: flex; justify-content: space-between;}
.wztb1{width: 530px; height: 225px; background: url(../images/jwzxtbbj.png) center no-repeat; color: #ffffff;}
.wztb1-1{font-size: 36px; color: #ffffff; width: 40%; float: left; line-height: 225px; padding-left:49px;}
.wztb1-2{width: 55%; float: right;}
.wztb1-2 img{width: 109px; height: 91px;    margin-top: 110px;    margin-left: 124px;}
.wztb2{width: 530px; height: 225px; background: url(../images/jrjxtbbj.png) center no-repeat; color: #ffffff;}
.wztb3{width: 530px; height: 225px; background: url(../images/xcxxtbbj.png) center no-repeat; color: #ffffff;}
.wztb1:hover {
                transform: scale(1.03);
                box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
            }*/
           

.wztb {
  display: flex;
  gap: 20px;
  width: 100%;
  max-width: 1791px;
 
}

/* 单个卡片容器 */
.wztb1, .wztb2, .wztb3 {
  flex: 1;
  height: 200px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease;
}

/* 卡片 hover 轻微上浮 */
.wztb1:hover, .wztb2:hover, .wztb3:hover {
  transform: translateY(-15px);
}

/* 底色：分别对应蓝、橙、绿 */
.wztb1 {
  background-color: #165DFF;
}
.wztb2 {
  background-color: #ffd287;
}
.wztb3 {
  background-color: #c5d6bb;
}

/* 核心：hover 从中间向两边展开的背景层 */
.bg-expand {
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.15);
  transform: translateX(-50%);
  transition: all 0.5s ease-out;
  z-index: 1;
}

/* hover 时展开铺满 */
.wztb1:hover .bg-expand,
.wztb2:hover .bg-expand,
.wztb3:hover .bg-expand {
  width: 100%;
}

/* 装饰圆形（和设计图一致） */
.wztb1::before, .wztb1::after,
.wztb2::before, .wztb2::after,
.wztb3::before, .wztb3::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  z-index: 0;
}

.wztb1::before {
  width: 120px;
  height: 120px;
  top: -30px;
  left: -30px;
}
.wztb1::after {
  width: 80px;
  height: 80px;
  bottom: 20px;
      right: -18px;
    top: -20px;
}

.wztb2::before {
  width: 120px;
  height: 120px;
  top: -30px;
  left: -30px;
}
.wztb2::after {
  width: 80px;
  height: 80px;
  bottom: 20px;
      right: -18px;
    top: -20px;
}

.wztb3::before {
  width: 120px;
  height: 120px;
  top: -30px;
  right: -30px;
}
.wztb3::after {
  width: 80px;
  height: 80px;
  bottom: 20px;
  left: 10px;
}

/* 内容层（文字 + 图标） */
.wztb1-1, .wztb1-2 {
  position: relative;
  z-index: 2;
  color: white;
  font-family: "Microsoft Yahei", sans-serif;
}

.wztb1, .wztb2, .wztb3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px;
}

.wztb1-1 {
  font-size: 30px;
  font-weight: bold;
}

.wztb1-2 img {
  padding-top: 51px;
  height: auto;
}


@media (max-width: 992px) {
            .nav-list {
                position: absolute;
                top: 80px;
                left: 0;
                width: 100%;
                background-color: #fff;
                flex-direction: column;
                gap: 0;
                display: none;
                border-top: 1px solid #eee;
            }
            .nav-list.show {
                display: flex;
            }
            .nav-item {
                height: 60px;
                line-height: 60px;
                border-bottom: 1px solid #eee;
                text-align: center;
            }
            .nav-item > a {
                font-size: 20px;
                justify-content: center;
                color: #000;
            }
            .nav-item.active::after {
                display: none;
            }
            .menu-toggle {
                display: block;
            }
            /* 移动端二级菜单 */
            .subnav {
                position: static;
                transform: none;
                border: none;
                box-shadow: none;
                background-color: #f9f9f9;
                display: none;
            }
            .subnav.show {
                display: block;
            }
            .nav-item:hover .subnav {
                display: none;
            }
            
             .footer-container {
                flex-direction: column;
                gap: 40px;
                    display: none;
            }
            .footer-left, .footer-right {
                width: 100%;
            }
            .advantages-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .advantage-section {
                grid-template-columns: repeat(3, 1fr);
                display: flex;
            }
            .contact-section {
                grid-template-columns: 1fr;
               
            }
            .websj{display: none;}
         
            
}

@media (max-width: 768px) {
            /*.advantage-section {
                grid-template-columns: repeat(2, 1fr);
            }*/
           .sjtpsy{    width: 360px;
    margin: 0 auto;
    display: flex;
    align-items: center; margin-left: 20px;}
            .card-bodywx {
    padding: 10px 20px;

}

           
           
             .advantage-section {
                grid-template-columns: 1fr;
            }
            .form-row {
                grid-template-columns: 1fr;
            }
            
            .advantages-grid {
                grid-template-columns: 1fr;
            }
            /*.copyright-bar {
                flex-direction: column;
                gap: 15px;
                text-align: center;
            }*/
.contact {
	background: url(../images/lybj.jpg) center top repeat-y;
	height: 603px;
	width: 100%;
  padding:9px 0;
}
.copyright-bar {
   
/*    margin-bottom: 50px;*/
}

.advantage-card p{    font-size: 14px;}





.banner {
  height:180px;

}


.xwbanner {
  height: 144px;
  margin-top: 0px;
 
}


.box {

    margin: 0 auto;

 
}


.icon-wrapper {
    width: 70px  !important;
    height: 70px  !important;
}

.process-text {
    font-size: 15px !important;
    line-height: 18px  !important;
    font-weight: normal  !important;
}

.section-title h1 {
    font-size: 22px  !important;   
    padding-top: 12px  !important;
    padding-left: 10px;
}

.section-title p {

    max-width: 100%;
}

.swiper-slide img {
 
    object-fit: fill;
}


.header {
  height: 64px;

}
      
.logo{width: 135px; height: 38px;    margin-top: 10px;}  

.get-scheme-btn{display: none;}
.fw1{color: #013d86; font-size: 33px; text-align: center; font-family:  arial;font-weight: 600; line-height: 30px;
padding-top: 6px;}
.fw2{color: #333333; font-size: 28px; text-align: center;font-family: "微软雅黑";font-weight: 600;}
.fw3{color: #666666; font-size: 12px; text-align: center; margin-bottom: 31px;}
.service {
  padding:18px 0;
      padding-bottom: 0;
}   
.tab-content.active{display: none;} 
.service-tabs{flex-wrap: wrap;grid-template-columns:none}
 .service-tab {
        	width: 100%;
        	margin: 0 auto;
        	    height: 358px;
    margin-bottom: 0px;
          
        }
        
        .service-tab:hover, .service-tab.active{height: 359px; top: 0px;}
        
.wztb {
 
  gap: 5px;
  width: 93%;
  margin: 0 auto;
 
}
    
 .wztb1, .wztb2, .wztb3 {
   display: block; 
}    
        
        
        
  .service-tab .icon{font-size: 25px;margin-bottom: 5px; margin-top: 0px;}
  .service-tab h3{font-size: 17px;}
  .news-title h1 {
            font-size: 33px;        
        }
        .news-title h2 {
            font-size: 28px;         
        }
        
         .news-title p {
            font-size: 12px;
        }
        .news-header{display: block;}
        .news-container{padding-top: 0px; padding-bottom: 0px;}
        .news-list { grid-template-columns: repeat(1, 1fr); display: block;}
        .news-item img { height: 207px; }
        .tpbox{width:100%; height:auto;margin-top: 10px;}
        .tpbox img {
    width: 95%;
    height: auto;  
    margin: 0 auto; 
        }
        
         .news-item {
            min-height:215px;    
            margin-bottom: 20px;  
        }
      .ckxx{margin-top:29px !important;}  
        .news-title {
    font-size: 18px;
   
}
      .news-meta {
    font-size: 14px;
  
}  

.news-detail {
  
    padding: 20px 12px;
  
}
.news-content1 p a img{width: 97% !important; margin: 0 auto;}
        .search-wrap{display: none;}

.news-info h3 {font-size: 17px;margin-bottom: 5px;}
.news-info {padding-bottom: 10px;}
.irregular-btn {  
    width: 208px;
    height: 44px;   
    line-height: 44px;
   
 }
 .advantage-card {    
    padding: 15px 10px;   
        width: 48%;
}
.advantage-section {
      gap: 11px;
    flex-wrap: wrap;
    justify-items: center;
   
}

.advantage-card:nth-child(3){width: 100%;}


.advantage-card .icon {
font-size: 4px; 
   
   margin-bottom: 0px;
}
.advantage-card .icon img{width: 85%; height:  auto;}
.contact-left h2{font-size: 28px;}
.contact-left p{width: 100%;}
.contact-left .phone .number{font-size: 22px;}
.contact-left .phone img{white-space: 35px; height: 36px;}
.contact-section{gap: 11px;}
.contact-right h3{font-size: 17px;}
.submit-btn{width: 208px; height: 44px; line-height: 44px;}


.wztb1-2 img {
  padding-top: 0px;
  width: 100%;
}

.wztb1-1 {
       font-size: 18px;
    padding-top: 15px;
    /* padding-bottom: 10px; */
    text-align: center;
    height: 68%;
    font-weight: normal;
}


.filter-tags {
    /* flex: 1; */
    display: flex;
    /* grid-template-columns: repeat(5, 1fr); */
    gap: 12px;
    flex-wrap: wrap;
}
.case-title {
  
    font-size: 14px;
   
}
.case-list {
	grid-template-columns: repeat(2, 1fr);
  min-height: 0px; 
      width: 94%;
    margin: 0 auto;
}
.case-item{margin-bottom: 0px;}
.case-phone {
   
    bottom: -7%;   
    border: 2px solid #fff;
    border-radius: 10px;
    
}
.case-phone {
   
    right: 5%;
    
    height: 55%;
  
}
.map-section img {
    width: 100%;

}
.map-section{padding-top:0px !important; height: auto;}
.contact-item22 {
    
    padding: 10px 20px;
   
}


.icon img{
	width: 50%;
margin: 0 auto;
    display: flex;
}
.contact-grid {
   
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  
    padding: 20px 20px;
 
}
.filter-wrap {
        width: 94%;
    margin-top: 27px !important;
    margin-bottom: 28px !important;
    margin: 0 auto;
}
.news-infoxw {
 
    padding-top: 18px;
}
.news-infoxw .datebt {
            font-size: 17px;
           
            margin-bottom: 5px;
            
        }
      .news-infoxw .datenr {
            font-size: 16px;
            color: #333;
            /* 核心：兼容 iOS 的多行省略 */
    display: -webkit-box !important;
    display: box !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    
    /* 必须加：修复 iOS 不生效的关键 */
    word-break: break-all;
    position: relative;
        }
      .news-infoxw .date88 {
    font-size:16px;
    color: #999;
  
    bottom: 21px;
    position: absolute;
        }
        
       .news-tab {
            font-size: 15px;
         
        }  
        .search-wrap {   
    margin-top: 14px;
}
.news-content1 {
    font-size: 16px;
    
}
.nav-prev{width: 100%; text-overflow:ellipsis;
overflow: hidden;
word-break: break-all;
white-space:nowrap; font-size: 16px;}

.nav-next{width: 100%; text-overflow:ellipsis;
overflow: hidden;
word-break: break-all;
white-space:nowrap; font-size: 16px;}

.news-nav{display: block;}

.filter-tags .tag{margin: 0px 0px;}

.pages a, .pages .current{padding: 0px !important;}
}



        .process-container {
   max-width: 60%;
    /* width: 100%; */
    /* max-width: 1920px; */
    /* padding: 40px 20px; */
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 47px;
    margin-top: 20px;
    float: left;
        margin-bottom: 54px;
}
        }

        /* 单个步骤项 */
        .process-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
            flex: 1; /* 均分宽度 */
            max-width: 200px;
        }

        /* 图标容器（圆形外框） */
        .icon-wrapper {
            width: 70px;
            height: 70px;      
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: transparent;
        }

        /* 图标样式 */
        .process-icon {
            width: 70px;
            height: 70px;
            object-fit: contain; /* 保持图标比例，不拉伸 */
        }

        /* 箭头样式 */
        .arrow88 {
            width: 16px;
            height: 17px;
            background: url(../images/wz5-6.png) center no-repeat;
            background-size: contain;
            flex-shrink: 0; /* 防止箭头被压缩 */
        }

        /* 步骤文字 */
        .process-text {
            font-size: 16px;
            font-weight: 500;
            color: #666666; /* 灰色文字，还原原图 */
            text-align: center;
               line-height: 35px;
        }




  .banner-wrap {
            width: 100%;
            min-height: 384px;
            /* 左浅蓝→右米白的渐变背景，和原图完全一致 */
            background: linear-gradient(90deg, #e6f7ff 0%, #e6f7ff 5%, #f5f0e6 100%);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            /* 内边距适配不同屏幕 */
            padding: 40px 20px;
            /* 标题和按钮的间距 */
            gap: 30px;
        }

        /* 标题样式：还原字体大小、粗细、颜色 */
        .banner-title {
            font-size: clamp(24px, 5vw, 56px);
            font-weight: bold;
            color: #000000;
            text-align: center;
            line-height: 1.4;
        }

        /* 按钮样式：还原圆角、渐变、文字样式 */
        .contact-btn {
           width: 435px;
           height: 72px;
           line-height: 72px;
            /* 按钮蓝白渐变，和原图一致 */
            background: linear-gradient(90deg, #367bf0 0%, #0f52ba 100%);
            border: none;
            /* 大圆角，还原设计 */
            border-radius: 50px;
            font-size: clamp(18px, 3vw, 35px);
           font-family: "微软雅黑";
            color: #ffffff;
            cursor: pointer;
            /* 悬停动画过渡 */
            transition: all 0.3s ease;
            /* 轻微阴影，提升质感 */
            box-shadow: 0 4px 12px rgba(15, 82, 186, 0.2);
           letter-spacing: 16px;
    text-align: center;
        }

        /* 按钮交互效果：悬停上浮+加深阴影 */
        .contact-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(15, 82, 186, 0.3);
            background: linear-gradient(90deg, #4a8af4 0%, #1a66d9 100%);
        }

        /* 按钮点击效果：按下回弹 */
        .contact-btn:active {
            transform: translateY(0);
            box-shadow: 0 2px 8px rgba(15, 82, 186, 0.2);
        }



  .process-section {
            width: 100%;
            min-height: 500px;
          
            display: flex;
            align-items: center;
            justify-content: center;
           
            gap: 30px;
            flex-wrap: wrap;
            margin-top: 59px;
        }

        /* 左侧图片容器 */
        .process-left {
            flex: 0 0 auto;
            max-width: 500px;
        }

        .process-left img {
            width: 100%;
            height: auto;
            display: block;
        }

        /* 右侧流程内容容器 */
        .process-right {
            flex: 1;
            min-width: 600px;
            max-width: 1000px;
        }

        /* 标题样式 */
        .process-title {
            font-size: clamp(28px, 5vw, 48px);
            font-weight: bold;
            color: #333333;
            text-align: center;
            margin-bottom: 40px;
        }

        /* 流程卡片网格布局 */
        .process-list {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 20px;
        }

        /* 单个流程卡片 */
        .process-item2 {
            background-color: #ffffff;
            border: 2px solid #d0e7f9;
            border-radius: 8px;
          
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
           
            transition: all 0.3s ease;
            cursor: default;
                width: 153px;
    height: 200px;
        }
.process-item2 img{padding-top: 10px;}


        /* 卡片悬停效果 */
        .process-item2:hover {
            border-color: #367bf0;
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(54, 123, 240, 0.15);
        }

        /* 图标样式 */
        .process-icon {
            width: 60px;
            height: 60px;
            color: #a0c8e8;
            /* 用SVG图标还原设计样式 */
        }
.process-item:hover   .process-icon {
 animation: spin 1s linear infinite;
}
     @keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
     
     
        /* 文字样式 */
        .process-name {
            font-size: clamp(16px, 3vw, 20px);
          padding-top: 40px;
            color: #666666;
            text-align: center;
        }

        /* 移动端响应式适配 */
        @media (max-width: 1024px) {
            .process-section {
                flex-direction: column;
                gap: 30px;
            }
            .process-right {
                min-width: 100%;
            }
            .process-list {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .process-list {
               grid-template-columns: repeat(3, 1fr) !important;  
           
               width: 90%;
    margin: 0 auto;
      
            }
            .process-item2 {
                padding: 0 !important;
                    width: 113px;
    height: 146px;
            }
            
    
            
            
            
            
        }     
        
        
        
           @media (max-width: 768px) {
            .banner-wrap {
                min-height: 160px;
                padding: 30px 15px;
                gap: 25px;
            }
            .contact-btn {
                padding: 5px 40px;
                width: 226px;
						    height: 58px;
						    line-height: 50px;
            }
            
            
            .process-container{
            	flex-wrap: wrap;
                gap: 0px  !important;
                display: flex;
                max-width: 100% !important;
               
                margin-bottom: 27px;
                
                }
            
            
            
            
            
        }
        

        @media (max-width: 1200px) {
            .process-container {
                flex-wrap: wrap;
                gap: 30px;
            }
            .icon-wrapper {
                width: 120px;
                height: 120px;
            }
            .process-icon {
                width: 50px;
                height: 50px;
            }
            .process-text {
                font-size: 24px;
            }
            .arrow {
                display: none; /* 移动端隐藏箭头，改为上下布局 */
            }
        }
        


.wraprgzn{
  max-width:1448px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:40px;
      margin-top: 64px;
}

/* 左侧图片 */
.left-img{
  flex:1;
}
.left-img img{
  width:100%;
  height:auto;
  display:block;
  border-radius:12px;
}

/* 右侧列表 */
.right-list{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:16px;
}

/* 列表项 */
.itemrgzn{
  background:#fff;
  border-radius:16px;
  padding:28px 24px;
  display:flex;
  align-items:center;
  gap:18px;
  box-shadow:0 4px 12px rgba(0,0,0,0.05);
  cursor:pointer;
  transition:all 0.3s ease;
  position:relative;
  overflow:hidden;
}

/* 重点：hover 在右侧出现横条动画 */
.itemrgzn::before{
  content:'';
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:0;
  height:30px;
  background:#409eff;
  border-radius:4px 0 0 4px;
  transition:width 0.3s cubic-bezier(0.34,1.26,0.64,1);
}
.itemrgzn:hover::before{
  width:6px;
}

.itemrgzn:hover{
  transform:translateX(-6px);
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

/* 小图标 */
.item-iconrgzn{
  width:50px;
  height:50px;
  flex-shrink:0;
}
.item-iconrgzn img{
  width:100%;
  height:100%;
  object-fit:contain;
}

/* 文字 */
.item-textrgzn h3{
  font-size:24px;
  color:#333;
  margin-bottom:6px;
  font-weight:600;
}
.item-textrgzn p{
  font-size:18px;
  color:#333;
  line-height:1.5;
}


.nyqy1zn {
    margin: 0 auto;
    width: 100%;
    height: 960px;
    background: #e6eaf0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -90px;
    position: relative;
    z-index: 2;
}



.nyqy1znxcx {
    margin: 0 auto;
    width: 100%;
    height: 973px;
    background: url(../images/xcxalbj.png);  
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -90px;
    position: relative;
    z-index: 2;
}






.nyqy1wx {
    margin: 0 auto;
    width: 100%;
    height: 719px;
    background: url(../images/wxxbj.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
   
    z-index: 2;
}






.nyqy2zn {
    margin: 0 auto;
    width: 100%;
    min-height: 1112px;
    background-image: url(../images/rgznbj.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -190px;
    position: relative;
    z-index: 5;
}



.nyqy2znxcx {
    margin: 0 auto;
    width: 100%;
    min-height:962px;
    background: url(../images/alxsbj.png) #fff;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -188px;
    position: relative;
    z-index: 1;
}






.nyqybtbjsdzn {
    margin: 0 auto;
    width: 100%;
    padding-top: 140px;
}

/* 手机端：上下布局 */
@media (max-width:768px){
  .wraprgzn{
    flex-direction:column;
    gap:30px;
  }
  .itemrgzn{
    padding:18px 20px;
    gap:14px;
  }
  .item-iconrgzn{
    width:44px;
    height:44px;
  }
  .item-textrgzn h3{
    font-size:16px;
  }
  .item-textrgzn p{
    font-size:13px;
  }
}

.feature-container {
  max-width: 1568px;
  margin: 0 auto;
  display: flex;
  align-items: center;
      margin-top: 30px;

}


@media (min-width: 1400px) and (max-width: 1600px) {

 .feature-container {
    max-width: 90%;
   
}
.banner-btfc {
    font-size: 39px !important;   
}
.conwz {
    font-size: 51px; 
    width: 67%;
    margin-left: 40px;
  
}
.sb3{margin-bottom: 0px;}
.tab {width: 651px;  padding: 23px 32px;}
.container {
    width: 95% !important;
   
}
.process-left {
    flex: 0 0 auto;
    max-width: 296px;
}
.card-containerxcx {
    max-width: 1412px;}
.card-descxcx {
    font-size: 15px;
   
} 

.gsjj_view .gsjj_view_left .gsjj_view_left_1 {

    font-size: 70px !important;
  
}

.Floor003107 .number dl {
 
    min-width: 140px !important;
}
   
   .Floor003107 .number dt {
    font-size: 54px !important;
   
}
   
   
.process-right {
   
    min-width: 880px;

}
body{overflow: hidden;}


.boxwz {
    max-width: 1441px;   
}

.tab:hover {
   width: 651px;
  height: 263px;
  background: url(../images/wz4.png) center no-repeat;
 
}

}





.nyqy1fw {
    margin: 0 auto;
    width: 100%;
    height: 745px;
   background: #f6f6f6;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -90px;
    position: relative;
    z-index: 2;
}

/* 左侧列表 */
.feature-list {
 
  background: #fff;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  width: 580px;
}

.feature-item {
  padding: 22px 24px;
  display: flex;
  align-items: flex-start;
  gap: 39px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}

/* 默认激活项的背景色 */
.feature-item.active,
.feature-item:hover {
  background: #f0f5ff;
}

/* 图标容器 */
.icon-wrap {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  position: relative;
}

.icon-normal,
.icon-active {
  position: absolute;
  top: 0;
  left: 0;
  
  object-fit: contain;
  transition: opacity 0.3s ease;
      margin-top: -17px;
}

.icon-active {
  opacity: 0;
}

.feature-item.active .icon-normal,
.feature-item:hover .icon-normal {
  opacity: 0;
}

.feature-item.active .icon-active,
.feature-item:hover .icon-active {
  opacity: 1;
}

/* 文字内容 */
.text-wrap h3 {
  font-size: 22px;
  color: #333;
  /*margin-bottom: 8px;*/
    font-family: "微软雅黑";
}

.text-wrap p {
  font-size: 17px;
  color: #333;
  line-height: 15px;
  font-family: "微软雅黑";
}
.text-wrap span {
  font-size: 15px;
  color: #6b6b6b;
  line-height: 15px;
  font-family: "微软雅黑";
}
/* 右侧图片区 */
.feature-image {
  flex: 1;
  position: relative;
  min-height:688px;

}

.image-item {
  position: absolute;
  top: 0;
  left: 0;
    padding-top: 80px;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.image-item.active {
  opacity: 1;
}

.image-item img {
  object-fit: contain;
      margin: 0 auto;
    float: right;
    width: 77%;
    height: auto;
}
.card-title88 {
    font-size: 24px;
    /* font-weight: 600; */
    color: #333;
    margin-bottom: 18px;
    transition: color 0.3s ease;
}




/* 左侧列表 */
.feature-listxcx { 
  overflow: hidden;
  width: 580px;
}

.feature-itemxcx { 
  display: flex;
  align-items: flex-start;
  gap: 39px;
  cursor: pointer;
  position: relative;
  width: 448px;
  height: 100px; /* 初始高度 */
  padding: 32px 19px;
  overflow: hidden; /* 【关键】：超出容器的背景完全隐藏，初始彻底看不见 */
  
  /* 背景统一写在这里，hover不再重复写 */
  background: url(../images/xcxqiehuanbj.png) center no-repeat;
  background-size: cover; /* 让背景铺满容器，适配高度变化 */
  background-position: center 370%; /* 初始：背景底部对齐容器底部，完全藏在容器外 */
  
  /* 统一过渡，丝滑不抖 */
  transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: height, background-position; /* 浏览器性能优化，彻底不抖 */
}

.feature-itemxcx.active,
.feature-itemxcx:hover {
  height: 136px; /* hover时高度展开 */
  background-position: center 0; /* 背景从下往上滑入，铺满容器 */
}
/* 图标容器 */
.icon-wrapxcx {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  position: relative;
}

.icon-normalxcx,
.icon-activexcx {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
  transition: opacity 0.3s ease; 
}

.icon-activexcx {
  opacity: 1;
}

.feature-itemxcx.active .icon-normalxcx,
.feature-itemxcx:hover .icon-normalxcx {
  opacity: 1;
}

.feature-itemxcx.active .icon-activexcx,
.feature-itemxcx:hover .icon-activexcx {
  opacity: 1;
}

/* 文字内容 */
.text-wrapxcx h3 {
  font-size: 22px;
  color: #333;
  /*margin-bottom: 8px;*/
    font-family: "微软雅黑";
}

.text-wrapxcx p {
  font-size: 17px;
  color: #333;
  line-height: 15px;
  font-family: "微软雅黑";
}
.text-wrapxcx span {
  font-size: 15px;
  color: #6b6b6b;
  line-height: 15px;
  font-family: "微软雅黑";
}
/* 右侧图片区 */
.feature-imagexcx {
  flex: 1;
  position: relative;
  min-height:688px;

}

.image-itemxcx {
  position: absolute;
  top: 0;
  left: 0;
    padding-top: 80px;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.image-itemxcx.active {
  opacity: 1;
}

.image-itemxcx img {
  object-fit: contain;
      margin: 0 auto;
    float: right;
    width: 100%;
    height: auto;
}
.card-title88xcx {
    font-size: 24px;
    /* font-weight: 600; */
    color: #333;
    margin-bottom: 18px;
    transition: color 0.3s ease;
}




/* 移动端适配 */
@media (max-width: 768px) {
  .feature-container {
  flex-direction: inherit;
 margin-top: 0px;
    width: 92%;
  }

  .feature-image {
    order: -1;
    min-height: 300px;
  }
.right-list{width: 92%;}
.nyqy1fw{height: auto !important; padding-top: 20px !important; padding-bottom: 20px !important;}
.nyqybtbjsdzn {
  
    padding-top: 142px;
}
.nyqy2zn {
 margin-top: -143px;
    min-height: 1112px !important;
    padding-bottom: 50px;}
.feature-list{margin-top: 20px;}
  .feature-item {
    padding: 18px;
  }

  .text-wrap h3 {
    font-size: 18px;
  }

  .text-wrap p {
    font-size: 14px;
  }
  
  .card-title88 {
    font-size: 15px;
  
}



.alxsbt{font-size: 15px;}
  .feature-itemxcx{width: 96%; margin: 0 auto; padding-top:18px;height: 111px;}
  .text-wrapxcx h3{font-size: 18px;}
  .text-wrapxcx span{font-size: 14px;}
  .feature-itemxcx.active, .feature-itemxcx:hover {
    height: 111px;
    
}
}


 .box-listwx {
    max-width: 1442px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    min-height: 350px;
    margin-bottom: 40px;
  }

  /* 每个项目 */
  .box-itemwx {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    border-radius: 12px;
    cursor: pointer;
    /* 平缓动画 */
    transition: all 0.3s ease;
  }

  /* 图片 */
  .box-itemwx img {
    width: 165px;
    height: 165px;
    object-fit: contain;
    margin-bottom: 16px;
    transition: transform 0.3s ease;
  }

  /* 文字 */
  .box-itemwx .title {
    font-size: 24px;
    color: #333;
    font-weight: 500;
  }

  /* hover 动画 */
  .box-itemwx:hover {
    transform: translateY(-6px);
  
  }
  .box-itemwx:hover img {
    transform: scale(1.08);
  }
  
        .table-wrapper {
            max-width: 1610px;
            margin: 0 auto;
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 12px rgba(0,0,0,0.08);
        }
        table {
            width: 100%;
            border-collapse: collapse;
            text-align: center;
        }
        th, td {
               padding: 16px 37px;
    border: 1px solid #eee;
    font-size: 20px;
        }
        th {
            background-color: #fafafa;
            font-weight: 500;
        }
        /* 列标题颜色 */
        .col-subscribe { color: #407bff; }
        .col-service { color: #ff8c38; }
        .col-enterprise { color: #36cbcb; }
        /* 状态背景色 */
        .status-unauth { background-color: #fff2f2; color: #d93025; }
        .status-auth { background-color: #f2fff2; color: #2ea043; }
        /* 功能列左对齐 */
        .func-name {
            text-align: left;
            font-weight: 500;
        }
        /* 勾选和叉号样式 */
        .check {
            color: #2ea043;
            font-weight: bold;
            font-size: 18px;
        }
        .cross {
            color: #999;
        }
        /* 行hover效果 */
        tbody tr {
            transition: background-color 0.25s ease;
        }
        tbody tr:hover {
            background-color: #f8faff;
        }
        


 .containerwx {
      max-width: 1637px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 95px;
      margin-top: 60px;
    }
    .itemwx {
      background: #fff;
      border-radius: 16px;
      padding: 58px 21px;
      text-align: center;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
      transition: 0.3s;
    }
    .itemwx:hover {
      transform: translateY(-6px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    }
    .itemwx img {
      width: 110px;
      height: 110px;
      object-fit: contain;
      margin-bottom: 16px;
    }
    .itemwx .title {
      font-size: 23px;
      color: #333;
      font-weight: 500;
    }

    /* 响应式 */
    @media (max-width:1024px) {
      .containerwx { grid-template-columns: repeat(3, 1fr); }
    }
    @media (max-width:768px) {
      .containerwx { grid-template-columns: repeat(2, 1fr); }
      
      .table-wrapper{width: 95%;}
      .digital-property-banner {
     min-height: 314px;
}
      
      .box-itemwx .title {
    font-size: 16px;

}
 .illustration-wrapwx {
      	
        width: auto;
        height: 240px;
      }

     .illustration-wrapwx img {
     	    width: 90%;
   margin-top: 25px; 
} 
      
   .box-listwx {
  grid-template-columns: repeat(3, 1fr);
    gap: 0px;
    padding: 0px 3px;

  }
  
  
  
  .box-itemwx {

    padding: 10px 20px;}
  
  
  
  
      .itemwx .title {
    font-size: 15px;
    margin-bottom: 10px;

}
.digital-property-banner {

    min-height: 303px !important;
}
.itemwx img {

     margin-bottom: 0px;
}


      .digital-property-banner{min-height: 240px;}
      
      .box-itemwx img {
    width: 80px;
    height: 80px;}
      
      
      .itemwx{
      	width:90%;
    margin: 0 auto;
        padding: 3px 21px;
    }
      
      
      .card-itemwx{overflow: inherit;}
      .card-headerwx{font-size: 20px;}
      .tagwx{    margin-top: 0px;
    line-height: 25px;
    font-size: 18px;
    padding: 13px 8px;}
     .news-content.active {
    display: block;
    margin-top: 10px;
}
      
    }
    @media (max-width:480px) {
      .containerwx {grid-template-columns: repeat(2, 1fr); gap: 15px; }
      .nyqy1wx {

    height: 796px;
      
    }
    




    /* 响应式 */
    @media (max-width: 900px) {
      .card-containerwx {
        grid-template-columns: repeat(2, 1fr);
            width: 90%;
                gap: 30px;
      }
       th, td {

    font-size: 14px;
}
    }

    @media (max-width: 600px) {
      .card-containerwx {
      	    width: 90%;
        grid-template-columns: 1fr;
            gap: 30px;
      }
      th, td {
  padding: 2px 2px;
    font-size: 14px;
}



 }