@charset "utf-8";
/* CSS Document */


/* 核心：渐入淡出轮播样式（无空白） */
.carousel {width:100%;position:relative;overflow:hidden;user-select:none;cursor:grab}
.carousel:active {cursor:grabbing}
/* PC轮播尺寸 */
.carousel.pc {height:680px;display:block}
/* 移动端轮播尺寸 */
.carousel.mobile {height:300px;display:none}
/* 轮播容器（绝对定位，所有图片重叠，无空白） */
.carousel-wrap {width:100%;height:100%;position:relative}
/* 轮播项（绝对定位覆盖，默认透明，active显示） */
.carousel-item {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.8s ease; /* 渐入淡出动画 */z-index:1}
/* 激活的轮播项（显示，最高层级） */
.carousel-item.active {opacity:1;z-index:2}
.carousel-item img {width:100%;height:100%;object-fit:cover}
/* 轮播按钮（始终显示） */
.carousel-btn {position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,0.6);color:#777;font-size:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background 0.2s ease}
.carousel-btn:hover {background:#fff}
.carousel-btn.prev {left:20px}
.carousel-btn.next {right:20px}
.carousel-btn i{font-size:24px;color:rgba(0,0,0,0.30)}
.carousel-btn:hover i{font-size:24px;color:rgba(3,108,255,0.90)}

/* 轮播指示器（始终显示） */
.carousel-dots {position:absolute;bottom:80px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}
.carousel-dot {width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,0.6);cursor:pointer;transition:all 0.3s ease}
.carousel-dot.active {background:#256CFF;width:30px;border-radius:15px}
/* 移动端指示器适配 */
.carousel.mobile .carousel-dot {width:12px;height:12px}
.carousel.mobile .carousel-dot.active {width:16px}

/* 4网格版块核心样式 */
.box{position:relative}
.sdlDiv {width:100%;max-width:1400px;margin:-60px auto 70px auto;display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;position:relative;z-index:10}
/* 网格项样式（盒子模型示例） */
.grid-item {border-radius:10px;padding:20px;background-color:#fff;transition:all 0.3s ease;display:flex;align-items:center;gap:15px;box-shadow:0px 0px 15px rgba(0,84,255,0.16);border-bottom:5px #fff solid}
.grid-item:hover {transform:translateY(-5px);box-shadow:0 5px 10px rgba(0, 0, 0, 0.05);border-bottom:5px #256CFF solid;box-shadow:0px 0px 15px rgba(0,84,255,0.56)}
.grid-item_icon {width:68px;padding:0;max-width:68px}
.grid-item_title {display:block;width:100%;font-size:24px;color:#333;font-weight:600;margin-bottom:10px}
.grid-item_desc {display:block;width:100%;font-size:14px;color:#666;line-height:1.5}
.grid-item_desc a{color:#007bff}
.grid-item_desc a i{color:#007bff;font-size:12px}

/*专业产品体系*/
.cptxDiv{width:100%;background:url("../images/sy_bj2.png") no-repeat center top}
.cptxDiv .titleDiv{width:100%;text-align:center}
.cptxDiv .titleDiv h4{font-size:40px;color:#333;font-weight:normal}
.cptxDiv .titleDiv span{display:block;width:70px;height:4px; border-radius:4px;background:#256CFF;margin:20px auto}
.cptxDiv .titleDiv p{text-align:center;font-size:16px;color:#666}
.cptxDiv .cptxNr{width:100%}
/* 产品展示容器 */
.product-section {max-width:1440px;margin:0 auto;padding:70px 0;height:900px;overflow:hidden}
/* 产品网格布局 */
.product-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;width:100%}
.product-card-large{grid-column:1 / 2;grid-row:span 2;height:calc(100% - 20px)}
.product-grid_right{grid-column:2 / 5;display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}
.product-card{border-radius:10px;overflow:hidden;transition:all 0.3s ease;background-color:#fff;box-shadow:0px 0px 15px rgba(0, 84, 255, 0.16);border-bottom:5px #fff solid}
.product-card:hover{transform:translateY(-5px);border-bottom:5px #256CFF solid;box-shadow:0px 0px 15px rgba(0,84,255,0.56)}
.product-card_img{width:80%; text-align:center; overflow:hidden;margin:20px auto}
.product-grid_right .product-card_img{height:180px}
.product-card-large .product-card_img{height:calc(180px * 2 + 120px)}
.product-card_img img{width:auto;height:100%;object-fit:cover;transition:transform 0.3s ease}
.product-card:hover .product-card_img img{transform:scale(1.05)}
.product-card_content{padding:15px;text-align:center}
.product-card_title{font-size:18px;font-weight:600;margin-bottom:10px;color:#333}
.product-card_desc{font-size:14px;color:#666;line-height:1.6;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card_btn{display:inline-block;color:#007bff;font-size:14px;text-decoration:none;font-weight:500}
.product-card_btn {color:#007bff}
.product-card_btn i{color:#007bff;font-size:12px}
.product-card:hover .product-card_btn{background:linear-gradient(to right, #256CFF, #4080FF);color:#fff;padding:10px 24px;border-radius:50px;font-size:12px;transition:opacity 0.3s ease}
.product-card:hover .product-card_btn {color:#fff}
.product-card:hover .product-card_btn i{color:#fff;font-size:12px}

/*解决方案*/
.jjfaDiv{width:100%;padding:70px 0;background:url("../images/sy_bj3.png") no-repeat center top}
.jjfaDiv .titleDiv{width:100%;text-align:center}
.jjfaDiv .titleDiv h4{font-size:40px;color:#fff;font-weight:normal}
.jjfaDiv .titleDiv span{display:block;width:70px;height:4px; border-radius:4px;background:#fff;margin:20px auto}
.jjfaDiv .titleDiv p{text-align:center;font-size:16px;color:#fff}
.jjfaDiv .jjfaNr{width:100%}

 /* 核心容器：深色背景，最大宽度1440px，居中 */
.tab-section{width:100%;max-width:1440px;margin:0 auto;color:#FFFFFF;padding:clamp(10px, 3vw, 10px) clamp(10px, 2vw, 10px);border-radius:8px;margin-top:clamp(20px, 4vw, 30px)}
/* 标签栏容器：相对定位，用于下划线定位 */
.tabs-container{position:relative;margin-bottom:clamp(20px, 2.5vw, 30px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:5px;text-align:center;white-space:nowrap}
.tabs-container::-webkit-scrollbar {display:none}

/* 标签列表：横向排列 */
.tabs-list{display:inline-flex;gap:0;list-style:none}

/* 标签项样式 */
.tab-item{padding:clamp(8px, 1.2vw, 12px) clamp(80px, 2vw, 40px);font-size:clamp(18px, 1.1vw, 16px);cursor:pointer;transition:color 0.3s ease;white-space:nowrap;opacity:1;touch-action:manipulation;color:#CECECE}

.tab-item:hover{opacity:1;color:#256CFF}
.tab-item.active {opacity:1;color:#256CFF;font-weight:600}

/* 灰色底线：全屏2px */
.tabs-bottom-line {position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#334155}

/* 蓝色指示线：跟随激活标签 */
.tab-underline{position:absolute;bottom:0;height:2px;background-color:#256CFF;transition:all 0.3s ease}

/* 内容区容器 */
.tab-content{display:none;grid-template-columns:1fr 1fr;gap:clamp(20px, 2.5vw, 30px);align-items:center;opacity:0;transition:opacity 0.5s ease}
.tab-content.active {display:grid;opacity:1}
/* 左侧图片容器 */
.content-img{width:100%;height:clamp(200px, 20vw, 300px);display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden}
.content-img img{width:100%;height:100%;object-fit:contain;transform:scale(clamp(0.9, 1vw, 1))}
/* 右侧文字内容 */
.content-text {padding:10px 0}
.content-title{font-size:clamp(16px, 1.8vw, 16px);margin-bottom:clamp(16px, 1.5vw, 18px);font-weight:bold;color:#CECECE}
.content-desc{font-size:clamp(15px, 1vw, 16px);line-height:clamp(1.5, 1.2vw, 1.6);margin-bottom:clamp(16px, 1.5vw, 16px);opacity:0.9}

/* 方案特点列表 */
.feature-list{list-style:none;margin-bottom:clamp(20px, 2vw, 30px)}
.feature-item{font-size:clamp(15px, 1vw, 16px);line-height:clamp(1.5, 1.2vw, 1.6);margin-bottom:clamp(8px, 1vw, 10px);padding-left:clamp(20px, vw, 24px);position:relative;opacity:0.9}

 /* 蓝色图标 */
.feature-item i{color:#256CFF;margin-right:7px;font-size:20px;vertical-align:middle}
/* 查看详情按钮 */
.detail-btn{display:inline-block;padding:clamp(8px, 1vw, 10px) clamp(20px, 2vw, 24px);background:linear-gradient(to right, #256CFF, #4080FF);color:#FFF;text-decoration:none;border-radius:50px;font-size:clamp(14px, 1vw, 16px);transition:background-color 0.3s ease;min-height:24px;line-height:24px;min-width:120px;line-height:clamp(1.4, 1vw, 1.6)}
.detail-btn:hover{opacity:0.8}
.detail-btn i{font-size:12px}

/*客户案例*/
.khalDiv{width:100%;padding:70px 0;background:url("../images/sy_bj4.png") no-repeat center top}
.khalDiv .titleDiv{width:100%;text-align:center}
.khalDiv .titleDiv h4{font-size:40px;color:#333;font-weight:normal}
.khalDiv .titleDiv span{display:block;width:70px;height:4px; border-radius:4px;background:#256CFF;margin:20px auto}
.khalDiv .titleDiv p{text-align:center;font-size:20px;color:#666}
.khalDiv .khalNr{width:100%}
.khalDiv .khalNr .khyxDiv h3{font-size:32px;color:#3D3D3D}
.khalDiv .khalNr .khyxDiv p{font-size:18px;color:#666}
/* 四版块弹性容器核心 */
.khyxDiv{padding:60px 0 30px 0}
.khyxDiv h3{color:#3d3d3d;height:50px;line-height:50px;font-size:32px}
.khyxDiv p{color:#666;height:30px;line-height:30px;font-size:18px}
.khalDiv .khalNr .card-list {width:60%;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between；}
.khalDiv .khalNr .card-item {flex:1 1 calc(25% - 20px);min-width:103px;border-radius:8px;padding:20px 0 20px 0;text-align:center;transition:transform 0.3s ease}
.khalDiv .khalNr .card-item:hover {transform:translateY(-5px)}
.khalDiv .khalNr .card-img {width:100%;height:53px;margin-bottom:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.khalDiv .khalNr .card-img img {width:103px;height:auto;margin:0 auto}
.khalDiv .khalNr .card-title {font-size:18px;color:#333;font-weight:500;line-height:1.4}

.khalDiv .khalNr .card-item:first-child {flex:1 1 calc(123px - 20px);min-width:103px;text-align:left;margin-left:-5px;margin-right:20px}
.khalDiv .khalNr .card-item:first-child .card-img {justify-content:center}
.khalDiv .khalNr .card-item:not(:first-child) {text-align:center}
.khalDiv .khalNr .card-item:not(:first-child) .card-img {justify-content:center}
.khalDiv .khalNr .card-item:hover {transform:translateY(-5px)}

.khalDiv .khalNr .card-list2 {display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}
.khalDiv .khalNr .card-list2 .card-item2:nth-child(1), .card-item2:nth-child(2) {flex:0 0 calc(22% - 10px);min-width:200px;padding:20px;border-radius:8px;/*background:rgba(255,255,255,0.50);*/box-shadow:0px 0px 15px rgba(0, 84, 255, 0.16)}
.khalDiv .khalNr .card-list2 .card-item2:nth-child(3) {flex:0 0 calc(48% - 10px);min-width:240px;padding:20px;border-radius:8px;background:rgba(255,255,255,0.50);box-shadow:0px 0px 15px rgba(0, 84, 255, 0.16)}

.bjPic1{width:100%;background:url("../images/sy_khal_a1.png") right top no-repeat;background-size:85%}
.bjPic2{width:100%;background:url("../images/sy_khal_a2.png") right top no-repeat;background-size:85%}
.card-item2 {position:relative}
.card-item2 h3{font-size:20px;color:#333;line-height:30px;margin:0 0 10px 0}
.card-item2 .rightTxt{font-size:16px;color:#666;line-height:30px}
.card-item2 .p2{font-size:20px;font-weight:bold;color:#3d3d3d;position:absolute;bottom:40px}


/* 服务4 */
.khalDiv .khalNr .card-list3 {width:100%;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}
.khalDiv .khalNr .card-item3 {flex:1 1 calc(25% - 20px);min-width:103px;border-radius:8px;padding:20px 0 20px 0;text-align:center;transition:transform 0.3s ease}
.khalDiv .khalNr .card-item3:hover {transform:translateY(-5px)}
.khalDiv .khalNr .card-img3 {width:100%;height:54px;margin-bottom:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.khalDiv .khalNr .card-img3 img {width:53px;height:auto;margin:0 auto}
.khalDiv .khalNr .card-title3 {font-size:16px;color:#333;font-weight:500;line-height:1.4}

/*新闻资讯*/
.xwzxDiv{width:100%;padding:70px 0 30px 0;background:url( "../images/sy_bj5.png") no-repeat center top}
.xwzxDiv .titleDiv{width:100%;text-align:center}
.xwzxDiv .titleDiv h4{font-size:40px;color:#fff;font-weight:normal}
.xwzxDiv .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#fff;margin:20px auto}
.xwzxDiv .titleDiv p{text-align:center;font-size:20px;color:#fff}
.xwzxDiv .jjfaNr{width:100%}
.news-container {max-width:1440px;margin:40px auto 0 auto;padding:30px 20px;color:#FFF;overflow:hidden}
.news-wrapper {display:flex;justify-content:space-between;align-items:flex-start;gap:25px;flex-wrap:wrap}
.news-left {width:calc(55% - 12.5px);flex-shrink:0;min-width:320px}
.news-right {width:calc(45% - 12.5px);flex-shrink:0;min-width:320px}
.news-title-bar {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #334155;height:60px;box-sizing:content-box}
.news-title {font-size:24px;font-weight:600;color:#fff;white-space:nowrap}
.more-btn {padding:6px 0;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color 0.3s ease;white-space:nowrap}
.more-btn:hover {color:#1958e0}
.more-btn i{font-size:12px}
.news-item-left {display:flex;gap:15px;padding:10px;margin-bottom:20px;background-color:#fff;border-radius:8px;align-items:center}

.news-date {flex:0 0 80px;text-align:center;padding:10px 0}
.news-date .month {font-size:14px;color:#64748B}
.news-date .day {font-size:28px;font-weight:bold;color:#1E293B;line-height:1.2;margin:4px 0}
.news-content {flex:1}
.news-content-title {font-size:20px;font-weight:600;margin-bottom:8px;color:#1E293B}
.news-content-desc {font-size:14px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-img {flex:0 0 248px;height:140px;border-radius:6px;overflow:hidden}
.news-img img {width:100%;height:100%;object-fit:cover}
.news-item-right {display:flex;justify-content:space-between;align-items:center;padding:25px 18px;background-color:#FFFFFF;color:#1E293B;border-radius:8px;margin-bottom:12px;font-size:20px;font-weight:600}
.news-item-right .date {color:#666;font-size:20px;white-space:nowrap}
.news-span-title {flex:1;white-space:nowrap;overflow:hidden;text-verflow:ellipsis;margin-right:10px}
.news-span-title:hover{color:#256CFF}
.news-item-left:hover .news-content-title,.news-item-left:hover .news-content-desc{color:#256CFF;cursor:pointer}
/*合作伙伴*/
.hzhbDiv{width:100%}
.hzhbDiv img{width:100%;height:auto}

/*+++++++=响应式适配 - 平板=*+++++++*/
@media screen and (min-width:576px) and (max-width:992px) {
	
.product-grid{grid-template-columns:1fr} 
.product-card-large{height:100%}
.product-card-large, .product-grid_right{grid-column:unset}
.product-grid_right{grid-template-columns:repeat(2, 1fr)}/* 平板端统一调整图片高度 */
.product-grid_right .product-card_img{height:160px}
.product-card-large .product-card_img{height:340px}
.box{position:relative;height:1000px}
.sdlDiv {grid-template-columns:repeat(2, 1fr);padding:25px 15px;gap:15px}
.grid-section {grid-template-columns:repeat(2, 1fr);padding:25px 15px;gap:15px}
/* 产品展示容器 */
.product-section {max-width:1440px;margin:0 auto;padding:70px 0;height:auto;overflow:inherit}	
/*解决方案*/
.tab-content{gap:20px}
.content-img{height:250px}
.tab-item {padding:10px 20px;font-size:15px}	
.tab-section {max-width:100%;margin:0 auto;color:#FFF;padding:0px 20px;border-radius:8px;margin-top:20px}	

}

/*+++++++=响应式适配 - 手机=*+++++++*/
@media screen and (min-width:0px) and (max-width:575px) {
/* 移动端按钮适配 */
.container {width:100%;max-width:inherit;margin:0 auto;padding:0 10px}
.carousel.mobile .carousel-btn {display:none;width:36px;height:36px;font-size:18px}
	
.carousel.pc{display:none}
.carousel.mobile{display:block}
.menu-btn{display:flex}
.contact{display:none}
.nav{position:fixed;top:0;right:0;width:80%;max-width:300px;height:100vh;background:#fff;flex-direction:column;align-items:flex-start;padding:80px 20px 20px;box-shadow:-2px 0 10px rgba(0,0,0,0.1);transform:translateX(100%);transition:transform 0.3s ease;z-index:999;overflow-y:auto}
.nav.active{transform:translateX(0)}
.nav-item{width:100%;margin:10px 0;border-bottom:1px solid #f5f5f5;padding-bottom:10px}
.sub-nav{position:static;box-shadow:none;padding:0 0 0 15px;margin-top:5px;display:none;width:100%}
.nav-item.has-sub.active .sub-nav{display:block}
.nav-item a.active {color:#256CFF;border-bottom:none;font-weight:bold}
/*bannner小圆点*/
.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}	
/* 4网格版块核心样式 */	
.box{position:relative;height:850px}
.sdlDiv {grid-template-columns:1fr;margin-top:0px;padding:20px 10px;gap:12px}
.grid-item { padding:15px}
.grid-item_icon {font-size:28px}
.grid-item_title {font-size:16px}
	
/* 产品展示容器 */
.cptxDiv .titleDiv h4{font-size:24px;color:#333;font-weight:normal}
.product-section {max-width:1440px;margin:0 auto;padding:30px 0;height:auto;overflow:inherit}	
	
/*解决方案*/
.jjfaDiv{width:100%;padding:30px 0;background:url("../images/sy_bj3.png") no-repeat center top}
.jjfaDiv .titleDiv h4{font-size:24px;color:#fff;font-weight:normal}
.jjfaDiv .titleDiv p{text-align:center;font-size:14px;color:#fff}
.tab-section {padding:20px 15px}
.tab-item {padding:8px 16px;  font-size:14px}
.content-img {height:200px}
.content-title {font-size:16px}
.tab-section {max-width:100%;margin:0 auto;color:#FFF;padding:0px 0px;border-radius:8px;margin-top:20px}	
.tabs-container::after{display:block}
.tab-content{grid-template-columns:1fr}
.tab-item{padding:10px 18px;font-size:18px}
.content-desc, .feature-item{line-height:1.6}
.detail-btn{display:block;text-align:center;width:100%;max-width:200px;margin:0 auto}
.detail-btn{display:block;text-align:center;width:100%;max-width:200px;margin:0 auto}
/*产品*/	
.product-grid{display:grid;grid-template-columns:1fr;gap:20px;width:100%}
.product-grid_right{grid-template-columns:1fr} 
.product-card-large{height:100%}
.product-card-large, .product-grid_right{grid-column:unset}
.product-grid_right .product-card_img{height:150px}
.product-card-large .product-card_img{height:320px}
.product-card_content{padding:10px}
.product-card_title{font-size:16px} 
.product-card_desc{font-size:13px}
	
/*案例*/
.khalDiv{width:100%;padding:30px 0;background:url("../images/sy_bj4.png") no-repeat center top}
.khalDiv .titleDiv h4{font-size:24px;color:#333;font-weight:normal}
.khalDiv .titleDiv span{display:block;width:70px;height:4px; border-radius:4px;background:#256CFF;margin:20px auto}
.khalDiv .titleDiv p{text-align:center;font-size:14px;color:#666}	
.khyxDiv {padding:20px 0}
.khalDiv .khalNr .khyxDiv h3 {font-size:20px;color:#3D3D3D;text-align:center}	
.khalDiv .khalNr .khyxDiv p {font-size:14px;text-align:center}	

.khalDiv .khalNr .card-list {width:100%;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}
.khalDiv .khalNr .card-item {flex:1 1 calc(25% - 20px);min-width:103px;border-radius:8px;padding:0;text-align:center;transition:transform 0.3s ease}
.khalDiv .khalNr .card-item:hover {transform:translateY(-5px)}
.khalDiv .khalNr .card-img {width:100%;height:53px;margin-bottom:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.khalDiv .khalNr .card-img img {width:93px;height:auto;margin:0 auto}
.khalDiv .khalNr .card-title {font-size:14px;color:#333;font-weight:500;line-height:1.4}

.khalDiv .khalNr .card-item:first-child {flex:1 1 calc(123px - 20px);min-width:73px;text-align:center;margin-left:0;margin-right:0px}

.khalDiv .khalNr .card-list2 {display:block;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin:20px 0}
.khalDiv .khalNr .card-list2 .card-item2:nth-child(1), .card-item2:nth-child(2) {flex:0 0 calc(22% - 10px);width:100%;min-width:200px;height:100px;padding:10px;border-radius:8px;box-shadow:0px 0px 15px rgba(0, 84, 255, 0.16);margin:0 auto 10px auto}
.khalDiv .khalNr .card-list2 .card-item2:nth-child(3) {flex:0 0 calc(48% - 10px);min-width:100%;padding:10px;border-radius:8px;background:rgba(255,255,255,0.50);box-shadow:0px 0px 15px rgba(0, 84, 255, 0.16)}	
.bjPic1{width:100%;background:url("../images/sy_khal_a1.png") right top no-repeat;background-size:85%}
.bjPic2{width:100%;background:url("../images/sy_khal_a2.png") right top no-repeat;background-size:85%}
.card-item2 {position:relative}
.card-item2 h3{font-size:20px;color:#333;line-height:30px;margin:0 0 10px 0}
.card-item2 .rightTxt{font-size:14px;color:#666;line-height:20px}
.card-item2 .p2{font-size:20px;font-weight:bold;color:#3d3d3d;position:absolute;bottom:20px}	
/* 服务4 */
.khalDiv .khalNr .card-item3 {flex:1 1 calc(25% - 20px);min-width:103px;border-radius:8px;padding:0;text-align:center;transition:transform 0.3s ease}
.khalDiv .khalNr .card-item3:hover {transform:translateY(-5px)}
.khalDiv .khalNr .card-img3 {width:100%;height:54px;margin-bottom:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.khalDiv .khalNr .card-img3 img {width:53px;height:auto;margin:0 auto}
.khalDiv .khalNr .card-title3 {font-size:14px;color:#333;font-weight:500;line-height:1.4}
	
/*新闻资讯*/
.xwzxDiv{width:100%;padding:30px 0;background:url( "../images/sy_bj5.png") no-repeat center top;background-size:cover}
.xwzxDiv .titleDiv h4{font-size:24px;color:#fff;font-weight:normal}
.xwzxDiv .titleDiv p{text-align:center;font-size:14px;color:#fff}
.news-container {padding:0px;margin:0px auto}
.news-span-title {flex:1;white-space:nowrap;overflow:hidden;text-verflow:ellipsis;margin-right:10px;font-size:16px}
.news-item-right .date {color:#666;font-size:14px;white-space:nowrap}

.news-wrapper {flex-direction:column;gap:20px}
.news-left, .news-right {width:100%;min-width:unset}
.news-title-bar {height:auto;margin-bottom:15px;padding-bottom:8px}
.news-title {font-size:20px}
.news-item-left {flex-wrap:wrap;padding:15px;margin-bottom:15px;align-items:flex-start}
.news-date {flex:0 0 60px}
.news-date .day {font-size:22px}
.news-img {flex:1 1 100%;height:160px;margin-top:10px}
.news-item-right {font-size:14px;padding:12px 15px}