.xyjj{background: url(/eportal/imageDir/wcjsxy/2026/08/2026080611275034591.png) no-repeat;background-size: 100% 100%;padding:0rem 0 0.6rem;}
.ft32.title{text-align:center;}
.content p{margin-bottom:0.2rem;}
.logoImg img{width: 2.4rem;height: 0.55rem;aspect-ratio: 48/11;margin-bottom:0.4rem;}

.historyNumber{margin-top:0.6rem;}
.historyNumber .ul{display:flex;justify-content:space-between;}
.historyNumber .ul li{display: flex; position: relative; flex: 1; justify-content: center; flex-wrap: wrap;}
.historyNumber .ul li p{width: 100%; text-align: center;}
.historyNumber .ul li:after {content: '';display: inline-block; height: 100%;border-left: 1px solid #D9D9D9;position: absolute;top: 0;right:0;}
.historyNumber .ul li:last-child{ margin-right:0;padding-right:0;width:16%;}
.historyNumber .ul li:last-child:after{display:none;}
.historyNumber .ul li .text{margin-top:0.24rem;}
.historyNumber .ul li .textNum .num{font-weight:800;color:#003B83;display:inline-block;line-height:45px;font-size:.65rem;}
.historyNumber .ul li .textNum sub{line-height:30px;margin-left:0.06rem;vertical-align:bottom;}

.video{width:10rem;margin:0 auto;margin-top:0.8rem;}
.video video{width:100%;}


/*架构*/
.dzjg{height: 6.5rem;background: url(/eportal/imageDir/wcjsxy/2026/09/img_pc_site/2026090116570822596.png) no-repeat;background-size: 100% 100%;margin-top: 0.5rem;}
.mobile_bgContent{display:none;}


/*历史沿革*/
.history{margin-top: 0.5rem;}
.history_bg{height:7.2rem;background:url(/eportal/imageDir/wcjsxy/2026/08/2026081109590859781.jpg) no-repeat top;background-size: 100% auto;position: relative;}
.history_bg:after {content: '';position: absolute;top: 0;height: 100%;width: 100%;background: linear-gradient(to bottom, 
    #fff 0%, 
    rgba(255,255,255,0.86) 40%, 
    rgba(255,255,255,0) 70%);}
.history_bg h3{font-weight:700;margin-bottom: 0.1rem;}
.history_bg h3 b{font-weight:700;}
.history_bg .swiper-slide{display:flex;justify-content:space-between;height: 5rem;}
.history_bg .swiper-slide:before{content:'';height: 3rem;width: 2px;opacity: 0.5;background: linear-gradient(to bottom, #003B83, transparent 90%);position: absolute;left: 0.11rem;top: 0.2rem;}
.history_bg .swiper-slide i{position:relative;display:inline-block;width:0.24rem;height:0.24rem;background:#003B8333;border-radius:50%;margin-top:0.12rem;}
.history_bg .swiper-slide i:after{position:absolute;content:'';display:inline-block;width:0.12rem;height:0.12rem;background:#003B83;border-radius:50%;top:0.06rem;left:0.06rem;}
.history_bg .swiper-slide .text{width:2rem;}
.history_bg .swiper-slide:nth-child(6n+1){ margin-top:2.2rem;}
.history_bg .swiper-slide:nth-child(6n+2){ margin-top:1.8rem;}
.history_bg .swiper-slide:nth-child(6n+3){ margin-top:1.4rem;}
.history_bg .swiper-slide:nth-child(6n+4){ margin-top:1rem;}
.history_bg .swiper-slide:nth-child(6n+5){ margin-top:0.6rem;}
.history_bg .swiper-slide:nth-child(6n+6){ margin-top:0.2rem;}
.history_bg .swiper-pagination{opacity:0;}


/*swiper切换按钮 通用*/
.swiper-button-next, .swiper-button-prev {color: #fff;background: rgba(255, 255, 255, 1);width: 0.46rem;height: 0.46rem;border-radius: 50%;}
.swiper-button-next:hover, .swiper-button-prev:hover {background: #003B83;}
.swiper-button-prev:after {content: 'prev';font-size: 0.18rem;color: #3D3D3D;}
.swiper-button-next:after {content: 'next';font-size: 0.18rem;color: #3D3D3D;}
.swiper-button-prev:hover:after {color: #fff;}
.swiper-button-next:hover:after {color: #fff;}
.swiper-bnts{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0.8rem;width: 1.5rem;z-index: 2;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:1;}



/*荣誉*/
.honor{margin-top: 0.5rem;}
.honor_in .swiper-slide{transform: scale(0.8);transition: 300ms;}
.honor_in .swiper-slide p{opacity:0;margin-top:0.15rem;color:#000;text-align:center;}
.honor_in .swiper-slide .imageBox img{width:100%;}
.honor_in .swiper-slide-active{transform: scale(1);}
.honor_in .swiper-slide-active p{opacity:1;}
.honor_in .w1600{position:relative;}
.honor_in .swiper-button-next,.honor_in .swiper-button-prev{background:#F0F0F0;}
.honor_in .swiper-button-next:hover,.honor_in .swiper-button-prev:hover{background: #003B83;}
.honor_in .swiper-button-prev{left:-0.5rem;}
.honor_in .swiper-button-next{right:-0.5rem;}
.honor_in .swiper-pagination{opacity:0;}


.history {
	background-image: url(/eportal/uiFramework/commonResource/image/2026091911091957155.jpg);
	background-size: cover;
	background-position: center;
	height: 8.88rem;
}

/*标题和内容*/


.history-section {
	position: relative;
	height: 8.88rem;
}

.history-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.history-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}


.history-swiper {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 6.76rem;
	padding-top: 0.1rem;
}

.history-swiper .swiper-wrapper {
	height: 6.65rem;
	padding-bottom: 0.5rem;
	box-sizing: border-box;
}

.history-swiper .swiper-slide {
	background: transparent;
}

.timeline-events {
	position: relative;
	width: 100%;
	height: 100%;
	left: 0.1rem;
	display: flex;
	align-items: flex-end;
}


.event-row {
	display: flex;
	align-items: flex-start;
	gap: 0.14rem;
}

.event-marker {
	position: relative;
	flex-shrink: 0;
	padding-top: 0.05rem;
}

.event-dot {
	width: 0.14rem;
	height: 0.14rem;
	border-radius: 50%;
	background: #003B83;
	box-shadow:
		0 0 0 0.05rem rgba(0, 59, 131, 0.18),
		0 0 0 0.05rem rgba(0, 59, 131, 0.08);
}

.event-body {
	color: #003B83;
	width: 79%;
}

.event-year {
	margin-bottom: 0.2rem;
	display: flex;
	align-items: baseline;
	gap: 0.05rem;
	white-space: nowrap;
	color: #141414;
	font-size: 0.32rem;
	font-style: normal;
	font-weight: 700;
	line-height: 0.32rem;
}

.event-year .unit {
	color: #141414;
	font-size: 0.16rem;
	font-weight: 700;
	line-height: 0.32rem;
}

.event-desc {
	color: #141414;
	text-align: justify;
	font-size: 0.16rem;
	font-style: normal;
	font-weight: 300;
	line-height: 0.24rem;
}

.history-nav {
	position: absolute;
	bottom: 0.5rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 0.5rem;
	z-index: 10;
}

.history-nav-btn {
	width: 0.46rem;
	height: 0.46rem;
	border-radius: 50%;
	background: #fff;
	border: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.3s, transform 0.3s;
	padding: 0;
	position: relative;
}
.swiper-button-disabled{opacity: 0.5;}
/*起伏主css*/
.history-swiper .swiper-slide-active+.swiper-slide .timeline-events {
	top: -0.568rem;
}

.history-swiper .swiper-slide-active+.swiper-slide+.swiper-slide .timeline-events {
	top: -1.136rem;
}

.history-swiper .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide .timeline-events {
	top: -1.704rem;
}

.history-swiper .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide .timeline-events {
	top: -2.272rem;
}

.history-swiper .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide .timeline-events {
	top: -2.84rem;
}

.history-swiper .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide~.swiper-slide .timeline-events {
	top: -2.84rem;
}

/* CSS 箭头 */
.history-nav-btn::before {
	content: '';
	width: 0.1rem;
	height: 0.1rem;
	border-width: 0 0 0.02rem 0.02rem;
	border-style: solid;
	border-color: #003B83;
	display: block;
	transition: border-color 0.3s;
}

.nav-prev::before {
	transform: rotate(45deg);
	margin-right: -0.02rem;
}

.nav-next::before {
	transform: rotate(-135deg);
	margin-left: -0.02rem;
}

.history-nav-btn:hover:not(.disabled) {
	background: #003B83;
}

.history-nav-btn:hover:not(.disabled)::before {
	border-color: #fff;
}

.history-nav-btn.disabled {
	opacity: 0.35;
	cursor: not-allowed;
	background: rgba(255, 255, 255, 0.6);
}

.history-nav-btn.disabled::before {
	border-color: #003B83;
}

.event-line {
	width: 0.16rem;
	/* 图片宽度，按你实际图片调 */
	height: 3.04rem;
	/* 纵向长度（虚线原来高度） */
	margin: 0.08rem auto 0;
	background: url('/eportal/uiFramework/commonResource/image/2026082614310390001.png') no-repeat center / contain;
}

.fzlcbt {
	text-align: center;
	padding: 0.7rem 0 0.95rem 0;
}





@media screen and (max-width: 1000px){
    .brcb-nav-box{float:left;width:100%;}

    .xyjj{padding-top:.6rem;}
    .ft32.title{margin-bottom:0;}
    .logoImg img{width:1.8rem;height:0.4rem;margin-bottom:0.2rem;}
    .historyNumber .ul{flex-wrap:wrap;}
    .historyNumber .ul li{width:40%;}
    .historyNumber .ul li:nth-child(2n){ margin-right:0;padding-right:0;}
    .historyNumber .ul li:nth-child(4){ width:40%;}
    .historyNumber .ul li .textNum .num{ font-size:.35rem;}
    .historyNumber .ul li:after{display:none;}
    .historyNumber .ul li .text{margin-top:0.05rem;margin-bottom:0.55rem;}
    .video{margin-top:0;width:100%;}
    
    .dzjg{height:auto;margin-top:0;}
    .bgContent{display:none;}
    .mobile_bgContent{display:block;text-align:Center;}
    .history{ height:4rem;}
	.history_bg{height:auto;background-size: 100% 100%;padding-bottom:0.4rem;}
    .history_bg .swiper{padding-bottom: 0.3rem;}
    .history_bg .swiper .swiper-slide{ margin-top:0rem;height:auto;}
    .history_bg .swiper-slide .text{margin-left: 0.1rem;flex: 1;}
    .history_bg .swiper-bnts{display:none;}
    .history_bg .swiper-pagination{opacity:1;}
    .history_bg .swiper-pagination-bullet{width:10px;height:3px;opacity:1;background:#D9D9D9;border-radius:0;}
    .history_bg .swiper-pagination-bullet-active{background:#003B83;width:15px;}
    
    .honor{margin:0rem;margin-bottom:.4rem;}
    .honor_in .swiper-button-prev,.honor_in .swiper-button-next{display:none;}
    .honor_in .swiper-pagination{opacity:1;bottom: 0.2rem;}
    .honor_in .swiper-pagination-bullet{width:10px;height:3px;opacity:1;background:#D9D9D9;border-radius:0;}
    .honor_in .swiper-pagination-bullet-active{background:#003B83;width:15px;}
    .honor_in .swiper-slide-active p{display: none;margin-top:0;}
    
    
    .history_bg,.history-section{height: 4rem;}
.history-swiper,.history-swiper {height:2.84rem}
    .history-swiper .swiper-wrapper{height:2.74rem;}
    .history-swiper .swiper-wrapper{padding-bottom:0;}
    .timeline-events{align-items: flex-start;}
    .history-nav{bottom: 0.2rem;gap: 0.2rem;}
    .history-nav-btn { width: 0.3rem; height: 0.3rem;}
    .history-nav-btn::before { content: ''; width: 0.08rem; height: 0.08rem;}
    .event-year{margin-bottom: 0.1rem;font-size: 0.16rem;line-height: 0.2rem;}
    .event-desc{font-size:0.12rem;line-height:1.5;}
    .event-dot{width: 0.1rem; height: 0.1rem;}
    .event-line { width: 0.1rem; height: 2.04rem; margin: 0.08rem auto 0;}
    
    .bgContent{display:none;}
}
















.ppppppp{}