/* È«¾Ö³ÁÖà */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Ò³ÃæÖ÷ÌåÄÚÈÝ×ÖÌå */
.body1 * {
  font-family: "˼ԴºÚÌå", sans-serif;
}
.banner1{
  width: 100%;
  height: 500px;
}
.body1 {
  background-image: url(/template/lelesigang/zdtxsg/bsdlsbj.png);
}
html {
  overflow-x: hidden; /* ²»ÈÝˮƽ¹ö¶¯ */
  max-width: 1920px; /* ×î´ó¿í¶ÈÏÞ¶ÈΪ1920px */
  margin: 0 auto; /* ¾ÓÖÐÏÔʾ */
}
.container {
  width: 1000px;
  margin: 0 auto;
  padding: 20px;
}
/* ±êÌâ¿òÈ«ÆÁ.containerÏÞ¶ÈÄÚÈÝ¿í¶ÈΪ1000px
.title-boxÕƹÜ1920px¿íµÄ²¼¾°Ö */
.title-box {
  width: 100%;
  /* ÉèÖÃ×îÓ׿í¶ÈÈ·±£ÔÚ¿íÆÁÏÔʾʱÄÜ´ïµ½1920px³ÉЧ */
  min-width: 1920px;
  /* ±êÌâ¿ò²¼¾°Ö */
  background-color: #dd3a37; /* ¿Éƾ¾Ý±ØÒªÅú¸ÄΪÏÖʵʹÓõÄÉ«²Ê */
  /* ¾ÓÖÐÏÔʾ */
  margin-left: 50%;
  transform: translateX(-50%);
}

/* È·±£±êÌâ¿òÄÚµÄÄÚÈÝÈÔά³ÖÔÚ1000pxÈÝÆ÷ÄÚ */
.title-content {
  width: 1000px;
  margin: 0 auto;
  padding: 20px 0; /* ƾ¾Ý±ØÒªµ÷ÕûÄڱ߾à */
}
/* Í·²¿ÐÎ×´ */
.header {
  text-align: center;
  margin-bottom: 20px;
}
.header h1 {
  font-size: 38px;
  color: #000;
  margin-bottom: 10px;
  margin-top: 10px;
}
.header-tag {
  display: inline-block;
  background: linear-gradient(to bottom right, #ff423e, #a92d2b);
  color: #fff;
  padding: 5px 15px;
  font-size: 16px;
  margin-bottom: 15px;
  border-radius: 5px;
  margin-top: 15px;
}
.header-desc {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  border: 1px solid #dd3a37;
  padding: 10px;
  text-align: left;
}

/* ¼Ó¹¤ÁìÓò±í¸ñ */
.table-section h2 {
  font-size: 18px;
  color: #000;
  margin: 20px 0 10px;
}
.range-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.range-table th, .range-table td {
  border: 1px solid #333;
  padding: 5px;
  text-align: center;
}
.range-table thead th {
  background-color: #dd3a37;
  color: #fff;
}
.range-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
.range-table tbody tr td:first-child {
  background-color: #f8e6a5; 
}

/* Æ·ÖÊ·þÎñÀ¸ */
.quality-bar {
 background: linear-gradient(to bottom right, #ff423e, #a92d2b);
  color: #fff;
  text-align: center;
  padding: 20px;
  margin: 20px 0;
  width: 100%;
  min-width: 1920px;
  background-color: #dd3a37; 
  margin-left: 50%;
  transform: translateX(-50%);
}
.quality-bar h2 {
  font-size: 24px;
  margin-bottom: 5px;
}
.quality-eng {
  font-size: 14px;
  margin-bottom: 10px;
  opacity: 0.8;
}
.quality-desc {
  font-size: 16px;
  margin: 5px 0;
}

/* ²úƷչʾͼ */
.product-imgs {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 20px 0;
}
.product-imgs img {
  width: 40%;
  height: auto;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); /* ÐþÉ«°ëͨÃ÷ÒõÓ°£¬£¬£¬£¬£¬£¬£¬ÈáºÍ²»Í»Ø£ */
}

/* ϸ½Úչʾ */
.detail-section {
  margin: 20px 0;
  text-align: center;

  padding: 20px 0;
}
.detail-section h2 {
  font-size: 36px;
  color: #000;
  margin-bottom: 10px;
}
.detail-eng {
  font-size: 18px;
  color: #000;
  margin-bottom: 20px;
}
.detail-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 0 auto;
  max-width: 1000px;
  background: linear-gradient(
    to bottom,
    #dd3a37 0%,    /* ÕØʼɫ²Ê£¨Ö¸±ê²¼¾°Ö£© */
    #a92d2b 66.67%, /* 2/3¸ß¶ÈµØλ */
    transparent 66.67%, /* ÆðÍ·¹ý¶Éµ½Í¨Ã÷ */
    transparent 100%    /* ʵÏÖµØλ */
  );
  padding: 0px  30px;
}
.detail-card {
  width: calc(50% - 5px);
  margin-bottom: 20px;
}
.detail-card1 {
  width: 100%;
  margin-bottom: 20px;
}
   .zdybl {
     display: flex;
     gap: 10px;
     margin: 10px 0;
   }
   .zdybl img {
     width: calc(50% - 5px);
     height: auto;
     display: block;
     box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
   }
.card-header {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  margin-bottom: 10px;
}
.card-tag {
  font-size: 12px;
  color: #000;
  background-color: #fff;
  padding: 0px 10px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.card-tag span {
  font-size: 50px;
  font-weight: bolder;
  color: #000;
  line-height: 1;
}
.card-subtag {
  font-size: 14px;
  color: #fff;
  flex: 1;
  border: 2px solid #fff;
  border-radius: 50px;
  padding-left: 20px;
}

.detail-card img {
  width: 100%;
  height: auto;
  display: block;
}
.card-title {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  background: #e60012;
  padding: 10px;
  margin: 0;
  text-align: center;
}

/* ²úÆ·ÓÅÊÆ */
.advantage-section {
    background: linear-gradient(
    to bottom,
    #dd3a37 0%,    /* ÕØʼɫ²Ê£¨Ö¸±ê²¼¾°Ö£© */
    #a92d2b 66.67%, /* 2/3¸ß¶ÈµØλ */
    transparent 66.67%, /* ÆðÍ·¹ý¶Éµ½Í¨Ã÷ */
    transparent 100%    /* ʵÏÖµØλ */
  );
  color: #fff;
  text-align: center;
  padding: 20px;
  margin: 20px 0;
  width: 100%;
  min-width: 1920px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.advantage-section h2 {
  font-size: 38px;
  color: #fff;
  margin-bottom: 20px;
  margin-top: 10px;
}
.advantage-eng {
  font-size: 20px;
  color: #fff;
  margin-bottom: 20px;
}
.advantage-cards {
  flex-wrap: wrap;
  width: 1000px; /* ÉèÖÿí¶ÈΪ1000px */
  background-color: #fff; /* °×É«²¼¾° */
  border-radius: 50px; /* Ô²½Ç³ÉЧ£¬£¬£¬£¬£¬£¬£¬ÊýÖµ¿Éµ÷Õû */
  margin: 0 auto; /* ˮƽ¾ÓÖÐ */
  padding: 20px 100px; 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: space-between; /* ˮƽ¾ùÔÈÉ¢²¼£¬£¬£¬£¬£¬£¬£¬Á½¶Ë¶ÔÆë */
  flex-wrap: wrap; /* ×Ô¶¯»»ÐУ¬£¬£¬£¬£¬£¬£¬Ô¤·ÀÒç³ö */
  gap: 20px;
}
.advantage-card {
  text-align: center;
}
.advantage-card .icon {
  font-size: 24px;
  color: #dd3a37;
  margin-bottom: 5px;
  display: inline-block;
  width: 70px;
  height: 70px;
  /* ¿ÉÑ¡£¡£¡£¡£¡£¡£ºÎ¬³ÖͼƬ±ÈÀý²¢Ìî³äÈÝÆ÷£¨Ô¤·ÀÀ­Éì±äÐΣ© */
  object-fit: cover;
}
.advantage-card p {
  font-size: 18px;
  color: #333;
}

/* ²úƷʵÅÄ */
.product-photos {
  margin: 30px 0;
}
.product-photos h2 {
  font-size: 30px;
  color: #000;
  margin-bottom: 20px;
  padding-left: 30px;
}
.photo-desc {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  padding-left: 30px;
}
.photo-imgs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  background: linear-gradient(
    to bottom,
    #dd3a37 0%,    /* ÕØʼɫ²Ê£¨Ö¸±ê²¼¾°Ö£© */
    #a92d2b 88.88%, /* 2/3¸ß¶ÈµØλ */
    transparent 88.88%, /* ÆðÍ·¹ý¶Éµ½Í¨Ã÷ */
    transparent 100%    /* ʵÏÖµØλ */
  );
  padding-top: 30px;
}
.photo-imgs img {
  width: 23%;
  height: auto;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); /* ÐþÉ«°ëͨÃ÷ÒõÓ°£¬£¬£¬£¬£¬£¬£¬ÈáºÍ²»Í»Ø£ */
}

/* ²úÆ·ÐÅÏ¢ */
.product-info {
  margin: 30px 0;
}
.product-info h2 {
  font-size: 30px;
  color: #000;
  margin-bottom: 20px;
  padding-left: 30px;
}
.zdbtx{
  width: 80px;
  height: 5px;
  border-radius: 50px;
  background-color: #ee3e3a;
  margin-left: 30px;
  margin-bottom: 20px;
}
.info-content {
  background: linear-gradient(to bottom right, #ff423e, #a92d2b);
  color: #fff;
  padding: 20px 50px;
  font-size: 20px;
  line-height: 1.8;
  border-radius: 10px;
}

/* ÀûÓÃÁìÓò */
.application-section {
  margin: 30px 0;
  text-align: center;
}
.application-section h2 {
  font-size: 60px;
  font-weight: bolder;
  color: #dd3a37;
  margin-bottom: 30px;
}
.app-desc {
  font-size: 28px;
  color: #333;
  margin-bottom: 5px;
}
.app-eng {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
}
/* ÀûÓÃÁìÓò¿¨Æ¬ÈÝÆ÷£º½ÚÔìÕûÌå·ÖÁУ¨Ò»ÐÐ2ÕÅ£¬£¬£¬£¬£¬£¬£¬×Ô¶¯»»ÐУ© */
.app-cards {
  display: flex; /* ÆôÓÃFlex²¼¾Ö */
  flex-wrap: wrap; /* ³¬³öÒ»ÐÐʱ×Ô¶¯»»ÐÐ */
  justify-content: space-between; /* ×óÓÒ¿¨Æ¬¾ùÔÈÉ¢²¼£¬£¬£¬£¬£¬£¬£¬ÖÐÑëÁô¿Õ */
  gap: 20px; /* ¿¨Æ¬Ö®¼äµÄ¼ä¾à£¨¸ßµÍ×óÓÒ¾ùÉúЧ£¬£¬£¬£¬£¬£¬£¬¿Éƾ¾ÝÐèÒªµ÷Õû£© */
  margin-top: 20px; /* ÓëÉÏ·½±êÌâ±ê¼ä¾à£¬£¬£¬£¬£¬£¬£¬°´Ðèµ÷Õû */
}

/* µ¥¸öÀûÓÿ¨Æ¬£º½ÚÔì¿í¶ÈºÍÄÚ²¿½á¹¹ */
.app-card {
  flex: 0 0 calc(50% - 10px); /* Ö÷Ì⣺¿í¶ÈÕ¼¸¸ÈÝÆ÷50%£¬£¬£¬£¬£¬£¬£¬¼õÈ¥gapµÄÒ»°ë£¨Ô¤·À»»ÐУ© */
  max-width: calc(50% - 10px); /* ÏÞ¶È×î´ó¿í¶È£¬£¬£¬£¬£¬£¬£¬Ô¤·ÀÆÁÄ»¹ý¿íʱ¿¨Æ¬±äÐÎ */
  text-align: center; /* ͼƬºÍÎÄ×Ö¾ÓÖжÔÆë */
}

/* ÀûÓÿ¨Æ¬ÄÚµÄͼƬ£º±£ÕϱÈÀýºÍÊÊÅä */
.app-card img {
  width: 100%; /* ͼƬ¿í¶ÈÆÌÂú¿¨Æ¬ */
  height: auto; /* ¸ß¶È×Ô¶¯£¬£¬£¬£¬£¬£¬£¬Î¬³ÖͼƬԭÓбÈÀý */
  object-fit: cover; /* ÈôͼƬ±ÈÀý²»Ò»Ö£¬£¬£¬£¬£¬£¬£¬»á²Ã¼ôÌî³ä£¨Ô¤·ÀÀ­Éì±äÐΣ© */
}

/* ÀûÓÿ¨Æ¬ÄÚµÄÎÄ×Ö£º½ÚÔìÐÎ×´ºÍ¼ä¾à */
.app-card p {
  font-size: 25px; /* ÎÄ×Ö´óÓ×£¡£¡£¡£¡£¡£¬£¬£¬£¬£¬£¬£¬°´Ðèµ÷Õû */
  color: #fff; /* ÎÄ×ÖÉ«²Ê£¬£¬£¬£¬£¬£¬£¬°´Ðèµ÷Õû */
  font-weight: bolder;
  background: linear-gradient(to right, #e62e2e, #c91414); /* ºìÉ«½¥±ä²¼¾° */
  padding: 15px;
}
/* ÖÊÁ¿µ¼Ïò */
.quality-guide {
  margin: 30px 0;
  text-align: center;
}
.quality-guide h2 {
  font-size: 24px;
  color: #000;
  margin-bottom: 10px;
}
.guide-desc {
  font-size: 16px;
  color: #666;
  margin-bottom: 20px;
}
/* CSSÐÎ×´ */
.advantage-bar {
  display: flex; /* ºáÏò·ÖÁÐ */
  background: linear-gradient(to right, #e62e2e, #c91414); /* ºìÉ«½¥±ä²¼¾° */
  border-radius: 4px; /* ¿ÉÑ¡£¡£¡£¡£¡£¡£ºÔ²½Ç */
  overflow: hidden; /* Ô¤·À×ÓÔªËØÒç³ö */
}

.advantage-item {
  flex: 1; /* ¾ù·Ö¿í¶È */
  text-align: center;
  padding: 10px 5px;
  color: #fff;
  position: relative; /* ÓÃÓÚ·Ö¸ôÏ߶¨Î» */
}

/* ·Ö¸ôÏߣ¨³ý×îºóÒ»¸öitem±í£© */
.advantage-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10%;
  height: 80%;
  width: 1px;
  background: rgba(255,255,255,0.5); /* °ë͸ÁìÂÔÉ«ÊúÏß */
}

.advantage-item div {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 4px;
  line-height: 40px;
}

.advantage-item span {
  font-size: 12px;
  opacity: 0.8;
}

/* ca88¹Ù·½Î¨Ò»¼ò½é */
.about-us {
  text-align: center;
  position: relative;
  padding: 60px 20px 30px;
  margin-top: 10px;
  background: url(/template/lelesigang/zdtxsg/jj1.jpg) no-repeat;
  color: white;
  letter-spacing: 0.5px; /* ÕûÌåÇá΢Ôö³¤×Ö¼ä¾à£¬£¬£¬£¬£¬£¬£¬¼ÓÇ¿ÎÄ×ÖºôÎü¸Ð£¨Ô­Î´ÉèÖã© */
   width: 100%;
  /* ÉèÖÃ×îÓ׿í¶ÈÈ·±£ÔÚ¿íÆÁÏÔʾʱÄÜ´ïµ½1920px³ÉЧ */
  min-width: 1920px;
  /* ±êÌâ¿ò²¼¾°Ö */
  /* ¾ÓÖÐÏÔʾ */
  margin-left: 50%;
  transform: translateX(-50%);
}

.about-title-container {
  position: relative;
  text-align: center;
  height: 130px;
  margin-bottom: 20px;
}

.about-us .company-name {
  position: relative;
  z-index: 2; 
  margin: 0;
  font-size: 42px; /* ±êÌâ×ÖºÅ42px */
  font-weight: bold;
  line-height: 1.3; /* ±êÌâÐоà1.3±¶£¨Ô­1.2£¬£¬£¬£¬£¬£¬£¬ÓÅ»¯ºó¸üÒ×¼ø±ð£© */
  letter-spacing: 1px; /* ±êÌâ×Ö¼ä¾à1px£¬£¬£¬£¬£¬£¬£¬Í¹Æð²ã¼¶£¨Ô­Î´ÉèÖã© */
}

.about-en {
  position: absolute;
  top: 20px; 
  left: 0;
  right: 0;
  margin: 0 auto;
  color: transparent; 
  font-size: 65px; /* Ó¢ÎIJ¼¾°×Ö65px */
  z-index: 1; 
  font-weight: bolder;
  font-style: italic;
  background: linear-gradient(to bottom, 
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,0) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  line-height: 1.2; /* Ó¢ÎÄÐоà1.2±¶£¨ÊÊÅä italic ×ÖÌ壬£¬£¬£¬£¬£¬£¬Ô¤·ÀÓµ¼·£© */
  letter-spacing: 0.8px; /* Ó¢ÎÄÇá΢×Ö¼ä¾à£¬£¬£¬£¬£¬£¬£¬Ô¤·À×ÖĸճÁ¬£¨Ô­Î´ÉèÖã© */
}

.about-us .company-intro {
  font-size: 17px; /* ÕýÎÄ×ÖºÅ17px */
  text-align: justify; 
  max-width: 1000px; 
  margin: 0 auto; 
  padding: 15px 0;
  text-indent: 2em; 
  letter-spacing: 0.3px; /* ÕýÎÄ×Ö¼ä¾à0.3px£¨Ô­1px£¬£¬£¬£¬£¬£¬£¬¹ý¿íÒ׸îÁÑ£¬£¬£¬£¬£¬£¬£¬ÓÅ»¯ºó¸üÁ¬¹á£© */
  line-height: 1.7; /* ÕýÎÄÐоà1.7±¶£¨Ô­1.8£¬£¬£¬£¬£¬£¬£¬ÊÊÅä17px×ֺţ¬£¬£¬£¬£¬£¬£¬ÔĶÁ¸üÊæ·þ£© */
}

.about-us h2 {
  font-size: 26px; /* ¶þ¼¶±êÌâ26px */
  margin: 20px 0 15px;
  font-weight: bold;
  line-height: 1.4; /* ¶þ¼¶±êÌâÐоà1.4±¶£¨Ô­1.3£¬£¬£¬£¬£¬£¬£¬ÓÅ»¯ºóÓëÕýÎÄ·Ö±æ¸üÇ峺£© */
  letter-spacing: 0.8px; /* ¶þ¼¶±êÌâ×Ö¼ä¾à0.8px£¨Ô­Î´ÉèÖ㬣¬£¬£¬£¬£¬£¬¼ÓÇ¿²ã¼¶£© */
}

.about-us button {
  margin-top: 15px;
  background-color: #fff;
  border: #fff 1px solid;
  color: #dd3a37;
  padding: 8px 16px;
  border-radius: 25px;
  cursor: pointer;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1.4; /* °´Å¥ÎÄ×ÖÐоࣨά³ÖÔ­Öµ£¬£¬£¬£¬£¬£¬£¬ÊÊÅä°´Å¥¸ß¶È£© */
  letter-spacing: 0.5px; /* °´Å¥ÎÄ×ÖÇá΢×Ö¼ä¾à£¬£¬£¬£¬£¬£¬£¬ÌáÉýµã»÷ÓûÍû£¨Ô­Î´ÉèÖã© */
}

.company-features {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
}

.feature {
  background-color: white;
  padding: 25px 15px;
  border-radius: 5px;
  width: 210px;
  box-shadow: 0 2px 15px 2px rgba(0, 0, 0, 0.2);
  text-align: center;
  letter-spacing: 0.3px; /* ÌصãÄ£¿£¿£¿£¿£¿£¿£¿£¿éÕûÌå×Ö¼ä¾à£¬£¬£¬£¬£¬£¬£¬Í³Ò»·ç¸ñ£¨Ô­Î´ÉèÖã© */
}
.feature .btx{
  width: 50px;
  height: 5px;
  border-radius: 50px;
  background-color: #ee3e3a;
  margin-bottom: 20px;
  margin-left: 60px;
}
.feature h3 {
  font-size: 32px; /* Ìصã±êÌâ32px */
  font-weight: bold;
  color: #dd3a37;
  text-align: center;
  height: 80px;
  line-height: 1.3; /* Ìصã±êÌâÐоà1.3±¶£¨ÊÊÅäÁ½ÐÐÎÄ×Ö£¬£¬£¬£¬£¬£¬£¬Ô¤·À»»ÐÐÓµ¼·£© */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  margin: 0 auto 15px;
  overflow: hidden;
  letter-spacing: 0.8px; /* Ìصã±êÌâ×Ö¼ä¾à0.8px£¨Ô­Î´ÉèÖ㬣¬£¬£¬£¬£¬£¬Í¹Æð³Áµã£© */
}

.feature .img {
  padding-bottom: 25px;
}

.feature .text-standard {
  text-align: center;
  font-size: 15px; /* ÌصãÕýÎÄ15px */
  letter-spacing: 0.2px; /* ÌصãÕýÎÄ×Ö¼ä¾à0.2px£¨Ô­0.5px£¬£¬£¬£¬£¬£¬£¬ÓÅ»¯ºó¸üÁ¬¹á£© */
  padding: 20px 10px 20px;
  margin: 0;
  color: #000;
  height: 130px; 
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  font-weight: bold;
  line-height: 1.6; /* ÌصãÕýÎÄÐоà1.6±¶£¨Ô­1.5£¬£¬£¬£¬£¬£¬£¬ÊÊÅä15px×ֺţ¬£¬£¬£¬£¬£¬£¬ÌáÉý¿É¶ÁÐÔ£© */
}

.feature .en-text-center {
  text-align: center;
  color: #000;
  font-size: 7px; /* Ó¢ÎÄÓ××Ö7px */
  margin: 3px 0;
  line-height: 1.4; /* Ó¢ÎÄÓ××ÖÐоà1.4±¶£¨Ô­1.3£¬£¬£¬£¬£¬£¬£¬Ô¤·À×Öĸ³Áµþ£© */
  overflow: hidden;
  letter-spacing: 0.3px; /* Ó¢ÎÄÓ××ÖÇá΢×Ö¼ä¾à£¬£¬£¬£¬£¬£¬£¬Ô¤·ÀÕ³Á¬£¨Ô­Î´ÉèÖã© */
}

.company-photos {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin: 30px 0 40px;
}

.company-photos img {
  max-width: 300px;
  border-radius: 5px;
}

/* ÏìӦʽ²¼¾Ö - ÊÖ»úÊÊÅä */
@media (max-width: 768px) {
  /* »ù´¡ÐÎ×´µ÷Õû */
  html {
    max-width: 100%;
    overflow-x: hidden;
  }
  
  .container {
    width: 100%;
    padding: 10px;
  }
  
  /* ±êÌâ¿òµ÷Õû */
  .title-box, .quality-bar, .advantage-section, .about-us {
    min-width: 100%;
    margin-left: 0;
    transform: none;
    padding: 15px 10px;
  }
  
  .title-content {
    width: 100%;
    padding: 15px 10px;
  }
  
  /* ×ÖÌå´óÓ×µ÷Õû */
  .header h1 {
    font-size: 28px;
  }
  
  .header-tag {
    font-size: 14px;
    padding: 3px 10px;
  }
  
  .table-section h2, .detail-section h2, 
  .advantage-section h2, .product-photos h2,
  .product-info h2, .application-section h2,
  .quality-guide h2 {
    font-size: 22px;
    padding-left: 15px;
  }
  
  .detail-eng, .advantage-eng, .app-desc {
    font-size: 16px;
  }
  
  .app-eng, .photo-desc, .guide-desc {
    font-size: 12px;
    padding-left: 15px;
  }
  
  .info-content {
    font-size: 16px;
    padding: 15px 20px;
  }
  
  .about-us .company-name {
    font-size: 32px;
  }
  
  .about-en {
    font-size: 45px;
  }
  
  .about-us .company-intro {
    font-size: 15px;
    padding: 10px;
  }
  
  /* ²¼¾Öµ÷Õû */
  .product-imgs {
    flex-direction: column;
    gap: 15px;
    padding: 0 10px;
  }
  
  .product-imgs img {
    width: 100%;
  }
  
  .detail-cards {
    flex-direction: column;
    padding: 0 15px;
    gap: 15px;
  }
  
  .detail-card, .detail-card1 {
    width: 100%;
  }
  
  .zdybl {
    flex-direction: column;
  }
  
  .zdybl img {
    width: 100%;
  }
  
  .advantage-cards {
    width: 100%;
    padding: 15px;
    flex-direction: column;
  }
  
  .photo-imgs {
    padding: 15px;
  }
  
  .photo-imgs img {
    width: 48%;
  }
  
  .app-cards {
    flex-direction: column;
    padding: 0 15px;
  }
  
  .app-card {
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .advantage-bar {
    flex-wrap: wrap;
  }
  
  .advantage-item {
    flex: 0 0 50%;
    margin-bottom: 10px;
  }
  
  .advantage-item:nth-child(2)::after {
    display: none;
  }
  
  .company-features {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  
  .feature {
    width: 90%;
  }
  
  .company-photos {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  
  .company-photos img {
    max-width: 90%;
  }
  
  /* ±í¸ñÊÊÅä */
  .range-table {
    font-size: 12px;
  }
  
  .range-table th, .range-table td {
    padding: 3px;
  }
  
  /* °´Å¥µ÷Õû */
  .about-us button {
    padding: 6px 12px;
    font-size: 14px;
  }
}

/* Ó×ÆÁÊÖ»úÊÊÅä */
@media (max-width: 480px) {
  .header h1 {
    font-size: 24px;
  }
  
  .application-section h2 {
    font-size: 36px;
  }
  
  .photo-imgs img {
    width: 100%;
  }
  
  .advantage-item {
    flex: 0 0 100%;
  }
  
  .advantage-item::after {
    display: none;
  }
  
  .feature h3 {
    font-size: 26px;
  }
}<!--ºÄʱ1786761744.5647Ãë-->