@font-face {
  font-family: '˼ԴºÚÌå';
  src: url('/template/lelesigang/wxsg/SourceHanSansCN-Regular.otf') format('opentype');
}

/* »ù´¡ÐÎ×´ÉèÖà - ͳһÐи߻ù×¼ */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* È·±£Ò³ÃæÕûÌå²»³öÏÖºáÏò¹ö¶¯ */
html, body {
  overflow-x: hidden; /* ²»ÈݺáÏò¹ö¶¯ */
  width: 100%;
  margin: 0;
  padding: 0;
}

/* ½¨¸´bannerͼÒç³öÎÊÌâ */
.ban {
  width: 100%; /* ÈÝÆ÷Õ¼ÂúÆÁÄ»¿í¶È */
  overflow: hidden; /* °µ²Ø³¬³öÈÝÆ÷µÄÄÚÈÝ */
}

.ban img {
  width: 100%; /* ͼƬ¿í¶È×ÔÊÊÓ¦ÈÝÆ÷ */
  height: auto; /* ά³ÖͼƬ±ÈÀý */
  max-width: 100%; /* ÏÞ¶È×î´ó¿í¶ÈΪÈÝÆ÷¿í¶È */
  display: block; /* È¥³ýͼƬµ×²¿Ä¬ÈÏ¿Õȱ */
}

.body1 {
  font-family: '˼ԴºÚÌå', sans-serif;
  width: 1200px;
  margin: 0 auto;
  line-height: 1.6; /* ÕýÎÄÐÐ¸ß */
  color: #333; /* ͳһÕýÎÄÉ«²Ê */
}

/* »¶Ó­Ñ¡¹º²¿ÃÅ */
.welcome {
  text-align: center;
  padding: 30px 20px; /* Ôö³¤¸ßµÍÄڱ߾à */
}

.welcome h1 {
  font-size: 32px; /* Ôö´óÖ÷±êÌâ */
  margin-bottom: 15px;
  font-weight: bold;
  line-height: 1.2;
}

.welcome button {
  background-color: #0853D2;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 25px;
  cursor: pointer;
  border: #fff 1px solid;
  box-shadow: 0 2px 15px 2px rgba(0, 0, 0, 0.2);
  line-height: 1.4;
}

.drawings {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 20px 0 30px; /* Ôö³¤µ×²¿¼ä¾à */
}

.drawings img {
  max-width: 400px;
}

.models {
  display: flex;
  justify-content: center;
  gap: 25px; /* Ôö³¤¼ä¾à */
  margin-top: 30px; /* Ôö´ó¶¥²¿¼ä¾à */
}

.model-group {
  width: 180px;
  padding: 15px; /* Ôö³¤Äڱ߾à */
  border-radius: 25px;
  text-align: center;
  box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.2);
}

.model-container {
  height: 130px; /* Ôö³¤¸ß¶È */
  padding: 18px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: space-around; 
  align-items: center; 
}

.model-container p {
  margin: 0; 
  font-size: 16px;
  line-height: 1.4;
}

.model-container h2 {
  margin: 0;
  font-size: 30px; /* Ôö´óÄ£ÐͱêÌâ */
  font-weight: bold;
  line-height: 1.2;
}

.model-group hr {
  height: 3px;        
  width: 20px;       
  border: none;       
  background-color: #666; 
  margin: 12px auto;  
}

.model-group h3 {
  font-size: 17px; /* Ôö´óÓ×±êÌâ */
  font-weight: bold;
  line-height: 1.3;
}

.model-group .zdd {
  font-size: 9px; /* Ôö´óÓ××Ö */
  color: #666;                 
  text-transform: uppercase;
  line-height: 1.2;
}

.model-group .custom-link {
      display: flex;
      align-items: center;
      margin: 10px auto 0;
      padding: 5px 10px;
      border-radius: 25px;
      background: linear-gradient(to right, #67b26f, #8dce94);
      color: #fff;
      text-decoration: none;
      border: #fff 1px solid;
      width: 100px;
    }

.model-group .custom-link span {
      margin-right: 5px;
      font-size: 14px;
      font-weight: bold;
    }

.model-group .custom-link img {
      width: 16px;
      height: 16px;
    }

.model-group .custom-link1 {
      display: flex;
      align-items: center;
      margin: 10px auto 0;
      padding: 5px 10px;
      border-radius: 25px;
      background: linear-gradient(to right, #007bff, #6c9eff);
      color: #fff;
      text-decoration: none;
      border: #fff 1px solid;
      width: 100px;
    }

.model-group .custom-link1 span {
      margin-right: 5px;
      font-size: 14px;
      font-weight: bold;
    }

.model-group .custom-link1 img {
      width: 16px;
      height: 16px;
    }

/* ¶¨ÔìÁ÷³Ì²¿ÃÅ */
.custom-process {
  background-image: url(/template/lelesigang/wxsg/bg.png);
  color: white;
  text-align: center;
  justify-content: center; 
  padding: 20px 10px; /* Ôö³¤Äڱ߾à */
  margin-top: 40px; /* Ôö´ó¶¥²¿¼ä¾à */
}

.custom-process h2 {
  font-size: 38px; /* µ÷ÕûÖ÷±êÌâ´óÓ× */
  margin-bottom: 20px; /* Ôö³¤µ×²¿¼ä¾à */
  font-weight: bold;
  line-height: 1.2;
}

.steps {
  display: flex;
  align-items: center; /* ´¹Ö±¾ÓÖжÔÆë²½ÖèÓë·Ö¸ô·û */
  justify-content: center; /* ÕûÌåˮƽ¾ÓÖÐ */
  /* 1. ɾ³ý flex-wrap: wrap£¨Ô¤·À»»ÐУ¬£¬£¬£¬£¬£¬£¬È·±£ËùÓÐÄÚÈÝÔÚÒ»ÅÅ£© */
  gap: 15px; /* ËõÓ×¼ä¾à£¨Ô­20px£©£¬£¬£¬£¬£¬£¬£¬Ô¤·À³¬³öÈÝÆ÷£¬£¬£¬£¬£¬£¬£¬¿Éƾ¾ÝÐèҪ΢µ÷ */
  padding: 20px 10px; /* ×óÓÒ¼Ó10pxÄڱ߾࣬£¬£¬£¬£¬£¬£¬Ô¤·ÀÄÚÈÝÌù±ß */
  width: 100%;
  max-width: 1200px; /* ¹Ì¶¨×î´ó¿í¶È£¬£¬£¬£¬£¬£¬£¬ÓëÒ³ÃæÖ÷ÌåÒ»Ö */
  margin: 0 auto;
  overflow-x: auto; /* 2. ÐÂÔöºáÏò¹ö¶¯£¨¼«¶ËÇé¿öÈçÓ×ÆÁʱ£¬£¬£¬£¬£¬£¬£¬¿ÉºáÏò»¬¶¯²é¿´£¬£¬£¬£¬£¬£¬£¬Ô¤·ÀÒç³ö°µ²Ø£© */
  overflow-y: hidden; /* ²»ÈÝ×ÝÏò¹ö¶¯£¬£¬£¬£¬£¬£¬£¬Î¬³Ö²¼¾ÖÕû½à */
  scrollbar-width: thin; /* ÓÅ»¯¹ö¶¯ÌõÐÎ×´£¨¿ÉÑ¡£¬£¬£¬£¬£¬£¬£¬ÊÊÅäÏÖ´úä¯ÀÀÆ÷£© */
}

/* 3. µ÷Õû²½ÖèÈÝÆ÷¿í¶È£¬£¬£¬£¬£¬£¬£¬È·±£Ò»ÅÅÄÜ°üÈÝËùÓÐÄÚÈÝ */
.step {
  background: linear-gradient(to bottom, #F5FAFF, #C8E0FF);
  color: #007bff;
  padding: 20px 15px; /* ËõÓ×Äڱ߾ࣨԭ25px£©£¬£¬£¬£¬£¬£¬£¬Ï÷¼õµ¥¸ö²½Öè¿í¶È */
  border-radius: 5px;
  min-width: 110px; /* ¹Ì¶¨×îÓ׿í¶È£¬£¬£¬£¬£¬£¬£¬È·±£²½ÖèÄÚÈݲ»¼·Ñ¹ */
  text-align: center; /* ²½ÖèÄÚÎÄ×Ö¾ÓÖУ¬£¬£¬£¬£¬£¬£¬Ô¤·À¿í¶È²»Ò»Ö */
}

/* 4. µ÷Õû·Ö¸ô·û´óÓ×£¬£¬£¬£¬£¬£¬£¬Óë²½Öè±ÈÀýЭµ÷ */
.step-divider img {
  width: 24px; /* ËõÓ×·Ö¸ô·û£¨Ô­28px£©£¬£¬£¬£¬£¬£¬£¬Ï÷¼õºáÏòÕ¼Óÿռä */
  height: 24px;
  object-fit: contain;
  opacity: 0.8;
}

.step h2{
  color: #000;
  font-size: 22px; /* µ÷Õû²½Öè±êÌâ */
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
}

.step .zdp {
  color: #000;
  font-size: 24px; /* Ô­15px£¬£¬£¬£¬£¬£¬£¬ËõÓ×ÎÄ×ÖÏ÷¼õ¿í¶ÈÕ¼Óà */
  font-weight: bold;
  margin: 10px 0;
  padding-top: 8px;
  line-height: 1.4;
}

.step img {
  width: 70px; /* Ô­80px£¬£¬£¬£¬£¬£¬£¬ËõÓ×ͼ±ê£¬£¬£¬£¬£¬£¬£¬Óë²½Öè¿í¶ÈÆ¥Åä */
  height: 70px;
  object-fit: contain;
}

.step .zdpp{
  color: #000;
  font-size: 8px;
  margin: 0;
  line-height: 1.2;
}

.more-products {
  background-color: #f8f9fa;
  text-align: center;
  padding: 30px 20px; /* Ôö³¤Äڱ߾à */
  margin-top: 40px; /* Ôö´ó¶¥²¿¼ä¾à */
  font-weight: bold; 
}

.more-products hr {
  width: 30px;
  height: 1px; 
  background-color: #333;
  margin: 15px auto; /* Ôö³¤¼ä¾à */
  border: none;  
}

.more-products p {
  font-size: 22px; /* Ôö´ó±êÌâ */
  line-height: 1.3;
  font-weight: normal; 
}

.title-container {
  position: relative;
  text-align: center;
  height: 50px; /* Ôö³¤¸ß¶È */
  margin-bottom: 20px; /* Ôö³¤µ×²¿¼ä¾à */
}

.title-container h2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  font-size: 45px; /* Ôö´ó²¼¾°ÎÄ×Ö */
  color:#E4E4E4;
  line-height: 1.2;
}

.title-container p {
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  margin: 0;
  font-size: 38px; /* Ôö´óÖ÷±êÌâ */
  color: #3E3E3E;
  line-height: 1.2;
}

.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px; /* Ôö³¤²úÆ·¼ä¾à */
  margin-top: 30px; /* Ôö´ó¶¥²¿¼ä¾à */
  padding-bottom: 20px;
}

.product {
  background-color: #fff;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2);
  padding: 30px;
  text-align: center;
  width: 300px;
}

.product img {
  max-width: 250px;
  margin-bottom: 15px; /* Ôö³¤µ×²¿¼ä¾à */
  padding: 10px;
  border: #28a745 2px solid;
}

.product h2{
  font-size: 26px; /* Ôö´ó²úÆ·±êÌâ */
  line-height: 1.3;
  margin:15px 0; /* Ôö³¤¼ä¾à */
  font-weight: normal; 
}

.product p{
  font-size: 17px; /* Ôö´ó²úÆ·ÃèÊö */
  line-height: 1.3;
  margin-bottom: 15px; /* Ôö³¤µ×²¿¼ä¾à */
  font-weight: normal; 
}

.product button {
  background-color: #1256C5;
  color: white;
  border: none;
  padding: 6px 30px;
  cursor: pointer;
  margin-top: 10px;
  line-height: 1.4;
  font-size: 17px;
}

.quality {
  text-align: center;
  padding: 0 100px;
  margin-top: 40px; /* Ôö³¤¶¥²¿¼ä¾à */
}

.quality h2 {
  font-size: 42px; /* µ÷Õû±êÌâ´óÓ× */
  font-weight: bold; 
  margin: 0;
  padding-top: 30px; /* Ôö³¤¶¥²¿¼ä¾à */
  letter-spacing: 6px;
  line-height: 1.2;
}

.quality .qualityy{
  color: #1256C5;
  font-size: 18px; /* Ôö´óÃèÊö */
  padding: 10px 0; /* Ôö³¤¼ä¾à */
  margin: 0;
  line-height: 1.4;
}

.quality .qualityyy {
  font-size: 9px; /* Ôö´óÓ××Ö */
  padding-bottom: 30px; /* Ôö³¤µ×²¿¼ä¾à */
  margin: 0;
  line-height: 1.2;
}

.quality .img1 {
  margin-top: 15px; /* Ôö³¤¶¥²¿¼ä¾à */
}

.advantages {
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  gap: 50px; 
  padding: 20px 100px; /* Ôö³¤Äڱ߾à */
  color: white;
  background: linear-gradient(to bottom, #2068DA, #0C4FBC);
  clip-path: polygon(
    20px 0, 
    calc(100% - 20px) 0,
    100% 20px, 
    100% calc(100% - 20px),
    calc(100% - 20px) 100%, 
    20px 100%, 
    0 calc(100% - 20px), 
    0 20px                  
  );
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  text-align: center;
  margin: 10px 0; /* Ôö³¤¸ßµÍ¼ä¾à */
}

.advantage {
  flex: 1; 
  text-align: center;
  color: #fff; 
  position: relative; 
  padding: 5px 0; /* Ôö³¤Äڱ߾à */
}

.advantage:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  height: 80%;
  width: 1px; 
  background: linear-gradient(
    to bottom, 
    rgba(255, 255, 255, 0) 0%,    
    rgba(255, 255, 255, 1) 30%, 
    rgba(255, 255, 255, 1) 70%,
    rgba(255, 255, 255, 0) 100% 
  );
}

.advantage h3 {
  font-weight: bold; 
  font-size: 26px; /* µ÷Õû±êÌâ´óÓ× */
  margin: 15px 0 10px; /* µ÷Õû¼ä¾à */
  line-height: 1.3;
  overflow: hidden; 
}

.advantage p {
  font-size: 11px; /* Ôö´óÃèÊöÎÄ×Ö */
  padding: 5px 0 10px; /* µ÷Õû¼ä¾à */
  line-height: 1.4;
}

.about-us {
  text-align: center;
  position: relative;
  padding: 60px 20px 30px;
  margin-top: 40px;
  background: url(/template/lelesigang/wxsg/bg2.png) no-repeat;
  color: white;
  letter-spacing: 0.5px; /* ÕûÌåÇá΢Ôö³¤×Ö¼ä¾à£¬£¬£¬£¬£¬£¬£¬¼ÓÇ¿ÎÄ×ÖºôÎü¸Ð£¨Ô­Î´ÉèÖã© */
}

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

.company-name {
  position: relative;
  z-index: 2; 
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: 0;
}

.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: #28a745;
  border: #fff 1px solid;
  color: white;
  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 h3 {
  font-size: 32px; /* Ìصã±êÌâ32px */
  font-weight: bold;
  color: #0853D2;
  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;
}<!--ºÄʱ1786755459.9692Ãë-->