.pubTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pubTitle .title {
  font-size: 1.66667rem;
  font-weight: bold;
}
.pubTitle .title.cen {
  width: 100%;
  text-align: center;
}
.goods {
  width: 100%;
  position: relative;
}
.goods .goodsBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.goods .goodsBg i {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  box-sizing: border-box;
}
.goods .pos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5rem 0;
}
.goods .pos .goodImgPos {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.goods .pos .goodImgPos .w1600 {
  position: relative;
  height: 100%;
}
.goods .pos .goodsImg {
  position: absolute;
  top: 2.22222rem;
  left: 0;
  width: 23.33333rem;
  height: 14.44444rem;
}
.goods .pos .goodsImg img {
  max-width: 100%;
  max-height: 100%;
}
.goods .pos .posInfo {
  width: 35rem;
  position: relative;
  z-index: 1;
}
.goods .pos .posInfo .goodsTitle {
  display: flex;
  align-items: flex-end;

}
.goods .pos .posInfo .goodsTitle .title {
  font-size: 2rem;
  font-weight: bold;
}
.goods .pos .posInfo .goodsTitle .subTitle {
  font-size: 0.88889rem;
  color: #078bc9;
  padding: 0.16667rem 0.33333rem;
  border-radius: 0.55556rem;
  box-sizing: border-box;
  border: 0.05556rem solid #078bc9;
  margin-left: 1.11111rem;
}
.goods .pos .posInfo .goodsTitle .subTitle.subTitle2 {
  background: rgba(224, 195, 123, 0.08);
  color: #997311;
  border: 0.05556rem solid #dab866;
}
.goods .pos .posInfo .goodsTitle .subTitle.subTitle3 {
  background: rgba(181, 59, 47, 0.08);
  color: #a0392a;
  border: 0.05556rem solid #a0392a;
}
.goods .pos .posInfo .goodsDesc {
  margin-top: 1.38889rem;
  font-size: 1.11111rem;
}
.goods .pos .posInfo .goodsText {
  margin-top: 1.11111rem;
  position: relative;
  padding-top:1.11111rem;
}
.goods .pos .posInfo .goodsText p {
  line-height: 1.83333rem;
  font-size: 0.88889rem;
  text-align: justify;
  text-indent: 2em;
}
.goods .pos .posInfo .goodsText::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 21.94444rem;
  height: 0.05556rem;
  background: #fff;
}

.brandHonor {
  background: url(../images/page/honorBg.jpg) center no-repeat;
  background-size: cover;
  overflow: hidden;
}
.brandHonor .w1600 {
  height: 100%;
  position: relative;
}
.brandHonor .moduleTitle {
  padding-top: 5rem;
  font-size: 1.66667rem;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  color: #333;
}
.brandHonor .honorBox {
  position: relative;
  height: 35rem;
  margin-top: 4.66667rem;
}
.brandHonor .honorLeft {
  position: absolute;
  left: 2.22222rem;
  top: 0;
  width: 35.66667rem;
  height: 30rem;
  overflow: visible;
}
.brandHonor .honorPicSwiper {
  width: 35.66667rem;
  height: 17.77778rem;
  overflow: visible;
  padding-top: 2.77778rem;
}
.brandHonor .honorPicSwiper .swiper-wrapper {
  align-items: flex-end;
}
.brandHonor .honorPicSwiper .swiper-slide {
  position: relative;
  width: 13.44444rem;
  height: 19.27778rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.7);
  transform-origin: center bottom;
  transition: opacity 0.5s, transform 0.5s, visibility 0.5s;
}
.brandHonor .honorPicSwiper .swiper-slide .honorPic {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.brandHonor .honorPicSwiper .swiper-slide img {
  max-width: 17.33333rem;
  max-height: 19.27778rem;
}
.brandHonor .honorPicSwiper .swiper-slide .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
}
.brandHonor .honorPicSwiper .swiper-slide .swiper-slide-shadow-right {
  background-image: linear-gradient(to left, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
}
.brandHonor .honorPicSwiper .swiper-slide-active {
  opacity: 1;
  visibility: visible;
  z-index: 5;
  transform: scale(1);
}
.brandHonor .honorPicSwiper .swiper-slide-active .honorCaption {
  opacity: 1;
}
.brandHonor .honorPicSwiper .swiper-slide-prev, .brandHonor .honorPicSwiper .swiper-slide-next {
  opacity: 0.45;
  visibility: visible;
}
.brandHonor .honorStage {
  position: absolute;
  left: 0;
  top: 17.77778rem;
  width: 35.66667rem;
  pointer-events: none;
}
.brandHonor .honorStage img {
  width: 100%;
}
.brandHonor .honorCaption {
  position: absolute;
  left: 50%;
  top: 26.44444rem;
  width: 35.66667rem;
  font-size: 1rem;
  line-height: 1.66667rem;
  font-weight: bold;
  text-align: center;
  color: #333;
  opacity: 0;
  transform: translateX(-50%);
  transition: opacity 0.35s;
  pointer-events: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.brandHonor .honorRight {
  position: absolute;
  top: 0.27778rem;
  right: 2.22222rem;
  width: 32.22222rem;
  height: 30rem;
  padding: 0;
  box-sizing: border-box;
}
.brandHonor .honorTextSwiper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  height: 22.22222rem;
  overflow: hidden;
}
.brandHonor .honorTextSwiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1.66667rem;
  height: 4.44444rem;
  text-align: center;
  color: #333;
  transition: all 0.5s;
  opacity: 1;
}
.brandHonor .honorTextSwiper .swiper-slide span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 0.88889rem;
  box-sizing: border-box;
  border-radius: 5.55556rem;
}
.brandHonor .honorTextSwiper .swiper-slide-active span {
  width: 25rem;
  background: #d8b65f;
  color: #fff;
  font-weight: bold;
  transition: all 0.5s;
}
.brandHonor .swiper-button-prev, .brandHonor .swiper-button-next {
  position: absolute;
  left: 50%;
  width: 2.38889rem;
  height: 2.38889rem;
  right: auto;
  margin-left: -1.16667rem;
  margin-top: 0;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 5;
  background: url(../images/page/honor-1.png) center no-repeat;
  background-size: cover;
}
.brandHonor .swiper-button-prev::after, .brandHonor .swiper-button-next::after {
  display: none;
}
.brandHonor .swiper-button-prev.swiper-button-disabled, .brandHonor .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.brandHonor .swiper-button-prev {
  top: 0;
  background-image: url(../images/page/honor-2.png);
}
.brandHonor .swiper-button-prev:hover {
  background-image: url(../images/page/honor-2s.png);
}
.brandHonor .swiper-button-next {
  top: auto;
  bottom: 0;
}
.brandHonor .swiper-button-next:hover {
  background-image: url(../images/page/honor-1s.png);
}

.brandProduct .moduleTitle {
  padding-top: 5rem;
  font-size: 1.66667rem;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  color: #333;
}
.brandProduct .productBox {
  margin-top: 4.44444rem;
}
.brandProduct .productBox .swiper-slide {
  display: flex;
  flex-wrap: wrap;
}
.brandProduct .productBox .productItem:nth-child(3n+1) {
  margin-left: 0;
}
.brandProduct .productBox .swiper-pagination {
  position: relative;
  left: auto;
  bottom: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.22222rem;
}
.brandProduct .productBox .swiper-pagination.swiper-pagination-lock {
  margin-top: 0;
}
.brandProduct .productBox .swiper-pagination span {
  opacity: 1;
  width: 0.61111rem;
  height: 0.61111rem;
  margin: 0 0.27778rem;
  border-radius: 0.61111rem;
  background: #d9d9d9;
  cursor: pointer;
}
.brandProduct .productBox .swiper-pagination span.swiper-pagination-bullet-active {
  width: 2.66667rem;
  background: #d9b865;
}
.brandProduct .productMore {
  margin-top: 3.61111rem;
}
.productItem {
  width: calc((100% - 3.33333rem) / 3);
  margin-left: 1.66667rem;
  border-radius: 0.55556rem;
  overflow: hidden;
  background: #f9f9f9;
}
.productItem:first-child {
  margin-left: 0;
}
.productItem:hover .productImgPos .productImg img {
  transition: all 0.5s;
  transform: scale(1.1);
}
.productItem:hover .productInfo .title {
  color: #dab866;
}
.productItem .productImgPos {
  height: 16.11111rem;
  background: url(../images/zjpage/productImgPos_bac.png) center no-repeat;
  background-size: cover;
  position: relative;
}
.productItem .productImgPos .productImg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.productItem .productImgPos .productImg img {
  transition: all 0.5s;
  transform: scale(1);
  max-width: 90%;
  max-height: 90%;
  object-fit: cover;
}
.productItem .productInfo {
  padding: 2.22222rem 1.11111rem;
  box-sizing: border-box;

}
.productItem .productInfo .title {
  font-size: 1.11111rem;
  font-weight: bold;
  text-align: center;
  color: #333;
}
.productItem .productInfo .desc {
  margin-top: 1.11111rem;
  font-size: 0.88889rem;
  color: #666666;
  line-height: 1.66667rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.otcPage .otcTab {
  margin: -1.11111rem auto 3.88889rem;
  padding-top: 1.11111rem;
  overflow: hidden;
}
.otcPage .otcTab .swiper-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.otcPage .otcTab .tabItem {
  width: auto;
  flex-shrink: 0;
  margin-left: 6.66667rem;
  position: relative;
}
.otcPage .otcTab .tabItem:first-child {
  margin-left: 0;
}
.otcPage .otcTab .tabItem:first-child::after {
  display: none;
}

.otcPage .otcTab .tabItem.active .tabIcon {
  background: #dcbc72;
  border-radius: 50%;
}
.otcPage .otcTab .tabItem.active .tabIcon .active {
  display: block;
}
.otcPage .otcTab .tabItem.active .tabIcon .default {
  display: none;
}
.otcPage .otcTab .tabItem.active .tabIcon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 140%;
  height: 140%;
  margin: -70% 0 0 -70%;
  background: rgba(220, 188, 114, 0.5);
  border-radius: 50%;
  z-index: -1;
  animation: otcTabRipple 1.8s ease-out infinite;
}
.otcPage .otcTab .tabItem::after {
  content: '';
  position: absolute;
  top: 1.94444rem;
  left: -10rem;
  width: 11.11111rem;
  border-bottom: 0.05556rem dashed #d8b65f;
}
.otcPage .otcTab .tabIcon {
  position: relative;
  z-index: 2;
  isolation: isolate;
  width: 3.88889rem;
  height: 3.88889rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #fff;
}
.otcPage .otcTab .tabIcon img {
  width:100%;
  height: 100%;
}
.otcPage .otcTab .tabIcon .active {
  display: none;
}
.otcPage .otcTab .tabText {
  font-size: 1rem;
  margin-top: 1.66667rem;
  color: #333;
  text-align: center;
}

.otcPage .newsCont {
  display: flex;
  flex-wrap: wrap;
}
.otcPage .newsCont .productItem {
  margin-top: 1.66667rem;
}
.otcPage .newsCont .productItem:nth-child(1), .otcPage .newsCont .productItem:nth-child(2), .otcPage .newsCont .productItem:nth-child(3) {
  margin-top: 0;
}
.otcPage .newsCont .productItem:nth-child(3n + 1) {
  margin-left: 0;
}
.otcPage .otcPagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3.88889rem;
}
.otcPage .otcPagination[v-cloak] {
  display: none;
}
.otcPage .otcPagination .el-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-weight: normal;
}
.otcPage .otcPagination .el-pagination.is-background .btn-prev, .otcPage .otcPagination .el-pagination.is-background .btn-next {
  width: 2.22222rem;
  height: 2.22222rem;
  min-width: 2.22222rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  transition: all 0.25s;
}
.otcPage .otcPagination .el-pagination.is-background .btn-prev span, .otcPage .otcPagination .el-pagination.is-background .btn-prev i, .otcPage .otcPagination .el-pagination.is-background .btn-next span, .otcPage .otcPagination .el-pagination.is-background .btn-next i {
  display: none;
}
.otcPage .otcPagination .el-pagination.is-background .btn-prev:hover, .otcPage .otcPagination .el-pagination.is-background .btn-prev:focus, .otcPage .otcPagination .el-pagination.is-background .btn-prev:active, .otcPage .otcPagination .el-pagination.is-background .btn-next:hover, .otcPage .otcPagination .el-pagination.is-background .btn-next:focus, .otcPage .otcPagination .el-pagination.is-background .btn-next:active {
  background-color: transparent;
  background-image: url(../images/page/honor-1s.png);
}
.otcPage .otcPagination .el-pagination.is-background .btn-prev {
  background-image: url(../images/page/honor-1.png);
  transform: rotate(90deg);
}
.otcPage .otcPagination .el-pagination.is-background .btn-prev.is-disabled {
  opacity: 1;
  background-image: url(../images/page/honor-1.png);
}
.otcPage .otcPagination .el-pagination.is-background .btn-prev.is-disabled:hover, .otcPage .otcPagination .el-pagination.is-background .btn-prev.is-disabled:focus, .otcPage .otcPagination .el-pagination.is-background .btn-prev.is-disabled:active {
  background-image: url(../images/page/honor-1.png);
}
.otcPage .otcPagination .el-pagination.is-background .btn-next {
  background-image: url(../images/page/honor-1.png);
  transform: rotate(-90deg);
}
.otcPage .otcPagination .el-pagination.is-background .el-pager li {
  min-width: 1.66667rem;
  height: 3.16667rem;
  margin: 0 1.11111rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: #666;
  font-size: 1rem;
  line-height: 3.16667rem;
  text-align: center;
  cursor: pointer;
  font-weight: normal;
}
.otcPage .otcPagination .el-pagination.is-background .el-pager li.active, .otcPage .otcPagination .el-pagination.is-background .el-pager li:hover {
  color: #d8b65f;
  background: transparent;
}
.otcPage .otcPagination .el-pagination.is-background .el-pager li.more {
  cursor: default;
  font-size: 0;
}
.otcPage .otcPagination .el-pagination.is-background .el-pager li.more::before {
  content: '...';
  font-size: 1rem;
}

@keyframes otcTabRipple {
    0% {
        opacity: 0.6;
        transform: scale(0.72);
    }
    70% {
        opacity: 0.18;
    }
    100% {
        opacity: 0;
        transform: scale(1.18);
    }
}

.mobileMain .noBanner .m_header {
  background: #fff;
  box-shadow: 0 0 0.55rem rgba(0, 0, 0, 0.1);
}
.mobileMain .noBanner .m_header .logo .img1 {
  display: none;
}
.mobileMain .noBanner .m_header .logo .img2 {
  display: block;
}
.mobileMain .noBanner .m_header .headerR {
  display: flex;
  align-items: center;
}
.mobileMain .noBanner .m_header .headerR .language {
  background: url(../images/mobile/icon/icon-1s.png) no-repeat center;
  background-size: cover;
}
.mobileMain .noBanner .m_header .headerR .search {
  background: url(../images/mobile/icon/icon-2s.png) no-repeat center;
  background-size: cover;
}
.mobileMain .noBanner .m_header .headerR .menuIcon {
  background: url(../images/mobile/icon/icon-3s.png) no-repeat center;
  background-size: cover;
}

.mobileMain .goods {
  overflow: hidden;

}
.mobileMain .goods .pos {
  display: block;
  align-items: initial;
  justify-content: initial;
  padding: 1.8rem 0 10rem;
}
.mobileMain .goods .pos .goodImgPos .w1600 {
  height: 100%;
  width: 100%;
}
.mobileMain .goods .pos .goodsImg {
  top: 1rem;
  left: 0.6rem;
  width: 9.39rem;
  height:5.8rem;
}
.mobileMain .goods .pos > .w1600 {
  position: relative;
  width: 92%;
  min-width: 92%;
}

.mobileMain .goods .pos .posInfo {
  width: 13.8rem;
}
.mobileMain .goods .pos .posInfo .goodsTitle .title {
  font-size: 1rem;
  line-height: 1.1rem;
  margin-bottom: 0;
}
.mobileMain .goods .pos .posInfo .goodsTitle .subTitle {
  margin-left: 0.35rem;
  padding: 0.05rem 0.14rem;
  border-radius: 0.2rem;
  font-size: 0.46rem;
}
.mobileMain .goods .pos .posInfo .goodsDesc {
  margin-top: 0.5rem;
  font-size: 0.6rem;
  line-height: 0.88rem;
}
.mobileMain .goods .pos .posInfo .goodsText {
  margin-top: 0.7rem;
  padding-top: 0.7rem;
}
.mobileMain .goods .pos .posInfo .goodsText p {
  font-size: 0.54rem;
  line-height: 0.9rem;
}
.mobileMain .goods .pos .posInfo .goodsText::after {
  width: 9.68rem;
  height: 0.03rem;
}
.mobileMain .brandHonor {
  height: 26.8rem;
  background: #fff url(../images/mobile/page/honorBg.jpg) center top no-repeat;
  background-size: 100% 100%;
}
.mobileMain .brandHonor .moduleTitle {
  padding-top: 2.18rem;
  font-size: 0.74rem;
  line-height: 0.74rem;
}
.mobileMain .brandHonor .honorBox {
  height: auto;
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column-reverse;
}
.mobileMain .brandHonor .honorRight {
  top: 0;
  right: auto;
  left: 0;
  width: 100%;
  height: 9rem;
  position: relative;
}
.mobileMain .brandHonor .honorTextSwiper {
  width: 100%;
  height: 6rem;
}
.mobileMain .brandHonor .honorTextSwiper .swiper-slide {
  height: 2rem;
  font-size: 0.54rem;
  line-height: 0.72rem;
}
.mobileMain .brandHonor .honorTextSwiper .swiper-slide span {
  width: 100%;
  height: 100%;
  padding: 0 0.25rem;
  border-radius: 1.03rem;
}
.mobileMain .brandHonor .swiper-button-prev, .mobileMain .brandHonor .swiper-button-next {
  width: 1rem;
  height: 1rem;
  margin-left: -0.5rem;
}
.mobileMain .brandHonor .honorLeft {
  width: 100%;
  height: 11.35rem;
  position: relative;
  left: 0;
  margin-top: 1.5rem;
}
.mobileMain .brandHonor .honorPicSwiper {
  width: 13.84rem;
  height: 6.5rem;
  overflow: visible;
  padding-top: 0.5rem;
}
.mobileMain .brandHonor .honorPicSwiper .swiper-slide {
  width: 5.05rem;
  height: 7.48rem;
  opacity: 0;
  visibility: hidden;
}
.mobileMain .brandHonor .honorPicSwiper .swiper-slide .honorPic {
  width: 100%;
  height: 100%;
}
.mobileMain .brandHonor .honorPicSwiper .swiper-slide img {
  max-width: 6.73rem;
  max-height: 7.48rem;
}
.mobileMain .brandHonor .honorPicSwiper .swiper-slide-active, .mobileMain .brandHonor .honorPicSwiper .swiper-slide-prev, .mobileMain .brandHonor .honorPicSwiper .swiper-slide-next {
  visibility: visible;
}
.mobileMain .brandHonor .honorPicSwiper .swiper-slide-active {
  opacity: 1;
}
.mobileMain .brandHonor .honorPicSwiper .swiper-slide-prev, .mobileMain .brandHonor .honorPicSwiper .swiper-slide-next {
  opacity: 0.45;
}
.mobileMain .brandHonor .honorStage {
  top: 5.28rem;
  width: 13.84rem;
}
.mobileMain .brandHonor .honorCaption {
  top: 9.68rem;
  width: 13.84rem;
  font-size: 0.54rem;
  line-height: 0.72rem;
  min-height: 1.44rem;
}
.mobileMain .otcPage .otcTab {
  width: 100%;
  margin: -1.6rem auto 1.8rem;
  padding: 1.6rem 0.55rem 0;
  box-sizing: border-box;
}
.mobileMain .otcPage .otcTab .swiper-wrapper {
  justify-content: flex-start;
}
.mobileMain .otcPage .otcTab .tabItem {
  width: 2.8rem;
  flex: 0 0 2.8rem;
  margin-left: 0;
  text-align: center;
}
.mobileMain .otcPage .otcTab .tabItem::after {
  top: 0.65rem;
  left: -1.18rem;
  width: 2.8rem;
}
.mobileMain .otcPage .otcTab .tabIcon {
  width: 1.4rem;
  height: 1.4rem;
  margin: 0 auto;
}
.mobileMain .otcPage .otcTab .tabText {
  margin-top: 0.72rem;
  font-size: 0.48rem;
}
.mobileMain .otcPage .newsCont .productItem {
  margin-top: 1rem;
}
.mobileMain .otcPage .newsCont .productItem:nth-child(1) {
  margin-top: 0;
}
.mobileMain .otcPage .otcPagination {
  width: calc(100% - 1.1rem);
  margin-top: 1.36rem;
  margin-bottom: 0;
}
.mobileMain .otcPage .otcPagination .el-pagination {
  width: 100%;
  justify-content: space-between;
}
.mobileMain .otcPage .otcPagination .el-pagination.is-background .btn-prev, .mobileMain .otcPage .otcPagination .el-pagination.is-background .btn-next {
  width: 1.38rem;
  min-width: 1.38rem;
  height: 1.38rem;
  flex: 0 0 1.38rem;
}
.mobileMain .otcPage .otcPagination .el-pagination.is-background .el-pager {
  flex: 1;
  display: flex;
  justify-content: space-between;
  margin: 0 0.52rem;
}
.mobileMain .otcPage .otcPagination .el-pagination.is-background .el-pager li {
  min-width: 1.38rem;
  width: 1.38rem;
  height: 1.38rem;
  margin: 0;
  border: 0.05556rem solid #e0e0e0;
  border-radius: 50%;
  color: #999;
  font-size: 0.54rem;
  line-height: 1.34rem;
  box-sizing: border-box;
}
.mobileMain .otcPage .otcPagination .el-pagination.is-background .el-pager li.active, .mobileMain .otcPage .otcPagination .el-pagination.is-background .el-pager li:hover {
  color: #d8b65f;
  background: transparent;
}
.mobileMain .otcPage .otcPagination .el-pagination.is-background .el-pager li.more {
  font-size: 0;
}
.mobileMain .otcPage .otcPagination .el-pagination.is-background .el-pager li.more::before {
  content: '...';
  font-size: 0.54rem;
  line-height: 1.34rem;
}
.mobileMain .otcPage .otcPagination .el-pagination.is-background .btn-prev {
  background-image: url(../images/page/honor-1s.png);
}
.mobileMain .otcPage .otcPagination .el-pagination.is-background .btn-next {
  background-image: url(../images/page/honor-1.png);
}



.describePage .paging {
  margin-bottom:5rem;
}
.describePage .describeInfo {
  background: url(../images/page/describeBg.jpg) center no-repeat;
  background-size: cover;
}
.describePage .describeInfo .describeCont {
  width: 77.83%;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.describePage .describeInfo .describeCont .describeLswiper {
  position: relative;
  overflow: hidden;
  width: 22.77778rem;
  margin: 0 3.88889rem;
}
.describePage .describeInfo .describeCont .describeLswiper .swiper-slide {
  width: 22.77778rem;
}
.describePage .describeInfo .describeCont .describeLswiper .swiper-slide img {
  width: 100%;
}
.describePage .describeInfo .describeCont .describeLswiper .swiper-pagination {
  position: initial;
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.describePage .describeInfo .describeCont .describeLswiper .swiper-pagination .swiper-pagination-bullet {
  transition: all 0.5s;
  width: 0.55556rem;
  height: 0.55556rem;
  border-radius: 0.55556rem;
}
.describePage .describeInfo .describeCont .describeLswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 2.33333rem;
  background: #dab866;
}
.describePage .describeInfo .describeCont .describeR {
  margin-left: 4.44444rem;
}
.describePage .describeInfo .describeCont .describeR .describeRtitle {
  font-size: 1.66667rem;
  font-weight: bold;
}
.describePage .describeInfo .describeCont .describeR .describeRdesc {
  font-size: 1.11111rem;
  color: #666666;
  margin-top: 1.38889rem;
}
.describePage .describeInfo .describeCont .describeR .describeRText {
  margin-top: 1.66667rem;
  padding-top: 1.66667rem;
  border-top: 0.05556rem solid #e5e5e5;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
  color: #666666;
  text-align: justify;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn {
  display: flex;
  margin-top: 3.05556rem;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .btnItem {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 2.55556rem;
  margin-left: 0.83333rem;
  padding:0 1.11111rem;
  line-height: 2.55556rem;
  box-sizing: border-box;
  box-shadow: 0 0 0.55556rem rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.5s;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .btnItem:first-child {
  margin-left: 0;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .btnItem .btnImg {
  width: 1.38889rem;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .btnItem .btnImg .active {
  display: none;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .btnItem .btnImg img {
  width: 100%;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .btnItem .btnText {
  margin-left: 0.55556rem;
  font-size: 0.88889rem;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .btnItem:hover {
  background: #dab866;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .btnItem:hover .btnImg .active {
  display: block;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .btnItem:hover .btnImg .default {
  display: none;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .btnItem:hover .btnText {
  color: #ffffff;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .iconList {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.83333rem;
  border-radius: 2.55556rem;
  box-shadow: 0 0 0.55556rem rgba(0, 0, 0, 0.1);
  background: #fff;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .iconList a {
  position: relative;
  padding: 0 1rem;
  height: 2.55556rem;
  overflow: hidden;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .iconList a::after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 0.05556rem;
  height: 1.11111rem;
  background: #e5e5e5;
  transform: translateY(-50%);
  content: "";
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .iconList a:last-child::after {
  display: none;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .iconList a:hover .pos {
  transition: all 0.5s;
  margin-top: -2.55556rem;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .iconList a .pos {
  transition: all 0.5s;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .iconList a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.55556rem;
}
.describePage .describeInfo .describeCont .describeR .describeRBtn .iconList a .icon img {
  max-width: 100%;
  max-height:1rem;
  object-fit: contain;
}

.describePage .ingredient {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5rem;
  padding-bottom: 5rem;
}
.describePage .ingredient .ingredientList {
  padding: 1.94444rem 0;
  box-sizing: border-box;
  width: calc((100% - 6.66667rem) / 2);
  margin-left: 6.66667rem;
}
.describePage .ingredient .ingredientList:nth-child(2n + 1) {
  margin-left: 0;
}
.describePage .ingredient .ingredientList .ingredientT {
  display: flex;
  align-items: center;
}
.describePage .ingredient .ingredientList .ingredientT .ingredientImg {
  width: 2.55556rem;
}
.describePage .ingredient .ingredientList .ingredientT .ingredientImg img {
  width: 100%;
}
.describePage .ingredient .ingredientList .ingredientT .ingredientTitle {
  font-size: 1.11111rem;
  margin-left: 0.83333rem;
  font-weight: bold;
}
.describePage .ingredient .ingredientList .ingredientB {
  margin-top: 0.83333rem;
  border-top: 0.05556rem solid #e5e5e5;
  padding-top: 1.66667rem;
  font-size: 0.88889rem;
  color: #666666;
  line-height: 1.66667rem;
}
.describePage .ingredient + .literature {
  margin-top:0;
}
.describePage .productHonor {
  padding:5rem 0;
  background: #fbfbfb;
  overflow: hidden;
}
.describePage .productHonor .w1600 {
  position: relative;
}
.describePage .productHonor .moduleTitle {
  font-size: 1.66667rem;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  color: #333;
}
.describePage .productHonor .productHonorBox {
  position: relative;
  margin-top: 3.11111rem;
}
.describePage .productHonor .productHonorSwiper {
  width: 60.44444rem;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.describePage .productHonor .productHonorSwiper .swiper-slide {
  margin-right: 3.33333rem;
  width: calc((100% - 6.66667rem) / 3);
  display: flex;
  justify-content: center;
}
.describePage .productHonor .honorDisplay {
  text-align: center;
}
.describePage .productHonor .honorDisplayImg {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 1.33333rem;
}
.describePage .productHonor .honorDisplayImg img {
  max-width: 100%;
  max-height: 100%;
}
.describePage .productHonor .honorDisplayCert .honorDisplayImg {
  width: 15.72222rem;
  height: 15.27778rem;
}
.describePage .productHonor .honorDisplayMedal .honorDisplayImg {
  width: 13.61111rem;
  height: 15.27778rem;
}
.describePage .productHonor .honorDisplayText {
  min-height: 3rem;
  font-size: 0.88889rem;
  line-height: 1.55556rem;
  color: #333;
}
.describePage .productHonor .honorDisplayStage {
  position: absolute;
  left: 50%;
  top: 13.66667rem;
  width: 79.22222rem;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
}
.describePage .productHonor .honorDisplayStage img {
  width: 100%;
}
.describePage .productHonor .swiper-button-prev, .describePage .productHonor .swiper-button-next {
  position: absolute;
  top: 7.05556rem;
  width: 3rem;
  height: 3rem;
  margin-top: 0;
  cursor: pointer;
  z-index: 3;
  background-size: 100% 100%;
  border-radius: 100%;
  box-shadow: 0 0 0.83333rem rgba(0, 0, 0, 0.06);
}
.describePage .productHonor .swiper-button-prev::after, .describePage .productHonor .swiper-button-next::after {
  display: none;
}
.describePage .productHonor .swiper-button-prev {
  left: 3.16667rem;
  background-image: url(../images/page/arrrowL.png);
}
.describePage .productHonor .swiper-button-prev:hover {
  background-image: url(../images/page/arrrowLs.png);
}
.describePage .productHonor .swiper-button-next {
  right: 3.22222rem;
  background-image: url(../images/page/arrrowR.png);
}
.describePage .productHonor .swiper-button-next:hover {
  background-image: url(../images/page/arrrowRs.png);
}
.describePage .literature, .describePage .article, .describePage .question {
  margin-top: 5rem;
}
.describePage .relatedProduct {
  margin-top: 5rem;
}
.describePage .relatedProduct > .title {
  font-size: 1.66667rem;
  font-weight: bold;
  text-align: center;
}
.describePage .relatedProduct .relatedSwiper {
  position: relative;
  margin-top: 3.88889rem;
}
.describePage .relatedProduct .relatedSwiper .swiper-slide {
  display: flex;
}
.describePage .relatedProduct .relatedSwiper .swiper-pagination {
  position: initial;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.16667rem;
  margin-top: 2.88889rem;
}
.describePage .relatedProduct .relatedSwiper .swiper-pagination-bullet {
  width: 0.55556rem;
  height: 0.55556rem;
  border-radius: 0.55556rem;
  background: #d9d9d9;
  opacity: 1;
  transition: width 0.3s;
}
.describePage .relatedProduct .relatedSwiper .swiper-pagination-bullet-active {
  width: 2.55556rem;
  background: #dab866;
}

.literatureCont {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.22222rem;
}
.literatureCont .literatureList {
  width: calc((100% - 3.33333rem) / 3);
  margin-left: 1.66667rem;
  margin-top: 1.66667rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5rem;
  background: #f9f9f9;
  border-radius: 0.55556rem;
  padding: 0 1.94444rem;
  box-sizing: border-box;
}
.literatureCont .literatureList:nth-child(3n + 1) {
  margin-left: 0;
}
.literatureCont .literatureList .literatureImg {
  width: 2.88889rem;
}
.literatureCont .literatureList .literatureImg img {
  width: 100%;
}
.literatureCont .literatureList .literatureImg .hover {
  display: none;
}
.literatureCont .literatureList .literatureL {
  display: flex;
  align-items: center;
  width: calc(100% - 2.22222rem);
}
.literatureCont .literatureList .literatureL .literatureText {
  margin-left: 1rem;
  font-size: 1rem;
  width: calc(100% - 3.88889rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
}
.literatureCont .literatureList .literatureR {
  width: 1.38889rem;
}
.literatureCont .literatureList .literatureR img {
  width: 100%;
}
.literatureCont .literatureList .literatureR .hover {
  display: none;
}
.literatureCont .literatureList:hover {
  background: #dab866;
}
.literatureCont .literatureList:hover .literatureImg .hover {
  display: block;
}
.literatureCont .literatureList:hover .literatureImg .default {
  display: none;
}
.literatureCont .literatureList:hover .literatureR .hover {
  display: block;
}
.literatureCont .literatureList:hover .literatureR .default {
  display: none;
}
.literatureCont .literatureList:hover .literatureText {
  color: #fff;
}
.literature .tab_title {
  display: flex;
  justify-content: center;
}
.literature .tab_title .swiper {
  width: auto;
  height: 3.61111rem;
  border-radius: 2.77778rem;
  box-shadow: 0 0 0.55556rem rgba(0, 0, 0, 0.08);
  background: #fff;
}
.literature .tab_title .swiper a {
  transition: all 0.6s;
  position: relative;
  text-align: center;
  width: auto;
  line-height: 3.61111rem;
  font-size: 1rem;
  border-radius: 2.77778rem;
  color: #666;
  cursor: pointer;
  overflow: hidden;
}
.literature .tab_title .swiper a::after {
  transition: all 0.6s;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);

  width: 2.77778rem;
  height: 2.77778rem;
  background: #dab866;
  border-radius: 2.77778rem;
}
.literature .tab_title .swiper a p {
  position: relative;
  z-index: 2;
  padding: 0 3.33333rem;
}
.literature .tab_title .swiper a.cur {
  transition: all 0.6s;
  color: #fff;
}
.literature .tab_title .swiper a.cur::after {
  transition: all 0.6s;
  transform: translate(-50%, -50%) scale(6);
}
.literatureCont2 .literatureList {
  width: calc((100% - 1.66667rem) / 2);
  margin-left: 1.66667rem;
}
.literatureCont2 .literatureList:nth-child(3n + 1) {
  margin-left: 1.66667rem;
}
.literatureCont2 .literatureList:nth-child(2n + 1) {
  margin-left: 0;
}
.new_xq2 .text .list li {
  margin-bottom: 1.66667rem;
  padding: 1.11111rem;
  border-radius: 0.55556rem;
  background: #f8f8f8;
  border-left: #dab866 0.22222rem solid;
  overflow: hidden;
}
.new_xq2 .text .list li h1 {
  font-size: 1.22222rem;
  font-weight: 700;
  color: #dab866;
}
.new_xq2 .text .list li .literature-item-content {
  margin-top: 0.55556rem;
  font-size: 1rem;
  line-height: 1.77778rem;
  color: #666;
  font-weight: normal;
}


.articleCont {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.66667rem;
}
.articleCont .articleList {
  display: flex;
  width: calc((100% - 3.88889rem) / 2);
  margin-left: 1.94444rem;
  margin-top: 1.94444rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.55556rem;
  padding: 1.11111rem 1.66667rem 1.11111rem 1.11111rem;
  border: 0.05556rem solid #e5e5e5;
  box-sizing: border-box;
}
.articleCont .articleList:hover .articleL .articleImg img {
  transition: all 0.5s;
  transform: scale(1.05);
}
.articleCont .articleList:hover .articleL .articleBox .text {
  color: #dab866;
}
.articleCont .articleList:nth-child(2n + 1) {
  margin-left: 0;
}
.articleCont .articleList .articleL {
  display: flex;
  align-items: center;
  width: calc(100% - 2.55556rem);
}
.articleCont .articleList .articleL .articleImg {
  margin-right: 1.66667rem;
  width: 15.55556rem;
  height: 7.55556rem;
  background: #eee;
}
.articleCont .articleList .articleL .articleImg img {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.articleCont .articleList .articleL .articleBox {
  flex: 1;
  width: auto;
  color: #333;
}
.articleCont .articleList .articleL .articleBox .time {
  font-size: 1rem;
  color: #dab866;
  font-family: "DIN";
}
.articleCont .articleList .articleL .articleBox .text {
  max-height: 3.33333rem;
  line-height: 1.66667rem;
  font-size: 1rem;
  margin-top: 1rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.articleCont .articleList .articleR {
  width: 2rem;
}
.articleCont .articleList .articleR img {
  width: 100%;
}
.questionCont {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 2.22222rem;
}
.questionCont .questionList {
  width: calc((100% - 3.33333rem) / 2);
  margin-left: 1.66667rem;
  margin-top: 1.66667rem;
  border-radius: 0.55556rem;
  padding: 1.94444rem;
  border: 0.05556rem solid #e5e5e5;
  box-sizing: border-box;
}
.questionCont .questionList.active .questionR {
  transition: all 0.5s;
  transform: rotate(270deg);
}
.questionCont .questionList:nth-child(2n + 1) {
  margin-left: 0;
}
.questionCont .questionList:hover .questionL .questionText {
  color: #dab866;
}
.questionCont .questionList .questionInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.questionCont .questionList .questionL {
  display: flex;
  align-items: center;
  width: calc(100% - 3.05556rem);
}
.questionCont .questionList .questionL .questionTitle {
  width: 1.66667rem;
  height: 1.66667rem;
  border-radius: 50%;
  background: #dab866;
  font-size: 0.77778rem;
  color: #fff;
  text-align: center;
  line-height: 1.66667rem;
}
.questionCont .questionList .questionL .questionText {
  margin-left: 0.83333rem;
  font-size: 1rem;
}
.questionCont .questionList .questionR {
  width: 1.38889rem;
  transform: rotate(90deg);
}
.questionCont .questionList .questionR img {
  width: 100%;
}
.questionCont .questionList .answerBox {
  display: none;
}
.questionCont .questionList .answer {
  display: flex;
  margin-top: 1.38889rem;
}
.questionCont .questionList .answer span {
  font-size: 0.88889rem;
  color: #dab866;
  font-weight: bold;
  width: 1.66667rem;
  text-align: right;
  line-height: 1.66667rem;
}
.questionCont .questionList .answer .answerText {
  margin-left: 0.83333rem;
  font-size: 0.88889rem;
  color: #666666;
  line-height: 1.66667rem;
}

.knowledgeModalOpen {
  overflow: hidden;
}
.knowledgeModal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 3.88889rem 3.33333rem;
  box-sizing: border-box;
  overflow: hidden;
}
.knowledgeModal.active {
  display: flex;
}
.knowledgeMask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .56);
}
.knowledgePanel {
  position: relative;
  width: min(calc(100vw - 6.66667rem), calc((100vh - 11.11111rem) * 1596 / 993), 88.66667rem);
  aspect-ratio: 1596 / 993;
  background: #fff;
  border-radius: 0.33333rem;
  box-sizing: border-box;
  box-shadow: 0 1rem 2.77778rem rgba(0, 0, 0, .12);
}
.knowledgeClose {
  position: absolute;
  right: 0.11111rem;
  top: -3.33333rem;
  width: 2.05556rem;
  height: 2.05556rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}
.knowledgeClose img {
  width: 100%;
}
.knowledgeGraph {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.knowledgeTooltip {
  position: absolute;
  z-index: 5;
  display: none;
  max-width: 17.22222rem;
  padding: 0.66667rem 0.83333rem;
  border: 0.05556rem solid rgba(160, 160, 160, .42);
  border-radius: 0.33333rem;
  background: rgba(255, 255, 255, .96);
  color: #555;
  font-size: 0.72222rem;
  line-height: 1.65;
  white-space: pre-line;
  word-break: break-word;
  box-shadow: 0 0.44444rem 1.33333rem rgba(0, 0, 0, .12);
  pointer-events: none;
}
.knowledgeTooltip.active {
  display: block;
}
.knowledgeTooltip .tt-title {
  margin-bottom: 0.22222rem;
  color: #caa24a;
  font-size: 0.83333rem;
  font-weight: bold;
}
.knowledgeTooltip .tt-cat {
  margin-bottom: 0.16667rem;
  color: #999;
  font-size: 0.66667rem;
}
.knowledgeLines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.knowledgeLines line {
  stroke: #d4b365;
  stroke-width: 1;
  stroke-dasharray: 4 8;
  stroke-linecap: round;
  opacity: .88;
}
.knowledgeGraphNode {
  cursor: default;
  pointer-events: all;
}
.knowledgeGraphNode circle {
  stroke-width: 1.5;
  transform-box: fill-box;
  transform-origin: center;
  transition: filter .3s, stroke-width .3s, transform .3s;
}
.knowledgeGraphNode text {
  font-size: 0.77778rem;
  line-height: 1.33333rem;
  pointer-events: none;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}
.knowledgeGraphNode.is-expandable {
  cursor: pointer;
}
.knowledgeGraphNode.is-expandable circle {
  filter: drop-shadow(0 0.22222rem 0.55556rem rgba(45, 140, 255, .16));
}
.knowledgeGraphNode.is-expandable:hover circle, .knowledgeGraphNode.is-expandable.is-expanded circle {
  stroke-width: 3;
  transform: scale(1.08);
  filter: drop-shadow(0 0.44444rem 1rem rgba(45, 140, 255, .36));
}
.knowledgeGraphNode.is-expandable:hover text, .knowledgeGraphNode.is-expandable.is-expanded text {
  text-decoration: underline;
  text-underline-offset: 0.22222rem;
}
.knowledgeGraphNode-root .knowledgeRootHalo {
  fill: #dceeff;
  stroke: none;
}
.knowledgeGraphNode-root circle {
  stroke-width: 0;
}
.knowledgeGraphNode-root text {
  font-size: 1.33333rem;
  line-height: 1.66667rem;
  font-weight: bold;
}
.knowledgeGraphNode-primary circle {
  stroke-width: 1.5;
}
.knowledgeGraphNode-primary text {
  font-size: 1rem;
  line-height: 1.38889rem;
  font-weight: bold;
}
.manualModal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 3.88889rem 3.33333rem;
  box-sizing: border-box;
  overflow: hidden;
}
.manualModal.active {
  display: flex;
}
.manualMask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .56);
}
.manualPanel {
  position: relative;
  width: min(calc(100vw - 6.66667rem), calc((100vh - 8.88889rem) * 1517 / 1347), 71.11111rem);
  max-height: calc(100vh - 8.88889rem);
  background: #fff;
  border-radius: 0.33333rem;
  box-shadow: 0 1rem 2.77778rem rgba(0, 0, 0, .12);
  overflow: visible;
}
.manualClose {
  position: absolute;
  right: 0.11111rem;
  top: -3.33333rem;
  width: 2.05556rem;
  height: 2.05556rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}
.manualClose img {
  width: 100%;
}
.manualImageWrap {
  max-height: calc(100vh - 8.88889rem);
  overflow: auto;
  border-radius: inherit;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}
.manualImageWrap img {
  display: block;
  width: 100%;
  height: auto;
}
.knowledgeNode {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  color: #333;
  text-align: center;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
  background: #fff;
  cursor: default;
}
.knowledgeNode span {
  display: block;
  padding: 0 0.55556rem;
}
.knowledgeNode-root {
  width: 8.38889rem;
  height: 8.38889rem;
  border-radius: 50%;
  background: #d7b760;
  color: #fff;
  font-size: 1.33333rem;
  line-height: 2rem;
  font-weight: bold;
  box-shadow: 0 0.77778rem 1.94444rem rgba(216, 184, 97, 0.35);
}
.knowledgeNode-primary {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  border: 0.11111rem solid #d8b65f;
  color: #d1aa4f;
  font-size: 1rem;
  line-height: 1.33333rem;
  font-weight: bold;
}
.knowledgeNode-leaf {
  width: 4.33333rem;
  height: 4.33333rem;
  border-radius: 50%;
  border: 0.05556rem solid #e5cf95;
  color: #333;
  font-size: 0.77778rem;
  line-height: 1.11111rem;
}
.mobileMain .knowledgeModal {
  padding: 3rem .66667rem 1.11111rem !important;
  align-items: center;
}
.mobileMain .knowledgePanel {
  width: calc(100vw - 1.33333rem) !important;
  height: calc((100vw - 1.33333rem) * 920 / 1060);
  max-height: calc(100dvh - 5.11111rem);
  aspect-ratio: auto;
  border-radius: .44444rem;
}
.mobileMain .knowledgeClose {
  right: 0;
  top: -2rem;
  width: 1.2rem;
  height: 1.2rem;
}
.mobileMain .knowledgeGraph {
  overflow: hidden;
  overscroll-behavior: contain;
  touch-action: none;
}
.mobileMain .knowledgeLines {
  position: absolute;
  inset: 0;
  width: 100% !important;
  min-width: 0;
  height: 100% !important;
  min-height: 0;
  touch-action: none;
  cursor: grab;
}
.mobileMain .knowledgeLines:active {
  cursor: grabbing;
}
.mobileMain .knowledgeLines line {
  stroke-width: .15556rem;
  stroke-dasharray: .27778rem .44444rem;
}
.mobileMain .knowledgeGraphNode text {
  font-size: .55rem;
  line-height: .7rem;
}
.mobileMain .knowledgeGraphNode-primary text {
  font-size: .7rem;
  line-height: .9rem;
}
.mobileMain .knowledgeGraphNode-root text {
  font-size: 1rem;
  line-height: 1.2rem;
}
.mobileMain .knowledgeTooltip {
  max-width: calc(100vw - 2.22222rem);
  padding: 0.3rem;
  border-radius: 0.3rem;
  font-size: 0.4rem;
  line-height: 1.7;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, .14);
  max-width: 5rem;
  max-height: 4rem;
  overflow-y: auto;
  pointer-events: auto;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
}
.mobileMain .manualModal {
  padding: 3rem .66667rem 1.11111rem;
}
.mobileMain .manualPanel {
  width: calc(100vw - 1.33333rem);
  max-height: calc(100dvh - 5.11111rem);
  border-radius: .44444rem;
}
.mobileMain .manualClose {
  right: .11111rem;
  top: -2rem;
  width: 1.2rem;
  height: 1.2rem;
}
.mobileMain .manualImageWrap {
  max-height: calc(100dvh - 5.11111rem);
}
.mobileMain .describePage .paging {
  margin-bottom:1.8rem;
}
.mobileMain .describePage .describeInfo {
  height: auto;
  padding: 1.8rem 0;
  background: #f8f8f8 url(../images/mobile/page/describeBg.jpg) top center no-repeat;
  background-size: 100% auto;
}
.mobileMain .describePage .describeInfo .describeCont {
  width: 92%;
  display: block;
  height: auto;
}
.mobileMain .describePage .describeInfo .describeCont .describeLswiper {
  width: 10.64rem;
  margin: 0 auto;
}
.mobileMain .describePage .describeInfo .describeCont .describeLswiper .swiper-slide {
  width: 10.64rem;
}
.mobileMain .describePage .describeInfo .describeCont .describeLswiper .swiper-pagination {
  margin-top: 1.3rem;
}
.mobileMain .describePage .describeInfo .describeCont .describeLswiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 0.18rem;
}
.mobileMain .describePage .describeInfo .describeCont .describeLswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 1rem;
}
.mobileMain .describePage .describeInfo .describeCont .describeR {
  margin-left: 0;
  margin-top: 0.8rem;
}
.mobileMain .describePage .describeInfo .describeCont .describeR .describeRtitle {
  font-size: 0.6rem;
}
.mobileMain .describePage .describeInfo .describeCont .describeR .describeRdesc {
  margin-top: 0.4rem;
  font-size: 0.54rem;
}
.mobileMain .describePage .describeInfo .describeCont .describeR .describeRText {
  margin-top: 0.5rem;
  padding-top: 0.6rem;
  font-size: 0.5rem;
  line-height: 0.9rem;
}
.mobileMain .describePage .describeInfo .describeCont .describeR .describeRBtn {
  flex-wrap: wrap;
  margin-top: 0.9rem;
}
.mobileMain .describePage .describeInfo .describeCont .describeR .describeRBtn .btnItem {
  margin-left: 0.4rem;
  padding: 0 0.4rem;
  line-height: 1.2rem;
  border-radius: 1.2rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.05);
}
.mobileMain .describePage .describeInfo .describeCont .describeR .describeRBtn .btnItem:first-child {
  margin-left: 0;
}
.mobileMain .describePage .describeInfo .describeCont .describeR .describeRBtn .btnItem .btnImg {
  width: 0.7rem;
}
.mobileMain .describePage .describeInfo .describeCont .describeR .describeRBtn .btnItem .btnText {
  margin-left: 0.3rem;
  font-size: 0.48rem;

}
.mobileMain .describePage .describeInfo .describeCont .describeR .describeRBtn .iconList {
  margin-left: 0.4rem;
  border-radius:1.2rem;
  box-shadow: 0 0 0.55556rem rgba(0, 0, 0, 0.1);
}
.mobileMain .describePage .describeInfo .describeCont .describeR .describeRBtn .iconList a {
  padding: 0 0.5rem;
  height:1.2rem;
}
.mobileMain .describePage .describeInfo .describeCont .describeR .describeRBtn .iconList a::after {
  height:0.6rem;
}
.mobileMain .describePage .describeInfo .describeCont .describeR .describeRBtn .iconList a:hover .pos {
  margin-top: -1.2rem;
}

.mobileMain .describePage .describeInfo .describeCont .describeR .describeRBtn .iconList a .icon {
  height:1.2rem;
}
.mobileMain .describePage .describeInfo .describeCont .describeR .describeRBtn .iconList a .icon img {
  max-height:0.52rem;
}
.mobileMain .describePage .ingredient {
  display: block;
  margin-top: 1.4rem;
  padding-bottom: 1.6rem;
}
.mobileMain .describePage .ingredient .ingredientList {
  width: 100%;
  margin-left: 0;
  padding: 0.6rem 0;
}
.mobileMain .describePage .ingredient .ingredientList .ingredientT .ingredientImg {
  width: 1.1rem;
}
.mobileMain .describePage .ingredient .ingredientList .ingredientT .ingredientTitle {
  margin-left: 0.4rem;
  font-size: 0.6rem;
}
.mobileMain .describePage .ingredient .ingredientList .ingredientB {
  margin-top: 0.55rem;
  padding-top: 0.45rem;
  font-size: 0.54rem;
  line-height: 0.9rem;
}
.mobileMain .describePage .ingredient + .literature {
  margin-top:0;
}
.mobileMain .describePage .productHonor {
  padding: 2rem 0;
}
.mobileMain .describePage .productHonor .moduleTitle {
  font-size: 0.75rem;
}
.mobileMain .describePage .productHonor .productHonorBox {
  margin-top: 0.95rem;
}
.mobileMain .describePage .productHonor .productHonorSwiper {
  width: 100%;
}
.mobileMain .describePage .productHonor .productHonorSwiper .swiper-slide {
  margin: 0 2%;
  width: 48%;
}
.mobileMain .describePage .productHonor .productHonorSwiper .swiper-slide .honorDisplayImg {
  margin: 0 auto 0.67rem;
}
.mobileMain .describePage .productHonor .honorDisplayCert .honorDisplayImg {
  width: 4.25rem;
  height: 3rem;
}
.mobileMain .describePage .productHonor .honorDisplayCert .honorDisplayImg img {
  max-height: 100%;
}
.mobileMain .describePage .productHonor .honorDisplayMedal .honorDisplayImg {
  width: 3.8rem;
  height: 3rem;
}
.mobileMain .describePage .productHonor .honorDisplayText {
  min-height: 0.7rem;
  padding: 0 0.4rem;
  font-size: 0.48rem;
  line-height: 0.7rem;
}
.mobileMain .describePage .productHonor .honorDisplayStage {
  top: 2.7rem;
  width: 13rem;
}
.mobileMain .describePage .productHonor .swiper-button-prev, .mobileMain .describePage .productHonor .swiper-button-next {
  top: 1.45rem;
  width: 0.9rem;
  height: 0.9rem;
}
.mobileMain .describePage .productHonor .swiper-button-prev {
  left: 0;
}
.mobileMain .describePage .productHonor .swiper-button-next {
  right: 0;
}
.mobileMain .describePage .literature, .mobileMain .describePage .article, .mobileMain .describePage .question {
  margin-top: 1.8rem;
}
.mobileMain .describePage .pubTitle .title {
  margin-bottom: 0;
  font-size: 0.75rem;
}
.mobileMain .describePage .pubTitle .more p {
  padding-right: 0;
}

.mobileMain .describePage .relatedProduct {
  margin-top: 1.8rem;
}
.mobileMain .describePage .relatedProduct > .title {
  font-size: 0.75rem;
}
.mobileMain .describePage .relatedProduct .relatedSwiper {
  margin-top: 0.9rem;

}
.mobileMain .describePage .relatedProduct .relatedSwiper .swiper-pagination {
  gap: 0.12rem;
  margin-top: 0.85rem;
}
.mobileMain .describePage .relatedProduct .relatedSwiper .swiper-pagination-bullet {
  width: 0.22rem;
  height: 0.22rem;
}
.mobileMain .describePage .relatedProduct .relatedSwiper .swiper-pagination-bullet-active {
  width: 0.9rem;
  border-radius: 0.5rem;
}
.mobileMain .productItem {
  margin-left: 0;
  width: 100%;
  border-radius: 0.24rem;
}
.mobileMain .productItem .productImgPos {
  height: 7rem;
}
.mobileMain .productItem .productImgPos .productImg {
  /* height: 6.4rem;
  bottom: -1.5rem; */
}
.mobileMain .productItem .productInfo {
  padding: 1.2rem 1rem;
}
.mobileMain .productItem .productInfo .title {
  font-size: 0.6rem;
}
.mobileMain .productItem .productInfo .desc {
  margin-top: 0.6rem;
  font-size: 0.54rem;
  line-height: 0.9rem;
}
.mobileMain .literatureCont {
  margin-top: 0.23rem;
}
.mobileMain .literatureCont .literatureList {
  width: 100%;
  height: 2.4rem;
  margin-left: 0;
  margin-top: 0.73rem;
  padding: 0 0.9rem;
  border-radius: 0.2rem;
}
.mobileMain .literatureCont .literatureList .literatureL {
  width: calc(100% - 1.1rem);
}
.mobileMain .literatureCont .literatureList .literatureL .literatureImg {
  width: 1.4rem;
}
.mobileMain .literatureCont .literatureList .literatureL .literatureText {
  width: calc(100% - 1.9rem);
  margin-left: 0.5rem;
  font-size: 0.6rem;
}
.mobileMain .literatureCont .literatureList .literatureR {
  width: 0.68rem;
}
.mobileMain .literature .tab_title .swiper {
  width: 100%;
  height: 1.5rem;
  border-radius: 1.5rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
.mobileMain .literature .tab_title .swiper a {
  font-size: 0.54rem;
  line-height: 1.5rem;
  border-radius: 1.5rem;
}
.mobileMain .literature .tab_title .swiper a p {
  padding: 0 0.6rem;
}
.mobileMain .literatureCont2 .literatureList {
  width:100%;
  margin-left:0;
}
.mobileMain .literatureCont2 .literatureList:nth-child(3n + 1) {
  margin-left:0;
}
.mobileMain .literatureCont2 .literatureList:nth-child(2n + 1) {
  margin-left: 0;
}
.mobileMain .new_xq2 .text .list li {
  margin-bottom:0.8rem;
  padding:0.5rem;
  border-radius:0.2rem;
  border-left: #dab866 0.11111rem solid;
}
.mobileMain .new_xq2 .text .list li h1 {
  font-size:0.6rem;
  line-height:0.9rem;
}
.mobileMain .new_xq2 .text .list li .literature-item-content {
  margin-top:0.3rem;
  font-size:0.5rem;
  line-height:0.9rem;
}
.mobileMain .articleCont {
  margin-top: 0.4rem;
}
.mobileMain .articleCont .articleList {
  width: 100%;
  margin-left: 0;
  margin-top: 0.67rem;
  padding: 0.6rem 0.4rem;
  border-radius: 0.2rem;
}
.mobileMain .articleCont .articleList .articleL {
  width: calc(100% - 1.1rem);
}
.mobileMain .articleCont .articleList .articleL .articleImg {
  margin-right: 0.6rem;
  width: 4.6rem;
  height: 2.6rem;
}

.mobileMain .articleCont .articleList .articleL .articleBox .time {
  font-size: 0.5rem;
}
.mobileMain .articleCont .articleList .articleL .articleBox .text {
  margin-top: 0.3rem;
  max-height: 1.6rem;
  font-size: 0.56rem;
  line-height: 0.8rem;
  -webkit-line-clamp: 2;
}
.mobileMain .articleCont .articleList .articleR {
  width: 0.68rem;
}
.mobileMain .questionCont {
  margin-top: 0.45rem;
}
.mobileMain .questionCont .questionList {
  width: 100%;
  margin-left: 0;
  margin-top: 0.45rem;
  padding: 0.6rem 0.55rem;
  border-radius: 0.2rem;
}
.mobileMain .questionCont .questionList .questionL {
  width: calc(100% - 0.75rem);
}
.mobileMain .questionCont .questionList .questionL .questionTitle {
  width: 0.7rem;
  height: auto;
  font-size: 0.48rem;
  line-height: 0.7rem;
  border-radius: 0.15rem;
}
.mobileMain .questionCont .questionList .questionL .questionText {
  margin-left: 0.4rem;
  font-size: 0.6rem;
  line-height: 0.7rem;
}
.mobileMain .questionCont .questionList .questionR {
  width: 0.68rem;
}
.mobileMain .questionCont .questionList .answer {
  margin-top: 0.5rem;
}
.mobileMain .questionCont .questionList .answer span {
  width: 0.7rem;
  font-size: 0.48rem;
  line-height: 0.9rem;
}
.mobileMain .questionCont .questionList .answer .answerText {
  margin-left: 0.4rem;
  font-size: 0.54rem;
  line-height: 0.9rem;
}

.hallPage {
  box-sizing: border-box;
  position: relative;
}
.hallPage .hallBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70.66667rem;
}
.hallPage .hallBg i {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hallPage .ykInfo {
  position: relative;
}
.hallPage .ykInfo .ykInfoBox {
  width: 49.16667rem;
}
.hallPage .ykInfo .ykInfoBox .ykTitle {
  font-size: 1.66667rem;
  font-weight: bold;
}
.hallPage .ykInfo .ykInfoBox .ykContent {
  font-size: 0.88889rem;
  line-height: 1.66667rem;
  margin-top: 2.77778rem;
  text-align: justify;
}
.hallPage .ykInfo .ykInfoBox .ykContent p {
  margin-top: 0.83333rem;
  text-indent: 2em;
}
.hallPage .ykInfo .ykInfoBox .sign {
  display: flex;
  margin-top: 2.22222rem;
}
.hallPage .ykInfo .ykInfoBox .sign .signList {
  padding: 0.44444rem 0.83333rem;
  box-sizing: border-box;
  border-radius: 2.77778rem;
  border: 0.05556rem solid #dcbc72;
  margin-right: 0.55556rem;
  font-size: 0.77778rem;
  color: #735e2d;
}
.hallPage .ykInfo .ykInfoBox .viewOfficial {
  display: flex;
  justify-content: flex-start;
  margin-top: 2.22222rem;
}
.hallPage .concatUs {
  position: relative;
  margin-top: 8.33333rem;
}
.hallPage .concatUs .concatTitle {
  font-size: 1.66667rem;
  font-weight: bold;
}
.hallPage .concatUs .concatContent {
  font-size: 0.88889rem;
  line-height: 1.66667rem;
  margin-top: 2.5rem;
  text-align: justify;
  text-indent: 2em;
}
.hallPage .concatUs .concatBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 2.77778rem;
}
.hallPage .concatUs .concatBox .concatItem {
  width: calc((100% - 1.94444rem) / 2);
  margin-top: 1.94444rem;
  display: flex;
  background: #f8f8f8;
  border-radius: 0.88889rem;
  padding: 1.66667rem 3.33333rem 1.66667rem 1.66667rem;
  box-sizing: border-box;
}
.hallPage .concatUs .concatBox .concatItem:hover .addressImg img {
  transition: all 0.5s;
  transform: scale(1.1);
}
.hallPage .concatUs .concatBox .concatItem .addressImg {
  width: 14.27778rem;
  height: 14.27778rem;
  border-radius: 0.55556rem;
  overflow: hidden;
}
.hallPage .concatUs .concatBox .concatItem .addressImg img {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hallPage .concatUs .concatBox .concatItem .addressInfo {
  margin-left: 3.33333rem;
  flex: 1;
}
.hallPage .concatUs .concatBox .concatItem .addressInfo .addressTitle {
  font-size: 1.22222rem;
  font-weight: bold;
}
.hallPage .concatUs .concatBox .concatItem .addressInfo .addressDesc {
  font-size: 0.88889rem;
  line-height: 1.44444rem;
  color: #666666;
  margin-top: 0.83333rem;
}
.hallPage .concatUs .concatBox .concatItem .addressInfo .addressCont .addressItem {
  display: flex;
  margin-top: 1.38889rem;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
}
.hallPage .concatUs .concatBox .concatItem .addressInfo .addressCont .addressItem .addressIcon {
  width: 1.16667rem;
  margin-top: 0.16667rem;
}
.hallPage .concatUs .concatBox .concatItem .addressInfo .addressCont .addressItem .addressIcon img {
  width: 100%;
}
.hallPage .concatUs .concatBox .concatItem .addressInfo .addressCont .addressItem .addressText {
  margin-left: 0.55556rem;
  flex: 1;
}
.hallPage .concatUs .concatBox .concatItem .addressInfo .addressCont .addressItem .addressTel {
  margin-left: 0.55556rem;
  font-weight: bold;
  font-size: 1.22222rem;
  font-family: "DIN";
}

.concatPage {
  box-sizing: border-box;
}
.concatPage .contactHero {
  position: relative;
  height: 26.66667rem;
  border-radius: 0.33333rem;
  overflow: hidden;
}
.concatPage .contactHero:hover img {
  transition: all 0.5s;
  transform: scale(1.05);
}
.concatPage .contactHero img {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.concatPage .contactHeroInfo {
  position: absolute;
  top: 5.77778rem;
  left: 0;
  width: 100%;
  color: #ffffff;
  text-align: center;
}
.concatPage .contactHeroIcon {
  width: 4.44444rem;
  height: 4.44444rem;
  margin: 0 auto;
}
.concatPage .contactHeroIcon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.concatPage .contactHeroText {
  margin-top: 1.94444rem;
  font-size: 1.33333rem;
  line-height: 2.33333rem;
  font-weight: bold;
}
.concatPage .contactList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.77778rem 2.61111rem;
  margin-top: 3.88889rem;
}
.concatPage .contactItem {
  transition: all 0.5s;
  position: relative;
  padding: 2.77778rem 3.05556rem;
  box-sizing: border-box;
  border-radius: 0.33333rem;
  overflow: hidden;
  background: #f8f8f8;
  display: flex;
  align-items: center;
}
.concatPage .contactItem:hover {
  transition: all 0.5s;
  transform: scale(1.05);
  box-shadow: 0 0 1.11111rem rgba(0, 0, 0, .12);
}
.concatPage .contactText {
  position: relative;
  z-index: 1;
}
.concatPage .contactText.wx {
  width: 60%;
}
.concatPage .contactName {
  font-size: 1rem;
  line-height: 1.94444rem;
  color: #333333;
}
.concatPage .contactValue {
  margin-top: 1.94444rem;
  font-size: 1.66667rem;
  line-height: 1.94444rem;
  font-weight: bold;
  color: #dab866;
  font-family: "DIN";
}
.concatPage .contactDesc {
  margin-top: 0.88889rem;
  font-size: 0.88889rem;
  line-height: 1.33333rem;
  color: #dcbc72;
  font-weight: bold;
}
.concatPage .contactPic {
  position: absolute;
  z-index: 0;
  right: 3rem;
  bottom: 2.22222rem;

  display: flex;
  align-items: center;
  justify-content: center;
}
.concatPage .contactPic img {
  max-width: 6.11111rem;
  max-height: 5.55556rem;
}
.concatPage .contactQr .contactPic {
  bottom: 50%;
  transform: translateY(50%);
}
.concatPage .contactQr .contactPic img {
  max-width: 7rem;
  max-height: 7rem;
}

.libraryPage .libraryInfo {
  position: relative;
}
.libraryPage .libraryInfo::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/page/libraryBg.png) bottom center no-repeat;
  background-size: cover;
  content: "";
}
.libraryPage .libraryInfo .w1600 {
  position: relative;
  z-index: 3;
}
.libraryPage .libraryInfo .libraryInfoImg {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:2.77778rem auto 0;
  width: 38.88889rem;

}
.libraryPage .libraryInfo .libraryInfoImg img {
  max-width: 100%;
  max-height:20rem;
  object-fit: contain;
}
.libraryPage .libraryInfoTop {
  width: 61.11111rem;
  margin: 0 auto;
}
.libraryPage .libraryInfoContent .libraryInfoTitle {
  font-size: 1.66667rem;
  font-weight: bold;
  text-align: center;
}
.libraryPage .libraryInfoContent .libraryInfoSubtitle {
  font-size: 1.11111rem;
  color: #666;
  margin-top: 1.11111rem;
  text-align: center;
}
.libraryPage .libraryInfoContent .libraryInfoDesc {
  font-size: 0.88889rem;
  line-height: 1.66667rem;
  margin-top: 1.66667rem;
  color: #666666;
  text-align: justify;
  text-indent: 2em;
}
.libraryPage .libInfo {
  margin-top: 5.27778rem;
}
.libraryPage .libInfo .libTop {
  display: flex;
  align-items: center;
  justify-content: center;
}
.libraryPage .libInfo .libTop .libTab {
  font-size: 1.66667rem;
  font-weight: bold;
  margin-left: 4.44444rem;
  color: #999999;
  cursor: pointer;
}
.libraryPage .libInfo .libTop .libTab:first-child {
  margin-left: 0;
}
.libraryPage .libInfo .libTop .libTab.active {
  color: #333333;
}
.libraryPage .libInfo .libList {
  display: none;
}
.libraryPage .libInfo .libList.active {
  display: block;
}
.libraryPage .libInfo .libMore {
  margin-top: 4.16667rem;
}

.conceptPage .talentConcept {
  background: url(../images/page/conceptBg.jpg) top center no-repeat;
  background-size: cover;
  box-sizing: border-box;
}
.conceptPage .talentConcept .moduleTitle {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
.conceptPage .talentConcept .conceptList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.77778rem;
  overflow: visible;
}
.conceptPage .talentConcept .conceptList .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
}
.conceptPage .talentConcept .conceptList .conceptPagination {
  display: none;
}
.conceptPage .talentConcept .conceptItem {
  transition: all 0.5s;
  position: relative;
  width: calc((100% - 5rem) / 3);
  margin-top: 2.5rem;
  margin-left: 2.5rem;
  padding: 2.5rem 2.77778rem;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 0.33333rem;
  overflow: hidden;
  height: 21.94444rem;
  flex-shrink: 1;
}
.conceptPage .talentConcept .conceptItem:nth-child(3n + 1) {
  margin-left: 0;
}
.conceptPage .talentConcept .conceptItem:hover {
  transition: all 0.5s;
  transform: scale(1.05);
  box-shadow: 0 0 1.66667rem rgba(0, 0, 0, .12);
}
.conceptPage .talentConcept .conceptItem:hover .conceptIcon .bor {
  transition: all 0.5s;
  left: -100%;
}
.conceptPage .talentConcept .conceptItem:hover .conceptTitle {
  color: #dab866;
}
.conceptPage .talentConcept .conceptIcon {
  position: relative;
  width: 4.94444rem;
  height: 4.83333rem;
  overflow: hidden;
}
.conceptPage .talentConcept .conceptIcon .bor {
  display: flex;
  transition: all 0.5s;
  position: absolute;
  left: 0%;
  top: 0;
  width: 200%;
  height: 100%;
}
.conceptPage .talentConcept .conceptIcon .bor .icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 50%;
  height: 4.83333rem;
}
.conceptPage .talentConcept .conceptIcon img {
  max-width: 100%;
  max-height: 100%;
}
.conceptPage .talentConcept .conceptNum {
  position: absolute;
  top: 2.77778rem;
  right: 2.77778rem;
  font-size: 1.66667rem;
  line-height: 1;
  font-weight: bold;
  color: #d0d0d0;
  font-family: "DIN";
}
.conceptPage .talentConcept .conceptTitle {
  margin-top: 1.94444rem;
  font-size: 1.11111rem;
  font-weight: bold;
  color: #333333;
}
.conceptPage .talentConcept .conceptText {
  margin-top: 1.38889rem;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
  color: #666666;
  text-align: justify;
}
.conceptPage .hireEntrance {
  display: flex;
  justify-content: space-between;
}
.conceptPage .hireEntrance .hireItem {
  position: relative;
  width: calc((100% - 3.33333rem) / 2);
  width: 100%;
  height: 27.77778rem;
  border-radius: 0.33333rem;
  overflow: hidden;
  color: #ffffff;
}
.conceptPage .hireEntrance .hireItem:hover .hireImg img {
  transform: scale(1.05);
}
.conceptPage .hireEntrance .hireItem:hover .hireArrow {
  background-color: #dab866;
  border-color: #dab866;
}
.conceptPage .hireEntrance .hireImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.conceptPage .hireEntrance .hireImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s;
}
.conceptPage .hireEntrance .hireInfo {
  position: relative;
  z-index: 1;
  padding: 5.55556rem 0 0 5.55556rem;
}
.conceptPage .hireEntrance .hireTitle {
  font-size: 2rem;
  line-height: 1;
  font-weight: bold;
}
.conceptPage .hireEntrance .hireArrow {
  width: 3.5rem;
  height: 3.5rem;
  margin-top: 2.77778rem;
  border: 0.05556rem solid rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  box-sizing: border-box;
  background: url(../images/page/conceptArrow.png) center no-repeat;
  transition: background-color 0.3s, border-color 0.3s;
}

.mobileMain .hallPage .hallBg {
  height: 42.63rem;
}
.mobileMain .hallPage .ykInfo .ykInfoBox {
  width: 100%;
}
.mobileMain .hallPage .ykInfo .ykInfoBox .ykTitle {
  font-size: 0.75rem;
}
.mobileMain .hallPage .ykInfo .ykInfoBox .ykContent {
  font-size: 0.54rem;
  line-height: 0.9rem;
  margin-top: 0.9rem;
}
.mobileMain .hallPage .ykInfo .ykInfoBox .ykContent p {
  margin-top: 0.3rem;
}
.mobileMain .hallPage .ykInfo .ykInfoBox .sign {
  flex-wrap: wrap;
  margin-top: 0.45rem;
}
.mobileMain .hallPage .ykInfo .ykInfoBox .sign .signList {
  padding: 0.2rem 0.35rem;
  font-size: 0.5rem;
  margin-right: 0.35rem;
  margin-top: 0.4rem;
}
.mobileMain .hallPage .ykInfo .ykInfoBox .viewOfficial {
  margin-top: 1.15rem;
}
.mobileMain .hallPage .concatUs {
  margin-top: 3.4rem;
}
.mobileMain .hallPage .concatUs .concatTitle {
  font-size: 0.75rem;
}
.mobileMain .hallPage .concatUs .concatContent {
  font-size: 0.54rem;
  line-height: 0.8rem;
  margin-top: 0.6rem;
}
.mobileMain .hallPage .concatUs .concatBox {
  margin-top: 0.15rem;
}
.mobileMain .hallPage .concatUs .concatBox .concatItem {
  width: 100%;
  margin-left: 0;
  padding: 0.75rem 0.6rem;
  border-radius: 0.3rem;
  margin-top: 0.85rem;
}
.mobileMain .hallPage .concatUs .concatBox .concatItem .addressImg {
  width: 4.55rem;
  height: 4.55rem;
  border-radius: 0.3rem;
}
.mobileMain .hallPage .concatUs .concatBox .concatItem .addressInfo {
  margin-left: 1rem;
}
.mobileMain .hallPage .concatUs .concatBox .concatItem .addressInfo .addressTitle {
  font-size: 0.6rem;
}
.mobileMain .hallPage .concatUs .concatBox .concatItem .addressInfo .addressDesc {
  font-size: 0.48rem;
  line-height: 0.7rem;
  margin-top: 0.4rem;
}
.mobileMain .hallPage .concatUs .concatBox .concatItem .addressInfo .addressCont {
  padding-top: 0;
}
.mobileMain .hallPage .concatUs .concatBox .concatItem .addressInfo .addressCont .addressItem {
  margin-top: 0.4rem;
}
.mobileMain .hallPage .concatUs .concatBox .concatItem .addressInfo .addressCont .addressItem .addressIcon {
  width: 0.5rem;
  margin-top: 0.1rem;
}
.mobileMain .hallPage .concatUs .concatBox .concatItem .addressInfo .addressCont .addressItem .addressText {
  font-size: 0.44rem;
  line-height: 0.7rem;
  margin-left: 0.25rem;
}
.mobileMain .hallPage .concatUs .concatBox .concatItem .addressInfo .addressCont .addressItem .addressTel {
  font-size: 0.44rem;
  line-height: 0.7rem;
  margin-left: 0.25rem;
}
.mobileMain .libraryPage .libraryInfo::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 2.5rem);
  background: url(../images/mobile/page/libraryBg.png) bottom center no-repeat;
  background-size: cover;
  content: "";
}
.mobileMain .libraryPage .libraryInfo .libraryInfoImg {
  margin-top: 1.5rem;
  width: 9.2rem;
}
.mobileMain .libraryPage .libraryInfo .libraryInfoImg img {
  max-height:8.3rem;
}
.mobileMain .libraryPage .libraryInfoTop {
  width: 100%;
}
.mobileMain .libraryPage .libraryInfoContent .libraryInfoTitle {
  font-size: 0.75rem;
}
.mobileMain .libraryPage .libraryInfoContent .libraryInfoSubtitle {
  margin-top: 0.63rem;
  font-size: 0.6rem;
}
.mobileMain .libraryPage .libraryInfoContent .libraryInfoDesc {
  margin-top: 0.7rem;
  font-size: 0.54rem;
  line-height: 0.8rem;
}
.mobileMain .libraryPage .libInfo {
  margin-top: 1.6rem;
}
.mobileMain .libraryPage .libInfo .libTop {
  justify-content: space-between;
}
.mobileMain .libraryPage .libInfo .libTop .libTab {
  flex: 1;
  margin-left: 0;
  font-size: 0.68rem;
  line-height: 0.9rem;
  text-align: center;
  white-space: nowrap;
}
.mobileMain .libraryPage .libInfo .libBottom {
  margin-top: 0.35rem;
}
.mobileMain .libraryPage .libInfo .libMore {
  margin-top: 1.1rem;
}
.mobileMain .libraryPage .libInfo .libMore .more p {
  padding-right: 0;
}
.mobileMain .libraryPage .literatureCont {
  margin-top: 0.25rem;
}
.mobileMain .libraryPage .articleCont {
  margin-top: 0.25rem;
}
.mobileMain .libraryPage .questionCont {
  margin-top: 0.25rem;
}
.mobileMain .concatPage .contactHero {
  height: 7.58rem;
  border-radius: 0.3rem;
}
.mobileMain .concatPage .contactHeroInfo {
  top: 50%;
  transform: translateY(-50%);
}
.mobileMain .concatPage .contactHeroIcon {
  width: 1.5rem;
  height: 1.5rem;
}
.mobileMain .concatPage .contactHeroText {
  margin-top: 0.55rem;
  padding: 0 2.2rem;
  box-sizing: border-box;
  font-size: 0.54rem;
  line-height: 0.9rem;
}
.mobileMain .concatPage .contactList {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem 0.7rem;
  margin-top: 1.9rem;
}
.mobileMain .concatPage .contactItem {
  padding: 0.75rem 0.6rem;
  border-radius: 0.08rem;
}
.mobileMain .concatPage .contactItem:hover {
  transform: scale(1);
  box-shadow: 0 0 0 rgba(0, 0, 0,0);
}
.mobileMain .concatPage .contactText {
  width: 100%;
}
.mobileMain .concatPage .contactName {
  font-size: 0.54rem;
  line-height: 0.7rem;
  white-space: nowrap;
}
.mobileMain .concatPage .contactValue {
  margin-top: 0.35rem;
  font-size: 0.5rem;
  line-height: 0.7rem;
}
.mobileMain .concatPage .contactDesc {
  margin-top: 0.4rem;
  font-size: 0.4rem;
  line-height: 0.6rem;
}
.mobileMain .concatPage .contactPic {
  right: 0.45rem;
  top: 50%;
  transform: translateY(-50%);
}
.mobileMain .concatPage .contactPic img {
  max-width: 1.7rem;
  max-height: 1.7rem;
}
.mobileMain .concatPage .contactQr .contactPic {
  top: 50%;
  right: 0.48rem;
}
.mobileMain .concatPage .contactQr .contactPic img {
  max-width: 1.25rem;
  max-height: 1.25rem;
}
.mobileMain .conceptPage .talentConcept {
  height: auto;
  background: url(../images/mobile/page/conceptBg.jpg) center no-repeat;
  background-size: cover;
}
.mobileMain .conceptPage .talentConcept .moduleTitle {
  font-size: 0.78rem;
  line-height: 1rem;
}
.mobileMain .conceptPage .talentConcept .conceptList {
  display: block;
  width: 100%;
  margin-top: 1.2rem;
  overflow: hidden;
}
.mobileMain .conceptPage .talentConcept .conceptList .swiper-wrapper {
  flex-wrap: nowrap;
}
.mobileMain .conceptPage .talentConcept .conceptList .conceptPagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.24rem;
  margin-top: 0.92rem;
  line-height: 1;
}
.mobileMain .conceptPage .talentConcept .conceptList .conceptPagination .swiper-pagination-bullet {
  width: 0.15rem;
  height: 0.15rem;
  margin: 0 0.09rem;
  background: #d6d6d6;
  opacity: 1;
  border-radius: 0.15rem;
  transition: width 0.3s, background-color 0.3s;
}
.mobileMain .conceptPage .talentConcept .conceptList .conceptPagination .swiper-pagination-bullet-active {
  width: 0.92rem;
  background: #dab866;
}
.mobileMain .conceptPage .talentConcept .conceptItem {
  width: 100%;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-left: 0;
  padding: 1.3rem 1.4rem;
  border-radius: 0.2rem;
  flex-shrink: 0;
}
.mobileMain .conceptPage .talentConcept .conceptItem:hover {
  box-shadow: 0 0 0 rgba(0, 0, 0, .12);
}
.mobileMain .conceptPage .talentConcept .conceptIcon {
  width: 1.58rem;
  height: 1.58rem;
}
.mobileMain .conceptPage .talentConcept .conceptIcon .bor .icon {
  height: 1.58rem;
}
.mobileMain .conceptPage .talentConcept .conceptNum {
  top: 1.3rem;
  right: 1.4rem;
  font-size: 0.82rem;
}
.mobileMain .conceptPage .talentConcept .conceptTitle {
  margin-top: 1rem;
  font-size: 0.6rem;
  line-height: 0.82rem;
}
.mobileMain .conceptPage .talentConcept .conceptText {
  margin-top: 0.85rem;
  font-size: 0.54rem;
  line-height: 0.9rem;
  color: #666666;
}
.mobileMain .conceptPage .hireEntrance {
  display: block;
}
.mobileMain .conceptPage .hireEntrance .hireItem {
  width: 100%;
  height: 7.7rem;
  margin-top: 1rem;
  border-radius: 0.2rem;
}
.mobileMain .conceptPage .hireEntrance .hireItem:first-child {
  margin-top: 0;
}
.mobileMain .conceptPage .hireEntrance .hireInfo {
  padding: 1.2rem 0 0 1.2rem;
}
.mobileMain .conceptPage .hireEntrance .hireTitle {
  font-size: 0.75rem;
  line-height: 1rem;
}
.mobileMain .conceptPage .hireEntrance .hireArrow {
  width: 1.1rem;
  height: 1.1rem;
  margin-top: 0.8rem;
  background-size: 0.16rem auto;
}
.mobileMain .brandProduct .moduleTitle {
  padding-top: 2.15rem;
  font-size: 0.75rem;
}

.mobileMain .brandProduct .productBox {
  margin-top:1.1rem;
}
.mobileMain .brandProduct .productBox .swiper-pagination {
  margin-top:1rem;
}
.mobileMain .brandProduct .productBox .swiper-pagination span {
  width:0.2rem;
  height: 0.2rem;
  margin: 0 0.14rem;
  border-radius: 0.2rem;
}
.mobileMain .brandProduct .productBox .swiper-pagination span.swiper-pagination-bullet-active {
  width:1rem;
}
.mobileMain .brandProduct .productMore {
  margin-top: 0.95rem;
}