.vrv-mobile-page {
  display: none;
}

@media (min-width: 75rem) {
  .container {
    max-width: 93.75rem;
  }
}

@media (max-width: 37.5rem) {
  body {
    min-width: initial;
  }

  .container {
    max-width: initial;
  }

  .vrv-page {
    display: none;
  }

  .vrv-mobile-page {
    position: relative;
    display: block;
    height: 100vh;
  }
}

.an-header-section {
  min-width: 93.75rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: #fff;
}
.banner-padding {
  padding-top: 5.625rem;
}
.header-hover {
  position: absolute;
  left: 0;
  top: 5.625rem;
  display: block;
  width: 100%;
  background-color: #fff;
  z-index: 999;
}

.tab-pane {
  padding: 2.0625rem;
}

.header-section {
  padding-top: .625rem;
  height: 5.625rem;
  padding: 0 6.25rem;
  display: flex;
  flex-direction: column;
}

.header-section-info {
  margin-top: .5rem;
  display: flex;
  justify-content: space-between;
  font-size: .75rem;
  color: rgb(71, 71, 71);
}

.header-i1 span:nth-of-type(1) {
  margin-right: .625rem;
}

.header-i2 span:nth-of-type(2) {
  font-size: .9375rem;
  font-weight: bold;
  color: #ff7e00;
}

.header-section-navs {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}


.header-logo {
  height: 100%;
}

.header-navbar {
  flex: 1;
  display: flex;
  justify-content: center;
  font-size: .9375rem;
  color: #ff7e00;
}

.nav-selected {
  border-bottom: .15rem solid #ff7e00;
}

.head-nav-item {
  margin: 0 2.125rem;
  font-size: 1.05rem;
  font-weight: bold;
  text-decoration: none;
  /* 去掉下划线 */
  color: inherit;
  /* 使用父元素的颜色 */
  cursor: pointer;
}

/* 可选：根据需要添加更多样式 */
.head-nav-item:hover,
.head-nav-item:focus {
  color: inherit;
  /* 使用父元素的颜色 */
  outline: none;
  /* 去掉焦点时的轮廓 */
  text-decoration: none;
  /* 去掉下划线 */
}

.header-search {
  width: 12.5rem;
}

.form-control {
  border: .0625rem solid #ff7e00;
}

.input-search-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.input-group-append {
  padding: 0 .625rem;
  background-color: #ff7e00;
  border-radius: .125rem;
  cursor: pointer;
}

.card-figure {
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-figure span:nth-of-type(2) {
  margin: 0 0 1.25rem .375rem;
}

.card-figure-year {
  font-size: 1rem;
  font-weight: bold;
}

.an-three-box {
  margin-bottom: 3.125rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.three-box-content {
  height: 31rem;
}

.three-box-more {
  margin: auto;
  margin-top: 2.5rem;
  width: 8.125rem;
  padding: .25rem;
  border-radius: 1.875rem;
  font-size: 1.125rem;
  /* background-color: #ff7e00; */
  cursor: pointer;
  color: #fff;
  background: linear-gradient(to left, #e4662c, #ff9e01);
}

#threeContent,
#sixContent{
  margin: auto;
  height: 100%;
  width: 64.8125rem;
}
#nineContent, #nineContent2 {
  height: 100%;
  width: 100%;
}

#threeContent {
  margin: 0 auto;
  width: 37rem;
}

#threeContent canvas {
  margin-left: .625rem;
}

.an-six-box {
  padding-top: 3.125rem;
  height: 56.25rem;
  background: url("/styles/static/image/sixBack.png");
  background-size: cover;
  background-position: bottom -14rem right 16rem;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.six-display-flex {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.six-flex1 {
  /* margin-left: 3.125rem; */
  /* flex: 1; */
  /* background-color: pink; */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.six-flex1 .six-headline {
  margin-bottom: 2.5rem;
  font-size: 2.125rem;
  font-weight: bold;
  text-align: center;
  color: orange;
}

.six-flex1 ul {
  list-style: none;
  font-size: 1.25rem;
}

.six-flex1 ul li {
  width: 12.5rem;
  height: 2.25rem;
  /* margin: 0 auto; */
  margin-bottom: .75rem;
  padding: .125rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0rem 0rem .375rem rgba(0, 0, 0, .12);
  color: #ffffffcf;
  /* background-color: #011659; */
  border-radius: .125rem;
  cursor: pointer;
  background: #011659 url('/styles/static/image/selectBg.png') no-repeat center / cover;
}

.six-ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.six-lis {
  display: flex;
  justify-content: center;
}

.six-li-cen {
  margin: 0 6.25rem;
}

.six-actived {
  /* background: linear-gradient(to bottom, #e4662c, #ff9e01); */
  background: linear-gradient(to bottom, #e4662c, #ff9e01),
    url('/styles/static/image/selectBg.png') no-repeat center/cover !important;
}

.six-flex2 {
  height: 40rem;
  min-width: 70rem;
}

.right-icon {
  width: 1rem;
  height: 1rem;
}

.an-plan-box {
  height: 59rem;
  padding-top: 6.25rem;
  /* padding-bottom: 4rem; */
  background-color: #030041;
  display: flex;
  flex-direction: column;
  background-image: url("/styles/static/image/planBack.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.new-plan-box {
  position: relative;
  flex: 1;
  overflow: hidden;
}

.new-plan-item {
  position: absolute;
  width: 12rem;
  cursor: pointer;
}
.new-plan-item-name {
  position: absolute;
  left: 0;
  bottom: 2rem;
  width: 12rem;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.new-plan-item:nth-of-type(1) {
  left: 39rem;
  top: 1rem;
}
.new-plan-item:nth-of-type(2) {
  right: 39rem;
  top: 1rem;
}
.new-plan-item:nth-of-type(3) {
  left: 22rem;
  top: 14rem;
}
.new-plan-item:nth-of-type(4) {
  right: 22rem;
  top: 14rem;
}
.new-plan-item:nth-of-type(5) {
  left: 39rem;
  top: 29rem;
}
.new-plan-item:nth-of-type(6) {
  right: 39rem;
  top: 29rem;
}
.plan-active {
  color: orange;
}
.new-plan-details {
  position: absolute;
  left: calc(50% - 9rem);
  top: 14rem;
  width: 18rem;
}
.new-plan-details-click {
  position: absolute;
  left: 0;
  top: 0;
  width: 18rem;
  height: 3.4rem;
  z-index: 2;
  cursor: pointer;
}
/* 新闻中心 */
.an-news-box {
  /* height: 31.25rem; */
  padding-top: 6.25rem;
  padding-bottom: 4rem;
  display: flex;
  flex-direction: column;
  background-image: url("/styles/static/image/newsBakc.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.news-flex1 {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.news-navs {
  display: flex;
  color: #fff;
  font-size: 1.125rem;
}

.news-nav-item {
  padding: .375rem 0;
  margin-bottom: 2.5rem;
  margin-right: 7.1875rem;
  cursor: pointer;
  font-weight: bold;
}

.news-active {
  border-bottom: .1875rem solid #ff7e00;
}

.news-content {
  flex: 1;
  display: flex;
}

.news-item-time {
  flex-shrink: 0;
  margin-right: 3.125rem;
  font-size: 1.375rem;
  color: #fff;
}

.news-item-titleContent {
  flex: 1;
  overflow: hidden;
}

.news-item-title {
  font-size: 1.0625rem;
  color: #ff6f00;
  white-space: nowrap;
  /* 防止文本换行 */
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 使用省略号表示被截断的文本 */
}

.news-item-content {
  margin-top: 1.25rem;
  padding: .125rem 0 0 .875rem;
  font-size: .8125rem;
  color: #fff;
  border-left: .0625rem solid #fff;
  display: -webkit-box;
  /* 使用flexbox进行布局 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 2;
  /* 限制文本显示的行数 */
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 使用省略号表示被截断的文本 */
}

.news-more {
  padding: .25rem;
  margin: 1.25rem auto;
  width: 6.25rem;
  font-size: .875rem;
  text-align: center;
  color: #fff;
  background: linear-gradient(to bottom, #e4662c, #ff9e01);
  border-radius: .125rem;
  cursor: pointer;
}

.news-main {
  /* flex: 2; */
  width: 37.5rem;
  margin-right: 6.25rem;
  display: flex;
  flex-direction: column;
}

.news-picture {
  /* flex: 1; */
  height: 17.125rem;
  padding: .625rem;
  background: linear-gradient(to bottom, #e4662c, #ff9e01);
}

.news-subord {
  flex: 3;
  display: flex;
  flex-direction: column;
  color: #fff;
  overflow: hidden;
}

.news-subord-item {
  padding: 2.5rem 1.875rem 1.875rem 0rem;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: end;
  border-bottom: .0625rem solid #fff;
  cursor: pointer;
}

.news-subord-item:hover .subord-title {
  font-size: 1.25rem;
  color: #ff7e00;
}

.news-subord-item:hover .subord-title::after {
  line-height: 1.25rem;
}

.news-subord-item:hover .subord-time {
  background: linear-gradient(to bottom, #e4662c, #ff9e01);
}

.news-subord-item:nth-of-type(1) {
  padding-top: 0;
}

.news-item {
  margin-top: 1.625rem;
  height: 6.25rem;
  display: flex;
  cursor: pointer;
}

.subord-titleContent {
  margin-right: 3.75rem;
  flex: 1;
  overflow: hidden;
}

.subord-title {
  padding-left: 1.875rem;
  position: relative;
  font-size: 1.0625rem;
  color: #fff;
  white-space: nowrap;
  /* 防止文本换行 */
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 使用省略号表示被截断的文本 */
  line-height: 1.875rem;
}

.subord-title::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "·";
  font-size: 3.75rem;
  /*line-height: .875rem;*/
  line-height: 1.25rem;
}

.subord-highlight-title {
  font-size: 1.25rem;
  color: #ff7e00;
}

.subord-highlight-title::after {
  line-height: 1.25rem;
}

.subord-content {
  margin-top: 1rem;
  font-size: .8125rem;
  display: -webkit-box;
  /* 使用flexbox进行布局 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 2;
  /* 限制文本显示的行数 */
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 使用省略号表示被截断的文本 */
}

.subord-time {
  flex-shrink: 0;
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  cursor: pointer;
}

.an-link-box {
  /* height: 31.25rem; */
  padding-top: 6.25rem;
  display: flex;
  flex-direction: column;
  background-image: url("/styles/static/image/linkBack.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.link-box {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.link-box .carousel-control-prev {
  left: -9.375rem;
}

.link-box .carousel-control-next {
  right: -9.375rem;
}

.link-box-profession {
  margin-bottom: .9375rem;
  height: 1.875rem;
  line-height: 1.875rem;
  color: #fff;
  font-weight: bold;
  font-size: 1.125rem;
  /* 设置左上角圆角 */
  border-top-left-radius: .875rem;
  /* 设置右上角圆角 */
  border-top-right-radius: .875rem;
  /* background-image: url(/styles/static/image/profession.png);
  background-position: center;
  background-repeat: no-repeat; */
  background: linear-gradient(to bottom, #e4662c, #ff9e01);
  text-align: center;
}

.link-box-tips {
  line-height: 10rem;
  text-align: right;
  color: #fff;
}

.page-bottom {
  height: 16.875rem;
  padding: 0 6.25rem;
  display: flex;
  flex-direction: column;
}

.page-bottom-navigation {
  flex: 1;
  /* padding-top: 1.25rem; */
  display: flex;
  align-items: center;
}

.navigation-logo {
  margin-top: 2.5rem;
  margin-right: 2.5rem;
  height: 6.25rem;
  width: 12.5rem;
  position: relative;
}

.navigation-other-title {
  line-height: 2.5rem;
}

.navigation-other {
  /* flex: 1; */
  position: relative;
  margin: 0 auto;
  padding: 0 1.25rem;
  padding-left: 5rem;
  font-size: .9375rem;
}

.navigation-other::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: .625rem;
  width: .0625rem;
  height: 4.375rem;
  background-color: gray;
}

.navigation-other::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: .625rem;
  width: .0625rem;
  height: 4.375rem;
  background-color: gray;
}

.other-navs {
  display: flex;
}

.other-nav-item {
  width: 7.5rem;
  margin: .625rem 0;
  color: rgb(15 24 55);
  cursor: pointer;
}

.other-nav-item:hover {
  color: #ff7e00;
}

.navigation-qrcode {
  flex-shrink: 0;
  margin-top: 2.5rem;
  padding-left: 2.5rem;
  width: 22.5rem;
  display: flex;
}

.bxy-qrcode {
  margin-right: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bxy-qrcode-img {
  height: 6.25rem;
}

.bxy-qrcode-text {
  color: gray;
  font-size: .8125rem;
  line-height: 2.5rem;
}

.page-bottom-record {
  padding: .625rem 0;
  margin-bottom: 1.875rem;
  font-size: .875rem;
  color: gray;
  border-top: .0625rem solid gray;
  border-bottom: .0625rem solid gray;
  cursor: pointer;
}

.page-bottom-record span:nth-of-type(1) {
  margin-right: .625rem;
}

.page-bottom-record span:nth-of-type(2) {
  margin-right: 1.25rem;
}

.page-bottom-record span:nth-of-type(3) {
  margin-right: 2.5rem;
}

.page-bottom-record span:nth-of-type(4) {
  margin-right: 2.5rem;
  position: relative;
}

.page-bottom-record span:nth-of-type(4)::before {
  content: "";
  position: absolute;
  right: -1.25rem;
  top: 0;
  transform: translateY(50%);
  width: .0625rem;
  height: .625rem;
  background-color: gray;
}

.pane-flex {
  display: flex;
}

.tab-pane-content {
  width: 68.75rem;
  margin: auto;
}

.tab-pane-column1 {
  margin-right: .4375rem;
  width: 9.3125rem;
  height: max-content;
  min-height: 22.5rem;
  border-right: .0625rem solid rgba(0, 0, 0, 0.05);
}

.tab-pane-column1-title {
  line-height: 1.875rem;
  font-size: .875rem;
  font-weight: bold;
  cursor: pointer;
}

.tab-pane-column1-item {
  padding-right: .25rem;
  font-size: .75rem;
  line-height: 1.3125rem;
  padding-bottom: .1875rem;
  cursor: pointer;
}

.tab-pane-row {
  display: flex;
}

.tab-pane-row-child {
  width: 22.875rem;
  height: 3.3125rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.tab-pane-row-child:hover,
.tab-pane-column1-title:hover,
.tab-pane-column1-item:hover {
  color: #23d8ff;
}

.tab-pane-row-icon {
  width: 1.625rem;
  height: 1.625rem;
  margin-right: 1.25rem;
}

.sticky-tool {
  transition: transform 0.5s ease-in-out;
  /* 设置旋转动画的平滑过渡 */
  transform: rotate(0deg);
  /* 初始状态，无旋转 */
}

.tool-dianhua:hover .sticky-tool,
.tool-weixin:hover .sticky-tool,
.tool-xinlangweibo:hover .sticky-tool {
  transform: rotate(360deg)
}

.tool-dianhua,
.tool-weixin,
.tool-xinlangweibo {
  position: relative;
}

.tool-weixin {
  margin: 1rem 0;
}

.tool-dianhua-content {
  display: none;
  position: absolute;
  left: -8.75rem;
  top: 0;
  width: 12.5rem;
  height: 2.25rem;
  line-height: 2.25rem;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}

.tool-weixin-content {
  display: none;
  position: absolute;
  left: -8.75rem;
  top: 0;
  width: 12.5rem;
  height: 6.25rem;
  transform: translateY(-1.5625rem);
  cursor: pointer;
}

.tool-weixin-content-img {
  width: 6.25rem;
  height: 6.25rem;
}

.tool-dianhua:hover .tool-dianhua-content {
  display: block;
}

.tool-weixin:hover .tool-weixin-content {
  display: block;
}

.tool-xinlangweibo:hover .tool-xinlangweibo-content {
  display: block;
}

#carouselExampleControls .carousel-control-prev-icon,
#carouselExampleControls .carousel-control-next-icon {
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.875rem;
  height: 1.875rem;
}

#carouselExampleControls .carousel-control-prev-icon {
  background-image: url("/styles/static/image/prev.png");
}

#carouselExampleControls .carousel-control-next-icon {
  background-image: url("/styles/static/image/next.png");
}

.bxy-weixin {
  color: rgb(232 117 33);
}

.dood-weixin {
  color: rgb(230 0 18);
}

.nine-business {
  background: url("/styles/static/image/lamplight.png");
  background-size: cover;
  background-position: bottom -1.6rem left 0rem;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.business-container {
  position: relative;
  margin: auto;
  padding-top: 5rem;
  padding-bottom: 3.125rem;
  height: 61.25rem;
  width: 87.5rem;
  display: flex;
  flex-direction: column;
  /* border-left: .1rem solid #071232;
  border-right: .1rem solid #071232; */
}
.business-title {
  position: absolute;
  left: 50%;
  transform:translateX(-50%);
  top: 3rem;
}
.business-lamplight {
  position: absolute;
  left: 0;
  bottom: 1rem;
  z-index: 1;
}
.business-bg {
  height: 40rem;
}

.business-switch-area {
  position: relative;
  flex: 1;
  z-index: 2;
}

.business-switch-left,
.business-switch-right {
  position: absolute;
  top: 2rem;
  width: 3rem;
  cursor: pointer;
  user-select: none;
}

.business-switch-left {
  left: 0;
}

.business-switch-right {
  right: 0;
  transform: rotate(180deg)
}

.business-card-list {
  position: relative;
  margin: auto;
  width: 70rem;
  height: 100%;
  overflow: hidden;
  user-select: none;
}

.b-card-all {
  position: absolute;
  left: calc(-14rem * 2);
  top: 0;
  display: flex;
  user-select: none;
  transition: left 0.5s ease;
}

.b-card-item {
  margin: 0 2rem;
  height: 12.62rem;
  width: 10rem;
  flex-shrink: 0;
  flex-grow: 0;
  user-select: none;
  cursor: pointer;
}
.b-card-item img {
  user-select: none;
}