/* Theme for teamplate:default - theme:wide. (2018-04-10) */
.page-container {
	position: relative;
	margin: 0 auto 20px auto;
	padding: 0 15px;
}

.page-container:before,.page-container:after {
	display: table;
	content: " ";
}

.page-container:after {
	clear: both;
}

@media (min-width: 768px) {
	.page-container {
		max-width: 750px;
	}
}

@media (min-width: 992px) {
	.page-container {
		max-width: 970px;
	}
}

@media (min-width: 1200px) {
	.page-container {
		max-width: 1170px;
	}
}

.col-md-12,.col-xs-12,.col-sm-12,.col-lg-12 {
	float: left;
	width: 100%;
}

.page-header {
	padding: 0 15px;
	border-bottom: 1px solid #e5e5e5;
}

.article-files {
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
	border-top: 1px dashed #ddd;
}

.article-files > li {
	position: relative;
	float: left;
	display: block;
	margin: 10px 10px 0 0;
	padding: 0;
}

.article-files > li > a {
	display: block;
	overflow: hidden;
	padding: 3px;
	height: 70px;
	max-width: 400px;
	min-width: 70px;
	border: 1px solid #ddd;
	background-color: #fff;
	color: #666;
	text-align: center;
	line-height: 60px;
	opacity: 0.9;
}

.article-files > li > a:hover {
	border-color: #ccc;
	box-shadow: 0 1px 6px rgba(0,0,0,0.3);
	color: #506eaf;
	text-decoration: none;
	opacity: 1;
}

.article-files > li > a > img,.article-files > li > a > img:hover {
	margin: 0;
	max-width: 200px;
	max-height: 100%;
	box-shadow: none;
}

.article-files:empty {
	display: none;
}

.article-files > li.file > a {
	overflow: hidden;
	padding: 40px 15px 5px 15px;
	max-width: 180px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 25px;
	-o-text-overflow: ellipsis;
}

.article-files > li.file > a:before {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 100%;
	content: '\e6d4';
	text-align: center;
	font-size: 30px;
	font-family: ZenIcon;
}

.article-files > li.article-files-heading {
	float: none;
	display: block;
	color: #999;
	font-weight: bold;
}

.article-files > li .file-actions {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
}

.article-files > li .file-actions > a {
	display: inline-block;
	padding: 3px 7px;
	background-color: #d9e8f5;
	color: #666;
	opacity: 0;
}

.article-files > li:hover .file-actions > a,.article-files > li .file-actions > a:hover {
	background-color: #145bcc;
	color: #fff;
	text-decoration: none;
	opacity: 1;
}

.breadcrumb {
	padding: 0 5px;
	color: #999;
}

.breadcrumb:after {
	display: inline-block;
	margin-left: 6px;
	color: #aaa;
	content: "\e63d";
	font-family: ZenIcon;
}

.page {
	padding: 8px 0;
	color: #bbb;
	text-align: right;
}

.page > a {
	display: inline-block;
	margin-left: 3px;
}

.tree {
	margin: 0;
	padding: 0;
}

.tree li,.tree ul {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}

.tree > li {
	margin-right: 20px;
	padding-bottom: 8px;
	font-weight: 400;
}

.tree > li > ul li {
	margin: 0;
	padding: 3px 15px 0;
}

.tree li:before {
	display: inline-block;
	margin-right: 6px;
	color: #ddd;
	content: '\e6ec';
	font-family: ZenIcon;
}

.tree > li ul {
	margin-left: 7px;
	border-left: 1px dashed #ccc;
	font-weight: normal;
}

.tree > li ul > li:before {
	content: '\e6e8';
}

.tree > li ul > li:hover:before {
	content: '\e6ec';
}

.tree > li ul > li:after {
	position: absolute;
	top: 12px;
	left: -1px;
	display: block;
	width: 15px;
	height: 20px;
	border-top: 1px dashed #ccc;
	content: "";
}

.tree > li > ul li:last-child:after {
	border-left: 1px solid #fff;
}

.carousel {
	overflow: hidden;
	margin-bottom: 20px;
	border-radius: 4px;
}

.carousel .item {
	background-color: transparent;
}

.carousel .item[data-url] {
	cursor: pointer;
}

.carousel-inner>.item,.carousel-inner>.item>a {
	text-align: center;
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img {
	height: auto;
	max-width: 100%;
	min-width: 100%;
}

.carousel-caption {
	top: 10%;
	bottom: 20px;
	left: 12%;
	max-width: 550px;
	text-align: left;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
	background-color: #2E2E30;
	color: #fff;
}

.carousel-caption ul {
	margin: 0;
	padding: 10px 0 10px 20px;
	line-height: 1.5em;
}

.carousel-caption h2,.carousel-caption .lead {
	margin-top: 10px;
}

.carousel-caption .btn {
	margin-top: 10px;
	min-width: 120px;
}

.ul-list {
	display: block;
	margin: 0;
	padding: 0;
}

.ul-list > li {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 5px 5px 5px 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
}

.ul-list > li:before {
	position: absolute;
	top: 3px;
	left: 0;
	display: block;
	padding-right: 10px;
	color: #ccc;
	content: "●";
	vertical-align: middle;
	transition: all 0.5s;
}

.ul-list > li:hover:before {
	color: #999;
}

.item .media {
	overflow: hidden;
	max-width: 200px;
	max-height: 100px;
	background-color: #f1f1f1;
	text-align: center;
	transition: all 0.3s;
}

.item .media img {
	max-width: 100%;
	max-height: 100%;
}

.items .item .text-muted {
	color: #757575;
}

.table td > a {
	display: inline-block;
}

.table-data td,.table-data th {
	padding: 3px;
	border: none;
}

.table-data th {
	text-align: right;
	white-space: nowrap;
	font-weight: bold;
	font-size: 12px;
}

.thumbnail {
	padding: 4px;
	border: 1px solid #ddd;
	border-radius: 2px;
	background-color: #fff;
}

.media-placeholder {
	display: block;
	padding: 25px;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	text-shadow: 2px 2px 0 #ccc, 1px 1px 0 #eee;
	word-spacing: normal;
	font-weight: bold;
	font-size: 24px;
	word-break: break-all;
}

.panel > .table > thead > tr > th,.panel > form > .table > thead > tr > th {
	background-color: transparent;
}

.panel > .panel-heading,.nav-stacked.nav-primary>li.nav-heading,.list > header,#navbar {
	border-radius: 0;
	background-color: #f8f8f8;
}

.panel.panel-pure {
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.panel.panel-pure .panel-heading {
	background: transparent;
}

.panel-actions {
	float: right;
	margin-top: -9px;
	margin-right: -12px;
}

.panel-actions .btn {
	margin-top: 3px;
}

.panel-heading > h1,.panel-heading > h2,.panel-heading > h3,.panel-heading > h4,.panel-heading > h5,.panel-heading > h6 {
	margin: 0;
}

.panel-actions .btn.btn-link:hover {
	background: transparent;
	box-shadow: none;
}

.panel-block {
	transition: height 0.3s;
}

.panel-block .panel-heading h4 {
	font-weight: bold;
	font-size: 13px;
}

.panel-block .panel-heading h4 [class^="icon-"] {
	display: inline-block;
	margin-right: 4px;
	line-height: 20px;
}

.panel-block .panel-body {
	padding: 10px 15px;
}

.panel-block .panel-body > .dl-horizontal {
	margin: 0;
}

.panel-block .panel-body > .dl-horizontal dt {
	padding: 3px;
	width: 20%;
	font-size: 12px;
}

.panel-block .panel-body > .dl-horizontal dd {
	margin-left: 20%;
	padding: 3px;
	padding-left: 6px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.col-md-3 .panel-block .panel-body > .dl-horizontal dt {
		width: 100%;
		text-align: left;
	}

	.col-md-3 .panel-block .panel-body > .dl-horizontal dd {
		float: none;
		margin: 0;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.col-md-4 .panel-block .panel-body > .dl-horizontal dt {
		float: left;
		text-align: right;
	}
}

.panel-block .panel-body > .nav {
	margin: -10px -15px;
}

.panel-block .panel-body > .ul-list {
	margin: -2px -15px;
}

.panel-block .panel-body > .ul-list > li {
	padding: 5px 15px 5px 30px;
}

.panel-block .panel-body > .ul-list > li:before {
	left: 14px;
}

.panel-block .panel-body > .ul-list > li > .pull-right {
	position: absolute;
	right: 15px;
	float: none;
	background: #fff;
	text-indent: 1em;
	font-size: 12px;
	line-height: 23px;
}

.panel-block .panel-body > .items {
	margin: -10px -15px;
}

.panel-block .panel-body > .items .item {
	padding: 10px 15px;
	border-bottom: 1px #e5e5e5 dashed;
}

.panel-block .panel-body > .items .item:last-child {
	border: none;
}

.panel-block .panel-body > .items .item .media {
	overflow: hidden;
	margin-right: 5px;
	max-width: inherit;
	max-height: 300px;
}

.panel-block .panel-body > .items .item:hover {
	background-color: #f1f1f1;
}

.panel-block .panel-body > .items .item-content {
	margin-top: 5px;
}

.panel-block .panel-body > .cards {
	padding: 0;
}

.panel-block .panel-body > .cards [class*='col-']:last-child .card {
	border-bottom: none;
}

.panel-block .panel-body > .cards [class*='col-']:last-child .card-heading {
	padding-bottom: 0;
}

.panel-block .panel-body .card {
	padding: 10px 10px 0 10px;
	border-bottom: 1px #e5e5e5 dashed;
	transition: all 0.3s;
}

.panel-block .panel-body .card:last-child {
	padding-bottom: 10px;
}

.panel-block .panel-body .card > .media {
	overflow: hidden;
	height: 200px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 200px;
}

.ie-8 .panel-block .panel-body .card > .media {
	background-image: none !important;
	line-height: 118px;
}

.panel-block .panel-body .card > .media img {
	display: none;
	width: 100%;
	max-height: 100%;
}

.ie-8 .panel-block .panel-body .card > .media img {
	display: inline-block;
}

.panel-block .panel-body > .card {
	margin: -10px -15px -8px;
	padding-bottom: 10px;
	border: 0;
	box-shadow: none;
}

.panel-block .panel-body > .card > .media > img {
	width: 100%;
	max-width: 100%;
}

.panel-block .panel-body > .card > .card-heading {
	padding-bottom: 6px;
}

.panel-block .panel-body > .card > .card-content {
	overflow: hidden;
	height: 80px;
	text-overflow: ellipsis;
}

.panel-block .panel-body > .table-data {
	margin-bottom: 0;
}

.panel-block .panel-body .article-content {
	padding: 0;
	font-size: 13px;
}

.panel-block.panel-borderless {
	border: none;
	box-shadow: none;
}

.panel-block.panel-borderless .panel-heading {
	background: none;
}

.panel-block.panel-titleless .panel-heading {
	display: none;
}

.panel-block .nav-secondary > li > a {
	border-bottom: 1px dashed #ddd;
}

.panel-block .nav-secondary > li:last-child > a {
	border-bottom: none;
}

.panel-block .nav-stacked > li + li {
	margin-top: 0;
}

.nav-stacked.nav-primary > li:first-child > a,.nav-stacked.nav-primary > li:first-child.nav-heading,.nav-stacked.nav-primary > li:last-child > a {
	border-radius: 0;
}

.wechat-block {
	padding: 10px 0;
	vertical-align: middle;
	text-align: center;
}

.wechat-block .qrcode {
	text-align: center;
}

.wechat-block .qrcode img {
	width: 160px;
	border: 1px solid #ddd;
}

.wechat-block .name {
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 12px;
}

.meta-list {
	display: table;
	width: 100%;
}

.meta-list>li {
	display: table-row;
}

.meta-name,.meta-value {
	display: table-cell;
	padding: 8px 6px;
	vertical-align: middle;
}

.meta-name {
	text-align: right;
}

.text-latin {
	font-family: Arial;
}

.text-lg {
	font-size: 18px;
}

.text-middle,.text-middle td {
	vertical-align: middle !important;
}

tr.text-center > td,tr.text-center > th {
	text-align: center;
}

tr.text-center > td.text-left,tr.text-center > th.text-left {
	text-align: left;
}

tr.text-center > td.text-right,tr.text-center > th.text-right {
	text-align: right;
}

.label {
	font-size: 12px;
}

.btn-link {
	background-color: transparent;
}

.input-group-addon .checkbox {
	margin: 0;
	padding-top: 3px;
}

.input-group-addon .checkbox:last-child {
	margin-right: 0 !important;
}

.form-inline .form-control.hide {
	display: none;
}

.placeholder {
	color: #aaa;
}

.form-horizontal .control-label {
	padding-right: 0;
}

.form-control[type='file'] {
	background-color: #fafafa;
	box-shadow: none;
}

.form-control[type='file']:hover {
	background-color: #fff;
}

@-moz-document url-prefix() {
	.form-control[type='file'] {
		padding: 0;
	}
}

.page-form {
	padding-right: 15px;
	padding-left: 15px;
}

.input-group {
	width: 100%;
}

.borderless.form-control {
	border-color: transparent;
	box-shadow: none;
}

.borderless.form-control:hover,.borderless.form-control:active,.borderless.form-control:focus {
	border-color: #506eaf;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

label.checkbox,input[type='radio']+label {
	font-weight: normal;
}

.panel-body > form {
	padding-right: 10px;
	max-width: 1000px;
}

.table.table-form th,.table.table-form td {
	padding: 6px;
}

.table-form>tbody>tr>th {
	border-bottom: none;
	vertical-align: middle;
	text-align: right;
}

.table-form>tbody>tr>td {
	border-bottom: none;
	vertical-align: middle;
}

.table-form>tfoot>tr>th,.table-form>tfoot>tr>td {
	border-bottom: none;
}

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

.table-form td.v-bottom {
	vertical-align: bottom;
}

.table-form td input {
	margin: 0;
	vertical-align: middle;
}

.table-form td textarea {
	margin: 0;
	vertical-align: middle;
}

.table-form .checkbox,.table-form input[type="radio"] + label {
	margin-right: 10px;
}

.table-form td > .row {
	margin-right: 0;
}

.table-form td > .row > [class*="col-"] {
	padding-right: 0;
	line-height: 34px;
}

td #aliasLabel {
	display: table-row;
}

form .star {
	display: none;
}

.required:after {
	font-size: 24px;
	font-family: arial;
}[class*="col-"].required {
	position: relative;
}[class*="col-"].required:after {
	position: absolute;
	top: 4px;
	right: -2px;
}

.control-label.required:after {
	right: -10px;
}

.required-wrapper {
	position: relative;
	overflow: visible;
	width: 100%;
	height: 0;
}

.required-wrapper.required:after {
	top: 4px;
	right: -13px;
}

.input-append {
	position: relative;
}

.input-append .add-on {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
}

.nav-primary > li > a {
	background: #fff;
}

.nav li .icon-chevron-right {
	float: right;
	margin-top: 2px;
	margin-right: -6px;
	opacity: .25;
}

.nav li.active i.icon-chevron-right,.nav li:hover i.icon-chevron-right {
	opacity: .9;
}

.booksNav .nav-primary > li > a {
	color: #333;
}

.booksNav .nav-primary > li.active > a,.booksNav .nav-primary > li.active > a:hover,.booksNav .nav-primary > li.active > a:focus {
	border-color: #ddd;
	background: #f1f1f1;
	color: #145ccd;
}

.captcha {
	padding: 8px 10px;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 2px;
	background-color: #fafafa;
}

.captcha label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 8px;
	line-height: 20px;
}

.captcha input[name='captcha'] {
	margin-left: -2px;
}

.captcha .label {
	font-size: 20px;
}

table.captcha td {
	padding: 5px;
}

table.captcha td label {
	padding: 0;
}

.form-group .file-form .form-group:last-child {
	margin-bottom: 0;
}

.file-form .fileBox {
	margin-bottom: 10px;
	width: 100%;
}

.file-form table.fileBox td {
	padding: 0 !important;
}

.file-form .fileBox .input-control > input[type='file'] {
	position: relative;
	width: 100%;
	height: 100%;
	height: 26px;
	border: none;
	line-height: 26px;
}

.file-form .fileBox td .btn {
	border-left: none;
	border-radius: 0;
}

.file-form .fileBox td input,.file-form .fileBox td .form-control {
	border-radius: 0;
}

.file-form .file-wrapper.form-control {
	border-right: 0;
}

.article {
	margin-bottom: 20px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.article > header h1,.article > header h2,.article > header h3 {
	font-size: 22px;
}

.article > header > dl {
	margin: 0 0 10px;
	padding: 5px 2px 0 2px;
	border: 0;
	background: transparent;
}

.article > footer > p {
	padding: 0 0 10px;
}

.article > header > .dl-inline {
	margin: 0;
	padding: 10px 0;
}

.article > header > .abstract {
	margin: 0;
	padding: 10px;
}

.article > footer {
	position: relative;
	margin-top: 10px;
	padding-top: 15px;
}

.article > footer .pager {
	margin-bottom: 0;
}

.article-content {
	padding: 10px 0;
}

.article-content img {
	box-shadow: none;
}

a.tag-link {
	color: inherit;
}

.list {
	margin-bottom: 20px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.list > header {
	padding: 8px 15px;
	background-color: #f1f1f1;
	color: #333;
}

.list > header h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}

.red {
	color: #d2322d;
}

.icon-border-circle {
	padding: 2px 8px;
}

.popover-success {
	border-color: #47a447;
	background-color: #47a447;
	color: #fff;
}

.popover-success.right .arrow,.popover-success.right .arrow:after {
	border-right-color: #47a447;
}

.popover-success .popover-content:before {
	display: inline-block;
	margin-right: 6px;
	content: '\e653';
	font-family: ZenIcon;
}

.popover-danger {
	border-color: #f8e3e6;
	background-color: #f8e3e6;
	color: #d2322d;
}

.popover-danger.right .arrow,.popover-danger.right .arrow:after {
	border-right-color: #f8e3e6;
}

.table td .page,.table td .pager {
	margin: 0;
	padding: 0;
}

#header.compatible {
	position: relative;
	margin: 0 -15px;
	padding: 15px;
	min-height: 80px;
	vertical-align: middle;
}

#header.compatible #headTitle {
	display: table;
	margin-top: 0;
	min-height: 55px;
}

#header.compatible #siteName,#header.compatible #siteLogo,#header.compatible #siteSlogan {
	display: table-cell;
	vertical-align: middle;
}

#header.compatible #siteName {
	padding: 0;
}

#header.compatible #headNav {
	position: absolute;
	top: 40%;
	right: 15px;
}

#header.compatible #headNav .login-msg,#header.compatible #headNav nav > a,#header.compatible #msgBox {
	display: inline-block;
	margin: 0;
}

#header.compatible #headNav .login-msg:after,#header.compatible #headNav nav > a:after,#header.compatible #msgBox:after {
	display: inline-block;
	margin-left: 6px;
	color: #ccc;
	content: '|';
	line-height: 20px;
}

#header.compatible #headNav nav > a:last-child:after {
	display: none;
}

#header.compatible #msgBox .label.label-badge {
	padding: 3px;
	min-width: 20px;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #666;
	font-weight: bold;
}

#header.compatible #msgBox {
	display: none;
}

#header.compatible #siteName h1,#header.compatible #siteName h2 {
	margin-top: 10px;
}

#header.compatible #siteSlogan {
	padding-left: 20px;
	width: auto;
	color: #777;
	vertical-align: middle;
	font-weight: bold;
	font-size: 18px;
}

#navbar {
	min-height: 38px;
	border-color: #ddd;
	border-radius: 4px;
	border-bottom-color: #ccc;
}

#navbar .nav > li > a {
	padding: 9px 20px;
	color: #555;
	font-weight: bold;
}

#navbar .nav > li > ul,#navbar .nav > li > ul > li > ul {
	padding: 0;
}

#navbar .nav > li > ul > li > a,#navbar .nav > li > ul > li > ul > li > a {
	padding: 10px 20px;
}

#navbar .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a {
	background-color: #f1f1f1;
	color: inherit;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #333;
}

@media (min-width: 768px) {
	#navbar .navbar-brand {
		display: none;
	}

	#navbar .navbar-collapse {
		padding: 0;
	}

	#navbar .navbar-collapse .navbar-nav:first-child {
		margin: 0;
	}

	#navbar .nav {
		width: 100%;
	}

	#navbar .nav > li {
		float: none;
		display: table-cell;
		width: 1%;
	}

	#navbar .nav > li > a {
		min-width: 70px;
		border-right: 1px solid #d5d5d5;
		border-left: 1px solid #fff;
		background-color: #f5f5f5;
		background-repeat: repeat-x;
		text-align: center;
		white-space: nowrap;
	}

	#navbar .nav > li > a:hover {
		background-color: #fcfcfc;
		color: #222;
	}

	#navbar .nav > li:first-child > a {
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-left-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topleft: 4px;
		border-top-left-radius: 4px;
		border-left-color: transparent;
	}

	#navbar .nav > li:last-child > a {
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		border-bottom-right-radius: 4px;
		border-right-color: transparent;
	}

	#navbar .nav >li.active>a,#navbar .nav >li.active>a:hover,#navbar .nav >li.active>a:focus {
		border-left: 0;
		background-color: #fff;
		color: #222;
	}
}

@media (min-width: 992px) {
	.navbar-collapse .navbar-nav:first-child {
		margin-left: -15px;
	}
}

@media (max-width: 767px) {
	.navbar-collapse .navbar-nav > li {
		float: left;
		display: block;
		width: 33.3333333333333%;
	}

	.navbar-collapse .navbar-nav.navbar-right {
		margin: 0 -15px;
		border-top: 1px solid #e5e5e5;
	}

	.navbar-inverse .navbar-collapse .navbar-nav.navbar-right {
		border-top: 1px solid #2a6ad0;
		box-shadow: 0 -1px 0 #114cab;
	}

	.navbar-collapse .navbar-nav > li .dropdown-menu {
		position: absolute;
		top: 20px;
		left: 20%;
		z-index: 99999;
		background-color: #f7f7f7;
		box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	}

	.navbar-inverse  .navbar-collapse .navbar-nav > li .dropdown-menu {
		background-color: #145bcc;
	}

	.navbar-collapse.in {
		overflow: visible !important;
	}

	.navbar-inverse  .navbar-collapse .navbar-nav > li .dropdown-menu > li > a:hover {
		background-color: #2973ea;
	}
}

@media (max-width: 500px) {
	.navbar-collapse .navbar-nav > li {
		float: left;
		display: block;
		width: 50%;
	}
}

#footer {
	position: relative;
	padding: 20px 15px;
	border-top: 3px solid #0193dd;
	border-radius: 4px;
	background-color: #2E2E30;
	text-align: center;

}

#footNav {
	position: absolute;
	top: 20px;
	left: 15px;
}

#footNav a,#powerby a {
	display: inline-block;
	margin-right: 10px;
	color: #777;
}

#footNav a:hover,#powerby a:hover {
	color: #145bcc;
}

#powerby .icon-chanzhi > i,#powerby .icon-chanzhi > i:before,#powerby .icon-chanzhi > i:after {
	border-color: #777;
}

#copyrightInfo,#icpInfo {
	color: #999;
	font-size: 12px;
}

@media (min-width: 992px) {
	.ie-8 .carousel-caption {
		left: 12% !important;
	}
}

@media (max-width: 1199px) {
	.carousel-caption {
		top: 3%;
	}
}

@media (max-width: 991px) {
	.nav-primary.nav-stacked {
		border: 1px solid #ddd;
		border-radius: 4px;
	}

	.nav-primary.nav-stacked > li {
		float: left;
		margin: 0;
	}

	.nav-primary.nav-stacked > li+li {
		margin-top: 0;
	}

	.nav-primary.nav-stacked > li > a,.nav-primary.nav-stacked > li.nav-heading,.nav-stacked.nav-primary>li:last-child>a {
		margin: 0;
		border: none;
		border-radius: 0;
	}

	.nav-stacked.nav-primary>li:first-child>a,.nav-stacked.nav-primary>li:first-child.nav-heading {
		border-radius: 4px 0 0 4px;
	}

	.nav-primary.nav-stacked > li > a {
		margin-right: -1px;
		text-align: center;
		border-top-color: transparent;
	}

	.nav-primary.nav-stacked > li > a > .icon-chevron-right {
		display: none;
	}

	.carousel-caption {
		top: 1%;
	}

	.carousel-caption h2 {
		margin: 2px 0;
		font-size: 18px;
	}

	.carousel-caption .btn {
		margin-top: 0;
		padding: 8px 15px;
		font-size: 14px;
	}
	.carousel-control .icon{ width: 20px; height: 20px; }

	#headNav {
		top: 10px;
	}

	.col-md-12,.col-xs-12,.col-sm-12,.col-lg-12 {
		float: none;
	}
}

@media (max-width: 767px) {
	.page-container {
		padding: 0 10px;
	}

	#siteSlogan,#footNav,#icpInfo {
		display: none;
	}

	#footer {
		padding-right: 100px;
		text-align: left;
	}

	#header {
		padding-top: 30px;
		padding-top: 0;
		min-height: inherit;
	}

	#headNav {
		position: static;
		margin-right: -10px;
		margin-left: -10px;
		padding: 0 10px;
		background-color: #e5e5e5;
		text-align: right;
		font-size: 12px;
		line-height: 30px;
	}

	#header.compatible #headTitle {
		position: absolute;
		bottom: -49px;
		left: 0;
		z-index: 10010;
		height: 45px;
		min-height: inherit;
	}

	.navbar-brand {
		display: none;
	}

	.navbar-header {
		min-height: 50px;
	}

	.navbar-toggle {
		margin-top: 8px;
	}

	.ke-toolbar {
		display: none !important;
	}

	.page {
		overflow: hidden;
		color: transparent;
		white-space: nowrap;
	}

	.carousel-caption {
		top: 10px;
		right: 20px;
		padding-top: 5px;
	}

	.carousel-caption h2 {
		margin: 0 0 2px;
		font-size: 16px;
	}

	.carousel-caption ul {
		font-size: 12px;
	}

	.carousel-caption .btn {
		padding: 5px 15px;
		font-size: 14px;
	}

	.m-article-view .breadcrumb > li:last-child {
		display: none;
	}
}

@media (max-width: 620px) {
	.carousel-caption {
		top: 10px;
		padding-top: 0;
	}

	.carousel-caption h2 {
		font-size: 14px;
	}

	.carousel-caption ul {
		padding: 5px 0 5px 20px;
		font-size: 12px;
		line-height: 1.2em;
	}

	.carousel-caption .btn {
		padding: 4px 15px;
		font-size: 12px;
	}
}

@media (max-width: 480px) {
	.page {
		overflow: hidden;
		color: transparent;
		white-space: nowrap;
	}

	.carousel-caption {
		top: 10px;
	}

	.carousel-caption ul {
		padding: 4px 0 4px 20px;
		font-size: 12px;
		line-height: 1.1em;
	}

	.carousel-caption h2 {
		margin: 0;
		font-size: 12px;
	}

	.carousel-caption .btn {
		padding: 2px 6px;
		font-size: 12px;
	}

	.carousel-inner>.item>img,.carousel-inner>.item>a>img {
		min-height: 100px;
	}

	#footer {
		padding: 15px;
		text-align: center;
	}
}

#go2top {
	position: fixed;
	right: -40px;
	bottom: 80px;
	display: none;
	width: 40px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #eee;
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.5), inset 0 -1px 1px rgba(0,0,0,0.1);
	color: #999;
	text-align: center;
	text-shadow: 1px 1px 0px #fff;
	font-size: 20px;
	line-height: 40px;
}

#go2top:hover {
	border-color: #aaa;
	background-color: #fafafa;
	color: #333;
	text-decoration: none;
}

#rightDocker {
	position: fixed;
	top: 50%;
	right: 0;
	margin-top: -40px;
}

#rightDockerBtn {
	border-radius: 4px 0 0 4px;
}

#rightDockerBtn i {
	display: block;
	margin-top: 2px;
	font-size: 28px;
}

.docker-right {
	padding: 20px 10px;
	background: #e5e5e5;
}

.docker-right .table {
	margin-bottom: 0;
	font-size: 14px;
}

.docker-right .table-borderless td {
	padding: 0 15px 15px;
	vertical-align: middle;
	text-align: center;
}

.popover {
	max-width: 900px;
}

.docker-right .icon-mobile-phone,.docker-right .icon-weixin {
	display: inline-block;
	margin-right: 10px;
	width: 36px;
	height: 36px;
	border-radius: 25px;
	color: #fff;
	vertical-align: middle;
	font-size: 28px;
	line-height: 36px;
}

.docker-right {
	vertical-align: middle;
}

.docker-right img {
	margin-top: 10px;
	width: 200px;
	height: 200px;
	border: 1px solid #ccc;
}

.ie-8 .docker-right img {
	width: auto;
}

.bootbox .modal-dialog {
	margin-top: 10%;
	width: 400px;
}

.avatar-empty {
	display: block;
	overflow: hidden;
	width: 36px;
	height: 36px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background-color: #ddd;
	color: #fff;
	text-align: center;
	font-size: 28px;
	line-height: 35px;
}

body.body-modal {
	padding: 20px;
}

a {
	color: #666;
}

a:hover,a:focus {
	color: #e91b23;
}

.btn-primary {
	border-color: #ae2127;
	background-color: #e91b23;
	color: #e5e5e5;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
	border-color: #ae2127;
	background-color: #ae2127;
	color: #fff;
}

.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-link {
	color: #e91b23;
}

.btn-link:hover,.btn-link:focus {
	color: #ae2127;
}

.label-primary {
	background-color: #e91b23;
}

.label-primary[href]:hover,.label-primary[href]:focus {
	background-color: #ae2127;
}

.label-primary[href]:hover,.label-primary[href]:focus {
	background-color: #ae2127;
}

.text-primary {
	color: #e91b23;
}

.text-primary:hover,.text-link:hover,.text-link:active {
	color: #ae2127;
}

.form-control:focus {
	border-color: #ae2127;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(233,27,35,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(233,27,35,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(233,27,35,0.6);
}

.ke-container.focus,.ke-input-text:focus {
	border-color: #ae2127 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(233,27,35,0.6) !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(233,27,35,0.6) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(233,27,35,0.6) !important;
}

.ke-menu-item-on,.ke-colorpicker-cell-on {
	background-color: #e91b23 !important;
}

a.list-group-item:hover,a.list-group-item:focus {
	background-color: #ae2127;
	color: #e5e5e5;
}

.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {
	background-color: #e91b23;
	color: #fff;
}

.nav-primary > li.active > a,.nav-primary > li.active > a:hover,.nav-primary > li.active > a:focus {
	border-color: #ae2127;
	background-color: #e91b23;
}

.booksNav .nav-primary > li.active > a,.booksNav .nav-primary > li.active > a:hover,.booksNav .nav-primary > li.active > a:focus {
	border-color: #ddd;
	background: #fff;
	color: #e91b23;
	font-weight: normal;
}

.pager > .active > a,.pager > .active > span,.pager > .active > a:hover,.pager > .active > span:hover,.pager > .active > a:focus,.pager > .active > span:focus {
	background-color: #e91b23;
}

.table-hover > tbody > tr:hover > td,.table-hover > tbody > tr:hover > th {
	background-color: #fff;
}

.table tr > td.active,.table tr > th.active,.table tr.active > td,.table tr.active > th {
	background-color: #ffe4e5;
}

table.tablesorter thead tr .headerSortUp:after,table.tablesorter thead tr .headerSortDown:after {
	color: #e91b23 !important;
}

.chosen-container-single .chosen-search:focus,.chosen-container-active .chosen-single,.chosen-container-active .chosen-choices {
	border-color: #e91b23 !important;
}

.chosen-container .chosen-results li.highlighted {
	background-color: #ae2127 !important;
}

.chosen-container-active.chosen-with-drop .chosen-single {
	border-color: #cbcbcb !important;
	border-color: rgba(0,0,0,0.15) !important;
}

.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus,.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus,.dropdown-submenu:hover > a,.dropdown-submenu:focus > a {
	background-color: #e91b23;
}

.messager-primary {
	background-color: #e91b23;
}

a.card:hover,.card:hover a {
	color: #e91b23;
}

.comment:hover > .content > .actions > a {
	color: #e91b23;
}

.btn,.form-control {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.ke-container {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

body {
	background: #232323;
}

.page-container {
	overflow: hidden;
	margin: 0;
}

.page-content,#header .wrapper,#header .row,#navbar,#focus,.focus-middle,.focus-bottom,#footer > .wrapper {
	margin: 0 auto;
	max-width: 1170px;
}

#headTitle > .row,#headNav > .row {
	margin: 0 auto !important;
}

@media (min-width: 768px) {
	.page-content,#header .wrapper,#header .row,#navbar,.focus-middle,.focus-bottom,#footer > .wrapper {
		max-width: 750px;
	}
}

@media (min-width: 992px) {
	.page-content,#header .wrapper,#header .row,#navbar,.focus-middle,.focus-bottom,#footer > .wrapper {
		max-width: 970px;
	}
}

@media (min-width: 1200px) {
	.page-content,#header .wrapper,#header .row,#navbar,.focus-middle,.focus-bottom,#footer > .wrapper {
		max-width: 1170px;
	}
}

.page-container,.m-index-index .page-content,.m-index-index #links {
	padding: 0;
	max-width: inherit;
	background-color: #fff;
}

@media (min-width: 768px) {
	.page-container,.m-index-index .page-content,.m-article .page-content,.m-company .page-content,
	.m-product  .page-content,.m-page .page-content,.m-index-index #links,#focus {
		max-width: inherit;
	}
}

@media (min-width: 992px) {
	.page-container,.m-index-index .page-content,.m-article .page-content,.m-company .page-content,
	.m-product  .page-content,.m-page .page-content,.m-index-index #links,#focus{
		max-width: inherit;
	}
}

@media (min-width: 1200px) {
	.page-container,.m-index-index .page-content,.m-article .page-content,.m-company .page-content,
	.m-product  .page-content,.m-page .page-content,.m-index-index #links,#focus{
		max-width: inherit;
	}
}

.m-index-index .all-bottom {
	margin: 0 auto;
	width: 1170px;
}

#header {
	margin: 0 !important;
	padding: 0;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
}

#headNav:empty {
	display: none;
}

#headNav {
	margin: 0 !important;
	height: 30px;
	background-color: #2E2E30;
}

#headNav  a{
	color:#CCCCCC;
}

#siteSlogan {
	color: #CCCCCC;

}

#header.compatible {
	min-height: 112px;
}

#header.compatible #headNav {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	text-align: right;
}

#header.compatible #headTitle {
	position: absolute;
	top: 30px;
	display: block;
	width: 100%;
	min-height: 70px;
}

#header.compatible #siteSlogan {
	position: absolute;
	top: -32px;
	padding-left: 0;
	color: #808080;
	font-weight: normal;
	font-size: 14px;
}

#header.compatible #siteLogo {
	padding: 5px 0;
}

#header.compatible #siteLogo img {
	height: 60px;
}


#siteSlogan {padding:0px; font-size:14px; z-index: 1;}
	
#header.compatible #siteName h2 {
	line-height: 50px;
}

#headNav nav {
	float: right;
}

#headNav nav > a,#headNav nav > span,#siteSlogan > a,#siteSlogan > span{
	float: left;
	display: block;
	padding: 0 10px;
	height: 30px;
	/*border-right: 1px solid #999;*/
	line-height: 30px;
}


#siteSlogan > a,#siteSlogan > span{ border:none; }
#siteSlogan a.icon{padding-left: 15px; padding-right: 15px;}
#siteSlogan a.hover_wx{ background:url(../images/wechat_white.png) no-repeat center;}
#siteSlogan a.hover_wx:hover{ background:url(../images/wechat.png) no-repeat center;}

#siteSlogan a.hover_fb{ background:url(../images/fb_ico.png) no-repeat center;}
#siteSlogan a.hover_fb:hover{ background:url(../images/fb_ico_hover.png) no-repeat center;}

#siteSlogan a.hover_mobile{background:url(../images/weibo_white.png) no-repeat center;}
#siteSlogan a.hover_mobile:hover{background:url(../images/weibo.png) no-repeat center;}

#siteSlogan a.hover_wx >span.qrcode_box,
#siteSlogan a.hover_fb >span.qrcode_box,
#siteSlogan a.hover_mobile > span.qrcode_box{display:none;z-index:99999;position:absolute;top:38px; 
	border:1px solid #bbb;border-radius:3px;padding-bottom:10px;width:150px;line-height:30px;text-align:center;color:#615d5c;background:#fff;}
#siteSlogan .qrcode_box .arrow_1{position:absolute;top:-10px;left:60px;width:21px;height:11px;background:url(../images/jiantou_01.png) no-repeat}
#siteSlogan a.hover_wx:hover > span.qrcode_box{display:block; left: 50%; margin-left: -570px;}
#siteSlogan a.hover_fb:hover > span.qrcode_box{display:block; left: 50%; margin-left: -570px;}
#siteSlogan a.hover_mobile:hover > span.qrcode_box{display: block;left: 50%; margin-left: -543px;}

#headNav nav > span.hiding {
	display: none;
}

#headNav nav > span:after,#headNav .login-msg:after,#msgBox:after,#headNav nav > a:after {
	display: none;
}

#msgBox {
	margin: 0;
}

#headNav nav > a:first-child {
	/*border-left: 1px solid #999;*/
}

#headNav nav > a:hover,#headNav nav > span:hover {
	background: #0193dd;
	color: #fff;
	text-decoration: none;
}

#headNav nav{ position:relative; }

#headNav nav div.lngs{ position: absolute;top:30px; right: 6px; z-index: 99999; background-color: #2E2E30; }
#headNav nav div.lngs ul{ padding: 0px; margin: 0px; list-style-type: none; line-height: 18px;  text-align: left;}
#headNav nav div.lngs ul li a{ padding: 3px 5px; padding-left: 10px; width:70px;display: inherit; }
#headNav nav div.lngs ul li a:hover{background: #0193dd;color: #fff; }

#header.compatible + #navbar .collapse {
	position: absolute;
	top: -70px;
	right: 0;
}

#navbar {
	position: relative;
	min-height: 0;
	border: none;
	background: none;
	background: #fff;
}

#navbar .nav > li {
	float: left;
	display: block;
	width: auto;
}

@media (min-width: 768px) {
	#navbar .nav > li {
		float: left;
		display: block;
		width: auto;
	}@	-moz-document url-prefix() {
		#navbar .nav > li{position: inherit;
	}
}}

#navbar .nav > li > a {
	padding: 25px 20px;
	border-width: 0;
	background: none;
	font-weight: normal;
}

#navbar .nav > li > a,#navbar .nav > li:last-child > a,#navbar .nav > li:first-child > a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#navbar .dropdown-menu {
	margin-top: -1px;
	margin-left: -1px;
}

#navbar .dropdown-menu > li > a:hover,#navbar .dropdown-menu > li > a:focus,#navbar .dropdown-submenu:hover > a,#navbar .dropdown-submenu:focus > a,#navbar .nav > li > a:hover,#navbar .nav > li > a:focus,#navbar .nav > li.active > a,#navbar .nav > li.active > a:hover {
	background: #fff;
	color: #e91b23;
}

#navbar .dropdown-menu > li > a:hover:after,#navbar .dropdown-menu > li > a:focus:after,#navbar .dropdown-submenu:hover > a:after,#navbar .dropdown-submenu:focus > a:after {
	border-left-color: #fff;
}

#navbar .nav > li > a:hover > .caret,#navbar .nav > li > a:focus > .caret,#navbar .nav > li.active > a > .caret,#navbar .nav > li.active > a:hover > .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

#navbar .dropdown-menu,#navbar .dropdown-menu .dropdown-menu,#navbar .dropdown-menu .dropdown-menu > li:first-child > a,#navbar .dropdown-menu > li:last-child > a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#navbarWrapper #navbar {
	float: right;
}

#navbarWrapper #navbar .collapse {
	position: static;
}

#nav-cont a{ color:#555555; font-size: 18px;}
#navbar-top ,#nav-cont,#navbar { }
#nav-cont-wrap{background: #FDFDFD; border-bottom:1px solid #E0E0E0;}

@media (min-width: 768px) {
	#nav-cont ul,#nav-menu ul{ list-style: none; }
	#nav-cont .nav-list li.search{padding-top: 30px; float: right;}
	#nav-cont .nav-list li{float: left;height: 90px;}

	#nav-cont-bar{ background-color: #F3F3F3; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; }
	#nav-cont-bar .nav-list li{ float: left;  height: 50px;}
	#nav-cont-bar .nav-list{ height:50px; list-style: none; padding: 0px; margin: 0px; margin-left:30px;}
	#nav-cont-bar .nav-list li{float: left; height: 50px;}
	#nav-cont-bar .nav-list li.link{padding-top: 0px;}
	#nav-cont-bar .nav-list > li > a {
		padding: 12px 20px;
		border-width: 0;
		background: none;
		font-size: 18px;
		font-weight: normal;
		display: inline-block;
		position:   relative;
	}

	#nav-cont-bar .nav-list > li > a:hover,#nav-cont-bar .nav-list > li > a.active
	{
		color:#555555;
		background: #fff;
		border-left: 1px solid #E0E0E0;
		border-right: 1px solid #E0E0E0;
	}

	#nav-cont-bar .nav-list > li > a:hover span.border,
	#nav-cont-bar .nav-list > li > a.active span.border{ display: block; 
		position: absolute; top:50px;left: 0px; 
		height:1px; width: 100%; background: #fff;z-index: 3;
	}

	#nav-cont-wrap .page-content{    
		margin: 0 auto;
	    max-width: 1170px;
	}

	#nav-cont-wrap .nav-hot-article{ float: right; }
	#nav-cont-wrap { }
	#nav-cont-wrap .nav-menus,#nav-cont-wrap .nav-menus-1,#nav-cont-wrap .nav-menus-2{ list-style: none; display: block; }
	#nav-cont-wrap .nav-menus li {float: none;  }
	#nav-cont-wrap .nav-menus-1 > li {float: left; padding:  0px 25px;}
	#nav-cont-wrap ul{margin: 0px; padding: 0px;}
	#nav-cont-wrap table,#nav-cont-wrap tr,#nav-cont-wrap td{ border: none; margin: 0px; padding: 2px; }
	
	#navbar .nav > li > a {
		padding: 25px 20px;
		border-width: 0;
		background: none;
		font-weight: normal;
	}

	#navbar .dropdown-menu > li > a:hover,#navbar .dropdown-menu > li > a:focus,#navbar .dropdown-submenu:hover > a,#navbar .dropdown-submenu:focus > a,#navbar .nav > li > a:hover,#navbar .nav > li > a:focus,#navbar .nav > li.active > a,#navbar .nav > li.active > a:hover {
		background: #fff;
		color: #e91b23;
	}

	#navbar .dropdown-menu > li > a:hover:after,#navbar .dropdown-menu > li > a:focus:after,#navbar .dropdown-submenu:hover > a:after,#navbar .dropdown-submenu:focus > a:after {
		border-left-color: #fff;
	}

	#navbar .nav > li > a:hover > .caret,#navbar .nav > li > a:focus > .caret,#navbar .nav > li.active > a > .caret,#navbar .nav > li.active > a:hover > .caret {
		border-top-color: #fff;
		border-bottom-color: #fff;
	}
}

#mobile-navbar{ border-bottom: 1px solid #70B92D; }

@media (max-width: 992px) {
		#go2top{ line-height: 0px; height: 0px;font-size: 0px; border:none; }
		#mobile-navbar .container,#mobile-tab-nav .container{ max-width: 992px	; padding:0px;}
		.mobile-nav-btn{ padding-right: 10px; line-height: 50px;}
		#mobile-navbar .logo{line-height: 50px;max-height: 50px;}
		#mobile-navbar .logo img{max-height: 50px;}

		#mobile-tab-nav{
			width: 100%;
			position: fixed;
		    z-index: 888;
		    top: 0;
		    left: 110%;
		    height: 100%;
		    background: #fff;
		    color: #bbb;
		    overflow: auto;
		    border-left: 1px solid #eee;
		    box-shadow: -5px 0px 10px rgba(0, 0, 0, .2);
		}

		.mobile-tab-nav-close
		{
			left: 110%;
		}

		.mobile-tab-nav-open
		{
			left: 0%;
		}

		#tab_main_nav_close_mobile{height: 50px; font-size: 16px;}
		#mobile-tab-nav ul.menu1 li.search{ line-height: 50px; border-bottom: 2px solid #aaa;}
		#mobile-tab-nav ul.menu1 li.search a{border:none;font-size:16px; line-height: 50px; color: #0193dd;}
		#mobile-tab-nav ul.menu2{ border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;}
		#mobile-tab-nav ul.menu2 a{padding-left: 20px; }
		#mobile-tab-nav ul.menu2 > li > a{ color: #0193dd;; }
		#mobile-tab-nav ul.menu3 a{padding-left: 25px;}
		#mobile-tab-nav ul{ list-style: none; margin: 0px; padding: 0px;}
		#mobile-tab-nav ul li{ line-height: 35px;  font-size: 16px; }
		#mobile-tab-nav ul > li a{ display: inline-block; width: 100%; border-bottom: 1px solid #eee;padding-left: 15px;}
		
		#mobile-tab-nav ul >li i{ 
			padding-right: 15px;
			color: #bbb;
    		float: right !important;
    		line-height: 35px;
		}

		.mobile-menu-open{left: -50% !important;}
		.mobile-menu-open #mobile-navbar .clearfix{ display: none; }
		#mobile-navbar-search{ background: #2E2E30;}
		#mobile-navbar-search #searchbar{ max-width:992px; display: block; }
		#mobile-navbar-search #searchbar > form{max-width:992px;  float: none; padding:20px;}
		#mobile-navbar-search #searchbar .input-group-btn {  width: 0px;}
		.m-index-index .page-content .focus-top{  margin-bottom: 0px; }
		.focus-middle .container{ padding: 0px; }
		.m-product-view .page-content .container{ padding: 0px; }
		.m-article .page-content .container{ padding: 0px; }
		.m-article .page-content .category-desc,.m-article .page-content .category-desc .content{ padding: 5px; }

		#footer [class*=col-] label > i{ 
			padding-right: 15px;
			color: #bbb;
    		float: right !important;
    		line-height: 35px;
		}
}

.top_empty {height:50px;background:#fff;}

#footer {
	padding: 0;
	border-radius: 0;
	color: #FFFFFF;
	border-top: 3px solid #0193dd;
	background-color: #2E2E30;
}

#footer #footer-bar{
	background: #000000;
	color: #fff;
}


#footer a:hover {
	color: #fff;
}

#powerby:hover .icon-chanzhi > i,#powerby:hover .icon-chanzhi > i:before,#powerby:hover .icon-chanzhi > i:after {
	border-color: #fff;
}

#footNav {
	top: 30px;
}

#powerby {
	top: 25px;
}

.page-wrapper {
	padding-top: 20px;
}

.m-index-index .page-wrapper {
	padding-top: 0;
}

.carousel {
	position: relative;
	z-index: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.carousel-control,.carousel-control.left,.carousel-control.right {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background: #666;
	text-align: center;
	line-height: 1em;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=0);
}

.ie-8 .carousel-control,.ie-8 .carousel-control.left,.ie-8 .carousel-control.right {
	background: none;
}

.carousel-control.left {
	left: -80px;
}

.carousel-control.right {
	right: -80px;
}

.carousel:hover .carousel-control.left {
	left: 5%;
}

.carousel:hover .carousel-control.right {
	right: 5%;
}

.carousel-control:hover {
	background: #e91b23;
	text-align: center;
}

.ie-8 .carousel-control:hover {
	background: none;
}

.carousel-control .icon {
	top: 0;
	right: auto;
	left: auto;
	display: block;
	width: 60px;
	height: 60px;
	text-align: center;
	font-size: 28px;
	line-height: 60px;
}

.carousel-caption {
	left: 19%;
}

.list {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: #fff;
}

.list > header {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none;
}

.panel {
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.panel > .panel-heading {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none;
}

.panel.panel-pure > .panel-heading {
	color: #333;
}

.panel-block.panel-borderless .panel-heading {
	color: #333;
}

.avatar,.avatar-empty {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.article {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: #fff;
}

.article-files > li:hover .file-actions > a,.article-files > li .file-actions > a:hover {
	background-color: #f25d03;
}

.thread .panel-heading {
	backgroundImage: none !important;
}

.docker-right .icon-mobile-phone {
	background: #e91b23;
}

#rightDockerBtn {
	border-radius: 0;
}

.m-index-index .focus-top {
	margin-bottom: 20px;
}

.m-index-index .carousel {
	margin-bottom: 0;
}

.m-company-index .page-wrapper {
	padding: 3% 0;
	background-color: #fff;
}

.m-company-index .row > .col-md-9 > .panel {
	max-width: 800px;
	border: none;
	background: none;
	box-shadow: none;
}

.m-company-index .row > .col-md-9 > .panel a {
	opacity: 0.6;
}

.m-company-index .row > .col-md-9 > .panel a:hover {
	opacity: 1;
}

.m-company-index .row > .col-md-9 > .panel > .panel-heading {
	position: relative;
	padding-left: 70px;
	border-bottom: none;
	font-size: 24px;
	line-height: 50px;
}

.m-company-index .row > .col-md-9 > .panel > .panel-heading i {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	margin-right: 10px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background: #e91b23;
	color: #fff;
	text-align: center;
	font-size: 28px;
	line-height: 50px;
}

.m-company-index .row > .col-md-9 > .panel > .panel-body {
	padding-left: 0;
}

.m-company-index .row > .col-md-3 > .panel {
	border: none;
	background: rgba(255,255,255,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

.m-company-index .row > .col-md-3 > .panel > .panel-heading {
	border: none;
	background: #f1f1f1;
	background: rgba(255,255,255,0.5);
}

@media (min-width: 992px) {
	.m-index-index #header .wrapper {
		padding: 0 15px;
	}

	.m-index-index #navbarCollapse {
		right: 10px;
	}

	.ie-8 .carousel-caption {
		left: 19% !important;
	}
}

@media (max-width: 991px) {
	#navbar .nav > li > a {
		padding: 26px 10px;
	}

	.carousel-caption {
		left: 12%;
	}
}

@media (max-width: 767px) {
	#header {
		margin: 0;
	}

	#headNav {
		margin: 0;
		padding: 0;
		background: #fff;
	}

	#headNav nav {
		margin-right: 0 !important;
	}

	#headNav nav > a,#headNav nav > span {
		padding: 0 5px;
	}

	#headTitle {
		position: relative !important;
		top: 0;
		margin-right: 50px;
		padding-left: 10px;
		width: 90%;
	}

	#siteTitle {
		padding-left: 10px;
	}

	#navbar .navbar-header {
		position: absolute;
		top: -50px;
		width: 100%;
	}

	#header.compatible + #navbar .navbar-header {
		top: -60px;
	}

	#navbar .navbar-collapse {
		padding: 0;
		border: none;
		border-bottom: 1px solid #e5e5e5;
	}

	#navbar .navbar-nav {
		margin: 0;
	}

	#navbar .nav > li {
		width: 25%;
	}

	#navbar .nav > li > a {
		padding: 20px 20px;
	}

	.carousel-caption {
		left: 8%;
	}

	.page-content {
		padding-right: 10px;
		padding-left: 10px;
	}

	#footer {
		padding-left: 0px;
	}

	.carousel-control,.carousel-control.left,.carousel-control.right{ width: 30px; height: 30px; margin-top: -15px;}
	.carousel-control .icon{ width: 30px; height: 30px; line-height:30px; font-size: 16px; }
}

@media (max-width: 600px) {
	#navbar .nav > li {
		width: 33.3333333%;
	}

	#headNav .login-msg {
		display: none;
	}
}

@media (max-width: 480px) {
	#navbar .nav > li {
		width: 50%;
	}
}

body.m-message-reply {
	background: #fff;
}

#blogNav {
	margin: 0 auto;
}

@media (min-width: 768px) {
	#blogNav {
		max-width: 750px;
	}
}

@media (min-width: 992px) {
	#blogNav {
		max-width: 970px;
	}
}

@media (min-width: 1200px) {
	#blogNav {
		max-width: 1170px;
	}
}

.m-blog #headTitle {
	display: block;
	margin-top: 40px;
}

.m-blog #headTitle > .wrapper {
	display: block;
}

#blogNav {
	position: relative;
	min-height: 0;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none;
}

#blogNav .wrapper {
	position: absolute;
	top: -72px;
	right: 0;
}

#blogNav .nav > li > a {
	margin-left: 10px;
	padding: 26px 10px;
	border-width: 0;
	background: none;
	font-weight: normal;
}

#blogNav .nav > li > a:hover,#blogNav .nav > li > a:focus,#blogNav .nav > li.active > a,#blogNav .nav > li.active > a:hover {
	padding-bottom: 22px;
	border-bottom: 4px solid #e91b23;
	color: #e91b23;
}

.m-blog #footNav .icon-rss-sign {
	color: #808080;
	transition: all 0.3s;
}

.m-blog #footNav .icon-rss-sign:hover {
	color: #e91b23;
	text-decoration: none;
}

.m-blog #articles .card {
	padding: 5px 5px 0;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
}

.m-blog #articles .card-heading a {
	color: #e91b23;
	font-weight: bold;
}

.m-blog #articles .card .media {
	max-width: 200px;
	max-height: 100px;
}

.m-blog #articles .card .media img {
	max-height: 100%;
}

.page-blog .pager {
	display: block;
	margin-bottom: 20;
}

.page-blog .pager .page {
	padding: 0;
}

@media (max-width: 767px) {
	#blogNav {
		border-bottom: 1px solid #e5e5e5;
	}

	#blogNav .wrapper {
		position: relative;
		top: 0;
		left: 0;
	}

	#blogNav .navbar-nav {
		margin: 0;
	}

	#blogNav .navbar-nav.navbar-right {
		position: absolute;
		top: -73px;
		right: 0;
	}

	#blogNav .nav > li {
		float: left;
	}

	#blogNav .nav > li > a {
		margin: 0;
		padding: 15px;
	}

	#blogNav .nav > li > a:hover,#blogNav .nav > li > a:focus,#blogNav .nav > li.active > a,#blogNav .nav > li.active > a:hover {
		padding-bottom: 15px;
		border: none;
	}

	#blogNav .nav > li > a:hover {
		background: #f1f1f1;
	}

	#blogNav .nav > li.active > a,#blogNav .nav > li.active > a:hover {
		background: #e91b23;
		color: #fff;
	}

	#blogNav .navbar-nav.navbar-right > li {
		width: 100%;
	}

	#blogNav .navbar-nav.navbar-right > li > a {
		padding: 26px 15px;
		border-radius: 0;
	}

	#blogNav .navbar-nav.navbar-right > li > a:hover,#blogNav .navbar-nav.navbar-right > li > a:focus,#blogNav .navbar-nav.navbar-right > li.active > a,#blogNav .navbar-nav.navbar-right > li.active > a:hover {
		padding-bottom: 22px;
		border-bottom: 4px solid #e91b23;
		background: #fff;
		color: #e91b23;
	}
}

#header.compatible #headNav .login-msg:after,#header.compatible #headNav nav > a:after,#header.compatible #msgBox:after {
	display: none;
}

#header.compatible #siteLogo {
	display: block;
}

#header.compatible #headTitle {
	margin: 0;
}

#header.compatible #headTitle > .wrapper {
	display: block;
}

#header.compatible #siteSlogan {
	top: -30px;
}

@media (min-width: 992px) {
	#header.compatible .m-index-index #header .wrapper {
		padding: 0 10px;
	}

	#header.compatible #navbarCollapse {
		padding-right: 0;
	}
}

a:visited {
	color: #333;
}

a:hover,a:focus {
	color: #0193dd;
}

.btn-primary {
	border-color: #5b9924;
	background-color: #0193dd;
	color: #fff;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
	border-color: #5b9924;
	background-color: #5b9924;
	color: #fff;
}

.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-link {
	color: #0193dd;
}

.btn-link:hover,.btn-link:focus {
	color: #5b9924;
}

a.btn-primary:visited,a.btn-danger:visited,a.btn-info:visited,a.warning-info:visited,a.btn-success:visited {
	color: #fff;
}

.btn-group .btn {
	border-radius: 0px !important;
}

.btn-group .btn.active {
	color: #0193dd;
}

.label-primary {
	background-color: #0193dd;
}

.label-primary[href]:hover,.label-primary[href]:focus {
	background-color: #5b9924;
}

.label-primary[href]:hover,.label-primary[href]:focus {
	background-color: #5b9924;
}

.text-primary {
	color: #0193dd;
}

.text-primary:hover,.text-link:hover,.text-link:active {
	color: #5b9924;
}

.form-control:focus {
	border-color: #5b9924;
	box-shadow: none;
}

.ke-container.focus,.ke-input-text:focus {
	border-color: #5b9924 !important;
	box-shadow: none;
}

.ke-menu-item-on,.ke-colorpicker-cell-on {
	background-color: #0193dd !important;
}

a.list-group-item:hover,a.list-group-item:focus {
	background-color: #5b9924;
	color: #fff;
}

.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {
	background-color: #0193dd;
}

.nav-secondary > li > a:hover,.nav-primary > li > a:hover {
	border-color: #ddd;
	background-color: #7bce31;
	color: #fff;
}

.nav-secondary > li.active > a,.nav-secondary > li.active > a:hover,.nav-secondary > li.active > a:focus,.nav-primary > li.active > a,.nav-primary > li.active > a:hover,.nav-primary > li.active > a:focus {
	border-color: #ddd;
	background-color: #0193dd;
}

.booksNav .nav-primary > li.active > a,.booksNav .nav-primary > li.active > a:hover,.booksNav .nav-primary > li.active > a:focus,.nav-secondary > li.active > a,.nav-secondary > li.active > a:hover,.nav-secondary > li.active > a:focus {
	background: #fff;
	color: #0193dd;
}

.pager > .active > a,.pager > .active > span,.pager > .active > a:hover,.pager > .active > span:hover,.pager > .active > a:focus,.pager > .active > span:focus {
	background-color: #0193dd;
}

.table tr > td.active,.table tr > th.active,.table tr.active > td,.table tr.active > th {
	background-color: #f3f9eb;
}

table.tablesorter thead tr .headerSortUp:after,table.tablesorter thead tr .headerSortDown:after {
	color: #0193dd !important;
}

.chosen-container-single .chosen-search:focus,.chosen-container-active .chosen-single,.chosen-container-active .chosen-choices {
	border-color: #0193dd !important;
}

.chosen-container .chosen-results li.highlighted {
	background-color: #5b9924 !important;
}

.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus,.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus,.dropdown-submenu:hover > a,.dropdown-submenu:focus > a {
	background-color: #0193dd;
}

.messager-primary {
	background-color: #0193dd;
}

a.card:hover,.card:hover a {
	color: #0193dd;
}

.comment:hover > .content > .actions > a {
	color: #0193dd;
}

#navbar .nav > li > a:hover,#navbar .nav > li > a:focus,#navbar .dropdown-submenu:focus > a,#navbar .dropdown-submenu:hover > a,#navbar .dropdown-menu > li > a:focus,#navbar .dropdown-menu > li > a:hover {
	background: #83d13e;
	color: #fff;
}

#navbar .nav > li.active > a,#navbar .nav > li.active > a:hover {
	background-color: transparent;
	color: #0193dd;
	font-weight: bold;
}

@media (min-width: 768px) {
	.ie-8 #navbar .dropdown-menu > li > a:hover,.ie-8 #navbar .dropdown-menu > li > a:focus,.ie-8 #navbar .dropdown-submenu:hover > a,.ie-8 #navbar .dropdown-submenu:focus > a,.ie-8 #navbar .nav > li > a:hover,.ie-8 #navbar .nav > li > a:focus,.ie-8 #navbar .nav > li.active > a,.ie-8 #navbar .nav > li.active > a:hover {
		background-color: transparent;
		color: #0193dd;
	}
}

.carousel-control:hover {
	background: #0193dd;
	text-align: center;
}

.ie-8 .carousel-control:hover {
	background: none;
}

.docker-right .icon-mobile-phone {
	background: #0193dd;
}

.m-company-index .row > .col-md-9 > .panel > .panel-heading i {
	background: #0193dd;
	color: #fff;
}

#blogNav .nav > li > a:hover,#blogNav .nav > li > a:focus,#blogNav .nav > li.active > a,#blogNav .nav > li.active > a:hover {
	border-bottom: 4px solid #0193dd;
	color: #0193dd;
}

@media (max-width: 767px) {
	#blogNav .nav > li > a:hover,#blogNav .nav > li > a:focus,#blogNav .nav > li.active > a,#blogNav .nav > li.active > a:hover {
		border-bottom: none;
		border-radius: 0;
		background: #0193dd;
		color: #fff;
	}
}

.m-blog #footNav .icon-rss-sign:hover {
	color: #0193dd;
	text-decoration: none;
}

.m-blog #articles .card-heading a {
	color: #0193dd;
	font-weight: bold;
}

@media (max-width: 767px) {
	#blogNav .nav > li.active > a,#blogNav .nav > li.active > a:hover {
		background: #0193dd;
	}

	#blogNav .navbar-nav.navbar-right > li > a:hover,#blogNav .navbar-nav.navbar-right > li > a:focus,#blogNav .navbar-nav.navbar-right > li.active > a,#blogNav .navbar-nav.navbar-right > li.active > a:hover {
		border-bottom: 4px solid #0193dd;
		color: #0193dd;
	}
}

body {
	color: #333;
	font-weight: normal;
	font-size: 14px;
	font-family: Microsoft YaHei;
}

@media (min-width: 992px) {
	.col-main {
		width: 75%;
	}

	.col-side {
		width: 25%;
	}
}

#searchbar .form-control {
	border-radius: 30px;
	border: 1px solid #eee;
	background-color: #fafafa;
}

#navbar li.nav-item-searchbar #searchbar {
	margin-top: 14px;
}

#header.compatible #searchbar > form {
	margin: 0 auto;
	max-width: 1170px;
}

@media (min-width: 768px) {
	#header.compatible #searchbar > form {
		max-width: 750px;
	}
}

@media (min-width: 992px) {
	#header.compatible #searchbar > form {
		max-width: 970px;
	}
}

@media (min-width: 1200px) {
	#header.compatible #searchbar > form {
		max-width: 1170px;
	}
}

#header.compatible #searchbar {
	top: 0;
	right: 0;
	left: 0;
	height: 0;
	max-width: inherit;
}

#header.compatible #searchbar .input-group {
	float: right;
	padding: 4px 0 4px 5px;
	max-width: 200px;
}

#header.compatible #searchbar .btn {
	border-radius: 0;
}

#header.compatible .m-index #searchbar .input-group {
	padding-right: 8px;
	max-width: 208px;
}

@media (max-width: 992px) {
	#header.compatible .m-index #searchbar .input-group {
		padding-right: 0;
		padding-left: 15px;
	}
}

@media (max-width: 767px) {
	#header.compatible #searchbar {
		max-width: 200px;
	}

	#header.compatible #searchbar .input-group {
		float: left;
		padding: 5px;
	}

	#header.compatible #searchbar .form-control {
		padding: 5px 10px;
		height: 30px;
	}

	#header.compatible #searchbar .btn {
		padding: 5px 10px;
		height: 30px;
	}

	#header.compatible #header.with-searchbar #headNav.hide {
		height: 40px;
		line-height: 40px;
	}

	#header.compatible #siteSlogan {
		display: none !important;
	}
}

@media (max-width: 600px) {
	#header.compatible #searchbar {
		max-width: 100px;
	}
}

@media (max-width: 767px) {
	#header.compatible.with-searchbar #headNav.hide {
		height: 40px;
		line-height: 40px;
	}
}

#header.compatible.with-searchbar #headNav nav {
	float: right;
	margin-right: 200px;
}

.m-blog #searchbar {
	display: none;
}

@media (max-width: 767px) {
	.m-blog #headNav,.m-blog #searchbar {
		display: none;
	}
	.slide .carousel-caption{ position: inherit; left: 0px; top: 0px; margin: 0px; padding: 0px; padding: 10px 20px;  max-width:1000px; right: 0px;}
	.slide .carousel-control{top:45%;}
}

.slide .btn{ border-radius: 4px; padding: 6px 25px; }
/*
.carousel-indicators li, .carousel-indicators span{cursor: pointer; background: url(../images/point_btn.png) 0 0 no-repeat; width: 12px; height: 12px; margin: 0 5px; border: none; display: inline-block;}
.carousel-indicators li.active,.carousel-indicators span.active, .carousel-indicators span.swiper-active-switch{background-position:left -12px; background-color: transparent;}
.slide .carousel-control.left,.slide .carousel-control.right {border-radius:0px; width: 100px; height: 100px; opacity: 1;}
.slide .carousel-control.left{background: url(../images/btn_prev.png) no-repeat center;}
.slide .carousel-control.right{background: url(../images/btn_next.png) no-repeat center;}
*/


.news-left-bg {
    background: url(../images/homepage_news.png) no-repeat left center;
    background-size: 100% 100%;
    line-height: 60px;
    font-size: 24px;
    color:#2C2C2C;
    padding: 0px;
    padding-left: 35px;
    margin: 0px;
}

.group-news {
    background: #F0F0F0;
    margin: 15px auto 0;
    line-height: 60px;
    margin-bottom: 15px;
    font-size: 16px;
}

.group-news ul{padding: 0px; margin: 0px; list-style: none;}
.group-news a{ color: #2C2C2C ;font-weight:normal;}
.group-news h3{font-weight:normal;}
.group-news a:hover{color:#000;}
.group-news .news-item a{color:#7F7F7F;}

.mt12{padding-top: 10px;}
.js-news-box{ padding-left: 20px; overflow: hidden; height: 60px; }
.news-item-box li {
    height: 60px;
    width: 100%;
    overflow: hidden;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-slide-active{}

.index-news .col-sm-3{ padding: 0px;  }
.index-news .img-item{ text-align: center; }
.index-news-img{ width: 100%;}
.index-news-list .first{ overflow: hidden; }
.index-news-list .first a:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);
    -webkit-transform: all 1s ease 0s;
}

.index-news-item{ padding: 5px;  padding-left: 10px;}
.index-news-title{ line-height:20px; padding-bottom: 5px; width:100%;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow:ellipsis;
white-space: nowrap;}
.index-news-title a{ font-size: 16px; color: #555555; font-weight: bold;  line-height:35px;}
.index-news-title a:hover{font-size: 18px;}
.index-news-content a { font-size: 14px; color: #666666;  max-height: 105px;}
.index-news-content a:hover{color:#444;}
.index-news-more{ padding-top:5px; line-height: 24px;}
.index-news-more a{ font-size: 14px; font-weight: bold; color: #0193dd; }

#index-content {padding-bottom:20px;}
#index-content .col-md-5,#index-content .col-md-6{ padding: 0px; margin: 0px; }
#index-content .index-news-list .content{ border: 1px solid #DADADA; background: #FAFAFA; }
#index-content .index-video-box{ position: relative; }
#index-content .index-video-box .index-video-content{ }
#index-content .index-video-box .play_button{
	width: 80px;
	height: 80px;
    background-image: url(../images/play_hover.png);
    background-size: 80px 80px;
    transform: rotate(0deg);
    position:  absolute;
    left:50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    z-index: 999;
    cursor: pointer;

}
#index-content .index-video-box .play_button:hover{
	  background-image: url(../images/play.png);
}

#index-content .index-video-box .index-video-content img{ width: 100%; }
#index-content .index-video-box .index-video-text{ height: 60px; color: #666666;  padding: 10px 20px;}

#index-content .index-pro-show,#index-content .index-news-list{ padding-left:10px; }
#index-content .index-pro-show img{width: 100%;}
	
#index-content .index-news-list .first-art-title{ padding: 10px; padding-left: 15px;  font-size: 16px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
#index-content .index-news-list a{ color:#636363;  }
#index-content .index-news-list .art-list{ margin:0px 10px; border-top: 1px solid #DADADA; padding-top: 10px;}
#index-content .index-news-list .art-list .item{padding: 5px 0px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
#index-content .index-news-list .art-list .item:before{ content: "● "; color: #CECECE;}
#index-content .index-news-list  ul{ list-style: none; padding-left: 0px; }
#index-content .index-news-list .content{ min-height: 380px; }

#footer-bar .row { position: relative;  height: 30px;}
#footer-bar .icp-info,#footer-bar .url-list{  line-height: 30px;}
#footer-bar .icp-info{  position: absolute;left: 0px; }
#footer-bar .url-list {  position:  absolute; right: 0px;}
#footer-bar .url-list ul { list-style: none; }
#footer-bar .url-list ul li{ float: left; padding: 0px 10px;}
#footer-bar .url-list ul li.first{ border-left: 1px solid #fff; }
#footer-bar .url-list ul li{ border-right: 1px solid #fff; }
#footer-bar a{ color: #fff; }
#footer-bar a:hover{ color: #ccc; }

#footer-bar .powerby .name{display: none;}
#footer-bar .powerby  a{ color: #777;font-size: 14px;}
#footer > .wrapper{ padding: 10px; }
#footer .wrapper ul{ list-style: none;padding: 0px; margin: 0px;}
#footer .wrapper label{ display: block;  text-align: left; color: #fff;  font-weight:bold; font-size: 15px;  padding: 15px 0px;}
#footer .wrapper ul li{  text-align: left; line-height: 24px; font-size: 14px;}
#footer .wrapper ul li a{ color: #fff;  padding: 10px 0px;}
#footer .wrapper ul li a:hover{ color: #0193dd; }
#footer .tel{ font-size: 18px; text-align: left; padding: 10px 0px; padding-left:40px; background: url(../images/Phone-32.png) no-repeat center left;}

.m-article .thumbnail,.m-page .thumbnail,.m-product .thumbnail,.m-company .thumbnail{ border: none; }
.m-article .page-wrapper,.m-article .page-content,.m-company .page-content,.m-company .page-wrapper,.m-page .page-content,.m-page .page-wrapper,
.m-product .page-wrapper,.m-product .page-content{ margin: 0px; padding: 0px; }
.m-article .location-bar,.m-page .location-bar,.m-company .location-bar,.m-product .location-bar{ background-color: #0193dd;  line-height: 45px;}
.m-article .slide,.m-product .slide, .m-company .slide, .m-page .slide, { margin: 0px; }
.m-article .carousel,.m-product .carousel, .m-company .carousel, .m-page .carousel{ margin:0px; }
.m-article .breadcrumb,.m-product .breadcrumb,.m-company .breadcrumb,.m-page .breadcrumb{ color: #333333;padding: 0px;  margin: 0px;}
.m-article .breadcrumb-title,.m-product .breadcrumb-title,.m-page .breadcrumb-title,.m-company .breadcrumb-title{ color: #333333; }
.location-bar a{ color:#333333; }
.article-img{ text-align: center; /*border:1px solid #eee;*/ }	

.category-list{ background:#FAFAFA ;height: 80px; padding-top:25px; border-bottom: 1px solid #ddd;  width: 100%;}
.category-list label{ margin: 0px; display: inline-block; color: #8A8A79; font-size: 20px; font-weight: bold; background: url(../images/arrow-right.png) center right no-repeat; min-width: 125px; }
.category-list li.first{ padding-right: 15px; }
.category-list ul {list-style: none; padding: 0px; margin: 0px; display: inline-block; padding-top: 3px; }
.category-list ul li{font-size: 18px; padding: 0px 2px; float: left;}
.category-list ul li a{padding:2px 15px; display: block; color: #8A8A79;  }
.category-list ul li a:hover,.category-list ul li a.active{ color: #535353; border-bottom: 3px solid #0193dd; }
.category-top{ height:55px; padding-top:10px; }

.article-top-desc{ border-bottom: 1px solid #ccc; padding-bottom: 20px;  }
.article-top-desc .content{ padding-top: 15px; padding-left: 5px; padding-right: 5px;}
.article-top-desc h2{ font-size: 20px; color: #535353; }
.article-top-desc .category-desc{ border-bottom: 1px solid #ccc; }
.article-top-desc .buy-and-consult { background: #0193dd; border-radius: 3px; line-height: 30px; color: #fff; padding: 7px 25px; }
.article-top-desc .buy{ padding-top: 3px;  padding-left: 15px;}
.article-list{border-bottom: 1px solid #ccc; padding-bottom: 20px;color: #525252; }
.article-list h2,.cases-list h2{ text-align: center; font-size: 20px; color: #525252; padding-bottom: 20px;}
.article-list img{max-height: 200px; width: 100%; }
.cases-list{padding-bottom: 20px;}
.list-line { padding-bottom:20px; }
.list-line  .thumbnail{ padding: 0px; }
.list-line > [class*='col-']{ padding: 0px;  }

.article-item h3{ padding: 10px 0px;  margin: 0px; font-size: 16px;}
.article-item h3 a{color: #525252; }
.article-item h3 a:hover{color:#0193dd; }
.list-line > .article-item { line-height:24px;font-size: 14px; padding:5px 15px; }
.article-item .link{ padding-top: 10px; }
.article-item .link a{ color: #0193dd; font-size: 14px;  line-height: 18px; }
.article-item .link a:hover{  font-size: 16px;}
.product-list h3{color: #555555; font-size: 16px; line-height: 35px; border-bottom:2px solid #0193dd;}
.product-list .product-sub-category{ padding-top: 10px; }
.product-list .card{ border:none; position:  relative; }
.product-list .card .is_new{ position: absolute; right:0px; top:0px; width: 80px; height: 80px; background: url(../images/new_product.png) no-repeat center; z-index: 899;}
.product-list .card .color i{padding: 0px 5px;}
.product-list .card .product-title{ text-align: center; color: #000; }
.product-list .card .product-title a{ color: #000;  font-weight: bold;}
.product-list .card .views-count{font-size: 14px; color: #333333; line-height: 28px;}
.product-list .card .views-count a:visied{color: #333333;}
.product-list .card .views-count a:hover{color: #0193dd;}
.product-list .card .product-desc{ padding: 5px 0px; font-size: 14px; color: #818181; border-bottom: 1px solid #AAAAAA;}
.product-list .card .text-ellipsis{ padding-top: 5px; }

.product-list .empty_products{ text-align: center; }
.product-list{ padding-bottom: 20px; }
#footer .tel1{ font-size: 18px;  text-align: left;}

@media (max-width: 767px) {
	.category-list ul li{ float:inherit;}
	.category-list ul li.first{ display: none; }
	.location-bar{display: none;}
	.category-list{ height: auto; padding-bottom: 10px;  padding-top: 10px;}
	.index-news .index-news-img{ }
	.index-news .img-item,.index-news .last-row .content-item{ padding-top: 10px;margin-top: 10px; border-top: 1px solid #eee; }
	.index-news .last-row .img-item{ border:0px; }
	.article-list .article-img{  padding-top: 10px;margin-top: 10px; border-top: 1px solid #eee;}

	#footer .tel{
		text-align: center;
	 	background:none;	
	 	padding-left: 0px;
	 	border-top:1px solid #535353;
 	}

 	#footer .tel1{
		text-align: center;
	 	background:none;	
	 	padding: 10px;
	 	padding-left: 0px;
 	}
 
 	#footer .wrapper{ padding: 0px; }
 	#footer-bar .icp-info{  width: 100%; text-align: center;}
 	#footer .wrapper ul{ background-color: rgb(220, 220, 220); }
 	#footer .wrapper ul li a{color: #000;}
 	#footer .wrapper ul li{ padding: 8px; border-bottom: 1px solid #aaa; padding-left: 20px;}
 	#footer .wrapper label{ margin:0px; padding-left: 15px; border-bottom: 1px solid #535353; border-top: 1px solid #535353;}
}

@media (max-width:970px) {
	.index-news .index-news-img{ }
	.index-news .img-item,.index-news .last-row .content-item{ padding-top: 10px;margin-top: 10px; border-top: 1px solid #eee; }
	.index-news .last-row .img-item{ border:0px; }
	.article-list .article-img{  padding-top: 10px;margin-top: 10px; border-top: 1px solid #eee;}
	#index-content .index-pro-show,#index-content .index-news-list{    padding-right: 10px; margin-top: 10px;}
	#index-content .index-video-box{margin: 0px 10px;}
}

@media (min-width: 767px) {
	.m-article .category-list li,.m-product .category-list li{  float:left;}
}

.table-cell { display: table-cell; vertical-align:top;}
.nav-content-left{  height: 100%; display: block;}
.nav-content-img{ height: 100%;}
.nav-content-img .img-item img{ max-width: 420px; }
#nav-cont-wrap {position:absolute;z-index: 999; width: 100%;}
#nav-cont-wrap ul{  list-style: none; }
#nav-cont-wrap .cell-1{ background: url(../images/nav_item_bg.png) repeat-y; padding: 25px 0px; }
#nav-cont-wrap .cell-1 ul li{ padding-left:26px; width: 210px; }
#nav-cont-wrap .cell-1 ul li a{ font-size: 16px; line-height: 34px; border-bottom: 1px solid #DDDDDD ;padding-left: 10px; 
	display: inline-block; width: 100%;background: url(../images/arrow-right.png) no-repeat right 10px center;  }
#nav-cont-wrap .cell-2{ background: #fff; }
#nav-cont-wrap .cell-3{ background: #F8F8F8;padding-top: 25px;padding-left:15px;  text-align: center; border-left: 2px solid #fff;}
#nav-cont-wrap .cell-3 .hot-title{ text-align: left;width: 250px; line-height:24px; }
#nav-cont-wrap .cell-3 strong{ line-height: 16px;
    padding: 5px 10px;
    display: inline-block;}
#nav-cont-wrap .cell-3 img { max-width: 200px; }
#nav-cont-wrap .table-cell a:visited{ color: #525252; }
#nav-cont-wrap .table-cell a:hover{  color:#0193dd ;}
#nav-cont-wrap .buy-nav{ text-align: center; background:url(../images/nav_buy_bg_l.png) repeat-y left;}
#nav-cont-wrap .buy-nav a{color: #525252; font-size: 16px; line-height: 35px;}
#nav-cont-wrap .buy-nav .row{background:url(../images/nav_buy_bg_r.png) repeat-y right; padding: 15px 23px; padding-bottom: 40px; }
#nav-cont-wrap .buy-nav .buy-item{}
#nav-cont-wrap .buy-nav a:visited{ color: #525252; }
#nav-cont-wrap .buy-nav a:hover{  color:#0193dd;}

.downloads-list{ margin-bottom:35px; border:1px solid #eee; }
.downloads-list .table{ margin-bottom: 0px; }
.downloads-list a{ color: #525252;}
.downloads-list a:hover{  color:#0193dd;}