/* GLOBAL STYLES
* -------------------------------------------------- */
html,
body {
  color: #5a5a5a;
  height: 100%;
  width: 100%;
}
li,
a {
  text-decoration: none;
  list-style: none;
}
.nav-link:focus,
.nav-link:hover {
  color: white;
}
.nav-link {
  font-weight: 800;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 25rem;
  z-index: 10;
}
.carousel-caption strong {
  font-size: 60px;
}
/* Declare heights because of positioning of img element */
.carousel-item {
  height: 100%;
}
.containerMain {
  width: 100%;
}
/* 第二部分 */
#twoBac {
  width: 75%;
  margin: 0 auto;
}
.marketing .col-lg-3 {
  text-align: center;
}
.marketing .col-lg-3 h4 {
  margin: 40px 0 10px 0;
  text-align: center;
  font-size: 18px;
}

.featurette-divider {
  margin: 40px 0;
}

.featurette-heading {
  line-height: 1;
  letter-spacing: -1px;
  font-size: 40px;
  margin-bottom: 30px;
  font-weight: bold;
  color: black;
}
/* 第三部分 */
#thirdBac {
  width: 65%;
  margin: 0 auto;
}
/* 荣誉部分 */
#honor {
  max-width: 70%;
  margin: 0 auto;
  margin-top: 80px;
}
#honor .row {
  width: 90%;
  margin: 0 auto;
}
#honor .col-md-6 {
  padding: 20px 40px;
}

/* 优势部分 */
#advantage {
  width: 100%;
  background: linear-gradient(to bottom, #2d2f4c 70%, white 30%);
}
#advantage .midContents {
  width: 65%;
  margin: 0 auto;
}
#advantage .col-lg-4 {
  padding: 0;
}
#advantage .contents {
  display: flex;
  flex-direction: row;
  background-color: #0159a2;
}
#advantage .contents p {
  color: white;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}
#advantage .contents span {
  color: white;
  font-size: 30px;
  font-weight: bold;
}
#advantage .contents div {
  color: white;
  font-size: 17px;
}
#advantage .col-lg-4 .featurette-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wihte-heading {
  color: white;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}

/* 优势部分的下一个部分 */
#sixBack {
  width: 100%;
  margin: 60px 0 60px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../image/six.jpg");
}
.sonSixBack {
  display: flex;
  width: 60%;
  justify-content: center; // 水平居中
  align-items: center; //
}
.sonSixBack div {
  background-color: #0159a2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 30px;
  margin: 80px 0 80px 25px;
}
.sonSixBack div:hover {
  background-color: #2f98e0;
}
.fonsSize_18 {
  font-size: 18px;
  color: white;
}
.fonsSize_16 {
  font-size: 16px;
  color: white;
}

/* 悬浮 */
.phno {
  display: block;
}
.float {
  position: fixed;
  right: 40px;
  top: 80%;
  transform: translateY(-50%);
  z-index: 100;
}
.floatt {
  background: #fff;
  border-radius: 35px;
  box-shadow: 0px 0px 15px 0px rgba(30, 53, 54, 0.08);
  margin-bottom: 10px;
}
.floatt ul {
  padding: 0;
}
.floatt li {
  position: relative;
  height: 66px;
  width: 70px;
}
.floatt li:last-child {
  height: 92px;
}
.floatt li::after {
  content: "";
  display: inline-block;
  width: 51px;
  height: 1px;
  background: #f5f5f5;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.align-center {
  align-items: center;
}
.floatt li:last-child::after {
  display: none;
}
.flex-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.icon50 {
  background: url(../image/icon50.png) no-repeat center center;
  width: 100%;
  height: 30px;
  cursor: pointer;
  transition: all 0.3s;
}
.icon50:hover {
  background: url(../image/icon50.png) no-repeat center center;
}
.icon2b {
  background: url(../image/icon2b.png) no-repeat center center;
  width: 100%;
  height: 30px;
  cursor: pointer;
}
.icon2c {
  box-shadow: 0px 0px 15px 0px rgba(30, 53, 54, 0.08);
  width: 70px !important;
  height: 70px !important;
  border-radius: 35px !important;
  background: url(../images/icon2c.png) no-repeat center center #fff;
  cursor: pointer;
  transition: all 0.3s;
}
.icon2c {
  background: url(../image/icon2c.png) no-repeat center center #fff;
}
.icon2b:hover {
  background: url(../image/icon2b.png) no-repeat center center;
}
.email {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 10px;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}
.email span {
  border-radius: 14px;
  line-height: 64px;
  padding: 20px;
  white-space: nowrap;
  box-shadow: 0px 0px 15px 0px rgba(30, 53, 54, 0.08);
  color: #192537;
  font-size: 14px;
  background: #fff;
  font-weight: bold;
}
.email div {
  border-radius: 16px;
  padding: 8px;
  white-space: nowrap;
  box-shadow: 0px 0px 15px 0px rgba(30, 53, 54, 0.08);
  color: #192537;
  font-size: 14px;
  background: #fff;
}
.floatt li:hover .email {
  right: 100%;
  visibility: visible;
  opacity: 1;
}
/* 底部 */
#footerBack .nav {
  width: 50%;
  margin: 0 auto;
  padding: 0;
}
.contactImg {
  width: 120px;
  height: 130px;
  /* display: none; */
  align-item: center;
}
.contactInfo {
  width: 50%;
  margin: 0 auto;
}
.footerHome {
  display: none;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media screen and (max-width: 550px) {
  /* 导航栏 */
  #navbarsExample07 .nav-item {
    margin: 0 !important;
  }
  .carousel {
    margin-top: 85px;
  }
  .navbar-brand img {
    width: 60px;
    height: 60px;
  }
  .carousel {
    margin-bottom: 10px;
  }
  .featurette-divider {
    margin: 20px 0;
  }
  /* 第二部分 */
  #twoBac {
    width: 100%;
    margin-top: 20px;
  }
  #twoBac img {
    width: 65px;
    height: 65px;
  }
  #twoBac .row {
    width: 100%;
  }
  .col-custom-4 {
    width: 25%; /* 减去一些间距以适应列之间的间隔 */
  }
  .marketing .col-lg-3 h4 {
    margin: 20px 0 10px 0;
  }
  /* 第三部分 */
  #thirdBac {
    max-width: 100%;
  }
  #thirdBac .col-md-4 {
    margin-top: 20px;
  }
  #thirdBac {
    width: 85%;
    margin: 0 auto;
  }
  .third-heading {
    font-size: 22px;
    margin-bottom: 10px;
  }
  /* 我们的荣誉部分 */
  #honor {
    max-width: 100%;
  }
  #honor .row {
    width: 100%;
  }
  #honor .col-md-6 {
    padding: 5px;
  }
  .featurette-heading {
    font-size: 30px;
  }
  .wihte-heading {
    font-size: 30px;
  }
  .lead {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
  }
  /* 我们的优势1部分 */
  #advantage {
    margin: 0 auto;
  }
  #advantage .midContents {
    width: 100%;
    padding: 0;
  }
  #advantage .col-lg-4 {
    border-bottom: 0.5px solid black;
  }
  #advantage .contents p {
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
  }
  #advantage .contents span {
    color: white;
    font-size: 20px;
    font-weight: bold;
  }
  #advantage .contents div {
    color: white;
    font-size: 14px;
  }
  /* 我们优势2部分 */
  .sonSixBack {
    width: 30%;
  }
  .sonSixBack div {
    padding: 10px 0;
    margin: 20px 0 10px 0;
  }
  .fonsSize_18 {
    font-size: 14px;
  }
  .fonsSize_16 {
    font-size: 14px;
  }
  /* 底部 */
  #footerBack .nav {
    width: 99%;
  }
  .footerHome {
    display: inline-block;
    width: 100%;
  }
  .footerHome a.move-top {
    width: 34px;
    height: 34px;
    background: url("../image/move-top.png") no-repeat 0px 0px;
    display: inline-block;
  }
  .contactInfo {
    width: 90%;
  }
  .contactDetails {
    text-align: center;
  }
  .contactImg {
    width: 30%;
    height: 30%;
  }
  .phno {
    display: none;
  }
}