@charset "utf-8";
.fl{ float: left;}
.fr{ float: right;}
.mb20{ margin-bottom: 20px;}
.container{ width: 1100px; margin: 0 auto;}
.container:after{ content: ""; display: block; clear: both;}

.nav{ position: absolute; left: 0; top: 0; width: 100%; height: 70px; line-height: 67px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
.nav:after{ content: ""; display: block; clear: both;}
.nav h1{ margin-top: 8px;}
.nav img{ display: block;}
.nav .fr a{ display: block; float: left; color: #333; padding: 0 25px; border-bottom: 3px solid #fff;}
.nav .fr a.cur{ background: #33adfe; color: #fff; border-bottom: 3px solid #33adfe;}
.nav .fr a:hover{ border-bottom: 3px solid #33adfe;}
.gbanner{ padding-top: 70px; text-align: center;}
.gbanner img{ width: 100%; display: block;}

.important_news:after{ content: ""; display: block; clear: both;}
/*banner*/
.banner{ width: 650px; height: 370px; overflow: hidden; position: relative;}
.banner-in{ position: absolute; left: 0; top: 0;}
.banner li{ position: relative; overflow: hidden; float: left; width: 650px; height: 370px;}
.banner li a{ display: block;}
.banner li img{ display: block; width: 650px; height: 370px;}
.banner li p{ position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); padding-right: 100px; line-height: 40px; color: #fff; box-sizing:border-box; text-indent: 1em; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.banner ol{ position: absolute; right: 10px; bottom: 16px; text-align: center; z-index: 100;}
.banner ol li{ display: inline-block; width: 8px; height: 8px; margin: 0 5px; background: #aaa; border-radius: 50%;}
.banner ol li.cur{ background: #0066ff;}

.impornews_list{ width: 430px;}
.topline{ margin-bottom: 6px;}
.topline h2{ height: 30px; line-height: 30px; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.impornews_list a{ color: #333; display: block; width: 100%; height: 30px; padding-left: 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; box-sizing:border-box; -webkit-box-sizing:border-box;}
.impornews_list a:hover{ color: #000;} 
.impornews_list .topline a{ padding-left: 0;}
.topline dl{ overflow: hidden;}
.topline dt{ float: left; width: 160px;}
.topline dt img{ width: 100%; height: 100px;}
.topline dd{ 
     float: right; 
    width: 260px; 
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  /* 超出部分隐藏 */
  overflow: hidden;
  /* 显示省略号 */
  text-overflow: ellipsis;
  /* 两端对齐 */
  text-align: justify;
  line-height: 1.5; /* 行高，可根据需求调整 */
}
.impornews_list li{ line-height: 30px; position: relative;}
.impornews_list li em{ position: absolute; left: 0; top: 12px; display: inline-block; width: 6px; height: 6px; background: #333; border-radius: 50%; -webkit-border-radius:50%;}

.title{ text-align: center; line-height: 30px; margin-bottom: 20px;}
.title span{ display: inline-block; width: 140px; height: 2px; background: #808080; vertical-align: 3px;}
.title em{ display: inline-block; width: 8px; height: 8px; background: #33adfe; margin-left: -5px; margin-right: -5px; border-radius: 50%; -webkit-border-radius:50%;}
.title h3{ display: inline-block; margin: 0 20px; font-size: 16px;}

.events:after{ content: ""; display: block; clear: both;}
.events_box{ overflow: hidden;}
.events_box .fl,.events_box .fr{ width: 540px;}
.events_box .topline dd{ width: 370px; }
.events a{ display: block; color: #333;}
.events a:hover{ color: #000;}
.events a img{ display: block;}
.events a p{ height: 30px; line-height: 30px; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.events_top{ width: 430px;}
.events_top img{ width: 100%; height: 270px;}
.events_list img{ width: 100%; height: 120px;}
.events_list{ width: 650px; overflow: hidden;}
.events_list li{ width: 203px; float: left; margin-right: 20px; font-size: 14px;}
.events_list li.mrnone{ margin-right: 0;}
.morebox{ text-align: center; margin-top: 20px;}
.morebox .more{ display: inline-block; border:1px solid #33adfe; width: 140px; height: 40px; line-height: 40px; color: #33adfe; border-radius: 3px; -webkit-border-radius:3px;}
.morebox .more:hover{ color: #33adfe; background: #e8effc;}
.revents{ 
    margin: 0 auto; /* 保持居中 */
    background-image: url(../images/2025/revents_bg.png); 
    background-size: cover;
    background-position: center top; /* 确保背景图居中显示 */
    background-repeat: no-repeat; /* 防止背景图重复 */
    padding: 0 0; /* 增加上下内边距，让内容与边缘有间距 */
    box-sizing: border-box; /* 确保内边距不影响总宽度 */
    position: relative; /* 为了防止内容溢出 */}
.revents ul{ overflow: hidden;}
.revents li{ width: 260px; float: left; margin-right: 20px; font-size: 14px;}
.revents li.mrnone{ margin-right: 0;}
.revents li img{ width: 100%; height: 175px;}

.videobox ul{ overflow: hidden;}
.videobox li{ width: 520px; float: left; margin-right: 20px; font-size: 14px; margin-bottom: 20px;}
.videobox li.mrnone{ margin-right: 0;}
.videobox li p{text-align: center;}


.plates:after{ content: ""; display: block; clear: both;}
.plates_l{ width: 520px;}
.plates_c .splate{ display: block; height: 120px; margin-bottom: 10px; text-align: center; line-height: 120px; border-radius: 6px; font-size: 20px; color: #fff; font-weight: bold;}
.plates_c .hdzn{ background: url(../images/plates1.png) center no-repeat; background-size: cover;}
.plates_c .hgz135{ background: url(../images/plates2.png) center no-repeat; background-size: cover;}
.whatkpr{ min-height: 400px; /* 改为最小高度，让容器根据内容自动扩展 */
    background: #F0F4FF; 
    color: #333; 
    border-radius: 6px; 
    -webkit-border-radius:6px; 
    padding: 15px; /* 增加内边距，提升可读性 */
    box-sizing:border-box; 
    -webkit-box-sizing:border-box;}
.whatkpr h4{ font-size: 16px; margin-bottom: 10px;}
.whatkpr p{ text-indent: 2em; line-height: 25px;}
.whatkpr p a{ color: #333;}
.whatkpr p a:hover{ color: #6091ee;}
.onlineTitle h1{ font-size: 16px; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    margin-bottom: 10px; }
.plates_c{ width: 530px; margin: 0 20px;}
.plates_c .yxzp{ display: block; height: 130px; line-height: 130px; background: url(../images/plates3.png) center no-repeat; margin-bottom: 10px; text-align: center; font-size: 26px; color: #fff; font-weight: bold;}
.video_book{ overflow: hidden; margin-bottom: 10px;}
.video_book img{ display: block;}
.video{ width: 260px; height: 120px; border-radius: 6px; -webkit-border-radius:6px; position: relative;}
.video a{ display: block;}
.video p{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 6px; -webkit-border-radius:6px; background: rgba(0,0,0,0.4);}
.video em{ position: absolute; left: 50%; top: 50%; display: block; width: 44px; height: 44px; margin-left: -22px; margin-top: -22px; background: url(../images/play.png) center no-repeat;}
.kpxzs{ width: 530px; height: 310px; border: 2px solid #33adfe; padding: 10px; padding-top: 6px; border-radius: 6px; -webkit-border-radius:6px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.kpxzs h4{ font-size: 16px; margin-bottom: 5px;}

.plates_r{ width: 265px;}
.plates_r .zbxb{ height: 440px; padding: 10px; color: #fff;/* margin-bottom: 10px;*/ line-height: 26px; background: #33adfe; border-radius: 6px; -webkit-border-radius:6px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.plates_r .weixin{ text-align: center;}
.plates_r .weixin img{ display: block; margin: 0 auto;}

.newslist:after{ content: ""; display: block; clear: both;}
.newslist .impornews_list{ width: 540px;}

.zbxb{line-height: 30px;}

.footer{ width: 100%; height: 60px; line-height: 60px; background: #555; color: #fff; text-align: center; margin-top: 60px;}

/*活动介绍*/
.boxl{ width: 815px;}
.boxr{ width: 240px; margin-top: 40px; box-sizing:border-box;}
.tabtit{ border-bottom: 2px solid #d0d6d9; margin-bottom: 30px;}
.tabtit h3{ display: inline-block; padding: 0 10px; line-height: 40px; margin-bottom: -2px; font-size: 16px; font-weight: 500; margin-right: 40px; cursor: pointer; border-bottom: 2px solid #d0d6d9;}
.tabtit h3.cur,.tabtit h3:hover{ border-bottom-color: #33adfe; color: #33adfe;}

.activity_list li{ display: none;}
.activity_list li.cur{ display: block;}

.activity_list dl{ overflow: hidden; padding-bottom: 30px; border-bottom: 1px solid #ddd; margin-bottom: 35px;}
.activity_list dl:last-child{ border-bottom: none;}
.activity_list dt{ float: left; width: 156px; margin-right: 35px;}
.activity_list dt img{ width: 156px; height: 110px;display: block;}
.activity_list dd{ float: left; width: 620px;}
.activity_list dd h4 a{ display: block; color: #444; font-size: 16px; margin-bottom: 14px; /*overflow: hidden; white-space: nowrap; text-overflow:ellipsis;*/}
.activity_list dd h4 a:hover{ color: #000;}
.activity_list dd .time{ color: #999; font-size: 12px; margin-bottom: 14px;}
.activity_list dd .content{ line-height: 25px; font-size: 12px; color: #444;}
.activity_list dd p a{ color: #09f; display: block; margin-top: 15px;}

.units{ border: 1px solid #d0d6d9; padding: 10px;}
.boxr h3{ margin-bottom: 10px;}
.boxr b{ line-height: 30px;}
.boxr p{ line-height: 28px;}
.boxr .weixin{ padding: 10px; border: 1px solid #d0d6d9; text-align: center;}
.boxr .weixin img{ display: block; margin: 0 auto;}

/*-----活动直播--------*/
.framework h3{ font-size: 18px; font-weight: 500;}
.framework h4{ line-height: 30px; margin-top: 20px;}
.framework li{ width: 110px; margin-bottom: 30px; display: inline-block; font-size: 14px; margin-right: 100px;}
.framework li.mrnone{ margin-right: 0;}
.framework li p{ text-align: center;}
.framework li img{ width: 110px; height: 150px;}

/*新闻报道*/
.forenotice h3{ font-size: 16px; font-weight: 500; margin-bottom: 10px;margin-top: 10px;}
.forenotice dt{ width: 50px; height: 50px; line-height: 50px; color: #fff; font-weight: bold; border-radius: 50%; -webkit-border-radius:50%; background: #33adfe; text-align: center;}
.forenotice dd p{ color: #666; line-height: 30px;}

/*活动动态*/
.event_list .first{ display: none;}
.event_list .first.cur{ display: block;}
.event_list li{ overflow: hidden;}
.event_list a{ display: block; float: left; width: 620px; color: #444; line-height: 35px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.event_list a em{ width: 6px; height: 6px; border: 3px solid #44b4ff; display: inline-block; margin-right: 18px;}
.event_list a:hover{ color: #000;}
.event_list li .datal{ float: right; width: 80px; line-height: 35px; margin-left: 20px; color: #555;}
.report_list p{
    text-indent: 2em; /* 设置首行缩进为2个字符 */
    line-height: 1.8; /* 调整行高，提升可读性 */
    margin-bottom: 5px; /* 设置段落间距 */
}
/*简介*/
.introduct h2{ text-align: center; margin: 20px 0;}
.introduct p{ text-indent: 2em; line-height: 30px; margin-bottom: 5px;}

.impornews_list .more{ padding-left: 0;}
.report_list span{ display: block; float: left; line-height: 35px; color: #666;}
.report_list a{ color: #33adfe;}
.report_list a:hover{ color: #33adae;}


.arraybanner{ width: 506px; height: 110px; margin-bottom: 5px; overflow: hidden; position: relative;}
.arraybanner .array{ position: absolute; top: 0; width: 40px; height: 100%;}
.array.left{ left: 0px; background: url(../images/arrayl.png) center no-repeat; background-size: 25px;}
.array.right{ right: 0px; background: url(../images/arrayr.png) center no-repeat; background-size: 25px;}
.array_c{ position: absolute; left: 40px; top: 0; width: 426px; height: 100%; overflow: hidden;}
.array_c ul{ height: 100%;}
.array_c li{ width: 122px; height: 100%; float: left; margin: 0 10px; overflow: hidden;}
.array_c li img{ width: 100%; height: 86px; display: block;}
.array_c li p{ text-align: center; color: #333; line-height: 34px;}
.array_c li:hover p{ color: #33adfe;}

/* 时间轴样式 */
.timeline-container {
    background-color: #f5f9ff;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
    box-shadow: 0 2px 8px rgba(51, 173, 254, 0.1);
}

.timeline {
    position: relative;
}

/* 垂直中心线 */
.timeline::before {
    content: '';
    position: absolute;
    left: 150px;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #c9e0ff;
}

/* 时间轴项目 */
.timeline-item {
    position: relative;
    margin-bottom: 40px;
    padding-left: 200px;
}

.timeline-item:last-child {
    margin-bottom: 0;
}

/* 日期圆圈 */
.timeline-dot {
    position: absolute;
    left: 140px;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #33adfe;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #c9e0ff;
}

/* 日期时间 */
.timeline-date {
    position: absolute;
    left: 0;
    top: 0;
    width: 130px;
    text-align: right;
    font-size: 14px;
    color: #666;
}

.timeline-date .date {
    font-weight: bold;
    color: #33adfe;
    margin-bottom: 2px;
}

/* 活动名称 */
.timeline-content {
    font-size: 16px;
    font-weight: bold;
    color: #33adfe;
    line-height: 20px;
    padding: 8px 15px;
    background-color: rgba(51, 173, 254, 0.05);
    border-radius: 6px;
    border-left: 3px solid #33adfe;
}

/* 活动地点 */
.timeline-location {
    margin-top: 40px;
    text-align: center;
    padding-top: 20px;
    border-top: 1px dashed #c9e0ff;
    font-size: 14px;
    color: #666;
}

.timeline-location .location-icon {
    color: #33adfe;
    margin-right: 5px;
}
/* 为新闻报道中的链接添加鼠标经过效果 */
.hovera a {
    /* 确保链接有过渡效果 */
    transition: all 0.3s ease;
    /* 移除默认下划线 */
    text-decoration: none;
    /* 设置初始颜色 */
    color: #333;
    /* 添加轻微的文字阴影 */
    text-shadow: 0 0 0 rgba(51, 173, 254, 0);
    /* 设置相对定位，用于伪元素效果 */
    position: relative;
}

/* 鼠标经过时的效果 */
.hovera a:hover {
    /* 改变颜色为主题蓝色 */
    color: #33adfe;
    /* 增强文字阴影效果 */
    text-shadow: 0 0 8px rgba(51, 173, 254, 0.3);
    /* 添加向上微移效果 */
    transform: translateY(-2px);
}

/* 添加下划线动画效果 */
.hovera a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #33adfe;
    transition: width 0.3s ease;
}

.hovera a:hover::after {
    width: 100%;
}