body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
button,
input,
textarea,
th,
td {
 font-weight:normal;
 margin:0;
 padding:0
}
body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
i {
 font:normal 14px BlinkMacSystemFont, Arial, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased
}
  
/* 初始化默认字体 */
html,
body {
  position: relative;
  font:normal 14px BlinkMacSystemFont, Arial, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgb(6, 22, 31);
  min-width: 1300px;
  overflow-x: hidden;
}

/*通用代码*/
.top50{ margin-top:50px;}
*{ margin:0px; padding:0px;}
 
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #333333; text-decoration: none; font-size:14px;}
a:hover{color: #45b035;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
h1,h2,h3,h4,h5,h6,h7 {font-weight: normal;}
.w1300{width: 100%;
margin: 0 auto;
max-width: 1600px;}
.fl{ float:left;}
.fr{ float:right;}
.title{text-align: center;color: #222222;font-size: 38px;}
.title b{color: #45b035;position: relative;display: inline-block;/*! margin-right: 10px; */}
.title b:after{content: '';display: block;position: absolute;z-index: -1;height: 3px;background: #b7c0cb;bottom: -4px;;width: 100%;animation: widthchange 1.5s linear infinite; }
.title span{display: block;font-size: 18px;color: #666666;font-weight: lighter;margin: 12px 0;}
.title:after{content: '';display: block;height: 20px; }
.mainhovercolor a:hover{color: #45b035;}
@keyframes widthchange{
0%{width: 100%;}
25%{width: 50%;}
50%{width: 25%;}
75%{width: 50%;}
100%{width: 100%;}
}
/*抬头*/
   * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    /* 导航栏样式 */
    .navbar {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 50px;
      z-index: 1000;
      transition: all 0.4s ease;background: linear-gradient(90deg, #fff 0%, #fff 100%);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    /* 初始状态 - 透明导航 */
    .navbar.transparent {
      background-color: #fff;background: linear-gradient(90deg, #fff 0%, #fff 100%);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .navbar.transparent .nav-links > li > a {
      /*! color: #fff; */
    }




    /* Logo反白效果样式 */
    .logo {
      height: 40px;
      position: relative;
    }

    .logo a {
      display: block;
      height: 100%;
    }

    .logo img {
      height: 100%;
      object-fit: contain;
    }

    /* 透明状态下显示白色logo */
    .navbar.transparent .logo-color {
      display: none;
    }

    .navbar.transparent .logo-white {
      display: block;
      /*! filter: brightness(0) invert(1); */ /* 将图片反白 */
    }

    /* 滚动状态下显示彩色logo */
    .navbar.scrolled .logo-white {
      display: none;
    }

    .navbar.scrolled .logo-color {
      display: block;
    }

    /* 滚动后状态 - 白色导航 */
    .navbar.scrolled {
      background-color: #fff;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }

    .navbar.scrolled .nav-links > li > a {
      color: #333;
    }

    .navbar.scrolled .nav-right a {
      color: #333;
    }

    .navbar.scrolled .contact-btn {
      border-color: #333;
    }

    .navbar.scrolled .has-dropdown > a::after {
      color: #333;
    }

    .navbar.scrolled .dropdown {
      background-color: rgba(255, 255, 255, 0.95);
    }

    .navbar.scrolled .dropdown li a {
      color: #333;
    }

    /* 导航链接容器 */
    .nav-links {
      display: flex;
      list-style: none;
      position: relative;
    }

    .nav-links > li {
      position: relative;
      margin: 0 35px;
    }

    .nav-links > li > a {
      text-decoration: none;
      font-size: 18px;
      padding: 10px 0;
      display: block;
      transition: all 0.3s ease;
      position: relative;
    } 

    .nav-links > li > a.active {
      position: relative;
    }

    .nav-links > li > a.active::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #0078d4;
    }

    .navbar.transparent .nav-links > li > a.active::before {
      background-color: #fff;
    }

    /* 下拉菜单优化 */
    .dropdown {
      position: absolute;
      top: calc(100% + 10px);
      left: 0;
      width: 200px;
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
      border-radius: 8px;
      opacity: 0;
      visibility: hidden;
      transform: translateY(20px);
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      z-index: 100;
      overflow: hidden;
    }

    .dropdown::before {
      content: '';
      position: absolute;
      top: -8px;
      left: 20px;
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid rgba(255, 255, 255, 0.95);
    }

    .navbar.transparent .dropdown::before {
      border-bottom-color: rgba(0, 0, 0, 0.85);
    }

    .nav-links > li:hover .dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    .dropdown li {
      list-style: none;
    }

    .dropdown li a {
      display: block;
      padding: 12px 20px;
      text-decoration: none;
      color: #333;
      font-size: 14px;
      transition: all 0.3s ease;
      border-left: 3px solid transparent;
    }

    .dropdown li a:hover {
      background-color: rgba(0, 120, 212, 0.1);
      border-left-color: #45b035;
      padding-left: 25px;
    }

    .navbar.transparent .dropdown li a:hover {
      background-color: rgba(255, 255, 255, 0.1);
    }

    /* 有下拉菜单的链接添加箭头动画 */
    .has-dropdown > a {
      position: relative;
      padding-right: 20px;
    }

    .has-dropdown > a::after {
      content: '\f078';
      font-family: 'Font Awesome 6 Free';
      font-weight: 900;
      font-size: 10px;
      position: absolute;
      right: -16px;
      top: 50%;
      transform: translateY(-50%) scale(0.9);
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    /* 下拉菜单悬停时箭头动画 */
    .has-dropdown:hover > a::after {
      transform: translateY(-50%) rotate(180deg) scale(1.1);
      color: #0078d4;
    }

    .navbar.transparent .has-dropdown:hover > a::after {
      color: #4da6ff;
    }

    /* 导航右侧 */
    .nav-right {
      display: flex;
      align-items: center;
    }

    .nav-right a {
      margin-left: 15px;
      text-decoration: none;
      transition: all 0.3s ease;
    }

    .search-icon,
    .lang-icon {
      font-size: 18px;
    }

    .contact-btn {
      padding: 8px 20px;
      border: 1px solid;
      border-radius: 20px;
      font-size: 14px;
    }

    /* Banner轮播 */
    .banner {
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: hidden;
    }

    .slides {
      width: 100%;
      height: 100%;
      position: relative;
    }

    .slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 0.8s ease, transform 0.8s ease;
      transform: scale(1.05);
    }

    .slide.active {
      opacity: 1;
      transform: scale(1);
    }

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

    /* 轮播内容 */
    .slide-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      color: #fff;
      max-width: 900px;
      padding: 0 20px;
      z-index: 2;
    }

    .slide-content h2 {
      font-size: 48px;
      margin-bottom: 20px;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
      animation: slideInDown 0.8s ease;
    }

    .slide-content p {
      font-size: 18px;
      line-height: 1.6;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
      animation: slideInUp 0.8s ease 0.2s both;
    }

    @keyframes slideInDown {
      from {
        opacity: 0;
        transform: translateY(-30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes slideInUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* 轮播指示器 */
    .indicators {
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 10px;
      z-index: 2;
    }

    .indicator {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.5);
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .indicator.active {
      background-color: #fff;
      transform: scale(1.2);
    }

    /* 轮播导航按钮 */
    .slide-nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 50px;
      height: 50px;
      background-color: rgba(0, 0, 0, 0.3);
      border: none;
      border-radius: 50%;
      color: white;
      font-size: 20px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      z-index: 2;
    }

    .slide-nav:hover {
      background-color: rgba(0, 0, 0, 0.6);
      transform: translateY(-50%) scale(1.1);
    }

    .slide-nav.prev {
      left: 20px;
    }

    .slide-nav.next {
      right: 20px;
    }

    .slide-nav i {
      transition: transform 0.3s ease;
    }

    .slide-nav:hover i {
      transform: scale(1.2);
    }
/* Banner遮罩效果 */
.banner {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* 深色遮罩层 */
.banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, 
              rgba(0, 0, 0, 0.6) 0%, 
              rgba(0, 0, 0, 0.4) 50%, 
              rgba(0, 0, 0, 0.6) 100%);
  z-index: 1;
  pointer-events: none; /* 遮罩层不阻止用户交互 */
}

.slides {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}

/* 轮播内容在遮罩层之上 */
.slide-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  max-width: 900px;
  padding: 0 20px;
  z-index: 2; /* 确保内容在遮罩层之上 */
}

/* Banner按钮样式 */
.banner-btn {
  display: inline-block;
  margin-top: 30px;
  padding: 12px 35px;
  background-color: #45b035 !important;
  color: white;
  text-decoration: none;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  border: 2px solid #45b035 !important;
}

.banner-btn:hover {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* 轮播指示器在遮罩层之上 */
.indicators {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 2;
}

/* 轮播导航按钮在遮罩层之上 */
.slide-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: white;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 2;
}

.slide-nav:hover {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.8);
  transform: translateY(-50%) scale(1.1);
}
    /* 移动端菜单按钮 */
    .menu-toggle {
      display: none;
      flex-direction: column;
      justify-content: space-between;
      width: 30px;
      height: 20px;
      cursor: pointer;
      z-index: 1001;
    }

    .menu-toggle span {
      display: block;
      height: 3px;
      width: 100%;
      background-color: #fff;
      border-radius: 3px;
      transition: all 0.3s ease;
    }

    .navbar.scrolled .menu-toggle span {
      background-color: #333;
    }

    .menu-toggle.active span:nth-child(1) {
      transform: translateY(8.5px) rotate(45deg);
    }

    .menu-toggle.active span:nth-child(2) {
      opacity: 0;
    }

    .menu-toggle.active span:nth-child(3) {
      transform: translateY(-8.5px) rotate(-45deg);
    }

    /* 响应式设计 */
    @media (max-width: 1200px) {
      .navbar {
        padding: 15px 30px;
      }
      
      .nav-links > li {
        margin: 0 10px;
      }
      
      .slide-content h2 {
        font-size: 40px;
      }
      
      .slide-content p {
        font-size: 16px;
      }
      
      .slide-nav {
        width: 40px;
        height: 40px;
        font-size: 18px;
      }
      
      .slide-nav.prev {
        left: 15px;
      }
      
      .slide-nav.next {
        right: 15px;
      }
    }

    @media (max-width: 992px) {
      .menu-toggle {
        display: flex;
      }
      
      .nav-links {
        position: fixed;
        top: 0;
        right: -300px;
        width: 300px;
        height: 100vh;
        background-color: rgba(255, 255, 255, 0.98);
        flex-direction: column;
        align-items: flex-start;
        padding-top: 80px;
        padding-left: 20px;
        transition: right 0.4s ease;
        box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
      }

      .navbar.transparent .nav-links {
        background-color: rgba(0, 0, 0, 0.95);
      }

      .nav-links.active {
        right: 0;
      }

      .nav-links > li {
        width: 100%;
        margin: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      }

      .navbar.transparent .nav-links > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }

      .nav-links > li:last-child {
        border-bottom: none;
      }

      .nav-links > li > a {
        padding: 15px 20px;
        width: 100%;
        color: #333;
      }

      .navbar.transparent .nav-links > li > a {
        color: #fff;
      }

      /* 移动端下拉菜单 */
      .dropdown {
        position: static;
        width: 100%;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border-radius: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
        background-color: rgba(0, 0, 0, 0.05);
      }

      .navbar.transparent .dropdown {
        background-color: rgba(255, 255, 255, 0.1);
      }

      .dropdown.active {
        max-height: 500px;
      }

      .dropdown::before {
        display: none;
      }

      .dropdown li a {
        padding-left: 40px;
      }

      .has-dropdown > a::after {
        right: 20px;
        transform: translateY(-50%) scale(0.9) rotate(0deg);
      }

      .has-dropdown.active > a::after {
        transform: translateY(-50%) rotate(180deg) scale(1.1);
      }

      .nav-right {
        margin-right: 50px;
      }
    }

    @media (max-width: 768px) {
      .navbar {
        padding: 10px 20px;
      }
      
      .slide-content h2 {
        font-size: 32px;
      }
      
      .slide-content p {
        font-size: 14px;
      }
      
      .slide-content {
        padding: 0 15px;
      }
      
      .indicators {
        bottom: 20px;
      }
      
      .slide-nav {
        width: 35px;
        height: 35px;
        font-size: 16px;
      }
      
      .slide-nav.prev {
        left: 10px;
      }
      
      .slide-nav.next {
        right: 10px;
      }
    }

    @media (max-width: 576px) {
      .slide-content h2 {
        font-size: 24px;
      }
      
      .slide-content p {
        font-size: 12px;
      }
      
      .slide-nav {
        display: none; /* 移动端隐藏导航按钮，使用滑动切换 */
      }
    }

.trait{padding: 65px 0 86px 0;background: #f2f2f2 url(../image/20201022090015_1976568835.png) no-repeat center bottom;}
.tratitl{text-align: center;font-size: 38px;color: #222222;}
.tratitl i{color: #45b035;}
.tratitl span{display: block;margin: 10px auto 46px auto;width: 315px;line-height: 50px;background: #fff; border-radius: 25px;font-size: 20px;color: #888888;font-weight: lighter;}
.trait ul{height: 225px;background: #fff;border-radius: 10px;font-size: 0;}
.trait ul li{display: inline-block;vertical-align: top;width: 25%;height: 100%;text-align: center;font-size: 16px;color: #888888;font-weight: lighter;box-shadow:5px 0 15px -5px #eee inset;transition: all .3s ease;}
.trawa{padding: 0 50px;line-height: 30px;color: #888;}
.trawa span{display: block;font-size: 22px;color: #222222;font-weight: normal;margin-bottom: 8px;transition: all .3s ease;}
.traicon{display: inline-block;width: 36px;height: 36px;margin: 40px 0 15px 0;background: url(../image/20201022090015_1320819833.png) no-repeat left top;transition: all .5s ease;}
.trait ul li:nth-child(2) .traicon{background-position-x:-48px; }
.trait ul li:nth-child(3) .traicon{background-position-x:-98px; }
.trait ul li:nth-child(4) .traicon{background-position-x:-157px; }
.trait ul li:hover{background: linear-gradient(to bottom, #45b035 0%, #2b951c 100%);color: #8cbef7; box-shadow: none;}
.trait ul li:hover .trawa span{color: #fff;}.trait ul li:hover .trawa {color: #fff;}
.trait ul li:hover .traicon{background-position-y:-47px; }
/*产品中心*/
.product{padding: 60px 0 80px 0;background: #f8f8f8;}
.protab{margin: 35px 0;}
.protab table,.protab tbody,.protab td{display: block;width: 100%;height: auto;}
.protab tr{display: inline-block;width: 235px;margin: 0 25px 15px 0;}
.protab tr:nth-child(5n){margin-right: 0;}
.protab tr a{display: block;transition:all .3s ease;border-radius: 25px 0 25px 0;background: #f2f2f2;text-align: center;font-size: 16px;color: #666666; line-height: 45px;}
.protab tr a:hover{background: linear-gradient(to bottom, #45b035 0%, #2b951c 100%);color: #fff;}
.proshow tr{ display:block; white-space:nowrap;}
.proshow td{ display:inline-block; vertical-align:top; width:400px; padding:8px 8px 0 8px !important; background: #f2f2f2;transition:all .3s ease;transition:all .3s ease;}
.proshow td br{ display:none;}
.proshow td a,.proshow td span{ display:block; position:relative; overflow:hidden;}
.proshow td>a img{ width:100%; height:auto; transition:all .6s ease;}
.proshow td span a{ position: relative;line-height:72px;padding:0 25px 0 40px; text-align:left; font-size:16px; color:#666666; transition:all .3s ease;}
.proshow td span a:after,.proshow td span a:before{content:''; display:block; position:absolute;  top:0; bottom:0; margin:auto 0; transition:all .3s ease;}
.proshow td span a:after{ width:8px; height:14px;  right:16px;background:url(../image/20201022092258_1418900836.png) no-repeat -8px top; }
.proshow td span a:before{width: 8px;height: 8px;left: 13px;border-radius: 50%;background: #5e5e5e;}
.proshow td+td{ margin-left:28px;}
.proshow tr+tr{ margin-top:30px;}
.proshow td:hover{ background:linear-gradient(to bottom, #45b035 0%, #2b951c 100%);}
.proshow td:hover span a:before{ background: #fff;}
.proshow td:hover span a{color: #fff;}
.proshow td:hover>a img{ transform:scale(1.1);}
.proshow td:hover span a:after{ background-position-x:0;}
/*精选原材料，严格把控质量，品质交付*/
.proadv{padding: 70px 0 100px 0; background: #f2f2f2;}
.patitl{text-align: center;color: #333333;font-size: 38px;}
.patitl span{display: block;font-size: 16px;color: #666666;font-weight: lighter; margin-top: 10px;}
.proadv ul{font-size: 0;text-align: center;margin-top: 45px;}
.proadv ul li{display: inline-block;vertical-align: top;width: 315px;height: 578px;background: #fff;transition: all .3s ease;}
.proadv ul li+li{margin-left: 13px;}
.pa_t em{font-size: 35px;color: #b5b5b5;font-family: fontDin1;}
.pa_t{padding-top: 40px;}
.pa_t span{display: block;font-size: 32px;color: #222222; margin: 10px 0;}
.pa_t i{text-transform: uppercase;font-weight: lighter; font-size: 16px;color: #888888;}
.proadv ul li:hover{background: #f9f9f9;}
.proadv ul li:hover span{color: #45b035;}
.papic{overflow: hidden;}
.papic img{transition: all .6s ease;width: 100%;}
.proadv ul li:hover .papic img{transform: scale(1.1);}
/*是否有这些烦恼？*/
.problem{height: 266px;background: url(../image/20201022104551_122142765.jpg) no-repeat center;}
.pbtitl span{font-size: 33px;color: #45b035;font-weight: bold;}
.pbtitl i{font-size: 26px;color: #222222;display: block;}
.pbtitl em{font-size: 33px;color: #222222;font-weight: lighter;}
.pbtitl b{font-size: 50px;color:#45b035;}
.pbtitl i:after{content: '';display: block;width: 26px;height: 4px;background: #8da0b5;margin: 5px 0 10px 0;}
.pbtitl{margin: 55px 0 0 75px;}
.pbul{margin-top: 49px; font-size: 0;}
.pbul li+li{margin-top: 17px;}
.pbul li p{display: inline-block;vertical-align: top;width: 235px;height: 45px;line-height: 45px;border-radius: 25px;background: #fff;text-align: center;font-size: 16px;color: #666666;font-weight: lighter;transition: all .3s ease; position: relative;}
.pbul li p+p{margin-left: 40px;}
.pbul li p:hover{background: #45b035;color:#fff;}
.pbul li p:after{content: '';display: block;position: absolute;width: 32px;height: 48px;background: url(../image/20201022104551_1754634271.png) no-repeat center;right: -7px;top: -3px;}
/*企业优势*/


/*应用行业*/
.case{ padding-top:65px;}
.casejt{position: absolute;left: -57px;background: #45b035;cursor: pointer; top: 30%;}
.casecon{position: relative;margin-top: 45px;}
.casejt.next{left: auto;right: -57px;}
.casejt:hover{background: #223448;}


    .advtitl {
      text-align: center;
      font-size: 45px;
      color: #fff;
    }

    .advtitl span {
      display: block;
      font-size: 20px;
      color: #d9e3ee;
      font-weight: lighter;
      margin-top: 8px;
    }

    .advpaget {
      width: 1300px;
      margin: 0 auto;
      padding-top: 60px;
    }

    .adv_bg {
     color: #fff;
      position: relative;
      padding-top: 60px;
     background: url(../picture/20220814102331_233339298.jpg) no-repeat;
     background-size: cover;
    }

    .adv_bg:after {
      content: "";
      width: 100%;
      height: 150px;
      border-top: 1px #fff solid;
      opacity: 0.3;
      position: absolute;
      bottom: 0;
    }

    .adv_t,
    .adv_t h3 {
      color: #fff;
    }

    @keyframes adv {
      0% {
        background-position: 0 0;
      }

      25% {
        background-position: center;
      }

      75% {
        background-position: center right;
      }

      100% {
        background-position: 0 0;
      }
    }

    .adv_cont {
      height: 540px !important;
      overflow: hidden;
    }

    .adv_l {
      width: 46%;
      padding: 3vw 0;
    }

    .adv_w dd {
      width: 184px;
      height: 46px;
      line-height: 44px;
      font-size: 24px;
      border: 1px solid rgba(255, 255, 255, 0.3);
    }

    .adv_w dd:before {
      width: 46px;
      height: 46px;
      float: left;
      background: linear-gradient(to bottom, #45b035 0%, #2b951c 100%);
      text-align: center;
      position: relative;
      top: -1px;
      left: -1px;
      margin-right: 20px;
    }

    .adv_cont ul:nth-child(1) .adv_w dd:before {
      content: "01";
    }

    .adv_cont ul:nth-child(2) .adv_w dd:before {
      content: "02";
    }

    .adv_cont ul:nth-child(3) .adv_w dd:before {
      content: "03";
    }

    .adv_cont ul:nth-child(4) .adv_w dd:before {
      content: "04";
    }

    .adv_w b {
      display: block;
      font-size: 40px;
      line-height: 60px;
      clear: both;
    }

    .adv_w p {
      padding-left: 40px;
      font-size: 18px;
      line-height: 2vw;
      border-left: 1px solid rgba(255, 255, 255, 0.3);
      margin: 2vw 0;
    }

    .adv_b a {
      display: inline-block;
      float: left;
      width: 148px;
      height: 38px;
      line-height: 38px;
      background: #fff;
      color: #333;
      font-size: 16px;
      text-align: center;
      border-radius: 100px;
    }

    .adv_b a:hover {
      transition: .3s all ease-in-out;
      animation: hover 0.5s linear forwards;
    }

    .adv_b b {
      display: inline-block;
      float: left;
      line-height: 38px;
      font-size: 40px;
      color: #FFC400;
      font-family: "Impact";
      padding-left: 20px;
    }

    .adv_r {
      width: 50%;
    }

    .adv_r img {
      width: 100%;
    }

    .adv_list {
      position: relative;
      z-index: 2;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .adv_list li {
      width: 24.8%;
      height: 112px;
      float: left;
      padding-top: 38px;
      border-right: 1px solid rgba(255, 255, 255, 0.3);
      text-align: center;
      cursor: pointer;
    }

    .adv_list li:first-child {
      border-left: 1px solid rgba(255, 255, 255, 0.3);
    }

    .adv_list li p {
      font-size: 30px;
    }

    .adv_list li span {
      font-size: 16px;
      line-height: 40px;
    }

    .adv_list li.on {
      background: linear-gradient(to bottom, #45b035 0%, #2b951c 100%);
      transition: .3s all ease-in-out;
      animation: hover 0.5s linear forwards;
    }


/*关于我们 · 实力看得见*/
.about{padding: 65px 0 65px 0;}
.abcon{width: 1300px;margin: 0 auto;}
.abpic{ overflow:hidden; padding:50px 0px;}
.abpic img{ width:1296px;    border: 2px solid #fff;}
.abright{}
.ab_t{font-size: 35px;color: #45b035;}
.ab_t em{text-transform: uppercase;font-size: 25px;color: #6e6e6e;}
.ab_w{font-size: 15px;color:#555; line-height: 35px; text-align:center;text-indent: 2em;}
.abbtn{ width:398px; margin:0 auto; }
.abbtn a{display: inline-block;width: 178px;height: 55px;line-height: 55px;text-align: center;color: #fff; font-size: 16px;font-weight:lighter;background: linear-gradient(to bottom, #45b035 0%, #2b951c 100%);transition: all .3s ease;}
.abbtn a+a{margin-left: 20px;}
.abbtn a:hover{background: #223448;}


/*冠辉 新闻中心*/
.news{padding: 70px 0 80px 0;}
.news *{box-sizing: border-box;}
.news_cont{height:572px;margin-top: 50px;}
.news_cont_l{width:560px;height:570px;}
.news_cont_l .news_div{    width: 580px;height: 595px;padding: 0 26px;/*! background: #f8f8f8; */}
.news_cont_l .news_div_item{ position: relative;}
.news_cont_l .news_div_item_date{position: absolute;right: 0;top: 355px;width: 100px;height: 20px;display: block;    font-size: 14px;line-height: 20px;font-family: 'Arial';}
.news_div_item_year ,.news_div_item_month ,.news_div_item_day{float:left}
.news_cont_l .news_div_item_content{position: absolute; top: 350px;}
.news_cont_l .news_div_item_pic{position: absolute;}
.news_cont_l .news_div_item_pic img{height:325px;width: 540px;}
.news_cont_l .news_div_item_a{font-size:18px;color:#333;font-weight:lighter;width:100%;height: 185px; display: block;position: absolute; z-index: 3;}
.news_cont_l .news_div_item_body{font-size:14px;color:#999;font-weight:lighter;margin-top:36px; line-height:24px;}
.news_cont_l .news_div_item_body:after{content:'了解详细+';width:160px;height:38px;background:linear-gradient(to bottom, #45b035 0%, #2b951c 100%);text-align:center;color:#fff;display:block;line-height:38px;     position: relative;   top: 26px;}
.news_cont_l .news_div_item_a:hover{color:#45b035;}
.news_cont_r{width:705px;height:604px;}
.news_cont_r ul{height:65px;}
.news_cont_r ul a{width:30%;height:63px;margin-left:5%;float:left;background:#e8e8e8;border:1px solid #efefef;text-align:center;line-height:60px;font-size:19px;color:#333;font-weight:bolder;display:block; font-weight: 300;}
.news_cont_r ul a:nth-child(1){ margin-left:0;}
.news_cont_r .cur{background:linear-gradient(to bottom, #45b035 0%, #2b951c 100%);color:#fff;}
.news_cont_r .news_div_item:nth-child(1){display:none;}
.news_cont_r .news_div_item{margin-top:8px;position: relative;width:705px;border:1px solid #eee;height:169px; background: #fff; padding:10px;}
.news_cont_r .news_div_item_date{display:none;}
.news_cont_r .news_div_item_pic{position: absolute;}
.news_cont_r .news_div_item_pic img{width:221px;height: 148px;}
.news_cont_r .news_div_item_content{position: absolute;width:415px;left:260px;top:20px;}
.news_cont_r .news_div_item_a{font-size:18px;color:#333;width:100%;/*! height:115px; */display:block;position:absolute;z-index:3;}
.news_cont_r .news_div_item_a:hover{color:#45b035;}
.news_cont_r .news_div_item_body{font-size:14px;color:#999;font-weight:lighter;margin-top:50px;line-height:24px;}
.news  .news_div_item:hover .news_div_item_body:after{background: #223448;}
.news_cont_r .divdgweb_new_div_item:nth-child(1){display:none;}
.news_cont_r .divdgweb_new_div_item{margin-top:8px;position: relative;width:705px;border:1px solid #eee;height:169px; background: #fff; padding:10px;}
.news_cont_r .divdgweb_new_div_item_date{display:none;}
.news_cont_r .divdgweb_new_div_item_content{position: absolute;width:415px;left:260px;top:33px;}
.news_cont_r .divdgweb_new_div_item_a{font-size:18px;color:#333;width:100%;height:115px;display:block;position:absolute;z-index:3;}
.news_cont_r .divdgweb_new_div_item_a:hover{color:#45b035;}
.news_cont_r .divdgweb_new_div_item_body{font-size:14px;color:#999;font-weight:lighter;margin-top:36px;line-height:24px;}
/*版权*/
.copyright{ background:#010e1d;}
.end{ border-top:1px solid #0a1835;}
.end,.end a{ font-size:14px; color:#95a1b9; line-height:80px; font-weight:lighter;}
.end a:hover{ color:#fff;}
.crcon{ padding:60px 0;}
.kslj,.crcode{ font-size:0;}
.kslj li{ display:inline-block; vertical-align:top; margin-right: 50px;}
.kslj li p{ font-size:18px; color:#d1d6e0;width: 100%;display: block;}
.kslj li p:after{ content:''; display:block; height:2px; background:#8794af; width:19px; margin:20px 0;}
.kslj li a{ display:block; font-size:14px; color:#95a1b9; line-height:32px;}


.kslj.fl > li:**
.crcode li{display:inline-block; vertical-align:top;}
.crcode li img{ width:139px; height:auto;}
.crcode li span{ display:block; text-align:center; line-height:36px; margin-top:2px; background:#041f3d; font-size:14px; color:#8495b8; font-weight:lighter;} 
.crcode li+li{ margin-left:30px;}
.crcontact{ background:linear-gradient(to bottom, #45b035 0%, #2b951c 100%); font-size:0; white-space:nowrap;border-top: 4px solid rgb(89, 208, 7);}
.crcontact li{ display:inline-block; vertical-align:top; box-sizing:border-box; height:130px; font-size:16px; color:#fff; padding: 30px 35px; position:relative; width:444px; } 
.crcontact li:nth-child(3){ width:342px; }
.crcontact li:nth-child(2){ width:512px;}
.crcontact li+li{ border-left:1px solid #4d9b37;}
.crcontact li em{ display:block; font-size:26px; color:#fff; font-family:fontDin1; text-transform:uppercase; margin-bottom:8px;}






.links{border-bottom: 1px solid #0a1835; line-height: 95px;}
.links p.fr a{ line-height:95px; font-size:13px; color:#8495b8;}
.links p.fr a:hover,.linkTagcs li a:hover{ color:#fff !important;}
.links p.fl{ font-size:16px; color:#e0e7f6; padding-left:35px; background: url(../image/20201022143303_1116510477.png) no-repeat left center; }

    .acotnt{width:68%;margin:0 auto}
.leit{width:100%;overflow:hidden;display:block;height:39rem}
.leit ul{width:100%;height:39rem}
.leit li{width:12.9%;height:39rem;float:left;position:relative;cursor:pointer;overflow:hidden}
.leit li img{display:block}
.hav{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden}
.shu2{position:absolute;left:0;top:0;width:100%;height:100%}
.shu2:before{content:"";position:absolute;width:100%;height:100%;background:url(../image/20231109170421_41344372.png) no-repeat;background-size:100%;left:0;top:0}
.shu2c{position:absolute;top:33rem;left:0;width:100%}
.shu2c h3{font-size:1.4rem;font-weight:400;line-height:3rem;color:#fff;text-align:center}
.bock{opacity:0;position:absolute;left:0;top:0;height:39rem;overflow:hidden}
.bockc{position:absolute;left:0;top:0;width:100%;background:url({HOME_THEME_PATH}image/20231109170421_41344372.png) no-repeat;background-size:100%;height:100%;padding:30rem 5% 0 5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bock h3{font-size:1.7rem;font-weight:400;line-height:2.6rem;color:#fff;font-weight:700}
.bock p{font-size:.95rem;line-height:2rem;color:#fff;margin-bottom:.6rem}
.bockc span a{display:block;width:7rem;height:1.9rem;line-height:1.9rem;border:.1rem solid #fff;padding-left:1rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:.8rem;color:#fff}
.bockc span a:before{content:"";position:absolute;background:url({HOME_THEME_PATH}image/20231109170158_1126774419.png) no-repeat;background-size:100%;width:.6rem;height:.8rem;left:5.2rem;top:.5rem}
.watch img{width:100%;display:block}
.leit .cur .bock{opacity:1}
.leit .cur{width:35.4%}
.leit .cur .mo{opacity:0}
.leit .cur .shu2{display:none}
.g_an{padding:1.6rem 0 0 0}
.g_an h2{height:7rem;text-align:center;position:relative}
.g_an h2 b{display:block;font-size:2.2rem;font-weight:400;line-height:3.3rem;color:#000;font-weight:700}
.g_an h2 em{display:block;font-size:1.2rem;font-weight:400;line-height:2rem;color:#666}
.g_an .antit{border-top:1px solid #d4d4d4;height:5rem;line-height:5rem}
.g_an .antit li em{display:block;font-size:1.1rem;font-weight:400;line-height:5rem;color:#131313}
.acotnt{width:68%;margin:0 auto}
.leit{width:100%;overflow:hidden;display:block;height:39rem}
.leit ul{width:100%;height:39rem}
.leit li{width:12.9%;height:39rem;float:left;position:relative;cursor:pointer;overflow:hidden}
.leit li img{display:block}
.hav{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden}
.shu2{position:absolute;left:0;top:0;width:100%;height:100%}
.shu2:before{content:"";position:absolute;width:100%;height:100%;background:url(../image/20231109170421_41344372.png) no-repeat;background-size:100%;left:0;top:0}
.shu2c{position:absolute;top:33rem;left:0;width:100%}
.shu2c h3{font-size:1.4rem;font-weight:400;line-height:3rem;color:#fff;text-align:center}
.bock{opacity:0;position:absolute;left:0;top:0;height:39rem;overflow:hidden}
.bockc{position:absolute;left:0;top:0;width:100%;background:url(../image/20231109170421_41344372.png) no-repeat;background-size:100%;height:100%;padding:30rem 5% 0 5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bock h3{font-size:1.7rem;font-weight:400;line-height:2.6rem;color:#fff;font-weight:700}
.bock p{font-size:.95rem;line-height:2rem;color:#fff;margin-bottom:.6rem}
.bockc span a{display:block;width:7rem;height:1.9rem;line-height:1.9rem;border:.1rem solid #fff;padding-left:1rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:.8rem;color:#fff}
.bockc span a:before{content:"";position:absolute;background:url(../image/20231109170158_1126774419.png) no-repeat;background-size:100%;width:.6rem;height:.8rem;left:5.2rem;top:.5rem}
.watch img{width:100%;display:block}
.leit .cur .bock{opacity:1}
.leit .cur{width:35.4%}
.leit .cur .mo{opacity:0}
.leit .cur .shu2{display:none}
.g_an{padding:1.6rem 0 0 0}
.g_an h2{height:7rem;text-align:center;position:relative}
.g_an h2 b{display:block;font-size:2.2rem;font-weight:400;line-height:3.3rem;color:#000;font-weight:700}
.g_an h2 em{display:block;font-size:1.2rem;font-weight:400;line-height:2rem;color:#666}
.g_an .antit{border-top:1px solid #d4d4d4;height:5rem;line-height:5rem}
.g_an .antit li{display:block;float:left;margin:0 3.2%;position:relative;font-size:18px}
.g_an .antit li a{font-size:18px}
.g_an .antit li em{display:block;font-size:1.1rem;font-weight:400;line-height:5rem;color:#131313}
.g_an .antit li:before{content:"";position:absolute;width:0;height:.15rem;background:rgb(254,209,0);top:-1px;left:50%;transform:translateX(-50%);transition:all .3s linear 0s}
.g_an .antit .cur:before,.g_an .antit li:hover:before{width:100%}
.g_an .antit a:last-child{margin-right:0}
.g_an .antit .cur a,.g_an .antit li:hover a{color:rgb(254,209,0);font-weight:700;font-size:18px}
.g_an.f_fw .antit .acotnt ul{display:flex;padding:0;margin:0;list-style:none}
.g_an.f_fw .antit .acotnt ul li{flex:1;text-align:center}
.g_an.f_fw .antit .acotnt ul li a{display:block;text-decoration:none;color:inherit}
.linkTagcs{width:1000px;height:auto}
.linkTagcs ul{margin:0px;padding:0px;list-style-type:none}
.linkTagcs li{list-style:none;margin:0px;padding-right:10px;line-height:95px;float:left}
.linkTagcs li a{color:#e0e7f6;word-break:break-all}
.linkTagcs li img{border:0px}

/* 在线留言 */
.containerc{max-width:760px;margin:0 auto;background-color:white;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.headermessageForm{display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}
.headermessageForm a{text-decoration:none;color:#0066cc;font-size:14px}
.headermessageForm a:hover{text-decoration:underline}
.form-group{margin-bottom:15px}
label{display:block;margin-bottom:5px;font-weight:bold}
input[type="text"],input[type="email"],textarea{width:100%;padding:16px 37px;border:1px solid #ddd;border-radius:4px;font-size:14px;max-width:750px}
textarea{height:120px;resize:vertical}
.captcha-section{display:flex;align-items:center;margin-bottom:15px}
.captcha-input{width:150px;margin-right:10px}
.captcha-image{background-color:#f0f0f0;padding:5px 10px;border:1px solid #ddd;border-radius:4px;font-weight:bold;letter-spacing:2px;text-align:center;min-width:100px}
.captcha-note{font-size:12px;color:#666;margin-left:10px}
.declaration{background-color:#f9f9f9;padding:10px;border-left:3px solid #ddd;margin-bottom:20px;font-size:13px;color:#666}
.button-group{text-align:right;margin-top:20px}
button{padding:8px 15px;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-left:10px}
.submit-btn{background-color:rgb(254,209,0);color:white}
.submit-btn:hover{background-color:#0055aa}
.reset-btn{background-color:#f0f0f0;color:#333}
.reset-btn:hover{background-color:#e0e0e0}
/* 联系我们 */
#center{height:auto !important}
ul{padding:0}
.w1200{width:1300px;margin:0 auto}
.lxtop{overflow:hidden;margin-top:30px;border-radius:3px;border:1px solid #d6d6d6}
.lxtop img{width:390px;float:left}
.lxtop p{width:840px;float:right;font-size:16px;line-height:35px;color:#666;padding-top:30px;padding-right:30px}
.lxtop p span{display:block;color:#222;font-size:18px;line-height:50px}
.Separate{background:url(../image/20201020150444_972010761.png) no-repeat center;font-size:30px;text-align:center;margin:2rem auto 25px}
.Separate span{display:block;font-size:14px;letter-spacing:5px;color:#222;margin-top:10px}
.lmlxfsnr{overflow:hidden;border-radius:3px;padding-top:20px}
.lmlxfsnr ul{overflow:hidden}
.lmlxfsnr li{margin:15px 0px 10px 15px;float:left;width:47%;padding:15px 0 15px 15px;box-shadow:0 0 5px rgba(181,181,181,0.58);}
.lmlxfsnr li:hover{color:#000}
.lmlxfsnr li img{float:left}
.lmlxfsnr li p{float:left;padding-left:12px;font-size:18px;color:#333}
.lmlxfsnr li i{float:left;padding-left:12px;font-size:18px;color:#45b035;padding-top: 2px;}
.lmlxfsnr li a{font-size:16px}
.wzdt{margin-bottom:20px !important}
.ck{cursor:pointer}
 
.lmlxfsnrlb li:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}
.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}
.hvr-float-shadow a{text-decoration:none;color:rgb(254,209,0)}
.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
.hvr-float-shadow:hover,.hvr-float-shadow:focus,.hvr-float-shadow:active{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
.hvr-float-shadow:hover:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:active:before{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}
.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}
.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0 10px;border-color:#e1e1e1 transparent transparent transparent;opacity:0}
.hvr-bubble-bottom:hover:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:active:before{opacity:1;-webkit-transform:translateY(15px);transform:translateY(15px)}

/* 单页 */
.content{/*! max-width:1200px; */margin:0 auto;padding:20px}
.news-d-box{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.08);overflow:hidden;padding:30px;margin-bottom:30px}
.le{width:100%}
.h3{font-size:24px;font-weight:600;color:#2c3e50;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eaecef;position:relative}
.h3:after{content:'';position:absolute;left:0;bottom:-1px;width:80px;height:2px;background:#4285f4}
.con{font-size:16px;color:#555}
.con p{margin-bottom:15px;text-align:justify}
.con h1,.con h2,.con h3,.con h4{color:#2c3e50;margin-top:25px;margin-bottom:15px}
.con h1{font-size:22px;font-weight:600}
.con h2{font-size:20px;font-weight:600}
.con h3{font-size:18px;font-weight:600}
.con h4{font-size:16px;font-weight:600}
.con ul,.con ol{margin-bottom:15px;padding-left:20px}
.con li{margin-bottom:8px}
.con a{color:#4285f4;text-decoration:none;transition:color 0.3s}
.con a:hover{color:#2a6fd6;text-decoration:underline}
@media (max-width:768px){.content{padding:15px}
.news-d-box{padding:20px}
.h3{font-size:20px}
.con{font-size:15px}
}


  /* 一行四列布局样式 */
        .category-container {
            display: flex;
            flex-direction: row; /* 改为行方向 */
            justify-content: center; /* 水平居中 */
            align-items: center; /* 垂直居中 */
            flex-wrap: wrap; /* 允许换行 */
            gap:50px; /* 项之间的间距 */
            width: 100%;
        }
        
        .category-item {
            flex: 1; 
            max-width: 180px; /* 最大宽度限制 */
            height: 40px; /* 适当增加高度 */
            margin: 0;
            border-radius: 15px 0 15px 0;
            background: #f2f2f2;
        }
        
        .category-link {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            width: 100%;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 6px;
            text-decoration: none;
            color: #333;
            font-size: 16px;
            font-weight: normal;
            transition: all 0.3s ease;
            text-align: center;
            padding: 0 15px;
            border-radius: 15px 0 15px 0;
            background: #f2f2f2;
        }
        
        .category-link:hover {
            background: linear-gradient(to bottom, #45b035 0%, #2b951c 100%);
            color: #fff;
};
            color: #fff;
            border-color: #0056b3;
            transform: translateY(-3px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }
          .category-link:hover a{ 
            color: #fff; 
        }
        .category-link:active {
            transform: translateY(0);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
        }
        
        /* 响应式调整 */
        @media (max-width: 1200px) {
            .category-container {
                gap: 12px;
            }
            
            .category-item {
                min-width: 180px;
                max-width: 250px;
                height: 75px;
            }
        }
        
        @media (max-width: 900px) {
            .category-container {
                flex-wrap: wrap;
                justify-content: space-around;
            }
            
            .category-item {
                flex: 0 0 calc(50% - 10px); /* 两列布局 */
                max-width: calc(50% - 10px);
                min-width: 0;
                height: 70px;
                margin-bottom: 10px;
            }
        }
        
        @media (max-width: 600px) {
            .category-container {
                flex-direction: column;
                gap: 10px;
            }
            
            .category-item {
                flex: 1 0 auto;
                width: 100%;
                max-width: 100%;
                height: 65px;
            }
        }
       /* 证书展示区样式 */
.certificate-section {
  padding: 30px 0;
}

 
 

.certificate-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
}

.certificate-track {
  display: flex;
  transition: transform 0.5s ease;
  gap: 20px;
}

.certificate-slide {
  min-width: 300px;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  flex-shrink: 0;
}

.certificate-slide:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.certificate-slide img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

.certificate-desc {
  padding: 15px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0;
  background: white;
}

.certificate-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 25px;
}

.cert-prev, .cert-next {
  /*! background: #2c6bb1; */
  color: #45b035;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cert-prev:hover, .cert-next:hover {
  background: #1a4a7a;
  transform: scale(1.1);
}

.cert-indicators {
  display: flex;
  gap: 10px;
}

.cert-indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ccc;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.cert-indicator.active {
  background-color: #45b035;
}

/* 响应式设计 */
@media (max-width: 1200px) {
  .certificate-slide {
    min-width: 280px;
  }
}

@media (max-width: 768px) {
  .certificate-section {
    margin-top: 40px;
    padding: 20px 0;
  }
  
  .certificate-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  
  .certificate-slide {
    min-width: 250px;
  }
  
  .certificate-slide img {
    height: 180px;
  }
}

@media (max-width: 576px) {
  .certificate-track {
    gap: 15px;
  }
  
  .certificate-slide {
    min-width: 220px;
  }
  
  .certificate-desc {
    font-size: 14px;
    padding: 12px;
  }
} 


/*首页关于我们*/


        
        /* 关于内容区域 - 居中 */
        .index-about-content {
            padding: 40px 0;
            text-align: center; /* 添加居中对齐 */
        }
        
        .logo-title {
            margin-bottom: 30px;
        }
        
        .logo-title p {
            line-height: 3em;
        }
        
        .logo-title img {
            max-width: 100%;
            height: auto;
        }
        

        
        /* 移动端内容 - 隐藏 */
        .index-about-mb-content {
            display: none;
        }
        
        /* 图片列表区域 - 确保一行显示3个 */
        .index-about-list {
            list-style: none;
            display: flex; /* 使用flex布局确保一行显示 */
            flex-wrap: wrap; /* 允许换行 */
            justify-content: space-between; /* 均匀分布 */
            gap: 20px;
     
            background-image: url('/uploads/20250311/6b9f27cb9eab75ef7b312042b2743946.jpg');
            background-size: cover;
            background-position: center;
            border-radius: 8px;
        }
        
        .index-about-list li {
            width: calc(33.333% - 13.33px); /* 确保一行显示3个，考虑间距 */
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        
        .index-about-list li:hover {
            transform: translateY(-5px);
        }
        
        .box {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden; /* 确保图片放大不溢出 */
        }
        
        .box img {
            width: 100%;
            height: 243px;
            object-fit: cover; 
            display: block;
            transition: transform 0.5s ease; /* 添加过渡效果 */
        }
        
        /* 鼠标移到图上图片放大效果 */
        .box:hover img {
            transform: scale(1.1); /* 图片放大1.1倍 */
        }
        
        .data {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(255, 255, 255, 0.95);
            padding: 20px;
            text-align: center;
            z-index: 1; /* 确保数据层在图片上方 */
            display: none;
        }
        
        .data-num {
            font-size: 28px;
            font-weight: bold;
            color: #45b035 !important;
            margin-bottom: 5px;
        }
        
        .data-num span {
            display: inline-block;
        }
        
        .data-num sup {
            font-size: 16px;
            vertical-align: super;
        }
        
        .data p {
            font-size: 14px;
            color: #333;
            font-weight: 500;
        }
        
      .data .icon {
    margin-bottom: 10px;
    text-align: center;  /* 已存在，可确保行内/行内块元素居中 */
    display: flex;       /* 添加flex布局 */
    justify-content: center;  /* 水平居中 */
    align-items: center;      /* 垂直居中（如需）*/
    width: 100%;              /* 确保容器宽度占满 */
}
        .data .icon img {
            width: 40px;
            height: 40px;
            object-fit: contain;
        }
        
        /* 了解更多按钮 */
        .index-more {
            text-align: center;
            margin: 30px 0;
        }
        
        .index-more a {
            display: inline-block;
            padding: 12px 40px;
            background-color: transparent;
            color: #45b035 !important;
            border: 2px solid #45b035 !important;
            text-decoration: none;
            font-size: 16px;
            font-weight: bold;
            border-radius: 25px;
            transition: all 0.3s ease;
        }
        
        .index-more a:hover {
            background: #fff;
            color: #fff;
        }
        
        /* 底部装饰 */
        .index-dot {
            text-align: center;
            margin: 30px 0;
        }
        
        .index-dot img {
            width: 100px;
            opacity: 0.7;
        }
        
        /* 响应式设计 */
        @media (max-width: 1200px) {
            .wd1340 {
                width: 100%;
                max-width: 100%;
                padding: 0 15px;
            }
            
            .index-about-list li {
                width: calc(50% - 10px); /* 平板端一行显示2个 */
            }
        }
        
        @media (max-width: 768px) {
            .index-about-content {
                display: none;
            }
            
            .index-about-mb-content {
                display: block;
                padding: 20px 0;
                text-align: center; /* 移动端也居中 */
            }
            
            .index-about-mb-content p {
                font-size: 14px;
                line-height: 1.8em;
                white-space: normal;
                text-align: center; /* 移动端段落居中 */
                max-width: 100%;
            }
            
            .index-about-list li {
                width: 100%; /* 手机端一行显示1个 */
            }
            
            .box img {
                height: 250px;
            }
        }
        
        /* 计数器动画效果 */
        .num-countup span {
            display: inline-block;
            animation: countup 0.5s ease-out forwards;
        }
        
        @keyframes countup {
            from {
                opacity: 0;
                transform: translateY(10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }


        .footer {
            max-width: 100%;   
            background: #f8f8f8;
            padding: 120px 0;
        }
        .footer-container {
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 100%;
            max-width: 1600px;
        }
        
        .footer-left {
            flex: 0 0 365px;
        }
        
        .footer-logo {
            font-size: 24px;
            font-weight: bold;
            color: #333;
            margin-bottom: 20px;
        }
           .footer-logo  img{
            font-size: 24px;
            font-weight: bold;
            color: #333;
            margin-bottom: 20px;
            width: 100%;
        }
        .contact-info {
            margin-bottom: 20px;
        }
        
        .contact-item {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            color: #666;
        }
        
        .contact-icon {
            width: 20px;
            height: 20px;
            margin-right: 10px;
            display: inline-block;
            background-size: contain;
            background-repeat: no-repeat;
        }
        
        .contact-text {
            position: relative; 
            font-size: 18px;
            color: #666;
            line-height: 30px;
        }
        

        
        .footer-column {
            display: inline-block;
            width: auto;
            margin: 0;
        }
        
        .footer-column h4 {
            color: #333;
            margin-bottom: 15px;
            /*! font-weight: bold; */
            color: #202020;
            font-size: 18px;
            color: #202020;
            font-size: 18px;
        }
        
        .footer-column ul {
            list-style: none;
        }
        
        .footer-column li {
            font-size: 12px;
            color: #666;
            line-height: 30px;
        }
        
        .footer-column a {
            color: #666;
            text-decoration: none;
            font-size: 15px;
        }
        
        .footer-column a:hover {
            color: #007bff;
        }
        
        .social-media {
            flex: 0 0 160px;
        }
        
        .social-media h4 {
            font-size: 16px;
            color: #333;
            margin-bottom: 15px;
            font-weight: normal;
        }
        
        .social-icons {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .social-icon {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background-color: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .social-icon:hover {
            background-color: #e9e9e9;
        }
        
        .social-icon i {
            font-size: 18px;
        }
        
        /* 特定图标颜色 */
        .social-wechat:hover {
            background-color: #07c160;
        }
        
        .social-wechat:hover i {
            color: white;
        }
        
        .social-jd:hover {
            background-color: #e4393c;
        }
        
        .social-jd:hover i {
            color: white;
        }
        
        .social-tmall:hover {
            background-color: #ff4400;
        }
        
        .social-tmall:hover i {
            color: white;
        }
        
        .social-douyin:hover {
            background-color: #000;
        }
        
        .social-douyin:hover i {
            color: white;
        }
        
        .social-weibo:hover {
            background-color: #e6162d;
        }
        
        .social-weibo:hover i {
            color: white;
        }
        
        
       .footer-bottoma {
            color: #333;
            padding: 20px 0; 
            background: #f8f8f8;
        }
        
        .footer-containera {
            margin: 0 auto;
            padding: 0 20px;
            width: 100%;
            max-width: 1600px;
        }
        
        .footer-contenta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .footer-lefta {
            flex: 1;
            min-width: 200px;
        }
        
        .footer-righta {
            flex: 1;
            min-width: 200px;
            text-align: right;
        }
        
        .footer-linksa {
            list-style: none;
            display: flex;
            gap: 20px;
            margin: 0;
            padding: 0;
        }
        
        .footer-links a {
            color: #333;
            text-decoration: none;
            transition: color 0.3s;
            font-size: 14px;
        }
        
        .footer-linksa a:hover {
            color: #4CAF50;
        }
        
        .copyright a {
            font-size: 14px;
            color: #666;
        }
        
        .link-rowa {
            margin-bottom: 8px;
        }
        
        .separatora {
            margin: 0 10px;
            color: #ccc;
        }
        
        .info-links a {
            color: #666;
            text-decoration: none;
            font-size: 13px;
            transition: color 0.3s;
        }
        
        .info-links a:hover {
            color: #4CAF50;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .footer-contenta {
                flex-direction: column;
                gap: 20px;
            }
            
            .footer-lefta , .footer-righta {
                text-align: center;
                width: 100%;
            }
            
            .footer-linksa {
                justify-content: center;
                flex-wrap: wrap;
                gap: 15px;
            }
            
            .info-linksa {
                margin-bottom: 10px;
            }
        }
  
    
        
        /* 图标样式 */
        .icon-phone::before {
            content: "📞";
            font-size: 16px;
        }
        
        .icon-location::before {
            content: "📍";
            font-size: 16px;
        }
        
        .icon-wechat::before {
            content: "💬";
            font-size: 16px;
        }
        
        @media (max-width: 768px) {
            .footer-container {
                flex-direction: column;
                padding: 40px 20px 30px;
            }
            
            .footer-left {
                flex: 0 0 100%;
                padding-right: 0;
                margin-bottom: 30px;
            }
            
            .footer-links {
                flex: 0 0 100%;
                min-width: auto;
                justify-content: space-between;
            }
            
            .footer-column {
                flex: 0 0 48%;
                margin-bottom: 20px;
            }
            
            .social-media {
                flex: 0 0 100%;
                margin-top: 20px;
            }
        }
    
    
    /*产品中心*/
       
        .page-header {
            text-align: center;
            margin-bottom: 50px;
        }
        
        .page-title {
            font-size: 32px;
            font-weight: 600;
            color: #222;
            position: relative;
            display: inline-block;
        }
        
        .page-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 3px;
            background: #007bff;
            border-radius: 2px;
        }
        
        .product-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
            gap: 30px; 
            margin-top: 45px;
        }
        
       .product-card {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.048);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	cursor: pointer;
	background: #fff;
	aspect-ratio: 500/560;
	margin-top: 25px;
}
        
        .product-card:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }
        
        .product-image-container {
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: relative;
        }
        
        .product-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }
        
        .product-card:hover .product-image {
            transform: scale(1.1);
        }
        
        .product-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, rgba(0, 0, 0, 0.57) 0%, rgba(89, 89, 89, 0.37) 100%);
            opacity: 0;
            transition: all 0.4s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            padding: 20px;
        }
        
        .product-card:hover .product-overlay {
            opacity: 1;
        }
        
        .product-name {
            color: white;
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 10px;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
            transform: translateY(20px);
            transition: transform 0.4s ease 0.1s; display: none;
        }
        
        .product-desc {
            color: rgba(255, 255, 255, 0.9);
            font-size: 14px;
            text-align: center;
            padding: 0 20px;
            transform: translateY(20px);
            transition: transform 0.4s ease 0.2s;
        }
        
        .product-card:hover .product-name,
        .product-card:hover .product-desc {
            transform: translateY(0);
        }
        
        .product-label {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient( to top, rgba(0, 0, 0, 0.18) 0%, rgba(130, 130, 130, 0.14) 70%, transparent 100% );
            color: #f7f7f7;
            padding: 20px 20px 11px 31px;
            font-size: 30px;
            font-weight: 500;
            text-align: left;
        }
        

   
        
        /* 加载动画 */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .product-card {
            animation: fadeInUp 0.6s ease forwards;
        }
        
        .product-card:nth-child(1) { animation-delay: 0.1s; }
        .product-card:nth-child(2) { animation-delay: 0.2s; }
        .product-card:nth-child(3) { animation-delay: 0.3s; }
        .product-card:nth-child(4) { animation-delay: 0.4s; }
        .product-card:nth-child(5) { animation-delay: 0.5s; }
        .product-card:nth-child(6) { animation-delay: 0.6s; }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .page-title {
                font-size: 28px;
            }
        }
        
        /*新闻中心*/
        
         /* 新闻中心整体容器 */
    .news-center { 
      margin: 0 auto;
      text-align: center;
      padding: 65px 0 65px 0;
    }
    .news-center h2 {
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    .news-center p {
      font-size: 16px;
      color: #999;
      margin-bottom: 40px;
    }

    /* Tab栏样式 */
    .tab-bar {
      display: flex;
      justify-content: center; 
      margin-bottom: 20px;
    }
    .tab-item {
      padding: 10px 20px;
      cursor: pointer;
      font-size: 16px;
      color: #333;
      position: relative;
      transition: all 0.3s ease;
    }
    .tab-item:hover {
      color: #0066cc;
    }
    .tab-item.active {
      color: #45b035;
      font-weight: 600;
    }
    .tab-item.active::after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 50%;
      transform: translateX(-50%);
      width: 40px;
      height: 3px;
      background-color: #45b035;
      border-radius: 2px;
    }

   

    /* 分隔线样式 */
        .separator {
            height: 15px;
            width: 1px;
            background: rgba(96, 96, 96, 0.5);
        }
        
        /* 图标按钮样式 */
        .search-icon, .lang-icon {
          
            text-decoration: none;
            font-size: 18px;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s;
            cursor: pointer;
        }
        
        .search-icon:hover, .lang-icon:hover {
            background: rgba(255, 255, 255, 0.2);
        }
        
        .lang-text {
            margin-left: 8px;
            font-size: 14px;
        }
        
        /* 搜索弹窗样式 */
        .search-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            z-index: 1000;
            animation: fadeIn 0.3s ease;
        }
        
        .search-modal.active {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .search-modal-content {
            background: white;
            width: 90%;
            max-width: 700px;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
            animation: slideIn 0.3s ease;
            overflow: hidden;
        }
        
        .search-header {
            padding: 25px 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            display: none;
        }
        
        .search-header h2 {
            font-size: 24px;
            font-weight: 600;
        }
        
        .close-btn {
            background: none;
            border: none;
            color: white;
            font-size: 24px;
            cursor: pointer;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
        }
        
        .close-btn:hover {
            background: rgba(255, 255, 255, 0.2);
        }
        
        .search-body {
            padding: 30px;
        }
        
        .search-input-group {
            position: relative;
            margin-bottom: 20px;
        }
        
        .search-input {
            width: 100%;
            padding: 18px 20px 18px 50px;
            border: 2px solid #e0e0e0;
            border-radius: 12px;
            font-size: 16px;
            transition: all 0.3s;
        }
        
        .search-input:focus {
            outline: none;
            border-color: #667eea;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        }
        
        .search-icon-input {
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            color: #888;
        }
        
        .search-btn {
            background: #45b035 !important;
            color: white;
            border: none;
            padding: 16px 30px;
            border-radius: 12px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            width: 100%;
            transition: all 0.3s;
            margin: 0;
        }
        
        .search-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);
        }
        
        .search-tips {
            margin-top: 20px;
            font-size: 14px;
            color: #666;
        }
        
        .search-tips h3 {
            margin-bottom: 10px;
            color: #333;
        }
        
        .search-tips ul {
            list-style: none;
            padding-left: 0;
        }
        
        .search-tips li {
            padding: 8px 0;
            border-bottom: 1px solid #eee;
        }
        
        .search-tips li:last-child {
            border-bottom: none;
        }

.goods-wrapper {
 margin:0 auto 120px
}
.goods-wrapper .cat-box {
 border-bottom:1px solid #ededed;
 margin-bottom:46px
}
.goods-wrapper .cat-box ul {
 display:flex;
 display:-webkit-box;
 display:-moz-box;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flexbox;
 justify-content:center;
 margin:20px auto
}

.goods-wrapper .cat-box ul li:last-child {
 margin-right:0
}
.goods-wrapper .cat-box ul li:hover {
 border-color:#e0e0e0
}
.goods-wrapper .cat-box ul li:hover>a {
 color:#3f69bb
}
.goods-wrapper .cat-box ul li:hover i {
 background:url(../image/up.png) no-repeat;
 background-size:contain
}
.goods-wrapper .cat-box ul li:hover .sec-cat {
 display:block
}

.goods-wrapper .cat-box ul li i {
 display:inline-block;
 vertical-align:middle;
 margin-left:10px;
 width:12px;
 height:7px;
 background:url(../image/down.png) no-repeat;
 background-size:contain
}
.goods-wrapper .cat-box ul .sec-cat,
.goods-wrapper .cat-box ul .list {
 position:absolute;
 z-index:10;
 width:102%;
 background:#fff;
 border:1px solid #e0e0e0;
 padding-bottom:20px;
 display:none
}
.goods-wrapper .cat-box ul .sec-cat {
 left:-1px;
 top:100%;
 border-top:none
}

.goods-wrapper .cat-box ul .sec-cat a:hover {
 color:#3f69bb
}
.goods-wrapper .cat-box ul .item {
 position:relative
}
.goods-wrapper .cat-box ul .item:hover .list {
 display:block
}
.goods-wrapper .cat-box ul .list {
 left:100%;
 top:0
}
.goods-wrapper .goods-box {
 margin-bottom:45px
}
.goods-wrapper .goods-box a {
 display:flex;
 display:-webkit-box;
 display:-moz-box;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flexbox
}
.goods-wrapper .goods-box a:hover img {
 transform:scale(1.05);
 -webkit-transform:scale(1.05);
 -moz-transform:scale(1.05);
 -ms-transform:scale(1.05);
 -o-transform:scale(1.05)
}
.goods-wrapper .goods-box a:hover .name {
 color:#2b2c50
}
.goods-wrapper .goods-box .pic {
 width:65.625%
}
.goods-wrapper .goods-box .info {
 flex:1;
 overflow:hidden;
 background:#f8f8f8;
 padding:84px 80px 0 80px
}
.goods-wrapper .goods-box .desc {
 height:210px;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:7;
 overflow:hidden;
 margin:28px auto 60px
}
.goods-wrapper .pic {
 overflow:hidden
}
.goods-wrapper .pic img {
 width:100%;
 transition:transform .6s ease;
 -webkit-transition:transform .6s ease;
 -moz-transition:transform .6s ease;
 -ms-transition:transform .6s ease;
 -o-transition:transform .6s ease
}
.goods-wrapper .name {
 font-size:26px;
 color:#333;
 letter-spacing:2px;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 overflow:hidden;
 text-transform:uppercase
}
.goods-wrapper .desc 
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
button,
input,
textarea,
th,
td {
 font-weight:normal;
 margin:0;
 padding:0
}
body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
i {
 font:normal 14px BlinkMacSystemFont, Arial, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased
}
  
/* 初始化默认字体 */
html,
body {
  position: relative;
  font:normal 14px BlinkMacSystemFont, Arial, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
  color: rgb(6, 22, 31);
  min-width: 1300px;
  overflow-x: hidden;
}

/*通用代码*/
.top50{ margin-top:50px;}
*{ margin:0px; padding:0px;}
 
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #333333; text-decoration: none; font-size:14px;}
a:hover{color: #45b035;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
h1,h2,h3,h4,h5,h6,h7 {font-weight: normal;}
.w1300{width: 100%;
margin: 0 auto;
max-width: 1600px;}
.fl{ float:left;}
.fr{ float:right;}
.title{text-align: center;color: #222222;font-size: 38px;}
.title b{color: #45b035;position: relative;display: inline-block;/*! margin-right: 10px; */}
.title b:after{content: '';display: block;position: absolute;z-index: -1;height: 3px;background: #b7c0cb;bottom: -4px;;width: 100%;animation: widthchange 1.5s linear infinite; }
.title span{display: block;font-size: 18px;color: #666666;font-weight: lighter;margin: 12px 0;}
.title:after{content: '';display: block;height: 20px;background: url(../image/20201022092258_28787131.png) no-repeat center;}
.mainhovercolor a:hover{color: #45b035;}
@keyframes widthchange{
0%{width: 100%;}
25%{width: 50%;}
50%{width: 25%;}
75%{width: 50%;}
100%{width: 100%;}
}
/*抬头*/
   * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    /* 导航栏样式 */
    .navbar {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 50px;
      z-index: 1000;
      transition: all 0.4s ease;background: linear-gradient(90deg, #fff 0%, #fff 100%);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    /* 初始状态 - 透明导航 */
    .navbar.transparent {
      background-color: #fff;background: linear-gradient(90deg, #fff 0%, #fff 100%);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .navbar.transparent .nav-links > li > a {
      /*! color: #fff; */
    }




    /* Logo反白效果样式 */
    .logo {
      height: 40px;
      position: relative;
    }

    .logo a {
      display: block;
      height: 100%;
    }

    .logo img {
      height: 100%;
      object-fit: contain;
    }

    /* 透明状态下显示白色logo */
    .navbar.transparent .logo-color {
      display: none;
    }

    .navbar.transparent .logo-white {
      display: block;
      /*! filter: brightness(0) invert(1); */ /* 将图片反白 */
    }

    /* 滚动状态下显示彩色logo */
    .navbar.scrolled .logo-white {
      display: none;
    }

    .navbar.scrolled .logo-color {
      display: block;
    }

    /* 滚动后状态 - 白色导航 */
    .navbar.scrolled {
      background-color: #fff;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }

    .navbar.scrolled .nav-links > li > a {
      color: #333;
    }

    .navbar.scrolled .nav-right a {
      color: #333;
    }

    .navbar.scrolled .contact-btn {
      border-color: #333;
    }

    .navbar.scrolled .has-dropdown > a::after {
      color: #333;
    }

    .navbar.scrolled .dropdown {
      background-color: rgba(255, 255, 255, 0.95);
    }

    .navbar.scrolled .dropdown li a {
      color: #333;
    }

    /* 导航链接容器 */
    .nav-links {
      display: flex;
      list-style: none;
      position: relative;
    }

    .nav-links > li {
      position: relative;
      margin: 0 35px;
    }

    .nav-links > li > a {
      text-decoration: none;
      font-size: 18px;
      padding: 10px 0;
      display: block;
      transition: all 0.3s ease;
      position: relative;
    } 

    .nav-links > li > a.active {
      position: relative;
    }

    .nav-links > li > a.active::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #0078d4;
    }

    .navbar.transparent .nav-links > li > a.active::before {
      background-color: #fff;
    }

    /* 下拉菜单优化 */
    .dropdown {
      position: absolute;
      top: calc(100% + 10px);
      left: 0;
      width: 200px;
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
      border-radius: 8px;
      opacity: 0;
      visibility: hidden;
      transform: translateY(20px);
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      z-index: 100;
      overflow: hidden;
    }

    .dropdown::before {
      content: '';
      position: absolute;
      top: -8px;
      left: 20px;
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid rgba(255, 255, 255, 0.95);
    }

    .navbar.transparent .dropdown::before {
      border-bottom-color: rgba(0, 0, 0, 0.85);
    }

    .nav-links > li:hover .dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    .dropdown li {
      list-style: none;
    }

    .dropdown li a {
      display: block;
      padding: 12px 20px;
      text-decoration: none;
      color: #333;
      font-size: 14px;
      transition: all 0.3s ease;
      border-left: 3px solid transparent;
    }

    .dropdown li a:hover {
      background-color: rgba(0, 120, 212, 0.1);
      border-left-color: #45b035;
      padding-left: 25px;
    }

    .navbar.transparent .dropdown li a:hover {
      background-color: rgba(255, 255, 255, 0.1);
    }

    /* 有下拉菜单的链接添加箭头动画 */
    .has-dropdown > a {
      position: relative;
      padding-right: 20px;
    }

    .has-dropdown > a::after {
      content: '\f078';
      font-family: 'Font Awesome 6 Free';
      font-weight: 900;
      font-size: 10px;
      position: absolute;
      right: -16px;
      top: 50%;
      transform: translateY(-50%) scale(0.9);
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    /* 下拉菜单悬停时箭头动画 */
    .has-dropdown:hover > a::after {
      transform: translateY(-50%) rotate(180deg) scale(1.1);
      color: #0078d4;
    }

    .navbar.transparent .has-dropdown:hover > a::after {
      color: #4da6ff;
    }

    /* 导航右侧 */
    .nav-right {
      display: flex;
      align-items: center;
    }

    .nav-right a {
      margin-left: 15px;
      text-decoration: none;
      transition: all 0.3s ease;
    }

    .search-icon,
    .lang-icon {
      font-size: 18px;
    }

    .contact-btn {
      padding: 8px 20px;
      border: 1px solid;
      border-radius: 20px;
      font-size: 14px;
    }

    /* Banner轮播 */
    .banner {
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: hidden;
    }

    .slides {
      width: 100%;
      height: 100%;
      position: relative;
    }

    .slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 0.8s ease, transform 0.8s ease;
      transform: scale(1.05);
    }

    .slide.active {
      opacity: 1;
      transform: scale(1);
    }

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

    /* 轮播内容 */
    .slide-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      color: #fff;
      max-width: 900px;
      padding: 0 20px;
      z-index: 2;
    }

    .slide-content h2 {
      font-size: 48px;
      margin-bottom: 20px;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
      animation: slideInDown 0.8s ease;
    }

    .slide-content p {
      font-size: 18px;
      line-height: 1.6;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
      animation: slideInUp 0.8s ease 0.2s both;
    }

    @keyframes slideInDown {
      from {
        opacity: 0;
        transform: translateY(-30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes slideInUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* 轮播指示器 */
    .indicators {
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 10px;
      z-index: 2;
    }

    .indicator {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.5);
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .indicator.active {
      background-color: #fff;
      transform: scale(1.2);
    }

    /* 轮播导航按钮 */
    .slide-nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 50px;
      height: 50px;
      background-color: rgba(0, 0, 0, 0.3);
      border: none;
      border-radius: 50%;
      color: white;
      font-size: 20px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      z-index: 2;
    }

    .slide-nav:hover {
      background-color: rgba(0, 0, 0, 0.6);
      transform: translateY(-50%) scale(1.1);
    }

    .slide-nav.prev {
      left: 20px;
    }

    .slide-nav.next {
      right: 20px;
    }

    .slide-nav i {
      transition: transform 0.3s ease;
    }

    .slide-nav:hover i {
      transform: scale(1.2);
    }
/* Banner遮罩效果 */
.banner {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* 深色遮罩层 */
.banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, 
              rgba(0, 0, 0, 0.6) 0%, 
              rgba(0, 0, 0, 0.4) 50%, 
              rgba(0, 0, 0, 0.6) 100%);
  z-index: 1;
  pointer-events: none; /* 遮罩层不阻止用户交互 */
}

.slides {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}

/* 轮播内容在遮罩层之上 */
.slide-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  max-width: 900px;
  padding: 0 20px;
  z-index: 2; /* 确保内容在遮罩层之上 */
}

/* Banner按钮样式 */
.banner-btn {
  display: inline-block;
  margin-top: 30px;
  padding: 12px 35px;
  background-color: #45b035 !important;
  color: white;
  text-decoration: none;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  border: 2px solid #45b035 !important;
}

.banner-btn:hover {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* 轮播指示器在遮罩层之上 */
.indicators {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 2;
}

/* 轮播导航按钮在遮罩层之上 */
.slide-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: white;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 2;
}

.slide-nav:hover {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.8);
  transform: translateY(-50%) scale(1.1);
}
    /* 移动端菜单按钮 */
    .menu-toggle {
      display: none;
      flex-direction: column;
      justify-content: space-between;
      width: 30px;
      height: 20px;
      cursor: pointer;
      z-index: 1001;
    }

    .menu-toggle span {
      display: block;
      height: 3px;
      width: 100%;
      background-color: #fff;
      border-radius: 3px;
      transition: all 0.3s ease;
    }

    .navbar.scrolled .menu-toggle span {
      background-color: #333;
    }

    .menu-toggle.active span:nth-child(1) {
      transform: translateY(8.5px) rotate(45deg);
    }

    .menu-toggle.active span:nth-child(2) {
      opacity: 0;
    }

    .menu-toggle.active span:nth-child(3) {
      transform: translateY(-8.5px) rotate(-45deg);
    }

    /* 响应式设计 */
    @media (max-width: 1200px) {
      .navbar {
        padding: 15px 30px;
      }
      
      .nav-links > li {
        margin: 0 10px;
      }
      
      .slide-content h2 {
        font-size: 40px;
      }
      
      .slide-content p {
        font-size: 16px;
      }
      
      .slide-nav {
        width: 40px;
        height: 40px;
        font-size: 18px;
      }
      
      .slide-nav.prev {
        left: 15px;
      }
      
      .slide-nav.next {
        right: 15px;
      }
    }

    @media (max-width: 992px) {
      .menu-toggle {
        display: flex;
      }
      
      .nav-links {
        position: fixed;
        top: 0;
        right: -300px;
        width: 300px;
        height: 100vh;
        background-color: rgba(255, 255, 255, 0.98);
        flex-direction: column;
        align-items: flex-start;
        padding-top: 80px;
        padding-left: 20px;
        transition: right 0.4s ease;
        box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
      }

      .navbar.transparent .nav-links {
        background-color: rgba(0, 0, 0, 0.95);
      }

      .nav-links.active {
        right: 0;
      }

      .nav-links > li {
        width: 100%;
        margin: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      }

      .navbar.transparent .nav-links > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }

      .nav-links > li:last-child {
        border-bottom: none;
      }

      .nav-links > li > a {
        padding: 15px 20px;
        width: 100%;
        color: #333;
      }

      .navbar.transparent .nav-links > li > a {
        color: #fff;
      }

      /* 移动端下拉菜单 */
      .dropdown {
        position: static;
        width: 100%;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border-radius: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
        background-color: rgba(0, 0, 0, 0.05);
      }

      .navbar.transparent .dropdown {
        background-color: rgba(255, 255, 255, 0.1);
      }

      .dropdown.active {
        max-height: 500px;
      }

      .dropdown::before {
        display: none;
      }

      .dropdown li a {
        padding-left: 40px;
      }

      .has-dropdown > a::after {
        right: 20px;
        transform: translateY(-50%) scale(0.9) rotate(0deg);
      }

      .has-dropdown.active > a::after {
        transform: translateY(-50%) rotate(180deg) scale(1.1);
      }

      .nav-right {
        margin-right: 50px;
      }
    }

    @media (max-width: 768px) {
      .navbar {
        padding: 10px 20px;
      }
      
      .slide-content h2 {
        font-size: 32px;
      }
      
      .slide-content p {
        font-size: 14px;
      }
      
      .slide-content {
        padding: 0 15px;
      }
      
      .indicators {
        bottom: 20px;
      }
      
      .slide-nav {
        width: 35px;
        height: 35px;
        font-size: 16px;
      }
      
      .slide-nav.prev {
        left: 10px;
      }
      
      .slide-nav.next {
        right: 10px;
      }
    }

    @media (max-width: 576px) {
      .slide-content h2 {
        font-size: 24px;
      }
      
      .slide-content p {
        font-size: 12px;
      }
      
      .slide-nav {
        display: none; /* 移动端隐藏导航按钮，使用滑动切换 */
      }
    }

.trait{padding: 65px 0 86px 0;background: #f2f2f2 url(../image/20201022090015_1976568835.png) no-repeat center bottom;}
.tratitl{text-align: center;font-size: 38px;color: #222222;}
.tratitl i{color: #45b035;}
.tratitl span{display: block;margin: 10px auto 46px auto;width: 315px;line-height: 50px;background: #fff; border-radius: 25px;font-size: 20px;color: #888888;font-weight: lighter;}
.trait ul{height: 225px;background: #fff;border-radius: 10px;font-size: 0;}
.trait ul li{display: inline-block;vertical-align: top;width: 25%;height: 100%;text-align: center;font-size: 16px;color: #888888;font-weight: lighter;box-shadow:5px 0 15px -5px #eee inset;transition: all .3s ease;}
.trawa{padding: 0 50px;line-height: 30px;color: #888;}
.trawa span{display: block;font-size: 22px;color: #222222;font-weight: normal;margin-bottom: 8px;transition: all .3s ease;}
.traicon{display: inline-block;width: 36px;height: 36px;margin: 40px 0 15px 0;background: url(../image/20201022090015_1320819833.png) no-repeat left top;transition: all .5s ease;}
.trait ul li:nth-child(2) .traicon{background-position-x:-48px; }
.trait ul li:nth-child(3) .traicon{background-position-x:-98px; }
.trait ul li:nth-child(4) .traicon{background-position-x:-157px; }
.trait ul li:hover{background: linear-gradient(to bottom, #45b035 0%, #2b951c 100%);color: #8cbef7; box-shadow: none;}
.trait ul li:hover .trawa span{color: #fff;}.trait ul li:hover .trawa {color: #fff;}
.trait ul li:hover .traicon{background-position-y:-47px; }
/*产品中心*/
.product{padding: 60px 0 80px 0;background: #f8f8f8;}
.protab{margin: 35px 0;}
.protab table,.protab tbody,.protab td{display: block;width: 100%;height: auto;}
.protab tr{display: inline-block;width: 235px;margin: 0 25px 15px 0;}
.protab tr:nth-child(5n){margin-right: 0;}
.protab tr a{display: block;transition:all .3s ease;border-radius: 25px 0 25px 0;background: #f2f2f2;text-align: center;font-size: 16px;color: #666666; line-height: 45px;}
.protab tr a:hover{background: linear-gradient(to bottom, #45b035 0%, #2b951c 100%);color: #fff;}
.proshow tr{ display:block; white-space:nowrap;}
.proshow td{ display:inline-block; vertical-align:top; width:400px; padding:8px 8px 0 8px !important; background: #f2f2f2;transition:all .3s ease;transition:all .3s ease;}
.proshow td br{ display:none;}
.proshow td a,.proshow td span{ display:block; position:relative; overflow:hidden;}
.proshow td>a img{ width:100%; height:auto; transition:all .6s ease;}
.proshow td span a{ position: relative;line-height:72px;padding:0 25px 0 40px; text-align:left; font-size:16px; color:#666666; transition:all .3s ease;}
.proshow td span a:after,.proshow td span a:before{content:''; display:block; position:absolute;  top:0; bottom:0; margin:auto 0; transition:all .3s ease;}
.proshow td span a:after{ width:8px; height:14px;  right:16px;background:url(../image/20201022092258_1418900836.png) no-repeat -8px top; }
.proshow td span a:before{width: 8px;height: 8px;left: 13px;border-radius: 50%;background: #5e5e5e;}
.proshow td+td{ margin-left:28px;}
.proshow tr+tr{ margin-top:30px;}
.proshow td:hover{ background:linear-gradient(to bottom, #45b035 0%, #2b951c 100%);}
.proshow td:hover span a:before{ background: #fff;}
.proshow td:hover span a{color: #fff;}
.proshow td:hover>a img{ transform:scale(1.1);}
.proshow td:hover span a:after{ background-position-x:0;}
/*精选原材料，严格把控质量，品质交付*/
.proadv{padding: 70px 0 100px 0; background: #f2f2f2;}
.patitl{text-align: center;color: #333333;font-size: 38px;}
.patitl span{display: block;font-size: 16px;color: #666666;font-weight: lighter; margin-top: 10px;}
.proadv ul{font-size: 0;text-align: center;margin-top: 45px;}
.proadv ul li{display: inline-block;vertical-align: top;width: 315px;height: 578px;background: #fff;transition: all .3s ease;}
.proadv ul li+li{margin-left: 13px;}
.pa_t em{font-size: 35px;color: #b5b5b5;font-family: fontDin1;}
.pa_t{padding-top: 40px;}
.pa_t span{display: block;font-size: 32px;color: #222222; margin: 10px 0;}
.pa_t i{text-transform: uppercase;font-weight: lighter; font-size: 16px;color: #888888;}
.proadv ul li:hover{background: #f9f9f9;}
.proadv ul li:hover span{color: #45b035;}
.papic{overflow: hidden;}
.papic img{transition: all .6s ease;width: 100%;}
.proadv ul li:hover .papic img{transform: scale(1.1);}
/*是否有这些烦恼？*/
.problem{height: 266px;background: url(../image/20201022104551_122142765.jpg) no-repeat center;}
.pbtitl span{font-size: 33px;color: #45b035;font-weight: bold;}
.pbtitl i{font-size: 26px;color: #222222;display: block;}
.pbtitl em{font-size: 33px;color: #222222;font-weight: lighter;}
.pbtitl b{font-size: 50px;color:#45b035;}
.pbtitl i:after{content: '';display: block;width: 26px;height: 4px;background: #8da0b5;margin: 5px 0 10px 0;}
.pbtitl{margin: 55px 0 0 75px;}
.pbul{margin-top: 49px; font-size: 0;}
.pbul li+li{margin-top: 17px;}
.pbul li p{display: inline-block;vertical-align: top;width: 235px;height: 45px;line-height: 45px;border-radius: 25px;background: #fff;text-align: center;font-size: 16px;color: #666666;font-weight: lighter;transition: all .3s ease; position: relative;}
.pbul li p+p{margin-left: 40px;}
.pbul li p:hover{background: #45b035;color:#fff;}
.pbul li p:after{content: '';display: block;position: absolute;width: 32px;height: 48px;background: url(../image/20201022104551_1754634271.png) no-repeat center;right: -7px;top: -3px;}
/*企业优势*/


/*应用行业*/
.case{ padding-top:65px;}
.casejt{position: absolute;left: -57px;background: #45b035;cursor: pointer; top: 30%;}
.casecon{position: relative;margin-top: 45px;}
.casejt.next{left: auto;right: -57px;}
.casejt:hover{background: #223448;}


    .advtitl {
      text-align: center;
      font-size: 45px;
      color: #fff;
    }

    .advtitl span {
      display: block;
      font-size: 20px;
      color: #d9e3ee;
      font-weight: lighter;
      margin-top: 8px;
    }

    .advpaget {
      width: 1300px;
      margin: 0 auto;
      padding-top: 60px;
    }

    .adv_bg {
     color: #fff;
      position: relative;
      padding-top: 60px;
     background: url(../picture/20220814102331_233339298.jpg) no-repeat;
     background-size: cover;
    }

    .adv_bg:after {
      content: "";
      width: 100%;
      height: 150px;
      border-top: 1px #fff solid;
      opacity: 0.3;
      position: absolute;
      bottom: 0;
    }

    .adv_t,
    .adv_t h3 {
      color: #fff;
    }

    @keyframes adv {
      0% {
        background-position: 0 0;
      }

      25% {
        background-position: center;
      }

      75% {
        background-position: center right;
      }

      100% {
        background-position: 0 0;
      }
    }

    .adv_cont {
      height: 540px !important;
      overflow: hidden;
    }

    .adv_l {
      width: 46%;
      padding: 3vw 0;
    }

    .adv_w dd {
      width: 184px;
      height: 46px;
      line-height: 44px;
      font-size: 24px;
      border: 1px solid rgba(255, 255, 255, 0.3);
    }

    .adv_w dd:before {
      width: 46px;
      height: 46px;
      float: left;
      background: linear-gradient(to bottom, #45b035 0%, #2b951c 100%);
      text-align: center;
      position: relative;
      top: -1px;
      left: -1px;
      margin-right: 20px;
    }

    .adv_cont ul:nth-child(1) .adv_w dd:before {
      content: "01";
    }

    .adv_cont ul:nth-child(2) .adv_w dd:before {
      content: "02";
    }

    .adv_cont ul:nth-child(3) .adv_w dd:before {
      content: "03";
    }

    .adv_cont ul:nth-child(4) .adv_w dd:before {
      content: "04";
    }

    .adv_w b {
      display: block;
      font-size: 40px;
      line-height: 60px;
      clear: both;
    }

    .adv_w p {
      padding-left: 40px;
      font-size: 18px;
      line-height: 2vw;
      border-left: 1px solid rgba(255, 255, 255, 0.3);
      margin: 2vw 0;
    }

    .adv_b a {
      display: inline-block;
      float: left;
      width: 148px;
      height: 38px;
      line-height: 38px;
      background: #fff;
      color: #333;
      font-size: 16px;
      text-align: center;
      border-radius: 100px;
    }

    .adv_b a:hover {
      transition: .3s all ease-in-out;
      animation: hover 0.5s linear forwards;
    }

    .adv_b b {
      display: inline-block;
      float: left;
      line-height: 38px;
      font-size: 40px;
      color: #FFC400;
      font-family: "Impact";
      padding-left: 20px;
    }

    .adv_r {
      width: 50%;
    }

    .adv_r img {
      width: 100%;
    }

    .adv_list {
      position: relative;
      z-index: 2;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .adv_list li {
      width: 24.8%;
      height: 112px;
      float: left;
      padding-top: 38px;
      border-right: 1px solid rgba(255, 255, 255, 0.3);
      text-align: center;
      cursor: pointer;
    }

    .adv_list li:first-child {
      border-left: 1px solid rgba(255, 255, 255, 0.3);
    }

    .adv_list li p {
      font-size: 30px;
    }

    .adv_list li span {
      font-size: 16px;
      line-height: 40px;
    }

    .adv_list li.on {
      background: linear-gradient(to bottom, #45b035 0%, #2b951c 100%);
      transition: .3s all ease-in-out;
      animation: hover 0.5s linear forwards;
    }


/*关于我们 · 实力看得见*/
.about{padding: 65px 0 65px 0;}
.abcon{width: 1300px;margin: 0 auto;}
.abpic{ overflow:hidden; padding:50px 0px;}
.abpic img{ width:1296px;    border: 2px solid #fff;}
.abright{}
.ab_t{font-size: 35px;color: #45b035;}
.ab_t em{text-transform: uppercase;font-size: 25px;color: #6e6e6e;}
.ab_w{font-size: 15px;color:#555; line-height: 35px; text-align:center;text-indent: 2em;}
.abbtn{ width:398px; margin:0 auto; }
.abbtn a{display: inline-block;width: 178px;height: 55px;line-height: 55px;text-align: center;color: #fff; font-size: 16px;font-weight:lighter;background: linear-gradient(to bottom, #45b035 0%, #2b951c 100%);transition: all .3s ease;}
.abbtn a+a{margin-left: 20px;}
.abbtn a:hover{background: #223448;}


/*冠辉 新闻中心*/
.news{padding: 70px 0 80px 0;}
.news *{box-sizing: border-box;}
.news_cont{height:572px;margin-top: 50px;}
.news_cont_l{width:560px;height:570px;}
.news_cont_l .news_div{    width: 580px;height: 595px;padding: 0 26px;/*! background: #f8f8f8; */}
.news_cont_l .news_div_item{ position: relative;}
.news_cont_l .news_div_item_date{position: absolute;right: 0;top: 355px;width: 100px;height: 20px;display: block;    font-size: 14px;line-height: 20px;font-family: 'Arial';}
.news_div_item_year ,.news_div_item_month ,.news_div_item_day{float:left}
.news_cont_l .news_div_item_content{position: absolute; top: 350px;}
.news_cont_l .news_div_item_pic{position: absolute;}
.news_cont_l .news_div_item_pic img{height:325px;width: 540px;}
.news_cont_l .news_div_item_a{font-size:18px;color:#333;font-weight:lighter;width:100%;height: 185px; display: block;position: absolute; z-index: 3;}
.news_cont_l .news_div_item_body{font-size:14px;color:#999;font-weight:lighter;margin-top:36px; line-height:24px;}
.news_cont_l .news_div_item_body:after{content:'了解详细+';width:160px;height:38px;background:linear-gradient(to bottom, #45b035 0%, #2b951c 100%);text-align:center;color:#fff;display:block;line-height:38px;     position: relative;   top: 26px;}
.news_cont_l .news_div_item_a:hover{color:#45b035;}
.news_cont_r{width:705px;height:604px;}
.news_cont_r ul{height:65px;}
.news_cont_r ul a{width:30%;height:63px;margin-left:5%;float:left;background:#e8e8e8;border:1px solid #efefef;text-align:center;line-height:60px;font-size:19px;color:#333;font-weight:bolder;display:block; font-weight: 300;}
.news_cont_r ul a:nth-child(1){ margin-left:0;}
.news_cont_r .cur{background:linear-gradient(to bottom, #45b035 0%, #2b951c 100%);color:#fff;}
.news_cont_r .news_div_item:nth-child(1){display:none;}
.news_cont_r .news_div_item{margin-top:8px;position: relative;width:705px;border:1px solid #eee;height:169px; background: #fff; padding:10px;}
.news_cont_r .news_div_item_date{display:none;}
.news_cont_r .news_div_item_pic{position: absolute;}
.news_cont_r .news_div_item_pic img{width:221px;height: 148px;}
.news_cont_r .news_div_item_content{position: absolute;width:415px;left:260px;top:20px;}
.news_cont_r .news_div_item_a{font-size:18px;color:#333;width:100%;/*! height:115px; */display:block;position:absolute;z-index:3;}
.news_cont_r .news_div_item_a:hover{color:#45b035;}
.news_cont_r .news_div_item_body{font-size:14px;color:#999;font-weight:lighter;margin-top:50px;line-height:24px;}
.news  .news_div_item:hover .news_div_item_body:after{background: #223448;}
.news_cont_r .divdgweb_new_div_item:nth-child(1){display:none;}
.news_cont_r .divdgweb_new_div_item{margin-top:8px;position: relative;width:705px;border:1px solid #eee;height:169px; background: #fff; padding:10px;}
.news_cont_r .divdgweb_new_div_item_date{display:none;}
.news_cont_r .divdgweb_new_div_item_content{position: absolute;width:415px;left:260px;top:33px;}
.news_cont_r .divdgweb_new_div_item_a{font-size:18px;color:#333;width:100%;height:115px;display:block;position:absolute;z-index:3;}
.news_cont_r .divdgweb_new_div_item_a:hover{color:#45b035;}
.news_cont_r .divdgweb_new_div_item_body{font-size:14px;color:#999;font-weight:lighter;margin-top:36px;line-height:24px;}
/*版权*/
.copyright{ background:#010e1d;}
.end{ border-top:1px solid #0a1835;}
.end,.end a{ font-size:14px; color:#95a1b9; line-height:80px; font-weight:lighter;}
.end a:hover{ color:#fff;}
.crcon{ padding:60px 0;}
.kslj,.crcode{ font-size:0;}
.kslj li{ display:inline-block; vertical-align:top; margin-right: 50px;}
.kslj li p{ font-size:18px; color:#d1d6e0;width: 100%;display: block;}
.kslj li p:after{ content:''; display:block; height:2px; background:#8794af; width:19px; margin:20px 0;}
.kslj li a{ display:block; font-size:14px; color:#95a1b9; line-height:32px;}


.kslj.fl > li:**
.crcode li{display:inline-block; vertical-align:top;}
.crcode li img{ width:139px; height:auto;}
.crcode li span{ display:block; text-align:center; line-height:36px; margin-top:2px; background:#041f3d; font-size:14px; color:#8495b8; font-weight:lighter;} 
.crcode li+li{ margin-left:30px;}
.crcontact{ background:linear-gradient(to bottom, #45b035 0%, #2b951c 100%); font-size:0; white-space:nowrap;border-top: 4px solid rgb(89, 208, 7);}
.crcontact li{ display:inline-block; vertical-align:top; box-sizing:border-box; height:130px; font-size:16px; color:#fff; padding: 30px 35px; position:relative; width:444px; } 
.crcontact li:nth-child(3){ width:342px; }
.crcontact li:nth-child(2){ width:512px;}
.crcontact li+li{ border-left:1px solid #4d9b37;}
.crcontact li em{ display:block; font-size:26px; color:#fff; font-family:fontDin1; text-transform:uppercase; margin-bottom:8px;}






.links{border-bottom: 1px solid #0a1835; line-height: 95px;}
.links p.fr a{ line-height:95px; font-size:13px; color:#8495b8;}
.links p.fr a:hover,.linkTagcs li a:hover{ color:#fff !important;}
.links p.fl{ font-size:16px; color:#e0e7f6; padding-left:35px; background: url(../image/20201022143303_1116510477.png) no-repeat left center; }

    .acotnt{width:68%;margin:0 auto}
.leit{width:100%;overflow:hidden;display:block;height:39rem}
.leit ul{width:100%;height:39rem}
.leit li{width:12.9%;height:39rem;float:left;position:relative;cursor:pointer;overflow:hidden}
.leit li img{display:block}
.hav{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden}
.shu2{position:absolute;left:0;top:0;width:100%;height:100%}
.shu2:before{content:"";position:absolute;width:100%;height:100%;background:url(../image/20231109170421_41344372.png) no-repeat;background-size:100%;left:0;top:0}
.shu2c{position:absolute;top:33rem;left:0;width:100%}
.shu2c h3{font-size:1.4rem;font-weight:400;line-height:3rem;color:#fff;text-align:center}
.bock{opacity:0;position:absolute;left:0;top:0;height:39rem;overflow:hidden}
.bockc{position:absolute;left:0;top:0;width:100%;background:url({HOME_THEME_PATH}image/20231109170421_41344372.png) no-repeat;background-size:100%;height:100%;padding:30rem 5% 0 5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bock h3{font-size:1.7rem;font-weight:400;line-height:2.6rem;color:#fff;font-weight:700}
.bock p{font-size:.95rem;line-height:2rem;color:#fff;margin-bottom:.6rem}
.bockc span a{display:block;width:7rem;height:1.9rem;line-height:1.9rem;border:.1rem solid #fff;padding-left:1rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:.8rem;color:#fff}
.bockc span a:before{content:"";position:absolute;background:url({HOME_THEME_PATH}image/20231109170158_1126774419.png) no-repeat;background-size:100%;width:.6rem;height:.8rem;left:5.2rem;top:.5rem}
.watch img{width:100%;display:block}
.leit .cur .bock{opacity:1}
.leit .cur{width:35.4%}
.leit .cur .mo{opacity:0}
.leit .cur .shu2{display:none}
.g_an{padding:1.6rem 0 0 0}
.g_an h2{height:7rem;text-align:center;position:relative}
.g_an h2 b{display:block;font-size:2.2rem;font-weight:400;line-height:3.3rem;color:#000;font-weight:700}
.g_an h2 em{display:block;font-size:1.2rem;font-weight:400;line-height:2rem;color:#666}
.g_an .antit{border-top:1px solid #d4d4d4;height:5rem;line-height:5rem}
.g_an .antit li em{display:block;font-size:1.1rem;font-weight:400;line-height:5rem;color:#131313}
.acotnt{width:68%;margin:0 auto}
.leit{width:100%;overflow:hidden;display:block;height:39rem}
.leit ul{width:100%;height:39rem}
.leit li{width:12.9%;height:39rem;float:left;position:relative;cursor:pointer;overflow:hidden}
.leit li img{display:block}
.hav{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden}
.shu2{position:absolute;left:0;top:0;width:100%;height:100%}
.shu2:before{content:"";position:absolute;width:100%;height:100%;background:url(../image/20231109170421_41344372.png) no-repeat;background-size:100%;left:0;top:0}
.shu2c{position:absolute;top:33rem;left:0;width:100%}
.shu2c h3{font-size:1.4rem;font-weight:400;line-height:3rem;color:#fff;text-align:center}
.bock{opacity:0;position:absolute;left:0;top:0;height:39rem;overflow:hidden}
.bockc{position:absolute;left:0;top:0;width:100%;background:url(../image/20231109170421_41344372.png) no-repeat;background-size:100%;height:100%;padding:30rem 5% 0 5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bock h3{font-size:1.7rem;font-weight:400;line-height:2.6rem;color:#fff;font-weight:700}
.bock p{font-size:.95rem;line-height:2rem;color:#fff;margin-bottom:.6rem}
.bockc span a{display:block;width:7rem;height:1.9rem;line-height:1.9rem;border:.1rem solid #fff;padding-left:1rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:.8rem;color:#fff}
.bockc span a:before{content:"";position:absolute;background:url(../image/20231109170158_1126774419.png) no-repeat;background-size:100%;width:.6rem;height:.8rem;left:5.2rem;top:.5rem}
.watch img{width:100%;display:block}
.leit .cur .bock{opacity:1}
.leit .cur{width:35.4%}
.leit .cur .mo{opacity:0}
.leit .cur .shu2{display:none}
.g_an{padding:1.6rem 0 0 0}
.g_an h2{height:7rem;text-align:center;position:relative}
.g_an h2 b{display:block;font-size:2.2rem;font-weight:400;line-height:3.3rem;color:#000;font-weight:700}
.g_an h2 em{display:block;font-size:1.2rem;font-weight:400;line-height:2rem;color:#666}
.g_an .antit{border-top:1px solid #d4d4d4;height:5rem;line-height:5rem}
.g_an .antit li{display:block;float:left;margin:0 3.2%;position:relative;font-size:18px}
.g_an .antit li a{font-size:18px}
.g_an .antit li em{display:block;font-size:1.1rem;font-weight:400;line-height:5rem;color:#131313}
.g_an .antit li:before{content:"";position:absolute;width:0;height:.15rem;background:rgb(254,209,0);top:-1px;left:50%;transform:translateX(-50%);transition:all .3s linear 0s}
.g_an .antit .cur:before,.g_an .antit li:hover:before{width:100%}
.g_an .antit a:last-child{margin-right:0}
.g_an .antit .cur a,.g_an .antit li:hover a{color:rgb(254,209,0);font-weight:700;font-size:18px}
.g_an.f_fw .antit .acotnt ul{display:flex;padding:0;margin:0;list-style:none}
.g_an.f_fw .antit .acotnt ul li{flex:1;text-align:center}
.g_an.f_fw .antit .acotnt ul li a{display:block;text-decoration:none;color:inherit}
.linkTagcs{width:1000px;height:auto}
.linkTagcs ul{margin:0px;padding:0px;list-style-type:none}
.linkTagcs li{list-style:none;margin:0px;padding-right:10px;line-height:95px;float:left}
.linkTagcs li a{color:#e0e7f6;word-break:break-all}
.linkTagcs li img{border:0px}

/* 在线留言 */
.containerc{max-width:760px;margin:0 auto;background-color:white;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.headermessageForm{display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}
.headermessageForm a{text-decoration:none;color:#0066cc;font-size:14px}
.headermessageForm a:hover{text-decoration:underline}
.form-group{margin-bottom:15px}
label{display:block;margin-bottom:5px;font-weight:bold}
input[type="text"],input[type="email"],textarea{width:100%;padding:16px 37px;border:1px solid #ddd;border-radius:4px;font-size:14px;max-width:750px}
textarea{height:120px;resize:vertical}
.captcha-section{display:flex;align-items:center;margin-bottom:15px}
.captcha-input{width:150px;margin-right:10px}
.captcha-image{background-color:#f0f0f0;padding:5px 10px;border:1px solid #ddd;border-radius:4px;font-weight:bold;letter-spacing:2px;text-align:center;min-width:100px}
.captcha-note{font-size:12px;color:#666;margin-left:10px}
.declaration{background-color:#f9f9f9;padding:10px;border-left:3px solid #ddd;margin-bottom:20px;font-size:13px;color:#666}
.button-group{text-align:right;margin-top:20px}
button{padding:8px 15px;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-left:10px}
.submit-btn{background-color:rgb(254,209,0);color:white}
.submit-btn:hover{background-color:#0055aa}
.reset-btn{background-color:#f0f0f0;color:#333}
.reset-btn:hover{background-color:#e0e0e0}
/* 联系我们 */
#center{height:auto !important}
ul{padding:0}
.w1200{width:1300px;margin:0 auto}
.lxtop{overflow:hidden;margin-top:30px;border-radius:3px;border:1px solid #d6d6d6}
.lxtop img{width:390px;float:left}
.lxtop p{width:840px;float:right;font-size:16px;line-height:35px;color:#666;padding-top:30px;padding-right:30px}
.lxtop p span{display:block;color:#222;font-size:18px;line-height:50px}
.Separate{background:url(../image/20201020150444_972010761.png) no-repeat center;font-size:30px;text-align:center;margin:2rem auto 25px}
.Separate span{display:block;font-size:14px;letter-spacing:5px;color:#222;margin-top:10px}
.lmlxfsnr{overflow:hidden;border-radius:3px;padding-top:20px}
.lmlxfsnr ul{overflow:hidden}
.lmlxfsnr li{margin:15px 0px 10px 15px;float:left;width:47%;padding:15px 0 15px 15px;box-shadow:0 0 5px rgba(181,181,181,0.58);}
.lmlxfsnr li:hover{color:#000}
.lmlxfsnr li img{float:left}
.lmlxfsnr li p{float:left;padding-left:12px;font-size:18px;color:#333}
.lmlxfsnr li i{float:left;padding-left:12px;font-size:18px;color:#45b035;padding-top: 2px;}
.lmlxfsnr li a{font-size:16px}
.wzdt{margin-bottom:20px !important}
.ck{cursor:pointer}
 
.lmlxfsnrlb li:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}
.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}
.hvr-float-shadow a{text-decoration:none;color:rgb(254,209,0)}
.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
.hvr-float-shadow:hover,.hvr-float-shadow:focus,.hvr-float-shadow:active{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
.hvr-float-shadow:hover:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:active:before{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}
.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}
.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0 10px;border-color:#e1e1e1 transparent transparent transparent;opacity:0}
.hvr-bubble-bottom:hover:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:active:before{opacity:1;-webkit-transform:translateY(15px);transform:translateY(15px)}

/* 单页 */
.content{/*! max-width:1200px; */margin:0 auto;padding:20px}
.news-d-box{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.08);overflow:hidden;padding:30px;margin-bottom:30px}
.le{width:100%}
.h3{font-size:24px;font-weight:600;color:#2c3e50;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eaecef;position:relative}
.h3:after{content:'';position:absolute;left:0;bottom:-1px;width:80px;height:2px;background:#4285f4}
.con{font-size:16px;color:#555}
.con p{margin-bottom:15px;text-align:justify}
.con h1,.con h2,.con h3,.con h4{color:#2c3e50;margin-top:25px;margin-bottom:15px}
.con h1{font-size:22px;font-weight:600}
.con h2{font-size:20px;font-weight:600}
.con h3{font-size:18px;font-weight:600}
.con h4{font-size:16px;font-weight:600}
.con ul,.con ol{margin-bottom:15px;padding-left:20px}
.con li{margin-bottom:8px}
.con a{color:#4285f4;text-decoration:none;transition:color 0.3s}
.con a:hover{color:#2a6fd6;text-decoration:underline}
@media (max-width:768px){.content{padding:15px}
.news-d-box{padding:20px}
.h3{font-size:20px}
.con{font-size:15px}
}


  /* 一行四列布局样式 */
        .category-container {
            display: flex;
            flex-direction: row; /* 改为行方向 */
            justify-content: center; /* 水平居中 */
            align-items: center; /* 垂直居中 */
            flex-wrap: wrap; /* 允许换行 */
            gap:50px; /* 项之间的间距 */
            width: 100%;
        }
        
        .category-item {
            flex: 1; 
            max-width: 180px; /* 最大宽度限制 */
            height: 40px; /* 适当增加高度 */
            margin: 0;
            border-radius: 15px 0 15px 0;
            background: #f2f2f2;
        }
        
        .category-link {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            width: 100%;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 6px;
            text-decoration: none;
            color: #333;
            font-size: 16px;
            font-weight: normal;
            transition: all 0.3s ease;
            text-align: center;
            padding: 0 15px;
            border-radius: 15px 0 15px 0;
            background: #f2f2f2;
        }
        
        .category-link:hover {
            background: linear-gradient(to bottom, #45b035 0%, #2b951c 100%);
            color: #fff;
};
            color: #fff;
            border-color: #0056b3;
            transform: translateY(-3px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }
          .category-link:hover a{ 
            color: #fff; 
        }
        .category-link:active {
            transform: translateY(0);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
        }
        
        /* 响应式调整 */
        @media (max-width: 1200px) {
            .category-container {
                gap: 12px;
            }
            
            .category-item {
                min-width: 180px;
                max-width: 250px;
                height: 75px;
            }
        }
        
        @media (max-width: 900px) {
            .category-container {
                flex-wrap: wrap;
                justify-content: space-around;
            }
            
            .category-item {
                flex: 0 0 calc(50% - 10px); /* 两列布局 */
                max-width: calc(50% - 10px);
                min-width: 0;
                height: 70px;
                margin-bottom: 10px;
            }
        }
        
        @media (max-width: 600px) {
            .category-container {
                flex-direction: column;
                gap: 10px;
            }
            
            .category-item {
                flex: 1 0 auto;
                width: 100%;
                max-width: 100%;
                height: 65px;
            }
        }
       /* 证书展示区样式 */
.certificate-section {
  padding: 30px 0;
}

 
 

.certificate-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
}

.certificate-track {
  display: flex;
  transition: transform 0.5s ease;
  gap: 20px;
}

.certificate-slide {
  min-width: 300px;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  flex-shrink: 0;
}

.certificate-slide:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.certificate-slide img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

.certificate-desc {
  padding: 15px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0;
  background: white;
}

.certificate-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 25px;
}

.cert-prev, .cert-next {
  /*! background: #2c6bb1; */
  color: #45b035;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cert-prev:hover, .cert-next:hover {
  background: #1a4a7a;
  transform: scale(1.1);
}

.cert-indicators {
  display: flex;
  gap: 10px;
}

.cert-indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ccc;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.cert-indicator.active {
  background-color: #45b035;
}

/* 响应式设计 */
@media (max-width: 1200px) {
  .certificate-slide {
    min-width: 280px;
  }
}

@media (max-width: 768px) {
  .certificate-section {
    margin-top: 40px;
    padding: 20px 0;
  }
  
  .certificate-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  
  .certificate-slide {
    min-width: 250px;
  }
  
  .certificate-slide img {
    height: 180px;
  }
}

@media (max-width: 576px) {
  .certificate-track {
    gap: 15px;
  }
  
  .certificate-slide {
    min-width: 220px;
  }
  
  .certificate-desc {
    font-size: 14px;
    padding: 12px;
  }
} 


/*首页关于我们*/


        
        /* 关于内容区域 - 居中 */
        .index-about-content {
            padding: 40px 0;
            text-align: center; /* 添加居中对齐 */
        }
        
        .logo-title {
            margin-bottom: 30px;
        }
        
        .logo-title p {
            line-height: 3em;
        }
        
        .logo-title img {
            max-width: 100%;
            height: auto;
        }
        
        /* 内容段落居中并设置最大宽度 */
        .index-about-content p {
            text-align: left; /* 段落文字居中 */
            margin-bottom: 20px;
            max-width: 1000px; /* 限制最大宽度 */
            margin-left: auto;
            margin-right: auto; /* 水平居中 */
            text-indent: 2em; line-height: 25px;
font-size: 14px;
color: #898989;
        }

        /* 移动端内容 - 隐藏 */
        .index-about-mb-content {
            display: none;
        }
        
        /* 图片列表区域 - 确保一行显示3个 */
        .index-about-list {
            list-style: none;
            display: flex; /* 使用flex布局确保一行显示 */
            flex-wrap: wrap; /* 允许换行 */
            justify-content: space-between; /* 均匀分布 */
            gap: 20px;
     
            background-image: url('/uploads/20250311/6b9f27cb9eab75ef7b312042b2743946.jpg');
            background-size: cover;
            background-position: center;
            border-radius: 8px;
        }
        
        .index-about-list li {
            width: calc(33.333% - 13.33px); /* 确保一行显示3个，考虑间距 */
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        
        .index-about-list li:hover {
            transform: translateY(-5px);
        }
        
        .box {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden; /* 确保图片放大不溢出 */
        }
        
        .box img {
            width: 100%;
            height: 243px;
            object-fit: cover; 
            display: block;
            transition: transform 0.5s ease; /* 添加过渡效果 */
        }
        
        /* 鼠标移到图上图片放大效果 */
        .box:hover img {
            transform: scale(1.1); /* 图片放大1.1倍 */
        }
        
        .data {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(255, 255, 255, 0.95);
            padding: 20px;
            text-align: center;
            z-index: 1; /* 确保数据层在图片上方 */
            display: none;
        }
        
        .data-num {
            font-size: 28px;
            font-weight: bold;
            color: #45b035 !important;
            margin-bottom: 5px;
        }
        
        .data-num span {
            display: inline-block;
        }
        
        .data-num sup {
            font-size: 16px;
            vertical-align: super;
        }
        
        .data p {
            font-size: 14px;
            color: #333;
            font-weight: 500;
        }
        
      .data .icon {
    margin-bottom: 10px;
    text-align: center;  /* 已存在，可确保行内/行内块元素居中 */
    display: flex;       /* 添加flex布局 */
    justify-content: center;  /* 水平居中 */
    align-items: center;      /* 垂直居中（如需）*/
    width: 100%;              /* 确保容器宽度占满 */
}
        .data .icon img {
            width: 40px;
            height: 40px;
            object-fit: contain;
        }
        
        /* 了解更多按钮 */
        .index-more {
            text-align: center;
            margin: 30px 0;
        }
        
        .index-more a {
            display: inline-block;
            padding: 12px 40px;
            background-color: transparent;
            color: #45b035 !important;
            border: 2px solid #45b035 !important;
            text-decoration: none;
            font-size: 16px;
            font-weight: bold;
            border-radius: 25px;
            transition: all 0.3s ease;
        }
        
        .index-more a:hover {
            background: #fff;
            color: #fff;
        }
        
        /* 底部装饰 */
        .index-dot {
            text-align: center;
            margin: 30px 0;
        }
        
        .index-dot img {
            width: 100px;
            opacity: 0.7;
        }
        
        /* 响应式设计 */
        @media (max-width: 1200px) {
            .wd1340 {
                width: 100%;
                max-width: 100%;
                padding: 0 15px;
            }
            
            .index-about-list li {
                width: calc(50% - 10px); /* 平板端一行显示2个 */
            }
        }
        
        @media (max-width: 768px) {
            .index-about-content {
                display: none;
            }
            
            .index-about-mb-content {
                display: block;
                padding: 20px 0;
                text-align: center; /* 移动端也居中 */
            }
            
            .index-about-mb-content p {
                font-size: 14px;
                line-height: 1.8em;
                white-space: normal;
                text-align: center; /* 移动端段落居中 */
                max-width: 100%;
            }
            
            .index-about-list li {
                width: 100%; /* 手机端一行显示1个 */
            }
            
            .box img {
                height: 250px;
            }
        }
        
        /* 计数器动画效果 */
        .num-countup span {
            display: inline-block;
            animation: countup 0.5s ease-out forwards;
        }
        
        @keyframes countup {
            from {
                opacity: 0;
                transform: translateY(10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }


        .footer {
            max-width: 100%;   
            background: #f8f8f8;
            padding: 120px 0;
        }
        .footer-container {
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 100%;
            max-width: 1600px;
        }
        
        .footer-left {
            flex: 0 0 365px;
        }
        
        .footer-logo {
            font-size: 24px;
            font-weight: bold;
            color: #333;
            margin-bottom: 20px;
        }
           .footer-logo  img{
            font-size: 24px;
            font-weight: bold;
            color: #333;
            margin-bottom: 20px;
            width: 100%;
        }
        .contact-info {
            margin-bottom: 20px;
        }
        
        .contact-item {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            color: #666;
        }
        
        .contact-icon {
            width: 20px;
            height: 20px;
            margin-right: 10px;
            display: inline-block;
            background-size: contain;
            background-repeat: no-repeat;
        }
        
        .contact-text {
            position: relative; 
            font-size: 18px;
            color: #666;
            line-height: 30px;
        }
        
        .footer-links {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            flex: 1;
            max-width: 812px;
        }
        
        .footer-column {
            display: inline-block;
            width: auto;
            margin: 0;
        }
        
        .footer-column h4 {
            color: #333;
            margin-bottom: 15px;
            /*! font-weight: bold; */
            color: #202020;
            font-size: 18px;
            color: #202020;
            font-size: 18px;
        }
        
        .footer-column ul {
            list-style: none;
        }
        
        .footer-column li {
            font-size: 12px;
            color: #666;
            line-height: 30px;
        }
        
        .footer-column a {
            color: #666;
            text-decoration: none;
            font-size: 15px;
        }
        
        .footer-column a:hover {
            color: #007bff;
        }
        
        .social-media {
            flex: 0 0 160px;
        }
        
        .social-media h4 {
            font-size: 16px;
            color: #333;
            margin-bottom: 15px;
            font-weight: normal;
        }
        
        .social-icons {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .social-icon {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background-color: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .social-icon:hover {
            background-color: #e9e9e9;
        }
        
        .social-icon i {
            font-size: 18px;
        }
        
        /* 特定图标颜色 */
        .social-wechat:hover {
            background-color: #07c160;
        }
        
        .social-wechat:hover i {
            color: white;
        }
        
        .social-jd:hover {
            background-color: #e4393c;
        }
        
        .social-jd:hover i {
            color: white;
        }
        
        .social-tmall:hover {
            background-color: #ff4400;
        }
        
        .social-tmall:hover i {
            color: white;
        }
        
        .social-douyin:hover {
            background-color: #000;
        }
        
        .social-douyin:hover i {
            color: white;
        }
        
        .social-weibo:hover {
            background-color: #e6162d;
        }
        
        .social-weibo:hover i {
            color: white;
        }
        
        
       .footer-bottoma {
            color: #333;
            padding: 20px 0; 
            background: #f8f8f8;
        }
        
        .footer-containera {
            margin: 0 auto;
            padding: 0 20px;
            width: 100%;
            max-width: 1600px;
        }
        
        .footer-contenta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .footer-lefta {
            flex: 1;
            min-width: 200px;
        }
        
        .footer-righta {
            flex: 1;
            min-width: 200px;
            text-align: right;
        }
        
        .footer-linksa {
            list-style: none;
            display: flex;
            gap: 20px;
            margin: 0;
            padding: 0;
        }
        
        .footer-links a {
            color: #333;
            text-decoration: none;
            transition: color 0.3s;
            font-size: 14px;
        }
        
        .footer-linksa a:hover {
            color: #4CAF50;
        }
        
        .copyright a {
            font-size: 14px;
            color: #666;
        }
        
        .link-rowa {
            margin-bottom: 8px;
        }
        
        .separatora {
            margin: 0 10px;
            color: #ccc;
        }
        
        .info-links a {
            color: #666;
            text-decoration: none;
            font-size: 13px;
            transition: color 0.3s;
        }
        
        .info-links a:hover {
            color: #4CAF50;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .footer-contenta {
                flex-direction: column;
                gap: 20px;
            }
            
            .footer-lefta , .footer-righta {
                text-align: center;
                width: 100%;
            }
            
            .footer-linksa {
                justify-content: center;
                flex-wrap: wrap;
                gap: 15px;
            }
            
            .info-linksa {
                margin-bottom: 10px;
            }
        }
  
    
        
        /* 图标样式 */
        .icon-phone::before {
            content: "📞";
            font-size: 16px;
        }
        
        .icon-location::before {
            content: "📍";
            font-size: 16px;
        }
        
        .icon-wechat::before {
            content: "💬";
            font-size: 16px;
        }
        
        @media (max-width: 768px) {
            .footer-container {
                flex-direction: column;
                padding: 40px 20px 30px;
            }
            
            .footer-left {
                flex: 0 0 100%;
                padding-right: 0;
                margin-bottom: 30px;
            }
            
            .footer-links {
                flex: 0 0 100%;
                min-width: auto;
                justify-content: space-between;
            }
            
            .footer-column {
                flex: 0 0 48%;
                margin-bottom: 20px;
            }
            
            .social-media {
                flex: 0 0 100%;
                margin-top: 20px;
            }
        }
    
    
    /*产品中心*/
       
        .page-header {
            text-align: center;
            margin-bottom: 50px;
        }
        
        .page-title {
            font-size: 32px;
            font-weight: 600;
            color: #222;
            position: relative;
            display: inline-block;
        }
        
        .page-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 3px;
            background: #007bff;
            border-radius: 2px;
        }
        
        .product-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
            gap: 30px; 
            margin-top: 45px;
        }
        
       .product-card {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.048);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	cursor: pointer;
	background: #fff;
	aspect-ratio: 500/560;
	margin-top: 25px;
}
        
        .product-card:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }
        
        .product-image-container {
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: relative;
        }
        
        .product-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }
        
        .product-card:hover .product-image {
            transform: scale(1.1);
        }
        
        .product-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, rgba(0, 0, 0, 0.57) 0%, rgba(89, 89, 89, 0.37) 100%);
            opacity: 0;
            transition: all 0.4s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            padding: 20px;
        }
        
        .product-card:hover .product-overlay {
            opacity: 1;
        }
        
        .product-name {
            color: white;
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 10px;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
            transform: translateY(20px);
            transition: transform 0.4s ease 0.1s; display: none;
        }
        
        .product-desc {
            color: rgba(255, 255, 255, 0.9);
            font-size: 14px;
            text-align: center;
            padding: 0 20px;
            transform: translateY(20px);
            transition: transform 0.4s ease 0.2s;
        }
        
        .product-card:hover .product-name,
        .product-card:hover .product-desc {
            transform: translateY(0);
        }
        
        .product-label {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient( to top, rgba(0, 0, 0, 0.18) 0%, rgba(130, 130, 130, 0.14) 70%, transparent 100% );
            color: #f7f7f7;
            padding: 20px 20px 11px 31px;
            font-size: 30px;
            font-weight: 500;
            text-align: left;
        }
        

   
        
        /* 加载动画 */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .product-card {
            animation: fadeInUp 0.6s ease forwards;
        }
        
        .product-card:nth-child(1) { animation-delay: 0.1s; }
        .product-card:nth-child(2) { animation-delay: 0.2s; }
        .product-card:nth-child(3) { animation-delay: 0.3s; }
        .product-card:nth-child(4) { animation-delay: 0.4s; }
        .product-card:nth-child(5) { animation-delay: 0.5s; }
        .product-card:nth-child(6) { animation-delay: 0.6s; }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .product-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .page-title {
                font-size: 28px;
            }
        }
        
        /*新闻中心*/
        
         /* 新闻中心整体容器 */
    .news-center { 
      margin: 0 auto;
      text-align: center;
      padding: 65px 0 65px 0;
    }
    .news-center h2 {
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    .news-center p {
      font-size: 16px;
      color: #999;
      margin-bottom: 40px;
    }

    /* Tab栏样式 */
    .tab-bar {
      display: flex;
      justify-content: center; 
      margin-bottom: 20px;
    }
    .tab-item {
      padding: 10px 20px;
      cursor: pointer;
      font-size: 16px;
      color: #333;
      position: relative;
      transition: all 0.3s ease;
    }
    .tab-item:hover {
      color: #0066cc;
    }
    .tab-item.active {
      color: #45b035;
      font-weight: 600;
    }
    .tab-item.active::after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 50%;
      transform: translateX(-50%);
      width: 40px;
      height: 3px;
      background-color: #45b035;
      border-radius: 2px;
    }

   

    /* 分隔线样式 */
        .separator {
            height: 15px;
            width: 1px;
            background: rgba(96, 96, 96, 0.5);
        }
        
        /* 图标按钮样式 */
        .search-icon, .lang-icon {
          
            text-decoration: none;
            font-size: 18px;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.3s;
            cursor: pointer;
        }
        
        .search-icon:hover, .lang-icon:hover {
            background: rgba(255, 255, 255, 0.2);
        }
        
        .lang-text {
            margin-left: 8px;
            font-size: 14px;
        }
        
        /* 搜索弹窗样式 */
        .search-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            z-index: 1000;
            animation: fadeIn 0.3s ease;
        }
        
        .search-modal.active {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .search-modal-content {
            background: white;
            width: 90%;
            max-width: 700px;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
            animation: slideIn 0.3s ease;
            overflow: hidden;
        }
        
        .search-header {
            padding: 25px 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            display: none;
        }
        
        .search-header h2 {
            font-size: 24px;
            font-weight: 600;
        }
        
        .close-btn {
            background: none;
            border: none;
            color: white;
            font-size: 24px;
            cursor: pointer;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
        }
        
        .close-btn:hover {
            background: rgba(255, 255, 255, 0.2);
        }
        
        .search-body {
            padding: 30px;
        }
        
        .search-input-group {
            position: relative;
            margin-bottom: 20px;
        }
        
        .search-input {
            width: 100%;
            padding: 18px 20px 18px 50px;
            border: 2px solid #e0e0e0;
            border-radius: 12px;
            font-size: 16px;
            transition: all 0.3s;
        }
        
        .search-input:focus {
            outline: none;
            border-color: #667eea;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        }
        
        .search-icon-input {
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            color: #888;
        }
        
        .search-btn {
            background: #45b035 !important;
            color: white;
            border: none;
            padding: 16px 30px;
            border-radius: 12px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            width: 100%;
            transition: all 0.3s;
            margin: 0;
        }
        
        .search-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);
        }
        
        .search-tips {
            margin-top: 20px;
            font-size: 14px;
            color: #666;
        }
        
        .search-tips h3 {
            margin-bottom: 10px;
            color: #333;
        }
        
        .search-tips ul {
            list-style: none;
            padding-left: 0;
        }
        
        .search-tips li {
            padding: 8px 0;
            border-bottom: 1px solid #eee;
        }
        
        .search-tips li:last-child {
            border-bottom: none;
        }

.goods-wrapper {
 margin:0 auto 120px
}
.goods-wrapper .cat-box {
 border-bottom:1px solid #ededed;
 margin-bottom:46px
}
.goods-wrapper .cat-box ul {
 display:flex;
 display:-webkit-box;
 display:-moz-box;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flexbox;
 justify-content:center;
 margin:20px auto
}
.goods-wrapper .cat-box ul li {
 position:relative;
 min-width:146px;
 border:1px solid transparent;
 padding:0 10px 0 20px;
}
.goods-wrapper .cat-box ul li:last-child {
 margin-right:0
}
.goods-wrapper .cat-box ul li:hover {
 border-color:#e0e0e0
}
.goods-wrapper .cat-box ul li:hover>a {
 color:#3f69bb
}
.goods-wrapper .cat-box ul li:hover i {
 background:url(../image/up.png) no-repeat;
 background-size:contain
}
.goods-wrapper .cat-box ul li:hover .sec-cat {
 display:block
}
.goods-wrapper .cat-box ul li>a {
 font-weight:700;
 line-height:60px;
 font-size:18px;
 color:#2c2d2d;
}
.goods-wrapper .cat-box ul li i {
 display:inline-block;
 vertical-align:middle;
 margin-left:10px;
 width:12px;
 height:7px;
 background:url(../image/down.png) no-repeat;
 background-size:contain;
}
.goods-wrapper .cat-box ul .sec-cat,
.goods-wrapper .cat-box ul .list {
 position:absolute;
 z-index:10;
 width:102%;
 background:#fff;
 border:1px solid #e0e0e0;
 padding-bottom:20px;
 display:none
}
.goods-wrapper .cat-box ul .sec-cat {
 left:-1px;
 top:100%;
 border-top:none
}
.goods-wrapper .cat-box ul .sec-cat a {
 padding:0 10px 0 20px;
 display:block;
 font-size:14px;
 color:#666;
 line-height:36px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.goods-wrapper .cat-box ul .sec-cat a:hover {
 color:#3f69bb
}
.goods-wrapper .cat-box ul .item {
 position:relative
}
.goods-wrapper .cat-box ul .item:hover .list {
 display:block
}
.goods-wrapper .cat-box ul .list {
 left:100%;
 top:0
}
.goods-wrapper .goods-box {
 margin-bottom:45px
}
.goods-wrapper .goods-box a {
 display:flex;
 display:-webkit-box;
 display:-moz-box;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flexbox
}
.goods-wrapper .goods-box a:hover img {
 transform:scale(1.05);
 -webkit-transform:scale(1.05);
 -moz-transform:scale(1.05);
 -ms-transform:scale(1.05);
 -o-transform:scale(1.05)
}
.goods-wrapper .goods-box a:hover .name {
 color:#2b2c50
}
.goods-wrapper .goods-box .pic {
 width:65.625%
}
.goods-wrapper .goods-box .info {
 flex:1;
 overflow:hidden;
 background:#f8f8f8;
 padding:84px 80px 0 80px
}
.goods-wrapper .goods-box .desc {
 height:210px;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:7;
 overflow:hidden;
 margin:28px auto 60px
}
.goods-wrapper .pic {
 overflow:hidden
}
.goods-wrapper .pic img {
 width:100%;
 transition:transform .6s ease;
 -webkit-transition:transform .6s ease;
 -moz-transition:transform .6s ease;
 -ms-transition:transform .6s ease;
 -o-transition:transform .6s ease
}
.goods-wrapper .name {
 font-size:26px;
 color:#333;
 letter-spacing:2px;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 overflow:hidden;
 text-transform:uppercase
}
.goods-wrapper .desc {
 font-size:14px;
 color:#666;
 line-height:30px;
 text-align:justify
}
.goods-wrapper>.box-container ul {
 display:flex;
 display:-webkit-box;
 display:-moz-box;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flexbox;
 flex-flow:wrap
}


.goods-wrapper>.box-container ul li:hover img {
 transform:scale(1.05);
 -webkit-transform:scale(1.05);
 -moz-transform:scale(1.05);
 -ms-transform:scale(1.05);
 -o-transform:scale(1.05)
}




/* 下拉菜单容器样式 */
.nav-links .dropdown {
  /* 布局定位 */
  position: absolute;
top: 130%;
  left: -59%;
  transform: translateX(-50%); /* 水平居中调整 */
  
  /* 尺寸与背景 */
  width: 180px;
  background-color: rgba(0, 0, 0, 0.5);
  box-sizing: border-box; 
  
  /* 边框与圆角 */
  border-radius: 0; /* 移除圆角 */
  
  /* 隐藏与过渡 */
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  transition: all 0.3s ease;
}

/* 下拉菜单项样式 */
.nav-links .dropdown li {
  /* 文本对齐与行高 */
  text-align: center; /* 水平居中 */
  line-height: 40px; /* 垂直居中（根据实际高度调整） */
  
  /* 边框 */
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* 下拉菜单链接样式 */
.nav-links .dropdown li a {
  display: block;
  width: 100%;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 8px 0; /* 增加垂直内边距确保垂直居中 */
}

/* 下拉菜单悬停效果 */
.nav-links .has-dropdown:hover .dropdown {
  opacity: 1;
  visibility: visible;
}

/* 下拉菜单项悬停效果 */
.nav-links .dropdown li a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}

{
 font-size:14px;
 color:#666;
 line-height:30px;
 text-align:justify
}
.goods-wrapper>.box-container ul {
 display:flex;
 display:-webkit-box;
 display:-moz-box;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flexbox;
 flex-flow:wrap
}


.goods-wrapper>.box-container ul li:hover img {
 transform:scale(1.05);
 -webkit-transform:scale(1.05);
 -moz-transform:scale(1.05);
 -ms-transform:scale(1.05);
 -o-transform:scale(1.05)
}