@charset "UTF-8";

/* reset section */
html {ont-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; }
hr {  height: 0;  margin-top: 14px;  margin-bottom: 14px;  border: 0;  border-top: 1px solid #eee; }
img { border: none; }
small {  font-size: 80%; }
a { text-decoration: none;  color: #333; }
a:hover { color: #F55; }

/* 导航菜单 */
.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;}
}

/* 面包屑导航 */
.position {  list-style: none;  margin: 0;  padding: 8px 0;  overflow: hidden;border-bottom: 1px solid #ddd;  }
.position a{  display: inline-block; font-weight:bolder}
.position font{margin: 0 6px;  color: #888;}

/* 列表页 稿件列表 */
.article-list li{border-bottom: 1px solid #f2f6f8; padding: 9px 0;}
.article-list li:hover{background:#F2F6F8;}
.article-list span{font-size: 80%; color: #888; float: right;}
.article-list li a{line-height: 26px;}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/* 列表 */
.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-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; }

/* 视频播放图标 */
.video_24x24 {position:absolute;top:0;float:left;width:24px;height:24px;
	background:url(http://www.81.cn/res/static/gallery.gif) -128px -118px no-repeat}
.video_40x40 {position:absolute;display:block;width:40px;height:40px;cursor:pointer;
	background:url('http://www.81.cn/res/static/play_icon_40.png');
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='http://www.81.cn/res/static/play_icon_40.png');
	_background:0
}

/* 布局 */
.container {margin-right: auto;	margin-left: auto;	padding:0 15px;width: 1000px; box-sizing: border-box}
.container:before, .container:after {content: " ";display: table; }
.container:after {clear: both; }
.row{overflow: hidden;}
.main-section{ overflow: hidden; float: left;}
.abstract{overflow:hidden;}
.abstract dt{float:left;}
.abstract dd{ margin-left:135px;}

.selector{ margin-top:30px; overflow:hidden; list-style:none; padding:0 0 0 120px;}
.selector li{background:#F2F6F8;line-height:30px; float:left; margin:0 10px 10px 0;}
.selector li.first{border-left:5px solid #F55; width:105px; text-align:center; margin:0 0 0 -120px; padding:5px 0;}
.selector li a{padding:5px 18px; display:block;}
.selector li a:hover{ color:#FFF; background:#F55;}

a.btn-m{padding:5px 18px; line-height:30px; float:left; background:#F2F6F8;}
a.btn-m:hover{ color:#FFF; background:#F55;}

/*手机*/
@media (max-width: 767px){ 
	.container {width:auto;} 
	.main-section{width:100%;}
	/*.sidebar{display: none;}
	/.header
	.article-list span{display: none;}*/
	 .search{display: none;}
	 .top-bar{ display:none;}
	 .selector li a {font-size:12px;}	
	 .article-list li {overflow: hidden;}
}
/*平板*/
@media (min-width: 768px){
	.container {width:738px;} 
	.main-section{width:100%;}
	/*.sidebar{display: none;}*/
	.header input{width: 120px;}
}
/*电脑*/
@media (min-width: 1024px){
	.container {width:1000px; padding: 0;} 
	.main-section{ width: 650px; }
/*margin-left: 20px;float:right;--*/
	.header input{width: 180px;}
}

/*侧边栏*/

.sidebar {
	float:right;
	margin-left:15px;
	padding:0 15px;
	width:300px!important;
}

.sidebar h3 .toggle{
	float: right;
	color:#AAA;
	font-size:14px;
	cursor: pointer;
	line-height: 3em;
	position:relative;
	padding-right: 1.15em;
}

.sidebar h3 .toggle:after{
	content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-width:2px;
    border-color: transparent #ddd #ddd transparent;
    border-style: solid;
    transform: rotate(-45deg);
    right: 0;
    top: 1.2em;
	transition: all 0.3s;
}
.sidebar h3 .toggle:hover{color:#D33;}
.toggle-box.show .toggle:after{
	transform: rotate(45deg);
	top: 0.9em;
}

.sidebar ul {
	margin-left:15px
}
.sidebar ul li {
	padding:3px 0;
	line-height:1.5rem
}


.sidebar h3 {
	margin:8px 0;
	padding:2px 8px;
	border-left:5px solid #eee
}
.sidebar h3,.sidebar h3 a {
	color:#369;
}
.sidebar h3 .sub_title {
	display:block;
	color:#AAA;
	text-transform:uppercase;
	font-weight:normal;
	font-size:.8rem;
}

.toggle-box ul{display: none;}
.toggle-box.show ul{display: block;}
.sidebar h3 .toggle{
	float: right;
	color:#AAA;
	font-size:14px;
	cursor: pointer;
	line-height: 3em;
	position:relative;
	padding-right: 1.15em;
}

.sidebar h3 .toggle:hover{color:#D33;}

.sidebar ul {
	margin-left:15px
}
.sidebar ul li {
	padding:3px 0;
	line-height:1.5rem
}
.list-ol {
	padding-left:1.5em
}
.list-ol li {
	padding:3px 0;
	line-height:1.8rem
}

ul.list-pic {
	margin-top:15px;
	margin-left:0
}
ul.list-pic li {
	position:relative;
	overflow:hidden;
	padding:15px 0;
	border-bottom:1px solid #eee;
	overflow:hidden;
}
ul.list-pic li:last-child {
	border-bottom:0
}
ul.list-pic li a {
	font-size:0.88rem;
	opacity:.9
}
ul.list-pic li a:hover {
	text-decoration:none;
	opacity:1
}
ul.list-pic li a p {
	margin:0;
	color:#999;
	font-size:.8rem
}
ul.list-pic li a img {
	float:left;
	margin-right:15px;
	width:120px
}
ul.list-pic li .video_40x40 {
	top:40px;
	left:3px;
}
ul.list-pic li a:hover .video_40x40 {
	background:url('http://www.81.cn/res/static/play_icon_40_hover.png');
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='http://www.81.cn/res/static/play_icon_40_hover.png');
	_background:0
}