@charset "utf-8";

/*内页头部*/



.homewp{background: #f0f3f8;position: relative;}







.wrap_content{}
.sub_banner{height: 0;background-size: cover !important;position: relative;padding-bottom: 27.5%;z-index: 2;}


.sub_left{width:22%;max-width: 4rem; position: relative;margin-top: 0.3rem;}
.sub_left_title{height:1rem;display: flex;align-items: center;justify-content: center;box-sizing: border-box; font-size: 0.3rem;text-align:center;color: #fff;position: relative;font-weight: bold;background: #007ab8;}




.subwrap{position: relative;}
.sub_menu{position: relative;background-color: #FFFFFF;}
.sub_menu ul{}
.sub_menu li{position: relative;box-sizing: border-box;padding: 0.2rem 0;border-bottom: 1px solid #e0e0e0;}
.sub_menu ul> li:last-child a{border-bottom: none;}
.sub_menu ul> li > a{display: block;line-height: 0.3rem;color: #333333;position: relative;z-index: 2;font-size: 0.24rem;text-align: center;}
.sub_menu ul> li:hover,.sub_menu ul> li.current{background: #ec9700;}
.sub_menu ul> li:hover>a,.sub_menu ul> li.current>a{color: #FFFFFF;font-weight: bold;}
.sub_menu ul> li dl dd{position: relative;padding-left:0.15rem;}
.sub_menu ul> li dl dd a{display: block;position: relative;z-index: 2; margin-left: 0.3rem;line-height: 0.36rem;font-size: 0.16rem;color: #333333;box-sizing: border-box;padding-left:15px;color:#666666;}
.sub_menu ul> li dl dd.act a,.sub_menu ul> li dl dd:hover a{color:#007ab8;font-weight:bold;}
.sub_menu ul> li dl{display:none;padding:0.15rem 0;}
.sub_menu ul> li.current dl{display:block;}







.sub_right{width: 75%;box-sizing: border-box;margin: 0.3rem 0; background-color: #FFFFFF;padding: 0.4rem ;  padding-bottom: 1rem;z-index: 2;position: relative;}


.lanwarp{border-bottom: 1px solid #e5e5e5;margin-bottom: 0.3rem;position: relative;}
.lanwarp .lan{font-weight: normal;color: #007ab8;border-bottom: 4px solid #007ab8;padding-bottom: 0.2rem;}
.lanwarp .lan h2{font-size: 0.32rem;font-weight: bold;}
.lanwarp2 .bread{position: static;margin-top: 0.3rem;float: right;padding-bottom: 0.1rem;}
.bread{color: #666666;line-height: 0.38rem;font-size: 0.16rem;position: absolute;right: 0;bottom: 0.1rem;}
.bread a{font-size: 0.16rem;color: #666666;}
.page_title{padding: 0 0 0;overflow: hidden;}
.page_title h3{padding: 0.25rem 0;color: #333;font-weight: bold;font-size: 0.26rem;}












/* 列表 */
.list ul li{ box-sizing: border-box;padding: 0.25rem 0;border-bottom: 1px solid #dedede;position: relative;}
.list ul li a{position: relative;z-index: 5;}
.list ul li a h2{font-size: 0.18rem;width: 80%;padding-left: 20px;background: url(../img/dot1.png) no-repeat left center;}
.list ul li .date{font-size: 0.18rem;}
.list ul li::after{opacity: 0;visibility: hidden; content: "";width: calc(100% + 0.8rem);box-shadow: 0 0 15px #dedede; z-index: 0; height: 100%;background-color:#007ab8 ;position: absolute;left: -0.4rem;top: 0;bottom: 0;right: 0;}
.list ul li:hover h2{font-weight:bold;color: #ffffff;}
.list ul li:hover::after{opacity: 1;visibility: visible;}
.list ul li:hover .date{color: #FFFFFF;font-weight: bold;opacity: 0.8;}










/*内容*/
.sub_right2{margin-top: 0.2rem;width: 72.5%;}
.content{/* margin-right: 0.3rem; */}
.content_title>h1,
.dp>h1 {
	font-size: 0.3rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.35rem;
}

.content_title>p {
	text-align: center;
	color: #666666;
	padding-bottom: 0.3rem;
	border-bottom: 1px solid #e5e5e5;
}

.cont {
	margin-top: 0.2rem;
	border-bottom: 1px solid #0074C1;
	padding-bottom: 0.2rem;
}
.cont iframe{max-width:100%;}

.cont p,.cont p span {
	
line-height: 30px;
	
/* font-size: 18px; */
	
margin-top: 10px;
	
text-align: justify;
}
.cont p span{/* font-size:18px; */}
.cont p img{margin:10px auto;text-align: center;}



.ye {
	margin-top: 40px
}

.ye p {

	margin: 15px 0px;
	font-size: 16px;
}

.ye p a {
	
	font-size: 16px;
text-decoration:none;

}

.ye p a:hover {
	color: #0074C1;
}


.content {
	padding-bottom: 40px;
}

.dp {
	margin-bottom: 80px;
}


/* 图片 */
.ztjjlist{margin-top: 0.4rem;}
.ztjjlist .ztjjitem{float: left;width:31%;margin-right: 2.5%;margin-bottom: 0.3rem;}
.ztjjlist1 .ztjjitem:nth-child(3n){margin-right: 0;}
.ztjjlist .ztjjitem .pic{height: 2rem;padding: 0.1rem;border: 1px solid #cccccc;}
.ztjjlist .ztjjitem .txt {line-height: 0.3rem;padding: 0.1rem;font-weight: bold;box-sizing: border-box;/* background-color: #fdf4e1; */text-align: center;}
.ztjjlist .ztjjitem .txt a{font-size: 0.18rem;}

.ztjjlist2 .ztjjitem{width:31.3%;margin-right:3%;display: block !important;}
.ztjjlist2 .ztjjitem .pic{height:2.5rem;}
.ztjjlist2 .ztjjitem:nth-child(3n){margin-right:0;}
.ztjjlist2 .ztjjitem .pic img{width:100%;height:100%;}








/*高层次人才*/
.gccrc {
        margin-bottom: 0.4rem;
    }
    .gccrc-title {
        height: 0.6rem;
        display: flex;
        justify-content: space-between;
        background-color: #d9e8fa;
        background-image: url(../img/two_xzgk_bg.png);
        background-position: right bottom;
        background-size: 3.2rem auto;
        background-repeat: no-repeat;
    }
    .gccrc-title-left {
        padding-left: 0.3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #007ab8;
        font-weight: 700;
        font-size: 0.2rem;
        border-left: 0.04rem solid #f4b60d;
    }
    .gccrc-title-right {
        padding-right: 0.3rem;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .gccrc-title-right img{
        width: 0.25rem;
    }

    .gccrc-list{
        margin: 0.2rem 0;
        display: flex;
        padding: 0 0.2rem;
        flex-wrap: wrap;
    }
    .gccrc-list>li {
        margin-right: 0.2rem;
    }
    .gccrc-list>li>a{
        width: 1.7rem;
        height: 0.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #c4d8f0;
        font-size: 0.16rem;
        color: #333;
    }
    .gccrc-list>li:hover a {
        border-bottom: 1px solid #007ab8;
    }







@media screen and (max-width: 1024px){
	
}

@media screen and (max-width: 960px){
	.sub_left{display: none;}
	.sub_right,.nrright{width: 100%;}
	.sub_right .page_content{padding: 0.1rem;}
	.content{/* margin: 0 0.1rem; */}
	.sub_right{padding: 0.2rem;padding-bottom: 2.5rem;}
	.sub_right2{padding-bottom: 0;}

	.list ul li{padding: 0.3rem 0.2rem;}
	.list ul li::after{width: calc(100% + 0.4rem);left: -0.2rem;}
}
@media screen and (max-width: 900px){
	
	
}
@media screen and (max-width: 640px){
	.sub_right{margin-top: 0;}
	
	.piclist1 .picleft,.piclist1 .picright{width: 100%;}
	.piclist1 .picright .bgimg,.piclist1 .picleft .bgimg{height: 55vw;}
	.piclist1 .picright .pic,.piclist1 .picright .pic:last-child,.piclist1 .picleft{margin-bottom: 0.25rem;}
	
	.list ul li a h2{width: 75%;padding-left: 15px;}
	
	.bread{position: static;}

	
	

	
    .ztjjlist .ztjjitem .txt a{font-size: 0.24rem;}
	.ztjjlist .ztjjitem{width: 100%;}
	.ztjjlist .ztjjitem .pic{height: 50vw;}


	

     
}

@media screen and (max-width: 480px){
    
	   
	   .list ul li a h2{width: 69%;}
	   
		body{min-width: 320px;}
}

/* ============ 历史沿革时间轴 ============ */
.timeline-wrap{position: relative;padding: 0.2rem 0 0.6rem;}
.timeline-title{text-align: center;margin-bottom: 0.3rem;}
.timeline-title h3{font-size: 0.36rem;color: #007ab8;font-weight: bold;margin-bottom: 0.1rem;}
.timeline-title p{font-size: 0.22rem;color: #666;}

/* 横向滚动容器 */
.timeline-scroll{
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #c9986a #f0f0f0;
    padding-bottom: 0.2rem;
}
.timeline-scroll::-webkit-scrollbar{height: 6px;}
.timeline-scroll::-webkit-scrollbar-track{background: #f0f0f0;border-radius: 3px;}
.timeline-scroll::-webkit-scrollbar-thumb{background: #c9986a;border-radius: 3px;}

/* 滚动轨道：固定宽，装下所有节点 */
.timeline-track{
    position: relative;
    width: 2000px;
    height: 320px;
}

/* SVG 河流 */
.timeline-river{
    position: absolute;
    left: 0;top: 0;
    width: 100%;height: 100%;
    pointer-events: none;
}

/* 水流动画 */
.flow-line{opacity: 0.9;}
.flow-1{animation: flowMove 3s linear infinite;}
.flow-2{animation: flowMove 4s linear infinite;animation-delay: -1s;}
.flow-3{animation: flowMove 5s linear infinite;animation-delay: -2s;}

@keyframes flowMove{
    from{stroke-dashoffset: 0;}
    to{stroke-dashoffset: -240;}
}

/* 时间节点 */
.timeline-node{
    position: absolute;
    top: 140px;  /* 河流 y≈220，卡片放两侧 */
    transform: translateX(-50%);
    z-index: 2;
}
.node-dot{
    width: 14px;height: 14px;
    border-radius: 50%;
    background: #c9986a;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #c9986a, 0 2px 6px rgba(0,0,0,.2);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

/* 上方节点 */
.node-top{top: auto;bottom: 220px;}
.node-top .node-dot{bottom: -3px;}
.node-top .node-card{transform: translateY(-100%);margin-bottom: 14px;}

/* 下方节点 */
.node-bottom{top: 220px;}
.node-bottom .node-dot{top: -3px;}
.node-bottom .node-card{margin-top: 14px;}

/* 节点卡片 */
.node-card{
    width: 160px;
    background: #8b1a1a;
    background: linear-gradient(135deg,#a02222,#7a1616);
    border-radius: 6px;
    padding: 10px 12px;
    color: #fff;
    font-size: 13px;
    line-height: 1.6;
    text-align: left;
    box-shadow: 0 4px 14px rgba(0,0,0,.2);
    position: relative;
}
.node-top .node-card::after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px;
    transform: translateX(-50%);
    width: 0;height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #7a1616;
}
.node-bottom .node-card::after{
    content: '';
    position: absolute;
    left: 50%;
    top: -8px;
    transform: translateX(-50%);
    width: 0;height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #7a1616;
}

.node-year{
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255,255,255,.3);
    margin-bottom: 6px;
}
.node-info{
    font-size: 12px;
    line-height: 1.5;
    color: rgba(255,255,255,.92);
}

/* 左右滚动按钮 */
.timeline-arrows{
    position: absolute;
    top: 180px;
    left: 0;right: 0;
    pointer-events: none;
    z-index: 5;
}
.arrow-btn{
    pointer-events: auto;
    position: absolute;
    width: 40px;height: 40px;
    border-radius: 50%;
    background: rgba(0,122,184,.9);
    color: #fff;
    border: none;
    font-size: 28px;
    line-height: 36px;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    transition: all .25s;
    font-family: Arial;
}
.arrow-btn:hover{background: #007ab8;transform: scale(1.1);}
.arrow-btn:active{transform: scale(.95);}
.arrow-left{left: -50px;}
.arrow-right{right: -50px;}

/* 移动端适配 */
@media screen and (max-width: 768px){
    .timeline-wrap{padding: 0.1rem 0 0.4rem;}
    .timeline-title h3{font-size: 0.3rem;}
    .timeline-title p{font-size: 0.2rem;}
    .timeline-track{width: 1800px;height: 280px;}
    .timeline-node{top: 120px;}
    .node-top{bottom: 200px;}
    .node-bottom{top: 200px;}
    .node-card{width: 130px;padding: 8px 10px;font-size: 12px;}
    .node-year{font-size: 13px;}
    .node-info{font-size: 11px;}
    .arrow-left{left: 2px;}
    .arrow-right{right: 2px;}
}
@media screen and (max-width: 480px){
    .timeline-track{width: 1600px;height: 260px;}
    .node-card{width: 120px;padding: 6px 8px;font-size: 11px;}
    .node-year{font-size: 12px;}
    .node-info{font-size: 10px;}
}