.mzw-ofh {
	overflow: hidden;
}

.mzw-col-l{
	float: left;
}

.mzw-col-r{
	float: right;
}

.mzw-img1 img {
	width: 100%;
	height: auto;
}

.mzw-img2 img {
	width: auto;
	height: 100%;
}

.mzw-img3 img {
	width: 100%;
	height: 100%;
}

.mzw-img4{
	height: 0;
	overflow: hidden;
	position: relative;
}

.mzw-img4 img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.mzw-img5 img{
	width: auto;
	min-width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.mzw-fitImg img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.tabcon{
	display: none;
}
.tabcon.show{
	display: block;
}

/* 清浮动 */
.mzw-clearboth::after {
	content: "";
	display: block;
	clear: both;
}

/* 弹窗的浮动背景色 */
.mzw-popup-fixed-wall {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
}

.mzw-popup-wall {
	background-color: #FFFFFF;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/* 改变input中placeholder的颜色 */
.mzw-input-placeholder input::-webkit-input-placeholder {color: #ccc;}
.mzw-input-placeholder input:-moz-placeholder {color: #ccc;}
.mzw-input-placeholder input::-moz-placeholder {color: #ccc;}
.mzw-input-placeholder input::-ms-input-placeholder {color: #ccc;}

/* 滚动条设置 */
.mzw-scrollbar::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.mzw-scrollbar::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.2);
}
.mzw-scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.1);
}

/* 隐藏滚动条 */
.mzw-scrollbar-none::-webkit-scrollbar{
	display: none;
}

.mzw-pc{
	display: block !important;
}

.mzw-pe{
	display: none !important;
}

body{
	/* 思源黑体 */
	/* font-family: "Source Han Sans CN"; */
	font-family: "Microsoft YaHei";
}

@font-face {
	font-family: "SourceHanSerifCN";

}

.mzw-bgpic1{
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.wp1400{
	margin: 0 auto;
}
.wp1400{
	max-width: 1400px;
}

@media only screen and (min-width: 950px) and (max-width:1920px) {
	.wp1400{
		max-width: 72.91vw;
	}
	.row-a1-2{ margin-top:90px;}
}
@media only screen and (max-width:949px) {
	.mzw-pc{
		display: none !important;
	}
	.row-a1-2{ margin-top:30px;}
	.mzw-pe{
		display: block !important;
	}
	
	.wp1400{
		max-width: none;
		padding: 0 15px;
	}
}

.history-section{max-width:1400px;margin:0px auto;padding:30px 20px;border-radius:32px; }
.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px;padding-bottom:12px;border-bottom:2px solid rgba(168,18,28,0.2)}
.section-title{font-size:26px;color:#a8121c;font-weight:800}
.section-title small{display:block;font-size:12px;color:#b87c6a;font-weight:400;margin-top:4px}
.more-link{font-size:13px;color:#a8121c;text-decoration:none;background:rgba(168,18,28,0.06);padding:5px 16px;border-radius:40px}
.timeline-scroll{position:relative;margin:0 5px;height:520px; }
.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;background:white;border:1px solid #a8121c40;border-radius:50%;cursor:pointer;z-index:20;font-size:22px;color:#a8121c;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:0.2s}
.nav-btn:hover{background:#a8121c;color:white}
.btn-left{left:-12px}
.btn-right{right:-12px}

/* 外层容器：用来放固定中线 */
.timeline-wrap-outer{
    position:relative;
}
/* 关键：时间轴线 固定定位，不跟随滚动 */
.timeline-fixed-line{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:2px;
    transform: translateY(-50%);
    background:linear-gradient(90deg,#ecc7bc,#a8121c,#c27862);
    z-index:1;
    pointer-events:none;
}

.timeline-wrapper{overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;}
.timeline-wrapper::-webkit-scrollbar{height:5px}
.timeline-wrapper::-webkit-scrollbar-track{border-radius:10px}
.timeline-wrapper::-webkit-scrollbar-thumb{border-radius:10px}
.timeline-list{display:flex;gap:24px;position:relative;padding:0 8px}

.timeline-item{
    flex:0 0 calc(100% / 3 - 8px);
    min-width:260px;
    scroll-snap-align:start;
    display:flex;
    flex-direction:column;
    align-items:center;
    position:relative;
	min-height:510px;
	height:auto !important;
}
/* 圆点容器固定在时间轴中线 50% 位置 */
.timeline-dot-wrap{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor:pointer;
    z-index:15;
}
.timeline-dot{
    width:22px;height:22px;background:#a8121c;border-radius:50%;border:3px solid #fffcf9;box-shadow:0 0 0 3px rgba(168,18,28,0.2);transition:0.2s
}
.timeline-dot-wrap:hover .timeline-dot{transform:scale(1.2);background:#d43b2a}
.timeline-dot-wrap.active-dot .timeline-dot{transform:scale(1.2);box-shadow:0 0 0 6px rgba(168,18,28,0.35)}
/* 上下连接线固定长度，居中对接圆点 */
.connector{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:2px;
    background:repeating-linear-gradient(to bottom,#c98774,#c98774 5px,transparent 5px,transparent 10px);
    z-index:5;
}
.connector-up{bottom:100%;height:36px}
.connector-down{top:100%;height:36px}
.timeline-year{font-size:0.9rem;color:#ffffff; position:absolute;top:280px;background:#d6323d;padding:3px 12px;border-radius:40px;margin:5px 0 3px}
.timeline-year1{font-size:0.9rem;color:#ffffff; position:absolute;top:195px;background:#d6323d;padding:3px 12px;border-radius:40px;margin:5px 0 3px}
.timeline-card{width:80%;border-radius:20px;padding:1rem; height:208px;box-shadow:0 10px 20px -10px rgba(0,0,0,0.1);transition:0.25s;border-left:4px solid #a8121c;cursor:pointer;background-color:#ffffff; background:url(../images/s2-rlbg.png) no-repeat bottom; background-color:#fff;}
.timeline-card:hover{transform:translateY(-4px);box-shadow:0 15px 28px -12px rgba(168,18,28,0.2)}
.timeline-card.active-card{border-left-width:5px;box-shadow:0 18px 30px -12px rgba(168,18,28,0.25); background:url(../images/s2-rlbg.png) no-repeat bottom; background-color:#fffbf5;}
.timeline-card h4{font-size:1.15rem;color:#a8121c;margin-bottom:5px}
.timeline-card .year-badge{font-size:1rem;color:#b87c6a;background:#a8121c0c;display:inline-block;padding:2px 12px;border-radius:30px;margin-bottom:10px; margin-top:5px;}
.timeline-card p{font-size:1rem;color:#3e302c;line-height:2}
/* 上下侧卡片间距，合理不压线 */
.timeline-item.card-up .timeline-card{margin-bottom:180px}
.timeline-item.card-down .timeline-card{margin-top:310px}

@media (max-width:900px){
.timeline-card{ width:100%}
    .timeline-item{flex:0 0 calc(100%);scroll-snap-align:center}
    .timeline-item.card-up .timeline-card,.timeline-item.card-down .timeline-card{margin:0px 0}
    .nav-btn{width:32px;height:32px;font-size:18px; top:78%;}
    .btn-left{left:-6px}.btn-right{right:-6px}
	.timeline-year1{font-size:0.85rem;font-weight:bold;color:#fff; position:absolute;top:280px;background:#d6323d;padding:3px 12px;border-radius:40px;margin:5px 0 3px}
.connector-up{ display:none;}
.connector-down{ display:none;}
.timeline-scroll {
    position: relative;
    margin: 0 5px;

	height:330px;
	    min-height: 330px;
    /* height: auto !important; */
}
}


/* 整体容器 固定尺寸 */
.wrapper {
    max-width: 1370px;
    height: 500px;
    max-height: 500px;
    display: flex;
    margin: 0px auto;
    gap: 20px;
    overflow: hidden;
	padding-top:30px;
}

/* 左右等分各占50% */
.slide-left{
    width: 45%;
    height: 100%;
}

.news-right {
    width: 55%;
    height: 100%;
}

/* ========== 左侧轮播区域 ========== */
.slide-left {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
/* 轮播大图容器 */
.slide-box {
    width: 100%;
    height: 100%;
    display: flex;
    animation: slideLoop 9s infinite ease;
}
.slide-item {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
position:relative;
}
.slide-item img {
    max-width: 608px;
   height: 470px;
    object-fit: cover;
    display: block;
}

/* 底部标题+圆点同行容器 */
.slide-bottom-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    padding: 18px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 左侧轮播标题 限制宽度 超出省略 */
.slide-title {
    color: #fff;
    font-size: 1rem;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 轮播圆点容器 */
.dot-wrap {
    display: flex;
    gap: 10px;
}
.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    cursor: pointer;
}
.dot.active {
    background: #fff;
}

/* CSS自动轮播关键帧 */
@keyframes slideLoop {
   0%,28% {transform: translateX(0);}
    33%,61% {transform: translateX(-100%);}
    66%,100% {transform: translateX(-200%);}

}

/* ========== 右侧新闻区域 ========== */
.news-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* 新闻条目带框 */
.news-item {
    width: 100%;
    padding: 28px 20px;
    border: 1px solid #e0e0e0;
	background: rgba(255, 255, 255, .7);
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.3s;
}
/* 底部滑线 从左到右动画 */
.news-item::after {
    content: '';
    position: absolute;
    left: -100%;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #a3131d;
    transition: left 0.5s ease;
}
.news-item:hover::after {
    left: 0;
}
.news-item:hover {
    border-color: #a3131d;
    background: #fafafa;
}

/* 新闻整行flex布局 */
.news-line {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}
/* 四边形小图标 禁止压缩 */
.news-icon {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    background: #a3131d;
    transform: rotate(45deg);
}
/* 文字外层包裹层 负责占满剩余空间 */
.news-text-wrap {
    flex: 1;
    min-width: 0;
}
/* 新闻标题 单行超出自动隐藏+省略号 */
.news-tit {
    font-size: 1.1rem;;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-tit a{
   
    color: #333;
   
}
.news-tit a:hover{
   
    color: #a3131d;
   
}
/* 日期 固定宽度 不被挤压 */
.news-date {
    font-size: 1rem;
    color: #999;
    flex-shrink: 0;
}

/* ========== 手机端自适应 ========== */
@media (max-width: 768px) {
    .wrapper {
        width: 100%;
        height: auto;
        max-height: unset;
        flex-direction: column;
        padding: 0 15px;
        margin: 20px auto;
    }
    .slide-left,
    .news-right {
        width: 100%;
    }
    .slide-left {
        height: 260px;
    }
    .news-right {
        gap: 15px;
        padding: 15px 0;
    }
	.slide-item img{
		width:100%;
		height:100%}
	.news-item{
			padding:16px 20px;}
}


@media only screen and (min-width: 950px) and (max-width:1280px) {

.item-2 {height:350px;}
.carousel-item{ width:600px; height:350px;}

.carousel-box{padding-top:0px;}
}