body {
  /* padding-top: 50px; */
}
.navbar {
  margin-bottom: 0;
}
.navbar .icon-bar {
  background-color: #666;
}
.navbar-collapse {
  background-color: #fff;
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.banner_img {
  background-size: cover;
  width: 100%;
  height: 600px;
}
.carousel-caption {
  bottom: 200px;
}
.banner_title {
  font-size: 72px;
  overflow-wrap: break-word;
}
.banner_sub_title {
  margin-top: 20px;
  font-size: 12px;
  overflow-wrap: break-word;
}
.head_other {
  height: 75px;
  line-height: 75px;
  float: right;
  color: #666;
  display: none;
}
.logo-img {
  width: 120px;
  height: 40px;
}
.navbar-brand {
  padding: 5px 15px;
}

@media (min-width: 768px) {
  .navbar-nav li a,
  .navbar-brand {
    height: 75px;
    line-height: 45px;
    color: #666;
  }
  .navbar-brand {
    padding: 7.5px 15px;
  }
  .navbar-nav li a {
    width: 130px;
    text-align: center;
  }
  .navbar-nav li a:hover {
    color: #1274ce;
  }
  .active a {
    color: #1274ce !important;
  }

  body {
    /* padding-top: 75px; */
  }
  .head_other {
    display: initial;
  }
  .logo-img {
    width: 180px;
    height: 60px;
  }
}

/* 产品中心 */
.product_menu {
  display: flex;
  height: 32px;
  border-bottom: 1px solid #e5e5e5;
}
.product_menu_item {
  line-height: 32px;
  cursor: pointer;
  text-align: center;
  color: #666;
  font-size: 12px;
  background-color: #fff;
}
.product_menu_item:hover {
  color: #1274ce;
  font-weight: 600;
}
.product_menu_item.is_active {
  color: #fff;
  background-color: #1274ce;
}
.product_item_img {
  width: calc(50vw - 32px);
  height: calc(50vw - 32px);
  background-size: cover;
}
.product_label {
  text-align: center;
  color: #444;
  font-size: 14px;
  margin-top: 8px;
}
.product_item {
  background-color: #f1f1f1;
  padding: 2px;
  margin-bottom: 10px;
}
.product_item:hover {
  background-color: #1274ce;
}
.product_item:hover .product_label {
  color: #fff;
}
@media (max-width: 768px) {
  .product_menu_item {
    flex: 1;
  }
}
@media (min-width: 768px) {
  .product_menu {
    justify-content: flex-end;
  }
  .product_menu_item {
    float: right;
    padding: 0 30px;
  }
  .product_item_img {
    width: 258px;
    height: 258px;
  }
}

/* 案例中心 */
.swiper {
  width: 100%;
  height: 200px;
}
/* 让动画平滑过渡 */
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.swiper-slide {
  width: 300px;
  height: 100%;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 底部 */

.bottom_menu {
  display: flex;
  height: 50px;
}
a {
  text-decoration: none;
  color: black;
}
a:hover {
  text-decoration: none;
  cursor: pointer;
} /*a标签鼠标经过mouseover时的样式*/
a:link {
  text-decoration: none;
  cursor: pointer;
} /*a标签未访问时的样式*/
a:visited {
  text-decoration: overline;
  cursor: pointer;
} /*a标签访问过之后样式*/
a:active {
  text-decoration: overline;
  cursor: pointer;
} /*a标签鼠标按下mousedown时的样式*/
.bottom_menu_item {
  line-height: 50px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
}
.bottom_menu_item:hover,
.bottom_menu_item.is_active {
  color: #1274ce;
}
.qr_code img {
  border: 2px solid #fff;
}
@media (max-width: 768px) {
  .bottom_menu_item {
    flex: 1;
  }
  .qr_code {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .bottom_menu {
    justify-content: flex-start;
  }
  .bottom_menu_item {
    float: left;
    padding-right: 100px;
  }
  .qr_code {
    float: right;
  }
}

.bottom_label {
  height: 50px;
  line-height: 50px;
  color: #bdc3c7;
  font-size: 12px;
}

/* 单页背景 */
.html_bg_img {
  background-size: cover;
  width: 100%;
  height: 480px;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #fff;
  justify-content: center;
}
/* 关于我们，展示图 */
.about-img {
  background-size: cover;
  width: 100%;
  height: 400px;
}

/* 关于我们， 展示文字 */
.about-label-box {
  padding: 0 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #fff;
  justify-content: center;
  background-color: #1274ce;
}

/* 联系我们 文本框 */
.contact-box {
  padding: 0 100px;
  color: #fff;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  background-color: #1274ce;
}
@media (max-width: 768px) {
  .contact-box {
    padding: 0 30px;
  }
}