body{background: #fff !important;}
.banner{ background: url(../images/banner.png) center top no-repeat;background-size: 100%;}

@media (max-width: 640px) {
	.banner{background: url(../images/banner_s.png) center top no-repeat;background-size: 100%;}
	.logo{width: 50%; }
	.txt{}
	}

.logo{margin-top: 2%;}
.txt{margin-top: 7%;margin-bottom: 17%;}


/* 一级标题 */
.hd{  height: 37px; line-height: 37px;text-align: right; position: relative; margin-bottom: 30px;}
.hd-title{}
.hd-title h2{font-size: 28px;font-weight: 700;letter-spacing: 2px;line-height: 40.54px;text-align: center;vertical-align: top;}
.hd-title h2 a{color: rgba(15, 85, 178, 1);}

.hd-title:before{ content: "";position: absolute; left:0;width:37%;height:0.875rem;background: url(../images/left.png);bottom: 15%;}

.hd-title:after{ content: "";position: absolute;right:0;width:37%;height:0.875rem;background: url(../images/right.png);top: 50%;}

.zdzd .hd ul li a{background: url(../images/zcbg.png) right bottom no-repeat;}

.mt-top{margin-top: -5%;}


/* tab */
/* 
两种风格标题选项卡样式
.tab-brief:简洁型
.tab-card:卡片型
.res:需要小屏下响应时用，常用于标题个数多，一排放不下的情况
.js-tab:js-开头的类名只用于脚本查询DOM用，不建议在该类下写样式
.more:率属于某一块下的类名，不建议单独写全局样式，会影响到其他更多样式
 */
.tab-brief > .hd ul{float: left;}
.tab-brief > .hd li{float:left; position: relative; padding: 0 0 12px; font-size: 1.75em; color: #808080; font-weight: bold;}
.tab-brief > .hd li + li{margin-left: 30px;}
.tab-brief > .hd li a{color: rgba(15, 85, 178, 1);}
.tab-brief > .hd li:after{content: ''; position: absolute; width:0; bottom:-1px; left:0; height: 5px; background: #2D548F;transition: all .3s; -webkit-transition: all .3s; overflow: hidden;}
.tab-brief > .hd li.on:after{width: 100%;}
.tab-brief > .hd li.on a,
.tab-brief > .hd li a:hover{color:#000;}
.tab-brief > .hd .more{padding-top: 6px; float: right;}
.tab-brief > .hd .more a{color: rgba(15, 85, 178, 1);}
.tab-brief > .hd .more a:hover{color: #2D548F;}
.tab-brief.line > .hd{border-bottom: #E6E6E6 1px solid;}
.tab-brief.halfline > .hd li.on:after{width: 2em;}
.tab-brief.space15 > .hd li + li{margin-left: 15px;}

.tab-plain > .hd ul{float: left;}
.tab-plain > .hd li{float:left; position: relative; font-size: 1.5em; }
.tab-plain > .hd li a{color: #2D548F; transition: .3s all;opacity: .5;}
.tab-plain > .hd li + li{margin-left: 30px;}
.tab-plain > .hd li.on a,
.tab-plain > .hd li a:hover{color:#2D548F; font-weight: 700;}
.tab-plain > .hd .more{padding-top: 5px; float: right;}

.tab-card > .hd{line-height: 60px; background: #e9f0f6;}
.tab-card > .hd ul{float: left;}
.tab-card > .hd li{float:left; position: relative;font-size: 1.75em;}
.tab-card > .hd li a{display: block; padding: 0 20px; text-align: center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; background: #f4f4f4;}
.tab-card > .hd li.on{cursor:pointer;}
.tab-card > .hd li.on a{background:#296CA9; color: #fff;font-weight: 700;}
.tab-card > .hd li.on:after{width: 100%;}
.tab-card > .hd .more{float: right; margin-right: 15px;}
.tab-card.arrow > .hd{font-weight: normal;}
.tab-card.arrow > .hd li.on:after{content: ''; position: absolute; width: 0; height: 0; left: 50%; top: 100%; border:transparent solid 8px; border-top-color: #296CA9; margin-left: -8px;}

.com-more a{color:rgba(15, 85, 178, 1);}
.com-more a:hover{color:#2D548F;}

.tab-brief .bd > .item .infolist, 
.tab-card .bd > .item .infolist{margin-top: 10px;}
.tab-brief .bd > .item .infolist.mt0, 
.tab-card .bd > .item .infolist.mt0{margin-top: 0;}
.js-tab .more a + a{display: none;}
.js-tab > .bd > * + * {display: none;}

.m-com-more{clear: both; margin-top:20px; text-align:center; line-height:40px; background-color:#f5f5f5; border-radius:5px; display: none;}
.m-com-more a{color:#666;}
.m-com-more a:hover{color: #333;}
.m-com-more.bg-white{background: #fff;}
.bg-lightblue .m-com-more{background: none;}

@media (max-width: 1500px) {
  .tab-brief > .hd li,
  .tab-card > .hd li{font-size: 1.5em;}
}
@media (max-width: 1280px) {
  .tab-brief > .hd li,
  .tab-card > .hd li{font-size: 1.25em;}
  .tab-card > .hd{line-height: 50px;}
  .tab-brief > .hd li:after{height: 3px;}
}
@media (max-width: 640px) {
  .res.tab-brief > .hd ul{margin: -10px -5px 0;}
  .res.tab-brief > .hd ul li{margin:10px 5px 0 !important; padding: 0; border-bottom:none; font-size: 1.125em;}
  .res.tab-brief > .hd ul li a{display: block; padding:7px 12px !important; line-height:1.5;  color: #666;}
  .res.tab-brief > .hd ul li.on a{color:#fff; background-color:#2D548F;}
  .res.tab-brief > .hd li:after{display: none;}
  .res.tab-brief .bd > .item > .newsList{margin-top: 0;}

  .res.tab-card > .hd ul{margin: -10px -5px 0;}
  .res.tab-card > .hd{margin-bottom: -10px; background: none; border-bottom: #dfdfdf 1px solid;}
  .res.tab-card > .hd ul li{margin:10px 5px 0 !important; font-size: 1.125em;}
  .res.tab-card > .hd ul li a{ padding:7px 12px !important; height: auto; line-height:1.5; color: #666; }
  .res.tab-card > .hd ul li.on a{background:#2D548F; color: #fff;}
  .res.tab-card > .bd .item > .newsList{margin-top: 0;}
  .res.tab-card.arrow > .hd li.on:after{display: none;}

  .res.tab-plain > .hd ul{margin: -10px -5px 0;}
  .res.tab-plain > .hd ul li{margin:10px 5px 0 !important; padding: 0; border-bottom:none; font-size: 1.125em; font-weight: bold;}
  .res.tab-plain > .hd ul li a{display: block; padding:7px 12px !important; line-height:1.5; background-color:#f1f1f1; color: #666;}
  .res.tab-plain > .hd ul li.on a{color:#fff; background-color:#2D548F;}
  .res.tab-plain > .hd li:after{display: none;}
  
  .tab > .hd .more,
  .tab-card > .hd .more,
  .tab-brief > .hd .more,
  .tab-plain > .hd .more{display: none;}
	.hd-title .more{display: none;}
  .m-com-more{display:block;}

}
@media (max-width: 414px) {
  .tab-brief > .hd ul li{font-size: 1.25em;}	
}

.tab-res-md > .res-bd > .section > .hd,
.tab-res-xs > .res-bd > .section > .hd,
.tab-res-480 > .res-bd > .section > .hd,
.tab-res-640 > .res-bd > .section > .hd{display: none;}
@media (max-width:992px){
  .tab-res-md .res-hd{display: none;}
  .tab-res-md .res-bd .section{display: block !important;}
  .tab-res-md .res-bd .section + .section{margin-top: 30px;}
  .tab-res-md .res-bd .section .hd{display: block;}
}
.tab-res-xs > .res-bd > .section > .hd{display: none;}
@media (max-width:768px){
  .tab-res-xs .res-hd{display: none;}
  .tab-res-xs .res-bd .section{display: block !important;}
  .tab-res-xs .res-bd .section + .section{margin-top: 30px;}
  .tab-res-xs .res-bd .section .hd{display: block;}
}
@media (max-width:640px){
  .tab-res-640 .res-hd{display: none;}
  .tab-res-640 .res-bd .section{display: block !important;}
  .tab-res-640 .res-bd .section + .section{margin-top: 30px;}
  .tab-res-640 .res-bd .section .hd{display: block;}
  .tab-brief.card.other.res-640 > .hd{padding-bottom: 1px;}
  .tab-brief.card.other.res-640 > .hd ul{float: none; overflow: hidden;}
  .tab-brief.card.other.res-640 > .hd ul li{padding: 0; width: 50%; background: #f7f7f7; border-bottom: 1px solid #fff;}
  .tab-brief.card.other.res-640 > .hd ul li:after{position: absolute; top: 0; bottom: 0; left: -1px; content: ""; width: 1px; background: #fff;}
}
@media (max-width:480px){
  .tab-res-480 .res-hd{display: none;}
  .tab-res-480 .res-bd .section{display: block !important;}
  .tab-res-480 .res-bd .section + .section{margin-top: 30px;}
  .tab-res-480 .res-bd .section .hd{display: block;}
}


/* infolist */
/***
稿件列表样式：
dot:标题前带小点
md:日期-月日
ymd：日期-年月日
line:每条信息之间含分割下滑线
date: 左侧日期，右侧标题和摘要
meta: 标题后是多个标签分类
col2:两列
col3:三列
col4:四列
space20:多列之间含20px的间距
space30:多列之间含30px的间距
多列在768以下响应变成一列
res:480以下标题由一行响应成多行显示
以上类名采用简写方式，便于阅读书写，不可单独写样式，以免冲突覆盖样式。注意不要与base.css中的全家类名冲突
.zj.end - 征集已结束
 ***/
.infolist{clear: both; font-size: 1.25em;}
.infolist li{position:relative; padding-top: 16px; padding-bottom: 16px; line-height:28px; overflow:hidden; vertical-align: top;}
.infolist li a{float: left; position: relative; max-width: 100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.infolist li, .infolist li a{-moz-box-sizing: border-box; -welit-box-sizing: border-box; box-sizing: border-box;}
.infolist li .time{position:absolute; right:0; top: 0; bottom: 0; height: 26px; margin: auto 0; color:#777777;}
.infolist li a br{display: none;}
.infolist li:hover a, .infolist li a:hover{color: #2D548F;}
.infolist li:hover span{color:#2D548F;}
.infolist.md li{padding-right:90px;}
.infolist.ymd li{padding-right:170px;}
.infolist.fs16{font-size: 1em;}
.infolist.fs16 li{padding-top: 8px; padding-bottom: 8px;}

.infolist.dot li a{padding-left: 34px;}
.infolist.dot li a:before{content:''; position:absolute; left: 10px; top: 50%; margin-top: -2px; width: 2px; height: 2px;border-radius: 50%; background: #000; transition: .3s all;}
.infolist.dot.dot-gray li a:before{background: #CBCBCB;width: 10px; height: 10px;margin-top: -5px; border-radius: 50%;}
.infolist.dot.dot-gray li:hover a:before,
.infolist.dot li:hover a:before{background: #2D548F;}

.infolist.line li{border-bottom: 1px dashed #BEBEBE;transition: 0.3s;}
.infolist.line li{padding-top: 14px; padding-bottom: 14px;}
.infolist.line li:hover{background: linear-gradient(270deg, rgba(41, 108, 169, 0.1) 0%, rgba(255, 255, 255, 0) 100%);}
.infolist.line li:hover a,
.infolist.line li a:hover{color: #333;font-weight: 700;}
.infolist.line li:hover span{color: #777777;}
.infolist.line.dot li a{padding-left: 48px;}
.infolist.line.dot li a:before{left: 20px;}
.infolist.line.dot li:hover a:before{background: #CBCBCB;}
.infolist.bk li{margin-top: 14px;padding-right: 20px;padding-top: 19px;padding-bottom: 19px; border-radius: 2px;border: 1px solid rgba(31, 115, 236, 0.2);}
.infolist.bk li:hover a,
.infolist.bk li a:hover{color: #2D548F;}
.infolist.bk li:hover{border-color: #296CA9;box-shadow: 0px 6px 8px  rgba(218, 233, 255, 0.64);background: #fff;}

.infolist.col2 li, .infolist.col3 li, .infolist.col4 li{float: left;}
.infolist.col2 li{width: 50%;}
.infolist.col3 li{width: 33.33333%;}
.infolist.col4 li{width: 25%;}
.infolist.space20{margin-left: -10px; margin-right: -10px;}
.infolist.space20 li{padding-left: 10px; padding-right: 10px;}
.infolist.space20 li .time{right: 10px;}
.infolist.space20.infolist.md li{padding-right:70px;}
.infolist.space20.infolist.ymd li{padding-right:110px;}
.infolist.space30{margin-left: -15px; margin-right: -15px;}
.infolist.space30 li{padding-left: 15px; padding-right: 15px;}
.infolist.space30 li .time{right: 15px;}
.infolist.space30.infolist.md li{padding-right:75px;}
.infolist.space30.infolist.ymd li{padding-right:115px;}
.infolist.space40{margin-left: -20px; margin-right: -20px;}
.infolist.space40 li{padding-left: 20px; padding-right: 20px;}
.infolist.space40 li .time{right: 20px;}
.infolist.space40.infolist.md li{padding-right:80px;}
.infolist.space40.infolist.ymd li{padding-right:120px;}

.infolist.mulit li a{ position: static; float: none; padding-left: 0; max-width:none; white-space:normal;}
.infolist.mulit li .time{position:static; display: inline-block;}
.infolist.mulit li a:before{top: 23px; margin-top: 0;}
.infolist.mulit.dot li{padding-left: 18px;}

.infolist.split5n li:nth-child(5n){margin-bottom:15px; padding-bottom:25px; border-bottom:1px dashed #e5e5e5;}

@media (max-width: 1500px) {
  .infolist{ font-size: 1.125em;}
}
@media (max-width: 1280px) {
  .infolist{ font-size: 16px;}
  .infolist li{padding-top: 8px;padding-bottom: 8px;}
  .infolist.bk li{padding-top: 14px;padding-bottom: 14px;}
  .infolist.dot.dot-gray li a:before{background: #CBCBCB;width: 6px; height: 6px;margin-top: -1px;}
}
@media (max-width: 768px) {
	.infolist.col2, .infolist.col3, .infolist.col4{margin-left: 0; margin-right: 0;}
	.infolist.col2 li, .infolist.col3 li, .infolist.col4 li{width: 100%; padding-left: 0;}
	.infolist.md[class*="space"] li{padding-right:60px;}
	.infolist.ymd[class*="space"] li{padding-right:100px;} 
}

@media (max-width: 480px) {
	.res.infolist li{padding-right:0 !important; position: relative;}
	.res.infolist li a{ position: static; float: none; max-width:none; padding-left: 0; padding-right:12px; white-space:normal;}
	.res.infolist li .time{position:static; display: inline-block;}
	.res.infolist li a:before{top: 22px; margin-top: 0;} /*10+padding*/
	.res.infolist.line li a:before{top: 24px;}
	.res.infolist.dot li{padding-left: 18px;}
  .res.infolist.dot li a:before{left: 0;}
  .res.infolist.line.dot li a:before{left: 7px;top: 27px;}
  .res.infolist.line.dot li{padding-right: 10px!important;padding-left: 25px;}
  .res.infolist.line.dot li a{padding-left: 0;}
}


/* 单行省略号 */
.elli-s{display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width: 100%;}
/* 多行省略号 */
.elli-m{display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}