body {
  padding-top: 56px;
}

.carousel-item {
  height: 95vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}

.bg-dark {
    background-color: #060606 !important;
}

.navbar {
  padding-top:20px;
}

@media (min-width: 1200px) {
    .nav-item {
    font-size: 1.4vw;
  }
  .carousel-caption { /*qd*/
    left:10%;
    right:10%;
  }
}


.nav-item {
  font-family: Serif;
  margin-left: 40px;
  /*font-size: 1.4vw;*/
}

.carousel-caption {
  top:20%;
  text-align:left;
  display: block !important;
}

.carousel-caption h1 {
  font-size: 400%;
  color:#26DCCD;
}

.carousel-des {
  margin-top: 20px;
  border-left:5px solid #fff
}

.carousel-des h2{
  padding: 0 0 5px 15px;
  font-size: 250%;
}

.carousel-des h3{
  padding-left:15px;
}

.carousel-caption p {
  padding-top:40px;
  max-width:400px;
  font-size:medium;
  color:#b2b2b2;
  letter-spacing:1px;
  line-height: 150%; /*26px;*/
}

.carousel-caption .btn {
  border:1px solid #fff;
  color:#fff;
  border-radius: 25px;
  margin: 20px 10px 0 0;
  padding: .5rem 1.2rem;
}

.carousel-control-prev-icon {
  width: 30px;
  height: 30px;
}

.carousel-control-next-icon {
  width: 30px;
  height: 30px;
}

.carousel-indicators {
  bottom: 8%;
}

.carousel-beian {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
  font-size: 0.9vw;
  line-height: 0.9vw;
  color: #c5c5c5;
}

.carousel-beian img{
  height:1vw;
  width:1vw;
}

.carousel-beian a{
  color: #c5c5c5;
  padding:0 8px 0 2px;
  text-decoration: none !important;
}

.carousel-beian a:hover{
  color: #007aff;
}

.modal-body {
  padding-top: 20px;
  text-align:center;
}

.modal-footer {
  border-top: 0;
}

.imgbox {
  /*position: absolute;*/
}

.box-img {
  position: relative;
  z-index: -1;
}

.box-font {
  position: absolute;
  z-index: 1;
  top: 17%;
  left: 50%;
  padding-right: 5%;
}

.box-font h2 {
  font-weight: bolder;
}

.box-font h5 {
  letter-spacing:2px;
  line-height: 130%; /*26px;*/
  max-width: 350px;
}

.box-line {
  background:#26DCCD;
  width:40px;
  height:5px;
  margin: 22px 0 20px 0;
  border-radius: 5px;
}


@media (min-width:800px) and (max-width:1200px) {
  .carousel-caption { 
    left:5%;
    right:5%;
  }
  .box-font h2 {
    font-size:22px;
  }
  
  .box-font h5 {
    font-size:18px;
  }
}

@media (min-width:1200px) and (max-width:1920px){
  .carousel-caption { 
    left:9%;
    right:9%;
  }
  .box-font h2 {
    font-size:30px;
  }
  
  .box-font h5 {
    font-size:20px;
  }
}

@media (min-width: 1920px) {
  .box-font {
    left:400px;
  }
  .box-font h2 {
    font-size:32px;
  }
  
  .box-font h5 {
    font-size:22px;
  }
}

.carousel-indicators li {
  width:100px;
  height: 4px;
  margin: 0 7px;
  border-radius: 3px;
  border:0;
}