html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

body {
  background-color: #f1f1f1;
  font-family: 'Microsoft Yahei', 'Arial';
}

/* layout */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.header .header-bar {
  position: relative;
}
.header .header-bar .actions {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 12px;
  color: #fff;
  line-height: 45px;
}
.header .header-bar .actions span,
.header .header-bar .actions i,
.header .header-bar .actions a {
  color: #fff;
  margin: 0 8px;
}

#header-slider .header-bar {
  background: #011a4d;
  height: 45px;
}
#header-slider .header-bar .logo {
  height: 100%;
  width: 175px;
  margin-left: 12px;
  background: url("../images/logo.png") no-repeat center;
}
#header-slider .header-slider {
  background: url("../images/banner-bg.jpg") repeat-x;
}
#header-slider .header-slider .swiper-container {
  height: 185px;
}
#header-slider .header-slider .swiper-container img {
  margin: 0 auto;
  display: block;
}
#header-slider .header-slider .swiper-container .pagination {
  position: absolute;
  z-index: 20;
  bottom: 0;
  width: 100%;
  text-align: center;
}
#header-slider .header-slider .swiper-container .swiper-pagination-switch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #d2d2d2;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
#header-slider .header-slider .swiper-container .swiper-active-switch {
  background-color: #fff;
}

#header-noslider .header-bar {
  background-color: #0050f3;
  height: 74px;
}
#header-noslider .header-bar .logo {
  height: 100%;
  width: 441px;
  background: url("../images/logo-big.jpg") no-repeat center;
}

.header-noslider #sider-menu {
  top: 74px;
}
.header-noslider #main {
  margin-top: 74px;
}

.header-slider #sider-menu {
  top: 230px;
}
.header-slider #main {
  margin-top: 230px;
}

#sider-menu {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 200px;
  z-index: 100;
  background-color: #0052b6;
}
#sider-menu li {
  line-height: 64px;
  margin-bottom: 1px;
}
#sider-menu li a {
  display: block;
  color: #fff;
  padding-left: 78px;
  position: relative;
  text-decoration: none;
}
#sider-menu li a i {
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 34px;
  margin-top: -12px;
}
#sider-menu li a span {
  font-size: 12px;
}
#sider-menu li.menu-active {
  background-image: url("../images/menu-arrow.png");
  background-position: 182px center;
  background-repeat: no-repeat;
}
#sider-menu .menu-list {
  background-color: #0052b6;
}
#sider-menu .menu-list .menu-switch {
  position: absolute;
  right: 22px;
  top: 50%;
  margin-top: -6px;
}
#sider-menu .sub-menu-list {
  background-color: #011a4d;
}
#sider-menu .sub-menu {
  display: none;
}

#main {
  margin-left: 200px;
  padding-bottom:30px;
}
#main .row {
 /*  margin-bottom: 15px; */
}

#bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 30px;
  z-index: 99;
  line-height: 30px;
  background: #0052b6;
  color: #fff;
  font-size: 12px;
}
#bottom span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  margin-right: 15px;
}

/* components */
/* bg-colors */
.bg-gray {
  background-color: #e5e5e5;
}

.bg-yellow {
  background-color: #ee9902;
}

.bg-orange {
  background-color: #ef6000;
}

.bg-pink {
  background-color: #db6364;
}

.bg-purple {
  background-color: #9b409d;
}

.bg-red {
  background-color: #d12610;
}

/* btns */

.btn-primary {
  background-color: #01abee;
  border-color: #01abee;
}

.btn-info {
  background-color: #01daee;
  border-color: #01daee;
}

.btn-success {
  background-color: #01ee9d;
  border-color: #01ee9d;
}

.btn-warning {
  background-color: #eebf01;
  border-color: #eebf01;
}

.btn-dark,
.btn-dark:hover {
  color: #fff !important;
  background-color: #011a4d;
  border-color: #011a4d;
}

/* panels */
.panel-header-self {
  height: 32px;
  line-height: 32px;
  border-left: 5px solid #d2d2d2;
  background-color: #e5e5e5;
  font-size: 14px;
  padding-left: 10px;
}
.panel-header-self .panel-actions {
  position: absolute;
  top: -1px;
  right: 15px;
}
.panel-header-self .panel-actions a {
  display: block;
  height: 32px;
  padding: 0 15px;
  float: left;
  margin-left: 5px;
  color: #fff;
  text-decoration: none;
}
.panel-header-self .panel-actions a:nth-of-type(1) {
  background-color: #6388dc;
}
.panel-header-self .panel-actions a:nth-of-type(2) {
  background-color: #dc6364;
}
.panel-header-self .panel-actions a:nth-of-type(3) {
  background-color: #9b409d;
}
.panel-header-self .panel-actions a:nth-of-type(4) {
  background-color: #6388dc;
}
.panel-header-self .panel-actions a:nth-of-type(5) {
  background-color: #dc6364;
}
.panel-header-self .panel-actions a:nth-of-type(6) {
  background-color: #9b409d;
}
.panel-header-self .panel-actions a i {
  margin-right: 10px;
  font-size: 16px;
  line-height: 32px;
}

/* labels */
.txt-label {
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  padding-left: 12px;
}

.num-label {
  position: relative;
  padding: 15px 20px;
  text-align: right;
  line-height: 1.5;
}
.num-label a {
  display: block;
  color: #fff;
  text-decoration: none;
}
.num-label a i {
  position: absolute;
  left: 20px;
  top: 15px;
  font-size: 25px;
}
.num-label a p {
  font-size: 14px;
}
.num-label a h3 {
  font-size: 45px;
}

/* charts */
.chart {
  background-color: #fff;
  padding: 12px;
}
.chart .chart-header {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
}
.chart .chart-header span {
  color: #d12610;
  margin-right: 5px;
}
.chart .chart-header span:nth-of-type(2) {
  color: #38b8f4;
  margin-left: 10px;
}

/* lists */
.list-filter label {
  float: right;
  line-height: 30px;
  font-size: 12px;
}

.list-news {
  background-color: #fff;
  padding: 15px 20px 70px;
  position: relative;
}
.list-news .list-news-header {
  font-size: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.list-news .list-news-body {
  font-size: 12px;
  line-height: 1.5;
}
.list-news .list-news-body dt {
  margin-top: 10px;
}
.list-news .list-news-body dd {
  margin-bottom: 10px;
}
.list-news .list-news-download {
  position: absolute;
  font-size: 30px;
  color: #d2d2d2;
  right: 20px;
  bottom: 24px;
}
.list-news-add {
  position: absolute;
  font-size: 20px;
  color: #d2d2d2;
  right: 20px;
  top: 8px;
}

.list-article {
  min-height: 120px;
}
.list-article li {
  padding: 10px 7px;
  margin-bottom: 7px;
  font-size: 12px;
  line-height: 2;
  background-color: #fff;
  position: relative;
}
.list-article li .li-left {
  float: left;
  width: 40px;
  font-size: 14px;
  text-align: center;
}
.list-article li .li-main {
  float: left;
  width: 70%;
}
.list-article li .li-main .li-title a {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
.list-article li .li-main .li-bottom {
  color: #a8a8a8;
}
.list-article li .li-main .li-bottom span {
  margin-right: 30px;
}
.list-article li .li-right {
  float: right;
  width: 25%;
  position: relative;
}
.list-article li .li-right .li-status {
  position: absolute;
  top: 0;
  right: 5px;
}
.list-article li .li-right .li-status .li-status-item {
  float: left;
  line-height: 22px;
  margin-left: 10px;
}
.list-article li .li-right .li-status .li-status-item label {
  margin-left: 5px;
}
.list-article li .li-actions {
  position: absolute;
  bottom: 10px;
  right: 12px;
}
.list-article li .li-actions .li-action-item {
  float: left;
  color: #8b8b8b;
  margin-left: 10px;
  text-decoration: none;
}
.list-article li .li-actions .li-action-item i {
  margin-right: 5px;
  font-size: 14px;
  vertical-align: sub;
}

.scrollInner{
	overflow-x: auto;
	overflow-y:hidden;
	width:100%;
}

.list-table thead {
  background-color: #e5e5e5;
  font-size: 14px;
}
.list-table thead .th-select {
  width: 100px;
}
.list-table tbody {
  background-color: #fff;
  font-size: 12px;
}
.list-table tr {
  border-bottom: 3px solid #f1f1f1;
}
.list-table td:nth-of-type(1),
.list-table th:nth-of-type(1) {
  position: relative;
  padding-left: 13px;
}
.list-table td:nth-of-type(1):after,
.list-table th:nth-of-type(1):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  width: 5px;
  background-color: #d2d2d2;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  vertical-align: middle;
}

/* tree */
.tree {
  font-size: 14px;
  line-height: 2;
  padding: 15px;
}
.tree li {
  padding-left: 24px;
  position: relative;
}
.tree li span {
  cursor: pointer;
}
.tree li.t-folder > ul {
  display: none;
}
.tree li.t-folder:after {
  content: "\e081";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #011a4d;
  line-height: 2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tree li.active.t-folder:after {
  content: "\e082";
}

/* article */
.article {
  background-color: #fff;
  padding: 10px 50px 50px 7px;
  position: relative;
}
.article .article-left {
  position: absolute;
  left: 7px;
  top: 10px;
  width: 40px;
  text-align: center;
}
.article .article-main {
  margin-left: 40px;
  font-size: 12px;
  line-height: 2;
}
.article .article-main .article-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 5px;
}
.article .article-main .article-content {
  text-indent: 2em;
  margin-bottom: 40px;
}
.article .article-main .article-info {
  color: #a8a8a8;
  margin-bottom: 40px;
}
.article .article-main .article-info span {
  float: left;
  margin-right: 25px;
}
.article .article-main .article-bottom .article-status {
  width: 100%;
  float: left;
}
.article .article-main .article-bottom .article-status .article-status-item {
  float: left;
  line-height: 22px;
  margin-right: 10px;
}
.article .article-main .article-bottom .article-status .article-status-item label {
  margin-left: 5px;
}
.article .article-main .article-bottom .article-actions {
  float: left;
}
.article .article-main .article-bottom .article-actions .article-action-item {
  float: left;
  color: #8b8b8b;
  margin-right: 10px;
  text-decoration: none;
}
.article .article-main .article-bottom .article-actions .article-action-item i {
  margin-right: 5px;
  font-size: 18px;
  vertical-align: sub;
}

/* tabs */
.nav-tabs {
  font-size: 14px;
  border-bottom: 2px solid #011a4d;
}
.nav-tabs li {
  overflow: hidden;
}
.nav-tabs li:after {
  content: "\e252";
  position: absolute;
  display: block;
  font-size: 20px;
  color: #f1f1f1;
  top: -5px;
  right: -8px;
  font-family: 'Glyphicons Halflings';
}

.nav-tabs > li > a {
  color: #fff;
  border-radius: 0;
  border-bottom: 0;
  background-color: #acacac;
}

.nav-tabs > li > a:hover {
  color: #fff;
  background-color: #011a4d;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #fff;
  background-color: #011a4d;
}


.edit-talbe{
	overflow:hidden;
	zoom:1;
}
.edit-talbe td{
	padding:6px 0;
}
.edit-talbe td label{
	font-size:13px;
	width:110px;
	float:left;
	text-align:right;
	line-height:30px;
	color:#333;
}
.edit-talbe td .view-it{
	font-size:13px;
	text-align:left;
	line-height:30px;
	color:#333;
}

.edit-talbe input[type="text"],.edit-talbe input[type="date"]{
	width:230px;
	height:30px;
	font-size:12px;
	padding-left:5px;
}
.edit-talbe .textbox .textbox-text{
	font-size:12px;
	padding-left:5px;
	height: auto;
}
.edit-talbe select{
	width:177px;
	height:25px;
	font-size:12px;
	padding-left:5px;
}
.edit-talbe select.monad{
	width:65px;
	height:25px;
}
.edit-talbe div.sub{
	padding-left:320px;
	padding-top:50px;
}
.edit-talbe div.sub button{
	font-size:14px;
	color:#fff;
	font-weight:bold;
	width: 100px;
	height: 30px;
	background: #062557;
	border: 0;
	border-radius: 0px 0px 5px 5px;
	cursor: pointer;
	margin:0 20px;
}
.edit-talbe textarea{
	font-size: 12px;
	width: 230px;
	resize: none;
	height: 50px;
}
.edit-talbe span.tip {
	color: red;
}
.clearfix-cell {
  padding: 10px 7px;
  font-size: 12px;
  line-height: 2;
  position: relative;
}
.clearfix-cell .li-left {
  float: left;
  width: 40px;
  font-size: 14px;
  text-align: center;
}
.clearfix-cell .li-main {
  float: left;
  width: 70%;
}
.clearfix-cell .li-main .li-title a {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
.clearfix-cell .li-main .li-bottom {
  color: #a8a8a8;
}
.clearfix-cell .li-main .li-bottom span {
  margin-right: 30px;
}
.clearfix-cell .li-right {
  float: right;
  width: 25%;
  position: relative;
}
.clearfix-cell .li-right .li-status {
  position: absolute;
  top: 0;
  right: 5px;
}
.clearfix-cell .li-right .li-status .li-status-item {
  float: left;
  line-height: 22px;
  margin-left: 10px;
}
.clearfix-cell .li-right .li-status .li-status-item label {
  margin-left: 5px;
}
.clearfix-cell .li-actions {
  position: absolute;
  bottom: 10px;
  right: 12px;
}
.clearfix-cell .li-actions .li-action-item {
  float: left;
  color: #8b8b8b;
  margin-left: 10px;
  text-decoration: none;
}
.clearfix-cell .li-actions .li-action-item i {
  margin-right: 5px;
  font-size: 14px;
  vertical-align: sub;
}
._win-btn-bottom {
  text-align: center;
  margin-bottom: 10px;
}