@font-face {
    font-family: "HelveticaNeueLTPro";
    src: url("../fonts/HelveticaNeueLTPro-ThEx.otf"),url("../fonts/HelveticaNeueLTPro-ThEx.otf") format("embedded-opentype")
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
} 
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-width: thin;
}
html ::-webkit-scrollbar {
  width: 5px;
  height: 1px;
}
html ::-webkit-scrollbar-thumb {
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #d70000;
}
html ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: #ededed;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: 66px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
body {
  min-height: 100%;
  font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (max-width: 1580px) {
  body {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 0.28rem;
  }
}
img {
  max-width: 100%;
  border: 0;
  vertical-align: top;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
a {color:#202020; text-decoration:none; transition:all 0.4s ease-in-out;}
a:hover {color: #c1241d;}
input,
button {
  -webkit-appearance: none;
  border-radius: 0;
}
button {
  cursor: pointer;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
textarea {
  resize: none;
  overflow: auto;
}
input,
button,
textarea,
select {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
  color: inherit;
  background: transparent;
}
select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
table {
  border-collapse: collapse;
}
.container {
  margin: 0 auto;
  width: 85%;
  max-width: 1600px;
}
@media (max-width: 1260px) {
  .container {
    width: 90%;
  }
}
.text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.text-hide-2,.text-hide-3,.text-hide-4,.text-hide-5,.text-hide-6{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.text-hide-2{-webkit-line-clamp:2;}
.text-hide-3{-webkit-line-clamp:3;}
.text-hide-4{-webkit-line-clamp:4;}
.text-hide-5{-webkit-line-clamp:5;}
.text-hide-6{-webkit-line-clamp:6;}
.breadcrumb {
    width: 100%;
    height: 1.0800rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    overflow-x: scroll;
    white-space: nowrap;
}
.breadcrumb::-webkit-scrollbar {
    display: none;
}
.breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
}
.breadcrumb .breadcrumb-item:not(:last-child):after {
    content: '/';
    margin: 0 5px;
    color: #a8abb2;
}
.breadcrumb .breadcrumb-item a {
    color: #333;
}
.breadcrumb .breadcrumb-item a:hover {
    color: #c1241d;
}
.main-page {
    box-sizing: border-box;
    position: relative
}
.header {
    height: 80px;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff0;
    box-shadow: #0000 0 3px 8px;
    position: fixed;
    z-index: 999;
    top: 0;
    transition: background-color 1s ease
}
@media (max-width: 991px) {
    .header {
        line-height: 80px;
        height: 80px;
    }
    .header .container {
        height: 80px;
    }
}

.header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
}
.header .nav-logo {
    height: 100%;
    display: flex;
    align-items: center;
}

.header .nav-logo .logo-image {
    height: 60%;
    cursor: pointer
}

.header .nav-menu-area {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    margin-left: auto;
}
@media (max-width: 991px) {
    .header .nav-logo .logo-image {
        height: 30px;
    }
  .header .nav-menu-area {
    display: none;
  }
}
.header .nav-menu-area .nav-menu-item {
    position: relative
}

.header .nav-menu-area a {
    text-decoration: none;
    color: #fff;
    font-size: clamp(13px, 30px, 15px);
    transition: color .7s;
    margin: 0 20px;
    font-weight: 400
}

.header .nav-menu-area a:hover {
    color: #d2d2d2
}

.header .nav-menu-area .nav-submenu {
    opacity:0;
    visibility:hidden;
    top: 50px;
    position: absolute;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    padding: 1vw 0;
    z-index: 999;
    width: 11vw;
    transition: all .7s;
}
.header .nav-menu-item:hover .nav-submenu {
    opacity: 1;
    visibility: visible;
}
.header.nav-top .nav-submenu {
    top: 80px;
}
.header .nav-menu-area .nav-submenu .sub-route-link {
    position: relative;
    display: block;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-size: 1vw;
    color: #333;
    padding: .5vw;
    margin-bottom: .5vw;
    transition: .3s
}
.header .nav-menu-area .nav-submenu .sub-route-link:hover {
    color: #c1241d
}
.header .nav-menu-area .nav-submenu .sub-route-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0;
    transition: all 0.5s;
    background: #c1241d;
}
.header .nav-menu-area .nav-submenu .sub-route-link:hover::before {
    height: .4rem;
}

.header .nav-menu-area .nav-submenu .sub-route-link:last-child {
    margin-bottom: 0
}
.header .language-area {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.header .language-area:after {
    display: inline-block;
    content: '';
    width: 1px;
    height: 0.3rem;
    margin: 0 0.3rem;
    background-color: #fff;
}
.header.nav-top .language-area:after {
    background-color: rgba(0, 0, 0, 0.2);
}
.header .language-area a {
    margin-left: 0.1rem;
    color: #fff;
    transition: .3s
}
.header .language-area svg path {
    fill: #fff;
    opacity: 1;
}
.header .language-area:hover a,
.header.nav-top .language-area:hover a,
.header .language-area:hover svg path,
.header.nav-top .language-area:hover svg path {
    color: #c1241d;
    fill: #c1241d;
}
.header.nav-top .language-area a {
    color: #000;
}
.header.nav-top .language-area svg path {
    fill: #000;
    opacity: 1;
}

@media (min-width: 991px) {
    .header .language-area:after {
        display: none;
    }
}
@media (max-width: 991px) {
    .header .language-area {
        margin-left: auto;
    }
}
/*顶部导航开关*/
.header .c-switch {
    position: relative;
    display: none;
    width: 24px;
    height: 20px;
    cursor: pointer;
}
@media (max-width: 991px) {
    .header .c-switch {
        display: block;
    }
}
.header .c-switch i {
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background: #fff;
  transition: all 0.3s;
}
.header .c-switch i:nth-child(1) {
  top: 0;
}
.header .c-switch i:nth-child(3) {
  bottom: 0;
}
.header .c-switch i:nth-child(2) {
  top: 50%;
  margin-top: -1px;
}
.header.nav-top .c-switch i {
  background: #333;
}
body.open .header .c-switch i:nth-child(2) {
  opacity: 0;
}
body.open .header .c-switch i:nth-child(1) {
  top: 50%;
  margin-top: -1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.open .header .c-switch i:nth-child(3) {
  bottom: 50%;
  margin-bottom: -1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* 移动端导航 */
.header .nav-menu-area2 {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 0;
    line-height: 50px;
    color: #333;
    background: #fff;
    overflow-y: auto;
    transition: 0.3s;
    text-align: left;
}
.header .nav-menu-area2 > .nav-menu-item:last-child {
  border-bottom: 1px solid #f1f1f1;
}
.header .nav-menu-area2 .nav-menu-item {
  padding: 0 0.5rem;
  border-top: 1px solid #f1f1f1;
}
.header .nav-menu-area2 .nav-menu-item .title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 767px) {
  .header .nav-menu-area2 .nav-menu-item {
    padding: 0 0.5rem;
  }
}
.header .nav-menu-area2 .nav-menu-item a {
  color: #333;
  font-size: 14px;
    font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header .nav-menu-area2 .nav-menu-item a:hover,
.header .nav-menu-area2 .nav-menu-item .title-box.on > a {
  color: #d70000;
}
.open .header .nav-menu-area2 {
  height: calc(100vh - 80px);
}
.header .nav-menu-area2 svg {
  width: 15px;
  height: 15px;
  transition: all 0.3s;
}
.header .nav-menu-area2 svg path {
  fill: #333;
}

.header .nav-menu-area2 .nav-menu-item .title-box.on svg {
  transform: rotate(90deg);
}
.header .nav-menu-area2 .nav-submenu {}
.header .nav-menu-area2 .nav-submenu a {
    display: block;
    padding: 0 25px;
    border-top: 1px solid #f1f1f1;
}


.nav-top {
    background-color: #ffffffe6;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: #0000001a 0 3px 2px
}

.nav-top .nav-menu-area .nav-menu-item {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}


.nav-top .nav-menu-area a {
    color: #000
}

.nav-top .nav-menu-area a:hover {
    color: #c1241d
}

.nav-menu-area .nav-submenu {
    background-color: #ffffffe6;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: #0000001a 0 3px 2px;
    top: 80px
}

.nav-top .nav-menu-area .nav-submenu .sub-route-link {
    color: #000
}

.nav-top .nav-menu-area .nav-submenu .sub-route-link:hover {
    color: #c1241d
}

.nav-fade-enter-active,.nav-fade-leave-active {
    transition: opacity .7s ease
}

.nav-fade-enter-from,.nav-fade-leave-to {
    opacity: 0
}



.home-page {
    box-sizing: border-box;
}
.homeSwiper {
    width: 100%;
    height: 100vh;
}
.homeSwiper .product-slide {
    width: 100%;
    height: 100vh;
    position: relative;
}


.homeSwiper .product-slide .product-cover-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.homeSwiper .product-slide .explore-more-button {
    position: absolute;
    cursor: pointer;
    padding: 1vw 2vw;
    border-radius: 1vw;
    border: 2px solid;
    font-family: Microsoft YaHei,sans-serif
}

.homeSwiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #fff;
    border-radius: 0;
    width: 36px;
    height: 4px
}

.homeSwiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff
}

 .homeSwiper .swiper-button-prev, .homeSwiper .swiper-button-next {
    color: #fff;
    --swiper-navigation-size: .4rem
}

.product-intro-slide {
    position: relative;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.product-intro-slide .text-area {
    text-align: left;
    color: #fff;
    margin-left: 50vw;
    margin-bottom: 10vh
}

.product-intro-slide .text-area .title {
    font-size: 2.1vw
}

.product-intro-slide .text-area .title .power {
    font-size: 4vw;
    margin-right: .3vw
}

.product-intro-slide .text-area .sub-title {
    font-size: 2.1vw;
    font-weight: lighter
}

.product-intro-slide .text-area .param-list {
    font-size: 0.3200rem;
    margin-top: 1vw;
    padding-left: 1vw;
    list-style-type: square
}

.product-intro-slide .text-area .param-list li {
    align-items: center;
    margin-right: 2vw
}

.product-intro-slide .text-area .divider {
    width: 10vw;
    height: .2vw;
    background-color: #fff;
    margin-top: 2vw;
    margin-bottom: 2vw
}

.product-intro-slide .button-more {
    position: absolute;
    bottom: 5vh;
    right: 5%;
    padding: 1vw 2vw;
    color: #fff;
    border: 2px solid #ffffff;
    font-family: Microsoft YaHei,sans-serif;
    cursor: pointer;
    transition: background-color .3s,color .3s
}

.product-intro-slide .button-more:hover {
    background-color: #fff;
    color: #c1241d
}

@media (max-width: 768px) {
    .product-intro-slide .text-area {
        margin-left: 0;
    }
    .product-intro-slide .text-area .title .power {
        font-size: 20px;
    }
    .product-intro-slide .text-area .title {
        font-size: 20px;
    }
    .product-intro-slide .text-area .sub-title {
        font-size: 18px;
    }
    .product-intro-slide .text-area .divider {
        width: auto;
    }
    .product-intro-slide .text-area .param-list {
        font-size: 16px;
    }
}

/* 关于能通 */
.company-introduction {
    width: 100vw;
    padding: 10vh 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.company-introduction .intro-area {
    width: 100%;
    height: 100%;
    position: relative
}

.company-introduction .intro-area .top-part {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 8vw
}

.company-introduction .intro-area .top-part .intro-text-area-bg {
    width: 45vw;
    height: 20vw;
    background: linear-gradient(90deg,#fffc,#fff)
}

.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg {
    width: 100%;
    height: 100%
}

.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg .intro-text-area {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative
}

.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg .intro-text-area .title-area {
    display: flex;
    align-items: baseline;
    margin: 0;
    box-sizing: border-box;
    color: #c1241d;
    padding-bottom: 1vw
}

.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg .intro-text-area .title-area .title {
    font-size: 30px;
    margin: 0;
    font-weight: 700
}

.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg .intro-text-area .title-area .title-en {
    font-size: 1.8vw;
    margin: 0 0 0 1vw
}

.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg .intro-text-area .desc-area {
    width: 100%;
    color: #000;
    font-size: clamp(13px, 30px, 15px);
    text-align: left;
    letter-spacing: .05vw
}

.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg .intro-text-area .desc-area .more-button {
    position: relative;
    display: inline-block;
    width: 130px;
    height: 40px;
    border: 1px solid #c1241d;
    border-radius: 20px;
    line-height: 40px;
    background: transparent;
    text-align: center;
    font-size: 14px;
    margin: 0;
    overflow: hidden;
}
.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg .intro-text-area .desc-area .more-button::before {
    content:attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #c1241d;
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s
}

.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg .intro-text-area .desc-area .more-button:hover {
    background: #c1241d;
    color: #fff
}
.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg .intro-text-area .desc-area .more-button:hover::before {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}
.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg .intro-text-area .desc-area .more-button>span {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
}
.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg .intro-text-area .desc-area .more-button:hover>span {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg .intro-text-area .desc-area .more-button:hover>span:nth-child(1) {
    -webkit-transition-delay: .045s;
    transition-delay: .045s
}

.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg .intro-text-area .desc-area .more-button:hover>span:nth-child(2) {
    -webkit-transition-delay: .09s;
    transition-delay: .09s
}

.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg .intro-text-area .desc-area .more-button:hover>span:nth-child(3) {
    -webkit-transition-delay: .135s;
    transition-delay: .135s
}

.company-introduction .intro-area .top-part .intro-text-area-bg .intro-text-area-color-bg .intro-text-area .desc-area .more-button:hover>span:nth-child(4) {
    -webkit-transition-delay: .18s;
    transition-delay: .18s
}


.company-introduction .intro-area .top-part .company-image-area {
    width: 32vw;
    height: 20vw;
    padding-top: .5vw;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

.company-introduction .intro-area .top-part .company-image-area .company-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}
/* 实力 数字动画 */
.key-numbers {
    box-sizing: border-box;
    padding: 30px 0;
    background-color: #fff;
    box-shadow: 0 6px 16px 0 rgb(102 102 102 / 9%);
}

.key-numbers .key-numbers-area {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

.key-numbers .key-numbers-area .key-number-block {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}
.key-numbers .key-numbers-area .key-number-block:not(:last-child) {
    border-right: 1px solid #ebebeb;
}

.key-numbers .key-numbers-area .key-number-block .key-number-icon {
    display: none;
    width: 3vw;
    object-fit: contain;
    margin-right: 20px
}

.key-numbers .key-numbers-area .key-number-block .key-number {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #c1241d;
}

.key-numbers .key-numbers-area .key-number-block .key-number .key-number-title {
    font-size: 16px;
    padding-top: 10px;
    color: #333;
    text-align: center;
}

.key-numbers .key-numbers-area .key-number-block .key-number .key-number-number {
    position: relative;
    display: flex;
    justify-content: center;
    font-family: PingFang SC;
    font-weight: 600;
}

.key-numbers .key-numbers-area .key-number-block .key-number .key-number-number .number {
    position: relative;
    font-size: 30px;
    font-weight: bold;
    padding: 0 10px;
    transition: all 0.3s ease;
}
.key-numbers .key-numbers-area .key-number-block .key-number .key-number-number .number::before {
    content: attr(data-unit);
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
}
.key-numbers .key-numbers-area .key-number-block .key-number .key-number-number .number::after {
    content: attr(data-sub);
}

.key-numbers .key-numbers-area .key-number-block .key-number .key-number-number:hover .number {
    transform: scale(1.4);
}


@media (max-width: 767px) {
    .key-numbers .key-numbers-area {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 20px;
    }
    .key-numbers .key-numbers-area .key-number-block {
        background-color: #f8f8f8;
    }
    .key-numbers .key-numbers-area .key-number-block:not(:last-child) {
        border-right: none;
    }
    .key-numbers .key-numbers-area .key-number-block .key-number .key-number-number {
        align-items: baseline;
    }
    .key-numbers .key-numbers-area .key-number-block .key-number .key-number-title {
        font-size: 16px;
        padding: 0 0 10px 0;
    }
}


.title-area {
    margin-bottom: 30px;
}

.title-area .title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #333;
    margin: 0
}

.title-area .title-en {
    font-size: 20px;
    color: #333;
    margin: 0
}


/* 新闻模块 */
.news-area {
    padding: 30px 0 0
}

.company-news {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 2vw 8vw 0;
    z-index: 3;
    position: relative
}

.company-news .left-part {
    background-color: #f3f3f3;
    width: 47%;
    box-sizing: border-box;
    /* box-shadow: #00000069 -.5vw .5vw .5vw; */
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
    padding: 2vw
}

.company-news .left-part-title {
    font-size: .3rem;
    font-weight: 560;
    margin: 0 0 1vw 1vw;
    text-align: left
}

.company-news .left-part-title:after {
    content: "";
    display: block;
    width: 6vw;
    height: .3vw;
    background-color: #c1241d;
    margin-top: .3vw
}

.company-news .collapse-icon {
    width: 1vw;
    height: 1vw
}

.company-news .news-title-area {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    padding: 1vw
}

.company-news .news-title-area .news-title {
    font-size: .9vw;
    font-weight: 400
}

.company-news .collapse-item.is-active .news-title-area .news-title {
    color: #c1241d;
    font-weight: 560;
    font-size: 1.2vw
}

.company-news .news-title-area .news-create-time {
    font-size: .7vw;
    color: #f6f6f6
}

.company-news .news-content {
    height: 9vw;
    overflow: hidden;
    box-sizing: border-box;
    padding: 1vw;
    position: relative
}

.company-news .news-content .content-text {
    margin: 0;
    font-size: 30px;
    text-align: left
}

.company-news .news-content .news-detail-button {
    position: absolute;
    bottom: 1vw;
    right: 1vw;
    font-size: 30px;
    color: #fff;
    padding: .2vw 1vw;
    background-color: #c1241d;
    transition: all .7s ease;
    cursor: pointer
}
.company-news .news-content .news-detail-button a {color: #fff;}

.company-news .news-content .news-detail-button:hover {
    padding: .2vw 5vw .2vw 1vw
}

.company-news .right-part {
    width: 50%;
    height: 40vh;
    box-sizing: border-box;
    box-shadow: #00000069 -.5vw .5vw .5vw;
    overflow: hidden
}

.company-news .right-part .news-cover {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.media-news {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    box-sizing: border-box;
    padding: 0 8vw;
    position: relative;
    z-index: 0;
    transform: translateY(-7vw)
}

.media-news .left-part {
    width: 47%;
    height: 40vh;
    box-sizing: border-box;
    box-shadow: #00000069 -.5vw .5vw .5vw;
    overflow: hidden
}

.media-news .left-part .news-cover {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.media-news .right-part {
    background-color: #f3f3f3;
    width: 50%;
    box-sizing: border-box;
    /* box-shadow: #00000069 -.5vw .5vw .5vw; */
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
    padding: 2vw
}

.media-news .right-part-title {
    font-size: .3rem;
    font-weight: 560;
    margin: 0 0 1.3vw 1vw;
    text-align: right;
    position: relative
}

.media-news .right-part-title:after {
    content: "";
    display: block;
    position: absolute;
    text-align: right;
    width: 6vw;
    right: 0;
    height: .3vw;
    background-color: #c1241d;
    margin-top: .3vw
}

.media-news .collapse-icon {
    width: 1vw;
    height: 1vw
}

.media-news .news-title-area {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    box-sizing: border-box;
    padding: 1vw;
    text-align: left;
}

.media-news .news-title-area .news-title {
    font-size: .9vw;
    font-weight: 400
}
.media-news .collapse-item.is-active .news-title-area .news-title {
    color: #c1241d;
    font-weight: 560;
    font-size: 1.2vw
}
.media-news .news-title-area .news-create-time {
    font-size: .7vw;
    color: #f6f6f6
}

.media-news .news-content {
    height: 9vw;
    overflow: hidden;
    box-sizing: border-box;
    padding: 1vw;
    position: relative
}

.media-news .news-content .content-text {
    margin: 0;
    font-size: 30px;
    text-align: left
}

.media-news .news-content .news-detail-button {
    position: absolute;
    bottom: 1vw;
    right: 1vw;
    font-size: 30px;
    color: #fff;
    padding: .2vw 1vw;
    background-color: #c1241d;
    transition: all .7s ease;
    cursor: pointer
}
.media-news .news-detail-button a {color: #fff;}

.media-news .news-detail-button:hover {
    background-color: #fe251b;
}

.collapse-item .collapse-item__header {
    color: #000;
    padding: 0;
    background-color: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.collapse-item .collapse-item__wrap {
    display: none;
    overflow: hidden;
    transition: max-height .3s ease;
    background-color: #fff;
    border-bottom: 1px solid #ebeef5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.collapse-item.is-active .collapse-item__wrap {
    display: block;
}




/* 解决方案 */
.solutions {
    padding: 30px 0;
    background-color: #f3f3f3;
}
.solutions-container {
    position: relative;
}

.solutions .swiper-container .solution-slide {
    width: 100%;
    height: 70vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.solutions .swiper-container .solution-slide .solution-slide-cover {
    width: 100%;
    height: 100%;
    background-color: #ffffff26
}

.solutions .solution-cards-area {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.solutions .solution-cards-area .left-side {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.solutions .solution-cards-area .left-side .title {
    font-size: 26px;
    font-weight: 560;
    font-family: 'Noto Serif SC';
}

.solutions .solution-cards-area .left-side .title:after {
    content: "";
    display: block;
    width: 4vw;
    height: .3vw;
    background-color: #c1241d;
    margin: .5vw 0 0
}

.solutions .solution-cards-area .left-side .description {
    font-size: 16px;
    margin: 1vw 0 0;
}
.solutions .solution-cards-area .left-side .description a {
    color: #c1241d;
    margin-left: 1vw;
}

.solutions .solution-cards-area .right-side {
    height: 15vh;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 16px;
    z-index: 10
}

.solutions .solution-cards-area .right-side .solution-card {
    width: 7.5vw;
    height: 15vh;
    background-color: #c1241d;
    display: flex;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .3s
}

.solutions .solution-cards-area .right-side .solution-card .solution-card-icon {
    width: 30px;
    height: 30px;
    margin-bottom: 10%;
    object-fit: contain;
    transition: .3s
}

.solutions .solution-cards-area .right-side .solution-card .solution-card-title {
    font-size: 16px;
    color: #fff;
    text-align: center;
    transition: .3s
}

.solutions .solution-cards-area .right-side .solution-card-displayed {
    width: 15vw;
    height: 25vh;
    background-color: #f56c6c;
    transform: translateY(-5vh)
}

.solutions .solution-cards-area .right-side .solution-card-displayed .solution-card-icon {
    width: 6vw;
    height: 6vw
}

.solutions .solution-cards-area .right-side .solution-card-displayed .solution-card-title {
    font-size: 20px;
    font-weight: 560
}

@media (max-width: 768px) {
    .solutions-container {
        padding-bottom: 10vh;
    }
    .solutions .swiper-container .solution-slide {
        height: 40vh;
    }
    .solutions .solution-cards-area {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .solutions .solution-cards-area .left-side {
        position: absolute;
        left: 0;
        bottom: 10vh;
        z-index: 1;
        width: 100%;
        color: #fff;
        align-items: center;
        text-align: center;
        padding: 0 10px;
    }
    .solutions .solution-cards-area .left-side::after {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgb(0 0 0) 56%);
        z-index: -1;
    }
    .solutions .solution-cards-area .left-side .title {
        font-size: 16px;
        font-weight: 100;
    }
    .solutions .solution-cards-area .left-side .title:after {
        display: none;
    }
    .solutions .solution-cards-area .left-side .description {
        font-size: 12px;
        font-weight: 100;
    }
    .solutions .solution-cards-area .right-side {
        width: 100%;
        height: 10vh;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }
    .solutions .solution-cards-area .right-side .solution-card {
        flex: 1;
        width: 100%;
        height: 10vh;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .solutions .solution-cards-area .right-side .solution-card .solution-card-icon {
        width: 20px;
        height: 20px;
        margin-bottom: 0;
    }
    .solutions .solution-cards-area .right-side .solution-card .solution-card-title {
        font-size: 12px;
        margin: 0 0 0 10px;
    }
    .solutions .solution-cards-area .right-side .solution-card-displayed {
        width: 30vw;
        height: 11vh;
        transform: translateY(-0.5vh);
    }
    .solutions .solution-cards-area .right-side .solution-card-displayed .solution-card-icon {
        width: 25px;
        height: 25px;
    }
    .solutions .solution-cards-area .right-side .solution-card-displayed .solution-card-title {
        font-size: 14px;
        font-weight: 100;
        margin: 0;
    }
}

/* 合作伙伴 */
.partner {
    background-color: #fff;
    box-sizing: border-box;
    padding: 30px 0
}
.partner .top-part {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.partner .top-part .tabs {
    overflow-x: auto;
    white-space: nowrap;
}
.partner .top-part .tabs p {
    display: inline-block;
    border: 1px solid #eee;
    padding: 5px 15px;
    margin-right: 10px;
    line-height: normal;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    font-family: 'Noto Serif SC';
}
.partner .top-part .tabs p.active {
    background: #c1241d;
    border-color: #c1241d;
    color: #fff;
}

.partner .bottom-part .partners-lists {
    display: none;
}
.partner .bottom-part .partners-lists.show {
    display: block;
}
.partner .bottom-part .partners-area {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    align-items: center;
}

.partner .bottom-part .partners-area .partner-block {
    height: 7vw;
    padding: 1vw 2vw;
    display: flex;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .7s ease
}

.partner .bottom-part .partners-area .partner-block .partner-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: all .3s ease 
}
.partner .bottom-part .partners-area .partner-block:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
}
.partner .bottom-part .partners-area .partner-block:hover .partner-logo {
    transform: scale(1.3);
}

.partner .bottom-part .partners-area .partner-block-more {
    font-size: 20px;
    color: #fff;
    background-color: #c1241d
}
@media (max-width: 768px) {
    .partner .bottom-part .partners-area {
        grid-template-columns: repeat(3, 1fr);
    }
    .partner .bottom-part .partners-area .partner-block {
        height: 40px;
    }
    .partner .bottom-part .partners-area .partner-block-more {
        font-size: 14px;
    }
}

/* 联系我们 */
.contact-us {
    background-color: #fff;
    box-sizing: border-box;
    padding: 30px 0
}

.contact-us .contact-us-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2vw;
    align-items: center
}


/* 关于我们 */
.about-page .about-page-content {
    padding-top: 80px;
}
.home-page .about-page .about-page-content {
    min-height: unset;
    padding: 0;
}

.about-page .about-page-content .banner-area {
    height: 65vh;
    display: flex;
    justify-content: flex-end;
    align-items: center;    
    background-color: #333;
    background-size: cover;
    background-position: bottom
}

.about-page .about-page-content .banner-area .banner-area-color-cover {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box
}

.about-page .about-page-content .banner-area .banner-area-color-cover .banner-text-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    box-sizing: border-box;
    padding: 5vh 10vw 5vh 15vw;
    background-color: #c1241d;
    color: #fff
}

.about-page .about-page-content .intro-area {
    padding: 30px 0;
    box-sizing: border-box
}


.about-page .about-page-content .intro-area .intro-title-area {
    margin-bottom: 30px
}

.about-page .about-page-content .intro-area .intro-title-area .intro-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
}

.about-page .about-page-content .intro-area .intro-content-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2vw
}


.about-page .about-page-content .intro-area .intro-content-area .intro-text-area .intro-text {
    justify-content: space-between;
    align-items: flex-start
}


.about-page .about-page-content .intro-area .intro-content-area .intro-text-area p {
    font-size: 15px;
    line-height: 1.8;
    margin-top: 0;
}
.about-page .about-page-content .intro-area .intro-content-area .intro-text-area p:not(:last-child) {
    margin-bottom: 15px;
}


.about-page .about-page-content .intro-area .intro-content-area .intro-image-area img {
    width: 100%;
    height: 40vh;
    object-fit: cover;
    object-position: center;
    background-color: #b0b0b0
}

@media (max-width: 767px) {
    .about-page .about-page-content .intro-area .intro-content-area {
        grid-template-columns: 1fr;
    }
    .about-page .about-page-content .intro-area .intro-content-area .intro-image-area {
        display: none
    }
}

/* 研发实力 */
.research-intro {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 0;
    overflow: hidden;
}
.research-intro .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.research-intro .research-intro-bg{
    position: absolute;
    inset:0;
    z-index: -1;
    overflow:hidden;
}
.research-intro .bg-layer{
    position:absolute;
    inset:0;
    width:100%; height:100%;
    object-fit:cover;
    opacity:0;
    transition:opacity .6s ease;
    z-index:1;
    filter: blur(8px);
}
.research-intro .bg-layer.active{
    opacity:1;
    z-index:2;
}

.research-intro::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.5);
}

.research-intro .image-area {
    width: 60%;
    height: 100%
}

.research-intro .research-intro-area {
    width: 40%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 5vw;
}

.research-intro .research-intro-area .research-intro-title-area .research-intro-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #fff;
}

.research-intro .research-intro-area .research-intro-desc {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%
}

.research-intro .research-intro-area .research-intro-desc .research-intro-key-number {
    margin-top: .4rem;
    width: 50%;
    display: grid;
    grid-template-areas: 
        "icon number"
        "icon name";
    grid-template-columns: 0.8640rem 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    box-sizing: border-box;
}
.research-intro .research-intro-area .research-intro-desc .research-intro-key-number .research-intro-key-number-icon {
    grid-area: icon;
    object-fit: contain;
    width: 0.6720rem;
    height: 0.6720rem;
    opacity: .6;
}

.research-intro .research-intro-area .research-intro-desc .research-intro-key-number .research-intro-key-number-top {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}



.research-intro .research-intro-area .research-intro-desc .research-intro-key-number .research-intro-key-number-name {
    grid-area: name;
    font-size: 14px;
    color: #fff;
    opacity: .6;
}

.research-intro .research-intro-area .research-intro-desc .research-intro-key-number .research-intro-key-number-value {
    grid-area: number;
    font-size: 0.2496rem;
    font-weight: 560;
    color: #c1241d;
}

.research-intro .research-intro-area .research-intro-desc .research-intro-key-number .research-intro-key-number-value .research-intro-key-number-value-number {
    font-size: 0.36rem;
    font-weight: 560;
}
.image-list-swiper {
    overflow: hidden;
}
.image-list-swiper .image-list-swiper-container {
    width: 100%;
    height: 100%;
}

.image-list-swiper .image-list-swiper-container .swiper-pagination {
    bottom: 0px;
}

.image-list-swiper .image-card {
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .research-intro .container {
        flex-direction: column;
    }
    .research-intro .image-area {
        width: 100%;
        padding-top: 30px;
        order: 2;
    }
    .research-intro .research-intro-area {
        width: 100%;
        padding-left: 0;
    }
}


/* 市场业务发展 */
.business-intro {
    box-sizing: border-box;
    padding: 30px 0;
}

.business-intro .business-intro-title-area {
    text-align: left;
    margin-bottom: .4rem;
}

.business-intro .business-intro-title-area .business-intro-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
}

.business-intro .business-numbers-area {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 4.3200rem;
    box-sizing: border-box;
}

.business-intro .business-numbers-area .business-numbers-desc {
    width: 50%;
    box-sizing: border-box;
}

.business-intro .business-numbers-area .business-numbers-desc .business-numbers-item {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 0px;
    margin-bottom: 14px;
    text-align: left;
}

.business-intro .business-numbers-area .business-numbers-desc .business-number {
    font-size: 0.3200rem;
    font-weight: 560;
    margin: 0px 0.0576rem;
    color: rgb(193, 36, 29);
}

.business-intro .business-numbers-area .business-numbers-image-area {
    width: 45%;
    height: 100%;
    box-sizing: border-box;
}

.business-intro .business-numbers-area .business-numbers-image-area .business-numbers-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.business-intro .world-business-area {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 4.8600rem;
    margin-top: 1.0800rem;
    box-sizing: border-box;
}

.business-intro .world-business-area .word-business-image-area {
    width: 50%;
    height: 100%;
    box-sizing: border-box;
}

.business-intro .world-business-area .word-business-image-area .world-business-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

.business-intro .world-business-area .word-business-desc {
    width: 45%;
    box-sizing: border-box;
}

.business-intro .world-business-area .word-business-desc .word-business-desc-item {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 0px;
    margin-bottom: 14px;
    text-align: left;
}

@media (max-width: 767px) {
    .business-intro .business-numbers-area {
        display: unset;
    }
    .business-intro .business-numbers-area .business-numbers-desc, .business-intro .business-numbers-area .business-numbers-image-area {
        width: 100%;
    }
    .business-intro .world-business-area {
        position: relative;
        display: none;
        margin-top: 14px;
    }
    .business-intro .world-business-area::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .2);
    }
    .business-intro .world-business-area .word-business-image-area {
        width: 100%;
    }
    .business-intro .world-business-area .word-business-desc {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
}


/* 发展历程 */
.company-history {
    padding: 30px 0;
}
.timeline {
    position: relative;
    margin: 0 auto;
}

/* 时间轴中心线 */
.timeline::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 34px;
    width: 2px;
    background-color: rgba(22, 93, 255, 0.2);
    transform: translateX(-50%);
}

/* 时间卡片容器 */
.timeline-container {
    padding: 10px 0 10px 80px;
    position: relative;
    background-color: inherit;
    width: 100%;
    margin-bottom: 60px;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.timeline-container.visible {
    opacity: 1;
    transform: translateY(0);
}

/* 时间点标记 */
.timeline-container::before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    left: 18px;
    background-color: #ff9590;
    border: 4px solid #ff0b00;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
}

/* 时间内容卡片 */
.timeline-content {
    display: flex;
    flex-direction: column;
    background-color: white;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease;
    overflow: hidden;
}

.timeline-content:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.timeline-year {
    color: #c1241d;
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.timeline-text {
    padding: 30px;
}

.timeline-text h3 {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 15px;
}

.timeline-text p {
    color: #4e5969;
    margin-bottom: 15px;
}

.location {
    display: flex;
    align-items: center;
    color: #86909C;
    font-size: 0.9rem;
}

.location i {
    margin-right: 8px;
}

.timeline-image {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
}

@media screen and (min-width: 768px) {
    .timeline-content {
        flex-direction: row;
    }
    
    .timeline-text {
        width: 60%;
    }
    
    .timeline-image {
        width: 40%;
        height: auto;
    }
}

/* 动画效果 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.8s ease forwards;
}

/* 荣誉资质 */
.awards-intro {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 0;
    background-color: rgba(245, 245, 245, 0.74);
}

.awards-intro .awards-intro-title-area .awards-intro-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    margin: 0px;
}

.awards-intro .awards-intro-content-area {
    padding-top: 14px;
}

.awards-intro .awards-intro-content-area .pagination-area {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5vh;
}

.awards-intro .awards-intro-content-area .pagination-area .pagination {
    pagination-hover-color: #c1241d;
    pagination-button-color: #f6f6f6;
}

.awards-intro .awards-intro-content-area .awards-cards-area {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    gap: 14px;
    width: 100%;
}

.awards-intro .awards-intro-content-area .awards-cards-area .awards-card {
    text-align: center;
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
}

.awards-intro .awards-intro-content-area .awards-cards-area .awards-card .award-image {
    width: 100%;
    box-sizing: border-box;
    padding: 10%;
    height: 2.8080rem;
    object-fit: contain;
    transition: padding 0.5s;
}

.awards-intro .awards-intro-content-area .awards-cards-area .awards-card .awards-text-area {
    color: #333;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.awards-intro .awards-intro-content-area .awards-cards-area .awards-card .awards-text-area .award-title {
    font-size: 14px;
    margin: 0px;
    padding: 14px;
}

.awards-intro .awards-intro-content-area .awards-cards-area .awards-card .awards-text-area .award-issuer {
    font-size: 0.8vw;
    color: rgb(102, 102, 102);
    margin: 0px;
    display: block;
    text-align: right;
}

.awards-intro .awards-intro-content-area .awards-cards-area .awards-card:nth-child(4n) {
    margin-right: 0px;
}

.awards-intro .awards-intro-content-area .awards-cards-area .awards-card:hover .award-image {
    padding: 5%;
}

@media (max-width: 767px) {
    .awards-intro .awards-intro-content-area .awards-cards-area {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* 企业文化 */
.culture-page .culture-page-content {
    min-height: 100vh;
    padding-top: 80px;
    box-sizing: border-box
}

.culture-page .culture-page-content .culture-page-banner-area {
    width: 100%;
    height: 7.0200rem;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.culture-page .culture-page-content .culture-page-banner-area .culture-page-banner-text-area {
    width: 100%;
    height: 100%;
    background-color: #ffffff29;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box
}

.culture-page .culture-page-content .culture-page-banner-area .culture-page-banner-text-area .culture-page-banner-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding: 0.5400rem 1.9200rem 0.5400rem 3.2640rem;
    box-sizing: border-box;
    background-color: #c1241d;
    color: #fff
}

.culture-page .culture-page-content .culture-page-banner-area .culture-page-banner-text-area .culture-page-banner-text .banner-title {
    font-size: 0.3200rem;
    font-weight: 560;
    margin: 0 0 0.1080rem
}

.culture-page .culture-page-content .culture-page-banner-area .culture-page-banner-text-area .culture-page-banner-text .banner-subtitle {
    font-size: 0.2496rem;
    font-weight: 400;
    margin: 0
}

/* 董事长寄语 */
.chairman-message {
    width: 100%;
    box-sizing: border-box;
    padding: .4800rem 0;
}

.chairman-message .chairman-message-title-area {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box
}

.chairman-message .chairman-message-title-area .chairman-message-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #c1241d
}

.chairman-message .chairman-message-content {
    width: 100%;
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.8
}

.chairman-message .chairman-message-content .bold-word {
    font-weight: 700
}

.chairman-message .chairman-message-content .end-word {
    margin-top: 0.5400rem;
    text-align: right
}

.chairman-message .chairman-message-content .end-word .chairman-name {
    font-size: 0.4800rem;
    font-weight: 700;
    font-family: 华文行楷
}


/* 三心文化 */
.culture-intro {
    width: 100%;
    box-sizing: border-box;
    padding: .4800rem 0;
    background-color: #f6f6f6
}

.culture-intro .culture-intro-title-area {
    width: 100%;
}

.culture-intro .culture-intro-title-area .culture-intro-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #c1241d;
}

.culture-intro .culture-intro-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
}

.culture-intro .culture-intro-content .culture-intro-content-image-area {
    width: 45%;
    height: 100%;
    box-sizing: border-box
}

.culture-intro .culture-intro-content .culture-intro-content-image-area .culture-intro-content-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.culture-intro .culture-intro-content .culture-intro-text-area {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 0.2920rem;
    font-weight: 400;
    line-height: 1.8;
    text-align: left
}

.culture-intro .culture-intro-content .culture-intro-text-area .culture-intro-text-paragraph {
    width: 100%;
    margin-top: 16px;
}

.culture-intro .culture-intro-content .culture-intro-text-area .culture-intro-text-paragraph .culture-intro-text-head {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #c1241d
}

.culture-intro .culture-intro-content .culture-intro-text-area .culture-intro-text-paragraph .culture-intro-text-bold-word {
    font-weight: 560
}

.culture-intro .culture-intro-content .culture-intro-text-area .culture-intro-text-paragraph p {
    font-size: 0.1920rem
}

@media (max-width: 991px) {
    .culture-intro .culture-intro-content {
        position: relative;
        overflow: hidden;
    }
    .culture-intro .culture-intro-content .culture-intro-content-image-area {
        width: 100%;
    }
    .culture-intro .culture-intro-content .culture-intro-content-image-area::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .culture-intro .culture-intro-content .culture-intro-text-area {
        position: absolute;
        inset: 0;
        width: 100%;
        padding: 16px;
    }
    .culture-intro .culture-intro-content .culture-intro-text-area .culture-intro-text-paragraph {
        margin-top: 0;
    }
    .culture-intro .culture-intro-content .culture-intro-text-area .culture-intro-text-paragraph .culture-intro-text-head {
        color: #fff;
        font-size: 16px;
    }
    .culture-intro .culture-intro-content .culture-intro-text-area .culture-intro-text-paragraph p {
        color: #fff;
        font-size: 12px;
        margin-bottom: 5px;
    }
    .culture-intro .culture-intro-content .culture-intro-text-area .culture-intro-text-paragraph .culture-intro-text-bold-word {
        margin-right: 14px;
    }
}


/* 企业文化 */
.culture-detail {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: .4800rem 0;
}

.culture-detail .culture-detail-title-area {
    width: 100%;
}

.culture-detail .culture-detail-title-area .culture-detail-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #c1241d;
}

.culture-detail .culture-detail-content {
    width: 100%;
    height: 8.1000rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.5400rem;
    box-sizing: border-box;
    margin-top: 16px;
}

.culture-detail .culture-detail-content .culture-block {
    width: 100%;
    background-size: auto;
    box-sizing: border-box;
    transition: width .7s;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    height: 8.1000rem;
    /*background-image: url(/assets/img/culture/city.jpg);*/
}


.culture-detail .culture-detail-content .culture-block:first-child {
    background-image: url(/assets/img/culture/culture1.png);
}
.culture-detail .culture-detail-content .culture-block:nth-child(2) {
    background-image: url(/assets/img/culture/culture2.png);
}
.culture-detail .culture-detail-content .culture-block:last-child {
    background-image: url(/assets/img/culture/culture3.png);
}


.culture-detail .culture-detail-content .culture-block .culture-block-text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-backdrop-filter: blur(4px) brightness(.9) saturate(.7);
    backdrop-filter: blur(4px) brightness(.9) saturate(.7);
    justify-content: flex-start;
    padding-top: 3.0240rem;
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    transition: all .7s
}

.culture-detail .culture-detail-content .culture-block .culture-block-text .culture-block-title {
    font-size: 0.4224rem;
    font-weight: 560;
    margin: 0 0 0.2700rem
}

.culture-detail .culture-detail-content .culture-block .culture-block-text p {
    margin: 0;
    font-size: 0.2496rem
}

.culture-detail .culture-detail-content .culture-block:hover .culture-block-text {
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    padding-top: 1.9440rem
}

@media (max-width: 991px) {
    .culture-detail .culture-detail-content {
        height: auto;
        grid-template-columns: 1fr;
    }
    .culture-detail .culture-detail-content .culture-block {
        height: 100%;
        overflow: hidden;
    }
    .culture-detail .culture-detail-content .culture-block .culture-block-text {
        padding: 30px 0;
    }
    .culture-detail .culture-detail-content .culture-block .culture-block-text p {
        line-height: 2;
    }
}


/* 新闻 */
.news-center-page .news-center-page-content {
    padding: 30px 0
}
.news-banner {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.5)), url('/assets/img/factory.png');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 60px 0;
    text-align: center;
    margin-bottom: 40px;
}

.news-banner h1 {
    font-size: 2.5rem;
    margin-bottom: 15px;
}

.news-banner p {
    font-size: 1.1rem;
    max-width: 700px;
    margin: 0 auto;
}
.news-list {
    width: 100%;
}
.section-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 30px;
    color: #2c3e50;
    position: relative;
    padding-bottom: 10px;
}
@media (max-width: 767px) {
    .section-title {
        margin-bottom: 0;
    }
}

.news-card {
    background-color: white;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    margin-bottom: .4rem;
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    height: 3rem;
}

.news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

.news-image {
    flex: 0 0 35%; /* 增大缩略图占比为35% */
    overflow: hidden;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.news-card:hover .news-image img {
    transform: scale(1.05);
}

.news-content {
    flex: 1; /* 内容区域占比为65% */
    padding: .4rem;
}

.news-meta {
    display: flex;
    align-items: center;
    color: #7f8c8d;
    font-size: 14px;
    margin-bottom: .1rem;
}

.news-date {
    display: flex;
    align-items: center;
}

.news-date i, .news-category i {
    margin-right: 5px;
}

.news-category {
    display: flex;
    align-items: center;
}

.news-title {
    font-size: .3rem;
    margin-top: 0;
    margin-bottom: 15px; 
    transition: color 0.3s;
}
.news-title a {
    color: #2c3e50;
}

.news-title a:hover {
    color: #c1241d;
}

.news-excerpt {
    color: #666;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.7;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}

.read-more {
    display: inline-block;
    color: #c1241d;
    font-weight: 500;
    transition: color 0.3s;
    align-self: flex-start;
}

.read-more:hover {
    color: #2980b9;
}
@media (max-width: 992px) {
    .news-image {
        flex: 0 0 40%; /* 中等屏幕下缩略图占比增加到40% */
    }
}

@media (max-width: 768px) {
    .nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: white;
        flex-direction: column;
        gap: 0;
        box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    }
    
    .nav-links.active {
        display: flex;
    }
    
    .nav-links li {
        border-bottom: 1px solid #eee;
    }
    
    .nav-links li a {
        display: block;
        padding: 15px 20px;
    }
    
    .mobile-menu-btn {
        display: block;
    }
    
    
    .footer-column {
        flex: 100%;
    }
    
    /* 中等屏幕下调整为上下布局 */
    .news-card {
        flex-direction: column;
        height: auto;
    }
}


/* 产品中心 */
.products-center-page {
    box-sizing: border-box;
    padding-top: 10vh
}
.products-center-page .container {
    margin: .4rem auto;
    padding: 0 14px;
    display: flex;
    gap: .3rem;
}
.products-center-page .categories {
    width: 250px;
    background-color: white;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    padding: .3rem;
    height: fit-content;
    position: sticky;
    top: 114px; /* 固定在页面顶部 */
}
        
.products-center-page .categories h2 {
    font-size: 14px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 2px solid #c1241d;
}
        
.products-center-page .category-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
        
.products-center-page .category-item {
    margin-bottom: 14px;
}
        
.products-center-page .category-link {
    color: #333;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 0.1rem;
    border-radius: 4px;
    border: 1px solid #fff;
    transition: background-color 0.3s;
}
        
.products-center-page .category-link:hover, .category-link.active {
    background-color: #c1241d24;
    color: #c1241d;
    border-color: #c1241d;
}
        
.products-center-page .category-link i {
    margin-right: 0.5rem;
    font-size: 0.9rem;
}
        
/* 产品列表样式 - 桌面端 */
.products-center-page .products {
    flex: 1;
}
        
.products-center-page .products-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .4rem;
}
        
.products-center-page .products h1 {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #2c3e50;
}
        
.products-center-page .sort-filter {
    display: flex;
    align-items: center;
    gap: 1rem;
}
        
.products-center-page .sort-filter select {
    padding: 0.5rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: white;
}
        
.products-center-page .product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}
        
.products-center-page .product-card {
    position: relative;
    background-color: white;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: 0.3s;
}
.products-center-page .product-card::after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #c1241d;
    transition: 0.3s;
}
        
.products-center-page .product-card:hover {
    color: #c1241d;
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.products-center-page .product-card:hover::after {    
    width: 100%; 
}
.products-center-page .product-image {
    height: 3rem;
    overflow: hidden;
    position: relative;
}
  
.products-center-page .product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.5s;
    background: #ddd;
}
.products-center-page .product-card:hover .product-image img {
    transform: scale(1.3);
}
        
.products-center-page .product-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #e74c3c;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
}
        
.products-center-page .product-info {
    padding: 14px;
}

.products-center-page .product-title {
    font-size: 14px;
    margin: 0;
    color: #2c3e50;
    overflow: hidden;
    text-align:center;
}

.products-center-page .product-description {
    color: #666;
    font-size: 14px;
    margin: 0;
    overflow: hidden;
}

.products-center-page .product-price {
    font-weight: bold;
    color: #e74c3c;
    margin-bottom: 1rem;
}

.products-center-page .product-actions {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .products-center-page .container {
        display: block;
        padding: 0;
    }
    .products-center-page .categories {
        position: initial;
        width: 100%;
        box-shadow: none;
        padding: 0;
        border-radius: 0;
        margin-bottom: 14px;
    }
    .products-center-page .categories h2 {
        display: none;
    }
    
    .products-center-page .category-list {
        overflow-x: auto;
        white-space: nowrap;
    }
    .products-center-page .category-list::-webkit-scrollbar {
        display: none;
    }
    .products-center-page .category-item {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 14px;
    }
    .products-center-page .category-item a {
        padding: 0.1rem .4rem;
        border: 1px solid #f1f1f1;
    }
        
            
    .products-center-page .product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
            
    .products-center-page .products-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }
}
@media (max-width: 480px) {
    .products-center-page .header-container {
        flex-direction: column;
        gap: 14px;
        text-align: center;
    }
}

/* 产品详情 */
.product-detail-page .product-detail-page-content {
    min-height: 100vh;
    box-sizing: border-box;
    padding-top: 80px;
}


.product-detail-page .product-detail-page-content .product-primary-info-area {
    display: flex;
    gap: 25px;
    box-sizing: border-box
}

.product-detail-page .product-detail-page-content .product-primary-info-area .image-part {
    width: 50%
}

.product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .info-desc-part {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .info-desc-part .product-title-name {
    font-weight: bold;
    font-size: 26px;
    color: #c1241d;
    margin: 0
}

.product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .info-desc-part .product-subtitle-identifier {
    font-size: 14px;
    font-weight: 400;
    color: #a8a8a8;
}

.product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .info-desc-part .params-area {
    margin-top: 10px;
}

.product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .info-desc-part .params-area .param-item {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin: 0 0 10px
}

.product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .info-desc-part .params-area .param-item .param-title {
    font-size: 14px;
    word-break: keep-all;
}

.product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .info-desc-part .params-area .param-item .param-value {
    font-size: 14px;
    color: #666;
}

.product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .info-desc-part .params-area .param-item .param-value p {
    text-align: left
}

.product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .info-desc-part .params-area .param-item .param-value ul {
    padding: 0 0 0 1vw
}

.product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .info-desc-part .params-area .param-item .param-value ul li {
    text-align: left;
    margin: 0 0 1vh
}
.product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .info-desc-part .params-area .param-item .param-value pre {
    font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
    white-space: pre-wrap;
    word-wrap: break-word;
}


.product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .buttons-part {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%
}

.product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .buttons-part .query-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    font-size: 14px;
    padding: 0 15px;
    box-sizing: border-box;
    color: #fff;
    background-color: #c1241d;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .buttons-part .query-button:hover {
  background-color: #ff1313;
}

.product-detail-page .product-detail-page-content .collapse-area {
    width: 100%;
    box-sizing: border-box;
    padding: 0.4600rem 0
}
@media (max-width: 768px) {
    .product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .info-desc-part .params-area .param-item {
        display: block;
        margin-bottom: .15rem;
    }
    .product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part .info-desc-part .params-area .param-item .param-title {
        font-weight: 550;
    }
}
@media (max-width: 991px) {
    .product-detail-page .product-detail-page-content .product-primary-info-area {
        display: grid;
        grid-template-columns: 1fr;
    }
}

.product-image-swiper .product-image-single {
    width: 100%;
    object-fit: contain;
    box-sizing: border-box;
    height: 4.8000rem;
    padding: 5% 0;
    background: radial-gradient(circle,#ffffff80 20%,#b7b7b780 80%)
}

.product-image-swiper .product-swiper-container {
    --swiper-pagination-bullet-width: 2vw;
    --swiper-pagination-bullet-border-radius: 0;
    --swiper-pagination-bullet-height: .2vw;
    --swiper-theme-color: #ffffff
}

.product-image-swiper .product-swiper-container .product-slide {
    display: flex;
    justify-content: center;
    height: 4.8000rem
}

.product-image-swiper .product-swiper-container .product-slide .product-image {
    width: 100%;
    object-fit: cover;
    box-sizing: border-box;
    height: 100%;
    padding: 5% 0;
    background: #ddd;
}
.product-collapse .collapse-item {
    border: none;
}

.product-collapse .collapse-item .collapse-item__header {
    border-bottom: none
}

.product-collapse .collapse-item .title-area {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
}

.product-collapse .collapse-item .title-area .title-text {
    margin: 0;
    color: #c1241d
}
.product-collapse .collapse-item .desc-area {
    margin: 14px 0
}
.product-collapse .collapse-item .desc-area p {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: .5px;
    margin-bottom: 5px;
    color: #333333;
    word-break: break-all;
}

.product-collapse .collapse-item .desc-area img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.product-collapse .collapse-item .tech-params-area {
    margin-top: 14px;
    width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    grid-gap: 15px;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: baseline
}


@media (max-width: 991px) {
    .product-collapse .collapse-item .tech-params-area {
        grid-template-columns: 1fr;
    }
    .product-collapse .collapse-item .desc-area img {
        width: 100%;
    }
}

.product-collapse .collapse-item .tech-params-area .tech-param-item {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    font-size: 14px;
}

.product-collapse .collapse-item .tech-params-area .tech-param-item .param-name {
    word-break: keep-all
}

.product-collapse .collapse-item .tech-params-area .tech-param-item .param-value {
    margin: 0;
    text-align: left;
    color: #666
}
@media (max-width: 768px) {
    .product-detail-page .product-detail-page-content .product-primary-info-area {
        display: block;
    }
    .product-detail-page .product-detail-page-content .product-primary-info-area .primary-info-part {
        margin-top: .3rem;
        width: 100%;
    }
    .product-detail-page .product-detail-page-content .product-primary-info-area .image-part{
        width: 100%;
    }
    .product-collapse .collapse-item .tech-params-area .tech-param-item .param-name {
        font-weight: 550;
    }
}


/* 安装服务 */
.installation-service {
    box-sizing: border-box;
    padding-top: 10vh
}


.installation-service .page-content .qualification-block {
    width: 100%;
    box-sizing: border-box;
    padding: .5rem 0;
    text-align: left;
}

.installation-service .page-content .qualification-block .block-title {
    color: #c1241d;
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 20px;
    text-decoration: underline;
    text-underline-offset: .5em;
    text-align: center;
}

.installation-service .page-content .qualification-block .block-desc {
    font-size: clamp(14px, 5vw, 16px);
    line-height: 1.8;
    margin-bottom: 20px;
}

.installation-service .page-content .qualification-block .qualification-img {
    margin-left: 10%;
    border: .5px solid #b9b9b9;
    margin: auto;
}


.installation-process-block {
    margin: 0 auto;
    padding: .5rem 0;
    background-color: #f3f3f3
}

/* 标题样式 */
.installation-process-block .block-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #1d2129;
    text-align: center;
    margin-top: 0;
    margin-bottom: 14px;
}

/* 流程区域样式 */
.installation-process-block .process-area {
    position: relative;
    width: 100%;
}

/* 桌面端布局 */
@media (min-width: 768px) {
    .installation-process-block .process-area {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
    }

    
    .installation-process-block .process {
        width: 24%;
        text-align: center;
        position: relative;
        z-index: 2;
    }
}

/* 移动端布局 */
@media (max-width: 767px) {
    .installation-process-block .process-area {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    
    .installation-process-block .process {
        display: flex;
        align-items: flex-start;
        position: relative;
        padding-left: 45px;
    }
    
    .installation-process-block .process:not(:last-child)::after {
        content: '';
        position: absolute;
        left: 18px;
        top: 36px;
        bottom: -15px;
        width: 2px;
        background: linear-gradient(to bottom, #c1241d 0%, rgba(22, 93, 255, 0.2) 100%);
    }
}

.installation-process-block .step-number {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #c1241d;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto 8px;
}

@media (max-width: 767px) {
.installation-process-block .step-number {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
    }
.installation-process-block .process-title {
        margin-top: 8px
    }
}
.installation-process-block .process-title {
    font-size: 15px;
    color: #1d2129;
    margin-bottom: 6px;
}

.installation-process-block .process-details {
    color: #666;
    font-size: 13px;
    line-height: 1.4;
}

.installation-process-block .process-details p {
    margin-bottom: 4px;
}

.installation-process-block .process-details p:last-child {
    margin-bottom: 0;
}

.installation-process-block .process-details i {
    color: #36CFC9;
    font-size: 12px;
    margin-right: 4px;
}


.installation-service .page-content .advantage-aftersales-block {
    width: 100%;
    box-sizing: border-box
}

.installation-service .page-content .advantage-aftersales-block .advantage-block {
    box-sizing: border-box;
}

.installation-service .page-content .advantage-aftersales-block .advantage-block .block-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #c1241d;
    margin-top: 0;
}



.installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area .advantage {
    box-sizing: border-box;
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); */
    background-color: #f8f8f8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all .3s ease
}

.installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area .advantage .advantage-desc {
    font-size: 15px;
    text-align: left;
    display: none
}

.installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area .advantage:hover {
    background-color: #c1241d;
    color: #fff
}
.installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area .advantage:hover .advantage-name {
    margin: 0;
}
.installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area .advantage:hover .advantage-icon{
    display: none
}
.installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area .advantage:hover .advantage-desc {
    display: block
}
.installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area {
    display: grid;
}


.installation-service .page-content .advantage-aftersales-block .aftersales-block .block-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 14px;
}

.installation-service .page-content .advantage-aftersales-block .aftersales-block .aftersales {
    margin-bottom: .1rem
}

.installation-service .page-content .advantage-aftersales-block .aftersales-block .aftersales .aftersales-title {
    font-weight: 700;
    margin-top: 0
}


@media (min-width: 769px) {
    .installation-service .page-content .advantage-aftersales-block {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
    .installation-service .page-content .advantage-aftersales-block .advantage-block {
        padding: 10vh 6vw 10vh 10vw;
    }
    .installation-service .page-content .advantage-aftersales-block .advantage-block .block-title {
        margin-bottom: 7vh
    }
    .installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }
    .installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area .advantage {
        padding: 20px;
        width: 260px;
        height: 200px;
    }
    .installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area .advantage .advantage-icon {
        width: 60px;
        height: auto
    }
    .installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area .advantage .advantage-name {
        font-size: 20px;
        margin: 12px 0 0;
        text-align: center;
    }
    .installation-service .page-content .advantage-aftersales-block .aftersales-block {
        box-sizing: border-box;
        padding: 10vh 8vw;
        background-color: #595757;
        color: #fff;
    }
    .installation-service .page-content .advantage-aftersales-block .aftersales-block .aftersales .aftersales-title {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .installation-service .page-content .advantage-aftersales-block .aftersales-block .aftersales .aftersales-desc {
        margin-bottom: 15px;
        font-size: 14px
    }
}

@media (max-width: 768px) {
    .installation-service .page-content .advantage-aftersales-block .advantage-block {
        padding: 15px 3vw;
    }
    .installation-service .page-content .advantage-aftersales-block .advantage-block .block-title {
        margin-bottom: 15px
    }
    .installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area {
        justify-content: space-between;
    }
    .installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area .advantage {
        padding: 15px;
    }
    .installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area .advantage .advantage-icon {
        width: 24px;
        height: auto
    }
    .installation-service .page-content .advantage-aftersales-block .advantage-block .advantages-area .advantage .advantage-name {
        font-size: 16px;
        margin-top: 15px;
        text-align: center;
    }
    .installation-service .page-content .advantage-aftersales-block .aftersales-block {
        box-sizing: border-box;
        padding: 16px;
        background-color: #595757;
        color: #fff;
    }
    .installation-service .page-content .advantage-aftersales-block .aftersales-block .aftersales .aftersales-title {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .installation-service .page-content .advantage-aftersales-block .aftersales-block .aftersales .aftersales-desc {
        margin: 0;
        font-size: 12px
    }
}



.installation-service .page-content .install-cases-block {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    background-color: #f3f3f3;
    overflow: hidden;
}
.installation-service .page-content .install-cases-block .cases-area {
    overflow: hidden;
}

.installation-service .page-content .install-cases-block .block-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #c1241d;
    margin: 0 0 30px;
    text-underline-offset: .5em
}

.installation-service .page-content .install-cases-block .installs-case-swiper {
    width: 100%;
    height: 100%
}
.installation-service .page-content .install-cases-block .case-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all .3s ease
}
.installation-service .page-content .install-cases-block .case-card:hover .case-card-img {
    transform: scale(1.05);
}

.installation-service .page-content .install-cases-block .case-card .case-card-img {
    width: 100%;
    object-fit: cover;
    transition: all .3s ease
}

.installation-service .page-content .install-cases-block .case-card .case-card-name {
    position: absolute;    
    box-sizing: border-box;
    margin: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
    color: #000;
    display: block;
    -webkit-backdrop-filter: saturate(180%) blur(16px);
    backdrop-filter: saturate(180%) blur(16px);
    transition: all .3s ease;
}
.installation-service .page-content .install-cases-block .case-card:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
}
.installation-service .page-content .install-cases-block .case-card:hover .case-card-name {
    background-color: rgba(193, 36, 29, 0.5);
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
@media (min-width: 769px) {
    .installation-service .page-content .install-cases-block {
        padding: 30px 0;
    }
    .installation-service .page-content .install-cases-block .case-card .case-card-name {
        bottom: 15px;
        left: 15px;
        right: 15px;
        font-size: 14pxw;
        padding: 5px 10px;
    }
}
@media (max-width: 768px) {
    .installation-service .page-content .install-cases-block {
        padding: 15px 0;
    }
    .installation-service .page-content .install-cases-block .block-title {
        margin: 0 0 3vh;
    }
    .installation-service .page-content .install-cases-block {
        padding: 30px 3vw;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .installation-service .page-content .install-cases-block .case-card .case-card-img {
        height: 100%;
    }
    .installation-service .page-content .install-cases-block .case-card .case-card-name {
        bottom: 15px;
        left: 15px;
        right: 15px;
        font-size: 15px;
        padding: 5px 15px;
        font-weight: 400;
    }
}
.installation-service .page-content .service-areas-block {
    width: 100%;
    padding: 30px 0;
}

.installation-service .page-content .service-areas-block .block-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #c1241d;
    margin: 0;
    text-underline-offset: .5em;
    text-align: center;
}

.installation-service .page-content .service-areas-block .service-areas-area {
    display: grid;
    grid-gap: 16px;
    margin-top: 30px;
}
@media (min-width: 769px) {
    .installation-service .page-content .service-areas-block .service-areas-area {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px) {
    .installation-service .page-content .service-areas-block .service-areas-area {
        grid-template-columns: 1fr;
    }
}
.installation-service .page-content .service-areas-block .service-areas-area .service-area-card {
    background-color: #f8f8f8;
    padding: 15px;
    transition: all .7s ease;
}
.installation-service .page-content .service-areas-block .service-areas-area .service-area-card:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
}

.installation-service .page-content .service-areas-block .service-areas-area .service-area-card .area-name {
    font-size: 14px;
    background-color: #c1241d;
    color: #fff;
    width: fit-content;
    padding: 5px 15px;
    margin: 0;
}

.installation-service .page-content .service-areas-block .service-areas-area .service-area-card .area-company {
    font-size: 16px;
    color: #000;
    margin-top: 10px;
    margin-bottom: 14px;
}

.installation-service .page-content .service-areas-block .service-areas-area .service-area-card .area-address {
    font-size: 14px;
    color: #666;
    margin-bottom: 14px
}

.installation-service .page-content .service-areas-block .service-areas-area .service-area-card .area-contact {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #666;
}

.installation-service .page-content .service-areas-block .service-areas-area .service-area-card .area-contact .area-contact-telephone,.installation-service .page-content .service-areas-block .service-areas-area .service-area-card .area-contact .area-contact-wechat {
    margin-bottom: 1vh
}


/* 解决方案 */
.solution-page .page-content {
    padding-top: 80px;
    box-sizing: border-box;
    min-height: 100vh
}

.solution-page .page-content .page-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #c1241d;
    text-underline-offset: .5em;
    margin: 30px 0;
    text-align: center;
}

.solution-page .page-content .product-area {
    background-color: #dbdbdb;
    padding: 20px 0;
}

.solution-page .page-content .product-area .product-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 30px;
    display: block;
    text-align: center;
}
@media (max-width: 991px) {
    .solution-page .page-content .product-area {
        margin-top: 14px;
    }
}

.solution-page .page-content .cases-area {
    padding: 30px 0;
    background-color: #f3f3f3
}

.solution-page .page-content .cases-area .product-title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 30px;
    display: block;
    text-align: center;
}
.intro-img {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.intro-img img {
    height: auto
}
@media (min-width: 991px) {
    .intro-img img {
        width: 60%;
    }
}
@media (max-width: 991px) {
    .intro-img img {
        width: 90%;
    }
}
.solution-product-swiper-comp {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    box-sizing: border-box
}

.solution-product-swiper-comp .product-swiper {
    width: 100%;
    box-sizing: border-box
}

.solution-product-swiper-comp .product-swiper .product-slide {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.solution-product-swiper-comp .product-swiper .product-slide .cover-area {
    width: 50%;
    height: 100%;
    border-right: 1px solid darkgray;
    box-sizing: border-box;
    background: radial-gradient(#fff 10%,#dbdbdb 45%)
}

.solution-product-swiper-comp .product-swiper .product-slide .cover-area .product-cover {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.solution-product-swiper-comp .product-swiper .product-slide .product-intro {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.solution-product-swiper-comp .product-swiper .product-slide .product-intro .intro-area {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}


.solution-product-swiper-comp .product-swiper .product-slide .product-intro .intro-area .product-identifier {
    font-size: 14px;
    margin-bottom: 10px;
    color: #a8a8a8;
    font-weight: 400;
    margin-top: 0;
}

.solution-product-swiper-comp .product-swiper .product-slide .product-intro .intro-area .product-params {
    width: 100%;
    display: flex;
    flex-direction: column
}

.solution-product-swiper-comp .product-swiper .product-slide .product-intro .intro-area .product-params .product-param {
    width: 100%;
    font-size: 14px;
    display: flex;
    margin: 0
}

.solution-product-swiper-comp .product-swiper .product-slide .product-intro .intro-area .product-params .product-param .product-param-line {
    margin: 0 0 1vw
}


.solution-product-swiper-comp .product-swiper .product-slide .product-intro .intro-area .product-params .product-param .product-param-list {
    display: flex
}

.solution-product-swiper-comp .product-swiper .product-slide .product-intro .intro-area .product-params .product-param .product-param-list .param-name {
    word-break: keep-all
}

.solution-product-swiper-comp .product-swiper .product-slide .product-intro .intro-area .product-params .product-param .product-param-list .param-value-list {
    width: 80%;
    text-align: left;
}
.solution-product-swiper-comp .product-swiper .product-slide .product-intro .intro-area .product-params .product-param .product-param-list .param-value-list pre {
    font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
    white-space: pre-wrap;
    word-wrap: break-word;
}

.solution-product-swiper-comp .product-swiper .product-slide .product-intro .intro-area .product-params .product-param .product-param-list .param-value-list .param-value {
    text-align: left;
    margin-bottom: 1vw
}

.solution-product-swiper-comp .product-swiper .product-slide .product-intro .detail-button {
    display: flex;
    width: 100%;
    justify-content: end;
}

.solution-product-swiper-comp .product-swiper .product-slide .product-intro .detail-button .button-text {
    font-size: 14px;
    color: #c1241d;
    text-decoration: underline;
    text-underline-offset: .5em
}
.solution-product-swiper-comp .product-swiper .swiper-button-prev, .solution-product-swiper-comp .product-swiper .swiper-button-next {
    color: #000;
    --swiper-navigation-size: 0.2880rem;
}

@media (min-width: 991px) {
    .solution-product-swiper-comp .product-swiper .product-slide {
        height: 60vh;
    }
    .solution-product-swiper-comp .product-swiper .product-slide .product-intro {
        width: 50%;
        height: 100%;
        padding-left: 5vw;
        padding-bottom: 2vw;
        font-size: 1.2vw
    }
    .solution-product-swiper-comp .product-swiper .product-slide .product-intro .intro-area .product-name {
        font-family: 'Noto Serif SC';
        font-weight: bold;
        font-size: 26px;
        margin-bottom: 14px
    }
}
@media (max-width: 991px) {
    .solution-product-swiper-comp .product-swiper .product-slide {
        height: 180px;
    }
    .solution-product-swiper-comp .product-swiper .product-slide .product-intro {
        width: 50%;
        height: 100%;
        padding-left: .4rem;
        padding-bottom: 14px;
        font-size: 14px
    }
    .solution-product-swiper-comp .product-swiper .product-slide .product-intro .intro-area .product-name {
        font-size: 16px;
    }
    .soltion-product-swiper-comp .product-swiper .product-slide .product-intro .intro-area .product-identifier {
        font-size: 12px;
    }
    .solution-product-swiper-comp .product-swiper .product-slide .product-intro .intro-area .product-params .product-param,
    .solution-product-swiper-comp .product-swiper .product-slide .product-intro .intro-area .product-params .product-param {
        font-size: 12px;
    }
}

.solution-case-swiper {
    height: 4rem
}

.solution-case-swiper .case-swiper {
    width: 100%;
    height: 100%
}

.solution-case-swiper .case-swiper .case-slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.solution-case-swiper .case-swiper .case-slide .case-img {
    width: 4rem;
    height: 100%;
    display: block;
    object-fit: cover;
}

.solution-case-swiper .swiper-wrapper {
    -webkit-transition-timing-function: linear!important;
    -o-transition-timing-function: linear!important;
    transition-timing-function: linear!important
}
.solution-intro-enterprise {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 30px;
}

.solution-intro-enterprise .solution-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    background-color: rgb(243, 243, 243);
    transition: 0.2s ease-in-out;
    overflow: hidden;
}


.solution-intro-enterprise .solution-item .number {
    position: relative;
    font-size: .3rem;
    color: rgb(255, 255, 255);
    background-color: rgb(193, 36, 29);
    width: .6rem;
    height: .6rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: 0.2s ease-in-out;
}
.solution-intro-enterprise .solution-item .number::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: .6rem;
    height: .6rem;
    background: rgb(193,36,29);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: transform .2s ease-in-out, border-radius .2s ease-in-out;
    z-index: -1;
}

.solution-intro-enterprise .solution-item .solution {
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-top: 20px;
}

.solution-intro-enterprise .solution-item:nth-child(2n+1) {
    background-color: rgb(193, 36, 29);
}
.solution-intro-enterprise .solution-item:nth-child(2n+1) .number {
    background-color: rgb(243, 243, 243);
    color: rgb(193, 36, 29);
}

.solution-intro-enterprise .solution-item:nth-child(2n+1) .number::before {
    background-color: rgb(243, 243, 243);
}

.solution-intro-enterprise .solution-item:nth-child(2n+1) .solution {
    color: rgb(255, 255, 255);
}
.solution-intro-enterprise .solution-item:hover .solution {
    color: rgb(243, 243, 243);
}
.solution-intro-enterprise .solution-item:hover .number::before {
    transform: translate(-50%, -50%) scale(10);
    transform-origin: center;
    border-radius: 12px;
}
.solution-intro-enterprise .solution-item:nth-child(2n+1):hover .solution {
    color: rgb(193, 36, 29);
}

@media (max-width: 991px) {
    .solution-intro-enterprise {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}


.solution-intro-station {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding-bottom: 30px;
    box-sizing: border-box;
    width: 100%;
}

.solution-intro-station .solution-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.solution-intro-station .solution-item .icon {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}
.solution-intro-station .solution-item .icon:hover {
    transform: scale(1.4);
}

.solution-intro-station .solution-item .solution {
    font-size: 16px;
    text-align: center;
    word-break: keep-all;
}

@media (max-width: 768px) {
    .solution-intro-station {
        gap: 20px;
    }
    .solution-intro-station .solution-item .icon {
        width: 30px;
        height: 30px;
        margin-bottom: 10px;
    }
}


/* 分页 */
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.pagination li {
    margin: 0 5px;
}

.pagination li a {
    display: block;
    padding: 10px 20px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #ddd;
    color: #333;
    transition: all 0.3s;
}

.pagination li a:hover,
.pagination li.active a {
    background-color: #f6dcdb;
    color: #c1241d;
    border-color: #c1241d;
}


/* 合作模式 */
.cooperation-page .page-content {
    box-sizing: border-box;
    padding-top: 80px;
    min-height: 100vh
}


.cooperation-page .page-content .cooperation-list-area {
    width: 100%;
    background-color: #f3f3f3;
    box-sizing: border-box;
    padding: 10vh 0;
    text-align: center
}

.cooperation-page .page-content .cooperation-list-area .title-area {
    margin-bottom: 5vh
}

.cooperation-page .page-content .cooperation-list-area .title-area .title-en {
    font-size: clamp(14px, 20px, 26px);
    color: #7a7a7a;
    font-weight: 400;
    margin: 0
}

.cooperation-page .page-content .cooperation-list-area .title-area .title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #000;
    margin: 0
}

.cooperation-page .page-content .cooperation-list-area .cooperation-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.cooperation-page .page-content .cooperation-list-area .cooperation-list .cooperation-item {
    width: 20vw;
    height: 30vw;
    box-sizing: border-box;
    margin: 0 1vw 0 0;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: width .3s ease-in-out
}

.cooperation-page .page-content .cooperation-list-area .cooperation-list .cooperation-item .cooperation-item-cover {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    color: #fff;
    box-sizing: border-box;
    padding: 2vh 2vw;
    transition: background-color .3s ease-in-out
}

.cooperation-page .page-content .cooperation-list-area .cooperation-list .cooperation-item .cooperation-item-cover .cooperation-item-name-en {
    font-size: 14px;
    margin: 0;
    font-weight: 400
}

.cooperation-page .page-content .cooperation-list-area .cooperation-list .cooperation-item .cooperation-item-cover .cooperation-item-name {
    font-size: 18px;
    margin: 0;
    font-weight: 400
}

.cooperation-page .page-content .cooperation-list-area .cooperation-list .cooperation-item .cooperation-item-cover .cooperation-item-description {
    font-size: 16px;
    color: #fff;
    display: none;
}

.cooperation-page .page-content .cooperation-list-area .cooperation-list .cooperation-item-hover {
    width: 34vw
}

.cooperation-page .page-content .cooperation-list-area .cooperation-list .cooperation-item-hover .cooperation-item-cover {
    background-color: #c1241d!important
}
.cooperation-page .page-content .cooperation-list-area .cooperation-list .cooperation-item-hover .cooperation-item-cover .cooperation-item-description{
    display: block;
}

.cooperation-page .page-content .cooperation-list-area .cooperation-list .cooperation-item-not-hover {
    width: 14vw
}
.cooperation-page .page-content .cooperation-list-area .cooperation-list .cooperation-item-not-hover .cooperation-item-description{
    display: none;
}

@media (max-width: 991px) {
    .cooperation-page .page-content .cooperation-list-area {
        padding: 0.5rem 14px;
    }
    .cooperation-page .page-content .cooperation-list-area .title-area {
        margin-bottom: .3rem;
    }
    .cooperation-page .page-content .cooperation-list-area .cooperation-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
    .cooperation-page .page-content .cooperation-list-area .cooperation-list .cooperation-item, .cooperation-page .page-content .cooperation-list-area .cooperation-list .cooperation-item-not-hover,.cooperation-page .page-content .cooperation-list-area .cooperation-list .cooperation-item-hover {
        width: 100%;
    }
    .cooperation-page .page-content .cooperation-list-area .cooperation-list .cooperation-item .cooperation-item-cover .cooperation-item-name {
        font-size: 0.3rem;
    }
}

.cooperation-page .page-content .form-area {
    width: 100%;
    box-sizing: border-box;
    padding: 10vh 10vw
}

.cooperation-page .page-content .form-area .form-area-title {
    text-align: right;
    margin-bottom: 5vh
}

.cooperation-page .page-content .form-area .form-area-title .form-title-en {
    font-size: 20px;
    color: #7a7a7a;
    font-weight: 400;
    margin: 0
}

.cooperation-page .page-content .form-area .form-area-title .form-title {
    font-size: .3rem;
    color: #000;
    margin: 0
}

.cooperation-page .page-content .form-area .button-area {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5vh
}

.cooperation-page .page-content .form-area .button-area .submit-button {
    box-sizing: border-box;
    padding: 1vh 2vw;
    background-color: #c1241d;
    color: #fff;
    text-align: center;
    font-size: 1.3vw;
    cursor: pointer;
    transition: background-color .3s ease-in-out
}

.cooperation-page .page-content .form-area .button-area .submit-button:hover {
    background-color: #951c16
}

/* 新闻详情 */
.news-detail-page .news-detail-page-content{
    padding: 80px 0;
}


.news-detail-page .news-detail-page-top{
    padding-bottom: 14px;
    border-bottom: 2px solid #e8e8e8
}

.news-detail-page .news-detail-page-top .news-detail-page-title {
    font-size: 26px;
}

.news-detail-page .news-detail-page-top .news-detail-page-subtitle {
    display: flex;
    justify-content: flex-start;
    margin-top: 14px;
    font-size: 14px;
    font-family: 'Noto Serif SC';
}

.news-detail-page .news-detail-page-top .news-detail-page-subtitle .news-detail-page-date{
    color: #999
}

.news-detail-page .news-detail-page-top .news-detail-page-subtitle .news-detail-page-read{
    color: #999;
    margin-left: 14px
}

.news-detail-page .news-detail-page-main{
    margin-top: 14px;
}

.news-detail-page-main-content p {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: .5px;
    margin-bottom: 22px;
    color: #333333;
    word-break: break-all;
}
.news-detail-page-main-content p.pic_center {
    margin: 15px 0;
}
.news-detail-page-main-content img{
    display: block;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
}

.news-detail-page .news-detail-page-surr {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.news-detail-page .news-detail-page-surr .news-title-block {
    width: 40%;
    font-size: 16px;
}

.news-detail-page .news-detail-page-surr .news-title-block a{
    color: #c1241d;
    text-underline-offset: .4vw
}

.news-detail-page .news-detail-page-surr .left{
    text-align: left
}

.news-detail-page .news-detail-page-surr .right{
    text-align: right
}

.news-detail-page .news-detail-page-surr .return-button{
    width: 20%;
    font-size: 16px;
    text-align: center
}

.news-detail-page .news-detail-page-surr .return-button a{
    color: #c1241d;
    text-underline-offset: .4vw
}

@media (max-width: 768px) {
    .news-detail-page .news-detail-page-surr {
        flex-direction: column;
    }
    .news-detail-page .news-detail-page-surr .news-title-block {
        width: 100%;
        text-align: left;
        margin-bottom: 14px;
    }
    .news-detail-page .news-detail-page-surr .return-button {
        order: 3;
        width: 100%;
        text-align: center;
    }
}


.news-detail-page-main-content p.pic_center {
    text-align: center;
}

/* 联系我们 */
.contact-page .page-content {
    padding-top: 80px;
    min-height: 100vh;
    box-sizing: border-box;
    position: relative
}


.contact-page .page-content .contact-info-area .contact-title-area .contact-subtitle {
    font-size: 16px;
    color: #a8a8a8;
    margin: 1vh 0
}

.contact-page .page-content .contact-info-area .contact-infos {
    margin-top: 2vh
}
@media (min-width: 991px) {
    .contact-page .page-content .contact-info-area .contact-infos {
        display: grid;
        align-items: center;
        grid-template-columns: repeat(3, 1fr);
    }
}

.contact-page .page-content .contact-info-area .contact-infos .contact-info {
    color: #000;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: .5vh 0
}

.contact-page .page-content .contact-info-area .contact-infos .contact-info p {
    word-break: keep-all;
    margin: 0
}

.contact-page .page-content .company-area {
    width: 100%;
    box-sizing: border-box;
}

.contact-page .page-content .company-area .headquarters-area {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.contact-page .page-content .company-area .headquarters-area .text-intro-area {
    width: 50%;
    box-sizing: border-box
}

.contact-page .page-content .company-area .headquarters-area .text-intro-area .title-area {
    position: relative;
    padding-top: 3vh;
    box-sizing: border-box;
    padding-left: 2vw;
    margin-bottom: 3vh
}

.contact-page .page-content .company-area .headquarters-area .text-intro-area .title-area .title-en {
    font-size: 3vw;
    color: #e5e5e5;
    font-weight: 700;
    letter-spacing: .2vw;
    position: absolute;
    top: -1vh;
    margin: 0;
    left: .3vw;
    z-index: -1
}

.contact-page .page-content .company-area .headquarters-area .text-intro-area .title-area .title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #000;
    margin: 0
}

.contact-page .page-content .company-area .headquarters-area .text-intro-area .company-name {
    padding-left: 2vw;
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #000;
    margin-top: 1vh;
    margin-bottom: 3vh
}

.contact-page .page-content .company-area .headquarters-area .text-intro-area .contact-area {
    display: flex;
    flex-direction: column;
    padding-left: 2vw;
}

.contact-page .page-content .company-area .headquarters-area .text-intro-area .contact-area p {
    font-size: 1vw;
    color: #000;
    margin: 1vh 0
}

.contact-page .page-content .company-area .headquarters-area .text-intro-area .contact-area .address,.contact-page .page-content .company-area .headquarters-area .text-intro-area .contact-area .phone {
    display: flex;
    align-items: center
}

.contact-page .page-content .company-area .headquarters-area .text-intro-area .contact-area .address img,.contact-page .page-content .company-area .headquarters-area .text-intro-area .contact-area .phone img {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-right: .5vw
}

.contact-page .page-content .company-area .headquarters-area .map-img-area {
    width: 50%;
    height: 100%;
    box-sizing: border-box
}

.contact-page .page-content .company-area .headquarters-area .map-img-area .map-img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.contact-page .page-content .company-area .branches-area {
    padding-top: 10vh
}

.contact-page .page-content .company-area .branches-area .branches-area-title-area {
    position: relative;
    padding-top: 3vh;
    box-sizing: border-box;
    padding-left: 2vw;
    margin-bottom: 3vh
}

.contact-page .page-content .company-area .branches-area .branches-area-title-area .title-en {
    font-size: 3vw;
    color: #e5e5e5;
    font-weight: 700;
    letter-spacing: .2vw;
    margin: 0;
    position: absolute;
    top: -1vh;
    left: .3vw;
    z-index: -1
}

.contact-page .page-content .company-area .branches-area .branches-area-title-area .title {
    font-family: 'Noto Serif SC';
    font-weight: bold;
    font-size: 26px;
    color: #000;
    margin: 0
}

.contact-page .page-content .company-area .branches-area .branches {
    margin-top: 5vh;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5vw
}

.contact-page .page-content .company-area .branches-area .branches .branch-item {
    box-sizing: border-box;
    padding: 3vh 1.4vw;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    transition: all .3s ease
}

.contact-page .page-content .company-area .branches-area .branches .branch-item .text-intro-area .branch-role {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 10px
}

.contact-page .page-content .company-area .branches-area .branches .branch-item .text-intro-area .branch-name {
    font-size: 16px;
    font-family: 'Noto Serif SC';
    font-weight: 700;
    margin-bottom: 16px
}

.contact-page .page-content .company-area .branches-area .branches .branch-item .text-intro-area .address {
    display: flex;
    align-items: baseline;
    font-size: 14px
}


.contact-page .page-content .company-area .branches-area .branches .branch-item .text-intro-area .address img {
    width: 1vw;
    height: 1vw;
    transform: translateY(.3vh);
    object-fit: contain;
    margin-right: .5vw
}

.contact-page .page-content .company-area .branches-area .branches .branch-item .go-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-top: 5vh
}

.contact-page .page-content .company-area .branches-area .branches .branch-item-hovered {
    background-color: #c1241d;
    color: #fff
}

@media (min-width: 769px) {
    .contact-page .page-content .company-area {
        padding: 32vh 10vw 10vh
    }
    .contact-page .page-content .contact-info-area {
        width: 80vw;
        box-sizing: border-box;
        position: absolute;
        top: 30vh;
        left: 10vw;
        padding: 5vh 5vw;
        background-color: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    }
    .contact-page .page-content .contact-info-area .contact-title-area .contact-title {
        font-family: 'Noto Serif SC';
        font-weight: bold;
        font-size: 26px;
        color: #000;
        margin: 0
    }
}

@media (max-width: 991px) {
    .contact-page .page-content .company-area {
        padding: 16px;
    }
    .contact-page .page-content .company-area .headquarters-area {
        position: relative;
    }
    .contact-page .page-content .company-area .headquarters-area .map-img-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .contact-page .page-content .company-area .headquarters-area .map-img-area::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .contact-page .page-content .company-area .headquarters-area .map-img-area img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .contact-page .page-content .contact-info-area {
        box-sizing: border-box;
        padding: 16px;
        margin: 16px;
        background-color: #f8f8f8;
    }
    .contact-page .page-content .company-area .headquarters-area .text-intro-area {
        position: relative;
        z-index: 1;
        width: calc(100% - 30px);
        margin: 0 15px;
        padding: 114px 0;
    }
    .contact-page .page-content .company-area .headquarters-area .text-intro-area .title-area {
        margin-bottom: 13px;
        padding: 0;
    }
    .contact-page .page-content .company-area .headquarters-area .text-intro-area .title-area .title-en {
        color: #a0a0a0;
        font-size: 0.38rem;
        line-height: 1.625em;
    }
    .contact-page .page-content .company-area .headquarters-area .text-intro-area .title-area .title {
        color: #fefefe;
        font-size: 0.38rem;
        line-height: 1.625em;
    }
    .contact-page .page-content .company-area .headquarters-area .text-intro-area .company-name {
        font-size: 0.28rem;
        color: #fefefe;
        font-weight: 400;
    }
    .contact-page .page-content .company-area .headquarters-area .text-intro-area .contact-area p {
        font-size: 0.28rem;
        color: #fefefe;
    }
    .contact-page .page-content .contact-info-area .contact-title-area .contact-title {
        font-size: 15px;
        color: #000;
        font-weight: 700;
        margin: 0
    }
    .contact-page .page-content .company-area .headquarters-area .text-intro-area .contact-area svg {
        fill: #fefefe;
        margin-right: 14px;
    }
    .contact-page .page-content .company-area .branches-area {
        padding-top: 0.4rem;
    }
    .contact-page .page-content .company-area .branches-area .branches-area-title-area {
        margin-bottom: 15px;
        padding: 0;
    }
    .contact-page .page-content .company-area .branches-area .branches-area-title-area .title-en {
        font-size: 0.38rem;
        line-height: 1.625em;
    }
    .contact-page .page-content .company-area .branches-area .branches-area-title-area .title {
        font-size: 0.38rem;
        line-height: 1.625em;
    }
    .contact-page .page-content .company-area .branches-area .branches {
        counter-reset: branch-counter;
        margin-top: 0.4rem;
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.4rem;
    }
    .contact-page .page-content .company-area .branches-area .branches .branch-item {
        position: relative;
        background-color: #f8f8f8;
        padding: 16px;
        box-shadow: none;
    }
    .branch-item::before {
        counter-increment: branch-counter;
        content: counter(branch-counter, decimal-leading-zero);
        position: absolute;
        top: 5px;
        right: 10px;
        color: rgba(0, 0, 0, 0.3);
        font-size: 18px;
        font-family: HelveticaNeueLTPro, 微软雅黑;
    }
    .contact-page .page-content .company-area .branches-area .branches .branch-item .text-intro-area .address img {
        width: 14px;
        height: 14px;
        margin-right: 5px;
    }
    .contact-page .page-content .company-area .branches-area .branches .branch-item .text-intro-area .contact-area {
        margin-top: 14px;
    }
}



/* 版本部分 */
.nav-footer {
    box-sizing: border-box;
    padding: 0.5400rem 0.9600rem;
    background-color: #2d2d2d;
}

.nav-footer .left-part {
    width: 4rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.nav-footer .left-part .logo-img {
    height: 40px;
    margin-bottom: 14px;
    object-fit: contain
}

.nav-footer .middle-part {
    height: 100%;
    display: flex;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    justify-content: space-between;
    align-items: flex-start
}

.nav-footer .middle-part .copyright-area .copyright-info {
    text-align: left;
    font-size: 14px;
    color: #a8a8a8;
    margin-top: 10px
}

.nav-footer .middle-part .nav-line {
    width: 1.5360rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.nav-footer .middle-part .nav-line .nav-name {
    font-size: 14px;
    font-weight: 560;
    color: #fff;
    margin: 0.1080rem 0
}

.nav-footer .middle-part .nav-line .sub-nav-part {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.nav-footer .middle-part .nav-line .sub-nav-part .sub-nav-name {
    font-size: 14px;
    color: #a8a8a8;
    margin: 0.0540rem 0
}

.nav-footer .right-part {
    width: 5rem;
    box-sizing: border-box;
    padding-left: 0.3840rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.nav-footer .right-part .top-right-part {
    width: 100%;
    height: 50%;
    line-height: 1.8;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.nav-footer .right-part .top-right-part .title {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px
}

.nav-footer .right-part .top-right-part .contact-info {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    color: #a8a8a8;
    align-items: baseline
}

.nav-footer .right-part .top-right-part .contact-info .contact-info-title {
    font-size: 14px;
    word-break: keep-all;
    text-align: left;
    margin: 0
}

.nav-footer .right-part .top-right-part .contact-info .contact-info-value {
    font-size: 14px;
    margin: 0;
    text-align: left
}

.nav-footer .right-part .bottom-right-part {
    width: 100%;
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end
}

.nav-footer .right-part .bottom-right-part .title {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px
}

.nav-footer .right-part .bottom-right-part .social-media {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}
.nav-footer .right-part .bottom-right-part .social-media .social-item {
    position: relative;
    display: block;
    margin-left: 15px;
}

.nav-footer .right-part .bottom-right-part  .social-media .social-item .social-icon {
    width: 35px;
    height: 35px;
    object-fit: contain;
}
.nav-footer .right-part .bottom-right-part  .social-media .social-item .qr-box {
  position: absolute;
  bottom: 100%;            /* 出现在图标上方 */
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  width: 120px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
  pointer-events: none;    /* 鼠标事件穿透，不影响 hover 离开判断 */
}

.nav-footer .right-part .bottom-right-part .social-media .social-item .qr-box img {
  width: 120px;            /* 二维码大小 */
  height: 120px;
  border: 4px solid #fff;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,.15);
}
.nav-footer .right-part .bottom-right-part .social-media .social-item:hover .qr-box,
.nav-footer .right-part .bottom-right-part .social-media .social-item .qr-box:hover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media (min-width: 769px) {
  .nav-footer {
    display: flex;
    justify-content: space-between;
    align-items: center
  }
}


@media (max-width: 768px) {
    .nav-footer {
        padding: 15px 3vw;
    }
    .nav-footer .left-part .logo-img {
        margin-bottom: 0;
    }
  .nav-footer .middle-part {
    width: 100%;
    padding-left: 0;
    padding-right: 0
  }
  .nav-footer .right-part {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-top: 15px;
  }
  .nav-footer .right-part .top-right-part .title,.nav-footer .right-part .bottom-right-part {
    display: none;
  }
}