﻿
.title {
  font-size: 2rem;
  color: #333;
  font-weight: bold;
}
.title.cen {
  text-align: center;
}
.flex.cen {
  justify-content: center;
  align-items: center;
}
.more {
  margin: 0;
}
.more.white p {
  color: #fff;
}
.noBanner {
  padding-top: 5.55556rem;
}
.noBanner .pageBox {
  display: none;
}
.noBanner .breadcrumb {
  background: #f7f7f7;
  border-bottom: none;
}
.paging {
  margin-bottom: 0;
}
.mobileMain .w1400 {
  width: 92%;
  min-width: auto;
}

.mobileMain .title {
  font-size:0.75rem;
}
.mobileMain.noBanner {
  padding-top:2rem;
}
.mobileMain.noBanner .breadcrumb {
  background: #f7f7f7;
  border-bottom: none;
}
.mobileMain.noBanner .pageBox {
  display: block;
}
.mobileMain.noBanner .pageBox .add {
  position: relative;
  left: auto;
  bottom: auto;
  right: auto;
  line-height: 1.67rem;

}
.mobileMain.noBanner .pageBox .add i {
  color: #666;
}
.mobileMain.noBanner .pageBox .add a {
  color: #666;
}
.mobileMain.noBanner .pageBox .add a.one {
  background-image: url(../images/icon/icon_6.png);
  background-size: 0.46rem auto;
}

/*===== 集团介绍 =====*/
.groupIntroPage .groupOverview {
  background:#f8f8f8 url(../images/zjpage/groupOverview_bac.jpg) top center no-repeat;
  background-size: 100% auto;
}

.groupIntroPage .groupIntroText {
  width: 88%;
  margin: 0 auto;
  line-height: 2rem;
  font-size: 0.88889rem;
  color: #333;
  text-align: justify;
  text-indent: 2em;
}

.groupIntroPage .groupStats {
  display: flex;
  justify-content: space-between;
  width: 88%;
  margin: 5.11111rem auto 0;
}

.groupIntroPage .statItem {
  display: grid;
  grid-template-columns: 4.66667rem 1fr;
}
.groupIntroPage .statItem img {
  grid-row: span 2;
  width: 2.88889rem;
  height: 2.55556rem;
}

.groupIntroPage .statItem .num {
  display: flex;
  line-height: 2.55556rem;
  font-size: 2.66667rem;
  font-family: "DIN";
  font-weight: bold;
  color: #dab866;
}
.groupIntroPage .statItem .num sup {
  margin:0.16667rem 0 0 0.44444rem;
  font-size: 1.33333rem;
}
.groupIntroPage .statItem p {
  margin-top: 0.55556rem;
  font-size: 0.88889rem;
  color: #333;
}

.groupIntroPage .groupVideo {
  display: flex;
  justify-content: space-between;
  margin:5rem auto 0;
}
.groupIntroPage .groupVideo .mode {
  width: 30%;
}
.groupIntroPage .groupVideo .mode .pic {
  transition: all 0.5s;
  float: left;
  width: calc(56% - 2.22222rem);
  border-radius: 0.55556rem;
  overflow: hidden;
}
.groupIntroPage .groupVideo .mode .pic img {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
}
.groupIntroPage .groupVideo .mode .pic:hover {
  transition: all 0.5s;
  box-shadow: 0 0 1.11111rem rgba(0, 0, 0, 0.2);
}
.groupIntroPage .groupVideo .mode .pic:hover img {
  transition: all 0.5s;
  transform: scale(1.1);
}
.groupIntroPage .groupVideo .mode .pic1 {
  margin:3rem 2.22222rem 0 0;
  width: 44%;
}
.groupIntroPage .groupVideo .mode .pic2 {
  margin-bottom: 2.22222rem;
}
.groupIntroPage .groupVideo .mode.mode2 .pic1 {
  margin: 0 2.22222rem 0 0;
}
.groupIntroPage .groupVideo .mode.mode2 .pic2 {
  margin-top: 2.22222rem;
}
.groupIntroPage .groupVideo .modeV {
  position: relative;
  transition: all 0.5s;
  margin:2.22222rem 2.22222rem 0;
  width: calc(40% - 4.44444rem);
  height: 23.22222rem;
  border-radius: 0.55556rem;
  overflow: hidden;
}
.groupIntroPage .groupVideo .modeV:hover {
  transition: all 0.5s;
  box-shadow: 0 0 1.11111rem rgba(0, 0, 0, 0.2);
}
.groupIntroPage .groupVideo .modeV video, .groupIntroPage .groupVideo .modeV .pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: darken;
}
.groupIntroPage .groupVideo .modeV .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.groupIntroPage .groupVideo .modeV .pos {
  transition: all 0.5s;
  position: absolute;
  left: 50%;
  bottom:2.22222rem;
  transform: translateX(-50%);
}
.groupIntroPage .groupVideo .modeV .pos:hover {
  padding-bottom: 0.55556rem;
  transition: all 0.5s;
}
.groupIntroPage .groupVideo .modeV .pos span {
  transition: all 0.5s;
  padding: 0 1.55556rem;
  line-height: 2.77778rem;
  font-size: 0.88889rem;
  border-radius: 2.77778rem;
  border: #fff 0.05556rem solid;
  background: rgba(255, 255, 255, 0.26);
  color: #fff;
  cursor: pointer;
}

.groupIntroPage .videoBtn {
  position: absolute;
  left: 50%;
  bottom: 2.27778rem;
  width: 6.66667rem;
  height: 2.88889rem;
  margin-left: -3.33333rem;
  border: 0.05556rem solid rgba(255, 255, 255, 0.82);
  border-radius: 1.55556rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 2.88889rem;
  font-size: 0.88889rem;
  color: #fff;
  transition: all 0.4s;

}
.groupIntroPage .videoBtn:hover {
  background: #dab866;
  border-color: #dab866;
}

.groupIntroPage .groupPhotoPagination {
  position: absolute;
  left: 0;
  bottom: 1rem;
  z-index: 4;
  display: flex;
  justify-content: center;
  width: 100%;

}
.groupIntroPage .groupPhotoPagination .swiper-pagination-bullet {
  opacity: 1;
  width: 0.44444rem;
  height: 0.44444rem;
  margin: 0 0.27778rem;
  background: rgba(255, 255, 255, 0.55);
}

.groupIntroPage .groupPhotoPagination .swiper-pagination-bullet-active {
  width: 1.66667rem;
  border-radius: 0.44444rem;
  background: #fff;
}

.groupIntroPage .groupVision {
  margin-top: 4.44444rem;
  line-height: 2rem;
  font-size: 1rem;
  font-weight: bold;
  color: #333;
  text-align: center;
}

.groupIntroPage .groupEntry .w1600 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 4.44444rem;
  align-items: start;
}
.groupIntroPage .entryCard {
  transition: all 0.5s;
  transform: scale(1);
  position: relative;
  overflow: hidden;
  border-radius: 0.44444rem;
  box-shadow: 0 1.22222rem 2.88889rem rgba(43, 71, 93, 0.08);
}
.groupIntroPage .entryCard:first-child {
  margin-top: 5.55556rem;
}
.groupIntroPage .entryCard .entryBg {
  width: 100%;
  height: 24.66667rem;
  object-fit: cover;

}

.groupIntroPage .entryCard:hover {
  transition: all 0.5s;
  transform: scale(1.05);
  box-shadow: 0 0 1.66667rem rgba(0, 0, 0, 0.2);
}
.groupIntroPage .entryCard:hover .entryInfo span {
  transition: all 0.5s;
  border: #dab866 0.05556rem solid;
  background: #dab866;
}

.groupIntroPage .entryInfo {
  position: absolute;
  left: 3.66667rem;
  top: 4.22222rem;
  z-index: 4;
  color: #fff;
}
.groupIntroPage .entryInfo h2 {
  font-size: 1.66667rem;
  font-weight: bold;
}

.groupIntroPage .entryInfo span {
  transition: all 0.5s;
  position: relative;
  width: 3.33333rem;
  height: 3.33333rem;
  margin-top: 1.88889rem;
  border-radius: 50%;
  border: #fff 0.05556rem solid;
}
.groupIntroPage .entryInfo span::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.55556rem;
  height: 0.55556rem;
  margin: -0.33333rem 0 0 -0.44444rem;
  border-top: 0.11111rem solid #fff;
  border-right: 0.11111rem solid #fff;
  transform: rotate(45deg);
  content: "";
}
.groupIntroPage .groupHistory_bac {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  background:#f8f8f8 url(../images/zjpage/groupHistory_bac.jpg) center no-repeat;
  background-size: cover;
  animation-duration: 2s;
}
.groupIntroPage .groupHistory {
  position: relative;
  z-index: 2;
}
.groupIntroPage .groupHistory .title {
  margin-bottom: 4.77778rem;
}
.groupIntroPage .groupHistory .mode {
  position: relative;


}
.groupIntroPage .groupHistory .lie {
  position: sticky;
  left: calc(38% + 2.22222rem);
  top: 0;
  z-index: 4;
  width: 1.05556rem;
  height: 100vh;
}
.groupIntroPage .groupHistory .lie .default {
  width: 100%;
}
.groupIntroPage .groupHistory .lie .default em {
  margin: 0 auto;
  width: 0.16667rem;
  height: 5.55556rem;
  background: #dab866;
}
.groupIntroPage .groupHistory .lie .bar {
  height: calc(100vh - 8.33333rem);
}
.groupIntroPage .groupHistory .lie i {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 0.16667rem;
  height: 0;
  background: #dab866;
  transition: height 0.2s;
}
.groupIntroPage .groupHistory .lie i::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom:-0.55556rem;
  width: 1.05556rem;
  height: 1.05556rem;
  background: url(../images/zjpage/icon/i30.png) center no-repeat;
  background-size: cover;
  content: "";
}
.groupIntroPage .groupHistory .left {
  position: sticky;
  top: 0;
  z-index: 3;
  align-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38%;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
}
.groupIntroPage .groupHistory .left::after {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: url(../images/zjpage/groupHistory_bac.jpg) center no-repeat;
  background-size: cover;
  content: "";
}
.groupIntroPage .groupHistory .left.is-fixed::after {
  display: block;
}
.groupIntroPage .groupHistory .left .cen {
  position: relative;
  padding: 3.33333rem 0;
}
.groupIntroPage .groupHistory .left .cen .swiper-button-next, .groupIntroPage .groupHistory .left .cen .swiper-button-prev {
  margin: 0;
  width: 100%;
  height: 1.72222rem;
}
.groupIntroPage .groupHistory .left .cen .swiper-button-prev {
  left: 0;
  top: 0;
  background: url(../images/zjpage/icon/i28.png) center no-repeat;
}
.groupIntroPage .groupHistory .left .cen .swiper-button-prev:hover {
  background-image: url(../images/zjpage/icon/i28s.png);
}
.groupIntroPage .groupHistory .left .cen .swiper-button-next {
  right: 0;
  top: auto;
  bottom: 0;
  background: url(../images/zjpage/icon/i29.png) center no-repeat;
}
.groupIntroPage .groupHistory .left .cen .swiper-button-next:hover {
  background-image: url(../images/zjpage/icon/i29s.png);
}
.groupIntroPage .groupHistory .left .yearList {
  height:27.22222rem;
  overflow: hidden;
}
.groupIntroPage .groupHistory .left .yearList .swiper-wrapper {
  display: block;
  transition: transform 0.5s;
}
.groupIntroPage .groupHistory .left .yearList .swiper-slide {
  transition: all 0.5s;
  height: 3.88889rem;
  line-height: 3.88889rem;
  color: rgba(255, 255, 255, 0.38);
  font-size: 1.66667rem;
  text-align: center;
  font-family: "DIN";
  cursor: pointer;
}
.groupIntroPage .groupHistory .left .yearList .swiper-slide.swiper-slide-active {
  color: rgba(255, 255, 255, 1);
  font-size: 2rem;
}


.groupIntroPage .groupHistory .right {
  position: relative;
  margin-left: -1.05556rem;
  width: 62%;
  min-height: 100vh;
  background:#fff url(../images/zjpage/groupHistory_bac2.jpg) right bottom no-repeat;
  background-size: 100% auto;


}
.groupIntroPage .groupHistory .right .yearConList {
  margin: 0 8.88889rem 0 8.55556rem;
  height: auto;
  overflow: visible;
}
.groupIntroPage .groupHistory .right .yearConList .swiper-wrapper {
  display: block;
  transform: none !important;
}
.groupIntroPage .groupHistory .right .swiper-slide {
  height:auto;
  padding-top: 2.22222rem;
}
.groupIntroPage .groupHistory .right .swiper-slide:first-child {
  padding-top: 6.66667rem;
}
.groupIntroPage .groupHistory .right .swiper-slide:last-child {
  padding-bottom: 2.77778rem;
}
.groupIntroPage .groupHistory .right .swiper-slide a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.11111rem 0;
  border-bottom: #e5e5e5 0.05556rem solid;
}
.groupIntroPage .groupHistory .right .swiper-slide a .text {
  flex: 1;
}
.groupIntroPage .groupHistory .right .swiper-slide a .text i {
  font-size: 1.66667rem;
  color: #dab866;
  font-family: "DIN";
}
.groupIntroPage .groupHistory .right .swiper-slide a .text b {
  margin-top: 1.38889rem;
  font-size: 1rem;
  color: #333;
  font-weight: bold;
}
.groupIntroPage .groupHistory .right .swiper-slide a .pic {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-left: 5%;
  width: 25%;
  height: 8.88889rem;
}
.groupIntroPage .groupHistory .right .swiper-slide a .pic img {
  max-width: 100%;
  max-height: 100%;
}


.scale10 {
  -webkit-animation-name: scale10;
  animation-name: scale10;
  animation-delay: 0.1s;
}

@keyframes scale10 {
    0% {
        opacity: 0;
        transform: scale3d(0.5,0.5,0.5);
    }
    100% {
        opacity: 1;
        transform: scaleX(1);
    }
}

.mobileMain .groupIntroPage .groupIntroText {
  width: 100%;
  line-height: 0.9rem;
  font-size: 0.54rem;
}
.mobileMain .groupIntroPage .groupStats {
  flex-wrap: wrap;
  width: 100%;
  margin-top: 0.9rem;
}
.mobileMain .groupIntroPage .statItem {
  margin: 0.4rem 0;
  grid-template-columns: 1.2rem 1fr;
  width: 49%;
  align-items: start;
  min-height: 1.65rem;
}
.mobileMain .groupIntroPage .statItem img {
  width: 0.97rem;
  height: 0.86rem;
  object-fit: contain;
}
.mobileMain .groupIntroPage .statItem .num {
  line-height: 0.86rem;
  font-size: 0.92rem;
}
.mobileMain .groupIntroPage .statItem .num sup {
  margin: 0.04rem 0 0 0.08rem;
  font-size: 0.45rem;
}
.mobileMain .groupIntroPage .statItem p {
  margin-top: 0.3rem;
  font-size: 0.5rem;
}
.mobileMain .groupIntroPage .groupVideo {
  display: block;
  width: 92%;
  margin: 0.8rem auto 0;
}
.mobileMain .groupIntroPage .groupVideo .mode {
  width: 100%;
  margin-top: 0.24rem;
}
.mobileMain .groupIntroPage .groupVideo .mode .pic {
  width: calc(50% - 0.3rem);
  height: 4.1rem;
  border-radius:0.2rem;
}
.mobileMain .groupIntroPage .groupVideo .mode .pic:hover {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
}
.mobileMain .groupIntroPage .groupVideo .mode .pic:hover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
}
.mobileMain .groupIntroPage .groupVideo .mode .pic1 {
  margin:0 0.6rem 0 0;
  width: calc(50% - 0.3rem);
  height: 8.8rem;
}
.mobileMain .groupIntroPage .groupVideo .mode .pic2 {
  margin-bottom:0.6rem;

}
.mobileMain .groupIntroPage .groupVideo .mode.mode2 .pic1 {
  margin: 0 0.6rem 0 0;
}
.mobileMain .groupIntroPage .groupVideo .mode.mode2 .pic2 {
  margin:0 0 0.6rem 0;
}
.mobileMain .groupIntroPage .groupVideo .modeV {
  width: 100%;
  height: 7rem;
  margin: 0.6rem 0;
  border-radius: 0.2rem;
}
.mobileMain .groupIntroPage .groupVideo .modeV .pos {
  bottom: 0.55rem;
}
.mobileMain .groupIntroPage .groupVideo .modeV .pos span {
  padding: 0 0.56rem;
  line-height: 0.88rem;
  font-size: 0.54rem;
  border-radius: 0.88rem;
}
.mobileMain .groupIntroPage .groupVision {
  width: 92%;
  margin: 1.2rem auto 0;
  line-height: 1rem;
  font-size: 0.6rem;
}
.mobileMain .groupIntroPage .groupEntry .w1600 {
  display: block;
}
.mobileMain .groupIntroPage .entryCard {
  margin-top: 0.7rem;
  border-radius: 0.3rem;
}
.mobileMain .groupIntroPage .entryCard:first-child {
  margin-top: 0;
}
.mobileMain .groupIntroPage .entryCard .entryBg {
  height: 8.1rem;
}
.mobileMain .groupIntroPage .entryCard:hover {
  transform: scale(1);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.mobileMain .groupIntroPage .entryInfo {
  left: 1.3rem;
  top: 1.5rem;
}
.mobileMain .groupIntroPage .entryInfo h2 {
  font-size: 0.75rem;
}
.mobileMain .groupIntroPage .entryInfo span {
  width: 1.08rem;
  height: 1.08rem;
  margin-top: 0.5rem;
  border-width: 0.02rem;
}
.mobileMain .groupIntroPage .entryInfo span::after {
  width: 0.18rem;
  height: 0.18rem;
  margin: -0.1rem 0 0 -0.14rem;
  border-top-width: 0.04rem;
  border-right-width: 0.04rem;
}

.mobileMain .groupIntroPage .groupHistory .mode {
  display: block;
}
.mobileMain .groupIntroPage .groupHistory .lie {
  display: none;
}
.mobileMain .groupIntroPage .groupHistory .left {
  position: sticky;
  top: 2rem;
  z-index: 5;
  display: block;
  width: 100%;
  height: 3rem;
  min-height: 0;
  overflow: hidden;
}
.mobileMain .groupIntroPage .groupHistory .left::after {
  display: none;
  position: absolute;
  left: 0;
  top: -2rem;
  width: 100%;
  height: 100vh;
  background: url(../images/zjpage/groupHistory_bac.jpg) center no-repeat;
  background-size: cover;
  content: "";
}
.mobileMain .groupIntroPage .groupHistory .left.is-fixed::after {
  display: block;
}
.mobileMain .groupIntroPage .groupHistory .left .cen {
  position: relative;
  z-index: 2;
  width: 92%;
  margin: 0 auto;
  padding: 0 0.7rem;
  box-sizing: border-box;
}
.mobileMain .groupIntroPage .groupHistory .left .swiper-button-next, .mobileMain .groupIntroPage .groupHistory .left .swiper-button-prev {
  display: block;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: -0.25rem;
  background-size: contain;
}
.mobileMain .groupIntroPage .groupHistory .left .swiper-button-next::after, .mobileMain .groupIntroPage .groupHistory .left .swiper-button-prev::after {
  display: none;
}
.mobileMain .groupIntroPage .groupHistory .left .swiper-button-prev {
  left: 0;
  background: url(../images/zjpage/icon/i28.png) center no-repeat;
  background-size: 100% auto;
  transform: rotate(-90deg);
}
.mobileMain .groupIntroPage .groupHistory .left .swiper-button-next {
  right: 0;
  background: url(../images/zjpage/icon/i29.png) center no-repeat;
  background-size: 100% auto;
  transform: rotate(-90deg);
}
.mobileMain .groupIntroPage .groupHistory .left .yearList {
  height: auto;
  overflow-x: auto;
  overflow-y: hidden;
}
.mobileMain .groupIntroPage .groupHistory .left .yearList .swiper-wrapper {
  display: flex;
  transform: none !important;
  transition: none;
}
.mobileMain .groupIntroPage .groupHistory .left .yearList .swiper-slide {
  width:calc(100% / 7);
  height: 3rem;
  padding: 0;
  line-height: 3rem;
  font-size: 0.56rem;
  color: rgba(255, 255, 255, 0.55);
}
.mobileMain .groupIntroPage .groupHistory .left .yearList .swiper-slide.swiper-slide-active {
  font-size: 0.56rem;
  color: #fff;
}
.mobileMain .groupIntroPage .groupHistory .right {
  width: 100%;
  min-height: 0;
  margin: 0 auto;
  background-color: #fff;
  overflow: hidden;
}
.mobileMain .groupIntroPage .groupHistory .right .yearConList {
  margin: 0 0.65rem;
  overflow: visible;
}
.mobileMain .groupIntroPage .groupHistory .right .swiper-slide {
  padding: 0.55rem 0;
}
.mobileMain .groupIntroPage .groupHistory .right .swiper-slide:first-child {
  padding-top: 0.75rem;
}
.mobileMain .groupIntroPage .groupHistory .right .swiper-slide:last-child {
  padding-bottom: 0.75rem;
}
.mobileMain .groupIntroPage .groupHistory .right .swiper-slide a {
  display: block;
  padding: 0.45rem 0;
}
.mobileMain .groupIntroPage .groupHistory .right .swiper-slide a .text i {
  font-size: 0.54rem;
}
.mobileMain .groupIntroPage .groupHistory .right .swiper-slide a .text b {
  margin-top: 0.2rem;
  line-height: 0.68rem;
  font-size: 0.42rem;
}
.mobileMain .groupIntroPage .groupHistory .right .swiper-slide a .pic {
  justify-content: flex-start;
  width: 3.9rem;
  height: auto;
  margin: 0.35rem 0 0;
}
.mobileMain .groupIntroPage .groupHistory .right .swiper-slide a .pic img {
  max-width: 100%;
  max-height: none;
  border-radius: 0.12rem;
}

/*===== 集团介绍_分子公司 =====*/
.subsidiaryPage {
  position: relative;
  color: #fff;

}
.subsidiaryPage .tab_bac {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.subsidiaryPage .tab_bac i {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: 100%;
}
.subsidiaryPage .tab_bac i.cur {
  z-index: 5;
  display: block;
  animation-name: opacity10;
  animation-duration:1s;
  animation-fill-mode:both
}
.subsidiaryPage .subsidiaryInner {
  position: relative;
  z-index: 7;
}

.subsidiaryPage .subsidiaryTabs {
  margin-bottom: 6.11111rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.subsidiaryPage .subsidiaryTabs a {
  margin: 0 1.55556rem;
  font-size: 1.66667rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.55);

}
.subsidiaryPage .subsidiaryTabs a.cur, .subsidiaryPage .subsidiaryTabs a:hover {
  transition: all 0.5s;
  color: #fff;
}
.subsidiaryPage .tab_next {
  height: 21.11111rem;
}
.subsidiaryPage .tab_next .next {
  display: none;
}
.subsidiaryPage .tab_next .next.cur {
  display: block;
  animation-name: fadeInUp50;
  animation-duration:1s;
  animation-fill-mode:both
}
.subsidiaryPage .subsidiaryText {
  margin-bottom:3.33333rem;
  text-align: center;
}
.subsidiaryPage .subsidiaryText h1 {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
}

.subsidiaryPage .subsidiaryText p {
  margin: 1.22222rem auto 2.77778rem;
  line-height: 2rem;
  font-size: 0.88889rem;
  color: #fff;
}


.subsidiaryPage .companyList {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.11111rem 1.11111rem;
}

.subsidiaryPage .companyItem {
  height: 4.44444rem;
  box-sizing: border-box;
  border: 0.05556rem solid rgba(255, 255, 255, 0.4);
  border-radius: 0.44444rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.27778rem;
  background: rgba(60, 60, 60, 0.32);
  line-height: 1.33333rem;
  font-size: 0.88889rem;
  color: #fff;
  text-align: center;
  transition: all 0.4s;
  cursor: pointer;
}
.subsidiaryPage .companyItem.cur {
  border-color: #e4c367;
  background: #e4c367;
  color: #fff;
  font-weight: bold;

}

.subPop {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 116;
}
.subPop .delete {
  margin-left: calc(100% - 2.22222rem);
  margin-bottom: 1.66667rem;
  width: 2.22222rem;
  height: 2.22222rem;
  background: url(../images/zjpage/icon/i38.png) center no-repeat;
  background-size: contain;
  cursor: pointer;
}
.subPop .mode {
  display: flex;
  justify-content: space-between;
  padding: 5.55556rem 3.33333rem 5.55556rem 4.44444rem;
  border-radius: 0.55556rem;
  background: #fff url(../images/zjpage/icon/i37.png) left bottom no-repeat;
  background-size: 25.75% auto;
}
.subPop .left {
  width: 30%;
}
.subPop .left b {
  margin-bottom: 2rem;
  font-size: 2rem;
  color: #333;
  font-weight: bold;
}
.subPop .left p {
  margin-bottom: 1.66667rem;
  font-size: 2.66667rem;
  color: #d0c093;
  font-family: "DIN";
}

.subPop .left .lie {
  width: 70%;
  height: 0.05556rem;
  background: #dcdcdc;
}
.subPop .left .text .icon {
  display: flex;
  align-items: start;
  color: #333;
  margin-top: 1.66667rem;
  font-size: 1rem;
  line-height: 1.66667rem;
}
.subPop .left .text .icon div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.55556rem;
  width: 1rem;
  height: 1.66667rem;
}
.subPop .left .text .icon div img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.subPop .left .text .icon i {
  flex: 1;
  font-family: "DIN";
}
.subPop .left .text .icon span {
  flex: 1;
}
.subPop .right {
  padding-right: 1.11111rem;
  width: 67%;
  max-height: calc(78vh - 11.11111rem );
  overflow-y: auto;
}
.subPop .right::-webkit-scrollbar {
  width:0.11111rem;
  height:0.11111rem;
}
.subPop .right::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  margin: 0 0.05556rem;
  border-radius:0.11111rem;
  background-color: #dab866;
}
.subPop .right::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 0.11111rem;
  background:rgba(220,220,220,0.7);

}
.subPop .right .pic {
  margin-bottom: 3.33333rem;
  width: 100%;
  border-radius: 0.55556rem;
  overflow: hidden;
}
.subPop .right .pic img {
  width: 100%;
  max-height:22.22222rem;
  object-fit: cover;
}
.subPop .right .text {
  line-height: 2rem;
  font-size: 0.88889rem;
  color: #333;
  text-align: justify;
}
.subPop .right .text p {
  text-indent: 2em;
}
.subPop .right .text p:has(img) {
  text-indent: 0em;
}
.subPop .right .text img, .subPop .right .text video {
  display: block;
  margin: 0.55556rem auto;
  max-width: 100%;
  height: auto !important;
}
.subPop .right .text span, .subPop .right .text i, .subPop .right .text em, .subPop .right .text a, .subPop .right .text b {
  display: inline;
}

.subPop_bac {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 112;
}


.mobileMain .subsidiaryPage {
  background-image: url("../images/zjpage/mobile/subsidiaryPage.png");

}
.mobileMain .subsidiaryPage .subsidiaryTabs {
  margin-bottom: 1.8rem;
}
.mobileMain .subsidiaryPage .subsidiaryTabs a {
  position: relative;
  margin: 0 0.56rem;
  font-size: 0.75rem;
}

.mobileMain .subsidiaryPage .tab_next {
  height:8.5rem;
}

.mobileMain .subsidiaryPage .subsidiaryText {
  margin-bottom: 0;
}
.mobileMain .subsidiaryPage .subsidiaryText h1 {
  font-size: 0.6rem;
}

.mobileMain .subsidiaryPage .subsidiaryText p {
  margin: 0.8rem auto 1rem;
  max-height: 3.6rem;
  line-height: 0.9rem;
  font-size: 0.54rem;
  text-align: center;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.mobileMain .subsidiaryPage .companyList {
  grid-template-columns: repeat(2, 1fr);
  gap: 0.45rem;
}

.mobileMain .subsidiaryPage .companyItem {
  height: auto;
  min-height: 1.45rem;
  border-width: 0.02rem;
  border-radius: 0.1rem;
  padding: 0.3rem 0.4rem;
  line-height: 0.7rem;
  font-size: 0.5rem;
  backdrop-filter: blur(0.04rem);
}
.mobileMain .subPop .delete {
  margin-left: calc(100% - 0.9rem);
  margin-bottom:0.5rem;
  width: 0.9rem;
  height:0.9rem;
}
.mobileMain .subPop .mode {
  flex-wrap: wrap;
  padding:1rem 0.7rem;
  border-radius:0.2rem;
  background: #fff;
}
.mobileMain .subPop .left {
  width: 100%;
}
.mobileMain .subPop .left b {
  margin-bottom:0.6rem;
  font-size:0.75rem;
}
.mobileMain .subPop .left p {
  margin-bottom: 0.45rem;
  font-size:1rem;
}
.mobileMain .subPop .left .lie {
  width: 70%;
}
.mobileMain .subPop .left .text {
  padding-top: 0.2rem;
}
.mobileMain .subPop .left .text .icon {
  margin-top:0.3rem;
  font-size: 0.56rem;
  line-height: 0.8rem;
}
.mobileMain .subPop .left .text .icon div {
  margin-right:0.45rem;
  width:0.48rem;
  height:0.8rem;
}
.mobileMain .subPop .right {
  width: 100%;
  margin-top: 0.6rem;
  max-height: calc(90vh - 2rem - 8rem);
}
.mobileMain .subPop .right .pic {
  margin-bottom:0.9rem;
  border-radius: 0.2rem;
}
.mobileMain .subPop .right .pic img {
  max-height:5.4rem;
}
.mobileMain .subPop .right .text {
  line-height:0.9rem;
  font-size:0.54rem;
}


/*===== 集团介绍_集团架构 =====*/
.subsidiaryTabs.blank {
  margin-bottom: 4.77778rem;
}
.subsidiaryTabs.blank a {
  color: rgba(51, 51, 51, 0.5);
}
.subsidiaryTabs.blank a.cur, .subsidiaryTabs.blank a:hover {
  color: #dab866;
}
.architecture {
  background: url("../images/zjpage/architecture_bac.png") center bottom no-repeat;
  background-size: 100% auto;

}
.architecture .pic {
  margin: 0 auto;
  width: 84%;
}
.architecture .pic img {
  width: 100%;
}
.architecture .pic .img2 {
  display: none;
}

.mobileMain .subsidiaryTabs.blank {
  margin-bottom:1.7rem;
}
.mobileMain .architecture {
  background-image: url("../images/zjpage/mobile/architecture_bac.png");
}
.mobileMain .architecture .pic {
  margin-left: 0;
  width: 90%;
}
.mobileMain .architecture .pic .img1 {
  display: none;
}
.mobileMain .architecture .pic .img2 {
  display: block;
}

/*===== p1-4 资质荣誉 =====*/
.honor {
  background: url("../images/zjpage/honor_bac.jpg") center no-repeat;
  background-size: cover;
}
.honor .subsidiaryTabs {
  margin-bottom: 0;
}
.honor .subsidiaryTabs a {
  cursor: pointer;
}
.honor .tab_next {
  height: auto;

}
.honor .videoTopSwiper {
  margin: 0 5.27778rem;
  width: calc(100% - 10.55556rem);
}
.honor .videoTopSwiper .swiper-slide {
  opacity: 0;
  transition: all 0.5s;
  width:45%;
  height: 31.66667rem;
}
.honor .videoTopSwiper .swiper-slide:hover .videoTopItem img {
  transition: all 0.5s;
  box-shadow: 0 0 1.66667rem rgba(0, 0, 0, 0.2);
}
.honor .videoTopSwiper .swiper-slide .videoTopItem {
  transition: all 0.5s;
  transform: scale(0.8);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  margin: 2.22222rem 0;
  height: 23.33333rem;
  overflow: hidden;
  border-radius: 0.27778rem;
}
.honor .videoTopSwiper .swiper-slide .videoTopItem div {
  display: flex;
  align-items: center;
  justify-content: start;
  position: absolute;
  max-width: 100%;
  max-height:23.33333rem;
}
.honor .videoTopSwiper .swiper-slide .videoTopItem div::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  content: "";
}
.honor .videoTopSwiper .swiper-slide .videoTopItem img {
  position: relative;
  max-width: 100%;
  max-height: 23.33333rem;
  object-fit: cover;
  transition: all 0.6s;
}
.honor .videoTopSwiper .swiper-slide p {
  margin-top: 1.66667rem;
  line-height: 2.22222rem;
  font-size: 1.33333rem;
  color: #333;
  text-align: center;
  opacity: 0;
  transition: all 0.5s;

}
.honor .videoTopSwiper .swiper-slide-prev, .honor .videoTopSwiper .swiper-slide-next, .honor .videoTopSwiper .video-side-visible {
  opacity: 1;
}
.honor .videoTopSwiper .swiper-slide-active {
  opacity: 1;
  z-index: 6;
}
.honor .videoTopSwiper .swiper-slide-active .videoTopItem {
  justify-content: center;
  margin: 0;
  height: 27.77778rem;
  transition: all 0.5s;
  transform: scale(1);
}
.honor .videoTopSwiper .swiper-slide-active .videoTopItem div {
  justify-content: center;
  max-height: 27.77778rem;
}
.honor .videoTopSwiper .swiper-slide-active .videoTopItem div::after {
  background: rgba(255, 255, 255,0);
}
.honor .videoTopSwiper .swiper-slide-active .videoTopItem img {
  opacity: 1;
  height: auto;
  max-width: 100%;
  max-height: 27.77778rem;
  object-fit: cover;
}
.honor .videoTopSwiper .swiper-slide-active p {
  opacity: 1;
}
.honor .videoTopSwiper .swiper-slide-active ~ .swiper-slide {
  z-index: 3;
}
.honor .videoTopSwiper .swiper-slide-active ~ .swiper-slide .videoTopItem {
  justify-content: end;
}
.honor .videoTopSwiper .swiper-slide-active ~ .swiper-slide .videoTopItem div {
  justify-content: end;
}

.honor .videoTopArrow {
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  margin-top: -1.55556rem;
  z-index: 5;
  width: 2.77778rem;
  height: 2.77778rem;
  border-radius: 100%;
  background: #fff;
  cursor: pointer;
  transition: all 0.4s;


}
.honor .videoTopArrow::before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border-left: 0.11111rem solid #d9b865;
  border-bottom: 0.11111rem solid #d9b865;
  content: "";
}

.honor .videoTopArrow:hover {
  background: #d9b865;

}
.honor .videoTopArrow:hover::before {
  border-color: #fff;
}

.honor .videoTopPrev {
  left: 0;
}
.honor .videoTopPrev::before {
  margin: -0.27778rem 0 0 -0.16667rem;
  transform: rotate(45deg);
}

.honor .videoTopNext {
  right: 0;
}
.honor .videoTopNext::before {
  margin: -0.27778rem 0 0 -0.38889rem;
  transform: rotate(-135deg);
}
.honor .next {
  margin-top: 4.44444rem;
}
.honor .next2 .mode {
  padding-bottom: 8.05556rem;
  width: 80.46%;
  background: url(../images/zjpage/honor_bac2.png) left bottom no-repeat;
  background-size: 100% auto;
}
.honor .next2 .mode .list {
  margin-left: 8.88889rem;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
}
.honor .next2 .mode .list .pic {
  display: flex;
  justify-content: center;
  align-items: end;
  margin-right: 4%;
  width: 19%;
  height: 11.11111rem;
}
.honor .next2 .mode .list .pic div {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: end;
  cursor: pointer;
}
.honor .next2 .mode .list .pic div::before {
  transition: opacity 0.5s;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/zjpage/icon/i39.png) center no-repeat;
  background-size: 2.77778rem auto;
  content: "";
}
.honor .next2 .mode .list .pic div:hover::before {
  transition: opacity 0.5s;
  opacity: 1;
}
.honor .next2 .mode .list .pic img {
  max-width: 100%;
  max-height: 11.11111rem;
  object-fit: contain;
}
.honor .next2 .mode.mode2 {
  margin-left:15.5% ;
  width: 84.5%;
  background: url(../images/zjpage/honor_bac3.png) right bottom no-repeat;
  background-size: 100% auto;
}
.honor .next2 .mode.mode2 .list {
  margin:0 8.88889rem 0 0;
  justify-content: end;

}
.honor .next2 .more {
  margin-top: 2.77778rem;
}
.honor .next3 .pic {
  display: flex;
  justify-content: center;
  align-items: center;
}
.honor .next3 .pic img {
  max-width: 50%;
  max-height: 26.11111rem;
}
.honor .next3 p {
  display: none;
  margin-top: 1.11111rem;
  font-size: 1.11111rem;
  color: #333;
  text-align: center;
}
.honor .next4 {
  margin-top: 0;
}
.honor .next4 .mode .list .pic {
  height: 13.88889rem;
}
.honor .next4 .mode .list .pic img {
  max-height: 13.88889rem;
}
.subPopImg .next .pic {
  margin: 1.66667rem auto;
  width: 60vw;
  height: 70vh;
}
.subPopImg .next .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.subPopImg .next p {
  display: none;
  font-size: 1.66667rem;
  text-align: center;
  color: #fff;
  letter-spacing: 0.11111rem;
}

.mobileMain .honor {
  background-image: url("../images/zjpage/mobile/honor_bac.jpg");
}
.mobileMain .honor .subsidiaryTabs {
  margin-bottom: 0;
}
.mobileMain .honor .tab_next {
  height: auto;

}
.mobileMain .honor .videoTopSwiper {
  margin: 0 0.8rem;
  width: calc(100% - 1.6rem);
}
.mobileMain .honor .videoTopSwiper .swiper-slide {
  width:50.1%;
  height:10.9rem;

}
.mobileMain .honor .videoTopSwiper .swiper-slide .videoTopItem {
  margin:1.3rem 0;
  height: 5.8rem;
  border-radius:0;
}
.mobileMain .honor .videoTopSwiper .swiper-slide .videoTopItem div {
  max-height:5.8rem;
}
.mobileMain .honor .videoTopSwiper .swiper-slide .videoTopItem img {
  height:5.8rem;
}
.mobileMain .honor .videoTopSwiper .swiper-slide p {
  margin-top:0.7rem;
  height: 1.8rem;
  line-height: 0.9rem;
  font-size:0.54rem;
}

.mobileMain .honor .videoTopSwiper .swiper-slide-active .videoTopItem {
  margin: 0;
  height:8.4rem;
}
.mobileMain .honor .videoTopSwiper .swiper-slide-active .videoTopItem div {
  max-height:8.4rem;
}
.mobileMain .honor .videoTopSwiper .swiper-slide-active .videoTopItem img {
  max-height:8.4rem;
  height: auto;
}


.mobileMain .honor .videoTopArrow {
  top: 3.7rem;
  transform: translateY(0);
  margin-top: 0;
  width:1rem;
  height:1rem;
}
.mobileMain .honor .videoTopArrow::before {
  width:0.18rem;
  height:0.18rem;
  border-left: 0.04rem solid #d9b865;
  border-bottom: 0.04rem solid #d9b865;
}
.mobileMain .honor .videoTopArrow:hover::before {
  border-color: #fff;
}

.mobileMain .honor .videoTopPrev::before {
  margin: -0.09rem 0 0 -0.09rem;
}

.mobileMain .honor .videoTopNext::before {
  margin: -0.09rem 0 0 -0.09rem;
}
.mobileMain .honor .next {
  overflow: hidden;
  margin-top: 1.7rem;
}
.mobileMain .honor .next2 .mode {
  margin-bottom: 1rem;
  padding-bottom: 1.3rem;
  width: 96%;
  background: url(../images/zjpage/honor_bac2.png) left bottom no-repeat;
  background-size: 100% auto;
}
.mobileMain .honor .next2 .mode .list {
  margin-left:4vw;
}
.mobileMain .honor .next2 .mode .list .pic {
  margin-right: 8%;
  width: 38%;
  height:4.3rem;
}
.mobileMain .honor .next2 .mode .list .pic:nth-child(3), .mobileMain .honor .next2 .mode .list .pic:nth-child(4) {
  display: none;
}
.mobileMain .honor .next2 .mode .list .pic div::before {
  background-size:1rem auto;
}
.mobileMain .honor .next2 .mode .list .pic img {
  max-height: 4.3rem;
}
.mobileMain .honor .next2 .mode.mode2 {
  margin-left:4% ;
  background: url(../images/zjpage/honor_bac3.png) right bottom no-repeat;
  background-size: 100% auto;
}
.mobileMain .honor .next2 .mode.mode2 .list {
  margin:0 4vw 0 0;
}
.mobileMain .honor .next2 .more {
  margin-top:0;
}
.mobileMain .honor .next3 .pic img {
  width: 92%;
  max-width:100%;
  max-height:100%;
}
.mobileMain .honor .next3 p {
  margin-top:0.8rem;
  font-size:0.56rem;
}
.mobileMain .honor .next4 {
  margin-top: 0;
}
.mobileMain .honor .next4 .mode .list .pic {
  height:5.5rem;
}
.mobileMain .honor .next4 .mode .list .pic img {
  max-height: 5.5rem;
}
.mobileMain .subPopImg .next .pic {
  margin:0.6rem auto;
  width: 92vw;
  height: 60vh;

}
.mobileMain .subPopImg .next p {
  font-size:0.7rem;
  letter-spacing: 0.05556rem;
}

/*===== p1-4 资质荣誉_荣誉奖项 =====*/
.honorList .title {
  margin-bottom: 4.77778rem;
}
.honorList .mode {
  display: flex;
  flex-wrap: wrap;
}
.honorList .mode a {
  transition: all 0.5s;
  margin:4% 4% 0 0;
  width: 22%;
}
.honorList .mode a:nth-child(4n) {
  margin-right: 0;
}
.honorList .mode a:nth-child(1), .honorList .mode a:nth-child(2), .honorList .mode a:nth-child(3), .honorList .mode a:nth-child(4) {
  margin-top: 0;
}
.honorList .mode a:hover {
  transition: all 0.5s;
  transform: scale(1.05);
}
.honorList .mode a:hover .pic img {
  transition: all 0.5s;
  box-shadow: 0 0 2.22222rem rgba(0, 0, 0, 0.2);
}
.honorList .mode a:hover p {
  color: #dab866;
}

.honorList .mode a .pic {
  display: flex;
  justify-content: center;
  align-items: end;
  width: 100%;
  height: 11.11111rem;
}
.honorList .mode a .pic div {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: end;
  cursor: pointer;
}
.honorList .mode a .pic div::before {
  transition: opacity 0.5s;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/zjpage/icon/i39.png) center no-repeat;
  background-size:2.77778rem auto;
  content: "";
}
.honorList .mode a .pic div:hover::before {
  transition: opacity 0.5s;
  opacity: 1;
}
.honorList .mode a .pic img {
  transition: all 0.5s;
  max-width: 100%;
  max-height: 11.11111rem;
  object-fit: contain;
}
.honorList .mode a p {
  display: none;
  color: #333;
  font-size: 1rem;
  text-align: center;
  margin-top: 1.11111rem;
}
.honorList2 .title {
  margin-bottom:1.11111rem;
}
.honorList2 .mode a .pic {
  height: 16.66667rem;
}
.honorList2 .mode a .pic img {
  max-height: 16.66667rem;
}
.mobileMain .honorList .title {
  margin-bottom:0.9rem;
}
.mobileMain .honorList .mode a {
  margin:1rem 5% 0 0;
  width: 47.5%;
}
.mobileMain .honorList .mode a:nth-child(1), .mobileMain .honorList .mode a:nth-child(2) {
  margin-top:0;
}
.mobileMain .honorList .mode a:nth-child(3), .mobileMain .honorList .mode a:nth-child(4) {
  margin-top:0.9rem;
}
.mobileMain .honorList .mode a:nth-child(2n) {
  margin-right: 0;
}
.mobileMain .honorList .mode a:hover {
  transform: scale(1);
}
.mobileMain .honorList .mode a:hover .pic img {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.mobileMain .honorList .mode a .pic {
  height:4.3rem;
}
.mobileMain .honorList .mode a .pic div::before {
  background-size:1rem auto;
}
.mobileMain .honorList .mode a .pic img {
  max-height: 4.3rem;
}
.mobileMain .honorList .mode a p {
  font-size:0.5rem;
  margin-top:0.7rem;
}
.mobileMain .honorList2 .mode a .pic {
  height: 5rem;
}
.mobileMain .honorList2 .mode a .pic img {
  max-height: 5rem;
}





/*===== 企业文化 =====*/
.culturePage {
  position: relative;
  overflow: hidden;
  background: url("../images/zjpage/culturePage_bac1.png") center top no-repeat;
  background-size: cover;
  color: #333;
}
.culturePage .cultureInner {
  position: relative;
  z-index: 3;
}
.culturePage .cultureInner .bor {
  margin: 0 10%;
  padding:7.22222rem 0 23.88889rem;
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.culturePage .cultureItem {
  display: flex;
  align-items: center;
  margin-bottom: 3.66667rem;
}
.culturePage .cultureItem:last-child {
  margin-bottom: 0;
}
.culturePage .cultureItem:hover .icon::after {
  transition: all 0.4s;
  background: #dab866;
}
.culturePage .cultureItem:hover .icon::before {
  transition: all 0.5s;
  transform: scale(1.3);
}
.culturePage .cultureItem:hover .icon .img1 {
  opacity: 0;
}
.culturePage .cultureItem:hover .icon .img2 {
  opacity: 1;
}
.culturePage .cultureItem:hover .cultureDesc {
  transition: all 0.5s;
  transform: translateX(0.83333rem);
}
.culturePage .icon {
  position: relative;
  margin-right: 2.5rem;
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
}
.culturePage .icon::after {
  transition: all 0.4s;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 100%;
  content: "";
}
.culturePage .icon::before {
  transition: all 0.5s;
  transform: scale(1);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(218, 184, 102, 0.22);
  border-radius: 100%;
}
.culturePage .icon img {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.culturePage .icon .img2 {
  opacity: 0;
}
.culturePage .cultureName {
  width: 5.55556rem;
  font-size: 1.33333rem;
  font-weight: bold;
  color: #333;
}
.culturePage .lie {
  width: 0.05556rem;
  height: 1.88889rem;
  background: #d2d2d2;
}
.culturePage .cultureDesc {
  transition: all 0.5s;
  flex: 1;
  padding-left: 2.77778rem;
  font-size: 1.11111rem;
  color: #333;

}

.culturePage .cultureEn {
  position: absolute;
  right: 0%;
  bottom: 11.11111rem;
}
.culturePage .cultureEn img {
  height: 9rem;
}
.culturePage .cultureBac {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(../images/zjpage/culturePage_bac2.png) left bottom no-repeat;
  background-size: 100% auto;
}


.mobileMain .culturePage {
  min-height: 16rem;
  background: url("../images/zjpage/culturePage_bac1.png") center top no-repeat;
  background-size: auto 100%;

}
.mobileMain .culturePage .cultureInner {
  position: relative;
  z-index: 3;
}

.mobileMain .culturePage .bor {
  margin: 0;
  padding: 1.55rem 0 7.1rem;
  display: block;
}

.mobileMain .culturePage .title {
  margin-bottom: 1.3rem;

}

.mobileMain .culturePage .cultureList {
  width: 100%;
}
.mobileMain .culturePage .cultureItem {
  margin-bottom:1.3rem;
}
.mobileMain .culturePage .cultureItem:last-child {
  margin-bottom: 0;
}
.mobileMain .culturePage .cultureItem:hover .cultureDesc {
  transform: translateX(0);
}

.mobileMain .culturePage .icon {
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.75rem;
}

.mobileMain .culturePage .cultureName {
  width:2.2rem;
  font-size: 0.6rem;
}

.mobileMain .culturePage .lie {
  width: 0.02rem;
  height: 0.56rem;
}

.mobileMain .culturePage .cultureDesc {
  padding-left:0.75rem;
  font-size: 0.54rem;
  line-height:0.9rem;
}

.mobileMain .culturePage .cultureEn {
  right:6%;
  bottom: 2.4rem;

}
.mobileMain .culturePage .cultureEn img {
  height:2.82rem;
}

.mobileMain .culturePage .cultureBac {
  background-image: url(../images/zjpage/mobile/culturePage_bac2.png);
}


/*===== 研发创新 =====*/
.researchPage {
  color: #333;
  background: #fff;
}
.researchPage .researchIntro {
  box-sizing: border-box;
  background: url("../images/zjpage/researchIntro.png") center no-repeat;
  background-size: 117.61111rem auto;
}

.researchPage .researchIntroInner .top {
  display: flex;
  justify-content: space-between;
}

.researchPage .researchIntroText {
  margin-left: 5%;
  width: 40%;
}
.researchPage .researchIntroText .title {
  margin-top: 2.22222rem;
}
.researchPage .researchIntroText p {
  margin-top: 3.22222rem;
  line-height: 1.66667rem;
  font-size: 0.88889rem;
  color: #333;
  text-indent: 2em;
}
.researchPage .researchIntroText p + p {
  margin-top: 0;
}
.researchPage .researchPhotoSwiper {
  margin-right: 5%;
  width: 39%;
  border-radius: 0.44444rem;
  overflow: hidden;
}
.researchPage .researchPhotoSwiper img {
  width: 100%;
  height: 22.55556rem;
  object-fit: cover;
}

.researchPage .researchPhotoPagination, .researchPage .researchHonorPagination, .researchPage .researchProjectPagination {
  display: flex;
  justify-content: center;
  align-items: center;

}
.researchPage .researchPhotoPagination .swiper-pagination-bullet, .researchPage .researchPhotoPagination span, .researchPage .researchHonorPagination .swiper-pagination-bullet, .researchPage .researchHonorPagination span, .researchPage .researchProjectPagination .swiper-pagination-bullet, .researchPage .researchProjectPagination span {
  opacity: 1;
  width: 0.61111rem;
  height: 0.61111rem;
  margin: 0 0.27778rem;
  border-radius: 0.61111rem;
  background: #d9d9d9;
  cursor: pointer;
}
.researchPage .researchPhotoPagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .researchPage .researchPhotoPagination span.swiper-pagination-bullet-active, .researchPage .researchHonorPagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .researchPage .researchHonorPagination span.swiper-pagination-bullet-active, .researchPage .researchProjectPagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .researchPage .researchProjectPagination span.swiper-pagination-bullet-active {
  width: 2.66667rem;
  background: #d9b865;
}
.researchPage .swiper-pagination-lock {
  display: none;
}
.researchPage .researchPhotoPagination {
  position: absolute;
  left: 0;
  bottom: 1.27778rem;
  width: 100%;
  z-index: 3;
}

.researchPage .researchHonor {
  position: relative;
  margin-top: 6.11111rem;
}
.researchPage .researchHonor .bac {
  margin-top: -0.83333rem;
  width: 100%;
}
.researchPage .researchHonor .swiper {
  padding-bottom: 6.38889rem;
  width: 100%;
  margin: 0 auto;
}
.researchPage .researchHonor .swiper-slide {
  display: flex;
  width: 100%;
}
.researchPage .researchHonor .swiper-slide .pic {
  display: flex;
  justify-content: center;
  align-items: end;
  position: relative;
  margin-left: 5%;
  width: 18.75%;
}
.researchPage .researchHonor .swiper-slide .pic:nth-child(4n) {
  margin-right: 0;
}


.researchPage .researchHonor .swiper-slide img {
  max-width: 100%;
  max-height:100%;
}





.researchPage .researchStrength {
  background: #f2f3f5 url("../images/zjpage/researchStrength_bac.jpg") center top no-repeat;
  background-size:cover;
  text-align: center;
}
.researchPage .researchStrength .strengthDesc {
  margin-top: 2.77778rem;
  line-height: 1.66667rem;
  font-size: 0.88889rem;
  color: #333;
  text-align: justify;
  text-indent: 2em;
}

.researchPage .strengthStats {
  margin-top: 3.77778rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 3.88889rem;
  text-align: left;
}

.researchPage .statItem {
  display: flex;
  align-items: flex-start;

}
.researchPage .statItem img {
  width: 3.05556rem;
  height: 3.38889rem;
  object-fit: contain;
  flex-shrink: 0;
}

.researchPage .statInfo {
  margin-left: 1.55556rem;
}

.researchPage .statNum {
  line-height: 3rem;
  font-size: 2.66667rem;
  font-family: "DIN";
  font-weight: bold;
  color: #dab866;

}
.researchPage .statNum sup {
  display: inline;
  margin-left: 0.27778rem;
  vertical-align: super;
  line-height: 1;
  font-size: 1.55556rem;
}

.researchPage .statInfo p {
  margin-top: 1.55556rem;
  line-height: 1.66667rem;
  font-size: 0.88889rem;
  color: #333;
  white-space: nowrap;
}

.researchPage .projectTitle {
  margin-top: 5.55556rem;
  font-size: 1.33333rem;
  font-weight: bold;
  color: #333;
}

.researchPage .projectList {
  margin-top: 2.88889rem;
  overflow: hidden;

}
.researchPage .projectList .swiper-slide {
  display: flex;
}
.researchPage .projectList .swiper-slide a {
  margin-right: 3%;
  width: 22.75%;
}

.researchPage .projectItem {
  padding: 0 2.22222rem;
  border-radius: 0.44444rem;
  background: rgba(255, 255, 255, 0.86);

}
.researchPage .projectItem span {
  min-width: 12.66667rem;
  height: 7.11111rem;
  padding: 0 1.11111rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../images/zjpage/research/project-laurel.png") center no-repeat;
  background-size:100% auto;
  line-height: 1.44444rem;
  font-size: 1.11111rem;
  font-weight: bold;
  color: #333;
}

.researchPage .researchProjectPagination {
  margin-top: 3.22222rem;
}
.researchPage .journey {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding-bottom: 2.77778rem;
}
.researchPage .journey .bac {
  width: 100%;
  position: sticky;
  left: 0;
  top:0;
  height: 100vh;
  background: url(../images/zjpage/journey_bac.png) center no-repeat;
  background-size: cover;
}
.researchPage .journey .journeyBox {
  margin-top: -100vh;
  position: relative;

}
.researchPage .journey .journeyBox .journeyLMain {
  width: 100%;
  position: sticky;
  left: 0;
  top: 15vw;
  z-index: 2;
  display: flex;
  align-items: center;
}
.researchPage .journey .journeyBox .journeyL {
  width: 100%;
}
.researchPage .journey .journeyBox .journeyL .journeyLCont {
  position: relative;
  margin-top: 6.66667rem;
}
.researchPage .journey .journeyBox .journeyL .journeyLPos {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 8.33333rem;
  color: #dab866;
  font-weight: bold;
  line-height: 1;
  font-family: "DIN";
}
.researchPage .journey .journeyBox .journeyL .journeyLPos::before {
  position: absolute;
  left:8.88889rem;
  top: 50%;
  transform: translateY(-50%);
  width: 12.22222rem;
  height: 12.22222rem;
  border-radius: 100%;
  border: #dab866 0.05556rem solid;
  content: "";
}
.researchPage .journey .journeyBox .journeyL .journeyLPos span {
  margin-left: 0.55556rem;
  opacity: 0;
}
.researchPage .journey .journeyBox .journeyL .journeyLInfo {
  position: absolute;
  top: 0;
  will-change: transform;
}
.researchPage .journey .journeyBox .journeyL .journeyLInfo .journeyLInfoItem {
  display: flex;
  align-items: center;
  font-size: 8.33333rem;
  line-height:1;
  color: rgba(218, 184, 102, 0.26);
  font-weight: bold;
  margin-top: 3.33333rem;
  font-family: "DIN";
}
.researchPage .journey .journeyBox .journeyL .journeyLInfo .journeyLInfoItem:first-child {
  margin-top: 0;
}
.researchPage .journey .journeyBox .journeyL .journeyLInfo .journeyLInfoItem span {
  margin-right: 0.55556rem;
  opacity: 0;
}
.researchPage .journey .journeyBox .journeyL .journeyLInfo .journeyLInfoItem.active {
  color: #dab866;

}
.researchPage .journey .journeyBox .journeyRMain {
  position: relative;
  z-index: 3;
  width: 100%;
}
.researchPage .journey .journeyBox .journeyRMain .w1600 {
  display: flex;
}
.researchPage .journey .journeyBox .journeyR {
  margin-left: 43%;
  width: 55%;
}
.researchPage .journey .journeyBox .journeyR .journeyRItem {
  margin-top:2.77778rem;
}
.researchPage .journey .journeyBox .journeyR .journeyRItem:first-child {
  margin-top: 0;
}
.researchPage .journey .journeyBox .journeyR .journeyRItem:first-child .journeyRList:first-child {
  margin-top: 0;
}
.researchPage .journey .journeyBox .journeyR .journeyRList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.66667rem 0;
  border-bottom: #c9c9c9 0.05556rem solid;
}
.researchPage .journey .journeyBox .journeyR .journeyRList .text {
  flex: 1;
}
.researchPage .journey .journeyBox .journeyR .journeyRList .text i {
  font-size: 1.66667rem;
  color: #dab866;
  font-family: "DIN";
}
.researchPage .journey .journeyBox .journeyR .journeyRList .text b {
  margin-top: 1.38889rem;
  font-size: 1rem;
  color: #333;
  font-weight: bold;
}
.researchPage .journey .journeyBox .journeyR .journeyRList .pic {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5%;
  width: 25%;
  height: 8.33333rem;
}
.researchPage .journey .journeyBox .journeyR .journeyRList .pic img {
  max-width: 100%;
  max-height: 100%;
}



.mobileMain .researchPage .researchIntroInner .top {
  display: block;
}
.mobileMain .researchPage .researchIntroText {
  margin-left: 0;
  width: 100%;
}
.mobileMain .researchPage .researchIntroText .title {
  margin-top: 0;
}
.mobileMain .researchPage .researchIntroText p {
  margin-top: 0.72rem;
  line-height: 0.9rem;
  font-size: 0.54rem;
  text-align: justify;
}
.mobileMain .researchPage .researchIntroText p + p {
  margin-top: 0;
}

.mobileMain .researchPage .researchPhotoSwiper {
  width: 100%;
  margin: 0.9rem 0 0;
  border-radius: 0.2rem;
  box-shadow: 0 0.2rem 0.6rem rgba(49, 75, 100, 0.12);

}
.mobileMain .researchPage .researchPhotoSwiper img {
  width: 100%;
  height: 8.8rem;
  object-fit: cover;
}

.mobileMain .researchPage .researchPhotoPagination .swiper-pagination-bullet, .mobileMain .researchPage .researchPhotoPagination span, .mobileMain .researchPage .researchHonorPagination .swiper-pagination-bullet, .mobileMain .researchPage .researchHonorPagination span, .mobileMain .researchPage .researchProjectPagination .swiper-pagination-bullet, .mobileMain .researchPage .researchProjectPagination span {
  width: 0.2rem;
  height: 0.2rem;
  margin: 0 0.14rem;
  border-radius: 0.2rem;
}
.mobileMain .researchPage .researchPhotoPagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .mobileMain .researchPage .researchPhotoPagination span.swiper-pagination-bullet-active, .mobileMain .researchPage .researchHonorPagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .mobileMain .researchPage .researchHonorPagination span.swiper-pagination-bullet-active, .mobileMain .researchPage .researchProjectPagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .mobileMain .researchPage .researchProjectPagination span.swiper-pagination-bullet-active {
  width:1rem;
}

.mobileMain .researchPage .researchPhotoPagination {
  bottom: 0.6rem;
}

.mobileMain .researchPage .researchHonor {
  margin-top: 2rem;
}
.mobileMain .researchPage .researchHonor .bac {
  margin-top: -0.1rem;
}
.mobileMain .researchPage .researchHonor .swiper {
  padding-bottom: 1.3rem;
}
.mobileMain .researchPage .researchHonor .swiper-slide .pic {
  width: calc(50% - 0.92rem);
  height: auto;
  margin:0 0.46rem;
}

.mobileMain .researchPage .researchHonor .swiper-slide img {
  max-height: 3.55rem;
}
.mobileMain .researchPage .researchHonor .researchHonorPagination {
  margin-top: 0.5rem;
}


.mobileMain .researchPage .researchStrength .strengthDesc {
  margin-top: 0.9rem;
  line-height: 0.9rem;
  font-size: 0.54rem;
}

.mobileMain .researchPage .strengthStats {
  margin-top: 0.95rem;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.32rem;
}

.mobileMain .researchPage .statItem {
  padding: 0.38rem 0.28rem;
  box-sizing: border-box;
}
.mobileMain .researchPage .statItem img {
  width: 1.13rem;
  height: 1.25rem;
}

.mobileMain .researchPage .statInfo {
  margin-left: 0.4rem;
}

.mobileMain .researchPage .statNum {
  line-height: 1.2rem;
  font-size: 0.92rem;

}
.mobileMain .researchPage .statNum sup {
  margin-left: 0.04rem;
  font-size: 0.74rem;
  line-height: 0.5rem;
}

.mobileMain .researchPage .statInfo p {
  margin-top: 0.2rem;
  line-height: 0.8rem;
  font-size: 0.5rem;
  white-space: normal;
}

.mobileMain .researchPage .projectTitle {
  margin-top: 1.6rem;
  font-size: 0.6rem;
  text-align: center;
}

.mobileMain .researchPage .projectList {
  margin-top: 0.8rem;
}
.mobileMain .researchPage .projectList .swiper-slide {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap:0.4rem;
  row-gap:0.4rem;
}
.mobileMain .researchPage .projectList .swiper-slide a {
  margin-right:0;
  width: 100%;
}

.mobileMain .researchPage .projectItem {
  padding: 0 0.5rem;
  border-radius: 0.1rem;


}
.mobileMain .researchPage .projectItem span {
  min-width: 0;
  padding: 0 0.5rem;
  height: 2.3rem;
  line-height: 0.7rem;
  font-size: 0.54rem;
  background-image: url(../images/zjpage/icon/i23.png);

}

.mobileMain .researchPage .researchProjectPagination {
  margin-top: 0.83rem;
}
.mobileMain .researchPage .journey {
  padding-bottom: 0;
}
.mobileMain .researchPage .journey .bac {
  display: none;
}
.mobileMain .researchPage .journey .mJourneyBox .mJourneySwiper {
  margin-top: -0.3rem;
  padding: 0.3rem 0;
}
.mobileMain .researchPage .journey .mJourneyBox .mJourneySwiper .swiper-slide {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 6rem;
  margin: 0 0.9rem;
  font-size: 2.4rem;
  line-height: 3.4rem;
  color: rgba(218, 184, 102, 0.26);
  font-family: "DIN";
}
.mobileMain .researchPage .journey .mJourneyBox .mJourneySwiper .swiper-slide::after {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  right:0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0.1rem;
  width: 3.1rem;
  height: 3.1rem;
  border: #dab866 0.05556rem solid;
  border-radius: 100%;
  content: "";
}
.mobileMain .researchPage .journey .mJourneyBox .mJourneySwiper .swiper-slide i {
  width: calc(3.1rem + 0.11111rem);
  text-align: center;
}
.mobileMain .researchPage .journey .mJourneyBox .mJourneySwiper .swiper-slide.swiper-slide-active {
  color: rgba(218, 184, 102, 1);
}
.mobileMain .researchPage .journey .mJourneyBox .mJourneySwiper .swiper-slide.swiper-slide-active::after {
  opacity: 1;
}
.mobileMain .researchPage .journey .mJourneyBox .mJourneyConSwiper {
  overflow: hidden;
  position: relative;
}

.mobileMain .researchPage .journey .mJourneyBox .mJourneyConSwiper .mJourneyList {
  padding:0.7rem 0;
  border-bottom: #e5e5e5 0.05556rem solid;
}
.mobileMain .researchPage .journey .mJourneyBox .mJourneyConSwiper .mJourneyList .text i {
  font-size:0.6rem;
  color: #dab866;
}
.mobileMain .researchPage .journey .mJourneyBox .mJourneyConSwiper .mJourneyList .text b {
  margin-top:0.26rem;
  line-height: 0.9rem;
  font-size: 0.54rem;
  color: #333;
  font-weight: bold;
}
.mobileMain .researchPage .journey .mJourneyBox .mJourneyConSwiper .mJourneyList .pic {
  margin-top: 0.5rem;
  width: 6rem;
}
.mobileMain .researchPage .journey .mJourneyBox .mJourneyConSwiper .mJourneyList .pic img {
  max-width: 100%;
  max-height:5rem;
}
.mobileMain .researchPage .journey .mJourneyBox .mJourneyPagination {
  margin-top: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobileMain .researchPage .journey .mJourneyBox .mJourneyPagination .swiper-button-prev {
  position: initial;
  margin-top: 0;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  border: #1b1b1b 0.05556rem solid;
  background: url(../images/icon/i12.png) center no-repeat;
  background-size: 0.4rem auto;
}
.mobileMain .researchPage .journey .mJourneyBox .mJourneyPagination .swiper-button-next {
  position: initial;
  margin-top: 0;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  border: #1b1b1b 0.05556rem solid;
  background: url(../images/icon/i13.png) center no-repeat;
  background-size: 0.4rem auto;
  margin-left: 0.45rem;
}
/*===== 新闻详情 =====*/

.new_xq .title_box {
  line-height: 2.5rem;
  font-size: 2rem;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.new_xq .cen {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.66667rem 0 2.5rem;
  margin-bottom: 2.55556rem;
  width: 100%;
  color: #999;
  font-size: 0.88889rem;
  border-bottom: #e5e5e5 0.05556rem solid;
}
.new_xq .cen i {
  margin-right: 1.11111rem;
}
.new_xq .cen i.icon {
  padding: 0 1.38889rem;
  font-weight: normal;
  background: url(../images/zjpage/icon/i8.png) left center no-repeat;
  background-size: 0.88889rem auto;
}
.new_xq .cen span {
  display: inline-block;
  width: 1.94444rem;
  height: 1.16667rem;
  border-right: #c6c6c6 0.05556rem solid;
  cursor: pointer;
}
.new_xq .cen span.big {
  background: url(../images/zjpage/icon/i9.png) center no-repeat;
  background-size:1rem auto;
}
.new_xq .cen span.big:hover, .new_xq .cen span.big.cur {
  background-image: url(../images/zjpage/icon/i9s.png);
}
.new_xq .cen span.middle {
  background: url(../images/zjpage/icon/i10.png) center no-repeat;
  background-size:1rem auto;
}
.new_xq .cen span.middle:hover, .new_xq .cen span.middle.cur {
  background-image: url(../images/zjpage/icon/i10s.png);
}
.new_xq .cen span.small {
  border-right: none;
  background: url(../images/zjpage/icon/i11.png) center no-repeat;
  background-size:1rem auto;
}
.new_xq .cen span.small:hover, .new_xq .cen span.small.cur {
  background-image: url(../images/zjpage/icon/i11s.png);
}

.new_xq .text {
  font-size: 1rem;
  color: #666;
  line-height: 2.11111rem;
  padding-bottom: 2.77778rem;
  word-wrap:break-word;
  word-break:normal;
}
.new_xq .text.big {
  font-size: 1.11111rem;
  line-height: 2.33333rem;
}
.new_xq .text.middle {
  font-size: 1rem;
  line-height: 2.11111rem;
}
.new_xq .text.small {
  font-size: 0.88889rem;
  line-height: 1.88889rem;
}
.new_xq .text p {
  text-indent: 2em;
  text-align: justify;
}
.new_xq .text p:has(img) {
  text-indent: 0em;
}
.new_xq .text img, .new_xq .text video {
  display: block;
  margin: 0.55556rem auto;
  max-width: 70%;
  height: auto !important;
}
.new_xq .text span, .new_xq .text i, .new_xq .text em, .new_xq .text a, .new_xq .text b {
  display: inline;
}
.new_xq .text table {
  margin: 0 auto;
  max-width: 100%;
  height: auto !important;
  border-top: #000 0.05556rem solid;
  border-right: #000 0.05556rem solid;
  border-collapse: collapse;
  border-spacing: 0;
}
.new_xq .text table span, .new_xq .text table i, .new_xq .text table em, .new_xq .text table a, .new_xq .text table b {
  white-space: pre-wrap;
}
.new_xq .text table td {
  padding: 0 0.11111rem !important;
  width: auto !important;
  border-bottom: #000 0.05556rem solid;
  border-left: #000 0.05556rem solid;
}
.new_xq .text table p {
  line-height: 1.44444rem;
  text-indent: 0em;
  text-align: inherit;
}
.new_xq .go_article {
  position: relative;
  line-height: 6.55556rem;
  font-size: 1rem;
  border-top: #e5e5e5 0.05556rem solid;
}
.new_xq .go_article a {
  display: flex;
  color: #333;
}
.new_xq .go_article a p {
  width: 22.22222rem;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.new_xq .go_article a:hover {
  color: #dcbd70;
}
.new_xq .go_article a:hover p {
  color: #dcbd70;
}
.new_xq .go_article .fl {
  padding-left: 1.66667rem;
  background: url(../images/zjpage/icon/i12.png) left center no-repeat;
  background-size: 0.55556rem auto;
}
.new_xq .go_article .fl i {
  margin-right: 0.55556rem;
}
.new_xq .go_article .fl:hover {
  background-image: url(../images/zjpage/icon/i12s.png);
}

.new_xq .go_article .pos {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.33333rem;
  height: 1.33333rem;
  background: url(../images/zjpage/icon/i14.png) center no-repeat;
  background-size: 100% auto;
}

.new_xq .go_article .fr {
  padding-right: 1.66667rem;
  background: url(../images/zjpage/icon/i13.png) right center no-repeat;
  background-size: 0.55556rem auto;
}
.new_xq .go_article .fr p {
  text-align: right;
}
.new_xq .go_article .fr i {
  margin-left: 0.55556rem;
}
.new_xq .go_article .fr:hover {
  background-image: url(../images/zjpage/icon/i13s.png);
}

.mobileMain .new_xq .title_box {
  line-height: 0.9rem;
  font-size: 0.6rem;
}
.mobileMain .new_xq .cen {
  padding:0.5rem 0 0.7rem;
  margin-bottom: 1.1rem;
  font-size: 0.46rem;
}
.mobileMain .new_xq .cen i {
  margin-right: 0.1rem;
}
.mobileMain .new_xq .cen i.icon {
  margin-right:1rem;
  padding: 0 0 0 0.63rem;
  background-size: 0.38rem auto;
}
.mobileMain .new_xq .cen span {
  width:1.1rem;
  height:0.4rem;
}
.mobileMain .new_xq .cen span.big, .mobileMain .new_xq .cen span.middle, .mobileMain .new_xq .cen span.small {
  background-size:0.48rem auto;
}
.mobileMain .new_xq .text {
  font-size: 0.54rem;
  line-height: 0.9rem;
  padding-bottom:1rem;
  overflow-x: auto;
}
.mobileMain .new_xq .text.big {
  font-size: 0.58rem;
  line-height: 1.02rem;
}
.mobileMain .new_xq .text.middle {
  font-size: 0.54rem;
  line-height: 0.94rem;
}
.mobileMain .new_xq .text.small {
  font-size: 0.5rem;
  line-height: 0.88rem;
}
.mobileMain .new_xq .text img, .mobileMain .new_xq .text video {
  display: block;
  margin:0.2rem auto;
  max-width:100%;

}
.mobileMain .new_xq .text table p {
  line-height:0.92rem;
}
.mobileMain .new_xq .go_article {
  line-height:1.8rem;
  font-size: 0.5rem;
}
.mobileMain .new_xq .go_article a p {
  display: none;
}

.mobileMain .new_xq .go_article .fl {
  padding-left:0.5rem;
  background-size: 0.2rem auto;
}
.mobileMain .new_xq .go_article .fl i {
  margin-right:0.1rem;
}


.mobileMain .new_xq .go_article .pos {
  width: 0.5rem;
  height: 0.5rem;
}

.mobileMain .new_xq .go_article .fr {
  padding-right:0.5rem;
  background-size: 0.2rem auto;
}
.mobileMain .new_xq .go_article .fr i {
  margin-left: 0.1rem;
}



/*===== 社会责任 =====*/
.socialPage .fundRows {
  margin-top: 5rem;
}

.socialPage .fundRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.socialPage .fundRow:nth-child(2) {
  margin-top: 5.55556rem;
  flex-direction: row-reverse;
}
.socialPage .fundRow:nth-child(2) .fundInfo .fundLogo {
  margin-left: 30%;
  justify-content: end;
}

.socialPage .fundInfo {
  width: 45%;
}
.socialPage .fundInfo .fundLogo {
  display: flex;
  align-items: center;
  padding-bottom: 1.66667rem;
  width: 70%;
  border-bottom: 0.05556rem solid #e5e5e5;
}
.socialPage .fundInfo .fundLogo img {
  max-width: 74%;
  max-height: 5.22222rem;
}
.socialPage .fundInfo p {
  margin-top: 1.66667rem;
  line-height: 1.66667rem;
  font-size: 0.88889rem;
  color: #666;
  text-align: justify;
  text-indent: 2em;
}

.socialPage .fundPhoto {
  position: relative;
  width: 45%;
  padding-top: 28.28%;
  border-radius: 0.55556rem;

  overflow: hidden;
  transition: all 0.5s;
  transform: scale(1);
}

.socialPage .fundPhoto img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.socialPage .fundPhoto:hover {
  transition: all 0.5s;
  transform: scale(1.1);
  box-shadow: 0 0 2.22222rem rgba(0, 0, 0, 0.3);
}
.socialPage .responsibility {
  background:#f8f8f8  url("../images/zjpage/responsibility_bac1.png") center top no-repeat;
  background-size:100% auto;
}

.socialPage .responsibilityLead {
  margin-top: 2.88889rem;
  line-height: 1.66667rem;
  font-size: 0.88889rem;
  color: #555;
}
.socialPage .responsibilityLead p {
  text-indent: 2em;
  text-align: justify;
}

.socialPage .responsibilityFeature {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5.11111rem;
}

.socialPage .featurePhoto {
  transition: all 0.5s;
  transform: scale(1);
  position: relative;
  margin-left: -2%;
  width: 58%;
  padding-top: 36.5%;
  overflow: hidden;
  border-radius: 0.44444rem;
}
.socialPage .featurePhoto img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.socialPage .featurePhoto:hover {
  transition: all 0.5s;
  transform: scale(1.1);
  box-shadow: 0 0 2.22222rem rgba(0, 0, 0, 0.3);
}

.socialPage .featureCard {
  position: relative;
  z-index: 2;
  width: 44%;
  padding: 3.33333rem 3.33333rem 3.33333rem;
  box-sizing: border-box;
  border-radius: 0.44444rem;
  background: #fff;
  box-shadow: 0 1.22222rem 2.77778rem rgba(37, 74, 101, 0.08);

}
.socialPage .featureCard .quoteMark {
  position: absolute;
  top: -2.77778rem;
  left: 3.88889rem;
  font-size: 8.33333rem;
  font-family: Arial;
  font-weight: bold;
  color: #dab866;
}

.socialPage .featureCard h1 {
  font-size: 1.33333rem;
  font-weight: bold;
  color: #333;
}

.socialPage .featureCard p {
  margin-top: 1.66667rem;
  line-height: 1.66667rem;
  font-size: 0.88889rem;
  color: #666;
  text-align: justify;
  text-indent: 2em;
}


.socialPage .activityGrid {
  background: url(../images/zjpage/responsibility_bac2.png) bottom center no-repeat;
  background-size: 100% auto;
}
.socialPage .activityGrid .w1400 {
  position: relative;
}
.socialPage .activityGrid .more {
  margin-top: 4.44444rem;
}

.socialPage .activityCard {
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.5s;
  margin: 0;
  width: calc((100% - 4.44444rem) / 2);
  overflow: hidden;
  border-radius: 0.55556rem;
  background: #fff;
  opacity: 1;
}
.socialPage .activityCard:nth-child(1) {
  margin-top: 3.33333rem;
}
.socialPage .activityCard:nth-child(2n) {
  margin: 0;
}
.socialPage .activityCard:hover {
  transition: all 0.5s;
  box-shadow: 0 0 2.22222rem rgba(0, 0, 0, 0.1);
}
.socialPage .activityCard .activityPhoto {
  position: relative;
  height: 20.77778rem;
  border-radius: 0.55556rem;
  overflow: hidden;

}

.socialPage .activityCard .activityPhoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.socialPage .activityCard .activityPhoto span {
  position: absolute;
  left: 0;
  bottom:0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 2.22222rem 1.66667rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%);
  font-size: 1.33333rem;
  font-weight: bold;
  color: #fff;
}
.socialPage .activityCard p {
  padding: 1.44444rem 1.66667rem 1.77778rem;
  line-height: 1.66667rem;
  font-size: 0.88889rem;
  color: #666;
  text-align: justify;
  text-indent: 2em;
}
.socialPage .activityCard.is-hidden {
  display: none;
}
.socialPage .activityCard.is-appearing {
  opacity: 0;
  transform: translateY(2.22222rem);
}
.socialPage .activityCard.is-appearing.is-show {
  opacity: 1;
  transform: translateY(0);
}

.mobileMain .socialPage .fundRows {
  margin-top: 1.1rem;
}
.mobileMain .socialPage .fundRow, .mobileMain .socialPage .fundRow:nth-child(2) {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-top: 0;
}

.mobileMain .socialPage .fundRow + .fundRow, .mobileMain .socialPage .fundRow:nth-child(2) {
  margin-top: 1.5rem;
}

.mobileMain .socialPage .fundInfo {
  width: 100%;
}
.mobileMain .socialPage .fundInfo .fundLogo {
  padding-bottom: 0.7rem;
  border-bottom: 0.02rem solid #e5e5e5;
  width: 60%;
}
.mobileMain .socialPage .fundInfo .fundLogo img {
  max-width: 6rem;
  max-height: 2rem;
}

.mobileMain .socialPage .fundInfo p {
  margin: 0.7rem 0 1rem;
  line-height: 0.9rem;
  font-size: 0.54rem;
}

.mobileMain .socialPage .fundRow:nth-child(2) .fundInfo .fundLogo {
  justify-content: start;
  margin-left: 0;
}

.mobileMain .socialPage .fundPhoto {
  width: 100%;
  padding-top: 56.5%;
  border-radius: 0.18rem;
}
.mobileMain .socialPage .fundPhoto:hover {
  transform: scale(1);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.mobileMain .socialPage .responsibility {
  padding-top: 1.9rem;
  background-position: center top;
  background-size: auto 19rem;
}

.mobileMain .socialPage .responsibilityLead {
  margin-top: 0.8rem;
  line-height: 0.9rem;
  font-size: 0.54rem;
}

.mobileMain .socialPage .responsibilityFeature {
  flex-direction: column;
  align-items: stretch;
  margin-top: 0.95rem;
}

.mobileMain .socialPage .featurePhoto {
  order: 1;
  width: 100%;
  margin-left: 0;
  padding-top: 65.7%;
  border-radius: 0.18rem;
}
.mobileMain .socialPage .featurePhoto:hover {
  transform: scale(1);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.mobileMain .socialPage .featureCard {
  order: 2;
  width: 92%;
  margin: -0.62rem auto 0;
  padding: 1.5rem 0.8rem 1.1rem;
  border-radius: 0.2rem;
  box-shadow: 0 0.2rem 0.6rem rgba(37, 74, 101, 0.08);

}
.mobileMain .socialPage .featureCard .quoteMark {
  top: -0.82rem;
  left: 0.68rem;
  font-size: 3.22rem;
}

.mobileMain .socialPage .featureCard h1 {
  font-size: 0.6rem;
}

.mobileMain .socialPage .featureCard p {
  margin-top: 0.5rem;
  line-height: 0.9rem;
  font-size: 0.54rem;
}

.mobileMain .socialPage .activityGrid .w1400 {
  position: static;
  display: block;
  height: auto !important;
  padding-bottom:1rem;
}
.mobileMain .socialPage .activityGrid .more {
  margin-top: 1rem;
}

.mobileMain .socialPage .activityCard {
  position: static;
  width: 100%;
  margin: 1rem 0 0;
  border-radius: 0.2rem;

}
.mobileMain .socialPage .activityCard:first-child {
  margin-top: 0;
}
.mobileMain .socialPage .activityCard:hover {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.mobileMain .socialPage .activityCard .activityPhoto {
  height: 8.18rem;
  border-radius: 0.2rem;
}
.mobileMain .socialPage .activityCard .activityPhoto span {
  padding: 0.6rem 1rem;
  font-size: 0.6rem;
}

.mobileMain .socialPage .activityCard p {
  padding: 0.8rem 1rem;
  line-height: 0.9rem;
  font-size: 0.54rem;
}
.mobileMain .socialPage .activityCard.is-hidden {
  display: none;
}
.mobileMain .socialPage .activityCard.is-appearing {
  opacity: 0;
  transform: translateY(0.8rem);
}
.mobileMain .socialPage .activityCard.is-appearing.is-show {
  opacity: 1;
  transform: translateY(0);
}







/*===== 新闻中心 =====*/
.newsPage {
  color: #333;
  background: #fff;

}
.newsPage .newsHead {
  background:url(../images/zjpage/researchStrength_bac.jpg) center no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
}


.newsPage .newsHeadInner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.newsPage .newsHeadInner:hover .newsHeadPic {
  box-shadow: 0 0 2.22222rem rgba(0, 0, 0, 0.3);
}
.newsPage .newsHeadInner:hover .newsHeadPic img {
  transition: all 0.5s;
  transform: scale(1.06);
}
.newsPage .newsHeadInner:hover .newsHeadInfo h1 {
  color: #caa752;
}


.newsPage .newsHeadPic {
  position: relative;
  width: 50%;
  padding-top: 28.25%;
  overflow: hidden;
  border-radius: 0.55556rem;
  box-shadow: 0 1rem 2.33333rem rgba(56, 68, 82, 0.1);

}
.newsPage .newsHeadPic img {
  transition: all 0.5s;
  transform: scale(1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsPage .newsHeadInfo {
  margin-right: 3.25%;
  width: 40%;

}

.newsPage .newsHeadDate {
  color: #caa752;
  font-family: "DIN";
}
.newsPage .newsHeadDate b {
  line-height: 2.22222rem;
  font-size: 2rem;
  font-weight: bold;
}
.newsPage .newsHeadDate span {
  margin-top: 0.11111rem;
  line-height: 1.44444rem;
  font-size: 1.33333rem;
  font-weight: bold;
}

.newsPage .newsHeadInfo h1 {
  margin-top: 1.66667rem;
  max-height: 4.88889rem;
  line-height: 2.44444rem;
  font-size: 1.44444rem;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.newsPage .newsHeadInfo .text {
  margin: 2.22222rem 0 2.77778rem;
  max-height: 5rem;
  line-height: 1.66667rem;
  font-size: 0.88889rem;
  color: #666;
  text-align: justify;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.newsPage .newsGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3.66667rem;
  row-gap: 3.66667rem;
}


.newsPage .newsCard {
  position: relative;
  padding-bottom: 2.44444rem;
  border-bottom: 0.05556rem solid #e5e5e5;
  color: #333;
}
.newsPage .newsCard::before {
  transition: all 0.5s;
  position: absolute;
  bottom: -0.05556rem;
  left: 0;
  width: 0;
  height: 0.05556rem;
  content: "";
  background: #dab866;
}
.newsPage .newsCard .pic {
  transition: all 0.5s;
  transform: scale(1);
  height: 15.55556rem;
  overflow: hidden;
  border-radius: 0.55556rem;
}
.newsPage .newsCard .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}
.newsPage .newsCard .date {
  margin-top: 2rem;
  font-size: 1rem;
  font-family: "DIN";
  font-weight: bold;
  color: #caa752;
}
.newsPage .newsCard h2 {
  margin-top: 1.33333rem;
  max-height: 3.11111rem;
  line-height: 1.55556rem;
  font-size: 1rem;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.newsPage .newsCard:hover::before {
  transition: all 0.5s;
  width: 100%;
}
.newsPage .newsCard:hover h2 {
  color: #d9b865;
}
.newsPage .newsCard:hover .pic {
  transition: all 0.5s;
  transform: scale(1.06);
  box-shadow: 0 0 2.22222rem rgba(0, 0, 0, 0.2);
}

.mobileMain .newsPage .newsHeadInner {
  display: block;
}
.mobileMain .newsPage .newsHeadInner:hover {
  transform: scale(1);
}
.mobileMain .newsPage .newsHeadInner:hover .newsHeadPic {
  box-shadow: 0 0.25rem 0.62rem rgba(56, 68, 82, 0.12);
}
.mobileMain .newsPage .newsHeadPic {
  width: 100%;
  padding-top: 56.5%;
  border-radius: 0.2rem;
  box-shadow: 0 0.25rem 0.62rem rgba(56, 68, 82, 0.12);
}

.mobileMain .newsPage .newsHeadInfo {
  width: 100%;
  margin-top:0.8rem;
}

.mobileMain .newsPage .newsHeadDate b {
  line-height: 0.9rem;
  font-size: 0.78rem;
}

.mobileMain .newsPage .newsHeadDate span {
  margin-top:0.16rem;
  line-height: 0.6rem;
  font-size: 0.52rem;
}

.mobileMain .newsPage .newsHeadInfo h1 {
  margin-top: 0.6rem;
  max-height: 1.9rem;
  line-height: 0.95rem;
  font-size: 0.6rem;
}

.mobileMain .newsPage .newsHeadInfo .text {
  margin: 0.74rem 0 1.2rem;
  max-height: 2.4rem;
  line-height: 0.8rem;
  font-size: 0.5rem;
  -webkit-line-clamp: 3;
}
.mobileMain .newsPage .newsGrid {
  grid-template-columns: 1fr;
  row-gap: 1rem;
}
.mobileMain .newsPage .newsCard {
  padding-bottom: 0.8rem;
  border-bottom: 0.02rem solid #e5e5e5;
}
.mobileMain .newsPage .newsCard:hover .pic {
  transform: scale(1);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.mobileMain .newsPage .newsCard .pic {
  height:7.74rem;
  border-radius: 0.2rem;
}

.mobileMain .newsPage .newsCard .date {
  margin-top: 0.8rem;
  font-size: 0.52rem;
}

.mobileMain .newsPage .newsCard h2 {
  margin-top: 0.5rem;
  height: auto;
  max-height: 1.8rem;
  line-height: 0.9rem;
  font-size: 0.54rem;
}

.mobileMain .newsPage .newsPages {
  margin-top: 0.9rem;

}
.mobileMain .newsPage .newsPages a, .mobileMain .newsPage .newsPages span {
  width: 0.82rem;
  height: 0.82rem;
  margin: 0 0.06rem;
  border: 0.02rem solid #dfdfdf;
  line-height: 0.82rem;
  font-size: 0.34rem;
}

.mobileMain .newsPage .newsPages .pageArrow::after {
  width: 0.14rem;
  height: 0.14rem;
  border-top-width: 0.04rem;
  border-right-width: 0.04rem;
}


/*===== 视频中心 =====*/
.videoCenterPage .videoTitle {
  line-height: 2rem;
  font-size: 1.66667rem;
  font-weight: bold;
  color: #333;
  text-align: center;
}

.videoCenterPage .videoHero {
  background:url("../images/zjpage/researchStrength_bac.jpg") center no-repeat;
  background-size:cover;
}
.videoCenterPage .videoTopSwiper {
  padding-top:2.77778rem;
}
.videoCenterPage .videoTopSwiper .swiper-slide {
  transition: all 0.5s;
  margin: 0 4.9%;
  width:41.7%;
}
.videoCenterPage .videoTopSwiper .swiper-slide:hover {
  transform: scale(1.06);
  transition: all 0.5s;
}
.videoCenterPage .videoTopSwiper .swiper-slide:hover .videoTopItem {
  transition: all 0.5s;
  box-shadow: 0 0 1.66667rem rgba(0, 0, 0, 0.2);
}
.videoCenterPage .videoTopSwiper .swiper-slide .videoTopItem {
  transition: all 0.5s;
  position: relative;
  display: block;
  height: 23.69vw;
  overflow: hidden;
  border-radius: 0.55556rem;
  background: #ddd;
  cursor: pointer;
}
.videoCenterPage .videoTopSwiper .swiper-slide .videoTopItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.videoCenterPage .videoTopSwiper .swiper-slide .videoPlay {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3.44444rem;
  height: 3.44444rem;
  transform: translate(-50%, -50%);
  font-size: 0;
  color: rgba(255, 255, 255, 0);
  background: url(../images/zjpage/icon/i16.png) center no-repeat;
  background-size: 100% auto;
}
.videoCenterPage .videoTopSwiper .swiper-slide p {
  margin-top: 1.66667rem;
  line-height: 1.44444rem;
  font-size: 1rem;
  color: #333;
  text-align: center;
  opacity: 0;
  transition: all 0.5s;
  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

.videoCenterPage .videoTopSwiper .swiper-slide-active p {
  opacity: 1;
}

.videoCenterPage .videoTopArrow {
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  margin-top: -1.55556rem;
  z-index: 5;
  width: 2.77778rem;
  height: 2.77778rem;
  border-radius: 100%;
  background: #fff;
  cursor: pointer;
  transition: all 0.4s;


}
.videoCenterPage .videoTopArrow::before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border-left: 0.11111rem solid #d9b865;
  border-bottom: 0.11111rem solid #d9b865;
  content: "";
}

.videoCenterPage .videoTopArrow:hover {
  background: #d9b865;

}
.videoCenterPage .videoTopArrow:hover::before {
  border-color: #fff;
}

.videoCenterPage .videoTopPrev {
  left: calc(24.25% - 1.38889rem);
}
.videoCenterPage .videoTopPrev::before {
  margin: -0.27778rem 0 0 -0.16667rem;
  transform: rotate(45deg);
}

.videoCenterPage .videoTopNext {
  right: calc(24.25% - 1.38889rem);
}
.videoCenterPage .videoTopNext::before {
  margin: -0.27778rem 0 0 -0.38889rem;
  transform: rotate(-135deg);
}

.videoCenterPage .videoGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2.66667rem;
  row-gap:3.11111rem;
  margin-top:3.11111rem;
}


.videoCenterPage .videoCard {
  position: relative;
  border-bottom: 0.05556rem solid #e5e5e5;
}
.videoCenterPage .videoCard::before {
  transition: all 0.5s;
  position: absolute;
  bottom: -0.05556rem;
  left: 0;
  width: 0;
  height: 0.05556rem;
  content: "";
  background: #dab866;
}
.videoCenterPage .videoCard .pic {
  transition: all 0.5s;
  transform: scale(1);
  position: relative;
  height: 15.72222rem;
  overflow: hidden;
  border-radius: 0.55556rem;
  cursor: pointer;
}
.videoCenterPage .videoCard .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
}

.videoCenterPage .videoCard .pic .videoPlay {
  width: 3.33333rem;
  height: 3.33333rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0;
  color: rgba(255, 255, 255, 0);
  background: url(../images/zjpage/icon/i16.png) center no-repeat;
  background-size: 100% auto;
}

.videoCenterPage .videoCard h2 {
  margin: 1.77778rem 0 2.22222rem;
  line-height: 1.33333rem;
  font-size: 1rem;
  color: #333;
}

.videoCenterPage .videoCard:hover .pic {
  transition: all 0.5s;
  transform: scale(1.06);
  box-shadow: 0 0 1.66667rem rgba(0, 0, 0, 0.2);
}
.videoCenterPage .videoCard:hover::before {
  transition: all 0.5s;
  width: 100%;
}
.videoCenterPage .videoCard:hover h2 {
  color: #d9b865;
}




.mobileMain .videoCenterPage .videoTopSwiper {
  margin-top: 0.9rem;
  padding-top: 0rem;
}
.mobileMain .videoCenterPage .videoTopSwiper .swiper-slide {
  width:90%;
  margin: 0 5%;
}
.mobileMain .videoCenterPage .videoTopSwiper .swiper-slide:hover {
  transform: scale(1);
}
.mobileMain .videoCenterPage .videoTopSwiper .swiper-slide:hover .videoTopItem {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.mobileMain .videoCenterPage .videoTopSwiper .swiper-slide .videoTopItem {
  height:7.77rem;
  border-radius: 0.2rem;
  box-shadow: 0 0.16rem 0.46rem rgba(45, 68, 90, 0.12);
}

.mobileMain .videoCenterPage .videoTopSwiper .swiper-slide .videoPlay {
  width: 1.68rem;
  height: 1.68rem;
}
.mobileMain .videoCenterPage .videoTopSwiper .swiper-slide p {
  margin-top: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.54rem;
}

.mobileMain .videoCenterPage .videoTopSwiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.mobileMain .videoCenterPage .videoTopArrow {
  width: 1rem;
  height: 1rem;
  top: 50%;
  margin-top: -1.5rem;
  box-shadow: 0 0.08rem 0.24rem rgba(0, 0, 0, 0.08);

}
.mobileMain .videoCenterPage .videoTopArrow::before {
  width: 0.18rem;
  height: 0.18rem;
  border-left-width: 0.04rem;
  border-bottom-width: 0.04rem;
}

.mobileMain .videoCenterPage .videoTopPrev {
  left: 0.3rem;
}
.mobileMain .videoCenterPage .videoTopPrev::before {
  margin: -0.1rem 0 0 -0.06rem;
}

.mobileMain .videoCenterPage .videoTopNext {
  right: 0.3rem;
}
.mobileMain .videoCenterPage .videoTopNext::before {
  margin: -0.1rem 0 0 -0.14rem;
}
.mobileMain .videoCenterPage .videoGrid {
  grid-template-columns: 1fr;
  row-gap: 1.46rem;
  margin-top: 0.9rem;
}

.mobileMain .videoCenterPage .videoCard .pic {
  height:7.75rem;
  border-radius: 0.2rem;

}
.mobileMain .videoCenterPage .videoCard .pic .videoPlay {
  width: 1.68rem;
  height: 1.68rem;
}

.mobileMain .videoCenterPage .videoCard h2 {
  margin: 0.8rem 0;
  line-height: 0.8rem;
  font-size: 0.5rem;
}
.mobileMain .videoCenterPage .videoCard:hover::before {
  width:0;
}
.mobileMain .videoCenterPage .videoCard:hover h2 {
  color: #333;
}

.mobileMain .videoCenterPage .videoCard:hover .pic {
  transform: scale(1);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}


/*===== 招标采购 =====*/
.tenderPage .tenderFeatured {
  display: flex;
  align-items: center;
  border-radius: 0.55556rem;
  background: #f7f7f7;
}
.tenderPage .tenderFeatured:hover .tenderFeaturedPic img {
  transform: scale(1.1);
}
.tenderPage .tenderFeatured:hover .tenderFeaturedTitle h1 {
  color: #caa752;
}

.tenderPage .tenderFeaturedPic {
  width: 28.22222rem;
  height: 17.55556rem;
  border-radius: 0.55556rem;
  overflow: hidden;
  flex-shrink: 0;

}
.tenderPage .tenderFeaturedPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.tenderPage .tenderFeaturedInfo {
  flex: 1;
  padding:0 3.88889rem;
}

.tenderPage .tenderFeaturedTitle .tenderTag {
  margin-right: 0.88889rem;
  display: inline-block;
}
.tenderPage .tenderFeaturedTitle h1 {
  max-height: 4.44444rem;
  line-height: 2.22222rem;
  font-size: 1.33333rem;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.tenderPage .tenderFeaturedInfo .text {
  margin: 2.38889rem 0;
  max-height: 3.33333rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.66667rem;
  font-size: 0.88889rem;
  color: #666;
  text-align: justify;
}






.tenderPage .tenderTag {
  width: 5.55556rem;
  box-sizing: border-box;
  border: 0.05556rem solid #d9b75c;
  border-radius: 1.11111rem;
  line-height: 2.16667rem;
  font-size: 1rem;
  font-weight: bold;
  color: #caa752;
  text-align: center;
}

.tenderPage .tenderGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2.11111rem;
  row-gap: 5rem;
}

.tenderPage .tenderCard {
  position: relative;
  padding-bottom: 2.33333rem;
  box-sizing: border-box;
  border-bottom: 0.05556rem solid #e4e4e4;
  color: #333;
}
.tenderPage .tenderCard::before {
  transition: all 0.5s;
  position: absolute;
  bottom:-0.05556rem;
  left: 0;
  width: 0;
  height: 0.05556rem;
  content: "";
  background: #dab866;
}
.tenderPage .tenderCard:hover::before {
  transition: all 0.5s;
  width: 100%;
}
.tenderPage .tenderCard:hover h2 {
  color: #caa752;
}

.tenderPage .tenderMeta {
  display: flex;
  align-items: center;
  justify-content: space-between;

}
.tenderPage .tenderMeta em {
  font-size: 1rem;
  font-family: "DIN";
  color: #caa752;
}

.tenderPage .tenderCard h2 {
  margin-top: 3rem;
  max-height: 3.88889rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.94444rem;
  font-size: 1rem;
  font-weight: normal;
  color: #333;
  font-weight: bold;
  transition: all 0.5s;
}



.tenderPage .tenderPages {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5.27778rem;

}
.tenderPage .tenderPages a, .tenderPage .tenderPages span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.94444rem;
  height: 2.94444rem;
  margin: 0 0.44444rem;
  box-sizing: border-box;
  border: 0.05556rem solid #dfdfdf;
  border-radius: 50%;
  line-height: 2.94444rem;
  font-size: 1.22222rem;
  font-family: Arial, sans-serif;
  color: #999;
  transition: all 0.4s;
}

.tenderPage .tenderPages .pageNum:hover, .tenderPage .tenderPages .pageNum.cur, .tenderPage .tenderPages .pageArrow:hover, .tenderPage .tenderPages .pageArrow.prev {
  border-color: #d9b75c;
  background: #d9b75c;
  color: #fff;
}

.tenderPage .tenderPages .pageArrow {
  position: relative;

}
.tenderPage .tenderPages .pageArrow::after {
  width: 0.5rem;
  height: 0.5rem;
  border-top: 0.11111rem solid currentColor;
  border-right: 0.11111rem solid currentColor;
  content: "";
}

.tenderPage .tenderPages .pageArrow.prev::after {
  margin-left: 0.22222rem;
  transform: rotate(-135deg);
}

.tenderPage .tenderPages .pageArrow.next::after {
  margin-right: 0.22222rem;
  transform: rotate(45deg);
}

.mobileMain .tenderPage .tenderFeatured {
  display: block;
  border-radius: 0.2rem;
}
.mobileMain .tenderPage .tenderFeaturedPic {
  width: 100%;
  height: 7.8rem;
  border-radius: 0.2rem;
}

.mobileMain .tenderPage .tenderFeaturedInfo {
  padding: 1.3rem 0.7rem;
}
.mobileMain .tenderPage .tenderFeaturedTitle {
  display: block;
}
.mobileMain .tenderPage .tenderFeaturedTitle .tenderTag {
  margin-right: 0.4rem;
}
.mobileMain .tenderPage .tenderFeaturedTitle h1 {
  max-height: 2rem;
  line-height: 1rem;
  font-size: 0.6rem;
  -webkit-line-clamp: 2;
}

.mobileMain .tenderPage .tenderFeaturedInfo .text {
  margin: 0.7rem 0 1.2rem;
  max-height: 2.4rem;
  line-height: 0.8rem;
  font-size: 0.5rem;
}
.mobileMain .tenderPage .tenderTag {
  width: 2.11rem;
  border-width: 0.02rem;
  border-radius: 0.82rem;
  line-height: 0.82rem;
  font-size: 0.48rem;
}

.mobileMain .tenderPage .tenderGrid {
  grid-template-columns: 1fr;
  row-gap: 1.3rem;
}

.mobileMain .tenderPage .tenderCard {
  padding-bottom: 1.4rem;
  border-bottom-width: 0.02rem;

}
.mobileMain .tenderPage .tenderCard::before {
  bottom: -0.02rem;
  height: 0.02rem;
}

.mobileMain .tenderPage .tenderMeta em {
  font-size: 0.48rem;
}

.mobileMain .tenderPage .tenderCard h2 {
  margin-top: 0.8rem;
  max-height: 2rem;
  line-height: 1rem;
  font-size: 0.6rem;
}


/*===== 投资者关系 =====*/
.investorPage .investorNotice .title {
  margin-bottom: 3.88889rem;
}
.investorPage .investorMarket {
  background: #f4f4f4;
}
.investorPage .marketBox {
  display: flex;
  border-radius: 0.55556rem;
  overflow: hidden;
  background: #fff;
}

.investorPage .stockCard {
  position: relative;
  width: 16.66667rem;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 5rem 2.77778rem;
  color: #fff;
  background: url("../images/zjpage/stockCard_bac.jpg") center no-repeat;
  background-size: cover;
}
.investorPage .stockCard h1 {
  font-size: 1.66667rem;
  font-weight: bold;
}
.investorPage .stockCard p {
  margin-top: 3.11111rem;
  font-size: 1.22222rem;
}
.investorPage .stockCard b {
  margin-top: 1.11111rem;
  font-size: 2rem;
  font-family: "DIN";
  font-weight: bold;
}

.investorPage .stockPanel {
  width: calc(100% - 3.33333rem - 16.66667rem);
  margin: 1.66667rem;
  overflow-x: auto;
}
.investorPage .stockPanel iframe {
  width: 100%;
}
.investorPage .investorTabs {
  margin-bottom: 3.88889rem;
  display: flex;
  justify-content: center;
  align-items: center;

}
.investorPage .investorTabs a {
  margin: 0 1.38889rem;
  font-size: 1.66667rem;
  font-weight: bold;
  color: #999;
  transition: all 0.5s;
  cursor: pointer;
}
.investorPage .investorTabs a.cur, .investorPage .investorTabs a:hover {
  color: #333;
}
.investorPage .tab_next .next {
  display: none;
}
.investorPage .tab_next .next.cur {
  display: block;
  visibility: visible;
  animation-name: fadeInUp150;
  animation-duration:1s;
  animation-fill-mode:both
}
.investorPage .noticeList {
  margin-bottom: 3.77778rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem 2.72222rem;
}

.investorPage .noticeCard {
  position: relative;
  box-sizing: border-box;
  padding: 2.22222rem 2.77778rem;
  border-radius: 0.55556rem;
  overflow: hidden;
  color: #333;
  transition: all 0.5s;
  background:#f8f8f8 url("../images/zjpage/icon/i19.png") right 1.66667rem bottom no-repeat;
  background-size: 10.72222rem auto;
}
.investorPage .noticeCard em {
  font-size: 1rem;
  font-family: "DIN";
  color: #999;
}
.investorPage .noticeCard h2 {
  margin-top: 1.11111rem;
  height: 3.33333rem;
  line-height: 1.66667rem;
  font-size: 1rem;
  font-weight: normal;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: bold;
}

.investorPage .noticeCard span {
  margin-top: 1.66667rem;
  width: 7.55556rem;
  height: 2.61111rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius:2.61111rem;
  background: #e1bd5e;
  line-height: 2.61111rem;
  font-size: 0.88889rem;
  font-weight: bold;
  color: #fff;
  transition: all 0.5s;
}

.investorPage .noticeCard:hover {
  transform: translateY(-0.44444rem);
  box-shadow: 0 1rem 2.11111rem rgba(50, 50, 50, 0.08);

}
.investorPage .noticeCard:hover h2 {
  color: #caa752;
}

.investorPage .noticeCard:hover span {
  background: #caa752;
}

.investorPage .investorContact {
  background: url("../images/zjpage/investorContact_bac.jpg") center no-repeat;
  background-size: cover;
}
.investorPage .investorContact .w1600 {
  display: flex;
  justify-content: flex-end;
}

.investorPage .contactCard {
  width: 37.33333rem;
  box-sizing: border-box;
  padding: 3.88889rem 4.11111rem;
  border: 0.05556rem solid rgba(255, 255, 255, 0.42);
  border-radius: 0.44444rem;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  backdrop-filter: blur(0.22222rem);

}
.investorPage .contactCard h2 {
  margin-bottom: 3rem;
  font-size: 1.66667rem;
  font-weight: bold;
}

.investorPage .contactItem {
  display: flex;
  align-items: flex-start;
  margin-top: 1.44444rem;

}
.investorPage .contactItem:first-of-type {
  margin-top: 0;
}
.investorPage .contactItem img {
  width: 1.38889rem;
  height: 1.38889rem;
  margin:0 0.88889rem 0 0;
}
.investorPage .contactItem p {
  line-height: 1.66667rem;
  font-size: 1.11111rem;
  color: #fff;
}
.investorPage .contactItem b {
  margin-top: 0.83333rem;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
}



.mobileMain .investorNotice .title {
  margin-bottom:0.9rem;
}
.mobileMain .investorPage .marketBox {
  display: block;
  min-height: auto;
  border-radius: 0.2rem;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0.18rem 0.5rem rgba(50, 50, 50, 0.06);
}

.mobileMain .investorPage .stockCard {
  width: 100%;
  padding: 1.4rem 1.2rem;
  background-image: url(../images/zjpage/mobile/stockCard_bac.jpg);
}
.mobileMain .investorPage .stockCard h1 {
  font-size: 0.75rem;
}
.mobileMain .investorPage .stockCard p {
  margin-top: 1rem;
  font-size: 0.5rem;
}
.mobileMain .investorPage .stockCard b {
  margin-top: 0.2rem;
  font-size: 0.82rem;
}

.mobileMain .investorPage .stockPanel {
  margin: 0.3rem;
  width: calc(100% - 0.6rem);
}
.mobileMain .investorPage .stockPanel iframe {
  width: 100%;
  height: 20rem !important;
}

.mobileMain .investorPage .investorTabs {
  margin-bottom: 1rem;
  justify-content: space-between;
}
.mobileMain .investorPage .investorTabs a {
  flex: 1;
  margin: 0;
  font-size: 0.75rem;
  text-align: center;
}

.mobileMain .investorPage .noticeList {
  grid-template-columns: 1fr;
  gap: 1.1rem;
  margin-bottom: 1rem;
}

.mobileMain .investorPage .noticeCard {
  padding: 1.1rem 0.7rem;
  border-radius: 0.2rem;
  background-position: right 0.5rem bottom ;
  background-size: 5.3rem auto;
  box-shadow: 0 0.12rem 0.36rem rgba(50, 50, 50, 0.04);

}
.mobileMain .investorPage .noticeCard em {
  font-size: 0.5rem;
}

.mobileMain .investorPage .noticeCard h2 {
  margin-top: 0.6rem;
  height: auto;
  max-height: 1.6rem;
  line-height: 0.8rem;
  font-size: 0.6rem;
}

.mobileMain .investorPage .noticeCard span {
  margin-top: 0.8rem;
  width: 3.6rem;
  height: 1.3rem;
  border-radius: 1.3rem;
  line-height: 1.3rem;
  font-size: 0.48rem;
}

.mobileMain .investorPage .noticeCard:hover {
  transform: none;
  box-shadow: none;

}
.mobileMain .investorPage .noticeCard:hover h2 {
  color: #333;
}

.mobileMain .investorPage .investorMore {
  margin-top: 1.15rem;

}
.mobileMain .investorPage .investorMore i {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.36rem;

}
.mobileMain .investorPage .investorMore i::after {
  width: 0.14rem;
  height: 0.14rem;
  margin: -0.07rem 0 0 -0.07rem;
}

.mobileMain .investorPage .investorMore p {
  line-height: 0.56rem;
  font-size: 0.42rem;
}

.mobileMain .investorPage .investorContact .w1600 {
  display: block;
}

.mobileMain .investorPage .contactCard {
  width: 100%;
  padding: 1.5rem;
  border-width: 0.02rem;
  border-radius: 0.2rem;
}
.mobileMain .investorPage .contactCard h2 {
  margin-bottom: 0.7rem;
  font-size: 0.75rem;
}

.mobileMain .investorPage .contactItem {
  margin-top: 0.6rem;

}
.mobileMain .investorPage .contactItem img {
  width: 0.71rem;
  height: 0.71rem;
  margin:0 0.32rem 0 0;
  flex-shrink: 0;
}

.mobileMain .investorPage .contactItem p {
  line-height: 0.71rem;
  font-size: 0.48rem;
}

.mobileMain .investorPage .contactItem b {
  margin-top: 0.1rem;
  font-size: 0.53rem;
}


/* 站点地图*/
.zdMap {
  margin-top: 2.22222rem;
  font-size: 0.88889rem;
  color: #333;
  line-height: 1.66667rem;
}
.zdMapList {
  margin-top: 2.77778rem;
}
.zdMapTitle {
  font-size: 1.22222rem;
  font-weight: bold;
  color: #333;
}
.zdMapCont {
  display: flex;
  flex-wrap: wrap;
}
.zdMapContList {
  width: calc((100% - 5rem) / 4);
  margin-left: 1.66667rem;
  padding: 1.11111rem 0;
  text-align: center;
  background: #ececec;
  margin-top: 1.66667rem;
  color: #333;
  transition: all 0.5s;
  border-radius: 0.55556rem;
}
.zdMapContList:nth-child(4n+1) {
  margin-left: 0;
}
.zdMapContList:hover {
  background: #dab866;
  color: #fff;
}
.mobileMain .zdMap {
  margin-top: 0.9rem;
  font-size: 0.52rem;
  line-height: 1rem;
}
.mobileMain .zdMapList {
  margin-top: 1rem;
}
.mobileMain .zdMapTitle {
  font-size: 0.6rem;
}
.mobileMain .zdMapContList {
  width: calc((100% - 0.6rem) / 2);
  margin-left: 0.6rem;
  margin-top: 0.6rem;
  padding: 0.4rem 0;
  font-size: 0.56rem;
  border-radius: 0.2rem;
}
.mobileMain .zdMapContList:nth-child(2n+1) {
  margin-left: 0;
}

/*===== 智能制造 =====*/
.Intelligence .smartIntro {
  background: url(../images/zjpage/smartIntro_bac.png) top center no-repeat;
  background-size: 100% auto;
}
.Intelligence .smartDesc {
  width: 88%;
  margin: 0 auto;
}
.Intelligence .smartDesc p {
  line-height: 2.33333rem;
  font-size: 1rem;
  color: #555;
  text-indent: 2em;
}
.Intelligence .smartDesc p em {
  display: inline-block;
  font-weight: bold;
  text-indent: 0;
}

.Intelligence .smartStats {
  display: flex;
  justify-content: space-between;
  margin: 4.66667rem auto 0;
  width: 88%;
}

.Intelligence .smartStat .num {
  display: flex;
  line-height: 3rem;
  font-size: 2.66667rem;
  font-family: "DIN";
  font-weight: bold;
  color: #dab866;
  letter-spacing: 0;

}
.Intelligence .smartStat .num sup {
  margin-left: 0.44444rem;
  line-height: 1.11111rem;
  font-size: 2rem;
  font-weight: bold;
}
.Intelligence .smartStat .num em {
  margin:1.55556rem 0 0 0.44444rem;
  line-height: 1.11111rem;
  font-size: 0.88889rem;
  font-weight: bold;
  color: #666;
}

.Intelligence .smartStat p {
  margin-top: 0.44444rem;
  font-size: 0.88889rem;
  color: #333;
}

.Intelligence .smartHonor {
  padding-bottom: 4.44444rem;
  margin: 6.66667rem auto 0;
  background: url(../images/zjpage/smartIntro_bac2.png) bottom center no-repeat;
  background-size: 100% auto;
}
.Intelligence .smartHonor .listImg {
  display: flex;
  justify-content: space-between;
  width: 66.66667rem;
  margin: 0 auto;
}
.Intelligence .smartHonor .pic {
  display: flex;
  align-items: end;
  justify-content: center;
  width:20.38889rem;
  height: 14.05556rem;
}
.Intelligence .smartHonor .pic img {
  max-width: 100%;
  max-height: 100%;
}


.Intelligence .workshopCard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4.44444rem;
  padding: 2.05556rem 2.05556rem 2.05556rem 5rem;
  border-radius: 0.55556rem;
  box-sizing: border-box;
  background: #f8f8f8;
}
.Intelligence .workshopCard:first-child {
  margin-top: 0;
}
.Intelligence .workshopCard:nth-child(2n) {
  flex-direction: row-reverse;
  padding-right: 5rem;
  padding-left: 2.05556rem;
}
.Intelligence .workshopCard:nth-child(2n) .workshopText {
  margin:0 0 0 5rem;
}

.Intelligence .workshopText {
  flex: 1;
  margin-right: 5rem;

}
.Intelligence .workshopText h2 {
  font-size: 1.77778rem;
  font-weight: bold;
  color: #333;
}

.Intelligence .workshopText p {
  margin-top: 2.22222rem;
  line-height: 1.66667rem;
  font-size: 0.88889rem;
  color: #666;
  text-align: justify;
  text-indent: 2em;
}

.Intelligence .workshopPic {
  flex-shrink: 0;
  position: relative;
  width: 31.11111rem;

  border-radius: 0.55556rem;
  overflow: hidden;
}
.Intelligence .workshopPic .swiper-slide {
  width: 100%;
  height: 20.27778rem;
}

.Intelligence .workshopPic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Intelligence .workshopPicPagination {
  position: absolute;
  left: 0;
  bottom: 1rem;
  z-index: 4;
  display: flex;
  justify-content: center;
  width: 100%;

}
.Intelligence .workshopPicPagination .swiper-pagination-bullet {
  opacity: 1;
  width: 0.44444rem;
  height: 0.44444rem;
  margin: 0 0.27778rem;
  background: rgba(255, 255, 255, 0.68);
}

.Intelligence .workshopPicPagination .swiper-pagination-bullet-active {
  width: 1.66667rem;
  border-radius: 0.44444rem;
  background: #dab866;
}

.mobileMain .Intelligence .smartIntro {
  background-image: url(../images/zjpage/mobile/smartIntro_bac.png);
}
.mobileMain .Intelligence .smartDesc {
  width: 100%;
}
.mobileMain .Intelligence .smartDesc p {
  line-height: 1rem;
  font-size: 0.54rem;
}

.mobileMain .Intelligence .smartStats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 1.5rem;
  width: 100%;
  margin-top: 1.1rem;
}


.mobileMain .Intelligence .smartStat .num {
  display: flex;
  justify-content: center;
  line-height: 1.5rem;
  font-size: 1.28rem;

}
.mobileMain .Intelligence .smartStat .num sup {
  margin-left: 0.2rem;
  line-height:1rem;
  font-size: 1rem;
}
.mobileMain .Intelligence .smartStat .num em {
  margin: 0.7rem 0 0 0.2rem;
  line-height: 0.6rem;
  font-size: 0.5rem;
}

.mobileMain .Intelligence .smartStat p {
  margin-top: 0.5rem;
  font-size: 0.5rem;
  text-align: center;
}

.mobileMain .Intelligence .smartHonor {
  width: 100%;
  padding-bottom:0.8rem;
  margin-top: 1.3rem;
  background-image: url(../images/zjpage/mobile/smartIntro_bac2.png);
}
.mobileMain .Intelligence .smartHonor .listImg {
  width: 95%;
}
.mobileMain .Intelligence .smartHonor .pic {
  width: 31%;
  height: 2.8rem;
}
.mobileMain .Intelligence .smartHonor .pic img {
  max-width: 100%;
  max-height: 100%;
}
.mobileMain .Intelligence .workshopCard, .mobileMain .Intelligence .workshopCard:nth-child(2n) {
  flex-wrap: wrap;
  margin-top:1rem;
  padding: 0.5rem;
  border-radius: 0.2rem;
}
.mobileMain .Intelligence .workshopCard:first-child, .mobileMain .Intelligence .workshopCard:nth-child(2n):first-child {
  margin-top: 0;
}
.mobileMain .Intelligence .workshopCard .workshopText, .mobileMain .Intelligence .workshopCard:nth-child(2n) .workshopText {
  order: 2;
  width: 100%;
  margin: 0;
}

.mobileMain .Intelligence .workshopCard .workshopPic, .mobileMain .Intelligence .workshopCard:nth-child(2n) .workshopPic {
  order: 1;
  width: 100%;
  margin-bottom: 1.1rem;
  border-radius: 0.2rem;
}
.mobileMain .Intelligence .workshopCard .workshopPic .swiper-slide, .mobileMain .Intelligence .workshopCard:nth-child(2n) .workshopPic .swiper-slide {
  height: 6.7rem;
}

.mobileMain .Intelligence .workshopPicPagination {
  bottom: 0.32rem;

}
.mobileMain .Intelligence .workshopPicPagination .swiper-pagination-bullet {
  width: 0.16rem;
  height: 0.16rem;
  margin: 0 0.1rem;
}

.mobileMain .Intelligence .workshopPicPagination .swiper-pagination-bullet-active {
  width: 0.62rem;
  border-radius: 0.16rem;
}

.mobileMain .Intelligence .workshopText h2 {
  line-height: 0.9rem;
  font-size: 0.6rem;
}

.mobileMain .Intelligence .workshopText p {
  margin-top: 0.55rem;
  line-height:0.9rem;
  font-size: 0.54rem;
}

