@charset "utf-8";
/* CSS Document */
header{position:inherit;top:inherit;left:inherit;width:100%;z-index:999;padding:15px 0;transition:background-color 0.3s ease}
.bennerDiv{padding:7% 0 0 10%;width:100%;min-height:440px;background:url("../images/new/banner_new.png") no-repeat}
.bennerDiv h2{font-size:64px;color:#fff;font-weight:400}
.bennerDiv p{width:50%;font-size:24px;line-height:64px;color:#fff}
.bennerDiv2 {padding:7% 0 0 10%;width:100%;min-height:440px;background:url("../images/new/banner02.png") no-repeat}
.bennerDiv2 h2{font-size:64px;color:#fff;font-weight:400}
.bennerDiv2 p{width:50%;font-size:24px;line-height:64px;color:#fff}
 /* 页面容器 */
.newDiv {width:100%;padding:1rem;margin:0 auto}
.layout {display:flex;flex-direction:column;gap:2rem}
.left-col {width:100%}
.right-col {width:100%}
/* 标签切换组 */
.tab-group{display:flex;padding-bottom:0.5rem;margin-bottom:1rem}
.tab-btn{padding:0.5rem 0;margin-right:2rem;font-size:1.5rem;color:#333;background:none;border:none;cursor:pointer;position:relative;transition:color 0.2s ease}
/* 标签激活样式 - 颜色+渐变短下划线 */
.tab-btn.active {color:#256CFF;font-size:1.5rem}
.tab-btn.active::after {content:'';position:absolute;bottom:-2px;left:20%;width:60%;height:2px;background:linear-gradient(to right, transparent, #256CFF, transparent)}
/* 新闻列表 */
.news-list {display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}
.news-item {background-color:#fff;border-radius: 0.5rem;padding:1.5rem;transition:all 0.3s ease;background-color:#fff;box-shadow:0px 0px 15px rgba(0, 84, 255, 0.16);border-bottom:5px #fff solid}
.news-item:hover{transform:translateY(-5px);border-bottom:5px #256CFF solid;box-shadow:0px 0px 15px rgba(0,84,255,0.56)}

.news-item.with-img {display:flex;flex-direction:column;gap:1rem}
.news-content {width:100%}
.news-img-wrapper {width:100%;height:10rem;border-radius:0.5rem;overflow:hidden}
.news-img {width:100%;height:100%;object-fit:cover}
.news-title {font-size:1.5rem;font-weight:bold;color:#333;margin-bottom:1rem}
.news-desc {font-size:1rem;color:#666;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
.news-time {font-size:1rem;color:#999}
/* 翻页组件 */
.pagination {display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-bottom:20px}
.page-btn {padding:0.5rem 1rem;border-radius:0.25rem;border:1px solid #e5e7eb;background:none;color:#333;cursor:pointer;transition:background-color 0.2s ease;font-size:1rem}
.page-btn:hover:not(:disabled) {background-color:#f3f4f6}
.page-btn:disabled {opacity:0.5;cursor:not-allowed}
.page-btn.active {background-color:#256CFF;color:#fff;border-color:#256CFF}
/* 右侧 - 最新资讯 */
.side-title {font-size:1.25rem;font-weight:bold;padding-bottom:0.5rem;margin-bottom:0.5rem}
.timeline {position:relative;padding-left:1.5rem;display:flex;flex-direction:column;gap:2rem}
.timeline::before {content:'';position:absolute;left:0.5rem;top:0;bottom:0; width: 1px;background-color:#e5e7eb}
.timeline-item {position:relative;cursor:pointer;transition:color 0.2s ease}
.timeline-item::before {content:'';position:absolute;left: -1.55rem;top:0;width:1rem;height:1rem;border-radius:50%;border:2px solid #e5e7eb;background-color:#fff;transition:border-color 0.2s ease}
.timeline-item:hover::before {border-color:#256CFF}
.timeline-item:hover .timeline-title {color:#256CFF}
.timeline-title {font-size:1.1rem;color:#333;margin-bottom:0.5rem;transition:color 0.2s ease;font-weight:normal;line-height:1.2rem}
.timeline-time {font-size:1rem;color:#999}
.new_right{background:#fff;padding:25px 20px;border-radius:10px}

/*新闻详情*/
.newView{padding:5% 5% 2% 5%;background:#fff;border-radius:5px;margin:3% 0}
.newView .titleDiv{border-bottom:#D8D8D8 solid 1px;text-align:center;padding:0 0 1% 0}
.newView .titleDiv h2{font-size:40px;color:#333;font-weight:500}
.newView .titleDiv p{width:100%;line-height:3rem;color:#666}
.newView .titleDiv p span{display:inline-block;padding:0 2%;text-align:center}
.newView .contDiv{padding:2% 0;width:100%;line-height:2rem;font-size:1.1rem}
.newView .contDiv p{margin:10px auto 20px auto;text-indent:2rem}
.newView .contDiv img{margin:10px auto;display:block}
.newView .txtBmDiv{border-top:#D8D8D8 solid 1px;padding:1% 0 0 0;margin:1rem 0;font-size:1.1rem}
.newView .txtBmDiv .boxDiv{width:100%;height:2rem;line-height:2rem}
.newView .txtBmDiv .boxDiv span{display:inline-block;color:#666;font-weight:500}
.newView .txtBmDiv .boxDiv a{display:inline-block;color:#333}
.newView .txtBmDiv .boxDiv a:hover{color:#256CFF}
.newView .xgtjDiv{background:#F9F9F9;padding:2%;border-radius:5px;margin:1rem auto}
.newView .xgtjDiv h3{font-size:1.1rem;margin:0 0 10px 0}
.newView .xgtjDiv a{display:inline-block;width:calc(50% - 10px);height:2rem;line-height:2rem;font-size:1.1rem}
.newView .xgtjDiv a i{display:inline-block;width:8px;height:8px;border-radius:8px;background:#256CFF;margin:0 10px 0 0;vertical-align:middle}


/* PC端适配（768px以上，对应之前的md断点） */
@media (min-width:768px) {
.layout {flex-direction:row}
.left-col {width:66.6667%}
.right-col {width:33.3333%}
.news-item.with-img {flex-direction:row;align-items:flex-start}
.news-content {width:66.6667%}
.news-img-wrapper {width:33.3333%;height:auto}
}

/*+++++++=响应式适配 - 手机=*+++++++*/
@media screen and (min-width:0px) and (max-width:575px) {
/*客户案例*/
.bennerDiv{padding:5% 0 5% 5%;width:100%;min-height:inherit;background:url("../images/new/banner_new.png") no-repeat;background-size:cover}
.bennerDiv h2{font-size:24px;color:#fff;font-weight:400;margin-bottom:10px}
.bennerDiv p{width:80%;font-size:14px;line-height:20px;color:#fff}
.bennerDiv2 {padding:5% 0 0 5%;width:100%;min-height:inherit;background:url("../images/new/banner02.png") no-repeat;background-size:cover}
.bennerDiv2 h2{font-size:24px;color:#fff;font-weight:400;margin-bottom:10px}
.bennerDiv2 p{width:80%;font-size:14px;line-height:20px;color:#fff;padding-bottom:5%}
.newDiv {width:100%;padding:1rem 0rem 0rem 0rem;margin:0 auto}
.news-list {display:flex;flex-direction:column;gap:1rem;margin-bottom:0rem}
.news-item {background-color:#fff;border-radius:0.5rem;padding:1rem;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}
/* 标签切换组 */
.tab-group{display:flex;padding-bottom:0.5rem;margin-bottom:1rem;}
.tab-btn{padding:0.5rem 0;margin-left:1rem;margin-right:1rem;font-size:1.125rem;color:#333;background:none;border:none;cursor:pointer;position:relative;transition:color 0.2s ease}
/* 标签激活样式 - 颜色+渐变短下划线 */
.tab-btn.active {color:#256CFF;font-size:1.125rem;font-weight:600}
.tab-btn.active::after {content:'';position:absolute;bottom:-2px;left:20%;width:60%;height:2px;background:linear-gradient(to right, transparent, #256CFF, transparent)}
/* 翻页组件 */
.pagination{display:none}	
	
.news-item {background-color:#fff;border-radius: 0.5rem;padding:1.5rem;transition:all 0.3s ease;background-color:#fff;box-shadow:0px 0px 1px rgba(0, 84, 255, 0.16);border-bottom:0px #fff solid}
.news-item:hover{transform:translateY(0px);border-bottom:0px #256CFF solid;box-shadow:0px 0px 1px rgba(0,84,255,0.56)}
/*新闻详情*/
.newView{padding:5% 5% 2% 5%;background:#fff;border-radius:5px;margin:3% 0}
.newView .titleDiv{border-bottom:#D8D8D8 solid 1px;text-align:center;padding:0 0 1% 0}	
.newView .titleDiv h2{font-size:1.5rem;color:#333;font-weight:500}
.newView .titleDiv p{width:100%;font-size:0.8rem;line-height:1.5rem;color:#666;margin-top:1rem}	
.newView .titleDiv p span{display:inline-block;padding:0 2%;text-align:center}
.newView .contDiv{padding:2% 0;width:100%;line-height:1.5rem;font-size:1rem}	
.newView .contDiv p{margin:10px auto 20px auto;text-indent:inherit}
.newView .contDiv img{width:100%;margin:10px auto;display:block}
	
.newView .txtBmDiv{border-top:#D8D8D8 solid 1px;padding:1% 0 0 0;margin:1rem 0;font-size:1rem}
.newView .txtBmDiv .boxDiv{width:100%;height:auto;line-height:2rem}
.newView .txtBmDiv .boxDiv span{display:inline-block;color:#666;font-weight:500}
.newView .txtBmDiv .boxDiv a{display:inline-block;color:#333}
.newView .txtBmDiv .boxDiv a:hover{color:#256CFF}
.newView .xgtjDiv{background:none;padding:2%;border-radius:5px;margin:1rem auto}
.newView .xgtjDiv h3{font-size:1rem;margin:0 0 10px 0}
.newView .xgtjDiv a{display:inline-block;width:100%;height:1.5rem;line-height:1.5rem;font-size:1rem;margin-bottom:0.2rem;overflow:hidden}
.newView .xgtjDiv a i{display:inline-block;width:8px;height:8px;border-radius:8px;background:#256CFF;margin:0 10px 0 0;vertical-align:middle}
}