/* Banner区域样式 */
   #banner {
       position: relative;
       height: 600px;
       overflow: hidden
   }

   #banner .case-type {
       background: #5463ad;
       position: absolute;
       bottom: 0;
       z-index: 99;
       display: flex;
       justify-content: center
   }

   #banner .case-type .item h5.title {
       color: #fff;
       font-weight: bold;
       font-size: 1.1rem;
       padding-bottom: 25px;
       margin: 0;
       border-bottom: 1px solid #7682bd
   }

   #banner .case-type .item h5.title span {
       display: block;
       color: #b7bcd9;
       font-weight: normal;
       margin-top: 5px
   }

   #banner .case-type .item ul {
       margin: 15px 0 30px 0;
       padding: 0;
       list-style: none;
       height: 78px;
       overflow: hidden
   }

   #banner .case-type .item ul li {
       margin-bottom: 10px
   }

   #banner .case-type .item ul li a {
       color: #fff;
       text-decoration: none;
       display: block;
       height: 26px;
       line-height: 26px;
       font-size: 12px;
       transition: color .3s
   }

   #banner .case-type .item ul li a:hover {
       color: #e4ff00
   }

   #banner .case-type .item .bottom {
       margin-top: 0
   }

   #banner .case-type .item .bottom a.more {
       color: #fff;
       text-decoration: none;
       border: 1px solid #fff;
       padding: 8px 20px;
       display: inline-block;
       text-transform: uppercase
   }

   #banner .case-type .item .bottom a.more:hover {
       background: #00a0ea;
       border-color: #00a0ea
   }

   #banner .case-type .item,
   #banner .case-type .item2 {
       width: 33.333%;
       padding: 25px 30px 30px 30px;
       box-sizing: border-box
   }

   #banner .case-type .item2 {
       background: #5bad37
   }

   #banner .case-type .item2 h5.title {
       border-color: #7cbd5f
   }

   #banner .case-type .item2 h5.title span {
       color: #c8e0c0
   }

   /* 特定轮播图样式 */
   .carousel-slide {
       width: 100%;
       position: relative;
       height: 600px
   }

   .carousel-slide .item {
       width: 100%;
       height: 600px;
       background-size: cover;
       background-position: center center;
       background-repeat: no-repeat
   }

   /* 轮播控制区 */
   .carousel-slide.owl-theme .owl-controls .owl-pagination {
       position: absolute;
       bottom: 40px;
       right: 80px;
       width: 12px
   }

   /* 我们的案例 */
   .our-case {
       padding: 30px 0;
       background: #fff;
   }

   .our-case h3.title {
       font-size: 1.5rem;
       font-weight: normal;
       line-height: 1;
       padding: 30px 0;
       margin-bottom: 30px;
   }

   .our-case h3.title .text-uppercase {
       font-weight: lighter;
       color: #979797;
       font-family: "Microsoft YaHei", "微软雅黑", "宋体", sans-serif;
   }

   .our-case .case-list {
       display: flex;
       flex-wrap: wrap;
       gap: 20px;
   }

   .our-case .case-card {
       flex: 1;
       margin-bottom: 20px;
  
       transition: transform 0.3s ease;
       overflow: hidden;
   }

   .our-case .case-card:hover {
       transform: translateY(-10px);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   }

   .our-case .case-card .thumbnail {
       width: 100%;
       height: 180px;
       object-fit: cover;
       transition: transform 0.3s ease;
   }

   .our-case .case-card:hover .thumbnail {
       transform: scale(1.1);
   }

   .our-case .case-card .info {
       padding: 15px;
   }

   .our-case .case-card .info h3 {
       margin-bottom: 10px;
   }

   .our-case .case-card .info .desc {
       color: #666;
       font-size: 14px;
       line-height: 1.5;
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
   }

   .our-case .case-card:hover h3 {
       color: var(--primary-color);
   }

   .our-info {
       margin-top: 60px;
       margin-bottom: 60px;
       display: flex;
       flex-wrap: wrap;
       gap: 20px;
   }

   .our-info .company-about {
       flex: 1;
       display: flex;
       align-items: center;
       background-color: #fff;
       padding: 20px;
   }

   .our-info .company-about .about-buttom {
       height: 100%;
       padding: 20px;
       background-color: #00a0ea;
       color: #fff;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-self: center;
       min-width: 135px;
       margin-right: 30px;
   }

   .our-info .company-about .about-buttom:hover {
       background-color: #0090d0;
   }

   .our-info .company-about .about-buttom h3 {
       font-size: 1.3rem;
       font-weight: 700;
       line-height: 1;
       margin: 20px 0;
   }

   .our-info .company-about .about-buttom span {
       display: block;
       font-size: 12px;
       margin-bottom: 20px;
       text-transform: uppercase;
   }

   .our-info .company-about .about-info h3 {
       font-size: 1.2rem;
       line-height: 1.5;
       margin-bottom: 20px;
   }

   .our-info .company-about .about-info .desc {
       font-size: .9rem;
       color: #666;
       line-height: 20px;
       margin-bottom: 15px;
       display: -webkit-box;
       -webkit-line-clamp: 3;
       -webkit-box-orient: vertical;
       overflow: hidden;
   }

   .our-info .company-about .about-info-buttom {
       float: right;
   }

   .our-info .company-about .about-info-buttom a {
       color: var(--primary-color);
   }

   .our-info .company-about .about-info-buttom a:hover {
       font-weight: bold;
       border-bottom: 2px solid var(--primary-color);
   }

   .our-info .company-news {
       flex: 1;
       background-color: #fff;
       min-height: 220px;
       padding: 20px;
   }

   .our-info .company-news .title {
       font-size: 1.4rem;
       font-weight: normal;
       line-height: 1;
       padding: 0 0 15px 0;
       margin-bottom: 30px;
       border-bottom: 1px solid #eee;
   }

   .our-info .company-news .title .text-uppercase {
       font-weight: lighter;
       color: #979797;
       font-family: "Microsoft YaHei", "微软雅黑", "宋体", sans-serif;
   }

   .our-info .company-news ul li {
       margin-bottom: 15px;
   }

   .our-info .company-news ul li a {
       color: #333;
       text-decoration: none;
       transition: color .3s;
       display: block;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
   }

   .our-info .company-news ul li a:hover {
       color: #00a0ea;
   }

   .our-info .company-news ul li span {
       float: left;
       color: #999;
       font-size: 12px;
       margin-right: 30px;
   }

   /* 移动端 响应式调整 */
   @media (max-width:768px) {

       /* Banner区域 */
       #banner {
           height: auto
       }

       #banner .case-type {
           display: none
       }

       .carousel-slide,
       .carousel-slide .item {
           height: 300px
       }

       /* 我们的案例 */
       .case-list {
           flex-direction: column;
       }

       .our-case .case-card {
           box-shadow: none;
       }

       .our-case .case-card .info {
           padding: 15px 0;
       }

       /* 关于我们 */
       .our-info .company-about {
           flex-direction: column;
           padding: 0;
       }

       .our-info .company-about .about-buttom {
           width: 100%;
           margin-right: 0;
       }

       .our-info .company-about .about-info {
           padding: 30px;
       }

       /* 新闻动态 */
       .our-info .company-news {
           width: 100%;
       }
   }