@charset "UTF-8";

/* reset section */
html {ont-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; }
body {  margin: 0;  font-family: 'sans-serif', '\5FAE\8F6F\96C5\9ED1';  font-size: 0.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%; }
a { text-decoration: none;  color: #333; }
a:hover { color: #F55; }

/* 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: #003366;padding: 0;}
.header .logo img{  max-width: 100%;}
.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: none; }
.header button {float: left;border: none;margin: 0 0 0 1px;background: #28F;color: #FFF;height: 32px;padding: 8px 12px; }

/* 主菜单 
.navigation {  background: #f2f6f8;  font-size: 16px;}
.navigation ul {  list-style: none;  padding: 0;  overflow: hidden;  margin: 0; }
.navigation li {  float: left;  line-height: 50px; }
.navigation li a {  color: #036;  padding: 0 11px;  display: block; }
.navigation li a:hover{color:#FFF;background:#49D}
.navigation li a.active{color:#FFF;background:#159}*/

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



/*0805*/
.content-team { overflow: hidden; }

.time-bg { overflow: hidden; }

.out-box {
    width: 33.3%;
    float: left;
    box-sizing: border-box;
    margin: 20px 0px;
    padding: 0 10px;
}

.in-box { background: #fff; }

.in-box h3 {position: relative;text-align: center;margin: 0;padding: 25px 20px;}

.in-box a{display: block;overflow: hidden;}

.in-box img{width: 100%;display: block;transition: all 0.5s;}


.in-box:hover img{
    -ms-transform: scale(1.1);
    transform: scale(1.1);
} 


@media (max-width: 767px){
	
.out-box {width:100%;box-sizing: border-box;margin:15px 0px;padding:0;}	
	
}


/*tab二级页面*/
.content-team {padding: 0; margin-right: auto; margin-left: auto;box-sizing: border-box;margin-top:15px; }

.team-list {overflow: hidden;zoom: 1;padding: 20px 0;border-bottom: 1px solid #eee;}

.team-list .left { float: left; margin-right: 15px; width: 30%; position: relative; overflow: hidden; }

.team-list .left img { display: block; width: 100%;}

.team-list .right { overflow: hidden; zoom: 1; }

.team-list .right h3 {
    font-size: 20px;
    font-weight: 100;
    line-height: 1.8em;
    margin: 0;
}

.team-list .right p { font-size: 14px; height: 3.6em; overflow: hidden; color: #504d4d; text-indent: 2em; }

.team-list:last-child { border-bottom: none; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.team ul {border-bottom: 2px solid #ccd0d6;margin: 0;}

.team ul li { width:16.6%; float: left; text-align: center; font-size: 18px; color: #333; box-sizing: border-box; cursor: pointer; position: relative; }

.team h3 {font-size: 18px;}

.team ul li a:hover { color: #333; }

.team ul li.active:after { width: 100%; }

.team ul li:after {content: "";position: absolute;bottom: -2px;left: 0;width: 0;height: 2px;background: #003366;transition: ease all 0.55s;}

.tab-item {
    position: relative;
}

.tab-item {
    display: none;
}

.show {
    display: block !important;
}
.time-bg {
    padding: 30px;
    background: #e8e8e8;
}

@media (max-width: 1023px) and (min-width: 768px){
.team h3 {font-size: 14px;}	
.team-list .right p{display:none;}	
.team-list .right h3 {font-size: 16px;}
}


/*tab二级页面*/



@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 span{font-size: 80%; color: #888; float: right;}


.article-list{margin:0;padding:0;list-style:none;}

/* 侧边栏 稿件列表 */
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: bold;  margin-top: 10px; }

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

/* 侧边栏 - 栏目标题*/
.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}

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

/* 侧边栏 - 专题列表 */
.list-special {margin-left:0}
.list-special li {overflow:hidden;	height:2.4rem;	border-top:1px dotted #ddd}
.list-special li a {position:relative;display:block;line-height:2.4rem}
.list-special li img {display:none}
.list-special li span,.list-special li a {color:#333}
.list-special li.selected {padding:0;height:90px}
.list-special li.selected a span {position:absolute;
	bottom:0;
	left:0;
	display:block;
	overflow:hidden;
	padding:2px 5px;
	width:100%;
	height:30px;
	background:rgba(0,0,0,0.5);
	color:#FFF;
	line-height:30px;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000')
}
.list-special li.selected img {display:block;width:100%;height:90px}

/* 侧边栏 图片稿件列表 */
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}
ul.list-pic li:last-child {border-bottom:0}
ul.list-pic li a {font-size:1rem;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:30px;left:40px}
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
}

/* 工具类 */
.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;}
.sidebar{float: right; overflow: hidden; margin-left:19px;}

/*手机*/
@media (max-width: 767px){ 
	.container {width:auto;} 
	.main-section{width:100%;}
	.sidebar{display: none;}
	.header .search,
	.article-list span{display: none;}
	.top-bar{ display:none;}
}
/*平板*/
@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; }
	.sidebar{width: 280px; display: block; }
	.header input{width: 180px;}
}

/*翻页样式*/
#displaypagenum{line-height:22px; overflow:hidden; padding: 30px;}
#displaypagenum p{padding-bottom:0;display: none;}
#displaypagenum span{float:none; font-size:100%;}
#displaypagenum span.page,#displaypagenum a,#displaypagenum a.next{background:#036; color:#FFF; padding:8px 12px; line-height:28px; height:28px;font-weight:bolder;text-decoration:none;}
#displaypagenum a,#displaypagenum a.next{background:#f3f3f3; color:#333; font-weight:normal;}
#displaypagenum a:hover{background:#036; color:#FFF;}

/* 页脚 */
.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;
}


/* 14224.files/style.css */
.article-list .article { border-bottom: 1px solid #F2F6F8; overflow: hidden; padding: 20px 0; }
.article-list .article h2 {  margin: 0 0 15px;  font-weight: normal;  line-height: 1.5em;  font-size: 18px; }
.article-list .article a.img {  float: left;  width: 200px;  margin-right: 15px; }
.article-list .article a.img img {  width: 100%; }
.article-list .article p {  color: #678;  line-height: 1.5em;  height: 42px;  overflow: hidden; margin:10px 0; display: block; }
.article-list .article span{ margin-right: 16px; float:none; }
.article-list .article i,.article-list .article span { color: #333; }
.article-list .article i {  margin-right: 8px; }
#loadNextPageBtn { padding: 50px 0; border-top: 1px solid #ddd; background: #f2f2f2; color: #555; text-align: center; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

#loadNextPageBtn span { width: 15rem; font-size: 1.2rem; }

#loadNextPageBtn small { margin: 0; color: #999; }	
small.pageNum {
    margin-top: -20px;
    padding: 2px 5px;
    border-radius: 0 0 5px 5px;
    background: #d33;
    color: #FFF;
}	
.article-list hr{
	margin:0;}	
	
@media (max-width: 992px){
#displaypagenum {
    display: none;
}



/*手机*/
@media (max-width: 767px){ 
	.article-list .article a.img{width:30%;}
	.article-list .article p,.article-list .extend{display:none;}
	.article-list .article h2 {font-size: 16px;}
}