@charset "UTF-8";

/** 媒体查询 */

/** 布局 */

.home-title {
  font-weight: bold;
  font-size: 3.125rem;
  color: #1B2B5F;
  text-align: center;
  line-height: 1;
}

@media (max-width: 800px) {
  .home-title {
    font-size: 1.75rem;
  }
}

.banner-swiper {
  position: relative;
  overflow: hidden;
  margin-bottom: 6.25rem;
}

@media (max-width: 800px) {
  .banner-swiper {
    margin-bottom: 3.125rem;
  }
}

.banner-swiper .text {
  position: relative;
  padding-bottom: 2.5rem;
  margin-bottom: 3.75rem;
}

.banner-swiper .text::after {
  content: "";
  display: block;
  width: 8.625rem;
  height: 0.5rem;
  background: #1B2B5F;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (max-width: 800px) {
  .banner-swiper .text {
    padding-bottom: 1.25rem;
    margin-bottom: 1.875rem;
  }

  .banner-swiper .text::after {
    width: 4.375rem;
    height: 0.25rem;
  }
}

.banner-swiper .text .t1 {
  font-weight: bold;
  font-size: 4.166vw;
  color: #1B2B5F;
  line-height: 1.3;
}

.banner-swiper .text .t2 {
  font-size: 1.5625vw;
  color: #1B2B5F;
  margin-top: 0.3125rem;
}

.product {
  padding: 0 0 6.25rem;
}

.product .list {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 3.75rem;
}

.product .more {
  margin-top: 1.875rem;
}

@media (min-width: 800px) {
  .product .m-list {
    display: none;
  }
}

@media (max-width: 1024px) {
  .product .list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 800px) {
  .product {
    padding: 1.875rem 0 3.125rem;
  }

  .product .nav {
    display: grid;
    gap: 0.625rem;
  }

  .product .nav .item {
    padding: 0.625rem 0.9375rem;
    font-size: 1.125rem;
  }

  .product .list {
    display: none;
  }
}

@media (max-width: 500px) {
  .product .list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.markets {
  background-color: #E0E9F0;
  padding: 6.25rem 0;
}

.markets .markets-box {
  display: flex;
  gap: 2.1875rem;
}

.markets .text {
  width: 38%;
}

.markets .text .t1 {
  font-size: 1.5rem;
  color: #565656;
  margin-top: 2.5rem;
}

.markets .image {
  width: 62%;
}

@media (max-width: 800px) {
  .markets {
    padding: 3.125rem 0;
  }

  .markets .markets-box {
    flex-direction: column;
  }

  .markets .text,
  .markets .image {
    width: 100%;
  }

  .markets .text .t1 {
    font-size: 0.9375rem;
    margin-top: 1.25rem;
  }
}

.news {
  padding: 6.25rem 0;
}

.news .news-title {
  text-align: center;
}

.news .news-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 1.875rem;
  gap: 2.5rem;
}

.news .news-box .top {
  font-size: 1.5rem;
  color: #000000;
  padding-bottom: 1.25rem;
}

.news .news-box .top a {
  font-weight: bold;
  font-size: 1.125rem;
  color: #1B2B5F;
}

.news .news-box .image {
  border-radius: 0.625rem;
  overflow: hidden;
}

.news .news-box .company-news .image:hover img {
  transform: scale(1.05);
}

.news .news-box .company-news .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.625rem;
  box-sizing: border-box;
  background: #1B2B5F;
  color: #ffffff;
}

.news .news-box .company-news .text .t {
  gap: 0.625rem;
}

.news .news-box .company-news .text .t1 {
  font-weight: bold;
  font-size: 1.5rem;
}

.news .news-box .company-news .text .t2 {
  font-size: 1.125rem;
  color: #99a1b8;
  margin-top: 0.3125rem;
}

.news .news-box .company-news .text .time {
  flex-shrink: 0;
  color: #99a1b8;
}

.news .news-box .company-news .list {
  margin-top: 1.125rem;
}

.news .news-box .company-news .list .item {
  padding: 0.875rem 0;
  border-bottom: 1px solid #ddd;
  gap: 0.625rem;
}

.news .news-box .company-news .list .item::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border: 2px solid #999999;
  transition: all 0.3s;
  border-radius: 50%;
  flex-shrink: 0;
}

.news .news-box .company-news .list .item .t1 {
  font-size: 1.125rem;
  color: #999999;
  flex-grow: 1;
}

.news .news-box .company-news .list .item .time {
  font-size: 1.125rem;
  color: #999999;
  flex-shrink: 0;
}

.news .news-box .company-news .list .item:hover::before {
  border-color: #1B2B5F;
}

.news .news-box .company-news .list .item:hover .t1 {
  color: #1B2B5F;
}

.news .news-box .industry-news .text {
  margin-top: 1.875rem;
}

.news .news-box .industry-news .text .t {
  gap: 0.625rem;
}

.news .news-box .industry-news .text .t1 {
  font-weight: bold;
  font-size: 1.5rem;
  transition: all 0.3s;
}

.news .news-box .industry-news .text .t2 {
  font-size: 1.125rem;
  color: #999999;
  margin-top: 0.625rem;
}

.news .news-box .industry-news .text .time {
  flex-shrink: 0;
  color: #999999;
  margin-left: 1.25rem;
}

.news .news-box .industry-news .text .more {
  font-weight: bold;
  font-size: 1.125rem;
  color: #1B2B5F;
  margin-top: 1.5625rem;
}

.news .news-box .industry-news:hover img {
  transform: scale(1.05);
}

.news .news-box .industry-news:hover .text .t1 {
  color: #1B2B5F;
}

@media (max-width: 800px) {
  .news {
    padding: 3.125rem 0;
  }

  .news .news-box {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 1.875rem;
  }

  .news .news-box .top {
    font-size: 1.125rem;
    padding-bottom: 0.625rem;
  }

  .news .news-box .top a {
    font-size: 1rem;
  }

  .news .news-box .company-news .text {
    padding: 0.5rem;
  }

  .news .news-box .company-news .text .t {
    gap: 0.625rem;
  }

  .news .news-box .company-news .text .t1 {
    font-size: 1rem;
  }

  .news .news-box .company-news .text .t2 {
    font-size: 0.75rem;
  }

  .news .news-box .company-news .text .time {
    font-size: 0.875rem;
  }

  .news .news-box .company-news .list {
    margin-top: 0.5625rem;
  }

  .news .news-box .company-news .list .item {
    padding: 0.625rem 0;
    gap: 0.5rem;
  }

  .news .news-box .company-news .list .item::before {
    width: 0.375rem;
    height: 0.375rem;
  }

  .news .news-box .company-news .list .item .t1 {
    font-size: 0.875rem;
  }

  .news .news-box .company-news .list .item .time {
    font-size: 0.875rem;
  }

  .news .news-box .industry-news .text {
    margin-top: 0.9375rem;
  }

  .news .news-box .industry-news .text .t {
    gap: 0.5rem;
  }

  .news .news-box .industry-news .text .t1 {
    font-size: 1rem;
  }

  .news .news-box .industry-news .text .t2 {
    font-size: 0.75rem;
    margin-top: 0.3125rem;
  }

  .news .news-box .industry-news .text .time {
    font-size: 0.875rem;
  }

  .news .news-box .industry-news .text .more {
    font-size: 0.9375rem;
    margin-top: 0.9375rem;
  }
}

.partners-logos {
  display: flex;
  overflow: hidden;
  padding-bottom: 3.125rem;
}

.partners-logos .item {
  width: 18.75rem;
}

.partners-logos img {
  width: 100%;
  flex-shrink: 0;
}

@media (max-width: 800px) {
  .partners-logos .item {
    width: 11.25rem;
  }
}