@charset "utf-8";
/*-------------------------
列表、详情样式表
包括了列表、详情头部、菜单、功能模块等功能
编辑：20230326，黄灿平
--------------------------*/

/*-------------------------
    关于协会
    日期：2024-08-04
--------------------------*/
.about{ width:1200px; margin:20px auto 50px auto; background:#fff;}
.about .n{ height:60px; text-align:center; background:#fafafa;}
.about .n a{ display:inline-block; margin:0 20px; line-height:60px; font-weight:700; font-size:18px; color:#202326; border-bottom:2px solid #fafafa; transition:all 0.3s linear;}
.about .n a:hover, .about .n a.active{ color:#db7215; border-bottom:2px solid #db7215;}
.about .b{ padding:50px; font-size:16px; color:#333; line-height:30px;}

/*-------------------------
内页导航
日期：2023-08-24
--------------------------*/
.abNav{ height:48px; padding-left:10px; line-height:48px; background:#F7F9FB;}
.abNav span{ display:block; color:#bec3cc; font-family:"黑体";}
.abNav span a{ color:#5a5e66;}
.abNav span em{ font-style:normal; color:#878d99;}
.abNav span a, .abNav span em{ margin:0 10px; font-family:"微软雅黑";}

/*-------------------------
新闻列表
日期：2023-08-24
--------------------------*/
.newsList{ width:100%; max-width:1200px; margin:20px auto;}
.newsList::after{ content:""; display:block; clear:both;}
/*-------------------------
左侧
--------------------------*/
.newsList .listLeft{ float:left; width:900px; background:#fff;}
.newsList .listMain{ padding:0 20px 20px 20px; box-sizing:border-box;} 
/*鼠标移上去动画*/
.newsList .listMain li{ padding:20px 0;  margin-bottom:0px; border-bottom:1px solid #e6e9ed; transition:all 0.3s linear;}/*position:relative; */
.newsList .listMain li:hover{box-shadow:0 8px 35px rgba(0,0,0,.08);}
.newsList .listMain li:hover>a>.listTem .fl { left:15px;}
.newsList .listMain li:hover>a>.listTem .fr { left:15px;}
/*左侧列表样式*/
.newsList .listTem::after{ content:""; display:block; clear:both;}
.newsList .listLeft .fl{ position:relative; left:0; display:inline; width:240px; float:left; margin-right:24px;  transition:all 0.3s linear;}
.newsList .listLeft .fl img{ width:100%; height:150px; border-radius:4px;}
.newsList .listLeft .fr{ position:relative; left:0; display:inline; width: 596px; float:right; padding-top:5px;  transition:all 0.3s linear;}
.newsList .listLeft .fr .h{ width:96%; line-height:35px; font-size:18px; color:#202326; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsList .listLeft .fr .p1{ line-height:30px; color:#bec3cc; font-size:14px;}
.newsList .listLeft .fr .p1 span{ margin-right:20px;}
.newsList .listLeft .fr .p2{ display: -webkit-box; margin:20px 0; padding-right:30px; line-height:30px; font-size:16px; color:#878d99; overflow:hidden;
    white-space:normal!important;
    text-overflow:ellipsis;
    word-wrap:break-word;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
/*-------------------------
右侧
--------------------------*/
.listRight{ float:right; width:280px; padding:0 20px; box-sizing:border-box; background:#fff;}
/*热门资讯*/
.listHot{}
.listHot h3{ position:relative; margin-top:20px; padding-left:30px; line-height:36px; font-size:20px; color:#202326; border-bottom:1px solid #eeeeee;}
.listHot h3:before{ position:absolute; left:0; top:5px; display:block; content:""; width:22px; height:24px; margin-right:10px; background:url(../img/listart/icon1.png) no-repeat center;}
.listHot div{ padding:7px 0;}
.listHot div a{ display:block; width:100%; padding:10px 0; font-size:14px; color:#202326; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.listHot div a:nth-child(1) span{ color:#f53c3c;}
.listHot div a:nth-child(2) span{ color:#f66d08;}
.listHot div a:nth-child(3) span{ color:#ebaa0b;}
.listHot div a span{ display:inline-block; width:30px; vertical-align:middle; text-align:center; margin-right:5px; color:#878d99; font-weight:500; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.listHot div a:hover{ color:#cb660d;}
/*.listHot div a:hover{ color:#fb4e37;}*/
/*栏目导航*/
.listMenu{}
.listMenu h3{ position:relative; margin-top:20px; padding-left:30px; line-height:36px; font-size:18px; color:#3e3a39; border-bottom:1px solid #eeeeee;}
.listMenu h3:before{ position:absolute; left:0; top:7px; display:block; content:""; width:22px; height:24px; margin-right:10px; background:url(../img/listart/icon2.png) no-repeat center;}
.listMenu a{ display:block; margin:5px 0; padding:10px 20px; border-radius:4px; font-size:16px; background:#fbfbfb;}
.listMenu a:nth-child(1){ margin-top:10px;}
.listMenu a.active, .listMenu a:hover{ background:#f3f3f3;}
/*图文推荐*/
.listImg{}
.listImg h3{ position:relative; margin-top:20px; padding-left:35px; line-height:36px; font-size:18px; color:#3e3a39; border-bottom:1px solid #eeeeee;}
.listImg h3:before{ position:absolute; left:0; top:7px; display:block; content:""; width:22px; height:24px; margin-right:10px; background:url(../img//listArt/icon2.png) no-repeat center;}
.listImg div{ padding:7px 0;}
.listImg div a{ display:block; margin:10px 0;}
.listImg div a p{ width:100%; height:169px; border-radius:4px; overflow:hidden;}
.listImg div a p img{ width:100%; height:169px;}
.listImg div span{ display:block; font-size:16px; line-height:40px; color:#202326; transition: 0.4s;}
.listImg div a:hover span{ color:#cb660d;}
/*图片放大缩小*/
.listImg div a p img{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	filter: scale(1);
	filter: transform;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;}
.listImg div a:hover p img{
	-webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    filter: scale(1.10);
    filter: transform;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    cursor: pointer;
}
/*-------------------------
新闻详情
日期：2023-08-24
--------------------------*/
.newsArt{ width:100%; max-width:1200px; margin:20px auto;}
.newsArt::after{ content:""; display:block; clear:both;}
.newsArt .artLeft{ float:left; width:900px; background:#fff;}
.newsArt .artMain{ padding:0 30px 30px 30px; box-sizing:border-box;} 
.newsArt .artLeft h3.h{ padding:20px 0; line-height:40px; color:#202326; text-align:center; font-size:24px;}
/*说明*/
.newsArt .artLeft .bar{ padding-bottom:20px; text-align:center; font-size:14px; color:#878d99;}
.newsArt .artLeft .bar em{ font-style:normal; padding:0 15px;}
/*摘要*/
.newsArt .artLeft .reading{ position:relative; margin:20px 0; padding:16px 20px 16px 48px; border:1px solid #EFEFEF; border-radius:2px; background: #F3F5F9;}
.newsArt .artLeft .reading img{ position:absolute; top:0; left:0; width:43px;}
.newsArt .artLeft .reading p{ display:-webkit-box; max-height:72px; line-height:24px; text-align:justify; font-size:14px; color:#666;
    overflow:hidden;
    white-space:normal !important;
    text-overflow:ellipsis;
    word-wrap:break-word;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}
/*内容*/
.newsArt .artLeft .content{ line-height:34px; font-size:16px; color:#202326;}
.newsArt .artLeft .content img{ max-width:100%;}
.newsArt .artLeft .ly{ padding:30px 0 15px 0; font-size:16px; color:#5a5e66;}
.newsArt .artLeft .fy{ padding:15px 0; font-size:16px; border-top:1px solid #d8dde6;}
.newsArt .artLeft .fy p{ padding:10px 0; color:#878d99;}
/*.newsArt .artLeft .fy p span{ color:#878d99;}*/
.newsArt .artLeft .fy p a{ color:#5a5e66;}
.newsArt .artRight{ float:right; width:320px; padding:0 20px; box-sizing:border-box; background:#fff;}
/*编辑器表格*/
.b .table.table-bordered, .content .table.table-bordered, .b table, .content table{ width:100%; border-collapse:collapse;}
.table, .table th, .table td, .b table td, .content table td{ padding:3px 10px; border:1px solid #ededed;}
.table th, .b table th, .content table th{ font-weight:700; text-align:left; background:#fafafa;}

/*-------------------------
分页条
日期：2023-07-19
--------------------------*/
.page{ clear:both; margin:30px 0; text-align:center;}
.page::after{ content:""; display:block; clear:both;}
.page li{ display:inline-block; vertical-align:top;}
.page li a{ display:block; height:48px; margin-right:12px; padding:0 22px;  border-radius:2px; line-height:48px; text-align:center; color:#333; background:#eee; }
.page li.active a, .page a[href]:hover{ color:#fff; background:#db7215;}

/*-------------------------
其它
日期：2023-07-19
--------------------------*/	
/*搜索无内容*/
.noSearch{ margin-top:50px; padding-top:130px; font-size:20px; color:#999; text-align:center; line-height:50px; background:url(../img/listArt/noSearch.png) center top no-repeat;}