body{
  background-color: #00a0f0;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  color: #fff;
}
main {
  flex: 1 0 auto;
}
.apple-banner {
  width: 100%;
  /*height: 600px;*/
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 140px;
  left: 0;
}
.apple-banner .swiper-container {
  margin-top: -40px;
  width: 100%;
  height: 100%;
  /*height: 600px;*/
}
.swiper-button-prev,.swiper-button-next{
  width: 15%;
  height: 100%;
  top:0;
  background:none!important;
  }
.swiper-button-prev{
  left:0;}  
.swiper-button-next{
  right:0;} 
.swiper-button-prev span,.swiper-button-next span{
  display:block;
  width: 64px;
  height: 64px;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top:-32px;
  border-radius: 100%;
  background: rgba(180,180,180,0.25) url(../images/iarrows.png) no-repeat center 17px;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.swiper-button-next span{
  background: rgba(180,180,180,0.25) url(../images/iarrows.png) no-repeat center -71px;
  left:auto;
  right:20px;
  }
.swiper-button-prev:hover span,.swiper-button-next:hover span{
  opacity: .6;
}
/*分页器*/
.apple-banner .swiper-pagination{
  top:auto;
  bottom:50px;
  background:none;
}
.apple-banner  .swiper-pagination-bullet {
  display: inline-block;
  width: 50px;
  height: 30px;
  margin: 0 3px;
  cursor: pointer;
  background: none;
  border-radius:0;
  opacity: 1;
}
.apple-banner  .swiper-pagination-bullet span {
  width: 50px;
  height: 2px;
  display: block;
  background: rgba(128,128,128,0.2);
}
.apple-banner .swiper-pagination-bullet-active span{
    background:gray;
}
.apple-banner .autoplay .swiper-pagination-bullet-active span{
    background: rgba(128,128,128,0.2);
}
.apple-banner  .swiper-pagination-bullet i{
  background: gray;
  height: 2px;
  transform:scaleX(0);
  transform-origin: 0;
  display: block;
}
.apple-banner .autoplay .firsrCurrent i{
  transition:transform 2.9s linear;
  transform:scaleX(1);
}
.apple-banner .autoplay .current i{
  transition:transform 4s linear;
  transform:scaleX(1);
}
.apple-banner  .autoplay .replace span{
  background:gray;
}
/*内容样式*/

.slide1 {
  background: #00a0f0 url(/static/images/fp2.png) no-repeat top;
  background-size: cover;
}

.slide1 .title {
  text-align: center;
  margin-top: 100px;
  font-size: 30px;
  font-weight: normal;
  color: #fff;
}
.swiper-slide h2{
  color: #fff;
  bottom: 40%;
  text-align: center;
  font-size: 60px;
  font-weight: normal;
  position: absolute;
  width: 100%;
}

.slide2 {
  background: #00a0f0 url(/static/images/fp3.png)  no-repeat top;
  background-size: cover;
}

.slide3 {
  background: #00a0f0 url(/static/images/fp1.jpg)  no-repeat top;
  background-size: cover;
}


.cover-container {
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
  margin-right: auto;
  margin-left: auto;
}

/*
 * Header
 */
 .masthead{
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
  padding-top: 20px;
  margin: 0;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  color: rgb(4, 87, 183); /* IE8 proofing */
  color: rgba(4, 87, 183,.75);
  border-bottom: 2px solid transparent;
  font-size: 3rem;
}
.masthead-brand a{
   color: rgb(4, 87, 183);
   color: rgba(4, 87, 183,.75);
}
.masthead-brand a:hover{
  border:0;
  text-decoration:none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

}

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #3f5d81;; /* IE8 proofing */
  /*color: rgba(255,255,255,.75);*/
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}



/*
 * Cover
 */

.cover {
  padding: 0 20px;
}
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold;
}


/*
 * Footer
 */

.mastfoot {
  color: #999; /* IE8 proofing */
  color: rgba(255,255,255,.5);
}


/*
 * Affix and center
 */

@media (min-width: 768px) {
  
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .cover-container {
    width: 100%;
    max-width: 1400px;
  }
}

.header .header-container {
    width: 100%;
    min-width: 780px;
    zoom: 1;
    margin: 0 auto;
    max-width: 1200px;
    height: 84px;
    padding: 0;
    transition: all .3s ease 0s;
}


.page-footer{
  text-align: left;
}

#index-banner{
  padding: 0;
}

footer{
  background-color: #00a0f0;
}
footer h5 {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 110%;
  margin: 1rem 0 0.7rem 0;
}
footer .text-small{
  font-size: 13px;
}
footer p.text-small{margin-bottom: 20px;}
footer .footer-copyright{
  overflow: hidden;
  min-height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0px;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(51, 51, 51, 0.08);
}
footer a.text-small{
  color:#ffcc80;
}
.fa-power-off:hover{color: #f00;}
@media (max-width:768px){
  .navbar-collapse{
    position: fixed;
    right: 35px;
    top: 0;
    display: block!important;
  }
  .masthead{
   top: -18px;
    left: 20px;
  }
  .apple-banner{
    margin-top: 50px;
    /*height: 300px;*/
  }
  .apple-banner .swiper-container{
    /*height: 300px;*/
  }
  #logo-container img{
        height: 15px!important;
    margin-top: -5px!important;
  }
  .swiper-slide h2{
    bottom: 80px;
    font-size: 3rem;
  }
}
@media (min-width:1441px){
    /*.apple-banner{
      height: 700px;
    }
    .apple-banner .swiper-container{
      height: 700px;
    }*/
}