body {
  overflow-x: hidden;
  background: rgba(243, 243, 243, 1);
}
.pc-cont {
  /* background: linear-gradient(180deg, rgba(255, 102, 0, 0.8) 0%, rgba(255, 102, 0, 0) 48.08%); */
}
.all-cont {
  padding-top: 90px;
  background: linear-gradient(
    180deg,
    #fe731c 0%,
    #fe731c 90px,
    rgba(255, 102, 0, 0.8) 400px,
    rgba(255, 102, 0, 0) 950px
  );
  /* background: linear-gradient(
    180deg,
    #fe731c 0%,
    rgba(255, 102, 0, 0.8) 300px,
    rgba(255, 102, 0, 0) 800px
  ); */
  /* background: linear-gradient(
    180deg,
    #fe731c 0%,
    rgba(255, 102, 0, 0.8) 10%,
    rgba(255, 102, 0, 0) 48.08%
  ); */
}
/* .header .nav .sub-item .cont {
  background: linear-gradient(360deg, #ffffff 0%, #deedff 100%);
} */
.footer-out-section {
  background-color: #fe731c !important;
}
.scroll-top {
  position: fixed;
  bottom: 100px;
  right: 3.8vw;
  width: 50px;
  height: 50px;
  /* background-color: rgba(255, 87, 34, 0.8); */
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
  /* box-shadow: 0 4px 10px rgba(219, 107, 52, 0.3); */
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
}
.scroll-top img {
  width:100%;
}
.scroll-top.active {
  opacity: 1;
  visibility: visible;
}
.scroll-top:hover {
  /* background-color: #ff5722; */
  transform: translateY(-5px);
}

#parallaxContainer {
  padding-top: 28px;
  overflow: hidden;
  /* padding: 90px 0 0px; */
  /* background: linear-gradient(rgba(255, 102, 0, 0.8) 0%, rgba(255, 102, 0, 0.2) 100%); */
  /* background: linear-gradient(#fe731c 0, #fe731c 90px, rgba(255, 102, 0, 0.8) 155px, rgba(255, 102, 0, 0.2) 100%); */
}
.banner {
  width: 1200px;
  height: 326px;
  /* background-color: #ffd2c3; */
  margin: 0 auto;
  position: relative;
  box-sizing: content-box;
  /* 添加透视 */
  perspective: 1000px; 
  padding-top: 154px;
}
.banner .img-cont {
  position: relative;
  width: 1200px;
  height: 326px;
}
.banner .bg-text {
  width: 1200px;
  position: absolute;
  /* 添加3D支持 */
  transform-style: preserve-3d; 
  will-change: transform;
}

.banner .star {
  position: absolute;
  top: 75px;
  left: 149px;
  width: 976px;
  z-index: 3;
  transform-style: preserve-3d;
  will-change: transform;
}
.banner .ribbon {
  position: absolute;
  top: -115px;
  left: 182px;
  width: 700px;
  z-index: 2;
  transform-style: preserve-3d;
  will-change: transform;
}
.banner .quan {
  width: 484px;
  position: absolute;
  left: 375px;
  top: -81px;
  z-index: 4;
  transform-style: preserve-3d;
  will-change: transform;
}
.banner .kx-quan {
  width: 496px;
  position: absolute;
  left: 595px;
  top: -69px;
  z-index: 4;
  transform-style: preserve-3d;
  will-change: transform;
}

.banner .book {
  position: absolute;
  width: 278px;
  top: 44px;
  right: 139px;
  z-index: 5;
  transform-style: preserve-3d;
  will-change: transform;
}
.banner .mask {
  position: absolute;
  left: 57px;
  top: 26px;
  width: 1100px;
  height: 187px;
  overflow: hidden;
  border-radius: 36px;
}
.banner .bg {
  position: absolute;
  width: 1400px;
  top: -149px;
  left: -207px;
  transform-style: preserve-3d;
  will-change: transform;
  border-radius: 36px;
}

/* 添加这些缺失的CSS类 */
.banner .image-item {
  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out, filter 0.15s ease-out;
}

.banner .image-label {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 100;
  display: none; /* 默认隐藏 */
}

.case-cont {
  margin-top: 90px;
  min-height: 800px;
}
.case-head {
  height: 94px;
  width: 936px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.case-head .case-tab {
  position: relative;
  width: 246px;
  height: 44px;
  font-weight: 400;
  font-size: 26px;
  color: #fff;
  background-color: rgba(255, 102, 0, 1);
  line-height: 44px;
  border-radius: 29px;
  padding-left: 80px;
  box-sizing: border-box;
  cursor: pointer;
}
.case-head .case-tab::after {
  display: none;
  content: '';
  position: absolute;
  bottom: -24px;
  left: -7px;
  width: 246px;
  height: 6px;
  background-color: rgba(255, 102, 0, 1);
  border-radius: 4px;
}
.case-head .case-tab img {
  width: 87px;
  position: absolute;
  left: -30px;
  top: -33px;
}
.case-head .case-tab.select {
  background: linear-gradient(90deg, #000557 0%, #4a058a 100%);
}

.case-head .case-tab.select::after {
  display: block;
}
.case-body {
  width: 1168px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 28px auto 0;
}
.case-body-item {
  position: relative;
  width: 382px;
  height: 352px;
  background-color: #fff;
  border-radius: 48px;
  margin-right: 10px;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 15px;
  transition: transform 0.3s linear;
}
.case-body-item.no-link {
  cursor: default;
}
.case-body-item:hover {
  transform: translateY(-10px);
}
.col-3 .case-body-item:nth-of-type(3n) {
  margin-right: 0px;
}
.case-body-item .img-box {
  width: 346px;
  height: 216px;
  overflow: hidden;
  border-radius: 39px;
  margin: 16px auto 23px;
  position: relative;

  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}
.case-body-item .img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保持比例，覆盖整个容器 */
  object-position: center; /* 从中心开始显示 */
  transition: transform 0.3s linear;
}
.case-body-item:hover .img {
  transform: scale(1.05);
}
.case-body-item .mask-cont {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 102, 0, 0) 63.16%, #ff6600 87.7%);
  cursor: pointer;
  transition: bottom 0.3s linear;
}
.case-body-item:hover .mask-cont {
  bottom: 0
}
.case-body-item .mask {}
.case-body-item .link {
  position: absolute;
  bottom: 10px;
  right: 20px;
  color: #fff;
  font-size: 15px;
  text-decoration: underline;
  cursor: pointer;
}
.case-body-item .main-title {
  margin: 0 auto;
  width: 337px;
  max-height: 61px;
  font-size: 25px;
  color: #000;
  line-height: 30px; /* 建议行高设置 */

  /* 多行省略核心代码 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.case-body-item .sub-title {
  margin: 10px auto 0;
  width: 337px;
  height: 56px;
  font-size: 15px;
  color: rgba(80, 80, 80, 1);
  line-height: 19px; /* 建议行高设置 */

  /* 多行省略核心代码 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.case-body-item .num-cont {
  position: absolute;
  left: 0px;
  bottom: 37px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 24px;
  margin: 30px auto 0;
}
.case-body-item .num-cont.num_1 {
  justify-content: center;
}
.case-body-item .num-cont.num_2 {
  padding: 0 54px;
}
.case-body-item .num-cont .num {
  line-height: 1;
  font-size: 26px;
  color: rgba(255, 102, 0, 1);
  font-weight: 900;
  margin-bottom: 3px;
  font-family: tbtx-misans-blod;
  text-align: center;
}

.case-body-item .num-cont .text {
  font-size: 12px;
  color: rgba(0, 0, 0, 1);
  text-align: center;
}
.col-2 .case-body-item {
  width: 571px;
  height: 426px;
}
.col-2 .case-body-item .img-box {
  width: 540px;
  height: 205px;
}
.col-2 .case-body-item .main-title {
  width: 504px;
  max-height: 58px;
  line-height: 31px;
}
.col-2 .case-body-item .sub-title {
  line-height: 22px;
  width: 504px;
  height: 41px;
  -webkit-line-clamp: 2;
  margin: 6px auto 0;
}
.col-2 .case-body-item .num-cont {
  padding: 0 68px;
  bottom: 18px;
}
.col-2 .case-body-item .num-cont.num_2 {
  padding: 0 140px;
  
}
.col-2 .case-body-item {
  margin-right: 20px;
  overflow: hidden;
  margin-bottom: 20px;
}
.col-2 .case-body-item:nth-of-type(2n) {
  margin-right: 0px;
}

.page-cont.ivu-page.mini {
  width: 1200px;
  margin: 60px auto 100px;
  text-align: right;
}
.ivu-page.mini .ivu-page-total {
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  margin-right: 30px;
}
.page-cont.ivu-page.mini .ivu-page-item {
  width: 36px;
  height: 36px !important;
  border-radius: 50% !important;
  line-height: 36px !important;
  margin: 0 3px;
}
.page-cont ul {
  margin: 25px auto 55px;
}
.page-cont a {
  text-decoration: none;
}
.ivu-page-item {
  background-color: transparent;
}
.page-cont ul .ivu-page-item a {
  color: #333333 !important;
  text-decoration: none;
}
.ivu-page-item a {
  font-size: 18px;
  margin: 0;
}
.ivu-page-item-active a,
.ivu-page-item-active:hover a {
  color: #fff !important;
}
.ivu-page-item-active a {
  color: #fff !important;
}
.ivu-page-disabled:hover a {
  color: #ccc !important;
}

.page-cont ul .ivu-page-item-active a {
  color: #ffffff !important;
  text-decoration: none;
}

.ivu-page.mini .ivu-page-next,
.ivu-page.mini .ivu-page-prev {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: transparent;
  margin-right: 20px;
}
.ivu-page.mini .ivu-page-next {
  margin-left: 20px;
}
.ivu-page-next:hover a,
.ivu-page-prev:hover a {
  color: #ff6600;
}
.ivu-page-item:hover a {
  color: #ff6600;
}
.ivu-page-prev .ivu-icon-ios-arrow-back:before,
.ivu-page-next .ivu-icon-ios-arrow-forward:before {
  content: ' ';
  background: url(https://static.dingtalk.com/media/lQLPD3IigiMfwu9kZLCGFZAcJ8OIkQksK5lW0IsA_100_100.png)
    no-repeat center center;
  width: 40px;
  height: 40px;
  background-size: cover;
  display: block;
}
.ivu-page-item-jump-next:hover i:first-child,
.ivu-page-item-jump-prev:hover i:first-child {
  display: inline;
  color: #ff6600;
}
.ivu-icon-ios-arrow-forward:before {
  transform: rotate(180deg); /* 旋转180度 */
}

.ivu-page-item-jump-next:hover i:first-child,
.ivu-page-item-jump-prev:hover i:first-child {
  color: #ff6600;
}
.ivu-icon-ios-more:before {
  font-size: 16px;
}
.ivu-icon-ios-arrow-back:before {
  font-size: 16px;
}
.ivu-icon-ios-arrow-forward:before {
  font-size: 16px;
}
.ivu-page-item-jump-next:hover i:after {
  font-size: 16px;
}
.ivu-page-item-jump-prev:hover i:after {
  font-size: 16px;
}
.page-cont ul li:hover a {
  text-decoration: none;
}
.ivu-page-item-jump-next i,
.ivu-page-item-jump-prev i {
  display: block;
  padding-top: 4px;
  color: #515a6e;
}
.ivu-page-item-jump-next:after,
.ivu-page-item-jump-prev:after {
  display: none;
}
.ivu-page-item-jump-next i:first-child,
.ivu-page-item-jump-prev i:first-child {
  display: none;
}

.ivu-page-item-jump-next:hover i:last-child,
.ivu-page-item-jump-prev:hover i:last-child {
  display: none;
}

.ivu-page-item {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 400;
}

.ivu-page-item:hover {
  color: #ffffff !important;
}

.ivu-page-item-active {
  width: 28px;
  height: 28px !important;
  border-radius: 40px !important;
  background-color: #ff6600;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  border-color: #ffffff !important;
  line-height: 28px !important;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 400;
}
.ivu-page.mini .ivu-page-options-elevator input {
  background-color: transparent;
  padding-left: 23px;
  width: 60px;
}
.ivu-page-options-elevator input:hover {
  border-color: #ff6600;
}