/** Shopify CDN: Minification failed

Line 224:18 Unexpected ".2columnspan"

**/
@font-face {
	font-family: "Montserrat-Bold";
	font-display: swap;
	font-weight: 600;
	src: url("/cdn/shop/files/Montserrat-Bold.ttf?v=1731947160")
    format("opentype");
}

@font-face {
  font-family: "Montserrat-Medium";
  font-display: swap;
  font-weight: 400;
  src: url("/cdn/shop/files/Montserrat-Medium.ttf?v=1732036205")
    format("opentype");
}

#aboutusbanner .desktop-container {background-image:url("/cdn/shop/files/aboutusbanner.jpg?v=1732627777");
background-size: cover;
    background-position: center top;height:41.67vw;}



@media only screen and (min-width: 1080px) {
	
#aboutusbanner .desktop-container h2{padding-top:26vw;font-size:2vw;}

	
#aboutus .column-left img{max-width:50vw;margin:0;}

#aboutus .column-right {
	padding:7vw;}

#aboutus .column-right h2 {font-size:5vw;color:#da3a2a;}

#aboutus .column-right p {
	text-align: left;
	font-weight: 400;
	font-size: 1vw;
	line-height: 1.5;
}

#aboutus .column-right li p{color:#888888;font-size:1vw;line-height:1.2; font-weight:400;margin-top:0;}

#aboutus .column-right ul {padding-left:1.2vw;}

#aboutus .column-right ul li::marker{color:#da3a2a;}

#history .desktop-container {background-image:url("/cdn/shop/files/history.jpg?v=1732628162");
background-size: cover;
    background-position: center top;padding:4vw 8vw;height:41.67vw;}


#history h2 {font-size:4vw;color:#da3a2a;}
	
	#history .column-1-2 p {margin:0;}

#history .subtitle{font-size:1.5vw;font-weight:600;}

#history .bigredcha {font-size:5vw;font-weight:600;color:#da3a2a;line-height:1;}

#history .smallredcha {font-size:2vw;font-weight:600;color:#da3a2a;vertical-align:top;padding-left:0.5vw;}

#history .historytext {max-width:35vw;}

#history .historytext .two-columns {max-width:30vw;flex-wrap:wrap;justify-content: space-between;row-gap:1vw;}

#history .years {position:absolute;}

#history {position:relative;}

#history .years {font-size:0.6vw !important;line-height:1.2;text-align:center;max-width:10.42vw;}

#history .years h3 {font-size:1vw;}

#history .years p {color:#A8A8A8;margin:0;}

#history .h1998 {bottom:4.5vw;left:10.8vw;}

#history .h2001 {bottom: 4.2vw;
        left: 21.6vw;}

#history .h2012 {bottom: 5vw;
        left: 34.1vw;}

#history .h2013 {bottom: 5.8vw;
        left: 46.8vw;}

#history .h2016 {bottom: 7.5vw;
        left: 59vw;}

#history .h2018 {bottom: 8.5vw;
        left: 71.2vw;}

#history .h2019 {bottom: 13.5vw;
        right: 6.5vw;}

#history .h2020 {bottom: 26vw;
        right: 7.7vw;}

#history .h2022 {bottom: 22.2vw;
        right: 19.9vw;}

#history .h2023 {bottom: 24vw;
        right: 32.5vw;}

#history .h2024 {bottom: 25.5vw;
        right: 44.8vw;}

#history .h2025 {top: 2.8vw;
        right: 48.3vw;}

#history .h2026 {top: 4.3vw;
        right: 35.35vw;}

	#industrialpark {background-color:#f5f5f5;}
	
#industrialpark .section-container {max-width:80vw;margin-left:auto;margin-right:auto;text-align:center;padding-top:5vw;padding-bottom:3vw;}
	
	#industrialpark .section-container img {max-width:100%;}

#industrialpark .section-container h2 {color:#da3a2a;font-size:4vw;margin-top:2vw;}

#industrialpark .section-container span {color:#da3a2a;font-size:1.8vw;font-weight:600;}
	
	#exhibition .two-columns .column-right {width:50%;}

#exhibition .two-columns .column-right img {max-width:50vw;padding:1.5vw}

#exhibition .column-left {display:flex;justify-content:center;flex-direction:column;padding-left:10vw;padding-right:8vw;}

#exhibition .column-left h2 {font-size:4vw;color:#da3a2a;margin:0}

#exhibition .column-left p {
	text-align: left;
	font-weight: 400;
	font-size: 1vw;
	line-height: 1.5;
}

#products .section-container {max-width:80vw;margin-left:auto;margin-right:auto;}

#products .two-columns {justify-content:center;align-content:center;display:flex;}

#products .column-left img{max-width:50vw;padding:2vw;}

#products .column-left {
display: flex;
    flex-direction: column;
    justify-content: center;}

#products .column-right {
	padding:5vw;}


#products .column-right p {
	text-align: left;
	font-weight: 400;
	font-size: 1vw;
	line-height: 1.5;
}

#products .column-right li p{color:#C1C1C1;font-size:1vw;line-height:1.2; font-weight:400;margin-top:0;}

#products .column-right ul {padding-left:1.2vw;}

#products .column-right ul li::marker{color:#da3a2a;}

#products .column-right {display:flex;justify-content:center;flex-direction:column;padding-left:5vw;}

#products .column-right h2 {font-size:5vw;color:#da3a2a;}

#products .column-right h3 {margin:2vw 0vw 0vw 0vw;}

#products .column-right p{margin:0px;}

#products .column-right ul {padding-left:1.2vw;}

#products .column-right ul li::marker{color:#da3a2a;}
	

#products {background-color:#F6F6F6;}

#awards .section-container {max-width:80vw;margin-left:auto;margin-right:auto;}

#awards {background-color:#F6F6F6;}

	#awards .four-columns{display:none !important;}
	
#awards h2 {font-size:4vw;color:#da3a2a;text-align:center;margin-bottom:3vw;}

#awards .awardicons {display:flex;}

#awards .awardicon {text-align:center;}

#awards .awardicon img {max-width:8vw;max-height:6vw;}

#awards .eight-columns {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	text-align: center;
	grid-column-gap:2.4vw;	
}

#awards .awardicons .awardicon {display: flex
;
    /* flex-direction: row-reverse; */
    align-items: center;
    justify-content: center;
flex-direction:column;}

#awards .bigredcha {font-size:5vw;font-weight:600;color:#da3a2a;}

#awards .awardtext {max-width: 5vw;
    display: inline-block;
    text-align: left;}

#awards .awards2 {display:flex;justify-content:space-between;}

#awards .awardicon.2columnspan {align-content:flex-start !important;margin-left:0px;}

#awards .desktop-container {padding-bottom:5vw}

#awards .awardsdivider {color:#D1D1D1;border:0.05vw solid;margin-bottom:3vw;}

#lowcarbon .desktop-container {background-image:url("/cdn/shop/files/lowcarbon.jpg?v=1732628163");
background-size: cover;
    background-position: center top;height:41.67vw}

#lowcarbon .section-container {max-width:80vw;margin-left:auto;margin-right:auto;}

#lowcarbon .column-left {display:flex;justify-content:center;flex-direction:column;padding-top:5vw;max-width:42vw;}

#lowcarbon .lowcarbonnum {display:flex;justify-content:space-between;margin-top:5vw;}

#lowcarbon .column-left h2 {font-size:3.5vw;color:#177b43;margin:0;}

#lowcarbon .biggreencha {font-size:2.5vw;color:#177b43;font-weight:600;}

#lowcarbon p {color:#B0B0B0}

#lowcarbon .lowcarbonnum p{color:#9B9B9B;}
	
}
  /* Klaus移动端优化*/
@media only screen and (max-width: 1079px) {

  /* 1. 奖项底部四个小成就在手机端隐藏 */
  #awards .awards2 {
    display: none !important;
  }

  /* 2. 环保卡片完全横向居中且宽度一致 */
  #lowcarbon .lowcarbonnum {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4vw !important;
    margin-top: 6vw !important;
    margin-bottom: 6vw !important;
    width: 100% !important;
  }
  #lowcarbon .lowcarbonnum > div {
    width: 92vw !important;
    max-width: 400px !important;
    min-width: 0 !important;
    background: #f7fff7 !important;
    border: 1.5px solid #b6e2c7 !important;
    border-radius: 2vw !important;
    margin: 0 auto 3vw auto !important;
    box-shadow: 0 2px 10px #e0f2e8 !important;
    padding: 4vw 1vw !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  #lowcarbon .lowcarbonnum strong,
  #lowcarbon .lowcarbonnum .biggreencha {
    font-size: 5vw !important;
    font-weight: bold !important;
    color: #177b43 !important;
    margin-bottom: 0.5vw !important;
    margin-top: 0 !important;
    text-align: center !important;
    width: 100%;
  }
  #lowcarbon .lowcarbonnum p {
    font-size: 3.6vw !important;
    color: #33884a !important;
    margin: 0 !important;
    line-height: 1.55 !important;
    text-align: center !important;
    word-break: break-word !important;
    width: 100%;
  }

  /* 3. 大红字真正居中（标题、副标题、数字等） */
  #history h2,
  #history .subtitle,
  #history .bigredcha,
  #history .smallredcha,
  #history .column-right > h2,
  #history .column-right > .subtitle,
  #history .column-right > .bigredcha,
  #history .column-right > .smallredcha {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
  }
  /* 保证下方描述也居中 */
  #history .column-right > p,
  #history .column-right > h3 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    display: block !important;
  }

  /* ---- 以下为原有样式 */

  #aboutusbanner .desktop-container h2{padding-top:26vw;font-size:6vw;}
  #boutus .section-container {max-width:80%;margin-left:auto;margin-right:auto;}
  #aboutus {background-color:#f5f5f5;}
  #aboutus .two-columns{flex-wrap:wrap;}
  #aboutus .column-left{order:2;display:flex;margin-bottom:6.48vw;width:100%;}
  #aboutus .column-left img{max-width:80%;margin-left:auto;margin-right:auto;text-align:center;}
  #aboutus .column-right {
    padding:8vw; width:100%;order:1;
  }
  #aboutus .column-right h2 {font-size:7vw;color:#da3a2a;}
  #aboutus .column-right h3 {font-size: 4.5vw;}
  #aboutus .column-right p {
    text-align: left;
    font-weight: 600;
    font-size: 4vw;
    line-height: 1.6;
  }
  #aboutus .column-right li p{
    color: #888888;
    font-size: 3.7vw;
    line-height: 1.4;
    font-weight: 400;
    margin-top: 0;
  }
  #aboutus .column-right ul {padding-left:2vw;}
  #aboutus .column-right ul li::marker{color:#da3a2a;}

  #history .column-right {
    background-image: url(/cdn/shop/files/history-mobile-1.jpg?v=1733133687);
    background-size: cover;
    background-position: center top;
    height: 138.06vw;
    padding: 6vw 8vw;
  }
  #history.section-container {display:flex;flex-wrap:wrap;}
  #history .historytext {
    display:flex;flex-direction:column;justify-content:center;
    padding:12.96vw 18.7vw 6.48vw 18.7vw;
  }
  #history .historytext .two-columns{
    max-width:57.96vw;margin-left:auto;margin-right:auto;flex-wrap:wrap;justify-content:space-between;
  }
  #history .column-right {position:relative;}
  #history h2 {font-size:6vw;color:#da3a2a;}
  #history .subtitle{font-size:4vw;font-weight:600;text-align:center;}
  #history .bigredcha {font-size:8vw;font-weight:600;color:#da3a2a;text-align:center;line-height:1;}
  #history .smallredcha {font-size:3vw;font-weight:600;color:#da3a2a;vertical-align:top;padding-left:0.5vw;}
  #history p {font-size: 4vw;line-height: 1.6;}
  #history .years {position:absolute;font-size:3.7vw !important;line-height:1.2;text-align:center;max-width:20vw;}
  #history .years h3 {font-size:3.7vw;}
  #history .years p {color:#A8A8A8;margin:0;font-size:3.7vw;}
  #history .h1998 {bottom: 18vw;left: 0;max-width: 16vw;}
  #history .h2001 {bottom: 3vw;left: 11.6vw;}
  #history .h2012 {bottom: 21vw;left: 29vw;max-width: 16vw;}
  #history .h2013 {bottom: 6vw;left: 44vw;}
  #history .h2016 {bottom: 34vw;left: 62vw;max-width: 18vw;}
  #history .h2018 {bottom: 12vw;right: 1vw;}
  #history .h2019 {bottom: 50vw;right: 7vw;}
  #history .h2020 {top: 46vw;right: 18.5vw;}
  #history .h2022 {bottom: 57vw;right: 30.5vw;max-width: 24vw;}
  #history .h2023 {top: 45.5vw;right: 44vw;}
  #history .h2024 {top: 40vw;right: 74.5vw;}
  #history .h2025 {top: 15vw;left: 11vw;}
  #history .h2026 {top: 16.5vw;right: 45.3vw;}

  #industrialpark {background-color:#f5f5f5;}
  #industrialpark .section-container {
    max-width:80vw;margin-left:auto;margin-right:auto;text-align:center;padding-top:20vw;padding-bottom:10vw;
  }
  #industrialpark .section-container img {max-width:100%;}
  #industrialpark .section-container p {
    font-size: 4vw;
    font-weight: 600;
  }
  #industrialpark .section-container h2 {color:#da3a2a;font-size:6vw;margin-top:2vw;}
  #industrialpark .section-container span {
    color: #da3a2a;
    font-size: 4vw;
    font-weight: 600;
  }

  #exhibition .two-columns {flex-wrap:wrap;}
  #exhibition .two-columns .column-right {width: 100vw;position: relative;left: calc(-50vw + 50%);}
  #exhibition .two-columns .column-right img {width:100vw;}
  #exhibition .column-left {
    display:flex;justify-content:center;flex-direction:column;
    padding-top:12.96vw;padding-bottom:6.48vw;max-width:80vw;margin-left:auto;margin-right:auto;
  }
  #exhibition .column-left h2 {
    font-size:6vw;color:#da3a2a;margin:0;text-align:center;
  }
  #exhibition .column-left p {
    text-align: left;
    font-size: 4vw;
    line-height: 1.6;
    font-weight: 600;
  }

  #products .two-columns {
    justify-content:center;align-content:center;display:flex;flex-wrap:wrap;
  }
  #products .column-left img{width:100vw;}
  #products .column-left {
    order:2;width: 100vw;position: relative;left: calc(-50vw + 50%);
  }
  #products .column-right {
    order:1;padding-top: 8vw;padding-bottom: 5vw;max-width:80vw;display:flex;justify-content:flex-start;flex-direction:column;
  }
  #products .column-right h2 {font-size:6vw;color:#da3a2a;margin-left:0}
  #products .column-right h3 {
    margin: 2vw 0vw 0vw 0vw;
    font-size: 4.5vw;
  }
  #products .column-right p {
    margin:0px;
    font-size: 4vw;
    line-height: 1.6;
    font-weight: 600;
  }
  #products .column-right li p{
    color: #C1C1C1;
    font-size: 3.7vw;
    line-height: 1.4;
    font-weight: 400;
    margin-top: 0;
  }
  #products .column-right ul li::marker{color:#da3a2a;}
  #products .column-right ul {padding-left:2vw;}
  #products .column-right ul li::marker{color:#da3a2a;}

  #awards .section-container {
    max-width:80vw;margin-left:auto;margin-right:auto;padding-top:12.96vw
  }
  #awards {background-color:#F6F6F6;}
  #awards h2 {font-size:6vw;color:#da3a2a;text-align:center;margin-bottom:3vw;}
  #awards .awardicons {display:flex;}
  #awards .awardicon {text-align:center;}
  #awards .awardicon img {max-width:16.25vw;max-height:8.61vw;}
  #awards p{
    font-size: 4vw;
    color: #595757;
  }
  #awards .eight-columns {display: none;}
  #awards .four-columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
  }
  #awards .awardicons .awardicon {display: flex;align-items: center;justify-content: center;flex-direction:column;}
  #awards .bigredcha {font-size:6vw;font-weight:600;color:#da3a2a;}
  #awards .awardtext {
    max-width: 10vw;
    font-size: 3.7vw;
    display: inline-block;
    text-align: left;
  }
  /* #awards .awards2 {display:flex;justify-content:space-between;}  -- 这行不用了，已被上面覆盖隐藏 */
  .awards2 img {max-width:3.86vw;max-height:3.61vw;}
  #awards .desktop-container {padding-bottom:5vw}
  #awards .awardsdivider {color:#D1D1D1;border:0.05vw solid;margin-bottom:3vw;}

  #lowcarbon .desktop-container {
    background-image:url("/cdn/shop/files/lowcarbon-mobile.jpg?v=1732700545");
    background-size: cover;
    background-position: center top;
  }
  #lowcarbone .two-columns {flex-wrap:wrap;}
  #lowcarbon .section-container {
    max-width:80vw;margin-left:auto;margin-right:auto;
  }
  #lowcarbon .column-left {
    display:flex;flex-direction:column;padding-top:12.96vw;padding-bottom:135.37vw;
  }
  #lowcarbon .column-left h2 {
    font-size:6vw;color:#177b43;text-align:center;margin:0;
  }
  #lowcarbon .biggreencha {
    font-size:5vw;color:#177b43;font-weight:600;margin:0;
  }
  #lowcarbon p {
    color: #B0B0B0;
    font-size: 4vw;
    text-align: center;
    line-height: 1.6;
  }
  /* #lowcarbon .lowcarbonnum {
    display:flex;justify-content:space-between;margin-top:5vw;text-align:center;
  }
  #lowcarbon .lowcarbonnum p{
    color:#9B9B9B;
    font-size: 3.7vw;
  } */
  #lowcarbon .lowcarbontext {font-weight:600;}
  
  /* 隐藏不重要的年份节点，只保留 1998，2013-2014，2019，2020，2025 */
  #history .years:not(.h1998):not(.h2013):not(.h2014):not(.h2019):not(.h2020):not(.h2025) {
    display: none !important;
  }
  #history .column-right {
    position: static !important;
    background-image: none !important;
    height: auto !important;
    padding: 6vw 4vw !important;
  }
  #history .years {
    position: static !important;
    display: block !important;
    float: none !important;
    margin: 4vw 0 !important;
    background: #fff;
    border-radius: 1vw;
    box-shadow: 0 2px 10px #eee;
    padding: 2vw 3vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    width: auto !important;
    z-index: 1 !important;
  }
  #history .years h3 {
    font-size: 4vw !important;
    font-weight: bold !important;
    margin-bottom: 1vw !important;
    color: #da3a2a;
  }
  #history .years p {
    font-size: 3.6vw !important;
    color: #666 !important;
    margin: 0 !important;
    word-break: break-word;
  }
  #history .timeline-bg, #history svg, #history .timeline-img {display: none !important;}
}
@media only screen and (max-width: 1079px) {
  /* 1. 保证history板块全部左对齐 */
  #history .column-right,
  #history .column-right *,
  #history .column-right > *,
  #history .column-right h2,
  #history .column-right h3,
  #history .column-right .bigredcha,
  #history .column-right .smallredcha,
  #history .column-right p {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  /* 2. 页面不允许横向滑动，防止晃动 */
  html, body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  * {
    box-sizing: border-box !important;
  }
  img, video, .section-container, .desktop-container, .column-right, .column-left, .historytext, .historytext .two-columns, #lowcarbon .lowcarbonnum > div {
    max-width: 100vw !important;
  }
}