:root {
  --vi: #003297;
  --headerHeight: 1rem;
}

.bcffd23c {
 background-color: #ffd23c!important;
}

* {
  outline: 0 none !important;
  ;
}

html {
  font-size: 100px;
}

html.act {
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
}


@font-face {
  /* font-family: 'ab';
    src: url("../fonts/JINGDONGLangZhengTi2-Semibold.ttf"); */
}


body {
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0 auto;
  overflow-x: hidden;
  position: relative;
  padding: 0;
  width: 100%;
  color: #000;
  font-family: PingFang SC, Arial, Microsoft YaHei, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 0.14rem;
  line-height: 1;
  background: #fff;
}

html.act {
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

ul,
ul li,
ol li,
tr td,
dl,
dd {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

a {
  display: inline-block;
  text-decoration: none !important;
  cursor: pointer;
  color: #000;
}

textarea,
select {
  outline: none;
  color: #666;
  font-size: 0.14rem;
  width: 100%;
}

/* p {
  text-align: justify;
  text-align-last: justify;
  -ms-text-align-last: justify;
  -moz-text-align-last: justify;
} */

textarea {
  resize: none;
  padding: 0;
  border: 0;
  font-family: "gil";
}

img {
  border: none;
  max-width: 100%;
  display: block;
}

img[src=""] {
  opacity: 0;
}

i {
  font-style: normal;
}

/* 滚动条样式 */
*::-webkit-scrollbar {
  width: 4px;
  height: 1px;
}

*::-webkit-scrollbar-thumb {
  background: #000;
}

*::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}

/*去掉 input 默认边框*/
input {
  padding: 0;
  border: 0;
  font-family: "gil";
  outline: none;
}

input[type="submit"] {
  background-color: transparent;
  cursor: pointer;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}


.f_12 {
  font-size: 12px;
}

.f_14 {
  font-size: 14px;
}

.f_16 {
  font-size: 16px;
}

.f_18 {
  font-size: 18px;
}

.f_20 {
  font-size: 20px;
}

.f_22 {
  font-size: 22px;
}

.f_24 {
  font-size: 24px;
}

.f_26 {
  font-size: 26px;
}

.f_28 {
  font-size: 28px;
}

.f_30 {
  font-size: 30px;
}

.f_32 {
  font-size: 32px;
}

.f_34 {
  font-size: 34px;
}

.f_36 {
  font-size: 36px;
}

.f_38 {
  font-size: 38px;
}

.f_40 {
  font-size: 40px;
}

.f_42 {
  font-size: 42px;
}

.f_44 {
  font-size: 44px;
}

.f_46 {
  font-size: 46px;
}

.f_48 {
  font-size: 46px;
}

.f_50 {
  font-size: 50px;
}

.f_52 {
  font-size: 52px;
}

.f_54 {
  font-size: 54px;
}

.f_56 {
  font-size: 56px;
}

.f_58 {
  font-size: 58px;
}

.f_60 {
  font-size: 60px;
}

.f_62 {
  font-size: 62px;
}

.f_64 {
  font-size: 64px;
}

.f_66 {
  font-size: 64px;
}

.f_68 {
  font-size: 68px;
}

.f_72 {
  font-size: 72px;
}

.f_74 {
  font-size: 74px;
}

.f_80 {
  font-size: 80px;
}

.f_88 {
  font-size: 88px;
}

.f_90 {
  font-size: 90px;
}

.f_133 {
  font-size: 133px;
}

@media (max-width: 1760px) {
  .f_133 {
    font-size: 110px;
  }
}

@media (max-width: 1680px) {
  .f_16 {
    font-size: 15px;
  }

  .f_18 {
    font-size: 15px;
  }

  .f_20 {
    font-size: 17px;
  }

  .f_22 {
    font-size: 20px;
  }

  .f_24 {
    font-size: 22px;
  }

  .f_26 {
    font-size: 24px;
  }

  .f_28 {
    font-size: 26px;
  }

  .f_30 {
    font-size: 28px;
  }

  .f_32 {
    font-size: 28px;
  }

  .f_34 {
    font-size: 32px;
  }

  .f_36 {
    font-size: 34px;
  }

  .f_38 {
    font-size: 36px;
  }

  .f_40 {
    font-size: 34px;
  }

  .f_42,
  .f_44 {
    font-size: 36px;
  }

  .f_46 {
    font-size: 36px;
  }

  .f_48 {
    font-size: 36px;
  }

  .f_50 {
    font-size: 40px;
  }

  .f_52 {
    font-size: 40px;
  }

  .f_54 {
    font-size: 46px;
  }

  .f_56 {
    font-size: 48px;
  }

  .f_58 {
    font-size: 48px;
  }

  .f_60,
  .f_62,
  .f_64,
  .f_66,
  .f_68,
  .f_72,
  .f_74,
  .f_80 {
    font-size: 52px;
  }

  .f_88 {
    font-size: 56px;
  }

  .f_90 {
    font-size: 58px;
  }

  .f_133 {
    font-size: 72px;
  }
}

@media (max-width: 1560px) {
  .f_14 {
    font-size: 13px;
  }

  .f_58,
  .f_60,
  .f_62,
  .f_64,
  .f_66,
  .f_68,
  .f_72,
  .f_74,
  .f_80 {
    font-size: 48px;
  }
}

@media (max-width: 1440px) {
  .f_16 {
    font-size: 15px;
  }

  .f_18 {
    font-size: 14px;
  }

  .f_20 {
    font-size: 16px;
  }

  .f_22 {
    font-size: 18px;
  }

  .f_24 {
    font-size: 18px;
  }

  .f_26 {
    font-size: 22px;
  }

  .f_28 {
    font-size: 22px;
  }

  .f_30 {
    font-size: 24px;
  }

  .f_32 {
    font-size: 24px;
  }

  .f_34 {
    font-size: 26px;
  }

  .f_36 {
    font-size: 28px;
  }

  .f_38 {
    font-size: 28px;
  }

  .f_40 {
    font-size: 30px;
  }

  .f_42,
  .f_44 {
    font-size: 32px;
  }

  .f_46 {
    font-size: 32px;
  }

  .f_48 {
    font-size: 34px;
  }

  .f_50 {
    font-size: 36px;
  }

  .f_52 {
    font-size: 34px;
  }

  .f_54 {
    font-size: 38px;
  }

  .f_56 {
    font-size: 40px;
  }

  .f_58 {
    font-size: 40px;
  }

  .f_60,
  .f_62,
  .f_64,
  .f_66,
  .f_68,
  .f_72,
  .f_74,
  .f_80 {
    font-size: 44px;
  }

  .f_88 {
    font-size: 46px;
  }

  .f_90 {
    font-size: 48px;
  }

  .f_133 {
    font-size: 60px;
  }
}

@media (max-width: 1280px) {
  .f_14 {
    font-size: 12px;
  }

  .f_16 {
    font-size: 13px;
  }

  .f_18 {
    font-size: 14px;
  }

  .f_20 {
    font-size: 15px;
  }

  .f_22 {
    font-size: 16px;
  }

  .f_24 {
    font-size: 16px;
  }

  .f_26 {
    font-size: 20px;
  }

  .f_28 {
    font-size: 20px;
  }

  .f_30 {
    font-size: 20px;
  }

  .f_32 {
    font-size: 22px;
  }

  .f_34 {
    font-size: 23px;
  }

  .f_36 {
    font-size: 25px;
  }

  .f_38 {
    font-size: 26px;
  }

  .f_40 {
    font-size: 30px;
  }

  .f_42,
  .f_44 {
    font-size: 32px;
  }

  .f_46 {
    font-size: 30px;
  }

  .f_48,
  .f_50 {
    font-size: 34px;
  }

  .f_52 {
    font-size: 32px;
  }

  .f_54,
  .f_56,
  .f_58,
  .f_60,
  .f_62,
  .f_64,
  .f_66,
  .f_68,
  .f_72,
  .f_74,
  .f_80 {
    font-size: 40px;
  }

  .f_88 {
    font-size: 42px;
  }

  .f_90 {
    font-size: 44px;
  }

  .f_133 {
    font-size: 56px;
  }
}

@media (max-width: 767px) {

  .f_14,
  .f_16 {
    font-size: 0.28rem;
  }

  .f_18,
  .f_20 {
    font-size: 0.3rem;
  }

  .f_22,
  .f_24,
  .f_26,
  .f_27 {
    font-size: 0.32rem;
  }

  .f_28 {
    font-size: 0.36rem;
  }

  .f_30,
  .f_32,
  .f_34 {
    font-size: 0.4rem;
  }

  .f_36,
  .f_38,
  .f_40,
  .f_42,
  .f_44,
  .f_46 {
    font-size: 0.46rem;
  }

  .f_48,
  .f_50,
  .f_52,
  .f_54,
  .f_56,
  .f_58,
  .f_60,
  .f_62,
  .f_64,
  .f_68,
  .f_72,
  .f_74,
  .f_80 {
    font-size: 0.58rem;
  }

  .f_88 {
    font-size: 0.6rem;
  }

  .f_90 {
    font-size: 0.62rem;
  }

  .f_133 {
    font-size: 52px;
  }
}

/* 常用字体颜色 */
.col-fff {
  color: #fff;
}

.col-000 {
  color: #000;
}

.col-333 {
  color: #333;
}

.col-666 {
  color: #666;
}

.col-999 {
  color: #999;
}

.vi-col {
  color: var(--vi);
}

html {
  font-size: calc(100vw/19.2);
}

@media (min-width: 1901px) {
  html {
    font-size: calc(100vw/19.2);
  }
}
.textshadownone {
  text-shadow: none!important;
}

header {
  width: 100%;
  height: .54rem;
}

.header {
  width: 11.92rem;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

.header nav {
  display: flex;
  align-items: center;
}

.header nav a {
  /* color: #45494F; */
  color: #4E92C5;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: .3rem;
  /* margin-left: .85rem; */
}

.header .logo {
  width: 1.03rem;
}

.nav-from {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: .39rem;
}

.header nav .nav-from a {
  display: block;
  flex-shrink: 0;
  padding: .04rem .14rem;
  margin-left: .18rem;
  color: #FFF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.header nav .nav-from a:first-child {
  margin-left: 0;
}

.innerbanner {
  width: 100%;
}
.swiper-banner {
  position: relative;
}
.swiper-banner .swiper-slide .swiper-banner__img {
  display: block;
  width: 100%;
}

.swiper-banner-con {
  width: 11.96rem;
  max-width: 1196px;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

.swiper-banner-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.swiper-banner-title {
  color: #FAB22C;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.swiper-banner-title span {
  color: #FFF;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: .2rem;
}

.swiper-banner-desc {
  margin-top: .13rem;
  color: #FFF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 24px; */
  font-style: normal;
  font-weight: 400;
  line-height: 36.973px;
}

.swiper-banner-rb {
  color: #FFF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 24px; */
  font-style: normal;
  font-weight: 400;
  line-height: 36.973px;
  position: absolute;
  right: 0;
  bottom: 1.15rem;
}

.product {
  /* padding-bottom: .9rem; */
  padding-bottom: .8rem;
}

.product .innerbanner {
  background-color: #1D70B8;
  height: 2.68rem;
}

.product .innerbanner .content {
  padding-top: 1rem;
  width: 11.92rem;
  margin: 0 auto;
  position: relative;
  height: 100%;
}

.product .innerbanner .innerbanner-en {
  color: #FAB22C;
  /* font-family: ABeeZee; */
  /* font-size: 28px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.product-topic {
  color: #FFF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 46px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: .04rem;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.product-desc {
  color: #FFF;
  /* font-family: ABeeZee; */
  /* font-size: 18px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: .08rem;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.product-desc-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index .product-desc-box {
  align-items: flex-end;
}

.innerbanner .content .content-input {
  width: 2.15rem;
  height: .33rem;
  flex-shrink: 0;
  /* position: absolute; */
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  /* background: url(../images/search.png) no-repeat; */
  /* background-size: .16rem .16rem; */
  /* background-position: center 1.93rem; */
  /* top: 1.82rem;
  right: 0; */
}

.innerbanner .content .content-input input {
  width: 1.8rem;
  margin-right: .03rem;
  background-color: transparent;
  height: .33rem;
  line-height: .33rem;
  box-sizing: border-box;
  padding-left: .1rem;
  color: #ffffff;
}

.content-input-btn {
  width: calc(2.15rem - 1.9rem);
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0;
}

.content-input img {
  width: .16rem;
  height: .16rem;
}

.product-main {
  width: 11.92rem;
  padding-top: .9rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.product-left {
  width: 8rem;
}

.product-items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 7.71rem;
}

.product-item {
  width: 3.58rem;
  height: 3.58rem;
  flex-shrink: 0;
  position: relative;
  margin-bottom: .28rem;
}

.product-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-item-sign {
  position: absolute;
  top: .33rem;
  right: -.08rem;
}

.product-item-sign p {
  width: .92rem;
  width: fit-content;
  padding: 0 0.1rem;
  height: .24rem;
  line-height: .24rem;
  flex-shrink: 0;
  margin-bottom: .22rem;
  /* font-size: var(--f_16); */
  text-align: center;
  white-space: nowrap;
  /* 禁止文本换行 */
  overflow: hidden;
  /* 隐藏超出范围的内容 */
  text-overflow: ellipsis;
  /* 使用省略号 */
}

.bc82E5FF {
  background-color: #82E5FF;
}

.bcFFAE35 {
  background-color: #FFAE35;
}

.bcF1B1FF {
  background-color: #F1B1FF;
}

.bcE1E4E7 {
  background: #E1E4E7;
}

.bcC9C9C9 {
  background: #C9C9C9 !important;
}

.bcE3E3E3 {
  background-color: #E3E3E3 !important;
}

.bcF0F2F5 {
  background-color: #F0F2F5 !important;
}

.bc3AA6F6 {
  background-color: #3AA6F6 !important;
}

.bcF8922C {
  background-color: #F8922C;
}

.bc2A87CD {
  background-color: #2A87CD;
}

.bc23852E {
  background-color: #23852E;
}
.c23852E {
  color: #23852E!important;
}

.objectcover {
  object-fit: cover !important;
}

.objectcontain {
  object-fit: contain !important;
}

.product-name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.product-name-title {
  color: #FFF;
  display: -webkit-box;
  /* 设置为WebKit内核的弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列 */
  -webkit-line-clamp: 2;
  /* 限制显示两行 */
  overflow: hidden;
  /* 隐藏超出范围的内容 */
  text-overflow: ellipsis;
  /* 使用省略号 */
  /* font-family: ABeeZee; */
  /* font-size: 18px; */
  font-style: normal;
  font-weight: 400;
  line-height: 27.977px;
  /* 155.425% */
  /* font-size: var(--f_18); */
  width: 100%;
  box-sizing: border-box;
  padding-left: .12rem;
}

.product-name-board {
  width: 100%;
  height: .78rem;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.60);
  box-sizing: border-box;
  padding: .15rem .13rem .11rem 0;
}

.product-name-board-title {
  color: #FFF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 18px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /* font-size: var(--f_18); */
  position: relative;
  padding-left: .14rem;
}

.product-name-board-title::before {
  content: "";
  width: .07rem;
  height: .26rem;
  background: #EA4E4E;
  flex-shrink: 0;
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
}

.product-item:nth-child(1) .product-name-board-title::before,
.product-item:nth-child(5) .product-name-board-title::before,
.product-item:nth-child(6) .product-name-board-title::before {
  display: none;
}

.product-name-board-desc {
  margin-top: .1rem;
  padding-left: .14rem;
  white-space: nowrap;
  /* 禁止文本换行 */
  overflow: hidden;
  /* 隐藏超出范围的内容 */
  text-overflow: ellipsis;
  /* 使用省略号 */
  color: #FFF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: var(--f_18); */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.product-page {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.progress {
  width: 6.97rem;
  height: 1px;
  position: relative;
  background: rgba(204, 204, 204, 0.60);
}

.progress-span {
  position: absolute;
  top: 0;
  left: 0;
  background: #1D70B8;
  width: 3.7rem;
  height: 2px;
}

.product-page-btn {
  display: flex;
  align-items: center;
}

.product-page-btn img {
  width: .3rem;
  height: .3rem;
  cursor: pointer;
}

.product-page-btn img:last-child {
  margin-left: .18rem;
}

.product-right {
  width: 2.18rem;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: .15rem;
  border: 1px solid #CACACA;
  padding: .03rem .21rem 0 .27rem;
  position: sticky;
  top: 0;
}

.product-right-item {
  padding-bottom: .4rem;
  border-bottom: 1px solid #CACACA;
  padding-top: .37rem;
}

.product-right-title {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: .16rem;
}

.product-right-desc {
  color: #333;
  text-align: justify;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: 23.882px;
  /* 149.264% */
  letter-spacing: 0.48px;
}

.product-right-nav {
  color: #069904;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 700;
  /* font-weight: 500; */
  line-height: normal;
  /* margin-top: .14rem; */
  margin-top: .24rem;
}

.product-right-nav span {
  margin-left: .08rem;
}

.product-right-item:last-child {
  border-bottom: 0;
}

.c1D70B8 {
  color: #1D70B8!important;
}

.cFFAE35 {
  color: #FFAE35!important;
}

/* @media (max-width: 1600px) {
  html {
    font-size: 66px;
  }
} */
.footer {
  /* padding-bottom: .54rem; */
  /* padding-bottom: .21rem; */
}
.footer-share {
  color: rgba(51, 51, 51, 0.40);

  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  }
.footer-bar {
  width: 100%;
  height: .04rem;
  background: #0089FF;
}
.footer-ba-right {
  display: flex;
  align-items: center;
}
.footer-ba {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 11.92rem;
  /* width: 14.8rem; */
  margin: 0 auto;
  padding-top: .25rem;
  padding-bottom: .22rem;
  border-top: 1px solid #C2C2C2;
}

.footer-main {
  width: 11.92rem;
  /* width: 14.8rem; */
  margin: 0 auto;
  /* padding-top: .45rem; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* padding-bottom: .38rem; */
  padding-top: .57rem;
  padding-bottom: .35rem;
}

.footer-main-left {
  display: flex;
  justify-content: center;
}

.footer-logo {
  width: 1.6rem;
  flex-shrink: 0;
  aspect-ratio: 59/21;
  margin-right: .35rem;
}

.footer-slogan {
  color: #FFA136;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20.398px; */
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 30.598px */
  margin-top: .11rem;
}

.footer-copyright {
  color: #C1C1C1;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 14.959px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: .12rem;
}

.footer-main-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.footer-main-nav-box {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

/* .footer-main-nav {
  display: flex;
  flex-direction: column;
  margin-left: .32rem;
} */
.footer-main-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: .32rem;
}

.footer-main-nav:first-child {
  margin-left: 0;
}

/* .footer-main-nav a {
  display: block;
  color: #999;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: .1rem;
} */

.footer-main-nav a {
  display: block;
  color: #5099DA;
  font-style: normal;
  /* font-weight: 400; */
  font-weight: 700;
  line-height: normal;
  margin-bottom: .18rem;
}

.footer-main-nav a:last-child {
  margin-bottom: 0;
}

.footer-main-nav a:first-child {
  color: #5099DA;
  /* font-family: ABeeZee; */
  /* font-size: 16px; */
  font-style: normal;
  /* font-weight: 400; */
  font-weight: 700;
  line-height: normal;
}

.footer-main-right-wechat {
  position: relative;
  display: flex;
  align-items: center;
}

.footer-main-right-wechat span {
  color: rgba(51, 51, 51, 0.40);
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 200% */
}

.footer-main-right-wechat img {
  width: .46rem;
  height: .46rem;
  /* margin-top: .1rem; */
  position: relative;
  margin-left: .04rem;
}

.tc {
  position: absolute;
  width: 2.21rem;
  height: 2.21rem;
  flex-shrink: 0;
  background-color: #fff;
  /* left: calc(100% + .1rem); */
  left: -.875rem;
  /* bottom: -.4rem; */
  bottom: .7rem;
  box-shadow: 0 5.669px 31.182px 0 rgba(0, 0, 0, 0.25);
  border-radius: 14px;
  display: none;
  justify-content: center;
  align-items: center;
}

.tc img {
  display: block;
  width: 1.86rem;
  height: 1.86rem;
}

.footer-main-right-wechat:hover .tc {
  display: flex;
}


/* 科创服务样式 */
.service {
  padding-bottom: .9rem;
}

.service .innerbanner .content {
  padding-top: 1rem;
  width: 11.92rem;
  margin: 0 auto;
  position: relative;
}

.service .innerbanner {
  background-color: #046547;
  height: 2.68rem;
}

.service-detail .innerbanner {
  background: url('../images/sd1.png') no-repeat;
  /* background-color: #046547; */
  background-size: cover;
}

.service .innerbanner-en {
  color: #FAB22C;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.service-main {
  width: 11.92rem;
  max-width: 1192px;
  /* padding-top: .9rem; */
  /* padding-top: .6rem; */
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.service-main-item {
  width: 8.29rem;
  flex-shrink: 0;
  padding: .18rem .23rem .28rem .2rem;
  border: 1.505px solid rgba(202, 202, 202, 0.60);
  position: relative;
  margin-bottom: .44rem;
}

.service-main-item-litpic {
  width: 100%;
  height: 3.66rem;
  /* object-fit: cover; */
  flex-shrink: 0;
  object-fit: contain;
}

.service-main-sign {
  position: absolute;
  top: .5rem;
  right: .08rem;
}

.service-main-sign p {
  width: 1.04rem;
  height: .24rem;
  line-height: .24rem;
  text-align: center;
  flex-shrink: 0;
  white-space: nowrap;
  /* 禁止文本换行 */
  overflow: hidden;
  /* 隐藏超出范围的内容 */
  text-overflow: ellipsis;
  /* 使用省略号 */
  margin-bottom: .22rem;
}

.service-main-title {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 32px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: .28rem;
}

.service-main-label {
  display: flex;
  align-items: center;
  margin-top: .1rem;
}

.service-main-label span {
  margin-right: .2rem;
  color: #FFA136;
  position: relative;
}

.service-main-label span::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  right: -.09rem;
  background-color: #FFA136;
}

.service-main-label span:last-child::after {
  content: none;
}

.service-main-address {
  color: #333;
  /* font-family: ABeeZee; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: .12rem;
}

/* 科创详情 */
.service-content {
  /* width: 11.92rem;
  max-width: 1192px;
  margin: 0 auto; */
  position: relative;
}

.service-inner {
  position: relative;
}

.service-tip {
  width: 11.92rem;
  max-width: 1192px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: .9rem auto 0;
  /* margin: 90px auto 0; */
}

.service-tip__img {
  width: 1.78rem;
  height: 1.78rem;
  flex-shrink: 0;
  object-fit: contain;
  /*object-fit: cover;*/
}

.service-tip-box {
  width: calc(100% - 1.87rem);
  height: 1.78rem;
  flex-shrink: 0;
  box-sizing: border-box;
  border: 2px solid rgba(202, 202, 202, 0.60);
  padding: .3rem .25rem .2rem .25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

.product-detail .innerbanner {
  background: url('../images/newprobanner.png') no-repeat;
  background-size: cover;
}

.product-detail-sign {
  position: absolute;
  top: .25rem;
  right: -.12rem;
}

.product-detail .service-tip__img {
  object-fit: contain;
}

.bc82E5FF {
  background-color: #82E5FF;
}

.bcFFAE35 {
  background-color: #FFAE35;
}

.bc09BB07 {
  background-color: #09bb07;
}
.c09bb07 {
  color: #09bb07!important;
}

.bcEA4E4E {
  background-color: #EA4E4E;
}

.product-detail-sign p {
  height: .24rem;
  /*width: .88rem;*/
  padding: 0 .05rem;
  text-align: center;
  line-height: .24rem;
  margin-bottom: .26rem;
  white-space: nowrap;
  /* 禁止文本换行 */
  overflow: hidden;
  /* 隐藏超出范围的内容 */
  text-overflow: ellipsis;
  /* 使用省略号 */
}

.business {
  /* width: 8.1rem; */
  width: 11.92rem;
  max-width: 1192px;
  padding-bottom: .6rem;
  border-bottom: 1px solid #CACACA;
  /* margin-bottom: .6rem; */
}

.business-title {
  color: #1D70B8;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 38px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: .3rem;
}

.business-list {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: .0326rem;
}

.business-list:last-child {
  margin-bottom: 0;
}

.business-list-label {
  /* width: 1.2rem; */
  width: 1.76rem;
  height: .37rem;
  line-height: .37rem;
  flex-shrink: 0;
  padding-left: .28rem;
  background: #F0F5FB;
  box-sizing: border-box;
}

.business-list-value {
  width: calc(100% - 1.76rem - 2px);
  height: .37rem;
  line-height: .37rem;
  box-sizing: border-box;
  padding-left: .31rem;
  background: #F9F9F9;
  margin-left: 2px;
}

.demand {
  /* width: 8.1rem; */
  width: 11.92rem;
  max-width: 1192px;
  padding-top: .6rem;
  padding-bottom: .6rem;
  border-bottom: 1px solid #CACACA;
  margin-bottom: .6rem;
}

.demand-con {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 175% */
}

.demand-title {
  color: #1D70B8;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 38px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: .3rem;
}

.service-tip-title {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 32px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
}

.service-tip-msg {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.service-tip-address {
  display: flex;
  align-items: center;
  color: #666;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px;
  margin-right: .24rem;
}

.service-tip-address img {
  width: .26rem;
}

.service-tip-time {
  display: flex;
  align-items: center;
  /*margin-left: .24rem;*/
  margin-right: .24rem;
  color: #666;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.service-tip-time img {
  width: .2rem;
  margin-right: .1rem;
}

.service-tip-time p {
  line-height: 1;
}

.service-tip-label {
  display: flex;
  align-items: center;
  /*margin-left: .16rem;*/
}

.service-tip-label img {
  width: .22rem;
  margin-right: .09rem;
}

.service-tip-label p {
  color: #666;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.service-tip-label-text {
  display: flex;
  align-items: center;
}

.service-tip-label-text span {
  display: block;
  margin-right: .2rem;
  position: relative;
}

.service-tip-label-text span::after {
  content: "";
  width: 1px;
  height: 14px;
  background-color: #666666;
  position: absolute;
  top: 50%;
  right: -.1rem;
  transform: translateY(-50%);
}

.service-tip-label-text span:last-child::after {
  content: none;
}

.service-intro {
  /* width: 8.1rem; */
  width: 11.92rem;
  max-width: 1192px;
  padding-top: .6rem;
  
  color: #333;
      font-style: normal;
      font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    box-sizing: border-box;
    margin-top: 0.3rem;
    text-align: justify;
}

.service-intro-title {
  color: #1D70B8;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 38px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.service-intro-con {
  /* height: 2.26rem; */
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 175% */
  /* overflow-y: auto; */
  box-sizing: border-box;
  /* padding-right: .36rem; */
  margin-top: .3rem;
  text-align: justify;
  /* padding-bottom: .6rem; */
  /* border-bottom: 1px solid #CACACA; */
}
.imgmb50 {
  margin-bottom: .5rem!important;
}
.service-intro-con p {
  margin-bottom: .3rem;
}

.service-intro-bar {
  margin-top: .6rem;
  border-bottom: 1px solid #CACACA;
}

.service-intro-con::-webkit-scrollbar {
  width: 2px;
  background: #efefef;
}

.service-intro-con::-webkit-scrollbar-thumb {
  border-radius: 14px;
  background-color: #666666;
}

.service-summany {
  /* width: 8.1rem; */
  /* padding-top: .6rem; */
  width: 11.92rem;
  max-width: 1192px;
}

.service-inner-summany {
  padding-top: .6rem;
}

.service-summany-title {
  color: #1D70B8;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 38px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: .3rem;
}

.service-summany-subtitle {
  /* margin-bottom: .2rem; */
  margin-bottom: .3rem;
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 175% */
}

.service-summany-con {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 175% */
  text-align: justify;
}
.service-summany-con p {
  margin-bottom: .3rem;
}

.service-summany-img {
  display: block;
  /* max-width: 100%; */
  /* width: 65%; */
  width: 55%;
  margin: .3rem auto .4rem;
}
.service-summany-img {
    width: 400px!important;
    height: auto;
}

/* 光尘活动 */
.activity .innerbanner {
  /* background-color: #5D3B9E; */
  background: url('../images/activityinnerbg.png') no-repeat;
  background-size: cover;
}

.activity-main {
  width: 11.92rem;
  max-width: 1192px;
  margin: 0 auto;
  /* padding-top: .9rem; */
  /* padding-top: .3rem; */
  padding-top: 60px;
}

.activity-item {
  width: 100%;
  box-sizing: border-box;
  border: 1.422px solid rgba(202, 202, 202, 0.60);
  padding: .28rem .48rem .28rem .34rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .3rem;
  transition: all .3s ease;
}
.activity-item:hover {
  border: 1.425px solid rgba(202, 202, 202, 0.60);
  background: #FFF;
  box-shadow: 0 25px 35.9px 10px rgba(43, 111, 172, 0.11);
}

.activity-litpic {
  width: 5.22rem;
  height: 2.92rem;
  flex-shrink: 0;
  object-fit: cover;
}

.activity-left {
  /*width: 5.38rem;*/
  width: calc( 100% - 5.5rem );
}

.activity-title {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 28px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: .13rem;
}

.activity-subtitle {
  margin-bottom: .13rem;
  color: #8C52FF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 700;
  /* font-weight: 500; */
  line-height: normal;
}

.activity-con {
  color: #666;
  text-align: justify;
  /* text-align-last: justify;
  -ms-text-align-last: justify;
  -moz-text-align-last: justify; */
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  max-height: 1.4rem;
  margin-bottom: .22rem;
  display: -webkit-box;
  /* 设置为 WebKit 内核的弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列 */
  -webkit-line-clamp: 6;
  /* 限制显示两行 */
  overflow: hidden;
  /* 隐藏超出范围的内容 */
  text-overflow: ellipsis;
  /* 使用省略号 */
}

.activity-tool {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.activity-tool-time {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.activity-tool__a {
  color: #8C52FF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 700;
  flex-shrink: 0;
  /* font-weight: 500; */
  /* line-height: normal; */
}

.activity-tool__a span {
  margin-left: .08rem;
}

.activity-main .progress {
  width: 10.86rem;
}

/* 光尘活动详情页 */
.activity-article-content {
  position: relative;
}

.activity-article {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 11.92rem;
  max-width: 1192px;
  /* margin: 0 auto; */
  /* padding-top: .9rem; */
  margin: .9rem auto 0;
}

.activity-article-left {
  /* width: 8.08rem; */
  width: 11.92rem;
  max-width: 1192px;
}

.activityarticle {
  display: block;
  width: 100%;
}

.activity-article-title {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 32px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: .6rem;
  margin-bottom: .3rem;
}

.activity-article-con {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 175% */
  /* margin-bottom: .6rem; */
  margin-bottom: .55rem;
  text-align: justify;
}

.activity-article-bar {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #CACACA;
  /* margin-top: .6rem; */
}

.activity-article-msg {
  padding-top: .6rem;
  padding-bottom: .6rem;
}

.activity-article-msg-li {
  display: flex;
  align-items: center;
  margin-bottom: .26rem;
}
.activity-article-msg-li:last-child {
  margin-bottom: 0;
}

.activity-article-msg-img {
  width: .3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: .24rem;
}

.activity-article-msg-li:first-child .activity-article-msg-img img {
  display: block;
  width: .28rem;
}

.activity-article-msg-li:nth-child(2) .activity-article-msg-img img {
  display: block;
  width: .24rem;
}

.activity-article-msg-li:nth-child(3) .activity-article-msg-img img {
  display: block;
  width: .3rem;
}

.activity-article-msg-li:nth-child(4) .activity-article-msg-img img {
  display: block;
  width: .24rem;
}

.activity-article-msg-title {
  color: #333;
  /* font-family: ABeeZee; */
  /* font-size: 19.843px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.activity-about {
  padding-top: .6rem;
}

.activity-about-title {
  color: #1D70B8;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 38px; */
  font-style: normal;
  font-weight: 700;
  /* line-height: normal; */
  line-height: 1;
  margin-bottom: .3rem;
}

.activity-about-con {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  /* 175% */
  text-align: justify;
}
.activity-about-con-img {
  display: block;
  /* max-width: 100%; */
  /* width: 65%; */
  width: 55%;
  margin: .2rem auto .4rem;
}

.activity-about-block-title {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 32px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: .3rem;
}

.activity-about-block-con {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 175% */
  text-align: justify;
}
.activity-about-block-con p {
  margin-bottom: .3rem;
}
.activity-about-block-img {
  display: block;
  /* max-width: 100%; */
  width: 55%;
  margin: .3rem auto .4rem;
}

.showtrigger {
  position: relative;
}
.c2B75D5 {
  color: #2B75D5!important;
}
.showtrigger__div {
  color: #2B75D5;
  /* text-align: right; */
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: .24rem;
  padding-bottom: .35rem;
  cursor: pointer;
}
.right18 {
  right: 18px!important;
}
.showblock {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 14.174px;
  position: absolute;
  right: -50%;
  top: 100%;
  z-index: -999;
  padding: .18rem;
  opacity: 0;
  display: none;
}

.showtrigger:hover .showblock {
  z-index: 1;
  background: #FFF;
  box-shadow: 0 5.669px 31.182px 0 rgba(0, 0, 0, 0.25);
  opacity: 1;
  display: block;
}

.showtrigger2 .showblock {
  top: calc(100% + .11rem);
}

.showblock img {
  display: block;
  width: 100%;
}

/* 项目投递 */
.delivery .innerbanner {
  background-color: #F0F2F5;
}

.delivery .product-topic {
  color: #333333;
}

.delivery .product-desc {
  color: #333333;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.delivery-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: .9rem;
  width: 11.92rem;
  margin: 0 auto;
}

.delivery-main-left {
  /* width: 8.13rem; */
  width: 9.39rem;
}

.delivery-form-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.delivery-form-input label {
  margin-bottom: .2rem;
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 26px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.delivery-form-input input {
  display: block;
  width: 100%;
  height: .61rem;
  border: 2.129px solid rgba(202, 202, 202, 0.60);
  box-sizing: border-box;
  padding-left: .17rem;
  font-size: .2rem;
  color: #666666;
  margin-bottom: .28rem;
}

.delivery-form-input input::placeholder {
  color: #999999;
  font-size: .2rem;
}

.delivery-form-submit {
  display: flex;
  justify-content: flex-end;
  margin-top: 35px;
  flex-shrink: 0;
}

.delivery-form-submit button {
  background: #069904;
  padding: 0 .74rem;
  height: .54rem;
  border: 0;
  outline: 0;
  color: #FFF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}
.delivery-form-submit button span {
  margin-left: .08rem;
}

.c069904 {
  color: #069904 !important;
}

.c1D70B8 {
  color: #1D70B8 !important;
}

.product-detail .innerbanner {
  background-color: #1D70B8;
}

/* 首页 */
.indexbtn {
  position: absolute;
  /* bottom: .25rem; */
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.indexbtn a {
  /* padding: .09rem .15rem; */
  color: #FFF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 14px; */
  font-style: normal;
  font-weight: 700;
  background: #069904;
  text-align: center;
  width: .9rem;
  height: .34rem;
  line-height: .34rem;
  margin-bottom: .14rem;
}

.indexbtn p {
  color: #FFF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 400;
  line-height: 28.187px;
  /* 140.936% */
  letter-spacing: 1px;
}

.who {
  width: 11.92rem;
  margin: 0 auto .8rem;
  padding-top: .8rem;
}

.who-title {
  text-align: center;
  color: #1D70B8;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 42px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: .3rem;
}

.who-title-subtitle {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  margin-bottom: .18rem;
}

.who-title-desc {
  color: #333;
  text-align: center;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  /* line-height: 24px; */
  line-height: 30px;
  margin-bottom: .65rem;
  letter-spacing: 1px;
}
.whitenowrap {
  white-space: nowrap!important;
}

.who-select {
  display: flex;
}

.who-select-item {
  width: 20%;
  box-sizing: border-box;
  padding-left: .6rem;
  position: relative;
  cursor: pointer;
  transition: all .3s ease;
}

.who-select-item::after {
  content: "";
  width: 1px;
  height: .47rem;
  background-color: #E0E0E0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.who-select-item:last-child::after {
  content: none;
}

.who-select-item-num {
  color: rgba(102, 102, 102, 0.40);
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 36px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: .1rem;
}

.who-select-item-desc {
  color: #333333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 18px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/* .who-select-item:hover .who-select-item-num {
  color: #1D70B8;
}
.who-select-item:hover .who-select-item-desc {
  color: #1D70B8;
} */
.who-select-item.active .who-select-item-num {
  color: #1D70B8;
}

.who-select-item.active .who-select-item-desc {
  color: #1D70B8;
}

.who-select-text {
  width: 100%;
  padding: .39rem .34rem;
  background: #F9FCFF;
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  margin-top: .2rem;
  position: relative;
}

.who-select-text span {
  font-weight: 700;
}

.who-select-text p {
  display: none;
  text-align: justify;
  line-height: 30px;
  letter-spacing: 1px;
  /* text-align-last: justify;
  -ms-text-align-last: justify;
  -moz-text-align-last: justify; */
}

.who-select-text p.active {
  display: block;
}

.lib {
  width: 11.92rem;
  margin: 0 auto;
}

.lib-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lib-title {
  color: #1D70B8;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 42px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.lib-title span {
  display: inline-block;
}

.lib-nav a {
  display: flex;
  align-items: center;
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 700;
  /* font-weight: 500; */
  /* line-height: normal; */
}

.lib-nav a span {
  margin-left: .08rem;
  color: #8C52FF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 700;
  /* font-weight: 500; */
  line-height: normal;
}

.lib-nav a:hover {
  animation: lar .5s ease;
}

.indexactivity-more:hover {
  animation: lar .5s ease;
}

.activity-tool__a:hover {
  animation: lar .5s ease;
}

.product-right-nav:hover {
  animation: lar .5s ease;
}

.tdc-more-box a:hover {
  animation: lar .5s ease;
}

.swiper-library {
  width: calc( 100% + .1rem );
  padding-right: .1rem!important;
}
.swiper-library-fa {
  /* margin-top: .4rem; */
  margin-top: .3rem;
}

.swiper-library .swiper-slide {
  position: relative;
}

.swiper-library .swiper-slide a {
  display: block;
  position: relative;
}

.swiper-library .swiper-slide .swiper-slide-img {
  display: block;
  width: 100%;
}

.transprantbg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  overflow: hidden;
}

.lib {
  padding-bottom: .88rem;
}

.lib-sign {
  position: absolute;
  top: .27rem;
  right: -.06rem;
      display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.swiper-library-title {
  position: absolute;
  top: .27rem;
  left: .15rem;
  color: #FFF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 24px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.2px;
}

.lib-sign p {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 12px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: .71rem;
  width: fit-content;
  padding: 0 0.1rem;
  height: 18px;
  line-height: 18px;
  text-align: center;
  flex-shrink: 0;
  margin-bottom: .17rem;
  white-space: nowrap;
  /* 禁止文本换行 */
  overflow: hidden;
  /* 隐藏超出范围的内容 */
  text-overflow: ellipsis;
  /* 使用省略号 */
}

.lib-con-title {
  color: #FFF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
  display: -webkit-box;
  /* 设置为WebKit内核的弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列 */
  -webkit-line-clamp: 2;
  /* 限制显示两行 */
  overflow: hidden;
  /* 隐藏超出范围的内容 */
  text-overflow: ellipsis;
  /* 使用省略号 */
  padding-left: .08rem;
  padding-right: .08rem;
  transform: translateY(-.1rem);
  transition: all .3s ease;
}

.lib-con {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(60px);
  transition: all .3s ease;
}

.lib-board {
  width: 100%;
  padding-top: .09rem;
  padding-bottom: .09rem;
  background-color: rgba(0, 0, 0, .6);
  height: 60px;
  opacity: 0;
  transition: all .3s ease-in;
}

.swiper-library .swiper-slide:hover .lib-con {
  transform: translateY(0px);
}

.swiper-library .swiper-slide:hover .lib-con-title {
  transform: translateY(0);
}

.swiper-library .swiper-slide:hover .lib-board {
  opacity: 1;
}

.lib-board p {
  color: #FFF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  box-sizing: border-box;
  padding-left: .15rem;
  white-space: nowrap;
  /* 禁止文本换行 */
  overflow: hidden;
  /* 隐藏超出范围的内容 */
  text-overflow: ellipsis;
  /* 使用省略号 */
}

.lib-board p:first-child {
  margin-bottom: .05rem;
  position: relative;
}

.lib-board p:first-child:before {
  content: "";
  width: .0565rem;
  height: .20341rem;
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1px;
  background: #EA4E4E;
}

.lib-board-no p {
  padding-left: 0.07rem;
}

.lib-board-no p:first-child::before {
  content: none;
}

.swiper-scrollbar-lib {
  width: 10.60rem;
  background: rgba(204, 204, 204, 0.60);
  height: 1px;
}

.swiper-scrollbar-lib .swiper-scrollbar-drag {
  height: 3px;
  background: #1D70B8;
}

.swiper-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .55rem;
}

.swiper-control-nav {
  display: flex;
  align-items: center;
}

.swiper-control-nav img {
  /*width: .28rem;*/
  /*height: .28rem;*/
  width: .43rem;
  height: .43rem;
  cursor: pointer;
}

.swiper-control-nav img:first-child {
  margin-right: .17rem;
}

.tdc {
  background: #F9FCFF;
  padding-top: .83rem;
  padding-bottom: .83rem;
}

.tdc-title {
  text-align: center;
  color: #1D70B8;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 42px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  /* margin-bottom: .4rem; */
  margin-bottom: .6rem;
}
.c000000 {
  color: #000000!important;
}

.swiper-tdc .swiper-slide {}

.swiper-tdc-fa {
  position: relative;
}

.swiper-button-prev-tdc {
  position: absolute;
  /* bottom: -.07rem; */
  bottom: 1.1rem;
  /*left: 5.62rem;*/
  left: 5.42rem;
  cursor: pointer;
  z-index: 99999;
}

.swiper-button-next-tdc {
  position: absolute;
  /* bottom: -.07rem; */
  bottom: 1.1rem;
  /*right: 5.62rem;*/
  right: 5.42rem;
  cursor: pointer;
  z-index: 99999;
}

.swiper-button-prev-tdc img {
  /*width: .28rem;*/
  width: .43rem;
  cursor: pointer;
}

.swiper-button-next-tdc img {
  /*width: .28rem;*/
  width: .43rem;
  cursor: pointer;
}

.swiper-tdc {
  overflow: unset !important;
}

.swiper-tdc .swiper-slide>div {
  transform: scale(0.7);
  opacity: 0.4;
  transition: all 0.5s;
  /* border: 1.617px solid rgba(202, 202, 202, 0.80); */
  box-shadow: 0 0 15px rgba(202, 202, 202, 0.80);
  padding: .23rem;
  background-color: #ffffff;
}
.swiper-tdc .swiper-slide-prev>div {
  opacity: .7;
}
.swiper-tdc .swiper-slide-next>div {
  opacity: .7;
}

.swiper-tdc .swiper-slide-active>div {
  transform: scale(1);
  opacity: 1;
}

.swiper-tdc .swiper-slide img {
  display: block;
  width: 100%;
  /* height: 3.92rem; */
  /* height: 3.2rem; */
  height: 2.5rem;
  /* object-fit: cover; */
  object-fit: contain;
}

.swiper-tdc .swiper-slide .tip {
  position: absolute;
  top: 0.5rem;
  right: 0.09rem;
  width: fit-content;
  padding: 0 0.1rem;
  line-height: 1.44;
  color: #333;
  display: block !important;
}

.tdc-more-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tdc-more-box a {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 700;
  /* font-weight: 500; */
  line-height: 1;
}

.tdc-more-box a span {
  color: #8C52FF;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 700;
  /* font-weight: 500; */
  /* line-height: normal; */
}

.tdc-more {
  display: flex;
  align-items: center;
  margin-top: .3rem;
}

.tdc-more span {
  margin-left: .08rem;
}

.indexactivity {
  width: 11.92rem;
  margin: 0 auto;
  padding-top: 1rem;
}

.indexactivity-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.indexactivity-title {
  color: #1D70B8;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 42px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.indexactivity-title span {
  display: inline-block;
}

.indexactivity-more {
  display: flex;
  align-items: center;
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 700;
  /* font-weight: 500; */
  /* line-height: normal; */
}

.indexactivity-more span {
  margin-left: .08rem;
}

.c02A314 {
  color: #02A314;
}

.coo {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 11.92rem;
  margin: .83rem auto 0;
}

.coo-list {
  width: 7.46rem;
  /* height: 5.42rem; */
  min-height: 5.42rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: .42rem;
  /* padding-left: 1rem;
  padding-right: 1rem; */
  background: url('../images/coobg.png') no-repeat;
  background-size: cover;
  padding-bottom: .36rem;
}

.coo-list-img {
  /* width: 2.31rem; */
  width: 2.5rem;
  position: relative;
  /* margin-bottom: .30rem; */
}
.coo-list-img:nth-child(3n) p {
  margin-bottom: 0;
}

.coo-list-img:nth-child(4n) p {
  margin-bottom: 0;
}

.coo-list-img:nth-child(2n-1) {
  margin-right: .86rem;
}

.coo-list img {
  display: block;
  width: 100%;

}

.coo-list p {
  color: #333;
  text-align: center;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 500;
  /* line-height: 24px; */
  line-height: 1.2;
  /* 150% */
  margin-top: .15rem;
  margin-bottom: .16rem;
  /* position: absolute; */
  text-align: center;
  /* left: 0; */
  /* right: 0; */
}
.coo-list:nth-child(3n) p {
  margin-bottom: 0;
}
.coo-list:nth-child(3n) p {
  margin-bottom: 0;
}

.coo-title {
  color: #1D70B8;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 42px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: .4rem;
}

.coo-con {
  color: #333;
  text-align: justify;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 18px; */
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  /* 166.667% */
  width: 3.38rem;
}

.coo-left {
  margin-right: .62rem;
}

.partner {
  padding-top: .58rem;
  background: #F9FCFF;
  margin-top: .9rem;
  padding-bottom: .66rem;
}

.partner-title {
  text-align: center;
  color: #1D70B8;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 42px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  /* margin-bottom: .34rem; */
  margin-bottom: .3rem;
}

.partner-title span {
  display: inline-block;
}

.swiper-ad {
  /* margin-top: .4rem; */
  margin-top: 11px;
  overflow: unset !important;
}

.swiper-ad .swiper-slide {
  height: 1.29rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1.536px solid rgba(202, 202, 202, 0.2);
  background-color: #ffffff;
}

.swiper-ad .swiper-slide img {
  /* width: 1rem; */
  /* max-width: 1rem; */
  /* max-width: 1.6rem; */
  max-width: 2.1rem;
  /* max-width: none; */
  /* max-height: .7rem; */
  max-height: .9rem;
  object-fit: contain;
  height: auto;
}

.swiper-ad .swiper-slide p {
  margin-top: .05rem;
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: none;
}

.swiper-ad .swiper-slide:hover {
  transform: scale(1.2);
  z-index: 9999999;
}

.swiper-ad .swiper-slide:hover p {
  display: block;
}

.swiper-ad {
  width: 100%;
}

.swiper-ad .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  /*之前是ease-out*/
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.contact {
  width: 11.92rem;
  padding-top: .8rem;
  margin: 0 auto;
}

.contact-title {
  color: #1D70B8;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 42px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  /* margin-bottom: .41rem; */
  margin-bottom: .3rem;
}

.contact-item {
  color: #1D70B8;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 500;
  line-height: 19.039px;
  /* 95.193% */
  margin-bottom: .3rem;
}

.contact-item span {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 500;
  line-height: 17.679px;
  /* 88.393% */
  margin-right: .21rem;
}

.swiper-tdc-title {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 24px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: .28rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.swiper-tdc-title .a {
  color: #1D70B8;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.swiper-tdc-title .a span {
  margin-left: .08rem;
}

.swiper-tdc-label {
  display: flex;
  align-items: center;
  margin-top: .15rem;
  margin-bottom: .15rem;
  display: none;
}

.swiper-tdc-label span {
  color: #FFA136;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-right: .15rem;
  position: relative;
}

.swiper-tdc-label span::after {
  content: "";
  width: 1px;
  /* height: .2rem; */
  height: .14rem;
  position: absolute;
  top: 50%;
  right: -.075rem;
  transform: translateY(-50%);
  background-color: #FFA136;
}

.swiper-tdc-label span:last-child::after {
  content: none;
}

.swiper-tdc-look {
  min-height: 72px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: none;
}
.swiper-tdc-look p {
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 控制显示的行数 */
}

.swiper-tdc .swiper-slide-active .swiper-tdc-look {
  display: flex;
  /* overflow: hidden; */
  color: #333;
  /* text-overflow: ellipsis;
  white-space: nowrap; */
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.swiper-tdc .swiper-slide-active .swiper-tdc-label {
  display: block;
}

.swiper-tdc-look a {
  display: flex;
  align-items: center;
  color: #1D70B8;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 700;
  /* font-weight: 500; */
  /* line-height: normal; */
}

.swiper-tdc-look a span {
  margin-left: .08rem;
}

.newproduct-box {
  background-color: #F8F8F8;
  position: relative;
}

.newproduct {
  /* width: 13.45rem; */
  width: 11.91rem;
  max-width: 1191px;
  margin: 0 auto;
  /* padding-top: .6rem; */
  padding-top: 60px;
  padding-bottom: 1.98rem;
}

.newproduct-list {
  display: flex;
  padding: .35rem;
  display: flex;
  border-radius: .18rem;
  border: 1px solid #EFEFEF;
  background: #FFF;
  margin-bottom: .3rem;
  transition: all .3s ease;
  min-height: 160px
}

.newproduct-list:hover {
  border-radius: .18rem;
  background: #FFF;
  box-shadow: 0 .25rem .36rem .1rem rgba(43, 111, 172, 0.11);
}

.newproduct-list__img {
  width: 1.67rem;
  height: 1.51rem;
  object-fit: cover;
  border-radius: 12px;
  background: #A1A1A1;
  flex-shrink: 0;
}

.newproduct-list-right {
  width: 10.67rem;
  padding-top: .13rem;
  position: relative;
  margin-left: .38rem;
}

.newproduct-sign {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
}

.newproduct-sign-item {
  padding: .06rem .1rem;
  border-radius: 4.745px;
  margin-right: .09rem;
  color: #FFF;
  text-align: center;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16.606px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.newproduct-sign-item:last-child {
  margin-right: 0;
}

.newproduct-list-title {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 22px; */
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: .15rem;
}

.newproduct-list-desc {
  color: #666;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 18px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  /* 设置为弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 2;
  /* 限制显示两行 */
  overflow: hidden;
  /* 隐藏超出内容 */
}

.newproduct-list-msg {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
}

.newproduct-list-address {
  color: #999;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.newproduct-list-address span {
  color: #666;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.newproduct-list-label {
  display: flex;
  align-items: center;
}

.newproduct-list-label span {
  color: #999;
  /* font-family: "HarmonyOS Sans SC";
  font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.newproduct-list-label span {
  margin-right: .31rem;
  position: relative;
}

.newproduct-list-label span::after {
  content: "";
  width: 1px;
  height: 15px;
  background-color: #999999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -.15rem;
}

.newproduct-list-label span:last-child::after {
  content: none;
}

.newproduct-list-label span:last-child {
  margin-right: 0;
}

.newproduct-side {
  width: 2.18rem;
  flex-shrink: 0;
  border-radius: .17rem;
  border: 1px solid rgba(202, 202, 202, 0.60);
  background: #FFF;
  padding: .05rem .22rem 0 .22rem;
  position: absolute;
  /* top: .6rem; */
  top: .84rem;
  right: .08rem;
}

.newproduct-side-title {
  color: #333;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 18px; */
  font-style: normal;
  /* font-weight: 500; */
  font-weight: 700;
  line-height: normal;
  margin-top: .37rem;
}

.newproduct-side-desc {
  color: #666;
  text-align: justify;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 14px; */
  font-style: normal;
  font-weight: 400;
  line-height: 23.882px;
  /* 170.587% */
  margin-top: .15rem;
}

.newproduct-side-item a {
  display: flex;
  align-items: center;
  color: #2B75D5;
  text-align: right;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  /* font-weight: 500; */
  font-weight: 700;
  /* line-height: normal; */
  margin-top: .24rem;
  padding-bottom: .35rem;
}
.newproduct-side-item a span {
  margin-left: .08rem;
}

.newproduct-side-item a:hover {
  animation: lar .5s ease;
}

.newproduct-bar {
  width: 100%;
  height: 1px;
  background-color: #CACACA;
}

.newproduct-side-icon {
  width: .05rem;
  height: .09rem;
  flex-shrink: 0;
  margin-left: .09rem;
}

.pagebox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .62rem;
}

.pagebox-prev {
  color: #666;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
}

.pagebox-next {
  color: #666;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
}

.pagebox-prev img {
  width: 5px;
  height: 9px;
  margin-right: .09rem;
}

.pagebox-next img {
  width: 5px;
  height: 9px;
  margin-left: .09rem;
}

.pagebox-nums {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pagebox-num {
  width: .43rem;
  height: .43rem;
  border-radius: 50%;
  background-color: #ffffff;
  margin-left: .17rem;
  margin-right: .17rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagebox-num:hover {
  color: #ffffff;
  background-color: #1D70B8;
}

.newproduct-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 1.56rem;
  padding-bottom: 2.11rem;
  background-color: #575757;
}

.newproduct-banner-en {
  color: #FCB32D;
  text-align: center;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: .12rem;
}

.newproduct-banner-title {
  color: #FFF;
  text-align: center;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 50px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: .12rem;
}

.newproduct-banner-desc {
  color: #FFF;
  text-align: center;
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 22px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.newproduct-input {
  width: 3.68rem;
  height: .51rem;
  flex-shrink: 0;
  border-radius: .26rem;
  background: #FFF;
  margin-top: 1.08rem;
  padding-left: .32rem;
  display: flex;
  align-items: center;
}

.newproduct-input__input {
  width: 2.88rem;
  height: 100%;
  border: 0;
  outline: 0;
  font-size: 16px;
  color: #666666;
}

.newproduct-input__input::placeholder {
  color: rgba(153, 153, 153, 0.61);
  font-family: "HarmonyOS Sans SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.newproduct-input-btn {
  width: .47rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.newproduct-input-btn {
  width: .41rem;
  height: .41rem;
}

.finalproduct {
  width: 100%;
  height: 3.75rem;
  background: url('../images/newprobanner.png') no-repeat;
  background-size: cover;
  border-radius: 0 0 .8rem .8rem;
  position: relative;
  
}
.bcF8F8F8 {
  background-color: #F8F8F8!important;
}
.right0 {
  right: 0!important;
}
.activity .finalproduct {
  background: url('../images/activitybg.png') no-repeat;
  /* background-size: 100% 100%; */
  background-size: cover;
}

.finalproduct-con {
  width: 13.44rem;
  margin: 0 auto;
  padding-top: 1.22rem;
}

.finalproduct-en {
  color: #FAB22C;
  /* text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); */
  /* font-family: ABeeZee; */
  /* font-size: 24px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: .03rem;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.finalproduct-title {
  color: #FFF;
  /* text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); */
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 40px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: .09rem;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.finalproduct-desc {
  color: #FFF;
  /* text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); */
  /* font-family: "HarmonyOS Sans SC"; */
  /* font-size: 20px; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.finalproduct-search {
  width: 9.34rem;
  height: .6rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -.3rem;
  border-radius: .1rem;
  background: #FFF;
  box-shadow: 0 .06rem .08rem 1px rgba(21, 86, 143, 0.11);
  z-index: 97;
  padding-left: .11rem;
  padding-right: .02rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.finalproduct-search input {
  height: 100%;
  font-size: 16px;
  color: #666666;
  /* width: 10.8rem; */
  width: 8.8rem;
}

.finalproduct-search input::placeholder {
  font-size: 16px;
  color: #999999;
}

.finalproduct-search-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  cursor: pointer;
}

.finalproduct-search-btn img {
  width: .41rem;
  height: .41rem;
}

.swiper-ad1 .swiper-slide {
  /* width: auto; */
  /* padding: 0 .7rem; */
}
.swiper-ad2 .swiper-slide {
  width: auto;
  /* padding: 0 .7rem; */
}
.service-tip-mimg {
  display: none;
}
.mnewproduct-side {
  display: none;
}
.pt60 {
  padding-top: .6rem;
}
.mproduct-right {
  display: none;
}

@keyframes lar {

  /* 0% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(0px);
  }
  80% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0px);
  } */
  0% {
    transform: translateX(0px);
  }

  50% {
    transform: translateX(5px);
  }

  100% {
    transform: translateX(0px);
  }
}

@media (max-width: 767px) {
  html {
    font-size: calc(100vw/7.5);
  }
}

@media screen and (min-width: 1922px) {}

@media screen and (max-width: 1680px) {
  .activity-con {
    -webkit-line-clamp: 5;
  }
  .newproduct-side-item .f_16 {
    font-size: 14px;
  }
}

@media screen and (max-width: 1560px) {
  .product-name-board-desc {
    margin-top: .05rem;
  }

  .activity-con {
    -webkit-line-clamp: 4;
  }
}

@media screen and (max-width: 1440px) {
  .product-detail-sign p {
    font-size: 14px;
    margin-bottom: .18rem;
    height: .28rem;
    line-height: .28rem;
  }
}

@media screen and (max-width: 1366px) {
  .product-name-board {
    padding-top: .08rem;
  }

  .product-item-sign p {
    font-size: 14px;
  }
}

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

@media screen and (max-width: 1120px) {
  .activity-tool-time {
    flex-shrink: 0;
  }

  .activity-tool__a {
    flex-shrink: 0;
    font-size: 12px;
  }
}

@media screen and (max-width: 1290px) {
  .product-name-board-title {
    font-size: 12px;
  }

  .product-name-board-desc {
    font-size: 12px;
  }

  .product-name-title {
    font-size: 12px;
    line-height: 1.8;
  }

  .product .innerbanner .content {
    padding-top: .65rem;
  }

  .product-item-sign p {
    font-size: 12px;
  }

  .service .innerbanner .content {
    padding-top: .65rem;
  }

  .product-right-desc {
    line-height: 1.5;
  }

  .product-topic {
    font-size: 28px;
  }

  .service-tip-label .f_16 {
    font-size: 12px;
  }

  /* .service-tip-label-text span:last-child {
    margin-right: 0;
  } */
  .delivery-form-input input {
    font-size: 14px;
  }

  .delivery-form-input input::placeholder {
    font-size: 14px;
  }

  .innerbanner .content .content-input {
    width: 2.4rem;
    height: .45rem;
  }

  .innerbanner .content .content-input input {
    height: .45rem;
    line-height: .45rem;
    width: 2rem;
  }

  .content-input-btn {
    width: .4rem;
  }

  .activity-con {
    line-height: 20px;
  }

  .coo-con {
    line-height: 22px;
  }

  .service-main-sign p {
    height: .3rem;
    line-height: .3rem;
  }
}

@media screen and (max-width: 1024px) {
  .swiper-tdc {
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
  }
  .who {
    width: 90%;
  }
  .who-select {
    overflow-x: auto;
  }
  .who-select-item {
    flex-shrink: 0;
  }
  .lib {
    width: 90%;
  }
  .indexactivity {
    width: 90%;
  }
  .activity-main {
    width: 100%;
  }
  .contact {
    width: 90%;
  }
  .coo {
    width: 90%;
  }
  .swiper-banner-con {
    width: 90%;
  }
    .footer-main {
    width: 90%;
  }
  .footer-ba {
    width: 90%;
  }
  .tc {
    left: auto;
    right: 0;
  }
  .service .innerbanner {
    height: auto;
    padding-bottom: .3rem;
  }
  .service-tip__img {
    display: none;
  }
  .service-tip-msg {
    flex-wrap: wrap;
    margin-top: .1rem;
  }
  .service-tip-label {
    margin-left: 0;
  }
  .service-tip-label-text {
    display: flex;
    flex-wrap: wrap;
  }
  .service-tip-mimg {
    display: block;
    width: 1.5rem;
    flex-shrink: 0;
  }
  .service-tip-box {
    padding: .2rem;
  }
  .service-tip-box {
    height: auto;
  }
  .newproduct-side {
    display: none;
  }
  .mnewproduct-side {
    display: flex;
    flex-direction: column;
    position: static;
    width: 90%;
    margin: .3rem auto 0;
    border: 0;
    border-top: 1px solid #eeeeee;
    border-radius: 0;
  }
  .mnewproduct-side .newproduct-side-desc {
    display: none;
  }
  .mnewproduct-side .newproduct-side-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .3rem;
  }
  .mnewproduct-side .newproduct-side-item a {
    padding-bottom: 0;
    margin-top: 0;
  }
  .mnewproduct-side .newproduct-side-title {
    font-size: 16px;
    height: auto;
    margin-top: 0;
  }
  .product-detail-sign p {
    width: auto;
    padding: 0.05rem .1rem;
    line-height: 1;
    height: auto;
  }
  .delivery-main {
    width: 90%;
  }
  .delivery-form-submit {
    margin-top: 15px;
  }
  .inner-activity-main {
    width: 90%;
  }


  header{display: none;}
  /*.m_tel{padding: 5px 15px;display:block!important;line-height:20px;position:sticky;top:0;background-color:#f6f0f0;text-align:right;font-size:14px;z-index:999;}*/
  .m_header{position: sticky;top: 0;left: 0;width: 100%;background-color: transparent;padding:10px 15px;z-index: 98;display:flex!important;justify-content:space-between;transition:all 0.5s;background-color: #ffffff;}
  .m_header.on{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
  .m_header .logo{width: 62px;}
  .m_header .logo img{width: 100%;display:block;}
  .m_header .right{display: flex;align-items: center;}
  .m_header .right .tel{font-size: 16px;font-weight: 600;margin-right: 12px;padding-left:26px;line-height:26px;background:url(../img/m_tel.svg)no-repeat left center;background-size:22px auto;}
  /*.m_header .right .tel{width: 22px;margin-right: 18px;}*/
  /*.m_header .right .tel img{width: 100%;}*/
  .m_header .right .ser{width: 20px;margin-right: 18px;}
  .m_header .right .ser img{width: 100%;}
  .m_header .btn{display: block;}
  .m_header .btn{margin-right: 0;cursor: pointer;height: 37px;padding-top: 16px;}
  .m_header .btn.hide{opacity: 0;}
  .m_header .btn div{display: block;width: 22px;height: 1px;background-color: #333;border-radius: 1px;transition: all 0.3s;}
  .m_header .btn div:nth-child(1){transform: translate(0,-8px);}
  .m_header .btn div:nth-child(2){transform: translate(12px,0);width: 12px;}
  .m_header .btn div:nth-child(3){transform: translate(0px,8px);}
  .m_header .btn:hover div:nth-child(1){transform: translate(0,-8px);}
  .m_header .btn:hover div:nth-child(2){transform: translate(0,0);width: 22px;}
  .m_header .btn:hover div:nth-child(3){transform: translate(0,8px);}
  .m_header{display: flex!important;display: flex;justify-content: space-between;align-items: center}

  .mh_nav{display: block!important;}
  .mh_nav{position: fixed;top: 0;left: 10%;width: 90%;transform: translateX(120%);z-index: 9999999;background-color: #fff;height: 100vh;overflow: auto;padding: 50px 15px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
  .mh_nav.show{transform: translateX(0);}
  .mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}
  .mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 40px;}
  .mh_nav .nav>li>a{line-height: 60px;font-size: 16px;display: block;font-family:hm;}
  .mh_nav .nav>li:after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../img/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
  .mh_nav .nav>li.on:after{transform: rotate(0deg);}
  .mh_nav .nav>li:nth-child(1):after{display: none;}
  .mh_nav .nav>li:nth-child(4):after{display: none;}
  .mh_nav .nav>li .nav1{padding: 15px;line-height: 24px; display: none;font-size: 14px;font-family:hm;}
  .mh_nav .nav>li .nav1 .h{font-family: 'hb';font-weight:600;font-size: 14px;color: #1f1f1f;margin-bottom:8px;}
  .mh_nav .nav>li .nav1 a{padding:6px 0;}
  .mh_nav .nav>li .nav2{font-size: 13px;padding-left:16px;font-family:hr;}
  .mh_nav .nav>li .nav2 a{font-size: 13px;padding: 0;}
  .mh_nav .nav>li:nth-child(4) .nav1{display:none!important;}

  .finalproduct-con {
    width: 90%;
  }
  .finalproduct-search {
    width: 90%;
  }
  .finalproduct-search-btn img {
    flex-shrink: 0;
  }
  .newproduct {
    width: 90%;
  }
  .newproduct-list-msg {
    flex-direction: column;
  }
  .newproduct-list {
    min-height: auto;
  }
  .newproduct-list-msg {
    position: static;
  }
  .newproduct-list-label {
    font-size: .24rem;
  }
  .newproduct-list-address {
    margin-top: .05rem;
    margin-bottom: .05rem;
  }
  .finalproduct-search-btn img {
    width: .45rem;
    height: .45rem;
  }
  .finalproduct-search input::placeholder {
    font-size: 14px;
  }
  .finalproduct-search input {
    font-size: 14px;
  }
  .newproduct {
    padding-bottom: 1rem;
  }
  .pagebox-num {
    width: .45rem;
    height: .45rem;
    margin-left: .1rem;
    margin-right: .1rem;
  }
  .pagebox {
    width: 90%;
    margin: 0 auto;
  }
  .coo {
    display: flex;
    flex-direction: column;
  }
  .coo-left {
    margin-right: 0;
    width: 100%;
  }
  .coo-con {
    width: 100%;
    margin-bottom: .4rem;
    font-size: .28rem;
  }
  .service-tip {
    width: 90%;
  }
  .business {
    width: 100%;
  }
  .service-intro {
    width: 100%;
  }
  .service-main {
    width: 90%;
  }
  .demand {
    width: 100%;
  }
  .service-summany {
    width: 100%;
  }
  .service .innerbanner .content {
    width: 90%;
  }
  .product-topic {
    font-size: 26px;
  }
  .product-desc {
    font-size: 14px;
  }
  .activity-article {
    width: 90%;
  }
  .activity-article-left {
    width: 100%;
  }
  .business-list-label {
    line-height: .42rem;
    height: .42rem;
  }
  .product-detail .service-tip__img {
    display: none;
  }
  .service-tip-box {
    width: 100%;
  }
  .product-right {
    display: none;
  }
  .mproduct-right {
    display: block;
    position: static;
    width: 90%;
    margin: .3rem auto 0;
  }
  .product-right-desc {
    /* display: none; */
  }
  .showblock {
    opacity: 1;
    position: static;
    display: block;
    margin: 0 auto;
  }
  .showtrigger {
    width: 100%;
  }
}
.activity-about img {
    margin: 0 auto;
}

@media screen and (max-width: 1024px) and (min-width: 668px) {
  .activity-left {
    width: calc( 100% - 5.42rem );
  }
  .activity-left .activity-con {
    max-height: none;
  }
  .newproduct-list-right {
    width: calc( 100% - 1.67rem - .38rem );
  }
  .newproduct-sign-item {
    padding: .1rem .1rem;
    font-size: 12px;
  }
}

@media screen and (max-width: 668px) {
  .swiper-tdc-title {
    align-items: flex-start;
  }
  .swiper-tdc-title .a {
    flex-shrink: 0;
    margin-left: .1rem;
  }
  .swiper-tdc-label {
    font-size: .24rem;
  }
  .who-select-item {
    width: 42%;
  }
  .whitenowrap {
    white-space: wrap!important;
  }
  .who-select-item  {
    padding-left: .3rem;
    padding-right: .3rem;
  }
  .who-select::-webkit-scrollbar {
    height: 0;
    background-color: transparent;
    opacity: 0;
  }
  .swiper-button-next-tdc {
    bottom: -.7rem;
    right: 5%;
  }
  .swiper-button-next-tdc img {
    width: .6rem;
  }
  .swiper-button-prev-tdc {
    bottom: -.7rem;
    right: calc( .8rem + 5% );
    left: auto;
  }
  .swiper-button-prev-tdc img {
    width: .6rem;
  }
  .activity-item {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .activity-litpic {
    width: 100%;
    height: auto;
  }
  .activity-left {
    width: 100%;
  }
  .activity-tool {
    flex-direction: column;
    align-items: unset;
  }
  .activity-tool__a {
    display: flex;
    justify-content: flex-end;
    margin-top: .2rem;
  }
  .swiper-banner-desc {
    font-size: .28rem;
  }
  .swiper-banner-rb {
    bottom: .35rem;
    font-size: .24rem;
  }
  .swiper-tdc {
    overflow: hidden!important;
  }
  .swiper-scrollbar-lib {
    width: 100%;
  }
  .swiper-ad {
    overflow: hidden!important;
  }
  .activity-title {
    margin-top: .13rem;
  }
  .contact-item {
    display: flex;
    flex-direction: column;
  }
  .activity-con {
    max-height: none;
  }
  .swiper-banner-desc {
    line-height: 1.4;
  }
  .finalproduct-search {
    height: .8rem;
    padding-left: .16rem;
  }
  .finalproduct-search-btn {
    margin-right: .05rem;
  }
  .finalproduct-search input {
    width: calc( 100% - .7rem );
  }
  .swiper-banner-rb {
    line-height: 1;
  }
  .product-detail-sign p {
    font-size: .24rem;
  }
  .service-tip-mimg {
    margin-bottom: .1rem;
  }
  .service-tip-address {
    margin-bottom: .05rem;
  }
  .service-tip-time {
    margin-bottom: .05rem;
  }
  .service-tip-label {
    margin-bottom: .05rem;
  }
  .newproduct {
    padding-top: 40px;
  }
  .activity-main {
    padding-top: 40px;
  }
  .delivery-form-input input {
    height: .68rem;
  }
  .delivery-form-input input::placeholder {
    font-size: .24rem;
  }
  .delivery .product-desc {
    line-height: 1.5;
  }
  .product-topic {
    line-height: 1;
    margin-top: .2rem;
  }
  .product-desc-box {
    margin-top: .1rem;
  }
  .lib-con-title {
    transform: translateY(0px);
  }
  .lib-con {
    transform: translateY(0px);
  }
  .lib-board {
    opacity: 1;
    height: auto;
  }
  .lib-con-title {
    font-size: .24rem;
    line-height: 1.4;
  }
  .lib-board p {
    font-size: .22rem;
  }
  .newproduct-sign {
    top: -.24rem;
    right: -.1rem;
  }
  .newproduct-sign-item {
    font-size: .2rem;
  }
  .newproduct-sign-item {
    padding: .05rem .1rem;
  }
}

.footer-main-nav {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
width: 256px;
}
.footer-main-nav a {
width: 33.333%;
text-align: center;
}
.footer-main-nav a:last-child {
margin-bottom: .18rem;
}