/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/1188(这个说明仅在演示里会看到,下载的源码里没有)*//*! * Main CSS * Ridge CSS */html, body {	height: 100%;	width: 100%;}body {	font-family: 'Roboto', sans-serif;	color: #787878;}hr {	border-color: #6CB85C;	border-width: 3px;	max-width: 50px;}hr.light {	border-color: white;}a {	-webkit-transition: all 0.35s;	-moz-transition: all 0.35s;	transition: all 0.35s;	color: #6CB85C;}a:hover, a:focus {	color: #6c6c6c;}h1, h2, h3, h4, h5, h6 {	font-family: 'Raleway', sans-serif;	text-transform: uppercase;}h3, h4, h6 {	font-weight: 500;}p {	font-size: 16px;	line-height: 1.5;	margin-bottom: 20px;	font-weight: 300;}p.ridge-para::first-letter {	font-size: 200%;	color: #6CB85C;}.justify {	text-align: justify;}.ridge-section-heading {	margin-top: 0;	background: rgba(108,184,92,0.8);	color: #fff;	width: auto;	padding: 10px;	text-align: left;	box-shadow: 0px 10px rgba(0,0,0,0.7);}.color-default {	color: #6CB85C;}.ridge-well {	min-height: 20px;	padding: 19px;	margin-bottom: 20px;	background-color: #ffffff;	-webkit-box-shadow: 5px 5px rgba(108, 184,92,1);	box-shadow: 5px 5px #f1f1f1;	border: 1px solid #f1f1f1;}.ridge-list li {	list-style: none;	font-size: 18px;	line-height: 27px;	font-weight: 300;}.ridge-list li:before {	content: "\f0da";	font-family: FontAwesome;	font-style: normal;	font-weight: normal;	text-decoration: inherit;	color: #6CB85C;	margin-right: 10px;}.ridge-space {	min-height: 40px;}.bg-primary {	background-color: #6CB85C;}.bg-dark {	background-color: #222222;	color: white;}.text-faded {	color: rgba(255, 255, 255, 0.7);}section, aside {	padding: 40px 0;}.section-heading:before {	content: "\f0da";	font-family: FontAwesome;	font-style: normal;	font-weight: normal;	text-decoration: inherit;	color: #6CB85C;	margin-right: 10px;}aside {	padding: 50px 0;}.no-padding {	padding: 0;}nav.affix-top a.logo-color {	display: none;	transition: all 0.35s;}nav.affix a.logo-white {	display: none;	transition: all 0.35s;}nav.affix .ridge-info {	display: none;	transition: all 0.35s;}.navbar-default {	background-color: white;	border-color: rgba(34, 34, 34, 0.05);	font-family: 'Raleway', sans-serif;	-webkit-transition: all 0.35s;	-moz-transition: all 0.35s;	transition: all 0.35s;}.navbar-default i.fa {	padding-right: 3px;	font-size: 13px;	font-weight: normal;}.navbar-default .navbar-header .navbar-brand {	color: #6CB85C;	font-family: 'Raleway', sans-serif;	font-weight: 700;	text-transform: uppercase;}.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus {	color: #6c6c6c;}.navbar-default .navbar-header .navbar-toggle {	font-weight: 700;	font-size: 12px;	color: #222222;	text-transform: uppercase;}.navbar-default .nav >li >a, .navbar-default .nav >li >a:focus {	text-transform: uppercase;	font-weight: 400;	font-size: 13px;	color: #222222;}.navbar-default .nav >li >a:hover, .navbar-default .nav >li >a:focus:hover {	color: #6CB85C;}.navbar-default .nav >li.active >a, .navbar-default .nav >li.active >a:focus {	color: #6CB85C !important;	background-color: transparent;}.navbar-default .nav >li.active >a:hover, .navbar-default .nav >li.active >a:focus:hover {	background-color: transparent;}div.ridge-info {	background-color: rgba(108,184,92,0.9);	padding: 7px 0;	transition: all 1s ease;}div.ridge-info .container {	width: 100%;	padding: 0 20px;}.ridge-info a {	color: white;}.ridge-info ul {	margin-bottom: 0px;}.ridge-info a:hover {	color: #fafafa;	text-decoration: none;}.ridge-info .fa {	font-size: 13px;	margin: 0 7px;}.ridge-info ol, ul {	padding: 0px;}.ridge-info li {	float: left;	list-style: none;	padding: 0 15px;	border-right: 1px solid #ffffff;	color: white;}.ridge-info li.li-last {	border-right: 0px solid #ffffff;}.ridge-portfolio-box {	padding: 15px;}.ridge-float-right {	float: right;}.ridge-float-left {	float: left;}/* about us*/.our-team li {	padding: 0px;	margin: 0px 8px;	display: inline-block;	text-align: center;}h4.team-member-title {	color: #6CB85C;	font-size: 25px;}/* margin classes */.margin-top-20 {	margin-top: 20px;}.margin-bottom-20 {	margin-bottom: 20px;}.margin-bottom-50 {	margin-bottom: 50px;}.margin-top-50 {	margin-top: 50px;}/*dark theme*/.dark-bg {	position: relative;	width: 100%;	min-height: auto;	-webkit-background-size: cover;	-moz-background-size: cover;	background-size: cover;	-o-background-size: cover;	background-position: center;	background-image: url('../img/dark-bg.jpg');	text-align: center;	color: white;}.light-bg {	background: #fafafa;}.text-white {	color: #ffffff;}.text-dark {	color: #333333;}.ridge-button {	font-size: 25px;	padding: 20px 50px;	background: rgba(108,184,92,0.9);	color: #fff;	border-radius: 48px;	font-weight: 300;}.ridge-button:hover {	text-decoration: none;	background: rgba(108,184,92,1);	color: #ffffff;}img.ridge-contact-icon {	width: 50px;	float: left;	margin-right: 15px;}a[href^="http://maps.google.com/maps"] {	display: none !important}a[href^="https://maps.google.com/maps"] {	display: none !important}.gmnoprint div {	background: none !important;}.googleMap .gm-style {	border-style: solid;	border-width: 1px;	border-color: rgba(113,113,113,0.5);}.ridge-form .form-control:focus {	outline: 0;	border-color: #6CB85C;	-webkit-box-shadow: 0 0 #fff;	box-shadow: 0 0 #fff;	border-radius: 0;}.ridge-form .form-control {	display: block;	width: 100%;	padding: 20px 20px 20px 10px;	font-size: 16px;	line-height: 1.42857143;	color: #555;	background-color: #fff;	background-image: none;	border: 1px solid #f1f1f1;	border-radius: 0px;	margin-bottom: 15px;	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}.ridge-form textarea.form-control {	padding: 5px 20px 20px 10px;	height: 100px;}.ridge-submit {	font-size: 15px;	border: 0px solid #fff;	padding: 10px 20px;	background: rgba(108,184,92,0.9);	color: #fff;	border-radius: 0;	font-weight: 300;}.ridge-submit:hover {	background: rgba(108,184,92,1);}footer .container {	padding: 15px 0px;}footer .container p {	margin: 0px;	font-size: 12px;}.contact-social a {	display: inline-block;	float: none;	margin: 0 0 0 10px;	font-size: 16px;}.navbar-right {	margin-right: 0px;}.img-box img {	max-width: 100%;}.post-content-text {	margin-top: 10px;}ul.blog_info li {	display: inline-block;	margin-left: 15px;}ul.blog_info li a {	color: #282a2b;}ul.blog_info li .fa {	color: #6CB85C;}.ridge-readmore {	padding: 5px 15px;	border: 1px solid;}.ridge-readmore:hover {	border: 1px solid;	background: #6CB85C;	color: #ffffff;	text-decoration: none;}.news-post a:hover {	text-decoration: none;}.news-post {	border: 1px solid #f1f1f1;	padding: 10px;}.news-post h3 a {	color: #282A2B;}.affix-top {	position: absolute;}/* Carousel */#quote-carousel {	padding: 0 10px 30px 10px;}#quote-carousel p {	font-size: 17px;	line-height: 1.5;	margin-bottom: 20px;	font-weight: 300;}#quote-carousel .carousel-control {	background: none;	color: #f1f1f1;	font-size: 2.3em;	text-shadow: none;	margin-top: 30px;}#quote-carousel .carousel-control.left {	left: 10px;}#quote-carousel .carousel-control.right {	right: 10px;}#quote-carousel .carousel-indicators {	right: 50%;	top: auto;	bottom: 0px;	margin-right: 0px;}#quote-carousel .carousel-indicators li {	width: 15px;	height: 15px;	margin: 5px;	cursor: pointer;	border: 1px solid #fff;	overflow: hidden;	transition: all 0.4s;	border-radius: 0;}#quote-carousel .carousel-indicators .active {	background: #6CB85C;	border-color: #6CB85C;	opacity: 1;}.carousel-inner {	min-height: 200px;}.item blockquote {	border-left: none;	margin: 0;}.item blockquote p:before {	content: "\f10d";	font-family: 'Fontawesome';	float: left;	margin-right: 10px;}header {	position: relative;	width: 100%;	min-height: auto;	-webkit-background-size: cover;	-moz-background-size: cover;	background-size: cover;	-o-background-size: cover;	background-position: center;	background-image: url('../img/ridge-header8.jpg');	text-align: center;	color: white;}header .header-content {	position: relative;	text-align: center;	padding: 100px 15px 100px;	width: 100%;}header .header-content .header-content-inner h1 {	text-transform: uppercase;	margin-top: 0;	margin-bottom: 0;	font-size: 30px;}header .header-content .header-content-inner hr {	margin: 30px auto;}header .header-content .header-content-inner p {	font-weight: 300;	color: rgba(255, 255, 255, 0.7);	font-size: 16px;	margin-bottom: 50px;}.section-heading {	margin-top: 0;	font-weight: 400;}.service-box {	max-width: 400px;	margin: 50px auto 0;}.hidden {	display: none;}.fixed-right-bottom {	min-width: 200px;}.ridge-team-member {	background: #ffffff;	padding: 20px;	border: 1px solid #f1f1f1;}/*portfolio*/.service-box p {	margin-bottom: 0;}.portfolio-box {	position: relative;	display: block;	max-width: 650px;	margin: 0 auto;}.portfolio-box .portfolio-box-caption {	color: white;	opacity: 0;	display: block;	background: rgba(108,184,92,0.9);	position: absolute;	bottom: 0;	text-align: center;	width: 100%;	height: 100%;	-webkit-transition: all 0.35s;	-moz-transition: all 0.35s;	transition: all 0.35s;}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {	width: 100%;	text-align: center;	position: absolute;	top: 50%;	transform: translateY(-50%);}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {	font-family: 'Raleway', sans-serif;	padding: 0 15px;}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {	text-transform: uppercase;	font-weight: 600;	font-size: 14px;}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {	font-size: 18px;}.portfolio-box:hover .portfolio-box-caption {	opacity: 1;}.portfolio-box:focus {	outline: none;}.call-to-action h2 {	margin: 0 auto 20px;}.text-primary {	color: #6CB85C;}.btn-default {	color: #222222;	background-color: white;	border-color: white;	-webkit-transition: all 0.35s;	-moz-transition: all 0.35s;	transition: all 0.35s;}.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open >.dropdown-toggle.btn-default {	color: #222222;	background-color: #f2f2f2;	border-color: #ededed;}.btn-default:active, .btn-default.active, .open >.dropdown-toggle.btn-default {	background-image: none;}.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {	background-color: white;	border-color: white;}.btn-default .badge {	color: white;	background-color: #222222;}.btn-primary {	color: white;	background-color: #6CB85C;	border-color: #6CB85C;	-webkit-transition: all 0.35s;	-moz-transition: all 0.35s;	transition: all 0.35s;}.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open >.dropdown-toggle.btn-primary {	color: white;	background-color: #6c6c6c;	border-color: #6c6c6c;}.btn-primary:active, .btn-primary.active, .open >.dropdown-toggle.btn-primary {	background-image: none;}.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {	background-color: #6CB85C;	border-color: #6CB85C;}.btn-primary .badge {	color: #6CB85C;	background-color: white;}.btn {	font-family: 'Raleway', sans-serif;	border: none;	font-weight: 400;	text-transform: uppercase;}.btn-xl {	padding: 15px 30px;}::-moz-selection { color: white; text-shadow: none; background: #222222;}::selection {	color: white;	text-shadow: none;	background: #222222;}img::selection {	color: white;	background: transparent;}img::-moz-selection { color: white; background: transparent;}body {	webkit-tap-highlight-color: #222222;}.loading {	background: #fff;	position: fixed;	z-index: 99999;	width: 100%;	height: 100%;}.loader {	border: 3px solid #f3f3f3;	border-radius: 50%;	border-top: 3px solid #6CB85C;	width: 50px;	height: 50px;	-webkit-animation: spin 2s linear infinite;	animation: spin 2s linear infinite;	position: absolute;	top: 45%;	left: 45%;}.margin-0 {	margin: 0px;}@-webkit-keyframes spin { 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);}} @keyframes spin { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}/* * for mobile phones*/@media (max-width: 767px) {.ridge-form .form-control {	padding: inherit;}.fixed-right-bottom {	bottom: 10px;	left: 10px;	min-width: 90%;	position: fixed;	z-index: 9999;}.navbar-toggle {	border: 0px;	margin: 10px 20px;	padding: 0px;	background-color: #fff;}.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {	background: #fff;}.row {	margin: 0px;}img.ridge-contact-icon {	margin-right: 10px;	width: 25px;}.ridge-space {	min-height: 20px;}nav.affix-top a.logo-color {	display: block;	transition: all 0.35s;}nav.affix a.logo-white, nav.affix-top a.logo-white {	display: none;	transition: all 0.35s;}.ridge-list {	margin: 0 auto;}.ridge-float-right, .ridge-info li {	border-right: 0px;	text-align: center;	float: none;}.text-center img {	margin: 0 auto;}.affix-top {	background-color: #ffffff;	position: absolute;}.text-right, .text-left {	text-align: center;} [class*="col-"] { margin: 10px 0;}#quote-carousel {	padding: 0;}#quote-carousel .carousel-indicators {	position: relative;}#quote-carousel p {	font-size: 16px;	line-height: 1.2;	margin-bottom: 20px;	font-weight: 300;}#quote-carousel .carousel-control {	display: none;}.section-heading {	font-size: 25px;}} @media (min-width: 768px) {.navbar-default {	background-color: transparent;	border-color: rgba(255, 255, 255, 0.3);}.navbar-default .navbar-header .navbar-brand {	color: rgba(255, 255, 255, 0.7);}.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus {	color: white;}.navbar-default .nav >li >a, .navbar-default .nav >li >a:focus {	color: rgba(255, 255, 255, 0.7);}.navbar-default .nav >li >a:hover, .navbar-default .nav >li >a:focus:hover {	color: white;}.navbar-default.affix {	background-color: rgba(255,255,255,1);	border-color: rgba(34, 34, 34, 0.05);}.navbar-default.affix .navbar-header .navbar-brand {	color: #6CB85C;	font-size: 14px;}.navbar-default.affix .navbar-header .navbar-brand:hover, .navbar-default.affix .navbar-header .navbar-brand:focus {	color: #6c6c6c;}.navbar-default.affix .nav >li >a, .navbar-default.affix .nav >li >a:focus {	color: #000000;}.navbar-default.affix .nav >li >a:hover, .navbar-default.affix .nav >li >a:focus:hover {	color: #6CB85C;}header {	min-height: 100%;}header .header-content {	position: absolute;	top: 50%;	-webkit-transform: translateY(-50%);	-ms-transform: translateY(-50%);	transform: translateY(-50%);	padding: 0 50px;}header .header-content .header-content-inner {	max-width: 1000px;	margin-left: auto;	margin-right: auto;	/*background-color: rgba(0,0,0,0.4);*/	padding: 20px 0;}header .header-content .header-content-inner h1 {	font-size: 50px;	background-color: rgba(0,0,0,0.2);	padding: 20px 0;	color: rgba(255,255,255,1);}header .header-content .header-content-inner p {	font-size: 18px;	max-width: 80%;	margin-left: auto;	margin-right: auto;}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {	font-size: 16px;}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {	font-size: 22px;}} @media (min-width: 768px) and (max-width: 991px) {.navbar-collapse.collapse {	display: none !important;}.navbar-collapse.collapse.in {	display: block !important;}.navbar-header .collapse, .navbar-toggle {	display: block !important;}.navbar-header {	float: none;}.navbar-toggle {	border: 0px;	margin: 10px 20px;	padding: 0px;	background-color: transparent;}.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {	background: transparent;}}@media (min-width: 992px) {.service-box {	margin: 20px auto 0;}}/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/1188(这个说明仅在演示里会看到,下载的源码里没有)*/