/** 首页 **/
  .slogan {
    font-size: 6.8rem;
    text-shadow: 0.3rem 0.7rem 1rem rgba(7,20,45,0.27);
    margin: 0 0 1rem 0;
    letter-spacing: 0.8rem;
    font-weight: 900;
  }
  
  .slogan-tip {
    font-size: 4.2rem;
    color: #FFFFFF;
    text-shadow: 0.3rem 0.7rem 1rem rgba(7,20,45,0.27);
    margin-top: 3rem;
  }

  .carousel-item {
    height: 100vh;
  }

  .carousel-item .index-banner {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .banner-logo {
    width: 30rem;
    height: 6rem;
    object-fit: contain;
  }
  
  .index-service {
    height: 82.7rem;
    background: url('../images/index/service_bg.png') no-repeat;
    background-size: cover;
  }
  
  .index-service .container {
    padding: 16.6rem 0;
  }
  
  .index-service h2 {
    font-size: 4.8rem;
    font-weight: bold;
    color: #333;
    margin: 0 0 5.1rem 0;
  }
  
  .index-service p {
    max-width: 93rem;
    color: #333333;
    line-height: 4.8rem;
    font-size: 2.4rem;
    margin-bottom: 11rem;
  }
  
  .index-service ul {
    display: flex;
    list-style: none;
  }
  
  .index-service li {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #ccc;
    height: 10.4rem;
    padding: 0 6rem;
    position: relative;
  }
  
  .index-service li:first-child {
    padding-left: 0;
  }
  
  .index-service li:last-child {
    border-right: none;
  }
  
  .index-service span {
    font-family: 'DIN';
    font-weight: bold;
    color: #0B3E8E;
    font-size: 5.2rem;
    width: 16rem;
    height: 5.2rem;
    overflow: hidden;
    line-height: 5.2rem;
  }

  .index-service li:nth-child(1) span:after,  .index-service li:nth-child(2) span:after {
    content: '+';
  }

  .index-service .index-service-customer {
    width: 16rem;
  }

  .index-service-customer label {
    color: #0B3E8E;
    font-size: 2rem;
    height: 5.2rem;
    line-height: 5.2rem;
    font-weight: bold;
    overflow: hidden;
    padding-top: 1rem;
  }

  .index-service-customer label:after {
    content: '+';
    font-family: 'DIN';
    font-weight: bold;
    color: #0B3E8E;
    font-size: 5.2rem;
    position: absolute;
    top: 0;
  }
  
  .index-service i {
    position: absolute;
    right: 6rem;
    font-size: 1.8rem;
    color: #333;
    font-style: normal;
    vertical-align: top;
    margin-left: 1.7rem;
    font-weight: normal;
  }

  .index-service li:nth-child(1) i {
    right: 7rem;
  }

  .index-service li:nth-child(3) i {
    right: 8rem;
  }
  
  .index-service .index-service-counter-tip {
    font-size: 1.8rem;
    color: #333333;
    margin-top: 2rem;
  }
  
  /** 产品服务 **/
  .product-service {
    height: 85rem;
    background: url('../images/index/product_service_bg.png') no-repeat;
    background-size: cover;
  }
  
  .product-service .container {
    padding: 9.6rem 0;
  }
  
  .product-service h2 {
    color: #fff;
    font-size: 4.8rem;
    margin-bottom: 7rem;
  }
  
  .product-service h2>label {
    font-size: 3.6rem;
    margin-left: 2rem;
    font-weight: normal;
  }
  
  .product-service-row {
    display: flex;
    gap: 2rem;
    overflow: hidden;
  }
  
  .product-service-row .col {
    width: 38.5rem;
    height: 52rem;
    background: #fff;
    padding-top: 2rem;
    text-align: center;
    position: relative;
    cursor: pointer;
  }
  
  .product-service-row .col:hover button {
    background: #0B3E8E;
  }

  .product-service-row .col:hover a {
    color: #fff;
  }
  
  .product-service-row img {
    width: 34.5rem;
    height: 41rem;
  }
  
  .product-service-row p {
    color: #fff;
    font-size: 3.2rem;
    line-height: 6rem;
    font-weight: bold;
    position: absolute;
    top: 14rem;
    left: 0;
    right: 0;
  }
  
  .product-service-row button {
    width: 33.5rem;
    height: 9rem;
    font-size: 1.8rem;
    font-weight: 400;
    
    border: none;
    position: absolute;
    left: 2.5rem;
    bottom: 3rem;
    background: #F2F7FA;
  }
  

  .product-service-row a {
    outline: none;
    line-height: 9rem;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align:  center;
    color: #0B3E8E;
    font-size: max(1.4rem ,14px);
  }

  .product-service-item-mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 2rem;
    width: 34.5rem;
    height: 41rem;
    margin: auto;
    background: rgba(0, 0, 0, 0.3);
    display: none;
  }

  .product-service-row .col:hover .product-service-item-mask{
    display: block;
  }
  /* 新闻动态 */
  .news {
    height: 88rem;
    background: url('../images/index/news_bg.png') no-repeat;
    background-size: cover;
  }
  
  .news .container {
    padding: 10.8rem 0;
    position: relative;
  }
  
  .news h2 {
    color: #0B3E8E;
    font-size: 4.8rem;
    margin-bottom: 7rem;
  }
  
  .news h2>label {
    font-size: 3.6rem;
    margin-left: 2rem;
    font-weight: normal;
  }
  
  .news-btns {
    position: absolute;
    right: 0;
    top: 10.6rem;
  }
  
  .news-btns button {
    width: 18rem;
    height: 5rem;
    border: 0.1rem solid #0B3E8E;
    border-radius: 0.3rem;
    font-size: max(1.6rem, 14px);
    color: #0B3E8E;
    margin-left: 1rem;
    background: #fff;
  }
  
  .news-btns button.active {
    background: #0B3E8E;
    color: #fff;
  }
  

  .company-news, .industry-news {
    height: 100%;
    display: flex;
  }

  .industry-news {
    display: none;
  }

  .news-content .news-flickity {
    width: 78rem;
    height: 56rem;
    overflow: hidden;
  }

  .news-content .flickity-button {
    display: none;
  }
  
  .news-preview-wrap {
    width: 78rem;
    height: 56rem;
    background-size: cover;
    position: relative;
  }
  
  .news-preview-wrap img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: opacity .15s linear;
  }

  .news-preview-wrap label {
    font-size: 14px;
  }

  .news-preview-content {
    font-size: max(1.6rem, 14px);
    line-height: 2.6rem;
    max-height: 5.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
  }
  
  .news-list {
    flex: 1;
    padding-top: 4.5rem;
    position: relative;
    margin-left: 0.1rem;
    overflow: hidden;
  }
  
  .news-list ul {
    margin: 0;
    padding: 0;
  }
  
  .news-more {
    position: absolute;
    right: 0;
    top: 0.8rem;
    color: #333333;
    font-size: 14px;
  }
  .news-more:hover {
    color: #0B3E8E;
  }
  
  .news-list li{
    display: flex;
    align-items: center;
    height: 12.2rem;
    background: #fff;
    color: #333333;
    cursor: pointer;
  }
  
  .news-list li:nth-child(odd) {
    background: #F0F1F2;
  }
  
  .news-list .day {
    font-size: 6rem;
    font-weight: 400;
    width: 12.2rem;
    text-align: center;
    line-height: 100%;
    font-family: DIN-regular;
  }
  
  .news-list .year-month {
    font-size: 2rem;
    font-family: DIN;
    font-weight: 400;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-right: 2.4rem;
    width: 5rem;
  }
  
  .news-list img {
    margin: 0.8rem 0 0.6rem 0;
  }
  
  .news-list .diamond {
    display: inline-block;
    margin: 0.8rem 0 0.6rem 0;
    width: 1rem;
    height: 1rem;
    background: #333;
    transform:rotate(45deg);
  }
  
  .news-detail {
    flex: 1;
    border-left: 0.1rem solid #ccc;
    padding: 0 10rem 0 3rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  
  .news-detail h3 {
    font-size: 2rem;
    margin: 0 0 1.4rem 0;
    overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  
  .news-detail p {
    font-size: max(1.4rem, 14px);
    margin: 0;
    overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  
  .news-list li.active {
    background: #0B3E8E;
    color: #fff;
    cursor: pointer;
  }
  
  .news-list li.active .diamond {
    background: #fff;
  }