/* Color import */
@import url("blue.css");
/* Mobile menu */
.select-menu {
	display: none;
}
/*	Base */
html {
	overflow-y:auto;
	background:#fff;
}
:focus {
	outline-color: transparent!important;
	outline-style: none!important;
}
body {
	margin: 0;
	padding:0;
	font-family: "Microsoft Yahei", \5b8b\4f53, arial;
	font-size: 87.5%;
	line-height: 1.7;
	color: #5a5a5a;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	cursor:default;
}
 body::-webkit-scrollbar-corner {
 background-color:#323232;
}
 body::-webkit-scrollbar-track {
 background-color:#323232;
}
 body::-webkit-scrollbar {
 width:10px;
 height:10px;
}
/*.row-container {
	padding:0 20px;
}
*/
#content {
	position:relative;
}
#header {
	position:relative;
}
#footer {
	position:relative;
}
hr {
	border-bottom:0px #E0E0E0 solid;
	border-top:0px #FFF solid;
}
.hide-post {
	display:none;
}
.strong {
	font-weight:bold;
}
.icon-middle {
	vertical-align: middle;
	margin-right:10px;
}
a {
	color: #8c8e90;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
.white {
	color:#FFF;
}
.white:hover {
	color:#FFF;
}
.dark-color {
	color:#2C2C2C;
}
/* Headings and text */
h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
	line-height:100%;
	margin:0px;
	clear:both;
	display:block;
	padding: 30px 20px 10px 30px;
	font-family: "Microsoft Yahei";
	color: #222222;
}
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%;
}
h5 {
	text-transform:uppercase;
	font-size:125%;
}
h6 {
	text-transform:uppercase;
	font-size:100%;
}
p {
	padding: 10px 30px 10px 30px;
	margin:0px;
	color: #666;
}
.width150 {
    width:12.5%;
}
.nav li ul.width150 {
    width:150px;
}
.smaller-text {
	font-size:12px;
}
.small-text {
	font-size:14px;
	padding:10px;
	height:auto;
}
.small-text-2 {
	font-size:14px;
	display:none;
	padding:10px;
}
.font-xxl {
	font-size:125%;
}
.text-right {
	text-align:right;
}
/* Lists */

.list-1, .list-2 {
	padding:10px 15px 0px 0px;
 *padding-top:0;
	margin:0px;
	list-style:none;
}
.list-1 a:hover, .list-2 a:hover {
	text-decoration:none;
}
.list-1 li {
	list-style:none;
	margin:0px 15px 10px 30px;
	display:block;
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.list-1 i {
	margin-right:5px;
}
.list-2 li {
	list-style:none;
	margin:0px 10px 5px 30px;
}
.list-2 i {
	margin-right:5px;
}
/* Backgrounds */

.white-background {
	background-color: #fff;
}
.gray-background {
	background-color: #222;
}
.dark-background {
	background-color: #111;
}
.gray-background-1 {
	background: rgb(245,245,245);
	background: -moz-linear-gradient(top, rgb(245,245,245) 0%, rgb(245,245,245) 25%, rgb(255,255,255) 75%, rgb(255,255,255) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(245,245,245)), color-stop(25%, rgb(245,245,245)), color-stop(75%, rgb(255,255,255)), color-stop(100%, rgb(255,255,255)));
	background: -webkit-linear-gradient(top, rgb(245,245,245) 0%, rgb(245,245,245) 25%, rgb(255,255,255) 75%, rgb(255,255,255) 100%);
	background: -o-linear-gradient(top, rgb(245,245,245) 0%, rgb(245,245,245) 25%, rgb(255,255,255) 75%, rgb(255,255,255) 100%);
	background: -ms-linear-gradient(top, rgb(245,245,245) 0%, rgb(245,245,245) 25%, rgb(255,255,255) 75%, rgb(255,255,255) 100%);
	background: linear-gradient(to bottom, rgb(245,245,245) 0%, rgb(245,245,245) 25%, rgb(255,255,255) 75%, rgb(255,255,255) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 );
}
.gray-background-2 {
	background-color: #323232;
}
/* Header */

.head-logo {
	position:relative;
	text-align:center;
	float: left;
}
.logo-background {
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	margin-top:36%;
	background: url(../images/logo-main.png) top left no-repeat;
	height: 80px;
	width:185px;
	text-align: center;
	line-height: 80px;
	border:0px solid;
}
.logo-background a {
	font-size:20px;
	font-weight:normal;
	letter-spacing:2px;
}
.logo-background-text {
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	margin-top:36%;
	text-align: center;
	text-transform:uppercase;
}
.logo-background-text-full {
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:15% auto 0;
	text-align: center;
	text-transform:uppercase;
	font-weight:700;
	font-size:150%;
}
.logo-background-text p, .logo-background-text-full p {
	font-size:150%;
	color: #c00;
 padding:0px text-transform:uppercase;
}
.small {
	font-size:13px;
}
/* Image style */

img {
	/*width:100%;*/
	height:auto;
}
.square {
	position:relative;
	max-width:300px;
}
.square-ref {
	position:relative;
	max-width:300px;
}
.img-container {
	position:relative;
}
.square-icon {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/300-267-hover.png) center center no-repeat;
	cursor:pointer;
	display:none;
	max-width:300px;
}
.square:hover .square-icon {
	display: block;
	opacity: .8;
	filter: alpha(opacity=80);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* Sliders */

.flexslider {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0 0 0 0;
	background-color: #101010;
}
.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;
}
/* our clients - slider */
.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;
}
/* Navigation	*/
  
.navbar {
	position:relative;
	/*background:#eee;*/
	width:100%;
	height:50px;
 *height:40px;
	float:left;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.navbar .nav {
	/*background:#222222;*/
    width:100%;
}
.navbar .nav > li {
	position:relative;/*border-right: 1px #ddd solid;
	width:12.5%;*/
}
.navbar .nav > li > a {
	position:relative;
	height:50px;
	line-height:50px;
 *height:40px;
 *line-height:40px;
	color: #fff;
	font-size:112.5%;
	/*font-weight:700;*/
	text-shadow: none;
	padding:0;
	text-align:center;
	overflow:hidden;
}
.navbar .nav > li:hover > a {
	color:#fff;
	background:#63a2d3;
}
.navbar .nav > li.active > a {
	color:#fff;
}
#page-index .navbar .nav > li#nav-home > a, #page-about .navbar .nav > li#nav-about > a, #page-work .navbar .nav > li#nav-work > a, #page-team .navbar .nav > li#nav-team > a, #page-project .navbar .nav > li#nav-project > a, #page-news .navbar .nav > li#nav-news > a, #page-join .navbar .nav > li#nav-join > a, #page-contact .navbar .nav > li#nav-contact > a {
	color:#fff;
	font-weight:700;
}
.navbar .nav > li.active > a:hover {
	color:#fff;
}
/*  Navigation Dropdown */
        
  .navbar .nav li ul {
	display:none;
	z-index:9999;
	position:relative;
	margin:0px;
	padding:0;
	margin-top:0px !important;
	list-style-type:none;
	text-transform: none;
}
.navbar .nav li ul:after {
	content: ' ';
	z-index:9999;
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 0px;
}
.navbar .nav li:hover ul {
	position:absolute;
	display:block;
	list-style-type:none;
}
.navbar .nav li ul li {
	font-size:13px;
	margin:0px;
	padding:0px;
	/*width:200px;*/
	-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:35px;
	line-height:35px;
	color:#fff;
	padding:0px 0px 0px 30px;
	margin:0px;
	display:block;
	text-decoration:none;
}
.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 {
	color:#D9D9D9;
}
/* 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;
	background-color: #222;
}
.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;
	background-color: #111111;
}
.nav-tabs li {
	border:none;
	background-color: #222;
	text-align:center;
	margin:0px;
	padding:0px;
}
.nav-tabs li:hover {
	border:none;
	background: #222;
}
.nav-tabs > li > a {
	border:none;
	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-right: 1px #323232 solid;
}
.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;
	background-color: #111111;
	border-color: #DDDDDD #DDDDDD transparent;
	border-image: none;
	border-style: solid;
	border-width: 0px;
	color: #fff;
	cursor: default;
}
.nav-tabs li a:hover {
	border-right: 1px #323232 solid;
	background-color: #111111;
}
.nav-tabs li.active {
	border-right: 1px #323232 solid;
	background-color: #111111;
}
.nav-tabs li.active a {
	border-right: 0px #323232 solid;
	background-color: #111111;
}
.nav-tabs li.active a:hover {
	border-right: 0px #323232 solid;
	background-color: #111111;
}
/* GRAY TABS */

.nav-tabs.gray {
	margin-bottom:0px !important;
	border-bottom: 0px solid #DDDDDD;
	background-color: #FBFBFB;
}
.tab-content.gray {
	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;
	background-color: #fff;
}
.nav-tabs.gray li {
	border:none;
	background-color: #CCCCCC;
	text-align:center;
	margin:0px;
	padding:0px;
}
.nav-tabs.gray li:hover {
	border:none;
	background: #222;
}
.nav-tabs.gray > li > a {
	border:none;
	background-color: #CCCCCC;
	-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 20px;
	margin:0px;
	border-right: 0px #fff solid;
}
.nav-tabs.gray li a:hover {
	border-right: 0px #fff solid;
	background-color: #fff;
	color:#000;
}
.nav-tabs.gray li.active {
	border-right: 0px #fff solid;
	background-color: #fff;
	color:#000;
}
.nav-tabs.gray li.active a {
	border-right: 0px #fff solid;
	background-color: #fff;
	color:#000;
}
.nav-tabs.gray li.active a:hover {
	border-right: 0px #fff solid;
	background-color: #fff;
	color:#000;
}
/*  Forms	*/

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: 20px;
	padding: 0px 12px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	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:20px;
	width:100%;
	padding:10px 0px 10px 0px;
	margin-top:10px;
	color:#999999;
	background:#fff;
	border-radius:4px;
	border:1px solid #dadada;
	font-size: 14px;
	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;
}
/*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;
	width:100%;
}
/* Buttons  */
  
.btn {
	color:#fff;
	height:52px;
	line-height:52px;
	padding:0px 22px;
	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;
	margin-bottom:8px;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
}
.btn:focus {
	color:#FFF;
}
.btn-small {
	color:#fff;
	height:32px;
	line-height:32px;
	padding:0px 18px;
	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;
	margin-bottom:8px;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
}
.btn-mini {
	color:#fff;
	height:22px;
	line-height:16px;
	padding:0px 14px;
	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;
	margin-bottom:8px;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
}
.btn-custom-color:hover {
	color:#fff;
	background:#fa2e43;
}
/* 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(../images/logo.png) top left no-repeat;
	width:300px;*/
	height:80px;
 *height:70px;
	overflow:hidden;
	border:0px solid;
	padding:5px 0;/*float:left;background:#eee;*/
}
.logo-top a {
	height:80px;
	display:block;
}
.logo {
	background: url(../images/logo-gray.png) top left no-repeat;
	height:80px;
	width:300px;
	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:11px;
	height:80px;
	line-height:80px;
	margin:0 20px 0 0;
}
.art {
	margin-right:30px;
	height:80px;
	line-height:80px;
}
.foot-container {
	background:#e6e6e6;
	border-top:2px solid #0e6eb8;
}
/* page */
.page-location {
	height:45px;
	line-height:45px;
	color:#aaa;
	border-bottom:1px dotted #ddd;
}
.page-location a {
	color:#aaa;
}
.page-nav-sliderbar {
	margin:15px 20px 40px 0;
	padding:0;
	list-style:none;
}
.page-nav-sliderbar h3 {
	font-size:125%;
	padding:15px 0;
	border-bottom:2px solid #0e6eb8;
}
.page-nav-sliderbar li {
	border-bottom:1px dotted #ccc;
}
.page-nav-sliderbar li:last-child {
	border-bottom:1px solid #ccc;
}
.page-nav-sliderbar li a {
	padding:10px 0 10px 15px;
	display:block;
}
.page-nav-sliderbar li a:hover {
	background:#eee;
}
.page-banner-siderbar {
	padding:20px 20px 0 0;
}
.page-text-siderbar h4 {
	padding:20px 0;
	margin:0 20px 0 0;
	font-size:100%;
	font-weight:700;
	border-bottom:1px dotted #ddd;
}
.page-text-siderbar p {
	padding:8px 0 0;
	font-size:87.5%;
}
.page-content {
	padding:20px 0 0 20px;
}
.page-content h3 {
	padding:20px 0;
	border-bottom:1px dotted #ddd;
	color:#0e6eb8;
}
.page-content h4 {
	padding:35px 0 5px;
	border-bottom:1px dotted #ddd;
	color:#890c0c;
	text-align:center;
}
.page-content h4 .news-time {
	color:#aaa;
	text-align:center;
	font-size:57.5%;
}
.page-content h5 {
	padding:35px 0 5px;
	color:#890c0c;
	text-align:center;
}
.page-content h6 {
	padding:0 0 5px 20px;
	color:#890c0c;
	text-align:left;
}
.page-content p {
	padding:10px 40px 0 20px;/*text-indent:2em;*/
}
.page-content .list-1 li {
	margin:10px 20px 20px;
	word-break:normal;
	white-space:normal;
}
.page-content .list-1 li a {
	font-size:112.5%;
	color:#890c0c;
}
.page-content .list-2 li {
	margin:20px 20px;
	word-break:normal;
	white-space:normal;
}
#page-index .list-1 li {
	margin:0 20px 15px;
	word-break:normal;
	white-space:normal;
}
.page-content .pageing {
	text-align:center;
	padding:10px 0;
	margin:10px 0 0;
	border-top:1px dotted #ccc;
}
.page-content ol {
	list-style-position:inside;
}
.page-content ol li {
	margin:10px 20px 20px 0;
	word-break:normal;
	white-space:normal;
}
.cust-thumb {
	margin:10px;
	padding:1px;
	border:1px solid #ccc;
	text-align:center;
}
.cust-thumb p {
	padding:15px 10px;
}
/* About */
.about-i {
	margin-bottom:15px;
}
.banner-about-normal {
	display: table-cell;
	vertical-align: middle;
}
.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('../images/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;
}
/* Scrollable content classes */ 
  
.scrollable {
	height:420px;
}
.scrollable-2 {
	height:520px;
}
.ie8 .scrollable-2 {
	height:416px;
}
.scrollable-3 {
	height: 175px;
}
.scrollable-4 {
	height:420px;
}
.scrollable-5 {
	height:230px;
}
.non-scrollable-3 {
	height:170px;
}
/* Table */
 
.table {
	width: 90%;
	margin-bottom: 20px;
	margin-left:30px;
}
.table-bordered {
	border: 1px solid #FFF;
	border-collapse: separate;
	border-left: 0;
}
.table-bordered th, .table-bordered td {
	border-left: 1px solid #fff;
}
.table th, .table td {
	padding: 8px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #FFF;
	-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;
	background-color: #525252;
	color: #FFF;
}
tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
	background-color: #EBEBEB;
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
	color: #111111;
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
	background-color: #C8C8C8;
}
.write-comment {
	padding-top: 5px;
	display: block;
	max-width: 200px;
	margin: 0px auto;
}
.team-people {
	padding-bottom: 0px;
}
/* Portfolio */
  
.portfolio {
	overflow:hidden;
	max-width:300px;
	max-height:267px;
	height:100%;
	width:100%;
}
.portfolio .overlay {
	position: absolute;
	display: none;
	height:100%;
	width:100%; /*
  max-width:300px;
  max-height:225px; */
	left: 0;
	bottom: 0;
	background: url('../images/300-267-hover.png') center;
}
.overlay-content {
	font-weight:bold;
	text-align:center;
	opacity: 1;
}
.overlay-content .title-overlay {
	position:absolute;
	top:10px;
	font-size:18px;
	width:100%;
}
.overlay-content .text-overlay {
	font-family: 'Source Sans Pro', sans-serif;
	position:absolute;
	font-size:18px;
	width:100%;
	color: #FFF;
	bottom:15%;
}
.portfolio a {
	position: relative;
	display: block;
	height:100%;
}
.thumbnail {
/*margin: 0 0 0px 0;
	padding:0px;
	border:0px solid #FFF;
*/}
/*  Accordion  _default

.accordion-group {
	border-radius:0px !important;
	border:0px;
	margin-bottom:1px !important;
	padding:0px 30px 0px 0px;
}
.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(../images/accordion-toogle.png) 20px center no-repeat;
}
.accordion-active {
	padding-left:60px !important;
	background: url(../images/accordion-active.png) 20px center no-repeat;
}*/
/*  Accordion  */

.accordion-group {
	border-radius:0px !important;
	border:0px;
	margin:0;
}
.accordion-heading {
	border-bottom:1px solid #ddd;
}
.accordion-heading a p {
	padding:0 0 5px
}
.accordion-inner {
	background:#e3e3e3;
	border:1px solid #ddd;
	border-top:none;
	padding:10px 30px 20px !important;
}
.accordion-toggle {
	padding:20px !important;
	padding-left:30px !important;
}
.accordion-active {
	background:#d4d4d4;
}
.accordion-heading-2 {
	border-bottom:1px solid #ddd;
	border-radius:4px 4px 0 0;
}
.accordion-heading-2 a p {
	padding:10px 30px;
}
.accordion-inner-2 {
	background:#ddd;
	border:1px solid #ddd;
	border-top:none;
	padding:5px 30px !important;
	border-radius:0 0 4px 4px;
}
.accordion-inner-2 p {
	padding-left:0;
}
.accordion-toggle-2 {
    text-decoration:none;
}
/* Blockquote */

blockquote {
	margin: 10px 0 10px 12px;
	border-left: 3px solid #ddd;
	font-size:87.5%;
	color:#8c8c8c;
	padding:0 10px;
}
/*  Alerts  */
       
.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;
}
/* 404 Error */

.error-404 {
	text-align: center;
	overflow: hidden;
	border: 0px solid;
	padding-top: 0px;
	margin: 0px auto;
}
.error-404 img {
	max-width:300px;
}
/* Spacer classes */

.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 classes */
    
.padding-30 {
	padding:0px 30px;
}
.padding-20-30 {
	padding:20px 30px;
}
.padding-20-0 {
	padding:20px 0px;
}
.padding-75 {
	padding:75px 0px 0px 0px;
}
.padding-15 {
	padding:15px 30px 0px 30px;
}
.padding-5-30 {
	padding:5px 30px;
}
.padding-0-5-30 {
	padding:0px 30px 5px 30px;
}
.padding-0-5-22 {
	padding:10px 30px 5px 22px;
}
@media (max-width:1023px) {
.navbar .nav > li > a i {
 display:none;
}
}
/* 返回顶部样式 */
.izl-rmenu {
	position:fixed;
	right:0;
	margin-right:20px;
	bottom:20px;
	padding-bottom:20px;
	background:url(../images/r_b.png) 0px bottom no-repeat;
	z-index:999;
}
.izl-rmenu .btn {
	width:72px;
	height:73px;
	margin-bottom:1px;
	cursor:pointer;
	position:relative;
	padding:0;
}
.izl-rmenu .btn-qq {
	background:url(../images/r_qq.png) 0px 0px no-repeat;
	background-color:#6da9de;
}
.izl-rmenu .btn-qq:hover {
	background-color:#488bc7;
}
.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {
	background:url(../images/r_qq.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;
}
.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;
}
/* 友情链接 */
.wrap-friendlink {
    list-style:none;
	margin:0 0 5px;
	padding:0;
	text-align:center;
}
.wrap-friendlink li {
	display:inline-block;
	padding:0 5px 10px;
	max-width:115px;
}