@charset "utf-8";
@media (max-width:1480px){
  body{min-width: 320px;}	
}
@media (max-width:1200px){
  body{font-size: 16px;}	
}
a{color: #333;}
a:hover{color: #2849a3;}
input::-webkit-input-placeholder{color: #cccccc;}

.bgwhite{background-color: #ffffff;}
.bggray{background-color: #f7f7f7;}
.bglight{background-color: #fefaf1;}

@media (max-width:1480px){
  .mt40{margin-top: 35px;}
  .mb40{margin-bottom: 35px;}
  .mt30{margin-top: 25px;}
  .mb30{margin-bottom: 25px;}
  .mb25{margin-bottom: 20px;}
  .pt30{padding-top: 25px;}
}
.setIE.ie8 .mb30{margin-bottom: 25px;}
.setIE.ie8 .mt40{margin-top: 30px;}
.setIE.ie8 .mb40{margin-bottom: 30px;}
.setIE.ie8 .mt30{margin-top: 25px;}
.setIE.ie8 .mb30{margin-bottom: 25px;}
.setIE.ie8 .pt30{padding-top: 25px;}

@media (max-width:992px){
  .mb30{margin-bottom: 20px;}
}

/*网页通用效果*/
/***
.elli-s:单行省略号
.elli-m:多行省略号
.transition:过渡效果
.imgscale:鼠标经过，图片放大效果
 ***/
.elli-s{display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; max-width:100%; overflow: hidden;}
.elli-m{display: -webkit-box; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden;}
.transition,
.transition a{-webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
.imgscale img{-moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.imgscale img:hover{-moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.addshadow{background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
@media (max-width:992px){
  .addshadow{box-shadow: 0 0 8px rgba(0, 0, 0, .1);}	
}
.setIE.ie8 .addshadow{border: 1px solid #e2e2e2;}
.setIE.ie8 .elli-m{display: block;}

/*图片占位符*/
/***
16:9[56.25%]
4:3[75%]
3:2[66.666667%]
 ***/
.place{position: relative; z-index: 2; display: block; padding-top: 56.25%; overflow: hidden;}
.place .pic{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; overflow: hidden;}
.place .pic img{display: block; width: 100%; height: auto; min-height: 100%; object-fit: cover;}
@media (max-width:414px){
  .place{padding-top: 66.67%;}
}

/*layout*/
/*** layout ***/
/***
简单参考栅格布局，将容器进行了 12 等分，如设计图不规律分割列宽，则采用自定义类名如zwgk-col-l(类名一定要包含col-)替代col-*，。所有列在1200px下响应变成一列
.container:包裹页面上的内容
.container-fluid:包裹页面上的内容,它用于 100% 宽度
row-space20：每列间隔宽度20px
row-space30：每列间隔宽度30px
row-space40：每列间隔宽度40px
***/
.container:after, .container:before{display:table; content: "";}
.container:after {clear: both;}
.container{width: 1400px; margin-right:auto; margin-left:auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.container-fluid{padding-right: 20px; padding-left:20px; margin-right: auto; margin-left: auto;}
@media (max-width:1480px){
  .container{width: 1170px; min-width: 320px; padding-left: 15px; padding-right: 15px;}	
}
@media (max-width:1200px){
	.container{width: 970px;}
}
@media (max-width:992px){
	.container{width: 750px;}
}
@media (max-width:768px){
	.container{width: auto; min-width: 320px;}
}
.setIE.ie8 .container{width: 1280px;}

.row:after,.row:before{content:""; display:block; clear:both;}
.row-space20{margin-left:-10px; margin-right:-10px;}
.row-space20 > *{padding-left:10px; padding-right:10px;}
.row-space30{margin-left:-15px; margin-right:-15px;}
.row-space30 > *{padding-left:15px; padding-right:15px;}
.row-space40{margin-left:-20px; margin-right:-20px;}
.row-space40 > *{padding-left:20px; padding-right:20px;}
.row > [class*="col-"]{position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; min-height:1px; float:left;}
.row > .col-12{width:100%;}
.row > .col-11{width:91.66666667%;}
.row > .col-10{width:83.33333333%;}
.row > .col-9{width:75%;}
.row > .col-8{width:66.66666667%;}
.row > .col-7{width:58.33333333%;}
.row > .col-6{width:50%;}
.row > .col-5{width:41.66666667%;}
.row > .col-4{width:33.33333333%;}
.row > .col-3{width:25%;}
.row > .col-2{width:16.66666667%;}
.row > .col-1{width:8.33333333%;}
@media (max-width:1480px){
  .row[class*="row-space"]{margin-left:-15px; margin-right:-15px;}
  .row[class*="row-space"] > [class*="col-"]{padding-left:15px; padding-right:15px;}
}

@media (max-width:1200px){
  .row[class*="row-space"]{margin-left:0; margin-right:0;}
  .row > [class*="col-"]{float:none; width:100%;}
  .row[class*="row-space"] > [class*="col-"]{padding-left:0; padding-right:0;}
}
.setIE.ie8 .row > [class*="col-"]{padding-right: 0; padding-left: 0;}
.setIE.ie8 .row > [class*="col-"] > *{margin-right: 15px; margin-left: 15px;}

.body-layer{padding-top: 50px; padding-bottom: 10px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
@media (max-width:1480px){
  .body-layer{padding-top: 35px; padding-bottom: 5px;}	
}
@media (max-width:1200px){
  .body-layer{padding-top: 25px;}	
}
.over-box{overflow: hidden;}
.inner-box{position: relative;}




/***** header *****/
.header{position: relative; position: relative;}
.header_con{height: 100%; position: relative;}
.header_nav{background-color: rgba(4,4,4,14%); position: absolute; left: 0; right: 0; top: 0; z-index: 999; transition: all .5s; height:6.25rem; overflow: visible;}
.header-choose-btn{display:none;}
.nav_menu{position: relative; z-index: 100; line-height: 70px; color:#fff; font-size: 1.125rem;}
.header .container{position: relative; height: 100%; }
.header .logo{position:relative; float: left; max-width: 535px; color: #fff; font-size: 2.25rem; line-height: 6.25rem;}
.header .logo .mobile{display: none;}


.index-banner{height:100%; position: relative;}
.page-banner{height: 28rem; background:url(../images/pagetop_bg.png) center no-repeat;}

.header-search{position:absolute; bottom:3.5rem; left: 0; right: 0; height: 4.375rem; width: 100%; margin-top: 2rem; background: rgba(255,255,255,0.9); border-radius:8px; overflow: hidden;}
.header-search .s-txt{display: inline-block; width:calc(100% - 10rem); padding: 0 1rem; box-sizing: border-box; height:4.375rem; line-height:4.375rem; border:0; color: #666666; font-size: 1.25rem;}
.header-search .s-btn{width:10rem; height:4.375rem; border:0; color: #fff; font-size: 1.5rem; font-weight: bold; background:#febb05; transition: all .3s; -webkit-transition: all .3s;}
.header-search .s-btn i{-webkit-transform:scale(1.4,1.4);-moz-transform:scale(1.4,1.4);}
.header-search .s-btn:hover{filter:alpha(opacity=90); -moz-opacity: 0.9; opacity:0.9;}
.header-search .s-txt::-webkit-input-placeholder{color: #878787;}


/* mainnav */
.mainNav{position: absolute; right: 1rem; top: 0; font-size: 1.25rem;}
.pc-menu li{float: left; line-height:3.6rem; margin-top:1.1rem; font-size: 1.25rem; position: relative;}
.mainNav li a{color: #fff;}
.pc-menu li + li{margin-left:3rem;}
.pc-menu li a:before {content:'';position: absolute;bottom: -2px;left:0px;z-index:1;height: 3px; background-color: #fff; width: 0;transition: all .3s; -webkit-transition: all .3s;}
.pc-menu li:hover a:before,.pc-menu li.hover a:before { width: 100%}

/*footer*/

.footer{background:rgba(169,169,169,77%); padding:10px; text-align: center;}

.footer-nav{line-height:3rem; color: #fff;}
.footer-nav a{display: inline-block; padding: 0 1rem; color: #fff;}
.footer-nav a:hover{color: #0e2a3f;}
.footer-xx{clear: both; line-height:3rem; color: #fff;}
.footer-xx span{display: inline-block; margin: 0 5px; color: #fff;}


/* common */
.borderbox{border: 1px solid #999; margin: 1rem auto;}
.common_list li{padding-left: 1rem; position: relative; line-height:2.4rem; font-size: 14px;}
.common_list li:after{content: ""; position: absolute; left: 5px; top:50%; margin-top:-1px; width: 2px; height: 2px; background-color: #999;}
.common_list li a{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.common_list.hastime li{padding-right: 70px;}
.common_list.hastime li span{position: absolute; right: 5px; text-align: right; top: 0;}

.news_list li{padding:12px 10px 12px 25px !important;  line-height:1.6; height:auto;}
.news_list li a, .news_list li .time{float:none; display:inline; position:static; white-space:normal; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:auto;}
.news_list li .time{margin-left:10px;}

.common-more{display: block; width: 6rem; text-align: center; padding: 0.6rem 3rem; border: 1px solid #008af1; color: #008af1; margin:3rem auto;}
.common-more.white i{ color: #fff;}
.common-more a{color: #008af1;}
.nav-more {position: absolute;right:0;top:0;height:2rem;line-height:2;color: #666;}
.nav-more a{color: #008af1;}
.nav-tabs{height: 4rem; line-height: 4rem; background: #f5f5f5; position: relative;}
.nav-tabs li{float: left; padding: 0 2rem; }
.nav-tabs li:hover, .nav-tabs li.active{background: #008af1; color: #fff; font-weight: bold;}
.nav-tabs .nav-more{height:4rem;line-height:4rem; padding-right: 1rem;}
.nav-tabs .nav-more a{display: none;}
.nav-tabs .nav-more a:first-child{display: inline;}

.tab-container{padding:2rem 0; position: relative;}
.tab-container .content{display: none;}

@media (min-width: 1400px) {
  .container{max-width: 1280px;}
}

@media (max-width: 1200px) {
  body{min-width: 320px;}
  .pc-menu li + li{margin-left:1.15rem;}
}

@media (max-width: 1000px) {
	html {font-size:14px;}
	.pc-box{width:96% !important; margin-left: 2%; float: none !important; margin-bottom: 3rem;}
}
/* xs mobile*/
@media (max-width: 992px) {
	.header_nav .container{overflow: visible;}
	.header .logo{font-size: 1.75rem;}
	.mainNav{height:0; overflow: hidden; position: absolute; z-index: 1000000; top: 6.25rem; right: 0; width:15rem; transition: all 1s; -webkit-transition:all 1s;}
	.mainNav li{ text-align: center; border-bottom: 1px solid #999; font-size: 1.25rem; font-weight: bold; background: rgba(4,4,4,44%); padding:.925rem 2rem;}
	.mainNav li:hover{background: rgba(4,4,4,64%);;}
	.header-choose-btn{display:block; margin: 1.8rem;}
	.header-choose-opened .mainNav{height: auto;transition: all 1s; -webkit-transition:all 1s;}
	
	.header-iconMenu-alwaysShow{position: absolute; right:58px ;}
	.mobile-header-iconMenu{position:absolute; top:38px; left:0; width:100%; z-index:999; background:#fff; background: rgba(255,255,255, .95); box-shadow:0 0 15px rgba(0,0,0,.2); border: none;}
	.mobile-header-iconMenu .li{float: none;}
	.mobile-header-iconMenu li{float:none; display: block; border-bottom:1px solid rgba(225,225,225,.3);}
	.mobile-header-iconMenu li.split{display:none;}
	.mobile-header-iconMenu li a{padding-left: 0 !important; color:#333; background: none !important;}
	.mobile-header-iconMenu li a:hover{color:#4292f3;}
	.mobile-header-iconMenu li img{display:none;}
	.mobile-header-iconMenu li font{display:inline-block;}
	#header-choose-toggle{opacity:0; max-height:0; overflow:hidden;}
	#header-choose-toggle.header-choose-menu-m{opacity:100; max-height:308px; transition:all .5s; }

	.header-choose-btn{position:absolute; top:11px; right:10px; z-index:9; display:block;}
	.header-choose-btn div{position:relative; width:28px; height:18px; cursor:pointer;}
	.header-choose-btn span{display:block; position:absolute; left:0; width:100%; height:20%; background:#fff; transition:all .3s; -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%); transform:translateY(-50%);}
	.header-choose-btn span:nth-child(1){top:0;}
	.header-choose-btn span:nth-child(2){top:50%;}
	.header-choose-btn span:nth-child(3){top:100%;}
	.header-choose-opened .header-choose-btn span:nth-child(1){
			top: 50%;
			-webkit-transform: translateY(-50%) rotate(-45deg);
			-ms-transform: translateY(-50%) rotate(-45deg);
			transform: translateY(-50%) rotate(-45deg);
	}
	.header-choose-opened .header-choose-btn span:nth-child(2) {
			-webkit-transform: translateY(-50%) scaleX(0);
			-ms-transform: translateY(-50%) scaleX(0);
			transform: translateY(-50%) scaleX(0);
	}
	.header-choose-opened .header-choose-btn span:nth-child(3) {
			top: 50%;
			bottom: auto;
			-webkit-transform: translateY(-50%) rotate(45deg);
			-ms-transform: translateY(-50%) rotate(45deg);
			transform: translateY(-50%) rotate(45deg);
	}		
	.header-iconMenu .lang a{border:none; width:auto; height: auto; line-height: normal;}
	.header-iconMenu .fan a{margin-left: 18px;}
	.header-iconMenu .lang.on a{color: #dd4c3f; font-weight: bold;}

	.footer-links-zj .hd ul li.li1,
	.footer-links-zj .hd ul li.li2,
	.footer-links-zj .hd ul li.li3,
	.footer-links-zj .hd ul li.li4{width: 50%;}
	
	.m-box{width:96% !important; margin-left: 2% !important; float: none !important; margin-bottom: 3rem;}
}
/* tab */
/* 
两种风格标题选项卡样式
.tab-brief:简洁型
.tab-card:卡片型
.res:需要小屏下响应时用，常用于标题个数多，一排放不下的情况
.js-tab:js-开头的类名只用于脚本查询DOM用，不建议在该类下写样式
 */
.tab-brief > .hd{position: relative; border-bottom: #e3e3e3 1px solid; line-height: 30px;}
.tab-brief > .hd ul{float: left;}
.tab-brief > .hd li{float:left; position: relative; margin-right: 1.25em; font-size: 1.25em; color: #666;}
.tab-brief > .hd li:last-child{margin-right: 0;}
.tab-brief > .hd li.on{font-weight: bold; cursor: pointer;}
.tab-brief > .hd .more{position: absolute; top: 50%; right: 0; z-index: 2; line-height: 30px; margin-top: -15px;}
.tab-brief > .hd .memo{position: relative; z-index: 2; margin-top: .5em; font-size: .9375em; color: #999;}
.tab-brief.nob > .hd{border-bottom: none;}
.tab-brief.square > .hd li{position: relative; float: left; padding-left: 1em; font-size: 1.375em; font-weight: bold; color: #333;}
.tab-brief.square > .hd li a{color: #333;}
.tab-brief.square > .hd li a:hover{color: #de3f45;}
.tab-brief.square > .hd li:before{position: absolute; top: 50%; left: 0; width: .225em; height: .9em; margin-top: -.325em; background-color: #284de3f459a3;}
.tab-brief.square > .hd li.on a{color: #de3f45;}
.tab-brief.square > .hd li.on a:hover{color: #de3f45;}
.tab-brief.square > .hd li.on:before{content: "";}
.tab-brief.square > .hd li.current:before{content: "";}
.tab-brief.underline > .hd li{padding-bottom: .5em;}
.tab-brief.underline > .hd li:after{position: absolute; bottom: -3px; left: 0; right: 0; content: ''; width: 0; height: .125em; background: #de3f45; border-radius: 100em; transition: all .3s; -webkit-transition: all .3s; overflow: hidden;}
.tab-brief.underline > .hd li.on a:hover{color: #333;}
.tab-brief.underline > .hd li.on:after{width: 100%;}
.tab-brief.underline .more{top: 0; margin-top: 0;}
.tab-brief.underline.center > .hd li:after{margin: 0 auto;}
.tab-brief.card{padding: .3125em .3125em .3125em 6%; background-color: #de3f45;}
.tab-brief.card > .hd li a{color: #fff;}
.tab-brief.normal > .hd li a{color: #333 !important;}
.tab-brief.normal > .hd li a:hover{color: #333 !important;}
@media (max-width:640px){
  .res.tab-brief > .hd li{margin:0 10px 10px 0 !important; padding: 0; border-bottom:none; font-size: 1.125em;}
  .res.tab-brief > .hd li{margin:0 10px 10px 0 !important; padding: 0; border-bottom:none; font-size: 1.125em;}
  .res.tab-brief > .hd li a{display: block; padding:7px 12px !important; line-height:1.5; background-color:#f1f1f1; color: #666;}
  .res.tab-brief > .hd li.on a{color:#fff; background-color:#1a56a8;}
  .res.tab-brief > .hd li:after{display: none;}
}
@media (max-width:414px){
  .tab-brief > .hd li{font-size: 1.25em; margin-right: 18px;}
}

.tab-res > .res-bd > .section > .hd{display: none;}
@media (max-width:640px){
  .tab-res .res-hd{display: none;}
  .tab-res .res-bd .section{display: block !important;}
  .tab-res .res-bd .section + .section{margin-top: 30px;}
  .tab-res .res-bd .section .hd{display: block;}
}

/* infolist */
/***
稿件列表样式：
dot:标题前带小点
md:日期-月日
ymd：日期-年月日
line:每条信息之间含分割下滑线
col*:*列
space*:多列之间含*px的间距
多列在768以下响应变成一列
res:480以下标题由一行响应成多行显示
以上类名采用简写方式，便于阅读书写，不可单独写样式，以免冲突覆盖样式。注意不要与base.css中的全家类名冲突
 ***/
.infolist li{position: relative; padding-top: .5em; padding-bottom: .5em; line-height: 1.6em; 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 a font{color: #7ca4d8; margin-right: 5px;}
.infolist li, .infolist li a{-moz-box-sizing: border-box; -welit-box-sizing: border-box; box-sizing: border-box;}
.infolist li .time{position: absolute; top: auto; right: 0; margin: auto 0; color: #999;}
.infolist li a br{display: none;}
.infolist.md li{padding-right: 4em;}
.infolist.ymd li{padding-right: 6em;}
.infolist li:hover a{color: #2849a3;}
.infolist li:hover a font{color: #2849a3;}
.infolist li:hover .time{color: #2849a3;}

.infolist.dot li a{padding-left: 18px;}
.infolist.dot li a:before{position: absolute; top: -3px; left: 0; margin-top: .8em; content: ""; width: 5px; height: 5px; background: #999999; background-repeat: no-repeat; background-position: 0 0;}
.infolist.dot li:hover a:before{background: #2849a3;}
.infolist.dot.orange li a:before{background: #2849a3;}

.infolist.diamond li a{padding-left: 18px;}
.infolist.diamond li a:before{position: absolute; top: -3px; left: 1px; margin-top: .8em; content: ""; width: 6px; height: 6px; background: #939598; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.infolist.line li{border-bottom: 1px solid #e1e5eb;}
.infolist.line li{padding-top: .875em; padding-bottom: .875em;}

.infolist.mark em{display: inline-block; margin-right: .625em; font-style: normal; font-size: .875em; background: #347bd7; color: #fff; padding: .25em .3125em; border-radius: .3125em; line-height: 1em;}

.infolist.status li .time{width: 4em; font-size: .875em; color: #999 !important; line-height: 22px; text-align: center; border: 1px solid #e2e2e2; border-radius: 3px; transition: all .3s;}
.infolist.status li:hover .time{border-color: #999;}
.infolist.status li .time.ing{color: #d43030 !important; border-color: #d43030;}

.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:4.625em;}
.infolist.space20.infolist.ymd li{padding-right:6.875em;}
.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:5em;}
.infolist.space30.infolist.ymd li{padding-right:7.5em;}
@media (max-width:992px){
  .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:4.625em;}
  .infolist.ymd[class*="space"] li{padding-right:6.875em;}
  .infolist[class*="space"] li .time{right: 0;}
}

@media (max-width:480px){
  .res.infolist li{padding-right:0 !important; position: relative;}
  .res.infolist li a{position: static; display: inline; float: none; max-width:none; padding-left: 0; padding-right:12px; white-space:normal;}
  .res.infolist li a .elli-m{display: inline;}
  .res.infolist li .time{position:static; display: inline-block;}
  .res.infolist.dot li{padding-left: 1.125em;}
  .res.infolist.dot li a:before{margin-top: 1.625em;}
}
.setIE.ie8 .infolist[class*="space"] li{padding-right: 14px;}

/* imagelist */
/* ===
.space*:每一列之间间隔*px
.col*: 列表分*列
=== */
.imagelist ul{zoom: 1;}
.imagelist ul li{position: relative; float: left;}
.imagelist ul li a{position: relative; display: block; overflow: hidden;}
.imagelist ul li a.shadow{background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.imagelist ul li a .place{padding-top: 56.25%;}
.imagelist ul li a .place .play{position: absolute; top: 50%; left: 50%; z-index: 1; width: 75px; height: 75px; margin-top: -38px; margin-left: -37px; background: url(../2022images/play.png) no-repeat center; background-size: 100% 100%;}
.imagelist ul li a .caption.normal{padding: .75em 0; line-height: 1.5em;}
.imagelist ul li a .caption.normal .table{position: relative; width: 100%; height: 3em; display: table;}
.imagelist ul li a .caption.normal .table .inline{position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.imagelist ul li a .caption.normal .table .inline.vtop{vertical-align: top;}
.imagelist ul li a .caption.normal .elli-m{max-height: 3em;}
.imagelist ul li a .caption.fixed{position: absolute; right: 0; bottom: 0; left: 0; z-index: 5; padding: 5%; color: #fff; text-align: center; background-color: rgba(0,0,0,.5);}
.imagelist ul li a.padding{padding: .75em .75em 0;}
.imagelist ul li a.padding .caption.normal{padding: .75em 0;}
.imagelist .col2 li{width: 50%;}
.imagelist .col4 li{width: 25%;}
.imagelist .col3 li{width: 33.33333%;}
.imagelist.space20 ul{margin: -20px -10px 0;}
.imagelist.space20 li a{margin: 20px 10px 0;}
.imagelist.space30 ul{margin: -30px -15px 0;}
.imagelist.space30 li a{margin: 30px 15px 0;}
@media (max-width:1480px){
  .imagelist ul{margin: -25px -12px 0 -13px !important;}
  .imagelist ul li a{margin: 25px 12px 0 13px !important;}
  .imagelist ul li a.shadow{box-shadow: 0 2px 8px rgba(0, 0, 0, .15);}	
  .imagelist ul li a .place .play{width: 60px; height: 60px; margin-top: -30px; margin-left: -30px;}
}
@media (max-width:1200px){
  .imagelist.res .col4 li{width: 33.33333%;}	
  .imagelist ul{margin: -20px -10px 0 !important;}
  .imagelist ul li a{margin: 20px 10px 0 !important;}
}
@media (max-width:992px){
  .imagelist ul{margin: -15px -7px 0 -8px !important;}
  .imagelist ul li a{margin: 15px 7px 0 8px !important;}
  .imagelist ul li a.shadow{box-shadow: 0 0 5px rgba(0, 0, 0, .15);}
  .imagelist ul li a.padding{padding: 0;}
  .imagelist ul li a.padding .caption.default{margin: 0 .625em;}
  .imagelist ul li a .caption.default.hsico{padding-right: 40px;}
  .imagelist ul li a .caption.default.hsico .icon{height: 30px; margin-top: -15px;}
  .imagelist.res ul li{width: 50% !important;}
  .imagelist.res ul li.none{display: block;}
}
@media (max-width:414px){
  .imagelist.res ul li{width: 100% !important;}
  .imagelist.res ul li a .caption.inline .elli-m{display: inline-block; height: auto;}
}
.setIE.ie8 .imagelist ul{margin: -25px -12px 0 -13px;}
.setIE.ie8 .imagelist ul li a{margin: 25px 12px 0 13px;}
.setIE.ie8 .imagelist ul li a.shadow .caption.normal{margin-top: -1px; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;}


/* 内页innerpage */
/*** 当前位置 ***/
.crumb h2{position: relative; padding: 15px 0; font-size: 1em; color: #808080; line-height: 28px; font-weight: normal;}
.crumb h2 em{font-style: normal;}
.crumb a{color: #808080;}
.crumb a:hover{color: #666;}
.crumb span{color: #333;}
.crumb.gray{background: #f7f7f7;}
.crumb.line{border-bottom: 1px solid #eee;}
@media (max-width:992px){
  .crumb{margin-bottom: 25px; background: #f9f9f9;}
}

/*** 内页布局 ***/
.container-innerpage{position: relative;}
.container-innerpage .splitline:before{position: absolute; top: 0; bottom: 0; left: 21.5%; width: 1px; content: ""; background-color: #dee2e6;}
.container-innerpage .splitcase:before{position: absolute; top: 0; bottom: 0; left: 0; content: ""; width: 21.5%; background: #f8fbff; border: 1px solid #a3c0e0;}
@media (max-width:1200px){
  .container-innerpage .splitline:before{left: 25%;}
  .container-innerpage .splitcase:before{width: 25%;}
}
@media (max-width:992px){
  .container-innerpage .splitline:before{content: normal;}
  .container-innerpage .splitcase:before{content: normal;}
}
.sidebar{float: left; width: 21.5%;}
@media (max-width:1200px){
  .sidebar{width: 25%;} 	
}
@media (max-width:992px){
  .sidebar{float:none; width:100%;}
  .m-sidebar{position:fixed; left:-200px; top:0; bottom:0; z-index: 1000; background:rgba(0,0,0,0.6)!important; width:200px!important; transition: all .3s; -webkit-transition:all .3s;}
  .m-sidebar.active{left: 0; box-shadow:0 0 5px rgba(0,0,0,0.4);}
  .m-sidebar-mark{position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.3); z-index:10; display:none;}
  .m-sidebar-over{width: 200px; height: 100%; overflow-x: hidden;}
  .m-sidebar-scroll{position: relative; width: 220px; height: 100%; overflow-x: hidden; overflow-y: auto;}
  .m-sidebar-icon{position:absolute; left:100%; bottom:0; z-index:13; width:40px; height:40px; background:url(../images/public/m_icon_sidebar.gif) no-repeat center center; background-color:rgba(0,0,0,0.6); border-radius:0 4px 0 0;   cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
  .m-sidebar-icon-open{transform: rotate(180deg); border-radius: 0 0 0 4px;}
}
.maincontent{float: right; position: relative; width: 78.5%;}
.maincontent .inbox{padding-left: 30px;}
.maincontent .inbox .article-title{padding-top: 0; padding-bottom: 30px; border-bottom: 1px solid #eee;}
.maincontent .inbox .article-content{padding: 0;}
.maincontent .inbox .article-attachments{margin-top: 30px; margin-bottom: 0;}
@media (max-width:1200px){
  .maincontent{width: 75%;}	
}
@media (max-width:992px){
  .maincontent{float:none; width:100%;}
  .maincontent .inbox{padding-left: 0;}
}

.parentname{position: relative; z-index: 12; line-height: 1.6em; padding: 15px 6%; font-size: 1.75em; color: #fff; font-weight: bold; text-align: center; letter-spacing: .1em; overflow: hidden; background: #2849a3;}
.parentname span{position: relative; z-index: 2;}
@media (max-width:1480px){
  .parentname{font-size: 1.5em;}	
}
@media (max-width:992px){
  .parentname{margin-right: 20px; padding: 15px; font-size: 1.25em; color: #fff; border-top-right-radius: 0;}
}

.sidenav{position: relative; z-index: 11; overflow: hidden;}
.sidenav li{margin-top: 2px; text-align: center; background: #f8f8f8;}
.sidenav li a{position: relative; display: block; padding: 15px 15% 15px 12%; font-size: 1.125em; color: #999; line-height: 1.5em; text-align: left;}
.sidenav li a i{position: absolute; top: 50%; right: 4%; margin-top: -.5em; line-height: 1em;}
.sidenav li a:hover{color: #666;}
.sidenav li.on a{color: #333; font-weight: bold;}
.sidenav li.on a i{display: block; color: #2849a3; font-weight: normal;}

@media (max-width:992px){ 
  .sidenav{margin-right: 20px; margin-top: -1px; padding: 0;}
  .sidenav li{margin-top: 0; background: none; padding: 0;}
  .sidenav li a{display: block; padding: 12px 35px 12px 15px; font-size: 1em; background: #f8f8f8; border-top: 1px solid #eeeeee; text-align: left;}
  .sidenav li a i{right: 8px; display: block;}
  .sidenav li.on a{background: #fff;}
}

.pagelist .addline{margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #dfdfdf;}
@media (max-width:992px){
  .pagelist .addline{margin-bottom: 15px; padding-bottom: 15px;}
}
.pagelist.line{margin-top: -.875em;}

.tuwenlist li{position:relative; padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #e6e6e6;}
.tuwenlist li .box{position: relative;}
.tuwenlist li .image{float: left; width: 25%; overflow: hidden;}
.tuwenlist li .image .place{padding-top: 66.67%;}
.tuwenlist li .txt{margin-left: 25%; padding-left: 25px;}
.tuwenlist li .caption{margin-bottom: 1em; font-weight: bold; font-size: 1.25em; overflow: hidden;}
.tuwenlist li .desc{font-size:1.125em; color: #666666; overflow:hidden;}
.tuwenlist li .desc .elli-m{line-height: 1.8em; max-height: 3.6em;}
.tuwenlist li .time{margin-top: 1em; color: #666666;}
.tuwenlist li:hover *{color: #004fb9;}

.tuwenlist li.nopic .box{padding-left: 0; min-height:auto;}
.tuwenlist li.nopic .image{display: none;}
.tuwenlist li.nopic .txt{margin-left: 0; padding-left: 0;}

.tuwenlist.fluid-list li .image .place{padding-top: 56.25%;}
@media (max-width:992px){
  .tuwenlist li{padding-bottom: 25px; margin-bottom: 25px;}
  .tuwenlist li .txt{padding-left: 20px;}
  .tuwenlist.fluid-list li .image .place{padding-top: 66.67%;}
}

@media (max-width: 768px){
  .tuwenlist li .image .place{padding-top: 75%;}
  .tuwenlist li .caption{margin-bottom: .875em;}
  .tuwenlist li .time{margin-top: .875em;}
}

@media (max-width: 640px){
  .tuwenlist li{padding-bottom: 20px; margin-bottom: 20px;}
  .tuwenlist li .image{float: none; width: auto; margin-bottom: 20px;}
  .tuwenlist li .image .place{padding-top: 56.25%;}
  .tuwenlist li .txt{margin-left: 0; padding-left: 0;}
  .tuwenlist li .caption{font-size: 1.125em;}
  .tuwenlist li .caption .elli-s{white-space: normal;}
  .tuwenlist li .desc{display: none;}
  .tuwenlist li .time{margin-top: 0;}
}

.piclist ul li a .place{padding-top: 66.67%;}
.piclist.hysw-list ul li a .place{padding-top: 150%;}
.piclist.gzrl-list ul li a .place{padding-top: 144%;}

.pagemore{text-align: center;}
.pagemore a{display: inline-block; font-size: 1em; text-align: center; background: #2f8fff;}

/*** 分页 ***/
.pagination{font-size: 14px; line-height: 20px; text-align: center; clear: both;}
.pagination ul li{display: inline-block; margin: 3px;}
.pagination ul li .up{display: inline-block; vertical-align: top; padding: 6px 15px; color: #666; height: 20px; line-height: 20px; text-align: center; transition:  all .2s; -webkit-transition: all .2s; background: #fff; border: 1px #e8e8e8 solid; zoom: 1;}
.pagination ul li.current .up{background: #2f8fff; border-color: #2f8fff; color: #fff;}
.pagination ul li a:hover{color: #666; border-color: #ccc;}
.pagination ul li.pageJump span{display: inline-block; vertical-align: top; height: 32px; line-height: 32px; margin-right: 4px; margin-left: 4px;}
.pagination ul li.pageJump .inputtext{width: 45px; padding-right: 0; padding-left: 0;}
.pagination ul li.pageJump .inputtext:hover{border-color: #e1e1e1;}
.pagination ul li.pageJump .inputtext:focus{border-color: #d6d6d6;}
.pagination ul li.pageJump .okbtn{display: block; background: #2f8fff; border-color: #2f8fff; color: #fff;}

@media (max-width:992px){
  .pagination ul li.pageJump{display: none;}	
}

@media (max-width:640px){
  .pagination{text-align: left;}
  .pagination ul li .up{padding: 0 5px; border: none; background-color: transparent !important;}
  .pagination ul li.current .up{color: #3872cf; font-weight: bold;}
}

/* 外链跳转 */
.alert-mengban{position: fixed;top: 0px;left: 0px;z-index: 1000;background:rgba(0,0,0,0.7); filter: alpha(opacity=80) !important;width: 100%;height: 100%; display: none;}
.alert-warning{position: fixed;left: 50%;  top: 50%; margin-left:-300px; margin-top: -160px; width: 600px;height: 270px;background:#fff;z-index: 10001;display: none; border:2px solid;border-radius:10px;}
.alert-delete{width: 100%;height: 38px;position: relative;}
.alert-delete span{position: absolute; top:10px; right: 10px; width: 20px; height: 20px; line-height: 20px; color:#fff; text-align: center; background: #bebebe; cursor:pointer;}
.alert-delete span:hover{background: #929292;}
.alert-wzsm{width: 520px;height: 100px;margin: 15px auto 0; line-height: 35px;font-size: 1.5em;color: #000;text-align: center; padding-bottom: 15px;border-bottom: 1px solid #d4d4d4;}
.alert-footer{width: 100%; padding: 25px 0; text-align: center; color: #000;}	
.alert-footer span{cursor: pointer; display: inline-block; margin: 0 12px; font-size: 1.25em;}
.alert-warning .continue{width: 124px; height: 42px; color: #ab0d07; border-radius:3px; -webkit-border-radius:3px; border:#e1e1e1 1px solid; text-align: center; line-height: 42px; box-shadow: 0 0 10px rgba(0,0,0,0.2) inset; -webikt-box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;}	
.alert-warning .fangqi{line-height: 42px;  color: #ab0d07;}	
@media (max-width:640px){
  .alert-warning{left: 2%; margin-left: 0; width: 96%; height: auto;}	
  .alert-wzsm{width: 90%; height: auto; margin: 15px auto 0; line-height: 28px; font-size: 18px; color: #000;text-align:  center;}
}


/*** 动画 ***/
.set-anim{-webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-duration: 0.3s; animation-fill-mode: both;}
.set-anim-upbit{-webkit-animation-name: set-upbit; animation-name: set-upbit;}
/*** 微微往上滑入 ***/
@-webkit-keyframes set-upbit{
  from {-webkit-transform: translate3d(0, 15px, 0); opacity: 0.3;}
  to {-webkit-transform: translate3d(0, 0, 0);  opacity: 1;}
}
@keyframes set-upbit{
  from{transform: translate3d(0, 15px, 0);  opacity: 0.3;}
  to{transform: translate3d(0, 0, 0);  opacity: 1;}
}

.swiper-pagination.position{position: absolute; right: 10px; left: 10px; bottom: 3.5%; z-index: 100; margin-bottom: 5px; width: auto !important; text-align: center;}
.swiper-pagination.position .swiper-pagination-bullet{display: inline-block; width: 8px; height: 8px; margin: 0 3px; border-radius: 100px; cursor: pointer; opacity: 1; transition: all .3s; border: none;} 
.swiper-pagination.position .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; margin: 0 5px; border-radius: 100px; cursor: pointer; transition: all .3s; border: none;}
.swiper-pagination.normal .swiper-pagination-bullet{background: #cfd1d3;}
.swiper-pagination.normal .swiper-pagination-bullet-active{background: #2b5db3;}
.swiper-pagination.normal .swiper-pagination-switch{background: #cfd1d3;}
.swiper-pagination.normal .swiper-active-switch{background: #2b5db3;}

.swiper-pagination.white .swiper-pagination-bullet{background: #fff; opacity: .55;}
.swiper-pagination.white .swiper-pagination-bullet-active{opacity: .85;}
.swiper-pagination.white .swiper-pagination-switch{background: url(../images/public/blank_white_opa80.png);}
.swiper-pagination.white .swiper-active-switch{background: #fff;}

.swiper-pagination.red .swiper-pagination-bullet{background: #fff; opacity: .6;}
.swiper-pagination.red .swiper-pagination-bullet-active{background: #2849a3 !important; opacity: 1;}
.swiper-pagination.red .swiper-pagination-switch{background: url(../images/public/blank_white_opa60.png);}
.swiper-pagination.red .swiper-active-switch{background: #2849a3;}

.swiper-pagination.format .swiper-pagination-bullet-active{width: 24px;}
.swiper-pagination.format .swiper-active-switch{width: 24px;}
.swiper-pagination.static{position: static; margin-bottom: 0;}
.swiper-pagination.right{left: auto !important; margin-bottom: 0;}
.swiper-pagination.left{right: auto !important; margin-bottom: 0;}

.swiper-ctrl-button{position: absolute; top: 50%; z-index: 10; margin-top: -40px; width: 45px; height: 80px; cursor: pointer; transition: all .3s; cursor: pointer; border: none;}
.swiper-ctrl-button i{position: absolute; top: 50%; right: 0; left: 0; z-index: 2; text-align: center; font-size: 2.75em; color: #fff; line-height: 1em; margin-top: -.5em;}
.swiper-ctrl-button.swiper-ctrl-prev{left: 0;}
.swiper-ctrl-button.swiper-ctrl-next{right: 0;}
.swiper-ctrl-button.radius.swiper-ctrl-prev:after{left: 0; border-radius: 0 5px 5px 0;}
.swiper-ctrl-button.radius.swiper-ctrl-next:after{right: 0; border-radius: 5px 0 0 5px;}

.swiper-ctrl-button.resize:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "";}
.swiper-ctrl-button.resize.normal{width: 30px; height: 52px; margin-top: -26px;}
.swiper-ctrl-button.resize.normal i{font-size: 1.75em;}
.swiper-ctrl-button.resize.mini{width: 22px; height: 38px; margin-top: -19px;}
.swiper-ctrl-button.resize.mini i{font-size: 1.5em;}
.swiper-ctrl-button.resize.black25:after{background: #000; opacity: .25;}
.swiper-ctrl-button.resize.black25:hover:after{opacity: .35;}
.swiper-ctrl-button.resize.black50:after{background: #000; opacity: .5;}
.swiper-ctrl-button.resize.black50:hover:after{opacity: .65;}
.setIE.ie8 .swiper-ctrl-button.resize.black25:after{background: url(../images/public/blank_black_opa25.png);}
.setIE.ie8 .swiper-ctrl-button.resize.black25:hover:after{background: url(../images/public/blank_black_opa35.png);}
.setIE.ie8 .swiper-ctrl-button.resize.black50:after{background: url(../images/public/blank_black_opa50.png);}
.setIE.ie8 .swiper-ctrl-button.resize.black50:hover:after{background: url(../images/public/blank_black_opa65.png);}

.swiper-ctrl-button.overflow{width: 30px; height: 30px; margin-top: -15px;}
.swiper-ctrl-button.overflow i{color: #aaa; font-size: 1.125em;}
.swiper-ctrl-button.overflow.swiper-ctrl-prev{left: -45px;}
.swiper-ctrl-button.overflow.swiper-ctrl-next{right: -45px;}
.swiper-ctrl-button.overflow:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; border-radius: 100px; background: #f7f7f7;}
.swiper-ctrl-button.overflow:hover:after{background: #e2e2e2;}
.swiper-ctrl-button.overflow:hover i{color: #666;}
@media (max-width:1280px){
  .swiper-ctrl-button.overflow:after{opacity: .85;}
  .swiper-ctrl-button.overflow:hover:after{background: #000; opacity: .35;}
  .swiper-ctrl-button.overflow:hover i{color: #fff;}
  .swiper-ctrl-button.overflow.swiper-ctrl-prev{left: -15px;}
  .swiper-ctrl-button.overflow.swiper-ctrl-next{right: -15px;}	
}

@media (max-width:992px){
  .swiper-ctrl-button{width: 30px; height: 60px; margin-top: -30px;}
  .swiper-ctrl-button i{font-size: 2.25em;}
}