﻿/* Carousel base class */
.carousel {
  height: 427px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {height: 427px;}
div.bgb{background-image: url(images/11.jpg);background-color:#355EFF;background-repeat: no-repeat;background-position: center center;}
.carousel .bgc{background-color: #0033FF;filter:alpha(opacity=80);opacity:.8;-moz-opacity:.8;}
.carousel-inner > .item{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;}
@media (min-width: 768px) {
.carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
  }
 /*nav*/ 
.navbar-heade,.navbar-collapse{z-index: 99;}
.nav>li>a {
	height:50px;
}
.navbar .in{background-color: #FFFFFF;}
.single-feature {
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.feature-heading {
  padding-bottom: 60px;
  padding-top: 60px;
}
.feature-heading  h4 {
  color: #333;
}
.feature-icon {
  border: 3px solid;
  border-radius: 50%;
  display: inline-block;
  font-size: 65px;
  padding: 25px 35px 20px 35px;
}
.feature-content {
  margin-top: 20px;
  padding-top: 10px;
}
.border-from-bottom::before {
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  transform: translateY(4px);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
  z-index: -1;
}
.border-from-bottom {
  backface-visibility: hidden;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  display: inline-block;
  overflow: hidden;
  position: relative;
  transform: translateZ(0px);
  vertical-align: middle;
}
.border-from-bottom:hover::before, .border-from-bottom:focus::before, .border-from-bottom:active::before {transform: translateY(0px);}
 
 body{min-height: 500px;height:auto;line-height: 180%;}
 a{text-decoration: none;}
.radi{-ms-border-radius: 8px;-o-border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}/*圆角*/
 #myCarousel{margin-top: 51px;}
 address{line-height: 220%;margin-top:35px;}
 address>i{margin-right: 18px;}
 
.cases{margin-top: 80px;}
.cases img{margin-top:30px;width:60%;margin-bottom:30px;}
.cases img:hover{cursor:pointer; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
.cases code{margin-left: 12px;}
.cases .bor{border: 1px solid #CCCCCC;width:100%;margin-bottom: 25px;}
.cases .btn-block{width: 90%;margin-left: 5%;margin-top: 25px;margin-bottom: 25px;}
 /*整体颜色*/
.footes a{color:#FFFFFF;}
.contacts,.cases,.footes,.cases{padding-top: 30px;padding-bottom: 30px;} 
.feature-icon,.cases .bor:hover{border-color: #6699FF;}
.footes{background-color: #000000;color:#FFFFFF;text-align: center;}
#navbar .active,#navbar a:hover,.contacts,.cases code{background-color: #6699FF;color:#FFFFFF;}
.colors1{color: #6699FF;}