<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* styles.css */
/* ä¸»é¡µéƒ¨åˆ†æ¡†æž¶å¼€å§‹----------------------------------------------------- */
body {
  font-family: 'Arial', sans-serif;
}
.product-mainimage-background {
  padding-top: 70px; /* æ¸…é™¤é»˜è®¤å†…è¾¹è· */
  padding-right: 100px;
  padding-left: 100px;
  display: flex;
  width: 100vw;
  height: 95vh;
  z-index: 38;
  background-color: #f1f1f1;
  top: 0px;
  overflow-x: hidden; /* é˜²æ­¢æ¨ªå‘æ»šåŠ¨æ¡å‡ºçŽ° */
  overflow-y: hidden; /* é˜²æ­¢ç«–å‘æ»šåŠ¨æ¡å‡ºçŽ° */
}
.product_title {
  display: flex;
  margin-left: 10%;
  width: 50%;
  height: 80%;
  justify-content: center;
  align-items: center;
  overflow-x: hidden; /* é˜²æ­¢æ¨ªå‘æ»šåŠ¨æ¡å‡ºçŽ° */
  overflow-y: hidden; /* é˜²æ­¢ç«–å‘æ»šåŠ¨æ¡å‡ºçŽ° */
}
.product_title ul li {
  text-align: center;
}
.thumbnail {
  display: flex;
  width: 50%;
  height: 80%;
  justify-content: center;
  align-items: center;
  margin-right: 18%;
  overflow-x: hidden; /* é˜²æ­¢æ¨ªå‘æ»šåŠ¨æ¡å‡ºçŽ° */
  overflow-y: hidden; /* é˜²æ­¢ç«–å‘æ»šåŠ¨æ¡å‡ºçŽ° */
}
.thumbnail img {
  display: flex;
  width: 45%;
  height: auto;
}
.product_short_description {
  margin-top: -60px;
  text-align: center; /* å¦‚æœ‰éœ€è¦ï¼Œå±…ä¸­å¯¹é½æ–‡æœ¬ */
  width: 100%;
  height: 60Px;
}
.pt_fontsize {
  font-size: 50px;
}
a.a2 {
  color: black;
  text-decoration: underline;
}
a.a2:hover {
  color: #CD0E11;
  text-decoration: underline;
}
a.a2:active, a.a2:focus {
  color: black;
  text-decoration: underline;
}
a.a3 {
  color: black;
  text-decoration: none;
}
a.a3:hover {
  color: #CD0E11;
  text-decoration: underline;
}
a.a3:active, a.a3:focus {
  color: #CD0E11;
  text-decoration: underline;
}
a.a4 {
  color: blue;
  text-decoration: underline;
}
a.a4:visited {
  color: blue; /* ç¡®ä¿å·²è®¿é—®é“¾æŽ¥æ¢å¤ä¸ºè“è‰² */
  text-decoration: underline;
}
a.a4:hover,
a.a4:visited:hover {
  color: #CD0E11; /* é¼&nbsp;æ&nbsp;‡æ‚¬åœæ—¶å˜çº¢ï¼Œæ—&nbsp;è®ºæ˜¯å¦è®¿é—®è¿‡ */
  text-decoration: underline;
}
a.a4:active {
  color: #CD0E11; /* ç‚¹å‡»æ—¶ä¿æŒçº¢è‰² */
  text-decoration: underline;
}
a.a4:focus {
  color: blue; /* èšç„¦æ—¶ä¸ºè“è‰² */
  text-decoration: underline;
}
.container {
  display: flex;
  flex-wrap: wrap;
  z-index: 7;
}
.image-container {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: 500px;
  overflow: hidden;
}
.image {
  max-width: 100vw; /* æ³¨æ„å®½åº¦åº¦æ˜¯vw */
  height: 500px;
  object-fit: cover;
}
/* è®¾ç½®é¡µå¤´å›¾å±‚ï¼Œå›¾åƒå®¹å™¨ */
.image-container-bgpic { /* è®¾ç½®é¡µå¤´å›¾å±‚ï¼Œå›¾åƒå®¹å™¨ */
  padding: 0; /* æ¸…é™¤é»˜è®¤å†…è¾¹è· */
  margin: 0; /* æ¸…é™¤é»˜è®¤å¤–è¾¹è· */
  display: flex; /* ä½¿ç”¨ Flexbox å¸ƒå±€ */
  align-items: flex-start; /* åž‚ç›´å±…ä¸Šå¯¹é½ */
  justify-content: flex-start; /* æ°´å¹³å±…å·¦å¯¹é½ */
  height: 100vh; /* é«˜åº¦è®¾ç½®ä¸ºè§†å£é«˜åº¦ */
  overflow: hidden; /* éšè—æº¢å‡ºå†…å®¹ */
  z-index: 0; /* å±‚çº§ç´¢å¼•ä¸º0 */
  top: 0;
}
/* è®¾ç½®é¡µå¤´å›¾åƒæ&nbsp;·å¼ */
.image-bgpic {
  top: 0;
  max-width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: relative; /* æ·»åŠ&nbsp;ç›¸å¯¹å®šä½ï¼Œä¸ºç»å¯¹å®šä½çš„å‚è€ƒç‚¹ */
}
.centered-title { /* ä¸»æ&nbsp;‡é¢˜*/
  font-size: 45px; /* è®¾ç½®å­—å· */
  font-family: "SimHei", sans-serif; /* ä¼˜å…ˆä½¿ç”¨é»‘ä½“å­—ä½“ï¼Œæ²¡æœ‰çš„è¯ä½¿ç”¨ sans-serif å­—ä½“ */
  color: white;
  position: absolute;
  width: 100%;
  height: auto;
  padding-top: 400px;
  text-align: center;
  z-index: 2;
}
.centered-subtitle { /* å‰¯æ&nbsp;‡é¢˜*/
  font-family: "SimHei", sans-serif; /*  ä¼˜å…ˆä½¿ç”¨é»‘ä½“å­—ä½“ï¼Œæ²¡æœ‰çš„è¯ä½¿ç”¨ sans-serif å­—ä½“ */
  font-size: 30px;
  color: white;
  position: absolute;
  width: 100%;
  padding-top: 460px;
  height: auto;
  text-align: center;
  z-index: 2;
}
.centered-title-black { /* ä¸»æ&nbsp;‡é¢˜æ·¡åº•é»‘å­—*/
  font-size: 45px; /* è®¾ç½®å­—å· */
  font-family: "SimHei", sans-serif; /* ä¼˜å…ˆä½¿ç”¨é»‘ä½“å­—ä½“ï¼Œæ²¡æœ‰çš„è¯ä½¿ç”¨ sans-serif å­—ä½“ */
  color: black;
  position: absolute;
  width: 100%;
  height: auto;
  padding-top: 400px;
  text-align: center;
  z-index: 3;
}
.centered-subtitle-black {
  font-family: "SimHei", sans-serif; /*  ä¼˜å…ˆä½¿ç”¨é»‘ä½“å­—ä½“ï¼Œæ²¡æœ‰çš„è¯ä½¿ç”¨ sans-serif å­—ä½“ */
  font-size: 30px;
  color: black;
  position: absolute;
  width: 100%;
  padding-top: 460px;
  height: auto;
  text-align: center;
  z-index: 3;
}
/* è®¾ç½®logoçš„å›¾åƒå®¹å™¨ */
.image-container-logo {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100vh; /* æ³¨æ„é«˜åº¦çš„è§†é¢‘è§†å£æ˜¯vhï¼Œå®½åº¦æ˜¯vwåˆ«æžé”™äº†ä¸ä¸€æ&nbsp;· */
  overflow: hidden;
}
/* è®¾ç½®logoå›¾åƒæ&nbsp;·å¼ */
.image-logo {
  max-width: 100vw; /* æ³¨æ„é«˜åº¦çš„è§†é¢‘è§†å£æ˜¯vhï¼Œå®½åº¦æ˜¯vwåˆ«æžé”™äº†ä¸ä¸€æ&nbsp;· */
  height: 100vh;
  object-fit: cover;
}
.parent-container1, .parent-container3 {
  flex: 1;
  display: flex;
  align-items: flex-start;
  height: auto;
  width: 50vw;
  background-color: #ffffec;
}
.parent-container2, .parent-container4 {
  flex: 1;
  display: flex;
  align-items: flex-start;
  height: auto;
  width: 50vw;
  background-color: #ffffec;
}
.parent-div { /* ""è¡Œä¸šå›¾çº¸ç»˜åˆ¶"æ&nbsp;‡é¢˜ç¦»å¼€ä¸Šä¸‹çš„è¾¹è·è¿™é‡Œè°ƒèŠ‚" */
  padding-top: 50px; /* å†…è¾¹è·è°ƒèŠ‚ï¼Œè°ƒèŠ‚æ&nbsp;‡é¢˜ç¦»å¼€çˆ¶å±‚çš„ä¸Šè¾¹è·ã€‚ */
  width: 50vw;
}
.sub-container {
  text-align: left;
}
/* å®šä¹‰ç‰¹è‰²å†…å®¹çš„æ&nbsp;‡é¢˜æ&nbsp;·å¼ */
.featured-title {
  font-size: 35px;
  font-weight: bold;
  font-family: "SimHei", sans-serif; /* ä¼˜å…ˆä½¿ç”¨é»‘ä½“å­—ä½“ï¼Œæ²¡æœ‰çš„è¯ä½¿ç”¨ sans-serif å­—ä½“ */
}
/* å®šä¹‰ç‰¹è‰²å†…å®¹çš„æ­£æ–‡æ&nbsp;·å¼ */
.featured-content {
  margin-top: 30px; /* è°ƒèŠ‚è¿™å±‚çš„å¤–è¾¹è·ï¼Œç¬¬äºŒæ®µä¸Žç²—æ&nbsp;‡é¢˜è¡Œè·*/
  line-height: 1.5; /* è°ƒèŠ‚æ­¤æ®µé‡Œé¢çš„è¡Œè·*/
  font-size: 24px;
  font-family: "SimSun", sans-serif; /* ä¼˜å…ˆä½¿ç”¨é»‘ä½“å­—ä½“ï¼Œæ²¡æœ‰çš„è¯ä½¿ç”¨ sans-serif å­—ä½“ */
}
/* å®šä¹‰ç‰¹è‰²å†…å®¹çš„é“¾æŽ¥æ&nbsp;·å¼ */
.featured-link {
  margin-top: 30px; /* è°ƒèŠ‚è¿™å±‚çš„å¤–è¾¹è·ï¼Œç¬¬äºŒæ®µä¸Žç²—æ&nbsp;‡é¢˜è¡Œè·*/
  line-height: 1.6; /* è°ƒèŠ‚è¡Œè·*/
  font-size: 23px;
  font-weight: bold;
  font-family: "SimSun", sans-serif; /* ä¼˜å…ˆä½¿ç”¨é»‘ä½“å­—ä½“ï¼Œæ²¡æœ‰çš„è¯ä½¿ç”¨ sans-serif å­—ä½“ */
}
.contactus { /* å…¨ç½‘ç«™å³ä¸Šè§’çš„è”ç³»æˆ‘ä»¬ */
  display: flex;
  position: absolute; /* è¿™å¥è¯å†™äº†ä»¥åŽå¼¹çª—ä¸ä¼šå‡ºçŽ°ç™½è‰²ä¸æ˜ŽåŒºå—é®æŒ¡åŽé¢çš„å›¾ç‰‡ */
  align-items: center; /* å¯ä»¥ä½¿å…¶å†…éƒ¨å…ƒç´&nbsp;åž‚ç›´å±…ä¸­å¯¹é½ */
  font-size: 14px;
  color: white;
  right: 2%; /* å›¾å±‚å†…è¾¹è·å·¦è¾¹ï¼Œç”¨æ¥è°ƒèŠ‚æ–‡å­—ä¸Žå›¾å±‚å·¦è¾¹æ¡†çš„è·ç¦» */
  padding-top: 17px; /* è”ç³»æˆ‘ä»¬åž‚ç›´ä½ç½®è°ƒæ•´ */
  z-index: 100; /* å±‚å&nbsp;é¡ºåºé«˜ä¸€äº› */
  position: fixed; /* è¿™ä¸ªæ•ˆæžœæ˜¯æ»šè½®ä¸Šæ»šå›ºå®šåœ¨é¡¶ç«¯ */
}
.bottomlogo { /* åº•éƒ¨çš„logoå±‚ */
  display: flex;
  justify-content: center; /* æ°´å¹³å±…ä¸­å¯¹é½ */
  align-items: center; /* åž‚ç›´å±…ä¸­å¯¹é½ */
  height: 60px;
  background-color: #131426;
  z-index: -100;
}
.followus { /* åº•éƒ¨çš„å›¾æ&nbsp;‡å’Œè¿žæŽ¥å±‚ */
  overflow-y: hidden; /* é˜²æ­¢ç«–å‘æ»šåŠ¨æ¡å‡ºçŽ° */
  display: flex; /* è¿™å¥å†™äº†æ‰ä¼šè®©å†…éƒ¨çš„å›¾å±‚å±…ä¸­å¯¹é½ã€‚ */
  justify-content: center; /* å¯ä»¥ä½¿å…¶å†…éƒ¨å…ƒç´&nbsp;æ°´å¹³å±…ä¸­å¯¹é½ */
  align-items: center; /* å¯ä»¥ä½¿å…¶å†…éƒ¨å…ƒç´&nbsp;åž‚ç›´å±…ä¸­å¯¹é½ */
  height: 40px;
  background-color: #131426;
  z-index: -100;
}
.followus-box { /* åº•éƒ¨çš„å›¾æ&nbsp;‡å’Œè¿žæŽ¥å±‚ */
  overflow-y: hidden; /* é˜²æ­¢ç«–å‘æ»šåŠ¨æ¡å‡ºçŽ° */
  display: flex;
  width: 400px;
  height: 40px;
  background-color: #131426;
  color: aliceblue;
  font-size: 12px;
  justify-content: center; /* å¯ä»¥ä½¿å…¶å†…éƒ¨å…ƒç´&nbsp;æ°´å¹³å±…ä¸­å¯¹é½ */
  align-items: center; /* å¯ä»¥ä½¿å…¶å†…éƒ¨å…ƒç´&nbsp;åž‚ç›´å±…ä¸­å¯¹é½ */
}
.followus-box ul li { /* åº•éƒ¨çš„å›¾æ&nbsp;‡å’Œè¿žæŽ¥å±‚ */
  float: left;
  display: flex;
  align-items: center; /* åž‚ç›´å±…ä¸­å¯¹é½ */
}
.navigation_bottom::before { /* ç›´çº¿ï¼šé€šè¿‡åœ¨ .navigation_bottom å†…éƒ¨æ·»åŠ&nbsp;ä¸€ä¸ªä¼ªå…ƒç´&nbsp;æ¥ç»˜åˆ¶ä¸€æ¡ç™½è‰²é€æ˜Žåº¦ä¸º 50% çš„ç›´çº¿ã€‚ */
  content: "";
  position: absolute;
  top: 15%;
  justify-content: center;
  width: 800px; /* è°ƒæ•´ç›´çº¿çš„é•¿åº¦ */
  height: 1px; /* ç›´çº¿ç²—ç»† */
  background-color: rgba(255, 255, 255, 0.5); /* ç™½è‰²é€æ˜Žåº¦ 50% */
  transform: translateY(-50%); /* åž‚ç›´å±…ä¸­å¯¹é½ */
}
.navigation_bottom { /* åº•éƒ¨è”ç³»ä¿¡æ¯+å…¬å¸å¹´ä»½ */
  display: flex; /* è¿™å¥å†™äº†æ‰ä¼šè®©å†…éƒ¨çš„å›¾å±‚å±…ä¸­å¯¹é½ã€‚ */
  justify-content: center; /* å¯ä»¥ä½¿å…¶å†…éƒ¨å…ƒç´&nbsp;æ°´å¹³å±…ä¸­å¯¹é½ */
  align-items: center; /* å¯ä»¥ä½¿å…¶å†…éƒ¨å…ƒç´&nbsp;åž‚ç›´å±…ä¸­å¯¹é½ */
  width: 100%;
  height: 60px;
  background-color: #131426;
  color: aliceblue;
  position: relative; /* æ·»åŠ&nbsp;è¿™è¡Œï¼Œä¸ºäº†è®©ä¼ªå…ƒç´&nbsp;å®šä½ç›¸å¯¹äºŽ .navigation_bottom */
}
.navigation_bottom-text {
  display: flex; /* è¿™å¥å†™äº†æ‰ä¼šè®©å†…éƒ¨çš„å›¾å±‚å±…ä¸­å¯¹é½ã€‚ */
  width: 500px;
  font-size: 14px;
}
.navigation_bottom-text li { /* åº•éƒ¨çš„å›¾æ&nbsp;‡å’Œè¿žæŽ¥å±‚ */
  float: left;
  display: flex;
  align-items: center; /* åž‚ç›´å±…ä¸­å¯¹é½ */
  margin: 0 5px; /* è°ƒèŠ‚5pxå¤„ï¼Œå¯ä»¥æ&nbsp;¹æ®éœ€è¦è°ƒèŠ‚liçš„é—´è· */
}
.navigation_bottom-company {
  display: flex; /* è¿™å¥å†™äº†æ‰ä¼šè®©å†…éƒ¨çš„å›¾å±‚å±…ä¸­å¯¹é½ã€‚ */
  width: 280px;
  font-size: 14px;
}</pre></body></html>