/* banner区域 */
        .solutions-banner {
          background: #000;
          color: white;
          padding: 164px 0;
          height: 432px;
          box-sizing: border-box;
          position: relative;
          overflow: hidden;
        }

        .Film-banner {
          padding-top: 177px;
        }

        .solutions-content {
          width: 1440px;
          margin: 0 auto;
          text-align: left;
        }

        .solutions-banner.Design-Visualization-banner {
          background: #F3F3F5 url('./../img/D&V-bg.png') no-repeat right top;
          /* background-size: cover; */
        }

        .solutions-banner.VFX-banner {
          background: #F3F3F5 url('./../img/vfx-bg.png') no-repeat right top;
          /* background-size: cover; */
        }

        .solutions-banner.Film-banner {
          background: #F3F3F5 url('./../img/F&A_bg.png') no-repeat right top;
          /* background-size: cover; */
        }
        .solutions-content h1 {
          font-family: 'PingFang SC-Bold';
          font-weight: bold;
          font-size: 40px;
          color: #191919;
          line-height: 40px;
          padding-bottom: 12px;
        }

        .solutions-content p {
          font-size: 18px;
          color: #191919;
          line-height: 26px;
        }
        /* 解决方案区域 */

        .plugin-container {
          padding: 100px 0 120px 0;
          margin: 0 auto;
          background: #fff;
        }

        .solutions-container .container h2 {
          height: 42px;
          font-family: "PingFang SC-Medium";
          font-size: 36px;
          color: #181818;
          line-height: 42px;
          text-align: center;
          margin-bottom: 80px;
        }

        .container {
          max-width: 1440px;
          margin: 0 auto;
        }

        .gird-card {
          font-size: 0;
          vertical-align: top;
        }

        .gird-card .card {
          width: 464px;
          height: 490px;
          background: linear-gradient(180deg, #FFF1EE 0%, #FFF 19.01%);
          display: inline-block;
          border-radius: 18px;
          border: 1px solid rgba(0, 0, 0, 0.08);
          padding: 48px;
          box-sizing: border-box;
          vertical-align: top;
        }

        .vfx-solutions-container .gird-card .card {
          height: 370px;
        }

        .gird-card .card h3 {
          font-family: "PingFang SC-Medium";
          font-size: 24px;
          color: #000000;
          line-height: 30px;
          margin-bottom: 36px;
        }

        .gird-card .card_M {
          margin: 0 24px;
        }

        .gird-card .card li {
          margin-bottom: 32px;
        }

        .gird-card .card li p {
          font-size: 20px;
          color: #060A26;
          line-height: 28px;
          display: inline-block;
          padding-left: 12px;
          vertical-align: top;
        }

        .more p {
          font-size: 20px;
          color: rgba(6, 10, 38, 0.7);
          line-height: 28px;
        }

        .choose-wrapper {
          width: 100%;
          height: 882px;
          padding: 100px 0 120px 0;
          background: url('./../img/solutions/choose_bg.png') no-repeat center top;
          background-size: cover;
        }

        .choose-wrapper.VFX-choose-wrapper {
          height: 744px;
        }

        .choose-card {
          font-size: 0;
          width: 1440px;
          height: 540px;
          background: #FFFFFF;
          border-radius: 18px;
          margin: 80px auto 0 auto;
          padding: 48px;
        }

        .VFX-choose-wrapper .choose-card {
          height: 402px;
        }

        .choose-card .card {
          width: 648px;
          display: inline-block;
          vertical-align: top;
          margin-bottom: 48px;
        }

        .choose-card .cardMarginLeft {
          margin-right: 24px;
        }

        .choose-card .card h3 {
          font-family: 'PingFang SC-Medium';
          font-size: 20px;
          color: #181818;
          line-height: 28px;
          margin-bottom: 10px;
        }

        .choose-card .card h3::before {
          content: '';
          width: 18px;
          height: 18px;
          background: #FFFFFF;
          border: 4px solid #FF6933;
          display: inline-block;
          border-radius: 50%;
          box-sizing: border-box;
          vertical-align: top;
          margin-top: 5px;
          margin-right: 8px;
        }

        .choose-card .card p {
          font-size: 16px;
          color: #4F4F4F;
          line-height: 26px;
          padding-left: 26px;
        }

        .inspired-wrapper .container h2 {
          margin-bottom: 16px;
        }

        .inspired-wrapper h3 {
          font-size: 18px;
          color: #1F1F1F;
          line-height: 26px;
          text-align: center;
          margin-bottom: 80px;
        }

        .inspired-wrapper {
          padding: 100px 0 120px 0;
        }

        .inspired-wrapper.carousel-container {
          padding-bottom: 70px;
        }

        .con_case_wrap {
          width: 1440px;
          height: 750px;
          margin: 0 auto;
          position: relative;
        }

        .mySwiper1 {
          text-align: center;
          color: #fff;
          overflow: hidden;
          --swiper-theme-color: rgba(0, 0, 0, 0.3);
          /* 设置Swiper风格 */
          --swiper-preloader-color: #FF7700;
          /* 单独设置预加载圆圈的颜色 */
        }

        .mySwiper1 .swiper-slide {
          background-color: rgba(0, 0, 0, 0.3) !important;
          position: relative;
          width: 100% !important;
        }

        .swiperSlideText {
          display: inline-block;
          max-width: 1200px;
          background: rgba(46, 46, 46, 0.41);
          border-radius: 8px;
          color: #fff;
          font-size: 14px;
          padding: 21px 0 21px 16px;
          box-sizing: border-box;
          position: absolute;
          left: 50%;
          margin: auto;
          bottom: 192px;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
        }

        .swiperSlideText .text {
          padding: 0 18px;
          border-right: 1px solid #FCFCFC;
          font-size: 14px;
          height: 14px;
          line-height: 14px;
          display: inline-block;
        }

        .swiperSlideText .text4 {
          border-right: 0;
        }

        .swiperSlideText .textType {
          border-right: 0;
          font-size: 18px;
          font-weight: bold;
          padding-left: 0;
        }

        .mySwiper2 {
          position: absolute;
          right: 32px;
          top: 197px;
          width: 64px;
          box-sizing: border-box;
          text-align: center;
          /* transform: translateY(-50%); */
        }

        .mySwiper1 .swiper-slide {
          width: 100%;
          float: left;
        }

        .mySwiper1 .swiper-slide img {
          height: 100%;
          overflow: hidden;
        }

        .mySwiper2 .swiper-slide {
          width: 64px !important;
          height: 64px !important;
          cursor: pointer;
          text-align: center;
          line-height: 60px;
          margin-top: 20px;
          position: relative;
          border: 2px transparent solid;
          box-sizing: border-box;
          overflow: hidden;
          -webkit-border-radius: 50% !important;
          -moz-border-radius: 50% !important;
          -ms-border-radius: 50% !important;
          -o-border-radius: 50% !important;
          border-radius: 50% !important;
        }

        .mySwiper2 .swiper-slide img {
          vertical-align: top;
        }

        .osvg {
          position: absolute;

        }

        .circle {
          stroke-dasharray: 314;
          stroke-dashoffset: 314;
        }

        .mySwiper2 .swiper-slide.swiper-slide-thumb-active .osvg .circle {
          -moz-animation: loading 4.5s linear;
          -webkit-animation: loading 4.5s linear;
          -o-animation: loading 4.5s linear;
          animation: loading 4.5s linear;
        }

        @-webkit-keyframes loading {
          0% {
            stroke-dashoffset: 314;
          }

          100% {
            stroke-dashoffset: 0;
          }
        }

        @keyframes loading {
          0% {
            stroke-dashoffset: 314;
          }

          100% {
            stroke-dashoffset: 0;
          }
        }

        @-moz-keyframes loading {
          0% {
            stroke-dashoffset: 314;
          }

          100% {
            stroke-dashoffset: 0;
          }
        }

        @-webkit-keyframes loading {
          0% {
            stroke-dashoffset: 314;
          }

          100% {
            stroke-dashoffset: 0;
          }
        }

        @-o-keyframes loading {
          0% {
            stroke-dashoffset: 314;
          }

          100% {
            stroke-dashoffset: 0;
          }
        }

        .mySwiper2 .swiper-wrapper {
          position: absolute;
          display: block;
        }

        .trusted-wrapper {
          width: 100%;
          background: url('./../img/solutions/trusted_bg.png') no-repeat center top;
          background-size: cover;
          height: 254px;
          padding: 57px 0;
          text-align: center;
        }

        .trusted-wrapper .container h2 {
          color: #FFFFFF;
          margin-bottom: 12px;
        }

        .trusted-wrapper .container h3 {
          font-size: 16px;
          color: #FFFFFF;
          line-height: 24px;
          text-align: center;
          margin-bottom: 20px;
        }

        .trusted-wrapper a {
          display: inline-block;
          width: 322px;
          height: 40px;
          line-height: 40px;
          background: rgba(238, 238, 238, 0.2);
          border-radius: 999px;
          border: 1px solid #FFFFFF;
          margin: 0 auto;
          color: #FFFFFF;
          font-size: 16px;
          padding: 0 4px 0 16px;
          text-align: left;
          background: rgba(238, 238, 238, 0.2);
        }

        .trusted-wrapper a span {
          vertical-align: top;
        }

        .trusted-wrapper a .arrow-right {
          background: url('./../img/solutions/arror.png') no-repeat center center;
          width: 46px;
          height: 40px;
          display: inline-block;
          float: right;
        }

        .trusted-wrapper a:hover .arrow-right {
          opacity: 0.8;
          transition: all 0.3s ease;

        }

        .trusted-wrapper a:hover::after {
          content: "";
          display: block;
          width: 16px;
          height: 16px;
          background: url('./../img/solutions/arror.png') no-repeat center center;
          background-size: 16px 16px;
          position: absolute;
          right: 10px;
          top: 50%;
          margin-top: -8px;
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
          .tab-header {
            flex-direction: column;
          }

          .tab-item {
            width: 100%;
            text-align: left;
            padding-left: 20px;
          }
        }

        /* VFX页面轮播图 */
        .carousel-container {
          background: #262A36;
        }

        .film-container h2 {
          height: 42px;
          font-family: "PingFang SC-Medium";
          font-size: 36px;
          color: #fff;
          line-height: 42px;
          text-align: center;
          margin-bottom: 80px;
          margin-bottom: 16px;
        }

        .film-container h3 {
          margin-bottom: 20px;
        }

        .carousel-container .container h2 {
          color: #fff;
        }

        .carousel-container .container h3,
        .film-container h3 {
          color: rgba(255, 255, 255, 0.65);
        }

        .focus-carousel .swiper-container {
          width: 1440px;
          height: 688px;
          margin: 0 auto;
          overflow: hidden;
        }

        .focus-carousel .swiper-slide {
          width: 1260px;
          height: 624px;
          border-radius: 8px;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          overflow: hidden;
          position: relative;
          transition: transform 0.3s ease;
        }

        .focus-carousel .swiper-slide img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        .focus-carousel .swiper-pagination {
          width: 100%;
          bottom: 20px;
        }

        /* 导航箭头样式 */
        .focus-carousel .swiper-button-prev,
        .focus-carousel .swiper-button-next {
          width: 40px;
          height: 40px;
          background: rgba(255, 255, 255, 0.8);
          border-radius: 50%;
          display: none;
        }

        /* 分页指示器样式 */
        .focus-carousel .swiper-pagination-bullet {
          width: 14px;
          height: 14px;
          background: rgba(255, 255, 255, 0.1);
          border-radius: 50%;
          border: 1px solid rgba(255, 255, 255, 0.32);
          margin: 0 10px !important;
        }

        .focus-carousel .swiper-pagination-bullet-active {
          background: #FF6933;
          width: 14px;
          height: 14px;
          border-radius: 50%;
        }

        .inspired-wrapper.film-container {
          background: #262A36;
          /* padding-bottom: 70px; */
        }

        .film-container .film-carousel-container {
          width: 100%;
          overflow: hidden;
          height: 572px;
          position: relative;
        }

        .film-carousel-container .top {
          background: url('./../img/bottom.png') no-repeat top center;
          background-size: cover;
          display: inline-block;
          width: 100%;
          height: 64px;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 100;
          /* border: 1px red solid; */
        }

        .film-carousel-container .bottom {
          background: url('./../img/top.png') no-repeat bottom center;
          background-size: cover;
          display: inline-block;
          width: 100%;
          height: 64px;
          position: absolute;
          left: 0;
          bottom: 0;
          z-index: 100;
          /* border: 1px #fff solid; */
        }

        .film-container .swiper-slide {
          width: 372px;
          height: 572px;
        }

        /* 海报图片样式 */
        .film-container.swiper-slide img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
          /* 保持海报比例 */
        }