body {
    font-size: 14px;
    font-family: 'Noto Sans SC','PingFang SC ', sans-serif;
    color: #000;
    padding: 0px;
    margin: 0 auto;
    overflow-x: hidden;
}
:root {
    --padding:80px 10px;
    --margin:90px auto;
    --m80:80px 0;
    --m50:50px 0;
    --f80:80px;
    --f70:70px;
    --f60:60px;
    --f50:50px;
    --f48:48px;
    --f40:40px;
    --f36:36px;
    --f30:30px;
    --f28:28px;
    --f26:26px;
    --f24:24px;
    --f22:22px;
    --f20:20px;
    --f18:18px;
    --border: #eee solid 1px;
    --wrapper: 1460px;
    --main-color: #14616A;
    --main2-color: #14616A;
    --main3-color: #14616A;
    --listbg: #fff;
 }
body a {
    color: #000;
        text-decoration: none !important;
    transition: all ease 0.3s;
}
a:hover, a:focus {
    color: var(--main-color);
    text-decoration: underline;
}
body li {
    list-style-type: none; 
}

p,
ul,
li,
h5,
h4,
h3,
h2,
h1 {
    padding: 0px;
    margin: 0 auto;
    list-style-type: none;
}

img,
a img {
    border: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    max-width: 100%;
}

input {
    outline: none
}
.fyan{
    width: 100%;
    text-align: center;
}
.pagination {display: inline-flex;gap: 8px;width: 100%;justify-content: center;}
.pagination a, .pagination span { display: inline-block; padding: 8px 14px; border: 1px solid #e0e0e0; border-radius: 4px; font-size: 13px; color: #555; }
.pagination a:hover { background: var(--main3-color); color: #fff; border-color: var(--main3-color); }
.pagination span.current { background: var(--main3-color); color: #fff; border-color: var(--main3-color); }




.plate_w{}
.plate_title {}

.swiper-button-next{
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
}
.swiper-button-next:after{
    font-size: 22px;
    font-weight: 1000;
    color: #333;
}


.swiper-button-prev{
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
}
.swiper-button-prev:after{
    font-size: 22px;
    font-weight: 1000;
    color: #333;
}

.swiper-button-next:hover{
    background: var(--main3-color);
}
.swiper-button-next:hover:hover:after{
    color: #fff;
}
.swiper-button-prev:hover{
    background: var(--main3-color);
}
.swiper-button-prev:hover:after{
    color: #fff;
}

table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: .9em;
    margin-block-end:15px;width: 100%
}

table td,table th {
    border: 1px solid hsla(0,0%,50%,.502);
    line-height: 1.5;
    padding: 15px;
    vertical-align: top
}

table th {
    font-weight: 700
}

table tfoot th,table thead th {
    font-size: 1em
}

table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th {
    border-block-start:1px solid hsla(0,0%,50%,.502)}

table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th {
    background-color: hsla(0,0%,50%,.071)
}

table tbody tr:hover>td,table tbody tr:hover>th {
    background-color: hsla(0,0%,50%,.102)
}

table tbody+tbody {
    border-block-start:2px solid hsla(0,0%,50%,.502)}

@media(max-width: 767px) {
    table table {
        font-size:.8em
    }

    table table td,table table th {
        line-height: 1.3;
        padding: 7px
    }

    table table th {
        font-weight: 400
    }
}


/* 页面内容居中 90% */
.page-wrap {
  width: 90%;
  margin: 0 auto;
}

/* 顶部导航 */
.site-header {
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 100;
}

.header-inner {
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  transform: translateY(-18px);
  animation: headerIn 0.9s ease forwards;
}

@keyframes headerIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Logo */
.logo-area {
  display: flex;
  align-items: center;
  gap: 14px;
}

.logo-mark {
  width: 152px;
  object-fit: contain;
}

.logo-text {
  font-size: 24px;
  font-weight: 700;
  color: #0b5c64;
  letter-spacing: 2px;
}

.logo-sub {
  font-size: 13px;
  color: #666;
  margin-top: 2px;
}

/* 右侧分组：菜单 + 电话 + 多语言 */
.header-right {
  display: flex;
  align-items: center;
  gap: 40px;
}

/* 桌面菜单 */
.main-nav {
  display: flex;
  align-items: center;
  gap: 34px;
  list-style: none;
}

.nav-item {
  position: relative;
  font-size: 16px;
  color: #222;
  cursor: pointer;
  padding: 8px 0;
  transition: color 0.3s ease;
}

.nav-item:hover {
  color: #0b5c64;
}

.nav-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #0b5c64;
  transition: width 0.3s ease;
}

.nav-item:hover::after {
  width: 100%;
}

/* 下拉箭头：只给有二级菜单的项目使用 */
.arrow {
  display: inline-block;
  font-size: 12px;
  margin-left: 4px;
  transition: transform 0.3s ease;
}

.nav-item.has-sub:hover .arrow {
  transform: rotate(180deg);
}

/* 二级下拉菜单 */
.submenu {
  position: absolute;
  left: 0;
  top: 100%;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  min-width: 160px;
  border-radius: 4px;
  padding: 8px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 99;
}

.nav-item.has-sub:hover .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.submenu li {
  list-style: none;
  padding: 10px 16px;
  font-size:15px;
  white-space:nowrap;
  transition: background 0.2s;
}
.submenu li:hover{
  background:#f4f8f9;
  color:#0b5c64;
}

/* 右侧电话与多语言 */
.info-group {
  display: flex;
  align-items: center;
  gap: 18px;
}

.tel-info {
  display: flex;
  align-items: center;
  gap: 18px;
  padding-right: 18px;
  border-right: 1px solid #e5e5e5;
}

.tel-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #0b5c64;
  font-size: 15px;
  font-weight: 500;
  transition: color 0.3s ease;
}

.tel-item:hover {
  color: #08454b;
}

.tel-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #0b5c64;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  flex-shrink: 0;
}

.lang-switch {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #333;
}

.lang-switch span {
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.lang-switch span:hover {
  background: #0b5c64;
  color: #fff;
}

.lang-switch .divider {
  color: #bbb;
  padding: 0 2px;
}

/* 汉堡按钮 */
.hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.hamburger span {
  display: block;
  height: 3px;
  background: #0b5c64;
  border-radius: 2px;
  transition: 0.3s ease;
}

/* 移动端右侧滑出导航 */
.mobile-nav {
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  max-width: 80vw;
  height: 100vh;
  background: #fff;
  box-shadow: -6px 0 20px rgba(0, 0, 0, 0.12);
  transform: translateX(100%);
  transition: transform 0.4s ease;
  z-index: 200;
  padding: 100px 30px 40px;
  overflow-y: auto;
}

.mobile-nav.active {
  transform: translateX(0);
}

.mobile-nav-list {
  list-style: none;
  margin-bottom: 30px;
}

.mobile-nav-item {
  padding: 16px 0;
  font-size: 18px;
  color: #222;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  transition: color 0.3s ease;
}

.mobile-nav-item:hover {
  color: #0b5c64;
}

.mobile-sub-item{
  padding:10px 0 10px 20px;
  font-size:16px;
  color:#444;
}

.mobile-info {
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.mobile-tel,
.mobile-lang {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  color: #0b5c64;
  margin-bottom: 14px;
}

.mobile-lang {
  color: #333;
}

/* 遮罩 */
.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  z-index: 199;
}

.overlay.active {
  opacity: 1;
  pointer-events: auto;
}

/* 响应式 */
@media (max-width: 1024px) {
  .header-right {
    display: none;
  }

  .hamburger {
    display: flex;
  }
}

.banner-wrap img{
    width: 100%;
} 


*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:"Microsoft Yahei","PingFang TC",sans-serif;
}
.page_container {
  max-width: 1500px;
  margin: 0 auto;
  padding: 80px 20px;
}
.section_title_block {
  margin-bottom: 40px;
}
.section_title {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  margin-bottom: 12px;
}
.title_line {
  width: 50px;
  height: 3px;
  background: #0b5c64;
  margin-bottom: 20px;
}
.section_desc {
  font-size: 16px;
  line-height: 1.7;
  color: #444;
}
.page_containerw{
  width:100%;
  display: flex;
  justify-content: space-between;
}
/* Tab按钮容器 */
[class^="ct_"][class$="-tabs"]{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:24px;
  flex-direction: column;
  width: 21%;
}
.ct-btn{
  border:none;
  background:transparent;
  padding:0;
  cursor:pointer;
}
.side_menu_item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 22px 24px;
  font-size:17px;
  cursor:pointer;
  transition:all 0.3s ease;
  border:1px solid #eeeeee;
  min-width:180px;
}
.side_menu_item.active{
  background:#0b5c64;
  color:#ffffff;
  border-color:#0b5c64;
}
.side_menu_item:hover:not(.active){
  background:#f4f8f9;
}
.side_arrow{
  width:26px;
  height:26px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#333333;
  color:#fff;
  font-size:14px;
  transition:transform 0.3s ease;
  margin-left:12px;
}
.side_menu_item:hover .side_arrow{
  transform:translateX(3px);
}
.side_menu_item.active .side_arrow{
  background:#fff;
  color:#0b5c64;
}
/* 面板 */
[class^="ct_"][class$="-panel"]{
  animation:tab_fade 0.4s ease;
  width: 77%;
}
@keyframes tab_fade{
  from{opacity:0;transform:translateY(12px);}
  to{opacity:1;transform:translateY(0);}
}
[class^="ct_"][class$="-panel-inner"]{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  gap: 27px;
}
.product_top_card{
  display:grid;
  grid-template-columns: 22% 1fr;
  gap:30px;
  background:#f5f5f5;
  padding:30px;
  align-items:center;
  transition:box-shadow 0.3s ease;
}
.product_top_card:hover{
  box-shadow:0 6px 18px rgba(0,0,0,0.07);
}
.product_img_box{
  overflow:hidden;
}
.product_img_box img{
  width:100%;
  height:auto;
  transition:transform 0.4s ease;
  display:block;
}
.product_top_card:hover .product_img_box img{
  transform:scale(1.03);
}
.product_text_block h3{
  font-size:26px;
  color:#222;
  margin-bottom:16px;
}
.product_text_block p{
  font-size:15px;
  line-height:1.65;
  color:#444;
  margin-bottom:22px;
}
.view_more_btn{
  display:inline-block;
  padding:10px 26px;
  background:#ffffff;
  border:1px solid #ddd;
  border-radius:6px;
  cursor:pointer;
  transition:all 0.3s ease;
}
.view_more_btn a{
  color:#333;
  text-decoration:none;
}
.view_more_btn:hover{
  background:#0b5c64;
  border-color:#0b5c64;
}
.view_more_btn:hover a{
  color:#fff;
}
/* 产品缩略图网格 */
.ct_thumb_wrap{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.thumb_item{
  overflow:hidden;
  background:#f5f5f5;
  transition:all 0.3s ease;
  padding-bottom:16px;
  width: 30%;
  overflow: hidden;
}
.thumb_item:hover{
  box-shadow:0 6px 16px rgba(0,0,0,0.08);
}
.thumb_item img{
  width:100%;
  height:auto;
  transition:transform 0.4s ease;
  display:block;
}
.thumb_item:hover img{
  transform:scale(1.04);
}
.thumb_item a{
  display:block;
  text-align:center;
  padding:12px 8px 0;
  color:#333;
  text-decoration:none;
}
/* 响应式 */
@media(max-width:1024px){
  .product_top_card{
    grid-template-columns:1fr;
  }
  .ct_thumb_wrap{
    grid-template-columns:repeat(2,1fr);
  }
  .page_containerw{
    display: flex;
    flex-direction: column;
  }
  [class^="ct_"][class$="-tabs"]{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .ct-btn{
    width: 48%;
  }
  [class^="ct_"][class$="-panel"]{
    width: 100%;
  }
}
@media(max-width:640px){
  .section_title{
    font-size:32px;
  }
  .ct_thumb_wrap{
    grid-template-columns:1fr;
  }
  .side_menu_item{
    min-width:140px;
    padding:14px 16px;
    font-size: 14px;
  }
}

.solution_wrapw{
  background: #f5f5f5;
}
.solution_wrap{
  max-width:1500px;
  margin:0 auto;
  padding:80px 20px;
}
.solution_title_block{
  margin-bottom:40px;
}
.solution_main_title{
  font-size:42px;
  font-weight:bold;
  color:#222;
  margin-bottom:12px;
  position:relative;
}
.solution_main_title::after{
  content:"";
  display:block;
  width:50px;
  height:3px;
  background:#0b5c64;
  margin-top:12px;
}
.solution_sub_text{
  font-size:16px;
  color:#555;
}
.icon_list_box{
  display:grid;
  grid-template-columns:repeat(10,1fr);
  gap:12px;
  margin-bottom:32px;
}
.icon_item{
  background:#fff;
  border:1px solid #eee;
  padding:20px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  cursor:pointer;
  transition:all 0.3s ease;
}
.icon_item:hover{
  border-color:#0b5c64;
}
.icon_svg{
  width:32px;
  height:32px;
  stroke:#333;
  stroke-width:1.5;
  fill:none;
}
.icon_text{
  font-size:14px;
  color:#444;
  text-align:center;
}
.big_img_box{
  width:100%;
}
.big_img_box img{
  width:100%;
  height:auto;
  display:block;
}
@media(max-width:1200px){
  .icon_list_box{
    grid-template-columns:repeat(5,1fr);
  }
}
@media(max-width:640px){
  .solution_main_title{
    font-size:32px;
  }
  .icon_list_box{
    grid-template-columns:repeat(2,1fr);
  }
}

.news_wrap{
  max-width:1500px;
  margin:0 auto;
  padding:80px 20px;
  opacity:0;
  transform:translateY(30px);
  animation:news_fade_in 0.8s ease forwards;
  display:block;
}
@keyframes news_fade_in{
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.news_head{
  margin-bottom:48px;
}
.news_title{
  font-size:48px;
  color:#222831;
  font-weight:700;
  margin-bottom:16px;
  position:relative;
}
.news_title::after{
  content:"";
  display:block;
  width:60px;
  height:3px;
  background:#0b5c64;
  margin-top:12px;
}
.news_subtitle{
  font-size:18px;
  color:#555;
}
/* 上层：两张图片左右并排 */
.news_img_row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  margin-bottom:40px;
}
.news_img_single{
  overflow:hidden;
}
.news_img_single img{
  width:100%;
  height:auto;
  display:block;
  transition:transform 0.45s ease;
}
.news_img_single:hover img{
  transform:scale(1.04);
}
/* 下层：文章列表两栏 */
.news_list_row{
  display:grid;
}
.news_list_block{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 40px;
}
.news_line_item{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}
.news_text_link{
  flex:1;
  color:#222831;
  font-size:16px;
  line-height:1.6;
  text-decoration:none;
  transition:color 0.25s ease;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news_line_item:hover .news_text_link{
  color:#0b5c64;
}
.news_date_text{
  white-space:nowrap;
  color:#666;
  font-size:16px;
}

@media(max-width:1024px){
  .news_img_row{
    grid-template-columns:1fr;
    gap:24px;
  }
  .news_list_row{
    grid-template-columns:1fr;
  }
  .news_title{
    font-size:38px;
  }
}
@media(max-width:640px){
  .news_wrap{
    padding:50px 16px;
  }
  .news_title{
    font-size:32px;
  }
  .news_line_item{
    flex-direction:column;
    gap:6px;
  }
  .news_date_text{
    font-size:14px;
  }
}
.history_outer{
  width:100%;
  min-height:400px;
  position:relative;
  display:flex;
  align-items:center;
  background: url(../images/21312.webp) fixed;
  background-size: cover;
}
/* 全屏背景图层 */
.history_bg_layer{
  position:absolute;
  inset:0;
  background:url("https://xxx/bg.jpg") center center / cover no-repeat;
  z-index:1;
}

/* 内容容器 居中1500px */
.history_content_wrap{
  max-width:1500px;
  width:100%;
  margin:0 auto;
  padding:40px 20px;
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
  opacity:0;
  transform:translateY(32px);
}
/* 进场动画 */
@keyframes history_fade_in{
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.history_text_block{
  color:#ffffff;
}
.history_text_block p{
  font-size:26px;
  line-height:1.8;
  font-weight:300;
}
.history_year_block{
  text-align:right;
  color:#ffffff;
}
.history_year_big{
  font-size:180px;
  line-height:1;
  font-weight:700;
  background:linear-gradient(180deg,#fff,#bbbbbb);
  -webkit-background-clip:text;
  color:transparent;
  transition:transform 0.35s ease;
}
.history_outer:hover .history_year_big{
  transform:scale(1.04);
}
.history_year_desc{
  font-size:22px;
  margin-top:12px;
  line-height:1.6;
}

@media(max-width:1024px){
  .history_content_wrap{
    grid-template-columns:1fr;
    text-align:center;
  }
  .history_year_block{
    text-align:center;
  }
  .history_year_big{
    font-size:120px;
  }
  .history_text_block p{
    font-size:20px;
  }
}
@media(max-width:640px){
  .history_outer{
    min-height:auto;
  }
  .history_year_big{
    font-size:80px;
  }
  .history_text_block p{
    font-size:17px;
  }
  .history_year_desc{
    font-size:16px;
  }
}
.footer_outer{
  width:100%;
  background:#f0f0f0;
  padding:60px 0 30px;
  display:block;
}
.footer_wrap{
  width:90%;
  margin:0 auto;
  opacity:0;
  transform:translateY(30px);
}
@keyframes footer_fade_in{
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.footer_logo_area{
  padding-bottom:30px;
  border-bottom:1px solid #d8d8d8;
  margin-bottom:40px;
}
.footer_logo_area img{
  height:56px;
}
.footer_main_row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:30px;
}
.footer_col_block h4{
  font-size:20px;
  color:#222;
  margin-bottom:22px;
  font-weight:600;
}
.footer_link_list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 8px;
}
.footer_link_item a{
  color:#555;
  text-decoration:none;
  font-size:16px;
  transition:color 0.25s ease;
}
.footer_link_item a:hover{
  color:#0b5c64;
}
.footer_info_block{
  color:#555;
}
.footer_info_line{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
  font-size:16px;
}
.footer_social_icon_group{
  display:flex;
  gap:10px;
  margin-top:24px;
}
.footer_social_icon_group a{
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:3px;
  color:#fff;
  text-decoration:none;
  transition:transform 0.25s ease;
}
.footer_social_icon_group a:hover{
  transform:translateY(-3px);
}
.footer_qr_row{
  display:flex;
  gap:20px;
}
.footer_qr_card{
  text-align:center;
}
.footer_qr_card img{
  width:120px;
  height:120px;
  margin-bottom:8px;
}
.footer_qr_card p{
  color:#666;
  font-size:15px;
}
.footer_copyright_area{
  width:90%;
  margin:50px auto 0;
  padding-top:24px;
  border-top:1px solid #d8d8d8;
  text-align:center;
  color:#666;
  font-size:16px;
}

@media(max-width:1024px){
  .footer_main_row{
    grid-template-columns:repeat(2,1fr);
    gap:36px;
  }
  .footer_qr_row{
    justify-content:flex-start;
  }
}
@media(max-width:640px){
  .footer_main_row{
    grid-template-columns:1fr;
  }
  .footer_qr_row{
    justify-content:center;
  }
  .footer_col_block{
    text-align:center;
  }
  .footer_link_list{
    grid-template-columns:1fr;
  }
  .footer_info_line{
    justify-content:center;
  }
  .footer_social_icon_group{
    justify-content:center;
  }
}

.prod_top_banner{
  width:100%;
  position:relative;
  overflow:hidden;
}

/* 背景图层：满版覆盖 */
.prod_top_bg{
  position:absolute;
  inset:0;
  z-index:1;
}
.prod_top_bg img{
  width: 100%;
}
/* 蓝色渐变遮罩，还原原图层次 */
.prod_top_bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0.15) 55%, rgba(14,80,110,0.65) 100%);
  z-index:2;
}

/* 内容外框：最大宽度 1560px 居中 */
.prod_top_inner{
  max-width:1560px;
  width:100%;
  margin:0 auto;
  padding:72px 24px 64px;
  position:relative;
  z-index:3;
  color:#fff;
  min-height: 400px;
  display: flex;
  align-items: center;
}

/* 文字进场初始状态 */
.prod_top_text{
  opacity:0;
  transform:translateY(24px);
}

/* 进场动画 */
@keyframes prod_top_fade_in{
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.prod_top_text.active{
  animation:prod_top_fade_in 0.9s ease forwards;
}

.prod_top_title{
  font-size:44px;
  font-weight:700;
  letter-spacing:1px;
  margin-bottom:10px;
  transition:transform 0.35s ease;
}

.prod_top_subtitle{
  font-size:17px;
  font-weight:400;
  letter-spacing:0.5px;
  opacity:0.9;
  transition:transform 0.35s ease;
}

/* 滑鼠经过：文字右移 */
.prod_top_banner:hover .prod_top_title{
  transform:translateX(10px);
}

.prod_top_banner:hover .prod_top_subtitle{
  transform:translateX(10px);
}

/* 滑鼠经过：背景图轻微放大 */
.prod_top_banner:hover .prod_top_bg{
  transform:scale(1.04);
  transition:transform 0.6s ease;
}

/* 面包屑：独立全宽灰色背景 */
.prod_bread_bar{
  width:100%;
  background:#f4f4f4;
  padding: 26px 0;
}

.prod_bread_inner{
  max-width:1560px;
  width:100%;
  margin:0 auto;
  padding:0 24px;
  font-size:15px;
  color:#666;
}

.prod_bread_inner a{
  color:#555;
  text-decoration:none;
  transition:color 0.25s ease;
}

.prod_bread_inner a:hover{
  color:#0b5c64;
}

.prod_bread_sep{
  margin:0 8px;
  color:#999;
}

.prod_bread_current{
  color:#333;
  font-weight:500;
}

/* 响应式 */
@media(max-width:1024px){
  .prod_top_inner{
    padding:56px 20px 48px;
  }

  .prod_top_title{
    font-size:36px;
  }

  .prod_top_subtitle{
    font-size:16px;
  }
}

@media(max-width:640px){
  .prod_top_inner{
    padding:44px 16px 36px;
    min-height: 300px;
  }
.prod_top_bg img{
    width: auto;
    height: 100%;
}
  .prod_top_title{
    font-size:28px;
  }

  .prod_top_subtitle{
    font-size:15px;
  }

  .prod_bread_inner{
    font-size:14px;
  }
}

.prod_list_wrap{
  max-width:1560px;
  width:100%;
  margin:0 auto;
  padding:60px 24px;
  display: flex;
  gap:40px;
  opacity:0;
  transform:translateY(30px);
  flex-wrap: wrap;
}
@keyframes prod_list_fade_in{
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.prod_list_wrap.active{
  animation:prod_list_fade_in 0.8s ease forwards;
}
/* 左侧分类选单 */
.prod_side_menu{
  border:1px solid #e8e8e8;
  border-radius:12px;
  padding:32px 28px;
  height:fit-content;
  width: 22%;
}
.prod_side_title{
  font-size:28px;
  color:#222;
  padding-bottom:16px;
  border-bottom:1px solid #ddd;
  margin-bottom:24px;
}
.prod_side_item{
  padding: 27px 0;
  font-size:17px;
  color:#555;
  cursor:pointer;
  transition:all 0.25s ease;
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:relative;
}
.prod_side_item:hover{
  color:#0b5c64;
  padding-left:8px;
}
/* 二级下拉容器 */
.prod_sub_menu{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.35s ease;
  padding-left:16px;
}
.prod_sub_item{
  padding:10px 0;
  font-size:16px;
  color:#666;
  transition:all 0.25s ease;
}
.prod_sub_item:hover{
  color:#0b5c64;
  padding-left:6px;
}
/* 箭头样式 */
.prod_arrow_icon{
  transition:transform 0.3s ease;
}
.prod_side_item_wrap:hover .prod_arrow_icon{
  transform:rotate(180deg);
}
.prod_side_item_wrap:hover .prod_sub_menu{
  max-height:300px;
}
.prod_side_item_wrap{
  display:block;
}

/* 右侧产品卡片网格 */
.prod_card_grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  width: 75%;
  align-items: start;
}
.prod_card_item{
  border:1px solid #e8e8e8;
  border-radius:12px;
  overflow:hidden;
  text-align:center;
  transition:all 0.3s ease;
  background:#fff;
}
.prod_card_item:hover{
  box-shadow:0 8px 24px rgba(0,0,0,0.08);
  transform:translateY(-6px);
}
.prod_card_img_box{
  width:100%;
  aspect-ratio:1 / 0.8;
  overflow:hidden;
}
.prod_card_img_box img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 0.4s ease;
}
.prod_card_item:hover .prod_card_img_box img{
  transform:scale(1.05);
}
.prod_card_name{
  padding:16px 0;
  font-size:16px;
  color:#333;
}

/* 响应式 */
@media(max-width:1024px){
  .prod_list_wrap{
    grid-template-columns:1fr;
  }
  .prod_card_grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:640px){
  .prod_card_grid{
    grid-template-columns:1fr;
  }
  .prod_side_title{
    font-size:22px;
  }
}

.contact_page_wrap{
  max-width:1560px;
  width:100%;
  margin:0 auto;
  padding:60px 24px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  opacity:0;
  transform:translateY(30px);
}
@keyframes contact_fade_in{
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.contact_page_wrap.active{
  animation:contact_fade_in 0.8s ease forwards;
}

/* 左侧联络资讯 */
.contact_info_block{}
.contact_office_item{
  margin-bottom:40px;
}
.contact_office_title{
  font-size:26px;
  color:#186468;
  margin-bottom:18px;
  font-weight:600;
}
.contact_line_text{
  font-size:17px;
  color:#333;
  line-height:2;
}
.contact_qr_row{
  display:flex;
  gap:30px;
  margin-top:24px;
}
.contact_qr_card{
  text-align:center;
  transition:transform 0.3s ease;
}
.contact_qr_card:hover{
  transform:translateY(-6px);
}
.contact_qr_img{
  width:120px;
  height:120px;
  object-fit:contain;
}
.contact_qr_label{
  margin-top:8px;
  font-size:15px;
  color:#666;
}

/* 右侧线上留言表单 */
.contact_form_block{}
.contact_form_title{
  font-size:26px;
  color:#186468;
  margin-bottom:24px;
  font-weight:600;
}
.contact_form_input{
  width:100%;
  border:1px solid #99a3ad;
  border-radius:4px;
  padding:14px 16px;
  font-size:16px;
  margin-bottom:18px;
  transition:border-color 0.25s ease;
}
.contact_form_input:focus{
  outline:none;
  border-color:#186468;
}
.contact_form_textarea{
  min-height:140px;
  resize:vertical;
}
.contact_submit_btn{
  width:100%;
  background:#186468;
  color:#fff;
  border:none;
  padding:16px;
  font-size:17px;
  border-radius:4px;
  cursor:pointer;
  transition:background 0.3s ease;
}
.contact_submit_btn:hover{
  background:#0f4c4f;
}

/* 响应式 */
@media(max-width:1024px){
  .contact_page_wrap{
    grid-template-columns:1fr;
    gap:40px;
  }
}
@media(max-width:640px){
  .contact_qr_row{
    gap:16px;
  }
  .contact_qr_img{
    width:90px;
    height:90px;
  }
  .contact_office_title,.contact_form_title{
    font-size:22px;
  }
}

.about_page_wrap{
  max-width:1560px;
  width:100%;
  margin:0 auto;
  padding:60px 24px;
  opacity:0;
  transform:translateY(30px);
}
@keyframes about_fade_in{
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.about_page_wrap.active{
  animation:about_fade_in 0.8s ease forwards;
}

/* 上部公司简介区块 */
.about_top_block{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  margin-bottom:60px;
}
.about_img_box{
  overflow:hidden;
  border-radius:6px;
}
.about_img_box img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 0.4s ease;
}
.about_img_box:hover img{
  transform:scale(1.04);
}
.about_text_box{}
.about_title{
  font-size:28px;
  color:#186468;
  margin-bottom:20px;
  font-weight:600;
}
.about_desc_text{
  font-size:16px;
  color:#333;
  line-height:1.8;
  margin-bottom:14px;
}

/* 下部产业应用区块 */
.about_bottom_block{}
.about_sub_title{
  font-size:24px;
  color:#186468;
  margin-bottom:20px;
  font-weight:600;
}
.about_sub_desc{
  font-size:16px;
  color:#333;
  line-height:1.8;
  margin-bottom:24px;
}
.about_app_list{}
.about_app_item{
  margin-bottom:18px;
}
.about_app_head{
  font-size:17px;
  color:#222;
  font-weight:600;
  margin-bottom:6px;
}
.about_app_content{
  font-size:16px;
  color:#333;
  line-height:1.7;
  padding-left:12px;
}

/* 响应式 */
@media(max-width:1024px){
  .about_top_block{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .about_title{
    font-size:22px;
  }
  .about_sub_title{
    font-size:20px;
  }
}

.article_page_wrap{
  max-width:1560px;
  width:100%;
  margin:0 auto;
  padding:60px 24px;
  opacity:0;
  transform:translateY(30px);
}
@keyframes article_fade_in{
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.article_page_wrap.active{
  animation:article_fade_in 0.8s ease forwards;
}

.article_list_block{
    margin-bottom: 60px;
}
.article_item{
  padding:30px 0;
  border-bottom:1px solid #eee;
  transition:background-color 0.3s ease;
}
.article_item:hover{
  background-color:#f9fafa;
}
.article_title{
  font-size:22px;
  color:#222;
  line-height:1.4;
  margin-bottom:10px;
  transition:color 0.25s ease;
  cursor:pointer;
}
.article_item:hover .article_title{
  color:#186468;
}
.article_date{
  font-size:14px;
  color:#777;
  margin-bottom:12px;
}
.article_summary{
  font-size:16px;
  color:#444;
  line-height:1.7;
  margin-bottom:10px;
}
.article_more{
  font-size:15px;
  color:#186468;
  cursor:pointer;
  transition:opacity 0.25s ease;
}
.article_more:hover{
  opacity:0.7;
}

/* 响应式 */
@media(max-width:768px){
  .article_title{
    font-size:19px;
  }
  .article_item{
    padding:22px 0;
  }
}

.article_detail_wrap{
  max-width:1560px;
  width:100%;
  margin:0 auto;
  padding:60px 24px;
  opacity:0;
  transform:translateY(30px);
}
@keyframes detail_fade_in{
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.article_detail_wrap{
  max-width:1560px;
  width:100%;
  margin:0 auto;
  padding:60px 24px;
  opacity:0;
  transform:translateY(30px);
}
@keyframes detail_fade_in{
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.article_detail_wrap.active{
  animation:detail_fade_in 0.8s ease forwards;
}

.article_detail_header{}
.article_detail_title{
  font-size:28px;
  color:#222;
  line-height:1.4;
  margin-bottom:14px;
}
.article_detail_meta{
  font-size:15px;
  color:#777;
  margin-bottom:32px;
  padding-bottom:20px;
  border-bottom:1px solid #eee;
}

.article_detail_content{
  font-size:16px;
  color:#333;
  line-height:1.85;
}
.article_detail_content p{
  margin-bottom:18px;
}
 .article_detail_content p a{
   color:#186468;
   font-weight: bold;
   border-bottom: solid 1px #186468;
 }
.article_detail_content h2{
  font-size:22px;
  color:#186468;
  margin:32px 0 16px;
}
.article_detail_content h3{
  font-size:19px;
  color:#222;
  margin:24px 0 12px;
}
.article_detail_content ul{
  padding-left:24px;
  margin-bottom:18px;
}
.article_detail_content li{
  margin-bottom:8px;
}

.article_detail_back{
  display:inline-block;
  margin-top:40px;
  font-size:16px;
  color:#186468;
  cursor:pointer;
  transition:opacity 0.25s ease;
}
.article_detail_back:hover{
  opacity:0.7;
}

/* 上一篇、下一篇导航 */
.article_nav_block{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:50px;
  padding-top:30px;
  border-top:1px solid #eee;
}
.article_nav_item{
  padding:20px;
  border:1px solid #eee;
  border-radius:4px;
  cursor:pointer;
  transition:all 0.3s ease;
}
.article_nav_item:hover{
  border-color:#186468;
  background:#f9fafa;
}
.article_nav_label{
  font-size:14px;
  color:#777;
  margin-bottom:8px;
}
.article_nav_title{
  font-size:16px;
  color:#222;
  line-height:1.5;
  transition:color 0.25s ease;
}
.article_nav_item:hover .article_nav_title{
  color:#186468;
}
.article_nav_next{
  text-align:right;
}

/* 响应式 */
@media(max-width:768px){
  .article_detail_title{
    font-size:22px;
  }
  .article_detail_content h2{
    font-size:20px;
  }
  .article_detail_content h3{
    font-size:17px;
  }
  .article_nav_block{
    grid-template-columns:1fr;
  }
  .article_nav_next{
    text-align:left;
  }
}

.application_page_wrap{
  max-width:1560px;
  width:100%;
  margin:0 auto;
  padding:60px 24px;
  opacity:0;
  transform:translateY(30px);
}
@keyframes app_fade_in{
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.application_page_wrap.active{
  animation:app_fade_in 0.8s ease forwards;
}

.application_grid_box{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
}
.application_card{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:20px;
  align-items:flex-start;
  transition:all 0.3s ease;
  padding:12px;
  border-radius:6px;
}
.application_card:hover{
  background-color:#f9fafa;
}
.application_img_area{
  overflow:hidden;
  border-radius:4px;
}
.application_img_area img{
  width:100%;
  display:block;
  transition:transform 0.4s ease;
}
.application_card:hover .application_img_area img{
  transform:scale(1.05);
}
.application_text_area{}
.application_card_title{
  font-size:24px;
  color:#186468;
  margin-bottom:14px;
  font-weight:600;
}
.application_card_desc{
  font-size:16px;
  color:#444;
  line-height:1.7;
}

/* 响应式断点 */
@media(max-width:1200px){
  .application_grid_box{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:768px){
  .application_grid_box{
    grid-template-columns:1fr;
  }
  .application_card{
    grid-template-columns:120px 1fr;
  }
  .application_card_title{
    font-size:20px;
  }

}

/* news category nav */
.news-cats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:20px 0 5px;}
.news-cat-item{padding:8px 22px;border:1px solid #d8dde3;border-radius:20px;color:#555;font-size:14px;transition:all .25s;}
.news-cat-item:hover{background:#1a3a5c;color:#fff;border-color:#1a3a5c;}
/* product detail cover */
.article_detail_cover{max-width:900px;margin:24px auto 10px;text-align:center;}
.article_detail_cover img{max-width:100%;height:auto;border:1px solid #eee;border-radius:6px;}

.footer_icp_link{color:#aab;display:inline-block;margin-left:12px;text-decoration:none;}
.footer_icp_link:hover{color:#fff;text-decoration:underline;}

/* CMS form ({form:1}) style synced to contact form */
.custom-form{max-width:none !important;margin:0 !important;}
.custom-form > div{margin-bottom:18px !important;}
.custom-form label{display:block !important;margin-bottom:6px !important;font-weight:500 !important;font-size:15px !important;color:#444 !important;}
.custom-form label span{color:#e05252 !important;}
.custom-form input[type=text],
.custom-form input[type=email],
.custom-form input[type=tel],
.custom-form input[type=number],
.custom-form textarea,
.custom-form select{width:100% !important;box-sizing:border-box !important;border:1px solid #99a3ad !important;border-radius:4px !important;padding:14px 16px !important;font-size:16px !important;background:#fff !important;}
.custom-form input:focus,
.custom-form textarea:focus{outline:none !important;border-color:#186468 !important;}
.custom-form textarea{min-height:140px !important;resize:vertical !important;}
.custom-form button[type=submit]{width:100% !important;background:#186468 !important;background-image:none !important;color:#fff !important;border:none !important;padding:16px !important;font-size:17px !important;border-radius:4px !important;cursor:pointer !important;transition:background 0.3s ease !important;}
.custom-form button[type=submit]:hover{background:#0f4c4f !important;}