@charset "gb2312";

/* CSS Document */



 /* 全局重置 & 基础样式 */

*{margin:0;padding:0;box-sizing:border-box;font-family:"Bio-Type",fallback-font-helvetica,fallback-font-arial,sans-serif;color:#333;line-height:1.5}		

@font-face{font-family:icomoon;src:url("../fonts/icomoon.eot");src:url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"),url("../fonts/icomoon.woff2") format("woff2"),url("../fonts/icomoon.woff") format("woff"),url("../fonts/icomoon.ttf") format("truetype")}

body{background-color:#fff;font-family:"Bio-Type",fallback-font-helvetica,fallback-font-arial,sans-serif;}

p{ font-size: 1rem;margin-bottom: 1.5rem;line-height: 1.5;font-weight: 400;}

.container{width:100%;max-width:1200px;margin:0 auto;padding:0 }

.container1{width:100%;margin:0 auto;padding:0}

		

button,.btn{cursor:pointer;border:none;transition:all 0.3s ease}

img{max-width:100%;height:auto;display:block}	



/* 首屏 Hero 区域 */

.hero{background:url(../image/indexbg.jpg) top repeat-x #ffff;padding: 200px 0 150px 0;}

.hero-wrapper{display:grid;grid-template-columns:1.2fr 1.13fr;gap:107px;align-items:center;}

.hero-content h1{font-weight:450;font-size:2.6rem;line-height:3.3rem;color:#222222;padding-bottom:0;margin-bottom:24px; margin-top:-34px;}

.hero-content p{font-size:1.33rem;color:#505050;margin-bottom:30px;max-width:700px;font-weight:400; line-height:2.1rem}

.btn-primary{background-color:#0071c5;color:#fff;padding:10px 20px;border-radius:48px;font-size:18px}

.btn-primary:hover{background-color:#005ea6}

.hero-image img{width:100%; margin-top:-185px}



/* 公司介绍区域 */

.about{padding:80px 0;background-color:#f4f4f4}

.about-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;max-width:1200px;margin:0 auto}

.about-content{align-self:start;padding-top:0}

.about-content h2{font-size:2rem;font-weight:400;margin-bottom:24px;line-height:2.4rem;margin-top: -9px;}

.about-content p{font-size:1.2rem;color:#555;margin-bottom:20px;font-weight:400}

.btn-outline{background-color:transparent;border:1px solid #666;padding:8px 20px;border-radius:30px;font-size:17px;cursor:pointer}

.btn-outline:hover{background-color:#f0f0f0}

.about-images{width:100%}

.main-img{width:100%;height:auto;margin-bottom:15px;transition:all 0.3s ease}

.thumbnails{display:flex;gap:0.8%}

.thumbnails img{width:24.2%;border:1px #939393 solid;object-fit:cover;cursor:pointer;opacity:0.7;transition:all 0.2s ease}

.thumbnails img:hover{opacity:1;transform:translateY(-2px)}

.thumbnails img.active{opacity:1;border-color:#2c7fb8}





 /* 质量控制标语区域 */

.quality{padding:50px 0;border-bottom:1px solid #eee;background: #f4f4f4; margin-top:172px;}

.quality p{font-size:2rem;color:#2e2e2e;text-align:left;max-width:800px;font-weight: 300;margin-bottom: 0;padding: 0; line-height:1.2;}

.x {border-bottom: 1px #000 solid; margin-top: 20px;}

.x1 {border-bottom: 1px #000 solid; max-width: 1400px; margin: 150px auto; margin-bottom:60px}

/* 产品展示区域 */

.products{padding:0px 0px 180px;display:grid;grid-template-columns:1fr 1fr;gap:48px}

.product-card{text-align:center}

.product-card img{width:100%}

.product-card h3{font-size:1.85rem;font-weight:400;margin-bottom:20px;text-align:left; border-top:1px solid #000000; padding-top:41px; padding-left:5px; line-height:2.35rem; height:140px}

.pd{padding:48px;background:#f4f4f4}
.pd p{ min-height:128px; text-align:left;}

.btn-outline1{background-color:transparent;border:1px solid #666;padding:8px 20px;border-radius:30px;font-size:14px;float:left; margin-top:10px; margin-bottom:30px}

.both{clear:both}

.footer-left img{ margin-top:20px; margin-left:15px;}

.container .footer-left  .copyright{ font-weight:400; font-size:0.88rem; margin-top:10px; color:#000000; }

.container .footer-nav a{ font-weight:400; font-size:1rem}

.container .footer-left p{ margin-left:30px; line-height:0.8rem; margin-bottom:10px; margin-top:0; padding:0 0; margin-left:30px;}

.mt30{ margin-top:30px;}
.xas{ font-weight:400; font-size:1rem; margin-left:30px; color:#000000 }
.mt10{ margin-top:10px;}

/* 响应式适配 - 平板/手机端 */

 @media (max-width:992px){.hero-wrapper,.about-wrapper{grid-template-columns:1fr;gap:30px}

.hero{padding:60px 0;}
.hero-content{ margin-top:100px; }

.hero-content h1{font-size:28px}

.about{padding:60px 0}

}@media (max-width:768px){.products{grid-template-columns:1fr;gap:40px}

.header-wrapper{flex-wrap:wrap}

.search-bar{flex:100%;margin:15px 0 0 0}

.hero-content p {font-size: 1.2rem; height:180px;}
.hero-image {margin-top: 200px;}

.hero-content h1{font-size:24px; line-height: 2.1rem;}

.about-content h2 {font-size: 24px;line-height: 2.1rem;}

.quality {padding: 40px 0;border-bottom: 1px solid #eee; background: #f4f4f4; margin-top: 72px;}

.products{padding:0px 15px 60px 15px}
.product-card h3{ height:140px}

.quality p{font-size:16px}.thumbnails img{width:24.2%;}

}@media (max-width:480px){.container{padding:0 15px}

.hero{padding:60px 0}

.about{padding:40px 0}



}





















  .whatsappbox {
      position: fixed;
      bottom: 1.2%;
      right: 1.2%;
      z-index: 999;
      text-align: right;
    }
    .whatsappbox a {
      display: block;
      margin-bottom: 10px;
    }
    .whatsappbox a img {
      width: 100%;
    }
    @media (max-width: 768px) {
      .whatsappbox {
        bottom: 1.2%;
        right: -5%;
      }
      .whatsappbox a img {
        width: 60%;
      }
      #header-search-div {
        display: none !important;
      }
      .hero-content p {
        margin-bottom: 64px;
        padding-bottom: 8px;
      }
      .hero-content .btn-primary {
        margin-top: 24px;
        display: block;
        clear: both;
        position: relative;
      }
      #header-search-div,
      #header-search-div * {
        display: none !important;
      }
      .hero {
        padding-top: 70px;
      }
    }
    .btn-submit-inquiry {
      display: inline-block;
      width: 100%;
      padding: 12px 24px;
      background-color: #005bac;
      color: #ffffff;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: 0.02em;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      transition: background-color 0.2s ease;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .btn-submit-inquiry:hover {
      background-color: #004a8f;
    }
    figcaption {
      font-size: 13px;
      color: var(--color-text-secondary, #666);
      margin-top: 6px;
      line-height: 1.5;
    }
    .visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
      white-space: nowrap;
      border: 0;
    }
	

	  figcaption {
      font-size: 13px;
      color: var(--color-text-secondary, #666);
      margin-top: 6px;
      line-height: 1.5;
	        font-weight: 400;
    }
	#auto-complete-txt{ font-weight:400; color:#CCCCCC;}
	
	#auto-complete-txt::placeholder {
    color: #CCCCCC; 
}
input[type="text"]::placeholder {
  color: #999; /* 占位符文字颜色 */
}