/* Pseudo elements for icons */
.btn:before,
.fa-plus:after,
.fa-download:before {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
  }

#topcontrol {
  color: #fff;
  z-index: 99;
  width: 40px;
  height: 40px;
  font-size: 26px;
  line-height: 40px;
  background: #333;
  position: relative;
  right: 10px !important;
  bottom: 102px !important;
  border-radius: 5px !important;
}
#topcontrol:after {
  top: -2px;
  left: 12px;
  content: "\f106";
  position: absolute;
  text-align: center;
  font-family: FontAwesome;
}

#topcontrol:hover {
  color: #fff;
  background: #5cb85e;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*--------------------------
--------- PRELOADER --------
--------------------------*/

#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#fff; /* change if the mask should have another color then white */
  z-index:1001; /* makes sure it stays on top */
  }

#status {
  width:100%;
  height:400px;
  position:absolute;
  left:0%; /* centers the loading animation horizontally one the screen */
  top:15%; /* centers the loading animation vertically one the screen */
  background-image:url(../images/loading.gif); /* path to your loading animation */
  background-repeat:no-repeat;
  background-position:center;
  /*margin:-100px 0 0 -100px;*/ /* is width and height divided by two */
  }

/*--------------------------
--------- HOMEPAGE ---------
--------------------------*/

#home{
  text-align: center;
  position: relative;
  }

#home .divider-top{
  background: url(../images/divider2.png) center top no-repeat;
  height: 5px;
  margin-top: 30px;
  }

#home .divider{
  background: url(../images/divider2.png) center top no-repeat;
  height: 5px;
  }

#home .slider1{
  background: url(../images/banner1.jpg) center top repeat-x; height:550px;
  }

#home .slider2{
  background: url(../images/banner2.jpg) center top repeat-x; height:550px;
  }

#home .slider3{
  background: url(../images/banner3.jpg) center top repeat-x; height:550px;
  }

#home .slider4{
  background: url(../images/banner4.jpg) center top repeat-x; height:550px;
  }

#home .slider5{
  background: url(../images/banner5.jpg) center top repeat-x; height:550px;
  }
#home .slider6{
  background: url(../images/banner6.jpg) center top repeat-x; height:550px;
  }

#home .carousel-inner .content {
opacity:0.86;
max-width:620px;
background-color: #1c1f88;
padding:18px 25px 25px 27px;
text-align: left;
}
#home .carousel-inner .content .banner_title {
  color:#5cb85e;
  font-size: 1.8em;
}
#home .carousel-inner .content .banner_title span{
  color:#FFF;
}
#home .carousel-inner .content .banner_txt {
  color:#ccc;
  font-size:1.2em;
  line-height: 1.5em;
  margin-bottom: 0.8em;
}

#home .carousel-inner #bann_no1, #home .carousel-inner #bann_no3, #home .carousel-inner #bann_no5 {float:right; margin:45px 30px 0 0;}
#home .carousel-inner #bann_no2, #home .carousel-inner #bann_no4, #home .carousel-inner #bann_no6 {float:left; margin:40px 0 0 30px;}



#home .phone1{
  background-image: url(../images/5.png);
  background-repeat: no-repeat;
  background-position: center;
  width:100%; height:400px;
  }

#home .phone2{
  background-image: url(../images/phone1.png);
  background-repeat: no-repeat;
  background-position: center;
  width:100%; height:400px;
  }

#home .phone3{
  background-image: url(../images/bb3.png);
  background-repeat: no-repeat;
  background-position: center;
  width:100%; height:400px; margin-top:-80px;
  }

#home .phone4{
  background-image: url(../images/phone3.png);
  background-repeat: no-repeat;
  background-position: center;
  width:100%; height:400px;
  }

#home .phone5{
  background-image: url(../images/phone4.png);
  background-repeat: no-repeat;
  background-position: center;
  width:100%; height:400px;
  }

.phone{
  text-align: center;
  }

.banner {
  position: relative;
  text-align: center;
  color: #fff;
  height: auto;
  min-height: 550px;
  max-height: 2000px;
  }

.banner .container {
  position: absolute;
  width: 100%;
  top: 49%;
  }

.banner .carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  background-attachment:fixed;
  }

.banner .carousel-fade .carousel-inner .active {
  opacity: 1;
  }

.banner .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
  }

.banner .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
  }

.banner .carousel-fade .carousel-control {
  z-index: 2;
  }

.banner .carousel-caption {
  top: -65%;
  bottom: 0;
  left: 0;
  right: 0;
  }

.banner .carousel-inner > .item {
  background-position: center;
  min-height: 550px;
  }

.banner .carousel-indicators {
  bottom: 2%;
  visibility: hidden1;
  }

.banner .carousel-indicators li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #5cb85e;
  border: 5px solid #5cb85e;
  opacity:.3;
  border-radius: 10px;
  }

.banner .carousel-indicators .active,
.banner .carousel-indicators li:hover{
  width: 15px;
  height: 15px;
  margin: 5px;
  background-color: #5cb85e;
  border: 5px solid #5cb85e;
  opacity:1;
  }

.carousel-caption{
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  }

.carousel-control {
  z-index: 200;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  }

.content{
  color: #fff;
  text-align: center;
  }

.content1{
  color: #333; word-wrap: break-word;max-width:100%;
  }

.content h1{
  width: 100%;
  text-align: center;
  font-size: 4.5em;
  top: 0;
  left: auto;
  position: relative;
  }


/*--------------------------
--------- FEATURES ---------
--------------------------*/

#features{
  margin-top: 20px;
  position: relative;
  background: #fff;
  width: 100%;
  height: auto;
  z-index: 99;
  overflow: hidden;
  }
#features .container { margin:0 auto; padding:0;}
#features span { display:block;}
#features .list{
  padding: 0px 10px 5px 10px;
  cursor: pointer;
  }

#features .list:hover {
  background: rgba(255, 255, 255, 0.11);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-font-smoothing: antialiased;
  }

#features img {margin:0 auto 10px; border: 1px solid #ddd;}
#features img:hover { border:1px solid #5cb85e;}
#features a {color:#999; text-decoration:none;}
#features a strong {color:#333; font-size: 1.2em; line-height: 1.8}
#features a:hover {text-decoration: underline; color:#5cb85e;}
#features a:hover strong {color:#5cb85e; }



.flexslider1 .slides li .list{margin:0 15px;}
#bannerSlider .content h3 {font-family: "Microsoft YaHei", 宋体; font-size:25px; font-style:italic}

@media only screen and (min-width: 600px) and (max-width: 1200px){
    #team .container{width:600px;}
}

@media only screen and (max-width: 600px){
    #home .phone1, #home .phone2,#home .phone3,#home .phone4,#home .phone5 {background-size:100%;}
}
.nav li a {color:#000;}