html, body { height: 100%; }
body { margin: 0; padding: 0; font-family: '新宋体', Arial;	color: #505050; }
.border-color img{display:none; }

@media (min-width: 1200px) 
{
    .container { width: 1000px !important; }
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {	font-family: '新宋体', Arial;}
h2 { margin-top: 0px;}
.wrapper {
	min-height: 100%;
	height: auto !important; /* for older versions of IE */
	height: 100%;
	margin-bottom: -300px; /* footer height + margin */
	padding-top: 20px; /* margin */
	padding-bottom: 300px; /* footer height + margin */
}

/* ===== Mini Navbar ===== */

.mini-navbar { width: 100%;	height: 40px; font-size: 0.9em;	z-index: 9999; position: relative; }
.mini-navbar .hidden-sm { display: inline-block !important; }
.mini-navbar .phone { display: inline-block; padding: 10px; }
.mini-navbar a { display: inline-block;	padding: 10px 10px 11px 10px;
	-webkit-transition: background 500ms;
			transition: background 500ms;
}
.mini-navbar a.first-child { margin-left: -25px; }
.mini-navbar a:hover { text-decoration: none; }

/* Mini Navbar Dark */

.mini-navbar-dark {
	background: #353432;
	color: #ecf0f1;
	border-bottom: 1px solid #666;
}
.mini-navbar-dark a {
	color: #ecf0f1;
}
.mini-navbar-dark a:hover {
	background: #242424;
}
.mini-navbar-dark b{
	font-family: Arial;
	font-size:13px;
	font-weight:normal;
}
/* Mini Navbar White */

.mini-navbar-white {
	background: #fff;
	color: #505050;
	border-bottom: 1px solid #ecf0f1;
}
.mini-navbar-white a {
	color: #505050;
}
.mini-navbar-white a:hover {
	background: #f5f5f5;
}

/* ===== Navbar ===== */

.navbar-static-top {
	right: 0;
	left: 0;
}

/* Navbar gets a bit higher */

.navbar {
	min-height: 75px;
	margin-bottom: 0 !important;
}
.navbar-form {
	margin-top: 20.5px;
	margin-bottom: 20.5px;
}
.navbar-brand {
	padding: 15px 15px;
	font-family: '新宋体', Arial;
	font-size: 12px;
}
.navbar-brand > span 
{
    padding: 25px 15px;
	font-size: 12px;
}
.navbar-btn {
	margin-top: 20.5px;
	margin-bottom: 20.5px;
}
.navbar-text {
	margin-top: 27.5px;
	margin-bottom: 27.5px;
}
.navbar-toggle {
	margin-top: 20.5px;
	margin-bottom: 20.5px;
}

/* Navbar Dark */

.navbar-dark {
	background-color: #4E4D4A;
	border: 0;
}

.navbar-dark .navbar-brand {
	color: #ecf0f1;
	text-shadow: 1px 1px 2px #333;
}

.navbar-dark .navbar-brand > span {
	color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
	color: #fff;
}

.navbar-dark .navbar-text {
	color: #ecf0f1;
}

.navbar-dark .navbar-nav > li > a {
	color: #ecf0f1;
	background: transparent;
	-webkit-transition: background 500ms;
			transition: background 500ms;
}

.navbar-dark .navbar-nav > .active > a,
.navbar-dark .navbar-nav > .active > a:hover,
.navbar-dark .navbar-nav > .active > a:focus {color: #FFF;background-color: #353432;}
.navbar-dark .navbar-nav > .disabled > a,
.navbar-dark .navbar-nav > .disabled > a:hover,
.navbar-dark .navbar-nav > .disabled > a:focus {color: #bdc3c7;}
.navbar-dark .navbar-toggle {border-color: transparent;background: transparent;}
.navbar-dark .navbar-toggle:hover,
.navbar-dark .navbar-toggle:focus {background-color: #353432;}
.navbar-dark .navbar-toggle .icon-bar {background-color: #ecf0f1;}
.navbar-dark .navbar-toggle:hover .icon-bar,
.navbar-dark .navbar-toggle:focus .icon-bar{background-color: #fff;}
.navbar-dark .navbar-collapse,
.navbar-dark .navbar-form {	border-color: #353432;}

.navbar-dark .navbar-nav > .open > a,
.navbar-dark .navbar-nav > .open > a:hover,
.navbar-dark .navbar-nav > .open > a:focus {color: #FFF;}

.navbar-nav > .open > a:after {
	content: "\f0d8";
	font-family: FontAwesome;
	position: absolute;
	z-index: 9999;
	bottom: -5px;
	left: 50%;
	margin-left: -10px;
	font-size: 36px;
}

.navbar-dark .navbar-nav > .open > a:after {color: #353432;}
.navbar-dark .navbar-nav > .dropdown > a:hover .caret {border-top-color: #FFF;border-bottom-color: #FFF;}
.navbar-dark .navbar-nav > .dropdown > a .caret {border-top-color: #ecf0f1;	border-bottom-color: #ecf0f1;}
.navbar-dark .navbar-nav > .open > a .caret,
.navbar-dark .navbar-nav > .open > a:hover .caret,
.navbar-dark .navbar-nav > .open > a:focus .caret {
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}

/* Navbar Dark Dropdown Menu */

.navbar-dark .navbar-nav > li > .dropdown-menu {
	background-color: #353432;
	border: 1px solid #353432;
	border-top: 1px solid #666;
	-webkit-box-shadow: none;
			box-shadow: none;
}
.navbar-dark .dropdown-menu > li > a {
	padding: 7px 20px;
	border-bottom: 1px solid #666;
	color: #fff;
}
.navbar-dark .dropdown-menu > li > a:hover,
.navbar-dark .dropdown-menu > li > a:focus {
	color: #fff;
	-webkit-transition: all 0.1s ease-in-out;
			transition: all 0.1s ease-in-out;
}
.navbar-dark .dropdown-menu > li:last-child > a {border-bottom: 0;}
.navbar-dark .navbar-link {color: #ecf0f1;}
.navbar-dark .navbar-link:hover {color: #FFF;}

/* ===== Footer ===== */

footer {
	padding: 20px 0;
	margin-top: 2px;
}
footer h4 {
	padding-bottom: 10px;
	border-bottom: 1px solid #4E4D4A;
	margin-bottom: 20px;
}
footer h4 > span {
	padding: 8px; /* FIXME */
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* Footer Dark */

.footer-dark {
	background: #353432;
	color: #ecf0f1;
}
.footer-dark hr {
	border-top: 1px solid #4E4D4A;
}

/* ===== Jumbotron ===== */

.main-slideshow {
	position: relative;
	margin-top: -20px;
}

.jumbotron {
	width: 100%;
	height: 360px;
	margin-bottom: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #FFF;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	background-size: cover;
}
.jumbotron h2 {
	font-size: 28px;
	line-height: 1.5;
	margin-bottom: 20px;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}
.jumbotron.first img {
	width: 90%;
	margin: 50px auto 0;
}
.jumbotron.second img {
	position: absolute;
	bottom: -600px;
	left: 50%;
	margin-left: -300px;
	cursor: pointer;
	box-shadow: 0 0 15px rgba(0,0,0,0.8);
	transition: bottom 0.3s;
	-webkit-transition: bottom 0.3s;
}
.jumbotron.second img:hover {bottom: -590px;}
.jumbotron.third .video {width: 80%;margin: 50px auto 0 auto;}
.jumbotron.first h1,.jumbotron.third h1 { margin-top: 50px;}
.jumbotron .lead {	text-shadow: 1px 1px 5px rgba(0,0,0,0.3);}
.jumbotron .btn {
	font-size: 18px;
	padding: 15px 30px;
	margin-top: 10px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

/* Slideshow controls */

a.slideshow-arrow	{
	position: absolute;
	display: block;
	height: 100px;
	width: 50px;
	top: 50%;
	margin-top: -60px;
	background: transparent;
	color: transparent;
	font-size: 32px;
	font-weight: 300;
	line-height: 100px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: background 500ms, color 500ms;
			transition: background 500ms, color 500ms;
}
.main-slideshow:hover a.slideshow-arrow	{ background: rgba(0, 0, 0, 0.5); color: #FFF; }
a.slideshow-arrow:hover,
a.slideshow-arrow:active { text-decoration: none; }
a.slideshow-arrow-prev {
	left: 0;
	right: auto;
	padding-right: 5px;
}
a.slideshow-arrow-next {
	right: 0;
	left: auto;
	padding-left: 5px;
}

/* ===== Services ===== */

.services {
	margin-top: 10px;
	margin-bottom: 20px;
}
.services-item i {
	float: left;
	margin: 20px 15px 0 0;
	-webkit-transition: all 500ms;
			transition: all 500ms;
}
.services-item-desc {
	overflow: hidden;
}

/* Portfolio */

.portfolio {
	margin-bottom: 30px;
}
.col-sm-4 .portfolio-item
{
	border-radius: 3px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
	position: relative;
	display: block;
	overflow: hidden;
}
.col-sm-4 .portfolio-item img {
    display: block;
    background-color: #cccccc;
}
.col-sm-5 { width:48%;}
.col-sm-5 .portfolio-item
{
	border-radius: 3px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
	position: relative;
	display: block;
	overflow: hidden;
}
.col-sm-5 .portfolio-item img {
    display: block;
    background-color: #cccccc;
}
.portfolio-item > a > .mask {
	position: absolute;
	bottom: -40px;
	width: 100%;
	padding: 10px;
	border-radius: 0 0 3px 3px;
	background: #4E4D4A;
	color: #fff;
	-webkit-transition: bottom 500ms;
			transition: bottom 500ms;
}
.col-md-3 > .portfolio-item > a > .mask,
.col-lg-3 > .portfolio-item > a > .mask {
	font-size: 0.9em;
}
.portfolio-item > a:hover > .mask {
	bottom: 0;
}
.portfolio-desc {
	padding: 0 5px;
	margin-bottom: 20px;
}
.portfolio-desc > h3 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 10px;
}

/* ===== Block Block ===== */

.recent-blogs {	margin-bottom: 20px;}
.recent-blog { margin-bottom: 20px; }
.recent-blog img { display:block;width:100%; }
.recent-blog-desc {	overflow: hidden;}
.recent-blog-desc h4 {font-size: 20px;line-height: 1.5;	margin-top: 0;}
.recent-blog-desc .last { float:right;}
.recent-blog-desc p {line-height: 1.7;}


/* ===== Blog Page ===== */

.blog-p img.author {
	float:left;
	height: 70px;
	width: 70px;
	border-radius: 70px;
	margin-right: 20px;
}
.blog-p-body {overflow: hidden;}
.blog-p-body p {line-height: 1.7;}
.blog-p-body .flex-video {margin: 20px 0;}
.blog-p-body img {border-radius: 3px;margin: 20px 0;}
.blog-p-search {margin-bottom: 40px;}
.blog-p-social {list-style-type: none;margin: 0 0 40px 0;padding: 0;}
.blog-p-social > li {padding: 0;border-bottom: 1px solid #eee;}
.blog-p-social > li a {	display: block;	padding: 10px 0;}
.blog-p-social > li i {	margin-right: 10px;}
.blog-p-popular {list-style-type: none;	margin: 20px 0 0 0;	padding: 0;}
.blog-p-popular > li {margin-bottom: 10px;}

/* ===== Portfolio List ===== */

.glr-list-p > li:first-child {	padding-left: 5px !important;}
.glr-list-p	> li {margin-bottom: 10px;}
.glr-list-p	> li.clearfix {	display: none;}

.zone-aside-second .widget {
    margin-bottom: 40px;
}

.phone{display:none; }
.phone a{color:#fff}
.imglcmin{display:none; }

@media only screen and (min-width: 768px) {
	.navbar-nav > li > a {	padding-top: 27.5px;	padding-bottom: 27.5px;	}
}
@media screen and (max-width: 767px)
{ 
    .jumbotron.first h1,
	.jumbotron h2 {	font-size: 22px; margin-top: 20px;}
	.jumbotron .delay-2 p {	font-size: 16px; margin-top: 20px;}
	.jumbotron .delay-2 ul li { font-size: 14px; }
    .navbar-brand > span {	display: none;	}
	.navbar-dark .navbar-nav .open .dropdown-menu > .dropdown-header {	border-color: #353432;	}
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a {color: #ecf0f1;	padding: 10px 20px;	border: 0; }
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff;}
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus {	color: #fff;}
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #bdc3c7; background-color: transparent; }
	.navbar-dark .navbar-nav > li > a:hover,
	.navbar-dark .navbar-nav > li > a:focus { color: #FFF; }
	.navbar-dark .navbar-nav > .open > a,
	.navbar-dark .navbar-nav > .open > a:hover,
	.navbar-dark .navbar-nav > .open > a:focus {
		padding-top: 10px;
		padding-bottom: 10px;
		border-width: 0;
	}
    .phone{display:block;width:100%;position:fixed;bottom:0px;z-index:11111;background:#353432;font-size:20px; padding:10px 0 10px 0; text-align:center}
    .imglc{display:none; }
    .imglcmin{display:block; }
    .col-sm-5 { width:100%;}
}