.swiper_box {

  position: relative;

}

.login_content {

  z-index: 0;

  min-height: unset;

  height: 31.875rem;

}

.swiper-container-box {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 31.875rem;

}

.bg_swiper {

  width: 100%;

  height: 100%;

  overflow: hidden;

  position: relative;

}

.login_box {

  width: 20rem;

  background-color: #ffffff;

  border: solid 0.063rem #dcdcdc;

}



.login_type {

  height: 3.125rem;

}



.login_type a {

  line-height: 3.125rem;

}



form {

  padding: 1.236rem 0;

}



.login_input {

  width: 17.5rem;

  height: 2.5rem;

  margin-bottom: 0.538rem;

}



.login_input .icon {

  width: 2.813rem;

}



.login_input input {

  flex: 1;

  width: 2rem;

}



.code,

.get_code {

  width: 6.188rem;

}



.login_checkz_box {

  width: 17.5rem;

  margin: 0.5rem 0;

}



form button {

  width: 17.5rem;

  height: 2.5rem;

  margin: 1rem 0;

}



.login_bottom {

  width: 17.5rem;

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 0.75rem;

  line-height: 1.2rem;

  letter-spacing: 0rem;

  color: #5f5f5f;

}



.login_bottom>div {

  display: flex;

  gap: 0.6rem;



}



.login_bottom>div>span {

  height: 1.2rem;

  align-items: center;

  display: flex;

  gap: 0.2rem;

}

.login_bottom div span img {

  width: 0.938rem;

  height: 1.063rem;

}

.swiper-pagination {

  width: 100%;

  position: absolute;

  bottom: 1rem;

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 1rem;

}

.swiper-pagination-bullet {

  background: rgba(255, 255, 255, 0.7) !important;

  opacity: unset !important;

}

.swiper-pagination-bullet-active {

  background: var(--theme) !important;

}

.bg_swiper .swiper-slide {

  padding-top: 6.5rem;

  display: flex;

  flex-direction: column;

  align-items: center;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

.swiper-slide>h2 {

  -webkit-text-stroke: 1px white;

  font-size: 3rem;

  font-weight: bolder;

  line-height: 3rem;

  padding: 0 15px;

  letter-spacing: 0.075rem;

  color: #0065ab;

  margin-bottom: 1.5rem;

}

.swiper-slide>h3 {

  -webkit-text-stroke: 0.3px white;

  font-size: 1.5rem;

  font-weight: bold;

  padding: 0 15px;

  letter-spacing: 0rem;

  color: #000000;

}

.new {

  border: solid 0.063rem #e5e5e5;

}

.new>div {

  height: 2.813rem;

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-size: 0.875rem;

  letter-spacing: 0.025rem;

}

.icon-a-xingzhuang8 {
  margin-left: 1rem;
  color: var(--theme);

}

.new_info {

  width: 100%;

  display: flex;

  align-items: center;

  gap: 0.5rem;

}

.new_btn_box {

  display: flex;

  gap: 1rem;

}

.content_box {

  margin-top: 1.875rem;

  border: solid 0.063rem #e5e5e5;

}

.nav_box_outer {

  display: flex;

  flex-wrap: wrap;

}

.nav_box {

  display: flex;

  align-items: center;

}

/* .nav_box li:hover .black,

.nav_box li:hover {

    background-color: var(--theme);

    color: #ffffff !important;

} */

.nav_box li {

  height: 7.5rem;

  padding: 0 2rem;

  display: flex;

  align-items: center;

  gap: 1rem;

  color: #5f5f5f;

  border-right: solid 0.063rem #e5e5e5;

}

.nav_box li h4 {

  color: #000;

  font-weight: normal;

  font-size: 1.125rem;

  line-height: 2rem;

}

.nav_box li p {

  font-size: 0.875rem;

}

.nav_box li .icon {

  font-size: 2.5rem;

}

.nav_box li:first-child {

  /* width: 10rem; */

  display: flex;

  flex-direction: column;

  justify-content: center;

  gap: 0;

  align-items: center;

  font-size: 1.5rem;

  line-height: 1.875rem;

  background-color: var(--theme);

}

.nav_box li:first-child .black {

  color: #ffffff !important;

}

.upBomData {

  height: 7.5rem;

  flex-grow: 1;

  display: flex;

  align-items: center;

  border-right: solid 0.063rem #e5e5e5;

  background-color: #f3f3f3;

  border: none;

  justify-content: center;

  color: #5f5f5f;
  padding: 0 1rem;

}

.upBomData>span {
  margin-right: 2rem;
}

.upBomData div {

  position: relative;

  font-size: 0.875rem;

  line-height: 1.5rem;

}

.upBomData div span {

  position: absolute;

  left: 0;

  top: 2.75rem;

  width: 100%;

  text-align: center;

}

.upBomData button {

  width: 12.188rem;

  height: 2.75rem;

  background-color: #0065ab;

  font-size: 1.125rem;

  line-height: 1.5rem;

  color: #ffffff;

}



.title_box {

  display: flex;

  justify-content: space-between;

  align-items: stretch;

  padding: 0 2rem;

  height: 3.75rem;

  background-color: #f3f3f3;

  border-bottom: solid 0.063rem #e5e5e5;

}

.title_box div:first-child {

  display: flex;

  align-items: center;

  gap: 0.5rem;

  font-size: 1.438rem;

}

.title_box div:last-child {

  display: flex;

  align-items: center;

  gap: 0.5rem;

  font-size: 0.875rem;

  line-height: 1.5rem;

  color: #313131;

}

.title_box .more:hover {

  color: var(--theme);

  cursor: pointer;

}

.title_box div:first-child .icon {

  color: var(--theme);

  font-size: 1.438rem;

}

.product_box {

  width: 100%;

  background-color: #e5e5e5;

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  grid-auto-rows: auto;

  grid-gap: 0.063rem;

  font-size: 1rem;

  color: #313131;

}

.product_box li {

  background-color: #ffffff;

  display: flex;

  flex-direction: column;

  gap: 0.6rem;

  justify-content: center;

  box-sizing: border-box;

  padding: 1.2rem 1rem;

}

.product_box li>a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 8rem;
}

.product_box li img {

  max-width: 100%;

  max-height: 100%;

}

.product_box li>div {

  display: flex;

}

.product_box li .list_btn_item {

  justify-content: space-between;

}

.product_box li .list_btn_item .btn {

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}

.product_box .tip {

  width: 2.813rem;

  height: 1.25rem;

  padding: 0 0.01rem;

  line-height: 1.25rem;

  text-align: center;

  font-size: 0.875rem;

  margin-right: 0.4rem;

  color: #ffffff;

  background-color: #0065ab;

  flex: none;

}

.price {

  color: var(--theme2);

}

.ask_box {

  min-height: 12.5rem;

  padding: 0 3.75rem;

  display: flex;

  align-items: center;

  gap: 3rem;

  color: #ffffff;

}

.ask_box h2 {

  font-weight: 500;

  font-size: 2.25rem;

  line-height: 3.5rem;

  letter-spacing: 0.169rem;

}

.ask_box h4 {

  font-size: 1.5rem;

  font-weight: 400;

  letter-spacing: 0.038rem;

}

.ask_box button,
.ask_box a.btn {

  width: 9.375rem;

  height: 2.5rem;

  color: #ffffff;

  font-size: 1.125rem;

  background-color: #e60012;

  text-align: center;

  line-height: 2.5rem;

}

.cooperation_btn .icon {

  position: unset;

  font-size: 1.85rem;

  color: #bbbbbb;

  cursor: pointer;

}

.cooperation_btn .icon:hover {

  color: var(--theme);

}

.cooperation_swiper {

  box-sizing: border-box;

  width: 100%;

  height: 17rem;

  /* padding-top: 1.5rem; */

}

.cooperation_swiper .swiper-wrapper {

  /* width: 100% !important; */

  /* justify-content: space-evenly; */
}

.cooperation_swiper .swiper-slide {

  box-sizing: border-box;

  height: auto;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 0.2rem;

}

.cooperation_swiper .swiper-slide>img {

  width: 100%;

  height: auto;

}



/* 咨询中心 */

.advisory_box {

  display: flex;

  justify-content: space-between;

  gap: 1.25rem;

}

.advisory_box>div:first-child {

  flex-grow: 1;

}

.advisory_box>div:last-child {

  width: 28.75rem;

  flex: none;



}

.advisory_content_box {

  padding: 1rem;

}

.info_box {

  display: flex;

  align-items: flex-start;

  background-color: #f3f3f3;

  align-items: center;

}

.info_box>a{
    display: flex;
    flex: 1;
}

.info_box img {

  width: 23.125rem;

  height: auto;

}

.info_box>.info {

  padding: 1.8rem 1rem;

  background-color: #f3f3f3;

  font-size: 0.875rem;

  line-height: 1.5rem;

  color: #5f5f5f;

  flex: 1;

}

.info_box>.info>h4 {

  font-size: 1.125rem;

  line-height: 1.5rem;

  color: #000000;

}

.info_box>.info>p {

  margin: 1.25rem 0;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}

.news_box {

  padding: 1.25rem 0;

}

.news_box>li>a {

  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 0.875rem;

  line-height: 1.25rem;

  padding: 1rem 0;

  color: #313131;

}

.news_box>li>a>.icon::before {

  color: #e5e5e5;



}

.info_right_box {

  padding: 1.25rem 1rem;

}

.news_box>li>a:hover {

  color: var(--theme);

}

.info_right_box img {

  width: 100%;

  height: auto;

}



.info_right_box>.info {

  padding: 1.8rem 0;

  font-size: 0.875rem;

  line-height: 1.5rem;

  color: #5f5f5f;

}



.info_right_box>.info>h4 {

  font-size: 1.125rem;

  line-height: 1.5rem;

  color: #000000;

}



.info_right_box>.info>p {

  margin: 1.25rem 0;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

}

.bottom_ul {

  padding: 2rem 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.bottom_ul>li {

  display: flex;

  align-items: center;

}

.bottom_ul>li>.icon {

  color: var(--theme);

  font-size: 2rem;
  margin-right: 1rem;

}

.bottom_ul>li>span {

  width: 3.75rem;

  height: 3.75rem;

  border-radius: 50%;

  background-color: #ffffff;

  border: solid 0.063rem #e5e5e5;

}

.bottom_ul a {

  font-size: 1.125rem;

  line-height: 1.5rem;

  letter-spacing: 0.031rem;

  color: #000000;

}


@media (min-width:768px) {
    .classily{
        display:none;
    }
}


@media screen and (max-width:768px) {

  .nav_box {

    flex-grow: 1;

  }

  .nav_box li {

    flex-direction: column;

    justify-content: center;

    align-items: center;

    border-bottom: solid 0.063rem #e5e5e5;

    gap: 0.4rem;

    height: 10rem;

    padding: 0 1rem;
    flex: 1;
    text-align: center;

  }

  .nav_box li div {

    display: flex;

    flex-direction: column;

    align-items: center;

  }

  .nav_box li:last-child {

    border-right: none;

  }

  .product_box {

    overflow-x: hidden;

    grid-template-columns: repeat(2, 1fr);

    grid-row-gap: 1px;

    grid-column-gap: 1px;

  }

  .ask_box {

    padding: 0 1rem;

    gap: 0;

    justify-content: space-between;

  }

  .ask_box h2 {

    font-size: 2rem;

  }

  .cooperation_swiper {

    height: 12.4rem;

    /* padding-top: 1rem; */

  }

  /* 咨询中心 */

  .advisory_box {

    flex-wrap: wrap;

    gap: 0;

  }

  .advisory_box>div:last-child {

    width: 100%;

    flex: none;



  }

  .info_box {

    flex-direction: column;

  }

  .info_box>img {

    width: 100%;

    height: auto;

  }



  .news_box>li>a>.icon {

    width: 60%;

  }

  .bottom_ul {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .bottom_ul>li {
    margin-bottom: 1.25rem;
  }

  .bottom_ul>li:last-child {
    margin: 0;
  }

}