@charset "utf-8";
/* 颜色文件导入 */
@import url("red.css");
/* Mobile menu */
.select-menu {
	display: none;
}
/*	基础样式 */
html {
	overflow-y:auto;
	background:#fff;
}
:focus {
	outline-color: transparent!important;
	outline-style: none!important;
}
body {
	margin: 0;
	padding: 0;
	font-family: \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, arial;
	font-size: 87.5%;
	line-height: 1.7;
	color: #555;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	cursor:default;
}
hr {
	border-bottom:none;
	border-top:none;
}
a {
	text-decoration:none;
	color:#666;
}
a:hover {
	text-decoration:none;
	color:#212121;
}
/* 标题、段落 */
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height:1.7;
	margin:0;
	clear:both;
	display:block;
	padding: 30px 20px 10px 0;
}
h1 {
	font-size:250%;
	text-transform:uppercase;
}
h2 {
	text-transform:uppercase;
	font-size:200%;
}
h3 {
	text-transform:uppercase;
	font-size:175%;
}
h4 {
	font-size:150%;
	text-transform:uppercase;
}
h5 {
	text-transform:uppercase;
	font-size:125%;
}
h6 {
	text-transform:uppercase;
	font-size:112.5%;
}
p {
	padding: 5px 10px;
	margin:0;
	text-indent:2em;
}
hr {
	border:none;
	height:1px;
	margin:10px 0;
	background-color:#efefef;
	color:#efefef
}
.hr {
	border-top:1px solid #e3e3e3;
	margin:15px 0 25px;
}
/* 图片 */
img {
	/*width:100%;*/
	height:auto;
	max-width:100%;
}
p img {
    margin-left:-2em;/* 保证在段落空两格的情况下，段落下的图片可以顶头显示 */
}
/* Backgrounds */
.bg-white {
	background-color: #fff;
}
.bg-lighter {
	background-color: #f3f3f3;
}
.bg-light {
	background-color: #e9e9e9;
}
.bg-lighter-gray {
    background-color:#d6d6d6;
}
.bg-light-gray {
    background-color:#b3b3b3;
}
.bg-gray {
	background-color: #363636;
}
.bg-grayer {
	background-color: #252525;
}
.bg-dark {
	background-color: #141414;
}
/* 设置内联, 减少浮动带来的bug */
.fn-left, .fn-right {
	display:inline;
}
.fn-left {
	float:left;
}
.fn-right {
	float:right;
}
/* 清理浮动 */
.fn-clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.fn-clear {
	clear:both;
	zoom:1; /* for IE6 IE7 */
}
/* 普通清理浮动 */
.clear {
	clear:both;
	font-size:0px;
	height:0;
	line-height:0;
}
/* 隐藏、显示 */
.fn-display-hide {
	display:none;
}
.fn-display-block {
	display:block;
}
.fn-display-inlineblock {
	display:inline-block;
}
.fn-display-tablecell {
	display:table-cell;
}
.strong {
	font-weight:bold;
}
/* 文字 */
.text-align-left {
	text-align:left;
}
.text-align-right {
	text-align:right;
}
.text-align-center {
	text-align:center;
}
.text-indent-none {
    text-indent:0;
}
.font-size-xs {
	font-size:75%;
}
.font-size-s {
	font-size:87.5%;
}
.font-size-m {
	font-size:100%;
}
.font-size-l {
	font-size:112.5%;
}
.font-size-xl {
	font-size:125%;
}
.font-normal {
	font-weight:400;
}
.font-bold {
	font-weight:700;
}
.font-color-white {
	color:#fff;
}
.font-color-lighter {
	color:#ccc;
}
.font-color-gray {
	color:#999;
}
.font-color-deeper {
	color:#666;
}
.font-color-dark {
	color:#333;
}
.font-color-black {
	color:#000;
}
/* box position 容器定位 */
.position-relative {
	position:relative;
}
.position-fixed {
	position:fixed;
}
.position-absolute {
	position:absolute;
}

/* 空行 */
.spacer1 {
	height: 1px !important;
}
.spacer5 {
	height: 5px !important;
}
.spacer10 {
	height: 10px !important;
}
.spacer15 {
	height: 15px !important;
}
.spacer20 {
	height: 20px !important;
}
.spacer25 {
	height: 25px !important;
}
.spacer30 {
	height: 30px !important;
}
.spacer35 {
	height: 35px !important;
}
.spacer40 {
	height: 40px !important;
}
.spacer45 {
	height: 45px !important;
}
.spacer50 {
	height: 50px !important;
}
.spacer55 {
	height: 55px !important;
}
.spacer60 {
	height: 60px !important;
}
.spacer65 {
	height: 65px !important;
}
.spacer70 {
	height: 70px !important;
}
.spacer75 {
	height: 75px !important;
}
.spacer80 {
	height: 80px !important;
}
.spacer85 {
	height: 85px !important;
}
.spacer90 {
	height: 90px !important;
}
.spacer95 {
	height: 95px !important;
}
.spacer100 {
	height: 100px !important;
}
/* 内边距 */
.padding-5 {
	padding:5px;
}
.padding-10 {
	padding:10px;
}
.padding-15 {
	padding:15px;
}
.padding-20 {
	padding:20px;
}
.padding-25 {
	padding:25px;
}
.padding-30 {
	padding:30px;
}
.padding-0-5 {
	padding:0 5px;
}
.padding-0-10 {
	padding:0 10px;
}
.padding-0-15 {
	padding:0 15px;
}
.padding-0-20 {
	padding:0 20px;
}
.padding-0-25 {
	padding:0 25px;
}
.padding-0-30 {
	padding:0 30px;
}
.padding-0-35 {
	padding:0 35px;
}
.padding-0-40 {
	padding:0 40px;
}
.padding-10-0 {
	padding:10px 0;
}
.padding-10-5 {
	padding:10px 5px;
}
.padding-10-15 {
	padding:10px 15px;
}
.padding-10-20 {
	padding:10px 20px;
}
.padding-10-25 {
	padding:10px 25px;
}
.padding-10-30 {
	padding:10px 30px;
}
.padding-none {
    padding:0;
}
.padding-top-none {
    padding-top:0;
}
.padding-right-none {
    padding-right:0;
}
.padding-bottom-none {
    padding-bottom:0;
}
.padding-left-none {
    padding-left:0;
}
/* 外边距 */
.margin-5 {
	margin:5px;
}
.margin-10 {
	margin:10px;
}
.margin-15 {
	margin:15px;
}
.margin-20 {
	margin:20px;
}
.margin-25 {
	margin:25px;
}
.margin-30 {
	margin:30px;
}
.margin-0-5 {
	margin:0 5px;
}
.margin-0-10 {
	margin:0 10px;
}
.margin-0-15 {
	margin:0 15px;
}
.margin-0-20 {
	margin:0 20px;
}
.margin-0-25 {
	margin:0 25px;
}
.margin-0-30 {
	margin:0 30px;
}
.margin-0-35 {
	margin:0 35px;
}
.margin-0-40 {
	margin:0 40px;
}
.margin-10-0 {
	margin:10px 0;
}
.margin-10-5 {
	margin:10px 5px;
}
.margin-10-15 {
	margin:10px 15px;
}
.margin-10-20 {
	margin:10px 20px;
}
.margin-10-25 {
	margin:10px 25px;
}
.margin-10-30 {
	margin:10px 30px;
}
.margin-none {
    margin:0;
}
.margin-top-none {
    margin-top:0;
}
.margin-right-none {
    margin-right:0;
}
.margin-bottom-none {
    margin-bottom:0;
}
.margin-left-none {
    margin-left:0;
}
/* 边框 */
.border {
    border:1px solid #ddd;
}
.border-top {
    border-top:1px solid #ddd;
}
.border-right {
    border-right:1px solid #ddd;
}
.border-bottom {
    border-bottom:1px solid #ddd;
}
.border-left {
    border-left:1px solid #ddd;
}
.border-top-none {
    border-top:none;
}
.border-right-none {
    border-right:none;
}
.border-bottom-none {
    border-bottom:none;
}
.border-left-none {
    border-left:none;
}
.border-dashed {
    border-style:dashed;
	border-top:none;
	border-left:none;
	border-right:none;
}
/* 翻页 */
.pagination {
    text-align:right;
}
/*  手风琴  */
.accordion-group {
	border-radius:0px !important;
	border:0px;
	margin-bottom:1px !important;
	padding:0 ;
}
.accordion-heading {
	background:#EBEBEB;
}
.accordion-heading a {
	color: #222222;
}
.accordion-inner {
	background:#fafafa;
	border:0px solid #e5e5e5;
	padding:30px 20px !important;
}
.accordion-toggle {
	padding:20px !important;
	padding-left:60px !important;
	background: url(../img/accordion-toogle.png) 20px center no-repeat;
}
.accordion-active {
	padding-left:60px !important;
	background: url(../img/accordion-active.png) 20px center no-repeat;
}
/* 引用文字 */
blockquote {
	margin: 10px 30px;
	/*border-left: 5px solid #cbcbcb;*/
	border: none;
}
/*  提醒文字  */
.alert {
	padding: 20px 35px 20px 14px;
	margin:0px 0px 10px 30px;
	color:#789ab9;
	border-radius:0px;
	border:0px !important;
	text-shadow:none !important;
}
.alert-error {
	color:#fff;
}
.alert-info {
	color:#7f7e00;
	background:#dfde88;
}
.alert-success {
	color:#fff;
	background:#6ac663;
}
.alert-normal {
	background: #e4f2ff;
}
/* 按钮  */
.btn {
	color:#fff;
	height:52px;
	line-height:52px;
	padding:0px 22px;
	text-shadow:none;
	border-radius:4px;
	-webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
	box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
	border:0px;
	margin-bottom:8px;
	font-size: 18px;
}
.btn-small {
	color:#fff;
	height:32px;
	line-height:32px;
	padding:0px 18px;
	text-shadow:none;
	border-radius:3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
	box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
	border:0px;
	margin-bottom:8px;
	font-size: 14px;
}
.btn-mini {
	color:#fff;
	height:22px;
	line-height:16px;
	padding:0px 14px;
	text-shadow:none;
	border-radius:3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
	box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
	border:0px;
	margin-bottom:8px;
	font-size: 12px;
}
/* 表格 */
.table {
	width: 90%;
}
.table-bordered {
	border: 1px solid #ddd;
	border-collapse: separate;
	border-left: 0;
}
.table-bordered th, .table-bordered td {
	border-left: 1px solid #ddd;
}
.table th, .table td {
	padding: 8px 12px;
	text-align: left;
	vertical-align: middle;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.table-bordered thead:first-child tr:first-child>th:first-child, .table-bordered tbody:first-child tr:first-child>td:first-child, .table-bordered tbody:first-child tr:first-child>th:first-child {
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
}
.table-bordered thead:last-child tr:last-child>th:first-child, .table-bordered tbody:last-child tr:last-child>td:first-child, .table-bordered tbody:last-child tr:last-child>th:first-child, .table-bordered tfoot:last-child tr:last-child>td:first-child, .table-bordered tfoot:last-child tr:last-child>th:first-child {
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
}
.table-bordered thead:first-child tr:first-child>th:last-child, .table-bordered tbody:first-child tr:first-child>td:last-child, .table-bordered tbody:first-child tr:first-child>th:last-child {
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
}
.table-bordered thead:last-child tr:last-child>th:last-child, .table-bordered tbody:last-child tr:last-child>td:last-child, .table-bordered tbody:last-child tr:last-child>th:last-child, .table-bordered tfoot:last-child tr:last-child>td:last-child, .table-bordered tfoot:last-child tr:last-child>th:last-child {
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
}
thead {
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit;
}
tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
	color: #111;
	background-color: #c8c8c8;
}
/* 滚动内容区域 */ 
.scrollable {
	height:420px;
}
.scrollable-2 {
	height:520px;
}
.scrollable-3 {
	height: 175px;
}
.scrollable-4 {
	height:420px;
}
.scrollable-5 {
	height:230px;
}
.non-scrollable-3 {
	height:170px;
}
/* 404 错误 */
.error-404 {
	text-align: center;
	overflow: hidden;
	border: 0px solid;
	padding-top: 0px;
	margin: 0px auto;
}
.error-404 img {
	max-width:300px;
}
/* 列表 */
/* 文章列表标准格式 li */
.list-1 {
  padding:10px 30px;
  margin:0;
  list-style:none;
}
.list-1 li {
  margin:0;
  position:relative;
  height:45px;
  line-height:45px;
  border-bottom:1px dotted #ddd;
}
.list-1 i {
  display:inline;
  float:left;
  margin:15px 10px 0 
}
.list-1 a{
  text-decoration:none;
  font-size:125%;
  width:80%;
  display:inline-block;
  	/* 以下样式 使文字超出容器范围自动添加...号 */
  word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden; /*内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.list-1 .date {
	color: #999;
	position:absolute;
	top:0;
	right:10px;
}
.list-2 {
  margin:0;
}
/* li 内容为多行 */
.list-2 li {
  list-style:none;
  margin:0;
  padding:10px 0 0;
  position:relative;
  border-bottom:1px dashed #ddd;
}
.list-2 i {
  margin-right:5px;
}
.list-2 li a{
  text-decoration:none;
  display:inline-block;
  width:100%;
  	/* 以下样式 使文字超出容器范围自动添加...号 */
  word-break:keep-all; /*不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden; /*内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
/* 最简版的列表，无列表符号 */
.list-3 {
  padding:15px 0 10px;
  margin:0px;
}
.list-3 a{
  text-decoration:none;
  color: #454545;
  font-size:100%;
  display:inline-block;
}
.list-3 a:hover{
  text-decoration:none;
  color:#c50524;
}
.list-3 li {
  margin:0;
  padding:0 0 5px;
  	/* 以下样式 使文字超出容器范围自动添加...号 */
  word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden; /*内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
/* 首页用列表3的样式定义 */
#home .list-3 {
  padding:0;
}



.list-4 {
  padding:10px 0 0 10px;
  margin:0px;
  font-size:50%;
}
.list-4 a{
  text-decoration:none;
  color: #666;
  font-size:200%;
}
.list-4 a:hover{
  text-decoration:none;
  color:#c50524;
}
.list-4 li {
  padding:0px 0 0 10px;
  line-height:2.2;
  position:relative;
  	/* 以下样式 使文字超出容器范围自动添加...号 */
  /* word-break:keep-all;不换行 */
	/* white-space:nowrap;不换行 */
	/*overflow:hidden; 内容超出宽度时隐藏超出部分的内容 */
	/*text-overflow:ellipsis; 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.list-4 li .list-datetime {
    position:absolute;
	right:0;
	top:5px;
  line-height:2.2;
  color:#aaa;
  font-size:150%;
}
/* 下载文档列表 */
.list-5 {
  padding:10px 30px;
  margin:0;
  list-style:none;
}
.list-5 li {
  position:relative;
  margin:0;
  border-bottom:1px dotted #ddd;
  	/* 以下样式 使文字超出容器范围自动添加...号 */
  /* word-break:keep-all;不换行 */
	/* white-space:nowrap;不换行 */
	/*overflow:hidden; 内容超出宽度时隐藏超出部分的内容 */
	/*text-overflow:ellipsis; 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.list-5 li a{
  text-decoration:none;
}
.list-5 a:hover{
  text-decoration:none;
}
.list-5 .list-datetime {
	top:15px;
  color:#aaa;
  font-size:75%;
}
.list-datetime {
    position:absolute;
	right:0;
	top:1px;
  color:#aaa;
  font-size:67.5%;
}
.list-download {
    position:absolute;
	right:0;
	top:11px;
  font-size:100%;
}
@media screen and (max-width:767px) {
	.list-download {
		position: static;
	}
	.list-1 .date {
		display: none;
	}
}

.list-6 {
  padding:10px 0;
  margin:0px;
  list-style:none;
}
.list-6 li {
  padding:5px 0;
  float:left;
  width:25%;  
}
.list-7 {
  padding:0;
  margin:0px;
  list-style:none;
}
.list-7 li:last-child {
   border-bottom:1px solid #fff;
}
.list-7 a{
  text-decoration:none;
  color: #444;
  font-size:87.5%; 
}

.list-7 a:hover{
  text-decoration:none;
}

.list-7 li {
  list-style:none;
  height:39px;
  line-height:39px;
   border-bottom:1px dashed #ddd;
  	/* 以下样式 使文字超出容器范围自动添加...号 */
  word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden; /*内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}

.list-7 i {
  margin-right:5px;
}
/*  表单	*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	display: inline-block;
	height: 30px;
	padding: 0px 12px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 30px;
	color: #555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
}
/*form 404 */ 
.form-404 {
	border:0px solid;
	overflow:hidden;
	margin:20px;
	margin:0px auto;
	width:40%;
}
.form-404 input {
	position:relative;
	height:52px;
	width:75%;
	padding:0% 0%;
	margin:0px;
	color:#999999;
	background:#222222;
	border-radius:0px;
	border:0px;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
	outline:none;
	text-indent: 10px;
	float:left;
}
.form-404 .btn {
	color:#fff;
	line-height:52px;
	width:23%;
	padding:0px 1%;
	margin:0px;
	text-shadow:none;
	border-radius:0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
	box-shadow:rgba(0, 0, 0, 0) 0 0 0 !important;
	border:0px;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
}
/* form main */
.form-main {
	border:0px solid;
	overflow:hidden;
	padding:0px 30px 0px 30px;
	margin:0px;
}
.form-main input:focus, .form-main textarea:focus, .form-404 input:focus, .form-search .search-input:focus {
	-webkit-box-shadow:rgba(0, 0, 0, 0.0) 0 0px 0px inset, rgba(0, 0, 0, 0.0) 0 0 0px;
	border-color:rgba(0, 0, 0, 0.0);
	box-shadow:rgba(0, 0, 0, 0.0) 0 0px 0px inset, rgba(0, 0, 0, 0.0) 0 0 0px;
	outline:0;
}
.form-main input, .form-main textarea {
	position:relative;
	height:30px;
	width:100%;
	padding:10px 0px 10px 0px;
	margin-top:10px;
	color:#999999;
	background:#f3f3f3;
	border-radius:4px;
	border:1px solid #ddd;
	font-size: 100%;
	outline:0;
	text-indent: 10px;
	outline: none;
}
.form-main textarea {
	height:120px;
	resize:none;
	margin-bottom:0px;
}
.error {
	display: none;
}
#ajaxsuccess {
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	display: none;
	clear: both;
	color: #fff;
}
/* Sliders */
.flexslider {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin:0;
}
.slider2 {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0 0 0 0;
	background-color: transparent;
	margin-bottom: 48px !important;
}
.slider2 .slides li {
	width:100%;
	margin:0px auto;
	height:280px
}
.slider2 .slides img {
	width:100%;
	max-width:300px;
	height:auto;
	margin:0px auto;
	max-height:280px;
}
.slider3 {
	border: 0px solid;
	border-radius: 0;
	box-shadow: none;
	margin:0px 0 0px 0 !important;
	margin-bottom: 40px !important;
	background-color: transparent;
}
.slider3 .slides img {
	width:100%;
	height:auto;
	vertical-align: middle;
	display: inline;
}
.slider4 {
	border: 0px solid;
	border-radius: 0;
	box-shadow: none;
	margin:0px 0 0px 0 !important;
	margin-bottom: 40px !important;
	background-color: transparent;
}
.slider4 .slides img {
	width:auto;
	height:auto;
	vertical-align: middle;
	display: inline;
}
.center {
	text-align: center;
	margin:0px auto;
}
/* 导航	*/
.navbar {
	position:relative;
	width:100%;
	height:50px;
	float:left;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.navbar .nav {
    font-size:112.5%;
	font-weight:700;
}
.navbar .nav > li {
	position:relative;
	border-right: 1px #a00 solid;
	border-left: 1px #ff5c5c solid;
}
.navbar .nav > li:last-child {
	border-right: none;
}
.navbar .nav > li:first-child {
	border-left: none;
}
.navbar .nav > li > a {
	position:relative;
	height:20px;
	color: #fff !important;
	text-shadow: none;
	padding:15px 30px;
}
.navbar .nav > li:hover > a {
	color:#fff;
}
.navbar .nav > li.active > a {
	color:#fff;
}
/*  下拉菜单 */
.navbar .nav li ul {
	display:none;
	z-index:9999;
	position:relative;
	margin:0px;
	margin-top:0px !important;
	list-style-type:none;
	text-transform: none;
}
.navbar .nav li:hover ul {
	position:absolute;
	display:block;
	list-style-type:none;
}
.navbar .nav li ul li {
	margin:0;
	padding:0;
	width:150px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
	cursor:pointer;
}
.navbar .nav li ul li a {
	height:25px;
	line-height:25px;
	color:#fff;
	padding:10px 30px;
	margin:0;
	display:block;
	text-decoration:none;
	font-weight:400;
}
.navbar .nav li ul a.last {
	padding:0px 0px 20px 30px;
}
.navbar .nav li ul li a.first {
	padding:20px 0px 0px 30px;
}
.navbar .nav li ul li a.single {
	padding:10px 0px 10px 30px;
}
.navbar .nav li ul li:hover a {
    background-color:#b00;
}
/* fixed-nav */
.nav-fixed {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1020;
}
/* 移动版侧边栏导航 */
.cus-sidenav-toggle {
	display: block;
	width: 43px;
	height: 43px;
	padding: 1px;
	border-radius: 50%;
	position: fixed;
	right: 10px;
	top: 6px;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.4);
	z-index: 9998;
  }
  .cus-sidenav-toggle a {
	color: #fff;
	background: rgba(0, 0, 0, 0.4);
	text-align: center;
	display: block;
	width: 43px;
	height: 43px;
	line-height: 43px;
	border-radius: 50%;
  }
.m-navwrap{
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
}
.m-navbar {
	width: 61.8%;
	max-width: 320px;
	height: 100%;
	background: #323232;
	z-index: 10000;
	position: fixed;
	left: -320px;

}
.accordion {
	width: 100%;
	margin: 0;
	background: #ddd;
	list-style: none;
}
.accordion .link {
   cursor: pointer;
   display: block;
   padding: 10px 15px;
   color: #4D4D4D;
   font-size: 14px;
   font-weight: 700;
   border-bottom: 1px solid #CCC;
   position: relative;
   -webkit-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
}
.accordion .link>a {
	display: block;
	color: #4D4D4D;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
 }
 
.accordion li:last-child .link {
   border-bottom: 0;
}
.accordion li i {
   position: absolute;
   top: 12px;
   left: 12px;
   font-size: 12px;
   color: #595959;
   -webkit-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
}
.accordion li i.icon-angle-down {
   right: 12px;
   left: auto;
   font-size: 16px;
}

.accordion li.open .link {
   color: #b63b4d;
}

.accordion li.open i {
   color: #b63b4d;
}
.accordion li.open i.icon-angle-down {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
}

/* 移动版侧边栏导航-子菜单 */
.submenu {
	display: none;
	background: #b00;
	font-size: 14px;
	list-style: none;
	margin: 0;
}

.submenu li {
	border-bottom: 1px solid #900;
}

.submenu a {
	display: block;
	text-decoration: none;
	color: #f3f3f3;
	padding: 8px;
	padding-left: 36px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.submenu a:hover {
	background: #b63b4d;
	color: #FFF;
}
/* Tabs */
.tabs-left > .nav-tabs li:hover {
	border:none;
	background: #222;
}
.tabs-left > .nav-tabs {
	float: left;
	margin-right: 0px;
	border-right: 0px solid #ddd;
	border:none;
	padding-bottom:30px;
}
.tabs-left > .nav-tabs > li > a {
	margin: 0px;
	-webkit-border-radius: 0px 0 0 0px;
	-moz-border-radius: 0px 0 0 0px;
	border-radius: 0px 0 0 0px;
}
.tabs-left > .nav-tabs li {
	border:none;
	background-color: #222;
	margin:0px;
	padding:0px;
}
.tabs-left > .nav-tabs li:hover {
	border:none;
	background: #222;
}
.tabs-left > .nav-tabs li a:hover {
	border-right: 0px #323232 solid;
	border-bottom: 0px #323232 solid;
	background-color: #111;
}
.tabs-left > .nav-tabs li.active {
	border-right: 0px #323232 solid;
	border-bottom: 1px #323232 solid;
	background-color: #111111;
}
.tabs-left > .nav-tabs li.active a {
	border-right: 0px #323232 solid;
	border-bottom: 0px #323232 solid;
	background-color: #111111;
}
.tabs-left > .nav-tabs li.active a:hover {
	border-right: 0px #323232 solid;
	border-bottom: 0px #323232 solid;
	background-color: #111111;
}
.tabs-left > .nav-tabs > li > a {
	margin-right: 0;
	margin-bottom: 0px;
}
.nav-tabs > li > a {
	width: 120px;
	margin-right: 0;
	margin-bottom: 0px;
}
.tabs-left > .nav-tabs li {
	border-bottom:1px solid #323232;
	background-color: #222;
}
.tabs-left > .nav-tabs li:hover {
	border-bottom:1px solid #323232;
	background-color: #222;
}
.nav-tabs {
	margin-bottom:0px !important;
	border-bottom: 0px solid #DDDDDD;
}
.tab-content {
	border:none;
	margin:0px;
	padding:0px;
	-webkit-border-radius: 0 0 0px 0px;
	-moz-border-radius: 0 0 0px 0px;
	border-radius: 0 0 0px 0px;
}
.nav-tabs li {
	border:none;
	text-align:center;
	margin:0px;
	padding:0px;
}
.nav-tabs li:hover {
}
.nav-tabs > li > a {
	display:block;
	padding:10px 30px;
	margin:0;
	font-size:150%;
	color:#0062b1;
}
.tabs-left > .nav-tabs > li > a {
	background-color: #222;
	-webkit-border-radius: 0 0 0px 0px;
	-moz-border-radius: 0 0 0px 0px;
	border-radius: 0 0 0px 0px;
	color: #fff;
	display:block;
	padding:20px 30px;
	margin:0px;
	border: 0px #323232 solid;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	text-align:left;
	width: 121px;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	border:none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	cursor: default;
}
.nav-tabs li a:hover {
	border-right: 0px #323232 solid;
}
.nav-tabs li.active {
}
.nav-tabs > li.active > a {
	border-bottom: 2px #e8390d solid;
	color:#e8390d;
}
.nav-tabs li.active a:hover {
	border-right: 0px #323232 solid;
}
/* 带微信客服电话的返回顶部 */
.izl-rmenu {
	position:fixed;
	right:0;
	bottom:10px;
	/*background:url(../images/r_b.png) 0px bottom no-repeat;*/
	z-index:999;
	width:72px;
}
.izl-rmenu .rm-btn {
	width:72px;
	height:73px;
	margin-bottom:1px;
	padding:0;
	cursor:pointer;
	position:relative;
}
.izl-rmenu .btn-write {
	background:url(images/r_write.png) 0px 0px no-repeat;
	background-color:#6da9de;
}
.izl-rmenu .btn-write:hover {
	background-color:#488bc7;
}
.izl-rmenu a.btn-write, .izl-rmenu a.btn-write:visited {
	background:url(images/r_write.png) 0px 0px no-repeat;
	background-color:#6da9de;
	text-decoration:none;
	display:block;
}
.izl-rmenu .btn-wx {
	background:url(images/r_wx.png) 0px 0px no-repeat;
	background-color:#78c340;
}
.izl-rmenu .btn-wx:hover {
	background-color:#58a81c;
}
.izl-rmenu .btn-wx .pic {
	position:absolute;
	left:-160px;
	top:0px;
	display:none;
	width:160px;
	height:160px;
	max-width:none;/* 必须有这一句，否则bootstrap 自带的 img 的 max-width:100% 属性会导致图片宽度和.btn的宽度一样。 */
}
.izl-rmenu .btn-phone {
	background:url(images/r_phone.png) 0px 0px no-repeat;
	background-color:#fbb01f;
}
.izl-rmenu .btn-phone:hover {
	background-color:#ff811b;
}
.izl-rmenu .btn-phone .phone {
	background-color:#ff811b;
	position:absolute;
	width:160px;
	left:-160px;
	top:0px;
	line-height:73px;
	color:#FFF;
	font-size:18px;
	text-align:center;
	display:none;
}
.izl-rmenu .btn-top {
	background:url(images/r_top.png) 0px 0px no-repeat;
	background-color:#666666;
	display:none;
}
.izl-rmenu .btn-top:hover {
	background-color:#444;
}
/* -------------------------------- 以下为针对本模板的定制型样式 ---------------------------------*/
/* 全局 */
@media screen and (max-width:767px) {
	body {
		padding-bottom: 75px;
	}
}

.wrap {
    width:100%;
}
.main-color {
    color:#e8390d;/* 主前景色 */
}
.assist-color {
    color:#0062b1!important;/* 辅助前景色 */
}
.assist-color-2 {
    color:#8bb1d5;/* 第二辅助前景色 */
}
a.assist-color-2:hover {
    color:#777;
}
.main-bg-color {
    background-color:#e8390d;/* 主背景色 */
}
.assist-bg-color {
    background-color:#0062b1;/* 辅助背景色 */
}
.wrap-sideborder {
    border-left:15px solid #f3f3f3;
	border-right:15px solid #f3f3f3;
}
.img-illu {
    border:1px solid #e6e6e6;
	padding:1px;
}
a.link-more {
	font-weight:400;
	display:inline-block;
	font-size:87.5%;
	position:absolute;
	top:10px;
	right:10px;	
}
.btn-square {
    display:block;
	background-color:#e8390d;
	color:#fff;
	border-radius:3px;
}
.btn-square i {
    display:block;
	font-size:250%;
	text-align:center;
	padding:10px 0 0;
	text-decoration:none;
}
/*#home .btn-square i {
	padding:8px 0;
    display:inline-block;
	font-size:200%;
	vertical-align:middle;
}*/
.btn-square p {
    text-indent:0;
}
.btn-square:hover {
	background-color:#0062b1;
	color:#fff;
	text-decoration:none;
}
.btn-square:visited {
	color:#fff;
	text-decoration:none;
}
.foot-wrap p {
    text-indent:0;
	line-height:1.4;
}
.foot-wrap a {
    color:#999;
}
.foot-wrap a:hover {
    color:#ccc;
}
@media screen and (max-width:767px) {
	.foot-wrap {
		position: fixed;
		width: 100%;
		bottom: 0;
	}
	.foot-wrap p, .foot-wrap h5 {
		text-indent:0;
		line-height:1.2;
		font-size: 0.75%;
		text-align: center;
	}
	
}

/* 首页  */
.banner-custom-text {
	position:absolute;
	top:0;
	left:60px;
	right:0;
	margin:0 auto;
	margin-top:32%;
	text-align: left;
	text-transform:uppercase;
}
.banner-custom-text p {
	color:#fff;
	font-size:150%;
	line-height:1.5;
	font-weight:700;
}
/* 盒模型 */
.box-wrap {
    border:1px solid #ddd;
	border-top:none;
}
.box-tittle {
    background-color:#f1f1f1;
	border-bottom:1px solid #ddd;
	position:relative;
	height:40px;
}
.box-tittle h5 {
    background-color:#fff;
	border-right:1px solid #ddd;
	border-top:3px solid #e8390d;
	padding:5px 30px 4px 10px;
	font-weight:400;
	display:inline-block;
	font-size:125%;
	color:#0062b1;
}
/* tab切换@SuperSlider */
.slidetxtbox {
	text-align: left;
}
.slidetxtbox .hd {
	background:#f1f1f1;
}
.slidetxtbox .hd ul {
	zoom: 1;
	list-style:none;
	margin:0;
	border-bottom: #ddd 1px solid;
	height: 40px;
}
.slidetxtbox .hd ul li {
	float: left;
	line-height:1.7;
}
.slidetxtbox .hd ul li a {
	padding:8px 30px 4px 10px;
	display: block;
	font-size:125%;
}
.slidetxtbox .hd ul li a:hover {
	text-decoration: none
}
.slidetxtbox .hd ul li.on a {
	background: #fff;
	border-top:3px solid #e8390d;
	color:#0062b1;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:5px 30px 4px 10px;
}
.slidetxtbox .bd {
	padding:0 10px;
}
.slidetxtbox .bd ul li {
	font-size:107.5%;
	line-height:1.7;
}

/* tittel图标 */
.tittle-bg-user, .tittle-bg-gear, .tittle-bg-image {
    background-image:url(images/icons-index.png);
	background-repeat:no-repeat;
	height:60px;
	margin:0 0 10px;
}
.tittle-bg-image {
    background-position:center 0;
}
.tittle-bg-gear {
    background-position:center -60px;
}
.tittle-bg-user {
    background-position:center -120px;
}
/* 图片滚动 */
.picscroll {
	position: relative;
	overflow: hidden;
	padding:10px 40px 0;
}
.picscroll ul {
	zoom: 1;
	overflow: hidden;
}
.picscroll ul li {
	margin: 0px 13px;
	width: 200px;
	display: inline;
	float: left;
	overflow: hidden
}
.picscroll ul li img {
	width: 196px;
}
.picscroll ul li p {
	color:#666;
	padding:8px 0 5px;
	font-size:14px;
	text-indent:0;
  	/* 以下样式 使文字超出容器范围自动添加...号 */
  word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden; /*内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.picscroll .prev {
	position: absolute;
	width: 18px;
	display: block;
	background: url(images/icons.png) no-repeat -40px 0px;
	height: 28px;
	overflow: hidden;
	cursor: pointer;
	top: 80px;
	left: 10px
}
.picscroll .next {
	position: absolute;
	width: 18px;
	display: block;
	background: url(images/icons.png) no-repeat -40px 0px;
	height: 28px;
	overflow: hidden;
	cursor: pointer;
	top: 80px;
	left: 10px
}
.picscroll .next {
	background-position: -120px 0px;
	right: 10px;
	left: auto
}
.picscroll .prevstop {
	background-position: 0px 0px
}
.picscroll .nextstop {
	background-position: -80px 0px
}
/* 内页  */
/* 内页banner */
.page-banner {
    text-align:center;
}
/* 侧边栏 */
.side-wrap {
    background:#eee;
}
.side-tittle {
	position:relative;
	height:40px;
	line-height:40px;
	background-color:#e8390d;
	color:#fff;
	font-size:125%;
	font-weight:400;
	padding:0 10px;
}
/* 侧边栏目录 */
.sidenav {
    list-style:none;
	margin:0;
	padding:0;
}
.sidenav li {
	border-bottom:1px solid #ccc;
}
.sidenav li:last-child {
	border-bottom:none;
}
.sidenav li a {
    padding:8px 10px;
	display:block;
	font-size:112.5%;
}
.sidenav li a:hover {
	background-color:#ccc;
	color:#000;
}
/* 主内容区 */
.maincontent-wrap p {
    font-size:125%;
	line-height:1.9;
	padding:20px 30px 5px;
	color:#323232;
	text-indent:0;
}
.maincontent-wrap ul li, .maincontent-wrap ol li {
    font-size:125%;
	line-height:1.9;
	margin:10px 30px;
	color:#323232;
}
.maincontent-wrap ul li ul, .maincontent-wrap ul li ol, .maincontent-wrap ol li ul, .maincontent-wrap ol li ol {
    margin: 0 0 10px 5px;
}
.maincontent-wrap ul li ul li, .maincontent-wrap ul li ol li, .maincontent-wrap ol li ul li, .maincontent-wrap ol li ol li {
    font-size:100%;
}
.maincontent-wrap .list-1 li, .maincontent-wrap .list-2  li, .maincontent-wrap .list-3  li, .maincontent-wrap .list-4  li, .maincontent-wrap .list-5  li {
	margin:0;
	font-size:100%;
}
.maincontent-wrap .list-1 li{
	line-height:45px;
}
/* 相册列表 */
.portfolio {
    padding:25px;
}
.portfolio a {
	position: relative;
	display: block;
	height:100%;
}
.portfolio a img {
	width:100%;
}
.thumbnail {
	margin: 0;
	padding:0;
	border:none;
	box-shadow:none;
}
/* 案例、产品 */
.case-wrap, .products-wrap {
    min-height:260px;
}
/* 产品内容区 */
.productcontent-wrap p {
    font-size:112.5%;
	line-height:1.7;
	padding:10px 30px 0;
	color:#323232;
	text-indent:0;
}
.productcontent-wrap ul li, .productcontent-wrap ol li {
    font-size:112.5%;
	line-height:1.7;
	margin:10px 30px;
	color:#323232;
}
.productcontent-img-wrap {
	max-width:61.8%;
	padding:1px;
	background:#fff;
	border:1px solid #ddd;
	margin:30px auto;
	width:auto;
}














/*newsletter */
  
.nlsuccess {
	width:100%;
	color:#fff;
	font-size:16px;
}
.nlerror {
	width:100%;
	color:#e61736;
}
.thank {
	padding-top:0px;
	margin-bottom:0px;
	line-height:52px;
	height:52px;
	font-size:14px;
	width:100%;
}
/* Video content */
.video-content {
	height:300px;
	width:100%;
	margin:0px;
	padding:0px;
	margin-bottom:-5px;
	border:none;
	position:relative;
}
.video-content-post {
	height:267px;
	width:100%;
	padding:0px;
	margin:0px;
	margin-bottom:-5px;
	border:none;
}
/* Clients not in slider and clients say */
.clients-not-slider {
	height:auto;
	border-bottom:0px solid;
	overflow:hidden;
	margin-top:1%;
}
.clients-not-slider img {
	width:auto;
	height:auto;
}
.client-says {
	position: relative;
	font-style: italic;
	font-weight: normal;
	border: 0px;
	padding: 30px;
	color: #FFF;
	background: #222;
}
.client-says:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 40px;
	bottom: -24px;
	border: 12px solid;
	border-color: #222 transparent transparent #222;
}
.client-says-2 {
	position: relative;
	font-style: italic;
	color: #222;
	text-align: right;
	padding-top: 25px;
	padding-right: 40px;
	border:0px solid;
}
.client-name {
	margin-left:60px;
	float: left;
	color: #e61736;
}
/* Top log and bottom logo */
.logo-top {
	background: url(../img/logo.png) top left no-repeat;
	height:60px;
	width:140px;
	text-align:center;
	overflow:hidden;
	border:0px solid;
	padding-top:0px;
	margin-left:30px;
	float:left;
}
.logo {
	background: url(../img/logo.png) top left no-repeat;
	height:60px;
	width:140px;
	text-align:center;
	overflow:hidden;
	border:0px solid;
	padding-top:0px;
	margin:0px auto;
	float:left;
}
.logo .text, .logo-top .text {
	height:60px;
	overflow:hidden;
	border:0px solid;
	padding-top:20px;
	text-align:center;
	color: #FFF;
	font-family: 'Caudex', Source Sans Pro;
	letter-spacing:2px;
}
.text-custom-color {
	height:60px;
	overflow:hidden;
	border:0px solid;
	padding-top:20px;
	padding-left:30px;
	text-align:left;
}
.entiri {
	text-align:right;
	font-size:12px;
	margin-top:15px;
}
.art {
	margin-top:22px;
	margin-right:30px;
}
/* About */
 
.about-i {
	margin-bottom:15px;
}
.banner-about-normal {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	color:#2C2C2C;
	font-size:22px;
	font-family: 'Caudex', Source Sans Pro;
}
.banner-out-about {
	position:relative;
	float:center;
	width:100%;
	display: table;
	height:250px;
}
.banner-about-normal:hover {
	color: #FFF;
	transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}
/* blog posts */
.post {
	border-bottom:1px #323232 solid;
	border-right: 0px #323232 solid;
	float:left;
	margin-right: 0px;
	width:299px;
	background-color: #fff;
}
.ie8 .post {
	width:239px;
}
.image-post a:hover {
	color: #8c8e90;
}
.text-post {
	background-color: #fff;
}
.blockquote-post {
	background-color:#E9E9E9;
}
.i-bg-post {
	margin:0px 30px;
}
.p-bq-post {
	padding:10px 55px;
}
.link-post {
	background-color: #111;
}
.link-post h4 {
	padding-top:10px;
	color: #FFF;
}
.link-post a:hover h4 {
	color: #FFF;
}
.link-post a:hover h5 {
	color: #FFF;
}
.link-post a:hover {
	color: #FFF;
}
/*  Team */
    
.team {
	width:60%;
	display:inline-block;
	overflow:hidden;
}
/* Comments */
  
  .comment-title h2, .contact-form-title h2 {
	padding-bottom:5px;
}
.comment h6 {
	padding:9px 30px 5px 0px;
}
.comment {
	margin-bottom:30px;
	padding-left:120px;
	background:url('../img/comment-img.png') 30px 10px no-repeat;
}
.comment p {
	padding:10px 30px 10px 0px;
}
.comment-author {
	text-transform: uppercase;
	color: #323232;
	font-weight:normal;
	padding:6px 30px 5px 0px;
}
.comment-date {
	font-size:13px;
	padding:0px 30px 0px 0px;
}
.comment-margin-90 {
	margin-left:90px;
}
.comment-margin-180 {
	margin-left:180px;
}
.comment-line {
	width:96%;
	border-bottom:1px #E0E0E0 solid;
	border-top:0px #FFF solid;
	margin-left:0px;
}
.write-comment {
	padding-top: 5px;
	display: block;
	max-width: 200px;
	margin: 0px auto;
}
.team-people {
	padding-bottom: 0px;
}