* {margin: 0;padding: 0;box-sizing: border-box;}
body{font-family:"Microsoft YaHei",sans-serif;line-height:1.6;color:#333;background-color:#fff}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.navbar{padding:8px 0;color:white;position:absolute;top:0;left:0;width:100%;z-index:10;font-size:12px;border-bottom:1px solid rgba(255,255,255,0.5);line-height:40px;
background-color: rgba(0,0,0,0.3);}
.navbar .logo{font-size:24px;font-weight:bold;color:#00de7d}
.navbar .container{display:flex;justify-content:space-between;align-items:center}
.nav-menu ul{list-style:none;display:flex;gap:30px}
.nav-menu a{color:white;text-decoration:none;transition:color 0.3s ease}
.nav-menu a:hover{color:#00de7d}
    .banner-title-item{
      position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
    }
      .banner-title-1
    {
      font-size: 48px;
      color: #FFF;
      font-family: "Microsoft JhengHei UI";
      font-weight: bold;
    }
    .banner-title-2
    {
      color: #FFF;
font-family: "Segoe UI";
font-size: 20px;
    }
.lang-switch button{background:none;border:none;color:white;margin-left:10px;font-weight:bold;cursor:pointer}
.lang-switch button.active{color:#00de7d}
.banner{position:relative;height:600px;overflow:hidden}
.banner-slide{width:100%;height:100%;background-size:cover;background-position:center;display:none;position:absolute;top:0;left:0}
.banner-slide.active{display:block}
.banner-content{position:absolute;bottom:100px;left:60px;color:white;text-shadow:0 2px 8px rgba(0,0,0,0.6)}
.banner-content.banner-content-detail{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.banner-title{font-size:26px;line-height:40px}
.banner-desc{font-size:16px}
.banner-content h1{font-size:48px;font-weight:bold}
.banner-content p{font-size:20px;margin-top:10px}
.banner-nav{position:absolute;bottom:20px;left:60px}
.banner-nav .dot{display:inline-block;width:12px;height:12px;background-color:#ccc;border-radius:50%;margin-right:8px;cursor:pointer}
.banner-nav .dot.active{background-color:#00de7d}
.about{padding:80px 0;background:#f9f9f9;background-image:url("../images/about-bg.png");background-position:center;background-repeat:no-repeat;background-size:cover}
.about .container{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.about-text{flex:1}
.about-text .about-title{font-size:24px}
.about-text h2{color:#00de7d;margin-bottom:20px;font-size:18px}
.about-text p{font-size:16px;line-height:1.8;margin-bottom:20px}
p.about-context{font-size:12px}
.about-data ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;flex:1}
.about-data li{background:#fff;padding:20px;border-left:5px solid #00de7d;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.about-data li strong{font-size:24px;color:#001b2e}
.about-data li span{display:block;margin-top:5px;color:#666}
.btn{display:inline-block;padding:10px 20px;background-color:#00de7d;color:white;text-decoration:none;border-radius:4px;margin-top:10px;transition:background 0.3s}
.btn:hover{background-color:#00c96d}
.service{background-image:url("../images/product-bg.png");background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;color:white}
.service .service-bgimg{position:absolute;left:0;opacity:0.5;height:100%}
.service .service-bgimg img{width:100vw;height:100%;object-fit:cover}
.btn-more{display:flex;align-items:center}
.btn-more img{margin-right:8px;height:60px}
.btn-more.amore{text-decoration:none;color:#000}
.btn-more.amore.btn-white{color:#fff}
.btn-more.amore.btn-white.btn-nav{margin-top:50px}
.news-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.news-title-text1{color:#00de7d;font-size:18px;margin-bottom:10px}
.news-title-text2{font-weight:normal}
.service-box{
  position:relative;
padding:20px 20px;max-width:400px}
.service-box h2{font-size:18px;margin-bottom:10px}
.service-box h3{font-size:24px;margin:10px 0;padding-bottom:10px}
.service-box .service-desc{margin-bottom:20px;font-size:12px}
.service-box .service-more{padding-top:20px;color:#fff;text-decoration:none;font-size:14px}
.news{margin-top:40px;margin-bottom:40px}
.news-container{display:flex;gap:30px}
.news-carousel{flex:1;position:relative;height:400px;overflow:hidden}
.news-slide{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-in-out}
.news-slide.active{opacity:1}
.news-slide-content{position:absolute;bottom:20px;left:20px;color:white;text-align:left;padding:10px 20px;border-radius:8px}
.news-slide-content h1{font-size:24px;margin-bottom:5px}
.news-slide-content p{font-size:16px;margin-bottom:0}
.news-slide-content p.date{font-size:12px;margin-bottom:0}
.news-nav{position:absolute;bottom:38px;right:20px;transform:translateX(-50%);display:flex;gap:10px}
.news-nav .dot{width:10px;height:10px;background-color:rgba(255,255,255,0.5);border-radius:50%;cursor:pointer;transition:background-color 0.3s}
.news-nav .dot.active{background-color:white}
.news-cards{flex:1;display:flex;flex-direction:row;gap:20px;justify-content:space-between}
.news-card.active,.news-card:hover{background-color:#00de7d;color:#fff}

.news-card.active,.news-card:hover .news-more span,.news-card:hover .news-more,.news-card:hover .date
{
  color: #fff;
}
.news-card{background-color:#f9f9f9;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.1);padding:20px;position:relative; flex-grow: 1;
  /* 可选设置基础宽度 */
  flex-basis: 0;}
.news-card h4{font-size:18px;margin-bottom:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.news-card .date{margin-top:20px;font-size:14px;color:#656565;margin-bottom:0;padding-bottom:30px}
.news-card .news-context{font-size:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.news-card .news-more{position:absolute;bottom:15px;font-size:12px;color:#00de7d;}
.news-card .news-more span{padding-left:8px;color:#00de7d;}
.news-slide-content a{
  color: #fff;
}
@media (max-width:768px){.news-container{flex-direction:column}
.news-carousel{height:300px}
}.footer{background-color:#001b2e;color:white;padding:40px 0}
.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:80px}
.footer-logo{font-size:20px;color:#00de7d;font-weight:bold}
.footer-title{font-size:14px;color:#fff;font-weight:normal;padding-top:8px;padding-bottom:6px}
.footer-contact{display:flex;justify-content:space-between}
.footer-contact .contact-img{width:40px;height:40px;padding:10px;border-radius:50%;border:1px solid #00de7d}
.footer-contact .contact-item{display:flex;justify-content:space-around;align-items:center;text-align:left;gap:10px;color:#fff}
.footer-links h4{margin-bottom:10px;color:#fff;font-size: 18px;}

.footer-links a{display:block;color:#ccc;font-size:12px;text-decoration:none;margin-bottom:4px}
.footer-bottom{margin-top:20px;text-align:center;font-size:12px;color:#777;border-top:1px solid #333;padding-top:15px}
.footer-bottom.copyright{display:flex;justify-content:center;align-items:center;padding-top:20px}
.footer-link::after{content:' · ';margin:0 5px;color:#666}
.footer-link:last-child::after{content:'';margin:0}
.footer-links{display:flex;justify-content:space-between;flex-direction:row;gap:40px}
.about-1-title{font-size:18px;line-height:24px;padding-top:30px;padding-bottom:15px}
.about-1-text{font-size:14px;line-height:20px}
.about-1-desc p{margin-bottom:15px}
.mbx .container
{
  display: flex;
  justify-content: space-between;
  
}

.mbx
{
 background-color: #F3F5F9; 
 padding-top: 15px;
 padding-bottom: 20px;
}
.mbx .menu.pull-left
{
  display: flex;
  justify-content: flex-start;
  gap: 20px;

}

.mbx .menu.pull-left a{
  padding-bottom: 10px;
  
}

.mbx .menu.pull-left .cur
{
  color: #37B34E;
  border-bottom: 2px solid #37B34E;

  
}

.mbxwrap.pull-right{
  display: flex;
  align-items: flex-end;
  height: 30px;
}

.mbxwrap.pull-right img
{
  padding-right: 10px;
}


  .index-product-container {
      position: relative;
      width: 100vw;
      height: 60vh;
      /* 固定轮播区域高度（可根据需要调整） */
      overflow: hidden;
    }

    .index-product-slider {
      display: flex;
      width: 300%;
      height: 100%;
      /* 继承容器高度 */
      transition: transform 0.5s ease;
    }

    .index-product-slide {
      width: 100vw;
      height: 100%;
      flex-shrink: 0;
      position: relative;
      background-size: cover;
      background-position: center;
    }

    .index-product-slide .container
    {
       display: flex;
  align-items: center; /* 垂直居中 */
  height: 100%;
    }

    .index-product-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: min(50%, 700px);
      height: 100%;
      /* 继承单张幻灯片高度 */
      background-color: rgba(59, 181, 82, 0.6);
      display: flex;
      align-items: center;
      border-radius: 0 50% 35% 0;
    }

   

    .index-product-text {

      font-size: 18px;
      color: #FFF;

      line-height: 1.5;

      text-overflow: ellipsis;
      padding-top: 20px;
      padding-bottom: 30px;
      max-width: 367px;
    }

    .index-product-text-title1 {
      font-size: 16px;
      padding-bottom: 24px;
    }

    .index-product-text-title2 {
      font-size: 24px;
      padding-bottom: 24px;
      white-space: nowrap;
    }

    .index-product-text-content {
      font-size: 12px;
      line-height: 2;
      padding-bottom: 20px;
    }


    .index-product-text-button a {
      color: #fff;
      font-size: 14px;
    }


    .index-product-dots {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      z-index: 10;
    }

    .index-product-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.5);
      margin: 0 5px;
      cursor: pointer;
      transition: all 0.3s;
    }

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