@charset "utf-8";
/* reset section */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family: 'sans-serif','\5fae\8f6f\96c5\9ed1';}
body{margin:0;font-size:.88em;line-height:1.4em}
hr{height:0;margin-top:14px;margin-bottom:14px;border:0;border-top:1px solid #eee}
img{border:none}
small{font-size:80%}
sup{position:relative;top:-5px;vertical-align:middle;font-size:smaller}
a{text-decoration:none;color:#333}
a:hover{color:#e33}

/* top bar */
.top-bar{height:40px;line-height:40px;overflow:hidden;font-size:14px;color:#333}
.top-bar .pull-right a{margin:0 0 0 15px}

/* 头部 */
.header{background:#036}
.header .row{padding:30px 0}
.header .search{margin:40px 0 0 0;float:right}
.header input{float:left;border:none;padding:10px 6px;height:12px;background:#f2f6f8;outline:0;width:180px}
.header button{float:left;border:none;margin:0 0 0 1px;background:#28f;color:#fff;height:32px;padding:8px 12px}
/* 导航菜单 */
.navigation { background: #11487e;  font-size: 16px;}
.navigation .navbar-nav { list-style: none;  padding: 0;  margin: 0;  height:50px; overflow:visible; display:none;}
.navigation li {float:left;line-height: 50px; list-style:none; position:relative;}
.navigation li a {color:#fff;padding: 0 11px;display: block;white-space: nowrap;}
.navigation li:hover,.navigation li a:hover{color:#fff;background:#38c}
.navigation li:hover ul.sub-ul{display:block;}
.navigation ul.sub-ul{padding:10px; display:none; background:#07b; position:absolute; z-index:20;border-radius: 0 0 5px 5px; box-shadow: 0 3px 5px rgba(0,0,0,0.5); height:auto;}
.navigation ul.sub-ul-ar{right:0}
.navigation ul.sub-ul li{background:#07b; float:none; font-size: 12px;line-height: 20px;padding:4px 0;border-bottom:1px solid #006ead;text-align: left;}
.navigation ul.sub-ul li:hover{color:#fff;background:#38c}
.navigation li.active a {color:#fff;background:#49d}
.navigation li.active ul.sub-ul a{ background:transparent;}
.navigation li.float-right{ float:right !important;}
.navigation li.extend{display: none;}
.navigation li a#btn-nav-extend{padding-bottom: 2px;}
.navigation li a#btn-nav-extend:after{content: "";display: block;width: 5px;height: 5px;border-style: solid;border-color: #fff;border-width: 0 1px 1px 0;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);margin: 0 auto;}
.open li.extend{ display:list-item;}
.open li a#btn-nav-extend:after{ margin-top:5px; -moz-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);}

@media (max-width: 767px){
	.navigation{ margin: 0 -15px;/* background: #0064bb; background-image: linear-gradient(155deg, #0078b6, #0064bb 80%);border-bottom: 5px solid #036;*/}
	.navigation li{ width:16.666%; text-align:center; line-height:30px;}
	.navigation li.active a{ display:inline; border-radius:3px;padding:2px 10px;}
	.navigation .navbar-nav{ padding:10px 0; overflow:hidden; height:auto;}
	.navigation .float-right:hover,.navigation a#btn-nav-extend{ background:none;}
    .navigation .nav-sm{display:block;}
}

@media (min-width: 768px) and (max-width:1023px){
	.navigation .nav-sm{display:block;}	
	.navigation .float-right{ display:none !important;}	
	.top-container{width: 100%; background: #003466;}
}

@media (min-width: 1024px) {
	.navigation ul li:hover ul{visibility:visible;z-index:99;}
	.navigation .nav-lg{display:block;}
}

/* 导航菜单 end*/

/* 面包屑导航 */
.position{list-style:none;margin:0;padding:0;overflow:hidden}
.position li{float:left}
.position li span{margin:0 6px;color:#aaa}

/* 栏目标题 */
.cm-title{height:38px;overflow:hidden}
.cm-title h3{margin:0;border-bottom:2px solid #033;float:left;line-height:36px;margin-right:15px}
.cm-title .pull-right{font-weight:400;color:#888}
.cm-title .icon{float:left;font-size:28px;line-height:50px;margin-right:15px;color:#124655}
.cm-title .list-tags{margin:13px 0}
.cm-title .list-tags li{margin:0 0 0 6px}

/* 子栏目列表样式 */
.list-tags{list-style:none;padding:0;overflow:hidden}
.list-tags li{float:left;margin:0 6px 6px 0}
.list-tags li i{margin-right:5px}
.list-tags li a{border:1px solid #ddd;padding:2px 6px;display:block;color:#888}
.list-tags li a i{color:#ddd}
.list-tags li a:hover{border-color:#f55;color:#f55}
.list-tags li a:hover i{color:#f55}

/* 稿件列表 */
ul.news-list,ul.news-llist li{margin:0;padding:0}
ul.news-list li{line-height:2em;font-size:1rem}
ul.news-list li.strong{font-weight:700;margin-top:10px}

.article-single{overflow:hidden;border-bottom:1px solid #ddd;margin:0}
.article-single dt{height:30px;display:block;font-size:1rem;line-height:2em}
.article-single dd{overflow:hidden;padding:0;margin:10px 0 0 0}
.article-single .pic{width:160px;height:90px;overflow:hidden;display:block;float:left}
.article-single img{width:100%;display:block}
.article-single p{font:12px/22px "宋体";color:#888;height:88px;overflow:hidden;margin:0 0 0 170px}

/* 列表 */
.list-unstyled{padding-left:0;list-style:none}
.list-inline{margin-left:-5px;padding-left:0;list-style:none}
.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}
.list-ol{padding-left:1.5em}
.list-ol li{padding:3px 0;line-height:1.8rem}

/* 工具类 */
.m-t{margin-top:15px!important}
.m-l{margin-left:15px!important}
.p-t{padding-top:15px!important}
.p-t-sm{padding-top:8px!important}
.p-r{padding-right:15px!important}
.p-b{padding-bottom:15px!important}
.p-l{padding-left:15px!important}
.pull-left{float:left!important}
.pull-right{float:right!important}
.block{display:block;width:100%}
.relative{position:relative}
.text-center{text-align:center}

/*布局*/

.row:after,.row:before{content:" ";display:table}
.row:after{clear:both}
.cm-md-280{width:280px;float:left;margin-left:20px}
.cm-md-280:after,.cm-md-280:before{content:" ";display:table}
.cm-md-280:after{clear:both}
.cm-md-340{width:340px;float:left;margin-left:20px}
.cm-md-340:after,.cm-md-340:before{content:" ";display:table}
.cm-md-340:after{clear:both}
.cm-md-640{width:640px;float:left;margin-left:20px}
.cm-md-640:after,.cm-md-640:before{content:" ";display:table}
.cm-md-640:after{clear:both}
.cm-md-700{width:700px;float:left;margin-left:20px}
.cm-md-700:after,.cm-md-700:before{content:" ";display:table}
.cm-md-700:after{clear:both}
.cm-md-1000{width:1000px;float:left;margin-left:20px}
.cm-md-1000:after,.cm-md-1000:before{content:" ";display:table}
.cm-md-1000:after{clear:both}
.col-md-280,.col-md-330,.col-md-690{float:left;margin-left:30px}
.col-md-280:after,.col-md-280:before,.col-md-330:after,.col-md-330:before,.col-md-690:after,.col-md-690:before{content:" ";display:table}
.col-md-280:after,.col-md-330:after,.col-md-690:after{clear:both}

.container{margin-right:auto;margin-left:auto}
.container:after,.container:before{content:" ";display:table}
.container:after{clear:both}



/* 图片遮罩 */
a.img{ position: relative; display: block; background: #f2f6f8;}
a.img:after{content: ""; position: absolute;  background: linear-gradient(transparent,#000 80%);  top:0;left: 0; right: 0; bottom: 0; opacity:0.3; 
  -webkit-transition: opacity .2s; -o-transition: opacity .2s;transition: opacity .2s; z-index: 1;}
a.img:hover:after{ opacity:0.8;}

/* 可响应屏幕的焦点图 */
.slider{position: relative; width: 100%; overflow: hidden; height: 400px;}
.slider-viewport{position: relative; width: 100%;overflow: hidden; height: 360px;background:#eee;}
.slider-viewport a{display: block; height: 360px; overflow: hidden;}
.slider-viewport img { width: 100%; display: block; }
.slider-viewport .text{ bottom: 1em; line-height: 1em;}
.slider-viewport h3{ margin: 0; line-height: 2em; font-weight: normal;}
.slider-viewport .slider-item{width:20%; height: 360px;}
.slider-viewport .text a{line-height:40px; color:#fff; font-size:18px; margin-left:0.5em;}

.slider-btn{ position:absolute; right:4px; bottom:4px; width:64px; z-index:20;}
.slider-prev,.slider-next{width:32px; height:32px;float: left; cursor:pointer; opacity:0.8;}
.slider-prev{ background: top left; }
.slider-next{ background: top right;}
.slider-prev:hover,.slider-next:hover{opacity:1;}

.slider-pagenation{position:absolute; right:76px;  bottom:0;z-index:20;}
.slider-pagenation span{float:left; width:8px; height:8px; background:#ddd; margin:16px 6px; border-radius:4px; overflow:hidden; text-indent:20px; opacity:0.5;}
.slider-pagenation span.slider-nav-item-current{ opacity:1;background:#145;}

.big{float:left; width:662px; height:360px; background:#ddd; margin-right:6px;overflow: hidden; position: relative;}
.small{float:left; width:332px; height:177px; background:#ddd; margin-bottom: 6px; overflow: hidden; position: relative;}
.small a{height: 177px;}
.small h3{line-height: 1.5em; font-size:16px; height:1.5em; overflow:hidden;}
.big .text,.small .text{position: absolute; left:1em; right:1em; font-size: 18px; color: #fff;  z-index: 5;}
.small .text{bottom: 0.5em;}

/* 图片列表 */
.imgnews{ margin:0 -15px;}
.imgnews:before, .imgnews:after { content: " "; display: table; }
.imgnews:after { clear: both; }
.imgnews li{float: left; width: 20%; box-sizing: border-box; padding: 0 15px; margin-bottom: 30px; height: 180px;}
.imgnews li a{ display: block;}
.imgnews li p{ line-height: 1.5em; margin-top: 1em; margin-bottom: 0.5em;}
.imgnews li img{width: 100%; display: block;}



/* 页脚 */
.footer {
	padding:30px 0;
	border-top:1px solid #eee;
	background:#f2f6f8;
	color:#888;
	text-align:center
}
.footer a {
	color:#222
}
.footer em {
	margin:0 6px; font-style:normal;
}

/* 响应式布局 */
@media (max-width: 1023px) {
	.slider{ display:none;}
	.container { padding:0 15px;}
}
@media (min-width: 1024px) {
  .container {width: 1000px; }
  
}

@media (max-width: 768px) {
	.search{ display:none;}
	.logo {float:none!important; margin:0 auto;    text-align: center;}
	.logo img{ max-width:100%;}
	.imgnews li{width: 25%; margin-bottom:0;}
	.imgnews li:last-child{ display:none;}
}
@media (max-width: 460px) {
	.search{ display:none;}
	.logo {float:none!important; margin:0 auto;    text-align: center;}
	.imgnews li{width: 50%}
	.video_40x40,.imgnews li:last-child{ display:none;}
	.hidden-xs{ display:none;}
	.top-bar{ display:none;}
}