:root {
  --tx-black: #1c1c1c;
  --header-black: #4b4b4b;
  --main-green: #aee236;
  --main-dark-blue: #707c8e;
  --green-blue: #1ecea4;
  --white: white;
  --fresh-green: #defc98;
  --grey: #e7e7e7;
  --dark-light-green: #7a9986;
  --light-blue-green: #4f7f73;
  --light-green: #669669;
  --white-2: white;
  --black: black;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.body {
  color: var(--tx-black);
  font-family: Noto Sans TC, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
}

.container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
  overflow: hidden;
}

.container.p-tb-100 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.container.p-tb-100.bg-map {
  background-image: url('../footer-map-bg.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 70%;
}

.container.p-tb-100.mb-50 {
  margin-bottom: 50px;
}

.container.p-tb-100.align-left {
  align-items: flex-start;
}

.container.p-tb-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.container.pt-100 {
  padding-top: 100px;
}

.container.pt-100.pb-150 {
  padding-bottom: 150px;
}

.brand {
  justify-content: center;
  align-items: center;
  max-height: 60px;
  display: flex;
}

.head-logo {
  width: 45px;
}

.head-logo-tx {
  width: 120px;
  margin-left: 5px;
}

.text-block {
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
}

.menu-button {
  color: #fff;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0;
  display: flex;
}

.menu-button.w--open {
  background-color: #c8c8c800;
}

.navbar {
  z-index: 98;
  background-color: var(--header-black);
  padding-top: 15px;
  padding-bottom: 15px;
  position: sticky;
  top: 0;
}

.head-right, .head-left {
  width: 50%;
}

.icon {
  font-size: 40px;
}

.slider-green-bg {
  z-index: 10;
  background-image: url('../index-slide-left-bg.html');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-2 {
  background-image: url('../%c3%a5%c2%b8%c2%a6%c3%a6%c2%9c%c2%ba.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.bg-slider {
  height: 80vh;
  overflow: hidden;
}

.slider-blue-bg {
  z-index: 10;
  background-image: url('../index-slide-right-bg.html');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30%;
  height: 100%;
  position: absolute;
  inset: auto 0% -20% auto;
}

.slider-green-tri {
  z-index: 5;
  border-style: solid;
  border-width: 100px;
  border-color: #0000 var(--main-green) var(--main-green) #aee23600;
  width: 100px;
  height: 100px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.scroll-alert {
  z-index: 20;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto 5% 3%;
  transform: translate(-90px, -90px)rotate(-90deg);
}

.text-block-2, .scroll-tx {
  line-height: 20px;
}

.scroll-line {
  background-color: #fff;
  width: 100px;
  height: 2px;
  margin-left: 15px;
}

.slide {
  z-index: 5;
  background-image: url('../%c3%a5%c2%b8%c2%a6%c3%a6%c2%9c%c2%ba.html');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-block-3 {
  z-index: 20;
  color: #fff;
}

.text-slider {
  z-index: 30;
  background-color: #ddd0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.slide-big-content {
  color: #fff;
  margin-bottom: 15px;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
}

.slide-2 {
  background-image: url('../%c3%a6%c2%8b%c2%89%c3%a6%c2%a0%c2%b9%c3%a6%c2%9c%c2%ba.html');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-nav {
  opacity: 0;
}

.slide-content-div {
  max-width: 520px;
  position: absolute;
  top: 20%;
  bottom: auto;
  left: 20%;
}

.slide-small-content {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

.slide-nav-2 {
  bottom: 7%;
  left: 25%;
  right: auto;
}

.container-2 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section {
  position: relative;
}

.sec-bg-green-tri {
  z-index: -1;
  border-style: solid;
  border-width: 70px;
  border-color: #0000 var(--main-green) var(--main-green) #aee23600;
  width: 70px;
  height: 70px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-row {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.div-row.margin-bottom-100 {
  margin-bottom: 100px;
}

.div-row.just-left {
  justify-content: flex-start;
}

.div-row.just-right {
  justify-content: flex-end;
}

.div-row.just-right.mb-15 {
  margin-bottom: 15px;
}

.row-left {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.row-left.mr-30 {
  width: 47%;
  margin-right: 3%;
}

.row-left.overflow-show {
  overflow: visible;
}

.row-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.row-right.green-bg {
  background-color: var(--main-green);
  position: relative;
}

.row-right.bg-clr-blue {
  background-color: var(--main-dark-blue);
}

.row-right.ml-30 {
  width: 45%;
  margin-left: 5%;
}

.row-right.m-order-first.overflow-show {
  overflow: visible;
}

.abt-pic {
  background-image: url('../index_about_pic.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 15px solid #fff;
  width: 95%;
  max-width: 600px;
  height: 420px;
  margin: 15px;
  box-shadow: 0 2px 10px 3px #0003;
}

.location-title {
  color: var(--green-blue);
  min-width: 15%;
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.location-title.margin-bottom-0 {
  margin-bottom: 0;
}

.location-title.white-tx {
  color: #fff;
}

.location-title.tx-left {
  width: 100%;
}

.location-title.tx-white {
  color: var(--white);
}

.location-title.tx-white.mb-70 {
  margin-bottom: 70px;
}

.location-title.tx-clr-white {
  color: var(--white);
}

.des-tx {
  margin-bottom: 30px;
}

.sec-bg-blue-green-tri {
  z-index: -1;
  border-style: solid;
  border-width: 70px;
  border-color: var(--green-blue) #aee23600 #aee23600 var(--green-blue);
  width: 100px;
  height: 100px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.more-btn {
  z-index: 1;
  color: var(--tx-black);
  padding: 12px 30px;
  text-decoration: none;
  position: relative;
}

.more-btn-bg {
  z-index: -1;
  background-color: var(--fresh-green);
  width: 40%;
  position: absolute;
  inset: 0%;
}

.btn-tx {
  background-image: url('../more-btn-plus_1more-btn-plus.html');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 30px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.btn-tx.light-green-tx {
  color: var(--main-green);
  background-image: url('../more-btn-plus-green_1more-btn-plus-green.html');
}

.btn-tx.blue-green-tx {
  color: var(--green-blue);
  background-image: url('../more-btn-plus-blue-green_1more-btn-plus-blue-green.html');
}

.head-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
}

.title-with-line {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.title-line {
  background-color: var(--main-green);
  width: 100%;
  height: 3px;
  margin-left: 3%;
}

.certificates-logos {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 50px;
  display: flex;
}

.certificates-item {
  margin-bottom: 15px;
  margin-left: 2%;
  margin-right: 2%;
}

.total-sec {
  background-image: url('../totals-sec-bg.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.totals-item {
  flex-direction: column;
  align-items: center;
  width: 20%;
  display: flex;
}

.totals-tx {
  text-align: center;
  font-weight: 700;
  line-height: 30px;
}

.totals-num {
  color: var(--green-blue);
  margin-bottom: 5px;
  font-size: 72px;
  font-weight: 700;
  line-height: 80px;
}

.totals-icon {
  width: 100%;
  height: 50px;
  margin-bottom: 5px;
}

.totals-icon.icon1 {
  background-image: url('../totals-icon1_1totals-icon1.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.totals-icon.icon2 {
  background-image: url('../totals-icon2_1totals-icon2.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.totals-icon.icon3 {
  background-image: url('../totals-icon3_1totals-icon3.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.totals-icon.icon4 {
  background-image: url('../totals-icon4_1totals-icon4.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-3 {
  width: 100%;
}

.container-full {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.container-full.p-tb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-full.p-tb-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.full-bg {
  width: 100%;
  height: 100%;
  min-height: 90vh;
}

.full-bg.our-str-pic {
  background-image: url('../wechatimg2277.html');
  background-position: 75%;
  background-repeat: no-repeat;
  background-size: cover;
}

.full-bg.abt-us-pic {
  background-image: url('../about_img5.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.full-bg.abt-us-pic2 {
  background-image: url('../img_5028.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.full-bg.abt-us-pic3 {
  background-image: url('../shutterstock_705987604.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.box-content {
  padding: 50px 5%;
}

.talent-pic-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 90vh;
  display: flex;
  overflow: hidden;
}

.talent-pic {
  border: 7px solid var(--main-green);
  background-image: url('../wechatimg1325.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 200px;
  width: 100%;
  max-width: 300px;
  height: 400px;
}

.news-slide {
  background-color: #ddd0;
  width: 100%;
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.slide-item {
  width: 31%;
  margin-left: 1.15%;
  margin-right: 1.15%;
}

.news-block {
  color: var(--tx-black);
  width: 100%;
  text-decoration: none;
  position: relative;
}

.div-block-4 {
  width: 100%;
  height: auto;
}

.div-block-5 {
  width: 100%;
}

.news-cover {
  width: 100%;
  height: 230px;
  overflow: hidden;
}

.news-cover.cover-1 {
  background-image: url('../factory_1-2.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.news-cover.cover-2 {
  background-image: url('../news-cover-2.html');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover;
}

.news-cover.cover-3 {
  background-image: url('../news-cover-3.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.news-content {
  background-color: var(--main-dark-blue);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 15px 5%;
  display: flex;
}

.news-title {
  color: var(--white);
  height: 90px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  overflow: hidden;
}

.news-title:hover {
  color: var(--main-green);
}

.news-date-block {
  background-color: var(--main-green);
  width: 60px;
  height: 60px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.news-date-block.position-relative {
  position: relative;
}

.news-day {
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: none;
  position: absolute;
  inset: 5% auto auto 5%;
}

.news-my {
  text-align: right;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  position: absolute;
  inset: auto 5% 5% auto;
}

.news-slash {
  background-color: var(--tx-black);
  width: 1px;
  height: 90%;
  margin: auto;
  position: absolute;
  inset: 0%;
  transform: rotate(45deg);
}

.icon-2 {
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}

.left-arrow {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
  left: -40px;
}

.right-arrow {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  right: -40px;
}

.news-sec {
  background-image: url('../new_grey_bg.html');
  background-position: 100% 70%;
  background-repeat: no-repeat;
  background-size: 95% 80%;
}

.news-arrow {
  background-color: var(--tx-black);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.arrow-left, .arrow-right {
  height: 25px;
}

.footer-sec {
  background-color: var(--header-black);
}

.contact-item {
  flex-direction: column;
  align-items: flex-start;
  width: 31%;
  display: flex;
}

.address-title {
  color: var(--white);
  height: 53px;
  margin-bottom: 5px;
  font-weight: 700;
  line-height: 24px;
}

.address-title.auto-height {
  height: auto;
}

.contact-row {
  align-items: flex-start;
  width: 100%;
  margin-top: 15px;
  display: flex;
}

.contact-icon {
  align-items: flex-start;
  margin-top: 2px;
  margin-right: 20px;
  display: flex;
}

.contact-des {
  color: var(--white);
  font-size: 15px;
  line-height: 24px;
}

.contact-des.address {
  height: 150px;
  overflow: hidden;
}

.contact-des.sec-mail {
  margin-left: 53px;
}

.image {
  width: 25px;
  min-width: 25px;
  margin-top: 5px;
}

.link {
  color: var(--white);
  text-decoration: none;
}

.link:hover {
  color: var(--green-blue);
}

.link.tx-clr-black {
  color: var(--tx-black);
}

.link.tx-clr-black:hover {
  color: var(--green-blue);
}

.div-block-6 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer {
  width: 100%;
}

.copyright-sec {
  background-color: var(--main-dark-blue);
}

.copyright-div {
  justify-content: space-between;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

.copyright-tx {
  color: var(--white);
  font-size: 14px;
  line-height: 20px;
}

.html-embed {
  text-align: center;
  line-height: 20px;
}

.nav-menu {
  z-index: 99;
  background-image: url('../menu-bg.html');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 10%;
  padding-right: 5%;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.div-block-7 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.nav-link {
  color: var(--tx-black);
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  text-decoration: none;
}

.nav-link:hover {
  color: var(--white);
}

.nav-link.w--current {
  color: var(--green-blue);
}

.land-div {
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.lang-mi-line {
  margin-left: 5px;
  margin-right: 5px;
}

.image-3 {
  margin-right: 15px;
}

.lang-tx {
  font-size: 18px;
}

.lang-link {
  color: var(--tx-black);
  text-decoration: none;
}

.lang-link:hover {
  color: var(--white);
}

.link-block {
  margin-bottom: 30px;
}

.div-block-8 {
  z-index: 100;
  background-color: var(--header-black);
  align-items: center;
  width: 25%;
  height: 90px;
  padding-left: 50px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-4 {
  cursor: pointer;
}

.page-ban-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 540px;
  display: flex;
}

.page-ban-block.top-layer {
  background-image: url('../page-banner-layer.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.banner-bg {
  z-index: -2;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.banner-bg.bg-abt {
  background-image: url('../bg-abt.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-bg.bg-news {
  background-image: url('../bg-news.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-bg.bg-contact {
  background-image: url('../shutterstock_2369194627_2.html');
  background-position: 80%;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-bg.bg-product {
  background-image: url('../bg-product.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-ban-tri {
  height: 250px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.page-ban-title {
  color: var(--white);
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
}

.big-content-tx {
  color: var(--green-blue);
  text-align: center;
  max-width: 1100px;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}

.mid-line {
  background-color: var(--green-blue);
  width: 2px;
  height: 50px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.content-tx {
  text-align: center;
  max-width: 1100px;
  margin-bottom: 50px;
  font-size: 22px;
  font-weight: 500;
  line-height: 40px;
}

.history-timeline-block {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
  padding-bottom: 150px;
  display: flex;
  position: relative;
}

.timeline-row {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.year-block {
  z-index: 1;
  position: absolute;
  inset: 0% auto auto;
}

.year-block.left {
  right: 0;
}

.year-block.right {
  left: 0;
}

.year-block.last {
  top: auto;
  bottom: 50px;
}

.year-title {
  color: var(--green-blue);
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
  position: relative;
}

.year-title.left {
  right: 20%;
}

.year-title.right {
  left: 20%;
}

.year-bg-color {
  z-index: -1;
  background-color: var(--fresh-green);
  width: 80%;
  height: 40px;
  position: absolute;
  inset: auto auto -10px;
}

.year-bg-color.left {
  right: 0%;
}

.year-bg-color.right {
  left: 0;
}

.year-bg-color.last {
  width: 120%;
  bottom: -20px;
  left: -10%;
}

.year-cover {
  border: 7px solid var(--main-green);
  width: 90%;
  height: 350px;
  margin-top: 120px;
}

.year-cover.cover-1980 {
  background-image: url('../timeline_1980_pic.html');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.year-cover.mr-10p {
  margin-left: 10%;
}

.year-cover.mr-10p.cover-1999 {
  background-image: url('../about_img1.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.year-cover.ml-10p {
  margin-right: 10%;
}

.year-cover.ml-10p.cover-2023 {
  background-image: url('../about_img2-%c3%a6%c2%8b%c2%b7%c3%a8%c2%b2%c2%9d.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.year-cricle {
  border: 5px solid var(--main-green);
  background-color: var(--white);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  inset: auto -25px -25px auto;
}

.year-cricle.left {
  bottom: -25px;
  right: -25px;
}

.year-cricle.right {
  bottom: -25px;
  left: -25px;
}

.year-cricle.last {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  bottom: -25px;
  right: auto;
}

.year-tx {
  font-size: 22px;
  line-height: 36px;
}

.year-contents {
  margin-top: 120px;
}

.year-contents.ml-10p {
  margin-left: 10%;
}

.timeline-center-line {
  background-color: var(--main-green);
  width: 3px;
  height: 96%;
  position: absolute;
  top: 60px;
  bottom: 0;
}

.des-tx2 {
  color: var(--tx-black);
  margin-bottom: 30px;
  font-size: 18px;
}

.des-tx2.tx-clr-white {
  color: var(--white);
}

.highlight-tx {
  color: var(--main-green);
  font-size: 28px;
  font-weight: 700;
}

.big-content-tx2 {
  color: var(--green-blue);
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
}

.str-block {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 50px;
  display: flex;
}

.str-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 29%;
  margin-bottom: 30px;
  margin-left: 2%;
  margin-right: 2%;
  display: flex;
}

.str-tx {
  text-align: center;
  margin-top: 30px;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}

.bg-color-grey {
  background-color: var(--grey);
}

.title-tx2 {
  color: var(--green-blue);
  min-width: 30%;
  margin-bottom: 30px;
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
}

.title-tx2.margin-bottom-0 {
  margin-bottom: 0;
}

.title-tx2.white-tx {
  color: #fff;
}

.title-tx2.tx-left {
  width: 100%;
}

.title-tx2.tx-white {
  color: var(--white);
}

.title-tx2.tx-white.mb-70 {
  margin-bottom: 70px;
}

.title-tx2.tx-clr-white {
  color: var(--white);
}

.num-item {
  background-color: var(--main-dark-blue);
  border-radius: 25px;
  width: 100%;
  margin-bottom: 40px;
  padding: 40px 30px;
}

.num-item.bg-dark-light-green {
  background-color: var(--dark-light-green);
}

.num-item.bg-dark-light-green.div-50 {
  width: 50%;
}

.num-item.bg-dark-light-green.div-50.mr-2 {
  width: 48%;
  margin-right: 2%;
}

.num-item.bg-light-blue-green {
  background-color: var(--light-blue-green);
}

.num-item.bg-light-blue-green.div-50 {
  width: 50%;
}

.num-item.bg-light-blue-green.div-50.ml-2 {
  width: 48%;
  margin-left: 2%;
}

.num-item.bg-green {
  background-color: var(--light-green);
}

.num-item.align-center {
  text-align: center;
}

.num-item.bg-icon1 {
  background-image: url('../num_icon_2num_icon_1.html');
  background-position: 95% 20%;
  background-repeat: no-repeat;
  background-size: auto;
}

.num-item.bg-icon2 {
  background-image: url('../num_icon2_1num_icon2.html');
  background-position: 95% 20%;
  background-repeat: no-repeat;
  background-size: auto;
}

.num-item.bg-icon3 {
  background-image: url('../num_icon3.html');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto;
}

.num-block {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  margin-top: 50px;
  display: flex;
}

.num-tx {
  color: var(--white);
  font-size: 32px;
  line-height: 36px;
}

.num-tx.mt-15 {
  margin-top: 15px;
}

.highlight-num {
  color: var(--main-green);
  font-size: 70px;
  font-weight: 700;
  line-height: 70px;
}

.logo-slide {
  background-color: #ddd0;
  width: 100%;
  height: auto;
  margin-top: 50px;
}

.logo-item {
  width: 18%;
  margin-left: 1%;
  margin-right: 1%;
}

.logo-box {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 200px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.news-item {
  color: var(--tx-black);
  width: 31%;
  margin-bottom: 30px;
  margin-left: 1%;
  margin-right: 1%;
  text-decoration: none;
}

.news-title-bar {
  flex-direction: row;
  align-items: center;
  height: 105px;
  margin-bottom: 30px;
  display: flex;
  position: relative;
}

.news-details-title {
  color: var(--green-blue);
  margin-left: 150px;
  font-size: 48px;
  font-weight: 700;
  line-height: 54px;
}

.news-date-block2 {
  background-color: var(--main-green);
  width: 105px;
  height: 105px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.news-date-block2.position-relative {
  position: relative;
}

.news-day2 {
  font-size: 32px;
  font-weight: 900;
  line-height: 40px;
  text-decoration: none;
  position: absolute;
  inset: 6% auto auto 12%;
}

.news-my2 {
  text-align: right;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  position: absolute;
  inset: auto 12% 6% auto;
}

.news-details-content {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image-5 {
  width: 100%;
  margin-bottom: 30px;
}

.paragraph {
  margin-top: 30px;
}

.back-btn {
  padding-right: 30px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.back-btn.light-green-tx {
  color: var(--main-green);
  background-image: url('../more-btn-plus-green_1more-btn-plus-green.html');
}

.des-tx-copy {
  margin-bottom: 50px;
  font-size: 16px;
  line-height: 26px;
}

.div-block-9 {
  align-items: flex-start;
  display: flex;
}

.div-block-10 {
  background-image: url('../icon-location_2icon-location.html');
  background-position: 0 0;
  background-size: auto;
  width: 75px;
}

.contact-des2 {
  color: var(--tx-black);
  font-size: 18px;
  font-weight: 500;
  line-height: 36px;
}

.contact-des2.address {
  height: 150px;
  overflow: hidden;
}

.contact-des2.sec-mail {
  margin-left: 53px;
}

.contact-des2.mr-5 {
  margin-left: 5px;
}

.contact-icon-copy {
  align-items: flex-start;
  margin-top: 2px;
  margin-right: 20px;
  display: flex;
}

.map {
  border: 15px solid #fff;
  width: 95%;
  height: 500px;
  margin: 15px;
  box-shadow: 0 2px 10px 3px #0003;
}

.prodcut-item {
  color: var(--tx-black);
  flex-direction: column;
  align-items: flex-start;
  width: 29%;
  margin-bottom: 50px;
  margin-left: 2%;
  margin-right: 2%;
  padding: 30px 2% 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 2px 10px 3px #0003;
}

.product-cover {
  width: 100%;
  height: 230px;
}

.product-cover.cate-cover-1 {
  background-image: url('../stripe_tape.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-cover.cate-cover-2 {
  background-image: url('../jacquard_tape.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-cover.cate-cover-3 {
  background-image: url('../promo_2.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-cover.pd-cover-1 {
  background-image: url('../rib_knitting_tape.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-cover.pd-cover-2 {
  background-image: url('../rib_knitting_tape_2.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-cover.pd-cover-3 {
  background-image: url('../rib_knitting_tape_3.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-name {
  border-bottom: 1px solid var(--main-green);
  width: 100%;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.product-name.name-only {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.product-na-tx {
  height: 50px;
  font-weight: 700;
  line-height: 24px;
  overflow: hidden;
}

.product-na-tx:hover {
  color: var(--main-green);
}

.text-block-5 {
  padding-bottom: 15px;
  font-size: 22px;
  line-height: 30px;
}

.product-cate-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

.div-block-11 {
  background-color: var(--main-green);
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.product-cate-des-block {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
}

.product-cate-des {
  border-top: 1px solid var(--main-green);
  text-align: center;
  letter-spacing: 1.2px;
  max-width: 1000px;
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 50px;
  font-size: 18px;
  line-height: 24px;
}

.pop-details-block {
  z-index: 99;
  background-color: #000000e6;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 5%;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-content-area {
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  padding-top: 50px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.product-img {
  border: 7px solid var(--main-green);
  width: 100%;
  max-width: 500px;
  height: 400px;
  margin-bottom: 30px;
}

.product-img.cover-1 {
  background-image: url('../rib_knitting_tape.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-img.cover-2 {
  background-image: url('../rib_knitting_tape_2.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-img.cover-3 {
  background-image: url('../rib_knitting_tape_3.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.pop-close-btn {
  cursor: pointer;
  background-image: url('../menu-close-btn_1menu-close-btn-2.html');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
  position: absolute;
  inset: -30px 0 auto auto;
}

.str-icon {
  height: 100px;
}

.link-block-2 {
  color: var(--tx-black);
  text-decoration: none;
}

.product-cate-des-block2 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 260px;
  display: flex;
}

.image-6 {
  width: 100px;
}

.banner-overlayer {
  z-index: -1;
  background-color: #ebf85f;
  display: none;
  position: absolute;
  inset: 0%;
}

.banner-container {
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
  position: relative;
}

html.w-mod-js [data-ix="scroll-right-left"] {
  opacity: 0;
  transform: translate(30%);
}

html.w-mod-js [data-ix="scroll-left-right"] {
  opacity: 0;
  transform: translate(-30%);
}

html.w-mod-js [data-ix="scroll-bottom-top"] {
  opacity: 0;
  transform: translate(0%, 30%);
}

html.w-mod-js [data-ix="scroll-zoom-out"] {
  transform: scale(1.3);
}

@media screen and (min-width: 1920px) {
  .container {
    max-width: 1920px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .container.p-tb-100.align-left {
    align-items: flex-start;
  }

  .container.p-tb-150 {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .slider-green-bg {
    background-position: 7% 100%;
  }

  .slide-content-div {
    left: 15%;
  }

  .slide-nav-2 {
    justify-content: center;
    align-items: center;
  }

  .row-left.mr-30 {
    width: 45%;
    margin-right: 5%;
  }

  .location-title {
    font-size: 42px;
    line-height: 50px;
  }

  .head-container {
    max-width: 1520px;
  }

  .total-sec {
    background-position: 50% 100%;
  }

  .totals-icon {
    height: 80px;
  }

  .talent-pic {
    border-width: 15px;
    border-radius: 300px;
    max-width: 500px;
    height: 700px;
  }

  .news-cover {
    height: 400px;
  }

  .news-cover.cover-1 {
    background-size: cover;
  }

  .div-block-7 {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    inset: 0%;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 48px;
  }

  .image-2 {
    height: 170px;
  }

  .lang-mi-line {
    margin-left: 10px;
    margin-right: 10px;
  }

  .image-3 {
    width: 24px;
  }

  .lang-tx {
    font-size: 28px;
  }

  .year-cover {
    height: 550px;
  }

  .news-title-bar {
    align-items: center;
    height: 105px;
  }

  .prodcut-item {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .product-cover {
    height: 250px;
  }

  .str-icon {
    height: 120px;
  }

  .banner-container {
    max-width: 1920px;
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media screen and (max-width: 991px) {
  .container {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container.p-tb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .slider-green-bg {
    background-position: 15% 100%;
  }

  .slider-blue-bg {
    height: 80%;
  }

  .slider-green-tri {
    border-width: 70px;
  }

  .slide-content-div {
    left: 5%;
    right: 5%;
  }

  .sec-bg-green-tri {
    border-width: 35px;
    width: 50px;
    height: 50px;
  }

  .div-row.margin-bottom-100 {
    margin-bottom: 50px;
  }

  .row-left.mr-30 {
    width: 45%;
    margin-right: 5%;
  }

  .location-title {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 36px;
  }

  .sec-bg-blue-green-tri {
    border-width: 35px;
    width: 50px;
    height: 50px;
  }

  .certificates-logos {
    margin-top: 25px;
  }

  .totals-item {
    width: 50%;
    margin-bottom: 30px;
  }

  .full-bg {
    min-height: 450px;
  }

  .full-bg.our-str-pic {
    background-position: 80%;
  }

  .slide-item {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
  }

  .left-arrow {
    left: -2%;
  }

  .right-arrow {
    right: -2%;
  }

  .contact-icon {
    margin-top: 0;
  }

  .page-ban-block {
    height: 380px;
  }

  .big-content-tx {
    font-size: 32px;
    line-height: 40px;
  }

  .mid-line {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .content-tx {
    font-size: 20px;
    line-height: 32px;
  }

  .year-title {
    font-size: 50px;
  }

  .year-title.left {
    font-size: 48px;
  }

  .year-tx {
    font-size: 20px;
    line-height: 30px;
  }

  .big-content-tx2 {
    font-size: 40px;
  }

  .title-tx2 {
    font-size: 32px;
    line-height: 40px;
  }

  .num-block {
    margin-top: 25px;
  }

  .num-tx {
    font-size: 22px;
    line-height: 32px;
  }

  .highlight-num {
    font-size: 50px;
    line-height: 60px;
  }

  .logo-slide {
    margin-top: 25px;
  }

  .logo-item {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
  }

  .news-item {
    width: 48%;
  }

  .news-title-bar {
    height: 90px;
  }

  .news-details-title {
    margin-left: 100px;
    font-size: 40px;
    line-height: 48px;
  }

  .news-date-block2 {
    width: 90px;
    height: 90px;
  }

  .news-day2 {
    font-size: 28px;
    line-height: 32px;
  }

  .contact-des2 {
    line-height: 30px;
  }

  .map {
    height: 400px;
  }

  .prodcut-item {
    width: 46%;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .container.p-tb-100 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .container.p-tb-100.bg-map {
    background-position: 50% 10%;
    background-size: auto;
  }

  .container.p-tb-150 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .slider-green-bg {
    background-position: 22% 100%;
  }

  .slider-blue-bg {
    width: 20%;
  }

  .slide-big-content {
    font-size: 36px;
    line-height: 42px;
  }

  .slide-small-content {
    max-width: 300px;
  }

  .div-row.margin-bottom-100 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .row-left {
    width: 100%;
  }

  .row-left.mr-30 {
    width: 100%;
    margin-top: 30px;
    margin-right: 0%;
  }

  .row-left.mt-30 {
    margin-top: 30px;
  }

  .row-right {
    width: 100%;
  }

  .row-right.ml-30 {
    width: 100%;
    margin-top: 30px;
    margin-left: 0%;
  }

  .row-right.m-order-first {
    order: -1;
  }

  .abt-pic {
    margin-top: 20px;
  }

  .location-title {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .location-title.tx-white.mb-70 {
    margin-bottom: 30px;
  }

  .des-tx {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 32px;
  }

  .more-btn {
    padding-left: 30px;
    padding-right: 30px;
  }

  .totals-tx {
    font-size: 18px;
    line-height: 24px;
  }

  .totals-num {
    font-size: 60px;
  }

  .full-bg {
    min-height: 500px;
  }

  .box-content {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .talent-pic-block {
    min-height: 500px;
  }

  .news-cover {
    height: 180px;
  }

  .news-title {
    line-height: 24px;
  }

  .news-arrow {
    width: 30px;
    height: 30px;
  }

  .contact-item {
    width: 100%;
    margin-bottom: 15px;
  }

  .address-title {
    height: auto;
    margin-bottom: 15px;
  }

  .contact-row {
    margin-top: 0;
    margin-bottom: 15px;
  }

  .contact-des.address {
    height: auto;
  }

  .image {
    width: 20px;
    margin-top: 0;
  }

  .copyright-div {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .copyright-tx {
    text-align: center;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .nav-link {
    font-size: 24px;
    line-height: 32px;
  }

  .page-ban-tri {
    height: 160px;
  }

  .page-ban-title {
    font-size: 36px;
    line-height: 40px;
  }

  .big-content-tx {
    font-size: 28px;
    line-height: 36px;
  }

  .content-tx {
    font-size: 18px;
    line-height: 24px;
  }

  .history-timeline-block {
    margin-bottom: 0;
  }

  .timeline-row {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 30px;
  }

  .year-block.left {
    left: 0;
    right: auto;
  }

  .year-block.last {
    bottom: 100px;
    left: 0;
  }

  .year-title.left {
    left: 20%;
  }

  .year-bg-color.left {
    left: 0;
  }

  .year-bg-color.last {
    left: 0%;
  }

  .year-cover {
    height: 350px;
  }

  .year-cover.ml-10p {
    width: 90%;
    margin-left: 10%;
    margin-right: auto;
  }

  .year-cricle {
    width: 35px;
    height: 35px;
    left: -15px;
  }

  .year-cricle.left, .year-cricle.right {
    left: -15px;
  }

  .year-cricle.last {
    margin-left: 0;
    left: -15px;
  }

  .year-tx {
    font-size: 18px;
    line-height: 24px;
  }

  .year-contents.ml-10p {
    margin-top: 15px;
  }

  .timeline-center-line {
    height: 93%;
    left: 0;
  }

  .des-tx2 {
    line-height: 28px;
  }

  .highlight-tx {
    font-size: 24px;
    line-height: 30px;
  }

  .big-content-tx2 {
    font-size: 36px;
    line-height: 40px;
  }

  .str-item {
    width: 46%;
  }

  .title-tx2 {
    font-size: 24px;
    line-height: 30px;
  }

  .num-item {
    margin-bottom: 20px;
    padding: 20px 15px;
  }

  .num-tx {
    font-size: 18px;
    line-height: 22px;
  }

  .num-tx.mt-15 {
    margin-top: 0;
  }

  .highlight-num {
    font-size: 32px;
  }

  .logo-box {
    height: 100px;
  }

  .news-item {
    margin-bottom: 20px;
  }

  .news-title-bar {
    height: 70px;
  }

  .news-details-title {
    margin-left: 80px;
    font-size: 24px;
    line-height: 30px;
  }

  .news-date-block2 {
    width: 70px;
    height: 70px;
  }

  .news-day2 {
    font-size: 22px;
    line-height: 30px;
  }

  .news-my2 {
    font-size: 14px;
    line-height: 14px;
  }

  .back-btn {
    padding-right: 0;
  }

  .des-tx-copy {
    margin-bottom: 25px;
  }

  .prodcut-item {
    background-color: var(--white);
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 15px;
  }

  .product-cover {
    height: 150px;
  }

  .product-name.name-only {
    padding-top: 10px;
  }

  .product-na-tx {
    height: 40px;
    font-size: 18px;
    line-height: 22px;
  }

  .product-cate-title {
    font-size: 20px;
    line-height: 28px;
  }

  .product-cate-des {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 22px;
  }

  .pop-content-area {
    padding-top: 30px;
  }

  .pop-close-btn {
    top: -20px;
  }

  .str-icon {
    height: 80px;
  }
}

@media screen and (max-width: 479px) {
  .container.p-tb-100 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .container.p-tb-150 {
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .head-logo {
    width: 40px;
  }

  .head-logo-tx {
    width: 90px;
  }

  .head-right {
    padding-right: 15px;
  }

  .slider-green-bg {
    background-position: 28% 100%;
  }

  .slider-green-tri {
    border-width: 40px;
    width: 50px;
    height: 50px;
  }

  .slide-big-content {
    font-size: 24px;
    line-height: 30px;
  }

  .slide-content-div {
    top: 5%;
  }

  .slide-small-content {
    max-width: 250px;
    font-size: 16px;
    line-height: 24px;
  }

  .sec-bg-green-tri {
    border-width: 17px;
    width: 25px;
    height: 25px;
  }

  .div-row.margin-bottom-100 {
    margin-bottom: 25px;
  }

  .row-left.mr-30, .row-left.mt-30, .row-right.ml-30 {
    margin-top: 15px;
  }

  .abt-pic {
    border-width: 10px;
    height: 270px;
  }

  .location-title {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
  }

  .des-tx {
    font-size: 16px;
    line-height: 28px;
  }

  .sec-bg-blue-green-tri {
    border-width: 17px;
    width: 25px;
    height: 25px;
  }

  .btn-tx.blue-green-tx:hover {
    color: var(--tx-black);
    background-image: url('../more-btn-plus_1more-btn-plus.html');
  }

  .totals-item {
    width: 100%;
  }

  .totals-num {
    font-size: 50px;
    line-height: 60px;
  }

  .full-bg {
    min-height: 350px;
  }

  .talent-pic {
    height: 350px;
  }

  .slide-item {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .news-title {
    height: 40px;
    font-size: 16px;
    line-height: 22px;
  }

  .news-sec {
    background-position: 100% 100%;
    background-size: 90% 92%;
  }

  .contact-item {
    margin-bottom: 15px;
  }

  .address-title {
    font-size: 16px;
    line-height: 22px;
  }

  .contact-row {
    margin-bottom: 10px;
  }

  .contact-des.address {
    font-size: 14px;
    line-height: 20px;
  }

  .image {
    margin-top: 2px;
  }

  .div-block-8 {
    height: 80px;
    padding-left: 30px;
  }

  .page-ban-block {
    height: 220px;
  }

  .page-ban-block.top-layer {
    background-position: 50%;
  }

  .page-ban-tri {
    height: 100px;
  }

  .page-ban-title {
    font-size: 28px;
    line-height: 32px;
  }

  .big-content-tx {
    font-size: 22px;
    line-height: 30px;
  }

  .content-tx {
    font-size: 16px;
    line-height: 22px;
  }

  .year-title {
    left: 20%;
  }

  .year-cover {
    height: 270px;
  }

  .year-cricle {
    bottom: -25px;
    left: -5px;
  }

  .year-cricle.left, .year-cricle.right, .year-cricle.last {
    left: -5px;
  }

  .des-tx2 {
    font-size: 16px;
    line-height: 24px;
  }

  .des-tx2.tx-clr-white {
    font-size: 18px;
  }

  .highlight-tx {
    font-size: 20px;
    line-height: 28px;
  }

  .big-content-tx2 {
    font-size: 30px;
    line-height: 36px;
  }

  .str-block {
    margin-top: 25px;
  }

  .str-item {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .str-tx {
    margin-top: 15px;
    line-height: 24px;
  }

  .title-tx2 {
    min-width: 80%;
    font-size: 20px;
    line-height: 28px;
  }

  .num-item.bg-dark-light-green.div-50 {
    width: 100%;
  }

  .num-item.bg-dark-light-green.div-50.mr-2 {
    width: 100%;
    margin-right: 0%;
  }

  .num-item.bg-dark-light-green.div-50.mr-2.bg-icon1 {
    background-position: 90% 20%;
    background-size: 80px;
  }

  .num-item.bg-light-blue-green.div-50 {
    width: 100%;
  }

  .num-item.bg-light-blue-green.div-50.ml-2 {
    width: 100%;
    margin-left: 0%;
  }

  .num-item.bg-light-blue-green.div-50.ml-2.bg-icon2 {
    background-position: 90% 20%;
    background-size: 80px;
  }

  .num-item.bg-green.align-center.bg-icon3 {
    background-position: 90%;
    background-size: 90px;
  }

  .num-tx.mt-15 {
    margin-top: 5px;
  }

  .highlight-num {
    font-size: 24px;
    line-height: 32px;
  }

  .logo-item {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .news-item {
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0%;
    margin-right: 0%;
  }

  .news-title-bar {
    height: 60px;
    margin-bottom: 15px;
  }

  .news-details-title {
    font-size: 18px;
    line-height: 22px;
  }

  .news-date-block2 {
    width: 60px;
    height: 60px;
  }

  .news-day2 {
    font-size: 20px;
    line-height: 20px;
  }

  .news-my2 {
    font-size: 12px;
    line-height: 12px;
  }

  .image-5, .des-tx-copy {
    margin-bottom: 15px;
  }

  .contact-des2 {
    font-size: 16px;
    line-height: 22px;
  }

  .map {
    height: 270px;
  }

  .prodcut-item {
    width: 96%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .product-cover {
    height: 200px;
  }

  .product-na-tx:hover {
    color: var(--main-green);
  }

  .product-cate-des-block {
    height: 100%;
  }

  .pop-content-area {
    max-height: 90%;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .product-img {
    height: 240px;
  }

  .pop-close-btn {
    background-size: 15px 15px;
    width: 30px;
    height: 30px;
    top: -30px;
  }

  .str-icon {
    height: 60px;
  }

  .product-cate-des-block2 {
    height: 100%;
    overflow: scroll;
  }
}


flow: scroll;
  }
}